<div class="maincon">
    <div class="cardtop">
        <div class="imgleft"></div>
        <div class="cdtop_mid"></div>
        <div class="imgright"></div>
        <div class="clear"></div>
    </div>
    <div class="word_panel cloudbox_word">
        <div class="wordcard">
            <ul>
                {{#index}}
                <li>
                    <div class="word_panel_{{index}} graycard">
                        <a href="javascript:void(0)">
                            <b>
                                <div class="word_line_{{index}} grayline">
                                    <div class="cn_eva cn_eva_{{index}}">
                                        <div class="word_eval_{{index}}"></div>
                                        <div class="clear"></div>
                                    </div>
                                </div>
                                <div class="word_text_{{index}} chinese dimgray">
                                    {{#words}}<span class="cn_word">{{.}}</span>{{/words}}
                                </div>
                                <div class="clear"></div>
                            </b>
                        </a>
                    </div>
                </li>
                {{/index}}
                <div class="clear"></div>
            </ul>
        </div>
    </div>
    <div class="wordbom">
        <div class="left wordbom_img_left"></div>            
        <div class="left wordbom_mid">
            <div class="word_volumebox">
                <div class="word_micrimg">
                    <div class="word_mic_sgray_tm">
                        <div class="word_mic word_mic_sgray">
                        </div>
                    </div>
                </div>
                <div style="line-height: 70px;padding-left: 20px;" class="change_yb">
                    <input style="height: 30px;width: 20px;" type="checkbox" value="显示音标" name="显示音标">
                    <span class="pl4">显示拼音</span>
                </div>
            </div>
            <div class="btn_fun">
                <div class="word_stopCom  word_db_stop" style="display: none;"><a href="javascript:void(0)">停止朗读</a></div>
                <div class="word_playCom  word_db_play_dis"><a href="javascript:void(0)">对比朗读</a></div>
                <div class="word_playRead word_read_play_dis"><a href="javascript:void(0)">我的朗读</a></div>
                <div class="word_stopRead word_read_stop" style="display: none;"><a href="javascript:void(0)">停止播放</a></div>
                <div class="word_playWord word_play"><a href="javascript:void(0)">原声播放</a></div>
                <div class="word_stopWord word_stop" style="display: none;"><a href="javascript:void(0)">停止播放</a></div>
                <div class="word_startRec word_rec_start"><a href="javascript:void(0)">开始录音</a></div>
                <div class="word_stopRec word_rec_stop" style="display: none;"><a href="javascript:void(0)">停止录音</a></div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="right wordbom_img_right"></div>
        <div class="clear"></div>
    </div>
    <div class="word_pop_html">
        <div class="pop_xqbox">
            <div class="pop_tab">
                <div class="pop_close_mask pop_close"></div>
            </div>

            <div class="pop_cardbox">
                <div class="pop_termbox">
                    <div class="term_left">
                        <p class="term_word_txt"></p>
                    </div>
                    <div class="term_right">
                        <p class="term_py_txt"></p>
                        <p class="term_result"></p>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>

            <div class="pop_graybom">
                <div class="pop_graybom_left">
                    <div class="pop_btn_numbox">
                        <input class="pop_pre pop_btn_prenor" type="button" name="" value="" />
                        <input class="pop_next pop_btn_nextnor" type="button" name="" value="" />
                    </div>
                    <div class="pop_continuous">
                        <input class="chk" name="连续播放" type="checkbox" checked="true" value="连续播放" />
                        <p>连续播放</p>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="pop_micbox">
                    <div class="word_mic_sgray_tm">
                        <div class="pop_word_mic word_mic_sgray"></div>
                    </div>
                </div>
                <div class="pop_btn_fun pr10">
                    <div class="pop_word_stopCom  pop_word_db_stop" style="display: none;"><a href="javascript:void(0)">停止播放</a></div>
                    <div class="pop_word_playCom  pop_word_db_play"><a href="javascript:void(0)">对比朗读</a></div>
                    <div class="pop_word_playRead pop_word_read_play"><a href="javascript:void(0)">我的朗读</a></div>
                    <div class="pop_word_stopRead pop_word_read_stop" style="display: none;"><a href="javascript:void(0)">停止播放</a></div>
                    <div class="pop_word_playWord pop_word_play"><a href="javascript:void(0)">原声播放</a></div>
                    <div class="pop_word_stopWord pop_word_stop" style="display: none;"><a href="javascript:void(0)">停止播放</a></div>
                    <div class="pop_word_startRec pop_word_rec_start"><a href="javascript:void(0)">开始录音</a></div>
                    <div class="pop_word_stopRec  pop_word_rec_stop" style="display: none;"><a href="javascript:void(0)">停止录音</a></div>
                </div>
            </div>
        </div>
    </div>
</div>
