{extend name="baseH5" /} 
{block name='nav-active-class'}home{/block} 
{block name="title"}{/block}
{block name="head-js"}{/block}

{block name="logo-html"}
<h1 class="logo">
    <a href="/">狂雨小说</a>
</h1>
{/block}

{block name="main"}
<!--wrap-->
<div class="wrap">
    <!--slide-->
    <div class="swiper-container">
        <div class="swiper-wrapper"></div>
        <div class="swiper-pagination"></div>
    </div>
    <!-- search -->
    <div class="bar">
        <form method="post" name="search" action="/search.html">
            <input type="text" name="keyword" id="q" placeholder="请输入书名/作者" class="search-key" />
            <button type="submit" class="search-btn" id="search-btn">Go</button>
        </form>
    </div>
    <!-- nav -->
    <div class="nav">
        <a href="/rank.html">
            <img src="/template/kuangyu/home/new_wap/images/ranking.png" alt="排行榜" />
            <span>排行榜</span>
        </a>
        <a href="/shuku.html">
            <img src="/template/kuangyu/home/new_wap/images/bookcase.png" alt="书库" />
            <span>书库</span>
        </a>
        <a href="/article/list.html">
            <img src="/template/kuangyu/home/new_wap/images/hasreading.png"
            alt="文章" />
            <span>文章</span>
        </a>
        <a href="/user.html">
            <img src="/template/kuangyu/home/new_wap/images/user.png"
            alt="书架" />
            <span>个人中心</span>
        </a>
    </div>

    <!-- hot-book -->
    <div class="mod hot-book">
        <div class="mod-head">
            <h3>热门小说</h3>
        </div>
        <div class="book-slide">
            <ul class="clearfix">
                {foreach $arrRecommendNovel as $category}
                    {include file="Public/novelListS" /}
                {/foreach}
            </ul>
        </div>
    </div>
    <!-- /hot-book -->
    <!-- new-book -->
    <div class="mod new-book">
        <div class="mod-head">
            <h3>最新小说</h3>
        </div>
        <div class="book-list">
            <ul class="clearfix">
                {foreach $arrNewsNovel as $category}
                    {include file="Public/novelListH" /}
                {/foreach}
            </ul>
        </div>
    </div>
    <!-- /new-book -->
    <!-- rank -->
    <div class="mod new-news">
        <div class="mod-head">
            <h3>小说排行榜</h3>
        </div>
        <div class="mod-tabs">
            <ol class="clearfix">
                <li class="on">日排榜</li>
                <li>周排榜</li>
                <li>月排榜</li>
                <li>完结榜</li>
            </ol>
        </div>
        <!--tab1-->
        <div class="mod-body">
            <div class="top-list">
                <ul class="clearfix">
                    {foreach $arrDayRankNovel as $category}
                        {include file="Public/novelListH" /}
                    {/foreach}
                </ul>
            </div>
        </div>
        <!--tab2-->
        <div class="mod-body" style="display: none">
            <div class="top-list">
                <ul class="clearfix">
                    {foreach $arrWeekRankNovel as $category}
                        {include file="Public/novelListH" /}
                    {/foreach}
                </ul>
            </div>
        </div>
        <!--tab3-->
        <div class="mod-body" style="display: none">
            <div class="top-list">
                <ul class="clearfix">
                    {foreach $arrMoonRankNovel as $category}
                        {include file="Public/novelListH" /}
                    {/foreach}
                </ul>
            </div>
        </div>
        <!--tab4-->
        <div class="mod-body" style="display: none">
            <div class="top-list">
                <ul class="clearfix">
                    {foreach $arrEndNovelRankNovel as $category}
                        {include file="Public/novelListH" /}
                    {/foreach}
                </ul>
            </div>
        </div>
    </div>
    <!-- /rank -->
</div>
{/block} {block name="customize"} {/block}