@media (max-width:550px) {
	.container {
		width: 92%;
	}

	#items .item {
		width: 47%;
	}

	#jiazai .detail {
		width: 100%;
	}

	html {
		font-size: 16px;
	}
}

@media (min-width:551px) and (max-width:1024px) {
	.container {
		width: 92%;
	}

	#items .item {
		width: 30%;
	}

	#jiazai .detail {
		width: 100%;
	}

	html {
		font-size: 15px;
	}
}

@media (min-width:790px) and (max-width:1024px) {
	.container {
		width: 85%;
	}

	html {
		font-size: 17px;
	}
}

@media (min-width:1025px) and (max-width:1360px) {
	.container {
		width: 85%;
	}

	#items .item {
		width: 23%;
	}

	#jiazai .detail {
		width: 45%;
	}

	html {
		font-size: 19px;
	}
}

@media (min-width:1361px) and (max-width:1640px) {
	.container {
		width: 85%;
	}

	#items .item {
		width: 23%;
	}

	#jiazai .detail {
		width: 46%;
	}

	html {
		font-size: 20px;
	}
}

@media (min-width:1641px) and (max-width:1919px) {
	.container {
		width: 70%;
	}

	#items .item {
		width: 23%;
	}

	#jiazai .detail {
		width: 46%;
	}

	html {
		font-size: 22px;
	}
}

@media (min-width:1920px) and (max-width:2240px) {
	.container {
		width: 75%;
	}

	#items .item {
		width: 18%;
	}

	#jiazai .detail {
		width: 46%;
	}

	html {
		font-size: 23px;
	}
}

@media (min-width:2241px) and (max-width:2560px) {
	.container {
		width: 60%;
	}

	#items .item {
		width: 18%;
	}

	#jiazai .detail {
		width: 46%;
	}

	html {
		font-size: 24px;
	}
}

@media (min-width:2561px) and (max-width:3072px) {
	.container {
		width: 55%;
	}

	#items .item {
		width: 15%;
	}

	#jiazai .detail {
		width: 46%;
	}

	html {
		font-size: 24px;
	}
}

@media (min-width:3073px) {
	.container {
		width: 45%;
	}

	#items .item {
		width: 15%;
	}

	#jiazai .detail {
		width: 46%;
	}

	html {
		font-size: 25px;
	}
}