huahuibao/app/teach/views/main/diy.php

    <!--主要内容开始-->
    <div class="kecheng-wrap">
        <div class="kc-banner">
            <div class="tbox">
                <h2><?= $info['name'] ?></h2>
                <div class="xfbox">
                    <span class="t">学费:</span>
                    <span class="c"><em><?php echo intval($info['tuition']); ?></em>.00 RMB</span>
                </div>
<!--                <p>（此学费已包含所有花材及插花工具）</p>-->
            </div>
        </div>

        <div class="mainbox">

            <div class="rbox">
                <div class="line"></div>
                <div class="content">
                    <?= $info['summary'] ?>
                </div>
            </div>
        </div>

        <div class="tcbox">
            <div class="item itema">
                <div class="box">
                    <h3>适合人群：</h3>
                    <p>花艺爱好者</p>
                </div>
            </div>

            <div class="item itemb">
                <div class="box">
                    <h3>适合人群：</h3>
                    <p>想了解花艺的学员</p>
                </div>
            </div>
        </div>

          <div class="recom-wrap">
            <div class="recom-item">
                <div class="thumb">
                    <img src="/images/course_grey.jpg" data-original="/images/glhs/diy1.jpg" class="lazy" data-preview-src="" data-preview-group="1" />
                </div>
                <div class="tbox" style="text-align:center">
                    <p>用心与花对话时，你会变得心平气和，神态专注。举止优雅，亲和力十足。可利用周六周天的时间来学习哦，甩掉一周的工作疲惫，带你进入花花世界．．．</p>
                </div>
            </div>

            <div class="recom-item">
                <div class="thumb">
                    <img src="/images/course_grey.jpg" data-original="/images/glhs/diy2.jpg" class="lazy" data-preview-src="" data-preview-group="1" />
                </div>
                <div class="tbox" style="text-align:center">
                    <p>精致生活，从花艺开始...能提高自己生活品质的爱好，保持学习的态度，才是小仙女的人生正确打开方式呦。</p>
                </div>
            </div>

              <div class="recom-item">
                  <div class="thumb">
                      <img src="/images/course_grey.jpg" data-original="/images/glhs/diy3.jpg" class="lazy" data-preview-src="" data-preview-group="1" />
                  </div>
                  <div class="tbox" style="text-align:center">
                      <p>学员上课</p>
                  </div>
              </div>

              <div class="recom-item">
                  <div class="thumb">
                      <img src="/images/course_grey.jpg" data-original="/images/glhs/diy4.jpg" class="lazy" data-preview-src="" data-preview-group="1" />
                  </div>
                  <div class="tbox" style="text-align:center">
                      <p>学员上课</p>
                  </div>
              </div>

        </div>


        <div class="baoming">
            <dl>
                <dt>上课时间</dt>
                <dd>09:30~12:00 &nbsp; 14:00~17:00（随到随学，学会为止）</dd>
            </dl>
            <dl>
                <dt>学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;费</dt>
                <dd>学费包含花材、花器、工具等学习所需用品。</dd>
            </dl>
            <dl>
                <dt>持续服务</dt>
                <dd>学成颁发毕业证书，毕业不结业，后续有问题仍可向学校老师咨询寻求帮助。</dd>
            </dl>
            <dl>
                <dt>上课地点</dt>
                <dd>福建省厦门市思明区后埭溪路128号-5（厦门火车站附近）</dd>
            </dl>
            <div class="btn-group">
                <a href="javascript:history.go(-1)">返 回</a>
            </div>
        </div>
    </div>
    <div id="bottomMore" style="-webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite;text-align:center;position: fixed; bottom:0;margin:0px auto;right:0px;left:0px;">
        <img src="/images/glhs/more.png" style="width:1rem;">
    </div>
    <script>
        $(window).scroll(function(){
            if (($(document).scrollTop() + 90) >= $(document).height() - $(window).height()) {
                $("#bottomMore").css("display","block");
            }
            if (($(document).scrollTop()) >= $(document).height() - $(window).height()) {
                $("#bottomMore").css("display","none");
            }
        });
    </script>