@font-face{font-family:MIUI;src:url(../font/Crasng.ttf)}body,button,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,input,li,ol,p,select,textarea,ul{margin:0;padding:0;list-style:none;font-family:FZLTHK--GBK1-0,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:400;font-size:.4rem}body,html{width:100%;height:100%;position:fixed;left:0;right:0;bottom:0;top:0}body{background:#0b0e2a}body,html{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%}a,button,img,input{vertical-align:top;text-decoration:none}img{width:100%;height:100%}.date,.number{font-family:MIUI,FZLTHK--GBK1-0,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif}.ablePres{border:none;outline:0;background:0 0}.util-toast-wrapper .util-toast{font-size:.4rem}.swiper-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.swiper-slide{overflow:hidden}@-webkit-keyframes typing{0%{opacity:1}50%{opacity:1}51%{opacity:0}100%{opacity:0}}@keyframes typing{0%{opacity:1}50%{opacity:1}51%{opacity:0}100%{opacity:0}}.typing-cursor::after{content:'';display:inline-block;height:.8em;width:2px;border-right:5px solid #ddd;-webkit-animation:typing .9s linear infinite;animation:typing .9s linear infinite}.swiper-slide::after{content:'';position:absolute;width:.46rem;height:.37rem;bottom:.37rem;left:5.17rem;background:url(../images/arrow.png) no-repeat 0 0;background-size:100% 100%}.date{position:absolute;width:2.84rem;height:.7rem;line-height:.7rem;font-size:.5rem;color:#f8d5c6;text-align:center}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#bgm{width:1rem;height:1rem;background:url(../images/music.png) no-repeat 0 0;background-size:100% 100%;position:fixed;top:.6rem;right:.6rem;z-index:1;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}#bgm.stop{-webkit-animation:none;animation:none}#loading{position:fixed;top:0;left:0;bottom:0;right:0;z-index:1000;background:#0a0f25;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#loading .circle{position:relative;width:3rem;height:3rem;background:url(../images/loading1.png) no-repeat .58rem center;background-size:2.26rem 2.05rem;font-size:.3rem;line-height:3rem;text-align:center;color:#ffdfca}#loading .astronaut{position:absolute;left:1.5rem;top:1.5rem;width:1.5rem;height:1.5rem;background:url(../images/loading2.png) no-repeat right bottom;background-size:1rem 1.14rem;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-animation:spin 8s linear infinite;animation:spin 8s linear infinite}#modal{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:1000;background:rgba(0,0,0,.65) url(../images/modal.png) no-repeat 3rem top;background-size:7rem auto}#modal.in{display:block}#page1{background:url(../images/one_back.jpg) no-repeat center center;background-size:cover;position:relative}#page1::after{background:0 0}#page1 .slide-content{position:absolute;width:7.54rem;height:11.71rem;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background:url(../images/one_content.png) no-repeat 0 0;background-size:100% 100%}#page1 .slide-content .start-btn{position:absolute;width:4.05rem;height:1.18rem;left:1.75rem;bottom:.98rem}#page2{background:url(../images/two_back.jpg) no-repeat center center;background-size:cover;position:relative}#page2 .slide-content{position:absolute;width:8.5rem;min-height:8.43rem;padding:1.12rem .8rem 4.8rem 2rem;left:1rem;top:5.2rem;background:url(../images/two_content.png) no-repeat 0 0;background-size:100% 100%}#page2 .slide-content .content-text{padding-left:.44rem}#page2 .slide-content .content-text span{color:#e06f44;font-size:.32rem;line-height:.5rem}#page2 .slide-content .content-text .number{color:#ffc4ae;font-size:.5rem;padding-right:.1rem}#page2 .slide-content .content-text .number.pad-left{padding-left:.1rem}#page2 .slide-content .slogan{text-align:center;margin-top:.32rem;height:.36rem;font-size:.28rem;line-height:.36rem;color:#ffd2bf}#page2 .slide-content .slogan span{font-size:.28rem}#page3{background:url(../images/three_back.jpg) no-repeat center center;background-size:cover;position:relative}#page3 .slide-content{position:absolute;width:6.72rem;min-height:6.92rem;padding:1.43rem .7rem 2.34rem 1rem;left:.68rem;top:.83rem;background:url(../images/three_content.png) no-repeat 0 0;background-size:100% 100%}#page3 .slide-content .date{left:.1rem;bottom:.35rem}#page3 .slide-content .content-text{text-align:center}#page3 .slide-content .content-text span{display:inline-block;color:#ffc4ae;font-size:.32rem;line-height:.5rem}#page3 .slide-content .content-text .title{font-size:.9rem;line-height:.9rem;padding-bottom:.43rem}#page3 .slide-content .content-text .title-small{font-size:.4rem;padding-left:.1rem}#page3 .slide-content .content-text .footer{font-size:.29rem;padding-top:.77rem}#page4{background:url(../images/four_back.jpg) no-repeat center center;background-size:cover;position:relative}#page4 .slide-content{position:absolute;width:7.4rem;min-height:7.16rem;padding:.82rem .8rem 3.38rem 1.08rem;left:.8rem;top:.88rem;background:url(../images/four_content.png) no-repeat 0 0;background-size:100% 100%}#page4 .slide-content .date{font-size:.44rem;left:.1rem;bottom:2.3rem}#page4 .slide-content .content-text{text-align:center}#page4 .slide-content .content-text span{display:inline-block;color:#ffc4ae;font-size:.32rem;line-height:.5rem}#page4 .slide-content .content-text .title{font-size:.9rem;line-height:.9rem;padding-bottom:.43rem}#page4 .slide-content .content-text .title-small{font-size:.4rem;padding-left:.1rem}#page4 .slide-content .content-text .footer{font-size:.29rem;padding-top:.58rem}#page5{background:url(../images/five_back.jpg) no-repeat center center;background-size:cover;position:relative}#page5 .slide-content{position:absolute;width:6.83rem;min-height:4.46rem;padding:.68rem 1rem 1.5rem 1.25rem;left:1.62rem;top:4.76rem;background:url(../images/five_content.png) no-repeat 0 0;background-size:100% 100%}#page5 .slide-content .date{left:.1rem;bottom:.4rem}#page5 .slide-content .content-text{text-align:center}#page5 .slide-content .content-text span{display:inline-block;color:#ffe7d9;font-size:.38rem;line-height:.68rem}#page5 .slide-content .content-text .title{font-size:.9rem;line-height:.9rem;padding-bottom:.43rem}#page5 .slide-content .content-text .title-small{font-size:.4rem;padding-left:.1rem}#page5 .slide-content .content-text .footer{font-size:.29rem;padding-top:.38rem}#page6{background:url(../images/six_back.jpg) no-repeat center center;background-size:cover;position:relative}#page6 .slide-content{position:absolute;width:7.17rem;min-height:4.56rem;padding:.66rem 1.35rem 1.52rem .32rem;left:1.57rem;top:1.68rem;background:url(../images/six_content.png) no-repeat 0 0;background-size:100% 100%;color:#f8d5c6}#page6 .slide-content .content-title{font-size:.55rem}#page6 .slide-content .content-text{text-align:center;padding-top:.36rem}#page6 .slide-content .content-text span{display:inline-block;font-size:.4rem;line-height:.5rem}#page6 .slide-content .content-text .padding-bottom{padding-bottom:.36rem}#page6 .slide-content .content-text .footer{font-size:.34rem;line-height:.4rem;padding:0}#page6 .slide-content .date{position:absolute;bottom:.4rem;left:1.5rem;width:2.84rem;height:.7rem;line-height:.7rem;font-size:.5rem;text-align:center}#page7{background:url(../images/seven_back.jpg) no-repeat center center;background-size:cover;position:relative}#page7 .slide-content{position:absolute;width:6.8rem;min-height:3.85rem;padding:.46rem .38rem 1.26rem .52rem;left:1.7rem;bottom:3.42rem;background:url(../images/seven_content.png) no-repeat 0 0;background-size:100% 100%}#page7 .slide-content .content-text{text-align:center}#page7 .slide-content .content-text span{display:inline-block;color:#ffd4c4;font-size:.3rem;line-height:.5rem}#page7 .slide-content .content-text .title{font-size:.4rem}#page7 .slide-content .content-text .title-big{font-size:.45rem;padding:.1rem 0 .34rem}#page7 .slide-content .content-text .slogan{font-size:.29rem;padding-top:.18rem}#page7 .slide-content .date{bottom:.4rem;right:.2rem}#page7 .barrageBox{position:absolute;bottom:.88rem;left:0;height:2.52rem;width:100%}#page7 .barrageBox .barrageItem{position:absolute;height:.56rem;right:-1rem;width:1rem;line-height:.5rem;font-size:.3rem;-webkit-transition:all linear;transition:all linear}#page7 .barrageBox .barrageItem p{position:absolute;font-size:.3rem;color:rgba(255,127,27,.57);padding:.1rem .2rem 0;height:.56rem;line-height:.46rem;white-space:nowrap;background:url(../images/seven_icon_bg.png) no-repeat 0 0;background-size:100% 100%}#page7 .barrageBox .barrageItem.shot{right:16rem}#page8{background:url(../images/eight_back.jpg) no-repeat center center;background-size:cover;position:relative}#page8 .slide-content{position:absolute;width:5.86rem;height:7.3rem;padding:1.24rem .78rem 1.16rem 1.4rem;left:3.2rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(../images/eight_content.png) no-repeat 0 0;background-size:100% 100%}#page8 .slide-content .date{right:.7rem;top:0}#page8 .slide-content .content-day{position:absolute;width:2.76rem;height:.9rem;line-height:.45rem;font-size:.32rem;right:.18rem;top:2.8rem;color:#ffd2bf}#page8 .slide-content .content-good{position:absolute;width:2.76rem;height:1.4rem;line-height:.45rem;font-size:.32rem;right:.18rem;top:4.32rem;color:#ffd2bf}#page8 .slide-content .content-good .kill{font-size:.42rem}#page8 .slide-content .content-use{position:absolute;width:2.76rem;height:.78rem;line-height:.39rem;font-size:.32rem;right:.18rem;top:6.2rem;color:#ffd2bf}#page9{background:url(../images/nine_back.jpg) no-repeat center center;background-size:cover;position:relative}#page9 .slide-content{position:absolute;width:8.22rem;min-height:4.1rem;padding:.61rem .99rem 1.62rem 1.44rem;left:.68rem;bottom:2.11rem;background:url(../images/nine_content.png) no-repeat 0 0;background-size:100% 100%}#page9 .slide-content .content-text span{display:inline-block;color:#ffd4c4;font-size:.38rem;line-height:.5rem}#page9 .slide-content .content-text .title{font-size:.48rem;line-height:.6rem;padding-bottom:.3rem}#page9 .slide-content .content-text .slogan{font-size:.33rem;padding-top:.1rem}#page10{background:url(../images/ten_back.jpg) no-repeat center center;background-size:cover;position:relative}#page10 .slide-content{position:absolute;width:6.9rem;min-height:5.45rem;padding:1.72rem .38rem 1.05rem;right:1.5rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:url(../images/ten_content.png) no-repeat 0 0;background-size:100% 100%}#page10 .slide-content .date{right:.45rem;top:.05rem}#page10 .slide-content .content-text{text-align:center}#page10 .slide-content .content-text span{display:inline-block;color:#ffe8d6;font-size:.38rem;line-height:.5rem}#page10 .slide-content .content-text .title{font-size:.48rem;line-height:.6rem}#page10 .slide-content .content-text .title.pad-bottom{padding-bottom:.4rem}#page10 .slide-content .content-text .footer{padding-top:.25rem;font-size:.28rem}#page10 .slide-content .content-slogan{position:absolute;left:0;bottom:.24rem;width:100%;height:.36rem;line-height:.36rem;font-size:.28rem;color:#ffe8d6;text-align:center;white-space:nowrap}#page11{background:url(../images/eleven_back.jpg) no-repeat center center;background-size:cover;position:relative}#page11 .slide-content{position:absolute;width:7.84rem;min-height:4.1rem;padding:.4rem 1.66rem 1.38rem 1rem;left:1rem;top:1.62rem;background:url(../images/eleven_content.png) no-repeat 0 0;background-size:100% 100%}#page11 .slide-content .content-text span{display:inline-block;color:#ffd4c4;font-size:.28rem;line-height:.5rem}#page11 .slide-content .content-text .title{font-size:.46rem;line-height:.6rem}#page11 .slide-content .content-text .slogan{font-size:.33rem;padding-top:.1rem}#page11 .slide-content .date{left:0;bottom:.25rem}#page12{background:url(../images/twelve_back.jpg) no-repeat center center;background-size:cover;position:relative}#page12 .slide-content{position:absolute;width:6rem;height:11rem;padding:6rem .96rem .2rem 1.4rem;left:.66rem;top:2rem;background:url(../images/twelve_content.png) no-repeat 0 0;background-size:100% 100%}#page12 .slide-content .content-rank{position:absolute;top:1.8rem;left:0;width:100%;text-align:center;font-size:.9rem;color:#fff4ed}#page12 .slide-content .content-slogan{position:absolute;top:4.35rem;left:0;color:#ffdfca;font-size:.3rem;line-height:.9rem;width:100%;text-align:center}#page12 .slide-content .content-text{color:#ffdfca;font-size:.36rem;line-height:.6rem}#page12 .slide-content .content-coupon{position:absolute;left:1rem;top:9.7rem;color:#ffdfca;font-size:.3rem;line-height:.5rem}#page13{background:url(../images/thirteen_back.jpg) no-repeat center center;background-size:cover;position:relative}#page13 .slide-content{position:absolute;width:7.4rem;height:4.6rem;padding:.6rem;left:1.49rem;top:1.35rem;background:url(../images/thirteen_content.png) no-repeat 0 0;background-size:100% 100%}#page13 .slide-content .content-text span{display:inline-block;color:#ffe9da;font-size:.34rem;line-height:.5rem}#page13 .slide-content .content-text .title{font-size:.55rem;line-height:1rem}#page13 .slide-content .content-text .padding-bot{padding-bottom:.2rem}#page14{background:url(../images/fourteen_back.jpg) no-repeat center center;background-size:cover;position:relative}#page14::after{background:0 0}#page14 .slide-content{padding-top:2.2rem}#page14 .slide-content .content-text{text-align:center}#page14 .slide-content .content-text span{display:inline-block;color:#ffd1b3;line-height:.82rem;letter-spacing:.1rem}#page14 .slide-content .content-text .xsm{font-size:.36rem}#page14 .slide-content .content-text .sm{font-size:.4rem}#page14 .slide-content .content-text .md{font-size:.42rem}#page14 .slide-content .content-text .lg{font-size:.7rem;padding:.3rem 0}#page14 .slide-content .content-text .number{letter-spacing:0}#page14 .btnBox{position:absolute;opacity:0;width:8.52rem;height:.75rem;bottom:1.23rem;left:1.13rem;-webkit-transition:opacity 1s linear;transition:opacity 1s linear}#page14 .btnBox .toCanvas,#page14 .btnBox .toShare{float:left;width:3.5rem;height:.75rem;background:url(../images/fifteen_btn.png) no-repeat 0 0;background-size:100% 100%;color:#eed8cd;text-align:center;line-height:.75rem;font-size:.32rem}#page14 .btnBox .toShare{float:right}#page14 .btnBox.in{opacity:1}#page15{background:url(../images/fifteen_back.jpg) no-repeat center center;background-size:cover;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#page15::after{background:0 0}#page15 .slide-content{width:8.52rem;position:relative}#page15 .slide-content .save-image{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;z-index:1}#page15 .slide-content .canvasBox{width:8.52rem;height:12.36rem;margin-bottom:.72rem}#page15 .slide-content .btnBox{width:8.52rem;height:.75rem;-webkit-transition:opacity 1s linear;transition:opacity 1s linear;position:relative}#page15 .slide-content .btnBox .saveImg,#page15 .slide-content .btnBox .toHref{float:left;width:3.5rem;height:.75rem;background:url(../images/fifteen_btn.png) no-repeat 0 0;background-size:100% 100%;color:#eed8cd;text-align:center;line-height:.75rem;font-size:.32rem}#page15 .slide-content .btnBox .saveImg.app{position:absolute;left:0;top:0;z-index:10}#page15 .slide-content .btnBox .toHref{position:absolute;right:0;top:0;z-index:10}