/* newsList */
#newsList { font-size: 0; }
#newsList li { margin: 10px 0; width: calc(100% / 3); display: inline-block; }
#newsList li >div {position: relative;margin: 0 10px;}
#newsList li .newImg a.category { position: absolute; padding: 4px 40px; background: #ae591b; display: inline-block; color: #fff; bottom: 0; left: 0; }
#newsList li .info {padding: 40px 30px;border: 1px #d0d0d0 solid;position: relative;}
#newsList li .info a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
#newsList li:hover .info {border-color: #1d2731;}
#newsList li .info h3 { height: 34px; font-size: 20px; -webkit-line-clamp: 1; }
#newsList li .info article { margin: 5px 0 20px; height: 46px; -webkit-line-clamp: 2; }
#newsList li .info p.time { font-size: 13px; color: #9f9f9f; }
#newsList li .info p.more { position: absolute; right: 30px; bottom: 20px; }
#newsList li .info p.more a { padding: 0; border: 0; }
#newsList li .info p.more a:before { display: none; }

@media screen and (min-width: 1281px) {
	#newsList li:hover .info p.more a span { margin: 0 0 0 20px; }
	#newsList li .info p.more a:hover font , #newsList li:hover .info p.more a font { color: #af6e52; }
	#newsList li .info p.more a:hover span:before , #newsList li .info p.more a:hover span:after , #newsList li:hover .info p.more a span:before , #newsList li:hover .info p.more a span:after { background: #af6e52; }
}
@media screen and (max-width: 1024px) and (min-width: 551px) {
	#newsList li {width: calc(50% - 25px);border: 1px #d0d0d0 solid;font-size: 0;margin: 10px;}
	#newsList li .newImg { margin: 0; width: 205px; display: inline-block; }
	#newsList li .info {margin: 0;padding: 30px 30px 47px;border: 0;display: inline-block;}
}
@media screen and (max-width: 550px) {
	#newsList { text-align: center; }
	#newsList li { width: 90%; }
	#newsList li .newImg img { height: 200px; }
}
@media screen and (max-width: 480px) {
	#newsList { margin: 15vw 0; }
}