style:网上申请

@@ -29,21 +29,26 @@
 .selectCity .area_list li {
 .selectCity .area_list li {
     display: inline-block;
     display: inline-block;
     width: 100px;
     width: 100px;
-    height: 32px;
-    border-radius: 3px;
-    background-color: #01AAED;
+    height: 36px;
+    border-radius: 4px;
     margin-right: 10px;
     margin-right: 10px;
     color: #fff;
     color: #fff;
     text-align: center;
     text-align: center;
-    line-height: 32px;
+    line-height: 36px;
     margin-bottom: 10px;
     margin-bottom: 10px;
     cursor: pointer;
     cursor: pointer;
+    background: #FFFFFF;
+    border-radius: 4px;
+    border: 1px solid #E6E6E6;
+    color: #6D7278;
 }
 }
 .selectCity .area_list li:hover {
 .selectCity .area_list li:hover {
-    background-color: #5FB878;
+    color: #006CFF;
+    border-color: #006CFF;
 }
 }
-.active1 {
-    background-color: #5FB878!important;
+.active2 {
+    color: #006CFF!important;
+    border-color: #006CFF!important;
 }
 }
 .business {
 .business {
     padding: 15px;
     padding: 15px;

@@ -13,7 +13,11 @@ $(function () {
     }).extend({ //设定模块别名
     }).extend({ //设定模块别名
         common: 'cityCommon'
         common: 'cityCommon'
     });
     });
+    $('.area_list li').click(function () {
+        $(".area_list li").removeClass("active2")
+        $(this).addClass("active2");
 
 
+    })
     layui.use(['form', 'common'], function () {
     layui.use(['form', 'common'], function () {
         var common = layui.common,
         var common = layui.common,
             form = layui.form;
             form = layui.form;