reader/pages/user/myconcern/myconcern.wxss

page {
  width: 750rpx;
  background: #F0F1F5;
}

.concern-center {
  width: 716rpx;
  margin: 20rpx 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;
}