static

kd-new-step-one.html 62KB

    <!DOCTYPE html> <html lang="en"> <head> <title>宽带新装</title> <meta charset="utf-8"> <!-- 宽度自动适配 --> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/> <!-- 不识别页面上的数字为可拨打号码 --> <meta content="telephone=no" name="format-detection"/> <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css"> <link rel="stylesheet" type="text/css" href="biz/css/base.css"> <script src="ipu/lib/requirejs/require.min.js"></script> <script src="biz/js/require-config.js"></script> <script src="biz/js/step-two.js"></script> </head> <body class="pages-step-two kd-new-install"> <div class="ipu-flex-row ipu-flex-vertical"> <div class="ipu-flex-col"> <div class="ipu-toolbar"> <a class="ipu-fn-left link-back ipu-flex ipu-flex-align-center" href="javascript:history.back(-1);"> <div class="left-back"></div> </a> <h1 class="ipu-toolbar-title">宽带新装 </h1> </div> </div> <div class="ipu-flex-col ipu-flex-col-auto"> <div class="ipu-flex mission-content"> <div class="mission-female-person mission-person-margin"></div> <div class="ipu-flex-col-auto"> <div class="ipu-flex ipu-flex-justify-space"> <div class="mission-person-name">王心怡</div> <div class="mission-state"> <div class="phone-pic"></div> </div> </div> <div class="ipu-flex"> <div class="ipu-flex-col mission-content-tag">装机地址:</div> <div class="ipu-flex-col-auto mission-content-value">合肥市蜀山区长江西路125号</div> </div> <div class="ipu-flex"> <div class="ipu-flex-col mission-content-tag">最近上门:</div> <div class="ipu-flex-col-auto mission-content-value">6月9日 15:30-16:30</div> </div> <div class="ipu-flex"> <div class="ipu-flex-col mission-content-tag">一年内上门次数:</div> <div class="ipu-flex-col-auto mission-content-value">2</div> </div> <div class="ipu-flex"> <div class="ipu-flex-col mission-content-tag">备注:</div> <div class="ipu-flex-col-auto mission-content-value">无</div> </div> </div> </div> <div class="ipu-flex ipu-flex-justify-space step-content"> <div class="ipu-flex-vertical ipu-flex ipu-flex-justify-center ipu-flex-align-center"> <div class="true-pic"></div> <div class="step-value">上门前必看</div> </div> <div class="step-1to2 step-un-finish new-install-step"></div> <div class="ipu-flex-vertical ipu-flex ipu-flex-justify-center ipu-flex-align-center"> <div class="step-num">2</div> <div class="step-value">上门后必做</div> </div> <div class="step-2to3 step-un-finish new-install-step"></div> <div class="ipu-flex-vertical ipu-flex ipu-flex-justify-center ipu-flex-align-center"> <div class="step-num">3</div> <div class="step-value">上门必推荐</div> </div> <div class="step-3to4 step-un-finish new-install-step"></div> <div class="ipu-flex-vertical ipu-flex ipu-flex-justify-center ipu-flex-align-center"> <div class="step-num">4</div> <div class="step-value">完工必确认</div> </div> </div> <div> <div class="ipu-tab tab-fav tab-fav-count back-white" > <!-- 如果class中添加 ipu-tab-fixed,则可固定头部,此时需要父元素的高度是确定的 --> <div class="tab-head"> <ul class="ipu-tab-title ipu-tab-title-link scroll-tab"> <!-- 页头有 ipu-tab-title-link 和 ipu-tab-title-button两种样式 --> <li class="ipu-current">宽带用户</li> <li>手机用户1</li> <!-- class为ipu-current为默认选中项 --> <li>手机用户2</li> </ul> </div> <div class="ipu-tab-body"> <ul class="ipu-tab-body-wrapper"> <li class="back-white"> <div> <div class="ipu-flex kdyh-title-content" style=""> <div class="kdyh-title-active target00">基本信息</div> <div class="kdyh-title target01">营销策略1</div> <div class="kdyh-title target02">营销策略2</div> <div class="kdyh-title target03">营销策略3</div> </div> <div class="ipu-flex-col basic-info basic-info-margin" id="target00"> <div class="ipu-flex info-category"> <div class="ipu-flex-col info-pic"></div> <div class="ipu-flex-col-auto info-title">基本信息</div> </div> <div class="ipu-flex info-type info-background-white info-code">FF****3262</div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">宽带类型:</div> <div class="ipu-flex-col info-type-state">融合-不限量</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">地址分类:</div> <div class="ipu-flex-col info-type-state">家宽</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">宽带套餐:</div> <div class="ipu-flex-col info-type-state">全球通任我用家宽100M (10元,2019版)</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">宽带速率:</div> <div class="ipu-flex-col info-type-state">100M</div> </div> <div class="basic-info-hidden"> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">是否订购互联网电视:</div> <div class="ipu-flex-col info-type-state">是</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">互联网电视是否活跃:</div> <div class="ipu-flex-col info-type-state">是</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">家庭成员数:</div> <div class="ipu-flex-col info-type-state">2</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">一年内上门次数:</div> <div class="ipu-flex-col info-type-state">2</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">最近上门时间:</div> <div class="ipu-flex-col info-type-state">2018-11-09</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">联系方式:</div> <div class="ipu-flex-col info-type-state">138****1234</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">宽带使用时长:</div> <div class="ipu-flex-col info-type-state">0年</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">宽带月使用流量:</div> <div class="ipu-flex-col info-type-state">0G</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">是否办理家庭组网:</div> <div class="ipu-flex-col info-type-state">否</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">是否为质差用户:</div> <div class="ipu-flex-col info-type-state">否</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">到期时间:</div> <div class="ipu-flex-col info-type-state">2020-05-31</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name info-background-white">装机时间:</div> <div class="ipu-flex-col info-type-state">2018-04-01</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">受限期限:</div> <div class="ipu-flex-col info-type-state">2020-05-31</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">每月返还话费:</div> <div class="ipu-flex-col info-type-state">30元</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">小区名称:</div> <div class="ipu-flex-col info-type-state">丽江花园</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">接入方式:</div> <div class="ipu-flex-col info-type-state">FFTH</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">异网号码数量:</div> <div class="ipu-flex-col info-type-state">2</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">用户达标:</div> <div class="ipu-flex-col info-type-state"><div class=" information-value-right"></div></div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">套餐达标:</div> <div class="ipu-flex-col info-type-state"><div class=" information-value-right"></div></div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">产品达标:</div> <div class="ipu-flex-col info-type-state"><div class=" information-value-right"></div></div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">V网达标:</div> <div class="ipu-flex-col info-type-state"><div class=" information-value-wrong"></div></div> </div> </div> <div class="ipu-flex info-fold ipu-flex-justify-center ipu-flex-align-center"> <div class="ipu-flex-col info-fold-text">展开查看更多</div> <div class="ipu-flex-col info-unfold-icon"></div> </div> </div> <div class="kdyh-content kdyh-content-padding" id="target01"> <div class="ipu-flex ipu-flex-justify-start ipu-flex-align-center"> <div class="title-tag"></div> <div class="title">营销策略1</div> </div> <div> <div class="mission-sell"> <div class="ipu-flex ipu-flex-align-center"> <div class="mission-sheji"></div> <div class="mission-sell-title">营销话术</div> </div> <div class="mission-sell-content"> <span class="mission-sell-tag">宽带保养-宽带到期:</span> 您的宽带下个月即将到期,为不影响使用,建议尽快续费。为了方便您办理,我可以在您方便的时候上门服务… </div> </div> <!--<div class="sub-title">用户画像</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月瀛湖手厅高频业务查询次数-月:</div>--> <!--<div class="information-value">3</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月用户网厅高频业务查询次数-月:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key"> 当月用户全渠道业务办理接触次数-日:</div>--> <!--<div class="information-value">1</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月用户全渠道加油包订购次数-日:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space can-hidden">--> <!--<div class="information-key"> 当月用户手厅流量包订购次数-日:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space can-hidden">--> <!--<div class="information-key">当月用户收听主套餐订购次数:</div>--> <!--<div class="information-value">1</div>--> <!--</div>--> <div class="sub-title">营销推荐</div> <div class="ipu-flex ipu-flex-justify-space ipu-flex-align-center information" > <div class="information-key information-key-inline information-width">TC(RWY68-198,ZX288-388) 优惠【1级,受限12个月】</div> <div class="business-handling">点击办理</div> </div> <ul> <li class="information-value step-un-finish">尊享388(限12月)+返60元*12</li> <li class="information-value step-un-finish">尊享288(限12月)+返50元*12</li> <li class="information-value step-un-finish">任138(限12月)+返30元*12</li> <li class="information-value step-un-finish">任198(限12月)+200分钟*12月(延1月)</li> </ul> <!--<div class="sub-title">营销话术</div>--> <!--<div>--> <!--<div class="ipu-flex ipu-flex-justify-center information">--> <!--<div class="information-key information-key-inline" >感谢您选择我们移动宽带,我是您的宽带管家小王,后续宽带使用有问题可以随时找我,如果公司有新的优惠我会第一时间推荐给您。</div>--> <!--</div>--> <!--</div>--> </div> </div> <div class="kdyh-content kdyh-content-padding" id="target02"> <div class="ipu-flex ipu-flex-justify-start ipu-flex-align-center"> <div class="title-tag"></div> <div class="title">营销策略2</div> </div> <div> <div class="mission-sell"> <div class="ipu-flex ipu-flex-align-center"> <div class="mission-sheji"></div> <div class="mission-sell-title">营销话术</div> </div> <div class="mission-sell-content"> <span class="mission-sell-tag">宽带保养-宽带到期:</span> 您的宽带下个月即将到期,为不影响使用,建议尽快续费。为了方便您办理,我可以在您方便的时候上门服务… </div> </div> <!--<div class="sub-title">用户画像</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月瀛湖手厅高频业务查询次数-月:</div>--> <!--<div class="information-value">3</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月用户网厅高频业务查询次数-月:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key"> 当月用户全渠道业务办理接触次数-日:</div>--> <!--<div class="information-value">1</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月用户全渠道加油包订购次数-日:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space can-hidden">--> <!--<div class="information-key"> 当月用户手厅流量包订购次数-日:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space can-hidden">--> <!--<div class="information-key">当月用户收听主套餐订购次数:</div>--> <!--<div class="information-value">1</div>--> <!--</div>--> <div class="sub-title">营销推荐</div> <div class="ipu-flex ipu-flex-justify-space ipu-flex-align-center information" > <div class="information-key information-key-inline information-width">TC(RWY68-198,ZX288-388) 优惠【1级,受限12个月】</div> <div class="business-handling">点击办理</div> </div> <ul> <li class="information-value step-un-finish">尊享388(限12月)+返60元*12</li> <li class="information-value step-un-finish">尊享288(限12月)+返50元*12</li> <li class="information-value step-un-finish">任138(限12月)+返30元*12</li> <li class="information-value step-un-finish">任198(限12月)+200分钟*12月(延1月)</li> </ul> <!--<div class="sub-title">营销话术</div>--> <!--<div>--> <!--<div class="ipu-flex ipu-flex-justify-center information">--> <!--<div class="information-key information-key-inline" >感谢您选择我们移动宽带,我是您的宽带管家小王,后续宽带使用有问题可以随时找我,如果公司有新的优惠我会第一时间推荐给您。</div>--> <!--</div>--> <!--</div>--> </div> </div> <div class="kdyh-content kdyh-content-padding" id="target03"> <div class="ipu-flex ipu-flex-justify-start ipu-flex-align-center"> <div class="title-tag"></div> <div class="title">营销策略3</div> </div> <div> <div class="mission-sell"> <div class="ipu-flex ipu-flex-align-center"> <div class="mission-sheji"></div> <div class="mission-sell-title">营销话术</div> </div> <div class="mission-sell-content"> <span class="mission-sell-tag">宽带保养-宽带到期:</span> 您的宽带下个月即将到期,为不影响使用,建议尽快续费。为了方便您办理,我可以在您方便的时候上门服务… </div> </div> <!--<div class="sub-title">用户画像</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月瀛湖手厅高频业务查询次数-月:</div>--> <!--<div class="information-value">3</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月用户网厅高频业务查询次数-月:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key"> 当月用户全渠道业务办理接触次数-日:</div>--> <!--<div class="information-value">1</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月用户全渠道加油包订购次数-日:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space can-hidden">--> <!--<div class="information-key"> 当月用户手厅流量包订购次数-日:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space can-hidden">--> <!--<div class="information-key">当月用户收听主套餐订购次数:</div>--> <!--<div class="information-value">1</div>--> <!--</div>--> <div class="sub-title">营销推荐</div> <div class="ipu-flex ipu-flex-justify-space ipu-flex-align-center information" > <div class="information-key information-key-inline information-width">TC(RWY68-198,ZX288-388) 优惠【1级,受限12个月】</div> <div class="business-handling">点击办理</div> </div> <ul> <li class="information-value step-un-finish">尊享388(限12月)+返60元*12</li> <li class="information-value step-un-finish">尊享288(限12月)+返50元*12</li> <li class="information-value step-un-finish">任138(限12月)+返30元*12</li> <li class="information-value step-un-finish">任198(限12月)+200分钟*12月(延1月)</li> </ul> <!--<div class="sub-title">营销话术</div>--> <!--<div>--> <!--<div class="ipu-flex ipu-flex-justify-center information">--> <!--<div class="information-key information-key-inline" >感谢您选择我们移动宽带,我是您的宽带管家小王,后续宽带使用有问题可以随时找我,如果公司有新的优惠我会第一时间推荐给您。</div>--> <!--</div>--> <!--</div>--> </div> </div> <div class="submit-reserve"> 下一步 </div> </div> </li> <li class="back-white"> <div> <div class="ipu-flex kdyh-title-content" style=""> <div class="kdyh-title-active target10">基本信息</div> <div class="kdyh-title target11">营销策略1</div> <div class="kdyh-title target12">营销策略2</div> </div> <div class="ipu-flex-col basic-info basic-info-margin" id="target10"> <div class="ipu-flex info-category"> <div class="ipu-flex-col info-pic"></div> <div class="ipu-flex-col-auto info-title">基本信息</div> </div> <div class="ipu-flex info-type info-background-white info-code">FF****3262</div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">宽带类型:</div> <div class="ipu-flex-col info-type-state">融合-不限量</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">地址分类:</div> <div class="ipu-flex-col info-type-state">家宽</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">宽带套餐:</div> <div class="ipu-flex-col info-type-state">全球通任我用家宽100M (10元,2019版)</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">宽带速率:</div> <div class="ipu-flex-col info-type-state">100M</div> </div> <div class="basic-info-hidden"> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">是否订购互联网电视:</div> <div class="ipu-flex-col info-type-state">是</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">互联网电视是否活跃:</div> <div class="ipu-flex-col info-type-state">是</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">家庭成员数:</div> <div class="ipu-flex-col info-type-state">2</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">一年内上门次数:</div> <div class="ipu-flex-col info-type-state">2</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">最近上门时间:</div> <div class="ipu-flex-col info-type-state">2018-11-09</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">联系方式:</div> <div class="ipu-flex-col info-type-state">138****1234</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">宽带使用时长:</div> <div class="ipu-flex-col info-type-state">0年</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">宽带月使用流量:</div> <div class="ipu-flex-col info-type-state">0G</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">是否办理家庭组网:</div> <div class="ipu-flex-col info-type-state">否</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">是否为质差用户:</div> <div class="ipu-flex-col info-type-state">否</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">到期时间:</div> <div class="ipu-flex-col info-type-state">2020-05-31</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name info-background-white">装机时间:</div> <div class="ipu-flex-col info-type-state">2018-04-01</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">受限期限:</div> <div class="ipu-flex-col info-type-state">2020-05-31</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">每月返还话费:</div> <div class="ipu-flex-col info-type-state">30元</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">小区名称:</div> <div class="ipu-flex-col info-type-state">丽江花园</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">接入方式:</div> <div class="ipu-flex-col info-type-state">FFTH</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">异网号码数量:</div> <div class="ipu-flex-col info-type-state">2</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">用户达标:</div> <div class="ipu-flex-col info-type-state"><div class=" information-value-right"></div></div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">套餐达标:</div> <div class="ipu-flex-col info-type-state"><div class=" information-value-right"></div></div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">产品达标:</div> <div class="ipu-flex-col info-type-state"><div class=" information-value-right"></div></div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">V网达标:</div> <div class="ipu-flex-col info-type-state"><div class=" information-value-wrong"></div></div> </div> </div> <div class="ipu-flex info-fold ipu-flex-justify-center ipu-flex-align-center"> <div class="ipu-flex-col info-fold-text">展开查看更多</div> <div class="ipu-flex-col info-unfold-icon"></div> </div> </div> <div class="kdyh-content kdyh-content-padding" id="target11" > <div class="ipu-flex ipu-flex-justify-start ipu-flex-align-center"> <div class="title-tag"></div> <div class="title">营销策略1</div> </div> <div> <div class="mission-sell"> <div class="ipu-flex ipu-flex-align-center"> <div class="mission-sheji"></div> <div class="mission-sell-title">营销话术</div> </div> <div class="mission-sell-content"> <span class="mission-sell-tag">宽带保养-宽带到期:</span> 您的宽带下个月即将到期,为不影响使用,建议尽快续费。为了方便您办理,我可以在您方便的时候上门服务… </div> </div> <!--<div class="sub-title">用户画像</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月瀛湖手厅高频业务查询次数-月:</div>--> <!--<div class="information-value">3</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月用户网厅高频业务查询次数-月:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key"> 当月用户全渠道业务办理接触次数-日:</div>--> <!--<div class="information-value">1</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月用户全渠道加油包订购次数-日:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space can-hidden">--> <!--<div class="information-key"> 当月用户手厅流量包订购次数-日:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space can-hidden">--> <!--<div class="information-key">当月用户收听主套餐订购次数:</div>--> <!--<div class="information-value">1</div>--> <!--</div>--> <div class="sub-title">营销推荐</div> <div class="ipu-flex ipu-flex-justify-space ipu-flex-align-center information" > <div class="information-key information-key-inline information-width">TC(RWY68-198,ZX288-388) 优惠【1级,受限12个月】</div> <div class="business-handling">点击办理</div> </div> <ul> <li class="information-value step-un-finish">尊享388(限12月)+返60元*12</li> <li class="information-value step-un-finish">尊享288(限12月)+返50元*12</li> <li class="information-value step-un-finish">任138(限12月)+返30元*12</li> <li class="information-value step-un-finish">任198(限12月)+200分钟*12月(延1月)</li> </ul> <!--<div class="sub-title">营销话术</div>--> <!--<div>--> <!--<div class="ipu-flex ipu-flex-justify-center information">--> <!--<div class="information-key information-key-inline" >感谢您选择我们移动宽带,我是您的宽带管家小王,后续宽带使用有问题可以随时找我,如果公司有新的优惠我会第一时间推荐给您。</div>--> <!--</div>--> <!--</div>--> </div> </div> <div class="kdyh-content kdyh-content-padding" id="target12"> <div class="ipu-flex ipu-flex-justify-start ipu-flex-align-center"> <div class="title-tag"></div> <div class="title">营销策略2</div> </div> <div> <div class="mission-sell"> <div class="ipu-flex ipu-flex-align-center"> <div class="mission-sheji"></div> <div class="mission-sell-title">营销话术</div> </div> <div class="mission-sell-content"> <span class="mission-sell-tag">宽带保养-宽带到期:</span> 您的宽带下个月即将到期,为不影响使用,建议尽快续费。为了方便您办理,我可以在您方便的时候上门服务… </div> </div> <!--<div class="sub-title">用户画像</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月瀛湖手厅高频业务查询次数-月:</div>--> <!--<div class="information-value">3</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月用户网厅高频业务查询次数-月:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key"> 当月用户全渠道业务办理接触次数-日:</div>--> <!--<div class="information-value">1</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月用户全渠道加油包订购次数-日:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space can-hidden">--> <!--<div class="information-key"> 当月用户手厅流量包订购次数-日:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space can-hidden">--> <!--<div class="information-key">当月用户收听主套餐订购次数:</div>--> <!--<div class="information-value">1</div>--> <!--</div>--> <div class="sub-title">营销推荐</div> <div class="ipu-flex ipu-flex-justify-space ipu-flex-align-center information" > <div class="information-key information-key-inline information-width">TC(RWY68-198,ZX288-388) 优惠【1级,受限12个月】</div> <div class="business-handling">点击办理</div> </div> <ul> <li class="information-value step-un-finish">尊享388(限12月)+返60元*12</li> <li class="information-value step-un-finish">尊享288(限12月)+返50元*12</li> <li class="information-value step-un-finish">任138(限12月)+返30元*12</li> <li class="information-value step-un-finish">任198(限12月)+200分钟*12月(延1月)</li> </ul> <!--<div class="sub-title">营销话术</div>--> <!--<div>--> <!--<div class="ipu-flex ipu-flex-justify-center information">--> <!--<div class="information-key information-key-inline" >感谢您选择我们移动宽带,我是您的宽带管家小王,后续宽带使用有问题可以随时找我,如果公司有新的优惠我会第一时间推荐给您。</div>--> <!--</div>--> <!--</div>--> </div> </div> <div class="submit-reserve"> 下一步 </div> </div> </li> <li class="back-white"> <div> <div class="ipu-flex kdyh-title-content" style=""> <div class="kdyh-title-active target20">基本信息</div> <div class="kdyh-title target21">营销策略1</div> <div class="kdyh-title target22">营销策略2</div> <div class="kdyh-title target23">营销策略3</div> </div> <div class="ipu-flex-col basic-info basic-info-margin" id="target20"> <div class="ipu-flex info-category"> <div class="ipu-flex-col info-pic"></div> <div class="ipu-flex-col-auto info-title">基本信息</div> </div> <div class="ipu-flex info-type info-background-white info-code">FF****3262</div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">宽带类型:</div> <div class="ipu-flex-col info-type-state">融合-不限量</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">地址分类:</div> <div class="ipu-flex-col info-type-state">家宽</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">宽带套餐:</div> <div class="ipu-flex-col info-type-state">全球通任我用家宽100M (10元,2019版)</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">宽带速率:</div> <div class="ipu-flex-col info-type-state">100M</div> </div> <div class="basic-info-hidden"> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">是否订购互联网电视:</div> <div class="ipu-flex-col info-type-state">是</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">互联网电视是否活跃:</div> <div class="ipu-flex-col info-type-state">是</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">家庭成员数:</div> <div class="ipu-flex-col info-type-state">2</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">一年内上门次数:</div> <div class="ipu-flex-col info-type-state">2</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">最近上门时间:</div> <div class="ipu-flex-col info-type-state">2018-11-09</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">联系方式:</div> <div class="ipu-flex-col info-type-state">138****1234</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">宽带使用时长:</div> <div class="ipu-flex-col info-type-state">0年</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">宽带月使用流量:</div> <div class="ipu-flex-col info-type-state">0G</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">是否办理家庭组网:</div> <div class="ipu-flex-col info-type-state">否</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">是否为质差用户:</div> <div class="ipu-flex-col info-type-state">否</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">到期时间:</div> <div class="ipu-flex-col info-type-state">2020-05-31</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name info-background-white">装机时间:</div> <div class="ipu-flex-col info-type-state">2018-04-01</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">受限期限:</div> <div class="ipu-flex-col info-type-state">2020-05-31</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">每月返还话费:</div> <div class="ipu-flex-col info-type-state">30元</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">小区名称:</div> <div class="ipu-flex-col info-type-state">丽江花园</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">接入方式:</div> <div class="ipu-flex-col info-type-state">FFTH</div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">异网号码数量:</div> <div class="ipu-flex-col info-type-state">2</div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">用户达标:</div> <div class="ipu-flex-col info-type-state"><div class=" information-value-right"></div></div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">套餐达标:</div> <div class="ipu-flex-col info-type-state"><div class=" information-value-right"></div></div> </div> <div class="ipu-flex info-type info-background-white"> <div class="ipu-flex-col-auto info-type-name">产品达标:</div> <div class="ipu-flex-col info-type-state"><div class=" information-value-right"></div></div> </div> <div class="ipu-flex info-type"> <div class="ipu-flex-col-auto info-type-name">V网达标:</div> <div class="ipu-flex-col info-type-state"><div class=" information-value-wrong"></div></div> </div> </div> <div class="ipu-flex info-fold ipu-flex-justify-center ipu-flex-align-center"> <div class="ipu-flex-col info-fold-text">展开查看更多</div> <div class="ipu-flex-col info-unfold-icon"></div> </div> </div> <div class="kdyh-content kdyh-content-padding" id="target21"> <div class="ipu-flex ipu-flex-justify-start ipu-flex-align-center"> <div class="title-tag"></div> <div class="title">营销策略1</div> </div> <div> <div class="mission-sell"> <div class="ipu-flex ipu-flex-align-center"> <div class="mission-sheji"></div> <div class="mission-sell-title">营销话术</div> </div> <div class="mission-sell-content"> <span class="mission-sell-tag">宽带保养-宽带到期:</span> 您的宽带下个月即将到期,为不影响使用,建议尽快续费。为了方便您办理,我可以在您方便的时候上门服务… </div> </div> <!--<div class="sub-title">用户画像</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月瀛湖手厅高频业务查询次数-月:</div>--> <!--<div class="information-value">3</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月用户网厅高频业务查询次数-月:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key"> 当月用户全渠道业务办理接触次数-日:</div>--> <!--<div class="information-value">1</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月用户全渠道加油包订购次数-日:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space can-hidden">--> <!--<div class="information-key"> 当月用户手厅流量包订购次数-日:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space can-hidden">--> <!--<div class="information-key">当月用户收听主套餐订购次数:</div>--> <!--<div class="information-value">1</div>--> <!--</div>--> <div class="sub-title">营销推荐</div> <div class="ipu-flex ipu-flex-justify-space ipu-flex-align-center information" > <div class="information-key information-key-inline information-width">TC(RWY68-198,ZX288-388) 优惠【1级,受限12个月】</div> <div class="business-handling">点击办理</div> </div> <ul> <li class="information-value step-un-finish">尊享388(限12月)+返60元*12</li> <li class="information-value step-un-finish">尊享288(限12月)+返50元*12</li> <li class="information-value step-un-finish">任138(限12月)+返30元*12</li> <li class="information-value step-un-finish">任198(限12月)+200分钟*12月(延1月)</li> </ul> <!--<div class="sub-title">营销话术</div>--> <!--<div>--> <!--<div class="ipu-flex ipu-flex-justify-center information">--> <!--<div class="information-key information-key-inline" >感谢您选择我们移动宽带,我是您的宽带管家小王,后续宽带使用有问题可以随时找我,如果公司有新的优惠我会第一时间推荐给您。</div>--> <!--</div>--> <!--</div>--> </div> </div> <div class="kdyh-content kdyh-content-padding" id="target22"> <div class="ipu-flex ipu-flex-justify-start ipu-flex-align-center"> <div class="title-tag"></div> <div class="title">营销策略2</div> </div> <div> <div class="mission-sell"> <div class="ipu-flex ipu-flex-align-center"> <div class="mission-sheji"></div> <div class="mission-sell-title">营销话术</div> </div> <div class="mission-sell-content"> <span class="mission-sell-tag">宽带保养-宽带到期:</span> 您的宽带下个月即将到期,为不影响使用,建议尽快续费。为了方便您办理,我可以在您方便的时候上门服务… </div> </div> <!--<div class="sub-title">用户画像</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月瀛湖手厅高频业务查询次数-月:</div>--> <!--<div class="information-value">3</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月用户网厅高频业务查询次数-月:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key"> 当月用户全渠道业务办理接触次数-日:</div>--> <!--<div class="information-value">1</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月用户全渠道加油包订购次数-日:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space can-hidden">--> <!--<div class="information-key"> 当月用户手厅流量包订购次数-日:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space can-hidden">--> <!--<div class="information-key">当月用户收听主套餐订购次数:</div>--> <!--<div class="information-value">1</div>--> <!--</div>--> <div class="sub-title">营销推荐</div> <div class="ipu-flex ipu-flex-justify-space ipu-flex-align-center information" > <div class="information-key information-key-inline information-width">TC(RWY68-198,ZX288-388) 优惠【1级,受限12个月】</div> <div class="business-handling">点击办理</div> </div> <ul> <li class="information-value step-un-finish">尊享388(限12月)+返60元*12</li> <li class="information-value step-un-finish">尊享288(限12月)+返50元*12</li> <li class="information-value step-un-finish">任138(限12月)+返30元*12</li> <li class="information-value step-un-finish">任198(限12月)+200分钟*12月(延1月)</li> </ul> <!--<div class="sub-title">营销话术</div>--> <!--<div>--> <!--<div class="ipu-flex ipu-flex-justify-center information">--> <!--<div class="information-key information-key-inline" >感谢您选择我们移动宽带,我是您的宽带管家小王,后续宽带使用有问题可以随时找我,如果公司有新的优惠我会第一时间推荐给您。</div>--> <!--</div>--> <!--</div>--> </div> </div> <div class="kdyh-content kdyh-content-padding" id="target23"> <div class="ipu-flex ipu-flex-justify-start ipu-flex-align-center"> <div class="title-tag"></div> <div class="title">营销策略3</div> </div> <div> <div class="mission-sell"> <div class="ipu-flex ipu-flex-align-center"> <div class="mission-sheji"></div> <div class="mission-sell-title">营销话术</div> </div> <div class="mission-sell-content"> <span class="mission-sell-tag">宽带保养-宽带到期:</span> 您的宽带下个月即将到期,为不影响使用,建议尽快续费。为了方便您办理,我可以在您方便的时候上门服务… </div> </div> <!--<div class="sub-title">用户画像</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月瀛湖手厅高频业务查询次数-月:</div>--> <!--<div class="information-value">3</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月用户网厅高频业务查询次数-月:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key"> 当月用户全渠道业务办理接触次数-日:</div>--> <!--<div class="information-value">1</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space">--> <!--<div class="information-key">当月用户全渠道加油包订购次数-日:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space can-hidden">--> <!--<div class="information-key"> 当月用户手厅流量包订购次数-日:</div>--> <!--<div class="information-value">0</div>--> <!--</div>--> <!--<div class="ipu-flex ipu-flex-justify-space can-hidden">--> <!--<div class="information-key">当月用户收听主套餐订购次数:</div>--> <!--<div class="information-value">1</div>--> <!--</div>--> <div class="sub-title">营销推荐</div> <div class="ipu-flex ipu-flex-justify-space ipu-flex-align-center information" > <div class="information-key information-key-inline information-width">TC(RWY68-198,ZX288-388) 优惠【1级,受限12个月】</div> <div class="business-handling">点击办理</div> </div> <ul> <li class="information-value step-un-finish">尊享388(限12月)+返60元*12</li> <li class="information-value step-un-finish">尊享288(限12月)+返50元*12</li> <li class="information-value step-un-finish">任138(限12月)+返30元*12</li> <li class="information-value step-un-finish">任198(限12月)+200分钟*12月(延1月)</li> </ul> <!--<div class="sub-title">营销话术</div>--> <!--<div>--> <!--<div class="ipu-flex ipu-flex-justify-center information">--> <!--<div class="information-key information-key-inline" >感谢您选择我们移动宽带,我是您的宽带管家小王,后续宽带使用有问题可以随时找我,如果公司有新的优惠我会第一时间推荐给您。</div>--> <!--</div>--> <!--</div>--> </div> </div> <div class="submit-reserve"> 下一步 </div> </div> </li> </ul> </div> </div> </div> </div> </div> <!-- 这里是遮罩层的div,给他相对于body的绝对定位,然后隐藏,z-index:98 --> <div class="pop-shadow"></div> <!-- 这个是弹窗的div,给他相对于浏览器的绝对定位,层级比遮罩层高,z-index:99 --> <div class="pop"> <div> <div class="pop-bg"> <div class="ipu-flex ipu-flex-justify-end pop-bg-pic"> <div class="pop-close"></div> </div> </div> <div class="pop-content"> 业务信息已传送至<span>和行销APP</span>,请打开<span>和行销APP</span>为用户办理。 </div> <div class="ipu-flex ipu-flex-justify-center"> <div class="pop-button">知道了</div> </div> </div> </div> </body> </html>