@-webkit-keyframes translate-x-l-b-1{0%{-webkit-transform:translate(0);transform:translate(0);opacity:1;z-index:2}50%{-webkit-transform:translate(-200px,25px);transform:translate(-200px,25px);opacity:1;z-index:2}to{-webkit-transform:translate(-50px,10px);transform:translate(-50px,10px);opacity:.1;z-index:1}}@keyframes translate-x-l-b-1{0%{-webkit-transform:translate(0);transform:translate(0);opacity:1;z-index:2}50%{-webkit-transform:translate(-200px,25px);transform:translate(-200px,25px);opacity:1;z-index:2}to{-webkit-transform:translate(-50px,10px);transform:translate(-50px,10px);opacity:.1;z-index:1}}@-webkit-keyframes fade-in-zb-zt{0%{-webkit-transform:translate(0);transform:translate(0);opacity:0;z-index:1}50%{-webkit-transform:translate(20px,-15px);transform:translate(20px,-15px);opacity:1;z-index:1}to{-webkit-transform:translate(0);transform:translate(0);opacity:1;z-index:2}}@keyframes fade-in-zb-zt{0%{-webkit-transform:translate(0);transform:translate(0);opacity:0;z-index:1}50%{-webkit-transform:translate(20px,-15px);transform:translate(20px,-15px);opacity:1;z-index:1}to{-webkit-transform:translate(0);transform:translate(0);opacity:1;z-index:2}}@-webkit-keyframes left-right-hidden{0%{width:100%;left:0}to{left:32%;width:42%;opacity:.2}}@keyframes left-right-hidden{0%{width:100%;left:0}to{left:32%;width:42%;opacity:.2}}@-webkit-keyframes left-right-show{0%{left:32%;width:42%;opacity:.2}to{left:0;width:100%}}@keyframes left-right-show{0%{left:32%;width:42%;opacity:.2}to{left:0;width:100%}}@-webkit-keyframes right-left-hidden{0%{width:100%;left:0}to{left:32%;width:42%;opacity:.2}}@keyframes right-left-hidden{0%{width:100%;left:0}to{left:32%;width:42%;opacity:.2}}@-webkit-keyframes right-left-show{0%{left:32%;width:42%;opacity:.2}to{left:0;width:100%}}@keyframes right-left-show{0%{left:32%;width:42%;opacity:.2}to{left:0;width:100%}}@-webkit-keyframes right-left-translate{0%{left:46%}49%{-webkit-transform:scale(1) rotateX(0deg);transform:scale(1) rotateX(0deg);opacity:1}50%{opacity:0}51%{left:23%;opacity:1;-webkit-transform:scale(-1) rotateX(180deg);transform:scale(-1) rotateX(180deg)}to{left:0;-webkit-transform:scale(-1) rotateX(180deg);transform:scale(-1) rotateX(180deg)}}@keyframes right-left-translate{0%{left:46%}49%{-webkit-transform:scale(1) rotateX(0deg);transform:scale(1) rotateX(0deg);opacity:1}50%{opacity:0}51%{left:23%;opacity:1;-webkit-transform:scale(-1) rotateX(180deg);transform:scale(-1) rotateX(180deg)}to{left:0;-webkit-transform:scale(-1) rotateX(180deg);transform:scale(-1) rotateX(180deg)}}@-webkit-keyframes left-right-translate{0%{left:0;-webkit-transform:scale(-1) rotateX(180deg);transform:scale(-1) rotateX(180deg)}49%{-webkit-transform:scale(-1) rotateX(180deg);transform:scale(-1) rotateX(180deg);opacity:1;left:23%}50%{opacity:0}51%{opacity:1;-webkit-transform:scale(1) rotateX(0deg);transform:scale(1) rotateX(0deg)}to{left:46%;-webkit-transform:scale(1) rotateX(0deg);transform:scale(1) rotateX(0deg)}}@keyframes left-right-translate{0%{left:0;-webkit-transform:scale(-1) rotateX(180deg);transform:scale(-1) rotateX(180deg)}49%{-webkit-transform:scale(-1) rotateX(180deg);transform:scale(-1) rotateX(180deg);opacity:1;left:23%}50%{opacity:0}51%{opacity:1;-webkit-transform:scale(1) rotateX(0deg);transform:scale(1) rotateX(0deg)}to{left:46%;-webkit-transform:scale(1) rotateX(0deg);transform:scale(1) rotateX(0deg)}}.left-right-hidden{-webkit-animation:left-right-hidden .55s ease-out;animation:left-right-hidden .55s ease-out}.left-right-show{-webkit-animation:left-right-show .45s ease-in;animation:left-right-show .45s ease-in}.right-left-hidden{-webkit-animation:right-left-hidden .55s ease-out;animation:right-left-hidden .55s ease-out}.right-left-show{-webkit-animation:right-left-show .45s ease-in;animation:right-left-show .45s ease-in}.right-left-translate{-webkit-animation:right-left-translate 1s ease-in-out;animation:right-left-translate 1s ease-in-out}.left-right-translate{-webkit-animation:left-right-translate 1s ease-in-out;animation:left-right-translate 1s ease-in-out}.login-page{width:100%;height:100vh;background:#fff;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:url(../../static/img/login-bg2.bac07c07.png) no-repeat;background-size:100% 100%;background-position:50%}.login-page .login-model{position:relative;width:1160px;height:68vh;min-height:620px}.login-page .common-c{width:100%;height:100%;position:absolute;top:0;left:0;padding:2rem 2rem 2rem 3rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:1}.login-page .common-c.active{-webkit-animation:fade-in-zb-zt 1s ease-in-out;animation:fade-in-zb-zt 1s ease-in-out}.login-page .common-c.no-active{-webkit-animation:translate-x-l-b-1 1s ease-in-out;animation:translate-x-l-b-1 1s ease-in-out}.login-page .common-c .check-model{height:100%;width:100%;padding:2rem 3rem;background:#fff;-webkit-box-shadow:4rem 2rem 3.6rem var(--hover-color-50);box-shadow:4rem 2rem 3.6rem var(--hover-color-50);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;border-radius:1rem}.login-page .common-c .go-to-login,.login-page .common-c .go-tp-registry{position:absolute;right:calc(50% - 140px);color:#0e6ded;top:1rem;width:auto;height:4rem;line-height:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;font-size:14px}.login-page .common-c .go-to-login .right-arrow,.login-page .common-c .go-tp-registry .right-arrow{height:1.2rem;width:1.2rem;margin-left:4px}.login-page .common-c .go-to-login{left:calc(50% - 140px)}.login-page .common-c .go-to-login .left-arrow{height:1.2rem;width:1.2rem;margin-right:4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.login-page .common-c .logo{width:180px;height:48px;position:absolute;top:1rem;left:3rem}.login-page .common-c .logo img{width:100%;height:100%}.login-page .common-c .h2{font-weight:500;line-height:3rem;width:100%;margin-top:2rem;color:#2d2f33;font-size:2.125rem;margin-bottom:3rem}.login-page .common-c .tips{color:#a8adb8;font-size:12px;margin-bottom:3rem;line-height:1.5rem}.login-page .common-c .registry-btn{font-size:20px}.login-page .common-c .form-item{width:340px;padding-bottom:1.5rem}.login-page .common-c .form-item .el-input{width:100%;height:3rem;line-height:3rem}.login-page .common-c .form-item .el-input-group__prepend{position:absolute;top:0;left:0;width:48px;height:100%;line-height:48px;background:rgba(0,0,0,0);border:none}.login-page .common-c .form-item .el-input__inner{padding-left:48px;height:100%;border-radius:8px}.login-page .common-c .form-item .el-input--mini .el-input__icon{line-height:3rem}.login-page .common-c .form-item .el-input-group--prepend .el-input__inner,.login-page .common-c .form-item .el-input-group__append{height:100%}.login-page .common-c .form-item.flex-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.login-page .common-c .form-item.flex-item .el-input__inner{padding-left:16px;text-align:center}.login-page .common-c .form-item .input-c{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%}.login-page .common-c .form-item .get-code-btn-c{width:8rem;margin-left:1rem;height:100%;text-align:center;line-height:3rem}.login-page .common-c .form-item .btn{height:100%;width:100%;border-radius:8px;cursor:pointer}.login-page .common-c .form-item .not-get-code-btn{background:-webkit-gradient(linear,left top,left bottom,from(#2e77ff),to(#2a87ff));background:linear-gradient(180deg,#2e77ff,#2a87ff);color:#fff}.login-page .common-c .form-item .is-get-code-btn{background:#eee;color:#999;border:1px solid #eee}.login-page .common-c .operation-c{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:1.5rem;line-height:1.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:340px;font-size:14px;color:var(--color)}.login-page .common-c .operation-c .forget-btn{cursor:pointer}.login-page .common-c .operation-c .forget-btn:hover{text-decoration:underline}.login-page .common-c .operation-c .el-checkbox__label{color:var(--color);font-size:14px}.login-page .common-c .login-btn{width:340px;margin:2.2rem 0 1rem;border-radius:8px;height:3rem;background:-webkit-gradient(linear,left top,left bottom,from(#2e77ff),to(#2a87ff));background:linear-gradient(180deg,#2e77ff,#2a87ff);text-align:center;cursor:pointer;color:#fff;font-size:16px;letter-spacing:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login-page .common-c .login-btn span:last-child{letter-spacing:0}.login-page .common-c .agreeChecked{width:340px;text-align:left;font-size:14px;color:#2d2f33}.login-page .common-c .el-checkbox__input.is-checked+.el-checkbox__label{color:#2d2f33}.login-page .registry-c .h2{text-align:left;width:340px}.login-page .registry-c .tips{text-align:left;width:340px;margin-bottom:1rem}.login-page .registry-c .form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.login-page .registry-c .form-item{padding-bottom:1rem}.login-page .registry-c .form-item .el-input{height:2.5rem;line-height:2.5rem}.login-page .registry-c .form-item .svg-icon{fill:#a8adb8}.login-page .registry-c .form-item .el-input-group__prepend{height:2.5rem;line-height:2.5rem}.login-page .registry-c .form-item .el-input__inner{padding-left:3rem;height:100%;border-radius:.5rem}.login-page .registry-c .form-item .el-input--mini .el-input__icon{line-height:2.5rem}.login-page .registry-c .form-item .get-code-btn-c{height:2.5rem;line-height:2.5rem}.login-page .registry-c .login-btn{height:2.5rem;margin:1rem 0 1rem;line-height:2.5rem}.login-page .registry-c .check-model{padding-right:3rem;-webkit-box-shadow:-4rem 2rem 3.6rem var(--hover-color-50);box-shadow:-4rem 2rem 3.6rem var(--hover-color-50)}.login-page .registry-c .logo{width:10rem;height:4rem;position:absolute;top:1rem;right:3rem;left:unset}.login-page .registry-c .logo img{width:100%;height:100%}.login-page .box-left,.login-page .box-right{width:54%;position:absolute;top:0;height:100%;z-index:2;-webkit-transition:left .5s ease-in-out;transition:left .5s ease-in-out;pointer-events:none}.login-page .box-left .img_2,.login-page .box-right .img_2{position:absolute;top:0;left:0;width:100%;height:100%}.login-page .box-left{-webkit-transform:scale(-1) rotateX(180deg);transform:scale(-1) rotateX(180deg)}.login-page .box-left-46{left:46%}.login-page .box-left-0{left:0}.login-page .box-center{left:23%}.login-page .is-hidden{opacity:0;pointer-events:none}