<div id="modal-content" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-lg" style="width: 618px;">
        <div class="pop_tit">
            <span class="fl">分类题</span>
            <div class="w_func fr">
                <a href="javascript:;" title="关闭" class="w_func_close" data-dismiss="modal"></a>
            </div>
        </div>

        <div id="pickcardFrame" style="overflow-y:auto;width: 618px;height: 490px;background: white;">
            <div class="wrapper">
                <!--选择分类题数量和标题-->
                <div class="test_temp" id="sel_pickcard" style="border: none;box-shadow: none;">
                    <div class="test_temp_tip">
                        <input type="text" class="add_answer pick_title" placeholder="请输入标题">
                    </div>

                    <div class="tst_temp_step tst_temp_step2">
                        <div class="card_amount">
                            <label>请选择分类框的数量：</label>
                            <select id="selCardNum">
                                <option value="2">2</option>
                                <option value="3">3</option>
                                <option value="4" selected>4</option>
                            </select>
                        </div>

                        <ul class=" card_list_sort clearfix" id="pick_ul">
                            <li>
                                分类框：
                                <input type="text" class="add_answer add_answer2 card_title" placeholder="请输入分类框名称">
                            </li>
                            <li>
                                分类框：
                                <input type="text" class="add_answer add_answer2 card_title" placeholder="请输入分类框名称">
                            </li>
                            <li>
                                分类框：
                                <input type="text" class="add_answer add_answer2 card_title" placeholder="请输入分类框名称">
                            </li>
                            <li>
                                分类框：
                                <input type="text" class="add_answer add_answer2 card_title" placeholder="请输入分类框名称">
                            </li>
                        </ul>
                    </div>
                </div>
                <!--编辑分类框-->
                <div class="test_temp" id="edit_pickcard" style="display: none;border: none;box-shadow: none;">
                    <div class="test_temp_tip">
                        <input type="text" class="add_answer pick_title" placeholder="请输入标题">
                    </div>
                    <div class="card_amount" style="font-size: 16px;text-align: left;margin-left: 26px;">
                        请添加分类框答案：
                    </div>
                    <div class="tst_temp_step tst_temp_step2" id="pickcard_eidt">

                        <ul class="graph_list">
                            <li>
                                <p>对称图形</p>
                                <ul class="graph_list_sun clearfix">
                                    <li>
                                        <a href="javascript:;" class="graph_list_close"></a>
                                        <img alt="" src="editor/assert/images/pop/graph_list_img.png"/>
                                    </li>
                                    <li>
                                        <a href="javascript:;" title="新增图形" class="graph_list_add"></a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <p>非对称图形</p>
                                <ul class="graph_list_sun clearfix">
                                    <li>
                                        <a href="javascript:;" class="graph_list_close"></a>
                                    </li>
                                    <li>
                                        <a href="javascript:;" title="新增图形" class="graph_list_add"></a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--预览-->
                <div class="test_temp" id="preview_pickcard" style="display: none;padding-left: 16px;border: none;box-shadow: none;">
                    <div class="test_temp_tip" id="preview_card_title" style="height: 43px;width: 615px;background: -webkit-linear-gradient(top, #f9f9f9, #e7e7e7);border-bottom: 1px solid #a6a7a6;font-size: 18px;font-weight: bold;font-family: microsoft yahei;color: #222;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-left: -15px;">
                    </div>
                    <div class="tst_temp_step tst_temp_step2" id="preview_card_list" style="margin-top: 20px;">

                        <div class="display_box_list_card">
                            <div style="border-bottom: 1px dashed #999;margin-bottom: 10px">
                                <ul class="display_box_list_ul" id="preview_pickcard_ul">
                                </ul>
                            </div>
                            <div style="width: 550px;height: 230px;border: 1px solid #E9E7E7;background-color: #e6eefc;border-radius: 6px;">
                                <ul class="box_answers" id="preview_pickcard_answers">

                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="pop_btn_box" id="btn_bar1">
            <a href="javascript:;" class="pop_btn fr mrmt" id="btn_sec"><span class="pop_btn_s2">下一步</span></a>
            <a href="javascript:;" class="pop_btn fl mrmt" id="btn_yangshi"><span class="pop_btn_s2">导入样例</span></a>
        </div>
        <div class="pop_btn_box" id="btn_bar2" style="display: none">
            <a href="javascript:;" class="pop_btn fl mrmt" id="btn_pre"><span class="pop_btn_s2">上一步</span></a>
            <a href="javascript:;" class="pop_btn fr mrmt" id="btn_end"><span class="pop_btn_s2">预览</span></a>
        </div>
        <div class="pop_btn_box" id="btn_bar3" style="display: none">
            <a href="javascript:;" class="pop_btn fr mrmt" id="btn_complete"><span class="pop_btn_s2">完成</span></a>
            <a href="javascript:;" class="pop_btn fl mrmt" id="pre_step_one"><span class="pop_btn_s2">上一步</span></a>
        </div>
    </div>
</div>
