.area-code-select.input-select{position:relative}.area-code-select.input-select::after{content:"";width:1px;height:60%;background:rgba(17,17,17,.12);position:absolute;top:50%;right:0;transform:translate(0, -50%)}.area-code-select.input-select .muya-select-input{background:none;padding:0}.area-code-select.input-select .muya-input-node-wrapper{margin:0 8px 0 4px}.area-code-select.input-select .muya-select-menu{width:auto;margin-left:-10px}.area-code-select.input-select .flag-wrapper{display:flex;align-items:center;justify-content:center}
.button{position:relative;width:100%;line-height:16px;padding:14px 0;border:none;outline:none;color:#fff;background-color:#111;border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,.05);cursor:pointer}.button .icon-loading{-webkit-animation:rotateI 1s linear infinite;animation:rotateI 1s linear infinite}.button.loading{background-color:#111 !important}.button:hover{background-color:#3a66ff}.button:hover>.text:first-child{transform:rotate3d(1, 0, 0, -90deg)}.button:hover>.text:last-child{opacity:1;transform:rotate3d(0, 0, 0, 90deg)}.button:active{background-color:#3a66ff}.button.disabled{background-color:#d6d6d6;cursor:default}@-webkit-keyframes rotateI{from{transform:rotateZ(0)}to{transform:rotateZ(360deg)}}@keyframes rotateI{from{transform:rotateZ(0)}to{transform:rotateZ(360deg)}}
.input-box .input-wrapper{position:relative;padding:0 16px 0 12px;border:1px solid rgba(17,17,17,.1);border-radius:8px}.input-box .input-wrapper:hover{border-color:rgba(17,17,17,.2)}.input-box .input-wrapper.focused{background-color:rgba(255,255,255,.6);border-color:#3a66ff}.input-box .input-wrapper.error{border-color:#df2a40}.input-box .input-wrapper .input{display:flex;align-items:center;width:100%;height:48px;line-height:48px;color:#111}.input-box .input-wrapper .input .input-inner,.input-box .input-wrapper .input input{flex:1 1 auto;height:48px;border:none;outline:none;background-color:transparent}.input-box .input-wrapper .input .input-inner::-webkit-input-placeholder, .input-box .input-wrapper .input input::-webkit-input-placeholder{color:#ccc}.input-box .input-wrapper .input .input-inner::-moz-placeholder, .input-box .input-wrapper .input input::-moz-placeholder{color:#ccc}.input-box .input-wrapper .input .input-inner::placeholder,.input-box .input-wrapper .input input::placeholder{color:#ccc}.input-box .input-wrapper .input .input-inner:-webkit-autofill,.input-box .input-wrapper .input .input-inner:-webkit-autofill:focus,.input-box .input-wrapper .input input:-webkit-autofill,.input-box .input-wrapper .input input:-webkit-autofill:focus{-webkit-transition:background-color 600000s 0s,color 600000s 0s;transition:background-color 600000s 0s,color 600000s 0s}.input-box .input-wrapper .input .input-inner[type=number]::-webkit-outer-spin-button,.input-box .input-wrapper .input .input-inner[type=number]::-webkit-inner-spin-button,.input-box .input-wrapper .input input[type=number]::-webkit-outer-spin-button,.input-box .input-wrapper .input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-box .input-wrapper .input .anticon{font-size:15px;color:rgba(0,0,0,.24)}.input-box .input-wrapper .input .prefix-wrapper{margin-right:8px;line-height:normal}.input-box .input-wrapper .input .prefix-wrapper .anticon{font-size:16px;color:#111;vertical-align:middle}.input-box .input-wrapper .input .suffix-wrapper{margin-left:12px}.input-box .input-wrapper .input .suffix-wrapper .anticon{font-size:16px}.input-box .input-wrapper .input .suffix-wrapper .anticon:hover{color:rgba(0,0,0,.6)}.input-box .error{margin-top:8px;color:#df2a40;font-size:14px;line-height:150%;text-align:left}
.form-new-login .input-box:nth-child(1){margin-bottom:16px}.form-new-login .button{margin-bottom:16px}.form-new-login .verify-code-btn{font-size:12px;text-align:right;font-weight:400;margin-top:8px;line-height:1.25}.form-new-login .verify-code-btn .anticon{margin-right:5px}.form-new-login .wrap-actions{display:flex;justify-content:space-between}.form-new-login .wrap-actions .flex-1{flex:1}
.account-core{max-width:312px;height:660px}.account-core .desc{font-size:14px;line-height:20px;margin-bottom:40px;color:#111;text-align:left}.account-core .desc span{color:#3a66ff;cursor:pointer}.account-core .desc span:hover{color:#5d85ff}.account-core .desc span:hover .anticon{left:4px;transition:all .5s cubic-bezier(0.19, 1, 0.22, 1)}.account-core .desc .anticon{position:relative;left:0;font-size:12px}.account-core .msg-container{width:100%;font-size:14px;line-height:150%;color:#111}.account-core .msg-container .msg{position:relative;max-height:100%;border-radius:8px;padding:8px 12px 8px 40px;text-align:left}.account-core .msg-container .msg.error{background:rgba(223,42,64,.1)}.account-core .msg-container .msg.error .anticon{color:#df2a40}.account-core .msg-container .msg.success{background-color:#e7f6f2}.account-core .msg-container .msg.success .anticon{color:#0da476}.account-core .msg-container .msg .anticon{position:absolute;top:9px;left:14px;font-size:16px}.account-core .msg-container .msg a{text-decoration:none;color:#3a66ff}.account-core .button{margin:32px 0 16px 0}.account-core .alert-bottom{font-size:12px;line-height:150%;color:#999;text-align:center}.account-core .alert-bottom .button-link{margin-left:4px;color:#3a66ff}.account-core .alert-bottom .button-link.disabled{cursor:default;color:#999}.account-core .title{margin-bottom:12px}.account-core .title .logo-back{color:#111;font-size:24px;line-height:100%;font-weight:700;text-align:left}.account-core .title .logo-back .btn-back{cursor:pointer}.account-core .title .logo-back .btn-back .anticon{font-size:20px}.account-core .sub-title{margin-bottom:40px;font-size:14px;line-height:100%;text-align:left;color:rgba(17,17,17,.8)}.account-core .forgot-password{font-size:12px;line-height:15px;color:rgba(17,17,17,.6);text-align:center;cursor:pointer}.account-core .forgot-password:hover{color:#3a66ff}.account-core img,.account-core svg{vertical-align:baseline}.account-core a{color:#3a66ff}.account-core a:hover{color:#597eff}.account-core .button-link{color:#3a66ff;cursor:pointer}.account-core .button-link:hover{color:#597eff}.account-core .button-link.disabled{cursor:default;color:#999}@media(min-width: 1024px){.account-core{width:100%;height:100%}.account-core .msg-container{margin-top:32px}}
.modal-account{z-index:9998}.modal-account .mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1001;background:#111;opacity:.75}.modal-account .layout{position:fixed;left:0;right:0;bottom:0;z-index:1002;width:100%;height:100%;font-style:normal;font-weight:400;font-size:14px;line-height:16px;color:#111;background-color:#fff}.modal-account .layout .left{height:200px;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-account .layout .left .title{display:none;font-weight:700;font-size:24px;line-height:29px}.modal-account .layout .left .sub{display:none;line-height:150%;margin-top:8px}.modal-account .layout .left .social{margin-top:60px}.modal-account .layout .left .logo-wrapper{width:160px;height:35px;margin-bottom:16.4px}.modal-account .layout .left .logo-wrapper img{width:100%;height:auto}.modal-account .layout .left .left-desc{line-height:20px;text-align:center;letter-spacing:6px;opacity:.8}.modal-account .layout .right{position:relative;overflow:hidden scroll;display:flex;width:100%;height:100%;padding:32px 32px 38px 32px;justify-content:center}.modal-account .layout .right::-webkit-scrollbar{width:4px}.modal-account .layout .right::-webkit-scrollbar-thumb{background:rgba(17,17,17,.1);border-radius:100px}.modal-account .layout .button-close{position:absolute;top:18px;right:18px;font-size:18px;color:#ccc;cursor:pointer}.modal-account .layout .button-close:hover{color:#111}@media(min-width: 1024px){.modal-account .layout{left:50%;top:50%;transform:translate(-50%, -50%);width:880px;height:600px;padding:0;border-radius:12px;overflow:hidden;display:flex}.modal-account .layout .left{width:45.5%;height:auto;border-radius:12px 0 0 12px;padding:48px 32px}.modal-account .layout .left .title,.modal-account .layout .left .sub{display:block}.modal-account .layout .left .social{position:absolute;left:32px;bottom:32px;width:40%;margin-top:0}.modal-account .layout .right{overflow:auto;width:54.5%;height:100%;padding:56px 84px 38px 84px}}.layout{position:relative;width:100%;height:100%;font-style:normal;font-weight:400;font-size:14px;line-height:16px;color:#111}.layout .layout-bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1}.layout>div{box-sizing:border-box}.layout .right{display:flex;justify-content:center;padding:32px 32px 38px 32px}@media(min-width: 1024px){.layout{display:flex}.layout .right{padding:32px 32px 38px 32px}}