* { margin: 0; padding: 0;}
a { text-decoration: none;}
input { outline: none;}
body { overflow-y: scroll;}

#banner { position: relative;}
#banner .swiper-container { z-index: 1;}
#banner .swiper-slide { width:100%; background-size:cover;}
#banner .swiper-slide a { display: block; padding-bottom:67%;}
#banner .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px;}

#banner .swiper-pagination-bullet { width: 6px; height: 6px; border-width: 1px; border-style: solid; opacity: 1;}

.gray .swiper-pagination-bullet { border-color: #fff; background-color: #fff;}
.gray .swiper-pagination-bullet-active { background-color: transparent;}

.white .swiper-pagination-bullet { border-color: #fff; background-color: #fff;}
.white .swiper-pagination-bullet-active { background-color: transparent;}

#banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px;}