pbf-wxapp/components/diy-personal/index.wxss

.box {
  position: relative;
  width: 100%;
}
.box .fui-personal-group {
  display: flex;
  flex-wrap: wrap;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
}
.box .fui-personal-group .column-centre {
  width: 300rpx;
  height: 100rpx;
  margin: 150rpx 225rpx;
}
.box .fui-personal-group .column-centre .personal-names {
  width: 100rpx;
  height: 100rpx;
  border-radius: 50%;
  margin: 0 100rpx;
}
.box .fui-personal-group .column-centre .nicknames {
  width: 300rpx;
  text-align: center;
  font-size: 28rpx;
  font-weight: 800;
}
.box .fui-personal-group .nicknames {
  width: 300rpx;
  text-align: center;
  font-size: 28rpx;
  font-weight: 800;
}
.box .fui-personal-group .personal-name {
  width: 100rpx;
  height: 100rpx;
  border-radius: 50%;
  margin: auto 30rpx;
}
.box .fui-personal-group .personal-nametwo {
  width: 100rpx;
  height: 100rpx;
  border-radius: 50%;
  margin: auto 60rpx;
}
.box .fui-personal-group .nickname {
  font-size: 28rpx;
  font-weight: 800;
}
.box .members {
  background-image: url("https://file-cloud.fmode.cn/O64wHWNFcf/20220223/5311sb030705.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
  width: 90%;
  margin-top: -57rpx;
  margin-left: 5%;
}
.box .members .membersa {
  padding: 10rpx 100rpx;
  font-size: 30rpx;
}
.box .members-two {
  width: 90%;
  height: 80rpx;
  margin-top: -40rpx;
  margin-left: 5%;
  z-index: 9999;
}