.login-box[data-v-311dc1f6]{height:100%;position:relative;background-color:#0e172b}.login-box .layer[data-v-311dc1f6]{position:absolute;height:100%;width:100%}.login-box .layer.flex-center[data-v-311dc1f6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.login-box .bg canvas[data-v-311dc1f6]{display:block;margin:0;padding:0}.login-box .login-form[data-v-311dc1f6]{width:500px;height:300px;border:1px solid #333;-webkit-box-shadow:2px 2px 5px #333;box-shadow:2px 2px 5px #333;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.login-box .login-form-wapper[data-v-311dc1f6]{height:250px;display:-webkit-box;display:-ms-flexbox;display:flex;vertical-align:middle;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login-box .login-form-left[data-v-311dc1f6]{width:55%}.login-box .login-form-right[data-v-311dc1f6]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:10px;position:relative;margin-top:40px}.login-box .login-form-right .login-code[data-v-311dc1f6]{display:block;width:50px;font-weight:700;cursor:pointer}.login-box .login-form-right .login-code span[data-v-311dc1f6]{padding:0 2px}.title[data-v-311dc1f6],.welcome[data-v-311dc1f6]{height:40px;line-height:40px;font-size:26px;padding-bottom:30px}.securitycode[data-v-311dc1f6]{display:-webkit-box;display:-ms-flexbox;display:flex}.mbtn[data-v-311dc1f6]{margin:0 10px}