.TUI-contact {
  background: #ffffff;
  font-weight: 400;

  &-left {
    border-right: 1Px solid #f4f5f9;

    &-header {
      background: #ffffff;
      border-bottom: 1Px solid #f4f5f9;
    }
  }

  &-column {
    &-item {
      .num {
        background: #ff584c;
        font-weight: 400;
        color: #ffffff;
      }

      header {
        main {
          font-weight: 400;
          color: #000000;
        }
      }
    }
  }

  &-main {
    &-info {
      &-header {
        border-bottom: 1Px solid #dddddd;

        .list {
          h1 {
            font-weight: 400;
            color: #000000;
          }

          li {
            font-weight: 400;
            color: #999999;
          }
        }
      }

      &-main {
        label {
          font-family: PingFangSC-Regular;
          font-weight: 400;
          color: #666666;
        }

        textarea {
          background: #ffffff;
          border: 1Px solid #dddddd;
          font-family: PingFangSC-Regular;
          font-weight: 400;
          color: #999999;
          letter-spacing: 0;
        }
      }

      &-footer {
        p {
          opacity: 0.3;
        }
      }
    }
  }

  &-system {
    &-header {
      h1 {
        font-family: PingFangSC-Medium;
        font-weight: 500;
        color: #000000;
        letter-spacing: 0;
      }
    }
  }
}

.TUI-contact-list {
  &-item {
    &:hover {
      background: #edf0f5;
    }

    .left {
      .num {
        background: red;
        color: #ffffff;
      }
    }

    .content {
      ul {
        li {
          font-weight: 400;
          color: #000000;
        }
      }

      .type {
        font-weight: 400;
        color: rgba(0, 0, 0, 0.3);
        border: 1Px solid rgba(0, 0, 0, 0.3);
      }
    }
  }
}

.selected {
  background: #edf0f5;
}

.reduce {
  border: 1Px solid #dddddd;

  &::before {
    background: #dddddd;
  }
}

.btn {
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 0;

  &-cancel {
    border: 1Px solid #dddddd;
    color: #666666;
  }

  &-default {
    background: #006eff;
    border: 1Px solid #006eff;
  }

  &:disabled {
    opacity: 0.3;
  }
}

input {
  border: 1Px solid #dddddd;

  &:focus {
    border: 1Px solid #006eff;
  }
}

.search {
  &-box {
    h1 {
      font-weight: 400;
      color: #000000;
      letter-spacing: 0;
    }

    .search-cancel {
      font-weight: 400;
      color: #000000;
      letter-spacing: 0;
    }
  }
}