.el-container[data-v-0185af53]{flex-direction:column}input[data-v-0185af53]{display:none}#img[data-v-0185af53]{height:100%;width:100%;-o-object-fit:fill;object-fit:fill;display:none}.demo[data-v-0185af53]{display:flex;flex-direction:column;align-items:center;width:100%;height:100%}canvas[data-v-0185af53]{background:#fff}.change-drawwidth-content[data-v-0185af53]{display:flex;justify-content:space-between;width:100%}.change-drawwidth-content .drawwwidth-actice[data-v-0185af53]{background:#2a2b2f;color:#fff}.change-drawwidth-content span[data-v-0185af53]{padding:5px 10px;border-radius:5px;transition:.2s;background:#fafafa;cursor:pointer}.change-drawwidth-content span[data-v-0185af53]:hover{background:#2a2b2f;color:#fff}.draw-btn-group[data-v-0185af53]{margin-top:10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:absolute;top:50px;left:10px;border-radius:5px;overflow:hidden}.draw-btn-group #drag[data-v-0185af53]{cursor:move}.draw-btn-group .tools-penwidth[data-v-0185af53]{width:18px;height:18px;border-radius:50%;background:#7f7f7f}.draw-btn-group .change-drawwidth[data-v-0185af53],.draw-btn-group>div[data-v-0185af53]{background:#2a2b2f;padding:5px;cursor:pointer;transition:.2s;height:52px;width:42px;display:flex;flex-direction:column;align-items:center;justify-content:center}.draw-btn-group .change-drawwidth[data-v-0185af53]:hover,.draw-btn-group>div[data-v-0185af53]:hover{background:#3b3c40}.draw-btn-group .change-drawwidth:hover i[data-v-0185af53],.draw-btn-group .change-drawwidth:hover p[data-v-0185af53],.draw-btn-group>div:hover i[data-v-0185af53],.draw-btn-group>div:hover p[data-v-0185af53]{color:#1472ff}.draw-btn-group .change-drawwidth p[data-v-0185af53],.draw-btn-group>div p[data-v-0185af53]{color:#fff;font-size:12px}.draw-btn-group .change-drawwidth i[data-v-0185af53],.draw-btn-group>div i[data-v-0185af53]{display:flex;background-repeat:no-repeat;background-size:80%;background-position:50% 50%;font-size:22px;color:#fff}.draw-btn-group .active[data-v-0185af53]{background:#3b3c40;color:#1472ff}[data-v-0185af53] .el-color-picker__trigger{border:none;height:30px;width:30px;margin-top:5px}[data-v-0185af53] .el-color-picker__color{border:none;border-radius:50%;overflow:hidden}[data-v-0185af53] .el-color-picker__icon{display:none}.live-body[data-v-c9f3873e]{background:#2a2b2f;width:100%;height:100vh}.live-body .live-header[data-v-c9f3873e]{height:60px;width:100%;overflow:hidden;background:#3b3c40}.live-body .live-header .left[data-v-c9f3873e]{line-height:60px;font-size:16px;color:#fff;padding-left:20px;float:left}.live-body .live-header .right[data-v-c9f3873e]{float:right;padding-right:20px}.live-body .live-header .right .time[data-v-c9f3873e]{line-height:60px;font-size:14px;color:#fff;margin-right:20px}.live-content[data-v-c9f3873e]{height:calc(100vh - 60px);overflow:hidden;display:flex;position:relative}.live-content .check-equipment[data-v-c9f3873e]{position:absolute;width:600px;height:400px;background:#3a3e41;top:100px;left:calc(50% - 300px);border-radius:5px;padding:20px}.live-content .check-equipment .check-step[data-v-c9f3873e]{width:80%;margin:auto;height:50px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.live-content .check-equipment .check-step[data-v-c9f3873e]:before{content:"";border-top:1px dashed #eee;position:absolute;width:100%}.live-content .check-equipment .check-step .check-step-item[data-v-c9f3873e]{height:50px;width:50px;display:flex;align-items:center;justify-content:center;z-index:9;background:#eee;border-radius:50%}.live-content .check-equipment .check-step .check-step-item i[data-v-c9f3873e]{font-size:25px}.live-content .check-equipment .check-content[data-v-c9f3873e]{width:100%;display:flex;align-items:flex-start;justify-content:space-around;margin-top:50px}.live-content .check-equipment .check-content .voice[data-v-c9f3873e]{width:240px;height:140px;display:flex;align-items:flex-end;justify-content:space-around}.live-content .check-equipment .check-content-info[data-v-c9f3873e]{width:100%;display:flex;align-items:center;justify-content:space-around;margin-top:50px}.live-content .check-equipment #check[data-v-c9f3873e]{width:240px;height:140px;-o-object-fit:fill;object-fit:fill}.live-content .c-left[data-v-c9f3873e]{width:80px;height:calc(100vh - 60px);display:flex;flex-direction:column;background:#3a3e41}.live-content .c-left .item[data-v-c9f3873e]{margin:0 auto;width:80%;height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ccc;border-radius:5px}.live-content .c-left .item i[data-v-c9f3873e]{margin-bottom:10px;font-size:18px}.live-content .c-left .active[data-v-c9f3873e]{background:#2e2f2f;color:#1472ff}.live-content .c-left .line[data-v-c9f3873e]{margin:0 auto;width:80%;height:1px;background:#2f2f30}.live-content .c-m[data-v-c9f3873e]{width:calc(100vw - 382px);position:relative}.live-content .c-m .medium-video-box[data-v-c9f3873e]{position:absolute;top:-20px;right:0;width:260px;height:210px;z-index:9}.live-content .c-m .medium-video-box #video-medium[data-v-c9f3873e]{width:260px;height:170px;-o-object-fit:fill;object-fit:fill}.live-content .c-m .medium-video-box .close-medium-video[data-v-c9f3873e]{width:100%;padding:5px 0;background:rgba(0,0,0,.3);text-align:center;color:#fff;cursor:pointer}.live-content .c-right[data-v-c9f3873e]{width:300px;height:calc(100vh - 60px);border-left:1px solid #000;background:#2a2b2f}.c-right .top[data-v-c9f3873e]{padding:10px}.c-right .chat-bottom[data-v-c9f3873e]{height:110px;width:100%;border-top:1px solid #3d3e43;padding:10px}.c-right .chat-bottom .upload-img[data-v-c9f3873e]{width:100%;height:24px}.c-right .chat-bottom .upload-img i[data-v-c9f3873e]{cursor:pointer;color:#e5e5e5;font-size:22px}.c-right .chat-bottom .send[data-v-c9f3873e]{width:100%;padding:10px 0;display:flex}.c-right .chat-bottom .send[data-v-c9f3873e] .el-textarea__inner{border-radius:4px 0 0 4px}.c-right .chat-bottom .send[data-v-c9f3873e] .el-button{border-radius:0 4px 4px 0}.setting-content[data-v-c9f3873e]{position:absolute;width:300px;height:600px;background:#3a3e41;top:150px;left:85px;border-radius:5px;padding:20px;overflow-y:auto}.setting-content .volume-box[data-v-c9f3873e]{display:flex;width:100%;align-items:center;justify-content:space-between;margin-bottom:10px}.setting-content .switch-device[data-v-c9f3873e]{display:flex;flex-direction:column;padding:10px 0}.setting-content .switch-device span[data-v-c9f3873e]{margin-bottom:10px}.setting-content .switch-device i[data-v-c9f3873e]{color:#1472ff;cursor:pointer;margin-left:5px}.setting-content .switch-device .Watermark-content[data-v-c9f3873e]{width:100%;position:relative}.setting-content .switch-device .Watermark-content .Watermark-set[data-v-c9f3873e]{width:100%}.setting-content .switch-device .Watermark-content .image-hover[data-v-c9f3873e]{position:absolute;top:0;left:0;width:100%;height:150px;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;opacity:0;transition:.2s}.setting-content .switch-device .Watermark-content .image-hover[data-v-c9f3873e]:hover{opacity:1;transition:.2s}.setting-content .switch-device .Watermark-content .el-image[data-v-c9f3873e]{width:100%;height:150px}.setting-content[data-v-c9f3873e]::-webkit-scrollbar{width:6px;height:6px}.setting-content[data-v-c9f3873e]::-webkit-scrollbar-thumb{border-radius:3px;background-color:#4a5053}.setting-content[data-v-c9f3873e]::-webkit-scrollbar-track-piece{background-color:#3a3e41}.music-content[data-v-c9f3873e]{position:absolute;width:400px;height:550px;top:150px;left:calc(50% - 200px);border-radius:5px;padding:20px 0}.music-content .body[data-v-c9f3873e]{width:100%;height:100%;background:#3a3e41;border-radius:5px;padding:0 10px}.music-content .body .bgmusic-box[data-v-c9f3873e]{width:100%;height:450px}.music-content .body .bgmusic-box .header-tool[data-v-c9f3873e]{width:100%;height:30px;display:flex;flex-direction:row-reverse;margin-bottom:5px;padding-right:5px}.music-content .body .bgmusic-box .bgmusic-content[data-v-c9f3873e]{width:100%;height:415px;overflow-y:auto;padding:0 5px}.music-content .body .bgmusic-box .bgmusic-content .soundEffect-item[data-v-c9f3873e]{display:flex;width:100%;padding:15px 10px;border-radius:5px;background:#4a5053;margin:5px 0;color:#fff}.music-content .body .bgmusic-box .bgmusic-content .soundEffect-item p[data-v-c9f3873e]{font-size:14px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.music-content .body .bgmusic-box .bgmusic-content .soundEffect-item span[data-v-c9f3873e]{margin-right:10px;cursor:pointer;color:#1472ff}.music-content .body .bgmusic-box .bgmusic-content[data-v-c9f3873e]::-webkit-scrollbar{width:6px;height:6px}.music-content .body .bgmusic-box .bgmusic-content[data-v-c9f3873e]::-webkit-scrollbar-thumb{border-radius:3px;background-color:#4a5053}.music-content .body .bgmusic-box .bgmusic-content[data-v-c9f3873e]::-webkit-scrollbar-track-piece{background-color:#3a3e41}.music-content .body .soundEffect-content[data-v-c9f3873e]{width:100%;height:450px;overflow-y:auto;padding:0 5px}.music-content .body .soundEffect-content .soundEffect-item[data-v-c9f3873e]{display:flex;width:100%;padding:15px 10px;border-radius:5px;background:#4a5053;margin:5px 0;color:#fff}.music-content .body .soundEffect-content .soundEffect-item p[data-v-c9f3873e]{font-size:14px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.music-content .body .soundEffect-content .soundEffect-item span[data-v-c9f3873e]{margin-right:10px;cursor:pointer;color:#1472ff}.music-content .body .soundEffect-content[data-v-c9f3873e]::-webkit-scrollbar{width:6px;height:6px}.music-content .body .soundEffect-content[data-v-c9f3873e]::-webkit-scrollbar-thumb{border-radius:3px;background-color:#4a5053}.music-content .body .soundEffect-content[data-v-c9f3873e]::-webkit-scrollbar-track-piece{background-color:#3a3e41}.live-body[data-v-c9f3873e].el-tabs__item{color:#fff}.live-body[data-v-c9f3873e].el-tabs__item.is-active{color:#1472ff}[data-v-c9f3873e] .el-tabs__nav-scroll{width:35%!important;margin:0 auto!important}[data-v-c9f3873e] .el-tabs__nav-wrap:after{background-color:#575860}.id_local_video video{margin:0 0 0 0!important;width:calc(100vw - 382px)}.top .el-tabs__item{color:#fff!important}.top .is-active{color:var(--color)!important}.c-right[data-v-c9f3873e] .el-tabs__content .el-tab-pane{height:calc(100vh - 240px)}.peopleList[data-v-c9f3873e]{width:100%;height:98%;overflow:hidden;padding:10px}.peopleList .user[data-v-c9f3873e]{height:100%;width:100%;position:relative}.peopleList .user ul[data-v-c9f3873e]{z-index:9;width:100%;background:#2a2b2f;position:absolute;top:0;left:0}.peopleList .user ul li[data-v-c9f3873e]{height:60px;width:100%;display:flex;align-items:center;padding:0 10px;border-bottom:1px solid #1f1f1f;cursor:pointer;margin:auto}.peopleList .user ul li[data-v-c9f3873e]:first-child{border-top:1px solid #1f1f1f}.peopleList .user ul li img[data-v-c9f3873e]{width:40px;height:40px;border-radius:5px}.peopleList .user ul li p[data-v-c9f3873e]{font-size:14px;color:#fff;margin-left:10px}.peopleList .user .loading[data-v-c9f3873e]{width:100%;height:20px;display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;z-index:0}.chat-content[data-v-c9f3873e]{width:100%;height:100%;border-radius:5px;overflow:hidden;padding:10px 0}.chat-content .chat[data-v-c9f3873e]{height:100%;width:100%;position:relative;overflow-y:scroll}.chat-content .chat .loading[data-v-c9f3873e]{width:100%;height:20px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;z-index:0}.chat-content .chat ul[data-v-c9f3873e]{z-index:9;width:100%;background:#2a2b2f;position:absolute;top:0;left:0}.chat-content .chat .welcome[data-v-c9f3873e]{font-size:12px;height:25px;display:flex;align-items:center;justify-content:center;padding:5px;background:rgba(0,0,0,.2);color:#fff;border-radius:15px;margin:20px 10%}.chat-content .chat .welcome p[data-v-c9f3873e]{max-width:calc(100% - 84px);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-content .chat .messagebox-gift[data-v-c9f3873e]{display:flex;align-items:center;padding:5px 8px;min-width:260px;background:rgba(0,0,0,.1);border-radius:50px;margin:10px 0}.chat-content .chat .messagebox-gift-rev[data-v-c9f3873e]{display:flex;align-items:center;padding:5px 8px;width:200px;background:rgba(0,0,0,.1);border-radius:50px;margin:10px 0}.chat-content .chat .other-message[data-v-c9f3873e]{width:100%;color:#fff;border-radius:5px;margin:10px 0;padding:10px;font-size:14px;display:flex}.chat-content .chat .other-message p[data-v-c9f3873e]{margin-right:5px;color:var(--color);cursor:pointer}.chat-content .chat .other-message .other-msg-content[data-v-c9f3873e]{margin-left:5px}.chat-content .chat .other-message .other-msg-content .name[data-v-c9f3873e]{display:block;max-width:150px;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.chat-content .chat .other-message .other-msg-content .gift[data-v-c9f3873e],.chat-content .chat .other-message .other-msg-content p[data-v-c9f3873e]{font-size:12px;padding:8px 5px;background-color:#e5e5e5;color:#000;border-radius:5px;max-width:200px;line-height:20px;position:relative}.chat-content .chat .other-message .other-msg-content .gift[data-v-c9f3873e]{display:flex;align-items:center}.chat-content .chat .me-message[data-v-c9f3873e]{width:100%;color:#000;border-radius:5px;margin:10px 0;padding:10px;line-height:20px;font-size:14px;display:flex;flex-direction:row-reverse}.chat-content .chat .me-message p[data-v-c9f3873e]{margin-right:5px;cursor:pointer;white-space:pre-wrap}.chat-content .chat .me-message .other-msg-content[data-v-c9f3873e]{margin-right:5px}.chat-content .chat .me-message .other-msg-content p[data-v-c9f3873e]{word-wrap:break-word;font-size:12px;padding:8px 5px;background-color:#e5e5e5;color:#000;border-radius:5px;max-width:200px;position:relative;white-space:pre-wrap}.chat-content .chat .me-message .other-msg-content .gift[data-v-c9f3873e]{font-size:12px;padding:8px 5px;background-color:#e5e5e5;color:#000;border-radius:5px;max-width:200px;display:flex;align-items:center;line-height:20px;position:relative}.roleDiv[data-v-c9f3873e]{background:#1472ff;padding:2px 5px;font-size:10px;border-radius:5px;color:#fff;margin-right:5px}