<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>
  <div class="content_footer">
    <div style="color: #8a8a8a;" (click)="before()">&lt;</div>
    <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步</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>
<!--提示框-->
<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" />
      <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" />
    </div>
    <!--姓名-->
    <div class="inputControl">
      <input type="text" name="name" placeholder="您的姓名" [(ngModel)]="loginData.name">
    </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>
    <div><button (click)="confirm()">确认</button></div>
  </div>
</div>
<!--无法自动评测提示窗口END-->