机构 / 人员 课程 / 视频 活动 / 动态
  
<!-- Card -->
<a href="javascript:;" class="card">
  <div class="card-thumb"><div class="card-thumb-inner" style="background-image: url(/prototype/12348-common/static/assets/images/1a.jpg);"></div></div>
  <h4 class="card-title">北京道信律师事务所</h4>
  <div class="card-desc">富城路99号震旦国际大楼11层1127室</div>
  <div class="btn basic btn-sm readmore">查看详情</div>
</a>

<!-- Tag Card -->
<a href="javascript:;" class="card">
  <div class="card-thumb"><div class="card-thumb-inner" style="background-image: url(/prototype/12348-common/static/assets/images/1a.jpg);"></div></div>
  <h4 class="card-title">
    <span>鲍慧蕙</span>
    <small class="tag yellow">
      志愿者
    </small>
  </h4>
  <div class="card-desc">富城路99号震旦国际大楼11层1127室</div>
  <div class="card-attr">
    <div class="item">
      <div class="num">25</div>
      <div class="define">咨询人次</div>
    </div>
    <div class="item">
      <div class="num">100%</div>
      <div class="define">满意率</div>
    </div>
  </div>
  <div class="btn basic btn-sm tag-more">查看详情</div>
</a>

<!-- Type of billboard -->
<a href="javascript:;" class="card billboard">
  ...
</a>

<!-- Type of vertical -->
<a href="javascript:;" class="card vertical">
  ...
</a>

<!-- 无边框:is-rimless -->
<a href="javascript:;" class="card is-rimless">
  ...
</a>