update to fix the detail description style issue

@@ -48,18 +48,34 @@
                 // width: 100%;
                 // width: 100%;
                 // border-bottom:1px solid $borderC;
                 // border-bottom:1px solid $borderC;
                 img {
                 img {
-                    position:absolute; 
-                    top:0; 
-                    bottom:0; 
-                    left:0; 
+                    position:absolute;
+                    top:0;
+                    bottom:0;
+                    left:0;
                     margin:auto;
                     margin:auto;
-                    width: pxToRem(90px);
+                    //width: pxToRem(90px);
                     height: auto;
                     height: auto;
                     padding-right: pxToRem(20px);
                     padding-right: pxToRem(20px);
                 }
                 }
+                .material-image {
+                    display: inline-block;
+                    width: 23%;
+                    min-height: pxToRem(136px);
+                    float: left;
+                    //background-size: 100%;
+                    background-position-x: center;
+                    background-repeat: no-repeat;
+                }
                 .material-desc {
                 .material-desc {
-                    padding-left:pxToRem(120px);
+                    //padding-left:pxToRem(120px);
                     font-size: pxToRem(24px);
                     font-size: pxToRem(24px);
+                    text-align: left;
+                    display: inline-block;
+                    width: 75%;
+                    padding-left: 2%;
+                    height: auto;
+                    line-height: pxToRem(40px);
+                    color: #4b4b4b;
                 }
                 }
                 &:last-child{
                 &:last-child{
                     border-bottom: none;
                     border-bottom: none;
@@ -68,13 +84,13 @@
         }
         }
     }
     }
     .wash-tips{
     .wash-tips{
-        padding-top:pxToRem(18px); 
+        padding-top:pxToRem(18px);
         &.page-block{
         &.page-block{
             // border-top: 0px;
             // border-top: 0px;
             padding-left: pxToRem(15px);
             padding-left: pxToRem(15px);
             padding-right: pxToRem(15px);
             padding-right: pxToRem(15px);
         }
         }
-        // padding-bottom:pxToRem(18px); 
+        // padding-bottom:pxToRem(18px);
             .tip{
             .tip{
             display: inline-block;
             display: inline-block;
             width: 16.6%;
             width: 16.6%;
@@ -83,7 +99,7 @@
             img{
             img{
                 width: pxToRem(48px);
                 width: pxToRem(48px);
                 height: pxToRem(48px);
                 height: pxToRem(48px);
-                margin-bottom: pxToRem(10px); 
+                margin-bottom: pxToRem(10px);
             }
             }
             .caption{
             .caption{
                 display: block;
                 display: block;
@@ -93,7 +109,7 @@
                 margin-bottom: pxToRem(18px);
                 margin-bottom: pxToRem(18px);
             }
             }
         }
         }
-        
+
     }
     }
     .product-detail {
     .product-detail {
         .detail {
         .detail {
@@ -150,4 +166,4 @@
             }
             }
         }
         }
     }
     }
-}
+}

@@ -69,10 +69,10 @@
                 {{#list}}
                 {{#list}}
                 {{#if @first}}
                 {{#if @first}}
                 <div class="swiper-slide first-group" >
                 <div class="swiper-slide first-group" >
-                     {{#params}}          
+                     {{#params}}
                         {{#if @first}}
                         {{#if @first}}
-                        {{else}}                         
-                              <img class="avatar lazy" data-original="{{param}}" alt=""> 
+                        {{else}}
+                              <img class="avatar lazy" data-original="{{param}}" alt="">
                         {{/if}}
                         {{/if}}
                      {{/params}}
                      {{/params}}
                 </div>
                 </div>
@@ -101,10 +101,14 @@
     <div class="detail">
     <div class="detail">
         {{#list}}
         {{#list}}
         <div class="material-item">
         <div class="material-item">
-            <img class="lazy" data-original="{{img}}" alt="">
+           <!-- <img class="lazy" data-original="{{img}}" alt="">
             <p class="material-desc">
             <p class="material-desc">
                 {{desc}}
                 {{desc}}
-            </p>
+            </p>-->
+            <div class="material-image" style="background-image:url({{img}})"></div>
+            <div class="material-desc">
+                    {{desc}}
+            </div>
         </div>
         </div>
         {{/list}}
         {{/list}}
     </div>
     </div>
@@ -137,4 +141,4 @@
         {{/list}}
         {{/list}}
     </div>
     </div>
 </div>
 </div>
-{{/productDetail}}
+{{/productDetail}}