.s-canvas[data-v-febf0628]{height:38px;cursor:pointer}.s-canvas canvas[data-v-febf0628]{margin-top:1px;margin-left:8px}@supports(-webkit-mask:none) and (not (cater-color:#15ebff)){.login-container .login-main .el-input input{color:#15ebff}}.login-bg[data-v-077dd322]{height:100vh;position:relative}.login-bg .login-left[data-v-077dd322]{position:absolute;left:10%;top:0;height:100%}.login-bg .login-left .login-header-justify[data-v-077dd322]{text-align:justify;-moz-text-align-last:justify;text-align-last:justify;font-weight:400!important}.login-bg .login-left .login-header-justify[data-v-077dd322]:after{width:100%;display:inline-block;content:""}.login-bg .login-left .login-title[data-v-077dd322]{color:#5dfdff;font-size:.8rem;margin:2.8rem 0 0}.login-bg .login-left .login-line[data-v-077dd322]{position:absolute;width:8.75rem;height:1.1rem;right:0;bottom:0;transform:translate(16%,10%)}.login-bg .login-left .img[data-v-077dd322]{width:15.56rem;height:10rem;bottom:0;left:50%;transform:translateX(-50%);position:absolute}.login-bg .login-right[data-v-077dd322]{margin-left:60%;height:100vh;position:relative}.login-bg .login-right .login-form[data-v-077dd322]{position:absolute;top:50%;transform:translateY(-50%);left:0;color:#5dfdff;padding:.8rem .8rem 1rem}.login-bg .login-right .form-title[data-v-077dd322]{font-size:.35rem;text-align:center;margin-bottom:50px}.login-bg .login-right .login-btn[data-v-077dd322]{background:linear-gradient(90deg,#0071ff,#00fffc);width:100%;border-radius:.06rem;color:#fff;padding:.16rem 0;text-align:center;margin-top:40px;font-size:.36rem;cursor:pointer}.login-bg .login-footer[data-v-077dd322]{color:#15ebff;font-size:.3rem;position:fixed;bottom:0;left:0;width:100%}.login-bg[data-v-077dd322] :focus{outline:none}.login-bg .input-effect[data-v-077dd322]{width:100%;margin-bottom:40px;background-color:rgba(6,213,226,.2);position:relative}.login-bg .input-effect input[data-v-077dd322]{color:#15ebff;width:100%;box-sizing:border-box;letter-spacing:1px;font-size:.28rem;background:transparent;border:0;-webkit-appearance:none;border-radius:0;caret-color:#15ebff}.login-bg .input-effect input[data-v-077dd322]:-webkit-autofill{-webkit-text-fill-color:#15ebff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.login-bg .border[data-v-077dd322]{position:absolute;width:.2rem;height:.2rem}.login-bg .border-top-left[data-v-077dd322]{top:0;left:0;border-left:1px solid #00e4ff;border-top:1px solid #00e4ff}.login-bg .border-top-right[data-v-077dd322]{top:0;right:0;border-right:1px solid #00e4ff;border-top:1px solid #00e4ff}.login-bg .border-bottom-left[data-v-077dd322]{bottom:0;left:0;border-left:1px solid #00e4ff;border-bottom:1px solid #00e4ff}.login-bg .border-bottom-right[data-v-077dd322]{bottom:0;right:0;border-right:1px solid #00e4ff;border-bottom:1px solid #00e4ff}.login-bg .effect[data-v-077dd322]{border:1px solid transparent;padding:0 14px;transition:.4s;height:.86rem;line-height:.86rem;background:transparent;width:100%}.login-bg .effect~.focus-border[data-v-077dd322]:after,.login-bg .effect~.focus-border[data-v-077dd322]:before{content:"";position:absolute;top:0;left:0;width:0;height:1px;background-color:#00e4ff;transition:.3s}.login-bg .effect~.focus-border[data-v-077dd322]:after{top:auto;bottom:0;left:auto;right:0}.login-bg .effect~.focus-border i[data-v-077dd322]:after,.login-bg .effect~.focus-border i[data-v-077dd322]:before{content:"";position:absolute;top:0;left:0;width:1px;height:0;background-color:#00e4ff;transition:.4s}.login-bg .effect~.focus-border i[data-v-077dd322]:after{left:auto;right:0;top:auto;bottom:0}.login-bg .effect:focus~.focus-border[data-v-077dd322]:after,.login-bg .effect:focus~.focus-border[data-v-077dd322]:before,.login-bg .has-content.effect~.focus-border[data-v-077dd322]:after,.login-bg .has-content.effect~.focus-border[data-v-077dd322]:before{width:100%;transition:.3s}.login-bg .effect:focus~.focus-border i[data-v-077dd322]:after,.login-bg .effect:focus~.focus-border i[data-v-077dd322]:before,.login-bg .has-content.effect~.focus-border i[data-v-077dd322]:after,.login-bg .has-content.effect~.focus-border i[data-v-077dd322]:before{height:100%;transition:.4s}.login-bg .effect~label[data-v-077dd322]{position:absolute;left:14px;width:100%;top:50%;transform:translateY(-50%);color:#00a4b3;transition:.3s;z-index:-1;letter-spacing:.5px}.login-bg .effect:focus~label[data-v-077dd322],.login-bg .has-content.effect~label[data-v-077dd322]{top:-18px;left:0;font-size:12px;color:#00e4ff;transition:.3s}