/* packageH/consumerReward/consumerRewardApply/consumerRewardApply.wxss */ view, text { box-sizing: border-box; } page { background: #fff; } .record { display: flex; justify-content: flex-end; padding-top: 28rpx; padding-right: 29rpx; } .c1 { display: flex; justify-content: center; margin-top: 70rpx; font-size: 30rpx; color: #333; } .c2 { display: flex; justify-content: center; margin-top: 5rpx; font-size: 48rpx; font-weight: bold; color: #202020; } .c3 { display: flex; justify-content: center; margin-top: 10rpx; font-size: 28rpx; color: #666; } .btn { display: flex; align-items: center; justify-content: center; width: 400rpx; height: 70rpx; margin: 46rpx auto 0; font-size: 30rpx; color: #fff; background-color: #f14e4e; border-radius: 35rpx; } .profitWrapper { position: relative; height: 100%; } .profitWrapper .title { display: flex; justify-content: center; align-items: center; height: 80rpx; } .profitWrapper .profitForm { flex: 1; padding: 0 30rpx; padding-bottom: 100rpx; overflow: scroll; height: calc(100% - 80rpx); } .profitWrapper .profitBtns { position: absolute; bottom: 0; left: 0; right: 0; height: 100rpx; display: flex; align-items: center; background: #fff; } .profitWrapper .profitBtn { width: 615.04rpx; height: 60.16rpx; margin: 0 auto; line-height: 60.16rpx; font-size: 28.16rpx; color: #fff; text-align: center; border-radius: 30.08rpx; background-color: #f14e4e; }