.newslist{background:; }
.newslist .list-box ul li{box-shadow: 0 0 2px 0 rgba(0,0,0,.1);}
.newslist .list-box ul li:hover{cursor: pointer;color:#fff;background: rgb(250,194,25);}
.newslist .list-box ul li:hover h3 a{color:#fff;}

.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{font-size: 12px;line-height: 28px;color: #b5b4af;overflow:hidden; height:px;}
.newslist .list-box ul li:hover p{color:#fff;transition:.6s;}
@media(min-width:992px){
.newslist{padding-top:28px; padding-bottom:28px;margin-left: 260px;} 
.newslist .list-box{margin-bottom:28px;}
.newslist .list-box ul li{display:inline-block;padding:15px;}
.newslist .list-box ul li:after{display:inline-block; content:''; clear:both;}
.newslist .list-box ul li>div h3{font-size: 18px;}
}
@media(max-width:991px){
.newslist{padding-top:18px; padding-bottom:18px;margin-left: 0;} 
.newslist .list-box{margin-bottom:18px;}
.newslist .list-box ul li{width:100%; padding:12px;}
.newslist .list-box ul li>div h3{font-size: 16px;}
}
@media(max-width:767px){
.newslist .list-box ul li{padding:4px 0;}
.newslist .list-box ul li>a>span{width:100%;}
.newslist .list-box ul li>div{padding: 0 10px;}
.newslist .list-box ul li>div h3{overflow: revert;white-space: normal;}
.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;}
}