.operation-bar[data-v-1a55950a]{position:relative;width:100%;height:52px;background:var(--bg-vice-common);padding:0 21px;display:flex;justify-content:space-between;align-items:center}.operation-bar .l-box[data-v-1a55950a]{position:relative;height:100%;font-size:16px;font-family:Microsoft YaHei;font-weight:400;color:var(--text);display:flex;align-items:center}.operation-bar .r-box[data-v-1a55950a]{flex:1;position:relative;height:100%;display:flex;align-items:center;justify-content:flex-end}.operation-bar .r-box .el-button[data-v-1a55950a]{display:flex;align-items:center;margin-left:20px}.operation-bar .r-box .full-screen-icon[data-v-1a55950a]{font-size:20px}.operation-bar .r-box .el-icon-refresh[data-v-1a55950a]{font-size:24px}.operation-bar .r-box .cross-btn[data-v-1a55950a]{height:24px;line-height:24px}.viewTypeContainer[data-v-0c5ecb03]{height:100%;text-align:center;position:relative}.viewTypeContainer .canvas[data-v-0c5ecb03]{width:100%;height:100%;position:absolute;z-index:3;left:0;top:0}.viewTypeContainer .img-wrapper[data-v-0c5ecb03]{height:calc(100% - 42px)!important;width:100%}.viewTypeContainer .item[data-v-0c5ecb03]{position:relative;width:100%;height:100%}.viewTypeContainer .item canvas[data-v-0c5ecb03]{position:absolute}.viewTypeContainer[data-v-0c5ecb03] .el-image{display:block;height:100%}.viewTypeContainer[data-v-0c5ecb03] .el-image .image-slot{width:100%;height:100%;text-align:center;color:#fff;cursor:default}.viewTypeContainer[data-v-0c5ecb03] .el-image .image-slot:before{content:"";display:inline-block;height:100%;vertical-align:middle}.viewTypeContainer[data-v-0c5ecb03] .el-image .image-slot i{padding-right:4px}.viewTypeContainer[data-v-0c5ecb03] .el-image.node{width:100%;height:100%;cursor:pointer;padding:1px}.viewTypeContainer[data-v-0c5ecb03] .el-image.node:hover{background:hsla(0,0%,100%,.6)}.viewTypeContainer[data-v-0c5ecb03] .el-image.node.active{background:#52fdff}.viewTypeContainer[data-v-0c5ecb03] .el-image.node.showActive{background:transparent}.viewTypeContainer[data-v-0c5ecb03] .name{margin-top:4px}.canvas-container-wraper[data-v-eb596c60]{position:relative;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,.9)}.canvas-container-wraper .canvas-container[data-v-eb596c60]{position:relative;width:100%;height:100%}.canvas-container-wraper .canvas-container canvas[data-v-eb596c60]{position:absolute;cursor:unset}.canvas-container-wraper .canvas-container canvas.unset[data-v-eb596c60]{cursor:unset}.canvas-container-wraper .canvas-container canvas.move[data-v-eb596c60]{cursor:move}.dateImageLogContainer[data-v-735f3434]{width:100%;display:flex;flex:1;position:relative}.dateImageLogContainer .full-screen[data-v-735f3434]{width:100%}.imageContainer[data-v-735f3434]{width:100%;height:calc(100% - 36px);padding:9px}.imageContainer_border[data-v-735f3434]{height:calc(100% + 2px);width:calc(100% + 2px);left:-1px;top:-1px;position:absolute;pointer-events:none}.titleContainer[data-v-735f3434]{margin:10px 10px 0 10px;width:calc(100% - 18px);height:36px;line-height:36px;text-align:center;background:var(--component-title-bg)}.titleContainer_name[data-v-735f3434]{font-size:16px;color:#fff}.loadingStyle[data-v-735f3434]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.LogoImageContainer[data-v-735f3434]{height:100%;text-align:center;position:relative}.windows-wrapper[data-v-735f3434]{position:absolute;width:calc(100% - 17px);height:calc(100% - 96px);background:rgba(0,0,0,.8)!important;right:8px;bottom:51px;z-index:999;overflow:hidden!important}.windows-wrapper.small-windows[data-v-735f3434]{width:unset;height:unset;width:28rem;height:15.75rem;border:1px solid var(--normal-percent-60);box-sizing:content-box}.windows-wrapper.windows-close[data-v-735f3434]{width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem;max-width:1.25rem;max-height:1.25rem;z-index:9990}.windows-wrapper .position-mark-wrapper[data-v-735f3434]{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;overflow:hidden}.windows-wrapper .position-mark-wrapper .position-mark[data-v-735f3434]{position:absolute;width:4%;height:4%;left:-100%;top:-100%;transform:translate(-50%,-50%);border:1px solid var(--normal)}.windows-wrapper .position-mark-wrapper .position-mark.position-animation[data-v-735f3434]{animation:change3-data-v-735f3434 1s ease-in-out infinite alternate}@keyframes change3-data-v-735f3434{0%{border:1px solid var(--normal-percent-20);box-shadow:0 0 0 var(--normal-percent-20),0 0 0 rgba var(--normal-percent-10) inset}to{border:1px solid var(--normal);box-shadow:0 0 28px var(--normal),0 0 6px var(--normal-percent-60) inset}}.windows-wrapper .position-mark-wrapper .el-image[data-v-735f3434]{height:100%;width:100%;cursor:default;display:flex;justify-content:center;align-items:center}.windows-wrapper .windows-close-button[data-v-735f3434]{position:absolute;right:0;top:0;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:1rem!important;border:0!important;padding:0!important;color:#fff!important;background:rgba(0,0,0,.5)!important;border-radius:0!important;z-index:9999}.h-line[data-v-395426f2]{background:var(--normal);width:12px;height:2px;display:inline-block;vertical-align:middle;margin-left:6px;margin-right:6px}.search-bar-container[data-v-395426f2]{height:100px;padding:20px 23px 0 23px}.search-bar-container .search-bar-div[data-v-395426f2] .el-form-item{margin:0}.search-bar-container .search-bar-div[data-v-395426f2] .el-form-item .el-form-item__label{color:var(--text)}.search-bar-container .search-bar-div[data-v-395426f2] .el-form-item .el-form-item__content .el-radio-group .el-radio-button,.search-bar-container .search-bar-div[data-v-395426f2] .el-form-item .el-form-item__label .el-radio-group .el-radio-button{margin-right:3px}.search-bar-container .search-bar-div[data-v-395426f2] .el-form-item .el-form-item__content .el-radio-group .el-radio-button .el-radio-button__inner,.search-bar-container .search-bar-div[data-v-395426f2] .el-form-item .el-form-item__label .el-radio-group .el-radio-button .el-radio-button__inner{background:none;color:var(--hover);border:1px solid var(--hover)!important;border-radius:0}.search-bar-container .search-bar-div[data-v-395426f2] .el-form-item .el-form-item__content .el-radio-group .el-radio-button.is-active .el-radio-button__inner,.search-bar-container .search-bar-div[data-v-395426f2] .el-form-item .el-form-item__label .el-radio-group .el-radio-button.is-active .el-radio-button__inner{background-color:transparent;border:1px solid var(--normal)!important;color:var(--normal);box-shadow:none}.search-bar-container .search-bar-div[data-v-395426f2] .el-form-item .el-button{background-color:transparent;border:1px solid var(--normal);min-width:210px;color:var(--normal);border-radius:0;margin-top:10px}.search-bar-container .search-bar-div[data-v-395426f2]:last-child{margin-top:6px}.list-wrap[data-v-395426f2]{position:relative;width:100%;height:calc(100vh - 406px);min-height:360px}.list-wrap .img-box-wrap[data-v-395426f2]{position:relative;width:calc(100% + 10px);height:calc(100% - 10px);margin-top:10px}.list-wrap .img-box-wrap .tip[data-v-395426f2]{width:calc(100% - 10px);text-align:center;position:absolute;bottom:-20px;left:0;width:100%;margin:0}.list-wrap .img-box-wrap .img-box[data-v-395426f2]{width:calc(100% - 10px);height:174px;position:relative;margin-top:18px;cursor:pointer}.list-wrap .img-box-wrap .img-box .el-image[data-v-395426f2]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3)}.list-wrap .img-box-wrap .img-box.active .boder-box[data-v-395426f2]{display:block}.list-wrap .img-box-wrap .img-box[data-v-395426f2]:first-child{margin-top:0}.list-wrap .img-box-wrap .img-box .boder-box[data-v-395426f2]{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid var(--normal);z-index:999;display:none}.list-wrap .img-box-wrap .img-box .tool-box[data-v-395426f2]{position:absolute;bottom:0;left:0;width:100%;height:30px;background:rgba(15,17,17,.6);display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 10px}[data-v-395426f2] .tit-wrap .title>div .extend-box{display:flex;flex:1;height:30px;line-height:30px;align-items:center;margin-right:10px;justify-content:flex-end}.search-bar-div-reset[data-v-395426f2] .el-form-item__content{width:calc(100% - 91px)}.panelContainer[data-v-fadade00]{width:429px;margin-left:22px;position:relative}.progressWrapper[data-v-fadade00]{height:100%}.progressWrapper_measurePanel[data-v-fadade00],.progressWrapper_schedule[data-v-fadade00]{height:100%;width:100%}[data-v-fadade00] .controlPanelContainer{padding:0}[data-v-fadade00] .panel-container .title img{left:10px}[data-v-fadade00] .controlPanelContainer .panel-container .title{background:var(--bg-vice-common);text-indent:32px}[data-v-fadade00] .controlPanelContainer .panel-container .videoListContainer .title{background:none}[data-v-fadade00] .el-image{width:100%;height:100%}.centerBox[data-v-9dc94c2e]{position:relative;box-sizing:border-box;width:100%;height:100%;color:var(--text)}.centerBox.has-head-menu[data-v-9dc94c2e]{height:calc(100% - 81px);width:calc(100% - 48px);padding-left:0!important;margin:0 24px}.centerBox_corner[data-v-9dc94c2e]{position:absolute;left:-9px;top:-9px;right:-9px;bottom:-9px;background:var(--bg-centerBox) no-repeat 0 0,var(--bg-centerBox) no-repeat 100% 0,var(--bg-centerBox) no-repeat 0 100%,var(--bg-centerBox) no-repeat 100% 100%}.centerBox_border[data-v-9dc94c2e]{width:100%;height:100%;box-sizing:border-box;border:1px solid var(--component-border);background:var(--component-bg);box-shadow:var(--component-box-shadow2)}.centerBox_inner[data-v-9dc94c2e]{position:absolute;left:9px;top:9px;right:9px;bottom:9px;box-sizing:border-box;font-size:14px}.centerBox_inner-head[data-v-9dc94c2e]{position:relative;width:100%;box-sizing:border-box;text-align:center;font-size:16px;font-weight:700;height:36px;line-height:36px;background:var(--component-title-bg)}.centerBox_inner-content[data-v-9dc94c2e]{position:relative;width:100%;height:100%}.centerBox_border1[data-v-9dc94c2e]{box-shadow:inset 0 0 6px 0 var(--component-border)}.hasTitle .centerBox_inner[data-v-9dc94c2e]{top:20px;left:16px;right:16px;bottom:0}.hasTitle .centerBox_inner-content[data-v-9dc94c2e]{position:relative;width:100%;height:calc(100% - 36px)}.hasTap .centerBox_inner[data-v-9dc94c2e]{top:0;left:0;right:0;bottom:0}.hasTap .centerBox_inner-content[data-v-9dc94c2e]{position:relative;width:100%;height:100%}.hasNav .centerBox_inner[data-v-9dc94c2e]{top:20px;left:16px;right:16px;bottom:0}.back-btn[data-v-9dc94c2e]{position:absolute;right:5px;top:0;height:100%;display:flex;align-items:center}.hcc-frame-shape[data-v-9dc94c2e]{position:absolute;width:10px;height:10px;z-index:1}.hcc-frame-shape.shape1[data-v-9dc94c2e]{left:0;top:0}.hcc-frame-shape.shape2[data-v-9dc94c2e]{top:0;right:0;transform:rotate(90deg)}.hcc-frame-shape.shape3[data-v-9dc94c2e]{left:0;bottom:0;transform:rotate(-90deg)}.hcc-frame-shape.shape4[data-v-9dc94c2e]{right:0;bottom:0;transform:rotate(-180deg)}.hcc-frame-shape[data-v-9dc94c2e] .shape-group{position:relative;width:10px;height:10px}.hcc-frame-shape[data-v-9dc94c2e] .shape-group .delta{position:absolute;display:inline-block;width:0;height:0;left:2px;top:2px;border-top:4px solid var(--normal);border-right:4px solid transparent}.hcc-frame-shape[data-v-9dc94c2e] .shape-group .line1{height:3.5px;width:1px;background:var(--normal);position:absolute;left:0;top:0}.hcc-frame-shape[data-v-9dc94c2e] .shape-group .line1:before{content:"";position:absolute;left:0;top:3.5px;width:0;height:0;border-top:2px solid var(--normal);border-right:1px solid transparent}.hcc-frame-shape[data-v-9dc94c2e] .shape-group .line1:after{content:"";position:absolute;left:6px;top:0;width:2.5px;height:1px;background:var(--normal-percent-50);transform:skew(-64deg)}.hcc-frame-shape[data-v-9dc94c2e] .shape-group .line2{height:1px;width:3.5px;background:var(--normal);position:absolute;left:0;top:0}.hcc-frame-shape[data-v-9dc94c2e] .shape-group .line2:before{content:"";position:absolute;top:0;left:3.5px;width:0;height:0;border-top:1px solid var(--normal);border-right:2px solid transparent}.hcc-frame-shape[data-v-9dc94c2e] .shape-group .line2:after{content:"";position:absolute;top:6px;left:0;height:2.5px;width:1px;background:var(--normal-percent-50);transform:skewY(-64deg)}.warning-wrap[data-v-b3fd922a]{position:relative;width:100%;height:100%;padding:20px 0}.imageLogContainer[data-v-180d5152]{height:100%;width:100%;display:flex;flex-direction:row}