.login-button–primary{margin-top:20px;color:#fff;cursor:pointer;height:70px;text-align:center;font-size:18px;line-height:60px;background:url(/img/bg/joolun_login_determine_n.png) no-repeat;background-size:100% 100%}.login-button–primary:focus,.login-button–primary:hover{background-image:url(/img/bg/joolun_login_determine_h.png)}.login-button–primary[data-v-71cf8bbf]{color:#fff;cursor:pointer;height:70px;text-align:center;font-size:18px;line-height:60px;background:url(/img/bg/joolun_login_determine_n.png) no-repeat;background-size:100% 100%}.login-button–primary[data-v-71cf8bbf]:focus,.login-button–primary[data-v-71cf8bbf]:hover{background-image:url(/img/bg/joolun_login_determine_h.png)}.code-phone[data-v-71cf8bbf]{padding-left:20px;padding-right:20px}.code-phone-submit[data-v-71cf8bbf]{display:block!important;width:220px;height:48px;font-size:14px!important;text-align:center;border-radius:50px!important;border:0;-webkit-box-shadow:rgba(152,22,244,.19) 0 5px 10px 2px;box-shadow:0 5px 10px 2px rgba(152,22,244,.19)}.msg-text{display:block;width:60px;font-size:12px;text-align:center;cursor:pointer}.msg-text.display{color:#ccc}.thirdparty-container[data-v-ac494dee]{margin:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.thirdparty-container .box[data-v-ac494dee]{cursor:pointer}.thirdparty-container .iconfont[data-v-ac494dee]{color:#fff;font-size:30px}.thirdparty-container .container[data-v-ac494dee]{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;border-radius:4px;margin-bottom:10px}.thirdparty-container .title[data-v-ac494dee]{text-align:center}.clearfix[data-v-27f4bd99]{text-align:center;font-size:16px;font-weight:500}.account-card{margin:0 20px 20px 0;background-color:#fff;border-radius:5px;-webkit-box-shadow:0 0 30px #ddd;box-shadow:0 0 30px #ddd;font-size:14px;width:240px;height:120px;padding:10px}.demo-account{color:red;margin-top:30px;margin-bottom:20px}.demo-account-2{font-size:14px;margin-top:10px}.account{margin-top:10px}.is-bottom{line-height:1.6;font-size:12px}.login-container{width:100%;margin:0 auto}.login-weaper{position:absolute;top:80px;left:0;width:100%}.login-container:before{z-index:-1024;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(/img/bg/login.png);background-size:100% 100%}.login-left{float:left;width:50%;position:relative}.login-logo{margin:0;padding:0;margin-bottom:20px}.login-info{margin-top:20px;margin-left:140px}.login-info-title{margin-left:140px;font-size:28px;font-weight:600;color:#0981f7}.login-info-item{font-size:14px;line-height:2;color:#212529}.login-account{margin-top:30px;width:100%}.login-border{margin-top:120px;float:left}.login-border,.login-main{width:50%;-webkit-box-sizing:border-box;box-sizing:border-box}.login-main{margin:0 auto}.login-main>h3{margin-bottom:20px}.login-main>p{color:#76838f}.login-title{margin-bottom:40px;font-weight:500;font-size:22px;text-align:center;letter-spacing:4px}.login-menu{width:100%;text-align:center}.login-menu a{color:#999;font-size:12px;margin:0 8px}.login-index{margin-top:40px!important;width:180px;border-radius:50px!important;background:transparent!important;color:#333!important;font-size:16px!important;border:1px solid #9816f4}.login-index,.login-submit{height:48px;text-align:center}.login-submit{display:block!important;margin:40px auto 10px auto!important;width:200px;font-size:14px!important;border-radius:50px!important;border:0;-webkit-box-shadow:rgba(152,22,244,.19) 0 5px 10px 2px;box-shadow:0 5px 10px 2px rgba(152,22,244,.19)}.login-form{margin:10px 0}.login-form i{color:#999}.login-form .el-form-item__content{width:100%}.login-form .el-form-item{margin-bottom:12px}.login-form .el-input input{padding-bottom:10px;text-indent:5px;background:transparent;border:none;border-radius:0;color:#333;border-bottom:1px solid #ebedf2}.login-form .el-input .el-input__prefix i{padding:0 5px;font-size:16px!important}.login-code{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;margin:0 0 0 10px}.login-code-img{margin-top:2px;width:100px;height:38px;background-color:#fdfdfd;border:1px solid #f0f0f0;color:#333;font-size:14px;font-weight:700;letter-spacing:5px;line-height:38px;text-indent:5px;text-align:center}.login-select input{color:#333;font-size:18px;font-weight:400;border:none;text-align:center}.login-page-footer{position:fixed;right:0;bottom:0;width:100%;height:48px;color:#fff;font-size:16px;line-height:48px;text-align:center;letter-spacing:5px;z-index:-1}.login-title2{height:35px;color:#000;font-size:16px;line-height:35px;text-align:center;letter-spacing:0}.login-bg{height:100%;background-size:auto;background-position:50%;background-repeat:no-repeat}.lock-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.lock-container .title{margin-bottom:8px;color:#333}.lock-container:before{z-index:-999;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(/img/login.png);background-size:cover}.lock-form{width:300px}@-webkit-keyframes error404animation-0ba4aad0{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(50deg);transform:rotate(50deg)}80%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes error404animation-0ba4aad0{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(50deg);transform:rotate(50deg)}80%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.error404-body-con[data-v-0ba4aad0]{width:700px;height:500px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.error404-body-con-title[data-v-0ba4aad0]{text-align:center;font-size:240px;font-weight:700;color:#2d8cf0;height:260px;line-height:260px;margin-top:40px}.error404-body-con-title span[data-v-0ba4aad0]{display:inline-block;color:#19be6b;font-size:230px;-webkit-animation:error404animation-0ba4aad0 3s ease 0s infinite alternate;animation:error404animation-0ba4aad0 3s ease 0s infinite alternate}.error404-body-con-message[data-v-0ba4aad0]{display:block;text-align:center;font-size:30px;font-weight:500;letter-spacing:12px;color:#dddde2}.error404-btn-con[data-v-0ba4aad0]{text-align:center;padding:20px 0;margin-bottom:40px}@-webkit-keyframes error403animation-3cea60b0{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}45%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}50%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}55%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}60%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes error403animation-3cea60b0{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}45%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}50%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}55%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}60%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.error403-body-con[data-v-3cea60b0]{width:700px;height:500px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.error403-body-con-title[data-v-3cea60b0]{text-align:center;font-size:240px;font-weight:700;color:#2d8cf0;height:260px;line-height:260px;margin-top:40px}.error403-body-con-title .error403-0-span[data-v-3cea60b0]{display:inline-block;position:relative;width:170px;height:170px;border-radius:50%;border:20px solid #ed3f14;color:#ed3f14;margin-right:10px}.error403-body-con-title .error403-0-span i[data-v-3cea60b0]{display:inline-block;font-size:120px!important;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.error403-body-con-title .error403-key-span[data-v-3cea60b0]{display:inline-block;position:relative;width:100px;height:190px;border-radius:50%;margin-right:10px}.error403-body-con-title .error403-key-span i[data-v-3cea60b0]{display:inline-block;font-size:190px!important;position:absolute;left:20px;-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation:error403animation-3cea60b0 2.8s ease 0s infinite;animation:error403animation-3cea60b0 2.8s ease 0s infinite}.error403-body-con-message[data-v-3cea60b0]{display:block;text-align:center;font-size:30px;font-weight:500;letter-spacing:4px;color:#dddde2}.error403-btn-con[data-v-3cea60b0]{text-align:center;padding:20px 0;margin-bottom:40px}@-webkit-keyframes error500animation-d6e7563e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}40%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}60%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes error500animation-d6e7563e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}40%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}60%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.error500-body-con[data-v-d6e7563e]{width:700px;height:500px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.error500-body-con-title[data-v-d6e7563e]{text-align:center;font-size:240px;font-weight:700;color:#2d8cf0;height:260px;line-height:260px;margin-top:40px}.error500-body-con-title .error500-0-span[data-v-d6e7563e]{display:inline-block;position:relative;width:170px;height:170px;border-radius:50%;border:20px solid #ed3f14;color:#ed3f14;margin-right:10px}.error500-body-con-title .error500-0-span i[data-v-d6e7563e]{display:inline-block;font-size:120px!important;position:absolute;bottom:-43px;left:20px;-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation:error500animation-d6e7563e 3s ease 0s infinite alternate;animation:error500animation-d6e7563e 3s ease 0s infinite alternate}.error500-body-con-message[data-v-d6e7563e]{display:block;text-align:center;font-size:30px;font-weight:500;letter-spacing:4px;color:#dddde2}.error500-btn-con[data-v-d6e7563e]{text-align:center;padding:20px 0;margin-bottom:40px}.iframe{width:100%;height:100%;border:0;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.live-content[data-v-526ea9c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:distribute;justify-content:space-around;padding:20px;gap:20px}.live-websocket-container[data-v-526ea9c6]{width:100%;padding:20px;border:1px solid #ddd;border-radius:8px;background:#fff;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1)}.connection-status[data-v-526ea9c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px;padding:10px;background:#f5f5f5;border-radius:4px}.status-indicator[data-v-526ea9c6]{width:12px;height:12px;border-radius:50%;margin-right:8px}.status-indicator.connected[data-v-526ea9c6]{background:#52c41a;-webkit-box-shadow:0 0 8px #52c41a;box-shadow:0 0 8px #52c41a}.status-indicator.disconnected[data-v-526ea9c6]{background:#ff4d4f}.live-info[data-v-526ea9c6]{margin-bottom:20px}.info-item[data-v-526ea9c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.info-item label[data-v-526ea9c6]{width:100px;font-weight:700}.info-item input[data-v-526ea9c6],.info-item select[data-v-526ea9c6]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:8px;border:1px solid #ddd;border-radius:4px}.actions[data-v-526ea9c6]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;margin-bottom:20px}.actions button[data-v-526ea9c6]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-connect[data-v-526ea9c6]{background:#1890ff;color:#fff}.btn-connect[data-v-526ea9c6]:disabled{background:#d9d9d9;cursor:not-allowed}.btn-disconnect[data-v-526ea9c6]{background:#ff4d4f;color:#fff}.btn-disconnect[data-v-526ea9c6]:disabled{background:#d9d9d9;cursor:not-allowed}.message-area[data-v-526ea9c6]{margin-bottom:20px}.message-list[data-v-526ea9c6]{height:300px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;padding:10px;margin-bottom:10px;background:#fafafa}.message-item[data-v-526ea9c6]{margin-bottom:8px;padding:5px;border-radius:4px}.message-item .time[data-v-526ea9c6]{color:#999;font-size:12px;margin-right:8px}.message-item.system[data-v-526ea9c6]{background:#e6f7ff;color:#0050b3}.message-item.success[data-v-526ea9c6]{background:#f6ffed;color:#389e0d}.message-item.error[data-v-526ea9c6]{background:#fff1f0;color:#cf1322}.message-item.warning[data-v-526ea9c6]{background:#fffbe6;color:#d46b08}.message-item.bullet[data-v-526ea9c6]{background:#fff;border-left:3px solid #1890ff}.message-item.info[data-v-526ea9c6]{background:#f0f0f0;color:#595959}.send-area[data-v-526ea9c6]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.send-area input[data-v-526ea9c6]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:8px;border:1px solid #ddd;border-radius:4px}.send-area button[data-v-526ea9c6]{padding:8px 20px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer}.send-area button[data-v-526ea9c6]:disabled{background:#d9d9d9;cursor:not-allowed}.live-stats[data-v-526ea9c6]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;padding:15px;background:#f5f5f5;border-radius:4px;margin-bottom:20px}.stat-item[data-v-526ea9c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.stat-item .label[data-v-526ea9c6]{font-weight:700;margin-right:8px}.stat-item .value[data-v-526ea9c6]{color:#1890ff;font-size:18px;font-weight:700}.card[data-v-526ea9c6]{background:#fff;border-radius:4px;padding:20px}.user-list[data-v-526ea9c6]{max-height:400px;overflow-y:auto}.user-item[data-v-526ea9c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 0;border-bottom:1px solid #ebeef5}.el-pagination[data-v-526ea9c6]{margin-top:15px;text-align:center}.status-active[data-v-526ea9c6]{color:#67c23a}.status-banned[data-v-526ea9c6]{color:#f56c6c}.ban-dialog-content[data-v-526ea9c6]{padding:10px 0}.ban-time-input[data-v-526ea9c6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:15px 0}.ban-time-input label[data-v-526ea9c6]{width:80px;font-weight:700}.time-unit[data-v-526ea9c6]{margin-left:10px;color:#666}.tip[data-v-526ea9c6]{font-size:12px;color:#999;margin-top:5px}.avatar-uploader .el-upload[data-v-eb13b1ac]{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload[data-v-eb13b1ac]:hover{border-color:#409eff}.thirdparty-container[data-v-eb13b1ac]{margin:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.thirdparty-container .box[data-v-eb13b1ac]{cursor:pointer;text-align:center}.thirdparty-container .iconfont[data-v-eb13b1ac]{color:#fff;font-size:30px}.thirdparty-container .container[data-v-eb13b1ac]{display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;border-radius:4px;margin-bottom:10px}.thirdparty-container .title[data-v-eb13b1ac]{text-align:center}