/* pages/rank/rank.wxss */ page{ background: #F4F6F8; } .top{ display: flex; font-size: 28rpx; padding: 24rpx 32rpx; background: #fff; margin-bottom: 20rpx; justify-content: space-between; } .item{ display: flex; justify-content: space-between; font-size: 28rpx; padding: 16rpx 32rpx; } .item text{ color: #333; width: 21%; text-align: right; } .item .red{ color: #FF5151; } .top text{ color: #999; } .item image{ width: 36rpx; } .title image{ width: 32rpx; position: relative; top: 7rpx; } .list{ background: #fff; padding: 30rpx 0; margin-bottom: 20rpx; } .list .note{ font-size:22rpx; padding:10rpx 30rpx; color:#999; } .title{ border-left: 4px solid #FF5151; color: #FF5151; font-size: 32rpx; font-weight: 500; padding-left: 20rpx; padding-right: 40rpx; margin-bottom: 20rpx; } .title navigator{ float: right; color: #999; font-size: 28rpx; } .item text{ display: block; } .item .name{ width: 25%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; margin-left: 5%; }