.operationBarContainer[data-v-ab03520e]{position:relative;bottom:0;width:100%;height:2.625rem;background:var(--bg-vice-common);display:flex;justify-content:center;align-items:center}.operationBarContainer_center[data-v-ab03520e]{width:50%;position:absolute;z-index:1;left:25%;display:flex;flex-direction:row;justify-content:center;align-items:center}.operationBarContainer_center .next[data-v-ab03520e],.operationBarContainer_center .prev[data-v-ab03520e]{padding:.3125rem .75rem}.operationBarContainer_center .next i[data-v-ab03520e],.operationBarContainer_center .prev i[data-v-ab03520e]{font-size:1.5rem;color:var(--text)}.operationBarContainer_center .next.disable i[data-v-ab03520e],.operationBarContainer_center .prev.disable i[data-v-ab03520e]{opacity:.6}.operationBarContainer_center .pause i[data-v-ab03520e],.operationBarContainer_center .play i[data-v-ab03520e]{font-size:2rem;color:var(--normal)}.operationBarContainer_center button>span>i[data-v-ab03520e]:hover{opacity:.9}.operationBarContainer_title[data-v-ab03520e]{position:absolute;left:20px;bottom:0;height:2.5rem;max-width:50%;text-align:left}.operationBarContainer_title>div[data-v-ab03520e]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.operationBarContainer_title .name[data-v-ab03520e]{font-size:14px;height:1.25rem}.operationBarContainer_title .info[data-v-ab03520e]{height:1.25rem;font-size:12px;line-height:1;display:flex;flex-direction:row;justify-content:center;align-items:center}.operationBarContainer_title .info>span[data-v-ab03520e]{display:inline-block}.operationBarContainer_title .info>span.rw[data-v-ab03520e]{min-width:38px}.operationBarContainer_title .info>span.date[data-v-ab03520e]{min-width:120px}.operationBarContainer_title .info>span.type[data-v-ab03520e]{min-width:60px;margin-left:.9375rem}.operationBarContainer_button[data-v-ab03520e]{position:absolute;right:20px;bottom:0;display:flex;height:2.5rem;line-height:2.5rem}.operationBarContainer_button[data-v-ab03520e] .el-button{line-height:2.5rem;font-size:20px;background:none;color:var(--text)}.operationBarContainer_button[data-v-ab03520e] .el-button:hover{color:var(--normal)}.operationBarContainer_button[data-v-ab03520e] .el-button{border:0!important;padding:0 0 0 16px;margin:0}.operationBarContainer_button[data-v-ab03520e] .el-button.disabled .iconfont{opacity:.5;cursor:not-allowed}.operationBarContainer_button[data-v-ab03520e] .el-button.disabled .iconfont:hover{color:var(--text)}.operationBarContainer_button[data-v-ab03520e] .el-button .iconfont{font-size:20px}.operationBarContainer_button[data-v-ab03520e] .el-button .iconfont.icon-icon_quanping{font-size:18px}.operationBarContainer[data-v-ab03520e] .el-button{padding:5px;background:none;border:0!important;vertical-align:middle;margin-left:10px}.btn-area[data-v-c050fc00]{display:flex;justify-content:center;width:100%;margin-bottom:50px}.btn-area button[data-v-c050fc00]{width:100px;height:40px;font-size:18px;margin-right:10px}.image-box[data-v-c050fc00]{position:relative;margin:0 auto;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center}.image-box img[data-v-c050fc00]{z-index:1}.image-box .device[data-v-c050fc00],.image-box .device svg[data-v-c050fc00]{z-index:2}.image-box .device>div[data-v-c050fc00]{z-index:3}.viewTypeContainer[data-v-6634b79e]{height:100%;display:flex;justify-content:center;position:relative}.viewTypeContainer[data-v-6634b79e] .el-image{display:block;height:calc(100% - 42px)!important;cursor:default}.viewTypeContainer[data-v-6634b79e] .el-image .image-slot{width:100%;height:100%;text-align:center;color:#fff;cursor:default}.viewTypeContainer[data-v-6634b79e] .el-image .image-slot:before{content:"";display:inline-block;height:100%;vertical-align:middle}.viewTypeContainer[data-v-6634b79e] .el-image .image-slot i{padding-right:4px}.viewTypeContainer[data-v-6634b79e] .el-image.node{width:100%;height:100%;cursor:pointer;padding:1px}.viewTypeContainer[data-v-6634b79e] .el-image.node:hover{background:hsla(0,0%,100%,.6)}.viewTypeContainer[data-v-6634b79e] .el-image.node.active{background:#52fdff}.viewTypeContainer[data-v-6634b79e] .el-image.node.showActive{background:transparent}.viewTypeContainer[data-v-6634b79e] .name{margin-top:4px}.viewTypeContainer .zoomable-image-container[data-v-6634b79e]{position:absolute;width:98%;height:calc(100% - 42px);overflow:hidden;display:flex;justify-content:center;align-items:center}.viewTypeContainer .img-div[data-v-6634b79e]{position:relative}