*{box-sizing:border-box}body{height:100%;margin:0;padding:0;font-family:PingFang SC,Source Sans Pro,Helvetica Neue,Microsoft Yahei,Helvetica,Arial,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif,serif}.login-page{height:100%;display:flex;background:linear-gradient(90deg,#8183f7,#5c96ff)}.login-page-left{position:relative;align-items:flex-end;flex:0.6;background-size:cover;background-position:50%;background-repeat:no-repeat}.login-page-left,.login-page-right{display:flex;justify-content:center}.login-page-right{background:#fff;align-items:center;flex:0.4;padding:0 32px}.login-page-left .logo{position:absolute;height:40px;top:48px;left:48px}.logo-colored{display:none;margin-bottom:48px;height:35px}.login-container{flex:0.58;min-width:400px}.login-title{font-size:36px;line-height:40px;color:#222;margin-bottom:16px}.login-tip{font-size:16px}.login-tip a{color:#6a83fc;text-decoration:none;transition:all .2s linear;display:inline-flex}.login-tip a:hover{transform:translateY(-2px);transition:all .2s linear}.form-content{margin-top:32px}.form-group{position:relative;margin-bottom:24px}.form-control:focus+.valid-btn,.form-control:hover+.valid-btn{transition:all .2s linear;transform:translateY(calc(-50% - 2px))}.valid-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);padding:8px 20px;color:#6a83fc;cursor:pointer;transition:all .2s linear}.valid-btn.disabled{cursor:not-allowed;color:#b8b8b8}.valid-btn:hover{transition:all .2s linear;transform:translateY(calc(-50% - 1px))}.valid-btn.disabled:hover{transform:translateY(-50%)}.form-group .icon-browse,.form-group .icon-eye-close{padding:7px 20px;position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:24px;transition:all .2s linear;color:#333}.form-control:focus+span .icon-browse,.form-control:focus+span .icon-eye-close,.form-control:hover+span .icon-browse,.form-control:hover+span .icon-eye-close{transform:translateY(calc(-50% - 2px));transition:all .2s linear}.form-group .icon-browse:hover,.form-group .icon-eye-close:hover{transition:all .2s linear;transform:translateY(calc(-50% - 1px));color:#6a83fc}.form-control{width:100%;height:50px;line-height:50px;border-radius:6px;padding:0 20px;border:1px solid #ddd;transition:all .2s linear;font-size:16px;display:flex;align-items:center}.form-control:focus,.form-control:hover{border-color:#6a83fc;transform:translateY(-3px);transition:all .2s linear;box-shadow:0 0 20px rgba(106,131,252,.2);outline:none}.other-panel{display:flex;align-items:center;justify-content:space-between;margin-top:32px}.other-panel a{text-decoration:none;color:#626262;transition:all .2s linear}a.btn-link{color:#6a83fc}.other-panel a:hover{transform:translateY(-2px);transition:all .2s linear}.btn{height:50px;background:#6a83fc;color:#fff;width:100%;border-radius:6px;border:none;font-size:18px}.btn,.btn:hover{transition:all .2s linear}.btn:hover{transform:translateY(-3px);cursor:pointer;box-shadow:0 0 20px rgba(106,131,252,.5)}.btn:disabled{background:rgba(106,131,252,.5);cursor:not-allowed}.other-login{margin-top:60px}.login-icon,.other-login{display: none;align-items:center;justify-content:center}.login-icon{position:relative;width:70px;height:70px;border-radius:50%;background:#fff;box-shadow:0 0 20px 0 rgba(0,0,0,.05);margin:0 15px;transition:all .2s linear}.login-icon:hover{transform:translateY(-3px);transition:all .2s linear;box-shadow:0 0 20px rgba(106,131,252,.2)}.error-tip{margin:0 0 16px 0;padding:10px 15px;color:#ea5455;font-size:14px;background:rgba(234,84,85,.12);border-radius:6px}.login-lang-switch{position:relative;width:100%;color:#626262;font-weight:400;font-size:15px;text-align:center;margin-top:60px}.login-lang-switch:after,.login-lang-switch:before{position:absolute;top:50%;display:block;width:38%;height:1px;background:#ddd;border-radius:2px;content:""}.login-lang-switch:after{right:0}.switch-lang{position:relative;display:inline-flex;align-items:center;cursor:pointer;transition:all .2s linear}.switch-lang.open,.switch-lang:hover{transform:translateY(-2px);transition:all .2s linear;color:#222}.switch-lang .iconfont{margin-left:6px;transition:all .2s linear}.switch-lang.open .iconfont{transform:rotate(-180deg);transition:all .2s linear}.lang-dropdown{position:absolute;top:20px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;border-radius:6px;box-shadow:0 0 20px rgba(106,131,252,.2);max-width:100px;margin:10px auto;cursor:pointer}.lang-dropdown a{display:flex;align-items:center;padding:0 20px;height:40px;font-size:15px;cursor:pointer}.lang-dropdown a:hover{color:#6a83fc;background:#eaf0ff}.lang-dropdown a.active{color:#6a83fc;cursor:default}.lang-dropdown a.active:hover{background:#fff}.select-radio{margin-bottom:30px}.select-title{margin-bottom:20px;font-weight:500}.select-content{display:flex}.select-content .iconfont{position:relative;color:#999;margin-left:5px;font-size:14px;width:14px;height:14px;z-index:2}.select-content .radio-inline{display:flex;align-items:center;cursor:pointer;transition:all .2s linear}.select-content .radio-inline:hover{transform:translateY(-1px);transition:all .2s linear}.select-content .radio-inline:last-child{margin-left:40px}.select-content .radio-inline input[type=radio]:checked+span{color:#6a83fc}.select-content .radio-inline input[type=radio]{opacity:0}.select-content .radio-style{position:relative;color:#333;line-height:1em}.select-content .radio-style:before{position:absolute;content:"";top:50%;transform:translateY(-50%);left:-22px;width:14px;height:14px;border-radius:50%;border:1px solid #c7c7c7}.select-content .radio-inline input[type=radio]:checked+.radio-style:before{background:#6a83fc;border:1px solid #6a83fc;box-shadow:0 0 20px rgba(106,131,252,.2)}.select-content .radio-inline input[type=radio]:checked+.radio-style:after{position:absolute;content:"";top:50%;transform:translateY(-50%);left:-16px;width:4px;height:4px;border-radius:50%;background:#fff}.select-content .radio-inline a{text-decoration:none}.select-content .radio-inline .popover{border:none;max-width:300px;border-radius:6px;display:none;position:absolute;background:#fff;z-index:2;box-shadow:0 0 20px rgba(0,0,0,.2)}.select-content .popover>.arrow:after{border-width:6px;position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;content:" "}.select-content .popover.top>.arrow:after{left:50%;transform:translateX(-50%);bottom:-12px;border-top-color:#fff}.select-content .radio-inline .popover-content{padding:10px 10px;font-size:14px;color:#626262}.select-content .radio-inline .pro1,.select-content .radio-inline .pro2{width:300px;top:-74px;left:50%;transform:translateX(-50%)}.code-intro,.select-content .radio-inline .iconfont:hover .popover{display:block}.code-intro{font-size:15px;line-height:1.6em;margin-top:50px;margin-bottom:-10px}.code-intro a{color:#6a83fc;text-decoration:none;display:inline-block;transition:all .2s linear}.code-intro a:hover{transform:translateY(-2px);transition:all .2s linear}@media screen and (max-width:768px){.logo-colored{display:block}.login-page-left{display:none;flex:0}.login-page-right{flex:1;padding:0 20px;align-items:flex-start;padding-top:48px}.login-container{flex:1;min-width:auto}.other-login{display:none}.form-group{margin-bottom:16px}.btn,.form-control{height:44px;line-height:44px}.login-title{font-size:30px}.login-lang-switch{position:absolute;bottom:48px;left:20px;right:20px;width:inherit}.lang-dropdown{bottom:25px;top:auto}.code-intro{font-size:14px}}.iconfont[data-v-48b1103d]{cursor:pointer}