/* 背景图 */ 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; }