.preview[data-v-c2f01b4e]{overflow:scroll;display:flex;flex-grow:1;flex-direction:row;justify-content:flex-start;background-color:#b3c0d0;padding:0}.preview-left[data-v-c2f01b4e]{flex:1;max-width:400px;min-width:400px;background:#1b233a;border:1px solid #d3dbde;border-radius:5px;margin-left:15px;margin-right:0;margin-top:40px;padding:10px;overflow:auto}.preview-right[data-v-c2f01b4e]{flex-grow:1;background-color:#b3c0d0;border:0 solid #fff;border-radius:8px;display:flex;display:-webkit-flex;justify-content:center}.preview-right-container[data-v-c2f01b4e]{text-align:center;width:100%;padding:15px}.preview-right-container>.video-show[data-v-c2f01b4e]{padding-right:5px}.filter-tree[data-v-c2f01b4e]{overflow:hidden;overflow-x:scroll}[data-v-c2f01b4e]::-webkit-scrollbar{width:0;height:16px}[data-v-c2f01b4e]::-webkit-scrollbar-track{border-radius:12px}[data-v-c2f01b4e]::-webkit-scrollbar-thumb{border-radius:12px;background-color:#dddee0}[data-v-c2f01b4e]::-webkit-scrollbar-thumb:hover{background-color:#c7c9cc}[data-v-c2f01b4e] .el-tree-node__content:hover{background:#3e4b5a!important}[data-v-c2f01b4e] .el-tree-node:focus>.el-tree-node__content{background-color:#46b857!important;font-weight:700}[data-v-c2f01b4e] .el-tree-node,[data-v-c2f01b4e] .el-tree-node>.el-tree-node__children{overflow:visible;color:#fff}[data-v-c2f01b4e] .el-tree{font-size:16px;width:100%;overflow:scroll;background-color:#000d16}.el-row[data-v-c2f01b4e]{margin-bottom:10px}.el-row[data-v-c2f01b4e]:last-child{margin-bottom:0}.el-col[data-v-c2f01b4e]{border-radius:2px}.grid-content[data-v-c2f01b4e]{position:relative;border-radius:4px;margin-bottom:2px}.grid-content>.video-close[data-v-c2f01b4e]{position:absolute;top:5px;right:5px;color:#fff;font-size:12px;background-color:hsla(0,0%,50.2%,.5);padding:2px 5px;cursor:pointer;border-radius:2px;max-width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row-bg[data-v-c2f01b4e]{padding:2px 0;background-color:#f9fafc}.active[data-v-c2f01b4e]{background-color:#17439a;box-shadow:inset 0 3px 5px 0 rgba(0,0,0,.2)}.v-active[data-v-c2f01b4e]{box-shadow:0 0 2px 2px red}.btn[data-v-c2f01b4e]{margin:0 10px}.btn.active[data-v-c2f01b4e],.btn[data-v-c2f01b4e]:hover{color:#409eff}.redborder[data-v-c2f01b4e]{border:2px solid red!important}.play-box[data-v-c2f01b4e]{background-color:#000;border:2px solid #505050;display:flex;align-items:center;justify-content:center}