html,body{margin:0;padding:0;width:100%}body{font: 14px/1.5 Helvetica Neue,Tahoma,Arial,PingFang SC,Hiragino Sans GB,Microsoft Yahei,sans-serif;color:#333;background-color:#fff;position:relative}.hide{display:none!important}.transhide{opacity:0;transform:translateY(-100%);transition:transform 0s 1s,opacity 1s}#app{width:100%;overflow:hidden;margin:0 auto;text-align:center;background-color:#666}#app>canvas{vertical-align:top}.bgmwrap{position:fixed;left:15px;top:15px;width:30px;height:30px;z-index:99}.bgmwrap.show{opacity:1;transition:opacity 1s 3s}.bgmwrap .btns{font-size:0}.bgmwrap span{width:30px;height:30px;overflow:hidden;background:transparent url(../assets/icon-play.png) 0 bottom no-repeat;background-size:100%;vertical-align:top}#btnMute{background-position:0 0}.bgmwrap .active{display:inline-block}.covervideo{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.covervideo.fadeout{opacity:0;transform:translateY(-100%);transition:transform 0s .6s,opacity .6s}.covervideo video{width:100%;height:100%;object-fit:cover}.tips-touch{position:absolute;left:50%;bottom:20%;width:60px;height:60px;z-index:12;margin:-30px 0 0 -30px;border:1px solid rgba(255,255,255,.4);color:#fff6;font-size:14px;line-height:1.2em;border-radius:50%;display:flex;justify-content:center;align-items:center}.tips-touch:after{content:" ";position:absolute;left:-1px;top:-1px;width:60px;height:60px;z-index:1;border:1px solid rgba(255,255,255,.6);border-radius:50%;-webkit-animation:quanzoom 1s infinite linear;animation:quanzoom 1s infinite linear}@-webkit-keyframes quanzoom{to{-webkit-transform:scale(2,2);opacity:0}}@keyframes quanzoom{to{transform:scale(2);opacity:0}}.btn-skip{position:absolute;right:20px;top:20px;padding:2px 10px;z-index:20;border:1px solid rgba(255,255,255,.5);font-size:12px;line-height:20px;color:#ffffff80;background-color:#0003}@media only screen and (min-width: 992px){html{background-color:#242424}#app,.covervideo{width:52vh;height:100vh;overflow:hidden}#app>canvas{height:100%}.covervideo{left:50%;margin-left:-26vh}}