sourcecode/front/project/www/routes/question/search/index.less

@charset "utf-8";

#question-search {
  background: #fff;
  min-height: 100%;

  .content {
    width: 1140px !important;
  }

  .search-layout {
    background: #DDE2E9FF;
    padding: 62px 0;
    text-align: center;

    .search-wrapper {
      display: inline-block;
      position: relative;

      .search-tip-wrapper {
        position: absolute;
        top: 56px;
        width: 780px;
        max-height: 200px;
        overflow-y: auto;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.08);
        border: 1px solid rgba(185, 185, 185, 1);
        z-index: 1;

        >div {
          line-height: 40px;
          height: 40px;
          padding: 0 10px;
          text-align: left;
        }

        >div:hover {
          background: #f2f2f2;
        }

        .all-del {
          height: 30px;
          line-height: 30px;
          background: #F9F9F9FF;
          text-align: right;
        }

        .all-del:hover {
          background: #F9F9F9FF;
        }
      }

      input {
        width: 780px;
        line-height: 18px;
        padding: 18px 20px;
        font-size: 16px;
        color: #686872FF;
        border-left: 1px solid #B9B9B9FF;
        border-top: 1px solid #B9B9B9FF;
        border-bottom: 1px solid #B9B9B9FF;
      }

      input:focus {
        border-color: #4292F0;
      }

      .button {
        line-height: 20px;
        padding: 18px 20px;
        font-size: 16px;
        vertical-align: top;
      }
    }
  }

  .filter-layout {
    padding-top: 30px;
    background: #fff;
  }

  .result-layout {
    padding-top: 40px;
    background: #fff;
  }

  .search-item {
    margin-bottom: 20px;
    background: #FAFAFAFF;

    .search-item-head {
      padding: 15px 20px;
      line-height: 20px;
      height: 50px;
      border-bottom: 1px solid #eee;
    }
  }
}