{extend name="default/base/base_home" /}

{block name="mall_main"}
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/story.css">
<style>
  .story .main-1 .container .item .info p, .story .main-1 .container .item .info p *{
    font-family: "puhuiti-2-35", Arial, Tahoma, sans-serif !important;
    font-size: .8rem !important;
  }
</style>
<div class="list-banner">
  <div class="main-center container">
    <div class="position">Position：Home > Light's Memories </div>
    <div class="content con1">
      <div class="left">
        <h2>Light's Memories</h2>
        <!-- <h3>学员故事</h3> -->
      </div>
    </div>
  </div>
</div>
<main class="story">
  <section class="main-1">
    <div class="main-center container">

      {notempty name="article"}
      {foreach name="article" item="article"}
      <a href="/link/show?article_id={$article.article_id}" class="item">
        <div class="l">
          <div class="i"><img src="/uploads/home/article/{$article['article_pic']}" alt=""></div>
          <div class="anchor">
            <h4>{$article.article_title}</h4>
        
          </div>
        </div>
        <div class="info">
          <p> {:htmlspecialchars_decode($article.article_content)}</p>
        </div>
      </a>
      {/foreach}
      {/notempty}

    </div>
  </section>
</main>
{/block}