B2B头部

src/main/webapp/WEB-INF/views/normal/index.html

@@ -27,7 +27,7 @@
 			<div class="navbar-header">
 				<span class="navbar-brand">
 					<a href="http://www.ubtob.com/" target="_blank" title="优软云首页"></a>
-					<a href="#/index" title="B2B商务首页"></a>
+					<a href="http://www.usoftmall.com.com" title="优软商城">优软商城</a>
 				</span>
 			</div>
 			<nav class="navbar-collapse">

src/main/webapp/resources/css/index.css

@@ -690,11 +690,10 @@ ul>li.item-link>a {
 }
 
 #header.navbar-inverse {
+	position: relative;
 	background-color: #e8e8e8;
 	border: none;
-	border-top: 10px solid #d32526;
 	box-shadow: 0 0 10px #6f6f6f;
-	position: relative;
 }
 
 #header.navbar-inverse .navbar-brand {
@@ -715,39 +714,39 @@ ul>li.item-link>a {
 }
 
 #header.navbar-inverse .navbar-nav>li>a {
-	font-size: 20px;
-	font-famliy: Microsoft Yahei;
-	color: #000000;
+	font-size: 18px;
+	color: #fff;
 	width: 100px;
-	height: 50px;
+	height: 57px;
+	line-height: 27px;
 	text-align: center;
 }
 
 /** 顶部 start **/
 #home-search {
 	margin-left: 450px;
-	margin-top: 7px;
+	margin-top: 11px;
 	position: absolute;
 }
 
 #home-search a {
 	border-radius: 0;
 	width: 85px;
-	height: 36px;
+	height: 26px;
 	color: #ffffff !important;
-	background-color: #d32526;
-	border: 1px solid #d32526;
+	background-color: #ffa200;
 	font-size: 16px;
 }
 
 #home-search input {
-	border-radius: 0;
-	border: 1px solid #d32526;
-	width: 365px;
-	height: 36px;
+	width: 310px;
+	height: 30px;
+	background-color: #ffffff;
+	border-radius: 3px;
+	border: 1px solid #fff;
 	color: #000000;
-	text-align: center;
-	font-size: 16px;
+	text-align: left;
+	font-size: 13px;
 }
 @media screen and (max-width: 1199px) {
     #home-search input{
@@ -788,13 +787,15 @@ ul>li.item-link>a {
 	padding-right: 20px;
 	height: 50px;
 	line-height: 50px;
-	color: #333333;
-	font-size: 14px;
+	color: #fff;
+	font-size: 18px;
 }
 #home-headerName span{
 	text-align: right;
 	display:inline-block;
 	width:100%;
+	font-size: 18px;
+	color: #fff;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
@@ -803,6 +804,8 @@ ul>li.item-link>a {
 	position:absolute;
 	top:15px;
 	right:0;
+	font-size: 18px;
+	color: #fff;
 }
 
 
@@ -813,22 +816,24 @@ ul>li.item-link>a {
     padding-right: 35px;
 	height: 50px;
 	line-height: 50px;
-	color: #333333;
-	font-size: 16px;
+	color: #fff;
+	font-size: 18px;
 }
 #home-headerBtns i {
 	padding:0 10px;
+	color: #fff;
+	font-size: 20px;
 }
 #home-headerBtns a{
 	display: inline-block;
 }
 #home-headerBtns a:first-child span{
-	font-size: 13px;
-	color: #52a9fa;
+	font-size: 18px;
+	color: #fff;
 	font-weight: bold;
 }
 #home-headerBtns a i.fa-user{
-	 color: #52a9fa;
+	 color: #fff;
  }
 #home-headerBtns a:first-child:hover span{
 	color: #d32526
@@ -848,6 +853,13 @@ ul>li.item-link>a {
 /** 顶部 end **/
 
 /**dropdown-menu 样式 start **/
+#header.navbar-inverse {
+	position: relative;
+	height: 57px;
+	background-image: linear-gradient(180deg, #4392f7 0%, #366cf3 100%), linear-gradient( #0093e6, #0093e6);
+	border: none;
+	box-shadow: 0 0 10px #6f6f6f;
+}
 
 #dropdown-menu-sale {
 	color: #333333;
@@ -904,8 +916,8 @@ ul>li.item-link>a {
 
 #header.navbar-inverse .navbar-nav>li>a:hover,#header.navbar-inverse .navbar-nav>li>a:focus
 {
-	color: #d32526;
-	background-color: #e8e8e8;
+	color: #fff;
+	border-bottom: 2px solid #fff;
 }
 
 #header.navbar-inverse .navbar-nav>.active>a,#header.navbar-inverse .navbar-nav>.active>a:hover,#header.navbar-inverse .navbar-nav>.active>a:focus
@@ -978,17 +990,29 @@ ul>li.item-link>a {
 }
 
 #header .navbar-header .navbar-brand {
-	background: url("../img/logo/logo.png") no-repeat center;
+	position: relative;
+	background: url(../img/logo/logo01.png) no-repeat left center;
 	width: 218px;
 	margin: 0;
 	padding: 0;
-	line-height: 50px;
+	line-height: 57px;
+	height: 57px;
 }
 #header .navbar-header .navbar-brand a{
-	width: 44%;
 	float: left;
 	display: inline-block;
-	height: 50px;
+	height: 57px;
+	font-size: 16px;
+	color: #fff;
+}
+#header .navbar-header .navbar-brand a:before{
+	position: absolute;
+	top: 16px;
+	left: 105px;
+	content: '';
+	width: 2px;
+	height: 28px;
+	background-color: #fff;
 }
 #header .navbar-header .navbar-brand a:first-child{
 	width: 56%;
@@ -2768,10 +2792,13 @@ input.ng-invalid.ng-dirty,textarea.ng-invalid.ng-dirty {
 	margin-bottom: 0;
 	list-style: none;
 	border: 1px solid #ccc;
+	border-radius: 6px;
 	overflow: hidden;
 	background: #fff;
 	max-height: 550px;
 	overflow-y: auto;
+	box-shadow: 0px 0px 6px 0px
+	rgba(120, 120, 120, 0.2);
 }
 .name-tk .user-message li{
 	height: 50px;
@@ -2840,6 +2867,7 @@ input.ng-invalid.ng-dirty,textarea.ng-invalid.ng-dirty {
 	box-shadow: 3px 3px 5px #ccc;
 	overflow: hidden;
 	background: #fff;
+	border-radius: 6px;
 }
 .user-tk .user-message li{
 	width: 100%;