.demo1-container {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}

.lbt {
  width: 100%;
  height: 300rpx;
}

swiper-item {
  display: flex;
}

swiper-item>image {
  flex: 1;
}

.jgg {
  width: 100%;
  flex: 1;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.jgg .items {
  width: 33.33%;
  height: 33.33%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.jgg .items>image {
  width: 100rpx;
  height: 100rpx;
}

.jgg .items:nth-child(3) {
  border-right: none;
}

.jgg .items:nth-last-child(6) {
  border-bottom: none;
}