nova-trip/nova-tourism/pages/my/eat/details/index.wxss

page {
  background: #f6f6f6;
  padding: 20rpx 20rpx 20rpx 0;
}
page .box {
  margin: 20rpx;
  border-radius: 10rpx;
  background: #fff;
  padding: 15rpx 20rpx;
}
page .box .title {
  font-size: 36rpx;
}
page .box .details {
  display: flex;
  margin-top: 20rpx;
}
page .box .details .image {
  width: 180rpx;
  height: 180rpx;
  border-radius: 18rpx;
}
page .box .details .information {
  margin-left: 20rpx;
}
page .box .details .information .num {
  margin-bottom: 30rpx;
}
page .box .details .information .time {
  font-size: 24rpx;
  color: #666666;
  margin-top: 10rpx;
}
page .box .content {
  margin-bottom: 20rpx;
  display: flex;
  justify-content: space-between;
}
page .box .content .price {
  margin: auto 0;
}
page .box .content .information {
  display: flex;
  font-size: 26rpx;
  color: #666666;
}
page .box .content .information .img {
  width: 100rpx;
  height: 100rpx;
}
page .box .content .information .number {
  margin-top: 30rpx;
}
page .box .bummon {
  display: flex;
  justify-content: space-between;
  border-top: 2rpx solid #F0F0F0;
}
page .box .bummon .totalPrice {
  border-top: 2rpx solid #F0F0F0;
  text-align: right;
  padding: 20rpx 0;
  font-size: 26rpx;
  color: #222222;
}
page .box .bummon .pay {
  padding: 10rpx 20rpx;
  background: red;
  color: #fff;
  height: 60rpx;
  margin: auto 0;
  border-radius: 10rpx;
}