  <div class="pop_box">
    <div class="card min-card" style="height:270px;">
      <dl class="callout" id="dialogue-content">
      </dl>
      <div class="clear"></div>
    </div>

    <div class="card_bot">
      <div class="jd" id="dialogue-main-voicebar" style="display:none;">
        <div class="img"></div>
        <div class="progressbar">
          <div id="dialogue-main-voice" class="progress" style="width:50%;"></div>
        </div>
      </div>

      <div class="left">
        <p class="left face-good" id="dialogue-face"></p>
        <p style="display:none;" class="left total-score" id="dialogue-totalscore">0分</p>
        <p class="left"></p>
      </div>

      <div class="right">
        <ul class="bot_btn">
          <li class="popbtn_normal" id='dialogue-record'>
            <div class="dialogue-record"> </div>
            <div id="dialogue-record-text">开始对话</div>
          </li>

          <li class="popbtn_normal" id='dialogue-read'>
            <div class="dialogue-read"> </div>
            <div id="dialogue-read-text">示范朗读</div>
          </li>

          <li class="popbtn_normal gray" id='dialogue-playback'>
            <div class="dialogue-playback"> </div>
            <div id="dialogue-playback-text">对话回放</div>
          </li>

          <li class="popbtn_normal" id='dialogue-settings'>
            <div class="dialogue-settings"> </div>
            <div>对话选项</div>
          </li>
        </ul>
      </div>
    </div>
  </div>



  <div class="pop_box" style="width:600px;display:none;" id="dialogue-scoreinfo-dialog">
    <div class="card_top">
      <div class="card_tab">
        评分详情
      </div>

      <div class="card_close" id="dialogue-dialog-close"></div>
    </div>

    <div class="card " style="height:130px;">
      <dl class="score" id="dialogue-dialog-score" style="text-align:left;">
      </dl>
    </div>

    <div class="card_bot">
      <div class="jd" id="dialogue-dialog-voicebar" style="display:none;">
        <div class="img"></div>
        <div class="progressbar">
          <div id="dialogue-dialog-voice" class="progress" style="width:50%;"></div>
        </div>
      </div>

      <div class="left">
        <div class="pages">
            <span class="page_prev gray"></span><span class="page_next gray"></span>
        </div>

        <div class="pages_cb">
          <input name="" type="checkbox" value="" id="dialogue-dialog-persistent"/>连续播放
        </div>
      </div>

      <div class="right">
        <ul class="bot_btn">
          <li class="popbtn_normal" id='dialogue-dialog-record'>
            <div class="dialogue-record"> </div>
            <div id="dialogue-dialog-recordtext">重新对话</div>
          </li>

          <li class="popbtn_normal" id='dialogue-dialog-read'>
            <div class="dialogue-read"> </div>
            <div id="dialogue-dialog-readtext">示范朗读</div>
          </li>

          <li class="popbtn_normal" id='dialogue-dialog-playback'>
            <div class="dialogue-playback"> </div>
            <div id="dialogue-dialog-playbacktext">对话回放</div>
          </li>

          <li class="popbtn_normal" id="dialogue-dialog-constrast">
            <div class="dialogue-contrast"> </div>
            <div id="dialogue-dialog-constrasttext">对比朗读</div>
          </li>
        </ul>
      </div>
    </div>
  </div>




  <div class="pop_box" style="width:600px;display:none;" id="dialogue-settings-dialog">
    <div class="card_top">
        <div class="card_tab">对话选项</div>
        <div id="btn_close_settings" class="card_close"></div>
    </div>
    <div class="card" style="height:180px;">
        <dl class="score2" >
            {{#sens}}
            <dd><span>{{role}}:</span><span>{{text}}</span></dd>
            {{/sens}}
            <div class="clear"></div>
        </dl>
   </div>
   <table cellpadding="0" cellspacing="0" border="0" class="options">
        <tr>
            <th width="33%" valign="top">
                <div class="tab_green">对话选项</div>
                <ul class="options_con">
                    <li id="man2machine" class="options_current">
                        <div class="options_right"></div>
                        <div class="dialogue-rjdh"></div>
                        <div>人机对话</div>
                    </li>
                    <li id="man2man" class="options_normal">
                        <div class="dialogue-rrdh"></div>
                        <div>人人对话</div>
                    </li>
                </ul>
            </th>
            <th width="34%" valign="top">
                <div class="tab_green">对话选项</div>
                <ul class="options_con">
                    <li id="rolea" class="options_normal">
                        <div class="dialogue-rolea"></div>
                        <div>角色A</div>
                    </li>
                    <li id="roleb" class="options_current">
                        <div class="options_right"></div>
                        <div class="dialogue-roleb"></div>
                        <div>角色B</div>
                    </li>
                </ul>
            </th>
            <td width="33%" valign="top">
                <div class="tab_green">对话选项</div>
                <ul class="options_con">
                    <li id="picmode" class="options_normal gray">
                        <div class="dialogue-picmode"></div>
                        <div class="gray">图片模式</div>
                    </li>
                    <li id="textmode" class="options_current">
                        <div class="options_right"></div>
                        <div class="dialogue-wordsmode"></div>
                        <div>文字模式</div>
                    </li>
                </ul>
            </td>
        </tr>
   </table>
   <div class="card_bot2">
        <div class="left"></div>
        <div class="right">
            <div class="qd_btn"><input id="btn_submit" type="button" value="确定" class="btn_green" onMouseDown="this.className='btn_green_pressed'" onmouseout="this.className='btn_green'"/></div>
        </div>
  </div>
</div>

<div id="dialogue-bg" class="dialogue-bg" style="display:none;"></div>

