.background[data-v-286ec27c]{position:absolute;width:100vw;height:100vh;opacity:.6}.body[data-v-82549fca]{height:100vh;background:#222;background-color:#222}[data-theme=red] .body[data-v-82549fca]{background-color:#222}[data-theme=blue] .body[data-v-82549fca]{background-color:#0b85a8}[data-theme=green] .body[data-v-82549fca]{background-color:#05bbc9}[data-theme=purple] .body[data-v-82549fca]{background-color:#720f9b}.body .main[data-v-82549fca]{position:fixed;left:50%;top:50%;width:430px;overflow:hidden;transform:translate(-50%,-50%)}.body .main .head[data-v-82549fca]{text-align:center;color:#fff}.body .main .head h1[data-v-82549fca]{font-size:30px;font-weight:400}.body .main .head p[data-v-82549fca]{margin-top:12px;font-size:12px;opacity:.6}.body .main .login[data-v-82549fca]{position:relative;box-sizing:border-box;height:320px;border-radius:6px;padding:48px 55px 0;margin-top:58px;background:#fff}.body .main .login .logo[data-v-82549fca]{position:absolute;left:50%;top:-35px;width:70px;height:70px;border-radius:100%;margin-left:-35px;overflow:hidden;background-size:cover}.body .main .login .title[data-v-82549fca]{margin-bottom:26px;font-size:20px;text-align:center}.body .main .login .item[data-v-82549fca]{height:36px;border:1px solid #eee;margin-bottom:12px;transition:all .2s ease}.body .main .login .item[data-v-82549fca]:focus-within,.body .main .login .item[data-v-82549fca]:hover{border-color:#ccc}.body .main .login .item:focus-within .tf[data-v-82549fca],.body .main .login .item:hover .tf[data-v-82549fca]{border-color:#ccc}.body .main .login .item .tf[data-v-82549fca]{width:40px;height:100%;border-right:1px solid #eee;font-size:18px;color:#000;background:#f5f5f5}.body .main .login .item input[data-v-82549fca]{box-sizing:border-box;height:100%;padding:0 12px;border:none}.body .main .login .c-button[data-v-82549fca]{margin-top:20px}.body .main .login .copyright[data-v-82549fca]{margin-top:26px;font-size:12px;text-align:center;color:#999}.body .code p[data-v-82549fca]{margin:70px 0 28px;font-size:18px;font-weight:700}.body .code form[data-v-82549fca]{position:relative;overflow:hidden}.body .code form input[data-v-82549fca]{width:310px;height:48px;padding:0 10px;border:1px solid #ddd;border-radius:4px 0 0 4px;transition:all .2s ease}.body .code form input[data-v-82549fca]:focus{border-color:#2f7bff}.body .code form span[data-v-82549fca]{position:absolute;right:100px;top:50%;font-size:13px;color:#2f7bff;transform:translateY(-50%);cursor:pointer}.body .code form span.z-dis[data-v-82549fca]{color:#999}.body .code form button[data-v-82549fca]{width:90px;height:50px;border-radius:0 4px 4px 0}