@charset "utf-8";
body{background: #fff url(../images/public/mainbg.png) no-repeat top center;}
.bg-white{background: #fff;}
.newstab{border-bottom: 1px solid #BCD1E8;font-size: 0;}
.newstab span{display: inline-block;font-size: 24px;font-weight: bold;line-height: 32px;padding-bottom: 15px;}
.newstab span + span{margin-left: 75px;}
.newstab span.on{border-bottom: 4px solid #185292;}
.newstab span a{color: #707070;}
.newstab span.on a{color: #185292;}
.tabwrap{position: relative;}
.tabwrap .more {position: absolute; right: 0; top: 3px; line-height: 32px;}
.tabwrap .more a{color: #A1A1A1;}
.tabwrap .more a:hover{color: #185292;}
.newslist ul{padding: 9px 0;}
.newslist li{position: relative;width: 100%;padding-left: 20px; height: 56px;line-height: 56px;  font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist li::before{position: absolute;content: '';width: 5px;height: 5px;background: #ccc;left: 0;top: 50%;transform: translateY(-50%);}
.newslist li span{float: right;margin-left: 20px;color: #A6A6A6;}
.elli-m{display: -webkit-box; overflow: hidden; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}


.zmhd-mailbox{margin-top: 35px;}
.zmhd-mailbox .hd ul li{float: left;width: 33.33%;height: 60px;background: #EBF1FF;text-align: center;}
.zmhd-mailbox .hd ul li span{display: inline-block; padding-left: 56px; background-repeat: no-repeat; background-size: 36px; background-position:  left center; font-size: 24px; line-height: 60px; color: #333333; font-weight: bold;}
.zmhd-mailbox .hd ul li.zrxx span{background-image: url(../images/zmhd/icon_zrxx.png);}
.zmhd-mailbox .hd ul li.zxzx span{background-image: url(../images/zmhd/icon_zxzx.png);}
.zmhd-mailbox .hd ul li.zrxx.on span{background-image: url(../images/zmhd/icon_zrxx_on.png);}
.zmhd-mailbox .hd ul li.zxzx.on span{background-image: url(../images/zmhd/icon_zxzx_on.png);}
.zmhd-mailbox .hd ul li.on{background: #185292;}
.zmhd-mailbox .hd ul li.on span,.zmhd-mailbox .hd ul li.on a{color: #fff;}


.zmhd-mailbox .bd-tit{padding: 19px 0; line-height: 28px;}
.zmhd-mailbox .bd-tit .tit{font-size: 20px; position: relative; padding-left: 26px; font-weight: bold;}
.zmhd-mailbox .bd-tit .tit:before{content: '';  position: absolute; left: 0; top: 50%; margin-top: -8px; width: 4px; height: 19px; background: #185292;}
.zmhd-mailbox .bd-tit .xjtj{/* display:none; */margin-left:20px;}
.zmhd-mailbox .bd-tit .xjtj i{color:#f00;font-style:normal;}
.zmhd-mailbox .bd-tit .menus{padding-top: 3px;}
.zmhd-mailbox .bd-tit .menus li{float: left;}
.zmhd-mailbox .bd-tit .menus li a{display: block; height: 22px; line-height: 22px;}
.zmhd-mailbox .bd-tit .menus li .icon{width: 23px; height: 23px; margin-right: 10px;}
.zmhd-mailbox .bd-tit .menus li .icon,
.zmhd-mailbox .bd-tit .menus li .txt{display: inline-block;}
.zmhd-mailbox .bd-tit .menus li + li{padding-left: 20px; margin-left: 20px; border-left: 1px solid #185292;}


/* 信件列表 */
.simulate-table ul li{position:relative; padding-top: .75em; padding-bottom: .75em; transition: all .3s; -webkit-transition: all .3s;}
.simulate-table ul li div{position: absolute; top: 50%; display: block; margin-top: -.8em; color: #666; line-height: 1.6em; text-align: center;}
.simulate-table ul.uhead li{font-size: 1.125em;}
.simulate-table ul.uhead li div{color: #185292;}
.simulate-table ul li .c-topic{position: relative; top: auto; margin-top: 0; text-align: left;}

.letter-list ul.uhead{background: #F5F8FF; margin-bottom: 10px;}
.letter-list ul.uhead li{padding-top: 0.4em; padding-bottom: 0.4em;}
.letter-list ul li{padding-right: 600px; padding-left: 0; font-size: 1.125em;}
.letter-list ul li .c-tjsj{right: 450px; width: 130px; color: #A6A6A6;}
.letter-list ul li .c-sfgk{right: 330px; width: 120px; color: #A6A6A6;}
.letter-list ul li .c-hfsj{right: 200px; width: 130px; color: #A6A6A6;}
.letter-list ul li .c-status{right: 90px; width: 110px; color: #185292;}
.letter-list ul li .c-ck{right: 0; width: 90px;}
.letter-list ul li .c-ck a{color: #D43030;}
.letter-list ul li .c-topic{ padding-left: 22px;}
.letter-list ul.ubody li .c-topic:before{content: ''; position: absolute; left: 0; top: 13px; width: 5px; height: 5px; background: #CCCCCC;}
.letter-list ul.ubody li .c-topic{position: relative; overflow: hidden;}
.letter-list ul.ubody li .c-topic:hover:before{background: #185292;}
.letter-list ul.ubody li .c-topic a{float: left; position: relative; max-width: 100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}

.zmhd-row2box{margin-top: 35px;}
.zmhd-zxft{width: 55%;}
.zmhd-wsdc{width: 42%;}
.zmhd-zxft .tabwrap{position: relative;}
.zmhd-zxft .tabwrap .wqhg{position: absolute; right: 0; top: 3px;}
.zmhd-zxft .tabwrap .wqhg a{display: block; padding-left: 36px; line-height: 32px; background: url(../images/zmhd/icon_date.png) no-repeat left center; background-size: 21px; color: #185292;}
.zxft-tt{margin-top: 22px; position: relative; min-height: 143px;}
.zxft-tt .pic{position: absolute;left: 0;top: 3px;width: 300px;height: 143px;}
.zxft-tt .pic img{width:100%;height:100%;}
.zxft-tt .cont{margin-left: 320px;min-height: 146px;}
.zxft-tt .cont ul li{position: relative;line-height: 28px;}
.zxft-tt .cont ul li .label{position: absolute; width: 90px; left: 0; top: 0; font-weight: bold; color: #185292; font-size: 18px;}
.zxft-tt .cont ul li + li{margin-top: 5px;}
.zxft-tt .cont ul li .txt{margin-left: 90px;}
.newslist-wqhg li em{font-style: normal; color: #185292;}

.zmhd-row3box{margin-top: 35px; margin-bottom: 30px;}
.zmhd-yjzj{width: 55%;}
.zmhd-hygq{width: 42%;}
.zmhd-yjzj-list li .box{margin-top: 29px; position: relative;}
.zmhd-yjzj-list li .status{position: absolute; left: 0; top: 0; width: 56px; height: 50px; border-radius: 6px; background: #9E9E9E; color: #fff; text-align: center; line-height: 50px; font-size: 14px; font-weight: bold;}
.zmhd-yjzj-list li .tit{margin-left: 70px; line-height: 24px; min-height: 50px; font-size: 18px; margin-bottom: 10px;}
.zmhd-yjzj-list li.ing .status{background: #D43030;}
.zmhd-yjzj-list li .time{background: url(../images/zmhd/icon_clock.png) no-repeat left center; background-size: 14px; padding-left: 26px; font-size: 15px; color: #185292;}
.zmhd-yjzj-list li .btn{float: right; font-size: 15px; padding-left: 25px; background-repeat: no-repeat; background-position: left center;}
.zmhd-yjzj-list li .wycy{color: #D43030; background-image: url(../images/zmhd/icon_wycy.png); background-size: 14px;}
.zmhd-yjzj-list li .jgfk{color: #185292; background-image: url(../images/zmhd/icon_jgfk.png); background-size: 14px;}


@media (max-width:1280px){
  .newslist li{font-size: 16px;line-height: 46px;height: 46px;}
  .letter-list ul li{padding-right: 480px;}
  .letter-list ul li .c-sfgk{display: none !important;}	
  .letter-list ul li .c-tjsj{right: 330px;}
  .zmhd-yjzj,
  .zmhd-hygq,
  .zmhd-zxft,
  .zmhd-wsdc{width: auto; float: none;}
  .zmhd-yjzj,
  .zmhd-zxft{margin-bottom: 30px;}


}
@media (max-width:992px){

}
@media (max-width:768px){
  .newstab span{font-size: 22px;}
  .newstab span + span{margin-left: 15px;}
  .zmhd-mailbox .hd ul li span{font-size: 22px;}
  .simulate-table ul li{padding: 1em 1.25em !important; border-bottom: none;}
  .simulate-table ul.uhead{display: none;}
  .simulate-table ul li div{position: static; display: block; margin-top: .25em; width: auto; text-align: left;}
  .simulate-table ul li:nth-child(odd){background-color: #f8f8f8;}
  .simulate-table ul li .c-topic{font-size: 1em; font-weight: bold; margin-top: 0; margin-bottom: .875em;}
  .simulate-table ul li .c-topic a{white-space: normal;}

  .letter-list ul li .c-tjsj,
  .letter-list ul li .c-sfgk,
  .letter-list ul li .c-hfsj,
  .letter-list ul li .c-status{display: inline-block; width: 47%;}
  .letter-list ul li .c-tjsj:before{content: "提交时间：";}
  .letter-list ul li .c-sfgk:before{content: "是否公开：";}
  .letter-list ul li .c-hfsj:before{content: "回复时间：";}
  .letter-list ul li .c-status:before{content: "处理状态：";}
  .letter-list ul li .c-ck{display: none;}
  .letter-list ul li .c-status{color: #a6a6a6;}
  .letter-list ul li .c-status span{color: #185292;}
  .letter-list ul.ubody li .c-topic{padding-left: 0; margin-bottom: 0.5em;}
  .letter-list ul.ubody li .c-topic:before{display: none;}

  .zxft-tt .pic{position: static; width: auto; height: auto; margin-bottom: 15px;}
  .zxft-tt .cont{margin-left: 0;}

}

@media (max-width:480px){
  .zmhd-mailbox .bd-tit .menus li + li{margin-left: 15px; padding-left: 0; border-left: 0;}
  .letter-list ul.ubody li .c-topic a{float: none; white-space: normal;}
  .letter-list ul li{font-size: 1em;}
  .zmhd-yjzj-list li .time,
  .zmhd-yjzj-list li .btn{float: none;}
  .zmhd-yjzj-list li .time{display: block; margin-bottom: 10px;}
  .newslist li span{margin-left: 10px;}
}


@media (max-width:450px){	
  .letter-list ul li .c-tjsj,
  .letter-list ul li .c-sfgk,
  .letter-list ul li .c-hfsj,
  .letter-list ul li .c-status{display: block; width: auto;}
}


@media (max-width:360px){	
  .zmhd-mailbox .hd ul li span{font-size: 20px; background-size: 28px; padding-left: 35px;}
  .zmhd-mailbox .bd-tit .menus{clear: both; float: none; padding-top: 10px;}
  .zmhd-mailbox .bd-tit .menus li{width: 47%;}
  .zmhd-mailbox .bd-tit .menus li .icon{display: none;}
  .zmhd-mailbox .bd-tit .menus li a{display: block; text-align: center; padding: 10px; background: #F5F8FF; border-radius: 3px;  height: auto;}
  /* .zmhd-mailbox .bd-tit .tit{padding-left: 0;}
  .zmhd-mailbox .bd-tit .tit:before{display: none;} */
}