.login{background-color:rgba(0,0,0,.5);width:100%;height:100%;background:url(https://daxueui-oss.koocdn.com/chuguo/oa-ui-puck/client/static/images/bg.png);background-size:100% 100%}.login-header{position:absolute;width:100%;font-size:24px;color:#fff;text-align:center;top:15%}.login-header img{width:203px;margin-top:-10px;vertical-align:middle}.login-form{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:55px 35px 40px;width:390px;border-radius:8px;background-color:rgba(0,0,0,.3)}.login-form-mode{text-align:center;font-size:22px;color:#aeacac;cursor:pointer}.login-form-mode-selected{color:#0db3b8}.login-form-mode :nth-child(2){font-size:16px;color:#fff;line-height:30px;vertical-align:text-bottom}.login-form-input{display:flex;width:320px;height:50px;background:#fff;border-radius:8px;padding:0 12px;margin:34px auto 0;outline:0;align-items:center}.login-form-input img{width:26px;height:26px}.login-form-input input{border:0;outline:none;height:50px;padding:12px 0 12px 8px;width:100%}.login-form-input span{font-size:14px;color:#333}.login-form-pass{width:200px;margin:34px 12px 0 0}.login-form-code{width:108px;height:50px;background:#ff7316;border-radius:8px;font-size:14px;color:#fff;margin-top:34px;border:0;outline:0}.login-form-forget{color:#1890ff;text-align:right;font-size:14px;min-height:20px;margin-top:18px}.login-form-forget a{color:#1890ff;text-decoration:none}.login-form-login{width:320px;height:50px;background:#0db3b8;border-radius:8px;font-size:22px;color:#fff;border:0;outline:none;margin-top:42px;cursor:pointer}.login-form-ding{display:flex;justify-content:center;margin-top:20px}.login-form-ding img{width:40px;height:40px;cursor:pointer}.login-dd{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);padding:55px 35px 40px;width:390px;background-color:#f9f9f9;text-align:center;cursor:pointer}@media screen and (max-width:1366px){.login-header{top:4%}.login-form{top:55%}}@media screen and (max-height:729px){.login-form{top:60%;padding-bottom:0;padding-top:30px}}.tiny-message{position:fixed;z-index:1000;border-radius:2px;background:rgba(0,0,0,.45);width:100%;height:100%}.tiny-message-main{position:absolute;top:15%;left:50%;transform:translate(-50%);width:80%;min-height:34px;background:#fff;border-radius:5px;margin:0 auto}.tiny-message-toast{position:fixed;font-size:14px;color:#fff;line-height:34px;text-align:center;background:rgba(241,48,61,.9);border-radius:3px;max-width:80vw;height:34px;top:20%;left:50%;transform:translate(-50%);white-space:nowrap;padding:0 20px}.tiny-message-content{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:.45rem;min-height:2.8rem}.tiny-message-close{width:.3rem;height:.3rem;position:absolute;top:.2rem;right:.2rem}.tiny-message-title{font-family:PingFangSC-Medium;font-size:30px;color:#333;display:flex;align-items:center}.tiny-message-title img{width:.5rem;height:.5rem;margin-right:.1rem}.tiny-message-text{font-family:PingFangSC-Regular;font-size:30px;color:#666;margin-top:.4rem}.tiny-message-footer-one{width:4rem;height:.86rem;border:1px solid #f1303d;border-radius:1.6rem;text-align:center;font-family:PingFangSC-Semibold;font-size:.36rem;color:#f1303d;line-height:.86rem;margin-top:.6rem}.tiny-message-footer-two{display:flex;width:100%;height:1.2rem;border-top:1px solid #e5e5e5;font-family:PingFangSC-Medium;font-size:18px;color:#f1303d}.tiny-message-footer-two div{flex:1;align-items:center;justify-content:center;display:flex}.tiny-message-footer-two div:first-child{color:#666;border-right:1px solid #e5e5e5}.header{background-color:#fff}.header__container{padding:12px 0;width:1000px;text-align:left;margin:0 auto}.header__logo,.header__name{display:inline-block;vertical-align:middle}.header__logo{height:36px}.header__name{position:relative;top:1px;color:rgba(0,0,0,.85);font-size:16px;line-height:20px;margin-left:28px}.header__name:after{content:"";position:absolute;top:2px;bottom:2px;left:-15px;width:2px;background-color:rgba(0,0,0,.25)}.tabs__item{position:relative;display:inline-block;vertical-align:middle;color:rgba(0,0,0,.3);font-size:18px;font-weight:400;line-height:26px;margin-right:30px;cursor:pointer}.tabs__item--active{color:#00c6ae}.tabs__item:after{content:"";position:absolute;top:5px;right:-15px;width:1px;height:16px;background:rgba(0,0,0,.2);pointer-events:none}.tabs__item:last-child{margin-right:0}.tabs__item:last-child:after{content:none}.form-input{display:flex;padding:0 13px;text-align:left;border-radius:8px;background-color:#eeeef0}.form-input__inner,.form-input__prefix,.form-input__suffix{color:#333;font-size:14px;font-weight:400;text-align:left;line-height:50px}.form-input__prefix,.form-input__suffix{flex-shrink:0}.form-input__prefix{padding-right:4px}.form-input__suffix{padding-left:4px}.form-input__inner{width:100%;flex-grow:1;border:none;outline:none;background-color:transparent}.form-input__inner[type=password]:focus{box-shadow:none!important}.form-input__inner::-webkit-input-placeholder{color:#969696}.form-input__inner:-moz-placeholder{color:#969696}.form-input__inner:-ms-input-placeholder{color:#969696}.form-button{color:rgba(0,0,0,.65);font-size:16px;font-weight:400;line-height:48px;text-align:center;background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:8px;outline:none;cursor:pointer;padding:0 30px}.form-button--primary{color:#fff;background-color:#00c6ae;border-color:#00c6ae}.form-button--text{border-color:transparent}.form{position:relative;text-align:left;z-index:10}.form__item{position:relative;display:flex;align-items:center;margin-bottom:24px}.form__item.button-group,.form__item:last-child{margin-bottom:0}.form__item.button-group .form-button{width:100%;margin-right:10px}.form__item.button-group .form-button:last-child{margin-right:0}.form__item-label{flex-shrink:0;color:rgba(0,0,0,.65);font-size:14px;font-weight:400}.form__item-content{position:relative;width:100%;flex-grow:1;color:rgba(0,0,0,.65);font-size:14px;font-weight:500;line-height:20px}.form__item-content .form-input{width:100%}.form__error{position:absolute;left:0;bottom:-20px;padding-left:16px;color:#e74e1d;font-size:12px;font-weight:400;line-height:18px;background:url(https://p3.koolearn.com/c014f8bf.png) no-repeat left 3px;background-size:11px 11px}@keyframes spin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}.form__loading{background-color:hsla(0,0%,100%,.6);z-index:100}.form__loading,.form__loading:after{position:absolute;top:0;right:0;bottom:0;left:0}.form__loading:after{content:"";margin:auto;width:30px;height:30px;background:url(https://p3.koolearn.com/111159f6.png) no-repeat;background-size:100% 100%;animation:spin 1.2s linear 0s infinite}.image-verify{display:flex}.image-verify .form-input{flex-grow:1;margin-right:10px}.image-verify img{flex-shrink:0;width:114px;margin-right:10px;cursor:pointer}.image-verify .form-button{padding:0;flex-shrink:0;font-size:14px}.mobile-verify{display:flex}.mobile-verify .form-input{flex-grow:1;margin-right:10px}.mobile-verify .form-button{flex-shrink:0;width:100px;padding:0}.mobile-verify__button--counting{cursor:not-allowed}.domain-account{margin-bottom:40px}.password{height:100%;text-align:center;background:url(https://p3.koolearn.com/4c914b51.png) center 60px no-repeat;background-size:cover}.password__content{display:inline-block;width:392px;min-height:440px;background:#fff;border:1px solid #eee;border-radius:8px;padding:36px 36px 0;margin-top:50px}.password .tabs{text-align:center;margin-bottom:26px}body,html{min-width:1200px}#app,body,html{height:100%}input::-webkit-input-placeholder{font-size:14px}.flex{display:flex}