// 商品样式
// 列表:list-x 字下图:img 拼图:join 组图:concat
// 大图:big 双图:double 三图:three
// 滚二图:scroll-two 滚三图:scroll-three
@import "./goodImg.less";
@import "./goodLong.less";
@import "./goodShort.less";
.dec-goodList {
  .scroll-y {
    height: 100vh;
  }
  .group-wrap {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    padding: 0 @space2;
    box-sizing: border-box;
    .group {
      width: 50%;
      padding: 0 @space2;
      box-sizing: border-box;
    }
  }
  .one-group .img {
    height: 240 * @rpx;
  }
  .two-group .img {
    height: 172 * @rpx;
  }
  .three-group .img {
    height: 110 * @rpx;
  }
  .item-wrap {
    width: 100%;
    > .item {
      padding: @lacuna2 0;
    }
  }
  .img-wrap {
    padding: @lacuna2 0;
  }
  .list-wrap {
    padding: @lacuna2 0;
  }
  .join-wrap {
    position: relative;
    .big-wrap {
      width: 50%;
      padding: @lacuna2 0;
      padding-right: @space2;
      box-sizing: border-box;
    }
    .small-wrap {
      position: absolute;
      top: 0;
      right: 0;
      width: 50%;
      height: 100%;
      padding: @lacuna2 0;
      padding-left: @space2;
      box-sizing: border-box;
    }
    .item {
      height: 50%;
      overflow: hidden;
      box-sizing: border-box;
      &:first-child {
        padding-bottom: @lacuna2;
      }
      &:last-child {
        padding-top: @lacuna2;
      }
    }
    .dec-good-i.small {
      height: 100%;
      width: 100%;
    }
  }
  .concat-wrap {
    .big-wrap {
      width: 100%;
      padding: @lacuna2 0;
      box-sizing: border-box;
    }
    .small-wrap {
      display: flex;
      flex-wrap: nowrap;
      flex-direction: row;
      padding: @lacuna2 0;
    }
    .item {
      width: 50%;
      box-sizing: border-box;
      &:first-child {
        padding-right: @lacuna2;
      }
      &:last-child {
        padding-left: @lacuna2;
      }
    }
  }
  .swiper-scroll {
    margin: 0 -@space2;
  }
  .swiper-wrap {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
  }
  .swiper-item {
    width: 50%;
    box-sizing: border-box;
    padding: @lacuna2 @space2;
    &.three {
      width: 33.33%;
    }
  }
}
