.protocol[data-v-c8b59232]{width:100%;left:0;bottom:30px;text-align:center;font-size:12px;color:#999}.protocol-tip[data-v-c8b59232]{color:#000;margin-left:4px}.login-box[data-v-c8b59232]{height:476px;position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;border-radius:4px;-webkit-box-shadow:0 10px 20px rgba(0,0,0,.24);box-shadow:0 10px 20px rgba(0,0,0,.24);padding:30px;font-weight:700;overflow:hidden;z-index:999}.login-box .login-wrapper[data-v-c8b59232]{width:100%;height:100%}.login-box .icon-close[data-v-c8b59232]{font-size:16px;color:#d1d1d1;position:absolute;top:16px;right:16px;cursor:pointer}.login-box .login-title[data-v-c8b59232]{color:#27282d;font-size:22px;height:30px;line-height:30px;font-weight:700;margin-bottom:10px}.login-box .login-tip[data-v-c8b59232]{font-size:12px;color:#27282d;margin-bottom:50px}.login-box .login-tip-click[data-v-c8b59232]{color:#27282d;font-size:12px;font-weight:700;cursor:pointer;padding-left:4px}.login-box .login-tip-click[data-v-c8b59232]:hover{color:#27282d}.login-box .login-tip.bind-login-tip[data-v-c8b59232]{margin-bottom:0}.login-box .login-input[data-v-c8b59232]{border-radius:4px}.login-box .login-input--error[data-v-c8b59232]{border:1px solid #ff6060}.login-box .login-input--big[data-v-c8b59232]{width:100%}.login-box .login-input-group[data-v-c8b59232]{margin-bottom:20px}.login-box .login-input-row[data-v-c8b59232]{position:relative;margin-bottom:20px}.login-box .login-input-row #geetest-box-login[data-v-c8b59232]{width:auto;height:auto;position:absolute;top:-80px;left:14px;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:30}.login-box .login-input-row .login-tip-click[data-v-c8b59232]{font-weight:400;font-size:12px;margin-top:3px}.login-box .login-input-box[data-v-c8b59232]{display:inline;position:relative}.login-box .login-input-phone[data-v-c8b59232]{width:230px}.login-box .login-input-captcha[data-v-c8b59232]{width:204px;margin-right:10px}.login-box .login-input-areacode[data-v-c8b59232]{color:#27282d;width:70px;margin-right:20px;float:left;cursor:pointer;padding:5px 0;text-align:center}.login-box .login-input-areacode .triangle[data-v-c8b59232]{width:7px;height:4px;vertical-align:middle}.login-box .login-input-checkbox[data-v-c8b59232]{width:10px;height:10px;border:1px solid #efefef}.login-box .login-input-button--big[data-v-c8b59232]{width:100%;height:40px;font-size:16px;padding:0;line-height:40px;margin-bottom:38px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.login-box .login-input-button--big[data-v-c8b59232],.login-box .login-input-button--big[data-v-c8b59232]:hover{border:none;background-color:#e2e2e2;color:#fff}.login-box .login-input-button--big--active[data-v-c8b59232],.login-box .login-input-button--big--active[data-v-c8b59232]:hover{border:none;color:#fff;background-color:#ff6060}.login-box .input-error-tip[data-v-c8b59232]{position:absolute;color:#ff6060;font-size:12px;left:0;bottom:-26px;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.login-box .remember-me[data-v-c8b59232]{color:#d1d1d1;font-size:12px;cursor:pointer}.login-box .option-box[data-v-c8b59232]{width:236px;position:absolute;top:40px;background-color:#fff;height:0;opacity:0;border:1px solid #27282d;border-radius:4px;overflow:auto;color:#27282d;padding:0;z-index:20;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.login-box .option-box--show[data-v-c8b59232]{height:220px;opacity:1}.login-box .option-item[data-v-c8b59232]{height:30px;font-size:14px;line-height:30px;padding-left:19px}.login-box .option-item--active[data-v-c8b59232],.login-box .option-item[data-v-c8b59232]:hover{cursor:pointer;background-color:#f6f6f6}.login-box .login-button[data-v-c8b59232]{display:inline-block;font-size:14px;width:106px;padding-top:0;padding-bottom:0;line-height:30px;-webkit-transition:.4s;-o-transition:.4s;transition:.4s}.login-box .login-button[data-v-c8b59232],.login-box .login-button[data-v-c8b59232]:focus,.login-box .login-button[data-v-c8b59232]:hover{border-color:#efefef;color:#d1d1d1}.login-box .login-button--active[data-v-c8b59232]{background-color:#27282d;color:#fff;border:none}.other-login-box[data-v-c8b59232]{width:100%;position:relative;border-top:1px solid #efefef;text-align:center;margin-bottom:13px}.other-login-box .login-tip[data-v-c8b59232]{margin-bottom:0;font-size:12px;color:#999;padding:0 16px;background-color:#fff;position:relative;top:-9px}.other-login-box .icon-box[data-v-c8b59232]{display:-webkit-box;display:-ms-flexbox;display:flex;width:204px;margin:3px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.other-login-box .icon-box .hx-button[data-v-c8b59232]{width:30px;height:30px;background-color:#efefef;padding:0;text-align:center;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.other-login-box .icon-box .hx-button[data-v-c8b59232]:hover{cursor:pointer;background-color:#27282d}.other-login-box .icon-box .hx-icon[data-v-c8b59232]{font-size:16px;color:#fff}.signup .login-input-group[data-v-c8b59232]{margin-bottom:57px}.signup .login-input-button--big[data-v-c8b59232]{margin-bottom:103px}.login .login-input-group[data-v-c8b59232]{height:130px}.pwd .login-title[data-v-c8b59232]{margin-bottom:50px}.login-qrcode[data-v-c8b59232]{width:300px;margin:0 auto}.bind-box .login-input-button--big[data-v-c8b59232]{margin-bottom:10px}.bind-box .login-input-button--tobind[data-v-c8b59232]{margin-top:56px}.bind-box .login-input-button--big--active[data-v-c8b59232],.bind-box .login-input-button--big--active[data-v-c8b59232]:hover{-webkit-box-shadow:none;box-shadow:none}.bind-box-tip[data-v-c8b59232]{font-size:12px;color:#ff6060;line-height:18px;margin:38px 0 10px}.bind-box-title[data-v-c8b59232]{font-size:14px;color:#bfbfbf;line-height:32px}.bind-box-title-center[data-v-c8b59232]{text-align:center;cursor:pointer}.bind-box-title-center[data-v-c8b59232]:hover{color:#27282d}.bind-box-content[data-v-c8b59232]{font-size:16px;color:#27282d;line-height:32px}.bind-box .login-input-group .login-captcha[data-v-c8b59232]{padding-top:67px}.bind-box .login-input-group.binded[data-v-c8b59232]{padding-top:30px}.err-fade-enter-active[data-v-c8b59232],.err-fade-leave-active[data-v-c8b59232]{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.err-fade-enter[data-v-c8b59232],.err-fade-leave-to[data-v-c8b59232]{opacity:0}.login-item-enter-active[data-v-c8b59232]{opacity:1;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.login-item-leave-active[data-v-c8b59232]{-webkit-transition:all .4s cubic-bezier(1,.5,.8,1);-o-transition:all .4s cubic-bezier(1,.5,.8,1);transition:all .4s cubic-bezier(1,.5,.8,1)}.login-item-enter[data-v-c8b59232],.login-item-leave-to[data-v-c8b59232]{-webkit-transform:translate(-10px);-ms-transform:translate(-10px);transform:translate(-10px);opacity:0}.slide-bg-fade-enter-active[data-v-c8b59232]{opacity:1;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.slide-bg-fade-leave-active[data-v-c8b59232]{-webkit-transition:all .4s cubic-bezier(1,.6,.8,1);-o-transition:all .4s cubic-bezier(1,.6,.8,1);transition:all .4s cubic-bezier(1,.6,.8,1)}.slide-bg-fade-enter[data-v-c8b59232],.slide-bg-fade-leave-to[data-v-c8b59232]{opacity:0}.slide-fade-enter-active[data-v-c8b59232]{opacity:1;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.slide-fade-leave-active[data-v-c8b59232]{-webkit-transition:all .2s cubic-bezier(1,.6,.8,1);-o-transition:all .2s cubic-bezier(1,.6,.8,1);transition:all .2s cubic-bezier(1,.6,.8,1)}.slide-fade-enter[data-v-c8b59232],.slide-fade-leave-to[data-v-c8b59232]{-webkit-transform:translate(-44%,-50%);-ms-transform:translate(-44%,-50%);transform:translate(-44%,-50%);opacity:0}.geetest-mask[data-v-c8b59232]{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:20;left:0;top:0;-webkit-animation:opacity 1s ease-in;animation:opacity 1s ease-in}#geetest-box-login .gt_holder[data-v-c8b59232]{z-index:999}.vest[data-v-c8b59232]{position:relative}.vest .login-input-group[data-v-c8b59232]{width:380px;height:334px;position:absolute;top:40px;left:-30px}.vest .login-tip[data-v-c8b59232]{padding-left:30px;margin-bottom:42px}.vest .vest-list[data-v-c8b59232]{margin-bottom:40px;overflow-y:auto;top:60px}.vest .vest-box .vest-item[data-v-c8b59232]{width:100%;height:46px;padding:0 46px;line-height:46px}.vest .vest-box .vest-item .hx-avatar[data-v-c8b59232]{vertical-align:middle}.vest .vest-box .vest-item .vest-name[data-v-c8b59232]{font-size:16px;color:#27282d;margin-left:8px}.vest .vest-box .vest-item[data-v-c8b59232]:hover{cursor:pointer;background-color:#f5f5f5}.login-container[data-v-c8b59232]{width:1094px;margin:0 auto}.hx-logo[data-v-c8b59232]{width:44px;height:32px;vertical-align:middle}.login-box[data-v-c8b59232]{width:380px;height:360px}.login-box h2[data-v-c8b59232]{font-size:22px;color:#27282d;font-weight:700;margin-bottom:50px}.login-box .login-input[data-v-c8b59232]{width:320px;height:36px;border:1px solid #efefef;border-radius:3px;color:#d1d1d1;background:none;padding-left:16px;font-size:12px;line-height:24px}.login-box .login-input[data-v-c8b59232]::-webkit-input-placeholder{color:#d1d1d1}.login-box .login-input[data-v-c8b59232]::-moz-placeholder{color:#d1d1d1}.login-box .login-input[data-v-c8b59232]:-ms-input-placeholder{color:#d1d1d1}.login-box .login-input[data-v-c8b59232]::-ms-input-placeholder{color:#d1d1d1}.login-box .login-input[data-v-c8b59232]::placeholder{color:#d1d1d1}.login-box .login-input--active[data-v-c8b59232],.login-box .login-input[data-v-c8b59232]:focus{border:1px solid #27282d;color:#27282d}.login-box .live-room-input[data-v-c8b59232]{margin-bottom:20px}.login-box .login-input-button--big[data-v-c8b59232]{margin-top:58px;margin-bottom:10px}.login-box .login-input-button--big--active[data-v-c8b59232],.login-box .login-input-button--big--active[data-v-c8b59232]:hover{-webkit-box-shadow:0 10px 30px rgba(255,96,96,.35);box-shadow:0 10px 30px rgba(255,96,96,.35)}.login-box .error-tip[data-v-c8b59232]{position:absolute;top:204px;left:32px;color:#ff6060;font-size:12px;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;width:320px;line-height:20px}