/*****
*怀化市政府集约化建设子站公共样式文件
*@crtime:2019年8月9日23:30
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:金鑫
*@modifyLog: what when who
*适老化调整 modify by liang
*/
.content-box{overflow:hidden;}
body, .j-site-box{background-color: #f0f2f5;}
.content-list-box ul li{width: 32%;margin-right: 2%;background-color: #fff;float: left;margin-bottom: 1.4rem;}
.content-list-box ul li a.pic{height: 220px;display: block;overflow: hidden;}
.content-list-box ul li a.memo{}
.content-list-box ul li img{display: block;width: 100%;}
.content-list-box ul li h2{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.content-list-box ul li:hover{background-color: #3f85e0;}
.content-list-box ul li:hover h2{color: #fff;}
.content-list-box ul li:hover p{color: #fff;}
.content-list-box ul li:hover span{color: #fff;}
.content-list-box ul li:hover .cover-gray{opacity: 0.3;filter:alpha(opacity=30);}
.content-list-box ul li:nth-child(3n+3){margin-right: 0;}
.content-list-box ul li h2, .content-list-box ul li p{text-align: center;padding: 0 1rem;}
.content-list-box ul li h2{font-size: 1.25rem;color: #333;margin-top: 1.5rem;}
.content-list-box ul li p{font-size: .875rem;color: #666666;margin-top: 1.125rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.content-list-box ul li span {display: block;text-align: right;padding-right: 1rem;font-size: .75rem;color: #666;margin-top: 1.875rem;padding-bottom: 1.875rem;}
.content-list-box ul li a:first-child{display: block;position: relative;}
.play-img{background-image: url(../images/play.png);display: inline-block;vertical-align: middle;width: 100%;height: 100%;position: absolute;left: 50%;top: 50%;margin-top: -30px;margin-left: -30.5px;}
.play-psi{width: 61px;height: 60px;}
.cover-gray{width: 100%;height: 100%;background-color: #333;position: absolute;top: 0;left: 0;opacity: 0.5;filter:alpha(opacity=50);}
.pic-shadow {
    box-shadow: 0px 3px 20px 0px rgba(51,51,51,0.2);
    -webkit-box-shadow: 0px 3px 20px rgba(51,51,51,0.2);
    -moz-box-shadow: 0px 3px 20px rgba(0,0,0,0.5);
    -ms-box-shadow: 0px 3px 20px rgba(0,0,0,0.5);
    -o-box-shadow: 0px 3px 20px rgba(0,0,0,0.5);
}
@media screen and (max-width:1200px){
  .content-list-box ul li a.pic{height:auto;}
 
}
@media screen and (max-width:750px){
  .content-list-box ul li:nth-child(3n+3){margin-right: 2%;}
  .content-list-box ul li:nth-child(2n+2){margin-right: 0;}
  .content-list-box ul li{width: 49%;}
}

@media screen and (max-width:500px){
  .content-list-box ul li:nth-child(3n+3){margin-right: 0%;}
  .content-list-box ul li:nth-child(2n+2){margin-right: 0;}
  .content-list-box ul li{width: 100%;}
}