@font-face{font-family:TitleFont;src:url(../fonts/云峰静龙行书.f6f65d9f.ttf) format("opentype")}@font-face{font-family:IntroduceFont;src:url(../fonts/庞门正道粗书体.e453aa97.ttf) format("opentype")}@font-face{font-family:SpringFont;src:url(../fonts/演示春风楷.e882af1a.ttf) format("opentype")}@font-face{font-family:AlimamaFont;src:url(../fonts/Alimama_DongFangDaKai_Regular.41ff7351.ttf) format("opentype")}.main[data-v-8fd35bc8]{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background-color:#f6f5f7;background-size:cover;background-image:url(../img/background.3ba8b6ae.svg)}.main .type-container[data-v-8fd35bc8]{position:absolute;top:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;background-color:transparent;font-family:IntroduceFont!important}.main .type-container .line[data-v-8fd35bc8]{width:0;text-align:center;white-space:nowrap;border-right:2px solid transparent;overflow:hidden}.main .type-container .animation[data-v-8fd35bc8]{-webkit-animation:growonce-data-v-8fd35bc8 4s steps(30) .5s 1 normal both,blink-data-v-8fd35bc8 .5s steps(2) 10 normal both;animation:growonce-data-v-8fd35bc8 4s steps(30) .5s 1 normal both,blink-data-v-8fd35bc8 .5s steps(2) 10 normal both}@-webkit-keyframes grow-data-v-8fd35bc8{0%{width:0}50%{width:290px}to{width:0}}@keyframes grow-data-v-8fd35bc8{0%{width:0}50%{width:290px}to{width:0}}@-webkit-keyframes growonce-data-v-8fd35bc8{0%{width:0}to{width:290px}}@keyframes growonce-data-v-8fd35bc8{0%{width:0}to{width:290px}}@-webkit-keyframes blink-data-v-8fd35bc8{0%{border-right-color:#adff2f}to{border-right-color:transparent}}@keyframes blink-data-v-8fd35bc8{0%{border-right-color:#adff2f}to{border-right-color:transparent}}.main .container[data-v-8fd35bc8]{position:relative;width:768px;height:480px;background-color:#fff;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2);border-radius:10px;overflow:hidden}.main .container .form-container[data-v-8fd35bc8]{position:absolute;top:0;width:50%;height:100%;background-color:#fff;transition:all .6s ease-in-out}.main .container .form-container .form[data-v-8fd35bc8]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 50px}.main .container .form-container .form .form-item[data-v-8fd35bc8]{width:100%}.main .container .form-container .form .form-item[data-v-8fd35bc8] :deep(.el-input-group__append) :deep(.el-button){width:60px}.main .container .form-container .form .forget[data-v-8fd35bc8]{font-size:12px;color:rgba(50,50,50,.6);position:relative;top:50px;cursor:pointer}.main .container .form-container .form[data-v-8fd35bc8] :deep(.el-input__wrapper){border-radius:30px}.main .container .form-container .form[data-v-8fd35bc8] :deep(.el-input-group__append){border-radius:20px;margin-left:10px;background:#409eff;color:#fafafa}.main .container .form-container .forget-password[data-v-8fd35bc8]{display:inline-block;height:20px;text-decoration:none;color:#bbb;text-transform:capitalize;font-size:12px}.main .container .form-container .forget-password[data-v-8fd35bc8]:hover{color:#789;border-bottom:2px solid #ff4b2b}.main .container .container-title[data-v-8fd35bc8]{margin-bottom:10px;font-family:TitleFont!important;font-size:25px;text-transform:capitalize}.main .container .container-subtitle[data-v-8fd35bc8]{margin-bottom:10px;font-size:30px;text-transform:capitalize}.main .container .overlay_container[data-v-8fd35bc8]{position:absolute;top:0;width:50%;height:100%;z-index:100;right:0;overflow:hidden;transition:all .6s ease-in-out}.main .container .overlay_container .overlay[data-v-8fd35bc8]{position:absolute;width:200%;height:100%;left:-100%;background-color:#409eff}.main .container .overlay_container .overlay .overlay_panel[data-v-8fd35bc8]{position:absolute;display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;color:#fff;padding:0 0;text-align:center}.main .container .overlay_container .overlay .overlay_panel button[data-v-8fd35bc8]{background-color:transparent;border:1px solid #fff}.main .container .overlay_container .overlay .overlay_panel p[data-v-8fd35bc8]{font-size:12px;margin:10px 0 15px 0}.main .container .overlay_container .overlay .overlay_right_container[data-v-8fd35bc8]{right:0}.main button[data-v-8fd35bc8]:active{transform:scale(.95)}.main .container.active .sign-up-container[data-v-8fd35bc8]{transform:translateX(100%);z-index:5}.main .container.active .sign-in-container[data-v-8fd35bc8]{transform:translateX(100%)}.main .container.active .overlay_container[data-v-8fd35bc8]{transform:translateX(-100%)}.main .container.active .overlay[data-v-8fd35bc8]{transform:translateX(50%)}.main .theme-button[data-v-8fd35bc8]{background:rgba(64,158,255,.7);padding:10px 50px;border:1px solid transparent;border-radius:20px;text-transform:uppercase;color:#fff;margin-top:10px;outline:none;transition:transform 80}