.newslist{overflow:hidden; background:; }
.newslist .list-box ul li{border-bottom:1px dashed #f0f0f0;}
.newslist .list-box ul li:after{display:block; content:''; clear:both;}
.newslist .list-box ul li a{transition:.3s;}
.newslist .list-box ul li>a>span{float:left; overflow:hidden; width:220px;}
.newslist .list-box ul li a span img{display:block; transition:.3s;}
.newslist .list-box ul li a:hover span img{transform:scale(1.05);} 
.newslist .list-box ul li>div{padding-left:238px;}
.newslist .list-box ul li>div h3{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newslist .list-box ul li>div i{opacity:.68; font-style:normal; display:block; padding:8px 0;}
.newslist .list-box ul li>div p{opacity:.88; overflow:hidden; height:px;}
@media(min-width:992px){
.newslist{padding-top:28px; padding-bottom:28px;} 
.newslist .list-box{margin-bottom:28px;}
.newslist .list-box ul li{padding:16px 0;}
}
@media(max-width:991px){
.newslist{padding-top:18px; padding-bottom:18px;} 
.newslist .list-box{margin-bottom:18px;}
.newslist .list-box ul li{width:100%; padding:12px 0;}
}
@media(max-width:767px){
.newslist .list-box ul li{padding:4px 0;}
.newslist .list-box ul li>a>span{width:100px;}
.newslist .list-box ul li>div{padding-left:108px;}
.newslist .list-box ul li>div i{padding:0;}
.newslist .list-box ul li>div p{height:auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
}