Skip to content

dev / pingan-life-index-pro

Go to a project
Toggle navigation
Toggle navigation pinning
938dc91c by simon
Options

默认提交

1 parent 35a25e80
Inline Side-by-side
Showing 11 changed files with 596 additions and 220 deletions
...@@ -89,7 +89,7 @@ export default { ...@@ -89,7 +89,7 @@ export default {
89 @import "@/styles/_support.scss"; 89 @import "@/styles/_support.scss";
90 90
91 html { 91 html {
92 font-family:"Arial", "Microsoft YaHei"; 92 font-family: "Arial", "Microsoft YaHei";
93 font-size: 12px; 93 font-size: 12px;
94 word-spacing: 1px; 94 word-spacing: 1px;
95 word-break: break-word; 95 word-break: break-word;
...@@ -471,6 +471,12 @@ textarea { ...@@ -471,6 +471,12 @@ textarea {
471 max-width: 100% !important; 471 max-width: 100% !important;
472 } 472 }
473 } 473 }
474 .page-vhis {
475 .video-js {
476 width: 100% !important;
477 max-width: 100% !important;
478 }
479 }
474 480
475 #app { 481 #app {
476 .header { 482 .header {
......

4.04 KB | W: | H:

2.03 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

2.03 KB | W: | H:

4.04 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
...@@ -944,16 +944,27 @@ module.exports = { ...@@ -944,16 +944,27 @@ module.exports = {
944 t3: "优惠码：CISAVE20" 944 t3: "优惠码：CISAVE20"
945 }, 945 },
946 title: { 946 title: {
947 t1: "自愿医保计划", 947 t1: "Ping An 'Pro Easy' Voluntary Health Insurance Scheme ",
948 t2: "平安人寿（香港）", 948 t2: "Ping An 'Pro Easy' Voluntary Health Insurance Scheme is a certified medical insurance plan under the Government’s Voluntary Health Insurance Scheme that allows you to enjoy essential medical coverage with easy online application.",
949 t3: "自愿医保标准计划", 949 t3: "",
950 t4: "为政府自愿医保认可的标准计划，可同时申请享有税务扣减优惠。", 950 t4: "",
951 }, 951 },
952 main: { 952 main: {
953 t1: "产品特点", 953 t1: "Plan Features",
954 }, 954 },
955 guarantee1: { 955 guarantee1: {
956 t1: "保障一览", 956 title: "Plan Summary",
957 k1: "Issue Age（Insured’s attained age)",
958 v1: "15 days to age 80",
959 k2: "Protection Period",
960 v2: "1 year and guaranteed renewable, up to age 100",
961 k3: "Policy Currency",
962 v3: "HKD",
963 k4: "Premium Payment Mode",
964 v4: "Monthly / Annually",
965 k5: "Eligible Applicants (The insured)",
966 v5: "Hong Kong residents (holder of a valid identity card issued by the HKSAR Government)",
967
957 t2: "产品性质", 968 t2: "产品性质",
958 t3: "医疗保障保险计划", 969 t3: "医疗保障保险计划",
959 t4: "投保人投保时的年龄", 970 t4: "投保人投保时的年龄",
...@@ -967,15 +978,6 @@ module.exports = { ...@@ -967,15 +978,6 @@ module.exports = {
967 t12: "每年保障限额", 978 t12: "每年保障限额",
968 t13: "每保单年度420,000港元", 979 t13: "每保单年度420,000港元",
969 }, 980 },
970 guarantee2: {
971 t1: "更多特点：",
972 t2: "若您更改计划、终止保单或您未能支付保费导致保单被终止，便有机会获退还部分款项",
973 t3: "（如适用）。",
974 t4: "保证自动续保，无需进一步提供健康证明。",
975 t5: "保证于保费缴付期内保费不变。",
976 t6: "计划不包括：",
977 t7: "若受保人于保单签发日后一年内自杀，将不能获发身故赔偿，但将获退还于现行保单保障期内所缴的总保费。",
978 },
979 download: { 981 download: {
980 t1: "下载产品简介", 982 t1: "下载产品简介",
981 t2: "下载标准保费表", 983 t2: "下载标准保费表",
...@@ -983,29 +985,29 @@ module.exports = { ...@@ -983,29 +985,29 @@ module.exports = {
983 }, 985 },
984 submitBtn: "立即投保", 986 submitBtn: "立即投保",
985 productList: [{ 987 productList: [{
986 title: "保证续保至100岁", 988 title: "Certified VHIS-compliant Plan",
987 desc: "平安人寿（香港）「好e时」自愿医保标准计划 接受任何介乎15天至80岁人士投保，您可以一直续保至100岁。计划保证不会因您的索偿记录或身体状况变而调高续保保费，而您的续保保费将根据当时保单周年日之保费表厘定。", 989 desc: "The plan is a certified plan under the Voluntary Health Insurance Scheme (VHIS) that aims to support your access to private healthcare services for essential needs, at the same time you could enjoy tax deduction benefit. The plan is approved by the Food and Health Bureau for your peace of mind. For more details on VHIS, please visit www.vhis.gov.hk. ",
988 tips: "" 990 tips: ""
989 }, { 991 }, {
990 title: "不设终身保障限额", 992 title: "No Lifetime Benefit Limit",
991 desc: "每年保障限额高达420,000 港元，并将每年重新设置至原先限额，让您享有充裕的医疗保障，减轻因医疗需求而造成的财务负担。", 993 desc: "The plan sets no lifetime benefit limit. With a benefit limit of each Policy Year up to HKD 420,000, it offers you with key medical protection to mitigate the financial burden arising from medical treatments.",
992 tips: "" 994 tips: ""
993 }, { 995 }, {
994 title: "一家投保 尽享税务扣减", 996 title: "Tax Deduction while insuring your whole family",
995 desc: "保费可用作申请税务扣除，若保单持有人为纳税人，便可为自己及任何指明亲属，即每一名合资格受保人，申请每名受保人每年8,000 港元的扣税额，可申请税务扣减的指明亲属 数目更不设上限。", 997 desc: "The premiums you pay for the plan is eligible for tax deduction application. If the policyholder is a taxpayer, he/ she could apply for a tax deduction of up to HKD8,000 per insured person, which the insured person of the Certified Plan should be the taxpayer himself or any specified relatives*, in each assessment year. There is no cap on the number of specified relatives* that a taxpayer can use to claim tax deductions as long as all the policies are held by the same taxpayer and cover yourself and / or your specified relatives*. ",
996 tips: "*需根据香港自愿医保计划保单所缴付的合资格保费的扣税安排" 998 tips: "* Specified relatives are defined under Inland Revenue Ordinance (Chapter 112). "
997 }, { 999 }, {
998 title: "承保投保前未知的已有疾病", 1000 title: "Cover for Unknown Pre-existing Conditions",
999 desc: "承保您在投保时不察觉，及理应不察觉的已有病症。对上述有关病症，此计划会在保单生效首3年的等候期间提供部份保障*，并由第4个保单年度起提供全面保障。", 1001 desc: "To give you an extra peace of mind, the plan covers unknown pre-existing conditions of which you were not aware and would not reasonably have been aware at the time of application. This plan provides partial cover during a waiting period of 3 policy years upon policy inception and full cover from the 4th policy year and onwards.",
1000 tips: "*保单生效日后提供部分赔偿(第二年25%、第三年50%)，其后提供全面赔偿(100%) " 1002 tips: "*Partial compensation will be provided after the effective date of the policy (25% in the second year and 50% in the third year), and full compensation will be provided thereafter (100%)"
1001 }, { 1003 }, {
1002 title: "出院免找数 让您安心无忧", 1004 title: "Guarantee Renewal up to Age 100",
1003 desc: "只需完成简单手续，我们便会直接向有关私家医院缴付住院期间的医疗开支。", 1005 desc: "The plan is suitable for individuals between 15 days and age 80. Regardless of your health conditions in the future, the plan guarantees renewal until age 100. Renewal premium will not be increased due to changes in your claim history or physical condition, and your renewal premium will be determined based on the premium schedule at the policy anniversary date. ",
1004 tips: "*有关详情及指定医院列表，请参阅「出院免找数服务」单张。" 1006 tips: ""
1005 }, { 1007 }, {
1006 title: "无索偿折扣", 1008 title: "No Lifetime Benefit Limit",
1007 desc: "最高可获得上一个保单年度有已缴总保费之10%。 如您在连续3个保单年度或以上没有作出赔偿，在下一个保单周年日您将可获得此保费折扣。", 1009 desc: "To encourage maintaining a healthy living lifestyle, you can enjoy a No Claims Discount, which is equivalent to 10% of the total due and payable premium in the immediately preceding policy year, if you have not claimed in the last three consecutive policy year.",
1008 tips: "*有关详情请参阅产品介绍书。" 1010 tips: ""
1009 }] 1011 }]
1010 } 1012 }
1011 } 1013 }
......
...@@ -936,16 +936,27 @@ module.exports = { ...@@ -936,16 +936,27 @@ module.exports = {
936 t3: "優惠碼：CISAVE20" 936 t3: "優惠碼：CISAVE20"
937 }, 937 },
938 title: { 938 title: {
939 t1: "自願醫保計劃", 939 t1: "平安“好e時”自願醫保標準計劃 ",
940 t2: "平安人壽（香港）", 940 t2: "平安「好e時」自願醫保標準計劃為政府自願醫保認可的標準計劃，涵蓋重點醫療保障，投保流程簡易，全程線上進行。",
941 t3: "自願醫保標準計劃", 941 t3: "",
942 t4: "為政府自願醫保認可的標準計劃，可同時申請享有稅務扣减優惠。", 942 t4: "",
943 }, 943 },
944 main: { 944 main: {
945 t1: "產品特點", 945 t1: "計劃特點",
946 }, 946 },
947 guarantee1: { 947 guarantee1: {
948 t1: "保障一覽", 948 title: "計劃概覽",
949 k1: "投保年齡（受保人的實際年齡)",
950 v1: "出生後15 天起至80 歲",
951 k2: "保障期",
952 v2: "1年，保證續保至100 歲",
953 k3: "保單貨幣",
954 v3: "港元",
955 k4: "保費繳交方式",
956 v4: "月繳/年繳",
957 k5: "合資格客戶（受保人）",
958 v5: "香港居民（持有由香港特區政府簽發的有效居民身份證人士）",
959
949 t2: "產品性質", 960 t2: "產品性質",
950 t3: "醫療保障保險計劃", 961 t3: "醫療保障保險計劃",
951 t4: "投保人投保時的年齡", 962 t4: "投保人投保時的年齡",
...@@ -959,15 +970,6 @@ module.exports = { ...@@ -959,15 +970,6 @@ module.exports = {
959 t12: "每年保障限額", 970 t12: "每年保障限額",
960 t13: "每保單年度420,000 港元", 971 t13: "每保單年度420,000 港元",
961 }, 972 },
962 guarantee2: {
963 t1: "更多特點：",
964 t2: "若您更改計劃、終止保單或您未能支付保費導致保單被終止，便有機會獲退還部分款項",
965 t3: "（如適用）。",
966 t4: "保證自動續保，無需進一步提供健康證明。",
967 t5: "保證於保費繳付期內保費不變。",
968 t6: "計劃不包括：",
969 t7: "若受保人於保單簽發日後一年內自殺，將不能獲發身故賠償，但將獲退還於現行保單保障期內所繳的總保費。",
970 },
971 download: { 973 download: {
972 t1: "下載產品簡介", 974 t1: "下載產品簡介",
973 t2: "下載標準保費表", 975 t2: "下載標準保費表",
...@@ -975,29 +977,29 @@ module.exports = { ...@@ -975,29 +977,29 @@ module.exports = {
975 }, 977 },
976 submitBtn: "立即投保", 978 submitBtn: "立即投保",
977 productList: [{ 979 productList: [{
978 title: "保證續保至100歲", 980 title: "政府認可 安心保障",
979 desc: "平安人壽（香港）「好e時」自願醫保標準計劃 接受任何介乎15天至80歲人士投保，您可以一直續保至100歲。計劃保證不會因您的索償記錄或身體狀況變而調高續保保費，而您的續保保費將根據當時保單週年日之保費表釐定。", 981 desc: "本計劃為政府自願醫保認可的標準計劃，讓您在需要時候可透過住院保險而使用私營醫療服務，並可同時申請享有稅務扣減優惠。此計劃獲食物及衞生局認可，讓您倍感安心。如欲了解更多自願醫保詳情，可瀏覽www.vhis.gov.hk。",
980 tips: "" 982 tips: ""
981 }, { 983 }, {
982 title: "不設終身保障限額", 984 title: "不設終身保障限額",
983 desc: "每年保障限額高達420,000 港元，並將每年重新設置至原先限額，讓您享有充裕的醫療保障，減輕因醫療需求而造成的財務負擔。", 985 desc: "本計劃不設終身保障限額，每年保障限額高達420,000 港元，並將每年重新設置至原先限額，讓您享有重點的醫療保障，減輕因醫療需求而造成的財務負擔。",
984 tips: "" 986 tips: ""
985 }, { 987 }, {
986 title: "一家投保 盡享稅務扣減", 988 title: "一家投保 盡享稅務扣減",
987 desc: "保費可用作申請稅務扣除，若保單持有人為納稅人，便可為自己及任何指明親屬，即每一名合資格受保人，申請每名受保人每年8,000 港元的扣稅額，可申請稅務扣減的指明親屬 數目更不設上限。", 989 desc: "本計劃的保費可用作申請稅務扣除，若保單持有人為納稅人，便可為自己及任何指明親屬*，即每一名合資格受保人，申請每名受保人每年8,000 港元的扣稅額，可申請稅務扣減的指明親屬 數目更不設上限。",
988 tips: "*需根據香港自願醫保計劃保單所繳付的合資格保費的扣稅安排" 990 tips: "*指明親屬包括納稅人配偶及子女、納稅人或其配偶的祖父母、外祖父母、父母和兄弟姐妹。"
989 }, { 991 }, {
990 title: "承保投保前未知的已有疾病", 992 title: "承保投保前未知的已有疾病",
991 desc: "承保您在投保時不察覺，及理應不察覺的已有病症。對上述有關病症，此計劃會在保單生效首3年的等候期間提供部份保障*，並由第4個保單年度起提供全面保障。", 993 desc: "現時一般醫療保險均不承保投保前的已有疾病，本計劃為您帶來多一份安心，承保您在投保時不察覺，及理應不察覺的已有病症。對上述有關病症，此計劃會在保單生效首3年的等候期間提供部份保障*，並由第4個保單年度起提供全面保障。",
992 tips: "*保單生效日後提供部分賠償(第二年25%、第三年50%)，其後提供全面賠償(100%) " 994 tips: "*保單生效日後提供部分賠償(第二年25%、第三年50%)，其後提供全面賠償(100%) "
993 }, { 995 }, {
994 title: "出院免找數 讓您安心無憂", 996 title: "保證續保至100歲",
995 desc: "只需完成簡單手續，我們便會直接向有關私家醫院繳付住院期間的醫療開支。", 997 desc: "本計劃接受任何介乎出生後15天至80歲人士投保，您可以一直續保至100歲。計劃保證不會因您的索償記錄或身體狀況改變而調高續保保費，而您的續保保費將根據當時保單週年日之保費表釐定。",
996 tips: "*有關詳情及指定醫院列表，請參閱「出院免找數服務」單張。" 998 tips: ""
997 }, { 999 }, {
998 title: "無索償折扣", 1000 title: "無索償保費折扣",
999 desc: "最高可獲得上一個保單年度有已繳總保費之10%。 如您在連續3個保單年度或以上沒有作出賠償，在下一個保單週年日您將可獲得此保費折扣。", 1001 desc: "為鼓勵您保持健康生活，如您於本計劃的連續3個保單年度內，沒有任何索償記錄，我們會於下一保單年度退還上一個保單年度保費的百分之十（10%）作為無索償折扣。",
1000 tips: "*有關詳情請參閱產品介紹書。" 1002 tips: ""
1001 }] 1003 }]
1002 } 1004 }
1003 } 1005 }
......
...@@ -938,16 +938,27 @@ module.exports = { ...@@ -938,16 +938,27 @@ module.exports = {
938 t3: "优惠码：CISAVE20" 938 t3: "优惠码：CISAVE20"
939 }, 939 },
940 title: { 940 title: {
941 t1: "自愿医保计划", 941 t1: "平安 “好e时”自愿医保标准计划",
942 t2: "平安人寿（香港）", 942 t2: "平安「好e时」自愿医保标准计划为政府自愿医保认可的标准计划，涵盖重点医疗保障，投保流程简易，全程线上进行。",
943 t3: "自愿医保标准计划", 943 t3: "",
944 t4: "为政府自愿医保认可的标准计划，可同时申请享有税务扣减优惠。", 944 t4: "",
945 }, 945 },
946 main: { 946 main: {
947 t1: "产品特点", 947 t1: "计划特点",
948 }, 948 },
949 guarantee1: { 949 guarantee1: {
950 t1: "保障一览", 950 title: "计划概览",
951 k1: "投保年龄（受保人的实际年龄)",
952 v1: "出生后15 天起至80 岁",
953 k2: "保障期",
954 v2: "1年，保证续保至100 岁",
955 k3: "保单货币",
956 v3: "港元",
957 k4: "保费缴交方式",
958 v4: "月缴/年缴",
959 k5: "合资格客户（受保人）",
960 v5: "香港居民（持有由香港特区政府签发的有效居民身份证人士）",
961
951 t2: "产品性质", 962 t2: "产品性质",
952 t3: "医疗保障保险计划", 963 t3: "医疗保障保险计划",
953 t4: "投保人投保时的年龄", 964 t4: "投保人投保时的年龄",
...@@ -962,13 +973,39 @@ module.exports = { ...@@ -962,13 +973,39 @@ module.exports = {
962 t13: "每保单年度420,000港元", 973 t13: "每保单年度420,000港元",
963 }, 974 },
964 guarantee2: { 975 guarantee2: {
965 t1: "更多特点：", 976 titK:"保障项目",
966 t2: "若您更改计划、终止保单或您未能支付保费导致保单被终止，便有机会获退还部分款项", 977 titV:"赔偿限额（港元）",
967 t3: "（如适用）。", 978
968 t4: "保证自动续保，无需进一步提供健康证明。", 979 ak: "病房及膳食",
969 t5: "保证于保费缴付期内保费不变。", 980 av: "750<br>每保单年度最多180日",
970 t6: "计划不包括：", 981 bk: "杂项开支",
971 t7: "若受保人于保单签发日后一年内自杀，将不能获发身故赔偿，但将获退还于现行保单保障期内所缴的总保费。", 982 bv: "每保单年度$14,000",
983 ck: "主诊医生巡房费",
984 cv: "750<br>每保单年度最多180日",
985 dk: "专科医生费",
986 dv: "4,300",
987 ek: "深切治疗",
988 ev: "3,500<br>每保单年度最多25日",
989 fk: "外科医生费<br>(每项手术)<br> 按手术表划分<br>的手术分类",
990 fv1: "复杂 50,000",
991 fv2: "大型 25,000",
992 fv3: "中型 12,500",
993 fv4: "小型 5,000",
994 gk: "麻醉科医生费",
995 gv: "外科医生费的35%",
996 hk: "手术室费",
997 hv: "外科医生费的35%",
998 ik: "订明诊断成像检测(设30%共同保险)",
999 iv: "20,000<br>每保单年度",
1000 jk: "订明非手术<br>癌症治疗",
1001 jv: "80,000每保单年度",
1002 kk: "入院前或出院后／<br>日间手术前后的门诊护理",
1003 kv11: "580<br>每次",
1004 kv12: "3,000<br>每保单年度",
1005 kv2: "住院／日间手术前<br>最多1次门诊或<br>急症诊症",
1006 kv3: "出院／日间手术后<br>90日内<br>最多3次跟进门诊",
1007 lk: "精神科治疗",
1008 lv: "30,000<br>每保单年度",
972 }, 1009 },
973 download: { 1010 download: {
974 t1: "下载产品简介", 1011 t1: "下载产品简介",
...@@ -977,29 +1014,29 @@ module.exports = { ...@@ -977,29 +1014,29 @@ module.exports = {
977 }, 1014 },
978 submitBtn: "立即投保", 1015 submitBtn: "立即投保",
979 productList: [{ 1016 productList: [{
980 title: "保证续保至100岁", 1017 title: "政府认可 安心保障",
981 desc: "平安人寿（香港）「好e时」自愿医保标准计划 接受任何介乎15天至80岁人士投保，您可以一直续保至100岁。计划保证不会因您的索偿记录或身体状况变而调高续保保费，而您的续保保费将根据当时保单周年日之保费表厘定。", 1018 desc: "本计划为政府自愿医保认可的标准计划，让您在需要时候可透过住院保险而使用私营医疗服务，并可同时申请享有税务扣减优惠。此计划获食物及卫生局认可，让您倍感安心。如欲了解更多自愿医保详情，可浏览www.vhis.gov.hk。",
982 tips: "" 1019 tips: ""
983 }, { 1020 }, {
984 title: "不设终身保障限额", 1021 title: "不设终身保障限额",
985 desc: "每年保障限额高达420,000 港元，并将每年重新设置至原先限额，让您享有充裕的医疗保障，减轻因医疗需求而造成的财务负担。", 1022 desc: "本计划不设终身保障限额，每年保障限额高达420,000 港元，并将每年重新设置至原先限额，让您享有重点的医疗保障，减轻因医疗需求而造成的财务负担。",
986 tips: "" 1023 tips: ""
987 }, { 1024 }, {
988 title: "一家投保 尽享税务扣减", 1025 title: "一家投保 尽享税务扣减",
989 desc: "保费可用作申请税务扣除，若保单持有人为纳税人，便可为自己及任何指明亲属，即每一名合资格受保人，申请每名受保人每年8,000 港元的扣税额，可申请税务扣减的指明亲属 数目更不设上限。", 1026 desc: "本计划的保费可用作申请税务扣除，若保单持有人为纳税人，便可为自己及任何指明亲属*，即每一名合资格受保人，申请每名受保人每年8,000 港元的扣税额，可申请税务扣减的指明亲属 数目更不设上限。",
990 tips: "*需根据香港自愿医保计划保单所缴付的合资格保费的扣税安排" 1027 tips: "*指明亲属包括纳税人配偶及子女、纳税人或其配偶的祖父母、外祖父母、父母和兄弟姐妹。"
991 }, { 1028 }, {
992 title: "承保投保前未知的已有疾病", 1029 title: "承保投保前未知的已有疾病",
993 desc: "承保您在投保时不察觉，及理应不察觉的已有病症。对上述有关病症，此计划会在保单生效首3年的等候期间提供部份保障*，并由第4个保单年度起提供全面保障。", 1030 desc: "现时一般医疗保险均不承保投保前的已有疾病，本计划为您带来多一份安心，承保您在投保时不察觉，及理应不察觉的已有病症。对上述有关病症，此计划会在保单生效首3年的等候期间提供部份保障*，并由第4个保单年度起提供全面保障。",
994 tips: "*保单生效日后提供部分赔偿(第二年25%、第三年50%)，其后提供全面赔偿(100%) " 1031 tips: "*保单生效日后提供部分赔偿(第二年25%、第三年50%)，其后提供全面赔偿(100%) "
995 }, { 1032 }, {
996 title: "出院免找数 让您安心无忧", 1033 title: "保证续保至100岁",
997 desc: "只需完成简单手续，我们便会直接向有关私家医院缴付住院期间的医疗开支。", 1034 desc: "只本计划接受任何介乎出生后15天至80岁人士投保，您可以一直续保至100岁。计划保证不会因您的索偿记录或身体状况改变而调高续保保费，而您的续保保费将根据当时保单周年日之保费表厘定。",
998 tips: "*有关详情及指定医院列表，请参阅「出院免找数服务」单张。" 1035 tips: ""
999 }, { 1036 }, {
1000 title: "无索偿折扣", 1037 title: "无索偿保费折扣",
1001 desc: "最高可获得上一个保单年度有已缴总保费之10%。 如您在连续3个保单年度或以上没有作出赔偿，在下一个保单周年日您将可获得此保费折扣。", 1038 desc: "为鼓励您保持健康生活，如您于本计划的连续3个保单年度内，没有任何索偿记录，我们会于下一保单年度退还上一个保单年度保费的百分之十（10%）作为无索偿折扣。",
1002 tips: "*有关详情请参阅产品介绍书。" 1039 tips: ""
1003 }] 1040 }]
1004 } 1041 }
1005 } 1042 }
......
...@@ -27,7 +27,7 @@ $navHeiM: 6rem; ...@@ -27,7 +27,7 @@ $navHeiM: 6rem;
27 27
28 .logo-img { 28 .logo-img {
29 margin-right: 2rem; 29 margin-right: 2rem;
30 max-width: 17.75rem ; 30 max-width: 17.75rem;
31 cursor: pointer; 31 cursor: pointer;
32 } 32 }
33 33
...@@ -113,34 +113,42 @@ $navHeiM: 6rem; ...@@ -113,34 +113,42 @@ $navHeiM: 6rem;
113 113
114 } 114 }
115 115
116 @media (max-width: 1200px) { 116 // @media (max-width: 1200px) {
117 .v-header { 117 // .v-header {
118 @include content-percent(); 118 // @include content-percent();
119 119
120 .main-nav {} 120 // .main-nav {}
121 121
122 .logo-img { 122 // .logo-img {
123 max-width: 17.75rem ; 123 // max-width: 17.75rem ;
124 margin: 0; 124 // margin: 0;
125 } 125 // }
126 126
127 .pc { 127 // .pc {
128 display: none; 128 // display: none;
129 } 129 // }
130 130
131 .mobile { 131 // .mobile {
132 display: block; 132 // display: block;
133 &-nav-list { 133 // &-nav-list {
134 top: 32px; 134 // top: 32px;
135 } 135 // }
136 } 136 // }
137 } 137 // }
138 138
139 139
140 } 140 // }
141 141
142 @media (max-width: 768px) { 142 @media (max-width: 768px) {
143 .v-header { 143 .v-header {
144
145 // 原1200px临界样式
146 @include content-percent();
147
148 .pc {
149 display: none;
150 }
151
144 height: $navHeight-M; 152 height: $navHeight-M;
145 153
146 .logo-img { 154 .logo-img {
...@@ -150,6 +158,7 @@ $navHeiM: 6rem; ...@@ -150,6 +158,7 @@ $navHeiM: 6rem;
150 158
151 .mobile { 159 .mobile {
152 display: block; 160 display: block;
161
153 &-nav-list { 162 &-nav-list {
154 top: 24px; 163 top: 24px;
155 } 164 }
......
...@@ -13,7 +13,7 @@ var UA = require("ua-device") ...@@ -13,7 +13,7 @@ var UA = require("ua-device")
13 export default { 13 export default {
14 data() { 14 data() {
15 return { 15 return {
16 key: 'value', 16 key: '$750<br>每保单年度最多180日',
17 // swiper 17 // swiper
18 swiperOption: { 18 swiperOption: {
19 navigation: { 19 navigation: {
...@@ -64,26 +64,6 @@ export default { ...@@ -64,26 +64,6 @@ export default {
64 onHideBannerTipsHandler() { 64 onHideBannerTipsHandler() {
65 this.bannerTipsVisible = false; 65 this.bannerTipsVisible = false;
66 }, 66 },
67 // fetchBanner() {
68 // return new Promise((resolve, reject) => {
69 // httpPost({
70 // url: api.banner
71 // }).then(res => {
72 // resolve(res);
73 // });
74 // });
75 // },
76 // fetchIndexVideo() {
77 // return new Promise((resolve, reject) => {
78 // httpPost({
79 // url: api.indexVideo
80 // }).then(res => {
81 // sessionStorage.setItem("_video_url", res.videoUrl);
82 // sessionStorage.setItem("_poster_url", res.posterUrl);
83 // resolve(res);
84 // });
85 // });
86 // },
87 bottomBtnHandle() { 67 bottomBtnHandle() {
88 this.btnNavigateTo(this.bottomBtnType, this.bottomBtnLink); 68 this.btnNavigateTo(this.bottomBtnType, this.bottomBtnLink);
89 }, 69 },
...@@ -152,27 +132,6 @@ export default { ...@@ -152,27 +132,6 @@ export default {
152 this.playerOptions = playerOptions; 132 this.playerOptions = playerOptions;
153 }, 133 },
154 initProduct() { 134 initProduct() {
155 // let productList = [{
156 // showMore: false,
157 // title: "保證續保至100歲",
158 // desc: "平安人壽（香港）「好e時」自願醫保標準計劃 接受任何介乎14天至80歲人士投保，您可以一直續保至100歲。計劃保證不會因您的索償記錄或身體狀況變而調高續保保費，而您的續保保費將根據當時保單週年日之保費表釐定。",
159 // tips:"*需根據香港自願醫保計劃保單所繳付的合資格保費的扣稅安排"
160 // }, {
161 // showMore: false,
162 // title: "不設終身保障限額"
163 // }, {
164 // showMore: false,
165 // title: "一家投保 盡享稅務扣減"
166 // }, {
167 // showMore: false,
168 // title: "承保投保前未知的已有疾病"
169 // }, {
170 // showMore: false,
171 // title: "出院免找數 讓您安心無憂"
172 // }, {
173 // showMore: false,
174 // title: "無索償折扣"
175 // }];
176 let productList = this.i18n.vhisDetail.productList; 135 let productList = this.i18n.vhisDetail.productList;
177 if (this.productList && this.productList.length > 0) { 136 if (this.productList && this.productList.length > 0) {
178 for (let index = 0; index < productList.length; index++) { 137 for (let index = 0; index < productList.length; index++) {
......
...@@ -165,29 +165,7 @@ $borderSize: 6px; ...@@ -165,29 +165,7 @@ $borderSize: 6px;
165 text-align: center; 165 text-align: center;
166 font-size: $fontSize; 166 font-size: $fontSize;
167 167
168 .tt { 168 .tt {}
169 // display: flex;
170 // justify-content: center;
171 // align-items: center;
172 // text-align: center;
173 }
174
175 .easy {
176 display: inline;
177 vertical-align: middle;
178 }
179
180 .easy1 {
181 margin-right: 8px;
182 margin-top: -4px;
183 height: 36px;
184 }
185
186 .easy2 {
187 margin-right: 10px;
188 margin-top: -4px;
189 height: 26px;
190 }
191 169
192 .t1 { 170 .t1 {
193 color: $cOrange2; 171 color: $cOrange2;
...@@ -201,9 +179,10 @@ $borderSize: 6px; ...@@ -201,9 +179,10 @@ $borderSize: 6px;
201 179
202 .t2 { 180 .t2 {
203 font-size: 24px; 181 font-size: 24px;
204 margin-top: 36px;
205 line-height: 1.39; 182 line-height: 1.39;
206 183 // margin-top: 36px;
184 max-width: 780px;
185 margin: 36px auto 0;
207 } 186 }
208 187
209 .t2:lang(zh) { 188 .t2:lang(zh) {
...@@ -338,8 +317,7 @@ $borderSize: 6px; ...@@ -338,8 +317,7 @@ $borderSize: 6px;
338 317
339 &-border { 318 &-border {
340 width: 100%; 319 width: 100%;
341 height: 4px; 320 @include border-tans(0px, 1.5px);
342 background-color: $cOrange2;
343 } 321 }
344 322
345 .table-item { 323 .table-item {
...@@ -350,7 +328,7 @@ $borderSize: 6px; ...@@ -350,7 +328,7 @@ $borderSize: 6px;
350 .tt { 328 .tt {
351 @extend .bb; 329 @extend .bb;
352 width: 50%; 330 width: 50%;
353 padding: 18px 12px 18px 0; 331 padding: 18px 18px 18px 0;
354 color: $cFontGray3; 332 color: $cFontGray3;
355 } 333 }
356 334
...@@ -362,6 +340,8 @@ $borderSize: 6px; ...@@ -362,6 +340,8 @@ $borderSize: 6px;
362 background-color: #fef1ed; 340 background-color: #fef1ed;
363 padding-left: 100px; 341 padding-left: 100px;
364 border-right: solid 1px #e4e4e5; 342 border-right: solid 1px #e4e4e5;
343 display: flex;
344 align-items: center;
365 } 345 }
366 346
367 .val { 347 .val {
...@@ -443,6 +423,124 @@ $borderSize: 6px; ...@@ -443,6 +423,124 @@ $borderSize: 6px;
443 } 423 }
444 } 424 }
445 425
426 // 保障内容
427 .guarantee2 {
428
429 .tit {}
430
431 .container {
432 display: flex;
433 margin: 48px auto 0;
434
435 .table {
436 width: 582px;
437
438 .smal {
439 font-size: 18px;
440 }
441
442 .titl {
443 position: relative;
444 display: flex;
445 margin-bottom: 8px;
446
447 &-item {
448 width: 50%;
449 text-align: center;
450 color: $cOrange2;
451 font-size: 22px;
452 }
453 }
454
455 &-item {
456 height: 136px;
457
458 .label {
459 // padding: 0;
460 // @extend .fcc;
461 align-items: flex-start;
462 display: flex;
463 padding: 40px 12px 0;
464
465 .nn {}
466
467 .n1 {
468 text-align: right;
469 width: 44px;
470 margin-top: 2px;
471 margin-right: 8px;
472 color: $cOrange2;
473 }
474
475 .n2 {
476 flex: 1;
477 }
478 }
479
480 .val {
481 @extend .fcc;
482 flex-wrap: wrap;
483 padding: 0 0;
484 text-align: center;
485 line-height: 1.5;
486 flex: 1;
487
488 &-item {
489 width: 100%;
490 height: 81px;
491 }
492 }
493 }
494
495 &-item-4 {
496 height: 324px;
497
498 .val {
499 align-items: flex-start;
500 padding: 0 0;
501 text-align: center;
502 line-height: 1.5;
503
504
505 &-item {
506 @extend .bb;
507 @extend .fcc;
508 height: 81px;
509 border-bottom: solid 1px #e4e4e5;
510 }
511 }
512 }
513
514 &-item-3 {
515 height: 408px;
516
517 .val {
518 align-items: flex-start;
519 padding: 0 0;
520 text-align: center;
521 line-height: 1.5;
522
523 &-item {
524 @extend .bb;
525 @extend .fcc;
526 height: 136px;
527 border-bottom: solid 1px #e4e4e5;
528
529 .thr {
530 @extend .bb;
531 @extend .fcc;
532 width: 50%;
533 height: 100%;
534 border-right: solid 1px #e4e4e5;
535 }
536 }
537 }
538 }
539
540 }
541 }
542 }
543
446 // 下载 544 // 下载
447 .download { 545 .download {
448 margin: 100px auto 0; 546 margin: 100px auto 0;
...@@ -456,13 +554,10 @@ $borderSize: 6px; ...@@ -456,13 +554,10 @@ $borderSize: 6px;
456 max-width: 602px; 554 max-width: 602px;
457 height: 67px; 555 height: 67px;
458 line-height: 67px; 556 line-height: 67px;
459 // padding: 2px;
460 // border-radius: $borderSize;
461 cursor: pointer; 557 cursor: pointer;
462 @include border-tans($borderSize); 558 @include border-tans($borderSize);
463 559
464 .cont { 560 .cont {
465 // @extend .fcc;
466 @extend .bb; 561 @extend .bb;
467 display: flex; 562 display: flex;
468 align-items: center; 563 align-items: center;
...@@ -532,3 +627,137 @@ $borderSize: 6px; ...@@ -532,3 +627,137 @@ $borderSize: 6px;
532 height: 12px; 627 height: 12px;
533 background-color: $cOrange2; 628 background-color: $cOrange2;
534 } 629 }
630
631
632
633 @media (max-width: 1200px) {
634 .content {
635 @include content-percent();
636 padding-bottom: $marginMedium-M;
637
638 .vjs-custom-skin {
639 width: 100%;
640 }
641
642 .product {
643 .prod {
644 &-item {
645 width: 45vw;
646 }
647 }
648 }
649 }
650
651 }
652
653 @media (max-width: 768px) {
654
655 .title {
656 padding: 24px 0;
657
658 .title-wrap {
659 @include content-percent();
660 }
661
662 .t1 {
663 font-size: $fontSizeTitle-M2;
664 }
665
666 .t2 {
667 font-size: $fontSize-M2;
668 margin: 18px auto 0;
669 }
670 }
671
672 .content {
673
674 // 产品
675 .product {
676 margin: 48px auto 0;
677
678 .tit {
679 font-size: $fontSizeTitle-M2;
680 }
681
682 .prod {
683 justify-content: center;
684
685 &-item {
686 width: 100%;
687 min-height: 132px;
688
689 .icon-wrap {
690 width: 30%;
691 padding-top: 22px;
692
693 img {
694 width: 50%;
695 }
696 }
697
698 .detail {
699 padding: 22px 10px 12px 0;
700 margin-left: 0;
701 font-size: $fontSize-M2;
702
703 .more {
704 .c1 {
705 font-size: $fontSizeSmall-M2;
706 }
707 }
708 }
709 }
710 }
711 }
712
713 .video {
714 margin: 32px auto 0;
715 }
716
717 // 保障
718 .guarantee {
719 margin: 32px auto 0;
720
721 .tit {
722 font-size: $fontSizeTitle-M2;
723 }
724
725 .table {
726 font-size: $fontSize-M2;
727
728 &-item {
729 flex-wrap: wrap;
730
731 .tt {
732 width: 100%;
733 }
734
735 .label,
736 .val {
737 padding: 18px;
738 }
739 }
740 }
741 }
742
743
744
745 // 下载
746 .download {
747 margin: 48px auto 0;
748
749
750 &-item {
751 .cont {
752 padding: 0;
753 padding-left: 52px;
754 font-size: $fontSize-M2;
755 }
756
757 .icon {
758 margin-right: 24px;
759 }
760 }
761 }
762 }
763 }
......
...@@ -8,7 +8,6 @@ ...@@ -8,7 +8,6 @@
8 <swiper :options="swiperOption"> 8 <swiper :options="swiperOption">
9 <swiper-slide v-for="(item,index) in bannerList" :key="index"> 9 <swiper-slide v-for="(item,index) in bannerList" :key="index">
10 <img class="banner-img" :src="item.pcBannerUrl"> 10 <img class="banner-img" :src="item.pcBannerUrl">
11 <!-- <img :src="require('@/assets/images/vhis/kv.png')"> -->
12 <div class="btn-wrap"> 11 <div class="btn-wrap">
13 <div v-for="(btnItem, btnIndex) in item.btns" :key="btnIndex"> 12 <div v-for="(btnItem, btnIndex) in item.btns" :key="btnIndex">
14 <div class="banner-btn" v-if="btnItem.n && btnItem.t && btnItem.c" @click="btnNavigateTo(btnItem.t,btnItem.l)" :style="{backgroundColor:btnItem.c}">{{btnItem.n}}</div> 13 <div class="banner-btn" v-if="btnItem.n && btnItem.t && btnItem.c" @click="btnNavigateTo(btnItem.t,btnItem.l)" :style="{backgroundColor:btnItem.c}">{{btnItem.n}}</div>
...@@ -50,13 +49,18 @@ ...@@ -50,13 +49,18 @@
50 </div> 49 </div>
51 <!-- 标题 --> 50 <!-- 标题 -->
52 <div class="title"> 51 <div class="title">
53 <div class="tt t1"><img class="easy easy1" src="@/assets/images/vhis/easy-1.png">{{$t('vhisDetail.title.t1')}}</div> 52 <div class="title-wrap">
53 <div class="tt t1">{{$t('vhisDetail.title.t1')}}</div>
54 <div class="tt t2"> 54 <div class="tt t2">
55 {{$t('vhisDetail.title.t2')}}<img class="easy easy2" src="@/assets/images/vhis/easy-2.png">{{$t('vhisDetail.title.t3')}}<br> {{$t('vhisDetail.title.t4')}} 55 {{$t('vhisDetail.title.t2')}}{{$t('vhisDetail.title.t3')}}
56 </div> 56 </div>
57 </div> 57 </div>
58
59 </div>
60
58 <div class="content"> 61 <div class="content">
59 <!-- 产品 --> 62
63 <!-- 产品特点 -->
60 <div class="box product"> 64 <div class="box product">
61 <div class="tit">{{$t('vhisDetail.main.t1')}}</div> 65 <div class="tit">{{$t('vhisDetail.main.t1')}}</div>
62 <div class="prod"> 66 <div class="prod">
...@@ -90,65 +94,190 @@ ...@@ -90,65 +94,190 @@
90 </video-player> 94 </video-player>
91 </div> 95 </div>
92 96
93 <!-- 保障 --> 97 <!-- 计划概览 -->
94 <div class="guarantee"> 98 <div class="guarantee">
95 <div class="tit">{{$t('vhisDetail.guarantee1.t1')}}</div> 99 <div class="tit">{{$t('vhisDetail.guarantee1.title')}}</div>
100
101 <div class="container">
96 <div class="table"> 102 <div class="table">
97 <div class="border2 table-border"></div> 103 <div class="border2 table-border"></div>
98 <div class="table-item"> 104 <div class="table-item">
99 <div class="tt label">{{$t('vhisDetail.guarantee1.t2')}}</div> 105 <div class="tt label">{{$t('vhisDetail.guarantee1.k1')}}</div>
100 <div class="tt val">{{$t('vhisDetail.guarantee1.t3')}}</div> 106 <div class="tt val">{{$t('vhisDetail.guarantee1.v1')}}</div>
101 </div> 107 </div>
102 <div class="table-item"> 108 <div class="table-item">
103 <div class="tt label">{{$t('vhisDetail.guarantee1.t4')}}</div> 109 <div class="tt label">{{$t('vhisDetail.guarantee1.k2')}}</div>
104 <div class="tt val">{{$t('vhisDetail.guarantee1.t5')}}</div> 110 <div class="tt val">{{$t('vhisDetail.guarantee1.v2')}}</div>
105 </div> 111 </div>
106 <div class="table-item"> 112 <div class="table-item">
107 <div class="tt label">{{$t('vhisDetail.guarantee1.t6')}}</div> 113 <div class="tt label">{{$t('vhisDetail.guarantee1.k3')}}</div>
108 <div class="tt val">{{$t('vhisDetail.guarantee1.t7')}}</div> 114 <div class="tt val">{{$t('vhisDetail.guarantee1.v3')}}</div>
109 </div> 115 </div>
110 <div class="table-item"> 116 <div class="table-item">
111 <div class="tt label">{{$t('vhisDetail.guarantee1.t8')}}</div> 117 <div class="tt label">{{$t('vhisDetail.guarantee1.k4')}}</div>
112 <div class="tt val">{{$t('vhisDetail.guarantee1.t9')}}</div> 118 <div class="tt val">{{$t('vhisDetail.guarantee1.v4')}}</div>
113 </div> 119 </div>
114 <div class="table-item"> 120 <div class="table-item">
115 <div class="tt label">{{$t('vhisDetail.guarantee1.t10')}}</div> 121 <div class="tt label">{{$t('vhisDetail.guarantee1.k5')}}</div>
116 <div class="tt val">{{$t('vhisDetail.guarantee1.t11')}}</div> 122 <div class="tt val">{{$t('vhisDetail.guarantee1.v5')}}</div>
123 </div>
117 </div> 124 </div>
118 <div class="table-item">
119 <div class="tt label">{{$t('vhisDetail.guarantee1.t12')}}</div>
120 <div class="tt val">{{$t('vhisDetail.guarantee1.t13')}}</div>
121 </div> 125 </div>
126
122 </div> 127 </div>
123 128
124 <div class="table2"> 129 <!-- 保障内容 -->
130 <div class="guarantee guarantee2">
131 <div class="tit">{{$t('vhisDetail.guarantee1.title')}}</div>
132
133 <div class="container">
134 <!-- 左表 -->
135 <div class="table">
136 <div class="titl">
137 <div class="titl-item">{{$t('vhisDetail.guarantee2.titK')}}<span class="smal">(1)</span></div>
138 <div class="titl-item">{{$t('vhisDetail.guarantee2.titV')}}</div>
139 </div>
140 <div class="border2 table-border"></div>
141 <div class="table-item">
142 <div class="tt label">
143 <div class="nn n1">(a)</div>
144 <div v-html="$t('vhisDetail.guarantee2.ak')" class="nn n2">{{$t('vhisDetail.guarantee2.ak')}}</div>
145 </div>
146 <div v-html="$t('vhisDetail.guarantee2.av')" class="tt val">{{$t('vhisDetail.guarantee2.av')}}</div>
147 </div>
148 <div class="table-item">
149 <div class="tt label">
150 <div class="nn n1">(b)</div>
151 <div v-html="$t('vhisDetail.guarantee2.bk')" class="nn n2">{{$t('vhisDetail.guarantee2.bk')}}</div>
152 </div>
153 <div v-html="$t('vhisDetail.guarantee2.bv')" class="tt val">{{$t('vhisDetail.guarantee2.bv')}}</div>
154 </div>
155 <div class="table-item">
156 <div class="tt label">
157 <div class="nn n1">(c)</div>
158 <div v-html="$t('vhisDetail.guarantee2.ck')" class="nn n2">{{$t('vhisDetail.guarantee2.ck')}}</div>
159 </div>
160 <div v-html="$t('vhisDetail.guarantee2.cv')" class="tt val">{{$t('vhisDetail.guarantee2.cv')}}</div>
161 </div>
162 <div class="table-item">
163 <div class="tt label">
164 <div class="nn n1">(d)</div>
165 <div class="nn n2">
166 <span v-html="$t('vhisDetail.guarantee2.dk')">{{$t('vhisDetail.guarantee2.dk')}}</span>
167 <span class="smal">(2)</span>
168 </div>
169 </div>
170 <div class="tt val">{{$t('vhisDetail.guarantee2.dv')}}</div>
171 </div>
125 <div class="table-item"> 172 <div class="table-item">
126 <div class="tt label"> 173 <div class="tt label">
127 <div class="t1">{{$t('vhisDetail.guarantee2.t1')}}</div> 174 <div class="nn n1">(e)</div>
128 <ul> 175 <div v-html="$t('vhisDetail.guarantee2.ek')" class="nn n2">{{$t('vhisDetail.guarantee2.ek')}}</div>
129 <li> 176 </div>
130 <span>{{$t('vhisDetail.guarantee2.t2')}}</span> 177 <div v-html="$t('vhisDetail.guarantee2.ev')" class="tt val">{{$t('vhisDetail.guarantee2.ev')}}</div>
131 <!-- <span class="small">1</span> --> 178 </div>
132 <span>{{$t('vhisDetail.guarantee2.t3')}}</span> 179 <!-- 4分 -->
133 </li> 180 <div class="table-item table-item-4">
134 <li>{{$t('vhisDetail.guarantee2.t4')}} 181 <div class="tt label">
135 </li> 182 <div class="nn n1">(f)</div>
136 <li>{{$t('vhisDetail.guarantee2.t5')}}</li> 183 <div v-html="$t('vhisDetail.guarantee2.fk')" class="nn n2">{{$t('vhisDetail.guarantee2.fk')}}</div>
137 </ul> 184 </div>
185 <div class="tt val">
186 <div class="val-item">
187 {{$t('vhisDetail.guarantee2.fv1')}}
188 </div>
189 <div class="val-item">
190 {{$t('vhisDetail.guarantee2.fv2')}}
191 </div>
192 <div class="val-item">
193 {{$t('vhisDetail.guarantee2.fv3')}}
194 </div>
195 <div class="val-item">
196 {{$t('vhisDetail.guarantee2.fv4')}}
197 </div>
198 </div>
138 </div> 199 </div>
139 <div class="tt tt2 label label2">
140 <div class="t1">
141 <span>{{$t('vhisDetail.guarantee2.t6')}}</span>
142 <!-- <span class="small">2</span> -->
143 </div> 200 </div>
144 <ul>
145 <li>{{$t('vhisDetail.guarantee2.t7')}}
146 </li>
147 </ul>
148 201
202 <!-- 右表 -->
203 <div class="table">
204 <div class="titl">
205 <div class="titl-item">{{$t('vhisDetail.guarantee2.titK')}}<span class="smal">(1)</span></div>
206 <div class="titl-item">{{$t('vhisDetail.guarantee2.titV')}}</div>
207 </div>
208 <div class="border2 table-border"></div>
209 <div class="table-item">
210 <div class="tt label">
211 <div class="nn n1">(g)</div>
212 <div v-html="$t('vhisDetail.guarantee2.gk')" class="nn n2">{{$t('vhisDetail.guarantee2.gk')}}</div>
213 </div>
214 <div class="tt val">
215 <span v-html="$t('vhisDetail.guarantee2.gv')">{{$t('vhisDetail.guarantee2.gv')}}</span>
216 <span class="smal">(5)</span>
217 </div>
218 </div>
219 <div class="table-item">
220 <div class="tt label">
221 <div class="nn n1">(h)</div>
222 <div v-html="$t('vhisDetail.guarantee2.hk')" class="nn n2">{{$t('vhisDetail.guarantee2.hk')}}</div>
223 </div>
224 <div class="tt val">
225 <span v-html="$t('vhisDetail.guarantee2.hv')">{{$t('vhisDetail.guarantee2.hv')}}</span>
226 <span class="smal">(5)</span>
227 </div>
228 </div>
229 <div class="table-item">
230 <div class="tt label">
231 <div class="nn n1">(i)</div>
232 <div class="nn n2">
233 <span v-html="$t('vhisDetail.guarantee2.ik')">{{$t('vhisDetail.guarantee2.ik')}}</span>
234 <span class="smal">(2)(3)</span>
235 </div>
149 </div> 236 </div>
237 <div v-html="$t('vhisDetail.guarantee2.iv')" class="tt val">{{$t('vhisDetail.guarantee2.iv')}}</div>
150 </div> 238 </div>
239 <div class="table-item">
240 <div class="tt label">
241 <div class="nn n1">(j)</div>
242 <div class="nn n2">
243 <span v-html="$t('vhisDetail.guarantee2.jk')">{{$t('vhisDetail.guarantee2.jk')}}</span>
244 <span class="smal">(4)</span>
245 </div>
246 </div>
247 <div v-html="$t('vhisDetail.guarantee2.jv')" class="tt val">{{$t('vhisDetail.guarantee2.jv')}}</div>
248 </div>
249 <div class="table-item table-item-3">
250 <div class="tt label">
251 <div class="nn n1">(k)</div>
252 <div class="nn n2">
253 <span v-html="$t('vhisDetail.guarantee2.kk')">{{$t('vhisDetail.guarantee2.kk')}}</span>
254 <span class="smal">(2)</span>
255 </div>
256 </div>
257 <div class="tt val">
258 <div class="val-item">
259 <div v-html="$t('vhisDetail.guarantee2.kv11')" class="thr">{{$t('vhisDetail.guarantee2.kv11')}}</div>
260 <div v-html="$t('vhisDetail.guarantee2.kv12')" class="thr">{{$t('vhisDetail.guarantee2.kv12')}}</div>
261 </div>
262 <div v-html="$t('vhisDetail.guarantee2.kv2')" class="val-item">
263 {{$t('vhisDetail.guarantee2.kv2')}}
151 </div> 264 </div>
265 <div v-html="$t('vhisDetail.guarantee2.kv3')" class="val-item">
266 {{$t('vhisDetail.guarantee2.kv3')}}
267 </div>
268 </div>
269 </div>
270 <!-- 4分 -->
271 <div class="table-item table-item">
272 <div class="tt label">
273 <div class="nn n1">(l)</div>
274 <div v-html="$t('vhisDetail.guarantee2.lk')" class="nn n2">{{$t('vhisDetail.guarantee2.lk')}}</div>
275 </div>
276 <div v-html="$t('vhisDetail.guarantee2.lv')" class="tt val">{{$t('vhisDetail.guarantee2.lv')}}</div>
277 </div>
278 </div>
279 </div>
280
152 </div> 281 </div>
153 282
154 <!-- 下载 --> 283 <!-- 下载 -->
......
...@@ -27,12 +27,15 @@ $fontSize:14px; ...@@ -27,12 +27,15 @@ $fontSize:14px;
27 $fontSizeSmall:12px; 27 $fontSizeSmall:12px;
28 28
29 29
30
31
32 $fontSizeTitle-M:17px; 30 $fontSizeTitle-M:17px;
33 $fontSize-M:14px; 31 $fontSize-M:14px;
34 $fontSizeSmall-M:12px; 32 $fontSizeSmall-M:12px;
35 33
34
35 $fontSizeTitle-M2:24px;
36 $fontSize-M2:20px;
37 $fontSizeSmall-M2:16px;
38
36 // Color 39 // Color
37 $cOrange:#f05a23; 40 $cOrange:#f05a23;
38 $cFontGray: #4c4948; 41 $cFontGray: #4c4948;
......