/*****
*怀化市政府集约化建设子站公共样式文件
*@crtime:2019年8月9日23:30
*@Company:湖南微象科技有限公司 www.microxiang.com
*@Author:金鑫
*@modifyLog: what when who
*
*/
.content-box{overflow:hidden;}
.content-list-box ul li{width: 32%;margin-right: 2%;background-color: #fff;float: left;margin-bottom: 22.5px;}
.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:nth-child(3n+3){margin-right: 0;}
.content-list-box ul li h2, .content-list-box ul li p{text-align: center;padding: 0 16px;}
.content-list-box ul li h2{font-size: 20px;color: #333;margin-top: 24px;}
.content-list-box ul li p{font-size: 14px;min-height:40px;color:#666666;margin-top: 18px;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: 16px;font-size: 12px;color: #9ea3a8;margin-top: 30px;padding-bottom: 30px;}

/*寻亲公告*/
.xqgg-box{background: #FFF;padding-top: 30px;}
.xq-main{background: #f7f7f7;}
.list-cbox .tpbox{ width:100%;overflow: hidden;padding: 10px;}
.list-cbox .tpbox ul{margin:0; }
.list-cbox .tpbox ul li{ float:left; background:#fff; width:30.83%; margin-right:2.5%; background:#fff; margin-bottom:30px;
	box-shadow: 0px 0px 0px 20px rgba(14,39,71,0.16);
    /*右、下、距离、模糊程度、阴影颜色，内阴影*/
    -webkit-box-shadow: 0px 0px 20px rgba(14,39,71,0.16);
    -moz-box-shadow: 0px 0px 20px rgba(14,39,71,0.16);
    -ms-box-shadow: 0px 0px 20px rgba(14,39,71,0.16);
    -o-box-shadow: 0px 0px 20px rgba(14,39,71,0.16);}
.list-cbox .tpbox ul li:nth-child(3){margin-right:0px;}
.list-cbox .tpbox ul li:nth-child(6){margin-right:0px;}
.list-cbox .tpbox ul li:nth-child(9){margin-right:0px;}
.list-cbox .tpbox ul li .tu{ padding:10px; width:96%; float:left; height:180px; overflow:hidden}
.list-cbox .tpbox ul li .tu img{width:100%; height:auto}
.list-cbox .tpbox ul li .tpnr{border-bottom:1px solid #d9d9d9; padding:0px 20px; width:100%; height:100%; clear:both;}
.list-cbox .tpbox ul li .tpnr .tpnrbt{float:left; width:100%;}
.list-cbox .tpbox ul li .tpnr .tpnrbt a{ width:100%; font-size:18px; display:block; color:#333; line-height:45px; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.list-cbox .tpbox ul li .tpnr .tpnrbt a:hover{ color:#355e92}
.list-cbox .tpbox ul li .tpnr .tpnrnr{ float:left; width:100%; line-height:24px; color:#666666; font-size:14px;}
.list-cbox .tpbox ul li .tpnr .tpnrnr a{ width:100%; font-size:14px; color:#666666; line-height:24px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow:hidden;}
.list-cbox .tpbox ul li .tpnr .tpnrnr a:hover{ color:#333}
.list-cbox .tpbox ul li .tpnrsj{ padding:0px 20px; width:100%; font-size:12px; color:#999; line-height:40px;}
.content-list-box{overflow: hidden;padding: 10px;}

.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){
 .list-cbox .tpbox ul li{width: 31.33%;margin: 0 1%;margin-bottom: 2%;}
 .list-cbox .tpbox ul li .tu{width: 100%;}
 .list-cbox .tpbox ul li .tpnr{width: 100%;}
 .list-cbox .tpbox ul li .tpnrsj{width: 100%;}
}

@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:600px){
 .list-cbox .tpbox ul li{width: 48%;}
 .list-cbox .tpbox ul li .tu{height: auto;}
}
@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%;}
  .list-cbox .tpbox ul li {width: 100%;margin: 0;margin-bottom: 4%;}
  .list-cbox {margin: 0 0.5rem;}
  .xqgg-box{padding-top: 0.5rem;}
}
@media screen and (max-width:400px){

.content-list-box ul li a.pic{height: auto;}
}