.transfer-h5 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  &-header {
    position: relative;
    display: flex;
    justify-content: center;
    font-size: 18Px;
    padding: 16Px 18Px;

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

  .main {
    flex: 1;
    flex-direction: column;
    width: auto;
    height: auto;
    border-radius: 0;
    border: none;
    box-shadow: none;
    max-height: calc(100% - 54Px);
    padding: 0;

    .avatar {
      border-radius: 0;
    }

    .left {
      padding: 0;
      flex: 1;
      border: none;
      display: flex;
      flex-direction: column;

      header {
        position: sticky;
        top: 0;
        padding: 0 18Px;

        input {
          border-radius: 5Px;
          font-size: 14Px;
        }
      }

      .list {
        padding: 0 18Px;
      }
    }

    .right {
      flex: 0;
      padding: 0;
      flex-direction: row;
      align-items: center;
      box-shadow: inset 0 1Px 0 0 #eeeeee;
      padding: 0 18Px 8Px;

      .list {
        flex-direction: row;
        width: 0;
      }

      footer {
        padding: 6Px 0;
        display: flex;
        align-items: center;

        .btn {
          font-size: 14Px;
        }
      }
    }
  }
}