.pkg-product-list {
  image {
    vertical-align: middle;
  }

  .swiper-box {
    width: 686rpx;
    height: 360rpx;
    margin: 0 auto;
    border-radius: 16rpx;

    image {
      width: 100%;
      height: 100%;
      border-radius: 16rpx;
    }
  }

  .search-box {
    width: 686rpx;
    height: 60rpx;
    margin: 0 auto;
    padding: 0 24rpx 0 32rpx;
    box-sizing: border-box;
    background: #F7F7F7;
    border-radius: 30rpx;

    input {
      width: 560rpx;
      font-size: 24rpx;
    }

    .icon {
      width: 32rpx;
      height: 32rpx;
    }
  }

  .body-box {
    width: 100%;
    display: flex;
    position: relative;
    border-top: 2rpx solid #D2D2D2;

    ::-webkit-scrollbar {
      width: 0 !important
    }

    .aside-box {
      position: relative;
      left: 0;
      width: 194rpx;
      box-sizing: border-box;
      border-right: 2rpx solid #D2D2D2;
      overflow-y: auto;

      .item {
        height: 94rpx;
        box-sizing: border-box;
        border-bottom: 2rpx solid #D2D2D2;
        color: #033333;

        text {
          font-size: 28rpx;
        }
      }

      .active {
        border-left: 6rpx solid #FD574B;
        color: #FD574B;
        font-weight: bold;
      }
    }

    .article-box {
      position: relative;
      width: calc(100vw - 194rpx);
      overflow-y: auto;

      .empty {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);

        image {
          width: 280rpx;
          height: 280rpx;
        }

        view {
          color: gray;
          font-size: 24rpx;
        }
      }

      .item {
        position: relative;
        width: 242rpx;
        height: 376rpx;
        box-sizing: border-box;
        margin: 20rpx 0 0 20rpx;

        .cover {
          width: 242rpx;
          height: 242rpx;
          margin-bottom: 8rpx;
          border-radius: 8rpx;
        }

        .name {
          color: #333;
          font-size: 26rpx;
          line-height: 36rpx;
        }

        .price {
          position: absolute;
          bottom: 4rpx;
          color: #DA0000;
          font-size: 28rpx;
          line-height: 36rpx;
        }
      }
      .item-store{
        height: 336rpx;
      }
    }
  }

}