payProject/pages/sendFriend/sendFriend.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.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;
}
/* 活动说明 */
.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;
}
.sendCoupenTimes{
  color: FA7D22;
}
/* 赠送记录 */
.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: 1rpx;
  background-color: #FA7D22;
  margin-top: 40rpx;
}
.sendRecord-title text{
  font-size: 36rpx;
  margin: 0 26rpx;
  margin-top: 40rpx;
}
.sendRecord-subfield{
  display: flex;
  margin-top: 40rpx;
  font-size: 28rpx;
  color: #333333;
  font-weight: 600;
}
.sendRecord-subfield view:first-child{
  margin-left: 40rpx;
}
.sendRecord-subfield view:nth-child(2){
  margin-left: 128rpx;
}
.sendRecord-subfield view:nth-child(3){
  margin-left: 128rpx;
}
.sendRecord-content{
  padding-left: 40rpx;
  margin-top: 20rpx;
  height:280rpx;
  overflow-y: scroll;
  width:630rpx;
}
.sendRecord-content-item{
  display: flex;
  align-items: center;
  margin-top: 20rpx;
  width:670rpx;
}
.sendRecord-content-item .item-image{
  width: 64rpx;
  height: 64rpx;
}
.sendRecord-content-item .item-name{
  font-size: 24rpx;
  color: #333333;
  margin-left: 16rpx;
}
.sendRecord-content-item .item-time{
  font-size: 24rpx;
  color: #333333;
  margin-left: 62rpx;
}
.sendRecord-content-item .item-status{
  font-size: 24rpx;
  color: #333333;
  margin-left: 70rpx;
}