.cr-login ul,.cr-login li{list-style:none}.cr-login .login-container{width:100%}.cr-login a{color:#000;-webkit-text-decoration:inherit;text-decoration:inherit;cursor:pointer;font-weight:500}.cr-login a:hover{color:var(--primary-color)}.cr-login body{margin:0}.cr-login h1{color:#383c43;font-size:3.2em;line-height:1.1}.cr-login button{cursor:pointer;border:none;outline:none}.cr-login button:hover{outline:none}.cr-login .card{padding:2em}.cr-login #app{width:100%}.cr-login .flex{display:flex}.cr-login .flex-center{justify-content:center;align-items:center;display:flex}.cr-login .flex-1{flex:1}@font-face{font-family:iconfont}.cr-login .login-container.image{background-size:cover,cover;width:100%;height:100%;position:fixed;inset:0}.cr-login .iconfont{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-style:normal;font-family:iconfont!important}.cr-login .icon-queren-zhengque:before{content:""}.cr-login h2{color:var(--primary-color);margin-bottom:.5rem;font-size:1.814rem;font-weight:600}.cr-login .title{color:var(--primary-color)}.cr-login .flex-column{flex-direction:column}.cr-login .thir-part{margin-top:10px}.cr-login .thir-part i{cursor:pointer}.cr-login .button-loading{border-radius:50%;width:50px!important;height:50px!important}.cr-login .disable{background:#868b88!important}.cr-login .page-sw{transform:perspective(360px)rotateX(0)rotateY(180deg)}.cr-login .read-the-docs{color:#888}.cr-login .flex-row{width:100%;display:flex}.cr-login .center-flex{justify-content:center;align-items:center;display:flex}.cr-login .login-box{box-sizing:border-box;width:400px;height:540px;transform-style:preserve-3d;background:#ffffffd6;border-radius:10px;padding:40px;transition:all .7s;position:relative;box-shadow:2px 2px 11px 3px #0000001f}.cr-login .login-box .bottom{color:#000!important}.cr-login .login-box .front,.cr-login .login-box .back{backface-visibility:hidden;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.cr-login .login-box .back{z-index:800;background-color:#fff;transform:rotateY(-180deg)}.cr-login .form{box-sizing:border-box;padding:30px;position:absolute}.cr-login .form.register-form input.base{flex:1}.cr-login .form.register-form input.code{border-radius:5px 0 0 5px}.cr-login .form.register-form button.code{background:var(--primary-color);color:#fff;border-radius:0 5px 5px 0;justify-content:center;align-items:center;min-width:73px;padding:0 7px;display:flex}.cr-login .form .form-item{flex-direction:column;align-items:self-start;margin-bottom:4px;display:flex}.cr-login .form .form-item .title{color:#566a7f;margin-bottom:.5rem;font-size:.95rem;font-weight:500}.cr-login .form button.button{background:var(--primary-color);color:#fff;cursor:pointer;width:100%;margin-top:38px;padding:10px 0;transition:all .3s}.cr-login .form button.button:hover{background:var(--primary-color)}.cr-login .form .bottom{border-radius:.357rem;margin-top:10px;font-size:11px}.cr-login .form .bottom span:nth-of-type(2){color:#978c87;cursor:pointer}.cr-login input.base{color:#6e6b7b;box-sizing:border-box;background-color:#fff;background-clip:padding-box;border:1px solid #e3e3e3;border-radius:5px;width:100%;padding:11px 13px;font-size:13px;transition:all .15s ease-in-out,box-shadow .15s ease-in-out;display:block;position:relative}.cr-login input:focus{outline:0}.cr-login .sk-circle{width:30px;height:30px;margin:0 auto;position:relative}.cr-login .sk-circle .sk-child{width:100%;height:100%;position:absolute;top:0;left:0}.cr-login .sk-circle .sk-child:before{content:"";background-color:#ffeded;border-radius:100%;width:15%;height:15%;margin:0 auto;animation:1.2s ease-in-out infinite both sk-circleBounceDelay;display:block}.cr-login .sk-circle .sk-circle2{transform:rotate(30deg)}.cr-login .sk-circle .sk-circle3{transform:rotate(60deg)}.cr-login .sk-circle .sk-circle4{transform:rotate(90deg)}.cr-login .sk-circle .sk-circle5{transform:rotate(120deg)}.cr-login .sk-circle .sk-circle6{transform:rotate(150deg)}.cr-login .sk-circle .sk-circle7{transform:rotate(180deg)}.cr-login .sk-circle .sk-circle8{transform:rotate(210deg)}.cr-login .sk-circle .sk-circle9{transform:rotate(240deg)}.cr-login .sk-circle .sk-circle10{transform:rotate(270deg)}.cr-login .sk-circle .sk-circle11{transform:rotate(300deg)}.cr-login .sk-circle .sk-circle12{transform:rotate(330deg)}.cr-login .sk-circle .sk-circle2:before{animation-delay:-1.1s}.cr-login .sk-circle .sk-circle3:before{animation-delay:-1s}.cr-login .sk-circle .sk-circle4:before{animation-delay:-.9s}.cr-login .sk-circle .sk-circle5:before{animation-delay:-.8s}.cr-login .sk-circle .sk-circle6:before{animation-delay:-.7s}.cr-login .sk-circle .sk-circle7:before{animation-delay:-.6s}.cr-login .sk-circle .sk-circle8:before{animation-delay:-.5s}.cr-login .sk-circle .sk-circle9:before{animation-delay:-.4s}.cr-login .sk-circle .sk-circle10:before{animation-delay:-.3s}.cr-login .sk-circle .sk-circle11:before{animation-delay:-.2s}.cr-login .sk-circle .sk-circle12:before{animation-delay:-.1s}@keyframes sk-circleBounceDelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}