H5_module/product/groupDetail/groupDetail.css

/* pages/groupDetail/groupDetail.wxss */
.banner {
  overflow: hidden;
  position: relative;
}

.swiper,
.swiper image {
  width: 100%;
  height: 750rpx;
}

.dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 11rpx;
  align-items: center;
  justify-content: center;
}

.dot{background:var(--mina) ;width: 10rpx;height: 10rpx;border-radius: 5rpx;margin: 0 3rpx;}

.dot.active {
  width: 30rpx;
}

.group {
  position: relative;
  height: 120rpx;
}

.ptbg {
  width: 100%;
  height: 120rpx;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.groups {
  position: relative;
  z-index: 2;
  align-items: center;
  padding: 0 30rpx;
  justify-content: space-between;
  height: 120rpx;
}

.price {
  font-size: 28rpx;
  color: #FE0419;
}

.price text {
  font-size: 40rpx;
  font-weight: bold;
}

.price text.origin {
  font-weight: normal;
  font-size: 24rpx;
  color: #999;
  text-decoration: line-through;
  margin-left: 10rpx;
}

.left .price,
.left .price text.origin {
  color: #fff;
}
.addcart{width: 206rpx;height: 76rpx;border: 2rpx solid #FD3C31;border-radius: 40rpx;text-align: center;line-height: 76rpx;font-size: 30rpx;color: #FD3A31;margin: 0 10rpx;}
.gray{color: #999;border-color: #999;}

.pin {
  font-size: 22rpx;
  color: #fff;
}

.tuan {
  width: 154rpx;
  height: 40rpx;
  float: right;
}

.endtime {
  align-items: center;
  font-size: 22rpx;
  color: #fff;
  line-height: 36rpx;
  margin-top: 47rpx;
  overflow: hidden;
  clear: both;
}

.endtime view {
  margin-right: 15rpx;
}

.endtime text {
  display: block;
  width: 36rpx;
  height: 36rpx;
  background: rgba(178, 38, 81, 1);
  border-radius: 6rpx;
  font-size: 24rpx;
  color: #fff;
  text-align: center;
  line-height: 36rpx;
  margin: 0 5rpx
}


.info {
  padding: 30rpx 30rpx 40rpx;
}

.infos {
  align-items: center;
  justify-content: space-between;
}

.share {
  font-size: 20rpx;
  color: #999;
  text-align: center;
  position: relative;
  margin-left: 45rpx !important;
}

.share::after {
  content: '';
  display: block;
  width: 2rpx;
  height: 45rpx;
  background: #e7e7e7;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -30rpx;
}

.share image {
  width: 31rpx;
  height: 31rpx;
  margin: 0 auto 10rpx;
}

.title {
  font-size: 30rpx;
  color: #222;
  line-height: 40rpx;
  font-weight: bold;
}

.tag {
  width: 82rpx;
  height: 36rpx;
  display: inline-block;
  margin: 0 10rpx 0 0;
  position: relative;
  top: 7rpx;
}

.detinfo .item {
  padding: 30rpx;
  border-bottom: 1rpx solid #f6f6f6;
}

.detinfo .item:last-child {
  border-bottom: none;
}

.item label {
  display: block;
  width: 130rpx;
  font-size: 28rpx;
  color: #222;
  font-weight: bold;
  line-height: 40rpx;
}

.quan .flex {
  align-items: center;
}

.quan text {
  display: block;
  background: #FDF5F3;
  padding: 0 13rpx;
  height: 40rpx;
  line-height: 40rpx;
  font-size: 24rpx;
  color: #FF5F08;
  margin-right: 10rpx;
}

.ling {
  font-size: 24rpx;
  color: #FF5F08;
  align-items: center;
}

.ling image {
  width: 14rpx;
  height: 24rpx;
  margin-left: 11rpx;
}

.address {
  font-size: 28rpx;
  color: #333;
  line-height: 40rpx;
}

.huo {
  font-size: 24rpx;
  color: #666;
  line-height: 40rpx;
}

.huo text {
  color: #FE0419;
}

.more {
  width: 36rpx;
  height: 10rpx;
  margin-top: 15rpx;
}



/* .user {
  width: 68rpx;
  height: 68rpx;
  border-radius: 50%;
  margin-right: 15rpx;
} */

.name {
  font-size: 28rpx;
  color: #666;
  line-height: 68rpx;
  justify-content: space-between;
  align-items: center;
}

.pinglun {
  font-size: 28rpx;
  color: #333;
  margin: 15rpx 0 0;
  line-height: 44rpx;
}

.huifu {
  background: #F2F2F2;
  border-radius: 6rpx;
  margin: 25rpx 0 0;
  line-height: 42rpx;
  padding: 20rpx 30rpx;
  position: relative;
}

.huifu::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border: 9rpx solid transparent;
  border-bottom-color: #F2F2F2;
  border-top: none;
  position: absolute;
  top: -8rpx;
  left: 39rpx;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.bot {
  height: 80rpx;
  align-items: center;
  padding: 20rpx 30rpx 20rpx 0;
}

.botbtn {
  font-size: 22rpx;
  color: #6A6A6A;
  width: 108rpx !important;
  text-align: center;
  position: relative;
}

.botbtn image {
  width: 40rpx;
  height: 34rpx;
  margin: 10rpx auto 5rpx;
}

.message {
  background: #DF1A14;
  height: 28rpx;
  line-height: 28rpx;
  font-size: 20rpx;
  color: #fff;
  text-align: center;
  border-radius: 15rpx;
  box-sizing: border-box;
  min-width: 21rpx;
  padding: 0 8rpx;
  position: absolute;
  top: 0;
  right: 25%;
}

.gmbtnyuyue {
  width: 400rpx;
  height: 80rpx;
  border-radius: 40rpx;
  text-align: center;
  line-height: 80rpx;
  font-size: 30rpx;
  color: #fff;
}
.gmbtn{width: 210rpx;height: 80rpx;border-radius: 40rpx;text-align: center;line-height: 80rpx;font-size: 30rpx;color: #fff;}

/* 小店相关 */
.xiaodian{position: relative;height: 122rpx;padding: 0 26rpx 0 110rpx;align-items: center;margin: 35rpx 30rpx 0;}
.xdbg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.shouyi{position: relative;z-index: 2;color: #fff;margin-right: 10rpx;}
.shouyi view{font-size: 40rpx;font-weight: bold;margin-top: 8rpx;}
.shouyi text{font-weight: normal;font-size: 24rpx;}
.addshop{height: 62rpx;padding: 0 25rpx;border-radius: 31rpx;background:linear-gradient(115deg,rgba(255,78,78,1) 0%,rgba(220,21,21,1) 100%);text-align: center;line-height: 62rpx;font-size: 24rpx;color: #fff;position: relative;z-index: 2;}
.fenxiang{height: 62rpx;padding: 0 25rpx;margin-left: 15rpx;border-radius: 31rpx;background:linear-gradient(115deg,rgba(255,78,78,1) 0%,rgba(220,21,21,1) 100%);text-align: center;line-height: 62rpx;font-size: 24rpx;color: #fff;position: relative;z-index: 2;}
.goShop{height: 62rpx;padding: 0 25rpx;margin-left: 15rpx;border-radius: 31rpx;background:linear-gradient(115deg,rgba(255,78,78,1) 0%,rgba(220,21,21,1) 100%);text-align: center;line-height: 62rpx;font-size: 24rpx;color: #fff;position: relative;z-index: 2;}

.suc{position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;width: 536rpx;border-radius: 20rpx;z-index: 100;text-align: center;padding-bottom: 47rpx;}
.tjcg1{width: 100%;height: 284rpx;}
.tjcg{width: 195rpx;height: 38rpx;margin: 52rpx auto 15rpx;}
.suc text{display: block;font-size: 24rpx;color: #333;}
.shopcc{justify-content: center;}
.shop{width:220rpx;height:80rpx;background:linear-gradient(123deg,rgba(255,130,130,1) 0%,rgba(220,21,21,1) 100%);font-size: 30rpx;color: #fff;line-height: 80rpx;border-radius: 40rpx;margin: 45rpx 15rpx 40rpx;}

.share-btn {
  justify-content: space-between;
  padding: 0 54rpx;
}

.wxfriend,
.wxposter {
  width: 196rpx !important;
  height: 76rpx !important;
  align-items: center;
  justify-content: center;
  font-size: 30rpx;
  color: #666;
  border: 2rpx solid #D8D8D8;
  border-radius: 40rpx !important;
}

.wxfriend image,
.wxposter image {
  width: 31rpx;
  height: 31rpx;
  margin-right: 13rpx;
}

.suc-close {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -102rpx;
  width: 62rpx;
  height: 62rpx;
}

.sellStock {
  text-align: right;
  color: #999;
  position: relative;
  left: 145rpx;
}

.sellStock text {
  color: #222;
}

.protext {
  color: #999;
  margin-top: 15rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.guarantee{border-top: 1rpx solid #f6f6f6;padding: 15rpx 0 0 0; margin-top: 15rpx;}
.guarantee .cont{flex-wrap: wrap;font-size: 26rpx;}
.guarantee .cont .li{align-items: center;margin-right: 20rpx;
  margin-bottom: 10rpx;}
.guarantee .cont image{        width: 30rpx;
  height: 30rpx;}