.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 9.4208333333vw;
  display: flex;
  width: 100%;
  align-items: center;
}
.container .header .logo {
  width: 18.2833333333vw;
  height: 5.2604166667vw;
  flex-shrink: 0;
}
.container .header .text {
  margin-left: 0.2291666667vw;
  margin-top: 0.2vw;
  width: 32vw;
  height: 3.2395833333vw;
  flex-shrink: 0;
}
.container .header .right-panel {
  flex-grow: 1;
  display: flex;
  justify-content: right;
  margin-left: 18.3vw;
}
.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 9.7604166667vw;
  display: flex;
  justify-content: space-between;
}
.container .content .left-panel {
  padding: 2.61875vw 0 0 0;
}
.container .content .left-panel > .text {
  width: 50vw;
  height: 4.63125vw;
}
.container .content .left-panel > .text2 {
  width: 50vw;
  height: 4.63125vw;
  color: #FFFFFF;
  font-size: 1.4vw;
  letter-spacing: 0.2vw;
  line-height: 2.1vw;
  margin-top: 1vw;
  margin-left: 0.5vw;
}
.container .content .left-panel .qrcode-panel {
  margin: 1.2979166667vw 0 0 0.5875vw;
  /* width: 16.8479166667vw; */
  display: flex;
}
.container .content .left-panel .qrcode-panel .button {
  width: 16.8479166667vw;
  height: 4.4125vw;
  background: #009443;
  border-radius: 2.6041666667vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Roboto, Roboto;
  /* font-weight: 600; */
  font-size: 1.8vw;
  color: #FFFFFF;
  position: relative;
  z-index: 100;
  cursor: pointer;
  user-select: none;
}
.container .content .left-panel .qrcode-panel .button2 {
	margin-left: 6vw;
}
.container .content .left-panel .qrcode-panel .button2 .go {
	height: 2vw;
	margin-top: 0.2vw;
	margin-left: 1.5vw;
}
.container .content .left-panel .qrcode-panel .qrcode-span {
  background-color: #fff;
  border-radius: 2.6041666667vw 2.6041666667vw 1.0416666667vw 1.0416666667vw;
  width: 16.8479166667vw;
  height: 17.8125vw;
  padding-top: 5.2604166667vw;
  position: relative;
  top: -4.2604166667vw;
}
.container .content .left-panel .qrcode-panel .span2 {
	margin-left: 6vw;
}
.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;
}
.container .content .left-panel .qrcode-panel .jmrx{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 1.5vw;
}
.container .content .left-panel .qrcode-panel .jmrx .phone{
	width: 1.6vw;
	height: 1.6vw;
	margin-top: 1.8vw;
	margin-left: -0.5vw;
}
.container .content .left-panel .qrcode-panel .jmrx .text{
	margin-left: 0.5vw;
	font-size: 2vw;
	font-weight: 600;
	color: #009443;
}
.container .content .left-panel .qrcode-panel .span2 .text{
	font-size: 1.7vw;
	font-weight: 600;
	color: #009443;
	margin-top: 1.5vw;
}
.container .bottom-panel{
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2vw;
  background: rgba(244,245,246,0.78);
  border-radius: 0px 0px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.container .bottom-panel .text{
  font-family: PingFangSCMedium, PingFangSCMedium;
  font-weight: 500;
  font-size: 0.8vw;
  color: #686B73;
  text-align: center;
  font-style: normal;
  text-transform: none;
  margin-right: 30px;
}

.container .bottom-panel .icon{
  width: 1vw;
  height: 1vw;
}