@charset "utf-8";
/* CSS Document */
html, body {
    position: relative;
    height: 100%;
}
body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: .2rem;
    color:#000;
    margin: 0;
    padding: 0;
}

.main{height:100%;margin:0 auto;font-family: Microsoft YaHei;}

.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    position:relative;
    text-align: center;
    font-size: .18rem;
    background: #fff;
    box-sizing: border-box;
    overflow:hidden;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.slideTips{position:absolute;bottom:.29rem;left:50%;width:.68rem;height:.41rem;margin-left:-.34rem;background:url(https://png.pookcdn.net/net/anniversary/eight/tip_02.png) no-repeat;background-size:100% 100%;z-index: 2;}
.slideTips.rotate{background:url(https://png.pookcdn.net/net/anniversary/eight/tip_03.png) no-repeat;background-size:100% 100%;}
.slideTips{
    -webkit-animation:tipAnimate 1s infinite;
    animation:tipAnimate 1s infinite;
}
@keyframes tipAnimate {
    0%,100%{
        transform: translateY(0);
    }
    50%{
        transform: translateY(.15rem);
    }
}
@-webkit-keyframes tipAnimate {
    0%,100%{
        -webkit-transform: translateY(0);
    }
    50%{
        -webkit-transform: translateY(.15rem);
    }
}
.slideMusic{position: fixed;top:.2rem;right:.2rem;width:.5rem;height:.5rem;background:url(https://png.pookcdn.net/net/anniversary/eight/music_on.png) no-repeat;background-size:100% 100%;z-index: 2;cursor: pointer;}
.slideMusic.off{background:url(https://png.pookcdn.net/net/anniversary/eight/music_off.png) no-repeat;background-size:100% 100%;}
.slideMusic{
    -webkit-animation:musicAnimate 2s linear infinite;
    animation:musicAnimate 2s linear infinite;
}
@keyframes musicAnimate {
    from{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
@-webkit-keyframes musicAnimate {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

.swiper-slide.slide_01{background-color:#a4563e;}
.swiper-slide.slide_02{background-color:#e5d4ba;}
.swiper-slide.slide_03{background-color:#baae75;}
.swiper-slide.slide_04{background-color:#6c93c7;}
.swiper-slide.slide_05{background-color:#a9b073;}
.swiper-slide.slide_06{background-color:#697497;}
.swiper-slide.slide_07{background-color:#ba9292;}
.swiper-slide.slide_08{background-color:#7bb2a6;}
.swiper-slide.slide_09{background-color:#d1a77d;}
.swiper-slide.slide_10{background-color:#99bab1;}

.swiper-slide.slide_01 .scalePageTop{position:absolute;top:0;left:0;width:100%;height:.3rem;background-color:#e5d4ba;z-index: 1;}

.scalePage{position:relative;width:6.4rem;height:100%;margin:0 auto;}
.scalePage>div{position:absolute;}
.scalePage .text{position:absolute;line-height:1;white-space: nowrap;}
.scalePage.page_02 .text,
.scalePage.page_03 .text,
.scalePage.page_04 .text,
.scalePage.page_05 .text{font-size:.24rem;}
.scalePage.page_06 .text,
.scalePage.page_07 .text,
.scalePage.page_08 .text,
.scalePage.page_09 .text,
.scalePage.page_10 .text{font-size:.18rem;}
.scalePage.page_02 .text{color:#806149;}
.scalePage.page_03 .text{color:#825819;}
.scalePage.page_04 .text{color:#4c6a93;}
.scalePage.page_05 .text{color:#6c7143;}
.scalePage.page_06 .text{color:#acbbea;}
.scalePage.page_07 .text{color:#7c4949;}
.scalePage.page_08 .text{color:#4b6e66;}
.scalePage.page_09 .text{color:#830d1f;}
.scalePage.page_10 .text{color:#a97a4c;}

.line{position:absolute;top:0;left:0;width:6.4rem;height:100%;z-index: 1;}
.page_02 .line{background:url(https://png.pookcdn.net/net/anniversary/eight/200907.png) no-repeat left top;background-size:6.4rem 11.36rem;}
.page_03 .line{background:url(https://png.pookcdn.net/net/anniversary/eight/201009.png) no-repeat left top;background-size:6.4rem 11.36rem;}
.page_04 .line{background:url(https://png.pookcdn.net/net/anniversary/eight/201105.png) no-repeat left top;background-size:6.4rem 11.36rem;}
.page_05 .line{background:url(https://png.pookcdn.net/net/anniversary/eight/201207.png) no-repeat left top;background-size:6.4rem 11.36rem;}
.page_06 .line{background:url(https://png.pookcdn.net/net/anniversary/eight/201313.png) no-repeat left top;background-size:6.4rem 11.36rem;}
.page_07 .line{background:url(https://png.pookcdn.net/net/anniversary/eight/201410.png) no-repeat left top;background-size:6.4rem 11.36rem;}
.page_08 .line{background:url(https://png.pookcdn.net/net/anniversary/eight/201513.png) no-repeat left top;background-size:6.4rem 11.36rem;}
.page_09 .line{background:url(https://png.pookcdn.net/net/anniversary/eight/201607.png) no-repeat left top;background-size:6.4rem 11.36rem;}
.page_10 .line{background:url(https://png.pookcdn.net/net/anniversary/eight/last_page_03.png) no-repeat left top;background-size:6.4rem 11.36rem;}

.loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#f8ede0;z-index: 10;}
.loading .item_01{position:absolute;left:50%;top:50%;width:6.4rem;height:1.7rem;margin-top:-.85rem;margin-left:-3.2rem;background:url(https://png.pookcdn.net/net/anniversary/eight/loading_item.png) no-repeat center top;background-size:100% 100%;}

.page_01{z-index: 2;}
.page_01 .item_01{top:-.3rem;left:50%;width:1.8rem;height:1.12rem;margin-left:-.9rem;background:url(https://png.pookcdn.net/net/anniversary/eight/title_page_01.png) no-repeat;background-size:100% 100%;}
.page_01 .item_02{top:1.12rem;left:.22rem;width:5.95rem;height:5.94rem;background:url(https://png.pookcdn.net/net/anniversary/eight/title_page_02.png) no-repeat;background-size:100% 100%;}
.page_01 .item_03{top:7.73rem;left:0;width:6.4rem;height:1.18rem;background:url(https://png.pookcdn.net/net/anniversary/eight/title_page_03.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_01 .item_04{bottom:0;left:0;width:6.4rem;height:1.57rem;background:url(https://png.pookcdn.net/net/anniversary/eight/title_page_04.png) no-repeat;background-size:100% 100%;}

.page_02 .item_01{top:1.2rem;right:.65rem;width:2.27rem;height:.93rem;background:url(https://png.pookcdn.net/net/anniversary/eight/200901.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_02 .item_02{top:2.65rem;left:.42rem;width:4.03rem;height:.57rem;background:url(https://png.pookcdn.net/net/anniversary/eight/200902.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_02 .item_02 .text{right:.03rem;bottom:-.38rem;}
.page_02 .item_03{top:4.82rem;left:.76rem;width:3.41rem;height:4.4rem;background:url(https://png.pookcdn.net/net/anniversary/eight/200906.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_02 .ornament_01{position:absolute;width:1rem;height:.41rem;background:url(https://png.pookcdn.net/net/anniversary/eight/200904.png) no-repeat;background-size:100% 100%;}
.page_02 .ornament_01.o1{top:1.29rem;left:1.45rem;}
.page_02 .ornament_01.o2{top:4.02rem;left:.05rem;}
.page_02 .ornament_01.o3{top:10.37rem;right:-.18rem;}
.page_02 .ornament_02{position:absolute;width:1.04rem;height:1.58rem;background:url(https://png.pookcdn.net/net/anniversary/eight/200905.png) no-repeat;background-size:100% 100%;}
.page_02 .ornament_02.o1{top:6.98rem;right:1.33rem;}
.page_02 .ornament_02.o2{top:4.35rem;right:.27rem;width:.35rem;height:.53rem;}
.page_02 .ornament_02.o3{top:9.45rem;left:.53rem;width:.35rem;height:.53rem;}
.page_02 .ornament_03{position:absolute;width:.17rem;height:.59rem;background:url(https://png.pookcdn.net/net/anniversary/eight/200903.png) no-repeat;background-size:100% 100%;}
.page_02 .ornament_03.o1{top:3.24rem;right:1.68rem;}
.page_02 .ornament_03.o2{top:4.07rem;right:1.96rem;}
.page_02 .ornament_03.o3{top:9.72rem;right:3.9rem;}

.page_03 .item_01{top:1.79rem;left:.57rem;width:2.27rem;height:.93rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201001.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_03 .item_02{top:3.04rem;left:2.91rem;width:2.5rem;height:.56rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201002.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_03 .item_02 .text{right:.03rem;bottom:-.38rem;}
.page_03 .item_03{top:4.85rem;left:2rem;width:3.43rem;height:2.69rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201003.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_03 .ornament_01{position:absolute;top:3.68rem;left:1.23rem;width:.54rem;height:1.04rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201004.png) no-repeat;background-size:100% 100%;}
.page_03 .ornament_02{position:absolute;top:7.65rem;left:.06rem;width:.95rem;height:1.02rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201005.png) no-repeat;background-size:100% 100%;}
.page_03 .ornament_03{position:absolute;top:7.72rem;left:5.3rem;width:.76rem;height:.74rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201006.png) no-repeat;background-size:100% 100%;}
.page_03 .ornament_04{position:absolute;top:9.22rem;left:2.97rem;width:.79rem;height:1.03rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201007.png) no-repeat;background-size:100% 100%;}
.page_03 .ornament_05{position:absolute;top:1.11rem;right:.75rem;width:.71rem;height:.68rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201008.png) no-repeat;background-size:100% 100%;}

.page_04 .item_01{top:4.66rem;right:.86rem;width:2.27rem;height:.93rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201103.png) no-repeat;background-size:100% 100%;z-index: 3;}
.page_04 .item_02{top:2.8rem;left:.29rem;width:2.61rem;height:1.42rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201101.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_04 .item_02 .text{top:-.28rem;left:.14rem;}
.page_04 .item_03{top:.22rem;right:0;width:3.64rem;height:4.62rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201102.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_04 .item_04{top:6.42rem;left:.39rem;width:4.27rem;height:3.61rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201104.png) no-repeat;background-size:100% 100%;z-index: 2;}

.page_05 .item_01{top:5.28rem;left:.82rem;width:2.27rem;height:.93rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201204.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_05 .item_02{top:.78rem;left:.27rem;width:3.35rem;height:.39rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201201.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_05 .item_02 .text{bottom:-.35rem;left:.03rem;}
.page_05 .item_03{top:.79rem;right:.89rem;width:4.16rem;height:3.71rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201202.png) no-repeat;background-size:100% 100%;z-index: 3;}
.page_05 .item_04{top:6.88rem;left:2.15rem;width:1.99rem;height:.39rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201205.png) no-repeat;background-size:100% 100%;z-index: 3;}
.page_05 .item_04 .text{bottom:-.35rem;left:0;}
.page_05 .item_05{top:7.87rem;left:1.18rem;width:4.36rem;height:2.63rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201206.png) no-repeat;background-size:100% 100%;z-index: 3;}
.page_05 .item_06{top:3.21rem;right:0;width:1.06rem;height:3.47rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201203.png) no-repeat;background-size:100% 100%;z-index: 3;}

.page_06 .item_01{top:8.43rem;left:1.95rem;width:2.27rem;height:.93rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201305.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_06 .item_02{top:.99rem;left:.64rem;width:1.88rem;height:1.88rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201301.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_06 .item_03{top:1.77rem;left:2.77rem;width:1.5rem;height:.29rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201302.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_06 .item_03 .text{bottom:-.27rem;left:0;}
.page_06 .item_04{top:3.47rem;left:1.99rem;width:1.88rem;height:1.88rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201304.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_06 .item_05{top:4.78rem;left:4.45rem;width:1.87rem;height:.29rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201310_1.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_06 .item_05 .text{top:-.27rem;left:0;}
.page_06 .item_06{top:6.15rem;left:.8rem;width:1.88rem;height:1.88rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201311.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_06 .item_07{top:6.93rem;left:3.69rem;width:1.5rem;height:.29rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201312.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_06 .item_07 .text{bottom:-.27rem;left:0;}

.page_07 .item_01{top:1.99rem;right:.93rem;width:2.27rem;height:.93rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201402.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_07 .item_02{top:2.95rem;right:.15rem;width:3.2rem;height:2.66rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201404.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_07 .item_03{top:3.61rem;right:2.5rem;width:1.67rem;height:.28rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201405.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_07 .item_04{top:6.1rem;right:2rem;width:2.31rem;height:2.09rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201409.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_07 .item_05{top:5.8rem;left:.4rem;width:1.8rem;height:.29rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201406.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_07 .item_06{top:7.99rem;left:.88rem;width:.96rem;height:.8rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201407.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_07 .item_06 .text{top:.65rem;left:-.25rem;transform: rotate(35deg);-webkit-transform: rotate(35deg)}
.page_07 .text{top:-.26rem;right:0;}

.page_08 .item_01{top:5.08rem;right:2.01rem;width:2.27rem;height:.93rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201510.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_08 .item_02{top:.34rem;left:1.36rem;width:2.29rem;height:2rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201501.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_08 .item_03{top:1.58rem;right:.18rem;width:2.09rem;height:.3rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201502.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_08 .item_04{top:2.71rem;left:.38rem;width:2.29rem;height:2rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201503.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_08 .item_05{top:3.67rem;left:3.57rem;width:2.52rem;height:.3rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201504.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_08 .item_06{top:6.09rem;left:.38rem;width:2.29rem;height:2rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201505.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_08 .item_07{top:7.23rem;left:3.07rem;width:1.92rem;height:.3rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201506.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_08 .item_07 .text{top:.38rem;}
.page_08 .item_08{top:8.41rem;left:.38rem;width:2.29rem;height:2rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201507.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_08 .item_09{top:9.52rem;left:3.1rem;width:2.09rem;height:.3rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201508.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_08 .item_10{top:9.92rem;left:3.1rem;width:1.92rem;height:.3rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201509.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_08 .text{left:.03rem;top:-.26rem;}

.page_09 .item_01{top:-.4rem;left:1.68rem;width:2.04rem;height:1.87rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201601.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_09 .item_02{top:1.72rem;left:0;width:100%;height:.3rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201602.png) no-repeat center top;background-size:2.52rem .3rem;z-index: 2;}
.page_09 .item_03{top:2.52rem;left:0;width:100%;height:.3rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201603.png) no-repeat center top;background-size:2.52rem .3rem;z-index: 2;}
.page_09 .item_04{top:4.76rem;left:.34rem;width:5.69rem;height:5.62rem;background:url(https://png.pookcdn.net/net/anniversary/eight/201606.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_09 .item_05{top:3.16rem;left:.93rem;}
.page_09 .item_05 li{padding-left:.24rem;font-size:.18rem;line-height:.3rem;color:#865f3a;text-align:left;background:url(https://png.pookcdn.net/net/anniversary/eight/201605.png) no-repeat left .06rem;background-size: .16rem .15rem;box-sizing: border-box;}
.page_09 .text{bottom:-.29rem;left:0;width:100%;text-align:center;}

.page_10 .item_01{top:1.02rem;left:1.76rem;z-index: 2;}
.page_10 .item_01 .text{line-height:.3rem;}
.page_10 .item_02{top:2.58rem;left:1.14rem;width:3.82rem;height:1.24rem;background:url(https://png.pookcdn.net/net/anniversary/eight/last_page_01.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_10 .item_03{top:3.89rem;left:0;width:6.4rem;height:3.95rem;background:url(https://png.pookcdn.net/net/anniversary/eight/last_page_02.png) no-repeat;background-size:100% 100%;z-index: 2;}
.page_10 .btn_play{position:absolute;top:7.79rem;left:2.16rem;width:2.16rem;height:.84rem;background:url(https://png.pookcdn.net/net/anniversary/eight/button.png) no-repeat;background-size:100% 100%;z-index: 2;}