/* packageI/dealer_task_reward/dealerTaskRewardIndex/dealerTaskRewardIndex.wxss */

view,
text {
  box-sizing: border-box;
}

.r_ls {
  height: 122.88rpx;
  padding: 0 30.08rpx;
  background-color: #fff;
  border-bottom: 1.92rpx solid #ebebeb;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.r_ls .r_ls_r {
  display: flex;
  flex-direction: column;
}

.r_ls .r_ls_r .r_li_o {
  font-size: 24rpx;
  color: #333;
}

.r_ls .r_ls_r .r_li_t {
  font-size: 25.92rpx;
  color: #8c8c8c;
}

.r_ls .r_ls_r .r_li_m {
  font-size: 32rpx;
  color: #f15353;
}

.r_ls .r_ls_r .r_li_s {
  font-size: 24rpx;
  color: #8c8c8c;
}

.line {
  width: 100%;
  height: 20.16rpx;
}

.r_je {
  width: 100%;
  height: 172rpx;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background-color: #fff;
}

.r_je .r_je_d {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.r_je .r_je_d .r_je_m {
  text-align: center;
  font-size: 32rpx;
  color: #f15353;
}

.r_je .r_je_d .r_je_txt {
  font-size: 28.16rpx;
  color: #8c8c8c;
}

.r_top_box {
  height: 213rpx;
  background-color: #ee2e2b;
  padding: 54.08rpx 49.92rpx 66.88rpx 49.92rpx;
  display: flex;
  align-items: center;
}

.r_top_box .image {
  width: 92.16rpx;
  height: 92.16rpx;
  margin-right: 22.08rpx;
}

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

.r_top_box .r_top_box_name {
  font-size: 32rpx;
  color: #fff;
}

.r_top_box .r_top_box_leve {
  height: 40rpx;
  max-width: 320rpx;
  border-radius: 20.16rpx;
  padding: 0 19rpx;
  margin-top: 16rpx;
  font-size: 24rpx;
  color: #fff;
  text-align: left;
  line-height: 40rpx;
  background-color: rgba(255, 255, 255, 0.29);
}

.task_wrapper {
  padding: 20rpx;
}

.task_wrapper .task_container {
  padding: 20rpx;
  font-size: 26rpx;
  color: #2c2c2c;
  text-align: left;
  background: #fff;
  border-radius: 10rpx;
}

.task_wrapper .task_container .task_volume {
  padding-bottom: 20rpx;
}

.task_wrapper .task_container .task_volume text {
  color: #fd8a49;
}

.task_wrapper .task_container .task_progress {
  display: flex;
  align-items: center;
  padding-bottom: 20rpx;
}

.task_wrapper .task_container .task_progress .task_pregress_bar_container {
  position: relative;
  width: 355rpx;
  height: 16rpx;
  background-color: #e6e6e6;
  border-radius: 8rpx;
  overflow: hidden;
}

.task_wrapper .task_container .task_progress .task_pregress_bar_container .task_pregress_bar {
  position: absolute;
  left: 0;
  height: 16rpx;
  background-color: #fd8a49;
  border-radius: 8rpx;
}

.task_wrapper .task_container .hr {
  width: 100%;
  height: 1rpx;
  background-color: #eee;
}

.task_wrapper .task_container .task_reward {
  padding-top: 25rpx;
}

.goods_list {
  padding: 0 20rpx;
}

.goods_list .goods_item {
  display: flex;
  width: 100%;
  height: 170rpx;
  padding: 20rpx;
  margin-bottom: 20rpx;
  background-color: #fff;
  border-radius: 10rpx;
}

.goods_list .goods_item .goods_face {
  width: 130rpx;
  height: 130rpx;
  border-radius: 10rpx;
}

.goods_list .goods_item .goods_face image {
  width: 130rpx;
  height: 130rpx;
  border-radius: 10rpx;
}

.goods_list .goods_item .goods_content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 18rpx;
  text-align: left;
}

.goods_list .goods_item .goods_content .goods_name {
  font-size: 28rpx;
  color: #2c2c2c;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.goods_list .goods_item .goods_content .goods_desc {
  display: flex;
  font-size: 22rpx;
  color: #8a8a8a;
}

.goods_list .goods_item .goods_content .goods_desc .price {
  margin-left: 57rpx;
}