@charset "utf-8";
.container{width: 100%;max-width: 1200px;margin: 0 auto;position:relative; clear:both;overflow: hidden; z-index: 1;margin-top: -10px;}
/*图片壁纸*/
.umPost .umArrPic ul{ font-size: 0; margin-right: -20px;}
.umPost .pic{ background-color:#ededf0}
.umPost .umArrPic li{width:calc(100% / 4 - 20px); margin: 20px 20px 2px 0px; display: inline-block; vertical-align: top;}
.umPost .umArrPic li .pic{position: relative; overflow: hidden;}
.umPost .umArrPic li .pic:after{ content: ''; padding-top:75%; display: block;}
.umPost .umArrPic li .pic img,.umPost .umArrPic li .pic a{ width: 100%; height: 100%; position: absolute; left: 0;}
.umPost .umArrPic li .pic img{ object-fit: cover; transform: scale(1);}
.umPost .umArrPic li .pic a:hover img{ transform: scale(1.1);}
.umPost .umArrPic li .text{padding: 15px 0 0 0;}
.umPost .umArrPic li .text .tit{ font-size: 14px; padding-bottom:6px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.umPost .umArrPic li .text .info{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;opacity: .4;font-size: 12px;}
.umPost .umArrPic li .text .info em{margin-right: 10px;}
.umPost .umArrPic li .text .info em.date{ margin-right: 0;}
.umPost .umArrPic li .text .info i{ margin-right: 3px;}
/*响应适配*/
@media screen and (max-width:1200px){
 .container{ padding: 0 20px;}
}
@media screen and (max-width:1120px){
.umMainBox{padding-right: 300px;}
.umPost .umApp .umAppArr li {width: calc(100% / 6 - 20px);}
.umPost .umApp .umAppArr li:nth-of-type(n+19){ display: none;}
}
@media screen and (max-width:900px){
.umMainBox{padding-right: 0;}
}
@media screen and (max-width:768px){
.umPost .umApp .umAppArr li {width: calc(100% / 6 - 20px);}
.umPost .umArrPic li{width: calc(100% / 2 - 20px);}
}
@media screen and (max-width:640px){
.container{ padding: 0 15px;}
}