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

#banner { position: relative;}

.nav-search { position: relative; float: right; margin: 26px 0 0 10px;}
.nav-search .key { width: 120px; height: 28px; padding: 0 33px 0 15px; border: 1px solid #999; border-radius: 20px; font-size: 12px; color: #333;}
.nav-search .dwo { position: absolute; left: 146px; top: 7px; width: 17px; height: 14px; cursor: pointer;}
.nav-search .my { display: inline-block; width: 30px; height: 30px; margin: 0 8px; vertical-align: top; background-size: cover;}
.nav-search .cart { display: inline-block; width: 30px; height: 30px; vertical-align: top; background-size: cover;}

.gray .nav-search .my { background-image: url(../images/user-gray.png);}
.white .nav-search .my { background-image: url(../images/user-white.png);}
.gray .nav-search .cart { background-image: url(../images/shopping-cart-gray.png);}
.white .nav-search .cart { background-image: url(../images/shopping-cart-white.png);}

.swiper-container { z-index: 1;}
.swiper-slide { background-position: 50% 0;}
.swiper-slide a { display: block; height: 670px;}
.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 24px;}

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

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

.white .swiper-pagination-bullet { border-color: #1f72fb; background-color: #1f72fb;}
.white .swiper-pagination-bullet-active { background-color: #1f72fb;}

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