#news{ position:relative; z-index:2;}
#news li .readmore a b,#news li .readmore:before{background:-webkit-gradient(linear,left top,right top,color-stop(20%,#f93),color-stop(80%,#ff7166));background:-webkit-linear-gradient(left,#f93 20%,#ff7166 80%);background:linear-gradient(90deg,#f93 20%,#ff7166 80%)}
#news li .readmore a{background-color:#f93;background:-webkit-gradient(linear,left top,right top,color-stop(20%,#f93),color-stop(80%,#ff7166));background:-webkit-linear-gradient(left,#f93 20%,#ff7166 80%);background:linear-gradient(90deg,#f93 20%,#ff7166 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
#news li .photo a{display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative}
#news li .photo a img{width:100%}
#news li{float:left;width:calc((100% - 40px) / 3)}
#news li:nth-child(3n-1){margin:0 20px}
#news li .border{margin-bottom:50px}
#news li .news-info{margin:20px}
#news li .news-info .news-bottom{margin-top:10px}
#news li .news-info .news-bottom h4{color:#ff7b58;font-size:10pt}
#news li .news-info h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom:20px}
#news li .news-info h3 a{color:#2b2b2b;font-size:14pt}
#news li .news-info p{font-size:11pt;line-height:150%;color:#6b6b6b;height:34pt;overflow:hidden;margin-bottom:20px}
#news li .readmore{text-align:right;position:relative}
#news li .readmore a{display:block;font-size:10pt;font-family:'Viga',sans-serif;padding-right:30px}
#news li .readmore a b{display:block;color:#fff;-webkit-text-fill-color:#fff;position:absolute;right:0;top:calc(50% - 10px);width:20px;height:20px;line-height:20px;border-radius:50%;text-align:center;font-size:8pt}
#news li .readmore:after{content:'';display:block;width:100%;height:1px;position:absolute;bottom:-15px;background:#d8d8d8;left:0;z-index:1}
.article-info{
    margin-bottom: 50px;
    color: #6f6f6f;
}
.article-info a{
    color: #37414f;
}
@media screen and (min-width: 1025px) {
#news li .readmore:before{content:'';display:block;width:0;height:1px;position:absolute;bottom:-15px;z-index:2;left:0;transition:all linear .3s}
#news li .readmore:hover:before{width:100%}
	
}
@media screen and (max-width: 640px) {
#news li{width:calc(50% - 10px);margin:0 5px}
#news li:nth-child(3n-1){margin:0 5px}
}
@media screen and (max-width: 480px) {
#news li .news-info{margin:0}
#news li .news-info h3 a{font-size:13pt}
#news li .news-info h3,#news li .news-info p{margin-bottom:10px}
}