<div class="installment-starting-service-page">
    {{> resources/banner-top}}
  <div class="exclamation">
    基本信息的有效性决定您能否激活有货分期，以及最终可获得的额度!
  </div>

  <form action="" class="apply-form">
    <p>
      <label for="name">姓名： </label>

      <input id="name" name="name" type="text" placeholder="姓名" maxlength="20"/>
    </p>

    <p>
      <label for="name">身份证号： </label>

      <input id="name" name="idCardNo" type="text" placeholder="身份证号" maxlength="18"/>
    </p>


    <p>
      <label for="name">卡号：</label>
      <input id="name" name="cardNo" type="text" placeholder="银行卡号" maxlength="19"/>
    </p>


    <p>
      <label for="name">手机号：</label>
      <input id="name" name="mobilePhone" type="text" placeholder="银行预留手机号码"/>
    </p>

    <p>
      <label for="name">验证码：</label>
      <input id="name" name="verifyCode" type="text" placeholder="请输入验证码" size="14" maxlength="4"/>
      <button id="send-sms" class="count-down">获取验证码</button>
    </p>

    <div class="agreements">
      <input id="accept-agreements" name="agreements" type="checkbox"/>
      <label for="accept-agreements">
        免费开通,详情见 <a href="#">《有货分期服务协议》&《第三方支付协议》</a>
      </label>
    </div>

    <div class="data-encryption">
        数据智能加密，保障您的用卡安全
    </div>

    <button class="apply-button" type="submit">
      下一步
    </button>
  </form>
</div>