/*.main{padding-bottom: 311px;}*/
.content li{float: left;width: 31%;margin: 0 1.15%;    margin-bottom: 29px;}
.content li h2{font-family: \5B8B\4F53;font-size: 14px;color: #666;    margin-top: 25px;text-overflow: ellipsis; white-space: nowrap;overflow: hidden;}
.content li p{font-family: \5B8B\4F53;font-size: 12px;color: #666;    margin-top: 12px; line-height: 21px;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;    min-height: 42px;}
.content li label{font-family: \5B8B\4F53;font-size: 12px;color: #999;    display: block; margin-top: 10px;cursor: pointer; margin-bottom: 23px;}
.content li dl{border: 1px solid #efefef;    background: #fff;}
.content li dt img{width: 100%;transition: all 1s ease 0s;}
.content li dt{overflow: hidden;}
.content .container{overflow: hidden;padding: 0;}
.content ul{padding: 0 13px;background: #f8f8f8;    margin-top: 7px; padding-top: 29px;}
.content li label .fa-clock-o{    font-size: 15px;    margin-right: 7px; color: #c9c9c9; vertical-align: bottom;}
.content li dd{    padding: 0 16px;}
.content li dt img:hover{-webkit-transform: scale(1.1); transform: scale(1.1);}
.content li dl:hover{border: 1px solid #e01422;}
.content li h2:hover{color: #df0615;}
@media (max-width: 999px){
	.content li dt img:hover{-webkit-transform:inherit; transform:inherit;}
	.content li dl:hover{border: 1px solid #efefef;}
	.content li h2:hover{color: #666;}
	.main { padding-bottom: 175px; padding-top: 70px;}
}
@media (max-width: 767px){
	.content li{width: 47.7%;}
}
@media (max-width: 480px){
	.content li{width: 100%;float: inherit;margin-right: 0;margin-left: 0;}
	.content ul{padding: 0 15px;    padding-top: 29px;margin-top: 5px;    padding-bottom: 2px;}
	.content li label{    margin-top: 9px;    margin-bottom: 20px;}
}




