|
|
@@ -100,17 +100,22 @@
|
|
|
.productItem .item img{width:45.4vw;height:45.4vw;display:block}
|
|
|
.productItem .item .image .icon{position:absolute;right:2.4vw;top:2.4vw}
|
|
|
.productItem .item .image .icon.hot:before,.productItem .item .image .icon.new:before{display:block;width:7.6vw;height:9vw}
|
|
|
-.productItem .item .image .icon.hot:before{background-position:10% 26%}
|
|
|
-.productItem .item .image .icon.new:before{background-position:-1% 26%}
|
|
|
+.productItem .item .image .icon.hot:before{background-position:-52vw -16.4vw}
|
|
|
+.productItem .item .image .icon.new:before{background-position:-43.5vw -16.4vw}
|
|
|
.productItem .item .name{display:block;box-sizing:border-box;padding:2.6vw 3.5vw .4vw;height:10vw;line-height:5vw;text-align: left;}
|
|
|
.productItem .item .name span{color:#93979F;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
|
|
|
.productItem .item .name em{font-style: normal;color: #e15616;}
|
|
|
.productItem .item .price{height:21vw;text-align:center}
|
|
|
-.productItem .item .price em{display:block;height:7vw;line-height:5vw;color:#4A4F58;font-style:normal;}
|
|
|
+.productItem .item .price em{display:block;height:7vw;line-height:7vw;color:#4A4F58;font-style:normal;}
|
|
|
.productItem .item .price em.p{color:#F55C5C}
|
|
|
-.productItem .item .price .icon{display:inline-block;font-size:0;width:17vw;height:5vw;line-height:5vw;position:relative;vertical-align:top;margin-top:0}
|
|
|
-.productItem .item .price .icon.on{position:absolute;left:0;top:0;margin:0}
|
|
|
-.productItem .item .price .icon.on:before{background-position:49% 25.2%}
|
|
|
+.productItem .item .price .icon{display:inline-block;font-size:0;height:5vw;line-height:5vw;vertical-align:text-bottom;}
|
|
|
+.productItem .item .price .icon:before{width:11vw;height:5vw;}
|
|
|
+.productItem .item .price .icon.i0:before{background-position:0 -23.2vw}
|
|
|
+.productItem .item .price .icon.i1:before{background-position:0 -23.2vw}
|
|
|
+.productItem .item .price .icon.i2:before{background-position:0 -28.5vw}
|
|
|
+.productItem .item .price .icon.i3:before{background-position:0 -33.8vw}
|
|
|
+.productItem .item .price .icon.i4:before{background-position:0 -38.8vw}
|
|
|
+.productItem .item .price .icon.i5:before{background-position:0 -44vw}
|
|
|
.productItem .item .btn{height:9vw;line-height:9vw}
|
|
|
.productItem .item .btn{display:inline-block;width:35.8vw;height:9vw;text-align:center;overflow:hidden;color:#F94B4B;background:#FEF6F3;border-radius:2px}
|
|
|
.productItem .item .btn.add{background:#FEF6F3;color:#E15616;}
|
|
|
@@ -126,8 +131,8 @@
|
|
|
#scrollTop .item>span{box-sizing:border-box;display:block;padding:1.5vw;line-height:3.4vw;}
|
|
|
#scrollTop .item .phone,#scrollTop .item .toTop{width:100%;height:100%;}
|
|
|
#scrollTop .item .phone:before,#scrollTop .item .toTop:before{display:block;margin:0 auto;width:5.8vw;height:5.8vw;}
|
|
|
-#scrollTop .item .phone:before{background-position:31.5% 26%;}
|
|
|
-#scrollTop .item .toTop:before{background-position:21.5% 26%;}
|
|
|
+#scrollTop .item .phone:before{background-position:-58.8vw -9vw}
|
|
|
+#scrollTop .item .toTop:before{background-position:-66.8vw -9vw}
|
|
|
#scrollTop .phoneHover{display:none;background-color:rgba(74,79,88,.7);z-index:999;}
|
|
|
#scrollTop .phoneHover>div{box-sizing:border-box;width:74.6vw;height:107.3vw;padding-top:32vw;background:url(/img/common/hotline_m.jpg) no-repeat left top;background-size:100% 100%;border-radius:1.6vw;position:relative;top:50%;margin:-60vw auto 0 auto;line-height:9.6vw;font-size:4.2vw}
|
|
|
#scrollTop .phoneHover i{font-style:normal;color:#FFF}
|
chao