{maccms:for start="1" end="4"}
{if $mytheme['rank']['book_by'.$i.'']}
<div class="book-list-box col-lg-{$mytheme.rank.col} col-md-4 col-sm-2 col-xs-1">
    <div class="myui-panel mb0 col-pd radius-4 clearfix">
        <div class="myui-panel_hd pl10">
            <div class="myui-panel__head clearfix">
                <h3 class="title">
                {$mytheme['rank']['book_title'.$i.'']}
                </h3>	
                <span class="pull-right">
                    <?xml version="1.0" encoding="UTF-8"?><svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 12L31 24L19 36" stroke="#333" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></svg>
                </span>	
            </div>
        </div>
        <div class="myui-panel_bd clearfix">
            <ul class="myui-vodlist__media col-pd clearfix">
                {maccms:art num="3" type="'.$mytheme['nav']['book_id'].'" order="desc" by="'.$mytheme['rank']['book_by'.$i.''].'"}
                <li class="clearfix">
                    <div class="thumb img-xs-100 pull-left">
                        <a class="myui-vodlist__thumb" style="background: url({$vo.art_pic|mac_url_img});" href="{:mac_url_art_detail($vo)}" title="{$vo.vod_name}">
                            <span class="badge{if condition="$key eq 1"} badge-first{/if}{if condition="$key eq 2"} badge-second{/if}{if condition="$key eq 3"} badge-third{/if}">{$key}</span>
                        </a>
                    </div>
                    <div class="detail pull-right">
                        <div class="detail-side">
                            <h4 class="title text-overflow"><a href="{:mac_url_art_detail($vo)}">{$vo.art_name}</a></h4>
                            <p class="font-13 text-muted text-overflow"><span class="text-muted">类型：</span>{$vo.art_class}</p>		
                            <p class="font-13 text-muted text-overflow-2 margin-0"><span class="text-muted">简介：</span>{$vo.art_blurb}</p>
                        </div>
                    </div>																										
                </li>
                {/maccms:art}
            </ul>

            <ul class="myui-vodlist__text col-pd pt0 clearfix">
                {maccms:art type="'.$mytheme['nav']['book_id'].'" order="desc" by="'.$mytheme['rank']['book_by'.$i.''].'" start="4" num="'.$mytheme['rank']['num'].'"}
                {if condition="$key gt 3"}
                <li>
                    <a href="{:mac_url_art_detail($vo)}" title="{$vo.vod_name}" class="text-muted text-overflow">
                        <span>{$key}.</span>{$vo.art_name}
                    </a>
                </li>
                {/if}
                {/maccms:art}
            </ul>
        </div>
    </div>
</div>
{/if}
{/maccms:for}