@charset "utf-8";

/* links */
.zmhd-top-links .box{display: block; border-radius: 6px; overflow: hidden;text-align: center;background: white;border-radius: 8px;background: #fff; box-shadow: 0px 2px 20px  rgba(7, 85, 181, 0.12);transition: 0.3s;}
.zmhd-top-links .box .icon{position: relative; display: inline-block; margin:21px 30px 21px 0px; width: 68px; height: 68px;vertical-align: middle;}
/* .zmhd-top-links .box img{display: block;} */
.zmhd-top-links .box span{display: block; text-align: center; font-size: 20px;}
.zmhd-top-links .box .right-text{display: inline-block;vertical-align: middle;}
.zmhd-top-links .box .right-text p{text-align: left;color: #a6a6a6;}
.zmhd-top-links .box .right-text p:first-child{font-size: 1.5em;color: #000000;}
.zmhd-top-links .box.active, 
.zmhd-top-links .box:hover{background: #edf5ff;}
@media (max-width: 992px) {
  .zmhd-top-links .cardlist.col4 li{width: 50%;}
}
@media (max-width: 560px) {
  .zmhd-top-links .box{height: 120px;}
  .zmhd-top-links .box .right-text,
  .zmhd-top-links .box .icon{display: block;margin-left: auto;margin-right: auto;}
  .zmhd-top-links .box .right-text p:first-child{text-align: center;font-size: 1.125em;}
  .zmhd-top-links .box .icon{width: 48px; height: 48px;margin-bottom: 10px;}
}

/* 信件 */
.zmhd-mail .mail-line{background: url(/uploads/image/xxsizmhd/mail_line.png) repeat-x 0 0;background-size: auto 10px;height: 10px;}
.zmhd-mail .tab-plain.icon > .hd li{font-size: 1.625em;}
.zmhd-mail .tab-plain.icon > .hd li.on a{color: #333;}
.zmhd-mail .tab-plain.icon > .hd li a:before{content:"";display: inline-block;margin-right: 16px;vertical-align: middle; width: 35px;height: 35px;background: url(/uploads/image/xxsizmhd/xjxd_icon.png) no-repeat center;background-size:auto 100%;}

/* 信件统计 */
.zmhd-xjtj.tab-plain.icon > .hd li a:before{background-image: url(/uploads/image/xxsizmhd/xjtj_icon.png);}
.zmhd-xjtj .xjtj-pad>div{float: left;}
.zmhd-xjtj .xjtj-pad .chart{height: 240px;width: 42%;}
.zmhd-xjtj .xjtj-pad .tjlist{width: 58%;margin-top: 30px;}
.zmhd-xjtj .xjtj-pad .tjlist dl{font-size: 1.125em;overflow: hidden;line-height: 1.1;margin-top: 30px;}
.zmhd-xjtj .xjtj-pad .tjlist dt{float: left;}
.zmhd-xjtj .xjtj-pad .tjlist dd{margin-left: 65px;}
.zmhd-xjtj .xjtj-pad .tjlist dd b{font-weight: normal;}
.zmhd-xjtj .xjtj-pad .tjlist .progress{float: left;width: 184px;height: 19px;margin: 1px 8px 0 0; border-radius: 10px;background: #d2e5f5;position: relative;overflow: hidden;}
.zmhd-xjtj .xjtj-pad .tjlist .bar{position: absolute;left:0;top:0;bottom:0;border-radius: 10px;background: #578add;}
.zmhd-xjtj .xjtj-pad .tjlist dl:last-child .bar{background: #9cc3f5;}
@media (max-width:640px) {
  .zmhd-xjtj .xjtj-pad{text-align: center;}
  .zmhd-xjtj .xjtj-pad>div{float: none;}
  .zmhd-xjtj .xjtj-pad .chart{width: 100%!important;}
  .zmhd-xjtj .xjtj-pad .tjlist{width: auto;display: inline-block;margin-top: 0;}
  .zmhd-xjtj .xjtj-pad .tjlist dl{text-align: left;}
}
@media (max-width: 460px) {
  .zmhd-xjtj .xjtj-pad .tjlist dd{margin-left: 60px;}
  .zmhd-xjtj .xjtj-pad .tjlist .progress{width: 130px;margin-right: 5px;}
}

/* 在线访谈 */
.zxft-list .describe{background: #f6f6f6;padding: 20px 24px;}
.zxft-list .describe .tit{font-size: 1.125em;}
.zxft-list .describe .des{color: #999;line-height: 1.7;-webkit-line-clamp: 3;margin: 18px 0 26px;height: 86px;overflow: hidden;}
.zxft-list .describe .foot{color: #999;}
.zxft-list .describe .time{padding-left: 23px;background: url(/uploads/image/xxsipublic/icon_clock.png) no-repeat 0px 4px;background-size: 16px;}
@media (max-width: 1280px) {
  .zxft-list li li{margin-top: 30px;}
  .zxft-list .describe{padding: 18px;}
}

/* 意见征集 */
.zmhd-yjzj-list li{position: relative;padding: 23px 110px 20px 0;border-top: 1px solid #e5e5e5;}
.zmhd-yjzj-list li .ckjg{position: absolute; right: 0; top: 0; width: 87px; height: 28px; border: 1px solid #2354af; text-align: center; line-height: 28px; color: #2354af; transition: .3s all;}
.zmhd-yjzj-list li .ckjg:hover{background: #2354af; color: #fff;}
.zmhd-yjzj-list li .status{position: absolute; right:20px; top: 27px; width: 60px; height: 28px;border:1px solid #db2323;color: #db2323;  text-align: center; line-height: 28px;border-radius: 10px 0px 10px 0;}
.zmhd-yjzj-list li .status.end{color:#808080;border-color: #a6a6a6;}
.zmhd-yjzj-list li h4{font-size: 18px;margin-top: 6px; }
.zmhd-yjzj-list li h4 a{font-weight: normal;}
.zmhd-yjzj-list li .time{display: block; color: #808080;}
.zmhd-yjzj-list li .time:before{content:"";display: inline-block;vertical-align: middle; width: 12px;height: 2px;background: #a81313;margin-right: 10px;}
.zmhd-yjzj-list li:first-child{border-top: 0px;}
.zmhd-yjzj-list li:nth-last-of-type(2n){background: #fafafa;}
@media (max-width: 640px) {
  .zmhd-yjzj-list li{padding-right: 0;}
  .zmhd-yjzj-list li .status{position: static;display: inline-block;height: 22px;line-height: 22px;font-size: 14px;margin:3px 0 0 10px;}
  .zmhd-yjzj-list li .time{display: inline;}
  .zmhd-yjzj-list li h4{white-space: normal;}
}

.letter-time {
  color: #999;
  line-height: 38px;
}