@font-face {
  font-family: "number";
  src: url("/assets/fonts/Farlight84_Etc_Bold.woff2") format("woff2");
}
html {
  width: 100%;
}

html,body{
  height:100%;
  background-color:#202021;
}
#lanCur{
  color:#fff;
}
#header{
  z-index:50;
}

#pageFooter{
  position:absolute;
  bottom:0;
}
.bg_video{
  position:absolute;
  height:100%;
  width:100%;
  video{
    object-fit:cover;
  }
}

.wrapper{
  overflow: hidden;
  width: 19.2rem;
  height: 11.64rem;
  min-height: 14rem;
  position: relative;
  margin: 0 auto;
  background-image: url(/assets/images/bg-download.jpg);
  background-size:100% auto;
  background-position:50% 0;
  background-repeat: no-repeat;
}

.download-main{
  height: 9.6rem;
  overflow: hidden;
}

#header{
  background:none;
}

#header .music{
  display:none;
}

.slogan{
  position:relative;
  z-index:10;
  font-family:"number";
  color:#fff;
  font-style: italic;
  font-size:1.3rem;
  line-height:1.3rem;
  text-align:center;
  text-transform: uppercase;
  margin-top:2.1rem;
}
.btns-con-wrapper{
  position:relative;
  z-index:10;
  display:flex;
  justify-content: center;
  padding-top:.6rem;
}
.btns-con{
  display:flex;
  align-items: flex-end;
  height:2rem;
  padding-left:.64rem;
}

.btns-con img{display:block;width:1.41rem;height:1.41rem;}
.btns-con .btns{
  position:relative;
  width:4.62rem;height:1.65rem;
  background-image:url(images/index-btns.png);
  background-size:100%;
  margin-left:.1rem;
}
.btns-con .btns .links{
  position:absolute;
  width:1.49rem;
  height:.51rem;
  /* background-color:#fff;
  opacity:.4; */
}
.btns-con .btns .link-1{
  top:.58rem;
  left:0;
}
.btns-con .btns .link-2{
  top:.58rem;
  left:1.57rem;
}
.btns-con .btns .link-3{
  top:.58rem;
  left:3.13rem;
}
.btns-con .btns .link-4{
  top:1.14rem;
  left:0;
}
.btns-con .btns .link-5{
  top:1.14rem;
  left:1.57rem;
}
.btns-con .btns .link-6{
  top:1.14rem;
  left:3.13rem;
}