.TUI-contact-H5 {
  height: 100%;
  overflow-y: auto;

  .TUI-contact {
    &-left {
      min-width: 0;
      width: 100%;
      height: 100%;
      flex: 1;
      position: static;
    }

    &-main {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 2;
      flex-direction: column;
      background: #efefef;

      &-h5 {
        &-title {
          display: flex;
          align-items: center;
          padding: 12Px 16Px;
          background: #ffffff;
          justify-content: center;
          position: relative;

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

          h1 {
            flex: 1;
            width: 0;
            word-break: keep-all;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 0 30Px;
            font-weight: 500;
            font-size: 16Px;
            text-align: center;
          }
        }
      }

      &-info {
        padding: 12Px 0;

        &-header {
          background: #ffffff;
          padding: 12Px 16Px;
          flex-direction: row-reverse;
          justify-content: flex-end;
          align-items: center;

          .list {
            padding-left: 12Px;
          }
        }

        &-main {
          background: #ffffff;
          padding: 12Px 16Px;

          textarea {
            background: #efefef;
          }
        }

        &-footer {
          padding-top: 12Px;
          flex-direction: column;

          p {
            text-align: center;
            background: #ffffff;
            padding: 10Px 0;
            opacity: 1;
          }

          .btn {
            flex: 1;
            background: #ffffff;
            border-bottom: 1Px solid #eeeeee;
            margin: 0;
            padding: 15Px 0;
          }
        }
      }
    }

    &-system {
      flex: 1;
      position: static;
    }

    &-list {
      position: static;
      overflow-y: scroll;
    }
  }

  .btn {
    &-cancel {
      color: #ff584c;
    }

    &-default {
      color: #006eff;
    }

    &:disabled {
      opacity: 0.3;
    }
  }
}