@charset "utf-8";

.mod-mobile-productList .grid1 p, .mod-mobile-productList .grid2 p {line-height:normal;}
.mod-mobile-productList * {box-sizing: initial;}

/*单个商品*/
.mod-mobile-productList .grid1 {overflow:hidden;width:100%;position:relative;font-family:\5FAE\8F6F\96C5\9ED1,"Helvetica Neue",Helvetica,Arial,sans-serif;}
.mod-mobile-productList .grid1 .layout {margin:0.3em 0.25em 0.3em 0.25em;background:#fff;overflow:hidden;position:relative;height: 7.45rem;}
.mod-mobile-productList .grid1 {position:relative;}
.mod-mobile-productList .grid1 a {display: block;height: 7.45rem;box-sizing:border-box;padding: 0.6rem 0.25rem 0.6rem 0.75rem;}
.mod-mobile-productList .grid1 .title {font-size: .8rem;min-height:1.05rem;margin-top: 0.25rem; font-weight: 400; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.mod-mobile-productList .grid1 .desc {font-size: .45rem; min-height: 0.6rem;font-weight: 400; color: #808080; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.mod-mobile-productList .grid1 .sale {padding-top:0.25rem;white-space: normal;font-size:.5rem;max-width: 95%;min-height: 0.75rem;}
.mod-mobile-productList .grid1 .sale span {max-width: 100%;vertical-align: middle;padding: 0 .25rem;display: inline-block;}
.mod-mobile-productList .grid1 .sale span em {line-height:normal;font-style:normal;overflow:hidden;word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:block;white-space:nowrap;width:100%;}
.mod-mobile-productList .grid1 .contain {position: absolute;overflow: hidden;bottom: 0.85rem;}
.mod-mobile-productList .grid1 .contain .rise {margin-left: 0.1rem;font-size: 0.45rem;}
.mod-mobile-productList .grid1 .price {height: 1.4em;padding-top: 0.75rem;white-space: normal;font-size: 0.8em;display:block;}
.mod-mobile-productList .grid1 .price span {display: inline-block;}
.mod-mobile-productList .grid1 .price span em {font-style:normal;font-size:.5rem;margin-top:0.28rem;float: left;}
.mod-mobile-productList .grid1 .price span i {font-style:normal;font-size:.5rem;margin-right: 0.1rem;}
.mod-mobile-productList .grid1 .operate {float:left;width:4.5rem;text-align:center;padding:0;font-size:0.55rem;color:#fff;white-space:normal;height:1.15rem;}
.mod-mobile-productList .grid1 .operate span {display:inline-block;line-height: 1.15rem;}
.mod-mobile-productList .grid1 .operate i {width:0.2rem;height:0.35rem;background:url('../images/product-list_mb_arrow2.png');background-size:100% auto;margin-top:0.4rem;margin-left:0.05rem;display:inline-block;vertical-align:top;}
.mod-mobile-productList .grid1 .getcoupon {float:left;margin-left:0.15rem;width: 2.5rem;height: 1.15rem;}
.mod-mobile-productList .grid1 .pic {position: absolute;top:50%;right: 0.25rem;margin-top:-3.125em;}
.mod-mobile-productList .grid1 .pic img {width:6.25em;height:6.25em;}
.mod-mobile-productList .grid1 .tip {position:absolute;bottom:0.6rem;right:0.25em;}
.mod-mobile-productList .grid1 .tip img {width:1.5rem;height:1.5rem;}

/*两个商品*/
.mod-mobile-productList .grid2 {overflow:hidden;}
.mod-mobile-productList .grid2 a {width: 100%; height: 100%; display: block;padding:0.5rem 0.5rem 0.4rem 0.5rem; box-sizing: border-box;background: #fff;}
.mod-mobile-productList .grid2  .item {width:47.91%;;background:#fff;margin:0 0 0.25rem 0.25rem;position:relative;height: 11.5rem;}
.mod-mobile-productList .grid2  .content {width:6.85em;margin:0.75em auto 0;}
.mod-mobile-productList .grid2  .title {font-size: 0.6rem; color: #000;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;text-align: center;}
.mod-mobile-productList .grid2  .desc {font-size:0.5em;color:#808080;min-height:0.65rem;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;text-align: center;}
.mod-mobile-productList .grid2  .operate {color:#fff;white-space: normal;font-size:0.8em;position: absolute;bottom: 0.4rem;width: 4.95rem;float: left;background: #ca141d; text-align: center; padding: 0;height: 1.15rem;}
.mod-mobile-productList .grid2  .operate span {display:inline-block;}
.mod-mobile-productList .grid2  .operate span em {line-height: 1.15rem;text-align:center;font-style:normal;font-weight:400;word-break:break-all;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.mod-mobile-productList .grid2  .operate span em i {font-style:normal;font-size: .45rem;}
.mod-mobile-productList .grid2  .operate .arrow {width: 0.2rem;height: 0.35rem;background: url('../images/product-list_mb_arrow2.png');background-size:100% auto;margin-top:0.4rem;margin-left: 0.05rem;display: inline-block;vertical-align: top;}
.mod-mobile-productList .grid2  .getcoupon {position:absolute;bottom:0.4rem;right:0.5rem;width: 2.5rem;height: 1.15rem;}
.mod-mobile-productList .grid2  .sale {text-align: center;max-width:100%;padding-top:0.35em;white-space:normal;font-size:.5em;position:relative;z-index:2;overflow:hidden;}
.mod-mobile-productList .grid2  .sale span {vertical-align: middle;padding: 0 .25rem;display: inline-block;max-width:92%;}
.mod-mobile-productList .grid2  .sale span em {line-height:normal;font-style:normal;overflow:hidden;word-break:break-all;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:block;white-space:nowrap;width:100%;padding-top: 1px;padding-bottom: 1px;}
.mod-mobile-productList .grid2  .tip {position:absolute;bottom: 1.95rem;right: 1.1875rem;}
.mod-mobile-productList .grid2  .tip img {width:1.5rem;height:1.5rem;}
.mod-mobile-productList .grid2  .pic {width:6.25em;height:6.25em;position:absolute;bottom: 1.95rem;right: 1.1875rem;}
.mod-mobile-productList .grid2  .area {position:absolute;width:100%;height:100%;left:0;top:0;}