.mygroups .content .list_box {
  /* min-height: 100vh; */
}

.mygroups .content .list_box .list {
  background: #fff;
  margin: 24rpx 24rpx 0;
  border-radius: 10rpx;
}

.mygroups .content .list_box .list .time_state {
  display: flex;
  justify-content: space-between;
  font-size: 24rpx;
  height: 80rpx;
  line-height: 80rpx;
  padding: 0 28rpx;
}

.mt-span {
  margin-left: 40rpx;
}

.mr-span {
  margin-left: 250rpx;
}

.mygroups .content .list_box .list .time_state .state {
  color: #f15353;
}

.mygroups .content .list_box .list .goods_box {
  padding: 20rpx 28rpx;
  display: flex;
}

.mygroups .content .list_box .list .goods_box .goods_img {
  width: 250rpx;
  height: 250rpx;
  overflow: hidden;
  background: #f2f2f2;
  border-radius: 10rpx;
  margin-right: 26rpx;
  flex-shrink: 0;
}

.mygroups .content .list_box .list .goods_box .goods_img image {
  height: 100%;
  width: 100%;
}

.mygroups .content .list_box .list .goods_box .goods_name {
  width: 494rpx;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mygroups .content .list_box .list .goods_box .goods_name .name_price {
  display: flex;
  justify-content: space-between;
}

.mygroups .content .list_box .list .goods_box .goods_name .name_price .name {
  width: 100%;
  height: 112rpx;
  font-size: 28rpx;
  line-height: 28rpx;
  text-align: left;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.mygroups .content .list_box .list .goods_box .goods_name .name_price .price {
  font-size: 28rpx;
  text-align: left;
  line-height: 40rpx;
}

.mygroups .content .list_box .list .goods_box .goods_name .name_price .price .span {
  color: #8c8c8c;
}

.mygroups .content .list_box .list .goods_box .goods_name .option {
  width: 100%;
  color: #f15353;
  text-align: left;
  flex-wrap: nowrap;
}

.mygroups .content .list_box .list .goods_box .timestamp_box {
  display: flex;
  text-align: left;
  padding: 0 0.5rem;
  height: 1.25rem;
  line-height: 1.25rem;
  border-radius: 0.625rem;
  background-color: rgba(255, 44, 41, 0.1);
  color: #ff2c29;
}

.mygroups .content .list_box .list .goods_box .goods_name .option view {
  font-size: 32rpx;
  display: flex;
  line-height: 32rpx;
}

.mygroups .content .list_box .list .all_price {
  height: 80rpx;
  line-height: 80rpx;
  padding: 0 28rpx;
  text-align: right;
  font-size: 14px;
  font-weight: normal;
}

.mygroups .content .list_box .list .all_price .span {
  font-weight: bold;
  font-size: 18px;
}

.mygroups .content .list_box .list .allbt {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 16rpx 28rpx;
}

.mygroups .content .list_box .list .allbt .button {
  border-radius: 24rpx;
  border: solid 2rpx #ff2c29;
  width: auto;
  height: 48rpx;
  text-align: center;
  margin: 0 0 15rpx 15rpx;
  font-size: 24rpx;
  line-height: 48rpx;
  color: #ff2c29;
  padding: 0 20rpx;
}

.mygroups .content .list_box .list .allbt .groupDetail {
  color: #fff;
  background: #ff2c29;
}

.none {
  width: 613rpx;
  height: 408rpx;
  margin: 0 auto;
  margin-top: 100rpx;
}

.none image {
  width: 100%;
  height: 100%;
}

.addUser {
  width: 600rpx;
  height: 80rpx;
  background-image:
    linear-gradient(
      0deg,
      #ff8a66 0%,
      #ff4946 84%
    ),
    linear-gradient(
      #03ddc8,
      #03ddc8
    );
  background-blend-mode:
    normal,
    normal;
  box-shadow:
    0rpx 4rpx 8rpx 0rpx
    rgba(255, 79, 73, 0.13);
  border-radius: 40rpx;
  margin: 0 auto;
  text-align: center;
  line-height: 80rpx;
  margin-top: 74rpx;
  font-size: 32rpx;
  color: #fff;
}
