文件名修改

+<div class="about-nav">
+    <ul>
+        <li class="about"><a href="">关于</a></li>
+        <li class="contactus"><a href="">联系我们</a></li>
+        <li class="servers"><a href="">版权声明</a></li>
+        <li class="privacy"><a href="">隐私条款</a></li>
+        <li class="feedback"><a href="">意见反馈</a></li>
+        <li class="links"><a href="">友情链接</a></li>
+    </ul>
+</div>

+<script id="third-login-tpl" type="x-tmpl-mustache">
+    <div class="third-login-box clearfix">
+        <span>第三方评论</span>
+        <a class="qq" ref="/passport/partner/index/oauth/qq" href="javascript:;"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/about/thirdbtn-qq.png" alt="" /></a>
+        <a class="yoho" href="javascript:;"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/about/thirdbtn-yoho.png" alt="" /></a>
+        <a class="sina" ref="/passport/partner/index/oauth/sina" href="javascript:;"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/about/thirdbtn-sina.png" alt="" /></a>
+    </div>
+</script>

+<object width="100%" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">
+    <param name="movie" value="http://localhost:8000/dist/yohogirls-frontend-web/assets/swf/util/VideoPlayerSmall.swf?url={{video}}&amp;language={{language}}&amp;title1=【Yoho!Boys】{{title}}{{subtitle}}&amp;shareurl={{link}}&amp;sharepic={{cover}}&amp;coverpic={{cover}}">
+    <param name="quality" value="high">
+    <param name="bgcolor" value="#ffffff">
+    <param value="true" name="allowFullScreen">
+    <param name="allowScriptAccess" value="always">
+    <param name="wmode" value="transparent">
+    <embed align="middle" width="100%" src="http://localhost:8000/dist/yohogirls-frontend-web/assets/swf/util/VideoPlayerSmall.swf?url={{video}}&amp;language={{language}}&amp;title1=【Yoho!Boys】{{title}}{{subtitle}}&amp;shareurl={{link}}&amp;shareurl={{link}}&amp;sharepic={{cover}}&amp;coverpic={{cover}}" name="vMessage" wmode="transparent" quality="high" bgcolor="#ffffff" play="true" loop="false" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" id="flash">
+</object>
+<video id="video-ipad" style="display:none;" controls="controls" preload="auto" poster="{{cover}}"><source src="{{video}}" type="video/mp4"></video>

