body,dl,dd,h1,h2,h3,h4,h5,h6,form,p{margin:0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-style: 100%;}
ul,ol,input{margin: 0;padding: 0;list-style:none;}
img{border:0;}
article, aside, dialog, footer, header, section, footer, nav, figure, menu {display: block;}
i,em{font-style: normal;}
body{background-color: #000;color: #000;font: 16px/1.5 Arial,'\5FAE\8F6F\96C5\9ED1','\9ED1\4F53','\5b8b\4f53',Verdana,Tahoma,Helvetica,sans-serif;}
a{text-decoration: none;}
.hide{display: none;}
*{box-sizing: border-box;}
.flex {
  display: flex;
  flex-direction: row;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-evenly {
  justify-content: space-evenly;
}
.justify-around {
  justify-content: space-around;
}
.justify-between {
  justify-content: space-between;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.items-end {
  align-items: flex-end;
}
html, body{
    height: 100%;
}
.mobile-wrap{
  position: relative;
  padding-bottom: 177.86666666666666%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}
/* .mobile-wrap .logo{
  position: absolute;
  right: 0;
  top: 10px;
  z-index: 8;
  width: 43.066666666666664%;
  padding-bottom: 14.933333333333335%;
  background: url(../images/logo.png) no-repeat center;
  background-size: 100% 100%;
}
.mobile-wrap .age{
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 8;
  width: 10.266666666666667%;
  padding-bottom: 13.466666666666666%;
  background: url(../images/age_img.png) no-repeat center;
  background-size: 100% 100%;
} */
.download-box{
  position: absolute;
  left: 0;
  bottom: 110px;
  z-index: 8;
  width: 100%;
  overflow: hidden;
}

.download-box a{
  display: block;
  width: 34.4%;
  margin: 0 auto 10px;
  padding-bottom: 10.533333333333333%;
  background-size: 100% 100%;
}
.download-box .btn1{
  background-image: url(../images/m_btn1.png);
}
.download-box .btn2{
  padding-bottom: 12.533333333333332%;
  background-image: url(../images/m_btn2.png);
}

/*Footer*/
.footer {padding: 20px 0; background-color:#0a0a11;}
.footer a{color: #a2a2a2;text-decoration: underline;}
.footer p{text-align: center;color: #a2a2a2;font-size: 14px; font-family: '\9ED1\4F53'}
/* .footer .logo{
    width: 44.666666666666666%;
    padding-bottom: 12.666666666666668%;
    margin: 0 auto 1%;
    background-image: url(../images/m_logo.png);
    background-size: 100% 100%;
    text-indent: -9999px;
    line-height: 0;
} */

/* 弹窗 */
.popupBox{
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
}
.popupBox .inner{
  position: absolute;
  z-index: 100;
}

/* invitePopup */
.invitePopup .inner{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 79.01234567901234%;
  height: 140px;
  margin-top: -70px;
  margin-left: -39.50617283950617%;
  background-color: rgba(0, 0, 0, .8);
}
.invitePopup .close{
  position: absolute;
  right: 10px;
  top: 16px;
  width: 18px;
  height: 18px;
  background: url(../../images/i_close.png) no-repeat;
  background-size: 100% 100%;
}
.invitePopup .txt{
  padding: 20px 10px;
  color: #f3f2f4;
  text-align: center;
  word-break: break-all;
}
.invitePopup .txt h3{
  padding-bottom: 8px;
  font-size: 20px;
}
.invitePopup .txt p{
  font-size: 16px;
}
.invitePopup .txt span{
  margin-right: 15px;
  color: #fed65e;
}

.dialog-box {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
}
.dialog-body {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1000;
  width: 90%;
  height: 90%;
  transform: translate(-50%, -50%);
  background-image: url(../images/wx_tip.png);
  background-size: contain;
  background-repeat: no-repeat;
}