.newsList { display: flex; flex-wrap: wrap; }
.newsList .news-item { width: 30%; margin: 0 1.58% 30px; }
.newsList .news-item a.photo { display: block; }
.newsList .news-item .info { padding: 0 20px 15px; background: #fff; box-shadow: 1px 1px 10px 0px #ddd; }
.newsList .news-item .date { display: inline-block; margin-top: -40px; padding: 5px 15px; background: #1f79a9; color: #fff; position: relative; z-index: 1; }
.newsList .news-item .date::after { content: ""; z-index: -1; position: absolute; left: 0px; top: 0px; width: 0px; height: 100%; background: #c45220; transition: .3s; }
.newsList .news-item:hover .date::after { width: 100%; }
.newsList .news-item .info .title { font-size: 24px; -webkit-line-clamp: 2; }
.newsList .news-item .info .desc { -webkit-line-clamp: 2; }

@media screen and (max-width: 980px) {
	.newsList .news-item { width: 46%; }
}
@media screen and (max-width: 540px) {
	.newsList .news-item .info .title { font-size: 18px; }
}
@media screen and (max-width: 414px) {
	.newsList .news-item .date { font-size: 12px; padding: 5px 8px; }
}
@media screen and (max-width: 375px) {
	.newsList .news-item .info { padding: 0 10px 15px; }
}