/* pages/member/extension_1/MyIncome/MyIncome.wxss */ .income-bg { position: absolute; z-index: -1; top: -72px; left: 0; width: 100%; } .myIncome .income { background-color: #fafafa; width: 600rpx; margin: 80rpx auto; border-radius: 16rpx; box-shadow: 0 16rpx 28rpx 4rpx rgba(51, 51, 51, 0.08); overflow: visible; text-align: center; } .myIncome .income .header { width: 120rpx; height: 120rpx; margin: 0 auto; position: relative; top: -32rpx; border-radius: 60rpx; border: solid 4rpx #fff; background-color: #ccc; overflow: hidden; } .myIncome .income .header image { width: 100%; } .myIncome .income .name { color: #333; } .myIncome .income .h1, .myIncome .income .h2, .myIncome .income .h3, .myIncome .income .h4 { color: #333; } .myIncome .income .name .h1 { font-size: 36rpx; margin-bottom: 20rpx; } .myIncome .income .name .li { font-size: 32rpx; line-height: 52rpx; } .myIncome .income .name .h2 { margin-top: 32rpx; font-size: 48rpx; } .myIncome .income .profit-box { margin-top: 72rpx; } .myIncome .income .profit-box .h3 { font-size: 32rpx; } .myIncome .income .profit-box .profit { margin-top: 32rpx; display: flex; } .myIncome .income .profit-box .profit .day, .myIncome .income .profit-box .profit .all { width: 50%; } .myIncome .income .profit-box .profit .day .h4, .myIncome .income .profit-box .profit .all .h4 { min-height: 60rpx; font-size: 40rpx; } .myIncome .income .profit-box .profit .day .h4 .span, .myIncome .income .profit-box .profit .all .h4 .span { font-size: 28rpx; } .myIncome .income .profit-box .profit .day .left .li, .myIncome .income .profit-box .profit .day .right .li, .myIncome .income .profit-box .profit .all .left .li, .myIncome .income .profit-box .profit .all .right .li { line-height: 60rpx; color: #8c8c8c; font-size: 28rpx; } .myIncome .income .code { margin: 72px auto 0; width: 220rpx; height: 220rpx; background-color: #fff; overflow: hidden; } .myIncome .income .code image { width: 100%; }