/* packageE/healthy/healthyPaper/healthyPaper.wxss */ view, input, text { box-sizing: border-box; } .header { width: 100%; height: 250rpx; padding-top: 20rpx; background-color: #3ecc9c; } .header .headerWrapper { width: 100%; height: 180rpx; padding-left: 37rpx; padding-right: 63rpx; } .header .headerWrapper .text { display: flex; justify-content: space-between; color: #fff; } .header .headerWrapper .text .name { font-size: 32rpx; } .header .headerWrapper .text .num { font-size: 40rpx; } .header .headerWrapper .progress { margin-top: 20rpx; } .contentWrapper { margin-top: -72rpx; background-color: #fff; width: 100%; min-height: calc(100vh - 178rpx); border-radius: 72rpx 72rpx 0rpx 0rpx; padding-left: 41rpx; padding-right: 27rpx; padding-bottom: 50rpx; } .contentWrapper .opts { padding-top: 60rpx; display: flex; } .contentWrapper .opts .text { flex: 1; text-align: center; color: #666; font-size: 32rpx; } .contentWrapper .opts .text.active { color: #000; } .contentWrapper .send { margin: 0 auto; margin-top: 55rpx; width: 481rpx; height: 90rpx; background-color: #3ecc9c; border-radius: 45rpx; color: #fff; font-size: 32rpx; display: flex; align-items: center; justify-content: center; }