#newslist ul{}
#newslist li {position: relative;margin-bottom: 10px;transition: all linear .2s;float: left;width: calc(50% - 40px);margin: 20px;box-shadow: 0 0 5px rgb(0 0 0 / 10%);}
#newslist li a { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 3; }
#newslist li .border {position: relative;overflow: hidden;z-index: 2;padding: 20px;}
#newslist li .border .photo {background-repeat: no-repeat;overflow: hidden;transition: all linear .3s;background-position: 50% 50%;background-size: cover;}
#newslist li .border .photo img { width: 100%; }
#newslist li .news-info {}
#newslist li .news-info .news-bottom .date {font-size: 15px;line-height: 120%;letter-spacing: 1px;color: #c3c3c3;font-family: 'Roboto', sans-serif;margin-top: 15px;}
#newslist li .news-info .news-bottom h3 {margin: 20px 0;font-size: 28px;line-height: 110%;font-weight: normal;color: #2f2f2f;overflow: hidden;height: 30px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#newslist li .news-info .news-bottom .describe { overflow: hidden; height: 81px; font-size: 16px; line-height: 170%; color: #c3c3c3; }
#newslist li .news-info .news-bottom .more {padding: 9px 30px;background: #232323;display: inline-block;color: #ffffff;font-size: 14px;font-family: 'Roboto', sans-serif;float: right;transition: all linear .2s;}
#newslist li:hover .news-info .news-bottom .more{
    letter-spacing: 2px;
}
.article-info { margin-bottom: 30px; color: #6d6d6d; }
.article-info a { color: #a0a0a0; }


@media screen and (max-width:640px) {
	#newslist li {
    width: calc(100% - 40px);
}
	#newslist li .news-info {}
	#newslist li .news-info .news-bottom .describe { height: 27px; }
	#newslist li .news-info .news-bottom h3 {overflow: hidden;margin: 15px 0;font-size: 20px;height: 22px;}
	#newslist li .news-info .news-bottom .date {font-size: 13px;}
	#newslist li .news-info .news-bottom .more { padding: 5px 15px; }
}
@media screen and (max-width:480px) {
	#newslist li .news-info {}
}