#newslist li { border-bottom: 2px solid #444; margin-bottom: 30px; }
#newslist li .border { display: flex; padding-bottom: 30px; justify-content: space-between; }
#newslist li .border .photo { background-repeat: no-repeat; background-size: contain; width: 25%; box-sizing: border-box; position: relative; height: auto; }
#newslist li .border .photo a { display: inline-block; width: 100%; position: absolute; }
#newslist li .border .photo a img { display: inline-block; width: 100%; }
#newslist li .border .news-info { width: 70%; }
#newslist li .border .news-info .news-bottom { padding: 0 5px; }
#newslist li .border .news-info .news-bottom h3 { color: #fff; font-size: 30px; line-height: 1.3; }
#newslist li .border .news-info .news-bottom h3 a { color: #b1928c; }
#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: #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; }
#describe .article-info ul li b, #describe .article-info ul li b a { color: #ccc; }

@keyframes arrow { 0% , 50% , 100% { transform: translateX(0px); } 25% { transform: translateX(10px); } 75% { transform: translateX(5px); } }

@media screen and (max-width: 480px) {
	#newslist li .border .news-info .news-bottom h3 a { font-size: 22px; }
}