<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>
                        </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>{{itemTitle}}</td>
        </tr>
        <tr>
            <td>产品类别</td>
            <td>{{categroyParentName}} / {{categoryName}}</td>
        </tr>
        <tr>
            <td>产品状态</td>
            <td>{{statusString}}</td>
        </tr>
        <tr>
            <td>总规模</td>
            <td>{{elements.zgm}}</td>
        </tr>
        <tr>
            <td>募集目标</td>
            <td>{{fundRaisedTargetString}}</td>
        </tr>
        <tr>
            <td>已募集</td>
            <td>{{fundRaisedOverString}}</td>
        </tr>
        <tr>
            <td>剩余额度</td>
            <td>{{fundRaisedSurplusString}}</td>
        </tr>

        <tr>
            <td>投资门槛</td>
            <td>{{minimumAmountString}}</td>
        </tr>
        <tr>
            <td>投资期限</td>
            <td>{{duration}}</td>
        </tr>
        <tr>
            <td>融资方</td>
            <td>{{{elements.rzf}}}</td>
        </tr>
        <tr>
            <td>担保方</td>
            <td>{{{elements.dbzt}}}</td>
        </tr>
        <tr>
            <td>发行方</td>
            <td>{{{elements.fxf}}}</td>
        </tr>
        <tr>
            <td>募集时间</td>
            <td>{{fundRaisedStartTimeString}} — {{fundRaisedEndTimeString}}</td>
        </tr>
        <tr>
            <td>资金用途</td>
            <td>{{{elements.zjyt}}}</td>
        </tr>
        <tr>
            <td>还款来源</td>
            <td>{{{elements.hkly}}}</td>
        </tr>
        <tr>
            <td>风控措施</td>
            <td>{{{elements.fkcs}}}</td>
        </tr>
        <tr>
            <td>项目亮点</td>
            <td>{{{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>
            <b id="modalBoxHidden">&times;</b>
        </div>
        <div>
            <i></i>
            <h3>恭喜你预约成功!</h3>
        </div>
        <p>富豆工作人员将第一时间与您取得联系!</p>
    </div>
</div>