<div class="param" style="display: block;" id="realtime-slider">
    <div class="title">
        <h2>参数设置</h2>
    </div>
    <div class="param-content">
        <div class="param-text clearfix">
            <label>经度：</label>
            <div class="param-input fl">
                <input type="text" id="longitude" value="111.746303">
            </div>
        </div>
        <div class="param-text clearfix">
            <label>纬度：</label>
            <div class="param-input fl">
                <input type="text" id="latitude" value="40.854662">
            </div>
        </div>
        <div class="param-text clearfix">
            <label>高度(米)：</label>
            <div class="param-input fl">
                <input type="text" id="height" value="4000">
            </div>
        </div>
        <div class="param-text clearfix">
            <label>模拟时长(小时)：</label>
            <div class="param-input fl">
                <input type="text" id="time-length-input" value="12">
            </div>
        </div>
        <div class="param-text clearfix">
            <label>分段时长(小时)：</label>
            <div class="param-input fl">
                <input type="text" id="interval-length-input" value="1">
            </div>
        </div>
        <div class="param-text clearfix">
            <label>释放时间：</label>
            <div class="param-input release-input fl">
                <input class="easyui-datetimebox" id="release-date" data-options="editable:false" value=" ">
            </div>
        </div>
        <div class="btn-click clearfix">
            <button class="btn calc-btn fl" id="calc-btn">计算</button>
            <button class="btn calc-btn fr" id="reset-btn">重置</button>
            <ul class="time-list"></ul>
        </div>
        <div class="param-text param-label label-shade clearfix">
            <div class="param-input fl">
                <input type="text" id="label-input">
            </div>
            <button class="btn" id="add-label">添加标签</button>
        </div>
        <div class="label-list clearfix"></div>
    </div>
    <div id="realtime-result-list">
        <div class="title calc-title">
            <h2>结果列表</h2>
            <div class="switch">
                详细<a href="javascript:;"></a>
            </div>
        </div>
        <div class="calc-list">
            <div class="clac-title clearfix">
                <a href="javascript:;" type="backward" class="active">溯源</a>
                <a href="javascript:;" type="forward">扩散</a>
            </div>
            <div class="slider-list">
                <ul class="backward-time-list"></ul>
                <ul class="forward-time-list" style="display:none;"></ul>
            </div>
        </div>
        <div class="btn-group real-btn clearfix">
            <div class="prev">
                <button class="btn prev-btn" id="prev"></button>
            </div>
            <div class="play">
                <button class="btn play-btn" id="play"></button>
            </div>
            <div class="pause">
                <button class="btn pause-btn" id="pause"></button>
            </div>
            <div class="next">
                <button class="btn next-btn" id="next"></button>
            </div>
        </div>
        <div class="shadow"></div>
    </div>
</div>