图标3

src/main/resources/static/css/product/detail.h5.css

@@ -19,14 +19,17 @@ li{list-style:none}
 .productBox .detailBox .row em.ser{color:#93979F;display:inline-block;margin-right:4vw}
 .productBox .detailBox .row em.ser:before{content:'\2713';display:inline-block;width:3.4vw;height:3.4vw;text-align:center;line-height:3.4vw;font-size:3.4vw;background:#E15616;border-radius:1.7vw;color:#FFF;margin-right:1.4vw}
 .productBox .detailBox .price{height:21vw}
-.productBox .detailBox .price .icon{display:inline-block;font-size:0;width:17vw;height:5vw;line-height:5vw;position:absolute;vertical-align:text-top;margin-top:.2vw}
-.productBox .detailBox .price .icon.on{position:absolute;left:0;top:0;margin:0}
-.productBox .detailBox .price .icon.on:before{background-position:49% 25.2%}
+.productBox .detailBox .price .icon{display:inline-block;font-size:0;height:5vw;line-height:5vw;vertical-align:text-bottom;}
+.productBox .detailBox .price .icon:before{width:11vw;height:5vw;}
+.productBox .detailBox .price .icon.i0:before{background-position:0 -23.2vw}
+.productBox .detailBox .price .icon.i1:before{background-position:0 -23.2vw}
+.productBox .detailBox .price .icon.i2:before{background-position:0 -28.5vw}
+.productBox .detailBox .price .icon.i3:before{background-position:0 -33.8vw}
+.productBox .detailBox .price .icon.i4:before{background-position:0 -38.8vw}
+.productBox .detailBox .price .icon.i5:before{background-position:0 -44vw}
 .productBox .detailBox .number{display:inline-block;width:26.6vw;line-height:6.4vw;height:6.4vw;box-sizing:border-box;border:1px solid #FFE6DC;border-radius:2px;font-size:0;white-space:nowrap;text-align:center;overflow:hidden;vertical-align:top}
 .productBox .detailBox .number>em{display:inline-block;width:6.4vw;height:6.4vw;background:#FFE6DC;font-size:4vw;line-height:6vw;vertical-align:top}
 .productBox .detailBox .number input{width:13.5vw;border:none;line-height:6vw;vertical-align:top;text-align:center;color:#E15616;font-size:3.4vw}
-.productBox .detailBox .detail .flag{position:absolute;right:0;top:0;font-size:0}
-.productBox .detailBox .detail .flag:before{display:inline-block;width:20vw;height:20vw;background-position:-2.5% 52%}
 .productBox .detailBox .detail .btn{position:absolute;right:2.8vw;top:2.8vw;height:6vw;line-height:6vw;padding:0 2vw;background:#F94B4B;font-size:3.4vw;color:#FFF;border-radius:2px}
 .productBox .detailBox .btnBox:before{content:'';display:block;width:200%;height:2.7vw;background:#F5F5F5;margin-left:-25%}
 .productBox .detailBox .btnBox{text-align:center}

src/main/resources/static/css/product/detail.pc.css

@@ -45,9 +45,6 @@ li{list-style:none;}
 .productBox .detailBox .number{display:inline-block;width:96px;line-height:24px;height:24px;box-sizing:border-box;border:1px solid #FFE6DC;border-radius:2px;font-size:0;white-space:nowrap;text-align:center;overflow:hidden;vertical-align:top;}
 .productBox .detailBox .number>em{display:inline-block;width:24px;height:22px;background:#FFE6DC;font-size:20px;line-height:20px;vertical-align:top;cursor:pointer;margin: 0}
 .productBox .detailBox .number input{width:48px;border:none;line-height:22px;font-size:14px;vertical-align:top;text-align:center;color:#E15616;}
-
-.productBox .detailBox .detail .flag{position:absolute;right:0;top:0;font-size:0}
-.productBox .detailBox .detail .flag:before{display:inline-block;width:115px;height:115px;background-position:0 -453px}
 .productBox .detailBox .detail .btn{position:absolute;right:20px;top:20px;height:32px;line-height:32px;padding:0 16px;background:#F94B4B;font-size:14px;color:#FFF;border-radius:2px}
 .productBox .detailBox .detail .row .btn{top:6px;right:0}
 .productBox .detailBox .btnBox{padding:15px 0}

src/main/resources/static/css/single-page/live.css

@@ -60,9 +60,9 @@ li{list-style:none}
 .pageFloor .article img{position:absolute;right:3.3vw;top:2.3vw;width:30.4vw;height:30.4vw}
 .pageFloor .article h5{color:#2D3036;font-size:3.4vw;max-height:9.6vw;line-height:4.8vw;margin-bottom:2vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 .pageFloor .article .label{margin-bottom:2vw;line-height:5.4vw;color:#93979f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
-.pageFloor .article .author:before{width:5.4vw;height:5.4vw;vertical-align:top;background-position:10% 64.2%;;margin-right:.2vw}
+.pageFloor .article .author:before{width:5.4vw;height:5.4vw;vertical-align:top;background-position:-22vw -17vw;margin-right:.2vw}
 .pageFloor .article .tags{margin-left:3vw}
-.pageFloor .article .tags:before{width:5.4vw;height:5.4vw;vertical-align:top;background-position:0 64.2%;margin-right:.2vw}
+.pageFloor .article .tags:before{width:5.4vw;height:5.4vw;vertical-align:top;background-position:-14.5vw -17vw;margin-right:.2vw}
 .pageFloor .article .tags a{color:#93979f;}
 .pageFloor .article p{height:7vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 #liveTeacher{width:calc(100% + 2.6vw);height:86vw;margin-top:-1.3vw;margin-left:-1.3vw;overflow:hidden;position:relative}

src/main/resources/templates/product/detail.html

@@ -232,7 +232,6 @@
                         <em class="ser icon mIcon">快速退款</em>
                         <em class="ser icon mIcon">正品保证</em>
                     </p>
-                    <span class="icon mIcon flag"></span>
                 </div>
                <template v-if="userId && userId>0">
                 <a v-if="priceFlag==2 && userIdentity!=2" class="upgrade" @click="clubupgrade" href="javascript:0">升级会员查看价格</a>