@charset "UTF-8";html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left;font-weight:400}html,body,fieldset,img,iframe,abbr{border:0;-webkit-box-sizing:border-box;box-sizing:border-box}i,cite,em,var,address,dfn{font-style:normal}[hidefocus],summary{outline:0}li{list-style:none}h1,h2,h3,h4,h5,h6,small{font-size:100%}sup,sub{font-size:83%}pre,code,kbd,samp{font-family:inherit}q:before,q:after{content:none}textarea{overflow:auto;resize:none}label,summary{cursor:default}a,button{cursor:pointer}button{border:none}h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:700}del,ins,u,s,a,a:hover{text-decoration:none}body,textarea,input,button,select,keygen,legend{font:.12rem/1.14 arial,\5b8b\4f53;color:#333;outline:0;-webkit-tap-highlight-color:rgba(255,0,0,0)}body{background:#fff}a{border:none;text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0)}a,a:hover{color:#333}@font-face{font-family:SourceHanSansSC;font-weight:700;src:url(/assets/SourceHanSansCN-Bold.981d98f4.woff)}@font-face{font-family:SourceHanSansSC;font-weight:500;src:url(/assets/SourceHanSansCN-Medium.d445a1b2.woff)}@font-face{font-family:SourceHanSansSC;font-weight:400;src:url(/assets/SourceHanSansCN-Normal.94eb75a3.woff)}@font-face{font-family:SourceHanSansSC;font-weight:300;src:url(/assets/SourceHanSansCN-Regular.2817a640.woff)}html{font-size:5.2083333333vw}html.portrait{font-size:26.6666666667vw}@media (min-width: 1920PX){html{font-size:100PX}}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#000;-ms-overflow-style:none;overflow:-moz-scrollbars-none;scrollbar-width:none}html ::-webkit-scrollbar{width:0;height:0}html ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 .01rem rgba(0,0,0,0);box-shadow:inset 0 0 .01rem rgba(0,0,0,0);border-radius:10PX;background-color:transparent}html ::-webkit-scrollbar-thumb{border-radius:10PX;-webkit-box-shadow:inset 0 0 .06rem rgba(0,0,0,.3);box-shadow:inset 0 0 .06rem rgba(0,0,0,.3);background:#dad6d6}html body{-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-x:hidden;font-family:SourceHanSansSC;font-weight:400;background-color:#fff;visibility:hidden}html img{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}html[device=ie] body{font-family:\5fae\8f6f\96c5\9ed1}.game4-wrap{width:100%;max-width:19.2rem;margin:0 auto}.game4-wrap>section{height:9.4rem;-webkit-box-sizing:border-box;box-sizing:border-box}.game4-wrap>section img{display:block}.game4-wrap .page1{position:relative;background:#EAEAEA}.game4-wrap .page1 .img-wrap{width:3.74rem;height:4.48rem;position:absolute;right:3.2rem;bottom:1.52rem}.game4-wrap .page1 .img-wrap>img.big{width:3.74rem;height:4.48rem;-webkit-animation:.8s cubic-bezier(.1,.1,.94,.93) infinite alternate ani;animation:.8s cubic-bezier(.1,.1,.94,.93) infinite alternate ani}@-webkit-keyframes ani{0%{-webkit-transform:translate(0,0PX);transform:translate(0)}to{-webkit-transform:translate(0,15PX);transform:translateY(15PX)}}@keyframes ani{0%{-webkit-transform:translate(0,0PX);transform:translate(0)}to{-webkit-transform:translate(0,15PX);transform:translateY(15PX)}}.game4-wrap .page1 .img-wrap>img.icon1{width:.81rem;height:.81rem;position:absolute;left:-.42rem;top:-.88rem;-webkit-animation:2s ease-in-out .33s infinite normal none running ani-1;animation:2s ease-in-out .33s infinite normal none running ani-1}@-webkit-keyframes ani-1{0%{-webkit-transform:translate(0,0);transform:translate(0)}50%{-webkit-transform:translate(0,15PX);transform:translateY(15PX)}to{-webkit-transform:translate(0,0);transform:translate(0)}}@keyframes ani-1{0%{-webkit-transform:translate(0,0);transform:translate(0)}50%{-webkit-transform:translate(0,15PX);transform:translateY(15PX)}to{-webkit-transform:translate(0,0);transform:translate(0)}}.game4-wrap .page1 .img-wrap>img.icon2{width:.5rem;height:.49rem;position:absolute;right:-.52rem;top:2.6rem;-webkit-animation:2s ease-in-out .33s infinite normal none running ani-2;animation:2s ease-in-out .33s infinite normal none running ani-2}@-webkit-keyframes ani-2{0%{-webkit-transform:translate(0,0);transform:translate(0)}50%{-webkit-transform:translate(0,15PX);transform:translateY(15PX)}to{-webkit-transform:translate(0,0);transform:translate(0)}}.game4-wrap .page1 .img-wrap>img.icon3{width:.16rem;height:.16rem;position:absolute;left:-.88rem;top:.8rem;-webkit-animation:2s ease-in-out .33s infinite normal none running ani-2;animation:2s ease-in-out .33s infinite normal none running ani-2;display:none}@keyframes ani-2{0%{-webkit-transform:translate(0,0);transform:translate(0)}50%{-webkit-transform:translate(0,15PX);transform:translateY(15PX)}to{-webkit-transform:translate(0,0);transform:translate(0)}}.game4-wrap .page1:before{content:"";position:absolute;right:0;top:0;width:6.28rem;height:9.4rem;background:#C4C6C7}.game4-wrap .page1 .wrap{padding:2.8rem 0 0 3.2rem;position:relative}.game4-wrap .page1 .wrap .title{font-size:.96rem;font-weight:700;color:#161d23;line-height:1.2rem}.game4-wrap .page1 .wrap .introduce{font-size:.2rem;font-weight:400;color:#161d23;margin-top:.4rem;height:2.45rem;width:7.92rem;line-height:.35rem}.game4-wrap .page1 .wrap .platform p{margin-bottom:.32rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.game4-wrap .page1 .wrap .platform p span{font-size:.2rem;font-weight:400;color:rgba(22,29,35,.56)}.game4-wrap .page1 .wrap .platform p b{font-size:.2rem;font-weight:400;color:#161d23;margin-left:.28rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.game4-wrap .page1 .wrap .platform p b img{max-width:.28rem;margin-right:.24rem;display:block}.game4-wrap .page2{height:auto}.game4-wrap .page2 h2{padding-left:3.1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;position:relative;height:6.36rem}.game4-wrap .page2 h2 i{width:3.08rem;height:.02rem;background:#8A8D90}.game4-wrap .page2 h2 b{font-size:.32rem;font-weight:700;color:#161d23;margin-left:.16rem;white-space:nowrap;position:relative;z-index:2}.game4-wrap .page2 h2 strong{font-size:4rem;font-weight:700;color:#f6f6f6;position:absolute;left:6.92rem;bottom:.75rem;z-index:1}.game4-wrap .page2 .box1{width:12.8rem;height:7.2rem;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:.8rem;position:relative;background-image:url(/assets/ic_project_08.aca2f1bd.jpg);background-size:100% 100%}.game4-wrap .page2 .box1.box2{background-image:url(/assets/ic_game04a.2e71e048.jpg);background-size:100% 100%;height:6.7rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.game4-wrap .page2 .box1.box2 img{width:100%}.game4-wrap .page2 .box1.box2 canvas{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.game4-wrap .page2 .box1.box3{background-image:url(/assets/ic_g4_03.54967e2d.jpg);background-size:100% 100%}.game4-wrap .page2 .box4{height:9.4rem;background:#fff;position:relative;padding:2.3rem 0 0 3.2rem}.game4-wrap .page2 .box4>b{position:absolute;left:-.44rem;top:1.35rem;font-size:4rem;font-weight:700;color:#f6f6f6}.game4-wrap .page2 .box4 ul{position:relative}.game4-wrap .page2 .box4 ul li{position:absolute;top:0;left:0;opacity:0}.game4-wrap .page2 .box4 ul li.fade{-webkit-transition:opacity .3s;transition:opacity .3s}.game4-wrap .page2 .box4 ul li.fade-in{opacity:1!important;-webkit-transition-delay:.3s;transition-delay:.3s}.game4-wrap .page2 .box4 ul li.fade-out{opacity:0!important;-webkit-transition-delay:0;transition-delay:0}.game4-wrap .page2 .box4 ul li img{max-width:100%}.game4-wrap .page2 .box4 ul li h5{font-size:.32rem;font-weight:700;color:#161d23;margin:.81rem 0 .88rem}.game4-wrap .page2 .box4 ul li p{font-size:.2rem;font-weight:400;color:#161d23;line-height:.3rem}.game4-wrap .page2 .box4 ul li:nth-child(1) img{width:4.59rem}.game4-wrap .page2 .box4 ul li:nth-child(2) img{width:6.05rem}.game4-wrap .page2 .box4 ul li:nth-child(3) img{width:5.19rem}.game4-wrap .page2 .box4 .pagination{position:absolute;right:3.2rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.game4-wrap .page2 .box4 .pagination .line{width:.03rem;height:.22rem;background:#000000;margin:0;position:absolute;left:0}.game4-wrap .page2 .box4 .pagination span{cursor:pointer;font-size:.2rem;font-weight:700;color:rgba(22,29,35,.5);width:.56rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.65rem}.game4-wrap .page2 .box4 .pagination span:before{content:""}.game4-wrap .page2 .box4 .pagination span.active{color:#161d23}.game4-wrap .page2 .box4 .pagination span:last-child{margin-bottom:0}.game4-wrap .page2 .box4 .swipers{display:none}.game4-wrap .page3{position:relative;background:#000;overflow:hidden}html.portrait .game4-wrap>section{height:5.4rem}html.portrait .game4-wrap .page1 .img-wrap{width:1.47rem;height:1.75rem;right:.39rem;bottom:-.17rem;z-index:8}html.portrait .game4-wrap .page1 .img-wrap>img{width:100%;height:100%}html.portrait .game4-wrap .page1 .img-wrap>img.icon1{width:.37rem;height:.37rem;left:-.98rem;top:-.97rem}html.portrait .game4-wrap .page1 .img-wrap>img.icon2{width:.23rem;height:.22rem;top:-1.08rem;right:.15rem}html.portrait .game4-wrap .page1 .img-wrap>img.icon3{width:.16rem;height:.16rem;display:block}html.portrait .game4-wrap .page1:before{height:100%;width:1rem}html.portrait .game4-wrap .page1 .wrap{padding:.39rem .2rem 0}html.portrait .game4-wrap .page1 .wrap .title{font-size:.38rem;font-weight:700;color:#161d23;line-height:.46rem}html.portrait .game4-wrap .page1 .wrap .title i{display:block}html.portrait .game4-wrap .page1 .wrap .introduce{font-size:.14rem;font-weight:400;color:#161d23;line-height:.26rem;margin-top:.32rem;height:2.1rem;width:100%}html.portrait .game4-wrap .page1 .wrap .platform{display:-webkit-box;display:-ms-flexbox;display:flex}html.portrait .game4-wrap .page1 .wrap .platform p{display:block}html.portrait .game4-wrap .page1 .wrap .platform p:not(:first-child){margin-left:.42rem}html.portrait .game4-wrap .page1 .wrap .platform p span{font-size:.12rem;font-weight:400;display:block}html.portrait .game4-wrap .page1 .wrap .platform p b{font-size:.14rem;font-weight:400;display:block;margin-left:0;margin-top:.08rem}html.portrait .game4-wrap .page1 .wrap .platform p b img{max-width:auto;height:.16rem;margin-right:.08rem;display:inline-block}html.portrait .game4-wrap .page2{height:auto;padding:0 .2rem;overflow:hidden;padding-bottom:0}html.portrait .game4-wrap .page2 h2{padding:0;height:1.33rem;padding-top:.3rem;margin-left:-.2rem;margin-right:-.2rem;margin-bottom:.42rem}html.portrait .game4-wrap .page2 h2 i{width:.52rem;height:.01rem}html.portrait .game4-wrap .page2 h2 b{font-size:.18rem;font-weight:700;color:#161d23;margin-left:.08rem}html.portrait .game4-wrap .page2 h2 strong{font-size:1rem;left:1rem;bottom:-.05rem}html.portrait .game4-wrap .page2 .title{font-size:.2rem}html.portrait .game4-wrap .page2 .title.title2{margin-top:.05rem}html.portrait .game4-wrap .page2 .text{font-size:.14rem;margin-top:.32rem;line-height:.26rem}html.portrait .game4-wrap .page2 .text-wrap{margin-top:0;width:100%}html.portrait .game4-wrap .page2 .text-wrap h3{font-size:.2rem;font-weight:700;line-height:.26rem;margin-bottom:.32rem}html.portrait .game4-wrap .page2 .text-wrap p{font-size:.14rem;font-weight:400;color:#161d23;line-height:.26rem}html.portrait .game4-wrap .page2 .box1{width:100%;height:4.42rem;margin-bottom:.1rem;position:relative;background-image:url(/assets/ic_project_08_p.dbc60953.jpg);background-size:100% 100%}html.portrait .game4-wrap .page2 .box1.box2{margin-bottom:.33rem;height:1.75rem;background-image:url(/assets/ic_game04a.2e71e048.jpg);background-size:100% 100%}html.portrait .game4-wrap .page2 .box1.box3{height:1.88rem;background-image:url(/assets/ic_g4_03.54967e2d.jpg)}html.portrait .game4-wrap .page2 .box4{height:4.48rem;background:#fff;padding:0}html.portrait .game4-wrap .page2 .box4>b{left:0;top:.16rem;font-size:1rem}html.portrait .game4-wrap .page2 .box4 ul,html.portrait .game4-wrap .page2 .box4 .pagination{display:none}html.portrait .game4-wrap .page2 .box4 .swipers{display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;height:4.48rem;position:relative}html.portrait .game4-wrap .page2 .box4 .swipers .swiper-wrapper .swiper-slide{width:100%;height:4.05rem}html.portrait .game4-wrap .page2 .box4 .swipers .swiper-wrapper .swiper-slide .img-wrap{height:1.54rem;margin-bottom:.04rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-bottom:.2rem}html.portrait .game4-wrap .page2 .box4 .swipers .swiper-wrapper .swiper-slide .img-wrap img{width:2.05rem}html.portrait .game4-wrap .page2 .box4 .swipers .swiper-wrapper .swiper-slide h5{font-size:.2rem;margin-bottom:.2rem}html.portrait .game4-wrap .page2 .box4 .swipers .swiper-wrapper .swiper-slide p{font-size:.14rem;font-weight:400;line-height:.26rem}html.portrait .game4-wrap .page2 .box4 .swipers .swipe{position:absolute;width:3rem;bottom:.32rem;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}html.portrait .game4-wrap .page2 .box4 .swipers .swipe span{width:.06rem;height:.06rem;background:#000000;opacity:.2;border-radius:100%;-webkit-transition:opacity .3s;transition:opacity .3s}html.portrait .game4-wrap .page2 .box4 .swipers .swipe span:not(:first-child){margin-left:.08rem}html.portrait .game4-wrap .page2 .box4 .swipers .swipe span.swiper-pagination-bullet-active{opacity:1}