列表筛选，错位修复

 {{#if showFilters}}
 <div class="filter-area">
-    <label>已选条件：</label>
-
+    <div class="left">
+        <label>已选条件:</label>
+    </div>
+    <div class="middle">
         {{#each filters}}
         <div class="filter-item" data-key="{{key}}">
             {{#color}}
@@ -11,7 +13,9 @@
             <span class="iconfont cancel">&#xe61d;</span>
         </div>
         {{/each}}
-    
+    </div>
+    <div class="right">
         <label class="cancel">清空筛选条件</label>
+    </div>
 </div>
 {{/if}}
\ No newline at end of file

@@ -258,17 +258,31 @@
     .filter-area {
         background-color: #eae9e9;
         margin-bottom: 30px;
+        overflow: hidden;
+
+        .left,
+        .right {
+            width: auto;
+            margin: 27px 10px 0 20px;
+        }
+
+        .right {
+            margin: 27px 20px 0 0;
+        }
+
+        .middle {
+            float: left;
+            width: 630px;
+        }
 
         label {
             font-size: 14px;
             font-weight: 700;
-            margin-left: 20px;
         }
 
         label.cancel {
             float: right;
             color: #878787;
-            margin: 27px 20px 0 0;
             cursor: pointer;
         }