html{font-family:"微软雅黑", Helvetica, STHeiTi, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,body{-webkit-user-select:none;user-select:none;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
html,body,div,object,iframe,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video,progress{margin:0;padding:0;border:0;vertical-align:baseline}
a{text-decoration:none;-webkit-touch-callout:none;background-color:transparent;color: #4A4A4A;cursor: pointer}
a:active,a:hover {text-decoration: none;}
li,ol{list-style:none}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
/*h1{font-size:2em;margin:.67em 0}*/
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
/*sup{top:-0.5em}*/
/*sub{bottom:-0.25em}*/
img{border:0;-webkit-touch-callout:none;}
svg:not(:root){overflow:hidden}
/*figure{margin:1em 40px}*/
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
/*code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}*/
a,button,input,optgroup,select,textarea{-webkit-tap-highlight-color:rgba(0,0,0,0);}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;-webkit-appearance:none;outline:none;line-height:normal}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal;border: none}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
/*fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}*/
legend{border:0;padding:0}
textarea{overflow:auto;resize:none }
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
.text-center{text-align: center}

.clear:after{content: "";display: block;height: 0;clear: both; visibility: hidden;}
.clear{zoom: 1; }
.fl{float:left;}
.fr{float:right;}
.bg_FFF{background: #FFFFFF}
.displayBlock{display: block;width: 100%;height: 100%}
.bks-btn{text-align: center;border-radius: 100px;display: inline-block;}
.text-center{text-align: center}
.redTips{color:red}
/*公共图片*/
.bksImg{background:url(../images/bksImg.png)  no-repeat; display: inline-block}
.line{height:82px;width:4px;background-position:0 0;}
.jt{height:18px;width:12px;background-position:-4px 0;}
.pickup{height:20px;width:20px;background-position:-16px 0;}
.location{height:26px;width:20px;background-position:-36px 0;}
.chose_lit{height:36px;width:36px;background-position:-56px 0;}
.wechart{height:40px;width:40px;background-position:-92px 0;}
.charge_n{height:48px;width:40px;background-position:-132px 0;}
.bottom-bar-pannel li a.active .charge_n{height:48px;width:40px;background-position:-172px 0;}
.charge_p{height:48px;width:40px;background-position:-172px 0;}
.placeholder_n{height:48px;width:42px;background-position:-212px 0;}
.bottom-bar-pannel li a.active .placeholder_n{height:48px;width:42px;background-position:-254px 0;}
.placeholder_p{height:48px;width:42px;background-position:-254px 0;}
.Back{height:34px;width:44px;background-position:-296px 0;}
.parkingcard{height:44px;width:44px;background-position:-340px 0;}
.wallet{height:44px;width:44px;background-position:-384px 0;}
.new{height:44px;width:44px;background-position:-428px 0;}
.parking{height:44px;width:44px;background-position:-472px 0;}
.company{height:44px;width:44px;background-position:-516px 0;}
.electric-plug{height:44px;width:44px;background-position:-560px 0;}
.chargecard{height:44px;width:44px;background-position:-604px 0;}
.feedback{height:44px;width:44px;background-position:-648px 0;}
.user_n{height:48px;width:48px;background-position:-692px 0;}
.bottom-bar-pannel li a.active .user_n{height:48px;width:48px;background-position:-740px 0;}
.user_p{height:48px;width:48px;background-position:-740px 0;}
.chose{height:60px;width:60px;background-position:-788px 0;}
.p_card{height:44px;width:60px;background-position:-848px 0;}
.unchose{height:60px;width:60px;background-position:-908px 0;}
.charge-card-with-tick{height:44px;width:70px;background-position:-968px 0;}
.hot{height:80px;width:88px;background-position:-1038px 0;}
.icon_money{height:212px;width:204px;background-position:-1126px 0;}
.energy-consumption{height:218px;width:204px;background-position:-1330px 0;}
.charge_Active{height:372px;width:396px;background-position:-1534px 0;}
.chargeing{height:372px;width:442px;background-position:-1930px 0;}
.bind-finish{height:314px;width:476px;background-position:-2372px 0;}
.aliPay{width:40px;height:40px;background:url('../images/aliPay.png') no-repeat;background-size:100% 100%;    display: inline-block;}
/*底部菜单*/
.sites_n{background:url('../images/site.png') no-repeat;display:inline-block;width:40px;height:40px;background-size:100% 100%;margin-bottom:14px !important}
.bottom-bar-pannel{position: fixed;bottom: 0;left: 0;width: 100%;background: #FFFFFF;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.50);z-index: 999;height: 100px}
.bottom-bar-pannel li{width: 25%;float: left;text-align: center;height: 100px}
.bottom-bar-pannel li span{display: block;font-size: 24px;color: #4A4A4A;margin:6px auto 0}
.bottom-bar-pannel li a.active span{color:  #0BCCFA;}
.bottom-bar-pannel li:nth-child(1) a.active .user_n{background-position:-740px 0;}
.bottom-bar-pannel li:nth-child(2) a.active .placeholder_n{background-position:-254px 0;}
.bottom-bar-pannel li:nth-child(3) a.active .sites_n{}
.bottom-bar-pannel li:nth-child(4) a.active .charge_n{background-position:-172px 0;}

.section-wrap{background: #FFFFFF;box-shadow: 0 20px 20px 0 rgba(0,0,0,0.08);border-radius: 16px;}

/*绑定手机*/
.bind-tel-module{background: #FFFFFF;padding: 68px 54px 0;}
.bind-tel-module .close-bind{color: #262628;font-size: 60px}
.bind-tel-title{font-size:60px;color: #000000;letter-spacing: 0.24px;line-height: 90px;margin-top: 98px}
.bind-tel-text{font-size: 30px;color: #262628;letter-spacing: 0.32px;margin-top: 24px}
.bind-tel-form{margin-top: 84px;}
.error-text{color: red;text-align: center;font-size: 26px;margin-top:10px;height: 40px}
.bind-tel-module .get-code{display: inline-block;float: right;width: 200px;height: 88px;line-height: 88px;text-align: center;background: #00C9FF;border-radius: 100px;font-size: 30px;color: #FFFFFF;letter-spacing: 0.32px;}
.bind-tel-module .bind-btn{display: inline-block;text-align: center;background-image: linear-gradient(90deg, #A9FCB2 3%, #00C9FF 100%);border-radius: 100px;width: 100%;height: 88px;line-height: 88px;font-size: 30px;color: #FFFFFF;letter-spacing: 0.32px;margin-top: 22px}
.agreement-t{text-align: center;font-size: 26px;color: #262628;margin-top: 42px;}
.bind-input-div{margin-top: 28px}
.agreement-t span:first-child{width: 202px;display: inline-block}
.input-table{background: #F5F5F5;border-radius: 100px;height: 88px;line-height: 88px;position: relative}
.input-table span{font-size: 30px;color: #262628;letter-spacing: 0.32px;margin-left: 34px;position: absolute;left: 0;top:0;display: inline-block;height: 88px;line-height: 88px;z-index: 999}
.input-table input{width: 94%;height: 88px;line-height: 88px;background: none;font-size: 30px;color: #262628;letter-spacing: 0.32px;text-indent: 190px;border-radius: 100px;}
.bind-code-val .input-table{float: left}
.bind-code-val input{width: 400px !important;}
.code-img{position: absolute;right: 36px;top:50%;height: 56px;margin-top: -28px}

/*子页面公公头部*/
.subPage-wrap{}
.subPage-header{padding-left: 40px}
.subPage-title{opacity: 0.9;font-size: 60px;color: #020202;letter-spacing: 0;margin-top: 68px;padding-left: 40px}

/*下拉选择框*/
.bks-sel-module{position: fixed;bottom: 0;left: 0;background: rgba(0,0,0,0.5);width: 100%;text-align: left;height: 100%;display: none;z-index: 999}
.bks-sel-body{height: 500px;background: #FFFFFF;position: absolute;bottom: 0;width: 100%;overflow: auto}
.bks-sel-body .bks-sel-moduleTitle{font-size: 30px;color: #262628;height: 100px;line-height: 100px;background: #F5F5F5;padding-left: 40px}
.bks-sel-body .bks-sel-ul{height:400px;overflow: auto;}
.bks-sel-body li{height: 90px;line-height: 90px;padding-left: 40px;font-size: 24px;color: #262628;}
.close-selModule{margin-right: 40px}
.no-selected{display:none; padding: 100px;font-size: 25px;text-indent: 40px; line-height: 1.5;}
/*无数据*/
.noDataWrap{text-align: center;padding-top: 140px}
.noDataWrap a{display: inline-block;background-image: linear-gradient(91deg, #A9FCB2 3%, #00C9FF 100%);
    box-shadow: 0 10px 20px 0 rgba(86,123,194,0.17);text-align: center;width:344px ;height: 88px;font-size: 30px;color: #ffffff;line-height: 88px;border-radius: 100px}
.noDataWrap .noData-text{font-size: 30px;margin: 100px 0;  padding: 0 40px;
    color: #302C48;}
.noRecordImg{display:inline-block;width: 277px;height: 251px;background:url('../images/noRecord.png') no-repeat;background-size:100% 100%}
.noArtworkImg{display:inline-block;width: 289px;height: 210px;background:url('../images/Artwork.png') no-repeat;background-size:100% 100%}

.bskBtn{display: inline-block;font-size: 34px;color: #8A8A8A;letter-spacing: -0.41px;text-align: center;line-height: 80px;border-radius: 100px;}
.bskBtn{    border: 1px solid #E5E5E5; background-image: linear-gradient(-91deg, #A9FCB2 3%, #00C9FF 100%);color: #fff;font-size: 26px;height: 60px; line-height: 60px;
    width: 140px;box-shadow: 0 10px 20px 0 rgba(0,0,0,0.06);}
.btnLarge{width: 260px;height: 80px;line-height: 80px;}

.font28{font-size: 28px;}
.font30{font-size: 30px;}
.font26{font-size: 26px;}
.font32{font-size: 32px;}
.mt20{margin-top: 20px;}
.mt15{margin-top: 15px;}
.mt10{margin-top: 10px;}
.mb20{margin-bottom: 20px;}
.color-666{color: #666666;}
.mr10{margin-right: 10px;}
.pb100{padding-bottom:100px}

/* 弹窗 */
.layer-wrap{
    position: fixed;top:0;left: 0;bottom: 0;right: 0;background: rgba(0,0,0,0.06);
}
.layer-content{
    position: absolute;top: 50%;width: 90%;left: 50%;transform: translate(-50%,-50%);
    padding: 20px;background: #ffffff;
}
.layer-content-head{
    height: 40px;line-height: 40px;text-align: center;position: relative;background: chocolate;
}
.layer-content-head .close-layer{
    position: absolute;right: 20px;display: inline-block;
}
.flex-item{display: flex;justify-content: space-around;align-items: center;}
.flex-div{display: flex;width: 100%;}
.flex-div p{width: 50%;}
.kaika-btn{
    width: 200px;
    height: 200px;
    border-radius: 100%;
    background: #00C9FF;
    color: #ffffff;
}
.form-item.select-item:after{
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #C8C8CD;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -4px;
}

.form-item input{
    height: 100%;
    line-height: 90px;
    color: #666666;
    width: 100%;
    font-size: 28px;
}
.form-img-item{margin:40px 0;border-bottom: 1px solid #dedede;text-align: right;position: relative;min-height: 77px; margin: 0 40px;padding:40px 0}
.form-img-item .form-item-imgWrap{min-height: 77px;float: right;}
.form-item-btn{display: inline-block;height: 80px;line-height: 80px;background: #00C9FF;color: #ffffff;text-align: center;font-size: 28px;width: 300px;border-radius: 100px;margin: 20px;}
.flex-column{flex-direction:column}