#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,#ae7584 20%,#cb8f9f 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,#ae7584 20%,#cb8f9f 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) / 4);margin: 0 5px;}
#news li:nth-child(3n-1){/* margin:0 20px; */}
#news li .border{margin-bottom:50px}
#news li .news-info{margin: 20px 3px;}
#news li .news-info .news-bottom{margin-top:10px}
#news li .news-info .news-bottom h4{color: #cba9b3;font-size:10pt}
#news li .news-info h3{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom: 12px;}
#news li .news-info h3 a{color: #ba758a;font-size: 17pt;}
#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 ,.article-info b{
    color: #858585;
    font-weight: 300;
}
@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}
}