分类信息样式调整

@@ -5,20 +5,23 @@ $pxConvertRem : 40;
     padding:0 0 0 15rem / $pxConvertRem;
     background: #fff;
 
-    /*container脱离文本流时占位用，指定高度为container高度(height+border)以及margin*/
+    /*container脱离文本流时占位用，指定高度为内部所有内容高度*/
     .container-fixed-pos {
-        height: 136rem / $pxConvertRem;
-        margin: 0 0 28rem / $pxConvertRem -15rem / $pxConvertRem;
+        height: 166rem / $pxConvertRem;
+        margin-left: -15rem / $pxConvertRem;
     }
 
     .thumb-container {
         font-size: 0;
         padding-left: 30rem / $pxConvertRem;
+        padding-bottom: 28rem / $pxConvertRem;
         background: #fff;
         z-index: 10;
+        border-bottom: 2px solid #efefef;
 
         .thumb {
             display: inline-block;
+            position: relative;
             margin-right: 22rem / $pxConvertRem;
             border: 1px solid transparent;
 
@@ -28,6 +31,9 @@ $pxConvertRem : 40;
 
             &.focus {
                 border-color: #000;
+                .arrow {
+                    display: block;
+                }
             }
 
             .thumb-img {
@@ -35,19 +41,14 @@ $pxConvertRem : 40;
                 width: 96rem / $pxConvertRem;
             }
         }
-    }
-
-    .prod-list {
-        position: relative;
-        border-top: 2px solid #efefef;
-        padding: 31rem / $pxConvertRem 0 0 0;
 
         .arrow {
+            display: none;
             position: absolute;
-            top: -49px;
-            left: 50rem / $pxConvertRem;
+            top: 55px;
+            left: 28rem / $pxConvertRem;
 
-            em{
+            em {
                 font-style:normal;
                 font-size:36rem / $pxConvertRem;
                 position:absolute;
@@ -56,7 +57,7 @@ $pxConvertRem : 40;
                 color:#e0e0e0;
             }
 
-            span{
+            span {
                 font-style:normal;
                 font-size:36rem / $pxConvertRem;
                 position:absolute;
@@ -64,10 +65,13 @@ $pxConvertRem : 40;
                 top:40px;
                 color:white;
             }
-
         }
     }
 
+    .prod-list {
+        padding-top: 31rem / $pxConvertRem;
+    }
+
     .clothe-type {
         background: url('../img/clothes-type-sd8fa28a215.png') no-repeat;
         width: 47rem / $pxConvertRem;

@@ -5,15 +5,15 @@
                 {{# list}}
                     <li class="thumb">
                         <img class="thumb-img" src="{{thumb}}">
+                        <div class="arrow">
+                            <em>&#9670;</em>
+                            <span>&#9670;</span>
+                        </div>
                     </li>
                 {{/ list}}
             </ul>
         </div>
         <div class="prod-list clearfix">
-            <div class="arrow">
-                <em>&#9670;</em>
-                <span>&#9670;</span>
-            </div>
             {{# list}}
                 <div class="prod hide">
                     {{# products}}