fix material image issue

@@ -44,27 +44,24 @@
                 min-height: pxToRem(136px);
                 margin: pxToRem(10px) 0;
                 text-align: center;
+                display: flex;
+                align-items: center;
 
                 // width: 100%;
                 // border-bottom:1px solid $borderC;
                 img {
-                    position:absolute;
-                    top:0;
-                    bottom:0;
-                    left:0;
-                    margin:auto;
+                    //position:absolute;
+                    //top:0;
+                    //bottom:0;
+                    //left:0;
+                    //margin:auto;
                     //width: pxToRem(90px);
-                    height: auto;
-                    padding-right: pxToRem(20px);
+                    //height: auto;
+                    //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 {
                     //padding-left:pxToRem(120px);

@@ -105,7 +105,9 @@
             <p class="material-desc">
                 {{desc}}
             </p>-->
-            <div class="material-image" style="background-image:url({{img}})"></div>
+            <div class="material-image">
+                <img src="{{img}}" alt="材质图">
+            </div>
             <div class="material-desc">
                     {{desc}}
             </div>