123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169 |
- .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;
- }
|