@charset "UTF-8";
/*---banner---*/
.swiper-pagination{
  font-size: 16px;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  opacity: 1;
  background: #aaaaaa;
  border-radius: 4px;
  transition: opacity .5s, background-color .5s, width .5s;

  /* transition-delay: .5s, .5s, 0s; */
}

.swiper-pagination .swiper-pagination-bullet-active {
  width: 26px;
  height: 8px;
  background: #713fff;
}
.swiper-button-prev,.swiper-button-next{
  width: 64px !important;
  height: 64px !important;
  border: 1px solid #713FFF;

  border-radius: 50%;
  margin-top: 0 !important;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.8s;
  color: #713FFF !important;
}
.swiper-button-prev:focus,.swiper-button-next:focus{
  outline-style: none;
}
.swiper-button-prev {
  left: 80px !important;
}
.swiper-button-next {
  right: 80px !important;
}
.swiper-button-prev:hover,
.swiper-button-next:hover{
  background: #7C4FFA;
  border-color: #7C4FFA !important;
  color: #fff !important;
}
.swiper-button-next:after,
.swiper-button-prev:after{
  font-family: 'icomoon' !important;
  speak: never;
  content: "\e925" !important;
  font-size: 22px !important;
}
.swiper-button-prev:after{
  content: "\e92a" !important;
}

.swiper:hover .swiper-button-prev,
.swiper:hover .swiper-button-next {
  opacity: 1;
  transition: opacity 0.8s;
}

.view-fixed {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0;
  cursor: pointer;
  background-color: #000;
  display: flex;
  align-items: center;
}
.view-fixed .icon-close{
  position: absolute;
  right: 1.5em;
  top: 1.5em;
  width: 6vh;
  height: 6vh;
  border-radius: 50%;
  border: 1px solid #fff;
  color: #fff;
  font-size: 3vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.view-fixed img,.view-fixed video {
  transition: all 0.8s;
  width: 100%;
  height: auto;
  max-height: 100%;
  max-width: 100%;
}

@media (max-width: 1024px) {
  .view-fixed .icon-close{
    width: 50px;
    height: 50px;
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .view-fixed .icon-close{
    width: 30px;
    height: 30px;
    font-size: 15px;
  }
}