.container {
  opacity: 0;
  background-image: url("../images/background_index.png");
  background-size: 100% 100%;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.container .header {
  padding: 1.9270833333vw 7.4479166667vw 0 3.0208333333vw;
  display: flex;
  width: 100%;
  align-items: center;
}
.container .header .logo {
  width: 14.5833333333vw;
  height: 5.2604166667vw;
  flex-shrink: 0;
}
.container .header .text {
  margin-left: 0.7291666667vw;
  width: 15vw;
  height: 2.2395833333vw;
  flex-shrink: 0;
}
.container .header .right-panel {
  flex-grow: 1;
  display: flex;
  justify-content: right;
}
.container .header .right-panel .about-button {
  width: 15vw;
  height: 3.59375vw;
  border-radius: 2.6041666667vw;
  border: 2px solid #FFFFFF;
  font-weight: 500;
  font-size: 1.875vw;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Roboto, Roboto;
  cursor: pointer;
  user-select: none;
}
.container .content {
  padding: 5.9895833333vw 10.5208333333vw 0 12.7604166667vw;
  display: flex;
  justify-content: space-between;
}
.container .content .left-panel {
  padding: 4.21875vw 0 0 0;
}
.container .content .left-panel > .text {
  width: 35vw;
  height: 7.03125vw;
}
.container .content .left-panel .qrcode-panel {
  margin: 3.6979166667vw 0 0 2.1875vw;
  width: 17.4479166667vw;
}
.container .content .left-panel .qrcode-panel .button {
  width: 100%;
  height: 5.3125vw;
  background: #31C0A4;
  border-radius: 2.6041666667vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Roboto, Roboto;
  font-weight: 600;
  font-size: 18px;
  color: #FFFFFF;
  position: relative;
  z-index: 100;
  cursor: pointer;
  user-select: none;
}
.container .content .left-panel .qrcode-panel .qrcode-span {
  background-color: #fff;
  border-radius: 2.6041666667vw 2.6041666667vw 1.0416666667vw 1.0416666667vw;
  width: 17.4479166667vw;
  height: 17.8125vw;
  padding-top: 5.2604166667vw;
  position: relative;
  top: -5.2604166667vw;
}
.container .content .left-panel .qrcode-panel .qrcode-span .qrcode {
  background: #FFFFFF;
  display: block;
  margin: 0 auto;
}
.container .content .left-panel .qrcode-panel .qrcode-span .text {
  font-family: Roboto, Roboto;
  font-weight: 400;
  font-size: 1.0416666667vw;
  color: #686B73;
  margin-top: 0.7291666667vw;
  text-align: center;
}