.side{display:flex;flex-direction:column;width:38.2%}.side .top{position:relative;flex:1;background:#1c1c1e url(https://imgheybox.max-c.com/oa/2023/02/08/4591b1635700c5aa1bc143d76bd50c4e.svgz) 50%/cover}.side .top .logo{position:absolute;top:40px;left:40px;height:20px}.side .bottom{height:calc(50% - 140px);background:#18181a;color:#fff;padding:20px 20px 30px 20px}.side .bottom .slider{overflow:hidden}.side .bottom .slider,.side .bottom .slider .side-swiper{width:100%;height:100%}.side .bottom .slider .slider-item{text-align:left;color:#e0e0e0}.side .bottom .slider .slider-item .t1{font-size:20px;font-weight:600;line-height:36px;margin-bottom:8px}.side .bottom .slider .slider-item .t2{font-size:18px;font-weight:300;line-height:25px}.side .bottom .pagination-outer{display:flex}.side .bottom .pagination-outer .pagination{height:4px;width:30px;background:#fff}.side .bottom .pagination-outer .pagination.grey{opacity:.1;background-color:#fff}.login-box .btn-container .btn{background:linear-gradient(0deg,#464b50,#14191e)!important}.row{width:100%;height:58px;padding:18px 0 2px;display:flex;position:relative;margin-bottom:30px;border-bottom:2px solid #e9ecf0;align-items:center}.row:after{content:"";width:100%;height:1px;background-color:#f1f2f3;position:absolute;bottom:0;left:0;transform:scaleY(.5)}.row .btn-code{width:86px;height:30px;margin-left:12px}.row .btn-code p{width:100%;height:30px;line-height:30px;font-size:12px;color:#14191e;background-color:#f7f8f9;text-align:center;border-radius:2px}.row .btn-code p.disable{background-color:#f7f8f9;color:#c8cdd2}.row input{flex:1;width:0;overflow:hidden;position:relative;z-index:2;height:40px;line-height:30px;font-size:15px;color:#14191e;width:100vw;border:none!important}.row .prefix{position:relative;min-width:66px;padding-right:12px}.row .prefix label{height:30px;font-size:15px;color:#14191e;font-weight:600;display:flex;align-items:center}.row .prefix label span{display:inline-block;width:0;height:0;border-top:6px solid #14191e;border-bottom:none;border-left:5px solid transparent;border-right:5px solid transparent;margin:3px 0 0 2px}.row .prefix select{opacity:0;position:absolute;top:0;left:0;z-index:1}.row:focus-within{border-bottom:2px solid #14191e}::-webkit-input-placeholder{color:#c8cdd2!important;font-size:15px}.qr-login-wrapper .code-login-wrapper{width:100%;height:192px;display:flex;align-items:flex-end;margin-top:20px}.qr-login-wrapper .code-login-wrapper .right-box{width:184px;height:184px;margin-left:26px}.qr-login-wrapper .code-login-wrapper .right-box .qr-code-wrapper{width:100%;height:100%}.qr-login-wrapper .code-login-wrapper .right-box .fail-box,.qr-login-wrapper .code-login-wrapper .right-box .success-box{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.qr-login-wrapper .code-login-wrapper .right-box .fail-box .qrcode-box,.qr-login-wrapper .code-login-wrapper .right-box .fail-box .qrcode-box #login-qrcode,.qr-login-wrapper .code-login-wrapper .right-box .success-box .qrcode-box,.qr-login-wrapper .code-login-wrapper .right-box .success-box .qrcode-box #login-qrcode{width:100%;height:100%}.qr-login-wrapper .code-login-wrapper .right-box .fail-box .icon,.qr-login-wrapper .code-login-wrapper .right-box .success-box .icon{width:40px;height:40px;margin-bottom:16px;color:#fff;border-radius:50%}.qr-login-wrapper .code-login-wrapper .right-box .fail-box .icon .iconfont,.qr-login-wrapper .code-login-wrapper .right-box .success-box .icon .iconfont{width:40px;height:40px;font-size:24px}.qr-login-wrapper .code-login-wrapper .right-box .fail-box .icon .iconfont:before,.qr-login-wrapper .code-login-wrapper .right-box .success-box .icon .iconfont:before{line-height:40px}.qr-login-wrapper .code-login-wrapper .right-box .fail-box .title,.qr-login-wrapper .code-login-wrapper .right-box .success-box .title{line-height:16px;font-size:16px;color:#14191e;font-weight:600}.qr-login-wrapper .code-login-wrapper .right-box .fail-box .desc,.qr-login-wrapper .code-login-wrapper .right-box .fail-box .refresh,.qr-login-wrapper .code-login-wrapper .right-box .success-box .desc,.qr-login-wrapper .code-login-wrapper .right-box .success-box .refresh{line-height:12px;margin-top:12px;font-size:12px}.qr-login-wrapper .code-login-wrapper .right-box .fail-box .refresh,.qr-login-wrapper .code-login-wrapper .right-box .success-box .refresh{cursor:pointer;color:#168fd0}.qr-login-wrapper .code-login-wrapper .right-box .fail-box .desc,.qr-login-wrapper .code-login-wrapper .right-box .success-box .desc{color:#14191e}.qr-login-wrapper .code-login-wrapper .left-box{width:180px;height:192px}.qr-login-wrapper .code-login-wrapper .left-box img{width:100%;height:100%;display:block}.qr-login-wrapper .bottom-bar{display:flex;margin-top:20px;-webkit-user-select:none;-ms-user-select:none;user-select:none;justify-content:space-between}.qr-login-wrapper .bottom-bar.app-login{padding:0 18px 0 12px}.qr-login-wrapper .bottom-bar .btn{display:flex;align-items:center;color:#8c9196;font-size:14px;font-weight:500;cursor:pointer}.qr-login-wrapper .bottom-bar .btn:hover{color:#14191e}.qr-login-wrapper .bottom-bar .btn svg{margin-right:6px}.qr-login-wrapper .bottom-bar .btn svg>g{transition:.2s linear}.qr-login-wrapper .bottom-bar .btn.change-login svg{margin-right:0;transform:rotate(180deg)}.qr-login-wrapper .bottom-bar .btn span{transition:.2s linear}.login-box{position:relative;padding:36px 45px 30px}@media (max-width:450px){.login-box{padding:0;width:300px;margin:0 auto}}.login-box .title{display:flex;align-items:center;color:#14191e;font-size:20px;font-weight:600;line-height:28px;margin-bottom:30px}.login-box .title .img{width:38px;height:38px;margin-left:auto;cursor:pointer}@media (max-width:450px){.login-box .title .img{display:none}}.login-box .title .img img{width:100%;height:100%}.login-box .input-container{margin-bottom:40px}.login-box .input-container .input-item{position:relative}.login-box .input-container .input-item:not(:last-of-type){margin-bottom:30px}.login-box .input-container .input-item label{display:block;color:#c8cdd2;font-size:13px;line-height:18px;opacity:0;transform:translateY(10px);transition:all .3s ease}.login-box .input-container .input-item label.show{opacity:1;transform:translateY(0)}.login-box .input-container .input-item .prefix{position:relative;min-width:66px;padding-right:12px}.login-box .input-container .input-item .prefix label{height:30px;font-size:15px;color:#14191e;font-weight:600;display:flex;align-items:center}.login-box .input-container .input-item .prefix label span{display:inline-block;width:0;height:0;border-top:6px solid #14191e;border-bottom:none;border-left:5px solid transparent;border-right:5px solid transparent;margin:3px 0 0 2px}.login-box .input-container .input-item .prefix select{opacity:0;position:absolute;top:0;left:0;z-index:1}.login-box .input-container .input-item input{display:block;box-sizing:border-box;width:100%;height:40px;background:#fff;border:0;border-bottom:2px solid #e9ecf0;font-size:20px;font-family:Baumans;line-height:24px;padding:8px 0 6px 0;transition:border-color .2s linear}.login-box .input-container .input-item input::-webkit-input-placeholder{position:relative;top:-2px;color:#c8cdd2;font-size:15px}.login-box .input-container .input-item input:focus{border-color:#14191e}.login-box .input-container .input-item input::-webkit-autofill,.login-box .input-container .input-item input::-webkit-autofill:focus{background:#fff}.login-box .input-container .input-field{position:relative}.login-box .input-container .input-field input{text-indent:1em}.login-box .input-container .input-field .forgot-pwd{position:absolute;right:0;top:12px;font-size:1.2rem;line-height:20px}.login-box .input-container .input-field .get-auth-code{position:absolute;right:0;top:32px;display:inline-block;min-width:40px;font-size:1.2rem;padding:2px 0;text-align:center;background:#eee;border:1px solid #ccc;border-radius:2px;cursor:pointer;transition:all .3s ease-in-out}.login-box .input-container .input-field .get-auth-code:hover{background:#f5f5f5}.login-box .btn-container .btn{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:44px;background:#14191e;border-radius:4px;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.login-box .btn-container .btn:before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.1);border-radius:4px;opacity:0;transition:.2s linear}.login-box .btn-container .btn:hover:before{opacity:1}.login-box .btn-container .btn .el-loading-mask{background:#14191e;border-radius:4px}.login-box .btn-container .btn .el-loading-mask .circular{width:24px}.login-box .btn-container .btn .el-loading-mask .circular .path{stroke:#fff}.login-box .btn-container .el-button{height:44px;margin-bottom:10px}.login-box .btn-container .el-button.wechat-login{background:#07c160;border-color:#07c160}.login-box .btn-container .el-button.wechat-login:focus,.login-box .btn-container .el-button.wechat-login:hover{background:#07cf68;border-color:#07cf68}.login-box .btn-container .el-button.wechat-login .wechat-icon{width:20px;vertical-align:middle;margin-right:5px}.login-box .btn-container .el-button.wechat-login .wechat-icon+span{vertical-align:middle}.login-box .bottom-bar{display:flex;margin-top:20px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.login-box .bottom-bar .btn{display:flex;align-items:center;color:#8c9196;font-size:14px;font-weight:500;margin-left:auto;cursor:pointer}.login-box .bottom-bar .btn:hover{color:#14191e}.login-box .bottom-bar .btn svg{margin-right:6px}.login-box .bottom-bar .btn span,.login-box .bottom-bar .btn svg>g{transition:.2s linear}.login-box .bottom-bar .left-btn{margin-left:0}.login-box .bottom-bar .change-login{margin-left:0;margin-right:auto}.login-box .warning{position:absolute;left:0;bottom:-40px;width:100%;background:#f56c6c;border-radius:4px;color:#fff;font-size:13px;line-height:30px;margin-top:10px;padding-left:15px}.com-goole-vertify .title{display:flex;align-items:center;color:#14191e;font-size:20px;font-weight:600;line-height:28px;margin-bottom:30px}.com-goole-vertify .title.qr{margin-bottom:10px}.com-goole-vertify .description{margin-bottom:5px;font-size:12px;line-height:16px;color:#8c9196}.com-goole-vertify .vertify-qr-code{display:flex;flex-direction:column;align-items:center;margin:0 auto 20px}.com-goole-vertify .vertify-qr-code #vertify-qrcode{width:184px;height:184px}.com-goole-vertify .vertify-qr-code .vertify-code{font-size:20px;font-weight:800;line-height:24px;color:#14191e;text-align:center;white-space:nowrap}.com-goole-vertify .input-container{margin-bottom:40px}.com-goole-vertify .input-container .input-item{position:relative}.com-goole-vertify .input-container .input-item:not(:last-of-type){margin-bottom:30px}.com-goole-vertify .input-container .input-item label{display:block;color:#c8cdd2;font-size:13px;line-height:18px;opacity:0;transform:translateY(10px);transition:all .3s ease}.com-goole-vertify .input-container .input-item label.show{opacity:1;transform:translateY(0)}.com-goole-vertify .input-container .input-item input{display:block;box-sizing:border-box;width:100%;height:40px;background:#fff;border:0;border-bottom:2px solid #e9ecf0;font-size:20px;font-family:Baumans;line-height:24px;padding:8px 0 6px 0;transition:border-color .2s linear}.com-goole-vertify .input-container .input-item input::-webkit-input-placeholder{position:relative;top:-2px;color:#c8cdd2;font-size:15px}.com-goole-vertify .input-container .input-item input:focus{border-color:#14191e}.com-goole-vertify .input-container .input-item input::-webkit-autofill,.com-goole-vertify .input-container .input-item input::-webkit-autofill:focus{background:#fff}.com-goole-vertify .input-container .input-item .btn-code{z-index:1;position:absolute;right:3px;bottom:6px;height:26px;line-height:24px;color:#8c9196;font-size:14px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.com-goole-vertify .input-container .input-item .no-send{cursor:pointer}.com-goole-vertify .input-container .input-item .no-send:hover{color:#14191e}.com-goole-vertify .btn-container .btn{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:44px;background:#14191e;border-radius:4px;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.com-goole-vertify .btn-container .btn:before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.1);border-radius:4px;opacity:0;transition:.2s linear}.com-goole-vertify .btn-container .btn:hover:before{opacity:1}.com-goole-vertify .btn-container .btn .el-loading-mask{background:#14191e;border-radius:4px}.com-goole-vertify .btn-container .btn .el-loading-mask .circular{width:24px}.com-goole-vertify .btn-container .btn .el-loading-mask .circular .path{stroke:#fff}.com-goole-vertify .btn-container .el-button{height:44px;margin-bottom:10px}.com-goole-vertify .btn-container .el-button.wechat-login{background:#07c160;border-color:#07c160}.com-goole-vertify .btn-container .el-button.wechat-login:focus,.com-goole-vertify .btn-container .el-button.wechat-login:hover{background:#07cf68;border-color:#07cf68}.com-goole-vertify .btn-container .el-button.wechat-login .wechat-icon{width:20px;vertical-align:middle;margin-right:5px}.com-goole-vertify .btn-container .el-button.wechat-login .wechat-icon+span{vertical-align:middle}*{-webkit-tap-highlight-color:transparent;outline:0;margin:0;padding:0;box-sizing:border-box;font-family:PingFang SC,-apple-system,Hiragino Sans GB,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body,html{-webkit-user-select:none;-ms-user-select:none;user-select:none;background:#fff;text-size-adjust:none;-webkit-text-size-adjust:none}[v-cloak]{display:none}img{pointer-events:none;display:block}img:not([src]),img[src=""]{opacity:0}img[lazy=loading]{opacity:0;transition:opacity .2s}img[lazy=loaded]{opacity:1;transition:opacity .2s}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}input::-webkit-input-placeholder{color:#8c9196}input:-moz-placeholder,input::-moz-placeholder{color:#8c9196}input:-ms-input-placeholder{color:#8c9196}.view-login{position:fixed;z-index:1001;top:0;left:0;right:0;bottom:0;display:flex}.view-login input::-webkit-inner-spin-button,.view-login input::-webkit-outer-spin-button{-webkit-appearance:none}.view-login .side{display:flex;flex-direction:column;width:38.2%}@media (max-width:450px){.view-login .side{display:none}}.view-login .side .top{position:relative;flex:1;background:#1c1c1e url(https://imgheybox.max-c.com/oa/2023/02/08/4591b1635700c5aa1bc143d76bd50c4e.svgz) 50%/cover}.view-login .side .top .logo{position:absolute;top:40px;left:40px;height:20px}.view-login .side .bottom{height:calc(50% - 140px);background:#18181a;color:#fff;padding:20px 20px 30px 20px}.view-login .side .bottom .slider{width:100%;height:100%}.view-login .side .bottom .slider .slider-item{text-align:left;color:#e0e0e0}.view-login .side .bottom .slider .slider-item .t1{font-size:20px;font-weight:600;line-height:36px;margin-bottom:8px}.view-login .side .bottom .slider .slider-item .t2{font-size:18px;font-weight:300;line-height:25px}.view-login .side .bottom .pagination-outer{display:flex}.view-login .side .bottom .pagination-outer .pagination{height:4px;width:30px;background:#fff}.view-login .side .bottom .pagination-outer .pagination.grey{opacity:.1;background-color:#fff}.view-login .main{position:relative;display:flex;flex-direction:column;width:61.8%;background:#fff}.view-login .main .mobile-logo{display:none}@media (max-width:450px){.view-login .main .mobile-logo{width:300px;display:block;position:relative;top:107px;left:calc(50vw - 150px)}}.view-login .main .login-container{width:390px;margin:auto}@media (max-width:450px){.view-login .main .login-container{width:100vw}}.view-login .main .login-container .code-login-wrapper{width:100%;height:192px;display:flex;align-items:flex-end;margin-top:20px}.view-login .main .login-container .code-login-wrapper .right-box{width:184px;height:184px;margin-left:26px}.view-login .main .login-container .code-login-wrapper .right-box .qr-code-wrapper{width:100%;height:100%}.view-login .main .login-container .code-login-wrapper .right-box .fail-box,.view-login .main .login-container .code-login-wrapper .right-box .success-box{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.view-login .main .login-container .code-login-wrapper .right-box .fail-box .qrcode-box,.view-login .main .login-container .code-login-wrapper .right-box .fail-box .qrcode-box #login-qrcode,.view-login .main .login-container .code-login-wrapper .right-box .success-box .qrcode-box,.view-login .main .login-container .code-login-wrapper .right-box .success-box .qrcode-box #login-qrcode{width:100%;height:100%}.view-login .main .login-container .code-login-wrapper .right-box .fail-box .icon,.view-login .main .login-container .code-login-wrapper .right-box .success-box .icon{width:40px;height:40px;margin-bottom:16px;color:#fff;border-radius:50%}.view-login .main .login-container .code-login-wrapper .right-box .fail-box .icon .iconfont,.view-login .main .login-container .code-login-wrapper .right-box .success-box .icon .iconfont{width:40px;height:40px;font-size:24px}.view-login .main .login-container .code-login-wrapper .right-box .fail-box .icon .iconfont:before,.view-login .main .login-container .code-login-wrapper .right-box .success-box .icon .iconfont:before{line-height:40px}.view-login .main .login-container .code-login-wrapper .right-box .fail-box .title,.view-login .main .login-container .code-login-wrapper .right-box .success-box .title{line-height:16px;font-size:16px;color:#14191e;font-weight:600}.view-login .main .login-container .code-login-wrapper .right-box .fail-box .desc,.view-login .main .login-container .code-login-wrapper .right-box .fail-box .refresh,.view-login .main .login-container .code-login-wrapper .right-box .success-box .desc,.view-login .main .login-container .code-login-wrapper .right-box .success-box .refresh{line-height:12px;margin-top:12px;font-size:12px}.view-login .main .login-container .code-login-wrapper .right-box .fail-box .refresh,.view-login .main .login-container .code-login-wrapper .right-box .success-box .refresh{cursor:pointer;color:#168fd0}.view-login .main .login-container .code-login-wrapper .right-box .fail-box .desc,.view-login .main .login-container .code-login-wrapper .right-box .success-box .desc{color:#14191e}.view-login .main .login-container .code-login-wrapper .left-box{width:180px;height:192px}.view-login .main .login-container .code-login-wrapper .left-box img{width:100%;height:100%;display:block}.view-login .main .bottom-company-info{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;height:60px;color:#c8cdd2;font-size:14px}@media (max-width:450px){.view-login .main .bottom-company-info{display:none}}