body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

.main {
	
	flex: 1;
}
@media (max-width:1000px) {
	.list1 .li-box:nth-of-type(3) {
	    width: 48%;
	}
	.list1 .li-box:nth-of-type(3) img{
	    height: 100px;
	}
	
}
@media (min-width:1000px) {
	.main{
		margin:20px auto;
	}
	.list1 {
		justify-content: flex-start;
	}
	.li-box{
		width: 11%;
		margin-right: 23px;
	}
	
	.li-box:nth-of-type(8n) {
		margin-right: 0px;
	}
}
.footer{
	margin-bottom: 0px;
}