{extend name="layout/layout" /}
{block name="title"}小说列表{/block}
{block name="css"}
<!-- 这里引入css -->
<link href="{:asset('/css/frontend/common.css')}" rel="stylesheet" type="text/css">
<link href="{:asset('/css/frontend/recently.css')}" rel="stylesheet" type="text/css">
<link href="{:asset('/css/frontend/classify.css')}" rel="stylesheet" type="text/css">
{/block}
{block name="zepto"}
<script type="text/javascript" src="{:asset('/libs/zepto/zepto.picLazyLoad.min.js')}"></script>
{/block}

{block name="main"}
<style>
    .cg_title{
        height: .3rem;
        color: #494a4c;
        line-height: .3rem;
        position:relative;
        overflow: hidden;
        margin-left: .15rem;
        margin-top: .3rem;
    }
    .cg_title .redline{
        float: left;
        display: inline-block;
        width:.02rem;
        height:.24rem;
        margin-top: .03rem;
        margin-right: .04rem;
        background-color: red;
    }
    .cg_title h2{
        float: left;
        height: .3rem;
        line-height: .3rem;
        font-size: .18rem;
        font-weight: bold;
        margin-right: .08rem;
    }
    .cg_title .hot{
        float: left;
        height: .3rem;
        line-height: .3rem;
        font-size: .14rem;
        color:#7f7f7f;
    }


</style>

<!-- 这是正文 -->
<div class="">
<!--    body_sytle-->
    <div class="c_list_box">
        <div class="cg_title">
            <span class="redline"></span>
            <h2>新书抢鲜</h2>
            <span class="hot">24小时热销新书</span>
        </div>
        <ul class="r_img_ul">
            {foreach name="$booklist" item="data"}
            <li class="section-block">
                <a href="/kuaifen/index/bookinfo?book_id={:$data['id']}&uid={$uid}" class="section-data" data-book_id="{:$data['id']}">
                    <div class="r_img">
                        <img src="{:$data['image']}" data-original="" />
                    </div>
                    <div class="r_img_text">
                        <h3>{:$data['name']}</h3>
                        <p>{:$data['description']}</p>
                        <div class="r_img_other">
                            <i>{:$data['author']}</i>
                            <strong>{:$data['read_num']}人在追</strong>
                        </div>
                    </div>
                </a>
            </li>
            {/foreach}
        </ul>
    </div>


</div>
{/block}