001-
001+ 功能描述
002+ 1.确认产品及总额
003+ 2.支付保单
004+ 界面
005+
006+
007+ 界面元素
008+ 名称
009+ 用途
010+ 显示
011+ 交互
012+ 投保步骤
013+ 显示当前投保进度
014+ 当前步骤及之前的步骤高亮显示，例：“你的资料”
015+ 1.点击步骤，进入对应页面，必须是之前已填写的页面，例：<a href="/zentao/story-view-1162.html" target="_blank" rel="noreferrer noopener">宠物简历，<a href="/zentao/story-view-1163.html" target="_blank" rel="noreferrer noopener">选择保障，<a href="/zentao/story-view-1164.html" target="_blank" rel="noreferrer noopener">了解更多，<a href="/zentao/story-view-1165.html" target="_blank" rel="noreferrer noopener">你的资料
016+ 产品
017+ 展示
018+ 展示已选产品名称
019+ 无
020+ 总额
021+ 展示
022+ 展示已选产品的总额
023+
024+ 无
025+
026+ 付款
027+ 付款
028+ 【付款】按钮
029+ 1.点击按钮，调用第三方支付，还未确定页面 取消付款页面
030+

001-
001+ <h3>功能描述</h3>
002+ <p>1.确认产品及总额</p>
003+ <p>2.支付保单</p>
004+ <h3>界面</h3>
005+ <p><img src="{3756.png}" alt="" /></p>
006+ <p><br /></p>
007+ <h3 style="color:#3C4353;background-color:#FFFFFF;">界面元素</h3>
008+ <table class="table table-kindeditor ke-select-col" style="font-size:14px;background-color:#FFFFFF;width:auto;color:#3C4353;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>
009+ <th style="background-color:#F1F1F1;">用途</th>
010+ <th style="background-color:#F1F1F1;">显示</th>
011+ <th style="background-color:#F1F1F1;">交互</th>
012+ </tr></tbody><tbody><tr><td>投保步骤<br /></td>
013+ <td>显示当前投保进度<br /></td>
014+ <td>当前步骤及之前的步骤高亮显示，例：“你的资料”<br /></td>
015+ <td><span style="font-size:14px;">1.点击步骤，进入对应页面，必须是之前已填写的页面，例：</span><a href="/zentao/story-view-1162.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">宠物简历</span></a>，<a href="/zentao/story-view-1163.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">选择保障</span></a>，<a href="/zentao/story-view-1164.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">了解更多</span></a>，<a href="/zentao/story-view-1165.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">你的资料</span></a></td>
016+ </tr><tr><td style="border:1px solid #ddd;">产品<br /></td>
017+ <td style="border:1px solid #ddd;">展示</td>
018+ <td style="border:1px solid #ddd;">展示已选产品名称</td>
019+ <td style="border:1px solid #ddd;">无</td>
020+ </tr><tr><td style="border:1px solid #ddd;">总额</td>
021+ <td style="border:1px solid #ddd;">展示</td>
022+ <td style="border:1px solid #ddd;">展示已选产品的总额</td>
023+ <td style="border:1px solid #ddd;">
024+ <p>无</p>
025+ </td>
026+ </tr><tr><td style="border:1px solid #ddd;">付款</td>
027+ <td style="border:1px solid #ddd;">付款</td>
028+ <td style="border:1px solid #ddd;">【付款】按钮</td>
029+ <td style="border:1px solid #ddd;">1.点击按钮，调用第三方支付，<span style="color:#E53333;">还未确定页面 取消付款页面</span></td>
030+ </tr></tbody></table><p><br /></p>

005-
005+
006-
006+
007- 界面元素
007+
008- 名称
008+
009- 用途
009+ 界面元素
010- 显示
010+ 名称
011- 交互
011+ 用途
012- 投保步骤
012+ 显示
013- 显示当前投保进度
013+ 交互
014- 当前步骤及之前的步骤高亮显示，例：“你的资料”
014+ 投保步骤
015- 1.点击步骤，进入对应页面，必须是之前已填写的页面，例：<a href="/zentao/story-view-1162.html" target="_blank" rel="noreferrer noopener">宠物简历，<a href="/zentao/story-view-1163.html" target="_blank" rel="noreferrer noopener">选择保障，<a href="/zentao/story-view-1164.html" target="_blank" rel="noreferrer noopener">了解更多，<a href="/zentao/story-view-1165.html" target="_blank" rel="noreferrer noopener">你的资料
015+ 显示当前投保进度
016- 产品
016+ 当前步骤及之前的步骤高亮显示，例：“你的资料”
017- 展示
017+ 1.点击步骤，进入对应页面，必须是之前已填写的页面，例：<a href="/zentao/story-view-1162.html" target="_blank" rel="noreferrer noopener">宠物简历，<a href="/zentao/story-view-1163.html" target="_blank" rel="noreferrer noopener">选择保障，<a href="/zentao/story-view-1164.html" target="_blank" rel="noreferrer noopener">了解更多，<a href="/zentao/story-view-1165.html" target="_blank" rel="noreferrer noopener">你的资料
018- 展示已选产品名称
018+ 产品
019- 无
019+ 展示
020- 总额
020+ 展示已选产品名称
021- 展示
021+ 无
022- 展示已选产品的总额
022+ 总额
023-
023+ 展示
024- 无
024+ 展示已选产品的总额
025-
025+
026- 付款
026+ 无
027- 付款
027+
028- 【付款】按钮
028+ 付款
029- 1.点击按钮，调用第三方支付，还未确定页面 取消付款页面
029+ 付款
030-
030+ 【付款】按钮
031+ 1.点击按钮，调用第三方窗口完成支付，支付成功返回付款成功页面2.点击按钮，调用第三方窗口完成支付，支付失败返回CS页面
032+
033+

