.newslist{overflow:hidden; background:; }
.newslist .list-box ul li{box-shadow: 0 1px 4px rgba(0,0,0,.18);margin-bottom: 10px;}
.newslist .list-box ul li:after{display:block; content:''; clear:both;}
.newslist .list-box ul li:hover {background-color: #f6f6f6;}
.newslist .list-box ul li a{transition:.6s;}
.newslist .list-box ul li>a>span{float:left; overflow:hidden; width:220px;}
.newslist .list-box ul li a span img{display:block; transition:.6s;}
.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{font-style:normal; display:block; padding:8px 0;}
.newslist .list-box ul li>div p{margin-top: 8px;line-height: 26px;padding-top: 10px;border-top: 1px dotted #ccc;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:20px;}
}
@media(max-width:991px){
.newslist{padding-top:18px; padding-bottom:18px;} 
.newslist .list-box{margin-bottom:18px;}
.newslist .list-box ul li{padding:18px;}
}
@media(max-width:767px){
.newslist .list-box ul li{padding:15px;}
.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;}
}