/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 * reset style
 */
 
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
 article, aside, canvas, details, embed, 
 figure, figcaption, footer, header, hgroup, 
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video{
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   font-weight: normal;
   vertical-align: baseline;
 }
 /* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure, 
 footer, header, hgroup, menu, nav, section{
   display: block;
 }
 ol, ul, li{
   list-style: none;
 }
 blockquote, q{
   quotes: none;
 }
 blockquote:before, blockquote:after,
 q:before, q:after{
   content: '';
   content: none;
 }
 table{
   border-collapse: collapse;
   border-spacing: 0;
 }
  
 /* custom */
 a{
   color: #7e8c8d;
   text-decoration: none;
   -webkit-backface-visibility: hidden;
 }
 ::-webkit-scrollbar{
   width: 5px;
   height: 5px;
 }
 ::-webkit-scrollbar-track-piece{
   background-color: rgba(0, 0, 0, 0.2);
   -webkit-border-radius: 6px;
 }
 ::-webkit-scrollbar-thumb:vertical{
   height: 5px;
   background-color: rgba(125, 125, 125, 0.7);
   -webkit-border-radius: 6px;
 }
 ::-webkit-scrollbar-thumb:horizontal{
   width: 5px;
   background-color: rgba(125, 125, 125, 0.7);
   -webkit-border-radius: 6px;
 }
 html, body{
   width: 100%;
   font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", "微软雅黑", sans-serif;
 }
 body{
   line-height: 1;
   -webkit-text-size-adjust: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   /*background:#999;*/
   background:#eef3f3;
 }
 html{
   overflow-y: scroll;
 }
  
 /*清除浮动*/
 .clearfix:before,
 .clearfix:after{
   content: " ";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
 }
 .clearfix{
   *zoom: 1;
 }
  
 /*隐藏*/
 .dn{
   display: none;
 }

 /* page style */

 .w1004{
    width:1200px;
    background:#fff;
    margin:0 auto;
 }

 /* header style */
 .header{
     height:250px;
     background:url('../img/top_banner.jpg') no-repeat center top;
 }

 /* content style */
 .content{
     background:url('../img/top_bg.png') no-repeat center -224px;
     height:auto;
     min-height:560px;
     position:relative;
     /* padding-top:80px;
     padding-top:20px; */
 }
 .content .tit{
    margin:0 60px;
    font-size:20px;
    color:#333;
    line-height:50px;
    border-bottom:1px solid #cbcbcb;
 }
 .link_list{
     /* padding:30px 40px; */
     padding:12px 40px;
     margin:0 auto;
     /* display: flex;
     flex-wrap:wrap;
     flex-direction:row;
     justify-content:flex-start; */
 }
 .link_list li{
     float: left;
     /* flex: 0; */
     /* padding:25px 29px; */
     padding:15px 15px;
 }
 .link_list li a{
     box-sizing: border-box;
     padding-top:30px;
     margin:0 auto;
     display:block;
     width:250px;
     height:240px;
     background: url('../img/link_bg.png') no-repeat top center;
     background-size:250px 240px;
 }
 .link_list li a:hover{
    /* box-shadow: 0 13px 10px 10px rgba(154, 187, 255, 0.3); */
    opacity:0.8;
 }
 .link_list li a dl{
    padding-top:35px;
    text-align: center;
    font-size:18px;
    color:#fff;
 }
 .link_list li a dl dd{
    width:40px;
    padding-top:18px;
    margin:0 auto;
    border-bottom:1px solid #fff;
 }
 .link_list li a .pic{
    width:110px;
    height:110px;
    margin:0 auto;
 }

 /* footer style */
 .footerMenu{
    float:right;
    margin-right:10px;
    color:#004aaf;
    line-height:22px;
    text-align:left;
    font-size:12px;
 }
 .footerMenu div{
     float:left;
 }
 .footerMenu .line{
     background:url('../img/footer_line.gif') no-repeat center 50%;
     width:23px;
     height:70px;
 }
 .footerNav_box{
     width:690px;
 }
 .footerNav{
     margin-top:16px;
 }
 .footerMenu .footerNav,.footerMenu .copyRight{
   float:none;
   font-size:14px;
 }
 .footerNav a{
     color:#004aaf;
 }
 .copyRight > a{
     color:#004aaf;
 }
 .footerNav a:hover,.copyRight > a:hover,.copyRight > span a:hover{
    text-decoration: underline;
 }
 .copyRight > span,.copyRight > span a{
     color:#c0c0c0;
 }
 .footer_bg{
     height:54px;
     background:url('../img/fooer.jpg') no-repeat top center;
     clear: both;
 }
 /* margin-top */
 .mt20{margin-top: 20px !important;}
 .mt100{margin-top: 100px !important;}
 /* loading */
 .loading{
  display:none;
  margin:0 auto;
  z-index:100;
  top:100px;
  }
  .loading .sk-chase-dot::before{
    background-color:#888383;
  }

 /* page inquire */
 .agency_mian{
   margin-top:60px;
   /* padding-left:218px; */
   padding-left:286px;
 }
 .peanut_count{
   height:40px;
   position:relative;
 }
 .peanut_count .name{
    width: 150px;
    float: left;
    color: #585858;
    font: 400 16px/40px "Microsoft YaHei",sans-serif;
    text-align: right;
 }
 .peanut_count .txt{
    border: 1px solid #eee;
    background: #FFF;
    height: 20px;
    width: 280px;
    padding: 9px 12px 9px 18px;
    float: left;
    margin-left: 20px;
    color: #282828;
    font-size: 16px;
    line-height: 20px;
    font-family: "Microsoft YaHei",sans-serif;
    outline:none;
 }
 .peanut_count .txt:focus{outline:1px solid #417cef;}
 .peanut_count .clear{
    display:none;
    width:44px;
    height:40px;
    position:absolute;
    left:438px;
    top:0px;
    background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAUVBMVEUAAADCwcHBwMDBwMDBwMDCwcHCwcHDwcHCwcHCwsLDw8PCv7/CwsK/v7/BwMD////Pzs78/Pzx8fHIx8f39/fp6enEw8Pr6urg4ODc3NzW1taZwvbuAAAADnRSTlMAx9f4682kmGhYRCEVCF2hwesAAADtSURBVDjLtdTbDoMgEATQgohY6rTae///Q5usZtVBJT44T0ZPNGOWPR2dGHzpisKVPsQNVhtMYuoVdrag2PMCayospGrYXQwWYy7kLFZiZ7IxWI2Zfr3CRqpJX2xm7G63odX/rLdud4z56lU9QKOufYzyeX1qn95FffbqriJ71970QRQYQDJxCAI9SCYOXmAJluxQCnRg+SYHJ7AAS3Yo5lD7Do0YOnZtx9KlZaSHNErLeHYASy8wJC6RQWBkl8pIQ/ETp7LToUjG7CNukG99Y71zcPNHYffhyh/X/Qsgv1LyS2r/2ssv0vxqPjh/e/M4+yHfnZMAAAAASUVORK5CYII=") no-repeat center center;
    background-size:20px 20px;
    cursor: pointer;
 }
 .btn_box{
    margin: 30px 0 0 170px;
 }
 .btn_box button{
   display:block;
   color: #FFF;
   font: 600 16px/44px "Microsoft YaHei",sans-serif;
   width: 310px;
   height: 44px;
   text-align: center;
   background:#417cef;
   border-radius:3px;
   letter-spacing: 2px;
   outline:0 none;
   border:0 none;
   cursor: pointer;
 }
 .btn_box button.disabled{
  background-color: #ddd;
  color:#666;
 }
 .tips{
   display:none;
   position:absolute;
   z-index:100;
   background:rgba(0, 0, 0, 0.6);
   border-radius:5px;
   font-size:16px;
   color:#fff;
   padding:10px 15px;
   top:50%;
   left:50%;
   -webkit-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
 }
 .result{
   display:none;
   margin-top:60px;
 }
 .result_items{
   width:520px;
   margin:0 auto;
 }
 .result_items li{
   display:flex;
   font-size:18px;
   color:#585858;
   font: 400 18px/48px "Microsoft YaHei",sans-serif;
 }
 .reset_check{
   width:520px;
   margin:20px auto 0;
 }
 .reset_check button{
   margin:0 auto;
   display:block;
   color: #417cef;
   font: 600 16px/42px "Microsoft YaHei",sans-serif;
   width: 310px;
   height: 44px;
   background-color:#fff;
   text-align: center;
   border-radius:3px;
   outline:0 none;
   border:1px solid #417cef;
   cursor: pointer;
 }

/* page business */
.bus_wrap{display:none;}
.bus_box{
  /* display:flex;
  flex-wrap: wrap; */
  padding:10px 40px;
}
.bus_box li{
  float:left;
  /* flex:0;
  padding:18px 30px; */
  padding:15px;
}
.bus_card{
  width:340px;
  border-radius: 4px;
  border: 1px solid #ebeef5;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
}
.bus_card .bus_header{
  padding:12px 20px;
  border-bottom:1px solid #ebeef5;
}
.bus_header h4{
  float:left;
  line-height:34px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width:100%;
}
.bus_header .download{
  float:right;
  display:block;
  padding:8px 12px;
  border-radius:3px;
  color:#fff;
  background-color:#409eff;
  font-size:14px;
  letter-spacing: 2px;
  border: 0 none;
  cursor: pointer;
}
.bus_header > span{
  float:right;
  font-size:14px;
  line-height:34px;
  height:34px;
}
.bus_header .download.disabled{
  color:#999;
  background-color:#ddd;
}
.download:hover{opacity:0.8;}
.bus_header .download.disabled:hover{opacity:1}
.bus_body{
  padding:20px;
  /* display:flex;
  flex-wrap: wrap; */
  min-height:92px;
}
.bus_body .item{
  margin-bottom:18px;
  font-size:14px;
  color:#333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.invoice .bus_header h4{width:70%;}
.invoice .bus_body .item{
  width:50%;
  float:left;
}
.bus_body .item:last-child{margin-bottom:0;}
.invoice .bus_body .item:nth-last-child(2){margin-bottom:0;}
.none{
  display: none;
  height:144px;
  padding-top:78px;
}
.none > p{
  text-align: center;
  font-size:18px;
  color:#999;
}
.none > a{
  margin:20px auto 0;
  display: block;
  width:200px;
  height:40px;
  font: 500 16px/40px "Microsoft YaHei",sans-serif;
  border-radius:3px;
  color:#409eff;
  background-color:#fff;
  border:1px solid #409eff;
  font-size:14px;
  letter-spacing: 5px;
  text-align:center;
}

/* page invoice */
.invoice{display:none;}

/* page paper */
.step_nav{
  margin:10px 60px;
}
.step_nav ul li{
  width:33%;
  float:left;
  height:50px;
  text-align:center;
  background:#f0f0f0;
  line-height:50px;
  color:#999;
}
.step_nav ul li:not(:first-child){margin-left:4px;}
.step_nav ul li.active{
  background:#409eff;
  color:#fff;
}
.step_container{
  margin:10px 60px;
}
.step_item{
  width:100%;
  display:none;
}
.step_item.active{display:block;}
.step_btn {
  text-align:center;
}
.step_btn a{
  display:inline-block;
  text-align:center;
  line-height:40px;
  width:200px;
  border-radius:3px;
  margin:0 5px;
}
.step_btn a.prev{
  background-color:#fff;
  border:1px solid #409eff;
  line-height:38px;
  color:#409eff;
}
.step_btn a.next{
  background-color:#409eff;
  color:#fff;
}
.step_btn a:hover{opacity:0.8}
.step_content{
  padding:0 90px;
  margin-top:40px;
}
.layui-form-label.one{width:100px;}
.one + .layui-input-block{margin-left:130px;}
.redLink{
    font-size:14px;
    color:#409EFF;
    font-weight:bold;
}
.redLink:hover{
    color:#409EFF;
    opacity: 0.6;
}
.layui-form-label em{color:red;}
.step_result{
  padding:0 90px;
  margin-top:40px;
}
.step_result dt{
  width:200px;
  margin:0 auto;
}
.step_result dt img{
  display:block;
  width:100%;
}
.step_result dd{
  margin-top:20px;
  text-align:center;
  font-size:18px;
  color:#666;
}
.step_result dd p{margin-bottom:10px;}
.step_result dd p a{
  width:180px;
  display:inline-block;
  border:1px solid #409eff;
  text-align: center;
  font-size:14px;
  border-radius:3px;
  line-height:40px;
  color:#409eff;
}
.step_notice{
  margin-top:40px;
  padding:0 90px 20px;
}
.step_notice dl{
  font-size:14px;
  color:#666;
  margin-bottom:10px;
}
.step_notice dl dt{
  font-size:16px;
  color:#333;
  padding-bottom:10px;
}
.step_notice dl dd{
  padding:5px 10px;
}
/* page upcoming */
.upcoming{
  display:none;
}
.upcoming .bus_header h4{width:auto;}
.bIndex{
  text-align:center;
  margin-top:10px;
  padding-bottom:10px;
}
.bIndex a{
  display:inline-block;
  text-align:center;
  width:308px;
  height:42px;
  border:1px solid #417cef;
  line-height:42px;
  border-radius:3px;
  color:#417cef;
  font-size:16px;
}
.bIndex a:hover{color:#417cef;opacity:0.8;}
.agency_mian .bIndex{
  margin-left:170px;
  text-align: left;
}
/* page waterPayment */
.payment_wrap{
  padding:10px 0;
}
.qr_code{
  width: 800px;
  margin:0 auto;
}
.qr_code dt{
  float:left;
  margin:0 auto;
  width:50%;
  box-sizing:border-box;
  padding:68px;
}
.qr_code dt .pic{
  width:264px;
  height:264px;
}
.qr_code dt .pic img{
  display:block;
  width:100%;
  height:100%;
}
.qr_code dt p{
  margin-top:20px;
  text-align:center;
}