[data-v-ca36a748]{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.container[data-v-ca36a748]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:90vh;background-color:#f0f2f5}.sidebar[data-v-ca36a748]{-webkit-box-flex:2.5;-ms-flex:2.5;flex:2.5;background-color:#fff;border-right:1px solid #e8e8e8;padding:16px}.main-content[data-v-ca36a748]{-webkit-box-flex:7.5;-ms-flex:7.5;flex:7.5;padding:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.video-grid[data-v-ca36a748]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0;display:grid;gap:8px}.layout-1[data-v-ca36a748]{grid-template-columns:1fr}.video-item[data-v-ca36a748]{background-color:#939c9b;position:relative;border:2px solid transparent;height:100%;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;padding:0}.video-item-active[data-v-ca36a748]{border-color:#409eff;-webkit-box-shadow:0 0 8px rgba(64,158,255,.6);box-shadow:0 0 8px rgba(64,158,255,.6)}.camera-name[data-v-ca36a748]{position:absolute;top:8px;left:8px;color:#fff;font-size:14px;z-index:10;background-color:rgba(0,0,0,.5);padding:4px 8px;border-radius:4px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-container[data-v-ca36a748]{width:100%;height:100%;background:#939c9b;position:relative}.video-header[data-v-ca36a748]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:32px}.device-tree[data-v-ca36a748]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(100% - 76px)}.device-tree .device-tree-title[data-v-ca36a748]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 0 10px 0;margin:0;font-size:14px;font-weight:700;border-bottom:1px solid #e8e8e8}.device-tree .tree-content[data-v-ca36a748]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;margin-top:10px}[data-v-ca36a748] .custom-tree-node{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}[data-v-ca36a748] .custom-tree-node i{margin-right:8px}[data-v-ca36a748] .custom-tree-node.active-camera{color:#67c23a;font-weight:500}[data-v-ca36a748] .el-tree-node__content{height:32px}.date-picker[data-v-ca36a748]{margin-bottom:16px}.date-picker input[data-v-ca36a748]{width:100%;padding:8px;border:1px solid #d9d9d9;border-radius:4px}.el-dialog .el-table[data-v-ca36a748]{margin-top:10px;margin-bottom:15px}.float-button[data-v-ca36a748]{position:fixed;right:40px;bottom:40px;z-index:2000;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);width:64px!important;height:64px!important;font-size:24px!important}.float-button .button-text[data-v-ca36a748]{font-size:12px;display:block;margin-top:2px}.float-button i[data-v-ca36a748]{margin-right:0;font-size:24px;display:block}.pagination-container[data-v-ca36a748]{padding:15px 0;text-align:right}[data-v-ca36a748] .xgplayer .xgplayer-progress{height:4px;background:hsla(0,0%,100%,.2);cursor:pointer}[data-v-ca36a748] .xgplayer .xgplayer-progress:hover{height:8px;-webkit-transition:all .3s;transition:all .3s}[data-v-ca36a748] .xgplayer .xgplayer-progress .xgplayer-progress-played{background:#409eff}[data-v-ca36a748] .xgplayer .xgplayer-progress .xgplayer-progress-cached{background:hsla(0,0%,100%,.4)}.el-icon-video-camera[data-v-ca36a748]{font-size:18px}.el-icon-video-camera.is-playing[data-v-ca36a748]{color:#fe0000;-webkit-animation:pulse-ca36a748 1.5s infinite;animation:pulse-ca36a748 1.5s infinite}@-webkit-keyframes pulse-ca36a748{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes pulse-ca36a748{0%{opacity:1}50%{opacity:.5}to{opacity:1}}