.box[data-v-4f2f5993]{height:100vh;background-image:url(../img/login-bg.c92b2d76.jpg);background-size:cover;background-position:50%;position:relative;overflow:hidden}.box .title[data-v-4f2f5993]{font-size:18px;position:absolute;top:20px;left:20px;color:#fff;font-weight:700;letter-spacing:2px}@media screen and (max-width:768px){.box .title[data-v-4f2f5993]{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.box .foot[data-v-4f2f5993]{position:absolute;bottom:10px;right:20px;color:#ccc;font-size:12px}@media screen and (max-width:768px){.box .foot[data-v-4f2f5993]{right:50%;-webkit-transform:translateX(50%);transform:translateX(50%)}}.box[data-v-4f2f5993]:before{position:absolute;content:"";width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,.2)}.box .login[data-v-4f2f5993]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;padding:50px;z-index:10;width:380px;border-radius:10px}@media screen and (max-width:380px){.box .login[data-v-4f2f5993]{padding:20px;width:calc(100vw - 20px);border-radius:6px}}.box .login-con-header[data-v-4f2f5993]{font-size:18px;font-weight:700;text-align:center;padding-bottom:20px;letter-spacing:2px}.box .login-con .login-tip[data-v-4f2f5993]{font-size:10px;text-align:center;color:#c3c3c3}.box .login .code[data-v-4f2f5993]{margin:-4px -7px -4px -7px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#fff;padding-right:5px;cursor:pointer}.box .login .code img[data-v-4f2f5993]{height:100%;margin-right:3px}.box .login .submit[data-v-4f2f5993]{background:-webkit-gradient(linear,left top,right top,from(#00dbde),to(#fc00ff));background:linear-gradient(90deg,#00dbde,#fc00ff);border:0;border-radius:36px;height:36px}.box .bg-bubbles[data-v-4f2f5993]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.box .bg-bubbles li[data-v-4f2f5993]{position:absolute;list-style:none;display:block;width:40px;height:40px;background-color:hsla(0,0%,100%,.15);bottom:-160px;-webkit-animation:square-data-v-4f2f5993 25s infinite;animation:square-data-v-4f2f5993 25s infinite;-webkit-transition-timing-function:linear;transition-timing-function:linear}.box .bg-bubbles li[data-v-4f2f5993]:first-child{left:10%}.box .bg-bubbles li[data-v-4f2f5993]:nth-child(2){left:20%;width:80px;height:80px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:17s;animation-duration:17s}.box .bg-bubbles li[data-v-4f2f5993]:nth-child(3){left:25%;-webkit-animation-delay:4s;animation-delay:4s}.box .bg-bubbles li[data-v-4f2f5993]:nth-child(4){left:40%;width:60px;height:60px;-webkit-animation-duration:22s;animation-duration:22s;background-color:hsla(0,0%,100%,.25)}.box .bg-bubbles li[data-v-4f2f5993]:nth-child(5){left:70%}.box .bg-bubbles li[data-v-4f2f5993]:nth-child(6){left:80%;width:120px;height:120px;-webkit-animation-delay:3s;animation-delay:3s;background-color:hsla(0,0%,100%,.2)}.box .bg-bubbles li[data-v-4f2f5993]:nth-child(7){left:32%;width:160px;height:160px;-webkit-animation-delay:7s;animation-delay:7s}.box .bg-bubbles li[data-v-4f2f5993]:nth-child(8){left:55%;width:20px;height:20px;-webkit-animation-delay:15s;animation-delay:15s;-webkit-animation-duration:40s;animation-duration:40s}.box .bg-bubbles li[data-v-4f2f5993]:nth-child(9){left:25%;width:10px;height:10px;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:40s;animation-duration:40s;background-color:hsla(0,0%,100%,.3)}.box .bg-bubbles li[data-v-4f2f5993]:nth-child(10){left:90%;width:160px;height:160px;-webkit-animation-delay:11s;animation-delay:11s}@-webkit-keyframes square-data-v-4f2f5993{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-700px) rotate(600deg);transform:translateY(-700px) rotate(600deg)}}@keyframes square-data-v-4f2f5993{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-700px) rotate(600deg);transform:translateY(-700px) rotate(600deg)}}