.edit-h5 {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 1;

  .edit {
    &-header {
      justify-content: center;
      align-items: center;
      padding: 15Px 18Px;

      .icon {
        position: absolute;
        left: 18Px;
      }

      &-title {
        color: rgba(0, 0, 0, 1);
      }
    }

    &-list {
      padding: 0;

      &-item {
        padding: 10Px 18Px;

        &-content {
          label {
            width: auto;
            font-size: 16Px;
            color: rgba(0, 0, 0, 1);
          }

          span {
            text-align: end;
            font-size: 16Px;
            color: rgba(0, 0, 0, 0.6);

            img {
              width: 60Px;
              height: 60Px;
            }
          }
        }
      }

      .space-top {
        margin-top: 12Px;
      }
    }
  }

  &-header {
    display: flex;
    justify-content: space-between;

    h1 {
      font-size: 20Px;
      line-height: 28Px;
    }

    .close {
      font-size: 18Px;
      line-height: 27Px;
    }
  }

  &-main {
    padding: 23Px 0;

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

      &-item {
        padding-right: 20Px;

        &:last-child {
          padding: 0;
        }

        img {
          width: 36Px;
          height: 36Px;
        }

        span {
          border-radius: 9.4Px;
          padding: 5Px 45Px;
          font-size: 16Px;
          text-align: center;
          line-height: 25Px;
        }
      }
    }

    .input {
      display: flex;
      padding-bottom: 10Px;

      input,
      textarea {
        flex: 1;
        padding: 10Px 18Px;
        border: none;
        font-size: 16Px;
        line-height: 27Px;
      }

      .datePicker {
        flex: 1;
      }

      textarea {
        resize: none;
      }
    }

    sub {
      font-size: 15Px;
      line-height: 23Px;
    }
  }

  &-footer {
    display: flex;

    .btn {
      height: auto;
      flex: 1;
      margin: 0;
      font-size: 20Px;
      line-height: 27Px;
      padding: 13Px 0;
    }
  }
}

.mask {
  position: fixed;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;

  &-main {
    flex: 1;
    padding: 23Px;
    border-radius: 12Px 12Px 0 0;
  }
}