html,body { width: 100%; height: 100%; margin: 0; padding: 0; font-family: "微软雅黑";}
a { text-decoration: none;}  
.container { padding: .4rem;} 
.search { width: 100%; height: .64rem; border-radius: 10px; background-color: #F5F5F5;}
.search input { float: left; height: .4rem; border: 0; background-color: rgba(0,0,0,0); padding: 0; margin-left: .24rem; margin-top: .12rem; font-size: .28rem; line-height: .4rem; color: #4A4A4A; outline: none;}
.search input::placeholder { color: #9B9B9B;}
.search img { width: .36rem; height: .36rem; float: right; margin-top: .14rem; margin-right: .28rem;}
.title { color: #323232; font-size: .5rem; line-height: 1; font-weight: bold; text-align: left; padding-top: .22rem;}
.imgList { margin-top: .4rem;}
.imgList .item { float: left; margin-right: .3rem; width: 3.2rem; height: 1.98rem; border-radius: 4px; overflow: hidden; position: relative;}
.imgList a:nth-child(2n) .item { margin-right: 0;}
.imgList .item img { width: 100%; height: 100%;}
.imgList .item div { width: 96%; padding: 0 2%; height: .4rem; background:rgba(50,50,50,0.7); font-size: .24rem; line-height: .4rem; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; bottom: 0; left: 0;}
.imgList:after { content:""; clear: both; display: block;}
.list .item { margin-top: .4rem;}
.list .item .ititle { font-size: .28rem; line-height: .4rem; color: #323232;}
.list .item .cont { font-size: .24rem; line-height: .34rem; color: #999999; margin-top: .1rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  line-clamp: 2; -webkit-box-orient: vertical;}
.list .item .data { font-size: .24rem; line-height: .34rem; color: #999999; margin-top: .1rem;}
@media screen and (min-width: 751px) {
	.list .item .ititle { font-size: 36px;}
	.list .item .cont { font-size: 32px;}
	.list .item .data { font-size: 32px;}

@media screen and (min-width: 376px) and (max-width: 750px) {
	.list .item .ititle { font-size: 32px;}
	.list .item .cont { font-size: 28px;}
	.list .item .data { font-size: 28px;}

@media screen and (max-width: 375px) {
	.list .item .ititle { font-size: 28px;}
	.list .item .cont { font-size: 24px;}
	.list .item .data { font-size: 24px;}