@charset "utf-8";.cl:after{display:block;clear:both;height:0;content:"\200B"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent}img{max-width:100%;vertical-align:top;border:0}@font-face{font-family:'ph-m';src:url(../fonts/Alibaba-PuHuiTi-Medium.ttf)}@font-face{font-family:'ph-h';src:url(../fonts/Alibaba-PuHuiTi-Heavy.ttf)}@font-face{font-family:'ph-r';src:url(../fonts/Alibaba-PuHuiTi-Regular.ttf)}@font-face{font-family:'ph-b';src:url(../fonts/Alibaba-PuHuiTi-Bold.ttf)}.ph-m{font-family:'ph-m'}.ph-h{font-family:'ph-h'}.ph-r{font-family:'ph-r'}.ph-b{font-family:'ph-b'}.fz27{font-size:27px}.fz30{font-size:30px}.fz38{font-size:38px}.fz42{font-size:42px}body{position:absolute;margin:0;padding:0;width:100%;height:100%;overflow:hidden;font:16px 'Noto Sans SC',Microsoft YaHei,'\5B8B\4F53',Arial,HELVETICA;font-weight:400;color:#333;background:#fdd6cf;-webkit-text-size-adjust:100% !important;text-size-adjust:100% !important;-moz-text-size-adjust:100% !important}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,textarea,blockquote,p{padding:0;margin:0}ol,ul,li{list-style:none}input,button{font-family:'Microsoft YaHei'}h1,h2,h3,h4,h5,h6{font-weight:normal}a{text-decoration:none}:focus{outline-style:none}.red{color:#7a0003}.swiper-slide{overflow:auto;max-width:750px;height:1334px}.swiper-slide .scroll{height:1334px}.swiper-slide img{position:absolute}.swiper-slide img.bg{position:static;width:750px;height:1333px}.loading{position:absolute;z-index:9999;top:50%;left:50%;width:750px;height:100%;background:#fdd6cf url(../img/bg.jpg) no-repeat center top / 100% auto;text-align:center;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.loading .img1{position:absolute;bottom:0;left:0;width:750px}.loading>div{position:absolute;top:50%;left:50%;width:294px;height:54px;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.loading .percentage{position:absolute;top:0;left:0;width:100%;height:100%;padding:8px;-webkit-border-radius:30px;border-radius:30px;border:2px solid #fff;box-sizing:border-box;box-shadow:0 0 5px #fff5e8}.loading .percentage .logo{position:absolute;top:-156px;left:96px;width:103px}.loading .percentage #percentage{width:0;height:100%;background:#fff;-webkit-border-radius:30px;border-radius:30px;text-shadow:0 0 5px #fff5e8}.loading .percentage #per{position:absolute;bottom:0;right:10px;line-height:54px;font-size:32px;color:#fff;text-shadow:0 0 5px #fff5e8}#content{overflow:hidden;width:750px;height:100%;margin:0 auto}.arrow{position:absolute;bottom:27px;left:351 / 750px * 100%;width:64 / 750px * 100%;z-index:997;-webkit-animation:arrowing 1.5s .5s infinite;animation:arrowing 1.5s .5s infinite}@-webkit-keyframes arrowing{0%{opacity:0;-webkit-transform:translate(0, 10px)}60%{opacity:1;-webkit-transform:translate(0, -10px)}100%{opacity:0;-webkit-transform:translate(0, 0)}}@keyframes arrowing{0%{opacity:0;transform:translate(0, 10px)}60%{opacity:1;transform:translate(0, -10px)}100%{opacity:0;transform:translate(0, 0)}}.page1{background:#fdd6cf url(../img/bg.jpg) no-repeat center top / 100% auto}.page1 .img1{top:196px;left:54px;width:664px}.page1 .img2{bottom:0;left:0;width:750px}.page1 .text1{top:366px;left:196px;width:364px}.page1 .text2{top:506px;left:224px;width:298px}.page1 .btn-box{position:absolute;width:100%;height:100%}.page1 .btn{bottom:198px;left:224px;width:301px}.page1 .logo1{bottom:110px;left:244px;width:269px}.page1 .logo2{bottom:0;left:0px;width:750px}.page1 .slogan{top:25px;left:23px;width:355px}.page2{background:#fdd6cf url(../img/bg.jpg) no-repeat center top / 100% auto}.page2 .text1{top:68px;left:52px;width:664px}.page2 .text2{top:250px;left:155px;width:436px}.page2 .img1{bottom:0;left:0}.page2 .box{position:absolute;top:370px;left:69px;width:630px;padding:0 0 92px;background:rgba(255,255,255,0.6);border-radius:26px;box-sizing:border-box;border:2px solid #fff;box-shadow:0 0 10px rgba(255,255,255,0.8)}.page2 .box .title{position:absolute;top:-30px;left:87px;width:456px}.page2 .box .num{margin-top:56px;line-height:1;text-align:center;font-size:24px;color:#fff}.page2 .box .tit{width:456px;margin:46px auto 0;font-size:32px;line-height:52px;text-align:justify;color:#fff}.page2 .box .list{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:column;align-items:center;padding:65px 20px 0}.page2 .box .list li{min-width:280px;padding:0 20px;line-height:58px;margin-bottom:42px;text-align:center;font-size:30px;color:#fff;border-radius:30px;background:#ff9da0}.page2 .box .list li.right{background:#90d475;-webkit-animation:fade-in-out3 1s ease-in-out 0s infinite both;animation:fade-in-out3 1s ease-in-out 0s infinite both}.page2 .box .list li.wrong{background:#f00;-webkit-animation:fade-in-out3 1s ease-in-out 0s infinite both;animation:fade-in-out3 1s ease-in-out 0s infinite both}.page2 .box .source{padding:10px 0 0;width:100%;line-height:1;font-size:16px;text-align:center;color:#777}.page2 .box .times{position:absolute;bottom:-36px;left:282px;width:72px;height:72px;line-height:72px;text-align:center;font-size:32px;color:#fff;background:url(../img/p2/times.png) no-repeat center center / cover}.page2 .player-btn{top:auto;bottom:20px;right:20px}.page3{background:#fdd6cf url(../img/bg.jpg) no-repeat center top / 100% auto}.page3.suc .result-fail{display:none}.page3.suc .main{height:906px}.page3.fail .result-suc{display:none}.page3.fail .main{height:790px}.page3 .text1{top:28px;left:90px;width:560px}.page3 .text2{top:180px;left:188px;width:364px}.page3 .link{bottom:36px;left:275px;width:198px}.page3 .img1{bottom:0;left:0;width:750px}.page3 .main{position:absolute;top:240px;left:62px;width:626px;line-height:1;border-radius:20px;text-align:center;color:#6d0003;background:#fff}.page3 .main .tit{margin-top:34px;font-size:34px;font-weight:700}.page3 .main .fraction{overflow:hidden;width:305px;margin:5px auto 0;height:150px;line-height:150px;font-size:124px;font-weight:700;color:#db0c17}.page3 .main .appellation{margin-top:18px;font-size:30px}.page3 .main .appellation strong{color:#db0c17}.page3 .main .text{margin-top:60px;padding-bottom:30px;line-height:48px;font-size:20px}.page3 .main .result-suc .text{margin-top:44px;padding-bottom:50px;line-height:36px}.page3 .main .btn{display:block;width:492px;margin:30px auto 0;height:66px;line-height:66px;color:#fff;border:none}.page3 .main .btn-restart{width:276px;height:84px;background:url(../img/p3/btn-restart.png) no-repeat center center / cover}.page3 .main .btn-draw{background:url(../img/p3/btn-draw.png) no-repeat center center / cover}.page3 .main .btn-share{background:url(../img/p3/btn-share.png) no-repeat center center / cover}.page3 .main .name{padding-bottom:20px;font-size:20px;color:#db0c17}.page3 .main .input{font-size:20px;width:128px;color:#db0c17;background:none;border:none;border-bottom:1px solid #db0c17}.page3 .player-btn{top:auto;bottom:20px;right:20px}.page3 .certificate{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;background:rgba(0,0,0,0.8)}.page3 .certificate #pngHolder{position:absolute;top:50%;left:50%;width:100%;height:1042px;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.page3 .certificate #pngHolder img{position:static}.page4 .scroll{height:auto;background:#fdd7d1 url(../img/p4/bg.png) no-repeat center 15px;background:url(../img/p4/bg.png) no-repeat center 15px,-webkit-linear-gradient(top, #db0a15 0%, #fdd7d1 100%);background:url(../img/p4/bg.png) no-repeat center 15px,linear-gradient(to bottom, #db0a15 0%, #fdd7d1 100%)}.page4 .top{position:relative;width:100%;height:320px;padding:130px 0 0 65px;line-height:78px;font-size:30px;color:#fff;box-sizing:border-box}.page4 .tips{width:710px;padding:36px 40px;margin:0 auto;font-size:21px;background:rgba(255,255,255,0.7);border-radius:30px;color:#7a0003;text-align:justify}.page4 .tips .tit{margin-bottom:30px;font-size:30px;color:#db0b16}.page4 .tips p{line-height:45px}.page4 .tips .other{color:#b88889;font-size:15px}.page4 .back{position:absolute;top:60px;left:22px;width:83px;height:29px}.page4 .list{width:710px;padding:40px 34px;margin:25px auto 0;font-size:21px;color:#4a050a;background:rgba(255,255,255,0.7);border-radius:30px;color:#323333;text-align:justify}.page4 .list .title{font-size:36px;color:#db0b16;padding-bottom:20px;font-family:'ph-b'}.page4 .list .item{position:relative;z-index:9;padding:30px 0 30px 20px}.page4 .list .item .tit{position:relative;display:inline-block;vertical-align:top;padding:0 35px 0 48px;margin-bottom:16px;line-height:47px;color:#4a050a;border-radius:0 23px 23px 0;font-size:32px;background:#fff;font-family:'ph-b'}.page4 .list .item .tit::before{content:'';position:absolute;top:-13px;left:-25px;width:62px;height:59px;background:url(../img/p4/star.png) no-repeat center center / cover}.page4 .list .item dl{display:flex;align-items:flex-start;padding:12px 0;line-height:30px}.page4 .list .item dl dt{font-size:27px;color:#db0b16;font-family:'ph-b'}.page4 .list .item dl dd{flex:1;font-size:20px;color:#4a050a;font-family:'ph-r'}.page4 .ft{padding:40px 0;text-align:center}.page4 .ft img{position:static}.page4 .player-btn{position:fixed;top:auto;bottom:95px;z-index:99}.share-msg{display:none;position:absolute;top:0;left:0;z-index:999;width:100%;height:100%;cursor:pointer;background:#fdd6cf url(../img/bg.jpg) no-repeat center top / 100% auto}.share-msg .img{position:absolute;top:30px;right:33px;width:501px}.share-msg .img1{position:absolute;bottom:0;left:0;width:750px}.share-msg .ecode-box{position:absolute;bottom:130px;left:0;width:100%;text-align:center}.share-msg .ecode-box .ecode{width:178px;height:178px;margin-bottom:20px}.share-msg .ecode-box p{color:#af2c25;font-size:20px;line-height:40px}.player-btn{position:absolute;z-index:2;display:block;bottom:100px;right:10px;width:61px;height:61px;cursor:pointer}.player-btn div{position:absolute;left:0;top:0;background:url(../img/music.png) 0 0 no-repeat;background-size:100% 100%;width:61px;height:61px;-webkit-animation:rotate 1.2s linear infinite;animation:rotate 1.2s linear infinite}.player-btn-stop div{-webkit-animation:indexend 0s;-moz-animation:indexend 0s;-o-animation:indexend 0s;animation:indexend 0s}[data-anim]{opacity:0}.rotate{-webkit-animation:rotate 5s linear 0s infinite both;animation:rotate 5s linear 0s infinite both}@-webkit-keyframes rotate{0%{opacity:1;-webkit-transform:rotate(0)}100%{opacity:1;-webkit-transform:rotate(360deg)}}@keyframes rotate{0%{opacity:1;transform:rotate(0)}100%{opacity:1;transform:rotate(360deg)}}.fade-in{-webkit-animation:fade-in 1s ease-in-out 0s both;animation:fade-in 1s ease-in-out 0s both}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}.bottom-in{-webkit-animation:bottom-in .5s ease-in-out 0s both;animation:bottom-in .5s ease-in-out 0s both}@-webkit-keyframes bottom-in{0%{opacity:0;-webkit-transform:translate(0, 15px)}100%{opacity:1;-webkit-transform:translate(0, 0)}}@keyframes bottom-in{0%{opacity:0;transform:translate(0, 15px)}100%{opacity:1;transform:translate(0, 0)}}.scale-in{-webkit-animation:scale-in 1s ease-in-out 0s both;animation:scale-in 1s ease-in-out 0s both}@-webkit-keyframes scale-in{0%{opacity:0;-webkit-transform:scale(.1)}60%{-webkit-transform:scale(1.2)}80%{-webkit-transform:scale(.9)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes scale-in{0%{opacity:0;transform:scale(.1)}60%{transform:scale(1.2)}80%{transform:scale(.9)}100%{opacity:1;transform:scale(1)}}.fade-in-out{-webkit-animation:fade-in-out 2s ease-in-out 0s infinite both;animation:fade-in-out 2s ease-in-out 0s infinite both}@-webkit-keyframes fade-in-out{0%{opacity:.1}50%{opacity:1}100%{opacity:.1}}@keyframes fade-in-out{0%{opacity:.1}50%{opacity:1}100%{opacity:.1}}.fade-in-out2{-webkit-animation:fade-in-out2 1s ease-in-out 0s infinite both;animation:fade-in-out2 1s ease-in-out 0s infinite both}@-webkit-keyframes fade-in-out2{0%{opacity:1}5%{opacity:.2}10%{opacity:1}15%{opacity:.2}20%{opacity:1}}@keyframes fade-in-out2{0%{opacity:1}5%{opacity:.2}10%{opacity:1}15%{opacity:.2}20%{opacity:1}}.fade-in-out3{-webkit-animation:fade-in-out3 1s ease-in-out 0s infinite both;animation:fade-in-out3 1s ease-in-out 0s infinite both}@-webkit-keyframes fade-in-out3{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}@keyframes fade-in-out3{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}.shake{-webkit-animation:shake 3s 0s infinite;animation:shake 3s 0s infinite;-webkit-transform-origin:bottom;transform-origin:bottom;opacity:1}@-webkit-keyframes shake{0%,65%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}70%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}75%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}80%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}85%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}90%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}95%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes shake{0%,65%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}70%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}75%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}80%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}85%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}90%{-webkit-transform:rotate(6deg);transform:rotate(6deg)}95%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.scale-in-out{-webkit-animation:scale-in-out 1s linear 0s infinite;animation:scale-in-out 1s linear 0s infinite}@-webkit-keyframes scale-in-out{0%{opacity:1;-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.1)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes scale-in-out{0%{opacity:1;transform:scale(1)}50%{transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}.bottom-top{-webkit-animation:bottom-top 2s linear 0s infinite;animation:bottom-top 2s linear 0s infinite}@-webkit-keyframes bottom-top{0%{opacity:1;-webkit-transform:translate(0, 0)}50%{-webkit-transform:translate(0, 80px)}100%{opacity:1;-webkit-transform:translate(0, 0)}}@keyframes bottom-top{0%{opacity:1;transform:translate(0, 0)}50%{transform:translate(0, 80px)}100%{opacity:1;transform:translate(0, 0)}}.bottom-top2{-webkit-animation:bottom-top2 2s linear 0s infinite;animation:bottom-top2 2s linear 0s infinite}@-webkit-keyframes bottom-top2{0%{opacity:1;-webkit-transform:translate(0, 0)}50%{-webkit-transform:translate(0, 30px)}100%{opacity:1;-webkit-transform:translate(0, 0)}}@keyframes bottom-top2{0%{opacity:1;transform:translate(0, 0)}50%{transform:translate(0, 30px)}100%{opacity:1;transform:translate(0, 0)}}.right-left{-webkit-animation:right-left 2s linear 0s infinite;animation:right-left 2s linear 0s infinite}@-webkit-keyframes right-left{0%{opacity:1;-webkit-transform:translate(0, 0)}50%{-webkit-transform:translate(30px, 0)}100%{opacity:1;-webkit-transform:translate(0, 0)}}@keyframes right-left{0%{opacity:1;transform:translate(0, 0)}50%{transform:translate(30px, 0)}100%{opacity:1;transform:translate(0, 0)}}.delaym5{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.delay0{-webkit-animation-delay:0s;animation-delay:0s}.delay2{-webkit-animation-delay:.2s;animation-delay:.2s}.delay3{-webkit-animation-delay:.3s;animation-delay:.3s}.delay4{-webkit-animation-delay:.4s;animation-delay:.4s}.delay5{-webkit-animation-delay:.5s;animation-delay:.5s}.delay6{-webkit-animation-delay:.6s;animation-delay:.6s}.delay7{-webkit-animation-delay:.7s;animation-delay:.7s}.delay8{-webkit-animation-delay:.8s;animation-delay:.8s}.delay9{-webkit-animation-delay:.9s;animation-delay:.9s}.delay10{-webkit-animation-delay:1s;animation-delay:1s}.delay11{-webkit-animation-delay:1.1s;animation-delay:1.1s}.delay12{-webkit-animation-delay:1.2s;animation-delay:1.2s}.delay13{-webkit-animation-delay:1.3s;animation-delay:1.3s}.delay14{-webkit-animation-delay:1.4s;animation-delay:1.4s}.delay15{-webkit-animation-delay:1.5s;animation-delay:1.5s}.delay16{-webkit-animation-delay:1.6s;animation-delay:1.6s}.delay17{-webkit-animation-delay:1.7s;animation-delay:1.7s}.delay18{-webkit-animation-delay:1.8s;animation-delay:1.8s}.delay19{-webkit-animation-delay:1.9s;animation-delay:1.9s}.delay20{-webkit-animation-delay:2s;animation-delay:2s}.delay21{-webkit-animation-delay:2.1s;animation-delay:2.1s}.delay22{-webkit-animation-delay:2.2s;animation-delay:2.2s}.delay23{-webkit-animation-delay:2.3s;animation-delay:2.3s}.delay24{-webkit-animation-delay:2.4s;animation-delay:2.4s}.delay25{-webkit-animation-delay:2.5s;animation-delay:2.5s}.delay26{-webkit-animation-delay:2.6s;animation-delay:2.6s}.delay27{-webkit-animation-delay:2.7s;animation-delay:2.7s}.delay28{-webkit-animation-delay:2.8s;animation-delay:2.8s}.delay29{-webkit-animation-delay:2.9s;animation-delay:2.9s}.delay30{-webkit-animation-delay:3s;animation-delay:3s}.delay35{-webkit-animation-delay:3.5s;animation-delay:3.5s}.delay40{-webkit-animation-delay:4s;animation-delay:4s}.delay45{-webkit-animation-delay:4.5s;animation-delay:4.5s}.delay50{-webkit-animation-delay:5s;animation-delay:5s}.delay55{-webkit-animation-delay:5.5s;animation-delay:5.5s}.delay60{-webkit-animation-delay:6s;animation-delay:6s}.delay65{-webkit-animation-delay:6.5s;animation-delay:6.5s}.delay70{-webkit-animation-delay:7s;animation-delay:7s}.delay75{-webkit-animation-delay:7.5s;animation-delay:7.5s}.delay80{-webkit-animation-delay:8s;animation-delay:8s}.delay85{-webkit-animation-delay:8.5s;animation-delay:8.5s}.delay90{-webkit-animation-delay:9s;animation-delay:9s}.delay95{-webkit-animation-delay:9.5s;animation-delay:9.5s}.delay100{-webkit-animation-delay:10s;animation-delay:10s}.delay105{-webkit-animation-delay:10.5s;animation-delay:10.5s}.delay110{-webkit-animation-delay:11s;animation-delay:11s}.delay115{-webkit-animation-delay:11.5s;animation-delay:11.5s}.delay120{-webkit-animation-delay:12s;animation-delay:12s}.delay125{-webkit-animation-delay:12.5s;animation-delay:12.5s}.delay130{-webkit-animation-delay:13s;animation-delay:13s}.delay135{-webkit-animation-delay:13.5s;animation-delay:13.5s}.delay140{-webkit-animation-delay:14s;animation-delay:14s}.delay145{-webkit-animation-delay:14.5s;animation-delay:14.5s}.delay150{-webkit-animation-delay:15s;animation-delay:15s}.delay155{-webkit-animation-delay:15.5s;animation-delay:15.5s}.delay160{-webkit-animation-delay:16s;animation-delay:16s}.delay165{-webkit-animation-delay:16.5s;animation-delay:16.5s}.delay170{-webkit-animation-delay:17s;animation-delay:17s}.delay175{-webkit-animation-delay:17.5s;animation-delay:17.5s}.delay180{-webkit-animation-delay:18s;animation-delay:18s}.delay185{-webkit-animation-delay:18.5s;animation-delay:18.5s}.delay190{-webkit-animation-delay:19s;animation-delay:19s}.delay195{-webkit-animation-delay:19.5s;animation-delay:19.5s}.delay200{-webkit-animation-delay:20s;animation-delay:20s}.delay205{-webkit-animation-delay:20.5s;animation-delay:20.5s}.delay210{-webkit-animation-delay:21s;animation-delay:21s}.delay215{-webkit-animation-delay:21.5s;animation-delay:21.5s}.delay220{-webkit-animation-delay:22s;animation-delay:22s}.delay225{-webkit-animation-delay:22.5s;animation-delay:22.5s}.delay230{-webkit-animation-delay:23s;animation-delay:23s}.delay235{-webkit-animation-delay:23.5s;animation-delay:23.5s}.delay240{-webkit-animation-delay:24s;animation-delay:24s}.delay245{-webkit-animation-delay:24.5s;animation-delay:24.5s}.delay250{-webkit-animation-delay:25s;animation-delay:25s}.duration5{-webkit-animation-duration:.5s;animation-duration:.5s}.duration20{-webkit-animation-duration:2s;animation-duration:2s}