奥莱频道页样式修改

-<div class="home-page outlets-page yoho-page" data-page="girls">
-    <div class="debris-slider clearfix">
+<div class="outlets-page yoho-page" data-page="girls">
+    <div class="slide-container clearfix">
         <div class="center-col col">
             <ul class="slide-wrapper">
                 {{# left}}

-.home-page {
+.outlets-page {
     width: 1150px;
     margin: 10px auto 0;
 
-    .slide-container {
-        position: absolute;
-        left: 0;
-        right: 0;
-        height: 450px;
-    }
-
     .slide-thumb-container {
         height: 510px;
     }
@@ -32,13 +25,13 @@
             position: absolute;
             top: 0;
             right: 0;
-            width: 100%;
+            width: 860px;
             height: 100%;
 
             a {
                 display: block;
                 height: 100%;
-                width: 1150px;
+                width: 860px;
                 margin: 0 auto;
             }
 
@@ -141,6 +134,7 @@
     */
     .slide-pagination {
         font-size: 0;
+        width: 860px;
 
         .slide-shade {
             position: absolute;
@@ -171,9 +165,10 @@
         }
     }
 
-    .debris-slider {
+    .slide-container {
         height: 450px;
         width: 100%;
+        position: relative;
 
         .col {
             float: left;
@@ -507,6 +502,116 @@
         }
     }
 
+    /*
+    热门推荐模板样式
+    */
+    .tpl-recommend {
+        width: 100%;
+        position: relative;
+        a {
+            display: block;
+            img {
+                display: block;
+                width: 100%;
+                height: 100%;
+            }
+        }
+        .tpl-body {
+            margin-bottom: 8px;
+        }
+        .tpl-nav {
+            float: left;
+            overflow: hidden;
+            .tpl-keywords {
+                margin-bottom: 8px;
+            }
+
+            .tpl-category {
+                padding: 10px 0;
+                background-color: #f8f8f8;
+                overflow: hidden;
+
+                a {
+                    float: left;
+                    width: 50%;
+                    text-align: center;
+                    color: #000;
+                    overflow: hidden;
+                }
+            }
+        }
+        .tpl-brands {
+            float: left;
+            overflow: hidden;
+            margin-left: 8px;
+            li {
+                margin-top: 8px;
+            }
+        }
+        .tpl-types {
+            float: left;
+            overflow: hidden;
+            margin-top: -8px;
+            width: 579px;
+
+            li {
+                float: left;
+                margin-left: 8px;
+                margin-top: 8px;
+
+                a {
+                    width: 185px;
+                    height: 248px;
+                }
+            }
+        }
+        .tpl-products {
+            overflow: hidden;
+            margin-left: -10px;
+            li {
+                float: left;
+                margin-left: 10px;
+
+                a {
+                    width: 222px;
+                    height: 298px;
+                }
+            }
+        }
+
+        .tpl-nav {
+            width: 185px;
+
+            .keywords0,
+            .keywords1,
+            .keywords2 {
+                margin-bottom: 10px;
+                height: 76px;
+            }
+            .keywords2 {
+                margin-bottom: 0;
+            }
+            .tpl-category {
+                height: 228px;
+
+                a {
+                    height: 38px;
+                    line-height: 38px;
+                    font-size: 14px;
+                }
+            }
+        }
+
+        .tpl-brands {
+            width: 378px;
+            height: 512px;
+
+            li a {
+                height: 248px;
+            }
+        }
+    }
+
 }
 
 /*

@@ -340,6 +340,6 @@
     }
 }
 
-/* @import "channel"; */
+@import "channel";
 @import "special";
 @import "main-product";