@import '@/styles/_support';

.content {
  position: relative;
  padding-bottom: 2.5rem;
  // font-family: MicrosoftYaHei;
}

.top-space {
  height: 2.5rem;
}

.box {
  position: relative;
}


.ebg {
  background: url('~@/assets/images/custom-product/cp-bg.png') center no-repeat;
  width: 100%;
  height: 329px;
  position: absolute;
  bottom: 0;
  overflow: hidden;
}

.product {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;

  &-item {
    background-color: #ffffff;
    flex-wrap: wrap;
    width: 16rem;
    height: 16rem;
    border-radius: $borderRadius;
    border: solid 1px #f2f2f2;
    margin: $marginSmallHalf;
    cursor: pointer;

    .icon-wrap {
      height: 11rem;
      @extend .fcc;
    }

    .t1 {
      width: 100%;
      text-align: center;
      font-size: $fontSizeTitle;

    }
  }
}

@media (max-width: 1200px) {
  .content {
    @include content-percent();
    padding-bottom: $marginMedium-M;
  }

  .top-space {
    padding-bottom: $marginMedium-M;
  }

  .product {
    &-item {
      width: 45%;
      height: 15rem;
    }
  }

  .ebg {
    display: none;
  }
}