贷款-隐私政策样式

htmldev/loan/src/router/index.js

@@ -210,6 +210,11 @@ const router = new VueRouter({
   mode: 'history',
   routes,
   scrollBehavior (to, from, savedPosition) {
+    if (to.hash) {
+      return {
+        selector: to.hash
+      }
+    }
     // keep-alive 返回缓存页面后记录浏览位置
     if (savedPosition && to.meta.keepAlive) {
       return savedPosition

htmldev/loan/src/views/loan/privacy/index.vue

@@ -1,18 +1,18 @@
 <template>
   <div class="container">
     <h4>隐私权政策</h4>
-    <h3 class="mt-20">提示条款</h3>
-    <p class="mt-20">
+    <p class="mt-10">提示条款</p>
+    <p class="mt-10">
       您的信任对我方非常重要，我方（见下方定义）深知个人信息对您的重要性，我们将按法律法规要求，采取相应的安全保护措施，尽力保护您的个人信息安全可控。鉴此，驼驼银服服务提供者制定本《隐私权政策》（下称“本政策”或“本隐私权政策”，并提醒您：本政策适用于我方平台提供的所有产品和服务。如我方关联公司（详见定义部分）产品或服务使用（例如使用驼驼银服平台账户登录）但未独立设立隐私政策的，则本政策同样适用于该部分产品或服务。</p>
-    <p class="mt-20 indent-2"><b>1.在您使用我方提供的服务时，您同意我方按照在我方平台上公布的隐私权政策收集、存储、使用、披露和保护您的个人信息。</b>我方希望通过隐私权政策向您清楚地介绍我方对您个人信息的处理方式，<b>我方建议您完整地阅读隐私权政策，以帮助您更好地保护您的隐私权。</b>
+    <p class="mt-10 indent-2"><b>1.在您使用我方提供的服务时，您同意我方按照在我方平台上公布的隐私权政策收集、存储、使用、披露和保护您的个人信息。</b>我方希望通过隐私权政策向您清楚地介绍我方对您个人信息的处理方式，<b>我方建议您完整地阅读隐私权政策，以帮助您更好地保护您的隐私权。</b>
     </p>
-    <p class="mt-20 indent-2">
+    <p class="mt-10 indent-2">
       <b>2.根据有关法律法规要求，网络产品、服务具有收集用户信息功能的，其提供者应当向用户明示并取得同意。我方特此通过本隐私权政策明确向您告知收集、使用用户个人信息的目的、方式和范围，查询、更正信息的渠道以及拒绝提供信息的后果。</b>
     </p>
-    <p class="mt-20 indent-2"><b>3.在使用我方平台各项产品或服务前，请您务必仔细阅读并透彻理解本政策，在确认充分理解并同意后使用相关产品或服务。如果您不同意本隐私权政策任何内容，您应立即停止使用我方平台服务。当您使用我方平台提供的任一服务时，即表示您已同意我们按照本隐私权政策来合法收集、使用和保护您的个人信息。如对本政策内容有任何疑问、意见或建议，您可通过驼驼银服以下联系方式（“公众号_个人中心_意见反馈”）与我们联系。</b>
+    <p class="mt-10 indent-2"><b>3.在使用我方平台各项产品或服务前，请您务必仔细阅读并透彻理解本政策，在确认充分理解并同意后使用相关产品或服务。如果您不同意本隐私权政策任何内容，您应立即停止使用我方平台服务。当您使用我方平台提供的任一服务时，即表示您已同意我们按照本隐私权政策来合法收集、使用和保护您的个人信息。如对本政策内容有任何疑问、意见或建议，您可通过驼驼银服以下联系方式（“公众号_个人中心_意见反馈”）与我们联系。</b>
     </p>
     <div class="mt-20">
-      <p>第一部分 定义</p>
+      <p><b>第一部分 定义</b></p>
       <p class="indent-2">1.<b>个人信息：</b>指以电子或者其他方式记录的能够单独或者与其他信息结合识别特定自然人身份或者反映特定自然人活动情况的各种信息。</p>
       <p class="indent-2">2.<b>个人敏感信息：</b>包括身份证件号码、个人生物识别信息、银行或其他资金账号、财产信息、行踪轨迹、交易信息、14岁以下（含）儿童的个人信息。</p>
       <p class="indent-2">3.<b>个人信息删除：</b>指在实现日常业务功能所涉及的系统中去除个人信息的行为，使其保持不可被检索、访问的状态。</p>
@@ -28,27 +28,24 @@
     <div class="mt-20">
       <p><b>第二部分 隐私权政策</b></p>
       <p>本隐私权政策部分将帮助您了解以下内容：</p>
-      <P class="mt-20">一、我们如何收集您的信息</P>
-      <p class="mt-20">二、我们如何使用信息</p>
-      <p class="mt-20">三、您发布的共享信息或公开信息</p>
-      <P class="mt-20">四、我们如何共享、转让、披露信息</P>
-      <P class="mt-20">五、我们如何使用 Cookie 和同类技术</P>
-      <p class="mt-20">六、我们如何存储信息</p>
-      <p class="mt-20">七、我们如何保护您的个人信息安全</p>
-      <p class="mt-20">八、我们如何处理儿童的个人信息</p>
-      <p class="mt-20">九、您如何管理自己的信息</p>
-      <p class="mt-20">十、您的个人信息如何在全球范围转移</p>
-      <p class="mt-20">十一、本隐私权政策的修订和更新</p>
-      <p class="mt-20">十二、如何联系我们</p>
-      <div>
-        <p class="mt-20 indent-2">1.向用户提供更好、更优、更个性化的服务是我方坚持不懈的追求。为了我方可以更有效、方便地为您提供服务，<b>本隐私权政策</b>适用于我方平台提供的所有服务，您访问我方平台，使用我方平台提供的服务，
+      <P class="mt-10"><a href="#1">一、我们如何收集您的信息</a></P>
+      <p class="mt-10"><a href="#2">二、我们如何使用信息</a></p>
+      <P class="mt-10"><a href="#3">三、我们如何共享、转让、披露信息</a></P>
+      <P class="mt-10"><a href="#4">四、我们如何使用 Cookie 和同类技术</a></P>
+      <p class="mt-10"><a href="#5">五、我们如何存储信息</a></p>
+      <p class="mt-10"><a href="#6">六、我们如何保护您的个人信息安全</a></p>
+      <p class="mt-10"><a href="#7">七、您如何管理自己的信息</a></p>
+      <p class="mt-10"><a href="#8">八、本隐私权政策的修订和更新</a></p>
+      <p class="mt-10"><a href="#9">九、如何联系我们</a></p>
+      <div class="mt-10">
+        <p class="indent-2">1.向用户提供更好、更优、更个性化的服务是我方坚持不懈的追求。为了我方可以更有效、方便地为您提供服务，<b>本隐私权政策</b>适用于我方平台提供的所有服务，您访问我方平台，使用我方平台提供的服务，
           及未设独立隐私权政策的我方平台网站、服务器、及/或登陆相关客户端，均适用本隐私权政策。</p>
-        <p class="mt-20 indent-2">2.需要特别说明的是，<b>本隐私权政策</b>不适用于其他第三方向您提供的服务，例如我方平台上的第三方依托我方平台向您提供服务时（如第三方支付渠道），您向第三方提供的个人信息不适用于本隐私权政策，除非法律有明确规定，我方对任何第三方使用由您提供的信息不承担任何责任。
+        <p class="indent-2">2.需要特别说明的是，<b>本隐私权政策</b>不适用于其他第三方向您提供的服务，例如我方平台上的第三方依托我方平台向您提供服务时（如第三方支付渠道），您向第三方提供的个人信息不适用于本隐私权政策，除非法律有明确规定，我方对任何第三方使用由您提供的信息不承担任何责任。
         </p>
-        <p class="mt-20 indent-2">3.我方将严格遵守法律法规规定，基于合法、合理正当、诚实信用、必要的法定原则妥善收集、处理或使用您的个人信息。</p>
+        <p class="indent-2">3.我方将严格遵守法律法规规定，基于合法、合理正当、诚实信用、必要的法定原则妥善收集、处理或使用您的个人信息。</p>
       </div>
     </div>
-    <div class="mt-20">
+    <div class="mt-20" id="1">
       <p>一、 我们如何收集您的信息</p>
       <p class="indent-2">为了帮助您成为我们的注册用户和会员，为您提供更好、更优、更个性化的服务，我们将根据您使用的服务收集您的如下信息：</p>
       <p><b>1.您向我们提供的信息</b></p>
@@ -63,32 +60,32 @@
       <p><b>c.您参加运营和互动活动时提供的信息</b></p>
       <p>
         若您参加我方平台的运营和互动活动，如抽奖、参加竞猜、答题、问卷调查时，可能需要您主动提交有关信息。例如对特定活动所领取的红包进行提现、奖品兑现和向税务机构完税，您可能需要提交身份证信息。若奖品或者活动礼品需要寄送，您还需要提供地址信息。</p>
-      <p><b>d. 在您使用客户服务时收集的信息</b></p>
+      <p><b>d.在您使用客户服务时收集的信息</b></p>
       <p>为向您提供客户服务，我们会记录您提供的联系方式和<b>通信/通话</b>记录和内容，用于与您联系和帮助您解决问题，或记录相关问题的处理方案及结果。</p>
-      <p><b>3. 我们通过间接获得方式收集到的您的信息</b></p>
+      <p><b>2.我们通过间接获得方式收集到的您的信息</b></p>
       <p><b>a.</b>为确认交易状态及为您提供会员VIP售后与争议解决服务，我们会通过您基于交易所选择的支付机构、支付方式等收集与交易相关的您的交易、支付信息（如IOS端的IAP支付的交易凭证和收费凭证）。</p>
       <p><b>b.</b>为了给您提供更好、更加个性化的服务，或共同为您提供服务，或为了预防互联网欺诈的目的，我方的关联方、合作伙伴会依据法律的规定或与您的约定的前提下，向我方分享您的信息。例如，您使用驼驼银服账号登录时，需要核实您的身份。当您通过我们产品或服务使用上述服务时，您授权我们根据实际业务及合作需要，从我们关联公司处接收、汇总、分析我们确认其来源合法或您授权同意其向我们提供您的信息。
       </p>
     </div>
-    <div class="mt-20">
+    <div class="mt-20" id="2">
       <p>二、我们如何使用信息</p>
-      <p><b>1.</b>帮助您成为我们的注册用户或帮助您成为可进行交互行为的用户。</p>
-      <p><b>2.</b>产品或服务提供：向您提供您使用的各项产品和服务（私人客服、专车接送、头等舱服务、妥妥秒杀、周边福利、商城折扣、新人好礼等），并设计、维护、改进这些服务。</p>
-      <p><b>3.</b>风险识别：我们可能使用您的个人信息以预防、发现、调查欺诈、危害安全、非法或违反与我们或其关联方协议、政策或规则的行为，如会员账号活动异常、多端登录、经常性退款请求等，从而保护您、其他用户，或我方或关联方的合法权益。
+      <p>1.帮助您成为我们的注册用户或帮助您成为可进行交互行为的用户。</p>
+      <p>2.产品或服务提供：向您提供您使用的各项产品和服务（私人客服、专车接送、头等舱服务、妥妥秒杀、周边福利、商城折扣、新人好礼等），并设计、维护、改进这些服务。</p>
+      <p>>3.风险识别：我们可能使用您的个人信息以预防、发现、调查欺诈、危害安全、非法或违反与我们或其关联方协议、政策或规则的行为，如会员账号活动异常、多端登录、经常性退款请求等，从而保护您、其他用户，或我方或关联方的合法权益。
       </p>
-      <p><b>4.</b>调查及活动：让您参与有关我们产品和服务的调查，或者促销及抽奖活动。</p>
-      <p><b>5.</b>开展数据分析和研究</p>
+      <p>4.调查及活动：让您参与有关我们产品和服务的调查，或者促销及抽奖活动。</p>
+      <p>5.开展数据分析和研究</p>
       <p>我们可能会对收集的信息去进行标识化的研究、统计分析和预测，用于了解您的需求，改进我方平台的内容布局和服务质量，针对您的需求改善产品，为商业决策提供产品或服务支持，例如使用匿名数据进行机器学习或模型算法训练。</p>
-      <p class="mt-20 indent-2">例如，用户行为信息收集统计后所形成用户画像，目的是对用户需求喜好进行数据分析；上述业务场景中您的信息对外展示呈现时会作匿名化处理，展示统计分析结果。</p>
-      <p><b>6.</b>安全保障功能</p>
+      <p>例如，用户行为信息收集统计后所形成用户画像，目的是对用户需求喜好进行数据分析；上述业务场景中您的信息对外展示呈现时会作匿名化处理，展示统计分析结果。</p>
+      <p>6.>安全保障功能</p>
       <p>
         为提高您使用我们及我们关联公司、合作伙伴提供服务的安全性，确保操作环境安全与识别会员账号异常状态，保护您或其他用户或公众的人身财产安全免遭侵害，更好地预防钓鱼网站、欺诈、网络漏洞、计算机病毒、网络攻击、网络侵入等安全风险，更准确地识别违反法律法规或驼驼银服平台相关协议规则的情况，<b>我们在应用程序中嵌入我们关联公司开发的应用安全软件SDK或API收集您的设备信息、服务日志信息，并可能使用或整合您的账户信息、交易信息、设备信息、有关网络日志以及我们关联公司、合作伙伴取得您授权或依据法律共享的信息，来综合判断您账户及交易风险、进行身份验证、检测及防范安全事件，并依法采取必要的记录、审计、分析、处置措施。</b>
       </p>
-      <p><b>7.</b>帮助您完成支付</p>
+      <p>7.帮助您完成支付</p>
       <p>为完成订单支付，您需要提供支付账户（支付宝账户或微信账户）并选择付款方式，我们会将您的驼驼银服平台账户会员名、对应的<b>支付账户会员名、订单支付</b>相关信息、订单安全相关设备信息及其他反洗钱法律要求的必要信息通过在应用程序中嵌入的支付软件工具开发包（SDK）或API等方式与支付软件所属公司共享。如您选择由其他金融机构为您提供支付服务的，我们还会将您的包括银行卡号、有效期在内的银行卡支付必要信息与您选择的相应金融机构共享。
       </p>
       <p>为使我们及时获悉并确认您的支付进度及状态，为您提供售后与争议解决服务，您同意我们可自您所选择的交易对象、支付公司或您选择的其他金融机构处收集与支付进度相关信息。</p>
-      <p><b>8.</b>公共利益维护为目的使用</p>
+      <p>8.公共利益维护为目的使用</p>
       <p>特殊情况下，我们将有权使用您的个人信息而无需征得您的同意，该等特殊情况包括：</p>
       <p>A）与国家安全、国防安全直接相关；</p>
       <p>B）与公共安全、公共卫生、重大公共利益直接相关；</p>
@@ -96,10 +93,10 @@
       <p>D）出于维护您或其他个人的生命、财产等重大合法权益但又很难得到您或其他个人本人同意；</p>
       <p>E）所收集个人信息时您本人自行向社会公开的；</p>
       <p>F）其他法律法规规定的情形。</p>
-      <p><b>9.</b>其他：若我们将信息用于本政策未载明的其他用途，或者将基于特定目的收集而来的信息用于其他目的时，会事先征求您的同意。</p>
+      <p>9.其他：若我们将信息用于本政策未载明的其他用途，或者将基于特定目的收集而来的信息用于其他目的时，会事先征求您的同意。</p>
     </div>
-    <div class="mt-20">
-      <p>四、我们如何共享、转让、披露信息</p>
+    <div class="mt-20" id="3">
+      <p>三、我们如何共享、转让、披露信息</p>
       <p><b>（一）共享</b></p>
       <p>我们不会与驼驼银服服务提供者以外的公司、组织和个人共享您的个人信息，但以下情况除外：</p>
       <p>1、在法定情形下的共享：我们可能会根据法律法规规定、诉讼、争议解决需要，或按行政、司法机关依法提出的要求，对外共享您的个人信息。</p>
@@ -135,8 +132,8 @@
       <p>根据法律规定，共享、转让经去标识化处理的个人信息，且确保数据接收方无法复原并重新识别个人信息主体的，不属于个人信息的对外共享、转让及公开披露行为，对此类数据的保存及处理将无需另行向您通知并征得您的同意。</p>
       <p><b>如您不同意我们按照上述条款向第三方提供您的个人信息，请您立即停止使用我方平台服务。</b></p>
     </div>
-    <div class="mt-20">
-      <p>五、我们如何使用 Cookie 和同类技术</p>
+    <div class="mt-20" id="4">
+      <p>四、我们如何使用 Cookie 和同类技术</p>
       <p><b>（一）Cookie</b></p>
       <p>为确保网站正常运转、为您获得更轻松的访问体验、向您推荐您可能感兴趣的内容，我们会在您的计算机或移动设备上存储Cookie、Flash
         Cookie或浏览器或关联应用程序提供的其他通常包含标识符、站点名称以及一些号码和字符的本地存储（统称“Cookie”）。借助于 Cookie，网站能够存储您的偏好或购物车内的商品等数据。</p>
@@ -151,8 +148,8 @@
       <p>为保障我们客户端的稳定运行、功能实现，使您能够使用和享受更多的服务及功能，我们的应用中会嵌入授权合作伙伴的SDK或其他类似的应用程序，点击查看我们接入授权合作伙伴的SDK详情。</p>
       <p>我们会对授权合作伙伴获取有关信息的应用程序接口（API）、软件工具开发包（SDK）进行严格的安全检测，并与授权合作伙伴约定严格的数据保护措施，令其按照本政策以及其他任何相关的保密和安全措施来处理个人信息。</p>
     </div>
-    <div class="mt-20">
-      <p>六、我们如何存储信息</p>
+    <div class="mt-20" id="5">
+      <p>五、我们如何存储信息</p>
       <p><b>（一） 信息存储的地点：</b></p>
       <p>我们在中华人民共和国境内运营中收集和产生的个人信息，存储在中国境内，以下情形除外：</p>
       <p>1. 法律法规有明确规定；</p>
@@ -163,8 +160,8 @@
       <p><b>（三）信息删除和匿名化处理</b></p>
       <p>如本平台服务决定停止运营时，我们将在相关服务停止运营后停止继续收集您的个人信息。我们将以公告形式将停止运营通知向您送达。对已持有的您的个人信息将进行删除或匿名化处理。</p>
     </div>
-    <div class="mt-20">
-      <p>七、我们如何保护您的个人信息安全</p>
+    <div class="mt-20" id="6">
+      <p>六、我们如何保护您的个人信息安全</p>
       <p>为确保我们所收集的您的个人信息安全，我们承诺将努力达到合理的安全水平，现将具体安全措施和安全能力陈述如下：</p>
       <p>（一）<b>技术安全防护：</b>为保障您的信息安全，我们努力采取各种符合业界标准的合理的物理、电子和管理方面的安全措施来保护您的信息，使您的信息不会被泄漏、毁损或者丢失，包括但不限于SSL、信息加密存储、数据中心的访问控制。我们会使用加密技术提高个人信息的安全性；我们会使用受信赖的保护机制防止个人信息遭到恶意攻击；我们会部署访问控制机制，尽力确保只有授权人员才可访问个人信息。
       </p>
@@ -185,8 +182,8 @@
       <p>
         在不幸发生个人信息安全事件后，我们将按照法律法规的要求向您告知：安全事件的基本情况和可能的影响、我们已采取或将要采取的处置措施、您可自主防范和降低风险的建议、对您的补救措施等。事件相关情况我们将以邮件、电话、推送通知等方式告知您，难以逐一告知个人信息主体时，我们会采取合理、有效的方式发布公告。同时，我们还将按照监管部门要求，上报个人信息安全事件的处置情况。</p>
     </div>
-    <div class="mt-20">
-      <p>八、您如何管理自己的信息</p>
+    <div class="mt-20" id="7">
+      <p>七、您如何管理自己的信息</p>
       <p>我们按《中华人民共和国网络安全法》的要求，通过提供便捷的方法，让您可以访问、更正及删除自己的账户信息或使用我们的服务时您提供的其他个人信息。您可以通过如下方式访问及管理您的个人信息。</p>
       <p><b>（一） 访问您的个人信息</b></p>
       <p>
@@ -228,8 +225,8 @@
       <p>5. 响应您的请求将导致您或其他个人、组织的合法权益受到严重损害的；</p>
       <p>6. 涉及商业秘密的。</p>
     </div>
-    <div class="mt-20">
-      <p>十一、 本隐私权政策的修订和更新</p>
+    <div class="mt-20" id="8">
+      <p>八、 本隐私权政策的修订和更新</p>
       <p>我方有权修改隐私政策并在修订生效前通过我方平台公告或以其他适当方式通知您。该等情况下，若您继续使用我们的服务，即表示同意受经修订的我方平台隐私权政策的约束。</p>
       <p>未经您明确同意，我们不会限制您按照本隐私权政策所应享有的权利。我们会在驼驼银服专门链接上发布对隐私权政策所做的任何变更和更新。</p>
       <p>对于重大变更，我们还会提供更为显著的通知（包括我们会通过我方平台公示的方式进行通知甚至向您提供弹窗提示）。</p>
@@ -241,8 +238,8 @@
       <p>5.我们负责处理个人信息安全的责任部门、联络方式及投诉渠道发生变化时；</p>
       <p>6. 个人信息安全影响评估报告表明存在高风险时。</p>
     </div>
-    <div class="mt-20">
-      <p>十二、如何联系我们</p>
+    <div class="mt-20" id="9">
+      <p>九、如何联系我们</p>
       <p>您可以通过以下方式与我们联系，我们将在15个工作日内回复您的请求：</p>
       <p>1. 如对本政策内容有任何疑问、意见或建议，您可通过驼驼银服“公众号_个人中心_意见反馈”中提交。</p>
       <p>2. 如果您对我们的回复不满意，特别是您认为我们的个人信息处理行为损害了您的合法权益，您还可以通过向被告住所地有管辖权的法院提起诉讼来寻求解决方案。</p>
@@ -262,6 +259,10 @@
 </script>
 
 <style lang="scss" scoped>
+  .mt-10 {
+    margin-top: 10px;
+  }
+
   .mt-20 {
     margin-top: 20px;
   }
@@ -293,9 +294,10 @@
     font-size: 14px;
   }
 
-  p {
+  p, a {
     line-height: 20px;
     font-size: 12px;
+    color: inherit;
   }
 
   b, u {