*{margin: 0px;padding: 0px;}
a{text-decoration: none;}
ul, ul li{list-style: none;}
body{font-size: 16px!important;}
.zmhd-ldxx-iconlink{margin-left: -20px; margin-right: -20px;}
.zmhd-ldxx-iconlink li{float: left; width: 50%;}
.zmhd-ldxx-iconlink li a{display: block; height: 100px; margin: 0 20px 20px; position: relative; background: linear-gradient(137.54deg, rgba(71, 109, 214, 1) 0%, rgba(137, 205, 250, 1) 100%);}
.zmhd-ldxx-iconlink li a img{display: block; width: 80px; height: 80px; position: absolute; left: 59px; top: 0; bottom:0;  margin:auto 0;}
.zmhd-ldxx-iconlink li a span{position: absolute; left: 166px; top: 50%; transform: translateY(-50%); font-size: 20px; color: #fff; font-weight: bold; line-height: 26px;}

/*.zmhd-ldxx-cxm{height: 117px; position: relative; padding: 35px 100px 35px 116px; box-sizing: border-box; background: #F0F8FF;}
.zmhd-ldxx-cxm label{position: absolute; left: 35px; top: 35px; font-size: 20px; line-height: 45px;}
.zmhd-ldxx-cxm .cxm-input{width: 100%; height: 45px; padding: 0 15px;}
.zmhd-ldxx-cxm button{position: absolute; right: 35px; top: 35px; width: 66px; height: 45px; border-radius: 0 2px 2px 0;
  background: #89B7F9; font-size: 18px;}*/
.zmhd-ldxx-cxm{height: 117px; position: relative; padding: 35px 0 35px 20px; box-sizing: border-box; background: #F0F8FF;}
.zmhd-ldxx-cxm label,
.zmhd-ldxx-cxm input,
.zmhd-ldxx-cxm button{height: 42px;line-height: 42px;padding: 0 15px;font-size: 18px;}
.zmhd-ldxx-cxm label{width: 70px;padding-left:0;padding-right: 0;}
.zmhd-ldxx-cxm button{margin-left: 15px; background: #89B7F9; width: 66px;border-radius:2px;}
.zmhd-ldxx-cxm .layui-form-item{clear: none;}
.zmhd-ldxx-cxm .layui-input-block{margin-left: 80px;}

.zmhd-slqktj-t{height: 70px; line-height: 68px; color: #fff; background: url(../images/ldxx_slqktj_titbg.png) no-repeat; background-size: 100% 100%; font-size: 18px; padding-left: 67px;}
.zmhd-slqktj-t .b2{font-size: 24px; margin-right: 30px;}
.zmhd-slqktj-cont{padding: 20px 20px 0;}
.zmhd-slqktj-cont ul{margin-left: -10px; margin-right: -10px;}
.zmhd-slqktj-cont li{float: left; width: 33.33333%;}
.zmhd-slqktj-cont li .box{margin: 0 10px 20px; height: 90px; padding-top: 8px; box-sizing: border-box; background: #EBF4FF; text-align: center;}
.zmhd-slqktj-cont li p{color: #666666;}
.zmhd-slqktj-cont li b{color:#3360B5; font-size: 25px; font-weight: normal; margin-left: 5px;}

.zmhd-ldxx-gg{box-sizing: border-box; padding: 25px 15px 25px 25px; background: #EBF4FF;}
.zmhd-ldxx-gg .box{height: 268px; line-height: 1.5; padding-right: 10px; font-size: 18px;}
.zmhd-ldxx-gg .box p{text-indent: 2em;}

.com-scroll{overflow-y: auto;}
/* 设置滚动条的样式 */
.com-scroll::-webkit-scrollbar{ width: 5px;}
/*滚动槽*/
.com-scroll::-webkit-scrollbar-track{ border-radius: 2px; background:#CCCCCC;}
/* 滚动条滑块 */
.com-scroll::-webkit-scrollbar-thumb{ border-radius: 2px; background: #2A82E4;}

#lxblqkChart{height: 310px;}

.zmhd-ldxx-hfxd .hd .btn{float: right;}
.zmhd-ldxx-hfxd .hd .btn a{display: block; line-height: 36px; height: 36px; padding: 0 20px; background: #F8F0EB; color: #C28051; font-weight: bold; font-size: 18px; transition: .3s all;}
.zmhd-ldxx-hfxd .hd .btn a:hover{background: #C28051; color: #fff;}
.ldxx-hfxd-border{padding: 20px; border: 1px solid #BDDEFF; }
.ldxx-hfxd-list{overflow-x: auto;}
.ldxx-hfxd-list::-webkit-scrollbar{ height: 6px;}
.ldxx-hfxd-list::-webkit-scrollbar-track{ border-radius: 3px; background:#CCCCCC;}
.ldxx-hfxd-list::-webkit-scrollbar-thumb{ border-radius: 3px; background: #2A82E4;}
.ldxx-hfxd-table{width: 100%; border-collapse: collapse; border-spacing: 0;}
.ldxx-hfxd-table td, .ldxx-hfxd-table th{padding:10px 15px; min-height: 30px; line-height: 30px; font-size: 18px; text-align: center;}
.ldxx-hfxd-table th{background: #EBF4FF; color: #4868A3; font-weight: bold; white-space:nowrap;}
.ldxx-hfxd-table th:first-child{text-align: left;text-indent: 50px;}
.ldxx-hfxd-table .tit{text-align: left; min-width: 250px;}
.ldxx-hfxd-table td span{min-width: 120px;display: inline-block;}
.ldxx-hfxd-table tbody tr:nth-of-type(even){background: #FAFDFF;}

@media (max-width: 1500px) and (min-width: 1281px) {
  .zmhd-slqktj-cont li{font-size: 14px;}
  .zmhd-slqktj-cont li .box{padding-top: 20px;}
  .zmhd-slqktj-cont li b{font-size: 18px;}
}

@media (max-width: 768px){
  .zmhd-ldxx-iconlink{margin-left: -10px; margin-right: -10px;}
  .zmhd-ldxx-iconlink li a{height: auto; margin: 0 10px 20px; height: 130px; overflow: hidden; display: flex; align-items: center; flex-direction: column; justify-content: center;}
  .zmhd-ldxx-iconlink li a img{display: block; position: static; margin:0 auto 5px; width: 50px; height: 50px;}
  .zmhd-ldxx-iconlink li a span{display: block; position: static; text-align: center; transform: translateY(0); font-weight: normal; font-size: 18px;}
  .zmhd-ldxx-iconlink li.li1 a span{padding-top: 10px;}

  /*.zmhd-ldxx-cxm{height: auto; padding-left: 101px; padding-right: 85px;}
  .zmhd-ldxx-cxm label{left: 20px;}
  .zmhd-ldxx-cxm button{right: 20px;}*/
  .zmhd-ldxx-cxm{height: auto; padding-right: 20px;padding-left: 10px;}
  .zmhd-ldxx-cxm .layui-form-item.btn{text-align: center;}
  .zmhd-ldxx-cxm button{width: 20%;min-width: 100px;margin-left: 0;}

  .zmhd-slqktj-t{height: auto; line-height: 32px; padding:15px 20px; background: linear-gradient(137.54deg, rgba(71, 109, 214, 1) 0%, rgba(137, 205, 250, 1) 100%);}
  .zmhd-slqktj-t span{display: inline-block;}
  .zmhd-slqktj-cont li{width: 50%;}
}

@media (max-width: 480px){
  .zmhd-slqktj-cont li{width: 100%;}
  .zmhd-slqktj-cont li .box{text-align: left; padding-left: 20px;}
}



/* 我要写信 */
.mail-wrap{background: url(../images/zmhd_wyxx_bg2.png) no-repeat center top #fff;background-size: 100% auto;border-radius: 8px;border: 1px solid #E1E8F0; min-height: 600px;padding-top: 50px;}
.mail-notice{background: white;padding: 20px 35px;border: 1px solid #9ABCE6;width: 70%;margin-bottom: 50px;margin-left: 20%;}
.mail-notice .tit{padding-left: 40px;background: url(../images/zmhd_wyxx_mes.png) no-repeat left center;font-size: 1.6em;color: #1064CA;line-height: 36px;background-size: 29px 28px;}
.mail-notice .con p{line-height: 34px;}
.bg-white{background: #fff;}
.mail-form-main .border{border: 1px solid #F0F0F0;border-bottom-width: 0px; border-radius: 5px;margin: 15px 15px 0;padding: 24px 28px 12px;}
.mail-form-main{padding:60px 3% 8.4%;}
.mail-form .tip{color:#C73838;font-size: 1.1em;}
.mail-form .layui-form-label{padding:0; font-size:1.1em;float: left;width: 98px;line-height: 42px;text-align: right;padding-right: 10px;}
.mail-form .layui-form-label em{font-style: normal;color:#D43030;}
.mail-form .layui-form-label .tlen2{width: 2em;display: inline-block;}
.mail-form .layui-form-label .tlen05{width: 0.5em;display: inline-block;}
.mail-form-main .layui-form-radio div{font-size: 20px;}
.mail-form input,
.mail-form textarea{font-size: 1.1em;background: #fff;border: 1px solid #CCCCCC;border-radius: 2px;width: 100%;padding: 10px 14px;box-sizing: border-box;}
.mail-form input{height: 42px;line-height: 22px;}
.mail-form textarea{min-height: 296px;line-height: 1.5;}
.mail-form .layui-form-item{margin-top: 20px;clear: none;}
.mail-form .layui-input-block{margin-left: 115px;position: relative;}
.mail-form .layui-input-block.name{padding-right: 200px;}
.mail-form .layui-input-block .tip{position: absolute;right:0;top:0;line-height: 42px;}
.mail-form .layui-form-item.code input{width: 200px;float: left;}
.mail-form .layui-form-item.code img{cursor: pointer; display: inline-block;vertical-align: top;width: 100px;height: 42px;margin-left: 16px;}
.mail-form .layui-form-item.btn{text-align: center;}
.mail-form .layui-form-item.btn .layui-btn{margin: 20px 10px 0; font-size: 1.1em;font-weight: 500; background: #3E90ED;border:none;height: 60px;line-height: 60px;color:#fff;width: 240px;border-radius: 5px;}
.mail-form .layui-form-item.btn .btn-reset{background: #D9EBFF;color:#568AC7;}
.mail-form .layui-form-radio>i:hover, 
.mail-form .layui-form-radioed>i{color:#3E90ED;}
.mail-detail-form .layui-form-select dl dd.layui-this,
.mail-form .layui-form-select dl dd.layui-this{background-color: #3E90ED;}

.page-mail-form.cldxx .mail-form .label_12345rx,
.page-mail-form.c12345rx .mail-form .label_ldxx,
.page-mail-form.c12345rx .mail-form .layui-form-item.ldxx{display: none;}

@media (max-width: 1500px) {
  .mail-form-main{padding-bottom: 130px;}
  .mail-form-main .layui-form-radio div{font-size: 16px;}
  .mail-form .layui-input-block .tip,
  .mail-form .layui-form-label,
  .mail-form input,
  .mail-form textarea{font-size: 1em;}
  .mail-form .layui-form-item.btn .layui-btn{font-size: 1.125em;}

  .mail-form .layui-input-block.name {
    padding-right: 160px;
  }
}
@media (max-width: 1280px) {
  .mail-form .layui-input-block.name{padding-right: 0;}
  .mail-form .layui-input-block .tip{display: block;position: static;line-height: 1.3;font-size: .875em;margin-top: 5px;}
}
@media (max-width: 992px) {
  .mail-form-main{background: #fff;box-shadow: 0 2px 40px #f2f2f2;padding: 20px;}
  .mail-form-main .border{margin-bottom: 15px;border-bottom-width: 1px;}
  .mail-form .layui-form-item.btn .layui-btn{height: 42px;line-height: 42px;}
}
@media (max-width: 768px) {
  .mail-form{margin-top: 30px;}
  .mail-form .layui-form-item{margin-top: 10px;}
  .mail-form .layui-form-label{float: none;text-align: left;line-height: 1.5;height: auto;margin-bottom: 5px;}
  .mail-form .layui-input-block{margin-left: 0;}
  .mail-form .layui-form-item.code input{width: 120px;}
  .mail-wrap{background:none;padding: 0px;}
  .mail-notice{margin-left: 0px;padding:20px;width: auto;}
}

/* 信箱详情 */
.mail-detail .border{border: 1px solid #F0F0F0;padding: 20px;background: #fff;}
.mail-detail .mail-detail-evaluate{font-size: 1.25em;}
.mail-detail-cont .tlen05{display: inline-block;width:0.5em;}
.mail-detail-cont .tlen2{display: inline-block;width: 2em;}
.mail-detail-cont table{width: 100%;border-spacing: 0;border:none;font-size: 1.125em;}
.mail-detail-cont table th,
.mail-detail-cont table td{padding: 12px;border: 1px solid #ddd;}
.mail-detail-cont table th{width: 100px;min-width: 100px; text-align: right;font-weight: 700;background-color: #fafafa;}
.mail-detail-cont table td{min-width: 300px;line-height: 2;}
.mail-detail-form .tip{font-size: 1em;color:#C73838;}
.mail-detail-form .item{margin-bottom: 20px;}
.mail-detail-form .item label{width: 80px;float: left;text-align: right;}
.mail-detail-form .item .layui-item-inline{margin-left: 80px;}
.mail-detail-form .item input{display: block;width: 100%;background: #fff;border: 1px solid #ccc;padding: 0 10px;}
.mail-detail-form .item label,
.mail-detail-form .item .layui-input,
.mail-detail-form .item .layui-btn{height: 42px;line-height: 42px;border-radius: 2px;box-sizing: border-box;font-size: 1em;}
@media (max-width: 1500px) {
  .mail-detail .mail-detail-evaluate,
  .mail-detail-cont table{font-size: 1em;}
}
@media (max-width: 1280px) {
  .mail-detail-form .item.btn{text-align: center;}
  .mail-detail-form .item .layui-btn{width: 100px;}
}
@media (max-width: 768px) {
  .mail-detail-form .item label{display: block; float: none;text-align: left;line-height: 1.5;height: auto;margin-bottom: 5px;}
  .mail-detail-form .item .layui-item-inline{margin-left: 0;}
}


/* 信件详情页 */
.mail-detail-cont {
  border-top: 1px solid #e3e3e3;
}
.mail-detail-cont .tr {
  position: relative;
  background-color: #fff;
  border-right: 1px solid #e3e3e3;
  transition: all 0.3s;
}
.mail-detail-cont .tr .td-6{float: right; width: 50%;}
.mail-detail-cont dl {
  position: relative;
  min-height: 48px;
  margin-right: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #e3e3e3;
}
.mail-detail-cont dt {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 150px;
  font-weight: bold;
  text-align: center;
  background-color: #fafafa;
  border-left: 1px solid #e3e3e3;
}
.mail-detail-cont dt span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 150px;
  margin-top: -12px;
  line-height: 24px;
}
.mail-detail-cont dd {
  margin-left: 151px;
  padding: 15px 20px;
  line-height: 2em;
  text-align: justify;
  min-height: 28px;
  border-left: 1px solid #e3e3e3;
}
.mail-detail-cont .odt dt {
  background: #fafafa;
  position: relative;
  display: block;
  min-height: 48px;
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
  box-sizing: border-box;
}
.mail-detail-cont .odt dd {
  margin-left: 0;
}

@media (max-width: 768px) {
  .mail-detail-cont dt {
    width: 120px;
    font-weight: normal;
  }
  .mail-detail-cont dt span {
    text-align: left;
    padding-left: 20px;
  }
  .mail-detail-cont dd {
    padding: 10px 15px;
    margin-left: 121px;
  }

  .mail-detail-cont .xs-res dt {
    background: #fafafa;
    position: relative;
    display: block;
    min-height: 48px;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    box-sizing: border-box;
  }
  .mail-detail-cont .xs-res dd {
    margin-left: 0;
  }
  .mail-detail-cont .tr .td-6{float: none; width: auto;}
}


.mail-detail-divbox {
  border-top: 1px solid #e3e3e3;
}
.mail-detail-divbox .tr {
  position: relative;
  background-color: #fff;
  border-right: 1px solid #e3e3e3;
  transition: all 0.3s;
}
.mail-detail-divbox .tr .td-6{float: left; width: 50%;}
.mail-detail-divbox dl {
  position: relative;
  min-height: 48px;
  margin-right: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #e3e3e3;
}
.mail-detail-divbox dt {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 150px;
  font-weight: bold;
  text-align: center;
  background-color: #fafafa;
  border-left: 1px solid #e3e3e3;
}
.mail-detail-divbox dt span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 150px;
  margin-top: -12px;
  line-height: 24px;
}
.mail-detail-divbox dd {
  margin-left: 151px;
  padding: 15px 20px;
  line-height: 2em;
  text-align: justify;
  min-height: 28px;
  border-left: 1px solid #e3e3e3;
}
.mail-detail-divbox .odt dt {
  background: #fafafa;
  position: relative;
  display: block;
  min-height: 48px;
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
  box-sizing: border-box;
}
.mail-detail-divbox .odt dd {
  margin-left: 0;
}
.mail-detail-divbox .layui-form-radio{margin-top: 3px; margin-bottom: 3px;}
.mail-detail .layui-form-radio div{font-size: 16px;}
.mail-detail .layui-form-radio>i:hover, 
.mail-detail .layui-form-radioed>i{color:#0177d5;}
.mail-detail .layui-form-select dl dd.layui-this{background-color: #0177d5;}
.mail-detail .layui-btn{font-size: 16px;}
.mail-detail .search-code{float: left;width: 220px;margin-right: 20px;}

@media (max-width: 768px) {
  .mail-detail-divbox dt {
    width: 120px;
    font-weight: normal;
  }
  .mail-detail-divbox dt span {
    text-align: left;
    padding-left: 20px;
  }
  .mail-detail-divbox dd {
    padding: 10px 15px;
    margin-left: 121px;
  }

  .mail-detail-divbox .xs-res dt {
    background: #fafafa;
    position: relative;
    display: block;
    min-height: 48px;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    box-sizing: border-box;
  }
  .mail-detail-divbox .xs-res dd {
    margin-left: 0;
  }
  .mail-detail-divbox .tr .td-6{float: none; width: auto;}



}

@media (max-width: 480px) {
  .mail-detail-divbox button{display: block; margin-top: 10px;}
}


/* 回复选登列表页-查询码 */
.tab-brief-mail{position: relative;}
.tab-brief-mail .hd li{float: left; padding-bottom: 15px; font-size: 1.5em; position: relative;}
.tab-brief-mail .hd li a{color: #808080; font-weight: bold;}
.tab-brief-mail .hd li:after{content: ''; position: absolute; left: 0; right: 0; width: 0; margin: 0 auto; bottom: -2px; height: 4px; background: #155CB3; transition: .3s all;}
.tab-brief-mail .hd li.on:after{width: 100%;}
.tab-brief-mail .hd li.on a{color: #155CB3;}
.tab-brief-mail.line .hd{border-bottom: #D9D9D9 1px solid;}
.tab-brief-mail .mail-search{position: absolute;top: 14px;right: 0px;}
.tab-brief-mail .mail-search span{height: 40px;line-height: 40px;;}
.tab-brief-mail .mail-search input#searchCode{margin-right: 10px;}
.tab-brief-mail .mail-search input{display: inline-block;height: 40px;line-height: 40px;width: 170px;text-indent: 10px;border: 1px solid #D3E1ED;border-radius: 4px;font-size: 1em;}
.tab-brief-mail .mail-search .btn{display: inline-block;margin-left: 10px;text-align: center;width: 88px;height:42px;line-height: 42px;cursor: pointer;color: white;font-size: 1.1em;border-radius: 4px;border: 0px;}
.tab-brief-mail .mail-search .btn-sub{background: #155CB3;}
.tab-brief-mail .mail-search .btn-reset{background: #9CC8FF;}
.mail-detail-extend{padding-top: 20px;}
.mail-detail-extend .shareIcon{float: right;}

@media (max-width: 992px) {
  .tab-brief-mail .mail-search{position: static;padding-top: 14px;clear: both;}
  .tab-brief-mail .mail-search span{display: block;width: 100%;}
  .tab-brief-mail .mail-search input{width: 100%;margin-right: 0px;}
  .tab-brief-mail .mail-search .btn{margin-left: 0px;margin-top: 10px;margin-right: 10px;float: initial;}
  .tab-brief-mail.line .hd{border-bottom: 0px;}
}

/* 红色版本 */
.page-mail-detail.red .mail-detail-form .layui-form-select dl dd.layui-this, 
.page-mail-detail.red .mail-form .layui-form-select dl dd.layui-this,
.page-mail-detail.red .mail-form .layui-form-item.btn .layui-btn,
.page-mail-list.red .ldxx-hfxd-list::-webkit-scrollbar-thumb,
.page-mail-list.red .tab-brief-mail .hd li:after,
.page-mail-list.red .tab-brief-mail .mail-search .btn-sub{background: #c1283a;}
.page-mail-list.red .tab-brief-mail .mail-search .btn-reset{background: #909399;}
.page-mail-detail.red .mail-form .layui-form-item.btn .btn-reset,
.page-mail-detail.red .mail-form .layui-form-radio>i:hover, 
.page-mail-detail.red .mail-form .layui-form-radioed>i,
.page-mail-detail.red .mail-notice .tit,
.page-mail-list.red .tab-brief-mail .hd li.on a,
.page-mail-list.red .ldxx-hfxd-table th{color: #c1283a;}
.page-mail-list.red .mail-search input{border-color: #dcdfe6;}

.page-mail-detail.red .mail-form .layui-form-item.btn .btn-reset,
.page-mail-list.red .ldxx-hfxd-table th{background-color: #ffe0e4;}
.page-mail-list.red .ldxx-hfxd-table tbody tr+tr{border-top: 1px dashed #e1e5eb;}
.page-mail-list.red .ldxx-hfxd-table tbody tr:nth-of-type(even){background: #fefbfb;}

.page-mail-detail.red .mail-wrap{background-image: url(../images/zmhd_wyxx_bg_red.png);}
.page-mail-detail.red .mail-notice .tit{background-image: url(../images/zmhd_wyxx_mes_red.png);}
.page-mail-detail.red .mail-notice{border-color: #c1283a;}