@import './component/variable.less';
@import '../utils/reset.less';
@import './component/foot.less';
@import './component/head.less';
@import './component/banner.less';

#banner {
  .banner500();
  position: relative;
  background: #232b35 url('../../images/20230421/banner-product.png') no-repeat
    center center;
  background-size: cover;
}
#product {
  h2 {
    height: 44px;
    margin-bottom: 8px;
    font-family: AlibabaPuHuiTiM;
    font-weight: 500;
    font-size: 32px;
    color: #333333;
    text-align: center;
  }
  .block {
    padding-top: 140px;
    margin-top: calc(56px - 130px);
    .img {
      width: 100%;
      img {
        width: 100%;
      }
    }
  }
  .b_content {
    position: relative;
    h3 {
      height: 33px;
      font-family: AlibabaPuHuiTiM;
      font-size: 24px;
      font-weight: 500;
      color: #333333;
      letter-spacing: 0;
    }
    .img {
      position: absolute;
      bottom: 0;
      left: 0;
    }
    article {
      overflow: hidden;
      margin-top: 12px;
      line-height: 20px;
      font-family: AlibabaPuHuiTiR;
      font-size: 14px;
      color: #666666;
      span {
        font-family: AlibabaPuHuiTiM;
        font-weight: 500;
        color: #333;
        position: relative;
        // padding-right: 12px;
        // &::after {
        //   content: '';
        //   display: inline-block;
        //   position: absolute;
        //   right: 6px;
        // }
      }
    }
    &.block1 {
      padding-bottom: calc(32px + 500px);
    }
    &.block2 {
      padding-bottom: calc(32px + 432px);
    }
    &.block3 {
      padding-bottom: calc(32px + 612px);
    }
    &.block4 {
      padding-bottom: calc(32px + 570px);
    }
  }
  .p-block {
    &:nth-child(2n + 1) {
      background: #f5f7fa;
    }
    &:nth-child(2) ~ .p-block {
      .p_content {
        padding-top: 64px;
      }
    }
  }
}
.p_content {
  padding-top: 72px;
  padding-bottom: 64px;
  .content();
}