.viewTypeContainer[data-v-3f83debe]{height:100%;text-align:center;position:relative}.viewTypeContainer .canvas[data-v-3f83debe]{width:100%;height:100%;position:absolute;left:0;top:0}.viewTypeContainer .imgContainer[data-v-3f83debe]{position:relative;height:calc(100% - 50px)!important;width:100%}.viewTypeContainer .imgContainer canvas[data-v-3f83debe]{position:absolute}.viewTypeContainer .imgContainer[data-v-3f83debe] .el-image{height:100%!important}.viewTypeContainer .rightTopPanel[data-v-3f83debe]{position:absolute;right:0;top:0;width:280px;height:80px;background:rgba(0,255,216,.05);line-height:80px;text-align:center;font-size:14px}.viewTypeContainer .rightTopPanel_flex[data-v-3f83debe]{display:flex;text-align:center;align-items:center;justify-content:center}.viewTypeContainer .rightTopPanel_flex .el-input[data-v-3f83debe]{max-width:30px;overflow:hidden;text-overflow:ellipsis}.viewTypeContainer .rightTopPanel_flex .el-input[data-v-3f83debe] .el-input__inner{color:#fff;background:transparent;border:none;padding:1px}.viewTypeContainer .bottomPanel[data-v-3f83debe]{position:absolute;bottom:0;height:42px;line-height:42px;text-align:left;padding-left:30px;width:100%;background:rgba(0,255,216,.05);font-size:14px}.viewTypeContainer .bottomPanel .operation_button[data-v-3f83debe]{float:right}.viewTypeContainer .bottomPanel .operation_button[data-v-3f83debe] .el-button{font-size:20px;background:none;color:#fff}.viewTypeContainer .bottomPanel .operation_button[data-v-3f83debe] .el-button:hover{color:#46fbf5}.viewTypeContainer .bottomPanel .operation_button[data-v-3f83debe] .el-button{border:0}.viewTypeContainer .bottomPanel .rightPanel[data-v-3f83debe]{float:right;margin-right:15px;text-align:center;font-size:14px}.viewTypeContainer .bottomPanel .rightPanel_flex[data-v-3f83debe]{display:flex;text-align:center;align-items:center;justify-content:center}.viewTypeContainer .bottomPanel .rightPanel_flex .el-input[data-v-3f83debe]{max-width:30px;overflow:hidden;text-overflow:ellipsis}.viewTypeContainer .bottomPanel .rightPanel_flex .el-input[data-v-3f83debe] .el-input__inner{color:#fff;background:transparent;border:none;padding:1px;text-align:center}.viewTypeContainer[data-v-3f83debe] .el-image{display:block;height:calc(100% - 50px)!important}.viewTypeContainer[data-v-3f83debe] .el-image .image-slot{width:100%;height:100%;text-align:center;color:#fff;cursor:default}.viewTypeContainer[data-v-3f83debe] .el-image .image-slot:before{content:"";display:inline-block;height:100%;vertical-align:middle}.viewTypeContainer[data-v-3f83debe] .el-image .image-slot i{padding-right:4px}.viewTypeContainer[data-v-3f83debe] .el-image.node{width:100%;height:100%;cursor:pointer;padding:1px}.viewTypeContainer[data-v-3f83debe] .el-image.node:hover{background:hsla(0,0%,100%,.6)}.viewTypeContainer[data-v-3f83debe] .el-image.node.active{background:#52fdff}.viewTypeContainer[data-v-3f83debe] .el-image.node.showActive{background:transparent}.viewTypeContainer[data-v-3f83debe] .name{margin-top:4px}.imgAreaContainer[data-v-1ad29f46]{width:100%;height:100%}.imageContainer[data-v-1ad29f46]{width:100%;padding:0 6px 0 6px;height:calc(100% - 72px)}.imageContainer_border[data-v-1ad29f46]{height:calc(100% + 2px);width:calc(100% + 2px);left:-1px;top:-1px;position:absolute;pointer-events:none}.titleContainer[data-v-1ad29f46]{margin:9px 6px 18px 6px;width:calc(100% - 12px);height:36px;line-height:36px;text-align:center;background:var(--component-title-bg)}.titleContainer_name[data-v-1ad29f46]{font-size:16px;color:var(--text)}.loadingStyle[data-v-1ad29f46]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}