*{margin:0;padding:0;box-sizing:border-box}.login-wrapper{height:100%}.login-wrapper #particles{position:absolute;top:0;z-index:-1;width:100%;height:100%;background-color:var(--q-color-primary)}.login-wrapper #particles:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-image:linear-gradient(-170deg,hsla(0,0%,100%,0.2),transparent 30%)}.login-wrapper #particles canvas{display:block}.vbaas-login{width:100%;height:100%;background-position:50%;background-size:cover;position:relative}.vbaas-login .login-container{width:980px;height:auto;background:#fff;border-radius:4px;margin:0 auto}.vbaas-login .login-container .login-vbaas-logo{text-align:center;margin-bottom:20px 0}.vbaas-login .login-container .login-vbaas-logo img{max-height:60px;max-width:70%}.vbaas-login .login-container .login-content-contaier{display:flex;height:530px}.vbaas-login .login-container .login-content-contaier .form-left-img{display:flex;align-items:center;justify-content:center}.vbaas-login .login-container .login-content-contaier .form-left-img img{display:block;max-width:100%;max-height:100%}.vbaas-login .login-container .login-content-contaier .login-form-container{margin:45px;display:flex;flex-direction:column;justify-content:center}.vbaas-login .login-container .login-content-contaier .login-form-container .login-submit button{width:300px;height:46px;background:var(--q-color-primary);border-radius:4px;color:var(--q-color-primary);font-size:16px}.vbaas-login .login-container .login-content-contaier .login-form-container .login-code-input{width:204px;display:inline-block}.vbaas-login .login-container .login-content-contaier .login-form-container .login-code-img{border-radius:4px;border:1px solid #c3b3b3;height:46px;display:inline-block;margin-left:16px;margin-top:-16px}.vbaas-login .login-container .login-content-contaier .login-form-container .q-field__inner{width:300px}.vbaas-login .login-container .login-content-contaier .login-form-container .login-pwd-input .q-field__control{height:46px}.vbaas-login .login-container .login-content-contaier .login-form-container .login-pwd-input .q-field__control .pwd-eye{color:#ccc}.vbaas-login .login-container .login-content-contaier .login-form-container .q-field__control{height:46px}.vbaas-login .login-container .login-content-contaier .login-form-container .q-field__control .q-field__marginal{color:var(--q-color-primary)}.vbaas-login .login-container .login-content-contaier .login-form-container .q-field__control .q-field__marginal,.vbaas-login .login-container .login-content-contaier .login-form-container .q-field__control .q-field__prepend{height:46px}.vbaas-login .login-container .login-content-contaier .login-form-container .q-field__control .q-field__native{line-height:34px}.vbaas-login .login-footer{font-size:12px;color:#fff;text-align:center}