.record-header[data-v-61fddbae]{width:100%;height:35px;padding:0 10px;box-sizing:border-box;background:#2b2b2b;display:flex;position:relative;z-index:99;font-size:12px;color:#b0b0b0}.record-header .record-header-left[data-v-61fddbae]{flex:1;display:flex;align-items:center}.record-header .record-header-left span[data-v-61fddbae]{margin-right:5px}.record-header .record-header-middle[data-v-61fddbae]{flex:1;display:flex;justify-content:center;align-items:center}.record-header .record-header-middle div.signal-size[data-v-61fddbae]{margin-right:8px}.record-header .record-header-middle div.signal-size img[data-v-61fddbae]{width:35px;-o-object-fit:contain;object-fit:contain;display:block}.record-header .record-header-middle span.down-count[data-v-61fddbae]{width:110px;height:35px;padding:0 10px;line-height:35px;display:flex;align-items:center;justify-content:flex-start;border-radius:4px;color:#b0b0b0;font-size:18px}.record-header .record-header-middle span.down-count.icon-liveing[data-v-61fddbae]{color:#f56c6c}.record-header .record-header-middle span.down-count .gray[data-v-61fddbae]{width:14px;height:14px;margin-right:5px;border-radius:7px;display:flex;align-items:center;justify-content:flex-start}.record-header .record-header-middle span.down-count .gray i[data-v-61fddbae]{display:inline-block;width:10px;height:10px;border-radius:5px;background:#636363}.record-header .record-header-middle span.down-count .gray.icon-liveing i[data-v-61fddbae]{background:#f56c6c}.record-header .record-header-right[data-v-61fddbae]{flex:1}.record-header .record-header-right[data-v-61fddbae]:nth-child(2){text-align:center}.record-header .record-header-right[data-v-61fddbae]:last-child{display:flex;align-items:center;justify-content:flex-end}.record-main-left[data-v-4c885cc0]{flex:0 0 170px;border-top:1px solid #151515;background:#2b2b2b;overflow-y:scroll;padding:10px;box-sizing:border-box}.record-main-left[data-v-4c885cc0]::-webkit-scrollbar{display:none}.record-main-left ul li[data-v-4c885cc0]{width:100%;height:100px;margin-bottom:8px;cursor:pointer;overflow:hidden;background:#fff;position:relative;border-radius:4px}.record-main-left ul li.active[data-v-4c885cc0]{border:2px solid #ffcc13;box-sizing:border-box}.record-main-left ul li img[data-v-4c885cc0]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.record-main-left ul li .control[data-v-4c885cc0]{width:100%;height:100%;position:absolute;left:0;top:0}.record-main-left ul li .control .record-status[data-v-4c885cc0]{width:40px;height:40px;position:absolute;right:0;top:0;z-index:10}.record-main-left ul li .control .audit[data-v-4c885cc0]{position:absolute;right:-5px;bottom:-5px;z-index:10}.record-main-left ul li .control .audit img[data-v-4c885cc0]{width:40px}.record-main-left ul li .control .audit_mask[data-v-4c885cc0]{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background-color:rgba(255,0,0,.2)}.record-main-left ul li .control .play[data-v-4c885cc0]{position:absolute;left:50%;top:50%;z-index:10;transform:translate(-50%,-50%);font-size:40px;border-radius:999px;color:#fff;background:rgba(0,0,0,.4)}.record-main-left ul li .page-number[data-v-4c885cc0]{width:28px;height:18px;border-top-right-radius:4px;display:flex;align-items:center;justify-content:center;position:absolute;left:0;bottom:0;background:#636363;color:#fff;font-size:12px}.record-main-left .video[data-v-4c885cc0]{width:100%}.count-down[data-v-566d3e59]{width:100vw;height:100vh;background:rgba(0,0,0,.7);position:fixed;top:0;left:0;z-index:999}.count-down div[data-v-566d3e59]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;text-align:center}.count-down div p[data-v-566d3e59]{text-align:center;padding:20px 0;font-size:48px;color:#eee}.count-down div span[data-v-566d3e59]{width:100px;height:100px;border-radius:50px;background:hsla(0,0%,100%,.5);margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff}.component[data-v-187e183f]{width:100vw;height:100vh;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.video-list[data-v-29f3c4a6]{width:100vw;padding:0 20px;overflow-x:scroll;white-space:nowrap}.video-list .video[data-v-29f3c4a6]{height:120px;display:inline-block;margin-right:10px}.video-list .video video[data-v-29f3c4a6]{width:100%;height:100%}.el-drawer[data-v-29f3c4a6]{border-top-left-radius:4px;border-top-right-radius:4px}.tools[data-v-4a66b31d]{position:fixed;top:40px;left:180px;z-index:999;height:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer;background:#2b2b2b;border-radius:5px;color:#fff}.tools div[data-v-4a66b31d]{padding:10px;cursor:pointer}.tools .active[data-v-4a66b31d]{color:var(--primary)}.tools .tool-name[data-v-4a66b31d]{font-size:16px;margin-left:5px}.component-label[data-v-1354ef3e]{font-size:12px;color:#14161a}[data-v-1354ef3e] .el-dialog__body{padding:10px 20px}[data-v-1354ef3e] .el-form-item{margin-bottom:10px}.record[data-v-8ce6134c]{width:100vw;height:100vh;background:#151515}.record .record-main[data-v-8ce6134c]{width:100%;height:100%;padding:35px 0 0 0;box-sizing:border-box;display:flex;position:absolute;top:0;left:0}.record .record-main .record-main-right[data-v-8ce6134c]{width:200px;height:100%;padding:10px;position:relative;border-top:1px solid #151515;background:#2b2b2b;box-sizing:border-box}.record .record-main .record-main-right .record-main-right-video-box[data-v-8ce6134c]{height:135px;position:relative;border-radius:4px;overflow:hidden}.record .record-main .record-main-right .record-main-right-video-box span[data-v-8ce6134c]{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);font-size:50px;color:#272727;cursor:pointer}.record .record-main .record-main-right .record-main-right-buttons[data-v-8ce6134c]{height:35px;display:flex;align-items:center;background:#2b2b2b;border-bottom:1px solid #151515;margin-bottom:20px}.record .record-main .record-main-right .record-main-right-buttons button[data-v-8ce6134c]{height:100%;flex:1;display:flex;align-items:center;justify-content:center;background:none;border:none;outline:none;font-size:14px;color:#47494d;cursor:no-drop}.record .record-main .record-main-right .record-main-right-buttons button img[data-v-8ce6134c]{width:18px;height:18px;margin-right:5px;-o-object-fit:contain;object-fit:contain}.record .record-main .record-main-right .record-main-right-buttons button.active span[data-v-8ce6134c]:first-child{color:#f56c6c}.record .record-main .record-main-right .btn-ctl[data-v-8ce6134c]{margin:0 auto 10px}.record .record-main .record-main-right .btn-ctl span[data-v-8ce6134c]{display:block;margin-bottom:5px}.record .record-main .record-main-right .btn-ctl span button[data-v-8ce6134c]{width:100%;background:#636363;color:#c4c4c4;border-color:#636363}.record .record-main .record-main-right .btn-ctl span button.stop-all-record[data-v-8ce6134c]{background-color:transparent;color:#f56c6c;border:1px solid #f56c6c}.record .record-main .record-main-right .preview-code[data-v-8ce6134c]{margin-top:20px;text-align:center}.record .record-main .record-main-right .preview-code span[data-v-8ce6134c]{font-size:12px;color:#777}.record .record-main .record-main-right .operate-doc[data-v-8ce6134c]{padding:40px 5px;font-size:12px;color:#999}.record .record-main .record-main-right .stop-record[data-v-8ce6134c]{position:absolute;bottom:0;right:0;left:0}.record .record-main .record-main-right .stop-record button[data-v-8ce6134c]{width:100%}.record .record-main .record-middle[data-v-8ce6134c]{flex:1;height:100%;margin:0 1px;position:relative}.record .record-main .record-middle__message[data-v-8ce6134c]{position:absolute;top:0;left:0;width:100%;z-index:10}.record .record-main .record-middle .record-middle-main[data-v-8ce6134c]{width:100%;height:calc(100% - 80px);background:#151515;position:relative}.record .record-middle-ctl[data-v-8ce6134c]{width:100%;height:80px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:absolute;bottom:0;left:0;z-index:1;background:#2b2b2b;border-top:1px solid #151515}.record .record-middle-ctl div[data-v-8ce6134c]{display:flex}.record .record-middle-ctl div>div[data-v-8ce6134c]{margin:0 5px}.record .record-middle-ctl div .btn-publish[data-v-8ce6134c]{width:100%;height:40px;outline:none;border:none;font-size:16px;color:#fff;cursor:pointer}.record .record-middle-ctl div .btn-publish.active[data-v-8ce6134c]{background:#f56c6c}.record .record-middle-ctl div .btn-publish[disabled][data-v-8ce6134c]{opacity:.3;cursor:no-drop}