body{width: 100vw;height: 100vh;}
.bg{background: url("/static/admin/images/bg.png") no-repeat;background-size: 100% 100%;width: 100vw;height: 100vh;}
.main{height: 100%;width: 100%;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-evenly;align-items: center;}
.main .l img{max-width: 30vw;}
.main .r{width: 20vw; padding: 3vh;background: #fff;border-radius: 0.4vh;}
.main .r .header{padding-bottom: 2vh;font-size: 2vh;font-weight: 600;}
.main .r .captcha{width: 15vh;height: 4.2vh;border-radius: 0.4vh}
@media screen and (-webkit-min-device-pixel-ratio:1.25),(min-device-pixel-ratio:1.25) {
    .main .r{width: 22vw; padding: 3vh;background: #fff;border-radius: 0.4vh;}
}
@media screen and (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5) {
    .main .r{width: 24vw; padding: 3vh;background: #fff;border-radius: 0.4vh;}
}
@media screen and (-webkit-min-device-pixel-ratio:1.75),(min-device-pixel-ratio:1.75) {
    .main .r{width: 25vw; padding: 3vh;background: #fff;border-radius: 0.4vh;}
}
@media screen and (-webkit-min-device-pixel-ratio:2),(min-device-pixel-ratio:2) {
    .main .r{width: 25vw; padding: 3vh;background: #fff;border-radius: 0.4vh;}
}