/* pages/list/list.wxss */
page {
  display: flex;
  flex-direction: column;
  height: 100%;
}
/* 折扣信息区 */
.discount {
  width: 100%;
  height: 70rpx;
  line-height: 70rpx;
  background: #fef9e6;
  font-size: 28rpx;
  text-align: center;
  color: #999;
}
.discount-txt {
  color: #fff;
  padding: 5rpx 10rpx;
  background: red;
  margin-right: 15rpx;
}
.content {
  flex: 1;
  display: flex;
  overflow: hidden;
}
.category {
  width: 202rpx;
  height: 100%;
  background: #fcfcfc;
  font-size: 28rpx;
}
/* 隐藏滚动条 */
::-webkit-scrollbar {
  width: 0;
  height: 0;
  color: transparent;
}
.category-item {
  height: 100rpx;
  line-height: 100rpx;
  text-align: center;
}
.food-category {
  font-size: 24rpx;
  background: #f3f4f6;
  padding: 10rpx;
  color: #ff9c35;
}
.food-item {
  display: flex;
  margin: 40rpx 20rpx;
}
.food-item-pic {
  margin-right: 20rpx;
  width: 94rpx;
  height: 94rpx;
}
.food-item-pic > image {
  width: 100%;
  height: 100%;
}
.food-item-info {
  flex: 1;
  font-size: 30rpx;
  margin-top: 4rpx;
}
.food-item-price {
  margin-top: 14rpx;
  color: #f05a86;
}
.food-item-opt {
  margin-top: 40rpx;
}
.food-item-opt > i:before {
  font-size: 44rpx;
  color: #ff9c35;
  content: "\e728";
}
.category-unselect {
  color: #6c6c6c;
  background: #f9f9f9;
  border-bottom: 1rpx solid #e3e3e3;
}
.category-selected {
  color: #ff9c35;
  background: white;
  border-left: 6rpx solid #ff9c35;
}
.category-selected:last-child {
  border-bottom: 1rpx solid #e3e3e3;
}
/* 购物车区域 */
.operate {
  height: 110rpx;
  display: flex;
}
.operate-shopcart {
  display: flex;
  width: 74%;
  padding: 10rpx;
  background: #353535;
}
/* “选好了”按钮 */
.operate-submit {
  width: 26%;
  font-size: 30rpx;
  background: #eee;
  color: #aaa;
  text-align: center;
  line-height: 110rpx;
}
.operate-submit-activity {
  background: #ff9c35;
  color: #fff;
}
/* 购物车图标 */
.operate-shopcart-icon {
  font-size: 80rpx;
  color: #87888e;
  margin-left: 20rpx;
  position: relative;
}
.operate-shopcart-icon:before {
  content: "\e73c";
}
.operate-shopcart-icon-activity {
  color: #ff9c35;
}
/* 购物车为空 */
.operate-shopcart-empty {
  color: #a9a9a9;
  line-height: 88rpx;
  font-size: 30rpx;
  margin-left: 20rpx;
}
/* 购物车中的商品购买数量 */
.operate-shopcart-icon > span {
  padding: 2rpx 14rpx;
  border-radius: 50%;
  background: red;
  color: white;
  font-size: 28rpx;
  position: absolute;
  top: 0px;
  right: -10rpx; 
  text-align: center;
}
/* 购物车中的商品价格 */
.operate-shopcart-price {
  display: flex;
}
.operate-shopcart-price > view {
  font-size: 40rpx;
  line-height: 88rpx;
  margin-left: 25rpx;
  color: #fff;
}
.operate-shopcart-price > text {
  font-size: 24rpx;
  line-height: 92rpx;
  margin-left: 15rpx;
  color: #aaa;
  text-decoration: line-through;
}
/* 小球的样式 */
.operate-shopcart-ball {
  width: 36rpx;
  height: 36rpx;
  position: fixed;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  background: #ff9c35;
}
/* 满减优惠区域 */
.promotion {
  padding: 7rpx 0 9rpx;
  background: #ffcd9b;
  color: #fff7ec;
  font-size: 28rpx;
  text-align: center;
}
.shopcart {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 149rpx;
  right: 0;
  font-size: 28rpx;
}
.shopcart-wrap {
  position: absolute;
  width: 100%;
  max-height: 90%;
  bottom: 0;
  background: #fff;
  overflow: scroll;
}
.shopcart-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
}
.shopcart-head {
  position: fixed;
  width: 100%;
  background: #f0f0f0;
  color: #878787;
  line-height: 100rpx;
  font-size: 26rpx;
  overflow: hidden;
}
.shopcart-head-title {
  float: left;
  margin-left: 40rpx;
}
.shopcart-head-title:before {
  background: #ff9c35;
  width: 8rpx;
  height: 32rpx;
  content: "";
  display: inline-block;
  margin-right: 10rpx;
  position: relative;
  top: 6rpx;
}
.shopcart-head-clean {
  float: right;
  margin-right: 20rpx;
}
.shopcart-head-clean > i:before {
  content: "\e61b";
  position: relative;
  top: 2rpx;
}
.shopcart-list {
  margin-top: 101rpx;
}
.shopcart-item {
  display: flex;
  padding: 30rpx 20rpx;
  line-height: 40rpx;
}
.shopcart-item > view {
  margin-left: 30rpx;
}
.shopcart-item:not(:last-child) {
  border-bottom: 1rpx solid #e3e3e3;
}
.shopcart-item-name {
  flex: 1;
}
.shopcart-item-price {
  color: #ff9c35;
}
.shopcart-item-number {
  display: flex;
}
.shopcart-item-number > view {
  margin: 0 15rpx;
}
.shopcart-icon-dec:before {
  content: "\e61a";
  font-size: 44rpx;
  color: #888;
}
.shopcart-icon-add:before {
  content: "\e728";
  font-size: 44rpx;
  color: #ff9c35;
}