<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>
      <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>
  <div class="content_footer">
    <div (click)="before()">上一步</div>
    <div class="next" [ngStyle]="{ opacity: nextBtn == false ? '0.8' : '1' }" (click)="next(null)"> 下一步</div>
  </div>
  <div class="toastWrapper toast" *ngIf="isShow" (click)="closeToast();">

  </div>
  <div class="toastContent city" *ngIf="isShow">
    <div class="live">
      所在地区
      <span nz-icon [nzType]="'close'" style="position: absolute;right: 15px;top: 10px;"
        (click)="this.isShow = false;"></span>
    </div>
    <div class="province" style="position: relative;">
      <div>{{ this.provinceName }}</div>
      <div style="text-align: left;border-bottom:2px #5566e9 solid;">{{this.cityName}}</div>
      <div style="height: 35px;line-height:35px;border-bottom:1px #e5e5e5 solid;width: 100%;position: absolute;">
      </div>
    </div>
    <ul class="city">
      <li [ngClass]="{selected:city.cityName == this.cityName}" *ngFor="let city of this.cityList"
        (click)="selectCity(city);">
        {{ city.cityName }}
      </li>
    </ul>
  </div>
</div>
<!--提示框-->
<div id="errTips" *ngIf="this.tipsFlag">
  {{tipsHtml}}
</div>
<!--登录查看结果START-->
<div class="loginInBox" *ngIf="loginModalFlag">
  <div class='inputBox'>
    <!--获取手机号 -->
    <div class="mobileNoSection inputControl">
      <input type='tel' maxlength="11" name="mobileNo" placeholder="您的手机号" [(ngModel)]="loginData.mobileNo"
        (blur)="scrollTo()" />
      <div class='autoGet'>
        <button class='getPhoneNumber' (click)="sendCode()" [disabled]="sendBtnFlag">
          {{timeHtml}}
        </button>
      </div>
    </div>
    <!--获取验证码 -->
    <div class="codeSection inputControl">
      <input type='tel' maxlength="4" name="code" placeholder="短信验证码" [(ngModel)]="loginData.code"
        (blur)="scrollTo()" />
    </div>
    <!--姓名-->
    <div class="inputControl">
      <input type="text" name="name" placeholder="您的姓名" [(ngModel)]="loginData.name" (blur)="scrollTo()">
    </div>
    <!--登录 -->
    <div style="text-align: center;">
      <button class='commonBtn' id="loginIn" (click)="loginIn()">获取结果</button>
    </div>
  </div>
  <div class="closeBtn" (click)="loginModalFlag=false">X</div>
</div>
<!--登录查看结果END-->

<!--无法自动评测提示窗口START-->
<div class="autoEvaluationContainer" *ngIf="autoEvaluationModal">
  <div class="autoEvaluationContent">
    <!-- <p>抱歉，您的情况无法进行自动评测和方案制定，我们的客服会联系您进行人工评测和制定方案。</p> -->
    <p>抱歉，您提交的健康状况有部分异常，系统无法帮您自动生成保险方案。</p>
    <p> 我们的保险顾问会主动联系您定制方案，谢谢！</p>
    <div><button (click)="confirm()">确认</button></div>
  </div>
</div>
<!--无法自动评测提示窗口END-->