下载页修改

appdownload/css/style.css

 @charset "utf-8";
+
 .dw-head {
     height: 485px;
     background-color: #fff;
@@ -31,19 +32,6 @@
     transform: translateY(-50%);
     text-align: left;
 }
-
-.banshou-logo {
-    position: fixed;
-    display: block;
-    width: 100%;
-    padding: 20px 0;
-    border-bottom: 1px solid #f3f3f3;
-    background-color: #fff;
-    z-index: 2;
-}
-.banshou-logo img {
-    vertical-align: top;
-}
 .service-intro {
     background-color: #f9f9f9;
 }
@@ -377,4 +365,163 @@
     .phone-box {
         display: block;
     }
+}
+
+/*---------------------------------------------------新头部*/
+
+.fl {
+    float: left;
+}
+
+.fr {
+    float: right;
+}
+.clear {
+    clear: both;
+}
+
+.clearfix{
+    *zoom: 1;
+}
+
+.clearfix:after{
+    display: block;
+    clear: both;
+    overflow: hidden;
+    visibility: hidden;
+    height: 0;
+    content: '';
+}
+
+.bl {
+    display: block;
+}
+
+.in-bl {
+    display: inline-block;
+}
+
+.fixed {
+    position: fixed;
+}
+
+.abs {
+    position: absolute;
+}
+
+.rel {
+    position: relative;
+}
+
+/* ----------头部菜单---------- */
+.header-menu, .header-menu-seat {
+    width: 100%;
+    height: 70px;
+}
+
+.header-menu {
+    z-index: 5;
+    background: #fff;
+    border-bottom: 1px solid #ebeef3;
+    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
+}
+
+.h-m-main {
+    margin: 0 auto;
+    width: 1200px;
+}
+.h-m-main img {
+    height: 32px;
+    vertical-align: top;
+    margin-top: 19px;
+}
+
+.menu {
+    margin-left: 60px;
+    vertical-align: text-bottom;
+}
+
+.menu-item,
+.header-menu .btn-download {
+    display: inline-block;
+    padding: 0 20px;
+    font-size: 18px;
+    font-weight: 500;
+    height: 70px;
+    line-height: 70px;
+    border-left: 1px solid #fff;
+    border-right: 1px solid #fff;
+}
+
+.header-menu .btn-download {
+    margin-right: 0;
+    padding-right: 0;
+}
+
+.menu-item.active {
+    position: relative;
+    background-color: #fafafa;
+    color: #008fd7;
+    border-left: 1px solid #f1f1f1;
+    border-right: 1px solid #f1f1f1;
+}
+.menu-item.active:after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 2px;
+    background-color: #2e8ded;
+}
+
+.header-menu a {
+    color: #333;
+    text-decoration: none;
+}
+
+.header-menu a:hover {
+    color: #008fd7;
+}
+
+/*全屏遮罩*/
+.mask {
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 10;
+    background: rgba(0,0,0,0.3);
+}
+
+/*品牌选择*/
+.brands-select {
+    left: 0;
+    right: 0;
+    top: 50%;
+    margin: -120px auto 0;
+    padding: 40px 0 0 36px;
+    width: 485px;
+    height: 240px;
+    background: #fff;
+    border-radius: 10px;
+    font-size: 16px;
+}
+
+.brands-s-title {
+    margin-bottom: 45px;
+    font-weight: bold;
+    font-size: 20px;
+}
+
+.brands-s-btn-close {
+    top: 30px;
+    right: 40px;
+    color: #333;
+}
+
+.brands-s-list a {
+    display: inline-block;
+    margin: 0 5px 20px 0;
+    min-width: 80px;
 }
\ No newline at end of file

appdownload/index.html

@@ -13,6 +13,7 @@
 
     <!--Font Icon-->
     <link href="//at.alicdn.com/t/font_386523_2cql1vjt51m7vi.css" rel="stylesheet">
+    <link href="//at.alicdn.com/t/font_810718_1cddgzx1y8t.css" rel="stylesheet">
 
     <!-- Css -->
     <link rel="stylesheet" href="css/basic.css">
@@ -28,26 +29,34 @@
     </script>
 <body>
 <div class="web">
-
-    <div class="banshou-logo">
-        <div class="warp clearfix">
-            <img src="img/banshouApp.png">
-
-            <div class="download-group clearfix fr" style="margin-top: 5px; display: none" id="downloadBtn">
-                <a href="https://a.app.qq.com/o/simple.jsp?pkgname=com.wxhkj.weixiuhui" class="dw-btn"><i
-                        class="iconfont icon-ios"></i>iPhone版下载</a>
-                <a href="https://a.app.qq.com/o/simple.jsp?pkgname=com.wxhkj.weixiuhui" class="dw-btn"><i
-                        class="iconfont icon-android"></i>Android版下载</a>
-
-                <a href="#" class="ewm-btn top-need">
-                    <i class="iconfont icon-erweima"></i>
-                    <span class="tip"><img src="img/qrcode.png"></span>
-                </a>
+    <!-- 导航 -->
+    <div class="header-menu fixed">
+        <div class="h-m-main clearfix">
+            <a href=""><img src="img/logo.png"/></a>
+            <div class="menu in-bl">
+                <a class="menu-item" href="">首页</a>
+                <a class="menu-item" href="">服务云</a>
+                <a class="menu-item" href="">品牌库</a>
+                <a class="menu-item" href="">门店</a>
+                <a class="menu-item" class="menu-item" href="">大学</a>
+                <a class="menu-item" href="">社区</a>
+            </div>
+            <a class="btn-download fr" href=""><i class="iconfont icon-download"></i>App下载</a>
+        </div>
+    </div>
+    <div class="header-menu-seat"></div>
+    <!--品牌选择-->
+    <div class="mask fixed" id="brands-list" style="display: none;">
+        <div class="brands-select abs">
+            <a class="brands-s-btn-close abs" href="javascript:;"><i class="iconfont icon-guanbi"></i></a>
+            <p class="brands-s-title">选择品牌</p>
+            <div class="brands-s-list">
+                <!--{loop $brand_list['subs'] $key $value}-->
+                <a href="{$value[caturl]}">{$value['catname']}</a>
+                <!--{/loop}-->
             </div>
         </div>
     </div>
-
-    <div style="height: 100px;"></div>
 
     <div class="dw-head">
         <div class="warp clearfix">