*{margin:0; padding:0; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html{font-size:62.5%; font-family: "Helvetica Neue", Helvetica, STHeiTi, "Microsoft YaHei", Arial, sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;
}
body{margin: 0 auto; min-width:320px; line-height: 1.5; font-size: 1.2em; color:#666; background: #fff; overflow-x:hidden; -webkit-overflow-scrolling: touch;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display: block;}
audio, canvas, progress, video{display: inline-block; vertical-align: baseline;}
audio:not([controls]){display: none; height: 0;}
[hidden], template{display: none;}
svg:not(:root){overflow: hidden;}
mark{background: #ff0; color: #000;}
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;}

table{border-collapse:collapse;}
ul{ list-style:none;}
img{border: 0; max-width: 100%;}
a img{vertical-align: bottom;}
a{text-decoration: none; color:#666; background-color: transparent; -webkit-tap-highlight-color: transparent;}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0; text-decoration:none;}
h1,h2,h3,h4,h5{font-weight: normal; font-size: 1.2em;}

.fl{float: left}
.fr{float: right}
.al{text-align: left!important;}
.ac{text-align: center!important;}
.ar{text-align: right!important;}
.hide{display: none}

.clear, .clr{display: block; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.clearfix2::before,.clearfix2::after{content:""; display: table;}
.clearfix2::after{clear: both;}
.clearfix2, .clearfix{*zoom:1;}
.clearfix:after{display: block; content: ""; clear: both; height: 0; visibility: hidden;}
/*-------------------------结束公用样式--------------------------*/
body{background-color: #ededec;}
::-webkit-scrollbar{display: none;}
.noscorll, .noscorll body{height: 100%!important; overflow: hidden!important;}
.whbg{background-color: #fff;}
.gylightbg{background-color: #f2f2f2;}

.fpic{display: block; width: 100%; vertical-align: bottom;}
.omit{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hidel{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0;}
.nodata{display: block; text-align: center; padding: 1rem; font-size: 1.1rem; color: #ccc;}

.shadowbox{position: relative; display: block; box-shadow: 0 0 .8rem rgba(0,0,0,.2); overflow: hidden;}
.wbox, .wpbox{margin-bottom: .8rem; background-color: #fff; overflow: hidden;}
.wpbox{padding: 0 1rem;}
.wmbox{margin: .8rem 1rem; position: relative; z-index: 5; display: block; background-color: #fff; box-shadow: 0 .2rem .8rem rgba(0,0,0,.2); border-radius: .4rem; overflow: hidden; -webkit-transform: scale(1); transform: scale(1);}


.wb{display: flex; display: -webkit-box;}
.wbc{display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center;}
.wbw{display: block; flex: 1; -webkit-box-flex: 1; min-width: 0;}
.selftop{-webkit-align-self: flex-start; align-self: flex-start;}
.selfcenter{-webkit-align-self: center; align-self: center;}
.selfend{-webkit-align-self: flex-end; align-self: flex-end;}

.cutrow, .cuth, .cutd{display: -webkit-box; display: flex;}
.agc.cutrow, .agc.cuth, .agc.cutd{-webkit-box-align: center; align-items: center;}
.cuth{margin-bottom: .5rem;}
.cutcont, .cuthcont, .cutdcont{position: relative; display: block; -webkit-box-flex: 1; flex: 1; width: 100%; min-width: 0;}
.cutlside{margin-right: 1rem; position: relative; display: block;}
.cutlside [class*="ico"]{margin-right: 0;}
.cutrside{margin-left: 1rem; position: relative; display: block; text-align: right;}
.ac.cutrside{text-align: center;}
.tol, .cuthcont{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}



ins, .ins{color: #eaab26; text-decoration: none;}
.insm{margin-left: .3rem;}

.textline{text-decoration: underline!important;}

.inflist{line-height: 1.5rem; font-size: 1.1rem; color: #999;}
.infitm{margin-left: 1rem; line-height: 1.5rem; color: #999;}
.infitm:first-child{margin-left: 0;}
.infitm:visited{color: #999;}


input::-webkit-input-placeholder{color: #bbb;}
input:focus::-webkit-input-placeholder{color: #999;}
input::-moz-placeholder{color: #bbb;}
input:-ms-input-placeholder{color: #bbb;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none!important; margin: 0;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
input[type="number"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

.dtint, .textint{display: block; text-align: left; text-indent: 0; padding: .5rem 0; width: 100%; line-height: 2rem; font-size: 1.4rem; color: #333; background-color: transparent; border: none; border-radius: 0; outline: 0; box-shadow: none; box-sizing: border-box; -webkit-box-sizing: border-box; appearance: none; -webkit-appearance: none;}
.dtint{height: 4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.textint{height: auto; min-height: 6rem; resize: vertical;}
.feedback_textint{padding-bottom: 2rem; min-height: 24rem;}

.setint{display: block; text-align: left; text-indent: 0; padding: 1rem 0; width: 100%; height: 4.5rem; line-height: 2.5rem; font-size: 1.4rem; color: #45515c; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: transparent; border: none; border-radius: 0; outline: 0; box-shadow: none; box-sizing: border-box; -webkit-box-sizing: border-box; appearance: none; -webkit-appearance: none;}






.selgt{margin: 0 .5rem .2rem .5rem; display: inline-block; content: ""; width: .6rem; height: .6rem; border-width: 0 2px 2px 0; border-style: solid; border-color: #bcbbba; transform: rotate(45deg) skew(-5deg,-5deg); -webkit-transform: rotate(45deg) skew(-5deg,-5deg); transition-duration: .3s; -webkit-transition-duration: .3s;}
.rgt{margin: 0 .5rem; display: inline-block; content: ""; width: .6rem; height: .6rem; border-width: 2px 2px 0 0; border-style: solid; border-color: #bcbbba; transform: rotate(45deg) skew(5deg,5deg); -webkit-transform: rotate(45deg) skew(5deg,5deg); transition-duration: .3s; -webkit-transition-duration: .3s;}
.lightrgt{margin: 0 .5rem; display: inline-block; content: ""; width: .6rem; height: .6rem; border-width: 1px 1px 0 0; border-style: solid; border-color: #bcbbba; transform: rotate(45deg) skew(5deg,5deg); -webkit-transform: rotate(45deg) skew(5deg,5deg); transition-duration: .3s; -webkit-transition-duration: .3s;}


[class*="btn"]:not(.disabled):active [class*="ico"]{opacity: .6;}

.sico{margin-right: .3rem; display: inline-block; width: 1.5rem; height: 1.5rem; background-image: url(../images/icon/sico.png); background-repeat: no-repeat; background-size: 1.5rem auto; vertical-align: top;}
.gytel_sico{background-position: 0 0;}


.mico{margin-right: .3rem; display: inline-block; width: 2rem; height: 2rem; background-image: url(../images/icon/mico.png); background-repeat: no-repeat; background-size: 2rem auto; vertical-align: top;}
.lv_mico{background-position: 0 0;}
.whcoin_mico{background-position: 0 -2rem;}
.whmoney_mico{background-position: 0 -4rem;}
.bkok_mico{background-position: 0 -6rem;}
.bklocal_mico{background-position: 0 -8rem;}
.whedit_mico{background-position: 0 -10rem;}
.coin_mico{background-position: 0 -12rem;}
.money_mico{background-position: 0 -14rem;}
.share_mico{background-position: 0 -16rem;}



.mbico{margin-right: .5rem; display: inline-block; width: 2.5rem; height: 2.5rem; background-image: url(../images/icon/mbico.png); background-repeat: no-repeat; background-size: 2.5rem auto; vertical-align: top;}
.user_mbico{background-position: 0 0;}
.captcha_mbico{background-position: 0 -2.5rem;}
.idcard_mbico{background-position: 0 -5rem;}
.scan_mbico{background-position: 0 -10rem;}


.bsico{margin-right: .3rem; display: inline-block; width: 3rem; height: 3rem; background-image: url(../images/icon/bsico.png); background-repeat: no-repeat; background-size: 3rem auto; vertical-align: top;}
.wallet_bsico{background-position: 0 0;}
.record_bsico{background-position: 0 -3rem;}
.aboutus_bsico{background-position: 0 -6rem;}
.contact_bsico{background-position: 0 -9rem;}
.deposit_bsico{background-position: 0 -12rem;}
.whtel_bsico{background-position: 0 -15rem;}
.whfinish_bsico{background-position: 0 -18rem;}




.ntico{display: inline-block; width: 7rem; height: 7rem; background-image: url(../images/icon/ntico.png); background-repeat: no-repeat; background-size: 7.5rem auto; vertical-align: text-bottom;}
.bigok_ntico{background-position: 0 0;}
.biglucky_ntico{width: 7.5rem; height: 7.5rem; background-position: 0 -7rem;}


.sideavator{margin-right: 1rem; position: relative; display: block;}
.avatorbox{position: relative; display: block;}
[class*="avatorspan"]{position: relative; display: inline-block; -webkit-box-sizing: content-box; box-sizing: content-box; border-radius: 50%; overflow: hidden; -webkit-transform: scale(1); transform: scale(1); vertical-align: bottom;}
.avatorspan100, .avatorspan100 img{width: 5rem; height: 5rem;}


/*--全局顶部--*/
.header{position: relative; width: 100%; height: 4.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2rem; color: #231815; background: #eaab25; z-index: 13;}
.wh.header{background-color: #fff;}
.headtitle{margin: 0 5rem; text-align: center; height: 4.5rem; line-height: 4.5rem; font-size: 1.7rem; color: #231815; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.small.headtitle{font-size: 1.3rem;}
.headlogo{position: relative; max-width: 100%; height: 4.5rem;}
.headl, .headr{position: absolute; top: 0; height: 4.5rem; font-size: 0;}
.headl{left: 0;}
.headr{right: 0;}
.headwbc{display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center;}
.headwbc .headl, .headwbc .headr{position: static; left: auto; right: auto; top: auto; bottom: auto;}
.headwbw{position: relative; display: block; flex: 1; -webkit-box-flex: 1; min-width: 0;}
.headwbw:first-child{margin-left: 1rem;}
.headwbw:last-child{margin-right: 1rem;}
.headwbw .headtitle{margin-left: 0; margin-right: 0;}

.headlinkbtn{display: inline-block; margin: 1rem 1rem 0 0; text-align: center; padding: .4rem .9rem; height: 1.5rem; line-height: 1.5rem; font-size: 1.1rem; color: #999; border: 1px solid #999; border-radius: 2rem; vertical-align: top;}
.headlinkbtn:visited{color: #999;}
.headlinkbtn:active{color: #0066cb; background-color: #999;}
.headbtn{position: relative; display: inline-block; text-align: center; padding: 1.3rem 1rem 0 1rem; min-width: 4rem; height: 4.5rem; font-size: 1.2rem; color: #999; box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align: top;}
.hasdec.headbtn{padding-top: .5rem; line-height: 1.5rem; font-size: 1rem;}
.headbtn:visited{color: #999;}
.headbtn:active{background-color: rgba(0,0,0,.1);}
.hico{display: inline-block; width: 2rem; height: 2rem; background-image: url(../images/icon/hico.png); background-repeat: no-repeat; background-size: 2rem auto; vertical-align: top;}
.hasdec.headbtn .hico{margin: 0 auto; display: block;}
.back_hico{background-position: 0 0;}
.close_hico{background-position: 0 -2rem;}
.menu_hico{background-position: 0 -4rem;}



.closeico{display: inline-block; width: 2rem; height: 2rem; box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align: top;}
.closeico::before, .closeico::after{position: absolute; top: 50%; left: 50%; margin-top: -.2rem; margin-left: -1.2rem; display: block; content: ""; width: 2.3rem; height: .3rem; min-height: 3px; line-height: 0; font-size: 0; background-color: #fff; border-radius: .2rem;}
.closeico::before{transform: rotate(44deg); -webkit-transform: rotate(44deg);}
.closeico::after{transform: rotate(-44deg); -webkit-transform: rotate(-44deg);}
.closeico:active::before, .closeico:active::after{ background-color: #c00;}



/*flayer*/
.flayer{position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; display: -webkit-box; flex-flow: column; -webkit-box-orient: vertical; -webkit-justify-content: center; box-sizing: border-box; -webkit-box-sizing: border-box;}
.flayer_mt{position: relative; text-align: center;}
.flayer_mc{margin-bottom: 1rem; position: relative; display: block; -webkit-box-flex: 1; flex: 1; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-box-sizing: border-box; box-sizing: border-box; transform: scale(1); -webkit-transform: scale(1);}
.flayer_content, .flayer_inner{width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}
.flayercenter{position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; width: 100%; max-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
/*end flayer*/


.boxmt{display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; margin: 1rem 0; padding: 0 1rem; min-height: 2rem; line-height: 2rem; font-size: 1.2rem;}
.hasborder.boxmt{margin-top: 0; margin-bottom: 0; padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #efefef;}
.sty2.boxmt{margin: 0; background-color: #fff;}
.wpbox .boxmt, .ph20 .boxmt, .wmbox .boxmt{padding-left: 0; padding-right: 0;}
.boxmt>.mico:first-child{margin-right: 1rem;}
.boxmt [class*="sico"]{margin-top: .2rem;}
.labeltitle, .boxmtitle{position: relative; height: 2rem; line-height: 2rem; font-size: 1.4rem; color: #000;}
.bigger.boxmtitle{font-size: 1.9rem;}
.labeltitle{padding-left: 1rem;}
.labeltitle::before{position: absolute; left: 0; top: .5rem; display: block; content: ""; width: .4rem; height: 1.5rem; line-height: 0; font-size: 0; background-color: #e42a2a;}
.boxmtbtn, .boxmtctlbtn{display: inline-block; height: 2rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2rem; font-size: 1.1rem; color: #999;}
.boxmtctlbtn{padding: 0 1rem;}
.boxmtbtn:visited, .boxmtctlbtn:visited{color: #999;}
.boxmtbtn:active, .boxmtctlbtn:active{color: rgba(152,152,152,.6);}
.boxmtbtn .mico{margin-right: 0;}




.boxtitle{margin: 2rem 0; text-align: center; line-height: 1.2; font-size: 2.2rem; color: #333;}

.outitle{margin: .8rem 0; display: block; padding: 0 1rem; line-height: 2rem; font-size: 1.3rem; color: #333;}
.wpbox .outitle, .ph20 .outitle{padding-left: 0; padding-right: 0;}

.requiredot{margin-right: .5rem; color: #ba1b21;}

.sidebox{position: relative; display: block; padding-left: 4rem; overflow: hidden;}




.picbn, .picadv{position: relative; display: block; overflow: hidden;}
.picadv{margin-bottom: .8rem;}
.picbn_link, .picadv_link{position: relative; display: block;}
.picbn_link{background-color: #000;}
.picbn img, .picadv img{display: block; width: 100%;}
.picbn_link:active img, .picadv_link:active img{opacity: .8;}
.bottom_imgs{height:10rem}




.userinfodls{padding: 2rem; font-size: 1.2rem; color: #333;}
.userinfodls .dl{margin: .3rem 0; display: flex; display: -webkit-box;}
.userinfodls .dd{display: block; flex: 1; -webkit-box-flex: 1; min-width: 0;}
.userinfodls .bigger{font-size: 1.8rem;}
.userinfocut{padding: 1.5rem 2rem;	font-size: 1.6rem; color: #fff; background-color: #434244;}
.userinfocut_cont{display: block; flex: 1; -webkit-box-flex: 1; min-width: 0; text-align: right;}





.aboutus_body, .aboutus_footer{font-size: 1.4rem; color: #bcbcbc;}
.aboutus_body{padding: 2rem 10% 0 10%;}
.aboutus_body .sec{margin-top: 1rem;}
.aboutus_body p{text-indent: 2em;}
.aboutus_footer{text-align: center; padding: 0 1.5rem 1rem 1.5rem;}


.recordlist{background-color: #fff;}
.recorditem{position: relative; display: block;}
.recorditem::after{position: absolute; bottom: 0; left: 3rem; right: 0; display: block; content: ""; border-top: 1px solid #f0f0f2;}
.recorditem:last-child::after{display: none;}
.recorditem_produce{position: relative; display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; padding: 1.5rem 1.5rem 1.5rem 3.5rem; color: #bcbcbb;}
.recorditem_produce:visited{color: #bcbcbb;}
a.recorditem_produce:not(.disabled):active{background-color: #f8f8f8;}
.recorditem_produce::before{position: absolute; top: 2rem; left: 1.5rem; display: block; content: ""; width: 1rem; height: 1rem; line-height: 0; font-size: 0; background-color: #eaab25; border-radius: 50%;}
[data-state="readed"].recorditem_produce::before{background-color: #bcbcbb;}
.recorditem_cont{display: block; flex: 1; -webkit-box-flex: 1; min-width: 0;}
.recorditem_cont .date{margin-bottom: .5rem; display: block; width: 100%; height: 2rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2rem; font-size: 1.8rem; color: #3f3f3f;}
.recorditem_cont .itm{margin-right: 1rem;}
.recorditem_produce .state{margin-left: 1rem; display: block; min-width: 6rem; font-size: 1.1rem;}
.recorditem_produce .rgt{width: 1rem; height: 1rem;}


.recordcount{margin: 2rem 4rem; display: -webkit-box; display: flex; align-items: flex-end; -webkit-box-align: flex-end; font-size: 1.4rem; color: #bcbbba;}
.sidebox .recordcount{margin-left: 0;}
.recordcount_cont{display: block; flex: 1; -webkit-box-flex: 1; min-width: 0; text-align: right;}
.recordcount_info{margin-right: 1rem; position: relative; display: block; padding-right: 1rem;}
/*.recordcount_info::after{position: absolute; right: 0; top: .5rem; bottom: .5rem; display: block; content: ""; font-size: 0; border-left: 1px solid #d7d6d5;}*/
.recordcount .b{margin: 0 .3rem; color: #eaab26;}
.recordcount .totalcost{margin: 0 .3rem; line-height: 1; font-size: 2.8rem; color: #eaab26;}

.recordcut{margin: 2rem 4rem; display: -webkit-box; display: flex; align-items: center; -webkit-box-align: center; font-size: 1.4rem; color: #bcbbba;}
a.recordcut:active{opacity: .8;}
.sidebox .recordcut{margin-left: 0;}
.recordcut_cont{display: block; flex: 1; -webkit-box-flex: 1; min-width: 0; text-align: right;}
.recordcut_info{margin-right: 1rem; position: relative; display: block; padding-right: 1.5rem;}
.recordcut_info::after{position: absolute; right: 0; top: .5rem; bottom: .5rem; display: block; content: ""; font-size: 0; border-left: 1px solid #d7d6d5;}
.recordcut .b{margin: 0 .3rem; color: #eaab26;}
.recordcut .totalcost{margin: 0 .3rem; line-height: 1; font-size: 2.8rem; color: #eaab26;}
.recordcut .rgt{width: 1rem; height: 1rem;}

.record_btoolinfo{text-align: center; font-size: 1.1rem; color: #bcbbba;}
.record_btoolinfo .itm{margin: 0 .5rem;}

.recordpath{line-height: 2rem; font-size: 1.4rem; color: #bcbbba;}
.recordpath>li{position: relative; padding: 3rem 2rem 2rem 5rem; min-height: 8rem; box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom: 1px solid #cfcdcd;}
.recordpath .pathico{position: absolute; top: 1.5rem; left: .5rem;}
.pathico{display: inline-block; width: 3.5rem; height: 5rem; background-image: url(../images/icon/pathico.png); background-repeat: no-repeat; background-size: 3.5rem auto; vertical-align: text-bottom;}
.begin_pathico{background-position: 0 0;}
.end_pathico{background-position: 0 -5rem;}


.loadbox{position: relative; margin: 10vh auto; width: 24rem; max-width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}
.smloadbox{margin: 1rem 0 2rem 0; transform: scale(.8); -webkit-transform: scale(.8);}
.loadbox_state{margin: 1rem 0; text-align: left; padding: 0 1rem; font-size: 1.4rem; color: #bcbcbc;}
.ac.loadbox_state{text-align: center;}
.loadperson{margin: .5rem 0; position: relative; margin-left: 100%; display: block; width: 4rem; height: 4rem; animation-name: loadrate_person; -webkit-animation-name: loadrate_person;}
.loadperson::before{position: absolute; top: 0; left: -2rem; display: block; content: ""; width: 4rem; height: 4rem; background: url(../images/icon/loadperson.png) 0 0 no-repeat; background-size: cover;}
@-webkit-keyframes loadrate_person{0%{margin-left: 0;}}
@keyframes loadrate_person{0%{margin-left: 0;}}
.loadbar{position: relative; display: block; width: 100%; height: 1rem; line-height: 0; font-size: 0; background-color: #bcbcbc;}
.loadbar_rateinner{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: #eaab25; vertical-align: top; background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear,0 100%,100% 0%,from(transparent), color-stop(.25, rgba(255, 255, 255, 0.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, 0.15)), color-stop(.75, rgba(255, 255, 255, 0.15)), color-stop(.75, transparent), to(transparent)); background-size: 2rem 2rem; animation: reverse progress-bar-stripes .4s linear infinite, animate-positive 2s; -webkit-animation: reverse progress-bar-stripes .4s linear infinite, animate-positive 2s;}
.loadperson, .loadbar_rateinner{animation-duration: 2s; -webkit-animation-duration: 2s;}
@-webkit-keyframes animate-positive{0%{width: 0;}}
@keyframes animate-positive{0%{width: 0;}}
@-webkit-keyframes progress-bar-stripes{from{background-position: 1rem 0;}to{background-position: 0 0;}}
@keyframes progress-bar-stripes{from{background-position: 1rem 0;}to{background-position: 0 0;}}


.paywaybox{position: relative; display: block; padding: 2rem 5vh 0 5vh;}
.paywaybox .abtnrow{margin-left: 0; margin-right: 0;}
.payway_maindl{display: flex; display: -webkit-box; padding: .8rem 0; font-size: 1.5rem; color: #bcbcbc; border-bottom: 1px solid #cdcccd;}
.payway_maindl .dd{display: block; flex: 1; -webkit-box-flex: 1; min-width: 0; text-align: right;}
.paywaycount{margin: 2rem 0; text-align: center; font-size: 1.4rem; color: #bcbcbc;}
.paywaycount .totalcost{margin: 0 .3rem; line-height: 1; font-size: 3rem; color: #333;}
.paywayitem{margin: 1rem 0; border-bottom: 1px solid #cdcccd;}
.paywayitem [type="radio"]{display: none;}
.paywaylabel{display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; padding: 1rem 0;}
.paywaylabel .ico{margin-right: 1rem; display: block; height: 2.5rem;}
.paywaylabel .cont{display: block; flex: 1; -webkit-box-flex: 1; min-width: 0; font-size: 1rem; color: #bcbcbc;}
.paywaylabel .name{margin-bottom: .2rem; font-size: 1.3rem; color: #000;}
.paywaylabel::after{margin-left: 1rem; display: block; content: ""; width: 1.2rem; height: 1.2rem; line-height: 0; font-size: 0; box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #bcbcbc; border-radius: 50%;}
.paywayitem :checked ~ .paywaylabel::after{background-color: #eaab25; border-color: #eaab25;}





.gonavlist{padding: 0; background-color: #fff;}
.wpbox .gonavlist{margin-left: -1rem; margin-right: -1rem;}
.gonavitem{position: relative; display: block; background-color: #fff; overflow: hidden;}
.gonavdl{position: relative; display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; padding: 1rem 1.5rem; min-height: 5rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2rem; font-size: 1.4rem; color: #999;}
.gonavdl:visited{color: #999;}
a.gonavdl:not(.disabled):active{background-color: #fef8ec;}
.gonavdl .dt{display: block; flex: 1; -webkit-box-flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.6rem; color: #333;}
.gonavdl .rgt{margin-right: 0;}
.gonavdl .bsico{margin-right: 1rem;}



.ubn{position: relative; display: block; color: rgba(255,255,255,.8); background-color: #eaab25; overflow: hidden;}
.ubn .lvspan{color: #fff;}
.sideubn{position: relative; display: -webkit-box; display: flex; align-items: flex-end; -webkit-box-align: flex-end; padding: 1.5rem; font-size: 1.3rem; color: #333;}
.sideubn_avator{margin-right: 2rem; position: relative; display: block; width: 10rem; height: 10rem; padding: .2rem; background-color: #fff; border-radius: 50%; overflow: hidden; transform: scale(1); -webkit-transform: scale(1);}
.sideubn_avator::before{position: absolute; top: .2rem; bottom: .2rem; left: .2rem; right: .2rem; display: block; content: ""; box-sizing: border-box; -webkit-box-sizing: border-box; border: .2rem solid rgba(255,255,255,.5); border-radius: 50%;}
.sideubn_avator img{display: block; width: 100%; border-radius: 50%;}
.sideubn_cont{display: block; flex: 1; -webkit-box-flex: 1; min-width: 0; line-height: 2rem;}
.sideubn_cont .tr{margin-bottom: .2rem;}
.sideubn_cont .mico{margin: 0 .3rem;}













.welogorow{margin: 5vh 0; text-align: center;}
.welogo_img{height: 7rem; vertical-align: bottom;}

.dtrins{display: block; margin: 1.5rem 0; text-align: center; color: #bcbcbc;}
.al.dtrins{text-align: left;}

.setwrap{margin: 2rem 0; padding: 0 2rem;}
.setlist{margin-bottom: 3rem;}
.setitem{margin: 1.5rem 0;}
.setitem .dl{display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; min-height: 4rem; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 1rem; background-color: #fff;}
.setitem .transbg.dl{background-color: transparent; border: 1px solid #dfdfdf;}
.setitem .dd{display: block; flex: 1; -webkit-box-flex: 1; min-width: 0;}
.setitem .dtint{color: #bcbcbc;}
.setitem .mbico{margin-right: 1rem;}
.captchabox{position: relative; display: inline-block; padding: 0 1.5rem;}
.captchabox img{height: 4rem; vertical-align: bottom;}
.setitem .captchabox{margin-left: 1rem; padding: 0;}
.setitem .disabledbtn.defaultbtn{background-color: #ededec!important;}


.bborder.tabhd{border-bottom: 1px solid #f8ba3d; overflow: hidden;}
.simplenav{margin: 1.5rem; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; text-align: center; line-height: 1.5rem; font-size: 1rem; color: #bcbcbc;}
.simplenav .decimalabel{margin-right: .5rem; display: inline-block; text-align: center; width: 1.5rem; height: 1.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 1.5rem; font-size: 1.2rem; background-color: #dedede; border-radius: 50%; vertical-align: top;}
.simplenav .on{color: #eaab26;}
.simplenav .on .decimalabel{background-color: #e7d9bb;}

.yetabhd{position: relative; z-index: 13; display: -webkit-box; display: flex; padding: 0 1rem 0 1.1rem; height: 4rem; -webkit-box-sizing: border-box; box-sizing: border-box; box-shadow: 0 -1px 0 #efefef inset; box-shadow: 0 .5rem .5rem -.5rem rgba(0,0,0,.2);}
.yetabhd_item{margin-left: -1px; display: block; -webkit-box-flex: 1; flex: auto; text-align: center; padding: 1rem .5rem 0 .5rem; min-width: 0; max-width: 100%; height: 4rem; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2rem; font-size: 1.3rem; color: #000; border-width: 1px 1px 1px 0; border-style: solid; border-color: #efefef; border-radius: .4rem .4rem 0 0;}
.yetabhd_item:visited{color: #000;}
.active.yetabhd_item{position: relative; z-index: 1; color: #fff; background-color: #f4b018; border-color: #f4b018;}


.noticebox{position: relative; text-align: center; padding: 20vh 2rem 0 2rem; font-size: 1.4rem; color: #bcbcbc;}
.noticebox .cartoonrow{margin: 1rem 0;}
.noticebox .dt{margin: 1rem 0 .5rem 0; font-size: 1.9rem; color: #231815;}
.noticebox .dd{margin: .5rem 0;}



.moneypayselist{margin: 0 -1rem; font-size: 0;}
.moneypayselitem{margin: 1rem; display: inline-block; font-size: 1.2rem; color: #999; vertical-align: text-bottom;}
.moneypayselitem [type="radio"]{display: none;}
.moneypayselable{display: inline-block; text-align: center; padding: 2rem .5rem 0 .5rem; width: 10rem; height: 8rem; box-sizing: border-box; -webkit-box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 4rem; font-size: 2.8rem; color: #eaab26; background-color: #fff; border: 1px solid #6d6c6c; border-radius: .5rem;}
.moneypayselable .n{margin-left: .5rem;}
.moneypayselitem :checked ~ .moneypayselable{background-color: #edecec;}


/*dialog*/
.dialog{ background-color:rgba(0,0,0,.5); position:fixed;width:100%; height:100%;left:0;top:0; z-index:9999}
.dialog-main{ position:fixed;width:80%;top:30%;padding:.75rem;left: 0;right: 0;margin:0 auto;max-width: 700px; background:#fff;border-radius:0.313rem;box-shadow: 0 0 0.313rem rgba(0,0,0,0.35);opacity:1;}
.dialog-head{padding:0 1.5rem 1rem;border-bottom:2px solid #cbcbcb;}
.dialog-head h2{font-weight: 100;font-size: .75rem;text-align: center;word-break: break-all;word-wrap:break-word;}
.dialog-close{ position:absolute;right:.75rem;top:1rem; width:1.5rem;height:1.5rem;background:url(../images/x3.png) no-repeat center center;font-size:0; line-height:999px; overflow:hidden}
.dialog-btn{text-align:center;padding:1rem;}
.dialog-btn button{ width:100%;height:2.75rem;line-height:2.75rem;text-align:center;background-color:#ffb600;border-radius: .313rem;}
.dialog-btn button:active{background-color:#eefafc}
.dialog-msg{padding:1rem; text-align:center;word-break: break-all;word-wrap:break-word;}
.dialog-msg strong{display:block;font-size:1rem;margin-bottom: 1.25rem}
.dialog-msg span{ display:block; font-size:.75rem;}
.dialog-msg em{display:block;font-size:2.25rem;margin-bottom: .5rem;}
.dialog-msg i{vertical-align: top;margin-right:.5rem; float: left;}

button {width:100%;height:3rem;line-height: 3rem; color:#fff;background-color: #ffb600;border:1px solid #ffb600;text-align: center;vertical-align: middle;font-size:1.125rem;}
.wrap{position: relative;min-height:100%;max-width: 750px;margin:0 auto;background:#eee;padding-bottom:3.375rem }




.scanpg{position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: rgba(0,0,0,.8);}
.scanpg .header{padding: 2rem; background-color: transparent;}
.scanwin_container{position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center; padding: 0 2rem; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; text-align: center; font-size: 1.4rem; color: #fff;}
.scanwinbox{margin: 1rem auto; display: block; width: 23rem; height: 23rem; background: url(../images/icon/scanbox.png) 0 0 no-repeat; background-size: cover;}


.explaindbox{margin: 2rem 0;}
.explaindbox_dt{margin: 1rem 0; font-size: 1.4rem; color: #333;}
.yedecimalist{line-height: 2rem; font-size: 1.2rem; color: #333;}
.yedecimalist>li{margin: .5rem 0; position: relative; padding-left: 1.4rem;}
.yedecimalist>li::before{position: absolute; left: 0; top: .7rem; display: block; content: ""; width: .6rem; height: .6rem; line-height: 0; font-size: 0; background-color: #ebab25; border-radius: 50%;}



/*--------------------------------2018-10-30 设备信息*/
.searchrow{margin: 1rem; position: relative; display: block;}
.searchrow_form{display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; height: 3.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff;}
.searchrow_box{position: relative; display: block; flex: 1; -webkit-box-flex: 1; min-width: 0;}
.searchrow_input, .searchrow_btn{border: none; outline: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none;}
.searchrow_btn{position: absolute; z-index: 6; right: 1rem; top: 50%; margin-top: -1.3rem; width: 2.5rem; height: 2.5rem; background: url(../images/icon/mbico.png) 0 -7.5rem no-repeat; background-size: 2.5rem auto; border-radius: 0;}
.searchrow_btn:active{opacity: .8;}
.searchrow_input{position: relative; z-index: 5; padding: .5rem 4rem .5rem 1.5rem; width: 100%; height: 3.5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2.5rem; font-size: 1.4rem; color: #333; background-color: #fff; box-shadow: 0 0 0 1px #d0d0d0 inset; border-radius: 2rem;}
.searchrow_input:focus{box-shadow: 0 0 0 1px #eaab25 inset;}
.searchrow_input:focus{box-shadow: 0 0 0 1px #eaab25 inset;}
.searchrow_input:focus{box-shadow: 0 0 0 1px #eaab25 inset;}

.selfilterow{margin: 1rem 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding-left: 1rem;}
.selfilter_item{margin-right: 1rem; position: relative; display: block; -webkit-box-flex: 1; flex: auto; overflow: hidden;}
.selfilter_label{display: block; padding: .4rem 1.5rem 0 .9rem; width: 100%; height: 2.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.5rem; font-size: 1.1rem; color: #333; border: 1px solid #999; border-radius: .4rem; outline: 0; -webkit-appearance: none; appearance: none;}
.selfilter_label::after{position: absolute; right: .8rem; top: 50%; margin-top: -.5rem; display: block; content: ""; width: .5rem; height: .5rem; border-width: 0 1px 1px 0; border-style: solid; border-color: #999; transform: rotate(45deg) skew(-5deg,-5deg); -webkit-transform: rotate(45deg) skew(-5deg,-5deg); transition-duration: .3s; -webkit-transition-duration: .3s;}
.selected.selfilter_item .selfilter_label{color: #eaab26; border-color: #eaab26;}
.selected.selfilter_item .selfilter_label::after{border-color: #eaab26;}
.selfilter_select{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; z-index: 5;}

.deviceitem{margin-bottom: .8rem; display: block; background-color: #fff;}
.deviceitem_produce{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: .5rem 1rem;}
a.deviceitem_produce:active{opacity: .8;}
.deviceitem_cnt{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; font-size: 1.1rem; color: #666;}
.deviceitem_tr{margin: .5rem 0;}
.deviceitem_produce .serialsign{margin-right: 2rem; display: inline-block; padding: 0 .5rem; max-width: 80%; height: 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2rem; font-size: 1.2rem; color: #fff; background-color: #eaab25; border-radius: .4rem; vertical-align: bottom;}
.deviceitem_produce .goods{font-size: 1.2rem; color: #333;}
.deviceitem_produce .offline{margin-left: 1rem; font-size: 1.4rem; color: #b82c22;}
.deviceitem_produce .fault{margin-left: 1rem; font-size: 1.4rem; color: #eaab26;}


.fnavlist{position: fixed; bottom: 0; left: 0; width: 100%; height: 5rem; z-index: 13;}
.fnavlist{display: flex; display: -webkit-box; text-align: center; font-size: 1.1rem; color: #333; background-color: #fff;}
.fixbottom .fnavlist{position: relative; bottom: auto; left: auto;}
.fnavitem{position: relative; display: block; flex: 1; -webkit-box-flex: 1; min-width: 0; width: 50%; padding-top: .5rem; height: 5rem; box-sizing: border-box; -webkit-box-sizing: border-box; color: #333;}
.fnavitem::before{margin: 0 auto .2rem; display: block; content: ""; width: 2.5rem; height: 2.5rem; background-image: url(../images/icon/fnav.png); background-repeat: no-repeat; background-size: 5rem auto;}
.fnavitem:visited{color: #333;}
.fnavitem:active{opacity: .8;}
.on.fnavitem{color: #eaab26;}
.statistics.fnavitem::before{background-position: 0 0;}
.on.statistics.fnavitem::before{background-position: -2.5rem 0;}
.order.fnavitem::before{background-position: 0 -2.5rem;}
.on.order.fnavitem::before{background-position: -2.5rem -2.5rem;}
.device.fnavitem::before{background-position: 0 -5rem;}
.on.device.fnavitem::before{background-position: -2.5rem -5rem;}
.userlist.fnavitem::before{background-position: 0 -7.5rem;}
.on.userlist.fnavitem::before{background-position: -2.5rem -7.5rem;}
.scan.fnavitem::before{background-position: 0 -10rem;}
.scan.fnavitem{margin-left: 2.5rem; color: #fff; background-color: #eaab25;}
.scan.fnavitem::after{position: absolute; top: 0; left: -2.5rem; display: block; content: ""; width: 2.5rem; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; border-width: 2.5rem 1.3rem; border-style: solid; border-color: rgba(0,0,0,0); border-bottom-color: #eaab25; border-right-color: #eaab25;}

/*--------------------------------end 2018-10-30 设备信息*/



.ttcrown{margin: 1rem auto; display: block; width: 19rem; height: 4rem; background: url(../images/icon/ttcrown.png) 0 0 no-repeat; background-size: cover;}
.businesshours{font-size: 1.4rem; color: #999;}
.businesshours_title{margin: .5rem 0; font-size: 1.7rem;}
.businesshours_box{margin: 1rem 0; text-align: left;}
.businesshours_row{margin: .5rem 0; display: -webkit-box; display: flex;}
.businesshours_day{min-width: 3.5rem;}
.businesshours_list{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; overflow: hidden;}
.businesshours_list>li{float: left; padding-left: .2rem; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box;}


.binsbox{display: block; border-top: 1px solid #555; overflow: hidden;}
.binsbox_ctitle{margin: 1rem 0; text-align: center; font-size: 1.6rem;}
.decimalist{margin: 1rem 0 1rem 1.5em; text-align: left; list-style: decimal outside;}

.qrcodebox{text-align: center;}
.qrcodebox_pic{margin: 0 auto; display: block; width: 15rem; height: 15rem; overflow: hidden;}
.qrcodebox_pic img{display: block; width: 15rem; height: 15rem;}
.qrcodebox_dt{margin-top: 1rem; line-height: 1.2; font-size: 1.6rem; color: #f9ca6c;}

.ntbox{margin: 2rem 0; text-align: center; font-size: 1.1rem; color: #999;}
.ntbox_cartoon{margin: 2rem 0;}
.ntbox_dt{margin: .5rem 0; font-size: 1.7rem; color: #333;}
.ntbox_dd{margin: .5rem 0;}

.imgh240{height: 12rem; vertical-align: bottom;}



.cutuser{padding: 0.5rem 1rem 0 1rem; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;}
.cutuser_avator{height: 6rem; vertical-align: bottom;}
.cutuser_tr{margin: .3rem 0;}
.cutuser_cnt{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; padding-top: .5rem;}
.cutuser_cnt .name{line-height: 2rem; font-size: 1.6rem; color: #000;}


.showdatabox{position: relative; overflow: visible;}
.showdatainner{position: relative; display: block; overflow: hidden; transform: scale(1); -webkit-transform: scale(1); border-radius: .4rem;}
.showdatarow{position: relative; display: -webkit-box; display: flex; line-height: 2rem; font-size: 1.3rem; color: #000;}
.showdatarow::after{position: absolute; top: 0; left: 1rem; right: 1rem; display: block; content: ""; border-top: 1px solid #efefef;}
.showdatarow:first-child::after{display: none;}
.bk.showdatarow{color: #fff; background-color: #000;}
.showdataitem{position: relative; display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; padding: .5rem; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left;}
.showdatarow:not(.bk) .showdataitem, .bk.showdatarow .showdataitem:first-of-type{text-indent: 1em;}
.showdatarow:not(.bk) .showdataitem::after{position: absolute; left: 0; top: .5rem; bottom: .5rem; display: block; content: ""; border-right: 1px solid #efefef;}
.showdataitem:not(.bk):first-child::after{display: none;}
.showdatarow .btn{position: relative; display: inline-block; text-align: center; padding: .5rem 1rem;}

.coupontag{position: absolute; z-index: 1; top: 3rem; right: 0; display: block; content: ""; padding: 3rem 2.5rem; width: 9rem; height: 9rem; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../images/icon/coupontag.png) 0 0 no-repeat; background-size: cover; -webkit-transform: rotate(-56deg); transform: rotate(-56deg);}
.coupontag_decs{display: -webkit-box; display: flex; -webkit-box-orient: vertical; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; width: 4rem; height: 3rem; line-height: 1.2; font-size: .9rem; color: #4ba6dd; font-style: normal; vertical-align: middle;}
.coupontag_decs .num{line-height: 1; font-size: 1.4rem;}


.skewnavbtns{margin: 1rem; display: -webkit-box; display: flex;}
.skewnavbtn{margin: 0 1rem; position: relative; display: block; text-align: center; padding: .5rem 1rem; min-width: 6rem; height: 4.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.5rem; font-size: 1.1rem; color: #fff; background-color: #000;}
.skewnavbtn .mico{margin: 0 .5rem;}
.skewnavbtn .t{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.skewnavbtn::before, .skewnavbtn::after{position: absolute; top: 0; display: block; content: ""; width: 2rem; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; border-width: 2.25rem 1rem; border-style: solid; border-color: rgba(0,0,0,0);}
.skewnavbtn::before{left: -2rem;}
.skewnavbtn:first-of-type{margin-left: 0;}
.skewnavbtn:first-of-type::before{display: none;}
.skewnavbtn::after{right: -2rem; border-top-color: #000; border-left-color: #000;}
.skewnavbtn:last-of-type{margin-right: 0;}
.skewnavbtn:last-of-type::after{display: none;}
.skewnavbtn:active{color: rgba(255,255,255,.6);}
.big.skewnavbtn{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; padding: 1rem; line-height: 2.5rem; font-size: 1.8rem; background-color: #f4b018;}
.big.skewnavbtn::before{border-bottom-color: #f4b018; border-right-color: #f4b018;}
.big.skewnavbtn-disabled::before{border-bottom-color: darkgray; border-right-color: darkgray;}

.sharebtn{position: relative; display: block; text-align: center; padding: .5rem 0rem; min-width: 6rem; height: 4.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.5rem; font-size: 1.1rem; color: #fff; background-color: #b51c22;}
.sharebtn .mico{margin: 0 .5rem;}
.sharebtn .t{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.selserlist{margin: 1rem 0; padding: 0 1rem; overflow: hidden;}
.selser_item{margin: 1rem 0; float: left; width: 50%;}
.selser_produce{margin: 0 auto; display: block; padding: 1rem 1rem 0 1rem; width: 12rem; max-width: 80%; height: 6rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.5rem; font-size: 1.1rem; color: #333; background-color: #fff; border-radius: .4rem; box-shadow: 0 0 1rem rgba(0,0,0,.5);}
.selser_produce .name, .selser_produce .duration, .selser_produce .price{display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.selser_produce .name{color: #f4b018;}
.selser_produce .price{text-align: right;}
.selser_produce .num{line-height: 1; font-size: 1.5rem;}
.selected.selser_item .selser_produce{color: #fff; background-color: #f4b018;}
.selected.selser_item .selser_produce .name{color: #fff;}


.subsel_item{margin: 1rem 0;}
.subsel_produce{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; text-align: center; padding: 1rem; height: 5rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 3rem; font-size: 1.6rem; color: #000; border-radius: .4rem; box-shadow: 0 0 1rem rgba(0,0,0,.5);}
.subsel_produce:visited{color: #fff;}
.selected.subsel_item .subsel_produce{color: #fff; background-color: #f4b018;}
.subsel_produce .dt, .subsel_produce .dd{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0;}
.subsel_produce .spc{margin: 0 1rem; display: block; height: 2rem; line-height: 0; font-size: 0; border-left: 1px solid rgba(0,0,0,.1);}



.bootdevice{margin: 2rem 0; display: block; text-align: center; font-size: 1.3rem;}
.bootdevice .title{color: #333;}
.bootdevice .duration{color: #f4b018;}
.bootdevice .notice{line-height: 1.2; font-size: 1.3rem; color: #999;}

.bootcircle{margin: 1rem auto; position: relative; z-index: 5; display: block; padding: 20px; width: 120px; height: 120px; box-sizing: border-box; -webkit-box-sizing: border-box; background: url(../images/icon/ntimg/02.png) 50% 50% no-repeat; background-size: 60px 60px; overflow: hidden;}
.bootcircle_cc{position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: rotate(-89.95deg); transform: rotate(-89.95deg);}
.bootcircle_ccbg, .bootcircle_ccdata{fill: transparent; -webkit-transition: stroke-dasharray 2s; transition: stroke-dasharray 2s; stroke-linecap: round;}
.bootcircle_ccbg{stroke-width: 9; stroke: #231815; stroke-dasharray: 315,315;}
.bootcircle_ccdata{stroke-width: 10; stroke: #f4b018; stroke-dasharray: 0,315; -webkit-animation: bootload 4s ease-in infinite; animation: bootload 4s ease-in infinite;}
@-webkit-keyframes bootload{0%{stroke-dasharray: 0,315;}100%{stroke-dasharray: 315,315;}}
@keyframes bootload{0%{stroke-dasharray: 0,315;}100%{stroke-dasharray: 315,315;}}


.payselist{margin: 1rem .5rem; position: relative; overflow: hidden;}
.wpbox .payselist, .ph20 .payselist{margin-left: -.5rem; margin-right: -.5rem;}
.payselitem{margin: .5rem 0; float: left; padding: 0 .5rem; width: 33.3333%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.payselitem [type="radio"]{display: none;}
.payselable{display: -webkit-box; display: flex; -webkit-box-orient: vertical; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; text-align: center; padding: 1rem; width: 100%; height: 7rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 2rem; font-size: 1.3rem; color: #999; background-color: #fff; border-radius: .4rem; box-shadow: 0 0 .6rem rgba(0,0,0,.5);}
.payselable .money{font-size: 1.8rem; color: #f4b018;}
:checked ~ .payselable{color: #fff; background-color: #f4b018;}
:checked ~ .payselable .money{color: #fff;}


.ntrow{margin: 1rem; line-height: 2rem; font-size: 1.2rem; color: #999;}
.wpbox .ntrow, .ph20 .ntrow, .wmbox:not(.ph0) .ntrow{margin-left: 0; margin-right: 0;}
.ntrow .sico{margin-top: .3rem;}
.ntrow .small{font-size: 1.1rem;}


.cshowdata{padding: 1rem; text-align: center; line-height: 2rem; font-size: 1.3rem; color: #333;}
.cshowdata_tr{margin: .5rem 0;}
.cshowdata_list{text-align: center; overflow: hidden;}
.cshowdata_list>li{margin: .3rem 0; float: left; width: 50%;}


.gysetbox{margin: 1rem 0; display: block; padding: 1rem; background-color: #f1f1f1; border-radius: .4rem; overflow: hidden;}
.outitle + .gysetbox{margin-top: -.5rem;}
.sethoz{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 1rem 0; min-height: 4rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
.gysetbox.sethoz{padding: 1rem;}
.sethoz .dd>.setint, .sethoz .dd>.textint{position: relative; margin-top: -1rem; margin-bottom: -1rem;}
.gysetbox .textint{padding-top: 0; padding-bottom: 0; }


.mediatoolrow{margin: 1rem 0; display: -webkit-box; display: flex; -webkit-box-align: end; align-items: flex-end; font-size: 1.2rem; color: #999;}
.gysetbox .mediatoolrow{margin-top: .5rem; margin-bottom: .5rem;}
.gysetbox .mediatoolrow:last-child{margin-bottom: 0;}

.addphotobox{margin: 0 auto; position: relative; display: block; padding: 1rem; max-width: 100%; width: 4.5rem; height: 4.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border: 1px dotted #ccc; border-radius: .5rem; overflow: hidden;}
.addphotobox::before{display: block; content: ""; width: 2.5rem; height: 2.5rem; background: url(../images/icon/mbico.png) 0 -12.5rem no-repeat; background-size: 2.5rem auto;}
.addphotospanitm{display: inline-block; font-size: 1.2rem; color: #999;}
.addphotoitm{margin-right: 1rem; position: relative; display: inline-block; vertical-align: middle;}
.addphotoitm .rdclosesico{z-index: 1; position: absolute; left: auto; top: -.5rem; right: -.5rem;}



.errorselist{font-size: 0;}
.wpbox .errorselist, .ph20 .errorselist{margin-left: -1rem;}
.errorselitem{margin: .5rem 0 .5rem 1rem; display: inline-block; line-height: 2rem; font-size: 1.3rem; vertical-align: top;}
.errorselitem [type="radio"], .errorselitem [type="checkbox"]{display: none;}
.errorselabel{position: relative; display: inline-block; padding: .5rem 1rem; height: 3rem; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: .4rem; box-shadow: 0 0 .6rem rgba(0,0,0,.5);}
:checked ~ .errorselabel, .add.errorselabel:not(.disabled):active{color: #fff; background-color: #f4b018;}
.add.errorselabel{width: 7.2rem;}
.add.errorselabel::before, .add.errorselabel::after{position: absolute; top: 50%; left: 50%; margin-top: -.1rem; margin-left: -.6rem; display: block; content: ""; width: 1.2rem; height: .2rem; min-height: 2px; line-height: 0; font-size: 0; background-color: #999;}
.add.errorselabel::after{transform: rotate(-90deg); -webkit-transform: rotate(-90deg);}
.add.errorselabel:not(.disabled):active::before, .add.errorselabel:not(.disabled):active::after{background-color: #fff;}


.lvspan{position: relative; display: inline-block; text-align: center; padding: 0 .8rem; height: 2rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 2rem; font-size: 1.1rem; color: #fff; background-color: #b51d22; border-radius: 3px; -webkit-filter: drop-shadow(0 .1rem .3rem rgba(0,0,0,.5)); filter: drop-shadow(0 .1rem .3rem rgba(0,0,0,.5));}
.lvspan:visited{color: #fff;}
.lvspan:not(.disabled):active{-webkit-transform: translateY(2px); transform: translateY(2px);}
.lvspan_crown{position: absolute; top: -.6rem; left: -1rem; display: block; padding: .8rem .3rem 0 .3rem; width: 2.5rem; height: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1; font-size: .5rem; color: #fff; background: url(../images/icon/lvspan.png) 0 0 no-repeat; background-size: cover; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

















/*bottom*/
.fbottom{display: block; margin-top: .8rem; height: 5rem;}
.fixbottom{position: fixed; bottom: 0; left: 0; right: 0; z-index: 13;}



.btool{position: fixed; bottom: 0; left: 0; width: 100%; height: 5rem; display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2rem; font-size: 1.1rem; color: #666; z-index: 13;}
.fixbottom .btool{position: relative; bottom: auto; left: auto;}
.btool_hasbg{background-color: #fff; box-shadow: 0 1px 0 #ccc inset;}
.btool_cont{display: block; flex: 1; -webkit-box-flex: 1; min-width: 0; padding: 0 1rem; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; overflow: hidden;}
.btool_cont .bigbtn{margin-bottom: 1rem;}
.btool_halfcont{margin-right: 1px; display: block; flex: 1; -webkit-box-flex: 1; min-width: 0; width: 50%; box-sizing: border-box; -webkit-box-sizing: border-box;}
.btool_halfcont:last-child{margin-right: 0;}




.btoolmbtn, .btoolbtn{position: relative; display: block; text-align: center; padding: 1rem .5rem; height: 5rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 3rem; font-size: 1.6rem; color: #fff; border: none; outline: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none;}
.btoolmbtn{min-width: 10rem; width: 28%;}
.btoolbtn{width: 100%;}
.btoolmbtn:visited{color: #fff;}





/*cpop*/
.fade_bkbg{position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: auto; background-color: rgba(0,0,0,.6); opacity: 0; visibility: hidden; transition-duration: .3s; -webkit-transition-duration: .3s;}

.cpop{position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; display: none;}
.show.cpop{display: block; z-index: 100;}
.cpop .fade_bkbg{opacity: 1; visibility: visible;}
.cpopcenter{position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; text-align: center; width: auto; height: auto; max-height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box;}


.cpopoutrow{display: block; margin-top: 1rem; text-align: center;}
.pop_incloser{position: absolute; z-index: 1; top: 0; right: 0; display: block; width: 5rem; height: 5rem; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: transparent;}
.pop_incloser::before, .pop_incloser::after{position: absolute; top: 50%; left: 50%; margin-left: -1.2rem; display: block; content: ""; width: 2.3rem; height: .2rem; min-height: 2px; line-height: 0; font-size: 0; background-color: #888; border-radius: .2rem;}
.pop_incloser::before{transform: rotate(44deg); -webkit-transform: rotate(44deg);}
.pop_incloser::after{transform: rotate(-44deg); -webkit-transform: rotate(-44deg);}
.pop_incloser:active::before, .pop_incloser:active::after{ background-color: #c00;}



.ntcpop_container{margin: 0 auto; position: relative; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; padding: 0 2rem; width: 30rem; max-width: 100%; min-height: 40vh; max-height: 80vh; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; -webkit-box-sizing: border-box; background-color: #fff;}
.sty2.ntcpop_container{padding-left: 1rem; padding-right: 1rem; min-height: 60vh; max-width: 80%; border-radius: 1rem;}
.gybg.ntcpop_container{background-color: #ededec;}
.bkbg.ntcpop_container{color: #fff; background-color: #000;}
.autoheight.ntcpop_container{display: block; min-height: initial;}
.ntcpop_mb{display: block; margin-top: 1rem; padding-bottom: 1rem;}
.ntcpop_mb .spcbtnrow{margin: 1rem 0;}

.ntcpop_title{display: block; text-align: center; padding: 1.5rem 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 2rem; font-size: 1.8rem; color: #161739; border-bottom: 1px solid #555;}
.inleft.ntcpop_title{margin: 1.5rem 0; padding: 0; text-align: left; border-bottom: none;}
.ntcpop_mc{position: relative; text-align: center; font-size: 1.2rem; color: #333; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.autoheight.ntcpop_container .ntcpop_mc{margin: 1.5rem 0; overflow: hidden;}
.ntcpop_tr{margin: 1rem 0;}
.ntcpop_mc .bigger{line-height: 1; font-size: 2.4rem; color: #eaab26;}
.ntcpop_mc .bigger .ins{margin: 0 1rem; font-size: 6rem; }
.ntcpop_mc .bigger .insm{margin-left: 1rem;}
.poptelnumber, .poptelnumber:visited{line-height: 1; font-size: 3rem; color: #555;}
.poptelnumber:active{color: #c00;}


.bkbg.ntcpop_container .ntcpop_title, .bkbg.ntcpop_container .ntcpop_mc{color: #fff;}


.popdatalist{margin: 1rem 0; position: relative; margin: 0 -2rem; padding: 0 2rem; background-color: #fff;}
.popdatadl{display: flex; display: -webkit-box; padding: 1rem 0; line-height: 2rem; font-size: 1.4rem; color: #7c7b7c; border-bottom: 1px solid #efefef;}
.popdatadl:last-child{border-bottom: none;}
.popdatadd{display: block; flex: 1; -webkit-box-flex: 1; min-width: 0; text-align: right;}


/*end cpop*/



/*pop*/
.pintlside, .pintrside{position: absolute; z-index: 5; top: 0; font-size: 0;}
.pintlside{left: 0;}
.pintrside{right: 0;}
.poptsign{display: inline-block; text-align: center; padding: 0 .5rem; height: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1.5rem;  ; color: #fff; background-color: rgba(0,0,0,.5);}

.pushpro{margin: 0 auto; position: relative; display: block; width: 75%; max-width: 560px; border: 1px solid #000;}
.pushpro img{display: block; width: 100%;}
.dialog_img{height:45rem}

.rsidepop{position: fixed; z-index: 25; top: 20vh; right: 1rem; width: 4rem;}
.rsidepop img{display: block; width: 100%;}


.bdecspop{position: fixed; z-index: 25; bottom: 2rem; left: 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 0 1rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.bdecspop_advnotice{margin-left: .5rem; padding-right: 1rem; position: relative; display: block; width: 2rem; line-height: 1.2rem; font-size: 1rem; color: #000;}
.bdecspop_produce{position: relative; display: block; padding: .5rem 2rem .5rem 5rem; width: 100%; height: 3rem; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 2rem; font-size: 1.2rem; color: #fff; background-color: #eaab25; border-radius: 2rem;}
.bdecspop_pic{position: absolute; left: 0; top: 50%; margin-top: -2rem; display: block; width: 4rem; height: 4rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #eaab25; border-radius: 50%; overflow: hidden; transform: scale(1); -webkit-transform: scale(1);}
.bdecspop_pic img{display: block; width: 100%; height: 100%; border-radius: 50%;}
.bdecspop_cnt{display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*end pop*/


/*closeico*/
.pbtn10{display: inline-block; padding: .5rem; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top;}

.gyclosesmico{position: relative; display: inline-block; width: 1rem; height: 1rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; border-radius: 50%; vertical-align: top;}
.gyclosesmico::before, .gyclosesmico::after{position: absolute; top: 50%; left: 50%; margin-top: -.1rem; margin-left: -.3rem; display: block; content: ""; width: .6rem; height: 1px; line-height: 0; font-size: 0; background-color: #ccc;}
.gyclosesmico::before{transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.gyclosesmico::after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}



.whclosesico, .rdclosesico{position: relative; display: inline-block; width: 1.5rem; height: 1.5rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; vertical-align: bottom;}
.whclosesico{border: 1px solid #fff;}
.rdclosesico{background-color: #c63c3a;}
.whclosesico::before, .whclosesico::after, .rdclosesico::before, .rdclosesico::after{position: absolute; top: 50%; left: 50%; margin-top: -.1rem; margin-left: -.5rem; display: block; content: ""; width: .9rem; height: 1px; line-height: 0; font-size: 0; background-color: #fff;}
.whclosesico::before, .rdclosesico::before{transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.whclosesico::after, .rdclosesico::after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}


.rsideclosemico{position: relative; display: inline-block; width: 3rem; height: 3rem; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; background-color: transparent; background-image: -webkit-radial-gradient(4rem 4rem, #4d4c4c, #4d4c4c 50%, transparent 50%, transparent); background-image: radial-gradient(4rem 4rem, #4d4c4c, #4d4c4c 50%, transparent 50%, transparent); background-position: 1.2rem -2.4rem; background-repeat: no-repeat; background-size: 4rem 4rem;}
.rsideclosemico::before, .rsideclosemico::after{position: absolute; top: .6rem; right: .2rem; display: block; content: ""; width: 1rem; height: 1px; line-height: 0; font-size: 0; background-color: #fff;}
.rsideclosemico::before{transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.rsideclosemico::after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}




.whclosebico{position: relative; display: inline-block; width: 4rem; height: 4rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 2px solid #fff; border-radius: 50%; vertical-align: bottom;}
.whclosebico::before, .whclosebico::after{position: absolute; top: 50%; left: 50%; margin-top: -1px; margin-left: -1rem; display: block; content: ""; width: 2rem; height: 2px; line-height: 0; font-size: 0; background-color: #fff;}
.whclosebico::before{transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.whclosebico::after{transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
.whclosebico:not(.disabled):active{border-color: #c00;}
.whclosebico:not(.disabled):active::before, .whclosebico:not(.disabled):active::after{background-color: #c00;}

.popoutclose{position: absolute; top: -3rem; right: 1rem; line-height: 1; display: block;}
.popoutclose::after{position: absolute; left: 50%; bottom: -1.4rem; display: block; content: ""; height: 1.4rem; font-size: 0; border-right: 1px solid rgba(255,255,255,.6);}
/*closeico*/



/*btn*/
.abtnrow{margin: 2rem; display: block; text-align: center;}
.wpbox .abtnrow{margin-left: 0rem; margin-right: 0;}


.spcbtnrow{margin: 2rem 0; display: flex; display: -webkit-box; align-items: center; -webkit-box-align: center;}
.spcbtnrow_item{margin-right: 2rem; display: block; flex: 1; -webkit-box-flex: 1; min-width: 0; width: 100%;}
.spcbtnrow_item:last-child{margin-right: 0;}
.spcbtnrow_item .mbtn, .spcbtnrow_item .mdbtn{display: block; width: 100%;}


.bigbtn{display: block; text-align: center; padding: .5rem 1rem; width: 100%; height: 4rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 3rem; font-size: 2rem; border-radius: 0; border: none; outline: 0; -webkit-appearance: none;}
.mbtn{display: inline-block; text-align: center; padding: .5rem 1rem; min-width: 9rem; height: 3rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2rem; font-size: 1.4rem; border-radius: 0; border: none; outline: 0; -webkit-appearance: none;}
.mdbtn{display: inline-block; text-align: center; padding: .5rem 1rem; min-width: 9rem; height: 3.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; line-height: 2.5rem; font-size: 1.6rem; border-radius: 0; border: none; outline: 0; -webkit-appearance: none;}


.primarybtn{color: #fff; background-color: #eaab25;}
.primarybtn:visited{color: #fff;}
.primarybtn:not(.disabled):active{color: rgba(255,255,255,.6); background-color: #db9704;}
.defaultbtn{color: #fff; background-color: #bcbcbc;}
.defaultbtn:visited{color: #fff;}
.defaultbtn:not(.disabled):active{color: rgba(255,255,255,.6); background-color: #a0a0a0;}

.gylinebtn{color: #888; box-shadow: 0 0 0 1px #ccc inset;}
.gylinebtn:visited{color: #888;}
.gylinebtn:not(.disabled):active{color: rgba(255,255,255,.6); background-color: #ccc;}


.radiusbtn{border-radius: .4rem;}
.disabledbtn{color: #fff!important; background-color: #bcbcbc!important; cursor: not-allowed;}


/*----------------star_2018.10.23(报表)*/
.box_m30{ padding:0 1.5rem;}
.bao_group h4{ font-size:1.2rem; border-bottom: 1px solid #ccc; line-height: 3rem; height: 3rem;}
.bao_item{ font-size:1rem; color:#333; line-height: 2rem; overflow: hidden; border-bottom: 1px solid #ccc; padding: 1rem 0;}
.item_ul3{overflow: hidden;}
.item_ul3 .item_li{ float:left;  width: 33.33%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.orange_text{ color:#e0a62c;}
.bao_item .item_ul3{ margin-right:-1.8em;}

/*border*/
.no_bborder{border-bottom: none!important;}

/*通道选择*/
.td_box3 { background:#fff; margin-bottom:0.8rem; padding:0.4rem 0.6rem;}
.td_box3_t { color:#ced0d0; font-size: 1.5rem;line-height: 2.5rem; border-bottom: 1px solid #ced0d0;}
.td_box3_m {}
.td_box3_m ul li { padding:1rem 0;}
.td_box3_m ul li input{ display:none;}
.td_box3_m ul li label{ display:block; cursor:pointer; height:4.5rem; position:relative;}
.td_box3_m ul li label img{ display:block; float:left; width:4.5rem; height:4.5rem; margin-right:0rem; line-height:1.7rem; font-size:1rem; color:#bab8b7;}
.td_box3_m ul li label span{ color:#e0a52b;}
.td_box3_m ul li label:after{ content:''; display:block; position:absolute; right:0; top:50%; width:2.6rem; height:2.6rem; margin-top:-1.3rem; border-radius:50%; border:2px #979797 solid; background:#ffffff; background-size:2.6rem 2.6rem;}
.td_box3_m ul li input:checked + label:after{ border:2px #ffb600 solid; background:url(../images/main/yes.png) center center no-repeat #ffb600; background-size:2.6rem 2.6rem;}


/*距离*/
.mt0, .mv0, .m0{margin-top: 0!important;}
.mb0, .mv0, .m0{margin-bottom: 0!important;}
.ml0, .mh0, .m0{margin-left: 0!important;}
.mr0, .mh0, .m0{margin-right: 0!important;}
.mt10, .mv10, .m10{margin-top: .5rem!important;}
.mb10, .mv10, .m10{margin-bottom: .5rem!important;}
.ml10, .mh10, .m10{margin-left: .5rem!important;}
.mr10, .mh10, .m10{margin-right: .5rem!important;}
.mt20, .mv20, .m20{margin-top: 1rem!important;}
.mb20, .mv20, .m20{margin-bottom: 1rem!important;}
.ml20, .mh20, .m20{margin-left: 1rem!important;}
.mr20, .mh20, .m20{margin-right: 1rem!important;}
.mt30, .mv30, .m30{margin-top: 1.5rem!important;}
.mb30, .mv30, .m30{margin-bottom: 1.5rem!important;}
.ml30, .mh30, .m30{margin-left: 1.5rem!important;}
.mr30, .mh30, .m30{margin-right: 1.5rem!important;}
.mt40, .mv40, .m40{margin-top: 2rem!important;}
.mb40, .mv40, .m40{margin-bottom: 2rem!important;}
.ml40, .mh40, .m40{margin-left: 2rem!important;}
.mr40, .mh40, .m40{margin-right: 2rem!important;}


.pt0, .pv0, .p0{padding-top: 0!important;}
.pb0, .pv0, .p0{padding-bottom: 0!important;}
.pl0, .ph0, .p0{padding-left: 0!important;}
.pr0, .ph0, .p0{padding-right: 0!important;}
.pt10, .pv10, .p10{padding-top: .5rem!important;}
.pb10, .pv10, .p10{padding-bottom: .5rem!important;}
.pl10, .ph10, .p10{padding-left: .5rem!important;}
.pr10, .ph10, .p10{padding-right: .5rem!important;}
.pt20, .pv20, .p20{padding-top: 1rem!important;}
.pb20, .pv20, .p20{padding-bottom: 1rem!important;}
.pl20, .ph20, .p20{padding-left: 1rem!important;}
.pr20, .ph20, .p20{padding-right: 1rem!important;}
.pt30, .pv30, .p30{padding-top: 1.5rem!important;}
.pb30, .pv30, .p30{padding-bottom: 1.5rem!important;}
.pl30, .ph30, .p30{padding-left: 1.5rem!important;}
.pr30, .ph30, .p30{padding-right: 1.5rem!important;}
.pt40, .pv40, .p40{padding-top: 2rem!important;}
.pb40, .pv40, .p40{padding-bottom: 2rem!important;}
.pl40, .ph40, .p40{padding-left: 2rem!important;}
.pr40, .ph40, .p40{padding-right: 2rem!important;}

/*font*/
.fz16{font-size: .8rem;}
.fz32{font-size: 1.6rem;}

/*个人中心*/
.myhome_wrap { background: url(../images/center/ibg3.png) center top no-repeat; background-size: 100% auto; padding-top: 3.6rem;}

.myhome_top { position: fixed; left: 0; top: 0; right: 0; padding: 0.4rem 0.5rem 1.3rem 0.5rem; z-index: 990;}
.myhome_top .img { margin-bottom: 0.06rem; }
.myhome_top .img img{ display: block; margin: 0 auto; height: 1.46rem; border-radius: 50%;}
.myhome_top .tit { text-align: center; color: #ffffff; font-size: 0.26rem; line-height: 0.36rem; }
.myhome_top .tel { text-align: center; color: #ffffff; font-size: 0.26rem; line-height: 0.36rem; }

.myhome_nav { position: relative; z-index: 991; margin:0 0.3rem;}
.myhome_nav ul li{ margin-bottom: 0.26rem;}
.myhome_nav ul li a{ display: block; border-radius: 0.16rem; height: 1.2rem; line-height: 1.2rem; font-size: 0.32rem; background: #fff; cursor: pointer; box-sizing: border-box; border: 1px #3682b4 solid; position: relative; padding-left: 1.28rem;}
.myhome_nav ul li a img { position: absolute; left: 0.22rem; top: 50%; width: 0.71rem; margin-top: -0.35rem; border-radius: 50%;}
.myhome_nav ul li a:after { display: block; content: ''; position: absolute; right: 0; top: 50%; margin-top: -0.31rem; width: 0.62rem; height: 0.62rem; background: url(../images/center/r.png) center center no-repeat; background-size: 0.62rem 0.62rem;}

.myhome_nav ul li a:hover { background: linear-gradient(to right, #2287c9 , #14519a); border: none; color: #fff; box-shadow: 0 0 0.07rem rgba(0,0,0,0.4); }
.myhome_nav ul li a:hover:after { background: url(../images/center/rs.png) center center no-repeat; background-size: 0.62rem 0.62rem; }

/*充值新增*/
.recharge_box { position: relative; background: #e2e2e2; padding-top: 0.8rem; padding-bottom: 4.5rem; }
.recharge_top { margin:0 1.3rem 0.8rem 1.3rem; background: url(../images/recharge/tbg.png) center top no-repeat #fff; background-size: cover; border-radius:0.8rem; padding-top:1.3rem; height: 16.3rem; box-shadow: 0 0 0.3rem rgba(0,0,0,0.2);}
.recharge_top2 { padding-top:4.3rem; height: 13.3rem;}
.recharge_top .img img{ display:block; margin:0 auto; height:4.4rem;}
.recharge_top .tit{ text-align:center; font-size:1.4rem; line-height:3.2rem; color: #fff;}
.recharge_top .info{ text-align:center; font-size:1.2rem; height:3rem; line-height:1.8rem; color: #fff;}
.recharge_top .info p{ display:inline-block; padding-left:2rem; background:url(../images/recharge/jf.png) left center no-repeat; background-size:auto 1.2rem; margin:0 1.2rem;}
.recharge_top .info p.t2{ background:url(../images/recharge/ye.png) left center no-repeat; background-size:auto 1.2rem; }


.recharge_form { background: rgba(35,24,21,0.3); height:4.2rem; padding:0 5.5rem; margin: 0 1.3rem; position:relative;}
.recharge_form .input{ display:block; height:4.2rem; border:none; background:none; width:100%; text-indent:1rem; color: #ffffff; font-size:1.6rem;}
.recharge_form .scan_btn{ position:absolute; left:0; top:0; display:block; width: 5.5rem; height:1.6rem; line-height: 1.2rem; padding-top: 2.6rem; border:none; background:url(../images/recharge/scan1.png) center 0.4rem no-repeat #fb7c1e; background-size: 2.3rem auto; text-align:center; color:#fff; cursor:pointer; font-size:1rem; }
.recharge_form .btn{ position:absolute; right:0; top:0; display:block; width: 5.5rem; height:4.2rem; border:none; background:#b4b5b5; text-align:center; color:#fff; cursor:pointer; font-size:1.6rem; }
.recharge_form .su_btn{ background:#f4b018; color:#fff; }


.recharge_main {}
.recharge_tit { border-radius: 2.6rem 2.6rem 0 0; background: #fff; padding: 0 1.3rem; line-height: 4.1rem; border-bottom: 1px #cccdcd solid; color: #333333; font-size: 1.3rem;}
.recharge_tit span{ float: right; color: #9fa0a0; font-size: 1.1rem;}
.recharge_list{ padding: 2.6rem; overflow-y: auto; position: fixed; left: 0; right: 0; bottom: 4.5rem; top: 27.8rem; background: #fff; }
.recharge_list ul li{ margin-bottom: 1.1rem;}
.recharge_list ul li input{display: none;}
.recharge_list ul li label{ display:block; border:1px #fb7b29 solid; box-sizing: border-box; border-radius:0.5rem; font-size: 1.6rem; color: #333333; height:4.2rem; line-height: 4.2rem; text-align:center; }
.recharge_list ul li label span{ font-size:1.1rem; }
.recharge_list ul li input[type=radio]:checked+label{ background: linear-gradient(to right, #f4b018 , #fc711f); color:#fff; border:none; box-shadow:0 0 0.3rem rgba(0,0,0,0.2);}

.recharge_box .abtnrow { position:fixed; left:0; bottom:0; right:0; margin: 0;}

.recharge_box .primarybtn { background: #fe9507;}
.recharge_box .bigbtn {height: 4.5rem; }


/*color*/
.defaultxt, .defaultxt:visited{color: #bcbcbc;}
.primarytxt, .primarytxt:visited{color: #eaab26;}
.gytxt, .gytxt:visited{color: #bcbcbc;}
.defaultxt:not(.disabled):active, .primarytxt:not(.disabled):active, .gytxt:not(.disabled):active{color: #c00;}


/*效果*/
.animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}

.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}


.animated.infinite{-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}


@media only screen and (max-width: 320px) {

}

@media only screen and (min-width: 321px) and (max-width: 375px) {
	/*html{font-size: 75%;}*/
}

@media only screen and (min-width: 376px) and (max-width: 414px) {
	html{font-size: 68.75%;}
}

@media only screen and (min-width: 415px) and (max-width: 750px) {
	html{font-size: 75%;}
}

@media only screen and (min-width: 751px) and (max-width: 767px) {
	html{font-size: 75%;}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	html{font-size: 75%;}
}

@media only screen and (min-width: 1200px){
    html{font-size: 87.5%;}
}