/*--------------------module--------------------*/
.mod-serch{ padding:0rem; -webkit-box-sizing:border-box; box-sizing:border-box; background-color:#fff; background-size:cover; text-align:center;}
.mod-serch header{display:-webkit-box;display:-ms-flexbox;display:flex; line-height:.6rem;margin-top: 0.9rem;}
.mod-serch header a{min-width:4em; padding:0 1em; background:hsla(0,0%,100%,.7); color:#666; font-size:.24rem;}
.mod-serch header a:first-child{border-top-left-radius:5px;}
.mod-serch header a:last-child{border-top-right-radius:5px;}
.mod-serch header a.active{background:rgba(0,0,0,.7); color:#FF9100;}
.mod-serch section{padding:.2rem; background:rgba(0,0,0,.7); border-radius:0 0 4px 4px;}
.mod-serch section .tab-bd{display:none;}
.mod-serch section .tab-bd>a{display:-webkit-box;display:-ms-flexbox;display:flex;}
.mod-serch .u-ipt{-webkit-box-flex:1;-ms-flex:1;flex:1;  pointer-events: none;}

.mod-about,
.mod-news{overflow:hidden; background:rgba(245,245,245,1)}
.mod-news{margin-top:.2rem;}
.mod-news .list-img .main{margin-top:-.05rem;}

.mod-partner{margin:.6rem 0;}

.mod-artlist header{display:-webkit-box;display:-ms-flexbox;display:flex; height:.7rem; line-height:.7rem; text-align:center; font-size:.24rem;}
.mod-artlist header a{display:none; -webkit-box-flex:0; -ms-flex:0 0 20%; flex:0 0 20%; color:#666;}
.mod-artlist header a.active{background:#FF9100; color:#fff;}
.mod-artlist section{padding:0 .2rem;}

.mod-article header{margin-bottom:.2rem;}
.mod-article header h3{font-size:.3rem;}
.mod-article header p{padding-left:.25rem; background-image:url(../img/time.png); background-size:.2rem; font-size:.2rem; color:#999;}
.mod-article{margin:.2rem; padding:.25rem; background:#fff;}

.mod-login{padding:1rem .5rem; background:#fff; font-size:.2rem;}
.mod-login header{font-size:.4rem; color:#FF9100;}
.mod-login section{line-height:2;}
.mod-login section li:nth-child(-n+2){margin-top:.5rem;}
.mod-login section li:nth-child(3){margin-top:.1rem;}
.mod-login section li:nth-child(4){margin-top:.5rem;}
.mod-login section li input{
    border:none;
}
.mod-login section li:nth-child(1){border-bottom:1px solid #E0E0E0}
.mod-login section li:nth-child(2){border-bottom:1px solid #E0E0E0}
.mod-login .loginKind {margin-bottom:50px;}
.mod-login .loginKind ul li{
    float:left;
    width:49%;
    text-align:center;
    color:#666666;
    font-size:.32rem;
}
.mod-login .loginKind ul .active p{
    color:#FF9100;
    border-bottom:2px solid #FF9100;
    display:inline-block;
}
/*.mod-login section li .loginBtn{background:#BFBDBD}*/
#username,#userPhone,#userCode,
#password{background-size:.32rem; background-position:.75em center;}
#username,#userPhone{background-image:url(../img/yonghu@2x.png);}
#password,#userCode{background-image:url(../img/mima@2x.png);}
#auto_login {color:#999999;}
#auto_login input{display:none;}
#auto_login span{display:inline-block; vertical-align:middle; width:.22rem; height:.22rem; margin-right:.1rem; background-image:url(../img/check@2x.png);}
#auto_login input:checked + span{background-image:url(../img/checked@2x.png);}
#auto_login_code {color:#999999;}
#auto_login_code input{display:none;}
#auto_login_code span{display:inline-block; vertical-align:middle; width:.22rem; height:.22rem; margin-right:.1rem; background-image:url(../img/check@2x.png);}
#auto_login_code input:checked + span{background-image:url(../img/checked@2x.png);}
.mod-login .userLogin{display:none;}
.mod-login .userCode{width:75%;}
.mod-login .getCode{color:#FF9100;font-size:.24rem;}

.mod-query_charge_new{position:absolute; top:.96rem; right:0; bottom:0; left:0; -webkit-tap-highlight-color:transparent;}
.mod-query_charge_new .mod-map{height:100%;}
.mod-query_charge_new header{position:absolute; top:0; right:0; left:0; display:-webkit-box; display:-ms-flexbox; display:flex; padding:.2rem;}
.mod-query_charge_new header>div{position:relative; -webkit-box-flex:1; -ms-flex:1; flex:1;}
.mod-query_charge_new section{position:absolute; top:1rem; right:0; bottom:0; left:0; overflow:auto; -webkit-overflow-scrolling: touch; display:none; background:rgba(238,238,238,1)}
.mod-query_charge_new .u-ipt{padding-right:3em;}
.mod-query_charge_new .mod-map-select{z-index:99; background:#fff;}
.mod-map-select dl{line-height:1.8; padding:.1rem .3rem .1rem .7rem; background-image:url(../img/weizhi@2x.png); background-size:.24rem .26rem; background-position:.25rem center; border-bottom:#eee 1px solid;}
.mod-map-select dt{font-size:.24rem;}
.mod-map-select dd{font-size:.2rem; color:#666;}
/*.mod-map-select dl:hover{background-color:#eee;}*/
.mod-map-select dl:last-child{border-bottom:none;}
.mod-map-select dl.none{padding-left:.3rem; background:none; border:none;}

.mod-query_charge_new .mod-map-list{padding:.2rem; font-size:.2rem;}
.mod-map-list .list-hd{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}
.mod-map-list .list-hd .list-hd-map{width:1.18rem; margin-right:.1rem;}
.mod-map-list .list-hd .list-hd-main h2{color:#FF9100; font-size:.26rem;}
.mod-map-list li{margin-top:.2rem; padding:.2rem; background:#fff;}
.mod-map-list table{width:100%; line-height:.8rem; text-align:center; font-size:.24rem;}
.mod-map-list td{border:#eee 1px solid;}
.mod-map-list .title{display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; line-height:.5rem; margin-bottom:.2rem;}
.mod-map-list .title .port{width:1.4rem; background:#eee; border-radius:.25rem; text-align:center; font-size:.3rem;vertical-align: middle;}
.mod-map-list .title a{color:#FF9100}
.mod-map-list .list-balance{margin-top:.2rem; padding-left:.25rem; background-image:url(../img/xiaoxi@2x.png); background-size:.18rem;}
.mod-map-list .list-balance span{color:#D50000;}
.mod-map-list .list-ft{margin-top:.3rem;}
.mod-map-list .list-ft dt{line-height:1; margin-bottom:.2rem; padding-left:1em; border-left:#35445E .04rem solid; font-size:.24rem; color:#666;}
.mod-map-list .list-bd .bound-tab {
    text-align: right;
}

.notice-tip{display:none;position: fixed;bottom: 80px;left: 15px;z-index: 999;width: 35px;height: 35px;background: #fff;border-radius: 50%;}
.notice-tip.active{display:block}
.notice-tip .tip-icon {display:none;position: absolute;top: 0px;right: 5px;width: 10px;height: 10px;border-radius: 50%;background: red;}
.notice-tip .tip-icon.active {display:block;}
.notice-pop{display:none;position: absolute;left: 0;right: 0;top: 0;bottom:0;background: rgba(0,0,0,0.7);z-index: 9999;}
.notice-pop.active{display:block;}
.notice-pop-inner{width: 300px;margin: 45% auto 0;}
.close-notice{color: rgba(255,255,255,0.7);position: absolute;top: 140px;right: 10px;width: 20px;height: 20px;border: 1px solid rgba(255,255,255,0.7);border-radius: 50%;text-align: center;line-height: 21px;}
.slider-wrapper{ max-width:300px; margin:0 auto;}
.slider-detail-box { width:300px;position: relative;}
.slider-box{position: relative;width: 300px;overflow: hidden;}
.slider-inner{position:relative;display: block;}
.slider-inner li{float: left;position:relative;}
.slider-inner li a{position:absolute;bottom:0;height:50px;display:block;width:150px;left:50%;margin-left:-75px;}
.slider-inner li img{width:100%;display: block;border:0;}
.slider-wrapper .num{position: absolute;bottom: -20px;width: 100%;text-align: center;font-size: 0;}
.slider-wrapper .num li{width: 10px;height: 10px;background:rgba(0,0,0,0.5);display: block;border-radius: 100%;display: inline-block;margin: 0 5px;cursor: pointer;border: 1px solid #fff;}
.slider-wrapper .num .active{background-color: #fff;}
.slider-wrapper .clearfix::after{ clear: both; display: block; height: 0; content: ''; visibility: hidden;}
.swiper {height: 100%;}

.mod-server{padding:0.3rem 0;background: #fff;display:flex;justify-content: space-around;text-align: center;color:#02cad6;font-size: 0.3rem;}
.server-name{color:#000;}
.mod-server a .service-item-icon{color:#02cad6;}
.service-item-icon{font-size:0.6rem !important;}

.mod-function{display:flex;flex-flow: row wrap;align-content: flex-start;padding: 0.3rem 0.4rem;text-align: center;justify-content: space-between;}
.mod-function-item{flex: 0 0 46%;margin-bottom: 0.4rem;box-shadow: 2px 10px 20px 0 rgb(4 88 93 / 10%);}
.mod-function-item div{background: #fff;line-height: 1rem;}

.modelBox{background:red;background: rgba(0,0,0,.2);position: fixed;width: 100%;height: 100%;top: 0;z-index: 99;}
.mod-model{width: 80%;;margin: 0 auto;text-align: center;background: #fff;border-radius: 6px;top: 50%;position: absolute;transform: translate(-50%, -50%);left: 50%;}
.mod-model p{padding: 32px;}
.mod-model div{padding: 10px;border-top: 1px solid #eee;}