.preview-image-list-container[data-v-9e4c3292]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;background-color:#f5f5f5}.preview-image-list-container .left-directory[data-v-9e4c3292]{width:300px;background-color:#fff;border-right:1px solid #e4e7ed;overflow-y:auto;padding:20px}.preview-image-list-container .left-directory[data-v-9e4c3292] .el-tree .el-tree-node__content{height:40px;line-height:40px}.preview-image-list-container .left-directory[data-v-9e4c3292] .el-tree .el-tree-node__label{font-size:14px}.preview-image-list-container .left-directory[data-v-9e4c3292] .el-tree .el-tree-node__expand-icon{color:#606266}.preview-image-list-container .left-directory[data-v-9e4c3292] .el-tree .el-tree-node.is-current>.el-tree-node__content{background-color:#ecf5ff;color:#409eff}.preview-image-list-container .right-preview[data-v-9e4c3292]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px;overflow-y:auto}.preview-image-list-container .right-preview .empty-tip[data-v-9e4c3292]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;color:#909399;font-size:16px}.preview-image-list-container .right-preview .image-grid[data-v-9e4c3292]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.preview-image-list-container .right-preview .image-grid .image-item[data-v-9e4c3292]{background-color:#fff;border:1px solid #e4e7ed;border-radius:4px;padding:10px;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.preview-image-list-container .right-preview .image-grid .image-item[data-v-9e4c3292]:hover{-webkit-box-shadow:0 2px 12px 0 rgba(0,0,0,.1);box-shadow:0 2px 12px 0 rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.preview-image-list-container .right-preview .image-grid .image-item .preview-image[data-v-9e4c3292]{width:100%;height:200px;border-radius:4px;overflow:hidden}.preview-image-list-container .right-preview .image-grid .image-item .image-name[data-v-9e4c3292]{margin-top:10px;text-align:center;font-size:12px;color:#606266;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-image-list-container .right-preview .image-grid .image-item .image-slot[data-v-9e4c3292]{height:100%;font-size:30px}.preview-image-list-container .right-preview .image-grid .image-item .image-loading[data-v-9e4c3292],.preview-image-list-container .right-preview .image-grid .image-item .image-slot[data-v-9e4c3292]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;background-color:#f5f7fa;color:#909399}.preview-image-list-container .right-preview .image-grid .image-item .image-loading[data-v-9e4c3292]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:200px}.preview-image-list-container .right-preview .image-grid .image-item .image-loading i[data-v-9e4c3292]{font-size:40px;margin-bottom:10px}.preview-image-list-container .right-preview .image-grid .image-item .pdf-preview[data-v-9e4c3292]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:200px;background-color:#f5f7fa;color:#409eff}.preview-image-list-container .right-preview .image-grid .image-item .pdf-preview i[data-v-9e4c3292]{font-size:60px;margin-bottom:10px}.preview-image-list-container .right-preview .image-grid .image-item .pdf-preview .pdf-tip[data-v-9e4c3292]{font-size:14px;color:#909399}