.shop-header{background:url(../images/shop.png) center no-repeat;background-size:cover;width:100%;height:370px;overflow:hidden}
.list-nav{width:100%;height:60px;background:#fff;margin-top:100px!important;border-radius:5px}
.list-nav li{display:inline}
.list-nav li a{display:inline-block;line-height:60px;font-size:14px;margin: 0 10px 0 20px;transition:all .5s;position:relative;}
.list-nav li a:after{position:absolute;content:'';left: calc(50% - 10px);bottom: 0px;width:0;height: 3px;background-color:#007bf5;transition:all .2s;-webkit-transition:all .2s;border-radius:20px;}
.list-nav .hover a{display:inline-block;color: #007bf5;}
.list-nav li a:hover{color:#1b8eff;transition:all .5s}
.list-nav .hover a:after{width: 20px;}
.shop-list{padding:20px 0 0}
.shop-list ul .loadding{margin:200px auto;}
.shop-list .li-quan{margin-right: 35px;width:408px;height:140px;display:inline-block;margin-bottom:25px;background-color:#fff;vertical-align:top;transition:all .3s;border-radius: 5px;overflow: hidden;}
.shop-list .li-quan:nth-child(3n){margin-right:0;float:right}
.shop-list .li-quan:hover{-webkit-transform:translateY(-5px);-webkit-box-shadow: 0 34px 20px -24px rgba(0,0,0,.1); box-shadow: 0 34px 20px -24px rgba(0,0,0,.1); -webkit-transform: translateY(-5px);}
.shop-list .li-quan .picture-warpper{display:block;float:left;position:relative;width:140px;height:140px;overflow:hidden}
.shop-list .li-quan .picture-warpper .fubaocover{width:140px;height:140px;position:absolute;top:0;left:0}
.shop-list .li-quan .fubaoshadow{width:411px;height:145px;display:none;pointer-events:none}
.shop-list .li-quan .desc-wrap .promotioninfo .promotion{color:#e74737;float:left;font-size:16px;width:240px;height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shop-list .li-quan .desc-wrap .msginfo-row{height:26px;overflow:hidden;width:100%}
.shop-list .li-quan .desc-wrap .msginfo-row .remaindays{float:left}
.shop-list .li-quan .desc-wrap .msginfo-row .remaindays b{color:#ff002b;padding-right:5px;font-size:18px}
.shop-list .li-quan .desc-wrap .msginfo-row .remaindays s{color:#888;font-size:12px}
.shop-list .li-quan .desc-wrap .aftercoupon{color:#e74737}
.shop-list .li-quan .desc-wrap .aftercoupon>span{font-size:20px}
.shop-list .li-quan .picture-warpper .recommend-product{width:42px;height:42px;position:absolute;right:0;top:0;background:url(/content/images/recommend.png)}
@media only screen and (-o-min-device-pixel-ratio:3/2),only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){.shop-list .li-quan .picture-warpper .recommend-product{background:url(/content/images/recommend@2x.png)}
}
.shop-list .li-quan img{width:140px;height:140px}
.shop-list .li-quan .desc-wrap{display:block;float:right;padding:20px 20px 10px 3px;width:230px}
.shop-list .li-quan .desc-wrap .product-title-wrap{overflow:hidden;margin-bottom:20px}
.shop-list .li-quan .desc-wrap .couponlink{width:70px;height:24px;font-size:12px;display:inline-block;background-color:#007bf5;text-align:center;line-height:26px;vertical-align:bottom;color:#fff;border-radius:3px;float:right}
.shop-list .li-quan .desc-wrap .couponlink.hovering{background-color:#e74737;border:none;color:#fff}
.shop-list .li-quan .desc-wrap .couponlink:hover{background-color:#007bf5;color:#fff}
.shop-list .li-quan .desc-wrap .product-title-wrap{height:46px;overflow:hidden}
.shop-list .li-quan .desc-wrap .product-title-wrap .product-title{font-size:14px;color:#585858;line-height:22px;height:44px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.shop-list .li-quan .desc-wrap .product-title-wrap .product-title:hover{color:#007bf5}
.shop-list .md-text{padding:20px;background:#fff;border-radius:5px;margin-bottom:20px;text-align:center;color:#666;display:none;}
@media screen and (max-width:800px){.shop-header{background-size:auto 100%;height:120px;margin-top:50px}
.list-nav{height:auto;overflow:hidden;padding:1% 0;margin-top:5rem!important}
.list-nav li a{line-height:30px;margin:0;color: #666;}
.list-nav li{display:block;float:left;width:23%;text-align:center;background:#f6f6f6;margin:1%;border-radius:5px}
.list-nav li:nth-child(4n){float:right}
.list-nav li a:after{display:none}
.list-nav .hover a{color:#fff;font-weight:400;font-size:14px}
.list-nav .hover{background: #007bf5!important;}
.shop-list .li-quan{width: 100%;margin-right: 0;height:auto;border-radius:5px;overflow:hidden;margin-bottom: 2%;}
.shop-list{padding:10px 0 0}
}