#newslist li {position: relative;transition: all linear .2s;}
#newslist li:nth-child(even){
    background: #f4f4f4;
}
#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; }
#newslist li .border .photo {overflow: hidden;background: #151515 no-repeat 50% / cover;transition: all linear .3s;position: absolute;z-index: -1;opacity: 0;width: 100%;-webkit-filter: grayscale(1);}
#newslist li:hover .border .photo{opacity: 1;}
#newslist li:hover .border .photo img{background: rgb(21 21 21 / 75%)}
#newslist li .border .photo img {width: 100%;}
#newslist li .news-info {overflow: hidden;padding: 40px;}
#newslist li .news-info .news-bottom .date {font-size: 16px;line-height: 120%;color: #484848;font-family: 'Poppins', sans-serif;}
#newslist li:hover .news-info .news-bottom .date, #newslist li:hover .news-info .news-bottom h3{color:#fff;}
#newslist li .news-info .news-bottom h3 {margin: 20px 0;font-size: 28px;line-height: 150%;font-weight: 900;color: #040404;overflow: hidden;height: 40px;}
#newslist li .news-info .news-bottom .describe {overflow: hidden;height: 50px;font-size: 15px;line-height: 170%;color: #a5a5a5;}
#newslist li .news-info .news-bottom .more {padding: 14px 50px;margin-top: 30px;background: #2b3d87;display: inline-block;color: #fff;font-size: 15px;border-radius: 50px;float: right;}
#newslist li:hover .news-info .news-bottom .more{
    background: #fff;
    color: #000;
}
.article-info { margin-bottom: 30px; color: #6d6d6d; }
.article-info a { color: #a0a0a0; }

@media screen and (min-width:1025px) {
	#newslist li:hover { background: rgba(0,0,0,0.25); }
}
@media screen and (max-width:640px) {
	#newslist li .border .photo {}
	#newslist li .news-info {
    padding: 20px;
}
	#newslist li .news-info .news-bottom .describe { height: 27px; }
	#newslist li .news-info .news-bottom h3 {margin: 15px 0;font-size: 20px;height: 55px;line-height: 130%;}
	#newslist li .news-info .news-bottom .date { font-size: 12px; }
	#newslist li .news-info .news-bottom .more { padding: 5px 15px; }
}
@media screen and (max-width:480px) {
	#newslist li .news-info {}
}