.login-box[data-v-cd4d081c]{height:100vh;display:flex;align-items:center;justify-content:center;background-image:url(../../static/img/login_bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:50%}.login-box .login[data-v-cd4d081c]{display:flex;flex-direction:column;align-items:center;max-width:80%;min-width:1.5625rem;padding:.10417rem .10417rem 0;background-color:rgba(0,0,0,.3);border-radius:.04167rem;box-shadow:0 .01042rem .03125rem #efefef}.login-box .login h3[data-v-cd4d081c]{margin-bottom:.10417rem;color:#fff}.login-box .login[data-v-cd4d081c] .el-input{margin-bottom:20px}.login-box .login[data-v-cd4d081c] .el-input input{background-color:hsla(0,0%,100%,.4)}.login-box .login[data-v-cd4d081c] .el-input input::placeholder{color:#fff!important}.login-box .login[data-v-cd4d081c] .el-input input:hover{background-color:#fff}.login-box .login[data-v-cd4d081c] .el-input input:hover::placeholder{color:#ccc!important}.login-box .login[data-v-cd4d081c] .el-button{width:100%;background-color:rgba(64,158,255,.4);border-color:rgba(64,158,255,.4)}.login-box .login[data-v-cd4d081c] .el-button:hover{background-color:#409eff;border-color:#409eff}@media screen and (max-width:1000px){.px-login-box .login[data-v-cd4d081c]{width:40%;border-radius:10px;padding:10px}}@media screen and (max-width:500px){.px-login-box .login[data-v-cd4d081c]{width:80%;padding:10px;border-radius:10px}}