<style type="text/css">
.it_box{display: flex; display: -webkit-flex;justify-content: space-between;flex-direction: row; flex-wrap: wrap;align-items: flex-end;}
.it_box:after {content: ""; width: 32%; }
.it_box span.it{width: 32%; text-align: center; background: #f7f7f7; height: 88px; margin-top: 1%; color: #666; box-sizing: border-box; padding-top: 15px;}
.it_box span.it .consume{}
</style>
{volist name="catelist" id="vo" key="k"}
<div><b>{$vo['category']}</b></div>
<div class="it_box">
{volist name="$vo->items" id="v" key="k2"}
<span class="it">
<b>{$v.i_title}</b><br/><span class="consume">{$v.i_time_cosume}分钟</span>
<input type="checkbox" class="idinid{$k}{$k2} ckid" name="ckid[]" value="{$v.id}">
<input type="checkbox" class="idincat{$k}{$k2} ckcat" name="ckcat[]" value="{$v.i_title}">
</span>
{/volist}
</div>
{/volist}