.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);padding:20px 20px 30px;color:#fff;background:#18181a}.side .bottom .slider{overflow:hidden}.side .bottom .slider,.side .bottom .slider .side-swiper{width:100%;height:100%}.side .bottom .slider .slider-item{color:#e0e0e0;text-align:left}.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{width:30px;height:4px;background:#fff}.side .bottom .pagination-outer .pagination.grey{background-color:#fff;opacity:.1}.login-box .btn-container .btn{background:linear-gradient(0deg,#464b50,#14191e)!important}.row{position:relative;display:flex;width:100%;height:58px;padding:18px 0 2px;margin-bottom:30px;border-bottom:2px solid #e9ecf0;align-items:center}.row:after{position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#f1f2f3;transform:scaleY(.5);content:""}.row .btn-code{width:86px;height:30px;margin-left:12px;cursor:pointer}.row .btn-code p{width:100%;height:30px;font-size:12px;line-height:30px;color:#14191e;text-align:center;background-color:#f7f8f9;border-radius:2px}.row .btn-code p.disable{color:#c8cdd2;background-color:#f7f8f9}.row input{position:relative;z-index:2;width:0;width:100vw;height:40px;font-size:15px;line-height:30px;color:#14191e;border:none!important;overflow:hidden;flex:1}.row .prefix{position:relative;min-width:66px;padding-right:12px}.row .prefix label{display:flex;height:30px;font-size:15px;font-weight:600;color:#14191e;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{position:absolute;top:0;left:0;z-index:1;opacity:0}.js-focus-within .row[focus-within],.row[focus-within].js-focus-within{border-bottom:2px solid #14191e}.row:focus-within{border-bottom:2px solid #14191e}::-moz-placeholder{font-size:15px;color:#c8cdd2!important}::placeholder{font-size:15px;color:#c8cdd2!important}.qr-login-wrapper .code-login-wrapper{display:flex;width:100%;height:192px;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{display:flex;width:100%;height:100%;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{font-size:16px;font-weight:600;line-height:16px;color:#14191e}.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{font-size:12px;line-height:12px;margin-top:12px}.qr-login-wrapper .code-login-wrapper .right-box .fail-box .refresh,.qr-login-wrapper .code-login-wrapper .right-box .success-box .refresh{color:#168fd0;cursor:pointer}.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{display:block;width:100%;height:100%}.qr-login-wrapper .bottom-bar{display:flex;margin-top:20px;-webkit-user-select:none;-moz-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;font-size:14px;font-weight:500;color:#8c9196;cursor:pointer;align-items:center}.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{width:300px;margin:0 auto;padding:0}}.login-box .title{display:flex;font-size:20px;font-weight:600;line-height:28px;color:#14191e;align-items:center;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;font-size:13px;line-height:18px;color:#c8cdd2;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{display:flex;height:30px;font-size:15px;font-weight:600;color:#14191e;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{position:absolute;top:0;left:0;z-index:1;opacity:0}.login-box .input-container .input-item input{box-sizing:border-box;display:block;width:100%;height:40px;padding:8px 0 6px;font-size:20px;line-height:24px;background:#fff;border:0;transition:border-color .2s linear;border-bottom:2px solid #e9ecf0;font-family:Baumans}.login-box .input-container .input-item input::-moz-placeholder{position:relative;top:-2px;font-size:15px;color:#c8cdd2}.login-box .input-container .input-item input::placeholder{position:relative;top:-2px;font-size:15px;color:#c8cdd2}.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;top:12px;right:0;font-size:1.2rem;line-height:20px}.login-box .input-container .input-field .get-auth-code{position:absolute;top:32px;right:0;display:inline-block;min-width:40px;padding:2px 0;font-size:1.2rem;text-align:center;background:#eee;border:1px solid #ccc;border-radius:2px;transition:all .3s ease-in-out;cursor:pointer}.login-box .input-container .input-field .get-auth-code:hover{background:#f5f5f5}.login-box .btn-container .btn{position:relative;display:flex;width:100%;height:44px;font-size:16px;font-weight:600;color:#fff;background:#14191e;border-radius:4px;cursor:pointer;justify-content:center;align-items:center}.login-box .btn-container .btn:before{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:hsla(0,0%,100%,.1);border-radius:4px;opacity:0;transition:.2s linear;content:""}.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;-moz-user-select:none;user-select:none}.login-box .bottom-bar .btn{display:flex;font-size:14px;font-weight:500;color:#8c9196;cursor:pointer;align-items:center;margin-left:auto}.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;bottom:-40px;left:0;width:100%;font-size:13px;line-height:30px;color:#fff;background:#f56c6c;border-radius:4px;margin-top:10px;padding-left:15px}.com-goole-vertify .title{display:flex;font-size:20px;font-weight:600;line-height:28px;color:#14191e;align-items:center;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;font-size:13px;line-height:18px;color:#c8cdd2;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{box-sizing:border-box;display:block;width:100%;height:40px;padding:8px 0 6px;font-size:20px;line-height:24px;background:#fff;border:0;transition:border-color .2s linear;border-bottom:2px solid #e9ecf0;font-family:Baumans}.com-goole-vertify .input-container .input-item input::-moz-placeholder{position:relative;top:-2px;font-size:15px;color:#c8cdd2}.com-goole-vertify .input-container .input-item input::placeholder{position:relative;top:-2px;font-size:15px;color:#c8cdd2}.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{position:absolute;right:3px;bottom:6px;z-index:1;height:26px;font-size:14px;line-height:24px;color:#8c9196;-webkit-user-select:none;-moz-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;width:100%;height:44px;font-size:16px;font-weight:600;color:#fff;background:#14191e;border-radius:4px;cursor:pointer;justify-content:center;align-items:center}.com-goole-vertify .btn-container .btn:before{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:hsla(0,0%,100%,.1);border-radius:4px;opacity:0;transition:.2s linear;content:""}.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:rgba(0,0,0,0);outline:0;margin:0;padding:0;box-sizing:border-box;font-family:Pingfang SC,Noto Sans CJK SC,xiaomi,BlinkMacSystemFont,Microsoft YaHei,sans-serif}body,html{-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#fff}[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}:root{--hb-primary--value:20,25,30;--hb-primary:rgb(var(--hb-primary--value));--hb-primary-dynamic--value:20,25,30;--hb-primary-dynamic:rgb(var(--hb-primary-dynamic--value));--hb-black-100--value:0,0,0;--hb-black-100:rgb(var(--hb-black-100--value));--hb-white-100--value:255,255,255;--hb-white-100:rgb(var(--hb-white-100--value));--hb-neutral-800--value:100,105,110;--hb-neutral-800:rgb(var(--hb-neutral-800--value));--hb-neutral-700--value:140,145,150;--hb-neutral-700:rgb(var(--hb-neutral-700--value));--hb-neutral-600--value:200,205,210;--hb-neutral-600:rgb(var(--hb-neutral-600--value));--hb-neutral-500--value:218,221,224;--hb-neutral-500:rgb(var(--hb-neutral-500--value));--hb-neutral-400--value:241,242,243;--hb-neutral-400:rgb(var(--hb-neutral-400--value));--hb-neutral-300--value:243,244,245;--hb-neutral-300:rgb(var(--hb-neutral-300--value));--hb-neutral-200--value:247,248,249;--hb-neutral-200:rgb(var(--hb-neutral-200--value));--hb-neutral-100--value:250,251,252;--hb-neutral-100:rgb(var(--hb-neutral-100--value));--hb-blue-100--value:0,75,150;--hb-blue-100:rgb(var(--hb-blue-100--value));--hb-green-100--value:0,144,21;--hb-green-100:rgb(var(--hb-green-100--value));--hb-green-0--value:50,184,70;--hb-green-0:rgb(var(--hb-green-0--value));--hb-red-100--value:250,60,75;--hb-red-100:rgb(var(--hb-red-100--value));--hb-orange-100--value:246,112,16;--hb-orange-100:rgb(var(--hb-orange-100--value));--hb-yellow-100--value:246,157,53;--hb-yellow-100:rgb(var(--hb-yellow-100--value));--hb-gradient-1:linear-gradient(45deg,#ff6771,#f53e59);--hb-gradient-2:linear-gradient(45deg,#ff9f00,#f58045);--hb-gradient-3:linear-gradient(45deg,#fa6eff,#cb33ff);--hb-gradient-4:linear-gradient(45deg,#52b7ff,#1a91fe);--hb-gradient-5:linear-gradient(45deg,#8fd427,#59d01b);--hb-gradient-6:linear-gradient(45deg,#464b50,#14191e);--hb-gradient-7:linear-gradient(45deg,#736e7d,#1b2025);--hb-gradient-8:linear-gradient(45deg,#5a5d5b,#3f4147);--hb-gradient-9:linear-gradient(135deg,#01d09e,#01d02f);--hb-gradient-10:linear-gradient(90deg,#ff5094,#ff7245);--hb-other-1--value:57,61,64;--hb-other-1:rgb(var(--hb-other-1--value));--hb-general-color-primary:var(--hb-primary-dynamic);--hb-general-color-danger:var(--hb-red-100);--hb-general-color-success:var(--hb-green-100);--hb-general-color-plain:var(--hb-white-100);--hb-general-color-text-1:var(--hb-primary-dynamic);--hb-general-color-text-2:var(--hb-neutral-800);--hb-general-color-text-3:var(--hb-neutral-700);--hb-general-color-text-4:var(--hb-neutral-600);--hb-general-color-text-5:var(--hb-blue-100);--hb-general-color-text-6:var(--hb-white-100);--hb-general-color-stroke-0:var(--hb-neutral-500);--hb-general-color-stroke-1:var(--hb-neutral-400);--hb-general-color-stroke-2:var(--hb-neutral-300);--hb-general-color-stroke-3:var(--hb-neutral-100);--hb-general-color-bg-0:var(--hb-neutral-400);--hb-general-color-bg-1:var(--hb-neutral-300);--hb-general-color-bg-2:var(--hb-neutral-200);--hb-general-color-bg-3:var(--hb-neutral-100);--hb-general-color-bg-4:var(--hb-white-100);--hb-general-color-bg-5:rgba(var(--hb-other-1--value),0.9);--hb-general-color-bg-6:rgba(var(--hb-primary--value),0.1);--hb-game-color-super-lowest:var(--hb-green-100);--hb-game-color-lowest:var(--hb-green-100);--hb-game-color-sale:var(--hb-orange-100);--hb-gamerecord-color-white-01a:rgba(var(--hb-white-100--value),0.01);--hb-gamerecord-color-white-02a:rgba(var(--hb-white-100--value),0.02);--hb-gamerecord-color-white-03a:rgba(var(--hb-white-100--value),0.03);--hb-gamerecord-color-white-05a:rgba(var(--hb-white-100--value),0.05);--hb-gamerecord-color-white-08a:rgba(var(--hb-white-100--value),0.08);--hb-gamerecord-color-white-10a:rgba(var(--hb-white-100--value),0.1);--hb-gamerecord-color-white-15a:rgba(var(--hb-white-100--value),0.15);--hb-gamerecord-color-white-20a:rgba(var(--hb-white-100--value),0.2);--hb-gamerecord-color-white-30a:rgba(var(--hb-white-100--value),0.3);--hb-gamerecord-color-white-40a:rgba(var(--hb-white-100--value),0.4);--hb-gamerecord-color-white-50a:rgba(var(--hb-white-100--value),0.5);--hb-gamerecord-color-white-60a:rgba(var(--hb-white-100--value),0.6);--hb-gamerecord-color-white-70a:rgba(var(--hb-white-100--value),0.7);--hb-gamerecord-color-white-80a:rgba(var(--hb-white-100--value),0.8);--hb-gamerecord-color-white-90a:rgba(var(--hb-white-100--value),0.9);--hb-gamerecord-color-white-100a:rgba(var(--hb-white-100--value),1);--hb-gamerecord-color-black-01a:rgba(var(--hb-black-100--value),0.01);--hb-gamerecord-color-black-02a:rgba(var(--hb-black-100--value),0.02);--hb-gamerecord-color-black-03a:rgba(var(--hb-black-100--value),0.03);--hb-gamerecord-color-black-05a:rgba(var(--hb-black-100--value),0.05);--hb-gamerecord-color-black-08a:rgba(var(--hb-black-100--value),0.08);--hb-gamerecord-color-black-10a:rgba(var(--hb-black-100--value),0.1);--hb-gamerecord-color-black-15a:rgba(var(--hb-black-100--value),0.15);--hb-gamerecord-color-black-20a:rgba(var(--hb-black-100--value),0.2);--hb-gamerecord-color-black-30a:rgba(var(--hb-black-100--value),0.3);--hb-gamerecord-color-black-40a:rgba(var(--hb-black-100--value),0.4);--hb-gamerecord-color-black-50a:rgba(var(--hb-black-100--value),0.5);--hb-gamerecord-color-black-60a:rgba(var(--hb-black-100--value),0.6);--hb-gamerecord-color-black-70a:rgba(var(--hb-black-100--value),0.7);--hb-gamerecord-color-black-80a:rgba(var(--hb-black-100--value),0.8);--hb-gamerecord-color-black-90a:rgba(var(--hb-black-100--value),0.9);--hb-gamerecord-color-black-100a:rgba(var(--hb-black-100--value),1)}@font-face{font-family:xiaomi;font-style:normal;font-weight:400;src:url(https://com.max.xiaoheihe.localfont/?font_family_name=W400) format("woff")}@font-face{font-family:xiaomi;font-style:normal;font-weight:500;src:url(https://com.max.xiaoheihe.localfont/?font_family_name=W500) format("woff")}@font-face{font-family:xiaomi;font-style:normal;font-weight:600;src:url(https://com.max.xiaoheihe.localfont/?font_family_name=W500) format("woff")}@font-face{font-family:xiaomi;font-style:normal;font-weight:700;src:url(https://com.max.xiaoheihe.localfont/?font_family_name=W700) format("woff");src:url(https://com.max.xiaoheihe.localfont/?font_family_name=W500) format("woff")}@font-face{font-family:xiaomi;font-style:normal;font-weight:800;src:url(https://com.max.xiaoheihe.localfont/?font_family_name=W700) format("woff");src:url(https://com.max.xiaoheihe.localfont/?font_family_name=W500) format("woff")}@font-face{font-family:xiaomi;font-style:normal;font-weight:900;src:url(https://com.max.xiaoheihe.localfont/?font_family_name=W700) format("woff");src:url(https://com.max.xiaoheihe.localfont/?font_family_name=W500) format("woff")}@font-face{font-family:Helvetica;font-style:normal;font-weight:400;src:url(https://static.max-c.com/web/hb_theme/font/Helvetica/font.eot);src:url(https://static.max-c.com/web/hb_theme/font/Helvetica/font.eot?#iefix) format("embedded-opentype"),url(https://static.max-c.com/web/hb_theme/font/Helvetica/font.woff) format("woff"),url(https://static.max-c.com/web/hb_theme/font/Helvetica/font.ttf) format("truetype"),url(https://static.max-c.com/web/hb_theme/font/Helvetica/font.svg) format("svg")}@font-face{font-family:Helvetica;font-style:normal;font-weight:500;src:url(https://static.max-c.com/web/hb_theme/font/Helvetica/font.eot);src:url(https://static.max-c.com/web/hb_theme/font/Helvetica/font.eot?#iefix) format("embedded-opentype"),url(https://static.max-c.com/web/hb_theme/font/Helvetica/font.woff) format("woff"),url(https://static.max-c.com/web/hb_theme/font/Helvetica/font.ttf) format("truetype"),url(https://static.max-c.com/web/hb_theme/font/Helvetica/font.svg) format("svg")}@font-face{font-family:Helvetica;font-style:normal;font-weight:600;src:url(https://static.max-c.com/web/hb_theme/font/Helvetica_bold/font.eot);src:url(https://static.max-c.com/web/hb_theme/font/Helvetica_bold/font.eot?#iefix) format("embedded-opentype"),url(https://static.max-c.com/web/hb_theme/font/Helvetica_bold/font.woff) format("woff"),url(https://static.max-c.com/web/hb_theme/font/Helvetica_bold/font.ttf) format("truetype"),url(https://static.max-c.com/web/hb_theme/font/Helvetica_bold/font.svg) format("svg")}@font-face{font-family:Helvetica;font-style:normal;font-weight:700;src:url(https://static.max-c.com/web/hb_theme/font/Helvetica_bold/font.eot);src:url(https://static.max-c.com/web/hb_theme/font/Helvetica_bold/font.eot?#iefix) format("embedded-opentype"),url(https://static.max-c.com/web/hb_theme/font/Helvetica_bold/font.woff) format("woff"),url(https://static.max-c.com/web/hb_theme/font/Helvetica_bold/font.ttf) format("truetype"),url(https://static.max-c.com/web/hb_theme/font/Helvetica_bold/font.svg) format("svg")}@font-face{font-family:ALIBABA Font;font-style:normal;font-weight:400;src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot);src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot?#iefix) format("embedded-opentype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.woff) format("woff"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.ttf) format("truetype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.svg) format("svg")}@font-face{font-family:ALIBABA Font;font-style:normal;font-weight:500;src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot);src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot?#iefix) format("embedded-opentype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.woff) format("woff"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.ttf) format("truetype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.svg) format("svg")}@font-face{font-family:ALIBABA Font;font-style:normal;font-weight:600;src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot);src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot?#iefix) format("embedded-opentype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.woff) format("woff"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.ttf) format("truetype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.svg) format("svg")}@font-face{font-family:ALIBABA Font;font-style:normal;font-weight:700;src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot);src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot?#iefix) format("embedded-opentype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.woff) format("woff"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.ttf) format("truetype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.svg) format("svg")}@font-face{font-family:ALIBABA Font;font-style:normal;font-weight:800;src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot);src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot?#iefix) format("embedded-opentype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.woff) format("woff"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.ttf) format("truetype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.svg) format("svg")}@font-face{font-family:ALIBABA Font;font-style:normal;font-weight:900;src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot);src:url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.eot?#iefix) format("embedded-opentype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.woff) format("woff"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.ttf) format("truetype"),url(https://static.max-c.com/web/hb_theme/font/ALIBABAFont/font.svg) format("svg")}.view-login{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:flex}.view-login input::-webkit-inner-spin-button,.view-login input::-webkit-outer-spin-button{-webkit-appearance:none;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);padding:20px 20px 30px;color:#fff;background:#18181a}.view-login .side .bottom .slider{width:100%;height:100%}.view-login .side .bottom .slider .slider-item{color:#e0e0e0;text-align:left}.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{width:30px;height:4px;background:#fff}.view-login .side .bottom .pagination-outer .pagination.grey{background-color:#fff;opacity:.1}.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{position:relative;top:107px;left:calc(50vw - 150px);display:block;width:300px}}.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{display:flex;width:100%;height:192px;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{display:flex;width:100%;height:100%;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{font-size:16px;font-weight:600;line-height:16px;color:#14191e}.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{font-size:12px;line-height:12px;margin-top: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{color:#168fd0;cursor:pointer}.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{display:block;width:100%;height:100%}.view-login .main .bottom-company-info{position:absolute;right:0;bottom:0;left:0;display:flex;height:60px;font-size:14px;color:#c8cdd2;justify-content:center;align-items:center}@media(max-width:450px){.view-login .main .bottom-company-info{display:none}}