.content.data-v-2ef1855d {
  width: 100%;
  min-height: 100vh;
  background-color: #F5F5F5;
  box-sizing: border-box;
  padding: 20rpx;
}
.user-info.data-v-2ef1855d {
  width: 100%;
  border-radius: 23rpx;
  background-color: #fff;
  box-sizing: border-box;
  padding: 0 30rpx;
}
.user-info .user-item.data-v-2ef1855d {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30rpx 0;
  border-bottom: 1rpx solid #F5F5F5;
}
.user-info .user-item.data-v-2ef1855d:last-child {
  border-bottom: none;
}
.user-info .user-item .user-item-label.data-v-2ef1855d {
  font-size: 28rpx;
  color: #333;
  font-weight: 400;
}
.user-info .user-item .user-item-value.data-v-2ef1855d {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
.avatar-container.data-v-2ef1855d {
  width: 76rpx;
  height: 76rpx;
  border-radius: 8rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.avatar-container .avatar-img.data-v-2ef1855d {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.user-input.data-v-2ef1855d {
  flex: 1;
  text-align: right;
  font-size: 28rpx;
  color: #333;
}
.gender-group.data-v-2ef1855d {
  display: flex;
  align-items: center;
  gap: 40rpx;
}
.gender-group .gender-item.data-v-2ef1855d {
  display: flex;
  align-items: center;
  gap: 12rpx;
  cursor: pointer;
}
.gender-group .gender-item .gender-text.data-v-2ef1855d {
  font-size: 28rpx;
  color: #333;
}
.gender-group .gender-item.active .gender-text.data-v-2ef1855d {
  color: #FF6B35;
}
.picker-wrapper.data-v-2ef1855d {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.picker-content.data-v-2ef1855d {
  display: flex;
  align-items: center;
  gap: 12rpx;
}
.picker-content .picker-text.data-v-2ef1855d {
  font-size: 28rpx;
  color: #333;
}
.picker-content .picker-text.placeholder.data-v-2ef1855d {
  color: #999;
}
.picker-content .arrow-icon.data-v-2ef1855d {
  width: 12rpx;
  height: 12rpx;
  border-right: 2rpx solid #999;
  border-top: 2rpx solid #999;
  transform: rotate(45deg);
  margin-right: 4rpx;
}
.phone-wrapper.data-v-2ef1855d {
  display: flex;
  align-items: center;
  gap: 20rpx;
}
.phone-wrapper .phone-number.data-v-2ef1855d {
  font-size: 28rpx;
  color: #333;
}
.phone-wrapper .change-btn.data-v-2ef1855d {
  font-size: 28rpx;
  color: #F47D1F;
  cursor: pointer;
}
.gender-img.data-v-2ef1855d {
  width: 26rpx;
  height: 26rpx;
}