#newsList ul { text-align: center; font-size: 0; }
#newsList ul li {overflow: hidden;display: inline-block;vertical-align: top;width: calc((100%/3) - 0px);}
#newsList ul li >div {margin: 20px;}
#newsList ul li .info p a {margin-right: 15px;padding: 5px 15px;background: #e70012;display: inline-block;color: #e9e9e9;font-size: 14px;}
#newsList ul li .info p font {color: #fff;}
#newsList ul li .info h3 a {margin-top: 10px;height: 30px;font-weight: bold;font-size: 18px;color: #fff;-webkit-line-clamp: 1;}

@media screen and (min-width:1281px) {
	#newsList ul li:hover .img a.photo img { background: rgba(32, 32, 32, .75); }
}
@media screen and (max-width:980px) {
	#newsList ul li >div { margin: 20px 10px 20px 0; }
	#newsList ul li:nth-child(2n) >div { margin: 20px 0 20px 10px; }
}
@media screen and (max-width:768px) {
	#newsList ul li { width: 80%; }
	#newsList ul li >div , #newsList ul li:nth-child(2n) >div { margin: 20px 0; }
}
@media screen and (max-width:500px) {
	#newsList ul li { width: 100%; }
}