main {
  padding-top: 100rem;
}
main .mobile {
  display: none;
}
main .desktop {
  display: block;
}
main .banner {
  width: 100%;
  margin-bottom: 72rem;
}
main .content {
  max-width: 1000rem;
  margin: 0 auto;
}
main .content .describe {
  font-size: 20rem;
  line-height: 50rem;
  margin-bottom: 10rem;
}
main .content .describe img {
  width: 100%;
}
main .qrcode-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50rem;
}
main .qrcode-group .qrcode-box {
  position: relative;
  background-image: url(/assets/images/common/qrcode_bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 468rem;
  height: 200rem;
}
main .qrcode-group .qrcode-box .qrcode {
  position: absolute;
  top: 22rem;
  left: 36rem;
  width: 160rem;
  height: 160rem;
  transition: transform 0.5s ease;
}
main .qrcode-group .qrcode-box .qrcode:hover {
  transform: scale(1.1) translateZ(0);
}

@media screen and (max-width: 750px) {
  main {
    padding-top: 120rem;
  }
  main .desktop {
    display: none;
  }
  main .mobile {
    display: block;
  }
  main .banner {
    margin-bottom: 20rem;
  }
  main .describe {
    padding: 0 30rem;
    margin-bottom: 50rem;
  }
  main .qrcode-group {
    flex-wrap: wrap;
    padding: 0 30rem;
    margin-bottom: 0;
  }
  main .qrcode-group .qrcode-box {
    width: 100%;
    height: 288rem;
    margin-bottom: 40rem;
  }
  main .qrcode-group .qrcode-box .qrcode {
    left: 44rem;
    width: 245rem;
    height: 245rem;
  }
}