#newslist ul{display:flex;flex-wrap:wrap}
#newslist li{width:calc(100%/3)}
#newslist li .border{padding:20px}
#newslist li .border .photo{background-repeat:no-repeat;background-size:cover}
#newslist li .border .photo a{display:block;width:100%}
#newslist li .border .photo a img{display:block;width:100%}
#newslist li .border .news-info{margin-top:20px}
#newslist li .border .news-info .news-bottom{}
#newslist li .border .news-info .news-bottom h3{color:#fff;font-size:20px;line-height:1.3}
#newslist li .border .news-info .news-bottom h3 a{color:#434343}
#newslist li .border .news-info .news-bottom .describe{height:64px;overflow:hidden;color:#888}
#newslist li .border .news-info .news-bottom .list{text-align:left;padding:15px 0px}
#newslist li .border .news-info .news-bottom .list a{color:#797979;position:relative;font-size:13px;font-weight:100}
#newslist li .border .news-info .news-bottom .list a::after{content:"/"}
#newslist li .border .news-info .news-bottom .list .date{display:inline-block;vertical-align:baseline;color:#797979;font-size:13px;font-weight:100}
#newslist li .border .news-info .news-bottom .more{display:block;width:96%;text-align:right;color:#ccc;margin-top:10px}
#newslist li .border .news-info .news-bottom .more a{color:#ccc;transition:ease .3s;display:inline-block}
#newslist li .border .news-info .news-bottom .more a svg path{stroke:#ccc}
#newslist li .border .news-info .news-bottom .more a:hover{animation:1s arrow}
#describe .article-info ul li b,#describe .article-info ul li b a{color:#ccc}

@media screen and (max-width:768px){
	#newslist li{width:50%;}
}
@media screen and (max-width:480px){
	#newslist li{width:100%;}
}