首页案例展示元素U301

HTML代码已调好易优标签，要BP标签自己改一下大同小异:

{eyou:channelartlist typeid='21'}
<div class="index-case_301">
<div class="box">
<div class="title">{eyou:field name='typename' /} <span>{eyou:field name='englist_name' /}</span></div>
<div class="list">
<ul>
{eyou:arclist row=='30' id='field'} 
<li>
<a href="{$field.arcurl}">
<div class="img"><img src="{$field.litpic}" width="275" height="206"></div>
<div class="tbox">
<div class="t1">{$field.title} </div>
<div class="t2">{$field.seo_description|html_msubstr=###,0,20,true}</div>
</div>
</a>
</li>
{/eyou:arclist}
</ul>
</div>
<a href="{eyou:field%20name='typeurl'%20/}" class="more">more</a>
</div>
</div>
{/eyou:channelartlist}

CSS样式代码：

使用说明：