<div class="container">
  <div class="layout">
    <div class="content">
      <div class="questionTitle">
        <div
          style="font-size: 14px;position: absolute;background: #e11c2b;color: #fff;height: 20px;line-height: 20px;width: 50px;text-align: center;">
          可多选</div>
        <div class="titleName" style="margin-left: 55px;">{{ this.curPageData?.questions[0]['questionName'] }}</div>
        <div class="page">{{this.curPage}}/{{this.totalPage}}</div>
        <!-- <span style="font-size: 14px;position: relative;top: 3px;color:#ec2d37;">(请在下列7种情况中选择)</span> -->
      </div>
      <div class="subTitle">(健康状况决定了能不能投保，共7项)</div>
      <ul class="jobContent" style="display: flex;flex-wrap: wrap;">
        <li class="selected" style="width: 48%;margin-right: 2%;justify-content: center;"
          *ngFor="let options of this.curPageData?.questions[0]['options']"
          [ngClass]="{ selected: options['selected'] == true }" (click)="selectedHealth(options,false)">
          {{ options.optionName }}
        </li>
      </ul>
    </div>
  </div>
  <div class="content_footer">
    <div (click)="before()">上一步</div>
    <div class="next" [ngStyle]="{ opacity: nextBtn == false ? '0.8' : '1' }" (click)="next()"> 下一步</div>
  </div>
</div>