body,html,main,section{width:100%;height:100%;overflow:hidden}body{position:relative;font-family:"Microsoft YaHei",Helvetica,"Heiti SC";background:url(../images/bg.png?v=81e0d6) center center no-repeat;background-size:8.7rem 12.8rem}.main{position:relative;width:6.44rem;height:11.7rem;margin:3.126% auto 0}section{position:absolute;top:0;left:0;opacity:0;z-index:1;-webkit-transition:all .5s;transition:all .5s}section>.content{position:relative;width:6.44rem;height:11.7rem;margin:3.126% auto 0}section.active{opacity:1;z-index:2}.logo{position:absolute;top:.3rem;left:.3rem;width:2.66rem;height:.54rem;background:url(../images/logo.png?v=81e0d6) center center no-repeat;background-size:100% 100%;z-index:998}#music{position:absolute;top:.3rem;right:.3rem;width:.65rem;height:.65rem;background:url(../images/icon-music.png?v=81e0d6) center center no-repeat;background-size:.65rem .65rem;z-index:998;-webkit-animation:none;animation:none}#music.playing{-webkit-animation:rotate 3s infinite linear;animation:rotate 3s infinite linear}.loading{position:relative;width:100%;height:100%;background-color:#a72c1b}.loading .loading-box{position:absolute;top:45%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.loading .loading-box .loading-gif{width:3rem;height:3rem;background:url(../images/loading.gif?v=81e0d6) center center no-repeat;background-size:100% 100%}.loading .loading-box .progress-bar{position:relative;margin-top:.6rem;width:5rem;height:.15rem;border:1px solid #fff;border-radius:.15rem;overflow:hidden}.loading .loading-box .progress-bar .progress{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.15rem;background-color:#fff}.door-box{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.door-box .door{position:absolute;top:.4rem;width:5.58rem;height:9.44rem;background:url(../images/door.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.door-box .door.door-left{left:-1.5rem}.door-box .door.door-right{right:-1.5rem;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.door-box .door-light{position:absolute;right:-.2rem;top:0;width:7.79rem;height:3.78rem;background:url(../images/door-light.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.cloud-box{position:absolute;bottom:3.3rem;left:0;width:100%;height:2.15rem}.cloud-box .cloud-left{position:absolute;bottom:0;left:0;width:2.26rem;height:.77rem;background:url(../images/cloud-left.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.cloud-box .cloud-right{position:absolute;top:0;right:0;width:2.02rem;height:.64rem;background:url(../images/cloud-right.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.lace-box{position:absolute;bottom:3.35rem;left:0;width:100%;height:.52rem}.lace-box .lace{position:absolute;top:0;width:2.92rem;height:.52rem;background:url(../images/lace.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.lace-box .lace.lace-left{left:-.6rem}.lace-box .lace.lace-right{right:-.6rem;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.p1 .door-before{position:absolute;top:.9rem;width:4.43rem;height:8.37rem;background:url(../images/door-before.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p1 .door-before.door-before-left{left:-1.5rem}.p1 .door-before.door-before-right{right:-1.5rem;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.p1 .door-box .door-left{left:-3.5rem}.p1 .door-box .door-right{right:-3.5rem}.p1 .title{position:absolute;top:1.3rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:8.7rem;height:5.59rem;background:url(../images/p1-title.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p1 .mammon{position:absolute;top:4.8rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:3.28rem;height:4.78rem;background:url(../images/p1-mammon.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p1 .mammon .star{position:absolute;background:url(../images/p1-mammon-star.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p1 .mammon .star1{top:.92rem;left:-.8rem;width:.45rem;height:.56rem;-webkit-animation:scale 3s infinite linear;animation:scale 3s infinite linear}.p1 .mammon .star2{top:2.57rem;left:-.6rem;width:.38rem;height:.48rem;-webkit-animation:scale 3s infinite .5s linear;animation:scale 3s infinite .5s linear}.p1 .mammon .star3{top:.6rem;left:.2rem;width:.26rem;height:.32rem;-webkit-animation:scale 3s infinite 1s linear;animation:scale 3s infinite 1s linear}.p1 .mammon .star4{top:.1rem;right:-.25rem;width:.55rem;height:.69rem;-webkit-animation:scale 3s infinite 1.5s linear;animation:scale 3s infinite 1.5s linear}.p1 .mammon .star5{top:2.1rem;right:-.4rem;width:.46rem;height:.57rem;-webkit-animation:scale 3s infinite 2s linear;animation:scale 3s infinite 2s linear}.p1 .btn{position:absolute;bottom:1.73rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2.63rem;height:.67rem;background:url(../images/p1-btn.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p1 .tips{position:absolute;bottom:.85rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:1.73rem;height:.48rem;background:url(../images/p1-tips.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p2 .bg-box{position:absolute;top:1.62rem;width:100%;height:6.74rem;background-color:#bc3e2e;border-radius:.1rem}.p2 .firecrackers{position:absolute;bottom:3rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:1.14rem;height:1.12rem;background:url(../images/p2-firecrackers.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p2 .door-box .door-left{left:-4.7em}.p2 .door-box .door-right{right:-4.7em}.p2 .camera-box{position:absolute;bottom:2.03rem;left:0;width:100%;height:1.1rem}.p2 .camera-box .camera{position:absolute;top:0;width:1.41rem;height:1.1rem}.p2 .camera-box .camera.camera1{left:.88rem;background:url(../images/p2-camera1.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p2 .camera-box .camera.camera2{right:.88rem;background:url(../images/p2-camera2.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p2 .cameraInput{position:fixed;left:-100%;top:-100%;width:0;height:0;opacity:0}.p2 .btn{position:absolute;bottom:.9rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2.63rem;height:.67rem;background:url(../images/p2-btn.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p2 .tips{position:absolute;top:6.46rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2.18rem;height:.43rem;background:url(../images/p2-tips.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p2 .photo-box{position:absolute;top:2rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4.07rem;height:4.07rem;background-color:#a52822;background:url(../images/p2-photo-box.png?v=81e0d6) center center no-repeat;background-size:100% 100%;border:.03rem solid #eeb763;border-radius:.2rem;overflow:hidden}.p2 .photo-box *{position:absolute;top:0;left:0;width:100%!important;height:100%!important;display:block;-o-object-fit:cover;object-fit:cover}.p3 .door-box .door-left{left:-4rem}.p3 .door-box .door-right{right:-4rem}.p3 .p3-swiper{position:absolute;bottom:3.35rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4.5rem;height:6.7rem;z-index:auto}.p3 .p3-swiper .template-box{width:4.5rem;height:6.7rem}.p3 .p3-swiper .template-box img{position:absolute;top:0;left:0;display:block}.p3 .p3-swiper .template-box .template{width:100%;height:100%;z-index:2}.p3 .swiper-pagination{position:absolute;bottom:2.5rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:.65rem}.p3 .swiper-pagination .swiper-dot{position:relative;display:inline-block;width:.81rem;height:.65rem;opacity:1;border-radius:0}.p3 .swiper-pagination .swiper-dot:focus{outline:0}.p3 .swiper-pagination .swiper-dot+.swiper-dot{margin-left:.4rem}.p3 .swiper-pagination .swiper-dot.swiper-pagination-bullet-active:before{content:'';position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:.82rem;height:.48rem;background:url(../images/p3-swiper-active-bg.png?v=81e0d6) center center no-repeat;background-size:100% 100%;z-index:-1}.p3 .swiper-pagination .swiper-dot.swiper-dot1{background:url(../images/p3-swiper-dot1.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p3 .swiper-pagination .swiper-dot.swiper-dot2{background:url(../images/p3-swiper-dot2.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p3 .swiper-pagination .swiper-dot.swiper-dot3{background:url(../images/p3-swiper-dot3.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p3 .swiper-pagination .swiper-dot.swiper-dot4{background:url(../images/p3-swiper-dot4.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p3 .arrow{position:absolute;bottom:6.21rem;width:.51rem;height:.75rem;z-index:10}.p3 .arrow:focus{outline:0}.p3 .arrow.arrow-left{left:.34rem;background:url(../images/arrow-left.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p3 .arrow.arrow-right{right:.34rem;background:url(../images/arrow-right.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p3 .btn-box{position:absolute;bottom:.8rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:5.65rem;height:.67rem}.p3 .btn-box .btn{width:2.63rem;height:.67rem}.p3 .btn-box .btn.cancel-btn{background:url(../images/p3-cancel-btn.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p3 .btn-box .btn.confirm-btn{background:url(../images/p3-confirm-btn.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p3 .tips{position:absolute;bottom:1.9rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2.2rem;height:.18rem;background:url(../images/p3-tips.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p4{background:url(../images/p4-bg.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p4 .main-animation{position:absolute;bottom:3.05rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:4.9rem;height:7.3rem}.p4 .main-animation *{position:absolute;display:block;top:0;left:0;width:100%!important;height:100%!important}.p4 .frame{position:fixed;top:0;left:0;width:100%;height:100%;background:url(../images/p4-frame.png?v=81e0d6) center center no-repeat;background-size:8.7rem 12.8rem}.p4 .lace-box{bottom:3.2rem;height:.67rem}.p4 .lace-box .lace{width:3.52rem;height:.67rem}.p4 .lace-box .lace-left{left:-1.45rem}.p4 .lace-box .lace-right{right:-1.45rem}.p4 .cloud-box{bottom:2.7rem}.p4 .btn-box{position:absolute;bottom:1.3rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:5.65rem;height:.67rem}.p4 .btn-box .btn{width:2.63rem;height:.67rem}.p4 .btn-box .btn.recur-btn{background:url(../images/p4-recur-btn.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p4 .btn-box .btn.share-btn{background:url(../images/p4-share-btn.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p4 .tips{position:absolute;bottom:.7rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:2.5rem;height:.22rem;background:url(../images/p4-tips.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.p4 .user-btn{position:absolute;bottom:1.3rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:3.13rem;height:.67rem;background:url(../images/p4-user-btn.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.mask{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;z-index:9999;background:rgba(0,0,0,.7);-webkit-transition:all .5s;transition:all .5s}.mask .icon-share{position:absolute;top:0;right:0;width:3.75rem;height:3.72rem;background:url(../images/icon-share.png?v=81e0d6) center center no-repeat;background-size:100% 100%}.mask.active{opacity:1;visibility:visible}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.2);transform:scale(.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.2);transform:scale(.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}