.tiny-image-viewer{--ti-image-viewer-text-color:var(--ti-common-color-light, #fff);--ti-image-viewer-actions-inner-text-color:var(--ti-common-color-light, #fff);--ti-image-viewer-close-font-size:var(--ti-common-font-size-4, 20px);--ti-image-viewer-close-bg-color:#606266;--ti-image-viewer-close-top:40px;--ti-image-viewer-close-right:40px;--ti-image-viewer-close-width:40px;--ti-image-viewer-close-height:40px;--ti-image-viewer-close-bg-color-hover:#606266;--ti-image-viewer-actions-border-radius:22px;--ti-image-viewer-actions-inner-font-size:23px;--ti-image-viewer-actions-width:282px;--ti-image-viewer-actions-height:44px;--ti-image-viewer-actions-bottom:30px;--ti-image-viewer-actions-inner-justify-content:space-around;--ti-image-viewer-next-font-size:var(--ti-common-font-size-5, 24px);--ti-image-viewer-next-width:44px;--ti-image-viewer-next-height:44px;--ti-image-viewer-mask-wrap-bg-color:none;--ti-image-viewer-btn-opacity:.8;--ti-image-viewer-mask-bg-color:#000}.tiny-image-viewer__wrapper{background:var(--ti-image-viewer-mask-wrap-bg-color);position:fixed;top:0;right:0;bottom:0;left:0}.tiny-image-viewer__btn{position:absolute;z-index:1;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;border-radius:50%;opacity:var(--ti-image-viewer-btn-opacity);-webkit-box-sizing:border-box;box-sizing:border-box;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-image-viewer__btn svg{fill:var(--ti-image-viewer-text-color)}.tiny-image-viewer__close{top:var(--ti-image-viewer-close-top);right:var(--ti-image-viewer-close-right);width:var(--ti-image-viewer-close-width);height:var(--ti-image-viewer-close-height);font-size:var(--ti-image-viewer-close-font-size);background-color:var(--ti-image-viewer-close-bg-color)}.tiny-image-viewer__close:hover{cursor:pointer;background-color:var(--ti-image-viewer-close-bg-color-hover)}.tiny-image-viewer__canvas{width:100%;height:100%;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}.tiny-image-viewer__actions{left:50%;bottom:var(--ti-image-viewer-actions-bottom);-webkit-transform:translateX(-50%);transform:translate(-50%);width:var(--ti-image-viewer-actions-width);height:var(--ti-image-viewer-actions-height);padding:0 23px;background-color:var(--ti-image-viewer-close-bg-color);border-radius:var(--ti-image-viewer-actions-border-radius)}.tiny-image-viewer__actions-inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:var(--ti-image-viewer-actions-inner-font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:var(--ti-image-viewer-actions-inner-justify-content);-ms-flex-pack:var(--ti-image-viewer-actions-inner-justify-content);justify-content:var(--ti-image-viewer-actions-inner-justify-content)}.tiny-image-viewer__actions-inner svg{fill:var(--ti-image-viewer-actions-inner-text-color);margin-right:20px}.tiny-image-viewer__actions-inner svg:hover{cursor:pointer}.tiny-image-viewer__next,.tiny-image-viewer__prev{top:50%;width:var(--ti-image-viewer-next-width);height:var(--ti-image-viewer-next-height);font-size:var(--ti-image-viewer-next-font-size);background-color:var(--ti-image-viewer-close-bg-color)}.tiny-image-viewer__next:hover,.tiny-image-viewer__prev:hover{cursor:pointer;background-color:var(--ti-image-viewer-close-bg-color-hover)}.tiny-image-viewer__prev{-webkit-transform:translateY(-50%);transform:translateY(-50%);left:40px}.tiny-image-viewer__next{-webkit-transform:translateY(-50%);transform:translateY(-50%);right:40px;text-indent:2px}.tiny-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.5;background:var(--ti-image-viewer-mask-bg-color)}:root{--ti-mobile-image-viewer-color:var(--ti-mobile-base-color-light, #fff);--ti-mobile-image-viewer-close-bgcolor:#606266;--ti-mobile-image-viewer-arrow-disabled-bgcolor:var(--ti-mobile-base-color-info-disabled, #bfbfbf);--ti-mobile-image-viewer-arrow-disabled-color:var(--ti-mobile-base-color-placeholder, #999);--ti-mobile-image-viewer-mask-background:var(--ti-mobile-base-color-dark, #000)}.tiny-mobile-image-viewer__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.tiny-mobile-image-viewer__mask{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.9;background:var(--ti-mobile-image-viewer-mask-background,#000)}.tiny-mobile-image-viewer__btn{position:absolute;z-index:1;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;border-radius:50%;opacity:.8;-webkit-box-sizing:border-box;box-sizing:border-box;user-select:none;-moz-user-select:none;-webkit-user-select:none;-o-user-select:none;-ms-user-select:none}.tiny-mobile-image-viewer__btn svg{fill:var(--ti-mobile-image-viewer-color,#fff)}.tiny-mobile-image-viewer__close{top:40px;right:40px;width:22px;height:22px;font-size:20px;background-color:var(--ti-mobile-image-viewer-close-bgcolor,#606266)}.tiny-mobile-image-viewer__next,.tiny-mobile-image-viewer__prev{top:50%;width:44px;height:44px;font-size:24px;background-color:var(--ti-mobile-image-viewer-close-bgcolor,#606266)}.tiny-mobile-image-viewer__next.is-arrow-disabled,.tiny-mobile-image-viewer__prev.is-arrow-disabled{background-color:var(--ti-mobile-image-viewer-arrow-disabled-bgcolor,#bfbfbf)}.tiny-mobile-image-viewer__next.is-arrow-disabled svg,.tiny-mobile-image-viewer__prev.is-arrow-disabled svg{fill:var(--ti-mobile-image-viewer-arrow-disabled-color,#999)}.tiny-mobile-image-viewer__prev{-webkit-transform:translateY(-50%);transform:translateY(-50%);left:40px}.tiny-mobile-image-viewer__next{-webkit-transform:translateY(-50%);transform:translateY(-50%);right:40px;text-indent:2px}.tiny-mobile-image-viewer__actions{left:50%;bottom:30px;-webkit-transform:translateX(-50%);transform:translate(-50%);width:282px;height:44px;padding:0 23px;background-color:var(--ti-mobile-image-viewer-close-bgcolor,#606266);border-radius:22px}.tiny-mobile-image-viewer__actions-inner{width:100%;height:100%;text-align:justify;cursor:default;font-size:23px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around}.tiny-mobile-image-viewer__canvas{width:100%;height:100%}.tiny-mobile-image-viewer__wrap{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:1080px}.tiny-mobile-image-viewer__item{position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%;height:100%}.tiny-mobile-image-viewer__detail{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;display:inline-block}.tiny-mobile-image-viewer__img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.tiny-mobile-image-viewer__img.is-full-screen{-o-object-fit:fill;object-fit:fill}.tiny-mobile-image-viewer__index{left:50%;top:30px;-webkit-transform:translateX(-50%);transform:translate(-50%);width:auto;height:44px;padding:0 23px;border-radius:0}.tiny-mobile-image-viewer__index span{color:var(--ti-mobile-image-viewer-color,#fff);margin-right:5px}.tiny-image{--ti-image-error-font-size:var(--ti-common-font-size-1, 14px);--ti-image-error-text-color:var(--ti-common-color-bg-secondary, #adb0b8);--ti-image-error-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);position:relative;display:inline-block;overflow:hidden}.tiny-image__inner{vertical-align:top}.tiny-image__inner-center{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block}.tiny-image__error{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;font-size:var(--ti-image-error-font-size);color:var(--ti-image-error-text-color);vertical-align:middle}.tiny-image__preview{cursor:pointer}.tiny-image__error,.tiny-image__placeholder{background:var(--ti-image-error-bg-color)}.tiny-image__error{background:url(./image-error-5c216be9.jpg) no-repeat center/50%;background-color:var(--ti-image-error-bg-color)}.tiny-image__error,.tiny-image__inner,.tiny-image__placeholder{width:100%;height:100%}.viewer-fade-enter-active{-webkit-animation:viewer-fade-in .3s;animation:viewer-fade-in .3s}.viewer-fade-leave-active{-webkit-animation:viewer-fade-out .3s;animation:viewer-fade-out .3s}@-webkit-keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@keyframes viewer-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}}@-webkit-keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes viewer-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translateZ(0);opacity:1}to{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}