@import "one_iconflag.css";
.login-form-thirdparty-tips{display:flex;justify-content:center;align-items:center;margin-top:2rem}
.login-form-thirdparty-tips .thirdparty-tips-text{font-size:12px;color:rgba(0,0,0,.4);padding:0 1rem;}
.login-form-thirdparty-tips .thirdparty-tips-centerline{width:80px;border-bottom:1px dashed #f5f5f5;}
.one-sms-page{margin-top:10px;padding:3rem;border:1px solid #f2f2f2;background:#fff;border-radius:4px}
.one-sms-page .one-sms-login{border:0 solid #ddd;box-shadow:none}
.one-sms-login{position: relative;display:block;width:420px;box-sizing:border-box;background:#fff;border-radius:8px;padding:1.2rem;margin:0 auto;text-align:left}
.one-sms-login .sms-login-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:1rem;border-bottom:1px solid transparent}
.one-sms-login .sms-login-header h6{font-size:18px;font-weight:400;color:#333}
.login-header-tabs{font-size:14px;font-weight:400}
.login-header-tabs a{margin-right:1rem;padding-bottom:1.2rem;text-decoration:none;color:#666}
.login-header-tabs a.tabs-current{color:#333;border-bottom:2px solid #282828;font-size:16px;font-weight:500}
.one-sms-login .sms-login-header .login-header-right{display:flex;align-items:center;font-size:12px;color:#999}
.one-sms-login .sms-login-header .login-header-right a{color:#18191a}
.sms-login-form{padding-top:1rem;display:flex;flex-direction:column}
.login-form-item{display:flex;border:1px solid #eff2f6;border-radius:4px;position:relative;margin-bottom:1rem;min-height:40px}
.login-form-item:hover{border-color:#036fff}
.login-form-icon{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-right:1px solid #eff2f6;background-size:18px;background-color:#fff;border-radius:4px 0 0 4px}
.login-form-icon i{width:27px;height:18px}
.login-form-item input{width:100%;border:none;flex:1;padding:.4rem .8rem;font-size:14px;border-radius:4px}
.login-form-item input::-webkit-textfield-decoration-container{background-color:transparent}
.login-form-item input::-webkit-inner-spin-button{-webkit-appearance:none}
.login-form-item input::-webkit-outer-spin-button{-webkit-appearance:none}
.login-form-item input:disabled{color:#999;background:0 0}
.login-form-item input:focus-visible{outline:0}
.login-form-line{display:flex}
.login-form-line .login-form-item{width:50%}
.login-form-line .login-form-item:last-child{margin-left:1rem}
.form-icon-mobile{background:url(../svg/icon_mobile.svg) no-repeat center;background-size:18px}
.form-icon-user{background:url(../svg/icon_user.svg) no-repeat center;background-size:18px}
.form-icon-code{background:url(../svg/icon_code.svg) no-repeat center;background-size:18px}
.form-icon-password{background:url(../svg/icon_password.svg) no-repeat center;background-size:18px}
.form-icon-email{background:url(../svg/icon_email.svg) no-repeat center;background-size:18px}
.form-icon-username{background:url(../svg/icon_username.svg) no-repeat center;background-size:18px}
.form-icon-invitecode{background:url(../svg/icon_invitecode.svg) no-repeat center;background-size:18px}
.login-form-accept{display:flex;align-items:center;gap:.3rem;color:#999}
.login-form-accept>i{display:inline-block;vertical-align:middle;width:16px;height:16px;background-image:url(../svg/icon_selected.svg);background-size:16px}
.login-form-accept a{color:#0078ff}
.login-form-accept input{margin: 2px 0;cursor: pointer;}
.login-form-submit{margin-top:1rem}
.login-form-submit button{display:block;width:100%;height:44px;line-height:44px;font-size:15px;padding:0;text-align:center;color:#fff;border-radius:4px;border:1px solid #0078ff;background:#0078ff;cursor:pointer}
.login-form-submit button:hover{opacity:.9}
.login-form-submit button:disabled{border:1px solid #ccc;background:#ccc}
.login-form-footer{border-top:1px solid #ddd;padding-top:1rem;margin-top:1rem;display:flex;justify-content:center}
.login-form-footer a{margin:0 .6rem}
.login-form-code{display:flex;justify-content:space-between;margin-bottom:1rem;gap:.4rem}
.login-form-code .login-form-item{flex:1;margin-bottom:0}
.login-form-item>a{display:flex;align-items:center;padding:0 1rem;background:#fafafa;border-left:1px solid #eff2f6;text-decoration:none;border-radius:0 6px 6px 0;}
.login-form-code .login-form-code-button{position:relative}
.login-form-code .login-form-code-button button{cursor:pointer;width:120px;height:100%;color:#0078ff;border-radius:4px;background:#fdfdfd;border:1px solid #eff2f6;background:linear-gradient(to bottom,#fdfdfd 0,#f1f1f1 100%)}
.login-form-code .login-form-code-button button:disabled{border-color:#eff2f6;background:#fafafa;color:#ccc;pointer-events:none}
.login-form-social-login{display:flex;align-items:center;justify-content:center;margin-top:2rem;margin-bottom:1rem}
.login-form-social-login a{color:#18191a;margin:0 .8rem;display:flex;flex-direction:column;align-items:center;text-decoration:none}
.login-form-social-login a:hover{color:#0078ff}
.login-form-social-login a:before{content:'';width:32px;height:32px;display:flex;background-color:#f8f8f8;border-radius:50%}
.login-form-social-login a:hover:before{background-color:#f2f2f2}
.login-form-social-login span{margin-top:.4rem}
.qq-login:before{background:url(../login/account_qq_login_icon.png) no-repeat center;background-size:32px}
.wechat-login:before{background:url(../login/account_wx_login_icon.png) no-repeat center;background-size:32px}
.dingtalk-login:before{background:url(../login/account_dingtalk_login_icon.png) no-repeat center;background-size:32px;}
.mobile-login:before{background:url(../login/account_phone_login_icon.png) no-repeat center;background-size:32px}
.account-login:before{background:url(../login/account_user_login_icon.png) no-repeat center;background-size:32px}
.weibo-login:before{background:url(../login/account_sina_login_icon.png) no-repeat center;background-size:32px}
.login-form-country-code{display:flex;align-items:center;padding-left:.6rem;font-size:14px;cursor:pointer}
.login-form-country-code:after{content:'|';color:#ccc;margin-left:.4rem}
.login-form-country-code .form-country-code-select{display:flex;align-items:center}
.login-form-country-code .form-country-code-select:after{content:'';margin-left:.2rem;display:flex;width:18px;height:18px;background:url(../svg/icon_pulldown.svg) no-repeat center;background-size:18px}
.login-form-country-dropdown{opacity:0;position:absolute;top:-9999px;left:-9999px;z-index:1050;box-sizing:border-box;background-color:#fff;border-radius:4px;outline:0;box-shadow:0 2px 8px rgb(0 0 0 / 15%);border:1px solid #eff2f6}
.login-form-dropdown-menu{max-height:230px;margin-bottom:0;padding:4px 0;overflow:auto;list-style:none;outline:0}
.login-form-dropdown-item{position:relative;display:flex;align-items:center;padding:8px 12px;overflow:hidden;color:#595959;font-weight:400;font-size:14px;line-height:22px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:background .3s ease}
.login-form-dropdown-item>i{width: 27px;height: 18px;margin-right:.8rem}
.login-form-dropdown-item .prefix{margin-left:auto;padding-left:2rem}
.login-form-dropdown-item.dropdown-selected,.login-form-dropdown-item:hover{color:#595959;font-weight:600;background-color:#fafafa}
.flag{display:inline-block;background-image:url(../images/icon_flags_country.png);background-repeat:no-repeat;width:32px;height:32px;transform:scale(.5);vertical-align:middle;position:relative;top:-1.5px;margin-left:-8px}
.open_country .login-form-country-dropdown{min-width:100px;left:0;top:44px;opacity:1}
.sms-login-qrcode{display:flex;justify-content:center;align-items:center;margin-top:2rem}
.login-window-close{position: absolute;display: block;z-index: 10;top: -20px;right: -40px;width: 32px;height: 32px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAADACAMAAACDB5U0AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABEZVhJZk1NACoAAAAIAAGHaQAEAAAAAQAAABoAAAAAAAOgAQADAAAAAQABAACgAgAEAAAAAQAAAECgAwAEAAAAAQAAAMAAAAAA97fyIgAAANhQTFRFGhoaYGJisbGxlJSU/v7+srOz////TGlxGhwcs7OzHBwcGx0d////IiIiHR0dICAgJCQkHBwcHR0dr6+vk5OTGhwcGhwcGxsbHBwcGx4eHB4eGhwcGh8fGx8fGh8fHBwcgICAHh4eHB4eGh8fGh0dLi4uHh4eGh0dHB8fW1xcHBwcqKioGhoa9vb2Hh4eISEhGhoaqKio8fHxMzMzHR0dQEBAHR0dHR0dGxsbHx8fGhoaqKio9vb2i4yM8vLyHBwcf4CAVFRUm5ubjI2N8vLyqamp9/f3////9NWn2QAAAEd0Uk5TTZeNrv6//QCAv0h9AR5HEAdAGo2tdmNMCXB4dTJBMXcCK2Y6awsqalOVErlE6jwnCrjwBVkEIz5BMieH7KnxNqOSf6ryiOzD+mYBAAADwUlEQVRo3u2YV3uqQBCGR4hxRWkm9q6xxx7NSS+n8P//0SGYIiwMC+Ml3+U8fK8PuDM7M5AJkFG4v7u9Vspl5fr27r5gBD0HvlG9a4JHZlcXBez2v8BXv/Y7AcB2qUCglOU2BJBXNUClqXkMsFpAqBarYMBUAwFp0yCAWgYhlVVfQL4LwurmeUD+BSLoJc8BuhBJXS9AhYhS3YBpOSqgPD0GrDSILG31A8gvIIYW+W+ACrGkfgG2WjyAtv0ELCGmlgfATokLUHYOYA+xtXcAfP15nz8+eGMPj/N3vkZ9AHQePLesc8kdks4ta84/qdsAnyT4Z9mEi+PIhe23Hv1SAjImH/577iFITuCBf9LMgOH3cSQ3wfl970sdZEABQgmI37bfQxgB89v2OwghSJjftt8CTsD9tv0acALut+1IIjgE3G/bsVp2IGB+204GkF+B/BHJfyP5IIUfZQk/ygLJJKHJJJLOEpbO5IIiVtIkpKSRiyq5rNMvFvLVRr5c6dc7ucGgtzjkJove5tEbTXqrS2+2ye0+feA4wchDH7roYx998DzB6HuC4fsU47+twdAc96rtXK5d7Y3N4SAaoKCNmEcjrSAKMPpXzFdXfUMAUGnWWKBqzUrY/qBVZKiKLfQg6SUWqpIeDFDrTEB1NQjQyDEh5Rq+gI7ChKV0eEDnhkXQTYcDKCySFC+gwSKq4QaouaiAnHoM0Osssur60f6gxGKo9HO5tlgstb4AlWI8QLHyCWiymGoeAEYtLqBmOIA+i62+A+Drz+vm+ckbe3revPI16gNQ4MEbyzqT3SH5zLI2/JMFG6Dx4T92Z312eRy5tP3WM/+kZgNGfPj3mYcgO4En/slRBgZ+H0d2E5zf977UQQMYslAC4mdDMFkYAfMzE8YshCBjfjaGHsMJuJ/1oMpwAu5nVWgznID7WRuwWnYgYH6WowPIr0D+iOS/kXyQwo+yjB9lgWSS0WQSSWcZS2dyQREraTJS0shFlVzW6RcL+WojX670653cYNBbHHKTRW/z6I0mvdWlN9vkdp8+cJxg5KEPXfSxjz54nmD0PcHwfYrxP9kfJPuDZH+Q7A+S/cG33taziTc2ma3fhPcH62w2nXKHUulsdi28P5hlvYQPf3YmvD+YpD0Ex5+eiO8PUm5CKp3lXwrfH7gsiD94f3BkwvzI/uDbhvqx/cGnEfej+4ODFffj+wOHgPtD9gcHAuYP2R8IAcivQP6I5L+RfJDIR5mcTOR0JhcUekkjF1VyWU/2B8n+INkfJPuDZH/wpf9jdJvMDaxB4gAAAABJRU5ErkJggg==) 0 0 no-repeat;transition: transform .3s;cursor: pointer;background-size: 100%;}
.login-window-close:hover{background-position:0 -32px;transform:rotate(180deg);}
.one-sms-box{display:flex;position:relative;box-shadow: 0 0 15px rgba(0,0,0,.2);border-radius:10px;user-select:none;}
.one-sms-box .one-sms-slide{width:300px;background:#f8f8f8 url(../images/icon_popup_side.jpg);background-size:cover;border-radius:8px 0 0 8px;}
.one-sms-box .one-sms-login{box-shadow:none;flex:420px;border-radius:0 8px 8px 0}
.one-sms-box .one-sms-slide.user-register{width:350px}
/****/
.common-popup-box{display:flex;padding:2rem;min-height:300px;flex-direction:column;align-items:center;justify-content:center;}
.common-popup-box img{height:80px;}
.common-popup-box p{margin-top:1rem;font-size:14px;}
/****/
.one-sms-empty{display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center;font-size:12px;color:#6b7280}
.one-sms-empty:before{display:block;margin:0 auto;width:80px;height:80px;background:url(../images/icon_empty.png) no-repeat center;background-size:contain;content:"";vertical-align:middle;}