<div class="container">
  <div class="layout ">
    <div class="content">
      <div class="questionTitle">
        {{ this.curPageData?.questions[0]['questionName'] }}
      </div>
      <ul class="cityContent">
        <li
          *ngFor="let provinces of this.provinceList"
          [ngClass]="{ selected: provinces['selected'] == true }"
          (click)="showToast(); selectProvince(provinces)"
        >
          {{ provinces.provinceAbbr }}
        </li>
      </ul>
      <div class="address" *ngIf="this.showAddress">
        {{ this.strAddress }}
      </div>
    </div>
    <div class="content_footer">
      <div style="color: #8a8a8a;">&lt;</div>
     <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }"
      (click)="next()"> 下一步 </div>
    </div>
  </div>
  <div class="toastWrapper toast" *ngIf="isShow" (click)="closeToast();">
    
  </div>
  <div class="toastContent city" *ngIf="isShow">
    <div class="live">所在地区</div>
    <div class="province">
      <span>{{ this.provinceName }}</span>
    </div>
    <ul class="city">
      <li
        *ngFor="let city of this.cityList"
        (click)="closeToast(); selectCity(city);"
      >
        {{ city.cityName }}
      </li>
    </ul>
  </div>
</div>
