payProject/pages/sendGetCoupon/sendGetCoupon.wxss

/* 背景图 */
page {
  padding-bottom: 80rpx;
}

.bgc {
  height: 498rpx;
  background: url('https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20220922/%E7%BC%96%E7%BB%84%204%402x%20%283%29.png');
  background-size: 750rpx 498rpx;
  position: relative;
}

/* 体验券 */
.coupon {
  height: 268rpx;
  width: 670rpx;
  background: url('https://we-spa.oss-cn-shenzhen.aliyuncs.com/wxapp/20220922/%E7%BC%96%E7%BB%84%209%402x%20%281%29.png');
  background-size: 670rpx 268rpx;
  position: absolute;
  top: 370rpx;
  left: 42rpx;
}

.coupon-top {
  height: 150rpx;
}

.coupon-title {
  font-size: 56rpx;
  color: #333333;
  margin-top: 40rpx;
  margin-left: 40rpx;
}

.coupon-desp {
  font-size: 20rpx;
  margin-left: 42rpx;
  margin-top: 20rpx;
  color: #333333;
}

.coupon-bottom {
  display: flex;
  margin-top: 28rpx;
  /* justify-content: space-around;  */
}

.coupon-bottom .coupon-bottom-item {
  font-size: 20rpx;
  color: #999999;
}

.coupon-bottom .coupon-bottom-item:first-child {
  margin-left: 54rpx;
}

.coupon-bottom .coupon-bottom-item:nth-child(2) {
  margin-left: 162rpx;
}

.coupon-bottom .coupon-bottom-item:nth-child(3) {
  margin-left: 164rpx;
}

/* 送一次按钮 */
.send {
  width: 670rpx;
  height: 84rpx;
  background-color: #FA7D22;
  color: #FFFFFF;
  font-size: 32rpx;
  text-align: center;
  border-radius: 21px;
  line-height: 84rpx;
  margin: 0 auto;
  margin-top: 200rpx;
}

.already {
  background-color: #E5E5E5;
}

/* 活动说明 */
.actExplain {
  width: 670rpx;
  height: 444rpx;
  background-color: #FFFFFF;
  margin: 0 auto;
  border-radius: 10px;
  margin-top: 40rpx;
}

.actExplain-title {
  color: #333333;
  margin: 0 auto;
  margin-top: 40rpx;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}

.actExplain-title view {
  width: 72rpx;
  height: 2rpx;
  background-color: #FA7D22;
  margin-top: 40rpx;
}

.actExplain-title text {
  font-size: 36rpx;
  margin: 0 26rpx;
  margin-top: 40rpx;
}

.actExplain-content {
  padding-left: 40rpx;
}

.actExplain-content view {
  margin-top: 20rpx;
  font-size: 24rpx;
  color: #333333;
}

.actExplain-content view text {
  color: #FA7D22;
  font-size: 24rpx;
}

/* 赠送记录 */
.sendRecord {
  width: 670rpx;
  height: 466rpx;
  background-color: #FFFFFF;
  margin: 0 auto;
  border-radius: 10px;
  margin-top: 40rpx;
}

.sendRecord-title {
  color: #333333;
  margin: 0 auto;
  margin-top: 40rpx;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sendRecord-title view {
  width: 72rpx;
  height: 2rpx;
  background-color: #FA7D22;
  margin-top: 40rpx;
}

.sendRecord-title text {
  font-size: 36rpx;
  margin: 0 26rpx;
  margin-top: 40rpx;
}
.sendCoupenTimes{
  color: FA7D22;
}