style:细节

@@ -37,8 +37,9 @@
     padding: 0 150px;
     box-sizing: border-box;
     position: relative;
-    margin-top: 30px;
+    margin-top: 15px;
     border-radius: 2px;
+    margin-bottom: 30px;
 }
 .swiper-container {
     width: 100%;
@@ -481,4 +482,26 @@
 }
 .appointmentAvailable h3 {
     margin-bottom: 6px!important;
+}
+.region_title {
+    height: 25px;
+    padding-left: 8px;
+    font-size: 16px;
+    line-height: 25px;
+    font-weight: 600;
+    position: relative;
+    padding-bottom: 10px;
+    color: #4A4A4A;
+    border-bottom: 1px dotted #E6E6E6;
+    width: 100%;
+}
+.region_title::before {
+    position:absolute;
+    content:"";
+    left:0;
+    width:4px;
+    height:12px;
+    border-radius: 1px;
+    top: 5px;
+    background-color: #0091FF;
 }
\ No newline at end of file

@@ -29,7 +29,7 @@ $(function () {
     var data = {
         'progressList': [
             {
-                stepName: "信息效验",
+                stepName: "信息校验",
                 stepState: 1 //0：未办理 1：正在办理 2：已办理
             },
             {

@@ -11,7 +11,7 @@ var business = [
         "stepList": [//环节集合
             {
                 "stepNo": "130101",//环节编码
-                "stepName": "信息效验",//环节名称
+                "stepName": "信息校验",//环节名称
                 "pageUrl": "/index.html",//环节指定页面
                 "stepType": "write",//环节类型
                 "stepState": 1,//0：未办理 1：正在办理 2：已办理
@@ -72,7 +72,7 @@ var business = [
         "stepList": [//环节集合
             {
                 "stepNo": "130101",//环节编码
-                "stepName": "信息效验",//环节名称
+                "stepName": "信息校验",//环节名称
                 "pageUrl": "/index.html",//环节指定页面
                 "stepType": "write",//环节类型
                 "stepState": 1,//0：未办理 1：正在办理 2：已办理

@@ -5,7 +5,7 @@ addTabs('#wssq')
 var data = {
     'progressList': [
         {
-            stepName: "信息效验",
+            stepName: "信息校验",
             stepState: 2 //0：未办理 1：正在办理 2：已办理
         },
         {

@@ -91,13 +91,13 @@
             <li>
                 <span class="business_name">{{item.bsznListVOS[i].headline}}</span>
                 <div class="itemButton">
-                    <a href='./businessGuideDeatil.html?id="{{item.bsznListVOS[i].bsmBszn}}"' target="_blank">
-                        <button type="button"
-                        class="layui-btn layui-btn-sm">查看详情</button>
-                    </a>
                     <a class="onlineProcessing" data-id={{item.bsznListVOS[i].bsmBszn}}>
                         <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
                     </a>
+                    <a href='./businessGuideDeatil.html?id="{{item.bsznListVOS[i].bsmBszn}}"' target="_blank">
+                        <button type="button"
+                        class="layui-btn layui-btn-primary layui-btn-sm">办事指南</button>
+                    </a>
                 </div>
             </li>
             {{# } }}
@@ -123,12 +123,12 @@
             <li>
                 <span class="business_name">{{item.bsznListVOS[i].headline}}</span>
                 <div class="itemButton">
-                    <a href='./businessGuideDeatil.html?id={{item.bsznListVOS[i].bsmBszn}}' target="_blank">
-                        <button type="button" class="layui-btn layui-btn-sm">查看详情</button>
-                    </a>
                     <a href="./yyxz.html" data-id={{item.bsznListVOS[i].bsmBszn}}>
                         <button type="button" class="layui-btn layui-btn-sm layui-btn-normal">在线办理</button>
                     </a>
+                    <a href='./businessGuideDeatil.html?id={{item.bsznListVOS[i].bsmBszn}}' target="_blank">
+                        <button type="button" class="layui-btn layui-btn-primary layui-btn-sm">办事指南</button>
+                    </a>
                 </div>
             </li>
             {{# } }}

@@ -26,7 +26,7 @@
     </div>
     <!-- ----------------------------------内容模块的开始----------------------------------------------- -->
     <div class="central_area appointment_content">
-      <div class="progressBar">
+      <div class="progressBar" style="margin-bottom: 30px;">
         <ul class="app_progress">
           <li>
             <p class="active"></p>
@@ -55,6 +55,7 @@
           </li>
         </ul>
       </div>
+      <h2 class="region_title">选择日期</h2>
       <div class="appoint_time">
         <div class="swiper-container">
           <div class="swiper-wrapper" id="swiperDate"></div>
@@ -65,14 +66,8 @@
       </div>
       <!-- ----------------------------------业务选择start----------------------------------------------- -->
       <div class="business_choice">
-        <div class="site-title">
-          <fieldset>
-            <legend>
-              <h2>业务列表</h2>
-            </legend>
-          </fieldset>
-        </div>
-        <div id="business_list"></div>
+        <h2 class="region_title">选择时间</h2>
+        <div id="business_list" style="margin-top: 20px;"></div>
       </div>
 
       <div class="next_button">