style:进度条

@@ -3,33 +3,7 @@
     margin: 0 auto;
     margin: 0 auto;
     min-height:calc(100vh - 207px);
     min-height:calc(100vh - 207px);
 }
 }
-.name_title {
-    padding: 10px;
-    margin-top: 15px;
-}
-.name_title h2 {
-    display: inline-block;
-    margin-right: 10px;
-    height: 16px;
-    line-height: 16px;
-    color: #4A4A4A;
-    line-height: 16px;
-    position: relative;
-    width: 50px;
-}
-.name_title h2::after {
-    position: absolute;
-    content: "";
-    width: 1px;
-    height: 12px;
-    background-color: #9B9B9B;
-    right: -7px;
-    top: 2px;
-}
-.name_title p {
-    display: inline-block;
-    color: #4A4A4A
-}
+
 .form_title h2 {
 .form_title h2 {
     font-weight: 600;
     font-weight: 600;
     border-left: 3px solid #0091FF;
     border-left: 3px solid #0091FF;

@@ -166,21 +166,21 @@ div.navigation {
 .navigation .layui-nav-item {
 .navigation .layui-nav-item {
     width: 147px;
     width: 147px;
     position: relative;
     position: relative;
-    border-right: 1px solid rgba(255,255,255, 0.2);
-    border-left: 1px solid rgba(255,255,255, 0.2);
+    border-right: 1px solid rgba(255,255,255, 0.1);
+    border-left: 1px solid rgba(255,255,255, 0.1);
     margin-right: -1px;
     margin-right: -1px;
 }
 }
 .navigation .layui-nav-item:first-child {
 .navigation .layui-nav-item:first-child {
-    border-left: 1px solid rgba(255,255,255, 0.4);
+    border-left: 1px solid rgba(255,255,255, 0.2);
 }
 }
 .navigation .layui-nav-item:nth-child(8) {
 .navigation .layui-nav-item:nth-child(8) {
-    border-right: 1px solid rgba(255,255,255, 0.4);
+    border-right: 1px solid rgba(255,255,255, 0.2);
 }
 }
 .layui-bg-blue {
 .layui-bg-blue {
     background-color: #006CFF!important;
     background-color: #006CFF!important;
 }
 }
 .layui-nav-item a{
 .layui-nav-item a{
-    font-size: 19px;
+    font-size: 18px;
 }
 }
 .layui-nav .layui-nav-more {
 .layui-nav .layui-nav-more {
     right: 16px;
     right: 16px;

@@ -5,23 +5,6 @@
     color: #4a4a4a;
     color: #4a4a4a;
     padding-bottom: 100px;
     padding-bottom: 100px;
 }
 }
-.name_title {
-    padding: 10px;
-    margin:15px 0;
-}
-.name_title h2 {
-    display: inline-block;
-    font-weight: 600;
-    margin-right: 10px;
-    border-left: 3px solid #0091FF;
-    height: 16px;
-    line-height: 16px;
-    padding-left: 5px;
-}
-.name_title p {
-    display: inline-block;
-    color: #0091FF;
-}
 .certificate_list {
 .certificate_list {
     border-radius: 4px;
     border-radius: 4px;
     text-align: center;
     text-align: center;
@@ -98,7 +81,7 @@
     display: inline-block;
     display: inline-block;
 }
 }
 .acceptance_process ul li:not(:last-child) {
 .acceptance_process ul li:not(:last-child) {
-    margin-right: 250px;
+    margin-right: 236px;
 }
 }
 .acceptance_process ul li .date {
 .acceptance_process ul li .date {
     text-align: center;
     text-align: center;
@@ -110,6 +93,8 @@
     border: 2px solid #2FA5FF;
     border: 2px solid #2FA5FF;
     border-radius: 18px;
     border-radius: 18px;
     margin: 10px auto;
     margin: 10px auto;
+    background-color: #ffffff;
+    overflow: hidden;
 }
 }
 .acceptance_process ul li h5 {
 .acceptance_process ul li h5 {
     text-align: center;
     text-align: center;

@@ -47,6 +47,7 @@
 .app_progress li h5 {
 .app_progress li h5 {
     white-space: nowrap;
     white-space: nowrap;
     margin-top: 5px;
     margin-top: 5px;
+    font-size: 14px;
 }
 }
 .active {
 .active {
     background-color: #47E1BF!important;
     background-color: #47E1BF!important;
@@ -55,12 +56,15 @@
 .activeing {
 .activeing {
     background-color: #47E1BF!important;
     background-color: #47E1BF!important;
 }
 }
+.activeingtext {
+    color: #47E1BF!important;
+}
 .active::after {
 .active::after {
     content: " ";
     content: " ";
     display: block;
     display: block;
     position: absolute;
     position: absolute;
-    left: 10px;
-    top: 6px;
+    left: 9px;
+    top: 5px;
     width: 8px;
     width: 8px;
     height: 12px;
     height: 12px;
     border-color: #fff;
     border-color: #fff;
@@ -102,7 +106,36 @@
     box-sizing: border-box;
     box-sizing: border-box;
     padding: 20px;
     padding: 20px;
     margin-top: 10px;
     margin-top: 10px;
+    margin-bottom: 50px;
 }
 }
 .progressBar_con {
 .progressBar_con {
     text-align: center;
     text-align: center;
 }
 }
+/* ---------------业务名称title----------------------- */
+.name_title {
+    padding: 10px;
+    margin-top: 15px;
+}
+.name_title h2 {
+    display: inline-block;
+    margin-right: 10px;
+    height: 16px;
+    line-height: 16px;
+    color: #4A4A4A;
+    line-height: 16px;
+    position: relative;
+    width: 50px;
+}
+.name_title h2::after {
+    position: absolute;
+    content: "";
+    width: 1px;
+    height: 12px;
+    background-color: #9B9B9B;
+    right: -7px;
+    top: 2px;
+}
+.name_title p {
+    display: inline-block;
+    color: #4A4A4A
+}
\ No newline at end of file

@@ -37,6 +37,9 @@
 .activeing {
 .activeing {
     background-color: #47E1BF!important; 
     background-color: #47E1BF!important; 
 }
 }
+.activeingtext {
+    color: #47E1BF!important;   
+}
 .active {
 .active {
     background-color: #47E1BF!important;
     background-color: #47E1BF!important;
     position: relative;
     position: relative;

@@ -4,26 +4,9 @@
     min-height:calc(100vh - 207px);
     min-height:calc(100vh - 207px);
     color: #4a4a4a;
     color: #4a4a4a;
 }
 }
-.name_title {
-    padding: 10px;
-    margin:15px 0;
-}
-.name_title h2 {
-    display: inline-block;
-    font-weight: 600;
-    margin-right: 10px;
-    border-left: 3px solid #0091FF;
-    height: 16px;
-    line-height: 16px;
-    padding-left: 5px;
-}
-.name_title p {
-    display: inline-block;
-    color: #0091FF;
-}
 .next_button {
 .next_button {
     text-align: center;
     text-align: center;
-    margin: 10px 0;
+    margin: 50px 0;
 }
 }
 .nav_title {
 .nav_title {
     padding: 10px 0 10px 10px;
     padding: 10px 0 10px 10px;

@@ -4,29 +4,11 @@
     min-height:calc(100vh - 207px);
     min-height:calc(100vh - 207px);
     color: #4a4a4a;
     color: #4a4a4a;
 }
 }
-.name_title {
-    padding: 10px;
-    margin:15px 0;
-}
-.name_title h2 {
-    display: inline-block;
-    font-weight: 600;
-    margin-right: 10px;
-    border-left: 3px solid #0091FF;
-    height: 16px;
-    line-height: 16px;
-    padding-left: 5px;
-}
-.name_title p {
-    display: inline-block;
-    color: #0091FF;
-}
 .audit_progress {
 .audit_progress {
-    margin: 20px 0;
+    margin: 36px 0;
 }
 }
 .audit_progress h2 {
 .audit_progress h2 {
     font-size: 16px;
     font-size: 16px;
-    font-weight: 600;
     line-height: 16px;
     line-height: 16px;
     text-align: center;
     text-align: center;
     color: #6D7278;
     color: #6D7278;

@@ -178,24 +178,7 @@
 }
 }
 .next_button {
 .next_button {
     text-align: center;
     text-align: center;
-    margin: 30px 0 100px 0;
-}
-.name_title {
-    padding: 10px;
-    margin:15px 0;
-}
-.name_title h2 {
-    display: inline-block;
-    font-weight: 600;
-    margin-right: 10px;
-    border-left: 3px solid #0091FF;
-    height: 16px;
-    line-height: 16px;
-    padding-left: 5px;
-}
-.name_title p {
-    display: inline-block;
-    color: #0091FF;
+    margin: 50px 0;
 }
 }
 /* 房屋信息 */
 /* 房屋信息 */
 .acceptance_information {
 .acceptance_information {

@@ -3,26 +3,10 @@
     margin: 0 auto;
     margin: 0 auto;
     color: #4a4a4a;
     color: #4a4a4a;
 }
 }
-.name_title {
-    padding: 10px;
-    margin:15px 0;
-}
-.name_title h2 {
-    display: inline-block;
-    font-weight: 600;
-    margin-right: 10px;
-    border-left: 3px solid #0091FF;
-    height: 16px;
-    line-height: 16px;
-    padding-left: 5px;
-}
-.name_title p {
-    display: inline-block;
-    color: #0091FF;
-}
+
 .next_button {
 .next_button {
     text-align: center;
     text-align: center;
-    margin: 30px 0 100px 0;
+    margin: 50px 0;
 }
 }
 .no_info {
 .no_info {
     text-align: center;
     text-align: center;

@@ -4,30 +4,14 @@
     min-height:calc(100vh - 207px);
     min-height:calc(100vh - 207px);
     color: #4a4a4a;
     color: #4a4a4a;
 }
 }
-.name_title {
-    padding: 10px;
-    margin:15px 0;
-}
-.name_title h2 {
-    display: inline-block;
-    font-weight: 600;
-    margin-right: 10px;
-    border-left: 3px solid #0091FF;
-    height: 16px;
-    line-height: 16px;
-    padding-left: 5px;
-}
-.name_title p {
-    display: inline-block;
-    color: #0091FF;
-}
 .next_button {
 .next_button {
     text-align: center;
     text-align: center;
-    margin: 50px 0 100px 0;
+    margin: 50px 0;
 }
 }
 
 
 .audit_progress {
 .audit_progress {
     text-align: center;
     text-align: center;
+    margin: 50px 0;
 }
 }
 .audit_progress h2 {
 .audit_progress h2 {
     font-size: 16px;
     font-size: 16px;
@@ -95,7 +79,7 @@
     display: inline-block;
     display: inline-block;
 }
 }
 .acceptance_process ul li:not(:last-child) {
 .acceptance_process ul li:not(:last-child) {
-    margin-right: 250px;
+    margin-right: 236px;
 }
 }
 .acceptance_process ul li .date {
 .acceptance_process ul li .date {
     text-align: center;
     text-align: center;
@@ -107,6 +91,8 @@
     border: 2px solid #2FA5FF;
     border: 2px solid #2FA5FF;
     border-radius: 18px;
     border-radius: 18px;
     margin: 10px auto;
     margin: 10px auto;
+    background-color: #ffffff;
+    overflow: hidden;
 }
 }
 .acceptance_process ul li h5 {
 .acceptance_process ul li h5 {
     text-align: center;
     text-align: center;

@@ -87,6 +87,10 @@ function successResult() {
             title: '<p class="system_prompt successInfo">房屋状态：正常</p>',
             title: '<p class="system_prompt successInfo">房屋状态：正常</p>',
             area: ['370px', '335px'],
             area: ['370px', '335px'],
             scrollbar: false,
             scrollbar: false,
+            btn:['下一步'],
+            yes : function() {
+                window.location.href="./tbxx.html"; 
+            },
             content:'<ul class="dialog_con">'
             content:'<ul class="dialog_con">'
                 + '<li><span>姓名：</span>任超</li>'
                 + '<li><span>姓名：</span>任超</li>'
                 + '<li><span>身份证号：</span>610124193335522</li>'
                 + '<li><span>身份证号：</span>610124193335522</li>'
@@ -107,6 +111,7 @@ function seizureResult() {
             title: '<p class="system_prompt seizureInfo">房屋状态：正常</p>',
             title: '<p class="system_prompt seizureInfo">房屋状态：正常</p>',
             area: ['370px', '335px'],
             area: ['370px', '335px'],
             scrollbar: false,
             scrollbar: false,
+            btn:['下一步'],
             content:'<ul class="dialog_con">'
             content:'<ul class="dialog_con">'
                 + '<li><span>姓名：</span>任超</li>'
                 + '<li><span>姓名：</span>任超</li>'
                 + '<li><span>身份证号：</span>610124193335522</li>'
                 + '<li><span>身份证号：</span>610124193335522</li>'

@@ -23,10 +23,12 @@
         </div>
         </div>
     </div>
     </div>
     <div class="content_box">
     <div class="content_box">
-        <div class="name_title layui-bg-gray">
+        <div class="name_title">
             <h2>转移类</h2>
             <h2>转移类</h2>
             <p>商品房转移买卖转移登记</p>
             <p>商品房转移买卖转移登记</p>
         </div>
         </div>
+
+        <div class="content_area">
             <div class="progressBar">
             <div class="progressBar">
                 <ul class="app_progress" id="app_progress">
                 <ul class="app_progress" id="app_progress">
                 </ul>
                 </ul>
@@ -136,7 +138,7 @@
                         <h5>申请</h5>
                         <h5>申请</h5>
                         <p class="result">
                         <p class="result">
                             <span>已提交</span>
                             <span>已提交</span>
-                        <a>询问笔录</a>
+                            <a>详细信息</a>
                         </p>
                         </p>
                         <div class="line"></div>
                         <div class="line"></div>
                     </li>
                     </li>
@@ -171,6 +173,7 @@
                 </ul>
                 </ul>
             </div>
             </div>
         </div>
         </div>
+    </div>
 </body>
 </body>
 <script type="text/javascript" src="../staticJs/common.js"></script>
 <script type="text/javascript" src="../staticJs/common.js"></script>
 <script type="text/javascript" src="../staticJs/down.js"></script>
 <script type="text/javascript" src="../staticJs/down.js"></script>
@@ -188,8 +191,8 @@
     {{#  } }}
     {{#  } }}
     {{#  if(item.stepState==1){ }}
     {{#  if(item.stepState==1){ }}
     <li class="item_proress">
     <li class="item_proress">
-        <p class="active"></p>
-        <h5>{{item.stepName}}</h5>
+        <p class="activeing"></p>
+        <h5 class="activeingtext">{{item.stepName}}</h5>
     </li>
     </li>
     {{#  if(index!=(d.progressList.length-1)){ }}
     {{#  if(index!=(d.progressList.length-1)){ }}
     <li class="layui-progress">
     <li class="layui-progress">

@@ -18,15 +18,16 @@
             <span class="layui-breadcrumb">
             <span class="layui-breadcrumb">
                 <a href="../../index.html">首页</a>
                 <a href="../../index.html">首页</a>
                 <a href="./wssq.html">网上申请</a>
                 <a href="./wssq.html">网上申请</a>
-                <a><cite>在线申请</cite></a>
+                <a><cite>身份认证</cite></a>
             </span>
             </span>
         </div>
         </div>
     </div>
     </div>
     <div class="content_box">
     <div class="content_box">
-        <div class="name_title layui-bg-gray">
+        <div class="name_title">
             <h2>转移类</h2>
             <h2>转移类</h2>
             <p>商品房转移买卖转移登记</p>
             <p>商品房转移买卖转移登记</p>
         </div>
         </div>
+        <div class="content_area">
             <div class="progressBar">
             <div class="progressBar">
                 <ul class="app_progress" id="app_progress">
                 <ul class="app_progress" id="app_progress">
                 </ul>
                 </ul>
@@ -49,6 +50,7 @@
                 </button>
                 </button>
             </div>
             </div>
         </div>
         </div>
+    </div>
 </body>
 </body>
 <script type="text/javascript" src="../staticJs/common.js"></script>
 <script type="text/javascript" src="../staticJs/common.js"></script>
 <script type="text/javascript" src="../staticJs/down.js"></script>
 <script type="text/javascript" src="../staticJs/down.js"></script>
@@ -68,7 +70,7 @@
     {{#  if(item.stepState==1){ }}
     {{#  if(item.stepState==1){ }}
     <li class="item_proress">
     <li class="item_proress">
         <p class="activeing"></p>
         <p class="activeing"></p>
-        <h5>{{item.stepName}}</h5>
+        <h5 class="activeingtext">{{item.stepName}}</h5>
     </li>
     </li>
     {{#  if(index!=(d.progressList.length-1)){ }}
     {{#  if(index!=(d.progressList.length-1)){ }}
     <li class="layui-progress">
     <li class="layui-progress">

@@ -23,10 +23,11 @@
         </div>
         </div>
     </div>
     </div>
     <div class="content_box">
     <div class="content_box">
-        <div class="name_title layui-bg-gray">
+        <div class="name_title">
             <h2>转移类</h2>
             <h2>转移类</h2>
             <p> 商品房移买卖登记（个人）</p>
             <p> 商品房移买卖登记（个人）</p>
         </div>
         </div>
+        <div class="content_area">
             <div class="progressBar">
             <div class="progressBar">
                 <ul class="app_progress" id="app_progress">
                 <ul class="app_progress" id="app_progress">
                 </ul>
                 </ul>
@@ -249,6 +250,7 @@
                 </form>
                 </form>
             </div>
             </div>
         </div>
         </div>
+    </div>
 </body>
 </body>
 <script type="text/javascript" src="../staticJs/common.js"></script>
 <script type="text/javascript" src="../staticJs/common.js"></script>
 <script type="text/javascript" src="../staticJs/down.js"></script>
 <script type="text/javascript" src="../staticJs/down.js"></script>
@@ -274,7 +276,7 @@
     {{#  if(item.stepState==1){ }}
     {{#  if(item.stepState==1){ }}
     <li class="item_proress">
     <li class="item_proress">
         <p class="activeing"></p>
         <p class="activeing"></p>
-        <h5>{{item.stepName}}</h5>
+        <h5 class="activeingtext">{{item.stepName}}</h5>
     </li>
     </li>
     {{#  if(index!=(d.progressList.length-1)){ }}
     {{#  if(index!=(d.progressList.length-1)){ }}
     <li class="layui-progress">
     <li class="layui-progress">

@@ -18,15 +18,17 @@
             <span class="layui-breadcrumb">
             <span class="layui-breadcrumb">
                 <a href="../../index.html">首页</a>
                 <a href="../../index.html">首页</a>
                 <a href="./wssq.html">网上申请</a>
                 <a href="./wssq.html">网上申请</a>
-                <a><cite>在线申请</cite></a>
+                <a><cite>完税核税</cite></a>
             </span>
             </span>
         </div>
         </div>
     </div>
     </div>
     <div class="content_box">
     <div class="content_box">
-        <div class="name_title layui-bg-gray">
+        <div class="name_title">
             <h2>转移类</h2>
             <h2>转移类</h2>
             <p>商品房转移买卖转移登记</p>
             <p>商品房转移买卖转移登记</p>
         </div>
         </div>
+
+        <div class="content_area">
             <div class="progressBar">
             <div class="progressBar">
                 <ul class="app_progress" id="app_progress">
                 <ul class="app_progress" id="app_progress">
                 </ul>
                 </ul>
@@ -134,6 +136,7 @@
                 </button>
                 </button>
             </div>
             </div>
         </div>
         </div>
+    </div>
 </body>
 </body>
 <script type="text/javascript" src="../staticJs/common.js"></script>
 <script type="text/javascript" src="../staticJs/common.js"></script>
 <script type="text/javascript" src="../staticJs/down.js"></script>
 <script type="text/javascript" src="../staticJs/down.js"></script>
@@ -152,7 +155,7 @@
     {{#  if(item.stepState==1){ }}
     {{#  if(item.stepState==1){ }}
     <li class="item_proress">
     <li class="item_proress">
         <p class="activeing"></p>
         <p class="activeing"></p>
-        <h5>{{item.stepName}}</h5>
+        <h5 class="activeingtext">{{item.stepName}}</h5>
     </li>
     </li>
     {{#  if(index!=(d.progressList.length-1)){ }}
     {{#  if(index!=(d.progressList.length-1)){ }}
     <li class="layui-progress">
     <li class="layui-progress">

@@ -18,15 +18,17 @@
             <span class="layui-breadcrumb">
             <span class="layui-breadcrumb">
                 <a href="../../index.html">首页</a>
                 <a href="../../index.html">首页</a>
                 <a href="./wssq.html">网上申请</a>
                 <a href="./wssq.html">网上申请</a>
-                <a><cite>在线申请</cite></a>
+                <a><cite>线上缴费</cite></a>
             </span>
             </span>
         </div>
         </div>
     </div>
     </div>
     <div class="content_box">
     <div class="content_box">
-        <div class="name_title layui-bg-gray">
+        <div class="name_title">
             <h2>转移类</h2>
             <h2>转移类</h2>
             <p>商品房转移买卖转移登记</p>
             <p>商品房转移买卖转移登记</p>
         </div>
         </div>
+
+        <div class="content_area">
             <div class="progressBar">
             <div class="progressBar">
                 <ul class="app_progress" id="app_progress">
                 <ul class="app_progress" id="app_progress">
                 </ul>
                 </ul>
@@ -95,7 +97,7 @@
                     </div>
                     </div>
                 </div>
                 </div>
             </div>
             </div>
-
+        </div>
         <!-- ------------------支付成功----------------- -->
         <!-- ------------------支付成功----------------- -->
     </div>
     </div>
 </body>
 </body>
@@ -116,7 +118,7 @@
     {{#  if(item.stepState==1){ }}
     {{#  if(item.stepState==1){ }}
     <li class="item_proress">
     <li class="item_proress">
         <p class="activeing"></p>
         <p class="activeing"></p>
-        <h5>{{item.stepName}}</h5>
+        <h5 class="activeingtext">{{item.stepName}}</h5>
     </li>
     </li>
     {{#  if(index!=(d.progressList.length-1)){ }}
     {{#  if(index!=(d.progressList.length-1)){ }}
     <li class="layui-progress">
     <li class="layui-progress">

@@ -90,7 +90,7 @@
     {{#  if(item.stepState==1){ }}
     {{#  if(item.stepState==1){ }}
     <li class="item_proress">
     <li class="item_proress">
         <p class="activeing"></p>
         <p class="activeing"></p>
-        <h5>{{item.stepName}}</h5>
+        <h5 class="activeingtext">{{item.stepName}}</h5>
     </li>
     </li>
     {{#  if(index!=(d.progressList.length-1)){ }}
     {{#  if(index!=(d.progressList.length-1)){ }}
     <li class="layui-progress">
     <li class="layui-progress">

@@ -18,7 +18,7 @@
                 <span class="layui-breadcrumb">
                 <span class="layui-breadcrumb">
                     <a href="../index.html" title="首页">首页</a>
                     <a href="../index.html" title="首页">首页</a>
                     <a href="./grzx.html" title="个人中心">个人中心</a>
                     <a href="./grzx.html" title="个人中心">个人中心</a>
-                    <a title="我的预约"><cite>我的预约</cite></a>
+                    <a title="选择区域"><cite>选择区域</cite></a>
                 </span>
                 </span>
             </div>
             </div>
         </div>
         </div>
@@ -36,7 +36,7 @@
                 </div>
                 </div>
                 <li>
                 <li>
                     <p class="activeing"></p>
                     <p class="activeing"></p>
-                    <h5>
+                    <h5 class="activeingtext">
                         选择区域
                         选择区域
                     </h5>
                     </h5>
                 </li>
                 </li>

@@ -18,7 +18,7 @@
                 <span class="layui-breadcrumb">
                 <span class="layui-breadcrumb">
                     <a href="../index.html" title="首页">首页</a>
                     <a href="../index.html" title="首页">首页</a>
                     <a href="./grzx.html" title="个人中心">个人中心</a>
                     <a href="./grzx.html" title="个人中心">个人中心</a>
-                    <a title="我的预约"><cite>我的预约</cite></a>
+                    <a title="预约结果"><cite>预约结果</cite></a>
                 </span>
                 </span>
             </div>
             </div>
         </div>
         </div>
@@ -55,7 +55,7 @@
                     </div>
                     </div>
                     <li>
                     <li>
                         <p class="activeing"></p>
                         <p class="activeing"></p>
-                        <h5>
+                        <h5 class="activeingtext">
                             预约结果
                             预约结果
                         </h5>
                         </h5>
                     </li>
                     </li>

@@ -21,7 +21,7 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD
                 <span class="layui-breadcrumb">
                 <span class="layui-breadcrumb">
                     <a href="../index.html" title="首页">首页</a>
                     <a href="../index.html" title="首页">首页</a>
                     <a href="./grzx.html" title="个人中心">个人中心</a>
                     <a href="./grzx.html" title="个人中心">个人中心</a>
-                    <a title="我的预约"><cite>我的预约</cite></a>
+                    <a title="预约时间"><cite>预约时间</cite></a>
                 </span>
                 </span>
             </div>
             </div>
         </div>
         </div>
@@ -49,7 +49,7 @@ PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD
                     </div>
                     </div>
                     <li>
                     <li>
                         <p class="activeing"></p>
                         <p class="activeing"></p>
-                        <h5>
+                        <h5 class="activeingtext">
                             预约时间
                             预约时间
                         </h5>
                         </h5>
                     </li>
                     </li>

@@ -21,7 +21,7 @@
                 <span class="layui-breadcrumb">
                 <span class="layui-breadcrumb">
                     <a href="../index.html" title="首页">首页</a>
                     <a href="../index.html" title="首页">首页</a>
                     <a href="./grzx.html" title="个人中心">个人中心</a>
                     <a href="./grzx.html" title="个人中心">个人中心</a>
-                    <a title="我的预约"><cite>我的预约</cite></a>
+                    <a title="我的预约"><cite>预约须知</cite></a>
                 </span>
                 </span>
             </div>
             </div>
         </div>
         </div>
@@ -30,7 +30,7 @@
             <ul class="app_progress">
             <ul class="app_progress">
                 <li>
                 <li>
                     <p class="activeing"></p>
                     <p class="activeing"></p>
-                    <h5>
+                    <h5 class="activeingtext">
                         预约须知
                         预约须知
                     </h5>
                     </h5>
                 </li>
                 </li>

@@ -18,15 +18,16 @@
             <span class="layui-breadcrumb">
             <span class="layui-breadcrumb">
                 <a href="../../index.html">首页</a>
                 <a href="../../index.html">首页</a>
                 <a href="./wssq.html">网上申请</a>
                 <a href="./wssq.html">网上申请</a>
-                <a><cite>在线申请</cite></a>
+                <a><cite>资料审核</cite></a>
             </span>
             </span>
         </div>
         </div>
     </div>
     </div>
     <div class="content_box">
     <div class="content_box">
-        <div class="name_title layui-bg-gray">
+        <div class="name_title">
             <h2>转移类</h2>
             <h2>转移类</h2>
             <p>商品房转移买卖转移登记</p>
             <p>商品房转移买卖转移登记</p>
         </div>
         </div>
+        <div class="content_area">
             <div class="progressBar">
             <div class="progressBar">
                 <ul class="app_progress" id="app_progress">
                 <ul class="app_progress" id="app_progress">
                 </ul>
                 </ul>
@@ -162,6 +163,7 @@
                 </button>
                 </button>
             </div>
             </div>
         </div>
         </div>
+    </div>
 </body>
 </body>
 <script type="text/javascript" src="../staticJs/common.js"></script>
 <script type="text/javascript" src="../staticJs/common.js"></script>
 <script type="text/javascript" src="../staticJs/down.js"></script>
 <script type="text/javascript" src="../staticJs/down.js"></script>
@@ -180,7 +182,7 @@
     {{#  if(item.stepState==1){ }}
     {{#  if(item.stepState==1){ }}
     <li class="item_proress">
     <li class="item_proress">
         <p class="activeing"></p>
         <p class="activeing"></p>
-        <h5>{{item.stepName}}</h5>
+        <h5 class="activeingtext">{{item.stepName}}</h5>
     </li>
     </li>
     {{#  if(index!=(d.progressList.length-1)){ }}
     {{#  if(index!=(d.progressList.length-1)){ }}
     <li class="layui-progress">
     <li class="layui-progress">