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

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

{block name="main"}
<div class="wrap">
    <nav class="breadcrumb" aria-label="breadcrumb">
        <ol itemscope itemtype="https://schema.org/BreadcrumbList">
            <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                <a href="/" itemprop="item">
                    <span itemprop="name">首页</span>
                </a>
                <meta itemprop="position" content="1" />
            </li>
            <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                <a href="/pc/shuku/all/{$arrNovel.category_pinyin}/all/page1" itemprop="item">
                    <span itemprop="name">{$arrNovel.og_novel_category}</span>
                </a>
                <meta itemprop="position" content="2" />
            </li>
            <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                <a href='/pc{site:nurl n_id="$arrNovel[n_id]" n_py="$arrNovel[og_novel_pin_yin]" /}' itemprop="item">
                    <span itemprop="name">{$arrNovel['og_novel_book_name']}</span>
                </a>
                <meta itemprop="position" content="3" />
            </li>
        </ol>
    </nav>

    <!--info-->
    <div class="mod mod-info">
        <div class="book-info">
            <dl class="base clearfix">
                <dt>
                    <img  src="/static/img/default.jpg" data-src="{$Novel.n_cover_path ?? ''}" alt="{$Novel->og_novel_book_name ?? ''}封面"
                    class="lazy lazyload-img" />
                    
                    <i class='{eq name="arrNovel.og_novel_status" value="连载中"}serial{else}finish {/eq}'>已完结</i>
                </dt>
                <dd>
                    <h1>{$arrNovel['og_novel_book_name']}</h1>
                    <p class="info">
                        <span>分类：{$arrNovel.og_novel_category}</span>
                        <span>作者：<a href="/search.html?keyword=兔子很淡定">{$arrNovel.og_novel_author}</a></span>
                        <!-- <span>字数：54.20万字</span> -->
                        <span>阅读：{$arrNovelClicks.total}</span>
                    </p>
                </dd>
            </dl>
            <div class="btns">
                <ul>
                    <li>
                        <a class="read-online reading"
                            onclick="javascript:location.href='/xiaoshuo/{$arrNovel.og_novel_pin_yin}-{$arrNovel.n_id}/zhang-1';">点击阅读</a>
                    </li>
                    <li>
                        <a class="b5673b5cd4b" onclick="addBookshelfFun()">加入书架</a>
                    </li>
                </ul>
            </div>
            <div class="intro">
                <div class="content">
                    <p>
                        {$arrNovel.n_page_description}
                    </p>
                </div>
            </div>
        </div>
    </div>

    <!-- hot-book -->
    <div class="mod mod-info">
        <div class="book-info">
            <div class="mod-head">
                <h3>最新要点</h3>
            </div>
            <div class="intro">
                <div class="content">
                    <p>
                        {$strFocus}
                    </p>
                    <p class="xianglingtuijian">相邻推荐：
                        {volist name="arrNovel.n_forge_novel" id="ForgeNovel" key="key"}
                        <a href='/kan/{$arrNovel.og_novel_pin_yin}-{$arrNovel.n_id}-{$ForgeNovel.n_forge_id}'>{$ForgeNovel.n_forge_title}</a>
                        {/volist}
                    </p>
                </div>
            </div>


        </div>
    </div>

    <!-- hot-book -->
    <div class="mod mod-attentions">
        <div class="mod-head">
            <h3>目录</h3>
        </div>
        <div class="attentions">
            <ul class="clearfix">
                {volist name="arrChapter" id="Chapter" key="key"}
                <li>
                    <a href="/xiaoshuo/{$arrNovel.og_novel_pin_yin}-{$arrNovel.n_id}/zhang-{$Chapter.c_sort_num}" title="{$Chapter.name}">{$Chapter.name}</a>
                </li>
                {/volist}
                
            </ul>
            <div class="chapters-more">
                <a href="/xiaoshuo/{$arrNovel.og_novel_pin_yin}-{$arrNovel.n_id}/mulu/zheng" class="reading btn-bookshelf">更多章节</a>
            </div>
        </div>
    </div>

    <div class="mod mod-guess">
        <div class="mod-head">
            <h3>同类作品</h3>
        </div>
        <div class="book-slide">
            <ul class="clearfix">
                {foreach $arrRelateveNovel as $Novel}
                {include file="Public/novelListS" /}
                {/foreach}
            </ul>
        </div>
    </div>
</div>
{/block}

{block name="customize"}
<!-- <div class="bookshelf-mask"></div>
<div class="bookshelf-panel">
    <div class="bookshelf-head">
        <h4>目录</h4>
        <a class="bookshelf-set" target="_self">关闭</a>
    </div>
    <div class="bookshelf-list">
        <ul>
            {foreach $arrChapter as $Chapter}
            {include file="Public/chapterTable" /}
            {/foreach}
        </ul>
    </div>
</div> -->

{/block}