/* packageA/mycomponent/goodsComponent/selfParameterServicetag/selfParameterServicetag.wxss */
@import "/mycss/stylesheet.wxss";
@import "/mycss/iconfont.wxss";

.act-box {
  background-color: #fff;
  margin: 20rpx;
  border-radius: 20rpx;
}

.act-box .coupon {
  display: flex;
  height: 88rpx;
  padding-right: 24rpx;
  margin-left: 24rpx;

  /* border-bottom: solid 2rpx #e2e2e2; */
  align-items: center;
}

.act-box .coupon .li_1 {
  margin-right: 40rpx;
}

.act-box .coupon .li_2 .span {
  background-color: #f15353;
  color: #fff;
  padding: 4rpx 20rpx;
  border-radius: 8rpx;
  font-size: 24rpx;
  margin-right: 20rpx;
  border: solid 2rpx #f15353;
  flex: 2;
}

.act-box .coupon .ang_right {
  display: flex;
  justify-content: flex-end;
  flex: 7;
  align-items: center;
}

.act-box .coupon .ang_right .ang_right_icon {
  width: 32rpx;
  padding-top: 10rpx;
}

.act-box .vip {
  display: flex;
  height: 88rpx;
  padding-right: 24rpx;
  margin-left: 24rpx;
  align-items: center;
  border-bottom: solid 2rpx #e2e2e2;
}

.act-box .vip .li_1 {
  margin-right: 40rpx;
}

.act-box .vip .grade text {
  border: solid 2rpx #f15353;
  padding: 4rpx 20rpx;
  color: #f15353;
  margin-right: 20rpx;
  border-radius: 6rpx;
  font-size: 24rpx;
}

.act-box .vip .li_3 text {
  color: #f15353;
}

.canTxt {
  font-size: 24rpx;
}

.act-box .act {
  display: flex;
  height: 88rpx;
  margin-right: 24rpx;
  margin-left: 24rpx;
  align-items: center;

  /* border-bottom: solid 2rpx #e2e2e2; */
}

.act-box .act_bq {
  display: flex;
  margin-right: 24rpx;
  margin-left: 24rpx;
  align-items: center;

  /* border-bottom: solid 2rpx #e2e2e2; */
  justify-content: flex-start;
  flex-wrap: wrap;
}

.act_bq_Box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10rpx 5rpx;
}

.act_bq_Box image {
  width: 24rpx;
  height: 24rpx;
  margin-left: 6rpx;
}

.act-box .act .act1 {
  margin-right: 40rpx;
}

.act-box .act .act2 text {
  border: solid 2rpx #f15353;
  color: #f15353;
  padding: 4rpx 20rpx;
  border-radius: 6rpx;
  font-size: 24rpx;
}

