@charset "utf-8";
/* CSS Document */
.footer-info{ margin-top: 0; padding-top: 15px;}
body{ background: #f8f8f8; }
/*头部*/
.shop-street-top{/* position:fixed; top:0px; left:0; right:0; */ z-index:115; max-width: 640px; margin:0 auto;}
.header { position:relative;width: 100%; height:44px;background: #fff; zoom: 1; z-index:115;}
.shop-street-left{ position:absolute; left: 0; top: 0; width: 40px; height: 44px; }
.shop-street-left a{ padding-left: 9px; line-height: 44px; font-size: 1rem; color: #666;}
.shop-street-left i{ line-height: 44px; font-size: 1rem; color: #666; }
.show-menu{ cursor:pointer;}

/*店铺1信息*/
.shop-item{position:relative; padding:10px 10px 0; margin-bottom: 10px;min-height:65px;background:#fff; }
.shop-item .shop-logo{float: left;vertical-align: top;width: 65px;height: 65px; overflow: hidden;}
.shop-item .shop-logo img{width:65px; height:65px;}
.shop-content{display: block;margin: 0 0 0 75px;position: relative; padding-top: 10px;}
.shop-item .shop-content dt{height:23px;line-height:23px;font-size:16px;color: #353535; zoom: 1; margin-bottom:4px;}
.shop-item .shop-content .shop-name{max-width:180px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #353535;font-size:16px;font-weight:bold;}
.shop-item .shop-content dd{margin-bottom:5px;height:16px;line-height:16px;position: relative;display: -webkit-box !important;display: -webkit-flex !important;display: -ms-flexbox !important;
display: flex !important;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; margin-top: 5px;}
.shop-desc{padding-bottom: 10px; clear:both;}
.shop-item .shop-content .shop-rank{ display:block;max-width:80px;height:16px;overflow: hidden; margin-right:5px; vertical-align:top; margin-top:1px;}
.shop-item .shop-content .shop-rank img {max-width: 100%;max-height: 100%; height:12px;}
.shop-item .shop-content .shop-sold{ margin-left: 5px; color: #666; font-size: 0.55rem;}
.shop-item .shop-content .shop-address{ text-align:right; margin-left:5px;display:block;line-height:16px; color:#353535; vertical-align:top;font-size:0.55rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;width: 0;-webkit-flex-basis: 0;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;padding: 0 !important;position: relative;}
.shop-item .shop-content .shop-rank-num{ display: block; line-height: 16px; color: #666; vertical-align: top; font-size: 0.55rem;}
.shop-item .shop-content .shop-distance-num{ font-size:0.55rem; color:#999;}
.shop-item .shop-distance{ position:absolute; right:10px; top:32px; padding:0 3px 18px 18px;line-height:18px; color:#338CFA; font-size:0.5rem;cursor:pointer; z-index:2;background-image: url(../images/shop_street_icon.png);background-size: 16px;background-repeat:no-repeat;vertical-align: middle;}
.shop-item .shop-desc{line-height:18px;color: #666; font-size:12px;}
.shop-item .shop-content .shop-time{ text-align: right; display: block; line-height: 16px; color: #999; vertical-align: top; font-size: 0.55rem; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;width: 0;-webkit-flex-basis: 0;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;padding: 0 !important;position: relative;}
.shop-item .shop-content .shop-time em{ font-size: 0.5rem;}
.shop-item .shop-content .line{ position: relative; margin-left: 5px;}
.shop-item .shops-box2 .shops-list .shops-info .shop-content .line:before { content: ''; width: 1px; height: 12px; background: #999; position: absolute; top: 2px; left: 0px; transform: scaleX(0.5); -webkit-transform: scaleX(0.5);}
.shop-item .shop-content .shop-distance-num{ margin-left: 5px;}
.shop-item .shop-content .shop-start-price{ display: block; line-height: 16px; color: #666; font-size: 0.55rem;}

/*排序*/
.filtrate-term { width: 100%; overflow: hidden; background: #fff;position:relative; border-bottom:1px solid #eee;}
.filtrate-term  ul { width: 100%;overflow:hidden; height:40px; background:#fff;display: -webkit-box !important;display: box !important;position: relative;}
.filtrate-term  li {position: relative;-webkit-box-flex: 1;box-flex: 1;border-right: 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;font-size:13px;text-align: center;line-height:40px; width:25%;}
.filtrate-term  li span{ display:block; color:#353535;}
.icon-sort-price span:after ,.icon-screening span:after,.icon-sort span:after,.icon-sort span:after,span.choose-icon,.filtrate-more span a i{display: block;background: url(../images/icon_category.png) no-repeat;background-size: 200px 200px;}
.icon-sort-price span:after {content: "";display: inline-block;width: 8px;height: 10px;background-position: -170px -30px;    margin-left: 4px;}
.icon-sort-price.active span.icon-order-ASCending:after{content: "";display: inline-block;width: 8px;height: 10px;    background-position: -170px -15px;margin-left: 4px;}
.icon-sort-price.active span.icon-order-DESCending:after{content: "";display: inline-block;width: 8px;height: 10px;    background-position: -170px 0px;margin-left: 4px;}
.icon-sort span:after{content: "";display: inline-block;width: 8px;height: 7px;background-position: -10px -109px;    margin-left: 4px;}
.icon-sort.active span:after {content: "";display: inline-block;width: 8px;height: 7px;background-position: 0 -109px;margin-left: 4px;}
.filtrate-term  li span.choose-icon{background-position:3px -119px;width: 15px;height: 13px;display: inline-block !important;}
.filtrate-term  li.active span.choose-icon{background-position:-13px -119px;width: 15px;height: 13px;display: inline-block !important;}
.show-type,.show-list {background:url(../images/top.png) no-repeat;background-size: auto 230px;}
.show-type { display:block; width: 24px; height:24px;background-position:0px -121px;margin: 10px auto;}
.show-list{background-position:0px -76px;}
.show-position{ width:100%; background:#fff;}

/*商品grid布局*/
.goods-list-grid{ width:100%; overflow:hidden;-webkit-overflow-scrolling:touch; margin-top: 5px;}
.goods-list-grid.hide { display: none;}
.goods-list-grid .product{ background:#fff;}
.goods-list-grid li { position: relative;padding: .4rem .3rem 0;}
.goods-list-grid .item {display: -webkit-box;display: box;}
.goods-list-grid li .item-tag-box{ width:40px; height:40px; position:absolute; top:0; left:0px; z-index:9}
.goods-list-grid li .item-tag-box span{ display:block; width:35px; height:35px;text-indent:-9999px; z-index:1;}
.goods-list-grid li .item-tag-box span.icon-virtual{ background:url(../images/ic_virtual_tag.png) no-repeat; background-size:contain;}
.goods-list-grid li .item-tag-box span.icon-service{ background:url(../images/ic_service_tag.png) no-repeat; background-size:contain;}
.goods-list-grid li .item-pic{position: relative;height: 100px;width: 100px;overflow: hidden;text-align: center;}
.goods-list-grid li .item-pic .pre-sale-tip{  position: absolute; left: 0px; bottom: 0px; width: 100%; height: 20px; line-height: 20px; font-size: 12px; text-align: center; color: #fff; background:rgba(233,59,61,.7); z-index: 1;}
.goods-list-grid li .item-pic .sell-out{width: 56px;height: 56px;margin-top: -28px;margin-left: -28px;background-size: 56px;}
.goods-list-grid li .item-pic a{ display:block; position:relative; width:100%;padding-top:100%;}
.goods-list-grid li .item-pic img{ display:block; width:100%; height:auto; position:absolute; left:0;top:0;}
.goods-list-grid li dl{-webkit-box-flex: 1;box-flex: 1;margin-left: 10px;position: relative;height: 100%;margin-top: -2px; border-bottom: 1px solid #eee; }
.goods-list-grid li dl dt{ height: 40px; font-size: 15px;line-height: 20px;overflow: hidden;}
.goods-list-grid li dl dt a{ display:block;color:#353535;font-size: .6rem;line-height: 20px;overflow: hidden; }
.goods-list-grid li dd span.gift{display: inline-block; line-height: 14px; font-size: .5rem; padding: 0 .2rem;border-radius:3px;color: #fff;text-align: center; position:relative; margin-top:7px; background: #f23030; margin-left: 4px}
.order-bottom-btn a:last-child{ margin-right:0;}
.goods-list-grid li dd { display:block;line-height: 27px; }
.goods-list-grid li dd i{ float: left; font-size:18px; line-height:27px;}
.goods-list-grid li dd em{ display:block; float:left; font-size:10px; line-height:30px; color:#999; padding-left:8px;text-decoration:line-through;}
.goods-list-grid li .item-con-info{ margin-top: .5rem; overflow:hidden; position: relative; height: 27px;}
.goods-list-grid li .item-con-info .cart-box { width: 80px; z-index: 3; height: 27px; position: absolute; top:0; right:0;}
.goods-list-grid .increase{ position: absolute; right: 0; top: 0;font-size: 28px;}
.goods-list-grid .decrease { display:none;width:25px; float:right; height:25px;position:absolute; right:60px; top:0px; z-index:1;cursor:pointer; line-height:27px;font-size: 28px;}
.goods-list-grid .cart-box .num { border: 0; width:35px; height:25px;  text-align: center; font-size: 16px; line-height:25px; color: #999;  position:absolute; right:26px; top:0px ;}
.goods-list-grid .decrease.show{ display:inline;}
.goods-list-grid .decrease.hide{ display:none;}
.goods-list-grid .cart-box .num.show{ display:inline-block}
.goods-list-grid .cart-box .num.hide{ display:none;}
.goods-sales { display:block; z-index: 2; line-height: 14px; font-size:.5rem; color:#999;}
.goods-list-grid li dl a.shop-name{ margin:0 auto;}
/*商品list布局*/
.openList{ background:#f8f8f8;}
.openList li {width:50%; overflow:hidden; float:left; padding:0px;position:relative; float:left; height:auto; margin-bottom:5px;}
.openList li .item { display:block; width:98%; overflow:hidden; margin:auto; background:#fff; position:relative; padding-top:0px;}
.openList li .item-pic{ display:block; width:100%; height:100%; overflow:hidden;margin: 0 auto;}
.sell-out{position: absolute;width:90px;height:90px;top:50%;left: 50%; margin-top:-45px;margin-left: -45px;background: url(../images/shouqing.png) no-repeat; background-size:90px; z-index:2;}
.openList li .item-pic .sell-out{width:90px;height:90px; margin-top:-45px;margin-left: -45px; background-size:90px;}
.openList li .item-pic img{ display:block; width:100%; height:auto}
a.shop-name{ display:block;margin:5px auto 0; padding-bottom: .3rem; line-height:28px; font-size:.55rem; color:#999; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
a.shop-name span { display: block; float: left; }
a.shop-name em { color: #353535; font-size: .55rem; position: relative; padding-right:0.25rem;}
a.shop-name em:after{ content: ''; position: absolute;right: 0; top:50%;border-top:1px solid #353535; border-right:1px solid #353535; width:0.2rem; height:0.2rem;transform: rotate(45deg); -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg); margin-top:-0.1rem;}
.self-sell{color: #f23030;font-size:0.5rem;line-height: 10px;margin: .3rem .2rem 0 0;padding:2px 3px;border: 1px solid; border-radius:3px;}
.goods-list-shop {max-width:7rem; margin-right: .2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.openList .goods-list-shop{ max-width: 100px;}
.openList li dl{ margin:auto; margin-top:8px; overflow:hidden; padding:0 5%; height:auto; border-bottom: none; }
.openList li dl dt{font-size:14px; width:100%; height:40px; overflow:hidden; }
.openList li dl dt a{font-size:14px; line-height:20px; color:#353535;word-wrap: break-word;word-break: normal;white-space: normal;}
.openList li dl dt .gift{ padding: 0 .1rem; border-radius: 3px; color: #ff1e4e; text-align: center; position: relative; font-weight: normal; font-family: PingFang-SC-Regular; margin: 0 .2rem 0 0; font-size: 10px; height: 18px; line-height: 18px;}
.openList li dl dt .gift:after { content:''; position: absolute; top: 0; left: 0; right: 0; width: 200%; height: 200%; border: 1px solid #ff1e4e; border-radius: .2rem; box-sizing: border-box; transform: scale(.5);-webkit-transform: scale(.5); transform-origin: 0 0; -webkit-transform-origin: 0 0;}
.openList li dd i{ display:block; float:left; font-size:18px; line-height:27px;}
.openList li dd .gift{display: block;padding: 0 2px 0 2px;border-radius:2px;color: #fff;font-size: 11px;margin-left:4px;float: left;height: 13px;line-height:13px;overflow: hidden;position: relative;margin-top:2px;text-align: center; background:#f23030;}
.openList li .item-con-info{ width:100%; margin:auto; overflow:hidden; background:#fff; padding: .3rem 0 0; position:relative;left:0px;bottom:0; height: 27px;}
.openList li .item-con-info .cart-box{position:absolute; z-index: 3; right: 0;top: 0.3rem;}
.cart-box:hide{ display: none;}
.openList .decrease {width:25px; height:25px; position:absolute; right:55px; top:0px; z-index:1; cursor:pointer; font-size: 28px;}
.openList .increase{width:25px; height:25px;position:absolute; right:5px; top:0px; z-index:2; cursor:pointer;font-size: 28px;}
.sell-out-btn{ color:#d6d6d6 !important}
.openList .sell-out-btn{ right:5px;}
.increase-fly{ width:25px;height:25px;background-color: rgba(255, 255, 255, 0.95);border: 1px solid #C5C5C5;border-radius: 50%;font-size:24px; line-height:25px;color:#F8849C;background: url(../images/shop-cart.png) no-repeat -25px -27px; background-size: 60px;text-indent:-9999px;position: fixed;z-index: 9999;}
.openList .cart-box .num { display: inline-block; border: 0; width:25px; height:25px; float:right; text-align: center; font-size: 16px; line-height:25px; color: #999;  text-align: center; position:absolute; right:30px; top:0px ;}
.openList .decrease.show{ display:inline;}
.openList .decrease.hide{ display:none;}
.openList .cart-box .num.show{ display:inline-block}
.openList .cart-box .num.hide{ display:none;}
.openList .goods-sales { display:block;z-index: 2; font-size:.5rem; color:#999; line-height:14px;}


/*===筛选弹出层====*/
.category-content-section{z-index:1;}
.filtrate-pop-section{-ms-flex-direction: column;-webkit-box-orient: vertical;box-orient: vertical;-webkit-flex-direction: column;flex-direction: column;width: 100%;
height: 100%;position:fixed;top: 0;right: 0;-webkit-transform: translate3d(100%,0,0);transform: translate3d(100%,0,0);-webkit-transition: all .3s linear;
transition: all .3s linear;z-index:10000;}
.filtrate-pop-section.show{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);-webkit-transition: all .3s linear;transition: all .3s linear;}
.mask-content{width: 100%;height: 100%;min-height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.5);
z-index: 100;}
.close-filter-content{ width:13%;background: rgba(0,0,0,0.6); position:absolute; left:0; top:0; bottom:0;olor: #fff;font-size:0.6rem;text-align: center; z-index:101;}
.close-filter-content .close-btn{position: absolute;top: 50%;margin-top: -2rem; width:100%;}
.close-filter-content .close-btn i{font-size:1rem;display: block; color:#fff; margin-bottom:0.1rem;}
.close-filter-content .close-btn span{ color:#fff;}
.sidebar-content {position: absolute;top: 0px;right:0px;width:87%;height: 100%; overflow:hidden;z-index: 105;background:#f8f8f8;}
#filter_content {height: 100%;overflow-x: hidden;overflow-y: scroll; margin-bottom:60px;}
/*更多筛选*/
.filtrate-more{ width:100%;background: rgba(0,0,0,0.1); position:fixed; top:84px; left:0; right:0; z-index:999;}
.filtrate-more span {background-color: #FFF;display: block;padding-left: 0.38rem;}
.filtrate-more span a {font-size: 0.6rem;line-height:20px;color: #666;display: block;height:20px;padding: 0.5rem 0.75rem 0.5rem 0.38rem;position:relative;}
.filtrate-more span a i{position: absolute;right: 1rem;top:0.5rem;background-size:135px 135px;background-position: -108px -38px;width: 13px;height: 10px; margin-top:5px;}
.filtrate-more span a:before{height: 1px;content: '';width: 100%;border-bottom: 1px solid #e3e5e9;position: absolute;top: -1px;left: 0;transform: scaleY(.5);-webkit-transform: scaleY(.5);z-index: 10;}
/*新增筛选样式*/
.ui-slider-range {position: absolute;z-index: 1;display: block;  border: 0;background-position: 0 0; height:0.5rem}
.price-select-info .ui-slider-handle{ position:absolute; z-index:2;height:1.4rem;width:1.4rem;top: -0.45rem;margin-left: -0.85rem;border-radius: 50%;border: 1px solid #efefef;background: #fff;}
.price-select-info .ui-slider-handle.ui-state-hover, .price-select-info .ui-slider-handle.ui-state-focus{border:1px solid #fd778b; background:#ffe7eb}	
.price-box{ padding:0.5rem; background:#fff; border-bottom:0.05rem solid #eee; margin-top:0.5rem;}
.price-box label{ font-size:0.7rem; color:#353535;}
.price-select{padding:0.65rem 0.85rem;margin-top:1.8rem;position: relative;}
.price-select-info{ position:relative;background: #efefef;border-radius: 0;height:0.5rem;border: 0;}
.price-select-info .current-price-range {position: absolute; top:0; height:100%;z-index: 1;font-size:0.5rem;display: block;border: 0;background:#f23030;}
.price-select-info .price-select-handle { position:absolute; z-index:2;height:1.4rem;width:1.4rem;top: -0.45rem;margin-left: -0.85rem;border-radius: 50%;border: 1px solid #efefef;background: #fff;}
.price-info {position: absolute;z-index: 2;background: #fff;font-size:0.65rem;left: 34%;top: -40px;border: 1px solid #efefef;color: #666;padding:0.1rem 0.2rem;border-radius: 4px;}
.price-info:before {content: " ";width:0.5rem;height:0.5rem;display: block;position: absolute;border-top: 1px solid #efefef;border-right: 1px solid #efefef;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);transform: rotate(135deg);background: #fff;bottom:-0.3rem;z-index: -1;left: 50%;margin-left: -0.325em;}
.filtrate-list{ margin-top:0.5rem; padding:0 0.5rem;background:#fff; border-top:0.05rem solid #eee; border-bottom:0.05rem solid #eee; height:2rem;}
.filtrate-list a{ display:block; height:2rem;}
.filtrate-list a label{ float:left; line-height:2rem; font-size:0.7rem; color:#353535;}
.filtrate-list a span{ float:right; line-height:2rem; font-size:0.65rem; color:#666;}
.filtrate-list a span i{ display:inline-block; font-size:0.7rem; color:#666; margin-left:0.1rem;transition: all .2s;}
.filtrate-list.active a span i{-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);
transform: rotate(90deg);}
.attr-lists{ padding:0;} 
.base-filter,.attr-info-ul{ background:#fff; text-align:left; padding:0 0.5rem 0.5rem; display:none;}
.base-filter.show{ display:block;}
.base-filter-title{ background:#fff; line-height:2rem; font-size:0.7rem; color:#353535; padding-left:0.5rem;}
.base-filter li,.attr-info-ul li{display: inline-block; width:29%; box-sizing:border-box; height:1.5rem; line-height:1.5rem;margin:0.5rem 0 0 2.5%;font-size: 0.55rem;color: #666;background: #FFF;border: solid 0.05rem #EEE;border-radius: 0.15rem; text-align:center; overflow:hidden;}
.base-filter li.cur,.attr-info-ul li.cur{border-width: 0.05rem; border-style:solid;}
.base-filter li.hide,.attr-info-ul li.hide{ display:none}
.filter-footer{position:absolute;bottom: 0px;background: #fff;right: 0px; width:100%;}
.filter-footer a,.filter-footer .btn-submit{ display:inline-block; width:50%; height:2.25rem; line-height:2.25rem; font-size:16px;}
.filter-footer a{ background:#fff; border-top:1px solid #efefef;text-align:center; color:#353535; font-size:16px; float:left; box-sizing:border-box;}
.filter-footer .btn-submit{border:none; color:#fff; float:right;}
.page-num {width: 100%;position: fixed;left: 0;bottom:60px;z-index: 100; text-align:center;}
.page-num span {width:60px;display:block;padding:0px 8px;text-align: center;font-size:10px;margin-left: auto;margin-right: auto;background-color: rgba(0,0,0,0.5);border-radius: 10px;color:#fff; height:16px; line-height:16px;box-sizing:border-box;}
.openList .icon-box{line-height: 16px; margin-top: 5px; margin-bottom: 5px; height: 16px;}
.openList .icon-box .icon-box-item{ display: inline-block;line-height: 16px; font-size: 12px;}
.openList .icon-box .icon-box-item .icon{ width:14px; height:14px; cursor: pointer; margin: auto; border-radius:3px; background:#13D1BE; color: #fff; font-size:10px; font-weight: bold; line-height:14px; display: block;text-align: center;font-family: "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; display: inline-block; vertical-align: middle; color: #fff; margin-right:3px;}