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

{block name="mall_main"}
<link rel="stylesheet" href="{$Think.HOME_SITE_ROOT}/new/css/story.css">
<style>
  .story-details .main-1 .container .content .info *{
    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 > {$article.article_title} </div>
      <div class="content con1">
        <div class="left">
          <h2>Light's Memories</h2>
          <!-- <h3>学员故事</h3> -->
        </div>
      </div>
    </div>
  </div>
  <main class="story-details">
    <section class="main-1">
      <div class="main-center container">
        <div class="tit">
          <h1>{$article.article_title}</h1>
          <div class="field">
            <span>Time： {$article.article_date}</span>
            <span>Author：LIGHT</span>
            <span>Student：{$article.article_title}</span>
            <span>Views：3289</span>
          </div>
        </div>
        <div class="content">
          <div class="info">
            <p>
              {:htmlspecialchars_decode($article.article_content)}
            </p>

          </div>
          <div class="other">
            <div>
              上一篇：<a href="">会让人上瘾的线下课程体验</a>
            </div>
            <div>
              下一篇：<a href="">会让人上瘾的线下课程体验</a>
            </div>
          </div>
          <div class="commit">
            <div class="c-tit">
              <span>List (1)</span>
            </div>
            <div class="list-con">
              <div class="item">
                <div class="i"><img src="" alt=""></div>
                <div>
                  <h6>Nazel Zaytseva <span>A month ago</span></h6>
                  <p>I went there before!l really like this program!</p>
                </div>
              </div>


            </div>
            <div class="c-tit">
              <span>Add</span>
            </div>
            <form action="javascript:return false">
              <textarea name="" id="" placeholder="I want to share..."></textarea>
              <div class="more-btn">
                <button type="submit" class="active">Add a comment</button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </section>
  </main>
  {/block}