/*
{"name":"品质型商品列表",time":"2019.04.22 10:01:41","author":"Zhen"}
{"name":"品质型商品列表",time":"2021.01.15 10:01:41","author":"dly"}
*/
.mod-productQuality .layout{margin-left: .25rem; margin-right: .25rem;}
.mod-productQuality .grid-list{margin-right: -0.25rem}
.mod-productQuality .grid-items{width: 50%;float: left;}
.mod-productQuality .grid-items > a{display: block; height: 13.1rem; border-radius: .15rem; overflow: hidden; margin-right: .25rem;margin-bottom: .25rem; position: relative; text-decoration: none; background-color: #fff;}
.mod-productQuality .grid-items .pic{ height: 8.625rem; }
.mod-productQuality .grid-items .pic > img{ width: 100%; height:  8.625rem; }
.mod-productQuality .grid-items .tip{position: absolute; right: .2rem; top: .2rem; width: 1.8rem; height: 1.8rem;}
.mod-productQuality .grid-items .tip img{width: 1.8rem; height: 1.8rem;}
.mod-productQuality .grid-items .title{font-size: .6rem; height: .75rem; line-height: 1.25; margin: 0 .25rem 0 .25rem; padding-top:.45rem;color: #000; text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mod-productQuality .grid-items .desc{font-size: .45rem;height: .6rem; line-height: 1.25; margin: 0 .25rem 0 .25rem; padding-top:.15rem; color: #666; text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mod-productQuality .grid-items .sale{position: absolute; left: 0; top:7.775rem; background-color: #E16773;max-width: 7.875rem; height: .85rem; line-height: .85rem; font-size: .5rem; color: #fff;border-radius:.425rem .425rem .425rem 0 ; padding-left: .375rem; padding-right: .375rem; text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mod-productQuality .grid-items .sale span{max-width: 7.875rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mod-productQuality .grid-items .price-wrp{margin-top: .3rem; line-height: 1rem;text-align: center; }
.mod-productQuality .grid-items .price-wrp > p{border-radius: .5rem; padding-top: .2rem; padding-bottom: .15rem; font-size:.6rem; height:.65rem; vertical-align: middle; line-height: .65rem; display: inline-block; text-align: center; margin-left: .25rem;}
.mod-productQuality .grid-items .price-wrp > p:first-child{margin-left: 0;}
.mod-productQuality .grid-items .price{background-color: #222222; color: #fff; min-width: 3rem; max-width: 4.1rem; padding-left: .25rem; padding-right: .25rem; }
.mod-productQuality .grid-items .price span{display: inline-block; overflow: hidden; margin-left: .125rem;}
.mod-productQuality .grid-items .price span:first-child{margin-left: 0;}
.mod-productQuality .grid-items .price-currency{font-size: .45rem;}
.mod-productQuality .grid-items .price-amount{font-size: .6rem; height: .6rem; font-weight: bold; max-width: 1.9rem;overflow: hidden;word-wrap:break-word }
.mod-productQuality .grid-items .price-from{font-size: .4rem; font-style: normal;}
.mod-productQuality .grid-items .coupon{background: url(../images/product-quality_mb_img_02.png) no-repeat; background-size: 100% 100%; color: #E16773; width: 2.5rem; padding-right: 1rem; position: relative;}
.mod-productQuality .grid-items .coupon-amount{font-size: .55rem; display: inline-block; overflow: hidden; margin-left: .125rem; vertical-align: baseline; }
.mod-productQuality .grid-items .coupon-text{position: absolute;right: -.25rem; left: -.25rem; top: 1.15rem; line-height: .5rem; text-align: center; ;display: block; color: #666; font-size: .4rem;font-weight: bold; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


/* 一行三个可滑动 */
.mod-productQuality .grid3 .layout{margin-left: .25rem;margin-right:0;}
.mod-productQuality .grid3 .grid-list{margin-right:0;white-space: nowrap; overflow-x: auto;overflow-y: hidden;}
.mod-productQuality .grid3 .grid-list::-webkit-scrollbar{
  display: none;
}
.mod-productQuality .grid3 .grid-items{width: 5.7rem;}
.mod-productQuality .grid3 .grid-items > a{height: 9.15rem; margin-right: .2rem; margin-bottom: .2rem;}
.mod-productQuality .grid3 .grid-items .pic{height: 5.5rem; padding: .4rem .4rem 0 .4rem; text-align: center;}
.mod-productQuality .grid3 .grid-items .pic > img{ width: 4.7rem; max-width: 4.7em; height: 4.7rem; }
.mod-productQuality .grid3 .grid-items .title{padding-top: .25rem;margin: 0 .4rem 0 .4rem; }
.mod-productQuality .grid3 .grid-items .desc{margin: 0 .4rem 0 .4rem;}
.mod-productQuality .grid3 .grid-items .sale{top: 5.1rem;left: .4rem; right: .4rem;padding: 0; text-align: center; height: .8rem; line-height: .8rem;background: none;}
.mod-productQuality .grid3 .grid-items .sale .saleBox{border-radius: .6rem;height:0.8rem;background: linear-gradient(to right, #fe6666 0,#e22a6f 100%);font-weight: normal; display: flex; justify-content: center; align-items: center; display: -webkit-flex;  -webkit-justify-content: center;  -webkit-align-items: center;}
.mod-productQuality .grid3 .grid-items .sale .saleBox span{max-width: 4.7rem;padding: 0 .4rem; color: #fff;border-radius: .6rem;display: inline-block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mod-productQuality .grid3 .grid-items .price{background:none !important; color: #ce0e2d; font-size: .5rem; }
.mod-productQuality .grid3 .grid-items p.coupon{display: none;}
.mod-productQuality .grid3 .grid-items .price-wrp{margin-top: 0}
.mod-productQuality .grid3 .grid-items .price-currency{font-size: .5rem;font-weight: 600;}
.mod-productQuality .grid3 .grid-items .price-amount{font-weight: 400; font-size: .7rem;}
.mod-productQuality .grid3 .grid-items .price-from{font-size: .5rem}

/* 一行三个不可滑动 */
.mod-productQuality .grid3-noSliding .layout{margin-left: .15rem;margin-right: .15rem;}
.mod-productQuality .grid3-noSliding .grid-list{margin-right:0;white-space: nowrap; overflow-x: auto;overflow-y: hidden;}
.mod-productQuality .grid3 .grid-list{margin-right:0;white-space: nowrap; overflow-x: auto;overflow-y: hidden;}
.mod-productQuality .grid3 .grid-list::-webkit-scrollbar{
  display: none;
}
.mod-productQuality .grid3-noSliding .grid-items{width: 5.7rem;height: 9.35rem;margin-right: .1rem;margin-left: .1rem; margin-bottom: .25rem;}
.mod-productQuality .grid3-noSliding .grid-items > a{ margin:0;width: 100%;height: 100%;}
/* .mod-productQuality .grid3-noSliding li:nth-child(3n){margin-right: 0;} */
.mod-productQuality .grid3-noSliding .grid-items .pic{height: 5.7rem; padding: .4rem .4rem 0 .4rem; text-align: center;}
.mod-productQuality .grid3-noSliding .grid-items .pic > img{ width: 4.9rem; max-width: 4.9em; height: 4.9rem; }
.mod-productQuality .grid3-noSliding .grid-items .sale{top: 5.3rem;left: .4rem; right: .4rem;padding: 0; text-align: center; height: .8rem; line-height: .8rem;background: none;}
.mod-productQuality .grid3-noSliding .grid-items .sale .saleBox{border-radius: .6rem;height:0.8rem;background: linear-gradient(to right, #fe6666 0,#e22a6f 100%);max-width: 100%;font-weight: normal; display: flex; justify-content: center; align-items: center; display: -webkit-flex;  -webkit-justify-content: center;  -webkit-align-items: center;}
.mod-productQuality .grid3-noSliding .grid-items .sale .saleBox span{max-width: 4.9rem; padding: 0 .4rem; color: #fff;border-radius: .6rem;display: inline-block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mod-productQuality .grid3-noSliding .grid-items .title{padding-top: .25rem;margin: 0 .4rem 0 .4rem;}
.mod-productQuality .grid3-noSliding .grid-items .desc{margin: 0 .4rem 0 .4rem;}
.mod-productQuality .grid3-noSliding .grid-items .price{background:none !important; color: #ce0e2d; font-size: .5rem; }
.mod-productQuality .grid3-noSliding .grid-items p.coupon{display: none;}
.mod-productQuality .grid3-noSliding .grid-items .price-wrp{margin-top: 0}
.mod-productQuality .grid3-noSliding .grid-items .price-currency{font-size: .5rem;font-weight: 600;}
.mod-productQuality .grid3-noSliding .grid-items .price-amount{font-weight: 400; font-size: .7rem;}
.mod-productQuality .grid3-noSliding .grid-items .price-from{font-size: .5rem}