html,body{margin:0;padding:0}body{font: 16px/1.5em PingFang SC,Helvetica,Microsoft Yahei,Verdana,sans-serif,STXihei,hei;background-color:#fff;overflow:hidden}body.scrollauto{overflow:auto}ul,ol,li,em{margin:0;padding:0;font-weight:400;list-style:none;font-style:normal}a{text-decoration:none}.hide{display:none}#loading{position:fixed;width:100%;height:100vh;z-index:30;background:#f24c4c url(../img/logo-w.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}.loadtips{text-align:center;font-size:12px;color:#fff;position:absolute;left:50%;top:50%;width:100px;height:30px;margin-left:-50px}.bgmwrap{position:fixed;left:20px;top:20px;width:30px;height:30px;z-index:11;font-size:0}.bgmwrap a{display:none;width:30px;height:30px;overflow:hidden;border:0 none;background:transparent url(../assets/icon-play.png) 0 0 no-repeat;background-size:30px;appearance:none}#btnMute{background-position:0 bottom}#btnPlay{background-position:0 0}.bgmwrap .active{display:block}.thecover{position:absolute;left:0;top:0;width:100%;height:100vh;z-index:10;background:#fff url(../img/bg-cover.jpg) no-repeat center center;background-size:100% auto}.thecover .ct1{position:absolute;width:68%;height:20vh;left:6%;top:32%;z-index:2;background:transparent url(../img/ct1.png) no-repeat center top;background-size:100% auto;opacity:0;transform:translateY(10px)}.thecover.active .ct1{opacity:1;transform:translateY(0);transition:opacity 1s,transform 1s}.btn-start{position:absolute;width:40px;height:40px;left:50%;margin-left:-20px;top:calc(100vh - 70px);z-index:3;background:transparent url(../img/tips-down.png) no-repeat 0 0;background-size:100% auto;-webkit-animation:arrow-up 2s infinite linear;animation:arrow-up 2s infinite linear;opacity:0}.thecover.active .btn-start{opacity:1;transition:opacity 1s}.menupage{position:absolute;width:100%;height:100vh;left:0;top:0;z-index:10;background:#fff url(../img/bg-menu.jpg) no-repeat center center;background-size:100% auto;visibility:hidden;transform:translate(-100vw);overflow:hidden}.menupage.active{transform:translate(0);visibility:visible}.menupage .inner{width:100%;box-sizing:border-box;padding:20vh 10% 0 18%}.menupage a{color:#000;font-weight:700;font-size:15px;display:block;width:80%;margin-bottom:20px;background:transparent url(../img/icon-dot.png) no-repeat left center;background-size:10px;padding-left:30px;opacity:0;transform:translateY(-5px)}.menupage a span{width:82%;display:inline-block;padding:10px;border:1px solid #000;border-radius:16px;background-color:#fff}.menupage img{width:60px;vertical-align:top}.menupage.active a{opacity:1;transform:translateY(0);transition:transform 1s,opacity 1s}.menupage.active a:nth-child(2){transition-delay:.3s}.menupage.active a:nth-child(3){transition-delay:.6s}.menupage.active a:nth-child(4){transition-delay:.9s}.mcon{display:none;width:100%;flex-direction:column}.mcon.active{display:flex}.btn-start2{position:fixed;width:40px;height:40px;left:50%;margin-left:-20px;top:calc(100vh - 120px);z-index:3;background:transparent url(../img/tips-down2.png) no-repeat 0 0;background-size:100% auto;-webkit-animation:arrow-up 2s infinite linear;animation:arrow-up 2s infinite linear}.con-imgs{flex:1;padding-bottom:80px}.con-imgs img{width:100%;vertical-align:top}#con4{min-height:100vh}.bottombar{position:fixed;width:100%;left:0;bottom:0;z-index:2;background:linear-gradient(to top,#fff 50%,#fff0);box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.bottombar a{display:inline-block;width:46%;box-sizing:border-box;padding:20px}.bottombar a img{width:100%;vertical-align:top}.bcover{position:absolute;width:100%;height:100vh;left:0;top:0;z-index:10;background:#fff url(../img/bg-bcover.jpg) no-repeat center center;background-size:100%;transform:translate(-100vw);display:flex;flex-direction:column;justify-content:end;align-items:center}.bcover.active{transform:translate(0)}.bcover .bct{position:absolute;left:5%;top:35%;width:66%;opacity:0;transform:translateY(10px)}.bcover.active .bct{opacity:1;transform:translateY(0);transition:opacity 1s,transform 1s}.maker{width:84%;margin:0 auto 10px;opacity:0}.bcover.active .maker{opacity:1;transition:opacity 1s}.maker p{line-height:1.4em;font-size:12px;margin:0;color:#333}.maker p em{font-weight:700}@media screen and (min-width:992px){html,body{width:51.72vh;margin:0 auto}.bottombar a{width:36%}}@-webkit-keyframes rolling{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(-360deg)}}@keyframes rolling{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@-webkit-keyframes arrow-up{0%{-webkit-transform:translateY(0px)}50%{-webkit-transform:translateY(8px)}to{-webkit-transform:translateY(0px)}}@keyframes arrow-up{0%{transform:translateY(0)}50%{transform:translateY(8px)}to{transform:translateY(0)}}