body{font-family:"Noto Sans SC, Noto Sans JP, Noto sans";font-size:12px}.app,body{width:100%;height:100%}img{width:100%}.loading{display:flex;position:fixed;width:100%;height:100%;margin:auto;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;z-index:20}.loading>.icon{width:32px;height:32px;margin:12px}.loading>span{font-size:18px;color:#585858}.app{opacity:1}.app .bg_box{position:absolute;width:100%;height:100%;background:center center no-repeat;background-size:cover;top:0;bottom:0;left:0;right:0}.app .mask_box{position:absolute;width:100%;height:100%;background-color:#fff;opacity:.6}.app .main_box{position:absolute;display:flex;width:100%;height:100%;justify-content:center;align-items:center;overflow:auto}.app .main_box .innr{position:relative;display:flex;overflow:hidden;width:740px;background-color:#fff;border-radius:12px;box-shadow:0 0 22px #a5979a;flex-wrap:wrap}.app .topbar_box{height:48px;width:100%;background-image:linear-gradient(-45deg,#ff98af 18%,#ffbecc 0,#ffbecc 50%,#ff98af 0,#ff98af 80%,#ffbecc 0);background-size:80px 100%}.app .topbar_box .logo{display:flex;align-items:center;margin:0 0 0 14px;color:#fff;font-size:1.8em;font-family:Noto Sans SC;font-weight:700;text-shadow:#da6c89 2px 2px 1px}.app .topbar_box .logo .logo_img{display:flex;position:relative;width:46px}.app .topbar_box .logo .logo_img>img:nth-child(1){z-index:10}.app .topbar_box .logo .logo_img>img:nth-child(2){position:absolute;left:2px;top:1px}.app .head_box{position:relative;width:320px}.app .head_box .head_bg{display:flex}.app .head_box .head_innr{position:absolute;top:0;left:0}.app .head_box .head_innr .head_text{position:relative;width:292px;margin:0 14px;color:transparent;font-size:3.8em;font-family:Noto Sans SC}.app .head_box .head_innr .head_text .stroke{position:absolute;text-shadow:#fff 4px 0 4px,#fff 0 4px 4px,#fff -4px 0 4px,#fff 0 -4px 4px,#fff 4px 0 4px,#fff 0 4px 4px,#fff -4px 0 4px,#fff 0 -4px 4px,#fff 4px 0 4px,#fff 0 4px 4px,#fff -4px 0 4px,#fff 0 -4px 4px,#fff 4px 0 4px,#fff 0 4px 4px,#fff -4px 0 4px,#fff 0 -4px 4px;z-index:0}.app .head_box .head_innr .head_text .text{position:absolute;background-image:linear-gradient(45deg,#fc8991,#ff3e7a);-webkit-background-clip:text;background-clip:text;z-index:1}.app .main_box .innr .login_box{width:420px;opacity:1;transition:opacity .3s}.app .login_box .login_innr{padding:28px 28px 0 28px}.app .login_box .login_innr .login_text{font-size:3em;color:#f9b2c2}.app .login_box .login_innr .login_line{height:1px;background-color:#f9c4cf}.app .login_box .login_innr .notice{margin:6px 0;font-size:14px;color:red;opacity:0}.app .login_box .login_innr .inp_box{display:flex;flex-direction:column}.app .login_box .login_innr .captcha_box .login_inp_box,.app .login_box .login_innr .inp_box>.login_inp_box,.app .login_box .login_innr .inp_box>div,.app .login_box .login_innr .recover_box .login_inp_box{display:flex;position:relative;margin:9px 0;height:28px}.app .login_box .login_innr .inp_box .passwd_input:nth-child(3),.app .login_box .login_innr .recover{display:none}.app .login_box .login_innr .passwd{margin:0 0;width:100%;height:28px;padding-right:32px}.app .login_box .login_innr .show_buttion{position:absolute;top:7px;right:8px;height:20px;width:20px;background:0 0/200px no-repeat;opacity:.6;cursor:pointer}.app .login_box .login_innr .captcha_box,.app .login_box .login_innr .recover_box{display:none}.app .login_box .login_innr .captcha_box .captcha_image,.app .login_box .login_innr .recover_box .send{display:flex;align-items:center;justify-content:center}.app .login_box .login_innr .captcha_box .captcha,.app .login_box .login_innr .recover_box .recover{width:100%;min-width:58px}.app .login_box .login_innr .captcha_box .captcha_image{min-width:90px;padding-left:38px}.app .login_box .login_innr .captcha_box .loading_icon,.app .login_box .login_innr .recover_box .loading_icon{width:24px;height:24px}.app .login_box .login_innr .captcha_box .captcha_image>img{min-width:100%;z-index:10;cursor:pointer}.app .login_box .login_innr .recover_box .loading_icon{display:none}.app .login_box .login_innr .recover_box .send{height:34px;min-width:128px;margin-top:8px;background-color:#f9b2c2;font-size:14px;color:#fff;border-radius:4px;white-space:nowrap}.app .login_box .login_innr .recover_operate,.app .login_box .login_innr .user_operate{display:flex;line-height:20px;user-select:none}.app .login_box .login_innr .recover_operate{display:none}.app .login_box .login_innr .save_box{display:flex;white-space:nowrap}.app .login_box .login_innr .save_box *{cursor:pointer}.app .login_box .login_innr .space{width:100%}.app .login_box .login_innr .forgot,.app .login_box .login_innr .quit{color:#f793aa;white-space:nowrap;cursor:pointer}.app .login_box .login_innr .login_buttion{text-align:center;height:38px;width:100%;margin-top:18px;background-color:#f9b2c2;color:#fff;font-size:18px;line-height:38px;border-radius:6px;cursor:default}.app .login_box .login_innr .login_buttion[data-input=True],.app .login_box .login_innr .recover_box .send[data-input=True]{background-color:#ff8ca6;cursor:pointer}.copyright{display:flex;justify-content:center;color:#f9b2c2}.copyright .bottom_logo_box{display:flex;flex-direction:column;align-items:center}.copyright .bottom_logo_box .bottom_logo_img{width:78px}.copyright .bottom_logo_box>span{margin-top:-14px;white-space:nowrap;font-size:14px;font-family:Noto Sans SC;font-weight:900}.copyright .info{padding-top:34px;margin-left:10px;color:#f9b2c2}.copyright .info>small:nth-child(1){font-size:12px}@media screen and (max-width:740px){.app .main_box .innr{width:60%}.app .head_box{position:relative;width:100%}.app .main_box .innr .login_box{position:absolute;width:100%;bottom:0;background-color:#fff;opacity:.9;border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:10}.copyright{margin-bottom:18px}}@media screen and (max-width:540px){.app .main_box{align-items:start}.app .main_box .innr{width:95%;margin-top:14px}.app .main_box .innr .login_box{position:absolute;margin-top:175px}.app .login_box .login_innr .notice{margin:8px 0 6px 0}}