<template>
  <div class="page flex-col">
    <div class="box_1 flex-col">
      <div class="group_1 flex-row justify-between">
        <span class="text_1">9:41</span>
        <img
          class="image_1"
          referrerpolicy="no-referrer"
          src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng413f9d678a24a9b746fdc981fa579b56b2cbd98eddd024ab1279ef48ae59291e"
        />
      </div>
      <div class="group_2 flex-row justify-between">
        <div class="image-text_1 flex-row justify-between">
          <img
            class="thumbnail_1"
            referrerpolicy="no-referrer"
            src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngcf455e9215a4f7c705d61caac63b2f258566e9e9093e62ab91b71188ae8f0787"
          />
          <span class="text-group_1">产品详情</span>
        </div>
        <img
          class="label_1"
          referrerpolicy="no-referrer"
          src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng4b49399358768d994666264f4789147f4c3712eee5edee5c0a0388a0b3eea4c2"
        />
      </div>
      <div class="group_3 flex-col">
        <div class="group_4 flex-col">
          <div class="text-wrapper_1 flex-col">
            <span class="text_2">热卖</span>
          </div>
        </div>
        <span class="text_3">终身寿险尊享版</span>
        <div class="group_5 flex-row justify-between">
          <div class="text-wrapper_2 flex-col">
            <span class="text_4">收益率3.5%</span>
          </div>
          <div class="text-wrapper_3 flex-col">
            <span class="text_5">5年超值</span>
          </div>
          <div class="text-wrapper_4 flex-col">
            <span class="text_6">保证收益万能</span>
          </div>
        </div>
      </div>
      <div class="group_6 flex-col">
        <div class="grid_1 flex-row">
          <div
            class="text-group_2 flex-col"
            v-for="(item, index) in loopData0"
            :key="index"
          >
            <span class="text_7" v-html="item.lanhutext0"></span>
            <span class="text_8" v-html="item.lanhutext1"></span>
          </div>
        </div>
      </div>
      <div class="group_7 flex-col">
        <span class="text_9">产品特色</span>
        <div class="image-text_2 flex-row justify-between">
          <img
            class="image_2"
            referrerpolicy="no-referrer"
            src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngecc2b07c805beacd9caa6d3b372bbf386d1b154c480ce1b759676421a12a7f24"
          />
          <span class="text-group_3">身故保险金：赔付100%基本保额</span>
        </div>
        <div class="image-text_3 flex-row justify-between">
          <img
            class="image_3"
            referrerpolicy="no-referrer"
            src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng6fce43476a53d80cba2198dadcc5201fa57ea7af1e4532712d26ba67fd902bc4"
          />
          <span class="text-group_4">全残保险金：赔付100%基本保额</span>
        </div>
        <div class="image-text_4 flex-row justify-between">
          <img
            class="image_4"
            referrerpolicy="no-referrer"
            src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngc53114f603abaca96913163bcd1e032b2da57abbb22d05b4592a63ad4312e7cd"
          />
          <span class="text-group_5">保费豁免：重疾后免交剩余保费</span>
        </div>
        <div class="image-text_5 flex-row justify-between">
          <img
            class="image_5"
            referrerpolicy="no-referrer"
            src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng3191ba6cf4c57d6731e044695369af60040fa22a438bd918e3d1125c59f67776"
          />
          <span class="text-group_6">保单贷款：最高可贷现金价值80%</span>
        </div>
      </div>
      <div class="group_8 flex-col">
        <span class="text_10">相关附件</span>
        <div class="block_1 flex-row justify-between">
          <div class="image-text_6 flex-row justify-between">
            <img
              class="label_2"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng870bc430c2ddc1d28de894251ff314e0e4dd0e9ab2da4a2e8b0eb9cfbfc11962"
            />
            <div class="text-group_7 flex-col">
              <span class="text_11">产品条款.pdf</span>
              <span class="text_12">2.3MB</span>
            </div>
          </div>
          <img
            class="thumbnail_2"
            referrerpolicy="no-referrer"
            src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngd36b35df4ed347995d6edde2c42aa1a2591397a4dc2e580da5c1cbfa46e9a561"
          />
        </div>
        <div class="block_2 flex-row justify-between">
          <div class="image-text_7 flex-row justify-between">
            <img
              class="label_3"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng870bc430c2ddc1d28de894251ff314e0e4dd0e9ab2da4a2e8b0eb9cfbfc11962"
            />
            <div class="text-group_8 flex-col">
              <span class="text_13">投保须知.pdf</span>
              <span class="text_14">1.8MB</span>
            </div>
          </div>
          <img
            class="thumbnail_3"
            referrerpolicy="no-referrer"
            src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngd36b35df4ed347995d6edde2c42aa1a2591397a4dc2e580da5c1cbfa46e9a561"
          />
        </div>
        <div class="block_3 flex-row justify-between">
          <div class="image-text_8 flex-row justify-between">
            <img
              class="label_4"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng870bc430c2ddc1d28de894251ff314e0e4dd0e9ab2da4a2e8b0eb9cfbfc11962"
            />
            <div class="text-group_9 flex-col">
              <span class="text_15">健康告知.pdf</span>
              <span class="text_16">980KB</span>
            </div>
          </div>
          <img
            class="thumbnail_4"
            referrerpolicy="no-referrer"
            src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngd36b35df4ed347995d6edde2c42aa1a2591397a4dc2e580da5c1cbfa46e9a561"
          />
        </div>
        <div class="block_4 flex-row justify-between">
          <div class="image-text_9 flex-row justify-between">
            <img
              class="label_5"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng870bc430c2ddc1d28de894251ff314e0e4dd0e9ab2da4a2e8b0eb9cfbfc11962"
            />
            <div class="text-group_10 flex-col">
              <span class="text_17">保险责任说明.pdf</span>
              <span class="text_18">1.5MB</span>
            </div>
          </div>
          <img
            class="thumbnail_5"
            referrerpolicy="no-referrer"
            src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngd36b35df4ed347995d6edde2c42aa1a2591397a4dc2e580da5c1cbfa46e9a561"
          />
        </div>
      </div>
      <div class="group_9 flex-col">
        <img
          class="image_6"
          referrerpolicy="no-referrer"
          src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbf3e746af52a38753bd540d5f486761a166161ff3c8f2985aa5e994a36349ea4"
        />
        <div class="group_10 flex-row justify-between">
          <div class="image-text_10 flex-col">
            <img
              class="label_6"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPnge1c34aa753793ad1927d03e0a526cbc67283feda10ac5b4442c01c932b1940e3"
            />
            <span class="text-group_11">首页</span>
          </div>
          <div class="image-text_11 flex-col">
            <img
              class="label_7"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng8447fb4a0a45c6195884415974c636ba50f9e486a89489a3ed9a7749523e3a52"
            />
            <span class="text-group_12">AI客服</span>
          </div>
          <div class="image-text_12 flex-col">
            <img
              class="label_8"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng9c0498226c2a52625ed5af0366f4b3a8f439148f929afc840e382b2096d8b49d"
            />
            <span class="text-group_13">我的</span>
          </div>
        </div>
      </div>
      <img
        class="image_7"
        referrerpolicy="no-referrer"
        src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng830c4568c4d0141e1fa97f7fad1e075e2178ab08e5613734b08eaf46dcdd4207"
      />
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        { lanhutext0: '保险期间', lanhutext1: '终身' },
        { lanhutext0: '缴费期间', lanhutext1: '20年' },
        { lanhutext0: '起保年龄', lanhutext1: '0-60岁' },
        { lanhutext0: '保障额度', lanhutext1: '最高100万' },
      ],
      constants: {},
    };
  },
  methods: {},
};
</script>
<style src="./common.css" />
<style src="./index.css" />