.test-container[data-v-10a43790]{background:#000;width:100vw;height:100vh}.notPcStyle[data-v-10a43790]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.notPcStyle .swiper-area[data-v-10a43790]{width:95%!important;margin:0 auto;margin-top:-20%;position:relative}.notPcStyle .swiper-area[data-v-10a43790] .el-carousel__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 14px;position:relative}.notPcStyle .swiper-area[data-v-10a43790] .el-carousel__indicators{display:none}.notPcStyle .swiper-area[data-v-10a43790] .el-carousel__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.notPcStyle .swiper-area[data-v-10a43790] .el-carousel__item img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.notPcStyle .swiper-area[data-v-10a43790] .el-carousel__arrow{width:52px;height:52px;display:none!important;font-size:24px;background:#9e9e9f;position:absolute}.notPcStyle .swiper-area[data-v-10a43790] .el-carousel{z-index:100}.notPcStyle .swiper-area[data-v-10a43790] .btn{position:absolute;z-index:200;top:calc(50% - 35px)}.notPcStyle .swiper-area[data-v-10a43790] .btn img{height:80px;cursor:pointer;-o-object-fit:cover;object-fit:cover}.notPcStyle .swiper-area[data-v-10a43790] .left-btn{left:-18px}.notPcStyle .swiper-area[data-v-10a43790] .right-btn{right:-18px}.notPcStyle .swiper-area[data-v-10a43790] .single-page{display:none}.magazine-viewport[data-v-10a43790]{position:relative;padding:10px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(100% - 40px);height:calc(100% - 20px);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.magazine-viewport .download-btn[data-v-10a43790]{position:absolute;right:40px;top:40px;cursor:pointer}.magazine-viewport .download-btn img[data-v-10a43790]{width:30px;height:39px;-o-object-fit:contain;object-fit:contain;cursor:pointer;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.magazine-viewport .download-btn img[data-v-10a43790]:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.magazine-viewport .slider-bar[data-v-10a43790]{position:absolute;bottom:30px;width:90%;margin:0 5%}.magazine-viewport .slider-bar[data-v-10a43790] .el-slider__runway{background:#333}.magazine-viewport .slider-bar[data-v-10a43790] .el-slider__bar{background:#fff}.magazine-viewport .slider-bar[data-v-10a43790] .el-slider__button{width:14px;height:14px}.magazine-viewport .container[data-v-10a43790]{position:absolute;top:50%;left:50%;width:1060px;height:750px;margin:auto}.magazine-viewport .btn[data-v-10a43790]{z-index:100;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.5);box-shadow:0 1px 2px rgba(0,0,0,.5);cursor:pointer;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-property:all;transition-property:all;-webkit-transition-timing-function:linear;transition-timing-function:linear;position:absolute}.magazine-viewport .btn[data-v-10a43790]:hover{opacity:.8}.magazine-viewport .btn img[data-v-10a43790]{width:20px;cursor:pointer}.magazine-viewport .btn .notSHow[data-v-10a43790]{opacity:0}.magazine-viewport .right-btn[data-v-10a43790]{right:calc(50% - 580px)}.magazine-viewport .left-btn[data-v-10a43790]{left:calc(50% - 580px)}.magazine-viewport .page[data-v-10a43790]{background-color:#fff;background-repeat:no-repeat;background-size:100% 100%}.animated[data-v-10a43790]{-webkit-transition:margin-left .5s;transition:margin-left .5s}.exit-message[data-v-10a43790]{position:absolute;top:10px;left:0;width:100%;height:40px;z-index:10000}.exit-message>div[data-v-10a43790]{width:140px;height:30px;margin:auto;background:rgba(0,0,0,.5);text-align:center;font:12px arial;line-height:30px;color:#fff;border-radius:10px}.zoom-icon[data-v-10a43790]{position:absolute;z-index:1000;width:22px;height:22px;top:10px;right:10px;background-size:88px 22px}.zoom-icon img[data-v-10a43790]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.zoom-icon-in[data-v-10a43790]{background-position:0 0;cursor:pointer}.zoom-icon-in.zoom-icon-in-hover[data-v-10a43790]{background-position:-22px 0;cursor:pointer}.zoom-icon-out[data-v-10a43790]{background-position:-44px 0}.zoom-icon-out.zoom-icon-out-hover[data-v-10a43790]{background-position:-66px 0;cursor:pointer}.bottom[data-v-10a43790]{position:absolute;left:0;bottom:0;width:100%}