/* packageD/energy/familyMember/familyMember.wxss */
page {
  background-color: #fff;
}

.none {
  width: 613rpx;
  height: 408rpx;
  margin: 0 auto;
  margin-top: 100rpx;
}

.none image {
  width: 100%;
  height: 100%;
}

.addUser {
  width: 600rpx;
  height: 80rpx;
  background-image:
    linear-gradient(
      0deg,
      #ff8a66 0%,
      #ff4946 84%
    ),
    linear-gradient(
      #03ddc8,
      #03ddc8
    );
  background-blend-mode:
    normal,
    normal;
  box-shadow:
    0rpx 4rpx 8rpx 0rpx
    rgba(255, 79, 73, 0.13);
  border-radius: 40rpx;
  margin: 0 auto;
  text-align: center;
  line-height: 80rpx;
  margin-top: 74rpx;
  font-size: 32rpx;
  color: #fff;
}

.userList {
  display: flex;
  flex-wrap: wrap;
}

.member {
  width: 25%;
  height: 199rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.member image {
  width: 138rpx;
  height: 138rpx;
  border-radius: 50%;
}

.pos {
  position: absolute;
  top: 0;
  right: 20rpx;
  font-size: 40rpx;
  background-color: #ff2c29;
  width: 37rpx;
  height: 37rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.member .addimg {
  width: 138rpx;
  height: 138rpx;
  border-radius: 50%;
  border: dotted 1rpx #999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.member .addimg van-icon {
  font-size: 90rpx;
  color: #cecece;
  margin-top: 20rpx;
}