005- <p><img src="{3756.png}" alt="" /></p>
005+ <p><img src="{3825.png}" alt="" /></p>
006- <p><br /></p>
006+ <p><img src="{3826.png}" alt="" /></p>
007- <h3 style="color:#3C4353;background-color:#FFFFFF;">界面元素</h3>
007+ <p><img src="{3827.png}" alt="" /></p>
008- <table class="table table-kindeditor ke-select-col" style="font-size:14px;background-color:#FFFFFF;width:auto;color:#3C4353;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>
008+ <p><br /></p>
009- <th style="background-color:#F1F1F1;">用途</th>
009+ <h3 style="color:#3C4353;background-color:#FFFFFF;">界面元素</h3>
010- <th style="background-color:#F1F1F1;">显示</th>
010+ <table class="table table-kindeditor" style="font-size:14px;background-color:#FFFFFF;width:auto;color:#3C4353;"><tbody><tr><th style="background-color:#F1F1F1;">名称</th>
011- <th style="background-color:#F1F1F1;">交互</th>
011+ <th style="background-color:#F1F1F1;">用途</th>
012- </tr></tbody><tbody><tr><td>投保步骤<br /></td>
012+ <th style="background-color:#F1F1F1;">显示</th>
013- <td>显示当前投保进度<br /></td>
013+ <th style="background-color:#F1F1F1;">交互</th>
014- <td>当前步骤及之前的步骤高亮显示，例：“你的资料”<br /></td>
014+ </tr></tbody><tbody><tr><td>投保步骤<br /></td>
015- <td><span style="font-size:14px;">1.点击步骤，进入对应页面，必须是之前已填写的页面，例：</span><a href="/zentao/story-view-1162.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">宠物简历</span></a>，<a href="/zentao/story-view-1163.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">选择保障</span></a>，<a href="/zentao/story-view-1164.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">了解更多</span></a>，<a href="/zentao/story-view-1165.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">你的资料</span></a></td>
015+ <td>显示当前投保进度<br /></td>
016- </tr><tr><td style="border:1px solid #ddd;">产品<br /></td>
016+ <td>当前步骤及之前的步骤高亮显示，例：“你的资料”<br /></td>
017- <td style="border:1px solid #ddd;">展示</td>
017+ <td><span style="font-size:14px;">1.点击步骤，进入对应页面，必须是之前已填写的页面，例：</span><a href="/zentao/story-view-1162.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">宠物简历</span></a>，<a href="/zentao/story-view-1163.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">选择保障</span></a>，<a href="/zentao/story-view-1164.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">了解更多</span></a>，<a href="/zentao/story-view-1165.html" target="_blank" rel="noreferrer noopener"><span style="color:#337FE5;">你的资料</span></a></td>
018- <td style="border:1px solid #ddd;">展示已选产品名称</td>
018+ </tr><tr><td style="border:1px solid #ddd;">产品<br /></td>
019- <td style="border:1px solid #ddd;">无</td>
019+ <td style="border:1px solid #ddd;">展示</td>
020- </tr><tr><td style="border:1px solid #ddd;">总额</td>
020+ <td style="border:1px solid #ddd;">展示已选产品名称</td>
021- <td style="border:1px solid #ddd;">展示</td>
021+ <td style="border:1px solid #ddd;">无</td>
022- <td style="border:1px solid #ddd;">展示已选产品的总额</td>
022+ </tr><tr><td style="border:1px solid #ddd;">总额</td>
023- <td style="border:1px solid #ddd;">
023+ <td style="border:1px solid #ddd;">展示</td>
024- <p>无</p>
024+ <td style="border:1px solid #ddd;">展示已选产品的总额</td>
025- </td>
025+ <td style="border:1px solid #ddd;">
026- </tr><tr><td style="border:1px solid #ddd;">付款</td>
026+ <p>无</p>
027- <td style="border:1px solid #ddd;">付款</td>
027+ </td>
028- <td style="border:1px solid #ddd;">【付款】按钮</td>
028+ </tr><tr><td style="border:1px solid #ddd;">付款</td>
029- <td style="border:1px solid #ddd;">1.点击按钮，调用第三方支付，<span style="color:#E53333;">还未确定页面 取消付款页面</span></td>
029+ <td style="border:1px solid #ddd;">付款</td>
030- </tr></tbody></table><p><br /></p>
030+ <td style="border:1px solid #ddd;">【付款】按钮</td>
031+ <td style="border:1px solid #ddd;">1.点击按钮，调用第三方窗口完成支付，支付成功返回付款成功页面<br /><p>2.<span>点击按钮，调用第三方窗口完成支付，支付失败返回CS页面</span></p>
032+ </td>
033+ </tr></tbody></table><p><br /></p>