<div class="banner">
    <div class="banner-box">
        <h1>海量资源 轻松抢单</h1>
        <p>
            以科技为手段，面向财富管理行业从业人员的运营服务提供商。匹配用户风险偏好与投资品，利用互联网大数据，对用户行为、市场、产品等进行详细的分析，系统为客户推荐多元化的投资组合，避免客户与理财顾问之间可能的利益冲突，减少用户的投资理财成本支出，使投资人获得更多的收益。
        </p>
    </div>
</div>
<div class="intro">
    <h2 class="info-title">{{itemTitle}}</h2>
    <table>
        <thead>
        <tr>
            <th>认购金额</th>
            <th>预期收益</th>
            <th>返佣比例</th>
        </tr>
        </thead>
        <tbody>
            {{#each commissionAlg}}
                <tr>
                    <td>{{range}}</td>
                    <td>
                        <strong>{{sy}}</strong>
                    </td>
                    {{#unless @index}}
                        <td rowspan={{rowspan}}>
                            <!--<a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.fudou6.app" target="_blank">登录富豆APP可见</a>-->
                            <a href="javascript:;" class="login-app">登录富豆APP可见</a>
                        </td>
                    {{/unless}}
                </tr>
            {{/each}}
        </tbody>
    </table>
    <div class="product-surplus clear">
        <span>剩余额度：</span>
        <span class="balance">{{fundRaisedOverString}}</span>
        <span class="total">{{fundRaisedTargetString}}</span>
        <p class="progress-bar"><i data-width="{{fundRaisedPercentage}}"></i></p>
    </div>
    <div class="product-status">
        <div class="huxian status-{{status}}"></div>
        <p>{{statusString}}</p>
    </div>
</div>
<!--<div class="appointment">-->
    <!--<h2 class="info-title">在线预约</h2>-->
    <!--<p>留下联系方式我们帮您第一时间抢占稀缺额度</p>-->
    <!--<form id="form">-->
        <!--<div>-->
            <!--<input type="text" name="userName" placeholder="请填写您的姓名" />-->
            <!--<input type="text" name="userTel" placeholder="请填写手机号" maxlength="11"/>-->
            <!--<input type="submit" value="提交"/>-->
        <!--</div>-->
        <!--<div>-->
            <!--<span class="errorName"></span>-->
            <!--<span class="errorTel" ></span>-->
        <!--</div>-->
    <!--</form>-->
<!--</div>-->
<div class="detail">
    <h2 class="info-title">产品详情</h2>
    <table>
        <colgroup>
            <col width="20%" />
            <col width="80%" />
        </colgroup>
        <tbody>
        <tr>
            <td>产品名称</td>
            <td class="clear-br">{{itemTitle}}</td>
        </tr>
        <tr>
            <td>产品类别</td>
            <td class="clear-br">{{categroyParentName}} / {{categoryName}}</td>
        </tr>
        <tr>
            <td>产品状态</td>
            <td class="clear-br">{{statusString}}</td>
        </tr>
        <tr>
            <td>总规模</td>
            <td class="clear-br">{{elements.zgm}}</td>
        </tr>
        <tr>
            <td>募集目标</td>
            <td class="clear-br">{{fundRaisedTargetString}}</td>
        </tr>
        <tr>
            <td>已募集</td>
            <td class="clear-br">{{fundRaisedOverString}}</td>
        </tr>
        <tr>
            <td>剩余额度</td>
            <td class="clear-br">{{fundRaisedSurplusString}}</td>
        </tr>

        <tr>
            <td>投资门槛</td>
            <td class="clear-br">{{minimumAmountString}}</td>
        </tr>
        <tr>
            <td>投资期限</td>
            <td class="clear-br">{{duration}}</td>
        </tr>
        <tr>
            <td>融资方</td>
            <td class="clear-br">{{{elements.rzf}}}</td>
        </tr>
        <tr>
            <td>担保方</td>
            <td class="clear-br">{{{elements.dbzt}}}</td>
        </tr>
        <tr>
            <td>发行方</td>
            <td class="clear-br">{{{elements.fxf}}}</td>
        </tr>
        <tr>
            <td>募集时间</td>
            <td class="clear-br">{{fundRaisedStartTimeString}} — {{fundRaisedEndTimeString}}</td>
        </tr>
        <tr>
            <td>资金用途</td>
            <td class="clear-br">{{{elements.zjyt}}}</td>
        </tr>
        <tr>
            <td>还款来源</td>
            <td class="clear-br">{{{elements.hkly}}}</td>
        </tr>
        <tr>
            <td>风控措施</td>
            <td class="clear-br">{{{elements.fkcs}}}</td>
        </tr>
        <tr class="clear-bb">
            <td>项目亮点</td>
            <td class="clear-br">{{{summary}}}</td>
        </tr>
        <!--<tr>-->
            <!--<td>募集账号</td>-->
            <!--<td>-->
                <!--<p>账户名：中融国际信托有限公司</p>-->
                <!--<p>账号：【1003 4702 7350 010035】</p>-->
                <!--<p>开户行：中国邮政储蓄银行有限责任公司黑龙江省分行直属支行</p>-->
                <!--<p>打款备注：xxx认购隆晟1号12个月</p>-->
            <!--</td>-->
        <!--</tr>-->
        </tbody>
    </table>
</div>
<div class="modal-box">
    <div class="modal-dialog">
        <div class="modal-dialog-top">
            <a id="modalBoxHidden">&times;</a>
        </div>
        <div class="modal-dialog-content">
            <i></i>
            <h3>恭喜你预约成功!</h3>
        </div>
        <p>富豆工作人员将第一时间与您取得联系!</p>
    </div>
</div>
<div class="modal-box-erweima">
    <div class="modal-dialog">
        <div class="modal-dialog-top">
            <a class="modal-dialog-close">&times</a>
        </div>
        <div class="modal-dialog-bottom">
            <a href="javascript:;">
                <img src="https://res.fudou6.com/c/4/20160802/acpNi5waWNfaGQ=_280x280.jpg" alt="erweima"/>
            </a>
            <p>扫描二维码,下载富豆优投</p>
        </div>
    </div>
</div>