.notfindInfo[data-v-51879d70]{display:flex;flex-direction:column;align-items:center;position:absolute;top:50%;left:50%;color:var(--text);transform:translate(-50%,-50%);font-size:14px}.notfindInfo i[data-v-51879d70]{font-size:45px;margin-right:3px;color:var(--hover)}.notfindInfo p[data-v-51879d70]{margin-top:8px}.notfindInfo.small[data-v-51879d70]{font-size:12px}.notfindInfo.small i[data-v-51879d70]{font-size:24px}.notfindInfo.small p[data-v-51879d70]{margin-top:5px}.viewTypeContainer[data-v-780907ec]{width:100%;height:100%;overflow:hidden;position:relative}.viewTypeContainer .canvas[data-v-780907ec]{width:100%;height:100%;position:absolute;z-index:3;left:0;top:0;transform-origin:0 0}.viewTypeContainer .img-wrapper[data-v-780907ec]{height:100%;width:100%}.viewTypeContainer .item[data-v-780907ec]{position:relative;width:100%;height:100%}.viewTypeContainer .item canvas[data-v-780907ec]{position:absolute}.viewTypeContainer[data-v-780907ec] .el-image{display:block;height:100%;transform-origin:0 0}.viewTypeContainer[data-v-780907ec] .el-image .image-slot{width:100%;height:100%;text-align:center;color:#fff;cursor:default}.viewTypeContainer[data-v-780907ec] .el-image .image-slot:before{content:"";display:inline-block;height:100%;vertical-align:middle}.viewTypeContainer[data-v-780907ec] .el-image .image-slot i{padding-right:4px}.viewTypeContainer[data-v-780907ec] .name{margin-top:4px}.viewTypeContainer .cross-box[data-v-780907ec]{position:absolute;top:0;left:0;width:30px;height:30px;transform:translate(-50%,-50%);cursor:pointer;background:hsla(0,0%,100%,.15);border-radius:50%}.viewTypeContainer .cross-box .x-line[data-v-780907ec]{position:absolute;top:50%;left:50%;width:100%;height:2px;transform:translate(-50%,-50%)}.viewTypeContainer .cross-box .x-line[data-v-780907ec]:before{content:"";position:absolute;left:3px;top:0;width:9px;height:2px;background:#210aff;border-radius:0}.viewTypeContainer .cross-box .x-line[data-v-780907ec]:after{content:"";position:absolute;right:3px;top:0;width:9px;height:2px;background:#210aff;border-radius:0}.viewTypeContainer .cross-box .y-line[data-v-780907ec]{position:absolute;top:50%;left:50%;height:100%;width:2px;transform:translate(-50%,-50%)}.viewTypeContainer .cross-box .y-line[data-v-780907ec]:before{content:"";position:absolute;top:3px;left:0;height:9px;width:2px;background:#210aff;border-radius:0}.viewTypeContainer .cross-box .y-line[data-v-780907ec]:after{content:"";position:absolute;bottom:3px;left:0;height:9px;width:2px;background:#210aff;border-radius:0}