.new-cylon-recommend {
  .tabIcon {
    height: 32px;
    width: 32px;
  }

  .am-tabs-default-bar-tab {
    font-size: 14px !important;
    text-align: center;
    height: auto;
    line-height: normal;
    padding: 12px 0 !important;
  }

  .am-tabs-default-bar-underline {
    border: 1px solid #000 !important;
    background-color: #000 !important;
    // border: 1px solid var(--theme-color, #FF1659) !important;
  }

  .am-tabs-default-bar-tab {
    color: #7B7B7B !important;
    // color: #2c2c2c !important;
  }

  .am-tabs-default-bar {
    background: #fff !important;
  }

  .am-tabs-default-bar-tab-active {
    color: #000 !important;
    // color: var(--theme-color, #FF1659) !important;
  }

  .fxm-badge {
    font-weight: 600;
  }

  .prodWrap {
    margin: 0 16px;
    // min-height: calc(100vh - 73px);
    .productItem {
      box-sizing: border-box;
      width: 50%;
      padding-top: 10px;
      break-inside: avoid;
      .fxm-product-item {
        height: 100%;
      }
      .space {
        height: 12px;
      }
    }
  }

  .loading {
    text-align: center;
    margin: 5px 0 10px 0;
    height: 25px;

    img {
      width: 25px;
      height: 25px;
      animation-name: loading;
      animation-duration: .5s;
      animation-fill-mode: both;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }

    @keyframes loading {
      0% {
        transform: rotate(0);
      }
      100% {
        transform: rotate(360deg)
      }
    }
  }
}