
@media (min-width:1440px) {
	.container{border:0px solid #FF0000;}
}

@media (min-width: 1024px) and (max-width: 1440px) {
	.container{width:1200px;border:0px solid #00FF00;}

	.app-main-area{width:800px;}
	.app-comment{width:800px;}

	.page-right-box{width:200px;}

	.app-box.img-list ul li{width:25%;}

}

@media (min-width: 768px) and (max-width: 1024px) {
	.container{width:100%;border:0px solid #00FF00;}

	.app-main-area{float:none;width:100%;}
	.app-comment{float:none;width:100%;}

	.page-right-box{display:none;}

	.app-box.img-list ul li{width:25%;}

}

@media (min-width: 375px) and (max-width: 768px) {
	.container{width:100%;border:0px solid #00FF00;}

	.app-main-area{float:none;width:100%;}
	.app-comment{float:none;width:100%;}

	.page-right-box{display:none;}

	.app-box.category-image ul li{width:33.33%;}

	.app-box.img-list ul li{width:33.33%;}

}

/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 375px) {
	.container{width:98%;max-width:480px;border:0px solid #FFFF00;}

	.app-main-area{float:none;width:100%;}
	.app-comment{float:none;width:100%;}

	.page-right-box{display:none;}

	.app-box.category-image ul li{width:50%;}

	.app-box.img-list ul li{width:50%;}

}
