html,body{margin:0;height:100%;overflow:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font: 16px/1.5em PingFang SC,Helvetica,Microsoft Yahei,Verdana,sans-serif,STXihei,hei;background-color:#e5f2fb}ul,ol,em,p,span,h1,h2,h3{margin:0;padding:0;font-weight:400;list-style:none;font-style:normal}a{text-decoration:none}.show{display:block!important}.hide{display:none!important}#loading{position:fixed;width:100%;height:100vh;left:0;top:0;z-index:30;background:#f24c4c url(../img/logo.png) no-repeat center 95%;background-size:60px auto}.loadicon{position:absolute;width:60px;height:60px;margin-left:-30px;left:50%;top:40%}.loadicon span{display:block;width:60px;height:60px;background:transparent url(../assets/loading.png) no-repeat center 0;background-size:100% auto;animation:rolling 2s infinite linear}@-webkit-keyframes rolling{0%{-webkit-transform:rotateZ(0deg)}to{-webkit-transform:translateX(-360deg)}}@keyframes rolling{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.loadtips{text-align:center;font-size:12px;color:#fff;position:absolute;left:50%;top:50%;width:100px;height:30px;margin-left:-50px}.bgm{position:fixed;left:15px;top:15px;width:30px;height:30px;z-index:25}.bgm-icon{display:inline-block;width:30px;height:30px;background:transparent url(../assets/icon-play.png) 0 bottom no-repeat;background-size:30px;-webkit-tap-highlight-color:transparent;cursor:pointer}.bgm-icon.mute{background-position:0 0}#main{height:100%;overflow:hidden}.mainwrap canvas{width:100%;height:100%;object-fit:cover;vertical-align:top;position:relative;z-index:1}#canvas2{position:absolute;width:100%;height:100%;left:0;top:0;z-index:2;background-color:transparent;pointer-events:none}.spage{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;background:#e52133;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;visibility:hidden;pointer-events:none;transform:translate3d(-100%,0,0);will-change:transform}.spage.active{transform:translateZ(0);visibility:visible;pointer-events:auto}.btn-start{position:absolute;width:80px;height:64px;left:50%;bottom:30px;z-index:1;margin-left:-40px;background:transparent url(../img/bg-btn.png) no-repeat left top;background-size:100%;z-index:20;font-size:20px;font-weight:700;text-align:center;line-height:64px;color:#fff;animation:loopZoom 1s infinite}.cover{z-index:20}.cover .ct,.cover .ct #bgc{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1}.cover .ct #bgc canvas{width:100%;height:100%;vertical-align:top;object-fit:cover}.cover .btn-start{opacity:0}.cover.active .btn-start{opacity:1;transition:opacity 1s .3s}.yinyan{z-index:19}.yinyan .inner{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:-24%;width:100%}.yinyan .inner>img{width:20%;vertical-align:top;margin-bottom:30px}.yinyan .yinyantext{width:80%}.yinyan .yinyantext p{color:#fff;opacity:0;transform:translateY(5px);text-align:center}.yinyan.active .yinyantext p{opacity:1;transform:translateY(0);transition:transform 1s,opacity 1s}.yinyan.active .yinyantext p:nth-child(2){transition-delay:.3s}.yinyan.active .yinyantext p:nth-child(3){transition-delay:.6s}.yinyan.active .yinyantext p:nth-child(4){transition-delay:.9s}.yinyan.active .yinyantext p:nth-child(5){transition-delay:1.2s}.yinyan.active .yinyantext p:nth-child(6){transition-delay:1.5s}.yinyan.active .yinyantext p:nth-child(7){transition-delay:1.8s}.yinyan.active .yinyantext p:nth-child(8){transition-delay:2.1s}.yinyan.active .yinyantext p:nth-child(9){transition-delay:2.4s}.yinyan.active .yinyantext p:nth-child(10){transition-delay:2.7s}.yinyan.active .yinyantext p:nth-child(11){transition-delay:3s}.yinyan.active .yinyantext p:nth-child(12){transition-delay:3.3s}.yinyan.active .yinyantext p:nth-child(13){transition-delay:3.6s}.yinyan.active .yinyantext p:nth-child(14){transition-delay:3.9s}.yinyan.active .yinyantext p:nth-child(15){transition-delay:4.2s}.yinyan.active .yinyantext p:nth-child(16){transition-delay:4.5s}.yinyan.active .yinyantext p:nth-child(17){transition-delay:4.8s}.yinyan.active .yinyantext p:nth-child(18){transition-delay:5.1s}.yinyan.active .yinyantext p:nth-child(19){transition-delay:5.4s}.yinyan.active .yinyantext p:nth-child(20){transition-delay:5.7s}.yinyan .btn-start{opacity:0;font-size:14px}.yinyan.active .btn-start{opacity:1;transition:opacity 1s .3s}.popchoose{background:transparent url(../img/bg01.png) no-repeat left top;background-size:cover}.popchoose .cards{width:99%;position:relative}.popchoose>p{color:#fff}.popchoose .cards .row{width:100%;margin-bottom:20px;overflow:hidden}.popchoose .cards .row .loopimgs{width:200%;display:flex;justify-content:start;align-items:center;animation:scrollLeft 10s linear infinite}.popchoose .cards .row:nth-child(2) .loopimgs{animation:scrollRight 10s linear infinite;transform:translate(-50%)}.popchoose .cards .row img{width:12%;vertical-align:top;margin-right:.5%}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.center-flip-card{z-index:12;background:transparent url(../img/bg01.png) no-repeat left top;background-size:cover}.card-inner{position:relative;width:30vh;height:53.2vh;perspective:1000px;z-index:30;opacity:0;transform:scale(0) rotateY(360deg);transform-style:preserve-3d}.center-flip-card.active .card-inner{opacity:1;transform:scale(1) rotateY(0);transition:all 1s ease;animation:loopZoom .8s 1.3s infinite linear}@-webkit-keyframes loopZoom{0%{-webkit-transform:scale(1)}50%{-webkit-transform:scale(1.05)}to{-webkit-transform:scale(1)}}@keyframes loopZoom{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(5deg)}.card-front img,.card-back img{width:100%;vertical-align:top;filter:drop-shadow(0px 0px 10px rgba(255,255,128,.6))}.center-flip-card>p{color:#fff;margin-top:60px;font-size:20px}.center-flip-card>p span{font-weight:700}.tips-game{background-color:#00000080}.tips-game .inner{background-color:#fff;border-radius:10px;position:relative;text-align:center;padding:40px}.tips-game p{color:#ee2a3c;font-size:24px;line-height:1.4em;font-weight:700;margin-bottom:20px}.tips-game .btn-start{top:auto;bottom:-30px}.popshare .inner{height:100vh;overflow-y:auto}.popshare .poster{vertical-align:top;opacity:0;width:100%;transform-style:preserve-3d;transform:rotateY(0) scale(0)}.popshare.active .poster{opacity:1;transform:rotateY(360deg) scale(1);transition:transform 1s,opacity 1s}.popshare .footer{position:absolute;width:100%;height:130px;left:0;bottom:0;z-index:10;padding:10px;box-sizing:border-box;background-image:linear-gradient(to bottom,#fff0,#fff 50%);text-align:center}.popshare .footer .tips-save{display:block;color:#000;font-size:14px;margin-top:10px;text-align:center;text-shadow:1px 1px 0 #fff}.popshare .footer .btn-start{position:static;display:inline-block;font-size:14px;margin-left:0}.popshare .sign{background-color:#fff;padding:20px 20px 160px}.popshare .sign .maker{width:80%;font-size:12px;line-height:1.4em}.popshare .sign>img{float:right;overflow:hidden;width:60px}.popshare .maker em{font-weight:700}