@charset "utf-8";
/* 来信选登 */
.zmhd-lxxd .wyxx{position: absolute; right: 80px; top: 50%; margin-top: -17px; color: #c7272b;font-size: 1.125em;padding: 0 15px; height: 34px; line-height: 34px; border-radius: 20px 0 20px 0px;background: linear-gradient(180deg, rgb(255, 243, 240) 0%, rgb(238, 137, 138) 100%);;}
@media (max-width:640px){
  .zmhd-lxxd .wyxx{right: 0;}
}

.table-list li{position:relative; padding-top: .7em; padding-bottom: .7em; transition: all .3s; -webkit-transition: all .3s;}
.table-list li div{position: absolute; top: 50%; display: block; margin-top: -.8em; line-height: 1.6em; text-align: center;}
.table-list .thead li{height: 48px; padding-top: 0; padding-bottom: 0; background: #fff3f0;}
.table-list .thead li div{color: #c7272b!important;}
.table-list .tbody li .c-topic{position: relative; top: auto; margin-top: 0 !important; text-align: left;}
.table-list .tbody li:nth-child(2n){background: rgba(235, 235, 235, 0.47);}

@media (max-width: 768px) {
  .table-list .thead{display: none;}
  .table-list.res li{padding: 1em 1.25em !important; border-bottom: none;}
  .table-list.res li.head{display: none;}
  .table-list.res li div{position: static; display: block; margin-top: .25em; width: auto; text-align: left;}
  .table-list.res li:nth-child(odd){background-color: #f8f8f8;}
  .table-list.res li:nth-child(even){background-color: #fff;}
  .table-list.res li .c-topic{font-size: 1em; font-weight: bold; margin-top: 0; margin-bottom: .3em;}
  .table-list.res li .c-topic a{white-space: normal;}
}

.letter-box .letter-list li{padding-right: 16em; padding-left: 0;}
.letter-box .letter-list li .c-type{right: 8em; width: 8em;}
.letter-box .letter-list li .c-time{right: 0; width: 8em; color: #808080;}
.letter-box .letter-list li .over{color: #51AD40;}
.letter-box .letter-list.dot li{padding-left: 20px; position: relative;}
.letter-box .letter-list.dot li:before{content:''; position:absolute; left:0; top: 50%; margin-top: -3px; width: 5px; height: 5px; background: #ccc;transition: .3s all;}
.letter-box .letter-list.dot li:hover:before{background: #2069BD;}
.letter-box .letter-list li .c-topic{padding-left: 12px;}

@media (max-width:768px){
  .letter-box .table-list li .c-topic{padding-left: 0;}
  .letter-box .letter-list.dot li:before{display: none;}
  .letter-box .letter-list li .c-type{display: inline-block; width: 47%;}
  .letter-box .letter-list li .c-time{display: inline-block; width: 47%;}
  .letter-box .letter-list li .c-type:before{content: "信件类别：";}
  .letter-box .letter-list li .c-time:before{content: "回复时间：";}
}
@media (max-width:580px){	
  .letter-box .letter-list li > .c-type{display: block; width: auto;}
  .letter-box .letter-list li > .c-time{display: block; width: auto;}
}



/* 意见征集 */
.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; line-height: 28px;}
.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; font-size: 1em;}
}