.recommendDetail__list {
  display: flex;
  flex-wrap: wrap; }
  .recommendDetail__list li {
    width: calc(100% / 2 - 10px);
    margin-right: 10px;
    margin-bottom: 10px; }
    .recommendDetail__list li:nth-child(2n) {
      margin-right: 0; }
      @media all and (max-width: 768px) {
        .recommendDetail__list li:nth-child(2n) {
          margin-right: 10px; } }
    @media all and (max-width: 768px) {
      .recommendDetail__list li {
        width: calc(100% / 2 - 5px); }
        .recommendDetail__list li:nth-child(2n) {
          margin-right: 0; } }
    @media all and (max-width: 640px) {
      .recommendDetail__list li {
        width: 100%;
        margin-right: 0; } }
    .recommendDetail__list li .recommendBox {
      display: flex;
      border: 1px solid #53BEE2;
      border-radius: 4px;
      overflow: hidden;
      transition: .2s;
      color: #000; }
      .recommendDetail__list li .recommendBox:hover {
        opacity: 0.8;
        border-color: #41C888;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.4); }
        .recommendDetail__list li .recommendBox:hover .recommendBox__detail--title {
          border-color: #41C888; }
      .recommendDetail__list li .recommendBox__image {
        width: 30%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #f5f5f5;
        overflow: hidden;
        height: 124px;
        align-self: center; }
        .recommendDetail__list li .recommendBox__image img {
          max-width: inherit;
          height: 100%;
          width: auto;
          max-height: 124px; }
      .recommendDetail__list li .recommendBox__detail {
        width: 70%;
        padding: 4px 8px; }
        .recommendDetail__list li .recommendBox__detail--title {
          font-weight: 600;
          color: #000;
          border-bottom: 1px solid #53BEE2;
          margin-bottom: 4px;
          transition: .2s; }
        .recommendDetail__list li .recommendBox__detail--text .text {
          font-size: 13px;
          line-height: 1.5;
          margin-top: 4px; }