.imou-split-player[data-v-35912331]{width:100%;height:100%;position:relative;background:#000}.imou-split-player .player-container[data-v-35912331]{width:100%;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}.imou-split-player .player-video[data-v-35912331]{width:100%;height:100%;background:#000}.imou-split-player .error-overlay[data-v-35912331],.imou-split-player .loading-overlay[data-v-35912331]{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.7);color:#fff;z-index:10}.imou-split-player .error-overlay span[data-v-35912331],.imou-split-player .loading-overlay span[data-v-35912331]{margin-top:12px;font-size:13px}.imou-split-player .error-overlay .ant-btn[data-v-35912331],.imou-split-player .loading-overlay .ant-btn[data-v-35912331]{margin-top:12px}.imou-split-player .error-overlay .anticon-warning[data-v-35912331],.imou-split-player .loading-overlay .anticon-warning[data-v-35912331]{font-size:32px;color:#faad14}.icc-split-player[data-v-7c53aae7]{width:100%;height:100%;position:relative;background:#000}.icc-split-player .player-container[data-v-7c53aae7]{width:100%;height:100%}.icc-split-player .error-overlay[data-v-7c53aae7],.icc-split-player .loading-overlay[data-v-7c53aae7]{position:absolute;top:0;left:0;right:0;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:rgba(0,0,0,.7);color:#fff;z-index:10}.icc-split-player .error-overlay span[data-v-7c53aae7],.icc-split-player .loading-overlay span[data-v-7c53aae7]{margin-top:12px;font-size:13px}.icc-split-player .error-overlay .ant-btn[data-v-7c53aae7],.icc-split-player .loading-overlay .ant-btn[data-v-7c53aae7]{margin-top:12px}.icc-split-player .error-overlay .anticon-warning[data-v-7c53aae7],.icc-split-player .loading-overlay .anticon-warning[data-v-7c53aae7]{font-size:32px;color:#faad14}.video-wall-container[data-v-698b7c80]{display:-webkit-box;display:-ms-flexbox;display:flex;height:calc(100vh - 140px);min-height:700px;background:#2d2d2d;border-radius:4px;overflow:hidden}.device-tree-panel[data-v-698b7c80]{width:280px;min-width:280px;background:#fff;border-right:1px solid #e8e8e8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.device-tree-panel .tree-header[data-v-698b7c80]{padding:12px}.device-tree-panel .tree-content[data-v-698b7c80]{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;padding:8px}.device-tree-panel .tree-content[data-v-698b7c80] .ant-tree{background:transparent}.device-tree-panel .tree-content[data-v-698b7c80] .ant-tree .ant-tree-treenode{padding:4px 0}.device-tree-panel .tree-content[data-v-698b7c80] .ant-tree .ant-tree-treenode:hover{background:rgba(24,144,255,.05)}.device-tree-panel .tree-content[data-v-698b7c80] .ant-tree .ant-tree-node-content-wrapper:hover{background:transparent}.device-tree-panel .tree-content[data-v-698b7c80] .ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background:rgba(24,144,255,.15)}.device-tree-panel .tree-content[data-v-698b7c80] .ant-tree .ant-tree-switcher{color:#666}.device-tree-panel .tree-content .tree-node-title[data-v-698b7c80]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px}.device-tree-panel .tree-content .tree-node-title.online[data-v-698b7c80]{color:#000}.device-tree-panel .tree-content .tree-node-title.offline[data-v-698b7c80]{color:#999}.split-screen-panel[data-v-698b7c80]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#1a1a1a}.split-screen-panel .toolbar[data-v-698b7c80]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #e8e8e8}.split-screen-panel .toolbar .toolbar-tip[data-v-698b7c80]{color:#888;font-size:12px}.split-screen-panel .toolbar .ant-btn[data-v-698b7c80]{margin-left:8px}.split-grid[data-v-698b7c80]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:grid;gap:1px;padding:1px;background:#3a3a3a}.split-grid.grid-1[data-v-698b7c80]{grid-template-columns:1fr;grid-template-rows:1fr}.split-grid.grid-4[data-v-698b7c80]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.split-grid.grid-9[data-v-698b7c80]{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.split-cell[data-v-698b7c80]{position:relative;background:#55565f;border:1px solid #3a3a3a;-webkit-transition:border-color .2s;transition:border-color .2s;overflow:hidden}.split-cell.selected[data-v-698b7c80]{border-color:#1890ff;border-width:2px}.split-cell[data-v-698b7c80]:hover{border-color:#5a5b64}.split-cell .player-wrapper[data-v-698b7c80]{width:100%;height:100%}.split-cell .empty-slot[data-v-698b7c80]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#55565f;color:hsla(0,0%,100%,.4)}.split-cell .empty-slot .anticon[data-v-698b7c80]{font-size:40px;margin-bottom:10px;opacity:.5}.split-cell .empty-slot span[data-v-698b7c80]{font-size:24px;font-weight:500;opacity:.6}.split-cell .slot-close[data-v-698b7c80]{position:absolute;top:8px;right:8px;width:28px;height:28px;background:rgba(0,0,0,.5);border-radius:4px;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;cursor:pointer;opacity:0;-webkit-transition:opacity .2s,background .2s;transition:opacity .2s,background .2s;z-index:10}.split-cell .slot-close .anticon[data-v-698b7c80]{color:#fff;font-size:14px}.split-cell .slot-close[data-v-698b7c80]:hover{background:rgba(255,77,79,.9)}.split-cell .slot-info[data-v-698b7c80]{position:absolute;bottom:0;left:0;right:0;padding:8px 10px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.8)));background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s;pointer-events:none;z-index:5}.split-cell .slot-info .device-name[data-v-698b7c80]{font-weight:500}.split-cell .slot-info .channel-name[data-v-698b7c80]{color:hsla(0,0%,100%,.7)}.split-cell:hover .slot-close[data-v-698b7c80],.split-cell:hover .slot-info[data-v-698b7c80]{opacity:1}