body {
  display: flex;
}
body {
  overflow-y: scroll;
}
.productBox {
  flex: 1;
  background: #fff;
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  position: relative;
}
.productContent h3 {
  font-size: 0.42rem;
  color: #000000;
  line-height: 0.7rem;
}
.imgItems {
  width: 4rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.imgItems img {
  width: 90%;
}
.productWords {
  margin-top: 0.3rem;
}
.productWords p {
  font-size: 0.24rem;
  color: #000000;
  line-height: 0.4rem;
}
.goback {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.3rem;
  font-weight: 500;
  color: #000000;
}
.goback img {
  width: 0.5rem;
  height: 0.5rem;
  margin-right: 0.1rem;
}

.swiper-container {
  width: 17rem;
}
.swiper-slide {
  width: 4rem !important;
  height: 5rem !important;
  border: 0.01rem solid #3333;
  margin-right: 0.2rem;
  overflow: hidden;
}
.swiper-wrapper {
  height: 5rem !important;
}
.swiper-container {
  height: 5rem ;
  padding: 0.1rem 0;
}
.pageBox {
  background: #fff;
  padding-left: 1.5rem;
  /* padding-top: 0.5rem; */
  position: relative;
}
.pageContent {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 7.5rem;
  margin-right: 0.5rem;
}
.pageContent h3 {
  font-size: 0.36rem;
  color: #000000;
  line-height: 0.5rem;
}
.introduce {
  max-height: calc(100vh - 7.6rem);
  overflow-y: scroll;
  font-size: 0.22rem;
  color: #333;
}
.introduceTitle {
  font-size: 0.24rem;
  color: #000000;
  line-height: 0.4rem;
}
@media screen and (max-width: 750px) {
  .pageBox {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    width: 7rem;
  }
  .pageContent {
    margin-right: 0 ;
    margin-top: 0.5rem;
    height: 6.7rem;
  }
  .productBox {
    padding-left: 0.2rem;
    padding-top: 1.2rem;
    padding-right: 0.2rem;
  }
  .productContent h3 {
    font-size: 0.36rem;
  }
  .imgBox {
    width: 100%;
  }
  .imgBox .imgItems {
    width: 30%;
    height: auto;
  }
  .goback {
    top: 1.2rem;
  }
  .pageContent h3 {
    font-size: 0.3rem;
    color: #000000;
    line-height: 0.5rem;
  }
  .goback {
    display: none;
  }
  .swiper-container {
    width: 7rem;
  }
  .introduce {
    height: calc(100vh - 7.6rem);
    overflow-y: scroll;
    font-size: 0.22rem;
    color: #333;
  }
}
.swiper-button-prev:after {
  content: url(../images/zuo.png);
}
.swiper-button-next:after {
  content: url(../images/you.png);
}
.introduceBox {
  display: flex;
}
.introduceTitle {
  width: 7%;
}
.introduce {
  width: 80%;
  border: 1px solid #eee;
  padding: 10px;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 18px !important;
  right: auto;
}