.fly-component-image-viewer-container{position:fixed;left:0;top:0;width:100vw;height:100vh;transition:all .5s;opacity:1}.viewer-container__cover{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000}.viewer-container__pointer-box{position:fixed;bottom:.2rem;left:0;width:100%;text-align:center}.viewer-container__pointer-box__nums{padding-left:.4rem;font-size:.24rem;line-height:.34rem;color:#fff;text-align:left}.viewer-container__pointer-box__pointer{display:inline-block;width:.16rem;height:.16rem;margin:0 .1rem;border-radius:100%;background-color:#333}.viewer-container__pointer-box__pointer.on{background-color:#fff}.viewer-container__viewer-list-container{position:absolute;left:0;top:0;width:100vw;height:100vh;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.viewer-container__viewer-image-container{position:absolute;top:0;left:0;overflow:hidden}.viewer-container__viewer-image-container img{position:absolute;left:0;top:0;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}.viewer-container__viewer-image-loading{position:absolute;margin:auto;left:0;right:0;top:0;bottom:0;width:.64rem;height:.64rem;box-sizing:border-box;border-radius:100%;border:.08rem solid;border-color:#333 #333 #fff;-webkit-animation:roll 1s linear infinite;animation:roll 1s linear infinite}@-webkit-keyframes roll{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}99%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes roll{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}99%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}