page {
  padding: 28rpx;
  box-sizing: border-box;
}

.info-edit {
  background-color: #fff;
  border-radius: 24rpx;
  --td-input-vertical-padding: 0;
  padding: 0 28rpx;
  :deep(.t-cell) {
    padding: 36rpx 0;
  }
}

.info-edit__cell {
  .t-cell__title {
    flex: none;
    width: 162rpx;
  }
}

.info-edit__gender {
  --td-radio-vertical-padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.info-edit__introduction {
  width: 100%;
  padding: 0 !important;
  height: 200rpx;
}

.info-edit__photos {
  width: 100%;
}

.info-edit__save {
  padding: 28rpx 0;
  // position: fixed;
  // left: 32rpx;
  // right: 32rpx;
  // bottom: calc(env(safe-area-inset-bottom) + 32rpx);
}

.info-edit__gender {
  width: 45%;
}
.t-textarea{
  height: 140rpx;
}
.info-item{
  border-bottom: 2rpx solid #eee;
}
.info-item:last-child{
  border-bottom: none;
}
.info-edit__tips{
  font-size: 24rpx;
  color: red;
  text-align: right;
  padding: 0 0 20rpx 0;
  margin-top: -20rpx;
  position: relative;
  z-index: 999;
}

.user-avatar{
  border: 0;
  background-color: transparent;
  width: 80rpx;
  height: 80rpx;
  border-radius: 80rpx;
  overflow: hidden;
  image{
    width: 100%;
    height: 100%;
  }
}