@charset "UTF-8";


/* ===================通用头部=================== */
.SignUp_header{position: fixed; left: 0; top: 0; width: 100%; padding: 20px 0; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .05); z-index: 5;}
.SignUp_header .logo{}
.SignUp_header .logo a{}
.SignUp_header .logo a img{}
.SignUp_header .tel{line-height: 50px; color: #fc4811;}
.SignUp_header .tel i{font-size: 20px; margin: 0 6px 0 0;}
.SignUp_header .tel p{}
.SignUp_header .tel p strong{font-family: fantasy; font-size: 16px;}


/* 通用底部 */
.SignUp_footer{padding: 0 0 90px; background: url('/assets/images/SignUp_footer.jpg') no-repeat center bottom;}
.SignUp_footer p{text-align: center;}
.SignUp_footer p a{}



/* =========================登录注册========================= */
.SignUpBox{position: relative; min-height: calc(100vh - 110px); padding: 150px 0 0;}
.SignUpBox .centerBox{width: 920px; margin: 0 auto 50px; border-radius: 4px; box-shadow: 0 0 20px rgba(0, 0, 0, .05); overflow: hidden;}

.SignUpBox .centerBox .leftBan{width: 380px; border-radius: 4px; overflow: hidden;}
.SignUpBox .leftBan .SignUp_banner{}
.SignUpBox .leftBan .SignUp_banner ul{}
.SignUpBox .leftBan .SignUp_banner li{height: 530px; background-position: center; background-size: cover;}
.SignUpBox .leftBan .SignUp_banner li a{}
.SignUpBox .leftBan .SignUp_banner .swiper-pagination-bullet{width: 18px; height: 18px; padding: 5px; background: none; opacity: 1;}
.SignUpBox .leftBan .SignUp_banner .swiper-pagination-bullet:before{width: 8px; height: 8px; background: #fff; border-radius: 50%; content: ''; display: block;}
.SignUpBox .leftBan .SignUp_banner .swiper-pagination-bullet-active{background: none;}
.SignUpBox .leftBan .SignUp_banner .swiper-pagination-bullet-active:before{background: #fc4811;}

.SignUpBox .centerBox .rightCt{position: relative; width: calc(100% - 380px); padding: 40px;}
.SignUpBox .centerBox .rightCt .loginTab{margin: 0 0 10px;}
.SignUpBox .centerBox .rightCt .loginTab .iconBox{position: relative; display: none;}
.SignUpBox .centerBox .rightCt .loginTab .iconBox.active{display: block;}
.SignUpBox .centerBox .rightCt .loginTab .iconBox img{}
.SignUpBox .centerBox .rightCt .loginTab .iconBox p{position: absolute; top: 10px; right: 70px; width: max-content; line-height: 30px; padding: 0 10px; background: #fff; border: 1px solid rgba(0, 0, 0, .1); display: none;}
.SignUpBox .centerBox .rightCt .loginTab .iconBox:hover p{display: block;}
.SignUpBox .centerBox .rightCt .loginTab .iconBox p:before,.SignUpBox .centerBox .rightCt .loginTab .iconBox p:after{position: absolute; top: 9px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; content: ''; display: block;}
.SignUpBox .centerBox .rightCt .loginTab .iconBox p:before{right: -5px; border-left: 6px solid #fff; z-index: 2;}
.SignUpBox .centerBox .rightCt .loginTab .iconBox p:after{right: -6px; border-left: 6px solid rgba(0, 0, 0, .1); z-index: 1;}

.SignUpBox .centerBox .rightCt .loginTabCt{position: relative; z-index: 1;}
.SignUpBox .centerBox .rightCt .loginTabCt .tabBox{display: none;}
.SignUpBox .centerBox .rightCt .loginTabCt .tabBox.active{display: block;}

.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1{max-width: 320px; margin: auto;}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .tabLists{line-height: 46px; margin: 0 0 30px; border-bottom: 1px solid #c9cbcf;}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .tabLists a{position: relative; width: calc(100%/2); text-align: center;}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .tabLists a:before{position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #fc4811; content: ''; display: none;}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .tabLists a.active{color: #fc4811;}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .tabLists a.active:before{display: block;}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .tabListBox{display: none;}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .tabListBox.active{display: block;}

.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .tabListBox1{}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .tabListBox .term{position: relative; line-height: 50px; margin: 0 0 10px;}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .tabListBox .term i{position: absolute; top: 0; left: 10px; color: #e5b6a7;}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .tabListBox .term input{width: 100%; height: 50px; font-size: 16px; padding: 0 20px 0 40px; color: #fc4811; background: #fff6eb; border: 1px solid #fff6eb; border-radius: 4px;}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .tabListBox .term input:focus{background: #fff; border-color: #fc4811;}

.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .tabListBox1 .term3{line-height: 20px;}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .tabListBox1 .term3 input{margin: 4px 4px 0 0;}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .tabListBox1 .term3 p{}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .tabListBox1 .term3 a{}

.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .tabListBox2{}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .tabListBox2 .term2{}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .tabListBox2 .term2 input{width: calc(100% - 135px);}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .tabListBox2 .term2 .codeBtn{position: absolute; right: 0; top: 0; line-height: 50px; padding: 0 10px; color: #fc4811; background: #fff6eb; cursor: pointer;}

.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .loginBtn{font-size: 18px; line-height: 50px; text-align: center; margin: 20px 0 0; color: #fff; background: #fc4811; border-radius: 4px; display: block;}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .btBox{line-height: 24px; margin: 10px 0 0;}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .btBox p{margin: 0 4px 0 0;}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .btBox .btn1{width: 24px; height: 24px; text-align: center; color: #fff; background: #2cb7fb; border-radius: 50%; overflow: hidden;}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .btBox .btn1 i{font-size: 14px;}
.SignUpBox.login .centerBox .rightCt .loginTabCt .tabBox1 .btBox .btn2{color: #fc4811;}

.SignUpBox .centerBox .rightCt .loginTabCt .tabBox2{max-width: 400px; margin: auto;}
.SignUpBox .centerBox .rightCt .loginTabCt .tabBox2 h3{font-size: 16px; line-height: 24px; text-align: center; color: #142947;}
.SignUpBox .centerBox .rightCt .loginTabCt .tabBox2 h3 i{font-size: 20px; margin: 0 4px 0 0; color: #25c725;}
.SignUpBox .centerBox .rightCt .loginTabCt .tabBox2 .ctBox{margin: 50px 0;}
.SignUpBox .centerBox .rightCt .loginTabCt .tabBox2 .ctBox .ewmBox{width: 150px;}
.SignUpBox .centerBox .rightCt .loginTabCt .tabBox2 .ctBox .ewmBox img{}
.SignUpBox .centerBox .rightCt .loginTabCt .tabBox2 .ctBox .ewmscan{max-width: calc(100% - 180px);}
.SignUpBox .centerBox .rightCt .loginTabCt .tabBox2 .text{text-align: center;}



/* 注册 */
.SignUpBox.register .centerBox .rightCt .loginTabCt .tabBox1{max-width: 380px; margin: auto;}
.SignUpBox.register .centerBox .rightCt .loginTabCt .tabBox1 .term{position: relative; line-height: 40px; margin: 30px 0 0;}
.SignUpBox.register .centerBox .rightCt .loginTabCt .tabBox1 .term:first-child{margin: 0;}
.SignUpBox.register .centerBox .rightCt .loginTabCt .tabBox1 .term strong{width: 80px; font-size: 16px; text-align: right; color: #9198a1;}
.SignUpBox.register .centerBox .rightCt .loginTabCt .tabBox1 .term input{width: calc(100% - 100px); height: 40px; font-size: 16px; padding: 0 15px; color: #fc4811; border-bottom: 1px solid #c9cbcf; margin: 0 0 0 20px;}
.SignUpBox.register .centerBox .rightCt .loginTabCt .tabBox1 .term2 input{padding: 0 40px 0 10px;}
.SignUpBox.register .centerBox .rightCt .loginTabCt .tabBox1 .term3 input{width: calc(100% - 200px);}
.SignUpBox.register .centerBox .rightCt .loginTabCt .tabBox1 .term i{position: absolute; right: 10px; top: 0; padding: 0 5px; cursor: pointer; display: none;}
.SignUpBox.register .centerBox .rightCt .loginTabCt .tabBox1 .term i.active{display: block;}
.SignUpBox.register .centerBox .rightCt .loginTabCt .tabBox1 .term .codeBtn{position: absolute; right: 0; top: 10px; line-height: 26px; width: 90px; text-align: center; padding: 0 5px; color: #fc4811; background: none; border: 1px solid #fc4811; border-radius: 4px; display: block;}
.SignUpBox.register .centerBox .rightCt .loginTabCt .tabBox1 .term4{font-size: 12px; padding: 0 0 0 100px; margin: 10px 0 0;}
.SignUpBox.register .centerBox .rightCt .loginTabCt .tabBox1 .term4 input{margin: 2px 4px 0 0;}
.SignUpBox.register .centerBox .rightCt .loginTabCt .tabBox1 .term4 p{}
.SignUpBox.register .centerBox .rightCt .loginTabCt .tabBox1 .term4 p a{color: #fc4811;}

.SignUpBox.register .centerBox .rightCt .loginTabCt .tabBox1 .registerBtn{width: calc(100% - 100px); font-size: 16px; line-height: 50px; text-align: center; margin: 50px 0 0 auto; color: #fff; background: #fc4811; border-radius: 4px; display: block;}
.SignUpBox.register .centerBox .rightCt .loginTabCt .tabBox1 .loginText{width: calc(100% - 100px); text-align: center; margin: 10px 0 0 auto;}
.SignUpBox.register .centerBox .rightCt .loginTabCt .tabBox1 .loginText a{color: #fc4811;}



/* 忘记密码 */
.SignUpBox.fgtPasw .centerBox .rightCt{}
.SignUpBox.fgtPasw .centerBox .rightCt .step{margin: 50px 0 0;}
.SignUpBox.fgtPasw .centerBox .rightCt .step ul{}
.SignUpBox.fgtPasw .centerBox .rightCt .step li{position: relative; width: calc(100%/3); text-align: center;}
.SignUpBox.fgtPasw .centerBox .rightCt .step li:before{position: absolute; top: 12px; left: -50%; width: 100%; height: 1px; background: #c9cbcf; content: ''; display: block; z-index: -1;}
.SignUpBox.fgtPasw .centerBox .rightCt .step li:first-child:before{display: none;}
.SignUpBox.fgtPasw .centerBox .rightCt .step li strong{width: 24px; height: 24px; font-family: Arial; line-height: 24px; margin: 0 auto 5px; color: #fff; background: #c9cbcf; border-radius: 50%; overflow: hidden; display: block;}
.SignUpBox.fgtPasw .centerBox .rightCt .step li p{color: #c9cbcf;}
.SignUpBox.fgtPasw .centerBox .rightCt .step li.active{}
.SignUpBox.fgtPasw .centerBox .rightCt .step li.active:before{background: #fc4811;}
.SignUpBox.fgtPasw .centerBox .rightCt .step li.active strong{background: #fc4811;}
.SignUpBox.fgtPasw .centerBox .rightCt .step li.active p{color: #fc4811;}
.SignUpBox.fgtPasw .centerBox .rightCt .term{position: relative; line-height: 40px; margin: 50px 0 0;}
.SignUpBox.fgtPasw .centerBox .rightCt .term strong{width: 100px; text-align: right;}
.SignUpBox.fgtPasw .centerBox .rightCt .term input{width: calc(100% - 170px); height: 40px; padding: 0 15px; margin: 0 0 0 10px; color: #fc4811; border-bottom: 1px solid #c9cbcf;}
.SignUpBox.fgtPasw .centerBox .rightCt .term .erro{position: absolute; left: 120px; top: 45px; line-height: initial; color: #fc4811;}
.SignUpBox.fgtPasw .centerBox .rightCt .nextBtn{width: calc(100% - 200px); font-size: 16px; line-height: 50px; text-align: center; margin: 50px auto 0; color: #fff; background: #fc4811; border-radius: 4px; display: block;}

.SignUpBox.fgtPasw1 .centerBox .rightCt .term2 input{width: calc(100% - 260px);}
.SignUpBox.fgtPasw1 .centerBox .rightCt .term .codeBtn{line-height: 22px; padding: 0 10px; margin: 10px 0 0; color: #fc4811; border: 1px solid #fc4811; border-radius: 4px; display: block;}

.SignUpBox.fgtPasw3 .centerBox .rightCt .nextSuccess{font-size: 20px; text-align: center; margin: 100px 0; color: #fc4811;}
.SignUpBox.fgtPasw3 .centerBox .rightCt .nextSuccess i{font-size: 22px; margin: 0 5px 0 0;}
.SignUpBox.fgtPasw3 .centerBox .rightCt .nextSuccess span{}