<template>
  <div>
    <div class="model m1">
      <p>欢迎使用四维看看后台代理系统！</p>
      <p>四维时代致力于让数字化飞入寻常百姓家</p>
      <p>让人工智能真正服务于生活</p>
    </div>
  </div>
</template>

<style scoped>
.model {
  background-color: #fff;
  margin-bottom: 30px;
  padding: 10px 18px;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
  border-radius: 3px;
}

.m1 {
  font-size: 16px;
  color: #333333;
  line-height: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.m1 p:first-child {
  color: #999999;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
}

.m2 h4{
  font-size: 14px;
  color: #333333;
  line-height: 40px;
  font-weight: bold;
  padding-bottom: 5px;
  border-bottom: 1px solid #f2f2f2;
}

.m2 div {
  color: #333333;
  font-size: 16px;
  line-height: 30px;
  padding-top: 15px;
  padding-bottom: 30px;
  /* max-width: 980px; */
  /* margin: 0 auto */
}

.m2 h5 {
  font-weight: bold;
  margin: 10px 0 20px;
}

.m2 * {
  word-wrap: break-word;
  word-break: break-all;
}
</style>
