.map-container {
  position: relative;
  height: 60vh;
}
.map-container #baidu-map {
  width: 100%;
  height: 100%;
}
.map-container .map-info {
  width: 90%;
  position: absolute;
  left: 5%;
  bottom: 3%;
  background: #FFFFFF;
  border-radius: 10px;
  z-index: 10;
  padding: 5.333333vw 4vw;
}
.map-container .map-info .boder {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.map-container .map-info .boder .info {
  margin-top: 6.266667vw;
}
.map-container .map-info .boder .info-item {
  display: block;
  font-size: var(--size-24);
  font-weight: bold;
  margin-top: 1.866667vw;
}
.map-container .map-info .boder .info-item .label {
  font-size: var(--size-16);
}
.map-container .map-info .boder .info .gotoMap {
  display: inline-block;
  margin-top: 30px;
  padding: 15px 40px;
  background: var(--linear-bg);
  color: #FFFFFF;
  font-size: var(--size-16);
  border-radius: 5px;
}
.map-container .map-info .boder .qrcode {
  margin-top: 28px;
  height: 12.5vw;
  min-height: 93.75px;
}

.message-box {
  padding: var(--padd-120) var(--padding);
}
.message-box h1, .message-box p {
  text-align: center;
}
.message-box p {
  margin-top: 16px;
}

@media screen and (min-width: 992px) {
  .map-container {
    height: 44.791667vw;
  }
  .map-container .map-info {
    width: 36.458333vw;
    top: 50%;
    left: var(--padding);
    bottom: unset;
    padding: 2.604167vw 2.083333vw;
    transform: translateY(-50%);
  }
  .map-container .map-info .boder {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  .map-container .map-info .boder .info {
    margin-top: 2.447917vw;
  }
  .map-container .map-info .boder .info-item {
    margin-top: 0.729167vw;
  }
  .map-container .map-info .boder .info .gotoMap {
    margin-top: 30px;
    padding: 15px 40px;
    border-radius: 5px;
  }
  .map-container .map-info .boder .qrcode {
    margin-top: 28px;
    height: 93.75px;
  }
  .message-box {
    padding: 6.25vw var(--padding) 6.770833vw;
  }
  .message-box p {
    margin-top: 0.833333vw;
  }
}
@media screen and (min-width: 1440px) {
  .map-container .map-info {
    padding: 3.645833vw 3.125vw;
  }
  .map-container .map-info .boder .qrcode {
    height: 6.510417vw;
  }
}
@media screen and (min-width: 1920px) {
  .map-container {
    height: 860px;
  }
  .map-container .map-info {
    width: 700px;
  }
  .message-box {
    padding-top: 120px;
    padding-bottom: 130px;
  }
  .message-box p {
    margin-top: 16px;
  }
}