.center-top{ height:240rpx; background: #09afff; } .distribution-main{ margin: 0 auto; width:694rpx; min-height: 800rpx; margin-top:-208rpx; } .center-card{ background: url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/distribution/distribution-bg.png') no-repeat center top; background-size: 100% 100%; width:694rpx; height: 280rpx; } .user-info{ height: 166rpx; padding:18rpx 14rpx 36rpx; display: flex; align-items: center; } .user-avatar{ width:112rpx; height: 112rpx; margin:0 44rpx 0 0; border-radius: 112rpx; background: #fff; } .user-detail{ color: #fff; height: 112rpx; padding:16rpx 0 0; } .detail-top{ height: 34rpx; display: flex; align-items: center; margin:0 0 20rpx 0; } .user-name{ font-size: 34rpx; /* line-height: 34rpx; */ font-weight:bold; } .join-date{ font-size: 24rpx; line-height: 24rpx; } .commander{ width:68rpx; height: 30rpx; line-height: 28rpx; background: #EFD671; border-radius: 30rpx; font-size: 20rpx; color:#2a2a2a; margin:0 14rpx 0 60rpx; text-align: center; } .user-grade{ width:76rpx; height: 32rpx; background: url('https://jzmall.lifejingzhi.com/file/jzmall/weixin/distribution/icon-member.png') no-repeat center top; background-size: 100% 100%; font-size: 16rpx; text-align: right; padding: 0 16rpx 0 0; color: #2a2a2a; line-height: 34rpx; } .invite-info{ height:44rpx; margin:0 0 4rpx; display: flex; align-items: center; justify-content: space-between; padding:0 36rpx 0 38rpx; } .invite-left{ display: flex; align-items: center; color: #fff; font-size: 24rpx; line-height: 24rpx; } .invite-left image{ width:20rpx; height:20rpx; margin:0 0 0 14rpx; } .invite-right{ display: flex; align-items: center; justify-content: center; width:166rpx; height: 44rpx; line-height: 40rpx; border-radius: 44rpx; font-size: 24rpx; background: #EFD671; } .adv-text{ height:66rpx; line-height: 66rpx; font-size: 24rpx; color:#fff; padding:0 0 0 40rpx; } .statistics-data{ margin:28rpx 0 0; width:696rpx; height:106rpx; border-radius:10rpx; } .statistics-data{ display: flex; justify-content: space-around; background: #fff; padding:20rpx 0 12rpx; } .data-item{ flex:1; font-size: 24rpx; display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 74rpx; } .data-text{ font-weight: bold; } .center-banner{ height: 228rpx; margin:28rpx 0; } .center-banner image{ width:694rpx; height: 228rpx; } .link-block{ background: #FFFFFF; border-radius: 10rpx; } .link-item{ height: 68rpx; display: flex; align-items: center; padding:0 10rpx; font-size: 24rpx; justify-content: space-between; border-top:2rpx solid #E4E4E4; } .link-item:first-child{ border:none; } .link-item image{ width:44rpx; height:44rpx; margin:0 16rpx 0 0; } .link-item text{ flex:1; }