.choose-page[data-v-7730ee76] {
  min-height: 100vh;
  background: #f5f5f5;
}
.van-nav-bar[data-v-7730ee76] {
  background-color: #2db1ac !important;
}
[data-v-7730ee76] .van-icon {
  color: #fff;
}
[data-v-7730ee76] .van-ellipsis {
  color: #fff;
}
[data-v-7730ee76] .van-nav-bar__text {
  color: #fff;
}
[data-v-7730ee76] .van-badge--fixed {
  right: 12px;
}
.header[data-v-7730ee76] {
  width: 100%;
  height: 200px;
  padding-bottom: 14px;
  border-bottom-left-radius: 26px 10px;
  border-bottom-right-radius: 26px 10px;
  background: linear-gradient(90deg, #2db1ac, #2db1ac);
}
.header .city-select[data-v-7730ee76] {
  text-align: center;
  margin-top: 0;
}
.content[data-v-7730ee76] {
  margin: -130px 15px 15px;
  padding: 20px 15px 15px;
  background: #fff;
  border-radius: 15px;
  box-shadow: 2px 2px 8px 1px #2eb0ac;
}
.content .content-main[data-v-7730ee76] {
  width: 100%;
  height: 100%;
  background: url(../img/000.png) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  padding: 15px 0;
}
.content .content-main .main-grid[data-v-7730ee76] {
  margin: -12px 0;
  position: relative;
}
.content .content-main .main-grid[data-v-7730ee76] .van-grid-item__content {
  background-color: transparent;
}
.content .content-main .main-grid .grid-wrap[data-v-7730ee76] {
  animation: myfirst-data-v-7730ee76 2s;
  -webkit-animation: myfirst-data-v-7730ee76 2s;
  animation-iteration-count: 99999;
  -webkit-animation-iteration-count: 99999;
}
.content .content-main .main-grid .grid-wrap .main-img[data-v-7730ee76] {
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.content .content-main .main-grid .grid-wrap .main-img img[data-v-7730ee76] {
  vertical-align: middle;
  width: 100%;
}
.content .content-main .main-grid .grid-wrap .main-text[data-v-7730ee76] {
  position: absolute;
  left: 0;
  bottom: 15%;
  font-size: 17px;
  font-weight: 700;
  width: 100%;
  text-align: center;
}
@keyframes myfirst-data-v-7730ee76 {
0% {
    transform: scale(1);
}
50% {
    transform: scale(0.96);
}
100% {
    transform: scale(1);
}
}
.content .content-main .content-bottom[data-v-7730ee76] {
  margin-top: 50px;
}
.content .content-main .content-bottom .cen-bot[data-v-7730ee76] {
  margin: 20px auto;
  width: 60%;
  height: 35px;
  background: linear-gradient(to right, #48d8a0, #2db1ac);
  border-radius: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  line-height: 35px;
  box-shadow: 2px 2px 5px #616060;
}
.content .main-center[data-v-7730ee76] {
  width: 100%;
  height: 100%;
  background: url(../img/000.png) no-repeat;
  background-size: 100% 100%;
  background-position: center center;
  padding: 15px 0;
}
.content .main-center .cen-pat[data-v-7730ee76] {
  margin: 30px auto 40px;
  width: 80%;
  height: 60px;
  background: linear-gradient(to right, #48d8a0, #2db1ac);
  color: #fff;
  border-radius: 10px;
  box-shadow: -2px 3px 10px #17605e;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
}
.content .main-center .cen-pat span[data-v-7730ee76] {
  line-height: 60px;
}