<div class="art_list">
    {module module=news catid=$catid order=displayorder,updatetime page=1 cache=3600}
    <li class="{if !$t.thumb}nopic{/if} flex_space">
                {if $t.thumb}
                <div class="pic picShow">
                    <a href="{dr_url_rel($t.url, SITE_URL)}"><img src="{dr_url_rel(dr_thumb($t.thumb, 300, 168, 0, 'crop'),SITE_URL)}" alt="{$t.title}"></a>
                </div>
                {/if}
                
                <div class="txt">
                    <div class="title"><a href="{dr_url_rel($t.url, SITE_URL)}">{$t.title}</a></div>
                    <div class="desc ellipsis2">{dr_clear_empty($t.description)}</div>
                    <div class="art_footer flex_start">
                        <div class="left_tool">
                            <p class="p2">{dr_date($t._updatetime, 'Y-m-d')}</p>
                            <p class="p3">{intval($t.hits)} 次</p>
                        </div>
                        <div class="right_tool">
                            {php $kw=@explode(',', $t.keywords);}
                            {if $kw}
                                {loop $kw $a}
                                {if $a}
                                <a href="{dr_url_rel(dr_get_tag_url($a, 'news'),SITE_URL)}" target="_blank">{$a}</a>
                                {/if}
                                {/loop}
                            {/if}
                        </div>
                    </div>
                </div>
    </li>
    {/module}
</div>

/*========================图文列表==============================*/
.art_list li{ padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #e8e8e8;}
.art_list li .pic{width:27%; position:relative; overflow:hidden;}
.art_list li .pic img{width:100%; display:block; border-radius:5px;}
.art_list li .txt{ width:70%; position:relative; }
.art_list li.nopic .txt{ width:100%; }
.art_list li .txt .title{font-size: 18px;line-height: 26px; margin:5px 0 15px 0; display:inline-block; font-weight:bold; }
.art_list li .txt .desc{ color:#888; line-height:2;}

.art_list li .art_footer{ position:absolute; left:0; bottom:5px; right:0;}
.art_list li.nopic .art_footer{ position:static; margin-top:10px;}
.art_list li .art_footer a,.art_list li .art_footer p{ font-size:13px; line-height:14px; color:#999; display:inline-block;}
.art_list li .left_tool p{ margin-right:25px; padding-left:20px;}
.art_list li .left_tool p.p1{ background:url(../images/detail_img00.png) no-repeat left center;}
.art_list li .left_tool p.p2{ background:url(../images/detail_img02.png) no-repeat left center;}
.art_list li .left_tool p.p3{ background:url(../images/detail_img03.png) no-repeat left center;}

.art_list li .right_tool a:first-child{background:url(../images/detail_img01.png) no-repeat left center; padding-left:20px;}
.art_list li .right_tool a{ margin-right:10px;}