challengeFamily/pages/product/activity/bill.wxss

.button{box-shadow: 0 5rpx 12rpx rgba(0,0,0,.4); font-size: 28rpx; margin-top: 100rpx;}
.shareImage{text-align: center; position: relative; width: 500rpx; margin: 0 auto;}
.shareImage > .bg{width: 100%; height: 887rpx; border-radius: 20rpx;}

.logo,.nickname,.text,.tag,.text-price,.price,.psAttendCount,.qrcode,.avatar,.discountPrice,.act-text{position: absolute;}   
.logo{border-radius: 12rpx 12rpx 0 0; width: 480rpx; height: 270rpx;}
.qrcode{width: 140rpx; height: 140rpx;}
.avatar{border-radius: 100%; width: 60rpx;height: 60rpx; z-index: 1;}
.tag{color: #ee3a43; z-index: 2; font-size: 20rpx; max-width: 86%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.text-price{color: #595757; font-size: 22rpx;}
.price{color: #ee3a43; font-size: 22rpx;}
.price-text{font-size: 18rpx;}
.psAttendCount{color: #898989; font-size: 20rpx;}
.nickname{color: #231815; font-size: 26rpx;}
.text{color: #ee3a43;font-size: 24rpx; font-weight: bold; width: 290rpx; text-align: center; display: block;}

.actvity > .logo{top: 150rpx; left: 50rpx; border-radius: 12rpx; width:403rpx; height: 227rpx;}
.actvity > .qrcode{bottom: 60rpx; left: 40rpx;}
.actvity > .avatar{top: 70rpx; left: 50rpx;}
.actvity > .tag{top: 385rpx; left: 50rpx;}
.actvity > .text-price{top: 415rpx; left: 50rpx;}
.actvity > .price{top: 415rpx; left: 135rpx;}
.actvity > .psAttendCount{top: 415rpx; right: 50rpx;}
.actvity > .nickname{top: 68rpx; left: 125rpx;}
.actvity > .text{top: 98rpx; left: 125rpx; width: auto; font-size: 20rpx; color: #231815; text-align: left; font-weight: normal;}
.actvity > .act-text{top: 486rpx; left: 50rpx; font-size: 20rpx; line-height: 36rpx; width: 400rpx; text-align: justify; text-indent: 40rpx;}

.group > .logo{top: 360rpx; left: 13rpx; border-radius: 0;width: 476rpx; height: 250rpx;}
.group > .avatar{top: 176rpx; left: 50%; transform: translate(-50%, 0); width: 92rpx;height: 92rpx;}
.group > .qrcode{bottom: 35rpx; right: 60rpx; width: 140rpx; height: 140rpx;}
.group > .nickname{top: 280rpx; left: 0; display: block; text-align: center; color: #3e3a39; font-size: 24rpx;}
.group > .discountPrice{top: 310rpx; left: 310rpx; color: #ee3a43; font-size: 32rpx;}
.group > .tag{bottom: 250rpx; left: 35rpx;}
.group > .text-price{bottom: 215rpx; left: 35rpx;}
.group > .price{bottom: 215rpx; left: 135rpx;}
.group > .psAttendCount{bottom: 215rpx; right: 35rpx;}
.group > .nickname{bottom: 160rpx; left: 185rpx;}
.group > .text{bottom: 120rpx; left: 185rpx;}
.swiper {height: 900rpx;}
.swiper > swiper {height: 900rpx;}
.swiper-item-image {width: 500rpx; margin: 0 auto;}
.swiper-item-bg {width: 100%;}
.swiper-item-logo {position: absolute;}

/* 底部按钮组 */
.buttom-btn{
  position: fixed;
  bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  background: #fff;
  box-shadow: 0 -2rpx 5rpx rgba(0,0,0,.2);
}
.btn-left,.btn-right{
  margin: 10rpx 20rpx;
  flex: 1;
}
.buttom-btn .button{
  text-align: center;
  padding: 10rpx 40rpx;
  font-size: 28rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  border-radius: 15rpx;
  margin-top: auto;
  line-height: 1.8;
  font-size: 30rpx;
}
.buttom-btn .btn-left .button{
  color: var(--subtitleColor);
  border: 2rpx solid var(--subtitleColor);
}
.buttom-btn .btn-right .button{
  background: var(--subtitleColor);
  color: #fff;
}
/* card栏 */
.borderNone{border-top-left-radius: 0 !important;border-top-right-radius: 0 !important;}
.m-top20{
  margin-top: 20rpx;
}
.card{
  background: #fff;
  padding: 20rpx;
  border-radius: 20rpx;
}
.card .card-label{
  font-size: 30rpx;
  border-bottom: 2rpx solid #ccc;
  line-height: 2;
}
.card .card-label text{
  border-left: 4rpx solid var(--subtitleColor);
  padding-left: 20rpx;
  font-weight: bolder;
}
.card .card-content{
  padding: 40rpx 0;
  font-size: 28rpx;
}
.card .tip{
  text-align: center;
  font-size: 28rpx;
}