.user[data-v-48ff55f1]{flex-direction:row;justify-content:center;width:1200px;padding:50px 0;display:flex}.user .login-reg[data-v-48ff55f1]{border-radius:12px;width:760px;height:400px;position:relative}.user .login-reg[data-v-48ff55f1],.user .login-reg .slider[data-v-48ff55f1]{display:flex;box-shadow:0 0 12px #33333330}.user .login-reg .slider[data-v-48ff55f1]{z-index:1000;background-color:#f9f9f9;border-radius:4px;flex-direction:column;align-items:center;width:380px;height:420px;transition-duration:.4s;position:absolute;top:-10px}.user .login-reg .slider .arrow-l[data-v-48ff55f1],.user .login-reg .slider .arrow-r[data-v-48ff55f1]{color:#fff;cursor:pointer;background-color:#1177b0;border-radius:50%;padding:4px;font-size:30px;transition-duration:.6s;position:absolute;box-shadow:0 0 4px #33333330}.user .login-reg .slider .arrow-r[data-v-48ff55f1]{margin-top:-20px;top:50%;transform:translate(190px)rotate(-90deg)}.user .login-reg .slider .arrow-l[data-v-48ff55f1]{margin-top:-20px;top:50%;transform:translate(-190px)rotate(90deg)}.user .login-reg .slider-l[data-v-48ff55f1]{transform:translate(0)}.user .login-reg .slider-r[data-v-48ff55f1]{transform:translate(380px)}.user .login-reg .login[data-v-48ff55f1],.user .login-reg .reg[data-v-48ff55f1]{box-sizing:border-box;flex-direction:column;align-items:center;width:50%;padding:15px;display:flex}.user .login-reg .login .title[data-v-48ff55f1],.user .login-reg .reg .title[data-v-48ff55f1]{font-size:22px;font-weight:700}.user .login-reg .login .ps[data-v-48ff55f1],.user .login-reg .reg .ps[data-v-48ff55f1]{color:#999;margin-top:8px;font-size:12px}.user .login-reg .login .box .row[data-v-48ff55f1],.user .login-reg .reg .box .row[data-v-48ff55f1]{flex-direction:row;align-items:center;width:270px;margin-top:20px;display:flex;position:relative}.user .login-reg .login .box .row input[data-v-48ff55f1],.user .login-reg .reg .box .row input[data-v-48ff55f1]{color:#666;background-color:#0000;border:1px solid #ccc;border-radius:5px;outline:none;width:100%;padding:8px 10px 6px;font-size:18px;transition-duration:.3s}.user .login-reg .login .box .row input[data-v-48ff55f1]:focus,.user .login-reg .login .box .row input[data-v-48ff55f1]:valid,.user .login-reg .reg .box .row input[data-v-48ff55f1]:focus,.user .login-reg .reg .box .row input[data-v-48ff55f1]:valid{border:1px solid var(--theme-color)}.user .login-reg .login .box .row input:focus~span[data-v-48ff55f1],.user .login-reg .login .box .row input:valid~span[data-v-48ff55f1],.user .login-reg .reg .box .row input:focus~span[data-v-48ff55f1],.user .login-reg .reg .box .row input:valid~span[data-v-48ff55f1]{color:var(--theme-color);border-left:1px solid var(--theme-color);border-right:1px solid var(--theme-color);background-color:#f9f9f9;padding:0 5px;font-size:14px;transform:translate(10px,-20px)}.user .login-reg .login .box .row .warn[data-v-48ff55f1],.user .login-reg .reg .box .row .warn[data-v-48ff55f1]{border:1px solid #f73f3f;box-shadow:inset 0 0 8px #f73f3f}.user .login-reg .login .box .row .warn[data-v-48ff55f1]:focus,.user .login-reg .login .box .row .warn[data-v-48ff55f1]:valid,.user .login-reg .reg .box .row .warn[data-v-48ff55f1]:focus,.user .login-reg .reg .box .row .warn[data-v-48ff55f1]:valid{border:1px solid #f73f3f}.user .login-reg .login .box .row .warn:focus~span[data-v-48ff55f1],.user .login-reg .login .box .row .warn:valid~span[data-v-48ff55f1],.user .login-reg .reg .box .row .warn:focus~span[data-v-48ff55f1],.user .login-reg .reg .box .row .warn:valid~span[data-v-48ff55f1]{color:#f73f3f;border-left:1px solid #f73f3f;border-right:1px solid #f73f3f}.user .login-reg .login .box .row span[data-v-48ff55f1],.user .login-reg .reg .box .row span[data-v-48ff55f1]{pointer-events:none;color:#ccc;text-transform:uppercase;padding:8px 10px;font-size:18px;transition:all .3s;position:absolute;left:0}.user .login-reg .login .box .row .getVeriCode[data-v-48ff55f1],.user .login-reg .reg .box .row .getVeriCode[data-v-48ff55f1]{text-align:center;color:var(--theme-color);cursor:pointer;flex-grow:1;transition-duration:.2s}.user .login-reg .login .box .row .getVeriCode[data-v-48ff55f1]:hover,.user .login-reg .reg .box .row .getVeriCode[data-v-48ff55f1]:hover{text-shadow:0 0 8px #9ad2ff}.user .login-reg .login .box .row .countdown[data-v-48ff55f1],.user .login-reg .reg .box .row .countdown[data-v-48ff55f1]{text-align:center;color:#999;flex-grow:1}.user .login-reg .login .box .row_[data-v-48ff55f1],.user .login-reg .reg .box .row_[data-v-48ff55f1]{flex-direction:row;justify-content:flex-end;width:270px;display:flex}.user .login-reg .login .box .row_ div[data-v-48ff55f1],.user .login-reg .reg .box .row_ div[data-v-48ff55f1]{color:var(--theme-color);cursor:pointer;-webkit-user-select:none;user-select:none;padding:5px;font-size:12px}.user .login-reg .login .box .row_ div[data-v-48ff55f1]:hover,.user .login-reg .reg .box .row_ div[data-v-48ff55f1]:hover{text-shadow:0 0 8px #9ad2ff}.user .login-reg .login .box .button[data-v-48ff55f1],.user .login-reg .reg .box .button[data-v-48ff55f1]{width:100%;margin-top:70px}.user .login-reg .login .box .button div[data-v-48ff55f1],.user .login-reg .reg .box .button div[data-v-48ff55f1]{background-color:var(--theme-color);color:#fff;text-align:center;cursor:pointer;border-radius:4px;width:270px;padding:10px;font-size:18px;transition-duration:.3s;position:relative;overflow:hidden}.user .login-reg .login .box .button div[data-v-48ff55f1]:after,.user .login-reg .login .box .button div[data-v-48ff55f1]:before,.user .login-reg .reg .box .button div[data-v-48ff55f1]:after,.user .login-reg .reg .box .button div[data-v-48ff55f1]:before{content:"";background-color:var(--theme-color-hover);opacity:0;width:50%;height:100%;transition-duration:.3s;position:absolute;top:0}.user .login-reg .login .box .button div[data-v-48ff55f1]:before,.user .login-reg .reg .box .button div[data-v-48ff55f1]:before{left:0}.user .login-reg .login .box .button div[data-v-48ff55f1]:after,.user .login-reg .reg .box .button div[data-v-48ff55f1]:after{right:0}.user .login-reg .login .box .button div[data-v-48ff55f1]:hover,.user .login-reg .reg .box .button div[data-v-48ff55f1]:hover{text-shadow:0 0 3px #ffffff90;box-shadow:inset 0 0 10px #33333390}.user .login-reg .login .box .button div[data-v-48ff55f1]:hover:before,.user .login-reg .reg .box .button div[data-v-48ff55f1]:hover:before{animation:1s ease-out before_-48ff55f1}.user .login-reg .login .box .button div[data-v-48ff55f1]:hover:after,.user .login-reg .reg .box .button div[data-v-48ff55f1]:hover:after{animation:1s ease-out after_-48ff55f1}@keyframes before_-48ff55f1{0%{opacity:0;transform:translate(0)}30%{opacity:.5;transform:translate(0)}to{opacity:1;transform:translate(-170px)}}@keyframes after_-48ff55f1{0%{opacity:0;transform:translate(0)}30%{opacity:.5;transform:translate(0)}to{opacity:1;transform:translate(170px)}}