#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:#0e3884}
#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:#0e3884;-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{}
#news li .border{margin-bottom:25px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding: 20px 30px;border-radius:50px;background: #f1f1f1;}
#news li .news-info{display:flex;align-items:center;justify-content:flex-start;flex-wrap: wrap;width:calc(100% - 150px)}
#news li .news-info .news-bottom{width: 120px;/* border-right:1px solid #d7d7d7; *//* margin-right:25px */}
#news li .news-info .news-bottom h4{color:#2e2e2e;font-size: 16px;font-family:'Lato',sans-serif}
#news li .news-info h3{overflow:hidden;width:calc(100% - 130px);height:25px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
#news li .news-info h3 a{color:#2b2b2b;font-size: 19px;display: block;}
#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;width:110px}
#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}
.article-info{margin-bottom:50px;color:#6f6f6f;font-size: 15px;}
.article-info a{color:#37414f}

@media screen and (max-width: 640px) {
#news li .news-info .news-bottom, #news li .news-info, #news li .readmore{width: 100%;}
#news li .news-info h3 a{font-size:13pt}
#news li .news-info h3,#news li .news-info p{width: 100%;}
#news li .readmore{margin-top:10px;}
#news li .border{border-radius: 25px;}
}