/* pages/member/IntegralActivity/IntegralActivity.wxss */
.integral_active .content .active_box {
  background-color: #f15353;
  margin-bottom: 20rpx;
  color: #fff;
}

.integral_active .content .active_box .active {
  padding: 28rpx;
  display: flex;
  justify-content: space-between;
}

.integral_active .content .active_box .active .active_num {
  text-align: left;
}

.integral_active .content .active_box .active .active_num .li:first-child {
  font-size: 52rpx;
  font-weight: bold;
}

.integral_active .content .active_box .active .active_num .li:last-child {
  font-size: 28rpx;
}

.integral_active .content .active_box .active .active_btn {
  background-color: #fff;
  height: 52rpx;
  padding: 0 20rpx;
  line-height: 52rpx;
  border-radius: 26rpx;
  color: #666;
  display: flex;
  align-items: center;
}

.integral_active .content .active_box .active .active_btn icon {
  margin-top: -8rpx;
}

.integral_active .content .active_box .active .active_btn.btn_2 {
  text-align: center;
  margin-top: 20rpx;
}

.integral_active .content .active_box .active .active_btn.btn_2 .span {
  flex: 1;
}

.integral_active .content .active_box .integral {
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  padding: 20rpx 0;
}

.integral_active .content .active_box .integral .li {
  flex: 1;
  text-align: center;
}

.integral_active .content .integral_box .h1 {
  background-color: #fff;
  text-align: left;
  height: 80rpx;
  line-height: 80rpx;
  padding: 0 28rpx;
  font-size: 32rpx;
  font-weight: bold;
  border-bottom: solid 2rpx #ebebeb;
  display: flex;
}

.integral_active .content .integral_box .h1 .spare {
  width: 8rpx;
  height: 32rpx;
  border-radius: 2rpx;
  margin-right: 12rpx;
  background: #f15353;
  margin-top: 24rpx;
}

.integral_active .content .integral_box .list {
  margin-bottom: 20rpx;
  background: #fff;
  padding: 20rpx 0;
}

.integral_active .content .integral_box .list .active_name {
  padding: 0 28rpx;
  display: flex;
  font-size: 28rpx;
  justify-content: space-between;
  align-items: center;
}

.integral_active .content .integral_box .list .active_name .left {
  display: flex;
  align-items: center;
}

.integral_active .content .integral_box .list .active_name icon:first-child {
  color: #666;
  margin-right: 20rpx;
  font-size: 40rpx;
}

.integral_active .content .integral_box .list .active_name .icon-share {
  width: 60rpx;
  color: #666;
  font-size: 32rpx;
}

.integral_active .content .integral_box .list .active_give {
  display: flex;
  padding: 20rpx 0;
}

.integral_active .content .integral_box .list .active_give .li {
  width: 50%;
  text-align: center;
  font-size: 24rpx;
}

.integral_active .content .integral_box .list .active_give .li .span {
  line-height: 48rpx;
}

.integral_active .content .integral_box .list .active_give .li .span:last-child {
  font-size: 36rpx;
}

.integral_active .content .integral_box .list .detail {
  height: 60rpx;

  /* 	line-height: 60rpx; */
  padding: 0 28rpx;
  font-size: 24rpx;
  display: flex;
  justify-content: space-between;
  color: #8c8c8c;
  align-items: center;
}

.integral_active .content .integral_box .list .detail .li {
  display: flex;
}

.integral_active .content .integral_box .list .detail .li .span {
  display: flex;
  align-items: center;
}

.integral_active .content .integral_box .list .detail .li .span van-icon {
  padding-top: 10rpx;
}