.edit {
  flex: 1;
  display: flex;
  flex-direction: column;

  &-header {
    position: relative;
    display: flex;

    h1 {
      font-size: 16Px;
      line-height: 30Px;
    }
  }

  &-list {
    padding: 20Px 0;

    &-item {
      display: flex;
      align-items: center;
      padding: 10Px 0;

      &-content {
        flex: 1;
        display: flex;
        align-items: center;

        .avatar-list {
          display: flex;
          align-items: center;

          &-item {
            padding-right: 20Px;
          }
        }

        img {
          box-sizing: border-box;
          width: 36Px;
          height: 36Px;
        }

        label {
          width: 60Px;
          padding-right: 20Px;
          font-size: 14Px;
        }

        input {
          flex: 1;
          border-radius: 2Px;
          padding: 6Px 10Px;
          font-size: 14Px;
        }

        span {
          flex: 1;
          width: 0;
          padding: 6Px 10Px;
          word-break: keep-all;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
        }

        .gender-list {
          display: flex;
          align-items: center;

          &-item {
            display: flex;
            align-items: center;
            padding-right: 24Px;

            &:last-child {
              padding: 0;
            }

            .gender {
              box-sizing: border-box;
              width: 16Px;
              height: 16Px;
              border-radius: 45Px;
            }

            .name {
              padding-left: 8Px;
            }
          }
        }
      }
    }
  }

  &-footer {
    display: flex;
    justify-content: flex-end;
  }
}

.btn-default {
  width: 82Px;
  height: 32Px;
  border-radius: 4Px;
}

.btn-submit {
  width: 82Px;
  height: 32Px;
  border-radius: 4Px;
  margin-left: 12Px;
}