<div class="container">
  <div class="layout">
    <div class="content">
      <div class="questionTitle">
        <div class="titleName">{{ this.curPageData?.questions[0]['questionName'] }}</div>
        <div class="page">{{this.curPage}}/{{this.totalPage}}</div>
      </div>
      <div class="subTitle">
        (城镇居民和新农合都算)
      </div>
      <ul class="jobContent" style="display: flex;">
        <li [ngClass]="{ selected: options['selected'] == true }"
          style="width: 48%;margin: 0 2%;text-align: center;justify-content: center;"
          *ngFor="let options of this.curPageData?.questions[0]['options']"
          (click)=selectedSocial(this.curPageData?.questions[0],options)>
          {{ options.optionName }}
        </li>
      </ul>
      <div class="questionTitle" *ngIf="this.type == 2 || this.type == 4">
        {{ this.curPageData?.questions[1]['questionName'] }}
      </div>
      <ul class="jobContent" *ngIf="this.type == 2 || this.type == 4" style="display: flex;">
        <li [ngClass]="{ selected: options['selected'] == true }"
          style="width: 48%;margin: 0 2%;text-align: center;justify-content: center;"
          *ngFor="let options of this.curPageData?.questions[1]['options']"
          (click)=selectedSocial(this.curPageData?.questions[1],options)>
          {{ 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>