login-24db6135.css 8.7 KB

1
  1. .login-wrap[data-v-9978576e]{position:relative;background:url(/assets/h-bg-df4b08e1.jpg) no-repeat 0% 0;background-size:auto 100%;height:100vh;display:flex;justify-content:flex-end}.login-wrap .logo[data-v-9978576e]{position:fixed;left:30px;top:30px;cursor:pointer}.login-wrap .login-view[data-v-9978576e]{width:800px;height:100vh;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}.login-wrap .login-view .view[data-v-9978576e]{position:relative;width:640px;height:650px;display:flex;flex-direction:column;justify-content:space-between}.login-wrap .login-view .view[data-v-9978576e]:after{content:"";position:absolute;right:-100px;top:-55px;display:block;width:184px;height:184px;background:url(data:image/png;base64,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) no-repeat;animation:zqanmation-9978576e 20s linear infinite}.login-wrap .login-view .view h1[data-v-9978576e]{font-size:44px;font-weight:600;color:#1d1c1f;line-height:56px;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:ease;animation-name:fadeInUp-9978576e}.login-wrap .login-view .view h1 span[data-v-9978576e]{color:#00bf99;font-weight:600}.login-wrap .login-view .view h1 var[data-v-9978576e]{opacity:0}.login-wrap .login-view .view h1 .a1[data-v-9978576e]{animation:fadeIn-9978576e .3s linear 1.1s;animation-fill-mode:forwards}.login-wrap .login-view .view h1 .a2[data-v-9978576e]{animation:fadeIn-9978576e .3s linear 1.3s;animation-fill-mode:forwards}.login-wrap .login-view .view h1 .a3[data-v-9978576e]{animation:fadeIn-9978576e .3s linear 1.5s;animation-fill-mode:forwards}.login-wrap .login-view .view h1 .a4[data-v-9978576e]{animation:fadeIn-9978576e .3s linear 1.7s;animation-fill-mode:forwards}.login-wrap .login-view .view h1 .a5[data-v-9978576e]{animation:fadeIn-9978576e .3s linear 1.9s;animation-fill-mode:forwards}.login-wrap .login-view .view h1 .a6[data-v-9978576e]{animation:fadeIn-9978576e .3s linear 2.1s;animation-fill-mode:forwards}.login-wrap .login-view .form-view[data-v-9978576e]{opacity:0;animation:fadeInUp-9978576e 1s linear 1s;animation-fill-mode:forwards}.login-wrap .login-view .form-view .tabs[data-v-9978576e]{position:relative;width:316px;height:40px;display:flex;justify-content:space-between;margin-bottom:40px}.login-wrap .login-view .form-view .tabs[data-v-9978576e]:after{content:"";position:absolute;left:0;bottom:-5px;width:130px;height:12px;background:#00BF99;transition:all .3s linear}.login-wrap .login-view .form-view .tabs.tab0[data-v-9978576e]:after{transform:translate(0)}.login-wrap .login-view .form-view .tabs.tab1[data-v-9978576e]:after{transform:translate(187px)}.login-wrap .login-view .form-view .tabs li[data-v-9978576e]{position:relative;z-index:2;width:128px;height:60px;font-size:28px;font-weight:400;color:#1d1c1f;line-height:40px;text-align:center;cursor:pointer;transition:all .2s linear}.login-wrap .login-view .form-view .tabs li.selected[data-v-9978576e]{font-weight:600;color:#1d1c1f;font-size:32px}.login-wrap .login-view .form-view .submit[data-v-9978576e]{width:420px;height:64px;background:#00BF99;font-size:24px;font-weight:400;color:#fff;line-height:64px;border:none;border-radius:6px;outline:none;cursor:pointer;margin-top:55px}.login-wrap .login-view .form-view form[data-v-9978576e]{display:flex;flex-direction:column}.login-wrap .login-view .form-view form label[data-v-9978576e]{position:relative;display:flex;width:100%;margin-bottom:25px;box-sizing:border-box}.login-wrap .login-view .form-view form label[data-v-9978576e]:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:rgba(29,28,31,.12)}.login-wrap .login-view .form-view form label[data-v-9978576e]:before{content:"";position:absolute;left:0;bottom:0;width:0%;height:1px;z-index:2;background:#00BF99}.login-wrap .login-view .form-view form label.focus[data-v-9978576e]:before{animation:focusInput-9978576e .3s linear;animation-fill-mode:forwards}.login-wrap .login-view .form-view form label.error[data-v-9978576e]:after{background:#fb4400}.login-wrap .login-view .form-view form label .btn-sms[data-v-9978576e]{position:absolute;right:0;top:0;height:80px;width:120px;color:#00bf99;font-size:24px;display:flex;justify-content:flex-end}.login-wrap .login-view .form-view form label input[data-v-9978576e]{position:relative;width:100%;background:none;outline:none;line-height:80px;font-size:24px;color:#333;border:none}.login-wrap .login-view .form-view form label[data-v-9978576e] ::-webkit-input-placeholder{color:#1d1c1f66}@keyframes focusInput-9978576e{0%{width:0}to{width:100%}}@keyframes zqanmation-9978576e{0%,to{transform:rotate(0) translateZ(0)}50%{transform:rotate(10deg) translate3d(20px,40px,0)}}@keyframes fadeInUp-9978576e{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeIn-9978576e{0%{opacity:0}to{opacity:1}}@media screen and (max-height: 1000px){.login-wrap .login-view .view[data-v-9978576e]{height:640px;width:540px}}