@import '../../app.less';

.module.qa-list {
  padding: 30px;

  .tabs {
    border-bottom: 1px solid #eee;
  }

  .qa-item {
    border-bottom: 1px solid rgba(239, 243, 247, 1);
    position: relative;
    padding-top: 10px;

    .title {
      color: #303036;
      font-size: 16px;
      margin-bottom: 10px;
    }

    .small-tag {
      display: inline-block;
      background: rgb(172, 206, 251);
      padding: 0 5px;
      border-radius: 5px;
      color: #fff;
      margin-bottom: 5px;
      font-size: 10px;
    }

    .desc {
      color: #686872;
      font-size: 16px;
      margin-bottom: 20px;
      overflow: hidden;
    }

    .icon {
      position: absolute;
      bottom: -18px;
      left: 50%;
      transform: translateX(-50%);
      display: none;
    }
  }

  .qa-item.more.hide {
    .desc {
      height: 80px;
      background: linear-gradient(360deg, rgba(161, 161, 171, 0) 0%, rgba(104, 104, 114, 1) 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  }

  .qa-item.more:hover {
    .icon {
      display: block;
    }
  }
}