.page-box {
  width: 100%;
  // height: 100vh;
  z-index: 101;
}
._padding {
  padding: 0 30rpx;
}
.lunch-outer {
  flex-direction: column;
  height: 100vh;
}
.nav-box {
  position: relative;
  width: 100vw;
  flex: none;
  .additional-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    width: 100%;
    height: 208rpx;
    image {
      width: 100%;
      height: 208rpx;
    }
  }
}
.nav-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: -1;
}
.cur-date {
  margin: 40rpx 30rpx 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* 菜单 */
.functional-box {
  position: relative;
  justify-content: space-between;
  margin-top: 42rpx;
  margin-bottom: 24rpx;
  flex: none;
  .menu-box {
    align-items: center;
    .menu-item {
      font-size: 32rpx;
      font-weight: 400;
      color: #3c3c3c;
      margin-right: 72rpx;
      &:last-child {
        margin-right: 0;
      }
    }
    .menu-selected {
      font-size: 36rpx;
      font-weight: 500;
      color: #3c3c3c;
      &::after {
        content: "";
        display: block;
        width: 100%;
        height: 2rpx;
        background: #f03812;
        border-radius: 4rpx;
        margin: 0 auto;
      }
    }
    .tips {
      font-size: 24rpx;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 400;
      color: #808080;
      line-height: 38rpx;
    }
  }
  .search-icon {
    width: 36rpx;
    height: 36rpx;
  }
}
/* 检测分类的块 */
.detect-box {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(100%);
  height: 112rpx;
  width: 100%;
  z-index: 10;
}
/* 底部区域 */
.main-box {
  position: relative;
  height: 100rpx;
  flex: 1;
  z-index: 11;
}
/* 轮播图 */
.swiper-content {
  margin: 24rpx auto 48rpx;
}
.swiper-content,
.swiper-image {
  width: 690rpx;
  height: 200rpx;
  border-radius: 10rpx;
}
/* 店长推荐 */
.recommend-title {
  margin-bottom: 28rpx;
  .text {
    font-size: 32rpx;
    font-weight: 500;
  }
  .img {
    width: 22rpx;
    height: 29rpx;
    margin-right: 12rpx;
  }
}
.recommend-dishes-box {
  height: 313rpx;
  margin-bottom: 45rpx;
}
.recommend-dishes-scroll {
  width: 100%;
  height: 100%;
  .recommend-dish-item {
    &:last-child {
      margin-right: 0;
    }
  }
}
.recommend-dish-item {
  margin-right: 35rpx;
}
.line {
  position: sticky;
  top: 0;
  left: 0;
}
.cate-dish-box {
  width: 100%;
}
/* 分类 */
.cates-box {
  width: 160rpx;
  background: #f6f6f6;
  flex: none;
}
.cates-scroll-view {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 11;
  height: 100%;
}
.cates-item {
  position: relative;
  height: 88rpx;
  line-height: 88rpx;
  text-align: center;
  font-size: 24rpx;
  color: #999999;
  .cate-name {
    display: inline-table;
    line-height: 1.4;
    vertical-align: middle;
  }
}
.cate-selected {
  background-color: #fff;
  color: #3c3c3c;
}
/* 菜品 */
.dishes-box {
  margin-left: 24rpx;
  width: calc(100% - 214rpx);
  z-index: 2;
  flex: none;
  margin-bottom: 60rpx;
}
.dish-item {
  width: 100%;
  .dish {
    &:last-child {
      margin-bottom: 0;
    }
  }
}
.dish-cate {
  position: sticky;
  top: 0;
  left: 0;
  height: 88rpx;
  font-size: 28rpx;
  color: #3c3c3c;
  line-height: 88rpx;
  z-index: 10;
  background-color: #fff;
}
.virtual-box {
  height: 138rpx;
}
.dish {
  margin-bottom: 60rpx;
}
.close-store {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 96rpx;
  padding: 12rpx 30rpx;
  background-color: #333;
  color: #fff;
  font-size: 32rpx;
  flex: none;
  white-space: normal;
  word-wrap: break-word;
  z-index: 20;
}
.must-buy {
  background: #fdf6ec;
  padding: 0 20rpx 20rpx;
  border-radius: 8rpx;
  margin: 28rpx 0;
  .dish-cate {
    background-color: transparent;
  }
}
