* {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  width: 100vw;
  overflow-x: hidden
}

.pc_show_only {
  display: none
}

@media screen and (min-width: 960px) {
  .pc_show_only {
    display: block
  }
}

.mobile_show_only {
  display: block
}

@media screen and (min-width: 960px) {
  .mobile_show_only {
    display: none
  }
}

.body_container{
  width: 100vw;
  overflow-x: hidden;
  padding-bottom: 80px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAu4AAAidAQMAAADiFSGoAAAABlBMVEUMBSwLBi52eKPqAAAByklEQVR42uzBgQAAAACAoP2pF6kCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGD24EAAAAAAAMj/tRFUVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVYWdObQBAIYBGPb/z5NWmgNa5rAQS5IkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZIkSZKkjf5lD4/H4/F4fA+Px+PxeDwej8f38Hg8Ho/H4/F4fA+Px+PxeDwej8f38Hg8Ho/H4/F4fA+Px+PxeDwej8f38Hg8Ho/H4/F4fA+Px+PxeDwej8f38Hg8Ho/H4/F4fA+Px+PxeDwej8f38Hg8Ho/H4/F4fA+Px+PxeDwej8f38Hg8Ho/H4/F4fA8/7cwhAQAAAMOg/q1vF+ASiUGv1+v1er1er6/0er1er9fr9Xp9pdfr9Xq9Xq/X6yu9Xq/X6/V6vV5f6fV6vV6v1+v1+kqv1+v1er1er9dXer1er9fr9Xq9vtLr9Xq9Xq/X6/WVXq/X6/V6vV6vr/R6/aMf8awObdHtUlgAAAAASUVORK5CYII=)
    center center repeat;
}
@media screen and (min-width: 960px) {
  .app_container{
    position: relative;
    width: 550px;
    margin: auto;
  }
}
.header{
  position: relative;
  padding: 0 10px;
  display: flex;
  align-items: center;
  background: url(data:image/png;base64,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)
    center center no-repeat;
  height: 54px;
}
.header .logo_78{
  width: auto;
  height: 42px;
  margin-right: 10px;
}
.header .logo_text .game78_text{
  display: block;
  height: 20px;
  width: auto;
}
.header .logo_text .game78_tex2{
  margin-top: 3px;
  display: block;
  height: 16px;
  width: auto;
}
.header .qr_code{
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 100;
}
.header .qr_code_pc{
  position: absolute;
  right: -120px;
  top: 5px;
  z-index: 100;
}
.header .qr_text{
  position: absolute;
  z-index: 100;
  right: -144px;
  top: 20px;
  color: #fff;
}
.bannerSwiper{
  height: 90vw;
}
@media screen and (min-width: 960px) {
  .bannerSwiper{
    width: 550px;
    height: 400px;
    overflow: hidden;
  }
}
.bannerSwiper img{
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.get_img{
  display: block;
  margin: 20px auto;
  width: calc(100vw - 20px);
  height: auto;
}
@media screen and (min-width: 960px) {
  .get_img{
    width: 530px;
  }
}
.download_btn_container {
  position: relative;
}

.download_btn_container .telegram_btn {
  position: absolute;
  right: 20px;
  top: 10px;
}

.download_btn_container .telegram_btn img {
  width: 30px;
  height: 30px;
}

@media screen and (min-width: 960px) {
  .download_btn_container .telegram_btn {
    right: 40px;
    top: 20px;
  }

  .download_btn_container .telegram_btn img {
    width: 40px;
    height: 40px;
  }
}

.download_img{
  display: block;
  margin: 20px auto;
  width: 60vw;
  height: auto;
  cursor: pointer;
}
@media screen and (min-width: 960px) {
  .download_img{
    width: 310px;
  }
}
.title_img{
  display: block;
  margin: 5px auto;
  width: calc(100vw - 20px);
  height: auto;
}
@media screen and (min-width: 960px) {
  .title_img{
    width: 530px;
  }
}
.img_list{
  margin-top: 15px;
  margin-bottom: 20px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.img_list img{
  width: 30%;
  height: auto;
}
.sliderSwiper{
  margin-top: 20px;
  height: 40vw;
}
@media screen and (min-width: 960px) {
  .sliderSwiper{
    height: 220px;
    overflow: hidden;
    width: 550px;
  }
}
.sliderSwiper img{
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.footer{
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  border-top: 2px solid #ffe7c0;
  background: rgba(16, 15, 79, 0.85);
  height: 64px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
}
@media screen and (min-width: 960px) {
  .footer{
    width: 530px;
    left: 50%;
    margin-left: -265px;
  }
}
.footer .logo{
  margin-right: 15px;
  height: 54px;
}
.footer .footer_text{
  flex: 1;
}
.footer .footer_text .game78_text{
  display: block;
  height: 20px;
  width: auto;
  margin-top: 3px;
  font-size: 14px;
}
.footer .download{
  height: 40px;
  width: auto;
  cursor: pointer;
}