.video-container[data-v-e7b509de]{height:100%;overflow:hidden;position:relative}.video-container .iconContainer[data-v-e7b509de]{position:absolute;bottom:0;right:0;width:calc(100% - 2px);height:32px;background-color:#fff;z-index:2001;border-radius:0 0 16px 16px;border:1px solid #8f9095}.video-container .iconContainer .iconContainer2[data-v-e7b509de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0 12px;height:100%}.video-container .iconContainer .iconContainer2 button[data-v-e7b509de]{padding:4px;background:inherit;border:none;border-radius:6px;cursor:pointer;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.video-container .iconContainer .iconContainer2 button[data-v-e7b509de]:hover{background-color:rgba(150,147,147,.836)}.video-container .itemWord[data-v-e7b509de]{position:absolute;top:0;left:8px;z-index:1;color:#fff}.loading-container[data-v-e7b509de]{position:relative;height:100%;width:100%}.loading-container .aspect-ratio-wrapper[data-v-e7b509de]{width:100%;height:100%;overflow:hidden;position:relative;border-radius:16px}.loading-container .aspect-ratio-wrapper .video-display-area[data-v-e7b509de]{border-radius:inherit;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:100%;max-height:100%}.loading-container .aspect-ratio-wrapper .video-display-area .videoContent[data-v-e7b509de]{width:100%;height:100%}.loading-container[data-v-e7b509de] .el-loading-spinner i{font-size:24px}[data-v-e7b509de] .el-loading-spinner i{color:#fff}.volumeChange[data-v-e7b509de]{height:100px;padding:0 12px}.ptz-popover[data-v-e7b509de]{padding:10px;background-color:#f5f7fa;border-radius:8px;-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);z-index:9999}.ptz-popover .popover-header[data-v-e7b509de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;color:#494949;font-weight:600}.ptz-popover .popover-header .close-btn[data-v-e7b509de]{cursor:pointer}.ptz-container[data-v-e7b509de]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.ptz-zoom-controls[data-v-e7b509de]{gap:32px}.ptz-direction-controls[data-v-e7b509de],.ptz-zoom-controls[data-v-e7b509de]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#d8f1ff;border-radius:8px}.ptz-direction-controls[data-v-e7b509de]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0;padding:0 0}.ptz-middle-row[data-v-e7b509de]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:32px}.ptz-button[data-v-e7b509de]{width:32px;height:32px;border-radius:4px;border:none;background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.ptz-button[data-v-e7b509de]:hover{border-color:#c0c4cc}.ptz-button:hover img[data-v-e7b509de]{-webkit-filter:invert(19%) sepia(96%) saturate(1656%) hue-rotate(200deg) brightness(92%) contrast(91%);filter:invert(19%) sepia(96%) saturate(1656%) hue-rotate(200deg) brightness(92%) contrast(91%)}.ptz-button.direction.down[data-v-e7b509de],.ptz-button.direction.up[data-v-e7b509de]{width:32px}.ptz-button.direction.left[data-v-e7b509de],.ptz-button.direction.right[data-v-e7b509de]{height:32px}.volumeChange{padding:0 12px}.el-popover{min-width:80px!important}.gridShow[data-v-e688cd64]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:12px 8px;display:grid;height:100%;grid-gap:8px 8px}.gridShow .gridBox[data-v-e688cd64]{position:relative;background-color:#8f9095;border-radius:16px;cursor:pointer}.gridShow .gridBox .iconContainer[data-v-e688cd64]{position:absolute;bottom:0;right:8px;height:28px;padding:2px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:inherit}.gridShow .gridBox .iconContainer button[data-v-e688cd64]{padding:0 4px;background:inherit;border:none}.gridShow .gridBox .itemWord[data-v-e688cd64]{position:absolute;top:0;left:0;z-index:10;color:#fff;width:97%;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:4px 8px}.gridShow .gridBox.selected[data-v-e688cd64]{border:2px solid #30a2d2}.container[data-v-814cdeb4]{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100%}.container .left[data-v-814cdeb4]{-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:#fff;border-radius:12px}.container .left .left-top[data-v-814cdeb4]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%}.container .left .left-bottom[data-v-814cdeb4]{background:#fff;padding-left:12px;border-radius:12px}.container .left .left-bottom .buttonList[data-v-814cdeb4]{height:38px;line-height:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container .left .left-bottom .buttonList button[data-v-814cdeb4]{margin:0 4px;border:none;background:none;padding:0;cursor:pointer}.container .left .left-bottom .buttonList button img[data-v-814cdeb4]{display:block;margin:0 auto}.container .left .left-bottom .buttonList button:hover img[data-v-814cdeb4]{-webkit-filter:invert(14%) sepia(99%) saturate(2967%) hue-rotate(208deg) brightness(87%) contrast(88%);filter:invert(14%) sepia(99%) saturate(2967%) hue-rotate(208deg) brightness(87%) contrast(88%)}.container .left .left-bottom .buttonList span[data-v-814cdeb4],.container .right[data-v-814cdeb4]{display:-webkit-box;display:-ms-flexbox;display:flex}.container .right[data-v-814cdeb4]{width:260px;min-width:220px;background-color:#fff;border-radius:12px;margin-right:12px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow-x:auto;overflow-y:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:8px}.container .right .top[data-v-814cdeb4]{color:#0f4a99;font-size:24px;font-weight:600;border-bottom:1px solid #000;padding:8px 2px 8px 2px;margin-bottom:12px}.container .right[data-v-814cdeb4] .el-input__inner{background:#e7f1f7;border:1px solid #0f2d5c;border-radius:6px}.container .right[data-v-814cdeb4] .el-tree{background-color:inherit;color:#494949;font-size:12px;font-weight:500}.container .right[data-v-814cdeb4] .mytree{margin-top:12px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;width:100%;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.container .right[data-v-814cdeb4] .mytree .custom-tree-node{width:100%;height:100%}.container .right[data-v-814cdeb4] .mytree .custom-tree-node,.container .right[data-v-814cdeb4] .mytree .custom-tree-node .iconfont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.container .right[data-v-814cdeb4] .mytree .el-tree-node__content{padding-left:12px!important}.container .right[data-v-814cdeb4] .mytree .el-tree>.el-tree-node>.el-tree-node__content{padding-left:0!important}.container .right[data-v-814cdeb4] .mytree .el-tree-node:focus>.el-tree-node__content{background-color:#fff;color:#494949;font-size:12px;font-weight:600}.container .right[data-v-814cdeb4] .mytree .el-tree-node__content:hover{background-color:#e7f1f7}.container .right[data-v-814cdeb4] .mytree .el-tree-node{position:relative}.container .right[data-v-814cdeb4] .mytree .el-tree-node__children{padding-left:36px}.container .right[data-v-814cdeb4] .mytree .el-tree-node :last-child:before{height:38px}.container .right[data-v-814cdeb4] .mytree .el-tree>.el-tree-node:before{border-left:none}.container .right[data-v-814cdeb4] .mytree .el-tree>.el-tree-node:after{border-top:none}.container .right[data-v-814cdeb4] .mytree .el-tree-node:after,.container .right[data-v-814cdeb4] .mytree .el-tree-node:before{content:"";left:-4px;position:absolute;right:auto;border-width:1px}.container .right[data-v-814cdeb4] .mytree .el-tree-node:before{border-left:1px dashed #9da7b2;bottom:0;height:100%;top:-26px;width:1px}.container .right[data-v-814cdeb4] .mytree .el-tree-node:after{border-top:1px dashed #9da7b2;height:20px;top:12px;min-width:18px}.container .right[data-v-814cdeb4] .mytree .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background:#e7f1f7}.container .right[data-v-814cdeb4] .mytree .el-tree .el-tree-node__expand-icon.expanded{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.container .right[data-v-814cdeb4] .mytree .el-tree .el-icon-caret-right:before{background:url(../img/expand2.095875d2.svg) no-repeat 0 3px;content:"";display:block;width:16px;height:16px;font-size:16px;background-size:12px}.container .right[data-v-814cdeb4] .mytree .el-tree .el-tree-node__expand-icon.expanded.el-icon-caret-right:before{background:url(../img/expand1.b401ca8d.svg) no-repeat 0 3px;content:"";display:block;width:16px;height:16px;font-size:16px;background-size:12px}.container .right[data-v-814cdeb4] .mytree .el-tree .el-tree-node__expand-icon.is-leaf:before{background:transparent;content:"";display:block;width:16px;height:16px;font-size:16px;background-size:12px}.container .right[data-v-814cdeb4]::-webkit-scrollbar{width:0;height:0}.container .right[data-v-814cdeb4]::-webkit-scrollbar-thumb{background-color:rgba(147,147,153,.5);border-radius:2em}.container .right[data-v-814cdeb4]::-webkit-scrollbar-track{background-color:transparent;border-radius:2em}.container .right[data-v-814cdeb4]:hover::-webkit-scrollbar{width:4px;height:4px}.hovered-image-container[data-v-814cdeb4]{position:absolute;z-index:9999;border:1px solid #ccc;background:#fff;padding:5px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.2);box-shadow:0 2px 10px rgba(0,0,0,.2)}.hovered-image-container img[data-v-814cdeb4]{max-width:150px;max-height:150px}.el-popovers button{margin:0 4px;border:none;background:none;padding:0}