*{box-sizing:border-box}body,html{width:100%;height:100%;overflow:hidden}body,h1,h2,h3,h4,h5,h6{margin:0}#root,.regForm{width:100%;height:100%}.regForm{position:relative}.component-regform{position:absolute;width:440px;left:calc(50% - 209px);top:calc(50% - 365px);background:#fff;box-shadow:0 8px 19px 1px rgb(98 173 226/52%);border-radius:10px;text-align:center;opacity:.96;padding-bottom:2%}.component-regform .phoneCode>span{line-height:42px;cursor:pointer;white-space:nowrap;text-align:right;right:5%;position:absolute}.codeColor{color:#666}.codeGetcolor{color:#5b6dea}.component-regform .phoneCode>input{width:100%}.component-regform .title{font-size:18px;font-weight:400;color:#333;margin:10% auto auto;text-align:center;letter-spacing:3px}.component-regform>label{display:flex;width:330px;height:42px;margin:22px auto;border:none;position:relative}.component-regform>label:nth-of-type(2){top:46.28%}.component-regform>label>input{outline:none;font-size:14px;font-weight:400;background:#fff;border-radius:4px;display:inline-block;padding-left:10px;width:100%;border:1px solid #d8d8d8;color:#999}.component-regform>p{font-size:14px;font-weight:400;color:#ff6969;width:330px;text-align:left;margin:-18px auto 0}.component-regform>button{width:75%;height:42px;outline:none;border:none;font-weight:400;font-size:16px;font-weight:700;color:#fff;letter-spacing:10px;background:#5b6dea;border-radius:4px;margin-bottom:18px;cursor:pointer}.component-regform>text{width:100%;position:absolute;top:90.55%;left:0;text-align:center}@media (orientation:landscape) and (max-height:500px){.component-regform{top:0;height:280px}.component-regform .title{margin-top:20px}.component-regform input{margin:20px auto}.component-regform button{top:78%}}@media (orientation:portrait) and (max-width:400px){.component-regform{top:0}}#login_header{width:100%;padding-top:2.91%;padding-bottom:2%}#login_header>img{height:34px;vertical-align:middle;margin-left:3.7%}#login_header>p{width:2px;height:26px;background:#fffdf6;border-radius:1px;margin:0 12px}#login_header>h1,#login_header>p{display:inline-block;vertical-align:middle}#login_header>h1{font-size:24px;height:34px;line-height:34px;font-weight:400;color:#fffdf6}@media (orientation:landscape) and (max-height:500px){#login_header{width:372px;padding-top:0}}*{margin:0;padding:0}.loading-toast{position:absolute;text-align:center;width:100%;height:100%;z-index:9000;background:url(../../static/media/loading.af955c29.gif) center 40% no-repeat,rgba(0,0,0,.1);background-size:400px 400px}section{width:100%;height:100%;position:relative}.passForm{position:absolute;width:418px;left:calc(50% - 209px);top:calc(50% - 331px);background:#fff;box-shadow:0 8px 19px 1px rgb(98 173 226/52%);border-radius:10px;text-align:center;opacity:.96;padding-bottom:40px}.passForm .title{font-size:18px;font-weight:400;color:#333;margin:10% auto auto;text-align:center;letter-spacing:3px}.passForm>label{display:flex;width:330px;height:42px;margin:22px auto;border:none;background-color:#fff}.passForm>label:nth-of-type(2){top:46.28%}.passForm>label>input{outline:none;font-size:14px;font-weight:400;background:#fff;border-radius:4px;display:inline-block;padding-left:10px;width:100%;border:1px solid #d8d8d8;color:#999}.passForm>p{width:80.56%;margin-top:20px;text-align:left;height:14px;font-size:14px;font-weight:400;color:#ff6969;position:absolute;top:68.91%;left:10.35%}.saveTrue{background:#5263da;cursor:pointer}.saveFalse,.saveTrue{width:79%;height:42px;margin:10px auto 12px;border-radius:4px;font-size:16px;font-weight:700;outline:none;border:none;color:#fff;letter-spacing:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.saveFalse{background:#adaeb9;cursor:not-allowed}.passForm>text{width:100%;position:absolute;top:90.55%;left:0;text-align:center}@media (orientation:landscape) and (max-height:500px){.passForm{top:0;height:280px}.passForm .title{margin-top:20px}.passForm input{margin:20px auto}.passForm button{top:78%}}@media (orientation:portrait) and (max-width:400px){.passForm{top:0}}.verifyCode{margin:22px 44px;display:flex}.verifyCode input{flex:1 1;height:40px;background:transparent;padding-left:10px;outline:none;font-size:14px;border:1px solid #d8d8d8;border-radius:4px}.verifyCode button{flex:1 1;margin-left:10px}.sendTrue{background:#5263da}.sendFalse,.sendTrue{border-radius:4px;color:#fff;font-size:14px;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sendFalse{background:#adaeb9;cursor:not-allowed}.AppReg{height:100%;width:100%;display:flex;flex-wrap:wrap;font-family:"\5FAE\8F6F\96C5\9ED1",Microsoft YaHei UI,sans-serif}.component-form{position:absolute;width:418px;height:410px;left:calc(50% - 209px);top:calc(50% - 331px);background:#fff;box-shadow:0 8px 19px 1px rgb(98 173 226/52%);border-radius:10px;text-align:center;opacity:.96}.component-form .title{font-size:18px;font-weight:400;color:#333;margin:10% auto auto;text-align:center;letter-spacing:3px}.component-form .operate{display:flex;justify-content:space-between;width:80%;margin:0 auto}.operate a{color:#666;text-decoration:none}.component-form>label{display:flex;width:330px;height:42px;margin:22px auto;border:none}.component-form>label:nth-of-type(2){top:46.28%}.component-form>label>input{outline:none;font-size:14px;font-weight:400;background:#fff;border-radius:4px;display:inline-block;padding-left:10px;width:100%;border:1px solid #d8d8d8;color:#999}.component-form>p{width:76.56%;text-align:left;height:14px;font-size:14px;font-weight:400;color:#ff6969;position:absolute;top:62.91%;left:14.35%}.component-form>button{width:79%;height:42px;outline:none;border:none;font-weight:400;font-size:16px;font-weight:700;color:#fff;letter-spacing:10px;background:#5b6dea;border-radius:4px;margin-bottom:18px;cursor:pointer}.component-form>a{width:100%;position:absolute;top:90.55%;left:0;text-align:center;text-decoration:none}@media (orientation:landscape) and (max-height:500px){.component-form{top:0;height:280px}.component-form .title{margin-top:20px}.component-form input{margin:20px auto}.component-form button{top:78%}}@media (orientation:portrait) and (max-width:400px){.component-form{top:0}}.mark-code{margin:22px 44px;display:flex}.mark-code .input-val{flex:1 1;height:40px;background:transparent;padding-left:10px;outline:none;font-size:14px;border:1px solid #d8d8d8;border-radius:4px}.mark-code canvas{cursor:pointer}input:-internal-autofill-selected{background-color:#fff!important}.loginForm{position:relative}.App,.loginForm{width:100%;height:100%}.App{display:flex;flex-wrap:wrap;font-family:"\5FAE\8F6F\96C5\9ED1",Microsoft YaHei UI,sans-serif}.noticeBox{position:absolute;width:300px;background:rgba(255,253,246,.81);border-radius:10px;padding:10px 20px;box-shadow:0 0 10px #fff;border:1px solid #ccc;bottom:10%;right:calc(50% - 150px)}.noticeBox-title{text-align:center;font-size:16px;letter-spacing:8px;font-weight:400;color:#666}.noticeBox-content{font-size:14px;color:#6f6f6f;word-wrap:break-word;word-break:normal}