<template>
  <div class="i-con">
    <div class="i-title" v-html="content.title"></div>
    <ul class="i-ul">
      <li v-for="(item,index) in content.sub" :key="index">
        <div class="li-title">{{item.title}}</div>
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  props: ['content'],
  data () {
    return {
    }
  }
}
</script>

<style scoped>
.i-con{
  text-align: center;
  width: 100%;
  line-height: 1.5;
}
.i-title{
  font-size: 18px;
  font-weight: bold;
  width: 96%;
  margin: 0 auto;
}
.i-ul{
  margin: 20px auto 0;
  width: 94%;
}
.i-ul li{
  font-size: 14px;
}
</style>
