@import '@css/mixin.scss';
@import '@css/search-show.scss';
.l-box {
  padding-top: 120px;
}
.search-list {
  padding: 20px;
  .sl-item {
    padding: 20px 0;
    border-bottom: 1PX solid #f2f2f2;
    position: relative;
  }
  .sl-p1 {
    font-size: 28px;
    color: #333;
    padding-bottom: 10px;
    display: flex;
    .t {
      display: inline-block;
      color: $mainColor;
      font-weight: bold;
    }
  }
  .sl-p2 {
    font-size: 26px;
    color: #999;
    width: 440px;
  }
  .sl-r1 {
    background: #e6f1fd;
    color: #4198f1;
    font-size: 24px;
    padding: 6px 10px;
    position: absolute;
    top: 20px;
    right: 20px;
  }
  .sl-r2 {
    font-size: 24px;
    color: #999;
    position: absolute;
    bottom: 20px;
    right: 20px;
  }
}

.search-item {
  position: relative;
  padding: 20px;
  .si-title {
    color: #262626;
    font-size: 28px;
    padding-bottom: 20px;
  }
  .si-clear {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px;
    padding: 20px;
    color: #666;
    .icon {
      display: inline-block;
      vertical-align: middle;
      width: 30px;
      height: 30px;;
    }
  }
  .si-op {
    background: #f5f5f6;
    color: #555556;
    padding: 6px 10px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 24px;
    border-radius: 6px;
  }
}