<div class="rich_media_content" *ngIf="isActive==1">
  <div [innerHTML]="commission | safeHtml">
  </div>
</div>
<div class="wrapper" *ngIf="isActive==2">
    <div class="top">
      <div class="title">基础公告佣金政策</div>
      <div class="subtitle">*本产品适用 <span style="color: #333;font-weight: bold;">{{settlementRuleType}}</span>
         <!-- <span style="color: red;">（基本法类型取自产品基本信息-基本法）</span> -->
        </div>
    </div>
    <div class="content">
      <ul>
        <li class="name">产品名称</li>
        <li class="pay">保障期间</li>
        <li>缴费年期</li>
        <li>第1年佣率</li>
        <li>第2年佣率</li>
        <li>第3年佣率</li>
        <li>第4年佣率</li>
        <li>第5年佣率</li>
      </ul>
      <ul *ngFor="let commissionItem of commissionInfoList">
        <li class="name">{{commissionItem.productName}}</li>
        <li class="pay">{{commissionItem.coverTermName}}</li>
        <li>{{commissionItem.paymentTermStart}}-{{commissionItem.paymentTermEnd}}</li>
        <li>{{commissionItem.firstYearRate?commissionItem.firstYearRate+'%':'-'}}</li>
        <li>{{commissionItem.secondYearRate?commissionItem.secondYearRate+'%':'-'}}</li>
        <li>{{commissionItem.thirdYearRate?commissionItem.thirdYearRate+'%':'-'}}</li>
        <li>{{commissionItem.fourthYearRate?commissionItem.fourthYearRate+'%':'-'}}</li>
        <li>{{commissionItem.fifthYearRate?commissionItem.fifthYearRate+'%':'-'}}</li>
      </ul>
    </div>
    <div>
      <p>*温馨提示：</p> 
      <p>根据基本法规定，如因客户退保产生保险公司追佣的情形，公司将向经纪人扣回或追偿相应损失。</p>
    </div>
</div>
<div *ngIf="!commission && !commissionInfoList" style="text-align: center;font-size: 20px;color: #333;">
  公告佣金数据待更新,请耐心等待！
</div>
