协会后续服务

直接使用代码

图片素材

点击下载本素材所包含的图片，js文件

css代码

 <style>

.in-af-ser { margin:50px auto;}
.in-af-ser .tit { color:#489090; text-align:left; background:url(http://www.bootfastui.cn/img/2021/0423/bg_1.png) no-repeat center; height:200px; padding-top:58px;}
.in-af-ser .tit h1 { border-left:#489090 solid 4px; margin-left:30px; padding-left:20px; line-height:50px; letter-spacing:10px;font-size:35px; }
.in-af-ser  .item {height:150px;border:#e1e1e1 solid 1px;  border-radius:10px; margin-bottom:20px;}
.in-af-ser  .b1 { background:url(http://www.bootfastui.cn/img/2021/0423/ser_1_1.png)  no-repeat -5px;  background-size:auto 100%; }
.in-af-ser  .item p { margin-left:350px; margin-top:60px; font-size:20px; color:#666666; letter-spacing:3px;padding-right:10px}
.in-af-ser  .b2  p {margin-top:50px; }
.in-af-ser  .b3 p { margin-top:40px;}
.in-af-ser  .b4 p { margin-top:30px;}
.in-af-ser  .b2 { background:url(http://www.bootfastui.cn/img/2021/0423/ser_2.png)  no-repeat -5px;  background-size:auto 100%;  }
.in-af-ser  .b3 { background:url(http://www.bootfastui.cn/img/2021/0423/ser_3.png)  no-repeat -5px;  background-size:auto 100%;  }
.in-af-ser  .b4 { background:url(http://www.bootfastui.cn/img/2021/0423/ser_4.png)  no-repeat -5px;  background-size:auto 100%;  }
</style>

HTML+JS代码

 
<div class="container">

  <div class="in-af-ser" style="margin-top:-30px">
    <div class="tit ">
      <h1>协会后续服务</h1>
    </div>
    <div class="item b1">
      <p>为机构负责人提供解答保险相关问题的服务。</p>
    </div>
    <div class="item b2">
      <p class="pad-top10">为机构购买保险时提供投保主体的服务和核实机构地点、确认其真实性的服务。</p>
    </div>
    <div class="item b3">
      <p class="pad-top15">在保单生效后，协会为机构提供核实证明保险期内变更地址的服务。</p>
    </div>
    <div class="item b4">
      <p class="pad-top10">产生理赔时，协会专人对接跟踪保险公司理赔进程，出具相关证明文件，为机构提供相关理赔服务。</p>
      </p>
    </div>
  
  </div>