/*body{padding-bottom: 0!important;background: #fff!important;}*/
.login-header{padding: 10px 0;}
.login-content>form{padding: 60px 0;display: flex;justify-content: flex-end;}
.login-content>form>.from-box{width: 345px;display: flex;flex-direction: column;padding: 30px;background-color: white;border-radius: 5px;}
.login-content>form>.from-box>div,.code-input,.login-content>form>.from-box>.auto-login{display: flex;flex-direction: row;align-items: center;}
.login-content>form>.from-box>.item{background-color: #e6e6e6;margin: 8px 0;padding:10px;border-radius: 3px;}
.login-content>form>.from-box>.item>input{background: none;flex: 1;outline: none;margin-left:10px;padding-left:10px;border-left: 1px solid #999;border-bottom: 0;border-top: 0;border-right: 0;}
.login-content>form>.from-box>p,.error,.register-i i{color:red }
.login-content>form>.from-box>.tab,.login-content>form>.from-box>.code,.selected-box-header,.selected-box-body{display: flex;flex-direction: row;justify-content: space-between;}
.login-content>form>.from-box>.code{padding-right: 10px;margin: 10px 0;}
.login-content>form>.from-box>.code>a{text-decoration: underline;cursor: pointer;}
.login-content>form>.from-box>.code>.code-input{border: 1px solid #999;}
.login-content>form>.from-box>.code>.code-input>input{border: 0;flex: 1;outline: none;padding-left: 10px;}
.login-content>form>.from-box>.code>.code-input>img{border-left: 1px solid #999;}
.login-content>form>.from-box>.auto-login>span{padding-left: 10px;}
.login-content>form>.from-box>.btn{padding: 10px 0;text-align: center;display: block;background-color: #b3b3b3;margin: 10px 0;border-radius: 3px;cursor: pointer;}
.selected-box{padding:0;overflow: hidden;}
.selected-box-header{align-items: center;padding: 20px 60px;background-color: #b3b3b3;border-radius: 5px 5px 0 0;}
.selected-box-body{align-items: center;padding: 158px 60px 222px 60px;background-color: white;border-radius: 0 0 5px 5px;}
.selected-box-body>a{display:flex;align-items: center;padding: 12px 0 14px 32px;width: 375px;border-radius: 3px;}
.selected-box-body>a>h3{padding-left: 25px;}
.selected-box-body>a:first-child{background-color: #19b8f1;}
.selected-box-body>a:last-child{background-color: #e24343;}
.selected-box-body.retrieve>a:first-child{background-color: #96cd71;}
.selected-box-body.retrieve>a:last-child{background-color: #f3ae5b;}
.step-body{background-color: white;}
.step-body>.step-header{display: flex;align-items: center;justify-content: space-between;padding: 63px 120px 72px 120px;}
.step-body>.step-header>a{width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;border-radius: 100%;background-color: #ccc;position: relative;}
.step-body>.step-header>a>span{position: absolute;width:100px;color: #999;bottom: -25px;text-align: center;}
.step-body>.step-header>i{display: flex;flex: 1;margin:0 3px;height: 4px;background-color: #ccc;}
.step-body>.step-header>.selected{background-color: #7ec84c;}
.step-body>.step-header>.selected>span,.step-body-from>.icon>h3{color: #7ec84c}
.email .selected{background-color: #fe8b01!important;}
.email .selected>span,.email .icon>h3{color: #fe8b01!important;}
.step-body-from{width: 405px;margin: 0 auto;padding-bottom: 40px;}
.step-body-from.w-500{width: 500px;}
.step-body-from>.icon{display: flex;align-items: center;justify-content: center;}
.step-body-from>.icon>h3{padding-left: 15px;}
.step-body-from>div,.step-body-from>label,.step-body-from>.buttons{display: flex;align-items: center;}
.step-body-from>.buttons{justify-content: center;padding: 25px 0;}
.step-body-from>div>a{padding: 7px 0; width: 112px;text-align: center;border: 1px solid #b3b3b3;border-radius: 3px;cursor: pointer;}
.step-body-from>div>a:first-child{background-color: #b3b3b3;margin-right: 15px;}
.step-body-from>label{margin-top: 15px;}
.step-body-from>label>span.w-120{width: 120px;text-align: right;}
.step-body-from>label>span.w-80{width: 80px;text-align: right;}
.step-body-from>label>input{display: flex;outline: none;flex:1;background-color: #f2f2f2;border: 1px solid #999;padding:7px 8px 6px 8px;}
.step-body-from>label.code>input{width: 152px;}
.step-body-from>label>img,.image-code{margin: 0 5px;border: 1px solid #999;}
.step-body-from>label>a,.restart-code{cursor: pointer;}
.mobile-code>a{margin-left: 15px;justify-content: center;padding: 7px 0; width: 112px;text-align: center;border: 1px solid #999;border-radius: 3px;background-color: #e6e6e6;cursor: pointer;}
.icon>.auto{display: flex;flex-direction: column;}
.icon>.auto>b{display: flex;flex-direction: row;align-items: flex-end;}
.icon>.auto>b>span{color: #fe8b01;padding: 0 5px 0 0;height: 32px;}

.basic-info>.basic-body>.user-basic-info>form{padding-right: 5%!important;}
.basic-body .submit{display: flex;flex:1;flex-direction: column;justify-content: center;margin: 30px 0 10px 0!important;}
.basic-body .submit>a{width: 50%;text-align: center;}
.basic-body .text{justify-content: center!important;width: 235px;margin: 0 auto;padding-bottom: 20px;}
.basic-body .text span{width: 100px!important;}
.basic-body .text label{margin-top: 0!important;}
.basic-body .text a{color: #0070c0}
.register-mobile-code{margin-left: 5px!important;width: 120px!important;}
.register-mobile-upload{margin-left: 0!important;width: 120px!important;}
.register-i i{padding: 0 3px;}