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