@charset "utf-8";
.wrap{width: 1200px; margin: 0 auto;}

/*注册*/
.reg-head{ height: 90px; background: #fff;line-height: 90px;}
.reg-head a:hover{color: #0d8af9;}
.re-con{position: relative;width: 460px;min-height: 542px;margin: 0 auto; margin-top: 5%; background-color: #fff;box-shadow: 0px 5px 30px 0px rgba(135, 162, 188, 0.15);border-radius: 12px;padding: 40px 0 20px; box-sizing: border-box;}

.progress{ min-height: 60px; background: #fff;display: flex; text-align: center; margin: 0 15px;}
.progress li{ flex: 1; position: relative;}
.progress li p{ margin-top:30px; font-size: 14px; color: #999;}
.progress li em{border-top: 1px solid #e6e6e6; display: inline-block; position: absolute; top: 10px; z-index: 99;}
.progress li em.mid-left{ width: 50%;left: -20px; }
.progress li em.mid-right{ width: 50%;right:-20px;}
.progress li.steped em.mid-left,.progress li.steped em.mid-right,.progress li.step-ing  em.mid-left{border-top: 1px solid #0d8af9;}
.progress li.steped p{color: #999;}
.progress li.first-steped p,.progress li.last-steped p{color: #0d8af9;}
.progress li.last-steped em.mid-left{border-top: 1px solid #0d8af9;}
.progress li.steping em.mid-right{border-top: 1px solid #e6e6e6;}
.progress li div{position: absolute;  top: 0; z-index: 999; text-align: center; width: 100%;}
.progress li h4{ width:20px; height: 20px;border-radius: 50%;  display: inline-block; background:#c1c4c7; background-position: 0 -40px; z-index: 99; color: #fff;}
.progress li.steped h4,.progress li.last-steped h4{background: #0d8af9;}
.progress li.first-steped em.mid-right{border-top: 1px solid #e6e6e6;}
.reg-mode{text-align: center; margin: 30px 0;}
.reg-mode a{display: inline-block; color: #333;}
.reg-mode i{display: inline-block; width: 16px;height: 16px; background: url(../images/chose_icon.png); vertical-align: sub; margin-right: 5px;}
.reg-mode .chosed i{background: url(../images/chosed_icon.png);}
.per-reg{margin-left: 55px;}
.reg-lists{width: 360px; margin: 45px auto 0;}
.reg-lists li{margin-bottom: 15px;}
.reg-ok{text-align: center;}
.reg-ok img{margin: 35px 0 25px;}
.reg-msg{margin: 25px 50px;}
.reg-msg li{display: flex; margin-bottom: 10px;}
.reg-msg span{display: inline-block; width: 145px; text-align: right;color: #666;}
.reg-msg p{width: 210px; text-align: left; padding-left: 5px;}

a.getCodeRed:hover,a.btnRed:hover,a.loginBtn:hover{background: #FA2C19;}
li.error{color: #f60;}
.error em{display: inline-block; width: 17px;height: 17px; background-image: url(../images/error_icon.png); vertical-align: middle;margin-right: 6px;}
a.btnGray,a.btnRed{display: inline-block; width: 360px;height: 50px;background: #eeeeee;border-radius: 8px; font-size: 16px; color: #999; text-align: center; line-height: 50px; margin-top: 25px;}
a.btnRed{background: linear-gradient(90deg, #FA5141, #FA2C19);color: #fff;}
.flex{display: flex; justify-content: space-between; margin-top: 45px;}
.flex a.btnWhite{display: inline-block; width: 103px;height:48px;background-color: #fff;border-radius: 8px;border: solid 1px #e1e5e8; text-align: center;line-height: 48px;font-size: 16px;color: #333;margin-top: 15px;}
.flex a.btnRed{width: 240px;}

a.registBtn,a.loginBtn{display: inline-block;text-align: center;border-radius: 3px;}
a.registBtn{ width: 80px;height: 34px; line-height: 34px;border: solid 1px #ea5429; color: #ea5429; background: #11244b;}
a.registBtn:hover{background:#0a1731;}
a.loginBtn{width: 82px;height: 36px; line-height: 36px; background: #ea5429;color: #FFF;margin-left: 13px; }
a.loginBtn:hover{background: #d94e27;}

.ipt{width: 338px;height: 48px;border-radius: 5px;border: solid 1px #e6e6e6;padding-left: 20px; line-height: 48px;}
.ipt:hover{border-color: #d2d2d2;}
.ipt:focus{border: 1px solid #8b8b8b;}
.get-code{position: relative;}
.getCode{position: absolute; top: 15px; right: 15px;  display: inline-block; height: 20px; border-left: 1px solid #ebeff2; color: #4778CC; padding-left: 15px;}
a.getCode:hover{color: #0d8af9;;}

.logo{float: left;}
.w-txt{display: inline-block; font-size: 24px; color: #333; border-left: 1px solid #dcdcdc; height: 30px; line-height: 30px; padding-left: 20px; margin-left: 20px; float: left; margin-top: 30px;}
.back{font-size: 18px; color: #666; float: right;}

/*登录*/
.login-wrap{width: 100%; height: 654px; background: url(../images/userLogin.jpg) no-repeat; background-size: cover;background-position: top center;}
.wx-log{position: absolute; display: inline-block; top: 0; right: 0; cursor: pointer;}
.wx-log i{display: inline-block; width: 90px;height: 24px;background: url(../images/log_wx.png); text-align: center; font-size: 12px;line-height: 24px;color: #0d8af9; margin: 6px 70px 0 0;}
.wx-log img{position: absolute; top: 0; right: 0;}
.login-box{position: relative;float: right; width: 424px;min-height: 386px;background-color: #fff;box-shadow: 0px 5px 30px 0px rgba(135, 162, 188, 0.15);border-radius: 12px; padding: 35px 30px 30px; box-sizing: border-box; margin-top: 80px;}
.sloImg{position: absolute; top: -80px; right: 170px;}
.login-img{float: left; margin-top: 168px;}
.tab{height: 30px; }
.tab li{float: left; margin-right: 40px; font-size: 18px; color: #999; margin-top: 7px;}
.tab li a{color: #999;vertical-align: middle;}
.tab li.current {font-size: 22px; color: #333; margin-top: 0;}
.tab li.current a{color: #11244b;}
.loginfrm{margin-top: 25px;}
.loginfrm li{margin-bottom: 20px;}
.go-reg{color: #999; text-align: center;margin-top: 25px;}
.go-reg a{color: #3B639F;}
.tabContent{display: none;}
.eyeClose{position: absolute; top: 20px; right: 105px; display: inline-block; width: 18px;height: 11px;background: url(../images/logEye.png); background-position:0 -11px; cursor: pointer;}
.eyeOPen{background-position:0 0;}
.codloginfrm{margin-top: 35px;}
.codloginfrm li{margin-bottom: 15px;}
/*.login-con{display: none;}*/
.scan{display: none;}
.scan h1{font-size: 22px;}
.scan h1 a{font-size: 16px; margin-top: 5px; float:right;color: #0e8eff;}
.wc-code{width: 160px;height: 160px;border: solid 1px #e1e5e8; margin: 75px auto 20px;}
.wc-code img{width: 140px;height: 140px;margin: 10px;}
.scan p{text-align: center;}
.scan .go-reg{margin-top: 85px;}
/*店铺登录*/
.sreg-head{background: none;}
.shop-wrap{background: url(../images/shopLogin.jpg) no-repeat;background-size: cover;}
.slogin-img{margin-top: 197px;}
.slogin-img p{position: relative; font-size: 20px;color: #111; margin-top: -10px; font-weight: 600; text-align: center;padding-left: 10px;}
/*.stx-img{position: absolute; top: -10px; left: 0;}*/
.slogin-img p span{margin-right: 40px; }
.slogin-img p span:last-child{margin-right: 0;}
.slogin-img p img{margin-right: 10px;}

/*滑块验证*/
.slider {width: 360px;height: 50px;position: relative;border-radius: 5px; background: #f5f5f5;overflow: hidden;text-align: center;user-select: none;-moz-user-select: none;-webkit-user-select: none; }
.slider_bg {position: absolute;left: 0px;top: 0; height: 48px;background: #f1f7ec; z-index: 1; border: 1px solid #eeeeee;}
.label {width: 60px;position: absolute;left: 0px;top: 0;height: 48px;line-height: 48px;border: 1px solid #eeeeee;background:url(../images/arrowDb.png) no-repeat center center #fff;z-index: 3;cursor: move;color: #e8e8e8;font-size: 18px;font-weight: 900; }
.labelTip {position: absolute;left: 0px;width: 100%;height: 100%; color: #999;line-height: 48px;
text-align: left;z-index: 2;text-indent: 90px;}
.sliderOk{}
.sliderOk .label{ background-image: url(../images/icon-right.png);border: 1px solid #b9db9c; border-radius: 2px; border-left:0;}
.sliderOk .labelTip{color: #7ac23c !important; text-indent: 120px; border-right:0;}
.sliderOk .slider_bg{border-color: #b9db9c; border-radius: 5px;}

/*.foot{width: 100%; color: #807f7f; text-align: center; margin: 120px 0 20px;}*/
.mainBgWhite .progress{margin-top: 40px;}

.formTable{width: 100%; table-layout: fixed; border: 0; }
.formTable th,.formTable td{ padding: 5px 0px; font-size: 14px; }
.formTable th{ width: 110px; color: #666; padding-right: 5px; text-align: right; vertical-align: top;padding-left: 390px; }
.formTable th label{ display: inline-block; padding: 10px 0; line-height: 18px; }
.formTable .ipt{width: 278px;border-radius: 4px;}
.formTable td{ color: #333; word-break: break-all;}
.formTable td a{ color: #0072dc;}
.formTable td a:Hover{ color:#0c74d1; text-decoration:none}
.formTable td .btnGray{ color: #333;}
.formTable td .btnGray:hover{ color: #333;}
.formTable td .btnRed{ color: #fff;}
.formTable a.getCode{display: inline-block; min-width: 66px;padding: 0 15px; height: 34px;background-color: #f0f0f0;border: solid 1px #e5e5e5; line-height: 33px; text-align: center; color: #333;margin-left: 10px;}
.formTable a.getCode:hover{background: #eae9e9; color: #333; }
.formTable .ipt {height: 36px;line-height: 36px;}
.mainBgWhite {background: #fff; padding: 20px; box-sizing: border-box; margin: 20px auto; border-radius: 8px;}
.btnArea{text-align: center; margin: 70px auto 40px;}
.btnArea .bigBtn{min-width: 50px; padding: 0 20px; width: auto; height: 45px; line-height: 45px;}
.importSuccess{width: 300px; margin: 50px auto; text-align: center;}
a.queryBtn{display: inline-block;min-width: 46px;height: 38px;background-color: #0d8af9;line-height: 38px;border-radius: 4px; text-align: center;color: #fff !important;padding: 0 10px; vertical-align: middle; margin-left: 5px;}
.queryBtn:hover{background-color: #0d8af9;}
.formTable1{margin: 50px 0 30px;}
.y-title{font-size: 18px; font-weight: 600;line-height: 1;}


/*底部*/
.foot{height: auto;background: #f7f8fa;}
.foot-list{display: flex; justify-content: space-between; text-align: center; padding-top: 40px;}
.foot-list li{padding: 0 20px;}
.foot-list p{margin: 13px 0; color: #333;font-weight: 600;}
.foot-list a{display: block; color: #666;margin-bottom: 10px;}
.foot-list a:hover{color: #4778CC;}
.f-con{text-align: center; margin-top: 40px;}
.f-con a,.record a,.record span{color: #666; padding: 0 15px; border-left: 1px solid #dedede;}
.record{text-align: center; margin: 30px auto 0;border-top:1px solid #E6E8ED;padding: 30px 0;}
.record a,.record span{color: #999;}
.f-con a:first-child,.record a:first-child{border: 0;}

.f-con a,.record a,.record span{color: #666; padding: 0 15px; border-left: 1px solid #dedede;}
.f-con a:first-child,.record a:first-child{border: 0;}
.reg-foot .f-con{text-align: center;}

.record a,.record span{color: #999;}
.record a:hover{color: #4778CC;}
.wrap{width: 1200px; margin: 0 auto;}
.reg-foot{position: fixed; width: 100%; left: 0; bottom: 0;}
.reg-foot a:hover{color: #0d8af9;}

.f-msg{border-top: 1px solid #e6e8ed; margin: 25px 0 35px 0; padding: 20px 20px 0 20px;}
.f-msg .fr{text-align: center; }
.f-msg .fr img{width: 115px;height: 115px; margin: 10px 0;}
.f-msg .f30{font-size: 30px; margin: 10px 0 23px;}

.yzmsg{color: #999;}
.shopLists {width: 460px;margin: 10px auto 0;}
.shopLists li{min-height: 70px;border-radius: 8px;border: solid 1px #e1e5e8; padding: 10px 20px; box-sizing: border-box; margin-bottom: 15px;}
.shopLists h2{font-size: 16px; font-weight: bold;}
.shopLists li.selected{border: solid 1px #0d8af9; background: url(../images/r_icon.png) no-repeat right bottom;}

div.jbox .jbox-button{background: #0d8af9;border-radius: 4px;}
div.jbox button[value="no"]{background: #fff;border: 1px solid #dcdcdc; color: #333;}

/*底部*/
.f-msg{padding-bottom: 20px; border-bottom: 1px solid #e6e8ed; margin-bottom: 25px;}

.down-app{position: relative;}
a.down-app span{color: #666;}
a.down-app span:hover{color: #0d8af9;}
.down-con{position: absolute; top: 85px; left: -48px;padding: 22px; z-index: 9;width:164px; height: 169px; background: url(../images/downBg.png) no-repeat; box-sizing: border-box; display: none;}
.down-con img{width: 120px; height: 120px;}
.down-app:hover .down-con{display: block;}

.p-tip{position: absolute;background: #fff;border-radius: 6px; box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.1), 0px 8px 10px 1px rgba(0,0,0,0.06), 0px 3px 14px 2px rgba(0,0,0,0.05); padding: 8px;font-size: 12px;color: #1A1A1A; z-index: 9999;display: none;}
.p-tip li{line-height: 1.75;margin-bottom: 0px;}
.p-tip i{display: inline-block; width: 16px;height: 16px; margin-right: 5px; float: left;}
.pg{background: url(../images/pg.png);}
.pf{background: url(../images/pf.png);}
.trg{position: absolute; width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 6px solid #fff; bottom: -6px; left: 45%;}
.ipt.error:focus{border: 1px solid #d54941;}

/*选择主体*/
.re-chose {display: none;padding: 35px 30px 30px; box-sizing: border-box; background: #fff;box-shadow: 0px 5px 30px 0px rgba(135, 162, 188, 0.15);border-radius: 12px;height: 406px;width: 100%; min-height: auto; margin-top: 0;}
.re-chose h1{text-align: center;font-size: 22px;line-height: 1;}
.re-chose ul{width: 364px; max-height: 290px; overflow: auto; margin-top: 30px;}
.re-chose{position: absolute;top: 0; left: 0;}
.qy-item{position: relative; width: 359px;height: 80px;background: #FFF;border-radius: 10px;border: 1px solid #DCDCDC;padding: 15px 20px; box-sizing: border-box; cursor: pointer;}
.qy-item:hover{border-color: #FA2C19;}
.re-chose li{margin-bottom: 20px;}
.qy-item span{display: inline-block;float: left;width: 48px;height: 48px;background: #FA2C19;border-radius: 6px;font-size: 20px;color: #fff; text-align: center; line-height: 48px; margin-right: 15px;}
.qy-item h2{font-size: 16px; margin: 3px 0 0;color: #2E3033;}
.qy-item p{font-size: 14px; color: #666;}
.qy-item i{position: absolute; top: 34px; right: 20px; width: 6px;height: 10px;background: url(../images/grIcon.png);}

.scrollBar{ overflow: auto;}
.scrollBar::-webkit-scrollbar,.file-lists::-webkit-scrollbar{ margin-right: 10px; width:5px;height:5px;}
.scrollBar::-webkit-scrollbar-thumb,.file-lists::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.01);border-radius:10px; -webkit-box-shadow:inset1px1px0rgba(0,0,0,.1);}
.scrollBar:hover::-webkit-scrollbar-thumb,.file-lists:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:10px; -webkit-box-shadow:inset1px1px0rgba(0,0,0,.1);}
.scrollBar::-webkit-scrollbar-thumb:hover,.file-lists::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4);-webkit-box-shadow:inset1px1px0rgba(0,0,0,.1);}
.scrollBar::-webkit-scrollbar-track,.file-lists::-webkit-scrollbar-track{ border-radius:10px; -webkit-box-shadow:inset006pxrgba(0,0,0,0); background-color:white;}
.scrollBar::-webkit-scrollbar-track:hover,.file-lists::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset006pxrgba(0,0,0,.4);background-color:rgba(0,0,0,.01);}