yunshengtai-uniapp/unpackage/dist/dev/mp-weixin/pagesB/pages/activity/GroupDetails/index.wxss

.product-con .wrapper.data-v-fea5acd0 {
  padding-bottom: 26rpx;
}
.noscroll.data-v-fea5acd0 {
  height: 100%;
  overflow: hidden;
}
.product-con .footer-group .bnt.data-v-fea5acd0 {
  width: 43%;
}
.footer-group button.data-v-fea5acd0 {
  border: 0;
  background: none;
}
.product-con .footer-group .bnt.bg-color-violet.data-v-fea5acd0 {
  background-color: #fa8013;
}
/*内容 部分*/
.tui-padding.data-v-fea5acd0 {
  padding: 0 30rpx;
  box-sizing: border-box;
}
.tui-ml-auto.data-v-fea5acd0 {
  margin-left: auto;
}
.tui-size.data-v-fea5acd0 {
  font-size: 24rpx;
  line-height: 24rpx;
}
.tui-gray.data-v-fea5acd0 {
  color: #999;
}
.tui-white__gray.data-v-fea5acd0 {
  color: rgba(255, 255, 255, 0.8);
  font-weight: normal;
  font-size: 26rpx;
}
.tui-color-red.data-v-fea5acd0 {
  color: #eb0909;
}
.tui-border-radius.data-v-fea5acd0 {
  border-bottom-left-radius: 24rpx;
  border-bottom-right-radius: 24rpx;
  overflow: hidden;
}
.tui-radius-all.data-v-fea5acd0 {
  border-radius: 24rpx;
  overflow: hidden;
}
.tui-mtop.data-v-fea5acd0 {
  margin-top: 26rpx;
}
.tui-pro-detail.data-v-fea5acd0 {
  box-sizing: border-box;
  color: #333;
}
.tui-product-title.data-v-fea5acd0 {
  background: #fff;
  padding-bottom: 30rpx;
}
.tui-price__box.data-v-fea5acd0 {
  width: 100%;
  height: 130rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.tui-pro-pricebox.data-v-fea5acd0 {
  width: 540rpx;
  height: 130rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  color: #ffffff;
  font-size: 26rpx;
  line-height: 26rpx;
  background: -webkit-linear-gradient(120deg, #ff1f2e, #f52c6c);
  background: linear-gradient(-30deg, #ff1f2e, #f52c6c);
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.tui-pro-price.data-v-fea5acd0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end;
}
.tui-price.data-v-fea5acd0 {
  font-size: 44rpx;
  line-height: 42rpx;
}
.tui-sold.data-v-fea5acd0 {
  width: 100%;
  height: 44rpx;
  padding-left: 4rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding-top: 10rpx;
}
.tui-price-tag.data-v-fea5acd0 {
  height: 38rpx;
  border: 1rpx solid #fff;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  font-size: 24rpx;
  line-height: 24rpx;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: 0 center;
          transform-origin: 0 center;
  border-radius: 6rpx;
  padding: 0 8rpx;
}
.tui-original-price.data-v-fea5acd0 {
  font-size: 26rpx;
  line-height: 26rpx;
  padding: 0 20rpx;
  box-sizing: border-box;
  text-decoration: line-through;
}
.tui-right__box.data-v-fea5acd0 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  background-color: #ffe5e5;
  font-size: 28rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  color: #eb0909;
}
.tui-pro-titbox.data-v-fea5acd0 {
  font-size: 32rpx;
  font-weight: 500;
  position: relative;
  padding: 0 150rpx 0 30rpx;
  box-sizing: border-box;
}
.tui-pro-title.data-v-fea5acd0 {
  padding-top: 20rpx;
}
.tui-share-btn.data-v-fea5acd0 {
  display: block;
  background: transparent;
  margin: 0;
  padding: 0;
  border-radius: 0;
  border: 0;
}
.tui-share-btn.data-v-fea5acd0::after {
  border: 0;
}
.tui-share-box.data-v-fea5acd0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.tui-share-position.data-v-fea5acd0 {
  position: absolute;
  right: 0;
  top: 30rpx;
}
.tui-share-text.data-v-fea5acd0 {
  padding-left: 8rpx;
}
.tui-sub-title.data-v-fea5acd0 {
  padding: 20rpx 0;
  line-height: 32rpx;
}
.tui-guarantee__box.data-v-fea5acd0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 12rpx 88rpx 0;
  box-sizing: border-box;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  background: #fff;
}
.tui-gt-item.data-v-fea5acd0 {
  font-size: 28rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.tui-gt-item text.data-v-fea5acd0 {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.tui-gt-img.data-v-fea5acd0 {
  width: 24rpx;
  height: 26rpx;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.tui-group-text.data-v-fea5acd0 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.tui-group-title.data-v-fea5acd0 {
  font-size: 30rpx;
  line-height: 30rpx;
  font-weight: bold;
  padding-left: 16rpx;
  border-left: 2px solid #eb0909;
  box-sizing: border-box;
}
.tui-sub__title.data-v-fea5acd0 {
  font-size: 26rpx;
  padding-right: 30rpx;
}
.tui-step__box.data-v-fea5acd0 {
  width: 100%;
  height: 210rpx;
  background: #fff;
  padding: 0 60rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  box-sizing: border-box;
}
.tui-step-item.data-v-fea5acd0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  font-size: 26rpx;
  color: #666666;
}
.tui-step-item image.data-v-fea5acd0 {
  width: 64rpx;
  height: 55rpx;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.tui-step-item image.data-v-fea5acd0:first-child {
  width: 60rpx !important;
}
.tui-step-arrow.data-v-fea5acd0 {
  height: 90rpx;
}
.tui-step-arrow image.data-v-fea5acd0 {
  width: 11rpx;
  height: 20rpx;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.tui-step-text.data-v-fea5acd0 {
  line-height: 26rpx;
  padding-top: 24rpx;
}
.tui-discount-box.data-v-fea5acd0 {
  background: #fff;
}
.tui-list__cell.data-v-fea5acd0 {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  font-size: 26rpx;
  line-height: 26rpx;
  padding: 36rpx 30rpx;
  box-sizing: border-box;
}
.tui-right.data-v-fea5acd0 {
  position: absolute;
  right: 30rpx;
  top: 30rpx;
}
.tui-top40.data-v-fea5acd0 {
  top: 40rpx !important;
}
.tui-bold.data-v-fea5acd0 {
  font-weight: bold;
}
.tui-list__cell.data-v-fea5acd0::after {
  content: '';
  position: absolute;
  border-bottom: 1rpx solid #eaeef1;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  bottom: 0;
  right: 0;
  left: 126rpx;
}
.tui-last.data-v-fea5acd0::after {
  border-bottom: 0 !important;
}
.tui-flex-center.data-v-fea5acd0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.tui-cell-title.data-v-fea5acd0 {
  width: 66rpx;
  padding-right: 30rpx;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
}
.tui-promotion-box.data-v-fea5acd0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 10rpx 0;
  width: 80%;
}
.tui-promotion-box text.data-v-fea5acd0 {
  width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tui-basic-info.data-v-fea5acd0 {
  background: #fff;
}
.tui-addr-box.data-v-fea5acd0 {
  width: 76%;
}
.tui-addr-item.data-v-fea5acd0 {
  padding: 10rpx;
  line-height: 34rpx;
}
.tui-guarantee.data-v-fea5acd0 {
  background: #fdfdfd;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 20rpx 30rpx 30rpx 30rpx;
  font-size: 24rpx;
}
.tui-guarantee-item.data-v-fea5acd0 {
  color: #999;
  padding-right: 30rpx;
  padding-top: 10rpx;
}
.tui-pl.data-v-fea5acd0 {
  padding-left: 4rpx;
}
.tui-cmt-box.data-v-fea5acd0 {
  background: #fff;
}
.tui-between.data-v-fea5acd0 {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
          justify-content: space-between !important;
}
.tui-cmt-all.data-v-fea5acd0 {
  color: #ff201f;
  padding-right: 8rpx;
}
.tui-cmt-content.data-v-fea5acd0 {
  font-size: 26rpx;
}
.tui-cmt-user.data-v-fea5acd0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.tui-acatar.data-v-fea5acd0 {
  width: 60rpx;
  height: 60rpx;
  border-radius: 30rpx;
  display: block;
  margin-right: 16rpx;
}
.tui-cmt.data-v-fea5acd0 {
  padding: 14rpx 0;
}
.tui-attr.data-v-fea5acd0 {
  font-size: 24rpx;
  color: #999;
  padding: 6rpx 0;
}
.tui-cmt-btn.data-v-fea5acd0 {
  padding: 50rpx 0 30rpx 0;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.tui-nomore-box.data-v-fea5acd0 {
  padding-top: 10rpx;
}
.tui-product-img.data-v-fea5acd0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.tui-product-img image.data-v-fea5acd0 {
  width: 100%;
  display: block;
}
/*底部操作栏*/
.tui-col-7.data-v-fea5acd0 {
  width: 58.33333333%;
}
.tui-col-5.data-v-fea5acd0 {
  width: 41.66666667%;
}
.tui-operation.data-v-fea5acd0 {
  width: 100%;
  height: 100rpx;
  background: rgba(255, 255, 255, 0.98);
  position: fixed;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  z-index: 100;
  bottom: 0;
  left: 0;
  padding-bottom: env(safe-area-inset-bottom);
}
.tui-safearea-bottom.data-v-fea5acd0 {
  width: 100%;
  height: env(safe-area-inset-bottom);
}
.tui-operation.data-v-fea5acd0::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  border-top: 1rpx solid #eaeef1;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.tui-operation-left.data-v-fea5acd0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.tui-operation-item.data-v-fea5acd0 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  position: relative;
  background: none;
  padding: 0;
  border: 0;
  line-height: 1em;
}
.tui-operation-item.data-v-fea5acd0:after {
  display: none;
}
.tui-operation-item .tui-operation-text.data-v-fea5acd0 {
  margin-top: 9rpx;
  line-height: 1em;
}
.tui-operation-text.data-v-fea5acd0 {
  font-size: 22rpx;
  color: #333;
}
.tui-opacity.data-v-fea5acd0 {
  opacity: 0.5;
}
.tui-scale-small.data-v-fea5acd0 {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.tui-operation-right.data-v-fea5acd0 {
  height: 100rpx;
  padding-top: 0;
}
.tui-right-flex.data-v-fea5acd0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.tui-flex-1.data-v-fea5acd0 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
.tui-img__clock.data-v-fea5acd0 {
  width: 30rpx;
  height: 30rpx;
  margin-right: 8rpx;
}
/*底部操作栏*/
/*底部选择弹层*/
.tui-popup-class.data-v-fea5acd0 {
  border-top-left-radius: 24rpx;
  border-top-right-radius: 24rpx;
  padding-bottom: env(safe-area-inset-bottom);
}
.tui-popup-box.data-v-fea5acd0 {
  position: relative;
  padding: 30rpx 0 100rpx 0;
}
.tui-popup-btn.data-v-fea5acd0 {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.tui-product-box.data-v-fea5acd0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  font-size: 24rpx;
  padding-bottom: 30rpx;
}
.tui-popup-img.data-v-fea5acd0 {
  height: 200rpx;
  width: 200rpx;
  border-radius: 24rpx;
  display: block;
}
.tui-popup-price.data-v-fea5acd0 {
  padding-left: 20rpx;
  padding-bottom: 8rpx;
}
.tui-amount.data-v-fea5acd0 {
  color: #ff201f;
  font-size: 36rpx;
}
.tui-number.data-v-fea5acd0 {
  font-size: 24rpx;
  line-height: 24rpx;
  padding-top: 12rpx;
  color: #999;
}
.tui-popup-scroll.data-v-fea5acd0 {
  height: 600rpx;
  font-size: 26rpx;
}
.tui-scrollview-box.data-v-fea5acd0 {
  padding: 0 30rpx 60rpx 30rpx;
  box-sizing: border-box;
}
.tui-attr-title.data-v-fea5acd0 {
  padding: 10rpx 0;
  color: #333;
}
.tui-attr-box.data-v-fea5acd0 {
  font-size: 0;
  padding: 20rpx 0;
}
.tui-attr-item.data-v-fea5acd0 {
  max-width: 100%;
  min-width: 200rpx;
  height: 64rpx;
  display: -webkit-inline-flex;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  background: #f7f7f7;
  padding: 0 26rpx;
  box-sizing: border-box;
  border-radius: 32rpx;
  margin-right: 20rpx;
  margin-bottom: 20rpx;
  font-size: 26rpx;
}
.tui-attr-active.data-v-fea5acd0 {
  background: #fcedea !important;
  color: #e41f19;
  font-weight: bold;
  position: relative;
}
.tui-attr-active.data-v-fea5acd0::after {
  content: '';
  position: absolute;
  border: 1rpx solid #e41f19;
  width: 100%;
  height: 100%;
  border-radius: 40rpx;
  left: 0;
  top: 0;
}
.tui-number-box.data-v-fea5acd0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 20rpx 0 30rpx 0;
  box-sizing: border-box;
}
/*底部选择弹层*/
/*拼团玩法介绍 modal*/
.tui-modal__title.data-v-fea5acd0 {
  text-align: center;
  font-weight: bold;
  padding-bottom: 8rpx;
}
.tui-modal__p.data-v-fea5acd0 {
  font-size: 26rpx;
  color: #888;
  padding-top: 20rpx;
}
.tui-modal__btn.data-v-fea5acd0 {
  width: 100%;
  padding: 60rpx 0 20rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
/*正在拼团*/
.tui-group-swiper.data-v-fea5acd0 {
  width: 100%;
  background-color: #fff;
}
.tui-group-user.data-v-fea5acd0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  padding: 35rpx 40rpx;
  box-sizing: border-box;
}
.tui-user-left.data-v-fea5acd0 {
  font-size: 30rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.tui-user-left image.data-v-fea5acd0 {
  height: 80rpx;
  width: 80rpx;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  border-radius: 50%;
  margin-right: 16rpx;
}
.tui-user-right.data-v-fea5acd0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.tui-user-anme.data-v-fea5acd0 {
  max-width: 160rpx;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tui-group-num.data-v-fea5acd0 {
  font-size: 26rpx;
  line-height: 26rpx;
  padding-bottom: 12rpx;
}
.tui-user-countdown.data-v-fea5acd0 {
  padding-right: 18rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.tui-sub-title.data-v-fea5acd0 {
  font-size: 28rpx;
  padding-right: 30rpx;
}
.tui-group-countdown.data-v-fea5acd0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  font-size: 24rpx;
  color: #666666;
  white-space: nowrap;
}
.tui-countdown-right.data-v-fea5acd0 {
  padding-right: 6rpx;
}
.tui-countdown-left.data-v-fea5acd0 {
  padding-left: 6rpx;
}
.tui-btn__box.data-v-fea5acd0 {
  height: 98rpx;
  font-size: 26rpx;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  line-height: 28rpx;
  padding: 18rpx 0 14rpx 0;
  box-sizing: border-box;
}
.tui-size-26.data-v-fea5acd0 {
  font-size: 26rpx;
  line-height: 26rpx;
  padding-top: 4rpx;
}
.tui-size-36.data-v-fea5acd0 {
  font-size: 36rpx;
  line-height: 34rpx;
  font-weight: 500;
}
.tui-flex-end.data-v-fea5acd0 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end;
}