.main_index {
  background-color: antiquewhite;
  width: 100%;
  height: 100vh;
  background-image: url("../img/index/index.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.main_index_wrapper {
  padding: 0 2rem;
  width: 100%;
  height: 100%;
  position: relative;
}

.main_index_left_menu {
  position: absolute;
  left: 0;
  top: 0;
  width: 2rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main_index_qrcode {
  width: 1.84rem;
  height: 2.59rem;
  background-image: url("../img/index/qr_code_wrap.png");
  background-size: 100%;
  position: relative;
  animation: lightSpeedInLeft 0.5s linear;
}

.main_index_qrcode img {
  position: absolute;
  height: 1.48rem;
  width: 1.48rem;
  left: 0.18rem;
  top: 0.3rem;
}

.main_index_qrcode_scan {
  position: absolute;
  top: 0.3rem;
  left: 50%;
  margin-left: -0.74rem;
  width: 1.48rem;
  height: 0.02rem;
  background: #ffd739;
  -webkit-animation: scanning 3s linear infinite;
  animation: scanning 3s linear infinite;
}

.main_index_inner {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0 0 0.8rem;
}

.main_index_title {
  display: flex;
  justify-content: center;
  position: relative;
}

.main_index_title_img {
  width: 8.17rem !important;
  margin-right: 1rem;
}

.play_video {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(2.8rem) translateY(-75%);
  height: auto;
  cursor: pointer;
}

.play_video_img1 {
  width: 1rem;
  animation: clockwise 6s linear infinite;
  display: block;
}

.play_video_img2 {
  position: absolute;
  left: 50%;
  width: 0.29rem;
  top: 0.52rem;
  transform: translate(-0.09rem, -50%);
}

.main_index_inner_footer {
  position: absolute;
  height: 0.8rem;
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main_index_inner_footer img {
  height: 55%;
  animation: bounce-down 1.5s linear infinite;
  cursor: pointer;
}