:root{--blue:#406eff;--flexible-height:60px;--flexible-box-height:54px;--flexible-box-width:418px;--flexible-width:496px;--flexible-inner-height:33px;overflow:hidden}body{animation:fadein 1.4s linear}@keyframes fadein{from{opacity:0}to{opacity:1}}body input[type=checkbox]{-webkit-appearance:checkbox}.hide{opacity:0}.logo-img{z-index:1;margin-top:4rem;left:4rem;width:17.6rem;height:2.3rem;position:absolute;background-image:url(../images/common/logo@2x.png)}.qr-code-img{width:240.8px;height:240.8px;border:22.4px solid #f6f7fd}.pc-login{display:block}.verify-code-line{display:flex;justify-content:space-between;align-items:center}.verify-code-line .verify-input{font-size:18px;padding-left:50px;background:url(/images/login/msg.png) no-repeat;background-position:11px 13px;width:100%;box-sizing:border-box;border:1px solid #e8e8e9}.verify-code-line .verify-input:focus{border:1px solid #3a68ff}.verify-code-line .verification-code-btn{position:absolute;margin-left:calc(var(--flexible-width) * .63);line-height:var(--flexible-height)}.verify-code-line .disabled-code-btn{margin-left:calc(var(--flexible-width) * .6)}.verify-code-line .verify-grow{box-sizing:border-box;padding-left:50px;font-size:18px;background:url(/images/login/pwd.png) no-repeat;background-position:11px 13px;max-width:100%;flex-grow:1;border:1px solid #e8e8e9}.verify-code-line .verify-grow:focus{border:1px solid #3a68ff}.forgot-pwd{text-align:right;color:#406eff;padding-right:28px;line-height:54px;font-size:18px;height:54px;flex-wrap:nowrap}.nice-blue{color:var(--blue)}#login-bar,#signup-bar{display:none}#login-bar.active,#signup-bar.active{display:flex}#prompt-bar a,#signup-bar a{font-size:29.5px;color:#000;font-weight:600;cursor:default}#prompt-bar .short,#signup-bar .short{width:100%;margin-bottom:0;border:none;height:3px;background-color:#406eff}.login-switch-container{display:flex;align-items:center;justify-content:center;height:6%;background-color:var(--blue);border-radius:.3rem}.login-switch-container button{width:48%;text-align:center;background-color:var(--blue);border:none;color:#fff}.login-switch-container .active{background-color:#fff;color:var(--blue);height:var(--flexible-inner-height);border-radius:2px}.page-switch.blue{color:#406eff}.even-layout{display:flex;flex-direction:column;justify-content:space-between;align-items:center;overflow:hidden;border-radius:12px}.input-brick{box-sizing:border-box}.fixed-height-brick{width:var(--flexible-box-width);margin:0 auto;border-radius:7px;height:var(--flexible-height)}.fixed-height-gap{height:24px}.input-area{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:100%}.input-area .contury-suggest{z-index:1;position:absolute;display:none;top:60px;left:0;background-color:#fff;color:#0c0c0f;width:calc(var(--flexible-box-width) - 3px);margin:0 auto;text-align:left;border-radius:5px;height:180px;overflow-y:scroll;overflow-x:hidden;border:1px solid #e0e0e0}.input-area .contury-suggest::-webkit-scrollbar{width:.5rem;border-radius:.2rem;background-color:transparent}.input-area .contury-suggest::-webkit-scrollbar-thumb{background-color:#ededed}.input-area .contury-suggest p{padding-left:16px;font-size:16px;font-weight:400;line-height:50px;letter-spacing:0;color:#828282}.input-area .contury-suggest ul{padding:0;margin:0}.input-area .contury-suggest li{height:36px;line-height:36px;padding:0 15px;font-size:14px;text-align:left;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between}.input-area .contury-suggest li.active,.input-area .contury-suggest li:hover{background-color:#f0f0f0;color:#406eff}.input-area #login-account-input,.input-area .mobile-num{display:flex}.input-area #login-account-input #account_select,.input-area #login-account-input #bind-old_select,.input-area #login-account-input #mobile_select,.input-area #login-account-input #reset-mobile_select,.input-area .mobile-num #account_select,.input-area .mobile-num #bind-old_select,.input-area .mobile-num #mobile_select,.input-area .mobile-num #reset-mobile_select{width:75px;height:60px;position:relative;text-align:left;padding:0 11px;border-radius:7px 0 0 7px;box-sizing:border-box;border:1px solid #e8e8e9;line-height:60px}.input-area #login-account-input #account_select span,.input-area #login-account-input #bind-old_select span,.input-area #login-account-input #mobile_select span,.input-area #login-account-input #reset-mobile_select span,.input-area .mobile-num #account_select span,.input-area .mobile-num #bind-old_select span,.input-area .mobile-num #mobile_select span,.input-area .mobile-num #reset-mobile_select span{font-size:16px}.input-area #login-account-input #account_select svg,.input-area #login-account-input #bind-old_select svg,.input-area #login-account-input #mobile_select svg,.input-area #login-account-input #reset-mobile_select svg,.input-area .mobile-num #account_select svg,.input-area .mobile-num #bind-old_select svg,.input-area .mobile-num #mobile_select svg,.input-area .mobile-num #reset-mobile_select svg{position:absolute;top:27px;right:14px;transform:rotate(180deg)}.input-area #login-account-input #account_select:focus,.input-area #login-account-input #bind-old_select:focus,.input-area #login-account-input #mobile_select:focus,.input-area #login-account-input #reset-mobile_select:focus,.input-area .mobile-num #account_select:focus,.input-area .mobile-num #bind-old_select:focus,.input-area .mobile-num #mobile_select:focus,.input-area .mobile-num #reset-mobile_select:focus{border:1px solid #3a68ff}.input-area #login-account-input #account_select:hover,.input-area #login-account-input #bind-old_select:hover,.input-area #login-account-input #mobile_select:hover,.input-area #login-account-input #reset-mobile_select:hover,.input-area .mobile-num #account_select:hover,.input-area .mobile-num #bind-old_select:hover,.input-area .mobile-num #mobile_select:hover,.input-area .mobile-num #reset-mobile_select:hover{cursor:pointer}.input-area #login-account-input input,.input-area .mobile-num input{width:100%;height:60px;font-size:18px;border-radius:0 7px 7px 0;font-weight:400;line-height:60px;letter-spacing:0;border:1px solid #e8e8e9}.input-area #login-account-input input:focus,.input-area .mobile-num input:focus{border:1px solid #3a68ff}.input-area .pwd,.input-area .reset-pwd{font-size:18px;padding-left:50px;background:url(/images/login/pwd.png) no-repeat;background-position:11px 13px;border:1px solid #e8e8e9}.input-area .pwd:focus,.input-area .reset-pwd:focus{border:1px solid #3a68ff}.full-width{width:100%;height:100%}.full-height{height:100%}.filled-btn{font-size:18px;border-radius:5px;border:none;background-color:var(--blue);color:#fff}.unfilled-btn{color:var(--blue)}.line-mark{bottom:0;margin:0}#login-window,#signup-window{display:none;justify-content:center}#login-window.active,#signup-window.active{display:flex}#login-bind-old{width:100%;flex-direction:column;align-items:center}#signup-account a span{text-decoration:underline}.terms-and-cond{width:1.8rem;height:1.8rem;padding:0;border:1px solid #e6e6e6;margin-right:1rem;appearance:revert;-webkit-appearance:revert;-moz-appearance:revert}#signup-account .check-and-text{display:flex;flex-direction:row;align-items:center}.qr-container{position:relative;display:flex;justify-content:center;align-items:center;width:250px;height:250px;margin-top:80px}.qr-container .qr-mask{border-radius:12px;display:flex;align-items:center;position:absolute;bottom:0;left:0;z-index:11;background-color:#406eff;width:100%;font-size:14px}.qr-container .qr-mask .img-box{display:flex;align-items:center;justify-content:center;width:60px;height:60px}.qr-container .qr-mask .img-box img{width:40px;height:40px}.qr-container .qr-mask span{text-align:left;width:100%}.qr-container .qr-show-container{display:flex;justify-content:center;align-items:center}.qr-container .qr-show-container .yoo-icon{position:absolute;display:none;height:30%;border:3px #fff solid;width:30%;border-radius:50%;background:url(../images/login/yoo_icon.png) no-repeat #1e104f;background-size:contain;background-position:50% 50%;background-size:80% auto}.qr-container .qr-loading{position:absolute;display:flex;flex-direction:column;align-items:center;width:100%;height:auto}.qr-container .qr-loading .spinner{width:50px;height:50px;animation:rotate 2s linear infinite}.qr-container .qr-loading .spinner .path{stroke:#406eff;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}.qr-container .order_code_mask{display:flex;justify-content:center;align-items:center;position:absolute;width:280px;height:280px;background-color:rgba(0,0,0,.75);opacity:.9;color:#fff;font-weight:700;font-size:1rem;cursor:pointer}.bg-qr{position:absolute;background:rgba(255,255,255,.95);border:12px solid #f6f6f6;width:226px;height:226px;display:flex;justify-content:center;align-items:center;flex-direction:column}.bg-qr span{font-family:AlibabaPuHuiTi-Regular;font-size:16px;font-weight:400;line-height:22px;letter-spacing:0;color:#919499}.login-code,.login-mobilephone,.login-password{position:absolute;top:0;left:0;width:0;height:0;z-index:2}.login-code .icon-desktop,.login-mobilephone .icon-desktop,.login-password .icon-desktop{position:absolute;top:0;left:0;width:100px;height:100px;-webkit-transform:translate(-50px,-50px) rotate(45deg);transform:translate(-50px,-50px) rotate(45deg);cursor:pointer;background-color:#ccd8ff;-webkit-transition:background-color .3s;transition:background-color .3s;overflow:hidden}.login-code .icon-desktop .arco-icon,.login-mobilephone .icon-desktop .arco-icon,.login-password .icon-desktop .arco-icon{position:absolute;top:30px;right:-11px;width:40px;height:40px;transform:rotate(-45deg);color:#3333db;font-size:40px;-webkit-transition:color .3s;transition:color .3s}.login-code .icon-desktop:hover+.logo-tooltip,.login-mobilephone .icon-desktop:hover+.logo-tooltip,.login-password .icon-desktop:hover+.logo-tooltip{opacity:1;transform:scale(1);transition:opacity .5s}.login-code:hover,.login-mobilephone:hover,.login-password:hover{-webkit-transition:color .3s;transition:color .3s}.login-code:hover .arco-icon,.login-mobilephone:hover .arco-icon,.login-password:hover .arco-icon{color:#6f6ffc}.login-code:active,.login-mobilephone:active,.login-password:active{-webkit-transition:color .3s;transition:color .3s}.login-code:active .arco-icon,.login-mobilephone:active .arco-icon,.login-password:active .arco-icon{color:#3232c7}.login-code .logo-tooltip,.login-mobilephone .logo-tooltip,.login-password .logo-tooltip{opacity:0;position:absolute;right:-165px;top:20px;width:104.5px;height:48px;border:1px solid #406eff;letter-spacing:0;font-size:18px;line-height:46px;color:#fff;background:#406eff;border-radius:5px;box-sizing:border-box;transform:scale(0);transition:opacity .5 linear}.login-code .logo-tooltip::before,.login-mobilephone .logo-tooltip::before,.login-password .logo-tooltip::before{position:absolute;content:"";left:-6px;top:50%;width:10px;height:10px;background:#406eff;border:1px solid #406eff;border-top-color:transparent;border-right-color:transparent;transform:translateY(-50%) rotate(45deg)}.login-group,.signup-group{display:none}.login-group.active,.signup-group.active{display:flex}.login-content-center{width:var(--flexible-width);position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:space-around;align-items:center;font-size:18px;padding:.9rem;height:614px;border-radius:12px;background:#fff;box-sizing:border-box;box-shadow:0 3px 8px 0 rgba(0,0,0,.16)}.login-content-center .wechat-scan{width:100%;position:relative;flex-direction:column;align-items:center;overflow:hidden;border-radius:12px}.login-content-center img{width:100%}.login-content-center .submit-btn{width:var(--flexible-box-width);margin:0 auto}.login-content-center .bar-stack{position:relative;display:none;flex-direction:column;align-items:center;font-size:20px;width:82px;height:82px}.login-content-center .bar-stack.active{display:flex}.login-content-center .login-type,.login-content-center .signup-type{display:flex}.login-content-center .login-type a,.login-content-center .signup-type a{color:#919499}.login-content-center .login-type hr,.login-content-center .signup-type hr{margin-bottom:0;height:2px;display:none}.login-content-center .login-type .active a,.login-content-center .signup-type .active a{color:var(--blue)}.login-content-center .login-type .active hr,.login-content-center .signup-type .active hr{display:inline-block;background-color:var(--blue);height:3px;border-radius:1px;bottom:0;border:none}.login-content-center .login-type{justify-content:center}.login-content-center .login-type .stack{display:flex;flex-direction:column;align-items:center;margin:0 16px}.login-content-center .signup-type{justify-content:space-around}.login-content-center .signup-type .stack{display:none}.login-content-center .signup-type .stack.active{display:flex;flex-direction:column;align-items:center}.switch-account-center{display:none;flex-direction:column;justify-content:space-around;align-items:center;font-size:18px;margin:auto}.switch-account-center h3{font-size:30px;color:#202124;line-height:42px;margin-bottom:46px}@keyframes myFrame{50%{transform:translateX(10px);box-shadow:-1px 1px 20px rgba(232,239,246,.5)}}.switch-account-center ul{width:440px;max-height:600px;overflow-y:auto}.switch-account-center li{position:relative;display:flex;justify-content:space-between;border:1px solid rgba(32,33,36,.1);margin-bottom:2.9rem;padding:15px 13px;width:390px;transform-origin:0 0;border-radius:.6rem;overflow:hidden}.switch-account-center li span{position:absolute;top:-20px;left:-30px;width:77px;height:55px;line-height:80px;transform:rotate(-45deg);box-shadow:-2px 5px 11px 0 rgba(20,30,52,.12);font-size:12px;font-weight:400;letter-spacing:0;color:#fff;z-index:999}.switch-account-center li:hover{border:1px solid #406eff;box-shadow:-1px 1px 10px rgba(232,239,246,.5);animation:myFrame 1s linear infinite;-webkit-animation:myFrame 1s linear infinite}.switch-account-center li:hover .item-go{opacity:1}.switch-account-center li[data-type=enterprise]{border:1px solid #bc840d}.switch-account-center li[data-type=enterprise]::before{position:absolute;content:"";right:0;top:0;width:54px;height:54px;background-image:url(../images/login/icon-enterprise.svg);background-repeat:no-repeat;background-size:contain}.switch-account-center li .cover{position:absolute;top:0;left:0;z-index:11;width:418px;height:100%;opacity:.1;background:#bebebe}.switch-account-center li .item-avatar{position:relative;z-index:99;width:64px;height:64px;border-radius:.8rem;overflow:hidden}.switch-account-center li .item-content{position:relative;width:280px;display:flex;flex-direction:column;justify-content:center}.switch-account-center li .item-content h4{font-size:22px;text-align:left;color:#202124;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.switch-account-center li .item-content h5{font-size:20px;text-align:left;color:#919499;line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:-webkit-box}.switch-account-center li .item-go{position:relative;width:10px;background-image:url(../images/login/icon-right-narrow.svg);background-repeat:no-repeat;background-position-y:50%;margin-right:18px;opacity:0}.lower-container input{border:1px solid #c9c9c9;border-radius:4px;padding:10px}.login-container{display:flex}.login-container .icon-array{display:flex;justify-content:space-around}.login-container .sec-middle{width:55%}.login-container .desc-ele{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.login-container .desc-middle{display:flex;flex-direction:column;align-items:center;height:30vh;justify-content:space-around}.login-container .desc-middle h3{font-weight:800;font-size:2rem}.login-container .desc-bottom{display:flex;justify-content:center}.login-container .column-array{position:relative;display:flex;align-items:flex-end;justify-content:space-between;width:48%}.login-container .login-desc-cp{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;height:100vh;width:718px;opacity:0;animation:slide-left 1s ease-out .6s forwards;background:url(/images/login/login.png) no-repeat;background-position:0 0;background-size:cover}@keyframes slide-left{from{margin-left:-70%;opacity:0}to{margin-right:0;opacity:1}}.login-container .login-desc-cp .bottom-right-tag{position:absolute;width:360px;height:55px}.login-container .login-desc-cp .bottom-right-tag p{font-size:40px;font-family:AlibabaPuHuiTiB-Regular;font-weight:400;text-align:center;color:#fff;line-height:55px}.login-container .login-desc-cp .bottom-right-tag h4{opacity:.8;font-size:20px;font-family:AlibabaPuHuiTiR-Regular;font-weight:400;text-align:center;color:#fff;line-height:27px;letter-spacing:10px}.login-container .login-content-cp{display:flex;flex-grow:1;flex-direction:column;justify-content:start;align-items:center;background-color:#fff;opacity:0;animation:slide-right 1s ease-out .6s forwards;height:100vh}@keyframes slide-right{from{margin-right:-120%;opacity:0}to{margin-left:0;opacity:1}}.copyright-cp{position:absolute;bottom:7rem}.copyright-cp p{font-size:1rem}button{cursor:pointer}.agree-box{display:flex;align-items:center;justify-content:center;margin-top:5px}.agree-box-bind{display:flex;align-items:center;justify-content:center;margin-top:15px}.height-box{height:var(--flexible-box-height)}.disabled-code-btn{cursor:default;color:grey}.yoo-cover{position:absolute;top:0;left:0;z-index:11;width:496px;height:614px;border-radius:12px;background:rgba(255,255,255,.7)}.yoo-fail-warning{position:absolute;box-sizing:border-box;padding:25px 20px 27px 28px;z-index:21;left:50%;top:50%;transform:translate(-50%,-50%);width:401px;height:202px;border-radius:8px;background:#fff;box-shadow:0 6px 58px 0 rgba(121,145,173,.2)}.yoo-fail-warning .wram-title{text-align:left}.yoo-fail-warning .wram-title span{font-size:18px;font-weight:600;line-height:31px;letter-spacing:0;color:#0a1629}.yoo-fail-warning .wram-title p{margin-top:12px;font-size:16px;font-weight:400;line-height:28px;letter-spacing:0;text-decoration:none}.yoo-fail-warning button{width:87px;height:48px;border-radius:6px;border:none;margin-left:18px;margin-top:33px;float:right}.yoo-fail-warning .cancel{background:#e7eeff;color:#406eff}.yoo-fail-warning .determine{background:#406eff;color:#fff}@media screen and (max-width:1400px){.login-container .login-desc-cp{opacity:1;animation:none;display:none}.logo-img{background-image:url(../images/common/yoo_logo@2x.png)}.login-container .login-content-cp{opacity:1;animation:none;width:100%}:root{--flexible-height:60px;--flexible-width:496px;--flexible-box-height:54px;--flexible-inner-height:28px}}@media screen and (max-width:1000px){:root{--flexible-height:60px;--flexible-width:496px;--flexible-box-height:20px;--flexible-inner-height:28px}}@media screen and (max-height:800px){:root{--flexible-height:50px;--flexible-width:496px;--flexible-box-height:50px;--flexible-inner-height:28px}.forgot-pwd{height:50px;line-height:50px}.input-area #login-account-input,.input-area .mobile-num{background-position:11px 9px}.input-area .pwd,.input-area .reset-pwd{background-position:11px 9px}.verify-code-line .verify-input{background-position:11px 9px}.verify-code-line .verify-grow{background-position:11px 9px}}@media screen and (max-width:600px){:root{--flexible-height:60px;--flexible-width:335px;--flexible-box-height:40px;--flexible-box-width:calc(100vw - 20px);--flexible-inner-height:28px}.pc-login{display:none}.verify-code-line .verification-code-btn{margin-left:calc(var(--flexible-width) * .7)}.verify-code-line .disabled-code-btn{margin-left:calc(var(--flexible-width) * .65)}.login-content-center{margin-top:calc((100vh - 10 * var(--flexible-box-height)) * .3);width:unset;position:relative;display:flex;flex-direction:column;justify-content:space-around;align-items:center;font-size:18px;padding:.9rem;height:614px;border-radius:unset;background:#fff;box-sizing:border-box;box-shadow:unset}.logo-img{z-index:1;margin-top:calc((100vh - 10 * var(--flexible-box-height)) * .2);left:50%;transform:translateX(-50%);width:33.861rem;height:4.4rem;position:absolute;background-size:100% auto}}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5){.login-desc-cp{background:url(/images/login/login@2x.png) no-repeat}.pwd,.reset-pwd{background:url(/images/login/pwd@2x.png) no-repeat}}@media screen and (max-width:780px){.qr-container .order_code_mask p{font-size:2rem}}