.product-apis-m {
  max-width: 6.86rem;
  margin: 0 auto; }
  .product-apis-m .product-apis-wrap .list {
    display: flex;
    flex-wrap: wrap; }
    .product-apis-m .product-apis-wrap .list .apiBlock {
      width: 6.86rem;
      max-height: 1.28rem;
      display: flex;
      flex-direction: column;
      padding: 0.3rem;
      background: #ffffff;
      box-shadow: 0rem 0.08rem 0.3rem 0rem rgba(57, 70, 95, 0.1);
      border-radius: 0.02rem;
      margin-bottom: 0.3rem;
      transition: max-height 0.3s ease; }
      .product-apis-m .product-apis-wrap .list .apiBlock .product-api-m-title {
        display: flex;
        align-items: center; }
        .product-apis-m .product-apis-wrap .list .apiBlock .product-api-m-title img {
          width: 0.68rem;
          height: 0.68rem; }
        .product-apis-m .product-apis-wrap .list .apiBlock .product-api-m-title .name {
          margin-left: 0.2rem;
          font-size: 0.3rem;
          font-weight: 500;
          color: #333;
          line-height: 0.42rem;
          text-align: left; }
      .product-apis-m .product-apis-wrap .list .apiBlock .desc {
        transition: all 0.3s ease-in;
        max-height: 0;
        overflow: hidden;
        visibility: hidden;
        font-size: 0.24rem;
        font-weight: 400;
        line-height: 0.4rem;
        text-align: left;
        color: #666; }
      .product-apis-m .product-apis-wrap .list .apiBlock:hover {
        max-height: 300px; }
        .product-apis-m .product-apis-wrap .list .apiBlock:hover .desc {
          margin-top: 0.2rem;
          visibility: visible;
          max-height: 300px; }

/*# sourceMappingURL=productApiM.css.map */