H5_module/topic/redEnvelope/index.css

page{background: #FFECCB;padding-bottom: 90rpx;}
.red-img{width: 100%;}
.red-bag{width: 697rpx;height: 616rpx;margin: 312rpx auto 0;position: relative;margin-top: -375rpx;}
.red-bg{width: 100%;height: 100%;}
.red-bag-con{position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;padding: 62rpx 70rpx;}
.red-bag-tit{font-size: 30rpx;color: #D2733A;margin-left: 42rpx;}
.money{font-size: 45rpx;color: #FF1111;text-align: center;}
.money text{font-size: 130rpx;font-weight: bold;margin-right: 15rpx;}
.red-btn{height: 80rpx;background: linear-gradient(#FFEF9B 5%,#FFD871 30%,#FFEEAF 100%);border-radius: 40rpx;font-size: 36rpx;color: #B90E0E;font-weight: bold;text-align: center;line-height: 80rpx;position: absolute;left: 70rpx;right: 70rpx;bottom: 127rpx;}
.news{height: 60rpx;background: #fff;border-radius: 16rpx;margin: 0 67rpx;font-size: 24rpx;color: #333;padding: 0 20rpx;}
.news image{width: 32rpx;height: 27rpx;margin-right: 10rpx;}
.news-list{height: 60rpx;overflow: hidden;}
.news-list .li{box-sizing: border-box;height: 60rpx;padding-top: 15rpx;}
.datas{background: #fff;border-radius: 16rpx;margin: 30rpx 67rpx;padding: 40rpx 0 35rpx;}
.datas .li{font-size: 24rpx;color: #333;text-align: center;position: relative;width: 33.33%;}
.datas .li::after{content: '';display: block;width: 83rpx;border-bottom: 1rpx dashed #D2733A;position: absolute;top: 26rpx;right: -20%;}
.datas .li:last-child::after{display: none;}
.datas .li image{width: 33.33%;width: 52rpx;height: 52rpx;margin: 0 auto 10rpx;}
.det{background: #fff;border-radius: 16rpx;margin: 0 67rpx;padding: 40rpx 35rpx;}
.det-tit{font-size: 28rpx;color: #D2733A;font-weight: bold;}
.det-con{margin-top: 15rpx;font-size: 24rpx;color: #333;line-height: 2;}