.pop-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  display: none;
  padding: .5rem 0;
}

.pop-wrap .pop-content {
  height: 100%;
  position: relative;
  background-color: #000;
}

.pop-wrap .pop-content .pop-close {
  width: 0.4rem;
  height: 0.4rem;
  background: url(../image/icon-close.png) no-repeat center;
  background-size: 100%;
  position: absolute;
  top: 0.18rem;
  right: 0.2rem;
  cursor: pointer;
  z-index: 10;
}

.pop-wrap .pop-content .video-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: #000;
  display: block;
}

.pop-wrap .pop-content .video-wrap div {
  width: 100% !important;
  height: 100% !important;
}

.kv-video {
  padding: 0;
}

.kv-video .pop-content {
  width: 100%;
  height: 100%;
}

._360wrap_pop {
  display: block;
  opacity: 0;
  z-index: -1;
}

._360wrap_pop #view360 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 1;
}

._360wrap_pop .close360 {
  width: 0.6rem;
  height: 0.6rem;
  position: absolute;
  left: 0.5rem;
  top: 0.6rem;
  background: url(../image/pop-close.png) no-repeat center;
  background-size: 100%;
  z-index: 2;
  cursor: pointer;
  display: block;
}

._360wrap_pop.show720 {
  z-index: 9999;
  opacity: 1;
}

.pop-heightlight-swiper {
  display: none;
}

@media (max-width: 1024px) {
  .pop-wrap .pop-content {
    height: 8rem;
    top: 50%;
    margin-top: -4rem;
  }

  .pop-wrap .pop-content .pop-close {
    width: .8rem;
    height: .8rem;
  }

  .pop-wrap .pop-content .video-wrap div {
    padding: 1rem 0;
  }

  .kv-video .pop-content {
    height: 100%;
    top: auto;
    margin-top: 0;
  }

  ._360wrap_pop .close360 {
    top: 1.2rem;
  }
}

@media (max-width: 767px) {
  .section-module {
    margin: .3rem auto;
  }

  .pagination-wrap {
    height: .6rem;
    line-height: .6rem;
  }

  .pop-wrap {
    padding: 4rem 0;
  }

  .pop-wrap .pop-content {
    height: 100%;
    top: auto;
    margin-top: 0;
  }

  .pop-wrap .pop-content .pop-close {
    width: .5rem;
    height: .5rem;
  }

  .pop-wrap .pop-content .video-wrap div {
    padding: .7rem 0;
  }

  .kv-video {
    padding: 0;
  }

  ._360wrap_pop .close360 {
    top: 0.75rem;
  }

  .pop-heightlight-swiper {
    overflow: scroll;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    display: none;
  }

  .pop-heightlight-swiper .close {
    position: absolute;
    width: .46rem;
    height: .46rem;
    top: auto;
    right: 50%;
    margin-right: -.23rem;
    bottom: .5rem;
    background: url(https://www.beijing-hyundai.com.cn/santafe-traveler/assets/resource/mistra/section2/close.png);
    background-size: 100% 100%;
    z-index: 9;
  }

  .pop-heightlight-swiper .swiper-slide {
    display: block;
  }

  .pop-heightlight-swiper .swiper-slide .heightlight-img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
  }

  .pop-heightlight-swiper .swiper-slide .heightlight-img img {
    width: 100% !important;
    height: auto !important;
    position: static;
  }

  .pop-heightlight-swiper .swiper-slide .heightlight-text {
    width: 100% !important;
    height: auto;
    display: block;
    padding: .3rem .5rem 0 .5rem;
    position: static;
    top: auto;
    right: auto;
  }

  .pop-heightlight-swiper .swiper-slide .heightlight-text .title {
    font-size: .36rem;
    line-height: .48rem;
    position: static;
    top: auto;
    right: auto;
    padding: 0;
    width: 100%;
  }

  .pop-heightlight-swiper .swiper-slide .heightlight-text .detail {
    font-size: .24rem;
    line-height: .48rem;
  }

  .pop-heightlight-swiper .swiper-button {
    top: 2.65rem;
    bottom: auto;
    width: .7rem;
    height: .7rem;
  }

  .pop-heightlight-swiper .arrow-left {
    left: 0;
    right: auto;
  }

  .pop-heightlight-swiper .arrow-right {
    left: auto;
    right: 0;
  }

  .pop-heightlight-swiper .pagination {
    text-align: right;
    padding: .2rem .5rem;
    font-size: .18rem;
    color: #fff;
    z-index: 1;
    top: 0;
    bottom: auto;
  }

  .pop-heightlight-swiper .pagination .swiper-pagination-current {
    font-size: .48rem;
    color: #fff;
  }
}