.album-preview{font-family:Yuppy;overflow:hidden;width:10rem;height:100vh;background-size:100% 100%}.album-preview .first-page .album-name{position:absolute;left:1.46667rem;right:1.46667rem;top:25%;text-align:center;font-weight:400;font-size:.53333rem;line-height:.66667rem;letter-spacing:.02667rem}.album-preview .first-page .album-frontCoverFile{position:absolute;left:0;right:0;top:40%;width:8rem;height:8rem;border-radius:.72rem;margin:0 auto;background-repeat:no-repeat;background-position:50%;background-size:cover}.album-preview .page .page0 .module1{top:20%;-webkit-transform:rotate(3deg);transform:rotate(3deg)}.album-preview .page .page0 .module1,.album-preview .page .page0 .module2{left:0;right:0;margin:0 auto;width:6.42667rem;height:4.26667rem;border-radius:.53333rem}.album-preview .page .page0 .module2{top:50%;-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}.album-preview .page .page1 .module1{top:15%;left:0;right:0;margin:0 auto;width:5.73333rem;height:5.73333rem;border-radius:6.88rem;padding:.8rem}.album-preview .page .page1 .module2{top:50%;width:6.42667rem;height:4.26667rem}.album-preview .page .page1 .module2,.album-preview .page .page2 .module1{left:0;right:0;margin:0 auto;-webkit-transform:rotate(4deg);transform:rotate(4deg);border-radius:.53333rem}.album-preview .page .page2 .module1{top:15%;width:7.01333rem;height:4.66667rem}.album-preview .page .page2 .module2{top:45%;left:10%;right:0;width:4.05333rem;height:5.68rem;-webkit-transform:rotate(-4deg);transform:rotate(-4deg);border-radius:.53333rem}.album-preview .page .page2 .module3{top:47%;-webkit-transform:rotate(4deg);transform:rotate(4deg)}.album-preview .page .page2 .module3,.album-preview .page .page2 .module4{left:55%;right:0;width:3.81333rem;height:2.53333rem;border-radius:.53333rem}.album-preview .page .page2 .module4{top:64%;-webkit-transform:rotate(8deg);transform:rotate(8deg)}.album-preview .page .page3 .module1{top:15%;left:10%;width:4.58667rem;height:4.58667rem;border-radius:6.56rem;padding:.66667rem}.album-preview .page .page3 .module2{top:32%;left:35%;width:5.2rem;height:5.2rem;border-radius:6.56rem;padding:.66667rem}.album-preview .page .page3 .module3{top:56%;left:0;right:0;margin:0 auto;width:7.01333rem;height:4.66667rem;-webkit-transform:rotate(6deg);transform:rotate(6deg);border-radius:.53333rem}.album-preview .page .page4 .module1{top:10%;left:15%;width:5.89333rem;height:5.89333rem;border-radius:6.56rem;z-index:6;padding:.8rem}.album-preview .page .page4 .module2{top:35%;left:50%;width:4.21333rem;height:4.21333rem;border-radius:6.56rem;padding:.61333rem}.album-preview .page .page4 .module3{top:44%;left:9%;right:0;width:4.4rem;height:4.4rem;border-radius:6.56rem;padding:.61333rem}.album-preview .page .page4 .module4{top:60%;left:45%;right:0;width:4.34667rem;height:4.34667rem;border-radius:6.56rem;padding:.58667rem}.album-preview .page .page5 .module1{top:15%;left:15%;width:3.84rem;height:5.38667rem;border-radius:.53333rem;-webkit-transform:rotate(-4deg);transform:rotate(-4deg);z-index:6}.album-preview .page .page5 .module2{top:20%;left:55%}.album-preview .page .page5 .module2,.album-preview .page .page5 .module3{width:3.84rem;height:5.38667rem;border-radius:.53333rem;-webkit-transform:rotate(4deg);transform:rotate(4deg)}.album-preview .page .page5 .module3{top:45%;left:13%}.album-preview .page .page5 .module4{top:50%;left:52%;width:3.84rem;height:5.38667rem;border-radius:.53333rem;-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}.album-preview .page .page6 .module1{top:15%;left:15%;width:6.74667rem;height:3.78667rem;border-radius:.53333rem;-webkit-transform:rotate(6deg);transform:rotate(6deg)}.album-preview .page .page6 .module2{top:37%;left:12%;width:6.74667rem;height:3.78667rem;border-radius:.53333rem;-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}.album-preview .page .page6 .module3{top:59%;left:20%;width:6.74667rem;height:3.78667rem;border-radius:.53333rem;-webkit-transform:rotate(4deg);transform:rotate(4deg)}.album-preview .page .module1,.album-preview .page .module2,.album-preview .page .module3,.album-preview .page .module4{z-index:5;position:absolute;background-repeat:no-repeat;background-position:50%;background-size:cover;border:.03133rem solid #b3cff0;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.13333rem}.swiper-container{position:fixed;top:0;bottom:0;left:0;right:0;width:10rem;height:100vh}.swiper-container .slider-area{position:fixed;left:.10667rem;right:.10667rem;bottom:1.33333rem;width:9.78667rem;height:1.17333rem;background-color:#fff;z-index:100;border-radius:2.4rem;-webkit-box-shadow:0 .10667rem .10667rem rgba(151,154,179,.46);box-shadow:0 .10667rem .10667rem rgba(151,154,179,.46);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .4rem}.swiper-container .slider-area .page-no{color:#1d252f;font-weight:400;font-size:.29333rem;line-height:.4rem}.swiper-container .slider-area .slide{background:#d9d9d9;border-radius:.93333rem;height:.16rem;width:7.06667rem;margin-left:-.26667rem}.swiper-container .slider-area .van-slider__bar{background:#799fff;border-radius:.93333rem}.swiper-container .slider-area .van-slider__button:before{content:"";position:absolute;left:.08rem;top:.08rem;width:.48rem;height:.48rem;background-color:#799fff;border-radius:.53333rem}