btn 修改

map/css/main.css

@@ -28,52 +28,71 @@ body,
       height: 16px;
       height: 16px;
       background-image: url(../img/menuicon.png);
       background-image: url(../img/menuicon.png);
       background-size: 100% 100%;
       background-size: 100% 100%;
+      margin-right: 5px;
     }
     }
     .item{
     .item{
       position: relative;
       position: relative;
-      width: 100px;
-      height: 20px;
+      width: 153px;
+      height: 35px;
+      box-sizing: border-box;
+      padding-left: 42px;
+      display: flex;
+      align-items: center;
+      justify-content: left;
       margin-bottom:20px;
       margin-bottom:20px;
       background-image: url(../img/menu.png);
       background-image: url(../img/menu.png);
       background-size: 100% 100%;
       background-size: 100% 100%;
     }
     }
+    .item.active {
+      background-image: none;
+    }
     .item.active::after{
     .item.active::after{
     content: " ";
     content: " ";
     z-index:-1;
     z-index:-1;
     display: block;
     display: block;
-    width: 100px;
-    height: 200px;
+    width: 153px;
+    height: 300px;
     background-image: url(../img/menuactive.png);
     background-image: url(../img/menuactive.png);
     background-repeat: no-repeat;
     background-repeat: no-repeat;
+    background-position:  0 3px;
     background-size: 100% auto;
     background-size: 100% auto;
     position: absolute;
     position: absolute;
     top:-25%;
     top:-25%;
+    left: 0;
+    z-index: -1;
     }
     }
     .subnav{
     .subnav{
       display: none;
       display: none;
-      margin-left: 20px;
+      -webkit-user-select: none;user-select: none;
     }
     }
     .subnav.active{
     .subnav.active{
       display: block;
       display: block;
     }
     }
     .subnav div{
     .subnav div{
+      -webkit-user-select: none;user-select: none;
+      margin: 0 auto;
       position: relative;
       position: relative;
       margin-bottom:20px;
       margin-bottom:20px;
       background-image: url(../img/menu.png);
       background-image: url(../img/menu.png);
       background-size: 100% 100%;
       background-size: 100% 100%;
-      width: 80px;
-      height: 16px;
+      width: 139px;
+      height: 28px;
+      text-align: center;
+      line-height: 28px;
     }
     }
   
   
     .subnav div.active::after{
     .subnav div.active::after{
+      -webkit-user-select: none;user-select: none;
     content: " ";
     content: " ";
     z-index:-1;
     z-index:-1;
     display: block;
     display: block;
-    width: 80px;
+    width: 139px;
     height: 200px;
     height: 200px;
-    background-image: url(../img/menuactive.png);
+    background-image: url(../img/menuactive.png) ;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
+    background-position: top;
     background-size: 100% auto;
     background-size: 100% auto;
     position: absolute;
     position: absolute;
-    top:-25%;
+    left: 0;
+     top:-25%;
     }
     }
\ No newline at end of file