page { width: 750rpx; background: #F0F1F5; } .concern-center { width: 716rpx; margin: 10rpx auto; } .concern-info { margin-bottom: 20rpx; width: 100%; height: 132rpx; display: flex; align-items: center; border-radius: 12rpx; background: #FFFFFF; } .avatar-image { width: 100%; height: 100%; border-radius: 50%; border: 4rpx solid #61CA54; } .user-profession { width: 68rpx; height: 24rpx; background: rgba(97, 202, 84, 1); border-radius: 166rpx; border: 2rpx solid rgba(255, 255, 255, 1); font-size: 16rpx; /* font-family: PingFangSC-Medium; */ /* font-weight: 500; */ color: rgba(255, 255, 255, 1); line-height: 24rpx; text-align: center; position:absolute; bottom:-20rpx; left:17rpx; } .avatar-box { margin-left: 30rpx; width: 96rpx; height: 96rpx; border-radius: 50%; margin-right: 6rpx; position:relative; margin-top:-20rpx; } .avatar-name { display: flex; flex-direction: column; margin-left: 14rpx; } .nickName { width: 420rpx; height: 44rpx; color: #000000; font-size: 32rpx; } .time { width: 420rpx; height: 44rpx; color: #686868; font-size: 32rpx; } .avatar-follow { margin-left: 30rpx; display: flex; flex-direction: column; align-items: center; width: 100rpx; } .avatar-img { width: 46rpx; height: 40rpx; } .avatar-images { width: 100%; height: 100%; } .follow-status { margin-top: 8rpx; color: #686868; font-size: 20rpx; } .placerholder{ position: relative; }