style:个人中心

@@ -160,11 +160,11 @@ div.footer .system_service ul li a:hover {
 /* card样式 */
 .cardItem {
     background: #FFFFFF;
-    border: 1px solid #E5E8ED;
+    border: 1px solid #E9E9E9;
     box-shadow: 0 3px 6px 0 rgba(10,14,40,0.08);
     -moz-box-shadow:0 3px 6px 0 rgba(10,14,40,0.08); /*firefox*/
     -webkit-box-shadow:0 3px 6px 0 rgba(10,14,40,0.08); /*webkit*/
-    border-radius: 6px;
+    border-radius: 4px;
 }
 /* 中间区域高度 */
 .middleZoneHeight {

@@ -47,31 +47,30 @@
 }
 .business_module li{
    width: 25%;
-   height: 230px;
    text-align: center;
    font-size: 26px;
    float: left;
-   margin-bottom: 30px;
-   box-sizing: border-box;
+   box-sizing: border-box!important;
    padding: 0 20px;
+   margin-bottom: 25px;
 }
 .business_module li img {
     width: 70px;
     height: 70px;
-    margin-top: 50px;
-    margin-bottom: 30px;
+    margin: 25px 0 10px 0;
 }
 .business_module li p {
     font-size: 14px;
     color: #6D7278;
 }
+.business_module li .cardItem {
+    padding: 4px;
+}
 .business_module li a {
-    padding-right: 20px;
+    border-radius: 2px;
     display: block;
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-    padding-left: 20px;
+    height: 154px;
+    border: 1px solid #F6F6F6;
 }
 .business_module li a:hover {
     color: #0091FF;

@@ -42,40 +42,52 @@
             <div class="contentBox">
                 <ul class="business_module">
                     <li>
-                        <a class="cardItem" href="./wdyw.html" title="我的业务">
+                        <div class="cardItem">
+                            <a href="./wdyw.html" title="我的业务">
                                 <img src="../staticImages/myyewu.png">
                                 <p>我的业务</p>
                             </a>
+                        </div>
                     </li>
                     <li>
-                        <a class="cardItem" href="./wdyy.html" title="我的预约">
+                        <div class="cardItem">
+                            <a href="./wdyy.html" title="我的预约">
                                 <img src="../staticImages/myyuyue.png">
                                 <p>我的预约</p>
                             </a>
+                        </div>
                     </li>
                     <li>
-                        <a class="cardItem" href="" title="我的不动产">
+                        <div class="cardItem">
+                            <a href="" title="我的不动产">
                                 <img src="../staticImages/mybdc.png">
                                 <p>我的不动产</p>
                             </a>
+                        </div>
                     </li>
                     <li>
-                        <a class="cardItem" href="" title="业务查询">
+                        <div class="cardItem">
+                            <a href="" title="业务查询">
                                 <img src="../staticImages/zhengshu.png">
                                 <p>我的发票</p>
                             </a>
+                        </div>
                     </li>
                     <li>
-                        <a class="cardItem" href="" title="我的支付">
+                        <div class="cardItem">
+                            <a href="" title="我的支付">
                                 <img src="../staticImages/yewuchaxun.png">
                                 <p>查询业务</p>
                             </a>
+                        </div>
                     </li>
                     <li>
-                        <a class="cardItem" href="" title="档案查询">
+                        <div class="cardItem">
+                            <a href="" title="档案查询">
                                 <img src="../staticImages/dangan.png">
                                 <p>档案查询</p>
                             </a>
+                        </div>
                     </li>
                 </ul>
             </div>