.newslist{background:rgb(255,255,255); overflow:hidden; }
.newslist .list-box ul li{border-bottom:1px dashed #f0f0f0;margin-bottom:20px;}
.newslist .list-box ul li>a>span{width: 40%; margin-bottom: 10px;}
.newslist .list-box ul li a span img{display:block; transition:.3s;}
.newslist .list-box ul li a:hover span img{width:40%;transform:scale(1.05);} 
.newslist .list-box ul li>div{width:56%; position: absolute;margin-top: -200px; right: 0; padding:0px;}
.newslist .list-box ul li>div h3{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newslist .list-box ul li>div i{opacity:.68; font-style:normal; display:block; padding:5px 0;}
.newslist .list-box ul li>div p{opacity:.88; overflow:hidden; height:80px;}
@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;}
.newslist .list-box ul li>div i {display: inline-block;padding: 8px 10px 8px 0;}
.newslist .list-box ul li>div h3 {font-weight: bold;margin-bottom: 10px;}
}

@media(max-width:767px){
.newslist .list-box ul li{padding:4px 0;}
.newslist .list-box ul li>a>span{width:140px; margin-bottom: 10px;}
.newslist .list-box ul li a span img{display:block;width:140px;}
.newslist .list-box ul li>div{padding-left:8px;margin-top:-80px;}
.newslist .list-box ul li>div i{padding:0;}
.newslist .list-box ul li>div i.notice{display: none;}
.newslist .list-box ul li>div p{height:auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
}