.custom-tree-node[data-v-f313ac8c]{width:100%;display:flex;align-items:center;cursor:not-allowed}.custom-tree-node>span[data-v-f313ac8c]{color:var(--el-text-color-primary)}.custom-tree-node>.el-button[data-v-f313ac8c]{margin-left:8px}.custom-tree-node.draggable[data-v-f313ac8c]{cursor:-webkit-grab;cursor:grab}.device-content-null[data-v-4878b4c4],.device-offline[data-v-4878b4c4]{display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:12px;color:var(--el-color-info-dark-2);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.device-content-null .el-icon[data-v-4878b4c4],.device-offline .el-icon[data-v-4878b4c4]{font-size:60px;color:var(--el-color-info-light-8)}.device-preview[data-v-4878b4c4]{position:relative}.device-preview .player-play-big[data-v-4878b4c4]{position:absolute;font-size:40px;z-index:1;top:50%;left:50%;color:#fff;opacity:.6;margin:-20px 0 0 -20px;cursor:pointer}.device-preview .player-play-big[data-v-4878b4c4]:hover{opacity:.8}.device-content-item[data-v-4878b4c4]{margin-bottom:20px;display:flex;align-items:center;flex-direction:column;background:#fff;position:relative}.device-content-item.active[data-v-4878b4c4]{box-shadow:0 0 0 2px var(--el-color-primary)}.device-content-item[data-v-4878b4c4] video{width:100%;max-height:calc(100% - 30px);cursor:pointer}.device-content-item .device-content-title[data-v-4878b4c4]{width:100%;height:30px;min-height:30px;font-size:14px;display:flex;align-items:center;padding-left:10px;z-index:1}.device-content-item .device-content-icon[data-v-4878b4c4]{display:flex;align-items:center;justify-content:center;font-size:10px;height:100%;padding:0 10px;cursor:pointer;color:var(--el-text-color-primary)}.device-content-item .device-content-icon[data-v-4878b4c4]:hover{color:var(--el-color-primary)}.device-content-item .device-content-icon.close[data-v-4878b4c4]:hover{color:var(--el-color-daner)}.device-content-item .device-content-icon.disabled[data-v-4878b4c4]{color:var(--el-color-info);cursor:not-allowed}.device-content-item .device-content-icon.play[data-v-4878b4c4]{color:var(--el-text-color-placeholder)}.device-content-item .device-content-icon.play[data-v-4878b4c4]:hover{color:var(--el-color-primary)}.item-type-1[data-v-4878b4c4]{width:calc(100vw - 502px);height:calc(56.25vw - 252.375px);max-height:calc(100vh - 214px)}.item-type-1 .device-offline[data-v-4878b4c4],.item-type-1 .device-preview[data-v-4878b4c4]{height:calc(56.25vw - 282.375px)}.item-type-1 .device-content-null[data-v-4878b4c4]{height:calc(56.25vw - 252.375px)}.item-type-4[data-v-4878b4c4]{width:calc(50vw - 260px);height:calc(28.125vw - 116.25px);max-height:calc(50vh - 117px)}.item-type-4 .device-offline[data-v-4878b4c4],.item-type-4 .device-preview[data-v-4878b4c4]{height:calc(28.125vw - 146.25px)}.item-type-4 .device-content-null[data-v-4878b4c4]{height:calc(28.125vw - 116.25px)}.item-type-6[data-v-4878b4c4]{width:calc(33.3333vw - 180px);height:calc(18.74998vw - 71.25px);max-height:calc(50vh - 117px)}.item-type-6 .device-offline[data-v-4878b4c4],.item-type-6 .device-preview[data-v-4878b4c4]{height:calc(18.74998vw - 101.25px)}.item-type-6 .device-content-null[data-v-4878b4c4]{height:calc(18.74998vw - 71.25px)}.loading-icon[data-v-4878b4c4]{font-size:44px;color:var(--el-color-primary-light-3);position:absolute;top:50%;left:50%;margin:0 0 0 -22px;z-index:1}.dialog-player-wrapper[data-v-190ca91f] video{height:inherit}.device-wrap[data-v-783d78da]{position:relative}.device-list[data-v-783d78da]{position:absolute;top:0;left:0;width:240px;height:calc(100vh - 212px)}.device-list .device-list-title[data-v-783d78da]{padding:4px 0 8px}.device-list .device-list-item[data-v-783d78da]{display:flex;align-items:center;font-size:12px;padding:6px 0;cursor:pointer}.device-list .device-list-item.active[data-v-783d78da]{color:var(--el-color-primary)}.device-list .device-list-item .el-icon[data-v-783d78da]{margin-right:4px}.device-content[data-v-783d78da]{position:absolute;top:2px;left:260px;width:calc(100vw - 502px);display:flex;flex-wrap:wrap;justify-content:space-between;background:var(--background-color-base)}.suggest[data-v-783d78da]{font-size:12px;line-height:1.5}.custom-tree-node[data-v-783d78da]{color:var(--el-text-color-primary)}.custom-tree-node.active[data-v-783d78da]{color:var(--el-color-primary)}