@charset "utf-8";
body{ background:#f8f8f8;}

/*列表页头部*/
.category-header { position:fixed;width:100%; height:44px; background:#fff;top:0; left:0;z-index:9999; border-bottom:1px solid #eee; box-sizing:border-box;}
.category-left{ position: absolute; left: 0; top: 0; width: 40px; height: 44px; }
.category-left a{ display:block; width:30px; height:50px;background:url(../images/top.png) no-repeat;background-size: auto 230px; background-position:5px 9px;}
.category-right{position: absolute;right: 0; top: 0; width: 40px; height: 44px; text-align:center;}
.category-right a{ font-size:14px; line-height:44px; color:#666}
.header-middle{ margin: 0 40px; height: 44px; font-size: 16px; text-align: center; color: #353535; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: none; width: auto;}
.search-box{ width:100%; margin:7px auto; height:30px;background: #f6f6f6;border-radius:15px; position:relative}
.search-box .text{ display:block; width:100%;-webkit-appearance: none; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; border-radius: 0; -webkit-rtl-ordering: logical; -webkit-user-select: text; height:30px; background:none; border:0; font-size:14px; line-height:30px; color:#666;}
.search-box .submit{    display: block;width: 18px;height: 15px;background: url(../images/icon_category.png) no-repeat;background-position: -80px 0;background-size: 200px;margin:8px 5px 0 10px}
.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;}
.blank-line-50{ height: 50px; line-height: 50px; width: 100%; background:#f8f8f8; }
/*商品grid布局*/
.goods-list-grid{ width:100%; overflow:hidden;-webkit-overflow-scrolling:touch; }
.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:32px; height:38px;text-indent:-9999px; z-index:1;}
.goods-list-grid li .item-tag-box span.icon-best{ background:url(../images/best.png) no-repeat; background-size:contain;}
.goods-list-grid li .item-tag-box span.icon-hot{ background:url(../images/hot.png) no-repeat; background-size:contain;}
.goods-list-grid li .item-tag-box span.icon-new{  background:url(../images/new.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; }
.goods-list-grid li dl:after {height:1px;content:'';width:100%;border-top:1px solid #e3e5e9; position:absolute;bottom:-1px;right:0; transform:scaleY(0.5);-webkit-transform:scaleY(0.5);z-index:10}
.goods-list-grid li:last-child dl:after{ content: none; }
.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 dl dt a em{padding: 0px 5px;color: #fff;margin-right: 0.2rem;border-radius: 0.1rem;font-size: .55rem;line-height: 0.85rem;display: inline-block;vertical-align:middle;}
/*.goods-list-grid li dd{font-size: 0px;height: 20px;overflow: hidden;width: 100%;line-height: 20px; margin:3px 0;}*/
.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; }
.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;}
.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:25px; 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 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;}
.openList .increase{width:25px; height:25px;position:absolute; right:5px; top:0px; z-index:2; cursor:pointer;}
.sell-out-btn{ color:#999 !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;}
.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;}