+{{# bigImg}}
+<div class="pic-body">
+    <img class="lazy" data-original="{{src}}" alt="">
+</div>
+{{/ bigImg}}

+<div class="news-next-prev clearfix">
+    <div class="prev">
+        <a href="javascript:;">上一篇</a>
+    </div>
+    <div class="next">
+        <a href="javascript:;">下一篇</a>
+    </div>
+</div>

+<script id="side-related-posts" type="x-tmpl-mustache">
+\{{# relatedPost}}
+<div class="side-related-posts">
+    <h2>新品播报</h2>
+    <ul class="postslist clearfix">
+        {{> detail/related_post}}
+    </ul>
+    <a href="javascript:;" class="load-more"></a>
+</div>
+\{{/ relatedPost}}
+</script>

+{{# side}}
+<div class="detail-side">
+    {{# ad}}
+    <div class="detail-ad">
+        <a href="{{url}}"><img src="{{src}}" alt=""></a>
+    </div>
+    {{/ ad}}
+    {{> detail/detail_side_download}}
+    {{> detail/detail_side_focus}}
+    {{> detail/detail_side_video}}
+    {{> detail/detail_side_related}}
+</div>
+{{/ side}}

+{{# appDownload}}
+<div class="app-download clearfix">
+    <div class="qr">
+        <img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/qr.png" alt="">
+    </div>
+    <div class="app-main">
+        <h6>Yoho!Boys</h6>
+        <p>We love to Play & Learn</p>
+        <div class="download-btn clearfix">
+            <a href="{{iosUrl}}"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/ios-download-1024.png" alt=""></a>
+            <a href="{{androidUrl}}"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/android-download-1024.png" alt=""></a>
+        </div>
+    </div>
+</div>
+{{/ appDownload}}

+<div class="focus-us clearfix">
+    <h4>关注我们</h4>
+    <ul class="focuslist clearfix">
+        <li><a href="http://app.yohoshow.com" target="_blank"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/show-icon.png" alt="SHOW"></a></li>
+        <li><a href="http://weibo.com/yohomedia" target="_blank"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/sina-icon.png" alt="新浪微博"></a></li>
+        <li class="focus-wx">
+            <a href="javascript:;"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/wx-icon.png" alt="微信"></a>
+            <span class="pop"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/webxin_followus.jpg" alt=""></span>
+        </li>
+        <li><a href="http://facebook.com/YOHOBOY" target="_blank"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/fb-icon.png" alt="facebook"></a></li>
+        <li><a href="http://instagram.com/YOHOBOY" target="_blank"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/ins-icon.png" alt="instagram"></a></li>
+    </ul>
+    <div class="textbox clearfix">
+        <input type="text" placeholder="me@email.com">
+        <a href="javascript:;">订阅</a>
+    </div>
+</div>

+<script id="side-related" type="x-tmpl-mustache">
+{{# relatedPost}}
+<div class="side-related-posts">
+    <h2>热播</h2>
+    <ul class="side-postslist">
+        {{> detail/related_post}}
+    </ul>
+</div>
+{{/ relatedPost}}
+</script>

+<script id="side-video-tpl" type="x-tmpl-mustache">
+\{{# video}}
+<div class="side-video">
+    <div class="video-area">
+        <object width="100%" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab">
+            <param name="movie" value="http://localhost:8000/dist/yohogirls-frontend-web/assets/swf/util/VideoPlayerSmall.swf?url=\{{video}}&amp;language=\{{language}}&amp;title1=【Yoho!Boys】\{{title}}\{{subtitle}}&amp;shareurl=\{{link}}&amp;sharepic=\{{cover}}&amp;coverpic=\{{cover}}">
+            <param name="quality" value="high">
+            <param name="bgcolor" value="#ffffff">
+            <param value="true" name="allowFullScreen">
+            <param name="allowScriptAccess" value="always">
+            <param name="wmode" value="transparent">
+            <embed align="middle" width="100%" src="http://localhost:8000/dist/yohogirls-frontend-web/assets/swf/util/VideoPlayerSmall.swf?url=\{{video}}&amp;language=\{{language}}&amp;title1=【Yoho!Boys】\{{title}}\{{subtitle}}&amp;shareurl=\{{link}}&amp;shareurl=\{{link}}&amp;sharepic=\{{cover}}&amp;coverpic=\{{cover}}" name="vMessage" wmode="transparent" quality="high" bgcolor="#ffffff" play="true" loop="false" allowscriptaccess="always" allowfullscreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" id="flash">
+        </object>
+        <video id="side-video-ipad" style="display:none;" controls="controls" preload="auto" poster="\{{cover}}"><source src="\{{video}}" type="video/mp4"></video>
+    </div>
+    <a href="\{{link}};">
+        <h3>\{{title}}</h3>
+        <p>\{{subtitle}}</p>
+    </a>
+</div>
+\{{/ video}}
+</script>

+{{# slide}}
+<div class="detail-slide">
+    <div class="detail-slide-body">
+        <ul class="detail-slide-piclist clearfix">
+            {{# imgList}}
+            <li><img class="lazy" data-original="{{src}}" alt=""></li>
+            {{/ imgList}}
+        </ul>
+    </div>
+    <div class="detail-slide-ctrl">
+        <ul class="detail-slide-ctrl-tabs clearfix">
+            {{# smallImgList}}
+            <li><a href="javascript:;"><span class="border"></span><span class="arrow"></span><img class="lazy" data-original="{{src}}" alt=""></a></li>
+            {{/ smallImgList}}
+        </ul>
+        <a href="javascript:;" class="detail-slide-ctrl-prev"></a>
+        <a href="javascript:;" class="detail-slide-ctrl-next"></a>
+    </div>
+</div>
+{{/ slide}}
++               

+<div class="stats-btn clearfix">
+    <ul class="statslist clearfix">
+        <li class="wow"><a class="clearfix" href="javascript:;"><strong></strong><span><i></i><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/wow-icon2.png" alt=""></span></a></li>
+        <li class="zzz"><a class="clearfix" href="javascript:;"><strong></strong><span><i></i><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/zzz-icon2.png" alt=""></span></a></li>
+        <li class="wtf"><a class="clearfix" href="javascript:;"><strong></strong><span><i></i><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/wtf-icon2.png" alt=""></span></a></li>
+        <li class="comments"><a class="clearfix" class="clearfix" href="javascript:;"><span class="comment-num"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/comments-icon2.png" alt=""></span><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/detail/comments-icon.png" alt=""></a></li>
+    </ul>
+</div>

+{{# tags}}
+<div class="tag-box">
+    <ul class="taglist clearfix">
+        {{# tagList}}
+            <li><a href="{{src}}">{{name}}</a></li>
+        {{/ tagList}}
+    </ul>
+</div>
+{{/ tags}}

+{{# text}}
+<div class="text-body">
+    <p>{{deps}}</p>
+</div>
+{{/ text}}

+<div class="detail-title">
+    <h1>{{title}}</h1>
+    <h2>{{subtitle}}</h2>
+    <p class="detail-category"><a href="javascript:;">By&nbsp;{{author}}</a>&nbsp;|&nbsp;{{class}}&nbsp;|&nbsp;{{time}}</p>
+</div>

+{{# video}}
+<div class="detail-video">
+    <div id="wx_pic" style="width:0px; height:0px; overflow:hidden"><img src=""></div>
+    <div class="videoPlaceholder">
+        {{> common/video}}
+    </div>
+</div>
+{{/ video}}

+\{{# postList}}
+<li class="clearfix">
+    <a href="\{{link}}" target="_blank">
+        <div class="pic">
+            <img src="\{{coverImage}}" alt="">
+            \{{# isVideo}}
+                <span class="play-icon"></span>
+            \{{/ isVideo}}
+            \{{# hasArrow}}
+            <span class="arrow-bottom girl-\{{channel}}-arrow"></span>
+            \{{/ hasArrow}}
+        </div>
+        <div class="post-title">
+            <h4>\{{title}}</h4>
+            <p>\{{subtitle}}</p>
+        </div>
+    </a>
+</li>
+\{{/ postList}}

+<div class="mags-column">
+    <h2>E&nbsp;-&nbsp;ZINE</h2>
+    <div class="column-slide e-zine">
+        <h4>YOHO!GIRL</h4>
+        <div class="slide-box">
+            <img class="loading-img" src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/loading.gif" alt=" ">
+        </div>
+        <div class="slide-ctrl" style="display: none;">
+            <a class="slide-ctrl-prev" href="javascript:;" style="display: none;"></a>
+            <a class="slide-ctrl-next" href="javascript:;"></a>
+        </div>
+    </div>
+</div>

+ <div class="column-slide mags-app-download">
+    <div class="slide-box">
+        <ul class="slide-piclist clearfix">
+            <li class="column-slide01"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/magazine/app-column01.png" alt=" "></li>
+            <li class="column-slide02"><img style="margin:11px 0 0 70px;" src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/magazine/app-column02.png" alt=" "></li>
+            <li class="column-slide03"><img src="http://localhost:8000/dist/yohogirls-frontend-web/assets/images/magazine/app-column03.png" alt="扫一扫下载YOHO!潮流志"><span>iPhone | Android</span></li>
+            <li>
+                <h6>YOHO!GIRL</h6>
+                <p>线上周刊，一周一会，
+                    免费喂饱你的潮流胃！</p>
+                <strong>扫一扫即刻下载</strong>
+            </li>
+        </ul>
+    </div>
+</div>

+<li class="magazine">
+    <a murl="{{mul}}" href="javascript:;" data-content="{{dateContent}}" title="{{date}}">
+        <img class="lazy" src="data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///93d3f///yH5BAEAAAMALAAAAAABAAEAAAICVAEAOw==" data-imgzoom="{{imgzoomSrc}}" data-original="{{originalSrc}}" alt="{{date}}" data-slide="{{magazinePics}}">
+        <span>{{date}}</span>
+    </a>
+</li>

+{{# magsNew}}
+<div class="newest-mags clearfix">
+    <div class="mags-info">
+        <h2></h2>
+        <p class="mags-text">《YOHO!潮流志》是新力传媒着重打造的媒体，也是目前最成熟的媒体之一。他是第一本内地编辑的属于年轻人的潮流时尚杂志，读者受众定位为16—30岁年轻人群，内容包括潮流服饰、原创品牌、明星娱乐、艺术设计、动漫影音等，将年轻人关注的方方面面一网打尽。</p>
+        <div class="date-price">
+            <p><span>{{date}} </span> | {{title}}</p>
+            <p class="price">RMB15</p>
+        </div>
+        {{# buyUrl}}
+        <div class="mags-buy">
+            <a target="_blank" href="{{url}}" class="buy-btn">立即购买</a>
+        </div>
+        {{/ buyUrl}} 
+    </div>
+    <div class="mags-slide">
+        <div class="slide-box swiper-container">
+            <ul class="slide-piclist clearfix">
+                {{# magsSlide}}
+                <li class="magazine-swiper"><a href="javascript:;"><img src="{{src}}" alt=""></a></li>
+                {{/ magsSlide}}
+            </ul>
+        </div>
+        <div class="slide-ctrl">
+            <div class="slide-ctrl-tabs clearfix"></div>
+        </div>
+    </div>
+</div>
+{{/ magsNew}}