.scroll-view{ width: 750rpx; height: auto; } .graySpace{ padding-left: 40rpx; background: #eee; font-size: 12px; min-height: 18rpx; } .item-avatar-lg{ background: #156EF3; height: 180rpx; } .item-avatar .text_box,.item-avatar-lg .text_box{ display: flex; flex-direction: column; } .set{ width: 150rpx; position: absolute; margin-left: 600rpx; } .set image{ width: 40rpx; height: 40rpx; } .set text{ position: absolute; line-height: 40rpx; font-size: 26rpx; color: #fff; margin-top: 6rpx; margin-left: 15rpx; } .flex{ display: flex; } .user_title{ font-size: 36rpx; color: #fff; margin-top: 30rpx; margin-left: 30rpx; } .user_title2{ font-size: 26rpx; color: #fff; margin-left: 30rpx; } .title{ font-family: "微软雅黑"; font-size: 26rpx; } .item-avatar-lg,.item-avatar-xs{ display: flex; padding: 20rpx 30rpx; border-bottom: 1rpx solid #eee; cursor: pointer; position:relative; } .user_img{ float: left; width: 124rpx; height: 124rpx; box-sizing: border-box; margin-top: 35rpx; } .item-avatar-xs image{ float: left; width: 60rpx; height: 60rpx; margin-top: 5rpx; box-sizing: border-box; } .item-avatar-lg,.item-text,.item-avatar-xs{ padding-left: 10px; line-height: 68rpx; } .left{ position: absolute; right:20px; color:#555; } .number{ margin-left: 250rpx; color: #1696db; font-size: 35rpx; }