.login-container{height:100vh;background:#f7f8fa}.login-container-form{position:absolute;top:50%;left:50%;text-align:center;transform:translate(-50%,-50%)}.login-container-form .logo{width:151px;height:42px}.login-container-form .form-content{width:360px;padding:45px 24px;background-color:#fff;border-radius:28px;box-shadow:0 2px 8px 0 rgba(7,17,27,.06)}.login-container-form .login-input{width:312px;height:40px;padding:0 8px;font-size:16px;border:1px solid #e5e6eb;border-radius:20px;outline:none;transition:all .3s ease-out}.login-container-form .login-input:focus{border-color:#bbb;box-shadow:5px 5px 10px 2px rgba(0,0,0,.103);transform:translateY(-2px)}.login-container-form .captcha-form-item{display:flex;justify-content:space-between}.login-container-form .captcha-form-item .captcha-input{width:179px}.login-container-form .captcha-form-item .captcha-input .login-input{width:100%}.login-container-form .captcha-form-item .captcha{width:125px;height:40px;cursor:pointer}.login-container-form .login-label{position:absolute;top:0;left:0;width:200px;pointer-events:none}.login-container-form .login-label:after{position:absolute;top:0;left:0;width:200px;height:60px;content:"";transition:all .3s ease;transform:translateX(0)}.login-container-form .login-label span{position:absolute;bottom:-31px;left:12px;color:#86909c;transition:all .3s ease}.login-container-form .login-input:focus+.login-label span,.login-container-form .login-input:valid+.login-label span{left:0;font-size:16px;color:#86909c;transform:translateY(-36px)}.login-container-form .login-input:focus+.login-label:after,.login-container-form .login-input:valid+.login-label:after{transform:translateX(0)}.login-container .login-btn{width:100%;height:48px;background:#415ff9;border-radius:27px}.login-container-tips{position:fixed;bottom:0;width:100%;height:42px;padding-top:10px;text-align:center;vertical-align:middle}.login-container-tips .svg-icon{width:100%;height:22px}