@import "../../../res.less";
.bottom_products {
  width: 700px;
  height: auto;
  min-height: 1017px;
  background-color: #ffffff;
  position: relative;
  padding-top: 152px;
  padding-bottom: 19px;
  box-sizing: border-box;
  border-radius: 24px;
  margin-left: 24px;

  // &::before {
  //   content: "";
  //   position: absolute;
  //   top: 800px;
  //   left: 15px;
  //   width: 685px;
  //   height: calc(100% - 800px - 19px);
  //   background-color: #fff;
  //   border-radius: 0 0 20px 20px;
  // }

  .tab1_bg {
    width: 701px;
    height: 1017px;
    left: 0;
    top: 0px;
    position: absolute;
    .sparkBg("ActualHome/tab1_bg.png");
  }

  .tab2_bg {
    width: 701px;
    height: 1017px;
    left: 0;
    top: 0px;
    position: absolute;
    .sparkBg("ActualHome/tab2_bg.png");
  }

  .tab1_btn {
    width: 50%;
    height: 80px;
    position: absolute;
    left: 0;
    top: 0;
  }

  .tab2_btn {
    width: 50%;
    height: 80px;
    position: absolute;
    right: 0;
    top: 0;
    // background-color: rgba(0, 0, 0, 0.6);
  }

  .empty {
    width: 653px;
    left: 30px;
    top: 252px;
    position: absolute;
    color: #000;
    text-align: center;
  }

  .products_list {
    width: 653px;
    // height: 696px;
    left: 30px;
    // top: 152px;
    position: relative;

    .b_product_item {
      width: 653px;
      height: 173px;
      position: relative;

      &:not(:last-child) {
        margin-bottom: 50px;
      }

      .b_product_name {
        width: 650px;
        height: 30px;
        left: 0px;
        top: 0px;
        position: absolute;
        font-size: 28px;
        line-height: 30px;
        color: rgba(1, 1, 1, 1);
        font-weight: bold;
      }

      .b_product_rate {
        width: 200px;
        height: 63px;
        left: 0px;
        top: 57px;
        position: absolute;

        .b_product_rate_label {
          width: 100%;
          height: 22px;
          left: 0px;
          top: 46px;
          position: absolute;
          opacity: 0.6;
          font-size: 20px;
          line-height: 22px;
          color: rgba(1, 1, 1, 1);
          .lineClamp1();
        }

        .b_product_rate_value {
          width: 100%;
          height: 32px;
          left: 2px;
          top: 0px;
          position: absolute;
          font-size: 32px;
          line-height: 32px;
          color: rgba(211, 26, 25, 1);
          font-weight: bold;
          .lineClamp1();
        }
      }

      .b_product_shu {
        width: 280px;
        height: 63px;
        left: 222px;
        top: 57px;
        position: absolute;

        .b_product_shu_label {
          width: 100%;
          height: 22px;
          left: 1px;
          top: 45px;
          position: absolute;
          opacity: 0.6;
          font-size: 20px;
          line-height: 22px;
          color: rgba(1, 1, 1, 1);
          .lineClamp1();
        }

        .b_product_shu_value {
          width: 100%;
          height: 32px;
          left: 0px;
          top: -2px;
          position: absolute;
          font-size: 28px;
          line-height: 32px;
          color: rgba(0, 0, 0, 1);
          font-weight: bold;
          .lineClamp1();
        }
      }

      .detail_btn_1 {
        width: 140px;
        height: 49px;
        left: 513px;
        top: 65px;
        position: absolute;
        .sparkBg("ActualHome/detail_btn.png");
      }

      .b_product_line {
        width: 652px;
        height: 2px;
        left: 1px;
        top: 171px;
        position: absolute;
        opacity: 0.1;
        .sparkBg("ActualHome/b_product_line.png");
      }
    }
  }
}
