#header{min-width:375px;height:70px;padding:20px 40px;position:absolute;top:0;}
.main-logo{width:auto;height:30px;}
.main-logo img{max-height:30px;}
.main-logo .logo-norm{display:none}
.main-logo .logo-white{display:block;}
.main-languages{margin:0 15px;position:relative;z-index:1050;}
.main-languages .hd{line-height:22px;background:transparent;padding:3px 8px;border-radius:6px;}
.main-languages .hd>span{min-width:20px;}
.main-languages .hd>i{margin-left:5px;}
.main-languages .bd{display:none;opacity:0;min-width:120px;padding:4px;overflow:hidden;background-color:#fff;border-radius:6px;-webkit-box-shadow:0 6px 12px 4px rgba(0,0,0,.078);box-shadow:0 6px 12px 4px rgba(0,0,0,.078);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;position:absolute;top:-30px;right:0;}
.main-languages .bd li{min-height:32px;padding:5px 12px;color:rgba(0,0,0,0.88);font-size:14px;cursor:pointer;transition:background 0.3s ease;border-radius:4px;white-space:nowrap;}
.main-languages .bd li:hover{background-color:rgba(0,0,0,0.04);}
.main-languages .bd li.active{color:rgba(0,0,0,0.88);font-weight:600;background-color:#e6f4ff;}
.main-languages.open .bd{display:block;top:100%;opacity:1;}
.user-main,.user-side{height:100vh;min-height:860px;padding:70px 0;}
.user-main-content{width:100%;padding:20px 65px 45px;}
.page_login .user-main-content{width:480px;margin-bottom:65px;}
@media (max-width:1280px){
  .user-main{width:100%}
  .user-side{display:none}
  .main-logo .logo-norm{display:block;}
  .main-logo .logo-white{display:none;}
}
@media (min-width:1280px) and (max-width:1440px){
  .user-side{-ms-flex-negative:0;-webkit-flex-shrink:0;flex-shrink:0;width:766px}
  .user-main{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-flex-grow:1;flex-grow:1}
}
@media (min-width:1440px) and (max-width:1920px){
  .user-side{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-flex-grow:1;flex-grow:1}
  .user-main{width:750px}
  [lang="zh"] .user-main{width:720px}
}
@media (min-width:1920px){
  .user-side{width:1020px}
  .user-main{-webkit-box-flex:1;-ms-flex-positive:1;-webkit-flex-grow:1;flex-grow:1}
}
.user-side{background:rgb(38,25,24) url(../img/regbg.png) no-repeat 50%;}
.user-side-content{width:100%;padding:20px 35px;}
.user-side .tips{width:100%;height:18px;line-height:18px;margin-bottom:20px;}
.user-side .tips span{color:#ddd;padding:0 24px;font-size:12px;position:relative}
.user-side .tips span+span:before{border-right:1px solid #ddd;content:"";height:16px;position:absolute;left:0;top:1px;width:0}
.user-side .tips span:first-child{padding-left:0}
.user-side .title{color:#fff;font-size:46px;font-weight:1000;line-height:64px}
.user-side .deslist{grid-gap:50px;gap:50px;margin-top:52px}
.user-side .deslist dl{height:126px;width:134px}
.user-side .deslist dt .tit{color:#fff;font-size:14px;font-weight:600;height:44px;overflow:hidden;width:134px}
.user-side .deslist dd{color:hsla(0,0%,100%,.9);font-size:12px;line-height:18px;margin-top:8px}
.user-side .deslist dt .img{width:48px;height:48px;background:hsla(0,0%,100%,.08);border-radius:24px;margin-bottom:12px;color:#fff;}
.user-side .deslist dt .img i{font-size:24px;position:relative;top:2px;}
.btn-submit{width:100%;height:42px;line-height:42px;font-size:16px;background-color:#ff6a00;color:#fff;border-color:#ff6a00;}
.btn-submit:hover{background-color:#d04a0a;border-color:#d04a0a;color:#fff;}

/** login */
.login-head{width:350px;height:50px;border-bottom:1px solid #e5e5e5;}
.login-head ul{grid-gap:50px;gap:50px;}
.login-head li{width:auto;height:50px;line-height:22px;padding:16px 0px 22px 0;text-align:center;font-size:16px;}
.login-head li.active{border-bottom:2px solid #ff6a00;font-weight:bold;color:#ff6a00}
.login-head li.active a{color:#ff6a00}
.login-body{width:350px;padding:22px 0;}
.login-body .form-item{margin-bottom:22px;}
.login-body .form-submit{width:100%;margin-bottom:10px;}
.login-other{width:100%;padding:5px 0;line-height:14px;font-size:12px;}
.login-other .split{color:#ccc;margin:0 16px;}
.login-oauth{border-top:#e5e5e5 1px solid;margin-top:38px;padding-top:30px;position:relative;}
.login-oauth:before{content:attr(title);color:#767676;padding:0 12px;background:#fff;position:absolute;top:-11px;left:50%;-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.login-oauth a{margin:6px 12px;}
.login-oauth img{display:block;width:38px;height:38px;}
.login-oauth img:hover{transform:scale(1.1);transition:all 1s ease 0s;-webkit-transform:scale(1.1);-webkit-transform:all 1s ease 0s;}
.login-scan{text-align:center;padding:10px 0 5px;}
.login-scan .ell{margin-top:6px;color:#767676;}

/** reg */
.reg-step{width:100%;margin-bottom:65px;}
.reg-step ul{width:100%;height:40px;border-bottom:1px solid #e5e5e5;}
.reg-step li{width:33.33%;height:40px;padding-bottom:2px;}
.reg-step li>span{width:100%;line-height:18px;}
.reg-step li>span>i{font-size:22px;margin-right:5px;}
.reg-step li>span>em{font-size:16px;}
.reg-step li.active{color:#ff6a00;position:relative;}
.reg-step li.active:after{content:'';display:block;width:100%;height:2px;background:#ff6a00;left:0;bottom:0;position:absolute;}
.reg-step li.on{color:#999;}
.reg-box{width:98%;min-width:450px;margin:0 auto;}
.reg-box .cell{width:100%;margin-bottom:20px;}
.reg-box .cell>.hd{width:158px;text-align:right;color:#767676;}
.reg-box .required:before{content:"*";margin-right:5px;color:#e60000;}
.reg-box .cell>.bd{position:relative;}
.reg-box .cell>.bd>.dui-input{width:100%;}
.reg-box .cell>.bd>.form-item{width:100%;}
.reg-box .cell>.bd>.tips{line-height:20px;font-size:12px;position:absolute;top:100%x;left:0;}
.reg-box .cell>.bd>.tips .error{color:#ef1f1f;}
.reg-box .cell>.bd>.tips .success{color:#01cf97;}
.reg-box .reg-agree span{margin-right:0;}
.reg-box .reg-btn,.reg-box .reg-btn:hover{width:120px;border-color:#f60;color:#f60;}
.reg-box .login-link{margin-left:18px;color:#767676;}
.reg-box .bd>.popup{background-color:#fff;border:1px solid rgba(0,0,0,.2);padding:10px;-webkit-box-shadow:0 6px 12px 4px rgba(0,0,0,.08);box-shadow:0 6px 12px 4px #00000014;opacity:0;display:none;transition:all .3s;position:absolute;left:0;bottom:0;z-index:9;border-radius:6px;}
.reg-box .bd>.popup:after,.reg-box .bd>.popup:before{display:block;content:"";border-color:transparent;border-style:solid;position:absolute;}
.reg-box .bd>.popup:before{left:6px;bottom:-7px;border-width:6px 6px 0 6px;border-top-color:rgba(0,0,0,.2);}
.reg-box .bd>.popup:after{left:6px;bottom:-6px;border-width:6px 6px 0 6px;border-top-color:#fff;}
.reg-box .bd>.popup.show{display:block;bottom:100%;margin-bottom:8px;opacity:1;}
.reg-box .bd>.popup .text{color:#666;line-height:22px;min-width:120px;font-size:12px;}
.reg-box .bd>.popup .text em{margin:0 2px;}
.reg-ok{margin-bottom:220px;}
.reg-ok .img{width:54px;height:54px;margin-right:12px;}
.reg-ok .img i{font-size:54px;color:#01cf97;}
.reg-ok .tit{font-size:18px;margin:0 0 3px;font-weight:500;color:#000;}
.reg-ok .tip{color:#666;}
.reg-ok .tip span{margin-right:4px;}


[lang="zh"] .reg-step li{width:25%;margin:0 6%;}
[lang="zh"] .reg-box{width:86%;}
[lang="zh"] .reg-box .cell{width:78%;margin-bottom:20px;}
[lang="zh"] .reg-box .cell>.hd{width:100px;}