PC端头部导航修改

css/mobile-first.css

@@ -39,7 +39,7 @@ h2 {
     clear: both;
     padding-right: 15px;
     line-height: 40px;
-    clear: both;
+    display: inline-block;
 }
 
 h3 {
@@ -50,6 +50,8 @@ h3 {
     padding-right: 15px;
     line-height: 30px;
     margin-bottom: 20px;
+    display: inline-block;
+    clear: both;
 }
 h3 em {    color: #ad1818;
     font-size: 27px;}
@@ -540,7 +542,7 @@ a.infocustomize {
     width: 87%;
     height: 40px;
     padding: 0 15px;
-    font-size: 18px;
+    font-size: 16px;
 }
 
 .siteSearch .submits {
@@ -685,7 +687,7 @@ table.infotable td a:hover {
 table.infotable tr.infotablebg {
     background: #f6f6f6;
 }
-.detailtopbanner { padding-top: 139px; margin-bottom: 50px;}
+.detailtopbanner { padding-top: 83px; margin-bottom: 50px;}
 
 /* former city festivals list */
 .festivalInfo  {    border-bottom: 1px solid #eee;
@@ -2864,16 +2866,16 @@ img.highlightsimgtop {
         }
 
         .p_topnavigation {
-            background: #3a3a32;
-            margin-top: -4px;
+            display: inline-block;
         }
 
         .headerbar {
-            height: 139px;
+            height: 83px;
             background-color: #fff;
             padding: 0;
             position: fixed;
             width: 100%;
+            box-shadow: 0px 2px 4px 0px #d1d1d1;
         }
 
         .searchtextbox {
@@ -2917,12 +2919,12 @@ padding-left: 30px;
         .siteSearch {
 
             display: block;
-            border: 1px solid #d1d1d1;
+            border: 1px solid #333;
             height: 40px;
             float: left;
-            width: 330px;
+            width: 155px;
             margin-top: 22px;
-            margin-right: 30px;
+            margin-right: 15px;
         }
 
         .footerbox {
@@ -2965,12 +2967,12 @@ padding-left: 30px;
             background: #fff;
             border: 0;
             display: inline-block;
-            width: 260px;
+            width: 95px;
             color: #666;
             height: 40px;
             font-size: 18px;
             
-            padding-left: 15px;
+            padding: 0 10px;
         }
 
         .siteSearch .submits {
@@ -2987,7 +2989,7 @@ padding-left: 30px;
 
         ul.pctopnavi {
             display: flex;
-            padding-left: 30px;
+            padding-left: 15px;
             margin-bottom: 0;
             margin-top: 0;
 
@@ -2997,7 +2999,7 @@ padding-left: 30px;
             list-style: none;
             color: #fff;
             float: left;
-            margin-right: 30px;
+            margin-right: 20px;
             font-size: 16px;
         }
 
@@ -3007,20 +3009,15 @@ padding-left: 30px;
         }
 
         .topnavitailor {
-            margin-top: 22px;
-            margin-right: 25px;
-            background: #333;
-            width: 180px;
-            height: 40px;
-            text-align: center;
+            margin-top: 22px;margin-right: 10px;background: #fff;width: 180px;  font-weight: 600;   border: 2px solid #333;height: 40px;text-align: center;
         }
 
         .topnavitailor a {
             color: #fff;
             border: none;
             display: inline-block;
-            padding-top: 10px;
-            font-size: 16px;
+            padding: 9px 23px;
+            font-size: 15px;
             text-transform: uppercase;
         }
 
@@ -3028,26 +3025,26 @@ padding-left: 30px;
         li.dropdown a {
 
             display: table-cell;
-
-
-            padding: 20px 0;
+     padding: 31px 0;
 
         }
 
         li.dropdown a:hover {
-            background: #d7d7d7;
+            border-bottom: 3px solid #ad1818;
             color: #333;
-            padding: 20px 15px;
+            padding: 30px 0;
+            transition: 0.15s;
         }
 
         a.p_toplogo {
             display: inline-block;
             height: 85px;
-            padding-left: 25px;
+            padding-left: 10px;
+            float: left;
         }
 
         a.p_topnavilink {
-            color: #fff;
+            color: #000;
         }
     }
 @media (max-width: 750px) {