#newslist ul{display:flex;flex-wrap:wrap}
#newslist li{width:calc((100%/3) - 27px);margin:0 0 40px}
#newslist li:nth-child(3n-1){margin:0 40px 40px}
#newslist li .border .photo{background-repeat:no-repeat;background-size:cover;position:relative;margin-bottom:15px}
#newslist li .border .photo a{width:100%}
#newslist li .border .photo a img{display:inline-block;width:100%}
#newslist li .border .news-info{}
#newslist li .border .news-info .news-bottom{padding:0 5px}
#newslist li .border .news-info .news-bottom h3{color:#fff;font-size:22px;line-height:1.3}
#newslist li .border .news-info .news-bottom h3 a{color:#ffffff;height:56px;overflow:hidden;display:block;text-align:justify}
#newslist li .border .news-info .news-bottom .describe{height:70px;overflow:hidden;color:#888;font-size:14px;text-align:justify}
#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}
#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}
#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}
@keyframes arrow{0%{transform:translateX(0px)}
25%{transform:translateX(10px)}
50%{transform:translateX(0px)}
75%{transform:translateX(5px)}
100%{transform:translateX(0px)}
}#describe .article-info ul li b,#describe .article-info ul li b a{color:#ccc}
@media screen and (max-width:480px){#newslist li,#newslist li:nth-child(3n-1){margin:0 0 40px;width:100%}
#newslist li .border .news-info .news-bottom h3 a{font-size:22px}
}