body[data-v-52a3922b]{--margin:14px;--padding:16px}.images-view[data-v-52a3922b]{background-color:#fafafa;position:relative;width:350px}.images-view .image[data-v-52a3922b]{height:350px;overflow:hidden;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;padding:3px;border:1px solid #ededed;line-height:350px;text-align:center}.images-view .image:hover .next[data-v-52a3922b],.images-view .image:hover .prev[data-v-52a3922b]{opacity:1;transform:translateY(-50%) scale(1)}.images-view .image:hover .prev[data-v-52a3922b]{left:16px}.images-view .image:hover .next[data-v-52a3922b]{right:16px}.images-view .image img[data-v-52a3922b]{max-width:100%;max-height:100%}.images-view .image .zoom-a[data-v-52a3922b]{position:absolute;border:1px solid #ccc;box-sizing:border-box;width:200px;height:200px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURT1uzv///62t27cAAAACdFJOU/8A5bcwSgAAABBJREFUeNpiYGBkYGQECDAAAA0ABMZIs2EAAAAASUVORK5CYII=);z-index:9}.images-view .image .next[data-v-52a3922b],.images-view .image .prev[data-v-52a3922b]{width:50px;height:50px;border-radius:50%;background-color:#00000080;position:absolute;top:50%;transform:translateY(-50%) scale(.5);display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;transition:all .3s;opacity:0}.images-view .image .prev[data-v-52a3922b]{left:-50px}.images-view .image .next[data-v-52a3922b]{right:-50px}.images-view .foot[data-v-52a3922b]{display:flex;height:80px;margin-top:10px;overflow:hidden}.images-view .foot .left[data-v-52a3922b],.images-view .foot .right[data-v-52a3922b]{width:24px;background-color:#f2f2f2;display:flex;justify-content:center;align-items:center;cursor:pointer;flex-shrink:0}.images-view .foot .left[data-v-52a3922b]:not(.disabled):active,.images-view .foot .right[data-v-52a3922b]:not(.disabled):active{background:#e8e8e8}.images-view .foot .left.disabled[data-v-52a3922b],.images-view .foot .right.disabled[data-v-52a3922b]{cursor:not-allowed;color:#aaa}.images-view .foot .scroll-box[data-v-52a3922b]{width:440px;height:100%;flex:1;position:relative;overflow:hidden}.images-view .foot .list[data-v-52a3922b]{height:100%;display:flex;position:absolute;top:0;left:0;transition:left .3s}.images-view .foot .list-item[data-v-52a3922b]{width:91px;height:100%;overflow:hidden;cursor:pointer;box-sizing:border-box;margin-right:10px;border:1px solid #f2f2f2;border-radius:4px;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.images-view .foot .list-item[data-v-52a3922b]:before{content:"";background-color:transparent;position:absolute;inset:0;transition:background-color .3s}.images-view .foot .list-item.active[data-v-52a3922b]{border-color:rgb(var(--primary-6))}.images-view .foot .list-item.active[data-v-52a3922b]:before{background-color:#0003}.images-view .foot .list-item img[data-v-52a3922b]{width:100%}.images-view .zoom-b[data-v-52a3922b]{position:absolute;top:0;width:300px;height:300px;z-index:10;overflow:hidden;border:1px solid #e8e8e8;box-sizing:border-box}.images-view .zoom-b img[data-v-52a3922b]{position:absolute;-o-object-fit:cover;object-fit:cover}body[data-v-e399a256]{--margin:14px;--padding:16px}.right[data-v-e399a256]{flex:1;height:100%;background-color:#87ceeb}