/*
 **common code
*/
body, p, h1, h2, h3, h4, h5, h6,ul,li,dt,img,a,input, dl, dd, form,button { margin:0;padding: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
html{height: 100%;width:100%; min-width: 1100px; position:relative; font-size: 32px;  margin:0 auto; color: #333; background: #fff; }
body { font-family:"Microsoft YaHei", arial; font-size:14px;height: 100%;background: #fff;}
ul, ol, li { list-style:none;}
input,label,span { vertical-align:top;} 
img,input,a,button,select,option { border:none; outline:none; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: transparent; }
a { text-decoration:none;color: #333;}
a:hover { text-decoration:none;}
a:visited { text-decoration:none;}
h1,h2,h3,h4,h5,h6,var,em,strong{font-weight: normal;font-style: normal;}
.p12{ font-size: 12px}
.p14{ font-size: 14px}
.p16{ font-size: 16px}
.p18{ font-size: 18px}
.mt20{ margin-top:20px; }
.a_block{ display: block}
.c9{ color: #999}
.c6{ color: #666}
.fw6{ font-weight: 600 }
.borderTop{ border-top: 1px solid #eaeaea}
.borderBot{ border-bottom: 1px solid #eaeaea; }
/* clear */
body:before, .fixed:before, .clearfix:before, .cf:before, #header:before, #header > .inner:before, #main:before, #main > .inner:before, #footer:before, #footer > .inner:before { content: ''; display: table }
body:after, .fixed:after, .clearfix:after, .cf:after, #header:after, #header > .inner:after, #main:after, #main > .inner:after, #footer:after, #footer > .inner:after { content: ''; display: table; clear: both }

.fixed, .clearfix, .cf, #header, #main, #footer { *zoom: 1 }
.flex{ display: flex; align-items: center; }
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }

.greyBg,.nb_greyBg{ height: 17px; background: #f5f5f5; width: 100%; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
.nb_greyBg { border:none;}
.yellow { color: yellow }
.grey{ color: #999}
.red{ color: #f76851;}
.fl{ float: left }
.fr{ float: right }
.tx_center{ text-align: center; }

/* common style loading*/
._loading,.error{display:none; position: absolute;height: 30px;width: 30px;margin-left: -15px;margin-top: -15px;left: 50%;top: 50%;z-index: 7;}
._loading img{ width: 30px; height: 30px;}
.mark,.maskFull{display:none; position: fixed;width: 100%;height: 100%;left:0;top:0;background-color: rgba(0,0,0,.3);z-index: 3;}
.maskFull{ display: none; }
.mask{ width: 100%; height: 100%; background: rgba(0,0,0,0.4); position:fixed; top:0; left: 0; z-index: 10; display: none;}
/*公共弹框类--确认支付页面*/
.pay_warning{ display: none; position: fixed; width: 80%;  height: 220px; z-index: 101; left: 50%; margin-left: -40%; top: 50%; margin-top: -100px;background: #fff url(../images/bg_order.jpg) 0 top repeat-x; border-radius:20px; text-align: center;}
.icon_warning{ display: block; background: url(../images/pay_warning.png) no-repeat; width: 40px; height: 40px; background-size: contain; position: relative; margin: 50px auto 20px;}
.warning_info{ color: #333; line-height: 22px; margin-bottom: 50px}
.btn_pay{ height: 50px; position: absolute; bottom: 0; left: 0; border-top: 1px solid #eaeaea;  width: 100%;}
.btn_pay button{  display: block; float: left; line-height: 50px;}
.other_payer{ width: 50%; }
.go_charger{  width: 50%; background: #ff2d4b; color: #fff; border-radius: 0 0 20px 0 }
.cancel_btn{ width: 100%; background: #ff2d4b; color: #fff; border-radius: 0 0 20px 20px}


/*公共弹框提示*/
.workInfo{/*display: none; */position: fixed; width: 80%; height: 160px; left: 10%; top: 50%; margin-top: -80px; z-index: 100;  }
.workContext{ position: relative; width: 100%; border:1px solid #ccc; height: 80px; line-height: 24px; overflow-y: auto; background: #fff; border-radius:10px 10px 0 0;}
.workContext ul{ padding: 30px 2% 0; color: #999; text-align: center; font-size: 15px}
.work_btns{ height: 40px;  background: #5890cc; width: 100%; border: 1px solid #5890cc; border-radius: 0 0 10px 10px }
.work_btns button{ display: block; width: 100%; float: left; color: #fff; line-height: 40px;}
.work_btns .commonBtn_suc,.work_btns .commonBtn_cancel{ display: block; width: 49%; float: right; color: #fff; line-height: 40px; border-right: 1px solid #fff}
.work_btns .commonBtn_cancel{ float: left; border-right: none;}
.workSur_btns{ background: #fff; border: 1px solid #eaeaea;  height: 44px; line-height: 44px }
.workSur_btns .commonBtn_suc{ color:#13C3BC;  }
.workSur_btns .commonBtn_cancel{ color: #B3BDC2; border-right: 1px solid #eaeaea }
.copyRight{ text-align: right; line-height: 30px; font-size: 12px ;color: #fff}