[data-v-655e9246] .el-tree{height:90%;overflow:auto;background:#10191c;color:#fff}[data-v-655e9246] .el-tree .el-tree-node__content{height:28px;background:hsla(0,0%,100%,0)}[data-v-655e9246] .el-tree .el-tree-node__content:hover{background:rgba(67,193,255,.1)}[data-v-655e9246] .el-tree .el-tree-node__label{color:#fff}[data-v-655e9246] .el-tree .is-current .el-tree-node__content{background:rgba(67,193,255,.1)}[data-v-655e9246] .el-tree .is-current .el-tree-node__label{color:#02cdfd}[data-v-655e9246] .el-tree .is-current .el-tree-node__children .el-tree-node__content:hover{background:rgba(67,193,255,.1)}[data-v-655e9246] .el-tree .is-current .el-tree-node__children .el-tree-node__content{background:hsla(0,0%,100%,0)}[data-v-655e9246] .el-tree .is-current .el-tree-node__children .el-tree-node__label{color:#fff}[data-v-655e9246] .el-scrollbar .el-scrollbar__wrap{overflow-x:auto;height:calc(100% + 20px)}[data-v-655e9246] .el-scrollbar .el-scrollbar__wrap .el-scrollbar__view{white-space:nowrap;display:inline-block}[data-v-655e9246] .el-input{margin-bottom:16px}[data-v-655e9246] .el-input .el-input__inner{background:#162c33;border:1px solid #007786;border-radius:4px}.playback-panel[data-v-0d4d7bbc]{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;padding:0;overflow:hidden}.playback-panel .pb-header[data-v-0d4d7bbc]{display:flex;flex:0 0 44px;align-items:center;justify-content:space-between;padding:0 12px;background:#16201f;border-bottom:1px solid #1f2b2b}.playback-panel .pb-header .pb-info[data-v-0d4d7bbc]{display:flex;align-items:center;font-size:13px;color:#e6e6e6}.playback-panel .pb-header .pb-info .pb-label[data-v-0d4d7bbc]{color:#e6e6e6}.playback-panel .pb-header .pb-info .pb-dot[data-v-0d4d7bbc]{width:8px;height:8px;margin:0 6px 0 10px;background:#52c41a;border-radius:50%}.playback-panel .pb-header .pb-info .pb-name[data-v-0d4d7bbc]{margin-right:8px;color:#fff}.playback-panel .pb-header .pb-info .pb-platform[data-v-0d4d7bbc]{margin-right:12px;padding:0 5px;font-size:12px;line-height:17px;color:#52c41a;border:1px solid rgba(82,196,26,.6);border-radius:2px}.playback-panel .pb-header .pb-info .pb-datetime[data-v-0d4d7bbc]{color:#e6e6e6}.playback-panel .pb-header .pb-info .pb-tip[data-v-0d4d7bbc]{margin-left:10px;color:#7c888a}.playback-panel .pb-header .pb-tools[data-v-0d4d7bbc]{display:flex;align-items:center}.playback-panel .pb-header .pb-tools .pb-speed-tag[data-v-0d4d7bbc]{margin-right:12px;font-size:12px;color:#d6dee1}.playback-panel .pb-header .pb-tools .pb-date[data-v-0d4d7bbc]{width:140px}.playback-panel .pb-header .pb-tools .pb-date[data-v-0d4d7bbc] .el-input__inner{height:28px;line-height:28px;color:#d6dee1;background:#22302f;border-color:#33403f}.playback-panel .pb-header .pb-tools .pb-date[data-v-0d4d7bbc] .el-input__icon{line-height:28px}.playback-panel .pb-stage[data-v-0d4d7bbc]{position:relative;flex:1 1 auto;min-height:0;background:#000}.playback-panel .pb-stage .pb-video[data-v-0d4d7bbc]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#000}.playback-panel .pb-stage .pb-jsb[data-v-0d4d7bbc]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background:#000}.playback-panel .pb-stage .pb-loading[data-v-0d4d7bbc]{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:13px;color:#d6dee1;background:rgba(0,0,0,.6);pointer-events:none}.playback-panel .pb-stage .pb-empty[data-v-0d4d7bbc]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#7c888a;font-size:13px}.playback-panel .pb-stage .pb-empty img[data-v-0d4d7bbc]{width:90px;margin-bottom:10px;opacity:.7}.playback-panel .pb-stage .pb-empty p[data-v-0d4d7bbc]{margin:0}.playback-panel .pb-timeline[data-v-0d4d7bbc]{flex:0 0 auto;padding:8px 12px 4px;background:#10191c}.playback-panel .pb-timeline .pb-tl-body[data-v-0d4d7bbc]{position:relative;cursor:pointer}.playback-panel .pb-timeline .pb-hover-line[data-v-0d4d7bbc]{position:absolute;top:0;width:1px;height:100%;background:hsla(0,0%,100%,.5);pointer-events:none}.playback-panel .pb-timeline .pb-hover-time[data-v-0d4d7bbc]{position:absolute;bottom:calc(100% + 4px);padding:1px 6px;font-size:11px;line-height:16px;color:#fff;white-space:nowrap;background:rgba(0,0,0,.75);border-radius:2px;transform:translateX(-50%);pointer-events:none}.playback-panel .pb-timeline .pb-hover-time.is-left[data-v-0d4d7bbc]{transform:none}.playback-panel .pb-timeline .pb-hover-time.is-right[data-v-0d4d7bbc]{transform:translateX(-100%)}.playback-panel .pb-timeline .pb-track[data-v-0d4d7bbc]{position:relative;height:14px;cursor:pointer;background:#1c2526}.playback-panel .pb-timeline .pb-track .pb-seg[data-v-0d4d7bbc]{position:absolute;top:2px;height:10px;background:#52c41a;border-radius:1px}.playback-panel .pb-timeline .pb-track .pb-cursor[data-v-0d4d7bbc]{position:absolute;top:0;z-index:1;width:2px;height:100%;background:#f90}.playback-panel .pb-timeline .pb-track .pb-track-empty[data-v-0d4d7bbc]{position:absolute;left:8px;top:0;font-size:11px;line-height:14px;color:#5c6b6b}.playback-panel .pb-timeline .pb-ruler[data-v-0d4d7bbc]{position:relative;height:12px;cursor:pointer;background:#16201f}.playback-panel .pb-timeline .pb-ruler .pb-ruler-tick[data-v-0d4d7bbc]{position:absolute;bottom:1px;width:1px;height:5px;background:hsla(0,0%,100%,.2)}.playback-panel .pb-timeline .pb-ruler .pb-ruler-tick.major[data-v-0d4d7bbc]{bottom:0;height:9px;background:hsla(0,0%,100%,.45)}.playback-panel .pb-timeline .pb-labels[data-v-0d4d7bbc]{position:relative;height:14px;cursor:pointer}.playback-panel .pb-timeline .pb-labels .pb-label-item[data-v-0d4d7bbc]{position:absolute;top:0;font-size:10px;line-height:14px;color:#6b7a7c;white-space:nowrap;transform:translateX(-50%)}.playback-panel .pb-timeline .pb-labels .pb-label-item[data-v-0d4d7bbc]:first-child{transform:none}.playback-panel .pb-timeline .pb-labels .pb-label-item[data-v-0d4d7bbc]:last-child{transform:translateX(-100%)}.playback-panel .pb-control[data-v-0d4d7bbc]{display:flex;flex:0 0 44px;align-items:center;padding:0 12px 4px;background:#10191c}.playback-panel .pb-control .pb-icon[data-v-0d4d7bbc]{width:36px;height:36px;margin-right:6px;cursor:pointer;-o-object-fit:contain;object-fit:contain}.playback-panel .pb-control .pb-icon[data-v-0d4d7bbc]:hover{opacity:.8}.playback-panel .pb-control .pb-progress[data-v-0d4d7bbc]{font-size:12px;color:#9aa4a8}.playback-panel .pb-control .pb-right[data-v-0d4d7bbc]{display:flex;align-items:center;margin-left:auto}.playback-panel .pb-control .pb-right .pb-speed-wrap[data-v-0d4d7bbc]{position:relative;margin-right:14px}.playback-panel .pb-control .pb-right .pb-speed-wrap .pb-speed[data-v-0d4d7bbc]{display:inline-block;padding:2px 6px;font-size:12px;color:#d6dee1;cursor:pointer;border:1px solid #33403f;border-radius:2px}.playback-panel .pb-control .pb-right .pb-speed-wrap .pb-speed[data-v-0d4d7bbc]:hover{color:#f90;border-color:#f90}.playback-panel .pb-control .pb-right .pb-speed-wrap .pb-speed-menu[data-v-0d4d7bbc]{position:absolute;right:0;bottom:calc(100% + 6px);z-index:20;min-width:86px;margin:0;padding:4px 0;list-style:none;background:#1e1e1e;border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.55)}.playback-panel .pb-control .pb-right .pb-speed-wrap .pb-speed-menu .pb-speed-item[data-v-0d4d7bbc]{padding:8px 10px;font-size:14px;color:#e6e6e6;text-align:center;white-space:nowrap;cursor:pointer}.playback-panel .pb-control .pb-right .pb-speed-wrap .pb-speed-menu .pb-speed-item[data-v-0d4d7bbc]:hover{background:hsla(0,0%,100%,.08)}.playback-panel .pb-control .pb-right .pb-speed-wrap .pb-speed-menu .pb-speed-item.active[data-v-0d4d7bbc]{color:#2fc6e0}.playback-panel .pb-control .pb-right .pb-volume-wrap[data-v-0d4d7bbc]{position:relative;display:flex;align-items:center;padding-top:8px;margin-top:-8px}.playback-panel .pb-control .pb-right .pb-volume-wrap:hover .pb-volume-panel[data-v-0d4d7bbc]{opacity:1;visibility:visible;transform:translate(-50%)}.playback-panel .pb-control .pb-right .pb-volume-wrap .pb-volume-btn[data-v-0d4d7bbc]{position:relative;display:flex;align-items:center;justify-content:center;width:22px;height:22px;cursor:pointer}.playback-panel .pb-control .pb-right .pb-volume-wrap .pb-volume-btn .pb-volume-icon[data-v-0d4d7bbc]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.playback-panel .pb-control .pb-right .pb-volume-wrap .pb-volume-btn[data-v-0d4d7bbc]:hover{opacity:.8}.playback-panel .pb-control .pb-right .pb-volume-wrap .pb-volume-btn.is-mute[data-v-0d4d7bbc]{opacity:.6}.playback-panel .pb-control .pb-right .pb-volume-wrap .pb-volume-btn.is-mute[data-v-0d4d7bbc]:after{content:"";position:absolute;left:50%;top:50%;width:24px;height:2px;margin:-1px 0 0 -12px;background:#f90;border-radius:1px;transform:rotate(-45deg)}.playback-panel .pb-control .pb-right .pb-volume-wrap .pb-volume-panel[data-v-0d4d7bbc]{position:absolute;left:50%;bottom:calc(100% - 4px);z-index:20;display:flex;flex-direction:column;align-items:center;width:34px;padding:8px 0 10px;background:#1e1e1e;border-radius:4px;opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .15s,transform .15s,visibility .15s}.playback-panel .pb-control .pb-right .pb-volume-wrap .pb-volume-panel .pb-volume-num[data-v-0d4d7bbc]{margin-bottom:8px;font-size:12px;line-height:1;color:#e6e6e6}.playback-panel .pb-control .pb-right .pb-volume-wrap .pb-volume-panel .pb-volume-slider[data-v-0d4d7bbc]{position:relative;width:16px;height:96px;cursor:pointer}.playback-panel .pb-control .pb-right .pb-volume-wrap .pb-volume-panel .pb-volume-slider .pb-volume-fill[data-v-0d4d7bbc],.playback-panel .pb-control .pb-right .pb-volume-wrap .pb-volume-panel .pb-volume-slider .pb-volume-track[data-v-0d4d7bbc]{position:absolute;left:50%;width:4px;margin-left:-2px;border-radius:2px}.playback-panel .pb-control .pb-right .pb-volume-wrap .pb-volume-panel .pb-volume-slider .pb-volume-track[data-v-0d4d7bbc]{top:0;bottom:0;background:hsla(0,0%,100%,.22)}.playback-panel .pb-control .pb-right .pb-volume-wrap .pb-volume-panel .pb-volume-slider .pb-volume-fill[data-v-0d4d7bbc]{bottom:0;background:#2fc6e0}.playback-panel .pb-control .pb-right .pb-volume-wrap .pb-volume-panel .pb-volume-slider .pb-volume-thumb[data-v-0d4d7bbc]{position:absolute;left:50%;width:12px;height:12px;margin:0 0 -6px -6px;background:#2fc6e0;border-radius:50%;box-shadow:0 0 0 2px rgba(30,30,30,.9);pointer-events:none}.record-date-popper.el-picker-panel{padding-bottom:26px}.record-date-popper:before{content:"";position:absolute;left:16px;bottom:18px;width:5px;height:5px;background:#2fc6e0;border-radius:50%}.record-date-popper:after{content:"有设备录像的日期（来自录像查询接口）";position:absolute;left:28px;bottom:6px;font-size:12px;color:#fff}.record-date-popper .el-date-table td.record-day>div{position:relative}.record-date-popper .el-date-table td.record-day>div:after{content:"";position:absolute;left:50%;bottom:1px;width:4px;height:4px;margin-left:-2px;background:#2fc6e0;border-radius:50%}.video-content[data-v-2587c9a0]{width:100%;height:100%;display:flex;background:#10191c}.video-content .left-wrap[data-v-2587c9a0]{width:228px;height:100%;border-right:1px solid hsla(0,0%,88.2%,.2);padding:16px 14px 0}.video-content .right-wrap[data-v-2587c9a0]{flex:auto;height:100%;min-height:0;padding:14px 18px 20px 16px;display:flex;flex-direction:column}.video-content .right-wrap .tab-bar[data-v-2587c9a0]{flex:0 0 42px;display:flex;align-items:center}.video-content .right-wrap .tab-bar .tab-item[data-v-2587c9a0]{position:relative;margin-right:12px;font-size:16px;color:hsla(0,0%,100%,.8);width:100px;height:32px;background:#163e51;cursor:pointer;display:flex;align-items:center;justify-content:center}.video-content .right-wrap .tab-bar .tab-item.active[data-v-2587c9a0]{color:#fff;background:#00a9d1}.video-content .right-wrap .video-wrap[data-v-2587c9a0]{width:100%;flex:1 1 auto;min-height:0;background:rgba(28,37,37,.69);border:2px solid #000;display:flex;flex-direction:column}.video-content .right-wrap .video-wrap .videos[data-v-2587c9a0]{width:100%;flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-flow:row wrap;align-content:flex-start}.video-content .right-wrap .video-wrap .videos .videoCol[data-v-2587c9a0]{width:100%;height:100%;display:flex;flex-direction:column;margin:0 6px 6px 0}.video-content .right-wrap .video-wrap .videos .videoCol .topTitle[data-v-2587c9a0]{width:100%;flex:0 0 40px;background:#292b32;display:flex;align-items:center;justify-content:space-between}.video-content .right-wrap .video-wrap .videos .videoCol .topTitle .titles[data-v-2587c9a0]{display:flex;align-items:center}.video-content .right-wrap .video-wrap .videos .videoCol .topTitle .circle[data-v-2587c9a0]{width:12px;height:12px;border-radius:50%;background:#52c41a;margin:0 8px 0 16px}.video-content .right-wrap .video-wrap .videos .videoCol .topTitle span[data-v-2587c9a0]{font-size:14px;font-weight:400;color:#fff}.video-content .right-wrap .video-wrap .videos .videoCol .initPlayer[data-v-2587c9a0]{flex:auto;background:#000;position:relative;color:#fff}.video-content .right-wrap .video-wrap .videos .videoCol .initPlayer li[data-v-2587c9a0]{width:20%;height:30%;position:absolute;top:35%;left:40%}.video-content .right-wrap .video-wrap .videos .videoCol .initPlayer li img[data-v-2587c9a0]{width:100%;height:100%}.video-content .right-wrap .video-wrap .videos .isActive[data-v-2587c9a0]{border:1px solid #f90}.video-content .right-wrap .video-wrap .videos .videoCol1[data-v-2587c9a0]{width:100%;height:100%;margin:0}.video-content .right-wrap .video-wrap .videos .videoCol2[data-v-2587c9a0]{flex:1 1 45%;height:calc(50% - 6px)}.video-content .right-wrap .video-wrap .videos .videoCol2[data-v-2587c9a0]:nth-child(2n){margin-right:0}.video-content .right-wrap .video-wrap .videos .videoCol2[data-v-2587c9a0]:nth-child(3),.video-content .right-wrap .video-wrap .videos .videoCol2[data-v-2587c9a0]:nth-child(4){margin-bottom:0}.video-content .right-wrap .video-wrap .videos .videoCol3[data-v-2587c9a0]{flex:1 1 30%;height:calc(33.33% - 6px)}.video-content .right-wrap .video-wrap .videos .videoCol3[data-v-2587c9a0]:nth-child(3n){margin-right:0}.video-content .right-wrap .video-wrap .videos .videoCol3[data-v-2587c9a0]:nth-child(7),.video-content .right-wrap .video-wrap .videos .videoCol3[data-v-2587c9a0]:nth-child(8),.video-content .right-wrap .video-wrap .videos .videoCol3[data-v-2587c9a0]:nth-child(9){margin-bottom:0}.video-content .right-wrap .video-wrap .videos .videoCol4[data-v-2587c9a0]{flex:1 1 23%;height:calc(25% - 6px)}.video-content .right-wrap .video-wrap .videos .videoCol4[data-v-2587c9a0]:nth-child(4n){margin-right:0}.video-content .right-wrap .video-wrap .videos .videoCol4[data-v-2587c9a0]:nth-child(13),.video-content .right-wrap .video-wrap .videos .videoCol4[data-v-2587c9a0]:nth-child(14),.video-content .right-wrap .video-wrap .videos .videoCol4[data-v-2587c9a0]:nth-child(15),.video-content .right-wrap .video-wrap .videos .videoCol4[data-v-2587c9a0]:nth-child(16){margin-bottom:0}.video-content .right-wrap .video-wrap .tools[data-v-2587c9a0]{width:100%;flex:0 0 52px;background:#1c2526;padding:13px 0}.video-content .right-wrap .video-wrap .tools .icon[data-v-2587c9a0]{font-size:26px;cursor:pointer;margin-left:18px}