<div class="container">
  <div class="layout">
    <div class="content">
      <div class="twoContent">
          <div class="questionTitle">
              {{ this.curPageData?.questions[0]['questionName'] }}
            </div>
            <ul class="income">
              <li
                [ngClass]="{ selected: options['selected'] }"
                *ngFor="let options of this.curPageData?.questions[0].options"
                (click)="selectedIncome(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="income" *ngIf="this.type == 2 || this.type == 4">
              <li
                [ngClass]="{ selected: options['selected']}"
                *ngFor="let options of this.curPageData?.questions[1]['options']"
                (click)="selectedIncome(this.curPageData?.questions[1],options)"
              >
                {{ options.optionName }}
              </li>
            </ul>
      </div>
    </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>
