update

@@ -88,7 +88,7 @@ a {
 }
 
 .yoho-tip {
-    position: absolute;
+    position: fixed;
     display: none;
     text-align: center;
     width: 70%;

@@ -30,7 +30,46 @@ $basicBtnC:#eb0313;
     left: pxToRem(30px);
     right: auto;
 }
-
+.tag-container{
+    position: absolute;
+    left: pxToRem(108px);
+    top: pxToRem(40px);
+    height: pxToRem(35px);
+            // width: pxToRem(70px);
+            color: #fff;       
+            font-size: pxToRem(20px);
+            line-height: pxToRem(35px);           
+            z-index: 2;
+            .good-tag{
+                display: inline-block;
+                box-sizing: border-box;
+                margin-left: .5px;
+                font-size: pxToRem(23px);
+                text-align: center;
+                line-height: pxToRem(35px);
+                padding:0 8px;
+            }
+            .new-tag {
+              background-color: #78dc7e;
+              color: #fff;
+          }
+          .renew-tag {
+              background-color: #78dc7e;
+              color: #fff;
+          }
+          .sale-tag {
+              background-color: #ff575c;
+              color: #fff;
+          }
+          .new-festival-tag {
+              background-color: #000;
+              color: #fff;
+          }
+          .limit-tag {
+              border: 1px solid #000;
+              color: #000;
+          }
+}
 .good-detail-page {
     overflow: hidden;
     background-color: #f0f0f0;
@@ -83,19 +122,6 @@ $basicBtnC:#eb0313;
         position: relative;
         background-color: #fff;
         // overflow: hidden;
-        .is-new-lable {
-            position: absolute;
-            left: pxToRem(108px);
-            top: pxToRem(40px);
-            height: pxToRem(35px);
-            width: pxToRem(70px);
-            color: #fff;
-            text-align: center;
-            font-size: pxToRem(20px);
-            line-height: pxToRem(35px);
-            background-color: #7cd881;
-            z-index: 2;
-        }
     }
     .banner-top {
         // width: 100%;

@@ -88,6 +88,7 @@
                 height: pxToRem(772px);
             }
         }
+        margin-top: pxToRem(30px);
         margin-bottom: pxToRem(120px);
     }
     .detail-swiper {

@@ -2,6 +2,7 @@
 <div class="good-detail-page yoho-page">
     <div class="banner-container">
         <div class="tag-container">
+            <p class="good-tag new-tag">NEW</p>
             {{# tags}}
                 {{# is_new}}
                     <p class="good-tag new-tag">NEW</p>