常见问题改成字体图标

 <div class="yoho-list-empty">
 
     <div class="tip-search">
-        <div class="tip-search-img"></div>
+        <i class="icon iconfont"></i>
     </div>
 
     <p class="tip-cn">抱歉! 未找到{{#if query}}与"<span>{{query}}</span>"{{/if}}相关商品</p>

@@ -139,14 +139,11 @@
             box-sizing: border-box;
 
             .title:before {
-                content: "";
-                width: 18px;
-                height: 18px;
-                background: resolve("help/file.png") no-repeat;
-                background-size: 18px 18px;
+                content: "\e6e6";
                 position: absolute;
                 left: 3px;
                 top: 1px;
+                font-size: 18px;
             }
         }
     }
@@ -194,6 +191,7 @@
             color: #989898;
             margin-top: 15px;
             line-height: 22px;
+            font-size: 14px;
         }
 
         .show-all {
@@ -210,23 +208,17 @@
             box-sizing: border-box;
 
             .title:before {
-                content: "";
-                width: 18px;
-                height: 18px;
-                background: resolve("help/q.png") no-repeat;
-                background-size: 18px 18px;
+                content: "\e6e4";
                 position: absolute;
                 left: 0;
+                font-size: 18px;
             }
 
             .cont:before {
-                content: "";
-                width: 18px;
-                height: 18px;
-                background: resolve("help/a.png") no-repeat;
-                background-size: 18px 18px;
+                content: "\e6e5";
                 position: absolute;
                 left: 0;
+                font-size: 18px;
             }
         }
     }

@@ -452,11 +452,9 @@
         padding-top: 100px;
         text-align: center;
 
-        .tip-search-img {
-            height: 100px;
-            background-image: resolve("product/search.svg");
-            background-repeat: no-repeat;
-            background-position-x: 50%;
+        i {
+            color: #b0b0b0;
+            font-size: 70px;
         }
     }
 

@@ -6,14 +6,17 @@
     <div class="search-result">关于“<span class="blue">{{keywords}}</span>”，共为您查询到<span class="blue">{{total}}</span>个答案</div>
     <ul class="search-list">
         {{#helper_list}}
-            <li class="{{#if problem}}problem-li{{else}}article-li{{/if}}">
-                <p class="title">{{{caption}}}</p>
             {{#if problem}}
-                    <div class="cont">{{{content}}}</div>
+                <li class="problem-li">
+                    <p class="icon iconfont icon-q title">{{{caption}}}</p>
+                    <div class="icon iconfont icon-a cont">{{{content}}}</div>
+                </li>
             {{else}}
+                <li class="article-li">
+                    <p class="icon iconfont icon-file title">{{{caption}}}</p>
                     <div class="cont">{{{content}}}</div>
-                {{/if}}
                 </li>
+            {{/if}}
         {{/helper_list}}
     </ul>
     {{!-- 分页 --}}