.act-box .act .act3 {
  flex: 2.5;
  margin-left: 20rpx;
  font-size: 24rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.act-box .act .ang_right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* 活动弹窗 */
.shadeMode_1 {
  position: fixed;
  background: #fff;
  top: auto;
  right: auto;
  bottom: -1000rpx;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  width: 100%;
  z-index: 2001;
  overflow: visible;
  transition: 0.6s ease-out;
}

.activitycontent .header {
  display: flex;
  height: 90rpx;
  font-size: 32rpx;
  color: #333;
  align-items: center;
}

.activitycontent .header .left {
  flex: 2;
}

.activitycontent .header .center {
  flex: 6;
  text-align: center;
}

.activitycontent .header .right {
  flex: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}

.activitycontent .header .right .close {
  width: 40rpx;
  padding-top: 10rpx;
}

.activitybot {
  padding-bottom: 50rpx;
  height: 800rpx;
  overflow-y: scroll;
}

.activitycontent .activicell {
  position: relative;
  z-index: 5;
  background-color: #fff;
  padding: 15rpx 0;
  display: flex;
  flex-direction: column;
}

.activitycontent .activicell .left {
  color: #f15353;
  font-weight: bold;
  font-size: 13px;
  margin-left: 30rpx;
  max-height: 40rpx;
  margin-bottom: 10rpx;
}

.activitycontent .activicell .right {
  margin-left: 30rpx;
}

/* end */

/* 参数弹窗 */
.canshu {
  width: 100%;
}

.canshu .showTitle {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 18px;
}

.canshu .parameter {
  height: 800rpx;
  overflow-y: scroll;
}

.canshu .parameter .par-info {
  display: flex;
  justify-content: space-between;
  margin: 0 20rpx;
  padding: 24rpx 0;
  align-items: center;
  border-bottom: 2rpx solid #e4e4e4;
  box-sizing: border-box;
}

.canshu .parameter .par-info .name {
  text-align: left;
  padding-right: 40rpx;
  box-sizing: border-box;
}

.canshu .parameter .par-info .value {
  text-align: left;
  flex: 0 0 70%;
  color: #5d5d5d;
}

.server-popup-item {
  display: flex;
  padding: 20rpx;
}

.server-popup-left {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.server-popup-top {
  display: flex;
  align-items: center;
  margin-bottom: 0.3rem;
}

.server-icon {
  width: 30rpx;
  height: 30rpx;
}

.server-popup-top .name {
  margin: 0 0 0.2rem 0.5rem;
  font-size: 14px;
  color: #f14e4e;
  font-weight: bold;
}

.desc {
  font-size: 12px;
  color: #3a3a3a;
}

.server-popup-right {
  flex: 0 0 20px;
}

/* end */

.shadeModeShow {
  bottom: 0;
  height: 75vh;
}

.shadeModeShow .specifications {
  display: block;
}

.popupModeShow {
  opacity: 0;
  transition: 0.6s ease-out;
}

/* 拼团玩法 */
.group_play {
  margin-top: 20rpx;
  background: #fff;
  padding: 28rpx;
}

.group_play .h2 {
  font-weight: normal;
  font-size: 15px;
  margin-bottom: 20rpx;
  text-align: left;
}

.group_play .play {
  background: #fafafa;
  display: flex;
  padding: 12rpx;
}

.group_play .play .li {
  width: 33.3%;
  margin-right: 8rpx;
  color: #8c8c8c;
  text-align: left;
  display: flex;
  align-items: center;
}

.group_play .play .li .span:first-child {
  display: inline-table;
  width: 32rpx;
  height: 32rpx;
  color: #fff;
  font-size: 12px;
  border-radius: 32rpx;
  background: #8c8c8c;
  text-align: center;
  margin-right: 12rpx;
}

.group_play .play .li .span:last-child {
  width: 180rpx;
}

.group_play .play .li:last-child {
  margin: 0;
}

/* 抢团结果步骤样式 */
.grab-result {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  height: 190rpx;
  margin-top: 20rpx;
  background-color: #fff;
}

.grab-result .stepItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.grab-result .stepItem .img {
  width: 72rpx;
  height: 72rpx;
}

.grab-result .stepItem .img image {
  width: 72rpx;
  height: 72rpx;
}

.grab-result .stepItem .text {
  font-size: 22rpx;
  color: #424141;
}

.grab-result .stepItem .red {
  color: #ff4848;
}

.grab-result .stepItem .c1 {
  margin-top: 12rpx;
}

.grab-result .stepItem .c2 {
  margin-top: 6rpx;
}

.grab-result .block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1.2rem;
}

.grab-result .block view {
  width: 0.156rem;
  height: 0.156rem;
  background-color: #b0b0b0;
  border-radius: 50%;
}

.group_into {
  background: #fff;
  margin: 20rpx 0;
  padding: 28rpx;
  position: relative;
}

.group_into .h2 {
  font-weight: normal;
  font-size: 15px;
  margin-bottom: 20rpx;
  text-align: left;
}

.group_into .more {
  position: absolute;
  top: 28rpx;
  right: 28rpx;
  display: flex;
  color: #8c8c8c;
  font-size: 12px;
}

.group_into .more .fa {
  font-size: 32rpx;
  margin-left: 12rpx;
}

.group_into .into_user {
  display: flex;
  align-items: center;
}

.group_into .into_user .user {
  width: 72rpx;
  height: 72rpx;
  background: #f2f2f2;
  border-radius: 64rpx;
  overflow: hidden;
  margin-right: 20rpx;
}

.group_into .into_user .user image {
  width: 100%;
  height: 100%;
}

.group_into .into_user .time {
  /* width: 458rpx; */
  flex: 1;
  text-align: left;
}

.group_into .into_user .time .time_a {
  font-size: 14px;
}

.group_into .into_user .time .time_b {
  font-size: 12px;
  color: #8c8c8c;
}

.group_into .into_user .time .time_b .span {
  color: #f15353;
}

.group_into .into_user button {
  border: none;
  background: #f15353;
  color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 8rpx;
  font-size: 12px;
}

.explain {
  margin-top: 20rpx;
  background: #fff;
  padding: 28rpx;
}

.explain .title {
  font-weight: normal;
  font-size: 15px;
  margin-bottom: 20rpx;
  text-align: left;
}

.explain .content {
  text-align: center;
  background: #fafafa;
  /* display: flex; */
  padding: 12rpx;
  font-size: 14px;
}

.store-position {
  margin-top: 20rpx;
  font-size: 28rpx;
  background: #fff;
}

.store-position .store-box {
  display: flex;
  justify-content: space-between;
  height: 80rpx;
  line-height: 80rpx;
  border-bottom: solid 2rpx #e8e8e8;
  margin-left: 28rpx;
  padding-right: 28rpx;
}

.store-position .store-box .store-name {
  display: flex;
  align-items: center;
}

.store-position .store-box .store-name van-icon {
  margin-right: 12rpx;
}

.store-position .store-box .o2oName {
  color: rgb(140, 140, 140);
}

.store-position van-icon {
  display: flex;
  align-items: center;
}

.store-position .contact-box {
  background: #fff;
  height: 80rpx;
  line-height: 80rpx;
  display: flex;
  justify-content: space-between;
  margin-left: 28rpx;
  padding-right: 28rpx;
}

.store-position .contact-box .o2oPhone {
  display: flex;
  align-items: center;
}

.store-position .contact-box .o2oPhone van-icon {
  margin-right: 12rpx;
}

.store-position .contact-box .position {
  display: flex;
  align-items: center;
}

/* 拼团 */


/* 拼团中弹窗 */
.open_group {
  background: #fff;
  padding: 20rpx;
  border-radius: 16rpx;
}

.open_group .p {
  font-size: 14px;
  margin-bottom: 20rpx;
}

.open_group .icon_close {
  position: absolute;
  top: 8rpx;
  right: 0;
  width: 80rpx;
  height: 80rpx;
}

.open_group .iconfont {
  line-height: 80rpx;
  font-size: 28rpx;
  color: #999;
}

.open_group .into_user {
  display: flex;
  align-items: center;
  border-bottom: solid 2rpx #ebebeb;
  padding: 20rpx 0;
}

.open_group .into_user .user {
  width: 72rpx;
  height: 72rpx;
  background: #f2f2f2;
  border-radius: 64rpx;
  overflow: hidden;
  margin-right: 20rpx;
}

.open_group .into_user .time {
  width: 368rpx;
  text-align: left;
}

.open_group .into_user .time .time_a {
  font-size: 14px;
}

.open_group .into_user .time .time_b {
  font-size: 12px;
  color: #8c8c8c;
}

.open_group .into_user .time .time_b .span {
  color: #f15353;
}

.open_group .into_user .user image {
  width: 100%;
  height: 100%;
}

.open_group .into_user button {
  border: none;
  background: #f15353;
  color: #fff;
  width: 155rpx;
  height: 52rpx;
  border-radius: 8rpx;
  font-size: 12px;
}

/* 拼团中弹窗end */

/* 抢团 */
.group_good .group_play {
  margin-top: 20rpx;
  background: #fff;
  padding: 28rpx;
}

.group_good .group_play .h2 {
  font-weight: normal;
  font-size: 15px;
  margin-bottom: 20rpx;
  text-align: left;
}

.group_good .group_play .play {
  display: flex;
  padding: 12rpx;
}

.group_good .group_play .play .li {
  width: 33.3%;
  margin-right: 8rpx;
  color: #8c8c8c;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.group_good .group_play .play .li .span:first-child {
  display: block;
  width: 32rpx;
  height: 32rpx;
  line-height: 32rpx;
  color: #ff6333;
  font-size: 12px;
  border-radius: 32rpx;
  background: rgba(255, 96, 0, 0.1);
  text-align: center;
  margin-bottom: 12rpx;
}

.group_good .group_play .play .li .span:last-child {
  width: 160rpx;
  color: #333;
}

.group_good .group_play .play .border_lr::before,
.group_good .group_play .play .border_lr::after {
  content: '';
  position: absolute; /* 定位背景横线的位置 */
  top: 0.5rem;
  background: #ccced0; /* 背景横线颜色 */
  width: 70%; /* 单侧横线的长度 */
  height: 1px;
}

.group_good .group_play .play .border_lr::before {
  left: -40%; /* 调整背景横线的左右距离 */
}

.group_good .group_play .play .border_lr::after {
  right: -40%;
}

.group_good .group_play .play .li:last-child {
  margin: 0;
}

.group_good .group_into {
  background: #fff;
  margin: 20rpx 0;
  padding: 28rpx;
  position: relative;
}

.group_good .group_into .h2 {
  font-weight: normal;
  font-size: 15px;
  margin-bottom: 20rpx;
  text-align: left;
}

.group_good .group_into .more {
  position: absolute;
  top: 28rpx;
  right: 28rpx;
  display: flex;
  color: #8c8c8c;
  font-size: 12px;
}

.group_good .group_into .more .fa {
  font-size: 32rpx;
  margin-left: 12rpx;
}

.group_good .group_into .into_user {
  display: flex;
  align-items: center;
  margin-bottom: 10rpx;
}

.group_good .group_into .into_user .user {
  width: 72rpx;
  height: 72rpx;
  background: #f2f2f2;
  border-radius: 64rpx;
  overflow: hidden;
  margin-right: 20rpx;
}

.group_good .group_into .into_user .user image {
  width: 100%;
  height: 100%;
}

.group_good .group_into .into_user .time {
  /* width: 458rpx; */
  flex: 1;
  text-align: left;
}

.group_good .group_into .into_user .time .time_a {
  font-size: 14px;
}

.group_good .group_into .into_user .time .time_a .name {
  font-size: 14px;
  overflow: hidden;/* 超出部分隐藏 */
  text-overflow: ellipsis;/* 超出部分显示省略号 */
  white-space: nowrap;/* 规定段落中的文本不进行换行 */
}

.group_good .group_into .into_user .time .time_b {
  font-size: 12px;
  color: #8c8c8c;
}

.group_good .group_into .into_user .time .time_b .span {
  color: #f15353;
}

.group_good .group_into .into_user button {
  border: none;
  background: #f15353;
  color: #fff;
  width: 100%;
  height: 100%;
  border-radius: 8rpx;
  font-size: 12px;
}

.group_good .into_bg_color {
  background-color: #f5f5f5;
  border-radius: 4rpx;
  padding: 12rpx;
  max-height: 18rem;
  overflow-y: scroll;
}

.member-reward {
  display: flex;
  align-items: center;
  padding: 0 28rpx;
  height: 80rpx;
  line-height: 80rpx;
  background: #fff;
  margin-top: 20rpx;
  font-size: 24rpx;
}

.member-reward .member-reward-btn {
  height: 48rpx;
  line-height: 48rpx;
  background-color: rgba(255, 93, 0, 0.1);
  border-radius: 24rpx;
  padding: 0 16rpx;
  margin-right: 20rpx;
  color: #ff6000;
}

.member-reward .member-reward-price {
  color: #ff2c29;
  margin-left: 16rpx;
}

.group_good .into_user {
  display: flex;
  align-items: center;
  padding: 20rpx;
  background: #fff;
}

.group_good .into_user .user {
  width: 72rpx;
  height: 72rpx;
  background: #f2f2f2;
  border-radius: 64rpx;
  overflow: hidden;
}

.group_good .into_user .user image {
  width: 100%;
  height: 100%;
}

.group_good .into_user .time {
  width: 368rpx;
  text-align: left;
  margin: 0 20rpx;
}

.group_good .into_user .time .li {
  display: flex;
  justify-content: space-between;
}

.group_good .into_user .time .time_a {
  font-size: 14px;
}

.group_good .into_user .time .time_a .name {
  font-size: 14px;
  overflow: hidden;/* 超出部分隐藏 */
  text-overflow: ellipsis;/* 超出部分显示省略号 */
  white-space: nowrap;/* 规定段落中的文本不进行换行 */
  flex: 1;
}

.group_good .into_user .time .time_b {
  font-size: 12px;
  color: #8c8c8c;
}

.group_good .into_user .time .time_b .span {
  color: #f15353;
}

.group_good .into_user button {
  border: none;
  color: #fff;
  width: 114rpx;
  height: 50rpx;
  border-radius: 25rpx !important;
  font-size: 24rpx;
  background: #ff6000 !important;
  padding-left: 0;
  padding-right: 0;
  line-height: 50rpx;
}

.group_good .into_user button::after {
  border: none;
}

/* 抢团 弹窗 */
.group_good .open_group {
  background: #fff;
  padding: 20rpx;
  border-radius: 16rpx;
}

.group_good .open_group .p {
  font-size: 14px;
  margin-bottom: 20rpx;
}

.group_good .open_group .icon_close {
  position: absolute;
  top: 8rpx;
  right: 0;
  width: 80rpx;
  height: 80rpx;
}

.group_good .open_group .iconfont {
  line-height: 80rpx;
  font-size: 28rpx;
  color: #999;
}

.group_good .into_bg_color {
  background-color: #f5f5f5;
  border-radius: 4rpx;
  padding: 12rpx;
  max-height: 18rem;
  overflow-y: scroll;
}


/* 参与历史 */
.history-box {
  margin-top: 0.625rem;
  background: #fff;
  padding: 0.875rem;
}

.history-box .containe {
  background-image: linear-gradient(90deg, #fff6e2 0%, #fffae2 100%), linear-gradient(#fffae2, #fffae2);
  border-radius: 2rpx;
  padding: 0.5rem;
  display: flex;
  justify-content: space-between;
  color: #ec6565;
  text-align: left;
}

.history-box .containe .count {
  font-weight: bolder;
  font-size: 1rem;
}

.history-box .containe .total {
  margin-top: 0.5rem;
  font-size: 0.8rem;
}

.history-box .containe .num {
  color: #ff7100;
}

.history-box .money-img {
  width: 4.19rem;
  height: 3.03rem;
  margin: 0;
}

/* 新样式 */
.panel {
  background-color: #fff;
  margin: 20rpx;
  border-radius: 20rpx;
}

.goods-additional-info {
  text-align: left;
  font-size: 12px;

  /* padding-top: 15rpx; */
}

.goods-additional-info .goods-additional-text {
  width: 100rpx;
  font-size: 13px;
  color: #9c9c9c;
}

.goods-additional-info .goods-additional-content {
  flex: 1;
  font-size: 13px;
  font-weight: bold;
  color: #565656;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.goods-additional-info .goods-additional-button {
  font-weight: bold;
  color: #f14e4e;
}

.goods-additional-info .iconfont-button {
  color: #f14e4e;
}

.goods-additional-info .collect-order {
  display: flex;
  align-items: center;
  padding: 15rpx 20rpx;
  box-sizing: border-box;
  overflow: hidden;
}

.goods-additional-info .selfbuy-discount {
  display: flex;
  padding: 15rpx 20rpx;
}

.goods-additional-info .selfbuy-discount .selfbuy-discount-items {
  flex: 1;
  overflow: hidden;
}

.goods-additional-info .selfbuy-discount .selfbuy-discount-items .goods-additional-content:not(:first-child) {
  margin-top: 25rpx;
}

.goods-additional-info .goods-activity {
  display: flex;
  padding: 15rpx 20rpx;
}

.goods-additional-info .goods-activity .goods-activity-items {
  flex: 1;
  overflow: hidden;
}

.goods-additional-info .goods-activity .goods-activity-items .goods-activity-item:not(:first-child) {
  margin-top: 24rpx;
}

.goods-additional-info .goods-activity .goods-activity-items .goods-activity-item {
  display: flex;
  align-items: center;
}

.goods-additional-info .goods-activity .goods-activity-items .goods-activity-item .goods-activity-item-label {
  padding: 2rpx 14rpx;
  color: #f14e4e;
  background: rgba(241, 78, 78, 0.1);
  border-radius: 16rpx;
}

.goods-additional-info .goods-activity .goods-activity-items .goods-activity-item .goods-additional-content {
  margin-left: 12rpx;
}

.goods-additional-info .server-tag-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15rpx;
  padding: 20rpx;
  border-radius: 20rpx;
  background: rgba(246, 144, 54, 0.1);
}

.goods-additional-info .server-tag-box .server-tag-item {
  display: flex;
  align-items: center;
  margin: 8rpx;
}

.goods-additional-info .server-tag-box .server-tag-item .server-tag-icon {
  width: 30rpx;
  height: 30rpx;
  border-radius: 4rpx;
}

.goods-additional-info .server-tag-box .server-tag-item .server-tag-icon .img {
  width: 30rpx;
  height: 30rpx;
  border-radius: 4rpx;
}

.goods-additional-info .server-tag-box .server-tag-item .server-tab-text {
  margin-left: 10rpx;
  font-size: 12px;
  font-weight: bold;
  color: #f69036;
}

/* 应用市场弹窗 */
.popup-title {
  padding: 32rpx;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  position: relative;
}

.closs_icon {
  position: absolute;
  top: 26rpx;
  right: 25rpx;
  color: #888787;
}

.popup-box {
  height: 90%;
  overflow-y: scroll;
}

.popup-box .popup-item {
  margin: 0 30rpx;
  padding: 25rpx 0;
  border-bottom: 1rpx solid #f2f2f2;
  text-align: center;
  font-size: 28rpx;
}



 .icon-customform_add {
  color: #fff;
  font-size: 48rpx;
}

 .groupLIstBox {
  padding: 0 34.88rpx 30.08rpx 34.88rpx;
  border-radius: 9.92rpx;
  background-color: #ffffff;
  width: 560rpx;
  height: 671.04rpx;
  margin-bottom: 54.08rpx;
  overflow-y: scroll;
}
 .groupLIstBox .groupList:last-child {
  border-bottom: none;
}
 .groupLIstBox .groupList:first-child {
  border-bottom: none;
}
 .groupLIstBox .isnone {
  text-align: center;
  color: #666666;
  font-size: 28.8rpx;
  margin-top: 20rpx;
}
 .groupLIstBox .groupList {
  display: flex;
  align-items: center;
  padding: 30.08rpx 0;
  border-bottom: 1.0016rpx solid #eaeaea;
}
 .groupLIstBox .groupList .userinfo {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
}
 .groupLIstBox .groupList .userinfo .name {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 28.16rpx;
  color: #1f1f1f;
  font-weight: bold;
  margin-bottom: 9.6rpx;
  text-align: left;
}
 .groupLIstBox .groupList .userinfo .intro {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 24rpx;
  color: #666666;
  text-align: left;
}
 .groupLIstBox .groupList .imgaeBox {
  flex-shrink: 0;
  width: 70.08rpx;
  height: 70.08rpx;
  background-color: #b9b9b9;
  border-radius: 100%;
  margin-right: 22.08rpx;
}
 .groupLIstBox .groupList .imgaeBox image {
  border-radius: 100%;
  width: 100%;
  height: 100%;
}
 .groupLIstBox .txtT {
  text-align: left;
  font-size: 24rpx;
  color: #666666;
  margin-top: 29.12rpx;
  margin-bottom: 29.12rpx;
}
 .groupLIstBox .topHead {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 22;
  background: #fff;
  border-bottom: 1.0016rpx solid #eaeaea;
  height: 89.92rpx;
  display: flex;
  align-items: center;
}
 .groupLIstBox .topHead .txt {
  text-align: left;
  font-size: 25.92rpx;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
 .groupLIstBox .topHead .txt span {
  color: #f91515;
}

.groupTotal .user {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 28rpx;
  box-sizing: border-box;
}
.groupTotal .user .left {
  display: flex;
  align-content: center;
}
.groupTotal .user .left .userName {
  line-height: 60.16rpx;
  margin-left: 21.76rpx;
}
.groupTotal .user .left .image {
  width: 60.16rpx;
  height: 60.16rpx;
  border-radius: 100%;
  background: #ebebeb;
}
.groupTotal .user .left .image image{
  width: 60.16rpx;
  height: 60.16rpx;
  border-radius: 100%;
  background: #ebebeb;
}

 .headTop {
  padding: 28rpx;
  display: flex;
  justify-content: space-between;
  border-bottom: 1.0016rpx solid #eaeaea;
}