<script type="text/plain" id="poetry-containertpl">
<div class="poetry-container">
    <div class="poetry-tip" id="poetry-{{cardid}}-tipdiv" style="display:none;">
        <div class="poetry-tipcontent">
            <div style="float:left;margin-left:10px;margin-top:-20px;">
                <img id="poetry-{{cardid}}-tipimg" src="./js-debug/speechui/view/images/good.png"/>
            </div>
            <div id="poetry-{{cardid}}-tip" style="padding-left:120px;">开始朗诵吧！</div>

        </div>
    </div>

    <div class="poetry-answerMenu" id="poetry-{{cardid}}-tipholder" style="display: none; ">
        <div class="poetry-arrow">
            <div class="poetry-arrow-inner"></div>
        </div>
        <div class="poetry-answerMenu-content">
            <div id="poetry-{{cardid}}-orderAnswer" class="poetry-answer">整诗对答</div>
            <div id="poetry-{{cardid}}-singleAnswer">单句对答</div>
        </div>
    </div>
    <!--
    <div class="poetry-header">
        <div class="poetry-header-left"></div>
        <div class="poetry-header-mid"></div>
        <div class="poetry-header-right"></div>
        <div class="clear"></div>
    </div>
    -->
    <div class="poetry-body" id="poetry-{{cardid}}-body">

    </div>
    <div class="poetry-footer">
        <div class="poetry-footer-left"></div>
        <div class="poetry-footer-mid">
            <div class="poetry-btn-left">
                <div id="poetry-{{cardid}}-elocnte" class="poetry-elocnte"></div>
                <div id="poetry-{{cardid}}-answer" class="poetry-sentence"></div>
                <div id="poetry-{{cardid}}-recite" class="poetry-recite"></div>
            </div>
            <div class="poetry-btn-right poetry-recorded poetry-{{cardid}}-btns" id="poetry-{{cardid}}-recorded">
                <div id="poetry-{{cardid}}-contrast" class="btn_fundb_dis">
                    <a href="javascript:void(0)">对比朗诵</a>
                </div>

                <div id="poetry-{{cardid}}-read" class="btn_funread_dis">
                    <a href="javascript:void(0)">我的朗诵</a>
                </div>

                <div id="poetry-{{cardid}}-play" class="btn_funplay_nor">
                    <a href="javascript:void(0)">示范朗读</a>
                </div>

                <div id="poetry-{{cardid}}-startRecord" class="btn_funstart_nor">
                    <a href="javascript:void(0)">开始朗诵</a>
                </div>
            </div>
            <div class="poetry-btn-right poetry-{{cardid}}-btns" id="poetry-{{cardid}}-recording" style="display:none">
                <div class="mic_poetry">
                    <span class="poetry-voicebar" id="poetry-{{cardid}}-voicebar">&nbsp;</span>
                </div>
                <div class="mic_poetry_tm"> </div>

                <div id="poetry-{{cardid}}-stopRecord" class="btn_funpause_nor">
                    <a href="javascript:void(0)">停止朗诵</a>
                </div>
            </div>

            <div class="poetry-btn-right poetry-recorded poetry-{{cardid}}-btns" id="poetry-{{cardid}}-reciteBtn" style="display:none">
                <div id="poetry-{{cardid}}-startRecite" class="btn_funstart_nor" style="margin-right:335px;">
                    <a href="javascript:void(0)">开始背诵</a>
                </div>
            </div>

            <div class="poetry-btn-right poetry-recorded poetry-{{cardid}}-btns" id="poetry-{{cardid}}-answerBtn" style="display:none">
                <div id="poetry-{{cardid}}-startAnswer" class="btn_funstart_nor" style="margin-right:335px;">
                    <a href="javascript:void(0)">开始对答</a>
                </div>
            </div>
        </div>
        <div class="poetry-footer-right"></div>
        <div class="clear"></div>
    </div>
</div>
</script>

<script type="text/plain" id="poetry-elocntetpl">
    {{#sentences}}
    <div class="poetry-poem {{class}}" id='poetry-{{cardid}}-line{{line}}'>
        <div class="poetry-poem-border" style="display:{{display}};" data-index="{{index}}" data-img="{{img}}" data-begin="{{begin}}" data-end="{{end}}">
            {{{html}}}
        </div>
    </div>
    {{/sentences}}
</script>