/* packageH/consumerReward/consumerRewardIndex/consumerRewardIndex.wxss */
view,
text {
  box-sizing: border-box;
}

page {
  background: #fff;
}

.r_top_box {
  width: 100%;
  height: 5.594rem;
  background-color: #ee2e2b;
  padding: 1.69rem 1.56rem 2.09rem 1.56rem;
  display: flex;
  align-items: center;
}

.r_top_box .image {
  width: 2.88rem;
  height: 2.88rem;
  margin-right: 0.69rem;
}

.r_top_box .image image {
  width: 2.88rem;
  height: 2.88rem;
  background-color: #000;
  border-radius: 50%;
}

.r_top_box .r_top_box_name {
  font-size: 1rem;
  color: #fff;
  text-align: left;
}

.esp {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 0.969rem;
  padding-right: 0.938rem;
  color: #fff;
  width: 100%;
  height: 1.75rem;
  background-color: #fb6868;
  font-size: 0.75rem;
}

.count {
  display: flex;
  align-items: center;
  height: 2.844rem;
  padding-left: 0.875rem;
  font-size: 1rem;
  color: #333;
  font-weight: 500;
  background: #fff;
}

.count .price {
  color: #ee2e2b;
}

.hr {
  width: 100%;
  height: 0.625rem;
  background-color: #ebebeb;
}

.listTitle {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 0.875rem;
  text-align: center;
  color: #ee2e2b;
}

.listItems {
  padding: 0 0.875rem;
}

.listItems .listItem {
  display: flex;
  justify-content: space-between;
  height: 3.65rem;
  border-bottom: 0.063rem solid #ebebeb;
}

.listItems .listItem .desc {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  text-align: left;
}

.listItems .listItem .desc .order {
  font-size: 0.813rem;
  color: #333;
}

.listItems .listItem .desc .time {
  font-size: 0.75rem;
  color: #8c8c8c;
}

.listItems .listItem .price {
  display: flex;
  align-items: center;
  font-size: 1rem;
  color: #f15353;
}

.withdraw-box {
  display: flex;
  justify-content: space-between;
  padding: 0 28rpx;
}

.withdraw-box .withdraw-btn {
  height: 48rpx;
  line-height: 48rpx;
  background: #ee2e2b;
  color: #fff;
  padding: 0 16rpx;
  font-size: 12px;
  border-radius: 8rpx;
  display: flex;
  align-items: center;
}
