.top-banner{ width:100%; } .avatar-block{ height: 156rpx; margin:-78rpx 0 58rpx; text-align: center; width:100%; display: flex; justify-content: center; } .recommend-btn{ background:url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/btn.png') no-repeat center; background-size: 100%; width:592rpx; height: 114rpx; margin:0 auto; color:#fff; font-size: 36rpx; line-height:114rpx; text-align: center; font-weight:bold; } .avatar-wrapper{ padding:6rpx; width:156rpx; height:156rpx; background:#fff;border-radius:100%; } .user-avatar{ width:146rpx; height:146rpx; border-radius:100%; } .user-name{ color:#2A2A2A; font-size: 40rpx; font-weight: bold; text-align: center; } .jz-slogan{ color:#2A2A2A; font-size: 32rpx; margin:30rpx 0 40rpx; text-align: center; height: 32rpx; } .agree-terms{ margin:30rpx 0 104rpx; height: 26rpx; display: flex; justify-content: center; align-items: center; } .user-agree{ color:#85868A; font-size: 24rpx; margin-left:8rpx; } .user-terms{ color:#CC4226; font-size: 24rpx; } .adv-block{ display:flex; padding:40rpx 24rpx 80rpx; justify-content: space-between; } .adv-item{ background:url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/tag-bg.png') no-repeat center; background-size: 100%; height: 126rpx; width:212rpx; padding:24rpx 0 14rpx; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } .adv-word{ font-size: 34rpx; line-height: 34rpx; color:white; } .adv-text{ font-size: 24rpx; color:#2a2a2a; }