panda_web/assets/style/index.css

.banner {
  position: relative;
  width: 100%;
  height: 42.135vw;
  background: url('../images//index/banner.png') no-repeat;
  background-size: 100% 100%;
  z-index: 3;
}

.getApp {
  position: relative;
  width: 100%;
  height: 41.67vw;
  margin-top: -5.73vw;
  background: url('../images//index/getApp.png') no-repeat;
  background-size: 100% 100%;
}

.where {
  padding-top: 14.58vw;
  margin-left: 12.5vw;
  font-size: 60px;
  color: #242a30;
}

.answer {
  margin-top: 1.18vw;
  margin-left: 12.5vw;
  font-size: 24px;
  color: #959799;
}

.qrcodebox {
  display: flex;
  margin-top: 4.17vw;
  margin-left: 12.5vw;
}

.qrcode {
  width: 9.375vw;
  height: 9.375vw;
  margin-right: 2.08vw;
}

.tobox {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.ios {
  width: 6.98vw;
  height: 2.08vw;
  cursor: pointer;
}

.take-out {
  width: 100vw;
  height: 46.67vw;
  background-color: #fff;
}

.food-title {
  text-align: center;
  font-size: 60px;
  color: #242a30;
  margin-top: 10.89vw;
}

.food-answer {
  text-align: center;
  font-size: 24px;
  color: #242a30;
  margin-top: 1.18vw;
}

.take-out-body {
  margin-top: 1.18vw;
}

.img-box {
  position: relative;
  margin-left: 7.1875vw;
}

.take-out-img {
  position: absolute;
  width: 21.46vw;
  height: 21.46vw;
}

.take-out-people {
  position: absolute;
  left: 4.17vw;
}