@charset "UTF-8";



/*头部搜索*/
.search-container {position: fixed; top: 0; left: 0;z-index: 49;width: 100%;height: 45px;background: #ff0000;}
.search-container .search-wrap {padding: 8px 5px;}
.search-container .search-wrap a.search {float: left;display: block; width: calc(100% - 75px);height: 29px;line-height: 29px;color: #a7a3a1; font-size: 0.80rem;border-radius: 5px;margin-left: 10px;}
.search-container .search-wrap a.search, .service {background-color: #fff;}
.search-container .search-wrap a.search:before {content: ""; float: left; width: 18px; height: 18px; margin: 5px 5px 0 5px; background-image: url(../images/index_icons.png);background-repeat: no-repeat;background-position: 0px -27px;background-size: 220px 220px;}
.search-container .search-wrap .cart {float: right; width: 29px;height: 29px;background-image: url(../images/index_icons.png);background-repeat: no-repeat;background-position: 3px 3px;background-size: 300px 300px;}
.search-container .search-wrap .return {float: left; width: 29px;height: 29px;background-image: url(../images/index_icons.png);background-repeat: no-repeat;background-position: -25px 3px;background-size: 300px 300px;}
.search-container.fixedTop { background: #ff0000; z-index: 111; }

/*banner*/
.slider-wrap .swiper-container {width: 100%;margin-top:45px;}
.slider-wrap .swiper-container .swiper-wrapper .swiper-slide img {display: block;width: 100%;}
.pagination {width: 100%;text-align: center;position: absolute;bottom: 5px;z-index: 3;}
.pagination .swiper-pagination-bullet {display: inline-block; width: 7px; height: 7px; border-radius: 50px; margin: 0 3px;cursor: pointer; }
.pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;opacity: 1;}

.banner-pagination .swiper-pagination-bullet {background: #fff;opacity: 0.5;}
.banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;opacity: 1;}

.swiper-pagination .swiper-pagination-bullet {background: #888;opacity: 0.5;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #ff7101;opacity: 1;}

.nav_list {padding: 15px 0px 0px;background-color: #fff;text-align: center; }
.nav_list:before, .nav_list:after {content: " ";display: table; }
.nav_list:after {clear: both;}
.nav_list .item {display: block;float: left;width: 25%;margin-bottom: 15px;}
.nav_list .item img {width: 50px;}
.nav_list .item span {display: block;margin-top: 5px;color: #555;font-size: 0.9rem;}


.flash-sale-title {padding:10px;background-color: #fff;height: 18px;margin-top: 10px;position: relative;}
.flash-sale-title:before {content: "";display: block;width: 3px;height: 20px;background: #ff5c00;position: absolute;left: 0px;top: 10px;}
.flash-sale-title img.ico {height: 20px;float: left;margin-right: 5px;}
.flash-sale-title .fl {margin-top: 1px;}
.flash-sale-title .fl span {display: block;float: left;width: auto;color: #555;font-size: 0.85rem;margin-left:8px;} 
.countdown b {display: inline-block;vertical-align: middle;width: 20px;height: 20px;line-height: 22px;text-align: center;font-size: 0.85rem;background-color: #535353; border-radius: 4px; color: #fff;overflow: hidden;}
.flash-sale-title .fr a {display: block;color: #555;font-size: 0.85rem;line-height: 22px;}

.flash-sale {width: 100%;background-color: #fff;padding: 0px 0px 15px;}
.flash-sale .img {position: relative;}
.flag {position: absolute; top: 50%; left: 50%; margin-top: -24px; margin-left: -24px; width: 48px; height: 48px; border-radius: 48px; line-height: 48px; text-align: center; background-color: rgba(0,0,0,0.5); color: #fff; font-size: 0.8rem; }
.flash-sale .swiper-wrapper .swiper-slide {display: block;padding: 0px 5px;box-sizing: border-box;}
.flash-sale .swiper-wrapper .swiper-slide .name {color: #555;font-size: 0.8rem;line-height: 125%;height: 32px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; }
.flash-sale .swiper-wrapper .swiper-slide .price {width: 100%;height: 20px;line-height: 20px;margin-top: 5px;}
.flash-sale .swiper-wrapper .swiper-slide .price strong {font-size: 0.95rem;color: #ff7101;font-weight: 400;}
.flash-sale .swiper-wrapper .swiper-slide .price a.cart_btn {display: block;float: right;width: 20px;height: 20px;background-color: #ff0000;background-image: url(../images/cart_ico.png);background-position: center;background-repeat: no-repeat;background-size: 13px auto;border-radius: 50px;}

.container {margin-top: 10px;}
.tit-img {width: 100%;height: 20px;padding:8px 0px;text-align: center;margin-bottom: 6px;}
.tit-img img {height: 20px;}