button{height: 26px;padding: 0 5px;border-radius: 5px;border: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-appearance: none;outline: none;background: #fff;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;}
button:enabled:active{background-color: rgba(0,0,0,0.1)!important;}
button.btn-primary:enabled:active{background-color: #2a4b9e !important;}
a{outline: none;-webkit-appearance: none;color:#333;-webkit-transition: all 0.2s;transition: all 0.2s;text-decoration:none;-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;}
a:active{-webkit-tap-highlight-color:rgba(0,0,0,0.1);}
.trans{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;}
.flexcenter{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.flexbeteen{display: flex;justify-content: space-between;align-items: center;}
.mainpad{padding:0 2.5%;}
.blank10{height: 10px;}
.blank20{height: 20px;}
.mrbtm{margin-bottom: 10px;}
.platekeyd{z-index: 9999;}

.shadeclass{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0,0,0,0.5);z-index:1000;display:none;}

/* btn */
.invbtnd{padding-top: 30px;}
.invbtnd button{height: 44px;font-size: 16px;display: inline-block;width: 100%;background: #5485FF;color: #fff;}

/* history */
.historyd{display: flex;justify-content: space-between;align-items: flex-start;padding:5px 3%}
.historyd .hplate{display: flex;justify-content: flex-start;flex-wrap:wrap;}
.historyd .hplate button{padding:0 5px;border-radius: 15px;margin-right: 5px;margin-bottom: 5px;font-size: 12px;text-align: center;color: #999;background: #fff;}
.historyd button.hdelete{ padding:0 10px; border-radius:15px;background-color: #fff; color:#5485FE; }

/* adv */
.advd{max-width: 750px;min-width: 320px;margin: 0 auto;width: 100%;padding:60px 0 20px 0;display:none}
.advd img{width: 100%;height:100%}

/* paking3.shtml */
.headd{background: #fff;padding:7px 2.5%;}
.headd .headcond{display: flex;justify-content: space-between;align-items: center;}
.headd .headtit{font-size:14px;color: #999;}
.headd .headcond button{min-width: 79px;color: #5485FE;display: flex;justify-content: center;align-items: center;}
.headd .headcond button i{ font-style:normal; font-weight:bold; font-size:18px; }
.headd .headadr{height:0px; font-size:12px;color: #999;overflow: hidden;}

/*mainbg*/
.mainbg{background-color:#fff ;display: flex;justify-content: center;align-items: center;padding: 20px 0;}
.mainbg img{width: 165px;height: 70px;}

/*rpapading*/
.rpapading{padding:20px 0;border-bottom: 1px solid #eaeaea;}
.rpapading p a{border:none}
.rpapading p.on a{    background: #D2DFFF;color: #316AF7;}
.rparkd1 p{width:44%}
.rparkd1 p.l{padding-left:3%;padding-right: 3%;}

.parkd2 .titd,.rpparklotd .titd{text-align:center;color:#999;font-size:14px}
.rpparklotd .rtxtd{border: 1px solid rgba(153,153,153,1);border-radius: 5px}
.plateipd li a.on{border-color:#5485FF }
.iformbtnd .btna{background-color:#5485FF}
.parktsd p{font-size:12px;padding:0;}
.parktsd.pd{padding-bottom: 0;}
#neweDID a{transition:none}

/* pay_plist3 */
.tipd { font-size: 14px; padding: 10px 0; line-height: 23px; text-align: center; color: #F55312; background: #FAE8D1; }
.tipd a{font-weight: bold; color: #F55312;}
.scard { clear: both; padding: 3px 0; }
.picd { float: left; width: 90px; height: 62px; text-align: center; margin-right: 8px; overflow: hidden; margin: 3.5% 2% 0 0 }
.picd img { width: 100%; height: 100%; display: inline-block; }
.txtd { float: left; width: 68%; margin-top:3%;}
.txtd h3 { font-size: 16px; height: 22px; line-height: 22px; color: #333; }
.txtd .txtld { float: left; }
.txtd .txtld p { font-size: 12px; color: #999; line-height: 22px; }
.txtd .txtrd { float: left; }
.txtd .txtrd p { color: #333; font-size: 12px; line-height: 22px; font-style: normal; }
.seard { clear: both; text-align: right; }
.seard a { font-size: 14px; color: #049D8E; text-decoration: underline; font-style: italic; }
.scarlistd { clear: both; }
.scarlistd .scarlid { clear: both; margin: 0 auto; padding: 4%; min-height: 86px; border-bottom: 1px #ccc solid;}
.scarlistd .slitxtd { clear: both; font-size: 15px; padding: 8px 0 6px 4%; color: #666; border-bottom: 1px #ccc solid; }
.iformbtnd.back .btna{width:80%; font-size:14px; height: 30px;line-height: 30px;}
.scarlistd .scarlid{padding:4% 2%}

/* pay3.shtml */
.sumd{height: 120px;}
.sumd p{padding-bottom: 10px;}
.sumd .p1{color: #999;}
.sumd .p2{font-size: 30px;}
.sumd .p2 span{font-size: 12px;font-weight: normal;}
.sumd .p3{font-size: 12px;color: red;}

.cmtit{padding: 12px 2.5%;border-bottom: 1px solid #eaeaea;display: flex;align-items: flex-start;justify-content: space-between;background: #fff;}
.conleft{    width: 130px;min-width: 130px;color: #666;}
.conright{text-align: right;}

.conright .p1{font-weight: 500;}
.conright .p2{font-size: 12px;color: #999;}

.bigimgd{position: fixed;width: 90%;height:250px;top: 0;bottom: 0;left: 0;right: 0;margin:auto;display: none;z-index: 1001;}
.bigimgd .bigd{position: relative;background: #fff;}
.bigimgd .bigd .pinch-zoom{width: 100%;}
.bigimgd .bigd .pinch-zoom-container{width: 100%;}
.bigimgd .pinch-zoom img{width: 100%;}
.bigimgd .bigd .closebigd{position: absolute;top: -15px;right: -15px;width: 30px;height: 30px;line-height: 30px;border-radius: 15px;z-index: 1001;background: #fff;border: 1px solid #ccc;text-align: center;color: #999;}
.conlist{padding:0 2.5%;background: #fff;overflow: hidden;}
.conlist.border{margin-top: 10px;}
.conlist li{border-bottom: 1px solid #eaeaea;display: flex;justify-content: space-between;align-items: center}
.conlist li a{display: flex;justify-content: space-between;align-items: center;}
.conlist li.height{height: 40px;line-height: 40px;}
.conlist li:last-child{border-bottom: none;}
.conlist li button.btnimg{color:#5485FE;margin-right: 10px;}
.conlist li span.conright .spantxt{font-weight: 500;}
.conlist li i.imgicon{width: 16px;height: 14px;position: relative;top: 2px; margin-right: 5px;display: inline-block;}
.conlist li.listlast{padding: 10px 0;align-items: flex-start;}
.conlist li.listlast p{height: 20px;}
.conlist li.listlast p.red{color: red;}

/*弹出车牌提示*/
.platetipbg{ position:fixed; z-index:8881; top:0; left:0; width:100%; height:100%; background: rgb(0, 0, 0); opacity: 0.7; display:none; }
.platetippd{ position:fixed; z-index:8888; top:50%; left:8%; width:84%; margin-top:-170px; display:none; }

.platetipd{ clear:both; position:relative; background-color:#fff; font-size:18px; text-align:center; line-height:28px; color:#555; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; overflow:hidden; }
.platetipd .p1{ padding-top:12px; }
.platetipd .p2{ padding-top:5px; color:#333; }
.platetipd .p3{ font-size:40px; line-height:40px; padding:15px 0; color:#333; }
.platetipd .p3 i{ font-style:normal; font-size:34px; padding:0 4px; }
.platetipd .p4{ padding-bottom:15px; font-size:16px; }

.platetipd .btnd{ clear:both; font-size:18px; border-top:1px #ddd solid; overflow:hidden; zoom:1; padding-bottom:5px; }
.platetipd .btnd p{ clear:both; margin:0 10%; width:80%; text-align:center; }
.platetipd .btnd p a{ height:44px; line-height:44px; }
.platetipd .btnd p.p1 a{ width:100%; display:block; color:#fff; background-color:#5485FF; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; }
.platetipd .btnd p.p2{ padding-top:5px; }
.platetipd .btnd p.p2 a{ text-align:right; color:#5485FF; font-size:16px; }

.platetipd .rclosed{ position:absolute; top:0; right:0; }
.platetipd .rclosed a{ width:34px; height:34px; line-height:34px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; color:#666; font-size:32px; display:block; }

/*addcar.shtml*/
.regparkd{background: #fff;}
.regparkd .parktit{padding: 10px 2.5%;font-size: 15px;text-indent: 5px;border-bottom: 1px solid rgba(234,234,234,1);font-weight: 500;position: relative;}
.parktit:after{position: absolute;content: "";top: 12px;left: 2.5%;bottom: 12px;width: 2px;background: #5485FE;}
.regparkd .regpading{padding: 12px 2.5%;position: relative;}
.regparkd .regpading.after:after{position: absolute;content: " ";bottom: 0;left: 2.5%;right: 2.5%;height: 1px;background: rgba(234,234,234,1);}
.regparkd div.flexbeteen{color: #666;}
.regparkd .flexbeteen label{min-width: 90px;width: 90px;}
.regparkd .flexbeteen input{border: none;}
.regparkd div p{text-align: right;}
.regparkd .flexbeteen .wicon{min-width: 16px;display: block;width: 15px;height: 15px;background:url(../image/mt_icon.png) right no-repeat; background-size:auto 15px;}
.regparkd .flexbeteen .inpd{display: flex;justify-content: flex-end;align-items: center;position: relative;}
.regparkd .flexbeteen .inpd span{min-width: 28px;width: 28px;position: relative;top: -1px;color: #333;}
.regparkd .flexbeteen .inpd .after:after{position: absolute;content:"";top: 7px;right: 6px;width: 5px;height: 5px;border-left: 1px solid #333;border-top: 1px solid #333;transform: rotate(135deg);}
.regparkd .flexbeteen .inpd .alertInfo{position: absolute;left: 0;top: 13px;font-size: 12px;color: red;}
.regparkd .flexbeteen .inpd .alertInfo.leftw{left: 28px;}

/*paymonth3*/
.rechd{background: #fff;padding: 5% 2.5% ;border-radius: 5px;display: flex;justify-content: flex-start;align-items: center;}
.rechd .rechimg{width: 56px; height:56px; line-height:56px; background-color:#0099CC; color:#FFF; font-size:35px; text-align:center; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; }
.rechd .rechcond{padding-left: 10px;}
.rechd .rechcond .p1{color:rgba(51,51,51,1);font-weight: bold;}
.rechd .rechcond .p2{color: #999;font-size: 12px;}

.rechmocond{padding: 0 2.5%;border-bottom: 1px solid #eaeaea;}
.rechmocond .tit{color: #999;}
.rechmocond .monthc{padding: 5% 0;display: flex;justify-content: space-around;align-items: center;}
.rechmocond .monthc button{width: 22%;height: 35px;border: 1px solid #999;}
.rechmocond .monthc button.on{color: #5485FE;border: 1px solid #5485FE;}
.rechmolist{padding: 0 2.5%;}
.rechmolist .regpading {padding: 12px 0;}
.rechmolist .regborder {border-bottom: 1px solid #eaeaea;}
.rechmolist .pw{font-weight: bold;}
.rechmolist span{color: #666;}

/* month3*/
.monthparkd2{padding:20px 3% 10px 3%}
.monthparkd2 .titd{ clear:both; font-size:14px; overflow:hidden;color: #999;padding-bottom: 10px; zoom:1;}
.monthparkd2 .titd .titcon a{width: 100px;min-width: 100px;background: rgba(0,0,0,0);color: #5485FE;}
.monthparkd2 .titfont{clear:both;padding-bottom: 10px; overflow:hidden; zoom:1; text-align: center;color: #999;}

/* pay3.shtml */
.invd .invbtn{padding-top:10px;text-align: right;}
.invd .invbtn button{background: rgba(255,255,255,0);color: #5485FE;}

.invbgd{}
.invbgd img{width: 95px;height: 95px;}
.invbgd .inavm{padding-top: 15px;font-size: 30px;font-weight: bold;}
.invbgd .inavm span{font-size: 20px;} 
.invbgd .inavtime{padding-top: 15px;color: red;display: none;}

.invbtnd .invsuccess .invcon{padding-top: 5px;font-size: 12px;color: #999;text-align: center;}
.invbtnd .invsuccess .invcon span{color: #00AC18;}

.invbtnd .invfuilure{text-align: center;}
.invbtnd .invfuilure button{height: 44px;font-size: 16px;width: 120px;color: #fff;background:rgba(0,0,0,0);}
.invbtnd .invfuilure button.b1{height: 44px;margin-right: 30px;border: 1px solid #5485FE;color:#5485FE;}
.invbtnd .invfuilure button.b2{background: #5485FE;}

/*jobfree.shtml*/
.wytitd{margin: 0 2.5%;height: 40px;line-height: 40px;font-weight: 500;}
.wylistd{margin: 0 2.5%;padding: 0 2.5%;background: #fff;border-radius:5px;}
.wylistd div{height: 40px;line-height: 40px;padding-left: 20px;color: #666;}
.wylistd div.border{border-bottom: 1px solid #eaeaea;}
.wylistd div span{color: #333;}
.wylistd div span.colro{font-weight: 500;}
.wylistd div.icon1{background:url(../image/wy_icon1.png) left no-repeat; background-size:auto 14px;}
.wylistd div.icon2{background:url(../image/wy_icon2.png) left no-repeat; background-size:auto 14px;}
.wylistd div.icon3{background:url(../image/wy_icon3.png) left no-repeat; background-size:auto 14px;}
.wylistd div.icon4{background:url(../image/wy_icon4.png) left no-repeat; background-size:auto 14px;}
.wylistd div.wypad{padding-left: 0px;} 
.wylistd .wypad .p2{color: #5485FE;}
.wyfootd{position: fixed;bottom: 0;left: 0;right: 0;height: 50px;line-height: 50px;text-align: center;color: #fff;background: #999999;}

/*jobfree.shtml*/
.wyinfod{margin: 0 2.5%;}
.wyinfod .infotit{height: 40px;line-height: 40px;}
.wyinfod li{margin-bottom: 10px;background: #fff;border-radius:5px;}
.wyinfod li .border{border-bottom: 1px solid #eaeaea;}
.wyinfod li div.pad{padding:0 2.5%}
.wyinfod li div .c1{color: #666;}
.wyinfod li div .p2{font-weight: bold;}
.wyinfod li div .p1{height: 35px;line-height: 35px;}
.wyinfod li div .p1 span,.wypamentd .pamentcond .p1 span{display: inline-block;width: 20px;height: 16px;position: relative;top: 3px;}
.default{background:url(../image/wy_defoult_icon.png) left no-repeat; background-size:auto 16px;}
.iselect{background:url(../image/wy_select_icon.png) left no-repeat; background-size:auto 16px;}
.wypamentd{position: fixed;bottom: 0;width: 100%;height: 50px;background: #fff;}
.wypamentd .pamentcond{height: 50px;display: flex;align-items: center;justify-content: space-around;}
.wypamentd .pamentcond p{height: 40px;line-height: 40px;}
.wypamentd .pamentcond .p1{color: #666;}
.wypamentd .pamentcond .p2{min-width: 125px;}
.wypamentd .pamentcond .p2 .clr,.wypamentd .pamentcond .p2 .clrtxt{font-size: 16px;color:#5485FE;font-weight:bold;}
.wypamentd .pamentcond .p3 button{width: 100px;height: 40px;border-radius: 20px;background: #5485FE;color: #fff;} 

/*redpack.shtml*/
.rbtnd{margin:0 3%;padding-top:50px}
.rbtnd button{width: 100%;border-radius: 22px;height: 44px;font-size: 16px;display: inline-block;background: #5485FF;color: #fff;letter-spacing:2px;border:none;}
.rcond{padding:30px 3% 0 3%;}
.rcond p{color:#666;padding-bottom:5px;}
.tpg{padding-top:3%;}
.rpinfod{margin:0 3%;border-radius: 5px;background: #fff;}
.rpinfod .cond{display: flex;justify-content: space-between;align-items: center;padding:30px 0;}
.rpinfod .cond div{flex:1;text-align: center;}
.brd{border-right: 1px solid #EAEAEA;}
.rpinfod .plated{display: flex;justify-content: space-between;align-items: center;margin: 0 15px;padding:15px 0;border-top:1px solid #EAEAEA;}
.fontd{padding-bottom:10px;}
.fontd .myc{font-size:28px;}
.fontd.col{color:#FC8551;}
.cash,.cashback{padding:1px 0 1px 21px;font-size:12px;color:#666;}
.cash{background:url(../image/red_icon1.png) left no-repeat; background-size:auto 16px;}
.cashback{background:url(../image/red_icon2.png) left no-repeat; background-size:auto 16px;}
.pl{padding-left:26px;background:url(../image/red_icon3.png) left no-repeat; background-size:auto 14px;color:#666;}

.window-masking{width: 100%;height: 100%;background: #000;opacity: .5;position: fixed;top:0;left:0;bottom:0;right:0;z-index: 99;display: none;}
.success,.window-container{width: 78%;background: #fff;position: fixed;top: 30%;left: 50%;margin-left:-39%;z-index: 100;border-radius: 4px;overflow: hidden;display: none;}
.success .window-content,.window-container .window-content{padding: 30px 5%;border-bottom: 1px solid #eaeaea;}
.success p,.window-container .window-content p{font-size: 14px;color:#676767;line-height: 24px;text-align: center;}
.window-btn{display: flex;justify-content: space-between;position: relative;}
.window-btn button{display: block;height: 40px;width: 50%;text-align: center;font-size: 15px;display: none;border-radius: 0px;}
.window-container h2{text-align: center;font-size: 16px;font-weight: bold;color:#363636;padding-top: 22px;display: none;}
.window-btn .ack-button{display: none;height: 40px;width: 100%;text-align: center;line-height: 40px;font-size: 16px;}
.window-btn .ack-button:active{background: #d6a41f;color:#fff;}
.jy-password{width: 90%;height: 34px;display:block;margin: 20px auto 0;}

.loading{width: 100%;height: 100%;background: #000;opacity: .5;position: fixed;top:0;left:0;bottom:0;right:0;z-index: 99;display: none;}

@media only screen and (min-width: 568px) and (max-width: 1024px) {
	.success,.window-container{width:100%;left: 50%;margin-left:-250px;max-width: 500px;top:20%;}
}

.btn{border-radius: 6px;font-size: 28px;line-height: 80px;background: #d6a41f;color: #fff;margin: 0 30px;text-align: center;}			
.btn-email{background: #fff;border: 1px solid #D6A41F; color: #D6A41F;}
.btn-email-over{border: 1px solid #676767;color: #676767;}
.btn-login{box-shadow: 0 3px #ac7e02;cursor:pointer;}
.btn-login:active{background: #b98c14;}
@media only screen and (max-width: 414px){
	.bottom-popup{width: 96%;left: 2%;}
	.popup-fenx-ul li,.popup-fenx-ul li img{width: 66px;margin-bottom: 10px;}
	.popup-fenx-ul li{font-size: 16px;margin-bottom: 24px;}
	.popup-btn,.popup-title{font-size: 18px;line-height: 54px;}
	.popup-title{line-height: 64px;}
	.popup-ul li,.list-title{font-size: 18px;line-height: 54px;height: 54px;}
	.btn{font-size: 18px;line-height: 44px;}
}
@media only screen and (max-width: 320px){
	.bottom-popup{width: 94%;left: 3%;}
	.popup-fenx-ul li,.popup-fenx-ul li img{width: 50px;margin-bottom: 8px;}
	.popup-fenx-ul li{font-size: 12px;margin-bottom: 20px;}
	.popup-btn,.popup-title{font-size: 14px;line-height: 42px;}
	.popup-title{line-height: 50px;}
	.popup-ul li,.list-title{font-size: 14px;line-height: 42px;height: 42px;}
	.btn{font-size: 14px;line-height: 34px;}
}
.pinch-zoom,.pinch-zoom-no{ min-height:110px;text-align:center;line-height:110px;color:#999;}
.pinch-zoom{background:url(../image/loading2.gif) center no-repeat;background-size:auto 25px;}
.pinch-zoom-no{background:url("")}


/* 2019.8.1 zbs change roadpaycss */
.moneysdp{margin: 3%;padding: 30px 0;background: #DBEBFF;border-radius: 5px;position: relative;}
.moneysdp .p3{font-size: 12px;color: red;position: absolute;top: 80px;}
.moneysd{display: flex;}
.moneysd div{flex: 1;display: flex;justify-content: flex-start;align-items: center;flex-direction: column;}
.moneysd div.bor{ border-left:1px solid #BFD1E2 ;border-right: 1px solid #BFD1E2;}
.moneysd div p:first-child{padding-left: 20px;}
.moneysd div p.last{font-size: 18px;padding-top: 10px;}
.moneysd div p.col1{color: #333333}
.moneysd div p.col2{color: #189C18;}
.moneysd div p.col3{color: #F55312;}
.moneysd div p.ft{font-size: 12px; color: #666;}
.moneysd div p.icon1{background:url(../image/icon_pay_1.png) left no-repeat; background-size:auto 14px;}
.moneysd div p.icon2{background:url(../image/icon_pay_2.png) left no-repeat; background-size:auto 14px;}
.moneysd div p.icon3{background:url(../image/icon_pay_3.png) left no-repeat; background-size:auto 14px;}
.adricon{display: inline-block;margin-left: 10px;width: 10px;height: 14px;background:url(../image/icon_pay4.png) right no-repeat; background-size:auto 6px;}
.cmtit p.pfl{display: flex;justify-content: flex-end;text-align: right;align-items: center;}