.banner:after, .banner:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  padding-bottom: 10%;
  pointer-events: none;
}

.banner {
  position: relative;
}
.banner:before {
  z-index: 3;
  -webkit-mask-image: url(../../../../Images/Templates/BannerTemplates/TH004/wave-01-mask.svg);
  mask-image: url(../../../../Images/Templates/BannerTemplates/TH004/wave-01-mask.svg);
  mask-repeat: no-repeat;
  mask-size: 100vw;
  background: linear-gradient(45deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.75) 35%, rgba(255, 255, 255, 0.9) 38%, rgba(255, 255, 255, 0) 40%);
  background-repeat: repeat-y;
  mix-blend-mode: hard-light;
  animation-name: infinityShine;
  animation-duration: 6s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
.banner:after {
  z-index: 2;
  background-image: url(../../../../Images/Templates/BannerTemplates/TH004/wave-01.svg);
  background-size: 100vw;
  background-position-x: 0;
  background-position-y: 0;
  background-repeat: repeat-x;
  /*animation-name: infinityWave;
  animation-duration: 30s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  animation-timing-function: linear;*/
}
.banner.no-item:before, .banner.no-item:after {
  display: none;
}
.banner .banner_pic picture, .banner .banner_pic img {
  width: 100%;
}
.banner .swiper .swiper-pagination {
  bottom: 13%;
  pointer-events: none;
}
.banner .swiper .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin-left: 5px;
  margin-right: 5px;
}
.banner .swiper .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 24px;
  opacity: 1;
  box-shadow: 0 0 0.375rem rgba(0, 0, 0, 0.5);
  transition: all ease 0.3s;
  pointer-events: all;
}
.banner .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--colorMain);
  width: 34px;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///D:/Rabbit/1.%25E5%25B0%2588%25E6%25A1%2588/115015_%25E6%2596%25B0%25E7%25AB%258B%25E8%25B3%2587%25E8%25A8%258A%25E8%2582%25A1%25E4%25BB%25BD%25E6%259C%2589%25E9%2599%2590%25E5%2585%25AC%25E5%258F%25B8/git/osys015-core/EZWeb/wwwroot/css/Templates/BannerTemplates/TH004/BannerTemplatesTH004.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAC;EACG;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;AAEA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EAEI;EACA;EACA;EACA;EACA;EACA;AACA;AAAA;AAAA;AAAA;AAAA;;AAQA;EACI;;AAKJ;EACI;;AAKJ;EACI;EACA;;AAKI;EACI;EACA;;AAKZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA%22%7D */