.body {
  margin-top: 90px;
  .search{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    .my-search{
     div  {
       max-width: 600px;
       width: 500px;
      @media screen and (max-width:768px) {
        &{
          max-width:300px;
          width: 100%;
        }
      }
     }
    }
    .button{
      margin-left: 5px;
      width: 60px;
      background-color: #03c762;
      text-align: center;
      letter-spacing: 5px;
      line-height: 34px;
      color: #fff;
      border-radius: 5px;
    }
  }
  .content {
    p {
      color: #777;
    }

    ul {
      list-style: none;
      padding: 0;

      li {
        padding: 10px 0;

        a {
          &:hover {
            color: #777;
          }

          h5 {
            font-size: 18px;
            line-height: 22px;
            color: #2440b3;
            font-weight: 500;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            margin: 5px 0;
            @media screen and (max-width:768px) {
              font-size: 15px;
            }
          }

          .flex {
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
          }

          img {
            max-width: 140px;
            border-radius: 5px;
          }

          img.flex-item {
            margin-right: 10px;
          }

          .flex-item {
            .label{
              padding: 3px 5px;
              color: #999;
              font-weight: normal;
              background-color: #f5f5f5;
            }
            &>p:nth-child(2) {
              color: #777;
            }

            ;

            p {
              color: black;
              margin-bottom: 5px;
            }
          }
        }
      }
    }
  }
  .pagination{
    .active>a{
      background-color: #03c762;
      border: 1px solid #03c762;
    }
  }
}