#newslist ul{display:flex;flex-wrap:wrap;margin-bottom: 50px;}
#newslist li{width:calc(100%/3)}
#newslist li .border{display:flex;margin:30px;flex-direction:column;align-items:center}
#newslist li .border .photo{background-repeat:no-repeat;background-size:cover;position:relative;background-position:50% 50%;margin-bottom:20px;width: 100%;}
#newslist li .border .photo a{display:block}
#newslist li .border .photo a img{width:100%}
#newslist li .border .news-info{}
#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: #515151;font-weight: 500;}
#newslist li .border .news-info .news-bottom .describe{height: 54px;overflow:hidden;color:#888;font-size: 15px;}
#newslist li .border .news-info .news-bottom .list{text-align:left;padding:15px 0px}
#newslist li .border .news-info .news-bottom .list a{color:#ccc;position:relative;font-size: 13px;}
#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:#ccc;font-size: 13px;}
#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: #828282;font-weight: 200;}
.article-info *{font-weight: 200;}
.article-info{margin-bottom: 30px;}

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