special page

+{{# mainBanner}}
+    <div class="main-banner"{{#unless list}} style="background:url({{image img 1920 450}}) no-repeat top center;"{{/unless}}>
+        {{#if list}}
+            <ul>
+                {{# list}}
+                    <li class="banner-img" style="background:url({{image img 1920 450}}) no-repeat top center;">
+                        {{#if href}}
+                            <a href="{{href}}"></a>
+                        {{/if}}
+                    </li>
+                {{/ list}}
+            </ul>
+        {{^}}
+            {{#if href}}
+                <a href="{{href}}"></a>
+            {{/if}}
+        {{/if}}
+    </div>
+{{/ mainBanner}}
\ No newline at end of file

+{{# specialHead}}
+<div class="special-head">
+    <div class="special-limit">
+        <span class="iconfont">&#xe60a;</span>
+        <label class="time" data-limit="{{limit}}">仅剩22小时30分10秒</label>
+    </div>
+    <div class="special-name">
+        <img src="{{logo}}">
+        {{special}}
+        <span><i>{{discount}}</i>折起</span>
+    </div>
+    <div class="special-title">
+        {{title}}
+        <label class="all-count">
+            共{{count}}个结果
+        </label>
+    </div>
+</div>
+{{/ specialHead}}
\ No newline at end of file

+.outlets-special-page {
+    .main-banner {
+        height: 360px;
+    }
+
+    .special-head {
+        margin: 15px 0;
+        border-bottom: 1px dashed #ccc;
+
+        .special-limit {
+            float: right;
+            line-height: 38px;
+        }
+
+        .special-name {
+            height: 40px;
+            line-height: 40px;
+            font-size: 20px;
+
+            img {
+                width: 100px;
+                height: 40px;
+                vertical-align: top;
+            }
+
+            span {
+                font-size: 16px;
+            }
+
+            i {
+                font-weight: bold;
+                font-style: italic;
+                color: #fe575d;
+                font-size: 26px;
+                position: relative;
+                top: 3px;
+                margin: 0 8px 0 2px;
+            }
+        }
+
+        .special-title {
+            font-size: 22px;
+            height: 34px;
+            text-align: center;
+        }
+
+        .all-count {
+            width: 120px;
+            font-size: 12px;
+            line-height: 26px;
+            background: #fff;
+            margin-left: -60px;
+            font-weight: normal;
+            position: absolute;
+            left: 50%;
+            display: block;
+
+        }
+    }
+}