.pro_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  justify-content: space-between;
}

.pro_list li {
  /* -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 2 - 10px) + (10px / 2));
          flex: 0 0 calc((100% / 2 - 10px) + (10px / 2)); */
  /* margin-right: 10px; */
  width: calc(565 / 1140 * 100%);
  margin-bottom: 30px;
  position: relative;
}

.pro_list li video {
  width: 100%;
}

.pro_list li:nth-child(2n) {
  margin-right: 0;
}

.vr_view {
  width: 100%;
  height: 8rem;
  margin-bottom: .3rem;
}

.vr_view iframe {
  width: 100%;
  height: 100%;
}

.vr_swiper {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.vr_swiper .item {
  padding-right: 10px;
  cursor: pointer;
}

.vr_swiper .swiper {
  overflow: hidden;
}

.vr_swiper .real_view_img {
  margin-bottom: 10px;
}

.vr_swiper .swiper-button-prev {
  left: -90px;
  background-image: url("../images/arrow_l.png");
}

.vr_swiper .swiper-button-next {
  right: -90px;
  background-image: url("../images/arrow_r.png");
}

.video_box img{
  width: 100%;
  display: none;
}

@media (max-width: 970px) {
  .pro_list li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-right: 0;
  }
}
/*# sourceMappingURL=view_vr.css.map */