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

#banner { position: relative;}
/*.nav { position: absolute; left: 50%; top: 0; z-index: 2; width: 1240px; margin-left: -620px;}
.nav .logo { float: left; padding: 28px 0;}
.nav .logo a { display: inline-block; width: 125px; height: 24px;}
.nav svg { width: 100%; height: 100%; vertical-align: top;}
.gray .nav svg { fill: #00beff;}
.white .nav svg { fill: #fff;}

.nav-link { float: right; font-size: 0;}
.nav-link li { display: inline-block; font-size: 14px;}
.nav-link a { display: block; height: 22px; padding: 30px 20px; line-height: 22px;}
.gray .nav-link a { color: #333;}
.white .nav-link a { color: #fff;}
.nav-link a:hover { color: #00b9f2;}

.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: 6px; height: 6px; border-width: 1px; border-style: solid; opacity: 1;}

.gray .swiper-pagination-bullet { border-color: #666; background-color: #666;}
.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;}

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

/*street start*/
.street-banner{ overflow: hidden; }
.street-banner .street-banner-wp{ width: 100%; text-align: center;}
.street-banner .street-banner-wp a{ display:block;}

.street-main{ padding: 20px 0 0; }
.street-list{ width:1213px;}
.street-list-item{ width: 295px; height:270px; border: 3px solid #e5e5e5; background: #f8f8f8; margin-bottom: 13px; -webkit-transition: border-color .2s; -moz-transition: border-color .2s; transition: border-color .2s;}
.street-list-item:hover{ border-color: #006ef9; }
.street-list-item .info{ padding: 20px 20px 25px; text-align: center;}
.street-list-item .info .s-follow{ font-size:0;}
.street-list-item .info .s-follow i{ font-size: 21px; color: #f43434; position: absolute; right: 8px; top: 5px; z-index: 2; }
.street-list-item .info .s-logo{ display: block; width: 118px; height:58px; margin: 0 auto; border: 1px dashed #dcdcdc; background-color:#fff;}
.street-list-item .info .s-logo a{ display:table-cell; width:118px; height:58px; vertical-align:middle;}
.street-list-item .info .s-logo img{ width: 118px; max-height:58px;}
.street-list-item .info .s-name{ font-size: 14px; color: #333; font-weight: 700; display: block; margin: 10px 0;}
.street-list-item .info .seller-sr{ border: 1px solid #f42424;width: 50px;color: #f42424;padding: 0 5px;margin:0 auto;}
.street-list-item .info .s-name a:hover{ color: #f43434; }
.street-list-item .info p{ color: #8c8c8c; text-align: left; padding-left: 60px; margin: 2px 0;}
.street-list-item .info .shop-level-icon{ height: 13px; background: url(../images/common/shop-level-icon.png) repeat-x; width: 18px; vertical-align: middle; display: inline-block;}
.street-list-item .info .shop-level-icon.level-1{ width: 18px; }
.street-list-item .info .shop-level-icon.level-2{ width: 36px; }
.street-list-item .info .shop-level-icon.level-3{ width: 54px; }
.street-list-item .info .shop-level-icon.level-4{ width: 72px; }
.street-list-item .info .shop-level-icon.level-5{ width: 90px; }
.street-list-item .cover img{ width: 278px; height: auto; }

.grid-sizer{ width:25%;}
.gutter-sizer{ width:1.8%;}
/*street end*/