@charset "utf-8";
/* CSS Document */
.discount-list{  position: relative; padding-top: 8px; overflow: hidden; background: #fff;}
.discount-list li{ position: relative;}
.discount-list li a{ display: block; }
.discount-list li a .img-info{position: relative; width: 100%; height: auto;}
.discount-list li a .img-info img{ display: block;width: 100%; height: auto;}
.discount-list li a .img-info .goods-num{background-color: rgb(0, 0, 0);height:14px;color: rgb(255, 255, 255);font-size:0.5rem;line-height:14px;padding:2px 5px; position: absolute; bottom: -7px; left: 12px;}
.discount-list li a .img-info .countdown{line-height:14px;background-color: rgba(0,0,0,.7);border-radius: 0 0 5px 5px;position: absolute;right:10px;top: 0;z-index: 1;text-align: center;padding:4px 5px;font-size:12px;color: #fff;}
.discount-list li a .img-info .countdown span{display: inline-block;height:14px;font-size: .5rem;}
.discount-list li a .img-info .countdown span em{ display: inline-block; vertical-align: middle;margin:0px 2px 0 0;min-width:14px;height:14px;line-height:14px;color: #e93b3d;background-color: #fff;text-align: center; padding: 0 1px; }
.discount-list li a .discount-info{ position: relative; padding:10px 0;}
.discount-list li a .discount-info .name{padding:0 12px;font-size:18px;font-weight: 700;color: rgb(17, 17, 17);overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1; line-height: 24px;}
.discount-list li a .discount-info .tag{padding:0 12px;font-size:12px;color: rgb(102, 102, 102);overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1; line-height: 16px;}
.group-top-nav{color: #353535;font-size: 14px;background-color: #fff;overflow: visible; position:relative;box-sizing:border-box;width: 100%;}
.group-top-nav .group-nav-title{ float:left;width: 50%;line-height:40px;border: 0px none;outline: 0px none;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size:0.7rem; position: relative; color: #353535;}
.group-top-nav .group-nav-title.current:before{content: "";position: absolute; bottom: 0; left: 50%; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); width:65px; height: 2px;}
.discount-item{ position: relative; margin: .5rem .5rem 0;}
.discount-item .img-info{position: relative; width: 100%; height: auto; background: #fff; padding-bottom: 10px; border-radius: .55rem;}
.discount-item .img-info img{ display: block;width: 100%; height: auto; border-radius: .55rem .55rem 0 0;}
.discount-item .img-info .countdown{line-height:14px;background-color: rgba(0,0,0,.7);border-radius: 0 0 5px 5px;position: absolute;right:20px;top: 0;z-index: 1;text-align: center;padding:4px 5px;font-size:12px;color: #fff;}
.discount-item .img-info .countdown span{display: inline-block;height:14px;font-size: .5rem;}
.discount-item .img-info .countdown span em{ display: inline-block; vertical-align: middle;margin:0px 2px 0 0;min-width:14px;height:14px;line-height:14px;color: #e93b3d;background-color: #fff;text-align: center; padding: 0 1px; }
.discount-item .img-info .name{ padding:0 15px;font-size:18px;font-weight: 700;color: rgb(17, 17, 17);overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1; line-height: 30px;}
.discount-item .img-info .tag{ padding:0 15px;font-size:12px;color: rgb(102, 102, 102);overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1; line-height: 20px;}
.pro-goods-box{ display:block; background:#f8f8f8; margin: .5rem .5rem 0; border-radius: .55rem;}
.pro-goods-box li:first-child a{ border-radius: .55rem .55rem 0 0;}
.pro-goods-box li:last-child a{ border-radius: 0 0 .55rem .55rem;}
.pro-goods-box .pro-goods-item{position: relative;display: -webkit-box;padding: 3px;background: #fff; height:115px;}
.pro-goods-box .pro-goods-item a{display: -webkit-box;}
.pro-goods-box .pro-goods-item .pro-goods-img{position: relative;height: 115px;width: 115px;margin-right:5px;overflow: hidden;}
.pro-goods-box .pro-goods-item .pro-goods-img img{width: 100%; height:auto;}
.pro-goods-box .pro-goods-item .sell-out { position: absolute; top: 50%; left: 50%; z-index: 2; width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; background: url(../images/shouqing.png) no-repeat; background-size: 60px;}
.goods-list-grid{ width:100%; overflow:hidden; margin-top:84px; -webkit-overflow-scrolling:touch; }
.pro-goods-box .pro-goods-item .pro-goods-info{-webkit-box-flex: 1;margin-top: 9px;margin-right: 6px;color: #999; position:relative; height:106px;}
.pro-goods-box .pro-goods-item .pro-goods-info .pro-goods-name{ height:36px;line-height: 18px;margin-bottom: 3px;color: #353535;font-size: 15px;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 36px;}
.pro-goods-box .pro-goods-item .pro-goods-info .pro-goods-labels {height:5px;line-height:5px;font-size: 10px;}
.pro-goods-box .pro-goods-item .pro-goods-info .item-wrap {margin: 5px 0;display: -webkit-box; width:100%; position:absolute; bottom:0px;}
.pro-goods-box .pro-goods-item .pro-goods-info .item-price { -webkit-box-flex: 1; height:36px; line-height:26px; overflow:hidden;}
.pro-goods-box .pro-goods-item .pro-goods-info .item-price .item-newprice { font-size: 14px;}
.pro-goods-box .pro-goods-item .pro-goods-info .item-price .item-newprice span{ font-size:21px;}
.pro-goods-box .pro-goods-item .pro-goods-info .item-price .item-oldprice{ margin-left: .2rem; font-size:12px; position: absolute;left: 0;bottom: -2px;line-height: 14px;}
.pro-goods-box .pro-goods-item .pro-goods-info .item-action {height: 26px;line-height: 26px;padding: 0 .5rem;border-radius:4px;text-align: center;color: #fff;border-radius: 20px;margin-top:5px;}
.pro-goods-box .pro-goods-item .pro-goods-info .activity-coming{height: 26px;line-height: 26px;width: 59px;border-radius:4px;text-align: center;color: #fff;background:#00B94D;}
.pro-goods-box .pro-goods-item.good-no .pro-goods-info .sold-out-btn{height: 50px;width: 50px;background: url(../../images/shouqing.png);background-size: contain;overflow: hidden;background-size: 50px;padding: 0;position: absolute;bottom: 10px;right:8px; border:none;}
.remind-purchase {position: relative; height:16px; line-height:16px; font-size:12px;color:#00B94D;}
.remind-purchase span:first-child{margin-right: 4px;padding-right: 6px;border-right: 1px solid #00B94D;}

/*打包一口价*/
.buyout-price-list{  position: relative; padding-top: 8px; overflow: hidden;}
.buyout-price-list li{ position: relative;background: #fff;}
.buyout-price-list li a{ display: block; }
.buyout-price-list li a .img-info{position: relative; width: 100%; height: auto;}
.buyout-price-list li a .img-info img{ display: block;width: 100%; height: auto;}
.buyout-price-list li a .img-info .countdown{line-height:14px;background-color: rgba(0,0,0,.7);border-radius: 0 0 5px 5px;position: absolute;right:10px;top: 0;z-index: 1;text-align: center;padding:4px 5px;font-size:12px;color: #fff;}
.buyout-price-list li a .img-info .countdown span{display: inline-block;height:14px;font-size: .5rem;}
.buyout-price-list li a .img-info .countdown span em{ display: inline-block; vertical-align: middle;margin:0px 2px 0 0;min-width:14px;height:14px;line-height:14px;color: #e93b3d;background-color: #fff;text-align: center; padding: 0 1px; }
.buyout-price-list li a .buyout-price-info{margin:5px 0 0; text-align: left; padding:0 10px;}
.buyout-price-list li a .buyout-price-info .inter { width: 100%; }
.buyout-price-list li a .buyout-price-info .inter .name{font-size: 16px; width: 56%; color: #353535;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; line-height: 25px;}
.buyout-price-list li a .buyout-price-info .desc{  line-height:16px;font-size: 12px; width: 100%; color: #999; margin: 5px 0;}
.buyout-price-list li a .buyout-price-info .price{text-align: right; font-size: 16px; color: #353535; line-height: 25px;}
.buyout-price-list li a .buyout-price-info .price em{ display: inline-block;}
.buyout-price-list li .shop-name{ display:block; height: 28px; line-height: 28px; font-size:12px; margin-bottom: 8px; vertical-align:middle; padding: 0 10px; color:#999; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.buyout-price-list li .shop-name i{ display:inline-block; vertical-align:middle; margin-right:3px; font-size:13px;}
.buyout-price-list li .shop-name em{ display:inline-block; height: 28px; line-height: 28px; vertical-align:middle;}

/*打包一口价详情*/
.package-info{ padding: 10px 10px 15px 10px; background: #fff;}
.package-info .name{ font-size:0.8rem; color: #353535;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; line-height:30px; height:30px;}
.package-info .desc{  line-height:16px;font-size:0.6rem; width: 100%; color: #999;}
.buyout-price-type-box{ position: relative; background:#fff; }
.buyout-price-type-box .type-head{ position: relative; display: -webkit-box; display: -webkit-flex; display: flex;-webkit-box-align: center;-webkit-align-items: center;align-items: center;padding:10px 10px 5px 0px; min-height: 30px;z-index: 1; box-sizing: border-box;}
.buyout-price-type-box .type-head .tag{ position:relative; display: inline-block; color: #fff; font-size: 10px; padding:0 5px; height: 15px; line-height: 15px; margin:2px 5px 0 0; vertical-align: top; margin-left: 10px; align-self:flex-start; text-align: center; border-radius: 3px;}
.buyout-price-type-box .type-head .tag:before{position: absolute;left: 7px;bottom: -4px;content: "";display: block;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #e4393c;}
.buyout-price-type-box .type-head .title{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;box-sizing: border-box;display: inline-block;font-size:15px;font-weight: 700;margin-right: 10px;width: 100%;line-height: 1.45;color: #353535;font-weight: 400;}
.buyout-price-type{position: relative;min-height: 75px;padding: 5px 0px 5px 10px;background: #fff;-webkit-overflow-scrolling: touch;z-index: 1;}
.buyout-price-type .buyout-price-item .item-title{ line-height:40px; color: #666; font-size:0.7rem;}
.buyout-price-type .buyout-price-item .item-title em{ font-size:0.6rem }
.buyout-price-type .buyout-price-item-box{ position: relative; margin-right: 10px;} 
.buyout-price-item-box ul{ width: 100%;margin: auto; border-bottom: none;overflow-x: auto;overflow-y: hidden;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-overflow-scrolling: touch;}
.buyout-price-item-box ul li{ padding-bottom: 10px; margin: 0px;-webkit-box-flex: 0;-webkit-flex: 0 0 26%;-moz-box-flex: 0;flex: 0 0 26%;width:26%;float: none !important;margin-right:10px;}
.buyout-price-item-box ul li a{ display: block; }
.buyout-price-item-box ul li .goods-info-box{ padding: 0.25rem; overflow: hidden; margin: auto; background: #fff; position: relative;}
.buyout-price-item-box ul li .goods-pic{ width: 100%; margin: auto; overflow: hidden; position: relative;padding-top: 100%;}
.buyout-price-item-box ul li .goods-pic .sell-out{position: absolute;width:50px;height:50px;top:50%;left: 50%; margin-top:-25px;margin-left: -25px;background: url(../images/shouqing.png) no-repeat; background-size:50px; z-index:2;}
.buyout-price-item-box ul li .goods-pic img{ display: block; width: 100% !important; height: auto !important; position: absolute; left: 0; top: 0;    border-radius: 5px;}
.buyout-price-item-box ul li .goods-name{ width: 100%; margin: auto; margin-top: 0.25rem;margin-bottom: 0.2rem; display: block; height:1rem; padding-top: 0px; color: #666; font-size: 0.6rem; line-height:1rem; text-align:center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.buyout-price-item-box ul li .check-icon{ width: 20px; height: 20px; cursor: pointer; margin: auto; border-radius: 99%; background: #979797; color: #fff; font-size:12px; font-weight: bold; line-height: 20px; display: block;text-align: center;font-family: "Microsoft Yahei", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;}
.buyout-price-item-box ul li.selected .check-icon{ background: #FB6E1C;}
.buyout-footer-nav{ width:100%; height:46px; position:fixed; z-index:222; left:0;bottom:0px;background-color:#fff;padding-top: 0;padding-bottom: 0;border-top: none; box-sizing:border-box;display: -webkit-box !important;display: box !important;}
@media only screen and (device-width: 375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
	.buyout-footer-nav{ padding-bottom:34px;padding-bottom: constant(safe-area-inset-bottom) !important;padding-bottom: env(safe-area-inset-bottom) !important;box-sizing: content-box; background: #fff;}
}
@media only screen and (device-width: 414px) and (device-height:896px) and (-webkit-device-pixel-ratio:3) {
	.buyout-footer-nav{ padding-bottom:34px;padding-bottom: constant(safe-area-inset-bottom) !important;padding-bottom: env(safe-area-inset-bottom) !important;box-sizing: content-box; background: #fff;}
}
@media only screen and (device-width: 414px) and (device-height:896px) and (-webkit-device-pixel-ratio:2) {
	.buyout-footer-nav{ padding-bottom:34px;padding-bottom: constant(safe-area-inset-bottom) !important;padding-bottom: env(safe-area-inset-bottom) !important;box-sizing: content-box; background: #fff;}
}
.buyout-footer-nav .total-price{ padding-top:7px; padding-left:10px; font-weight: 700; line-height:20px; height: 46px; font-size: 16px; }
.buyout-footer-nav .total-price strong{ font-family: arial;}
.buyout-footer-nav .total-price small{ padding-top: 2px; display: block; font-size: 10px; color: #949494; font-family: arial; font-weight: 400; line-height: 14px; }
.buyout-footer-nav .total-price .economize{color: #949494; margin-left: 0.1rem; }
.buyout-footer-nav .buyout-footer-btn{ width: 55%; padding:6px 5px; box-sizing:border-box;}
.buyout-footer-nav a{ width:50%; display:inline-block;font-size: 15px;color: #FFF;float: left;height:34px;line-height: 34px;text-align:center;cursor:pointer;border-radius:0 34px 34px 0; font-size: 0.65rem;}
.buyout-footer-nav a.add-cart-btn{background: #FF9301;border-radius: 34px 0 0 34px;}
.buyout-footer-nav a.add-cart-btn.disabled{background: #FF9301 !important; color: #fff !important; opacity: 0.4;}
.buyout-footer-nav a.bg-color.disabled{color: #fff !important; opacity: 0.4; }