.tabs {
  height: 80rpx;
  background: #fff;
  line-height: 80rpx;
}

.tabs .tab {
  display: inline-block;
  text-align: center;
  width: 150rpx;
  position: relative;
}

.tabs .tab .bottom-icon {
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 12rpx;
  width: 22rpx;
  height: 8rpx;
  transform: translate(-50%, -50%);
}

.list-wrap .list {
  width: 710rpx;

  /* height: 200rpx; */
  background: #fff;
  border-radius: 20rpx;
  margin: 0 auto;
  box-sizing: border-box;
  margin-top: 20rpx;
  padding: 20rpx;
  display: flex;
}

.list-wrap .list .left {
  width: 280rpx;

  /* height: 160rpx; */

  /* background: #f3f3f3; */
  border-radius: 30rpx;
  margin-right: 20rpx;
}

.left image {
  width: 100%;

  /* height: 100%; */
  border-radius: 30rpx;
}

.list-wrap .list .right {
  padding-left: 20rpx;

  /* border-left: 1px solid #f3f3f5; */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 130rpx;
}

.list-wrap .list .right .title {
  display: flex;
}

.list-wrap .list .right .left-icon {
  width: 36rpx;
  height: 36rpx;
  border-radius: 50%;
  margin-right: 20rpx;
}

.list-wrap .list .right .left-icon image {
  width: 36rpx;
  height: 36rpx;
  border-radius: 100%;
}

.price {
  color: #d84c44;
}

.normal-price {
  color: #999;
  font-size: 24rpx;
}