.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-to{opacity:0}.text-indent{text-indent:25px}.login-container{width:100%;min-height:100%;position:relative;overflow:auto;background-size:100% 100%}.login-container .center{left:50%;top:50%;transform:translate(-50%,-50%)}.login-container .left{left:15%;top:50%;transform:translate(-50%,-50%)}.login-container .right{right:15%;top:50%;transform:translate(-50%,-50%)}.login-container .logo-box{position:absolute;margin:5px 15px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.login-container .logo-box img{margin:0 auto;display:block}.login-container .logo-box .logo-title{font-family:fangsong;font-size:20px;color:#4674e6;text-shadow:0 0 1px #4674e6}.login-container .form-container{width:360px;min-height:420px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:#fff;box-shadow:0 11px 30px 2px rgba(8,22,56,.11);border-radius:10px;position:absolute}.login-container .form-container h3{font-weight:500;color:#4674e6;text-align:center;margin:30px 0 30px;letter-spacing:2px}.login-container .form-container .input-group{width:66%;height:45px;margin:12px 17%;border-bottom:1px solid rgba(34,43,69,.45);position:relative;float:left;border-radius:0;color:rgba(34,43,69,.45)}.login-container .form-container .input-group .textMessage{font-size:12px;color:#fe8b56;position:relative;top:44px}.login-container .form-container .input-icon{color:rgba(34,43,69,.45);position:absolute;font-size:18px;top:24px}.login-container .form-container .input-label{position:absolute;font-size:16px;left:2px;letter-spacing:2px;line-height:40px;height:40px;transition:all .8s ease;color:#222b45;opacity:.45;top:8px}.login-container .form-container .input-title{letter-spacing:0;font-size:12px;top:0;z-index:2;height:10px;line-height:10px;left:0}.login-container .form-container .input-text{left:0;bottom:0;position:absolute;border:none;height:26px;background:transparent;font-size:16px;color:#222b45;width:100%;outline:none}.login-container .form-container .verify-text{width:130px;border-bottom:1px solid rgba(34,43,69,.45)}.login-container .form-container .input-text:focus+label>img{transition:all .6s ease;transform:rotate(1turn)}.login-container .form-container .login-btn{width:70%;margin:20px 15%}.login-container .form-container .verify-btn{margin:3px 0 0 144px;height:40px;width:100px;margin:9px 0 0 134px;height:35px;width:108px;font-size:12px}.login-container .form-container .register-guide{font-size:13px;font-family:PingFang SC;font-weight:400;color:#222b45;line-height:31px;text-align:center;border-top:1px solid #e5f8f3;height:50px;line-height:50px}.login-container .form-container .register-guide a{text-decoration:none;color:#4674e6}.bottom-box{font-size:12px;color:#6f7586;position:absolute;bottom:5px;right:10%}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input{-moz-appearance:textfield}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition-delay:999999s;-webkit-transition:color 999999s ease-out,background-color 999999s ease-out}.login-form__title{width:-webkit-max-content;width:-moz-max-content;width:max-content;color:#4674e6;font-size:36px;position:absolute;left:50%;transform:translateX(-50%);top:-16%;text-align:center}@media screen and (max-width:1024px){.login-container .center,.login-container .left,.login-container .right{left:50%;top:50%;transform:translate(-50%,-50%)}}@media screen and (max-width:768px){.login-container .center,.login-container .left,.login-container .right{left:50%;top:50%;transform:translate(-50%,-50%)}}@media screen and (max-width:640px){.login-container .form-container{width:92%;min-height:420px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;background:#fff;box-shadow:0 11px 30px 2px rgba(8,22,56,.11);border-radius:10px;position:absolute;box-sizing:border-box}.login-container .form-container .input-group{margin:10px 10%}.login-container .form-container .login-btn{margin:20px 15%}.login-container .form-container .input-group{width:80%;height:45px;margin:15px 10%;border-bottom:1px solid rgba(34,43,69,.45);position:relative;float:left;border-radius:0;color:rgba(34,43,69,.45)}.login-container .form-container .input-group .textMessage{font-size:12px;color:#fe8b56;position:relative;top:44px}.login-container .form-container .verify-text{width:50%}.login-container .form-container .verify-btn{margin:9px 0 0 54%}.login-container h3{margin:10px 0 10px;font-size:16px}.login-container .center,.login-container .left,.login-container .right{left:50%;top:50%;transform:translate(-50%,-50%)}.register .login-form__title{width:54%;position:fixed;right:10px;left:unset;transform:translateX(0);top:5px;font-weight:700;font-size:16px;text-align:right;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:none}}@media screen and (max-width:320px){.register .login-form__title{display:none}.login-container .logo-box{margin:0}.login-container .form-container{margin:50px auto}}