样式修改

67b92974 · Chao Sun · 2605ad48 · 67b92974 · 67b92974 · 67b92974
Commit 67b92974 authored Sep 25, 2019 by Chao Sun
24 changed files
--- a/consulting/css/style.css
+++ b/consulting/css/style.css
@@ -49,8 +49,10 @@ input[type="number"] {
  display: -webkit-flex;
  display: flex;
  background: #fff;
-  position: relative;
+  position: fixed;
  height: 65px;
+  bottom: 0;
+  width: 100%;
 }
 .footer .left {

--- a/consulting/index.html
+++ b/consulting/index.html
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta
+  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
-      http-equiv="Cache-Control"
-      content="no-cache, no-store, must-revalidate"
-    />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />
-    <meta
+  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
-      name="viewport"
-      content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
-    />
  <title>獴哥保险诊所</title>
  <link rel="stylesheet" href="./css/style.css" />
  <!--Shortcut icon-->
-    <link
+  <link rel="shortcut icon" href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif" />
-      rel="shortcut icon"
+</head>
-      href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif"
-    />
-  </head>
-  <body>
+<body>
  <div>
-      <img src="./images/bg.png" />
+    <img style="padding-bottom: 65px;" src="./images/bg.png" />
  </div>
  <div class="footer">
    <ul class="left">
      <li class="kefu_Wrapper">
-          <a
+        <a href="http://q.url.cn/abkzV9?_type=wpa&qidian=true" target="_blank">
-            href="http://q.url.cn/abkzV9?_type=wpa&qidian=true"
-            target="_blank"
-          >
          <img class="icon" src="./images/icon.png" alt="icon" />
          <div class="kefu">客服</div>
        </a>
@@ -67,16 +56,11 @@
      </div>
      <!--获取验证码 -->
      <div class="codeSection inputControl">
-          <input
+        <input style="width:100%" id="code" type="number" maxlength="4" placeholder="短信验证码" />
-            id="code"
-            type="number"
-            maxlength="4"
-            placeholder="短信验证码"
-          />
      </div>
      <!--姓名 -->
      <div class="codeSection inputControl">
-          <input id="name" type="text" placeholder="姓名" />
+        <input style="width:100%" id="name" type="text" placeholder="姓名" />
      </div>
      <!--立即支付 -->
      <button class="goBuyBtn commonBtn" id="pay">立即支付</button>
@@ -98,12 +82,7 @@
    <div class="inputBox">
      <!--获取手机号 -->
      <div class="mobileNoSection inputControl">
-          <input
+        <input id="loginPhone" type="number" maxlength="11" placeholder="手机号" />
-            id="loginPhone"
-            type="number"
-            maxlength="11"
-            placeholder="手机号"
-          />
        <div class="autoGet">
          <button class="getPhoneNumber commonBtn" id="loginCodeBtn">
            获取验证码
@@ -112,12 +91,7 @@
      </div>
      <!--获取验证码 -->
      <div class="codeSection inputControl">
-          <input
+        <input id="loginCode" type="number" maxlength="4" placeholder="短信验证码" />
-            id="loginCode"
-            type="number"
-            maxlength="4"
-            placeholder="短信验证码"
-          />
      </div>
      <!--登录 -->
      <button class="goBuyBtn commonBtn" id="loginIn">登录</button>
@@ -130,7 +104,7 @@
  <script src="./js/base.js"></script>
  <script>
    var _hmt = _hmt || [];
-      (function() {
+    (function () {
      const host = window.location.host;
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
@@ -142,5 +116,6 @@
      s.parentNode.insertBefore(hm, s);
    })();
  </script>
-  </body>
+</body>
 </html>
\ No newline at end of file
--- a/consulting/js/base.js
+++ b/consulting/js/base.js
 $(function () {
    // var api = 'https://' + window.location.host;
-    var api = 'https://m.zuihuibi.cn';
+    var api = 'https://mdev.zuihuibi.cn';
    var gitUrlParam = window.location.search;
    const shareInfo = {
        shareCode: null,
@@ -60,20 +60,20 @@ $(function () {
    param.deviceType = deviceType;
    //获取产品价格
    var nowPrice = getGoodsPrice()
-    function getGoodsPrice(){
+    function getGoodsPrice() {
        $.ajax({
-            type:"POST",
+            type: "POST",
-            url:api+ '/api/voucherInfoQuery',
+            url: api + '/api/voucherInfoQuery',
            contentType: "application/json",
-            data:JSON.stringify({
+            data: JSON.stringify({
-                planId:424
+                planId: 424
            }),
            async: false,
            headers: {
                "X-Authorization": token
            },
-            success:function(res){
+            success: function (res) {
-                if(res['data']){
+                if (res['data']) {
                    $(".nowPrice").html(res['data']['voucherSalePrice'])
                    $(".primeCost").html(res['data']['voucherValue'])
                    nowPrice = res['data']['voucherSalePrice']
@@ -322,7 +322,7 @@ $(function () {
                planId: '424',
                startDate: startDate.getFullYear() + '-' + dateFormat((Number(startDate.getMonth()) + 1)) + '-' + dateFormat((Number(startDate.getDate()))),
                endDate: endDate.getFullYear() + '-' + dateFormat((Number(endDate.getMonth()) + 1)) + '-' + dateFormat((Number(endDate.getDate()))),
-                price:nowPrice,
+                price: nowPrice,
                holder: {
                    name: param.name,
                    mobileNo: param.phone

--- a/consulting1/css/style.css
+++ b/consulting1/css/style.css
@@ -49,8 +49,10 @@ input[type="number"] {
  display: -webkit-flex;
  display: flex;
  background: #fff;
-  position: relative;
+  position: fixed;
  height: 65px;
+  bottom: 0;
+  width: 100%;
 }
 .footer .left {

--- a/consulting1/index.html
+++ b/consulting1/index.html
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta
+  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
-      http-equiv="Cache-Control"
-      content="no-cache, no-store, must-revalidate"
-    />
  <meta http-equiv="Pragma" content="no-cache" />
  <meta http-equiv="Expires" content="0" />
-    <meta
+  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
-      name="viewport"
-      content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
-    />
  <title>獴哥保险诊所</title>
  <link rel="stylesheet" href="./css/style.css" />
-    <link
+  <link rel="shortcut icon" href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif" />
-      rel="shortcut icon"
+</head>
-      href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif"
-    />
-  </head>
-  <body>
+<body>
  <div>
-      <img src="./images/bg_toutiao.png" />
+    <img style="padding-bottom: 65px;" src="./images/bg_toutiao.png" />
  </div>
  <div class="footer">
    <ul class="left">
      <li class="kefu_Wrapper">
-          <a
+        <a href="http://q.url.cn/abkzV9?_type=wpa&qidian=true" target="_blank">
-            href="http://q.url.cn/abkzV9?_type=wpa&qidian=true"
-            target="_blank"
-          >
          <img class="icon" src="./images/icon.png" alt="icon" />
          <div class="kefu">客服</div>
        </a>
@@ -66,16 +55,11 @@
      </div>
      <!--获取验证码 -->
      <div class="codeSection inputControl">
-          <input
+        <input style="width:100%" id="code" type="number" maxlength="4" placeholder="短信验证码" />
-            id="code"
-            type="number"
-            maxlength="4"
-            placeholder="短信验证码"
-          />
      </div>
      <!--姓名 -->
      <div class="codeSection inputControl">
-          <input id="name" type="text" placeholder="姓名" />
+        <input style="width:100%" id="name" type="text" placeholder="姓名" />
      </div>
      <!--立即支付 -->
      <button class="goBuyBtn commonBtn" id="pay">立即支付</button>
@@ -97,12 +81,7 @@
    <div class="inputBox">
      <!--获取手机号 -->
      <div class="mobileNoSection inputControl">
-          <input
+        <input id="loginPhone" type="number" maxlength="11" placeholder="手机号" />
-            id="loginPhone"
-            type="number"
-            maxlength="11"
-            placeholder="手机号"
-          />
        <div class="autoGet">
          <button class="getPhoneNumber commonBtn" id="loginCodeBtn">
            获取验证码
@@ -111,12 +90,7 @@
      </div>
      <!--获取验证码 -->
      <div class="codeSection inputControl">
-          <input
+        <input id="loginCode" type="number" maxlength="4" placeholder="短信验证码" />
-            id="loginCode"
-            type="number"
-            maxlength="4"
-            placeholder="短信验证码"
-          />
      </div>
      <!--登录 -->
      <button class="goBuyBtn commonBtn" id="loginIn">登录</button>
@@ -129,7 +103,7 @@
  <script src="./js/base.js"></script>
  <script>
    var _hmt = _hmt || [];
-      (function() {
+    (function () {
      const host = window.location.host;
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
@@ -141,5 +115,6 @@
      s.parentNode.insertBefore(hm, s);
    })();
  </script>
-  </body>
+</body>
 </html>
\ No newline at end of file
--- a/consulting1/js/base.js
+++ b/consulting1/js/base.js
 $(function () {
    // var api = 'https://' + window.location.host;
-    var api = 'https://m.zuihuibi.cn';
+    var api = 'https://mdev.zuihuibi.cn';
    var gitUrlParam = window.location.search;
    const shareInfo = {
        shareCode: null,
@@ -59,20 +59,20 @@ $(function () {
    param.deviceType = deviceType;
    //获取产品价格
    var nowPrice = getGoodsPrice()
-    function getGoodsPrice(){
+    function getGoodsPrice() {
        $.ajax({
-            type:"POST",
+            type: "POST",
-            url:api+ '/api/voucherInfoQuery',
+            url: api + '/api/voucherInfoQuery',
            contentType: "application/json",
-            data:JSON.stringify({
+            data: JSON.stringify({
-                planId:424
+                planId: 424
            }),
            async: false,
            headers: {
                "X-Authorization": token
            },
-            success:function(res){
+            success: function (res) {
-                if(res['data']){
+                if (res['data']) {
                    $(".nowPrice").html(res['data']['voucherSalePrice'])
                    $(".primeCost").html(res['data']['voucherValue'])
                    nowPrice = res['data']['voucherSalePrice']

--- a/questionnaire/src/app/age/age.component.html
+++ b/questionnaire/src/app/age/age.component.html
@@ -16,19 +16,17 @@
    <div class="icon">+</div>
    <div data-toggle="modal">增加孩子年龄</div>
  </div>
-  <div class="content_footer">
+</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 class="toastWrapper toast" *ngIf="isShow" (click)="closeToast()">
+<div class="toastWrapper toast" *ngIf="isShow" (click)="closeToast()">
-  </div>
 </div>
 <div class="toastContent" *ngIf="isShow">
  <ul>
-    <li
+    <li *ngFor="let options of curQues.options" [ngClass]="{ selected: options['selected']}"
-      *ngFor="let options of curQues.options"
-      [ngClass]="{ selected: options['selected']}"
      (click)="selectedAge(options);">
      {{ options.optionName }}
    </li>

--- a/questionnaire/src/app/children-health/children-health.component.html
+++ b/questionnaire/src/app/children-health/children-health.component.html
@@ -5,17 +5,15 @@
        {{ this.curPageData?.questions[0]['questionName'] }}
      </div>
      <ul class="jobContent">
-        <li
+        <li class="selected" *ngFor="let options of this.curPageData?.questions[0]['options']"
-          class="selected"
-          *ngFor="let options of this.curPageData?.questions[0]['options']"
          [ngClass]="{ selected: options['selected'] == true }" (click)="selectedHealth(options,false)">
          {{ 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>
\ No newline at end of file
--- a/questionnaire/src/app/disease/disease.component.html
+++ b/questionnaire/src/app/disease/disease.component.html
@@ -5,19 +5,15 @@
        {{ this.curPageData?.pageName }}
      </div>
      <ul class="jobContent">
-        <li
+        <li *ngFor="let options of this.options" [ngClass]="{ selected: options['selected'] == true }"
-          *ngFor="let options of this.options"
+          (click)="checkFun(options,false)">
-          [ngClass]="{ selected: options['selected'] == true }"
-          (click)="checkFun(options,false)"
-        >
          {{ 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' }"
+    <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div>
-      (click)="next()"> 下一步 </div>
-    </div>
  </div>
 </div>
\ No newline at end of file
--- a/questionnaire/src/app/health/health.component.html
+++ b/questionnaire/src/app/health/health.component.html
 <div class="container">
  <div class="layout">
-    <div class="content">
+    <div class="content healthContent" style="min-height: 300px;">
      <div class="questionTitle">
        {{ this.curPageData?.questions[0]['questionName'] }}
      </div>
      <ul class="jobContent">
        <li *ngFor="let options of this.curPageData?.questions[0]['options']"
-            [ngClass]="{ selected: options['selected'] == true}"
+          [ngClass]="{ selected: options['selected'] == true}" (click)="selectedHealth(options,false)">
-            (click)="selectedHealth(options,false)">
          {{ 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>
\ No newline at end of file
--- a/questionnaire/src/app/income/income.component.html
+++ b/questionnaire/src/app/income/income.component.html
@@ -6,11 +6,9 @@
          {{ this.curPageData?.questions[0]['questionName'] }}
        </div>
        <ul class="income">
-              <li
+          <li [ngClass]="{ selected: options['selected'] }"
-                [ngClass]="{ selected: options['selected'] }"
            *ngFor="let options of this.curPageData?.questions[0].options"
-                (click)="selectedIncome(this.curPageData?.questions[0],options)"
+            (click)="selectedIncome(this.curPageData?.questions[0],options)">
-                >
            {{ options.optionName }}
          </li>
        </ul>
@@ -18,19 +16,17 @@
          {{ this.curPageData?.questions[1]['questionName']}}
        </div>
        <ul class="income" *ngIf="this.type == 2 || this.type == 4">
-              <li
+          <li [ngClass]="{ selected: options['selected']}"
-                [ngClass]="{ selected: options['selected']}"
            *ngFor="let options of this.curPageData?.questions[1]['options']"
-                (click)="selectedIncome(this.curPageData?.questions[1],options)"
+            (click)="selectedIncome(this.curPageData?.questions[1],options)">
-              >
            {{ options.optionName }}
          </li>
        </ul>
      </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>
 </div>
\ No newline at end of file
--- a/questionnaire/src/app/live/live.component.html
+++ b/questionnaire/src/app/live/live.component.html
@@ -5,11 +5,8 @@
        {{ this.curPageData?.questions[0]['questionName'] }}
      </div>
      <ul class="cityContent">
-        <li
+        <li *ngFor="let provinces of this.provinceList" [ngClass]="{ selected: provinces['selected'] == true }"
-          *ngFor="let provinces of this.provinceList"
+          (click)="showToast(); selectProvince(provinces)">
-          [ngClass]="{ selected: provinces['selected'] == true }"
-          (click)="showToast(); selectProvince(provinces)"
-        >
          {{ provinces.provinceAbbr }}
        </li>
      </ul>
@@ -17,11 +14,10 @@
        {{ this.strAddress }}
      </div>
    </div>
+  </div>
  <div class="content_footer">
    <div style="color: #8a8a8a;" (click)="before()">&lt;</div>
-     <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }"
+    <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div>
-      (click)="next()"> 下一步 </div>
-    </div>
  </div>
  <div class="toastWrapper toast" *ngIf="isShow" (click)="closeToast();">
@@ -32,10 +28,7 @@
      <span>{{ this.provinceName }}</span>
    </div>
    <ul class="city">
-      <li
+      <li *ngFor="let city of this.cityList" (click)="closeToast(); selectCity(city);">
-        *ngFor="let city of this.cityList"
-        (click)="closeToast(); selectCity(city);"
-      >
        {{ city.cityName }}
      </li>
    </ul>

--- a/questionnaire/src/app/loan/loan.component.html
+++ b/questionnaire/src/app/loan/loan.component.html
@@ -5,11 +5,9 @@
        {{ this.curPageData?.questions[0]['questionName'] }}
      </div>
      <ul class="income">
-        <li
+        <li [ngClass]="{ selected: options['selected'] == true }"
-          [ngClass]="{ selected: options['selected'] == true }"
          *ngFor="let options of this.curPageData?.questions[0]['options']"
-          (click)="selectedLoan(this.curPageData?.questions[0],options)"
+          (click)="selectedLoan(this.curPageData?.questions[0],options)">
-          >
          {{ options.optionName }}
        </li>
      </ul>
@@ -17,20 +15,16 @@
        {{ this.curPageData?.questions[1]['questionName'] }}
      </div>
      <ul class="income">
-          <li
+        <li [ngClass]="{ selected: options['selected'] == true }"
-          [ngClass]="{ selected: options['selected'] == true }"
          *ngFor="let options of this.curPageData?.questions[1]['options']"
-          (click)="selectedLoan(this.curPageData?.questions[1],options)"
+          (click)="selectedLoan(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' }"
+    <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div>
-          (click)="next()"
-     > 下一步 </div>
-    </div>
  </div>
 </div>
\ No newline at end of file
--- a/questionnaire/src/app/smoking/smoking.component.html
+++ b/questionnaire/src/app/smoking/smoking.component.html
@@ -5,19 +5,15 @@
        {{ this.curPageData?.pageName }}
      </div>
      <ul class="jobContent">
-        <li
+        <li *ngFor="let options of this.options" [ngClass]="{ selected: options['selected'] == true }"
-          *ngFor="let options of this.options"
+          (click)="checkFun(options,false)">
-          [ngClass]="{ selected: options['selected'] == true }"
-          (click)="checkFun(options,false)"
-        >
          {{ 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' }"
+    <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div>
-     (click)="next()"> 下一步 </div>
-    </div>
  </div>
 </div>
\ No newline at end of file
--- a/questionnaire/src/app/social-security/social-security.component.html
+++ b/questionnaire/src/app/social-security/social-security.component.html
@@ -5,11 +5,9 @@
        {{ this.curPageData?.questions[0]['questionName'] }}
      </div>
      <ul class="jobContent">
-        <li
+        <li [ngClass]="{ selected: options['selected'] == true }"
-          [ngClass]="{ selected: options['selected'] == true }"
          *ngFor="let options of this.curPageData?.questions[0]['options']"
-          (click)=selectedSocial(this.curPageData?.questions[0],options)
+          (click)=selectedSocial(this.curPageData?.questions[0],options)>
-          >
          {{ options.optionName }}
        </li>
      </ul>
@@ -17,20 +15,16 @@
        {{ this.curPageData?.questions[1]['questionName'] }}
      </div>
      <ul class="jobContent" *ngIf="this.type == 2 || this.type == 4">
-        <li
+        <li [ngClass]="{ selected: options['selected'] == true }"
-          [ngClass]="{ selected: options['selected'] == true }"
          *ngFor="let options of this.curPageData?.questions[1]['options']"
-          (click)=selectedSocial(this.curPageData?.questions[1],options)
+          (click)=selectedSocial(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' }"
+    <div [ngStyle]="{ color: nextBtn == false ? '#8a8a8a' : '#ec2d37' }" (click)="next()"> 下一步 </div>
-          (click)="next()"
-     > 下一步 </div>
-    </div>
  </div>
 </div>
\ No newline at end of file
--- a/questionnaire/src/app/transit/transit.component.html
+++ b/questionnaire/src/app/transit/transit.component.html
 <div class="limbo">
  <div class="title">
    <img src="assets/images/bg_1.png" />
  </div>
  <div class="tips">
    <span style="color:red;">*</span>
-    <span>本测试大约需要1分钟</span>
+    <span>本问卷大约需要1分钟</span>
  </div>
  <div class="footer" routerLink="/family">
-    <div>获取家庭分析报告</div>
+    <div>进入</div>
  </div>
 </div>
\ No newline at end of file
--- a/questionnaire/src/app/transit3/transit3.component.css
+++ b/questionnaire/src/app/transit3/transit3.component.css
@@ -4,6 +4,8 @@
  justify-content: center;
  align-items: center;
  letter-spacing: 2px;
+  position: relative;
+  top: -100px;
 }
 .ydCodeContainer > img {

--- a/questionnaire/src/app/transit3/transit3.component.html
+++ b/questionnaire/src/app/transit3/transit3.component.html
 <div class="limbo">
  <div class="title">
-    <img src="assets/images/bg_17.png"/>
+    <img src="assets/images/bg_17.png" />
  </div>
  <div class="ydCodeContainer">
-    <img src="assets/images/yd.jpg" alt="银盾在线">
+    <img style="width: 30%;" src="assets/images/yd.jpg" alt="银盾在线">
-    <p>请关注我们的公众号查询你的方案</p>
+    <p style="font-size:18px;">请关注我们的公众号查询你的方案</p>
  </div>
-  <div class="footer" style="margin-top: 10%;" (click)="getHref()">
+  <div class="footer" (click)="getHref()" style="position: relative;top: -80px;">
    <div (click)="getHref()">我知道了</div>
  </div>
 </div>
\ No newline at end of file
--- a/questionnaire/src/assets/images/bg_1.png
+++ b/questionnaire/src/assets/images/bg_1.png
--- a/questionnaire/src/assets/images/bg_10.png
+++ b/questionnaire/src/assets/images/bg_10.png
--- a/questionnaire/src/assets/images/bg_17.png
+++ b/questionnaire/src/assets/images/bg_17.png
--- a/questionnaire/src/assets/images/bg_6.png
+++ b/questionnaire/src/assets/images/bg_6.png
--- a/questionnaire/src/assets/images/yd.jpg
+++ b/questionnaire/src/assets/images/yd.jpg
--- a/questionnaire/src/styles.css
+++ b/questionnaire/src/styles.css
@@ -61,9 +61,9 @@ ol li {
  justify-content: center;
  align-items: center;
  font-size: 20px;
-  padding: 20px 0;
+  padding: 15px 0;
  width: 90%;
-  margin: 0 auto;
+  margin: 0 auto 5% auto;
  background: #ec2d37;
  color: #fff;
  border-radius: 10px;
@@ -74,12 +74,42 @@ ol li {
    padding:10px 0;
 } */
 .content {
-  /* max-height: 525px; */
  overflow: auto;
+  padding-bottom:60px;
+  padding-right: 5px;
  -webkit-overflow-scrolling: touch;
-  padding-bottom: 75px;
+}
+.content.healthContent::-webkit-scrollbar-track-piece {  
+  background-color: rgba(0, 0, 0, 0);  
+  border-left: 1px solid rgba(0, 0, 0, 0);  
+}  
+.content.healthContent::-webkit-scrollbar {  
+  -webkit-appearance: none;
+  width: 5px;  
+  height: 13px;  
+  -webkit-border-radius: 5px;  
+  -moz-border-radius: 5px;  
+  border-radius: 5px;  
+}  
+.content.healthContent::-webkit-scrollbar-thumb {  
+  background-color: rgba(0, 0, 0, 0.5);  
+  background-clip: padding-box;  
+  -webkit-border-radius: 5px;  
+  -moz-border-radius: 5px;  
+  border-radius: 5px;  
+  min-height: 28px;  
 }  
+.content.healthContent::-webkit-scrollbar-thumb:hover {  
+  background-color: rgba(0, 0, 0, 0.5);  
+  -webkit-border-radius: 5px;  
+  -moz-border-radius: 5px;  
+  border-radius: 5px;  
+}  
+.content.healthContent:after{
+  min-height: calc(100% + 1px);
+}
 /* .layout.cityLayout .questionTitle{
    margin:0 10px;
 } */
@@ -111,8 +141,8 @@ ol li {
  width: 100%;
  position: fixed;
  bottom: 0;
-  background-color: #fff;
+  background-color: #f6f6f6;
-  padding-bottom: 15px;
+  /* padding-bottom: 15px; */
 }
 .content_footer div {
@@ -219,6 +249,7 @@ ol li {
  -moz-box-shadow: 0px 3px 7px rgb(206, 208, 210);
  -webkit-box-shadow: 0px 3px 7px rgb(206, 208, 210);
  box-shadow: 0px 3px 7px rgb(206, 208, 210);
+  font-size: 18px;
 }
 .cityContent li:nth-child(7),
@@ -326,11 +357,11 @@ ol li {
  height: 35px;
  line-height: 35px;
 }
 .address {
  width: 80%;
  margin: 15% auto;
  text-align: center;
+  font-size: 18px;
 }
 #errTips {
@@ -350,6 +381,9 @@ ol li {
  animation: slowUp .5s ease both;
 }
+.limbo{
+  position: relative;
+}
 @keyframes slowUp {
  0% {
    -webkit-transform: translateY(100%);