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