#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; }
}