style:样式

@@ -16,8 +16,8 @@
     cursor: pointer;
 }
 .app_progress li:hover {
-    background-color: #1E9FFF!important;
-    color: #fff!important;
+    background-color: #1E9FFF;
+    color: #fff;
 } 
 
 .app_progress li:hover:after {
@@ -40,6 +40,16 @@
 .app_progress li.active:after {  
     border-left-color: #1E9FFF;  
 }
+.selected {
+    background-color: #5FB878!important;
+    color: #fff!important;
+}
+.selected:hover {
+    background-color: #5FB878!important;
+}
+.app_progress li.selected:after {  
+    border-left-color: #5FB878;
+}
 .line {
     width: 80px;
     height: 0;

@@ -52,7 +52,6 @@
                 <li class="layui-nav-item">
                     <a href="javascript:;">查验中心</a>
                     <dl class="layui-nav-child">
-                        <!-- 二级菜单 -->
                         <dd><a href="">移动模块</a></dd>
                         <dd><a href="">后台模版</a></dd>
                         <dd><a href="">电商平台</a></dd>
@@ -74,7 +73,7 @@
         <!-- ----------------------------------内容模块的开始----------------------------------------------- -->
         <div class="appointment_notice contentBox">
             <ul class="app_progress">
-                <li>
+                <li class="selected">
                     <span>1</span>
                     预约须知
                 </li>

@@ -20,8 +20,8 @@
     cursor: pointer;
 }
 .app_progress li:hover {
-    background-color: #1E9FFF!important;
-    color: #fff!important;
+    background-color: #1E9FFF;
+    color: #fff;
 } 
 
 .app_progress li:hover:after {
@@ -44,6 +44,16 @@
 .app_progress li.active:after {  
     border-left-color: #1E9FFF;  
 }
+.selected {
+    background-color: #5FB878!important;
+    color: #fff!important;
+}
+.selected:hover {
+    background-color: #5FB878!important;
+}
+.app_progress li.selected:after {  
+    border-left-color: #5FB878;
+}
 .line {
     width: 80px;
     height: 0;

@@ -76,17 +76,17 @@
         <div class="central_area">
             <div class="appointment_notice contentBox">
                 <ul class="app_progress">
-                    <li>
+                    <li class="selected">
                         <span>1</span>
                         预约须知
                     </li>
                     <div class="line"></div>
-                    <li>
+                    <li  class="selected">
                         <span>2</span>
                         选择区域
                     </li>
                     <div class="line"></div>
-                    <li>
+                    <li  class="selected">
                         <span>3</span>
                         预约时间
                     </li>

@@ -24,8 +24,8 @@
     cursor: pointer;
 }
 .app_progress li:hover {
-    background-color: #1E9FFF!important;
-    color: #fff!important;
+    background-color: #1E9FFF;
+    color: #fff;
 } 
 
 .app_progress li:hover:after {
@@ -48,6 +48,16 @@
 .app_progress li.active:after {  
     border-left-color: #1E9FFF;  
 }
+.selected {
+    background-color: #5FB878!important;
+    color: #fff!important;
+}
+.selected:hover {
+    background-color: #5FB878!important;
+}
+.app_progress li.selected:after {  
+    border-left-color: #5FB878;
+}
 .line {
     width: 80px;
     height: 0;

@@ -76,12 +76,12 @@
         <div class="central_area">
             <div class="appointment_notice contentBox">
                 <ul class="app_progress">
-                    <li>
+                    <li class="selected">
                         <span>1</span>
                         预约须知
                     </li>
                     <div class="line"></div>
-                    <li>
+                    <li class="selected">
                         <span>2</span>
                         选择区域
                     </li>