.footer[data-v-1584b834]{background-color:#333;color:#fff;padding:10px;text-align:center}.container[data-v-1584b834]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100vh}.main-content[data-v-1584b834]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px}.image-viewer[data-v-1584b834],.main-content[data-v-1584b834],.preview-images[data-v-1584b834]{display:-webkit-box;display:-ms-flexbox;display:flex}.preview-images[data-v-1584b834]{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:20px}.main-image[data-v-1584b834]{position:relative;width:500px;height:auto;overflow:hidden}.zoom-controls[data-v-1584b834]{position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex}.zoom-controls button[data-v-1584b834]{margin-left:10px}.father[data-v-1584b834]{width:980px;height:500px;position:relative}.small[data-v-1584b834]{width:980px;height:500px;margin-bottom:10px;position:absolute;img{width:100%;height:100%}}.mask[data-v-1584b834]{width:225px;height:225px;background-color:rgba(255,255,0,.3);top:0;left:0}.big[data-v-1584b834],.mask[data-v-1584b834]{position:absolute;display:none}.big[data-v-1584b834]{width:100%;height:100%;z-index:999;img{width:200%;height:200%}}.red-sign[data-v-1584b834]{display:inline-block;height:5px;width:5px;margin-left:3px;background-color:red;border-radius:50%}.ant-modal-close-x[data-v-1584b834]{background-color:red;float:right}.loading-container[data-v-1584b834]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:500px}