@keyframes animate-de41a42a{0%{transform:translateY(0) rotate(0deg);opacity:1;border-radius:0}to{transform:translateY(-1000px) rotate(2turn);opacity:0;border-radius:50%}}.login-frame[data-v-de41a42a]{width:100vw;height:100vh;display:flex}.login-frame .left[data-v-de41a42a]{flex-grow:1;background-image:url(../img/img.588698b6.jpeg);background-size:cover;background-position-x:center;position:relative}.login-frame .left .in[data-v-de41a42a]{color:#fff;position:absolute;left:50%;top:50%;z-index:10;transform:translate(-50%,-50%)}.login-frame .left .in .title[data-v-de41a42a]{font-size:48px;font-weight:700;margin-bottom:20px}.login-frame .left .circles[data-v-de41a42a]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.login-frame .left .circles li[data-v-de41a42a]{position:absolute;bottom:-150px;z-index:10;display:block;list-style:none;width:20px;height:20px;background:hsla(0,0%,100%,.2);animation:animate-de41a42a 25s linear infinite}.login-frame .left .circles li[data-v-de41a42a]:first-child{left:25%;width:80px;height:80px;animation-delay:0s}.login-frame .left .circles li[data-v-de41a42a]:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.login-frame .left .circles li[data-v-de41a42a]:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.login-frame .left .circles li[data-v-de41a42a]:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.login-frame .left .circles li[data-v-de41a42a]:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.login-frame .left .circles li[data-v-de41a42a]:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.login-frame .left .circles li[data-v-de41a42a]:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.login-frame .left .circles li[data-v-de41a42a]:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.login-frame .left .circles li[data-v-de41a42a]:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.login-frame .left .circles li[data-v-de41a42a]:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}.login-frame .right[data-v-de41a42a]{width:40%;background-color:#fff;padding:50px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.login-frame .right .logo[data-v-de41a42a]{max-height:20%}.login-frame .right .card[data-v-de41a42a]{width:70%;margin:0 auto;position:relative}.login-frame .right .card .title[data-v-de41a42a]{font-weight:700;color:#333;font-size:30px;text-align:center}.login-frame .right .card .tip[data-v-de41a42a]{width:-moz-fit-content;width:fit-content;margin:0 auto;font-size:14px;color:#d1d5db;margin-top:30px;position:relative}.login-frame .right .card .tip[data-v-de41a42a]:after,.login-frame .right .card .tip[data-v-de41a42a]:before{content:"";display:block;width:64px;height:1px;background-color:#d1d5db;position:absolute;top:50%;transform:translateY(-50%)}.login-frame .right .card .tip[data-v-de41a42a]:before{left:-75px}.login-frame .right .card .tip[data-v-de41a42a]:after{right:-75px}.login-frame .right .card .form[data-v-de41a42a]{margin-top:30px}.login-frame .right .white[data-v-de41a42a]{height:25%}.box[data-v-de41a42a]{margin-top:10px;position:relative}.box input[data-v-de41a42a]{width:100%;padding:8px 16px;box-sizing:border-box;font-size:16px;letter-spacing:1px;border:none;border-radius:20px;border-bottom:1px solid #000;outline:none;background:transparent}.verify .box input[data-v-de41a42a]{border-bottom-right-radius:0}.box label[data-v-de41a42a]{color:#999;position:absolute;bottom:0;left:16px;letter-spacing:1px;font-size:16px;pointer-events:none;transition:.5s}.box input:focus+label[data-v-de41a42a],.box input:valid+label[data-v-de41a42a]{bottom:20px;left:0;color:#03a9f4;font-size:12px}.verify[data-v-de41a42a]{position:relative;display:flex;justify-content:space-between;align-items:center}.verify .box[data-v-de41a42a]{flex-grow:1}#code[data-v-de41a42a]{cursor:pointer}.login-btn[data-v-de41a42a]{width:100%;margin-top:10px}@media(max-width:1000px){.login-frame .right[data-v-de41a42a]{width:50%}}@media(max-width:750px){.login-frame .left[data-v-de41a42a]{display:none}.login-frame .right[data-v-de41a42a]{width:100%}}