page {
  background: #f8f8f8;
}
.whole {
  overflow: hidden;
}
button {
  margin: 0;
  padding: 0 !important;
  background-color: #ffffff;
  line-height: inherit;
  height: 100rpx;
  border-radius: 0;
  border: none;
  font-size: 60rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  &::after {
    border: none;
  }
}
.mode {
  display: flex;
  flex-direction: row;
  margin: 25rpx 30rpx 40rpx 30rpx;
}
.mode-one {
  width: 330rpx;
  height: 114rpx;
  border: 2rpx solid #f2f2f2;
  text-align: center;
  line-height: 114rpx;
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-radius: 8rpx;
  image {
    width: 40rpx;
    height: 37rpx;
    margin-top: 40rpx;
  }
}
.mode-onedata {
  font-size: 28rpx;
  color: #999999;
  margin-left: 23rpx;
}
.mode-ones {
  width: 330rpx;
  height: 114rpx;
  font-weight: 600;
  border: 3rpx solid #3694ec;
  text-align: center;
  line-height: 114rpx;
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  border-radius: 8rpx;
  image {
    width: 40rpx;
    height: 37rpx;
    margin-top: 40rpx;
  }
}
.mode-onesdata {
  font-size: 28rpx;
  color: #3c3c3c;
  margin-left: 23rpx;
}
.mode-two {
  width: 330rpx;
  height: 114rpx;
  margin-left: 29rpx;
  border: 2rpx solid #f2f2f2;
  line-height: 114rpx;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  border-radius: 8rpx;
}
.mode-twos {
  width: 330rpx;
  height: 114rpx;
  margin-left: 29rpx;
  font-weight: 600;
  line-height: 114rpx;
  text-align: center;
  border: 3rpx solid #3694ec;
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  border-radius: 8rpx;
}
.waimai {
  width: 40rpx;
  height: 37rpx;
  margin-top: 40rpx;
  font-weight: 600;
}
.waimai-card {
  width: 41rpx;
  height: 33rpx;
}
.select-img {
  width: 50rpx;
  height: 47rpx;
  position: absolute;
  bottom: 0;
  right: 0;
}
.mode-twodata {
  font-size: 28rpx;
  color: #999;
  margin-left: 23rpx;
}
.mode-twosdata {
  font-size: 28rpx;
  color: #333;
  margin-left: 23rpx;
}
.area-left {
  color: #3c3c3c;
  font-size: 32rpx;
  font-weight: 500;
  margin-bottom: 22rpx;
}
.area-right {
  display: flex;
  flex-direction: row;
}
.name {
  color: #999999;
  font-size: 24rpx;
  font-weight: 400;
  height: 24rpx;
  line-height: 24rpx;
  margin-right: 12rpx;
}
.phone {
  color: #999999;
  font-size: 24rpx;
  font-weight: 400;
  height: 24rpx;
  line-height: 24rpx;
}
.person {
  display: flex;
  margin: 0rpx 30rpx 0rpx 30rpx;
  padding: 25rpx 0;
  border-bottom: 1rpx solid #f1f1f1;
}
.right {
  width: 12rpx;
  height: 23rpx;
  justify-content: flex-end;
}
.right-icon {
  width: 12rpx;
  height: 23rpx;
}
.area {
  width: 98%;
}
.area-error {
  width: 98%;
  font-size: 28rpx;
  color: #333;
}
.deliery {
  display: flex;
  padding: 31rpx 30rpx 30rpx 30rpx;
  width: 100%;
  image {
    width: 11rpx;
    height: 21rpx;
    margin-left: 17rpx;
    margin-top: 7rpx;
  }
}
.delieryclose {
  display: flex;
  padding: 20rpx 30rpx;
  image {
    width: 11rpx;
    height: 21rpx;
    margin-left: 17rpx;
    margin-top: 7rpx;
  }
}
.deliery-left {
  color: #3c3c3c;
  font-size: 28rpx;
  width: 40%;
  height: 28rpx;
  line-height: 28rpx;
  font-weight: 450;
}
.hebing {
  width: 60%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.deliery-right {
  color: #3c3c3c;
  font-size: 24rpx;
  text-align: right;
}
.deliery-rights {
  color: #3c3c3c;
  font-size: 24rpx;
  text-align: right;
}
.line {
  width: 750rpx;
  height: 15rpx;
  background: #f6f6f6;
}
.payline {
  width: 750rpx;
  height: 15rpx;
  background: #f6f6f6;
}
.tiaozhuan-img {
  width: 9rpx;
  height: 18rpx;
  margin-top: 12rpx;
  margin-left: 10rpx;
}
.business-layout {
  display: flex;
  flex-direction: row;
  padding: 40rpx 30rpx 24rpx 30rpx;
}
.business-img {
  width: 46rpx;
  height: 44rpx;
  border-radius: 10rpx;
  margin-right: 18rpx;
}
.business-line {
  margin: 0rpx 30rpx 40rpx 30rpx;
  border: 1rpx solid #eeeeee;
}
.buiness-name {
  height: 28rpx;
  font-size: 28rpx;
  line-height: 28rpx;
  font-weight: 400;
  color: #25263b;
}
.food {
  image {
    width: 112rpx;
    height: 102rpx;
    border-radius: 12rpx;
    flex: none;
  }
}
.food-layout {
  display: flex;
  align-items: flex-end;
  padding: 0rpx 30rpx 0rpx 30rpx;
  margin-bottom: 24rpx;
}
.eat {
  flex-direction: column;
  justify-content: space-between;
  width: 450rpx;
  height: 102rpx;
  margin-left: 20rpx;
}
.eat-name {
  color: #3c3c3c;
  font-size: 28rpx;
  font-weight: 500;
  line-height: 28rpx;
}
.eat-group-icon {
  display: inline-block;
  width: 64rpx;
  height: 32rpx;
  line-height: 32rpx;
  text-align: center;
  font-size: 22rpx;
  color: #fff;
  margin-right: 10rpx;
  border-radius: 4rpx;
}
.eat-tuan {
  background-color: #3694ec;
}
.eat-first {
  background-color: #f96146;
}
.eat-num {
  font-size: 24rpx;
  color: #999999;
  font-weight: 450;
  height: 24rpx;
  line-height: 24rpx;
}
.eat-plus {
  font-size: 24rpx;
  line-height: 24rpx;
  color: #999999;
  font-weight: 450;
}
.eat-price {
  display: flex;
  justify-content: flex-end;
  text-align: right;

  width: 130rpx;
}
.eat-icon {
  font-size: 24rpx;
  color: #333;
  font-weight: 450;
  line-height: 24rpx;
}
.pricelist {
  text-align: right;
  font-size: 40rpx;
  font-weight: 500;
  color: #3c3c3c;
  line-height: 40rpx;
}
.subsidiary {
  margin: 39rpx 30rpx 0rpx 30rpx;
  .subsidiary-icon {
    width: 32rpx;
    height: 32rpx;
    margin-right: 6rpx;
  }
}
.subsidiary-data {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40rpx;
}
.subsidiary-all {
  display: flex;
  justify-content: flex-end;
  padding-bottom: 20rpx;
}
.subsidiary-total {
  display: flex;
  align-items: flex-end;
}
.total-left {
  color: #dcdcdd;
  font-size: 24rpx;
  margin-right: 20rpx;
}
.total-right {
  color: #3c3c3c;
  font-size: 28rpx;
  font-weight: 600;
}
.subsidiary-error {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 40rpx;
  margin-top: 24rpx;
  image {
    width: 26rpx;
    height: 26rpx;
    margin-right: 10rpx;
  }
}
.subsidiary-yellow {
  color: #f88a24;
  font-size: 24rpx;
  display: flex;
  justify-content: flex-end;
}
.deduct-data {
  display: flex;
  flex-direction: row;
  margin-bottom: 48rpx;
  justify-content: space-between;
}
.deduct-left {
  display: flex;
  flex-direction: row;
}
.deduct-word {
  font-size: 28rpx;
  color: #333;
}
.deduct-jifen {
  margin-left: 24rpx;
  color: #999999;
  font-size: 24rpx;
  margin-top: 5rpx;
}
.deduct-right {
  display: flex;
  flex-direction: row;
  image {
    width: 32rpx;
    height: 32rpx;
    margin-top: 5rpx;
  }
}
.before-deduct {
  display: flex;
  flex-direction: row;
}
.after-deduct {
  display: flex;
  flex-direction: row;
}
.before-name {
  font-size: 28rpx;
  color: #999;
  margin-left: 15rpx;
}
.deduct-jian {
  color: #ee3f3f;
  font-size: 28rpx;
  margin-left: 20rpx;
}
.subsidiary-left {
  color: #3c3c3c;
  font-size: 28rpx;
  flex: auto;
}
.subsidiary-lefts {
  color: #3c3c3c;
  font-size: 28rpx;
  font-weight: 450;
  height: 28rpx;
  line-height: 28rpx;
}
.subsidiary-right {
  color: #3c3c3c;
  font-size: 28rpx;
  width: 60%;
  text-align: right;
  font-weight: 450;
  line-height: 28rpx;
  height: 28rpx;
}
.subsidiary-rightdelivery {
  color: #3c3c3c;
  font-size: 28rpx;
  text-align: right;
  flex: none;
}
.reduceDeliveryone {
  display: flex;
  flex-direction: row;
}
.delivery-word {
  color: #ee3f3f;
  font-size: 28rpx;
  line-height: 40rpx;
  margin-right: 25rpx;
}
.reduceType {
  text-decoration: line-through;
  font-size: 26rpx;
  color: #999;
  line-height: 44rpx;
  margin-right: 10rpx;
  flex: none;
}
.subsidiary-red {
  color: #ee3f3f;
  font-size: 28rpx;
  width: 60%;
  text-align: right;
}
.remark {
  // width: calc(100vw - 60rpx);
  width: 100%;
  padding: 36rpx 30rpx 36rpx 30rpx;
  background-color: #fff;
}
.remark-list {
  display: flex;
  padding-bottom: 24rpx;
}
.remark-name {
  color: #3c3c3c;
  font-size: 28rpx;
  width: 20%;
  font-weight: 450;
  height: 28rpx;
}
.remark-plus {
  color: #999;
  font-size: 28rpx;
  font-weight: 500;
  width: 80%;
  text-align: right;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
.remark-img {
  width: 9rpx;
  height: 17rpx;
  margin-top: -6rpx;
  margin-left: 10rpx;
  image {
    width: 100%;
    height: 100%;
  }
}
.virtual-box {
  height: 100rpx;
}
.tableware {
  display: flex;
  width: 100%;
}
.table {
  font-size: 28rpx;
  color: #333;
  width: 50%;
  font-weight: 450;
  height: 28rpx;
}
.table-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 50%;
}
.table-select {
  font-size: 28rpx;
  color: #999999;
  text-align: right;
}
.warn {
  font-size: 24rpx;
  color: #1890ff;
}
.paid {
  margin: 56rpx 30rpx 68rpx 30rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.pay-price {
  font-size: 48rpx;
  color: #3c3c3c;
  font-weight: 600;
}
.integral {
  font-size: 24rpx;
  color: #333;
}
.cancel {
  width: 202rpx;
  height: 70rpx;
  border: 1rpx solid #ffd001;
  font-size: 28rpx;
  color: #333;
  border-radius: 35rpx;
  margin-left: 28rpx;
  text-align: center;
  line-height: 70rpx;
}
.money {
  font-size: 32rpx;
  width: 278rpx;
  height: 70rpx;
  line-height: 70rpx;
  color: #3c3c3c;
  border-radius: 35rpx;
  background-color: #ffd001;
  margin-left: 20rpx;
  text-align: center;
}
.order-Picker {
  width: 50%;
  justify-content: flex-end;
}
/* .subsidiary-total {
  color: #3C3C3C;
  font-size: 28rpx;
  text-align: right;
  font-weight: 600;
} */
.maplist {
  margin: 0rpx 30rpx 25rpx 30rpx;
  display: flex;
  flex-direction: row;
}
.mapimg {
  width: 20rpx;
  height: 30rpx;
  flex-shrink: 0;
  image {
    width: 100%;
    height: 100%;
  }
}
.map-word {
  font-size: 32rpx;
  color: #333;
  font-weight: 450;
  display: flex;
  flex-wrap: wrap;
}
.distant-layout {
  display: flex;
  flex-direction: row;
  margin: 0rpx 30rpx 0rpx 30rpx;
  border-bottom: 1rpx solid #f1f1f1;
  padding-bottom: 43rpx;
}
.distant-word {
  font-size: 24rpx;
  height: 24rpx;
  line-height: 24rpx;
  font-weight: 400;
  color: #333;
  padding-right: 9px;
  border-right: 1rpx solid #d3d3d3;
}
.distant-map {
  height: 24rpx;
  font-size: 24rpx;
  font-weight: 400;
  color: #3694ec;
  line-height: 24rpx;
  margin-left: 18rpx;
}
.map {
  margin: 0rpx 30rpx 40rpx 30rpx;
  width: 690rpx;
  height: 293rpx;
}
.reserve {
  margin: 40rpx 30rpx 30rpx 30rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.reserve-left {
  font-size: 28rpx;
  color: #333;
  height: 28rpx;
  line-height: 28rpx;
  font-weight: 450;
}
.reserve-right {
  display: flex;
  flex-direction: row;
}
.word-name {
  font-size: 24rpx;
  color: #333;
}
.word-phone {
  font-size: 24rpx;
  color: #333;
  margin-left: 18rpx;
  height: 24rpx;
  line-height: 24rpx;
  font-weight: 450;
}
.subsidiary-rights {
  color: #999999;
  font-size: 28rpx;
  width: 60%;
  text-align: right;
  font-weight: 500;
}
/* 平台券 */
.platform-rights {
  color: #f96146;
  font-size: 28rpx;
  width: 60%;
  text-align: right;
  font-weight: 500;
}
/* 优惠劵弹窗 */
.show-btn {
  margin-top: 100rpx;
  color: #22cc22;
}
.coupon-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
  overflow: hidden;
  z-index: 9000;
  color: #fff;
}
.coupon-dialog {
  width: 100%;
  overflow: hidden;
  position: fixed;
  left: 0;
  z-index: 9999;
  background: rgba(249, 249, 250, 1);
  border-top-left-radius: 20rpx;
  border-top-right-radius: 20rpx;
  height: 902rpx;
  bottom: 0;
}
.coupon-title {
  padding-top: 60rpx;
  font-size: 32rpx;
  color: #333;
  text-align: center;
  font-weight: bold;
}
.topline {
  width: 83rpx;
  height: 8rpx;
  border-radius: 4rpx;
  background-color: #e3e3e3;
  margin-top: 24rpx;
  justify-content: center;
  margin-left: 334rpx;
}
.coupon-content {
  height: 80rpx;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-top: 50rpx;
}
.coupon-left {
  margin-left: 96rpx;
}
.coupon-lines {
  width: 48rpx;
  height: 8rpx;
  background-color: #3694ec;
  margin-left: 50rpx;
  margin-top: 15rpx;
}
.coupon {
  color: #333;
  font-size: 32rpx;
  font-weight: 600;
}
.uncoupon {
  font-size: 28rpx;
  color: #999;
}
.coupon-footer {
  display: flex;
  flex-direction: row;
  height: 86rpx;
  font-size: 30rpx;
  line-height: 100rpx;
  width: 100%;
  position: absolute;
  bottom: 0;
}
.coupon-cancel {
  color: #333;
  margin-left: 27%;
  border-radius: 10rpx;
  line-height: 88rpx;
}
.coupon-confirm {
  margin-left: 36%;
  border-radius: 10rpx;
  color: #0abfaf;
  font-size: 29rpx;
  line-height: 88rpx;
}
.coupon-area {
  width: 50%;
  border-top: 1px solid #dedede;
  border-right: 1px solid #dedede;
}
.coupon-area02 {
  width: 50%;
  border-top: 1px solid #dedede;
}
.coupon-words {
  font-size: 28rpx;
  margin-bottom: 20rpx;
  color: #666;
}
.box {
  width: 690rpx;
  height: 98rpx;
  line-height: 98rpx;
  color: #333;
  text-align: center;
  background-color: #3694ec;
  margin-left: 30rpx;
  border-radius: 8rpx;
  margin-bottom: 68rpx;
}
/* .coupon-data {
  background-color: #F8F8F8;
  width: 100%;
  height: 748rpx;
}
.coupon-layout {
  margin: 48rpx 30rpx 0rpx 30rpx;
}
.coupon-list {
  display: flex;
  flex-direction: row;
  width: 690rpx;
  height: 184rpx;
  background: #fff;
  border-radius: 12rpx;
}
.coupon-price {
  width: 180rpx;
  height: 184rpx;
  position: relative;
}
.coupon-money {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: absolute;
  top: 30rpx;
  width: 168rpx;
}
.coupon-moneylist {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: absolute;
  top: 50rpx;
  width: 168rpx;
}
.coupon-duihuan {
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: absolute;
  left: 53rpx;
  top: 41rpx;
}
.coupon-icon {
  font-size: 24rpx;
  color: #fff;
  line-height: 60rpx;
}
.coupon-cash {
  font-size: 64rpx;
  font-weight: 600;
  color: #fff;
}
.coupon-cashpoint{
  font-size: 50rpx;
  font-weight: 600;
  color: #fff;
}
.coupon-dui {
  font-size: 56rpx;
  font-weight: 600;
  color: #fff;
} */
.coupon-reduce {
  font-size: 24rpx;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 20rpx;
  top: 120rpx;
}
.coupon-type {
  width: 412rpx;
  height: 184rpx;
  background: #fff;
}
.type-word {
  height: 60%;
  color: #232323;
  font-size: 32rpx;
  line-height: 150rpx;
  margin-left: 44rpx;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
.type-wordwechat {
  color: #232323;
  font-size: 32rpx;
  line-height: 150rpx;
  margin-left: 18rpx;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
.type-unword {
  height: 43%;
  color: #232323;
  font-size: 32rpx;
  line-height: 90rpx;
  margin-left: 44rpx;
}
.type-time {
  font-size: 23rpx;
  color: #999;
  margin-left: 30rpx;
}
.type-untime {
  font-size: 23rpx;
  color: #999;
  margin-left: 44rpx;
  margin-bottom: 20rpx;
}
.coupon-photo {
  width: 15%;
}
.jianimg {
  position: absolute;
  right: 0;
  width: 98rpx;
  height: 36rpx;
}
.selectimg {
  position: absolute;
  right: 4rpx;
  width: 67rpx;
  height: 75rpx;
  top: 0;
}
.coupon-btn {
  margin: 0rpx 30rpx 0rpx 30rpx;
  width: 690rpx;
  height: 98rpx;
  line-height: 98rpx;
  color: #fff;
  background-color: #3694ec;
  position: fixed;
  bottom: 68rpx;
  font-weight: 600;
  border-radius: 8rpx;
  text-align: center;
}
.type-appoint {
  display: flex;
  flex-direction: row;
  margin-left: 42rpx;
  width: 490rpx;
  image {
    width: 24rpx;
    height: 24rpx;
    margin-right: 11rpx;
  }
}
.appoint-word {
  font-size: 23rpx;
  color: #333;
}
/* 满减弹窗 */
.zhijian-img {
  width: 180rpx;
  height: 184rpx;
}
.manjian-img {
  width: 180rpx;
  height: 184rpx;
}
.caiping-img {
  width: 180rpx;
  height: 184rpx;
}
.bukeyong-img {
  width: 180rpx;
  height: 184rpx;
}
/* 支付框 */
.paystyle {
  display: flex;
  flex-direction: row;
  position: fixed;
  bottom: 36rpx;
  left: 36rpx;
  width: calc(100vw - 72rpx);
  height: 100rpx;
  background: #3c3c3c;
  z-index: 66;
  border-radius: 60rpx;
  justify-content: space-around;
}
.paymoney {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 46rpx;
  ._flex {
    line-height: 48rpx;
    align-items: baseline;
  }
}
.payicon {
  font-size: 24rpx;
  line-height: 24rpx;
  color: #fff;
  flex: none;
}
.payprice {
  font-size: 48rpx;
  color: #fff;
  font-weight: 600;
  margin-left: 5rpx;
  margin-right: 15rpx;
}
.li-btn {
  width: 160rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}
.liji {
  font-size: 32rpx;
  width: 278rpx;
  height: 100rpx;
  line-height: 70rpx;
  color: #fff;
  border-radius: 50rpx;
  background-color: #3694ec;
  text-align: center;
}
.no-img {
  display: flex;
  flex-direction: row;
  justify-content: center;
  image {
    width: 452rpx;
    height: 452rpx;
  }
}
/* 秒杀
 */
.eat-pricetwo {
  position: relative;
  flex: none;
}
.origin-price {
  text-decoration: line-through;
  font-size: 24rpx;
  color: #999;
}
.showprice-left {
  font-size: 24rpx;
  color: #333;
}
.showprice-rigth {
  font-size: 40rpx;
  color: #3c3c3c;
}
.xian {
  display: flex;
  flex-direction: row;
  image {
    width: 35rpx;
    height: 35rpx;
    margin-left: 15rpx;
    margin-top: 3rpx;
  }
}
.xian-word {
  width: 32rpx;
  height: 32rpx;
  background: #f96146;
  border-radius: 4rpx;
  font-size: 22rpx;
  font-weight: 500;
  color: #ffffff;
  line-height: 32rpx;
  text-align: center;
  margin-right: 12rpx;
}
/* 自提柜 */
.cabinet {
  margin: 30rpx 30rpx 0rpx 30rpx;
  padding-bottom: 40rpx;
  border-bottom: 1rpx solid #f1f1f1;
}
.cabinet-list {
  display: flex;
  flex-direction: row;
}
.cabinet-style {
  font-size: 28rpx;
  color: #333;
  font-weight: 600;
  margin-right: 60rpx;
  margin-bottom: 25rpx;
}
.normal {
  display: flex;
  flex-direction: row;
  image {
    width: 32rpx;
    height: 32rpx;
    margin-right: 16rpx;
  }
}
.normal-word {
  font-size: 28rpx;
  color: #333;
  margin-right: 36rpx;
}
.mention {
  display: flex;
  flex-direction: row;
  image {
    width: 32rpx;
    height: 32rpx;
    margin-right: 16rpx;
  }
}
.mention-word {
  font-size: 28rpx;
  color: #333;
}
.select-cabinet {
  display: flex;
  flex-direction: row;
  margin: 30rpx 0rpx 0rpx 0rpx;
}
.select-true {
  display: flex;
  flex-direction: row;
  margin: 40rpx 0rpx 0rpx 0rpx;
  justify-content: space-between;
}
.true-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  image {
    width: 12rpx;
    height: 23rpx;
    margin-top: 6rpx;
  }
}
.true-left {
  font-size: 24rpx;
  color: #333;
}
.true-message {
  font-size: 24rpx;
  color: #999;
  margin-right: 20rpx;
}
.select-left {
  color: #999;
  font-size: 28rpx;
}
.select-right {
  color: #ffd201;
  font-size: 28rpx;
}
/* 自提柜弹窗 */
.mention-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
  overflow: hidden;
  z-index: 9000;
  color: #fff;
}
.mention-dialog {
  width: 100%;
  overflow: hidden;
  position: fixed;
  left: 0;
  z-index: 9999;
  background: #fff;
  border-top-left-radius: 20rpx;
  border-top-right-radius: 20rpx;
  height: 902rpx;
  bottom: 0;
}
.mention-topline {
  width: 83rpx;
  height: 8rpx;
  border-radius: 4rpx;
  background-color: #e3e3e3;
  margin-top: 24rpx;
  justify-content: center;
  margin-left: 334rpx;
}
.mention-content {
  height: 80rpx;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-top: 50rpx;
}
.mention-line {
  width: 80rpx;
  height: 4rpx;
  background-color: #ffd001;
  margin-left: 38rpx;
  margin-top: 15rpx;
}
.mentions {
  color: #333;
  font-size: 32rpx;
  font-weight: 600;
}
.mention-data {
  background-color: #f8f8f8;
  width: 100%;
  height: 748rpx;
}
.mention-layout {
  margin: 48rpx 30rpx 0rpx 30rpx;
}
.mention-list {
  display: flex;
  flex-direction: row;
  width: 690rpx;
  height: 184rpx;
  background: #fff;
  border-radius: 12rpx;
}
.mention-type {
  width: 720rpx;
  height: 184rpx;
  background: #fff;
}
.mentiontype-word {
  color: #232323;
  font-size: 32rpx;
  line-height: 150rpx;
  margin-left: 42rpx;
  font-weight: 600;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
  margin-right: 24rpx;
}
.mentiontype-time {
  font-size: 28rpx;
  color: #999;
  margin-left: 42rpx;
}
.mention-photo {
  position: relative;
  width: 13%;
}
.mention-selectimg {
  position: absolute;
  bottom: 70rpx;
  right: 30rpx;
  width: 36rpx;
  height: 36rpx;
}
.mention-btn {
  margin: 0rpx 30rpx 0rpx 30rpx;
  width: 690rpx;
  height: 98rpx;
  line-height: 98rpx;
  color: #333;
  background-color: #ffd001;
  position: fixed;
  bottom: 68rpx;
  font-weight: 600;
  border-radius: 8rpx;
  text-align: center;
}
.mention-message {
  display: flex;
  flex-direction: row;
  height: 60%;
}
.message {
  color: #999;
  font-size: 28rpx;
  line-height: 162rpx;
}
/* 预订单 */
.advance-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
  overflow: hidden;
  z-index: 9000;
  color: #fff;
}
.advance-dialog {
  width: 100%;
  overflow: hidden;
  position: fixed;
  bottom: 120rpx;
  left: 0;
  z-index: 9999;
  background: #fff;
  height: 600rpx;
}
.cancel-dialog {
  width: 100%;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background: #fff;
  height: 120rpx;
  text-align: center;
  line-height: 120rpx;
  font-size: 32rpx;
  border-top: 1rpx solid #eee;
  width: 100%;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 9999;
  background: #fff;
  height: 120rpx;
  text-align: center;
  line-height: 120rpx;
  font-size: 32rpx;
  border-top: 1rpx solid #eee;
}
.advance-layout {
  display: flex;
  flex-direction: row;
}
.advance-left {
  display: flex;
  flex-direction: column;
  height: 600rpx;
  width: 300rpx;
  background-color: #fafafa;
}
.advance-right {
  display: flex;
  flex-direction: column;
  height: 600rpx;
  width: 450rpx;
}
.advance-selectday {
  font-size: 28rpx;
  height: 90rpx;
  line-height: 90rpx;
  text-align: center;
  border-bottom: 1rpx solid #eee;
  background-color: #fff;
}
.advance-unselectday {
  font-size: 28rpx;
  height: 90rpx;
  line-height: 90rpx;
  text-align: center;
  border-bottom: 1rpx solid #eee;
  background-color: #fafafa;
}
.advance-time {
  font-size: 28rpx;
  height: 90rpx;
  line-height: 90rpx;
  text-align: center;
  color: #5c9be1;
  font-weight: bold;
}
.time-layout {
  position: relative;
  width: 450rpx;
  height: 90rpx;
  image {
    width: 50rpx;
    height: 50rpx;
    position: absolute;
    right: 20rpx;
    top: 20rpx;
  }
}
.pcikerlayout {
  width: 100%;
  overflow: hidden;
  position: fixed;
  bottom: 120rpx;
  left: 0;
  z-index: 9999;
  background: #fff;
  height: 200rpx;
}
/* 餐具 */
/* 预订单 */
.cover-mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
  overflow: hidden;
  z-index: 9000;
  color: #fff;
}
.cover-dialog {
  width: 100%;
  overflow: hidden;
  position: fixed;
  bottom: 120rpx;
  left: 0;
  z-index: 9999;
  background: #fff;
  height: 600rpx;
}
.cover-left {
  display: flex;
  flex-direction: column;
  height: 600rpx;
  width: 300rpx;
  background-color: #fafafa;
}
.cover-right {
  display: flex;
  flex-direction: column;
  height: 490rpx;
  width: 750rpx;
}
.cover-selectday {
  font-size: 28rpx;
  height: 90rpx;
  line-height: 90rpx;
  text-align: center;
  border-bottom: 1rpx solid #eee;
  background-color: #fff;
}
.cover-unselectday {
  font-size: 28rpx;
  height: 90rpx;
  line-height: 90rpx;
  text-align: center;
  border-bottom: 1rpx solid #eee;
  background-color: #fafafa;
}
.cover-num {
  font-size: 28rpx;
  height: 90rpx;
  line-height: 90rpx;
  text-align: center;
  color: #333;
  font-weight: bold;
}
.cover-selectnum {
  font-size: 28rpx;
  height: 90rpx;
  line-height: 90rpx;
  text-align: center;
  color: rgb(236, 221, 8);
  font-weight: bold;
}
.cover-layout {
  display: flex;
  width: 750rpx;
  height: 90rpx;
  justify-content: center;
  align-items: center;
}
.cover-title {
  background: #fcf6e6;
  width: 750rpx;
  height: 110rpx;
  display: flex;
  padding-left: 30rpx;
  justify-content: center;
  flex-direction: column;
}
.cover-word {
  color: #fb8852;
  font-size: 28rpx;
}
/* 微信卡券 */
.wechat-layout {
  display: flex;
  flex-direction: row;
  height: 60%;
  image {
    width: 35rpx;
    height: 35rpx;
    margin-top: 58rpx;
    margin-left: 38rpx;
  }
}
/* 新的优惠券的样式 */
.coupon-data {
  background-color: rgba(249, 249, 250, 1);
  width: 100%;
}
/* 新优惠券 */
.coupon-layout {
  margin: 28rpx 30rpx 0rpx 30rpx;
  position: relative;
}
.coupon-list {
  background: #fff;
  border-radius: 12rpx;
  box-shadow: 0rpx 6rpx 19rpx 1rpx rgba(158, 158, 158, 0.2);
  padding: 31rpx 30rpx 40rpx 30rpx;
}
.coupon-line {
  border-bottom: 1rpx solid #eee;
  width: 632rpx;
  height: 3rpx;
  margin-top: 25rpx;
}
.coupon-price {
  height: 81rpx;
  display: flex;
  flex-direction: row;
  image {
    width: 90rpx;
    height: 81rpx;
    border-radius: 10rpx;
  }
}
.coupon-prices {
  height: 81rpx;
  display: flex;
  flex-direction: row;
  image {
    width: 90rpx;
    height: 81rpx;
    border-radius: 10rpx;
    filter: grayscale(100%);
  }
}
.newcoupon-layout {
  display: flex;
  flex-direction: column;
  margin-left: 22rpx;
  width: 100%;
}
.newcoupon-business {
  height: 28rpx;
  font-size: 28rpx;
  font-weight: 500;
  color: #232323;
  line-height: 28rpx;
}
.newcoupon-total {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 30rpx;
}
.newcoupon-time {
  height: 24rpx;
  font-size: 24rpx;
  font-weight: 400;
  color: #999999;
  line-height: 24rpx;
}
.newcoupon-right {
  display: flex;
  flex-direction: row;
}
.newcoupon-icon {
  font-size: 32rpx;
  font-weight: 500;
  color: #3694ec;
  line-height: 32rpx;
  height: 32rpx;
}
.newcoupon-price {
  font-size: 48rpx;
  font-weight: 500;
  color: #3694ec;
  line-height: 48rpx;
  height: 48rpx;
  margin-right: 20rpx;
  margin-top: -14rpx;
}
.newcoupon-threshold {
  font-size: 24rpx;
  font-weight: 500;
  color: #999999;
  height: 24rpx;
  line-height: 24rpx;
}
.newcoupon-used {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 30rpx;
  border-radius: 4rpx;
}
.newcoupon-xianzhi {
  font-size: 24rpx;
  font-weight: 400;
  color: #999999;
  height: 24rpx;
  line-height: 24rpx;
}
.error-img {
  width: 100rpx;
  height: 80rpx;
}
.newcoupon-useing {
  font-size: 24rpx;
  font-weight: 500;
  color: #ffffff;
  padding: 10rpx;
  background: #3694ec;
}
/* 打烊预定
 */
.closestatus {
  font-size: 24rpx;
  font-weight: 400;
  line-height: 24rpx;
  color: #f88a24;
  margin-left: 30rpx;
  margin-bottom: 20rpx;
}
.closestatus-group {
  margin-bottom: 0;
  padding: 28rpx 0;
}
/* 特惠提示 */
.vip-price-tips {
  position: absolute;
  bottom: 40rpx;
  right: 0;
  font-size: 20rpx;
  font-weight: 600;
  color: #f96146;
  white-space: nowrap;
  letter-spacing: 1rpx;
}

// 公共样式
._inline_block {
  display: inline-block;
}

.white-box {
  background-color: #fff;
  margin-bottom: 16rpx;
}

.nurse-delivery-text {
  color: #f88a24;
  white-space: nowrap;
}

.cell-label {
  font-size: 24rpx;
  font-weight: 400;
  color: #969696;
}

.subsidiary-data {
  & ~ .cell-label {
    margin-top: -40rpx;
  }
}
