/*我的推广*/ .my-promotion .header { position: relative; width: 100%; height: 375rpx; } .my-promotion .header .bg { position: absolute; width: 100%; height: 375rpx; } .my-promotion .header .name { font-size: 30rpx; color: #fff; padding-top: 57rpx; position: relative; } .my-promotion .header .name .record { font-size: 26rpx; color: rgba(255, 255, 255, 0.8); position: absolute; right: 20rpx; } .my-promotion .header .name .record .iconfont { font-size: 25rpx; margin-left: 10rpx; } .my-promotion .header .num { position: relative; text-align: center; color: #fff; font-size: 90rpx; font-family: 'GuildfordProBook 5'; } .my-promotion .header .profit { position: relative; padding: 0 20rpx; margin-top: 33rpx; font-size: 24rpx; color: rgba(255, 255, 255, 0.8); } .my-promotion .header .profit .item { min-width: 200rpx; text-align: center; } .my-promotion .header .profit .item .money { font-size: 34rpx; color: #fff; } .my-promotion .bnt { font-size: 28rpx; color: #fff; width: 258rpx; height: 68rpx; border-radius: 50rpx; text-align: center; line-height: 68rpx; margin: -32rpx auto 0 auto; } .my-promotion .list { padding: 0 20rpx; margin-top: 10rpx; } .my-promotion .list .item { width: 345rpx; height: 240rpx; border-radius: 20rpx; background-color: #fff; margin-top: 20rpx; font-size: 30rpx; color: #666; } .my-promotion .list .item .icon { width: 80rpx; height: 80rpx; margin-bottom: 10rpx; }