<div class="container">
  <div class="layout">
    <div class="content">
      <div class="questionTitle">
        {{ this.curPageData?.questions[0]['questionName'] }}
      </div>
      <ul class="jobContent">
        <li
          [ngClass]="{ selected: options['selected'] == true }"
          *ngFor="let options of this.curPageData?.questions[0]['options']"
          (click)=selectedSocial(this.curPageData?.questions[0],options)
          >
          {{ options.optionName }}
        </li>
      </ul>
      <div class="questionTitle" *ngIf="hasMate">
        {{ this.curPageData?.questions[1]['questionName'] }}
      </div>
      <ul class="jobContent" *ngIf="hasMate">
        <li
          [ngClass]="{ selected: options['selected'] == true }"
          *ngFor="let options of this.curPageData?.questions[1]['options']"
          (click)=selectedSocial(this.curPageData?.questions[1],options)
          >
          {{ options.optionName }}
        </li>
      </ul>
    </div>
    <div class="content_footer">
      <div style="color: #8a8a8a;" (click)="before()">&lt;</div>
     <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }"
          (click)="next()"
     > 下一步 </div>
    </div>
  </div>
</div>
