.main[data-v-bbdde6e6]{position:relative;align-items:center;display:flex;height:100vh;justify-content:center;background:linear-gradient(90deg,#c7c5f4,#776bcc)}.container[data-v-bbdde6e6]{width:4rem;margin:50px auto}.userbox[data-v-bbdde6e6]{margin:0 auto;position:relative;background:rgba(0,0,0,.38);border-radius:.2rem;display:flex;flex-direction:column;align-items:center;padding:.2rem .15rem}.elname[data-v-bbdde6e6]{margin-top:.2rem}.elname[data-v-bbdde6e6],.elpawd[data-v-bbdde6e6]{width:100%;margin-bottom:.2rem}.elcode[data-v-bbdde6e6]{width:100%;display:flex;justify-content:space-between;align-items:center}.elcode span[data-v-bbdde6e6]{width:40%;height:100%;background-color:#fff;border-radius:5px;overflow:hidden;display:flex;align-items:center;cursor:pointer}.code-input[data-v-bbdde6e6]{width:55%}.elbutton[data-v-bbdde6e6]{margin-top:.2rem;width:100%;z-index:9}.other-tit[data-v-bbdde6e6]{margin-top:.2rem;margin-bottom:.3rem;font-size:.16rem;z-index:9}.other-login[data-v-bbdde6e6]{margin:0 auto;width:1.6rem;display:flex;align-items:center;justify-content:space-between}.fb[data-v-bbdde6e6]{width:.58rem;height:.58rem;background:url(../img/fb.d0eda7db.png) no-repeat;background-size:cover}.gp[data-v-bbdde6e6]{width:.58rem;height:.58rem;background:url(../img/gp.afe6dff1.png) no-repeat;background-size:cover}@media(max-width:576px){.container[data-v-bbdde6e6]{width:99%;margin:50px auto}.userbox[data-v-bbdde6e6]{height:6.5rem;width:6.5rem;padding:.4rem .25rem}.elname[data-v-bbdde6e6]{margin-top:.2rem;margin-bottom:.4rem}.elpawd[data-v-bbdde6e6]{margin-bottom:.4rem}.elbutton[data-v-bbdde6e6]{margin-top:.4rem}.other-tit[data-v-bbdde6e6]{font-size:.24rem}.other-login[data-v-bbdde6e6]{width:2.6rem}.fb[data-v-bbdde6e6],.gp[data-v-bbdde6e6]{width:.9rem;height:.9rem}}