<template>
  <div class="container">
    <div class="cul-hd"></div>
    <div class="cul-det">
      <card title="芒果保险·1对1保险顾问来帮您?">
        <div class="cul-odds-list">
          <div class="cul-odds-list-item" v-for="(item, index) in oddsInsureList" :key="index">
            <div class="cul-odds-list-title">
              <i class="cul-odds-list-title-icon">{{ index + 1 }}</i>
              <span class="cul-odds-list-title-txt">{{ item.title }}</span>
            </div>
            <div class="cul-odds-list-content">
              <div class="cul-odds-list-content-item" v-for="(it, idx) in item.children" :key="idx">
                <div class="cul-odds-list-content-title">
                  <svg-icon icon-class="check-circle" />
                  {{ it[0] }}
                </div>
                <div class="cul-odds-list-content-txt">{{ it[1] }}</div>
              </div>
            </div>
          </div>
        </div>
      </card>
    </div>
  </div>
</template>

<script>
import Card from "@/components/Card";
export default {
  name: "ConsultantExclusive",
  components: {
    Card
  },
  data() {
    return {
      Info: {},
      oddsInsureList: [
        {
          title: "投保前",
          children: [
            ["全方位评估:", "360°筛查、识别、评估您的家庭风险"],
            [
              "量身筛选:",
              "根据您的自身情况，分析对比几百款产品，选出最适合的保障方案，最高节省50%保费"
            ],
            ["保单诊断:", "全面评估已有保单，中立、客观的给您提供针对性的意见 "]
          ]
        },
        {
          title: "投保中",
          children: [
            ["条款解读:", "为您解释复杂难懂的条款"],
            ["有效投保:", "为您做好健康告知，做到有效投保"]
          ]
        },
        {
          title: "省钱",
          children: [["协助理赔:", "申请理赔时，理赔专家全程协助"]]
        }
      ]
    };
  },
  mounted() {}
};
</script>
<style lang="less" src="./index.less" scoped></style>
