.record-header[data-v-b6df7910]{width:100%;height:55px;line-height:55px;padding:0 15px;box-sizing:border-box;background:#fff;display:flex;position:relative;z-index:99}.record-header .record-header-left[data-v-b6df7910]{flex:1;display:flex;align-items:center}.record-header .record-header-left span[data-v-b6df7910]{margin-right:5px}.record-header .record-header-middle[data-v-b6df7910]{flex:1;display:flex;justify-content:center;align-items:center}.record-header .record-header-middle div.signal-size[data-v-b6df7910]{margin-right:8px}.record-header .record-header-middle div.signal-size img[data-v-b6df7910]{width:35px;-o-object-fit:contain;object-fit:contain;display:block}.record-header .record-header-middle span.down-count[data-v-b6df7910]{width:110px;height:35px;padding:0 10px;line-height:35px;display:flex;align-items:center;justify-content:flex-start;background:#eee;border-radius:4px;color:#12141a;font-size:24px}.record-header .record-header-middle span.down-count.icon-liveing[data-v-b6df7910]{color:red}.record-header .record-header-middle span.down-count .gray[data-v-b6df7910]{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-b6df7910]{display:inline-block;width:8px;height:8px;border-radius:4px;background:#4a4a4a}.record-header .record-header-middle span.down-count .gray.icon-liveing i[data-v-b6df7910]{background:#ff1400}.record-header .record-header-right[data-v-b6df7910]{flex:1}.record-header .record-header-right[data-v-b6df7910]:nth-child(2){text-align:center}.record-header .record-header-right[data-v-b6df7910]:last-child{display:flex;align-items:center;justify-content:flex-end}.record-main-left[data-v-8da8a8ca]{width:200px;height:100%;background:#f0f0f0;margin-right:5px;overflow:scroll}.record-main-left[data-v-8da8a8ca]::-webkit-scrollbar{display:none}.record-main-left ul li[data-v-8da8a8ca]{width:100%;height:140px;margin:5px 0;cursor:pointer;overflow:hidden;background:#fff;position:relative}.record-main-left ul li.active[data-v-8da8a8ca]{border:5px solid #ffcc13;box-sizing:border-box}.record-main-left ul li img[data-v-8da8a8ca]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.record-main-left ul li .control[data-v-8da8a8ca]{width:100%;height:100%;position:absolute;left:0;top:0}.record-main-left ul li .control .record-status[data-v-8da8a8ca]{width:50px;height:50px;position:absolute;right:0;top:0;z-index:10}.record-main-left ul li .control .audit[data-v-8da8a8ca]{position:absolute;right:-5px;bottom:-5px;z-index:10}.record-main-left ul li .control .audit img[data-v-8da8a8ca]{width:50px}.record-main-left ul li .control .play[data-v-8da8a8ca]{position:absolute;left:50%;top:50%;z-index:10;transform:translate(-50%,-50%);font-size:50px;border-radius:999px;color:#fff;background:rgba(0,0,0,.4)}.record-main-left ul li .page-number[data-v-8da8a8ca]{width:30px;height:20px;display:flex;align-items:center;justify-content:center;position:absolute;left:0;bottom:0;background:rgba(0,0,0,.6);color:#fff;font-size:12px}.record-main-left .video[data-v-8da8a8ca]{width:100%}.count-down[data-v-5c6d17e8]{width:100vw;height:100vh;background:rgba(0,0,0,.7);position:fixed;top:0;left:0;z-index:999}.count-down div[data-v-5c6d17e8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;text-align:center}.count-down div p[data-v-5c6d17e8]{text-align:center;padding:20px 0;font-size:48px;color:#eee}.count-down div span[data-v-5c6d17e8]{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-6825453f]{width:100vw;height:100vh;position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.video-list[data-v-5edba34e]{width:100vw;padding:0 20px;overflow-x:scroll;white-space:nowrap}.video-list .video[data-v-5edba34e]{height:200px;display:inline-block;margin-right:10px}.video-list .video video[data-v-5edba34e]{width:100%;height:100%}.record[data-v-7ddad8ed]{width:100vw;height:100vh;background:#f5f7f9}.record .record-header[data-v-7ddad8ed]{margin-bottom:10px}.record .record-main[data-v-7ddad8ed]{width:100%;height:100%;padding:65px 0 0 0;box-sizing:border-box;display:flex;position:absolute;top:0;left:0}.record .record-main .record-main-right[data-v-7ddad8ed]{width:200px;height:100%;margin-left:5px;position:relative;background:#f0f0f0}.record .record-main .record-main-right .record-main-right-video-box[data-v-7ddad8ed]{height:165px;position:relative}.record .record-main .record-main-right .record-main-right-video-box span[data-v-7ddad8ed]{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-7ddad8ed]{height:35px;border-top:1px solid #272727;display:flex;align-items:center}.record .record-main .record-main-right .record-main-right-buttons button[data-v-7ddad8ed]{height:100%;flex:1;display:flex;align-items:center;justify-content:center;background:none;border:none;outline:none;font-size:14px;color:#47494d;background:#fff;cursor:pointer}.record .record-main .record-main-right .record-main-right-buttons button img[data-v-7ddad8ed]{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-7ddad8ed]:first-child{color:#ff1400}.record .record-main .record-main-right .record-main-right-buttons button[data-v-7ddad8ed]:hover{background:#ffcc13}.record .record-main .record-main-right .btn-ctl[data-v-7ddad8ed]{margin:20px auto 0}.record .record-main .record-main-right .btn-ctl span[data-v-7ddad8ed]{display:block;margin-bottom:14px}.record .record-main .record-main-right .btn-ctl span button[data-v-7ddad8ed]{width:100%}.record .record-main .record-main-right .preview-code[data-v-7ddad8ed]{margin-top:20px;text-align:center}.record .record-main .record-main-right .preview-code span[data-v-7ddad8ed]{font-size:14px;color:#aaa}.record .record-main .record-main-right .operate-doc[data-v-7ddad8ed]{padding:40px 5px;font-size:12px;color:#999}.record .record-main .record-main-right .stop-record[data-v-7ddad8ed]{position:absolute;bottom:0;right:0;left:0}.record .record-main .record-main-right .stop-record button[data-v-7ddad8ed]{width:100%}.record .record-main .record-middle[data-v-7ddad8ed]{flex:1;height:100%;margin:0 5px;position:relative}.record .record-main .record-middle .record-middle-main[data-v-7ddad8ed]{width:100%;height:calc(100% - 150px);background:#fff;position:relative}.record .record-middle-ctl[data-v-7ddad8ed]{width:100%;height:150px;box-sizing:border-box;padding-top:30px;position:absolute;bottom:0;left:0;z-index:1;background:#f5f7f9;border-top:1px solid #f1f8fd}.record .record-middle-ctl div .btn-publish[data-v-7ddad8ed]{width:100%;height:60px;outline:none;border:none;font-size:16px;color:#fff;cursor:pointer}.record .record-middle-ctl div .btn-publish.active[data-v-7ddad8ed]{background:#ff1400}.record .record-middle-ctl div .btn-publish[disabled][data-v-7ddad8ed]{opacity:.3;cursor:no-drop}