.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}