/*页面头部导航*/
.header .navbar-top ul{list-style:none;}
.header .navbar-top .nav{margin:0px 0px 0 0!important;}
.header .navbar-top ul li a{text-decoration:none;color:#ccc;display:block;}
.header .navbar-top > ul > li{float:left;}
.header .navbar-top > ul > li > a{list-style:none;line-height:51px;padding:0 30px;font-size:15px;}
.header .navbar-top > ul > li > a:hover{color:#fff;background-color:#393939;}
.header .navbar-top > ul > li.active > a{color:#fff;background-color:#fd9213;}
.header .navbar-top > ul > li > ul{position:absolute;top:73px;background-color:#393939;color:#ccc;display: none;height: auto;padding-top: 10px;margin-top: 0px;padding-bottom: 10px;margin-bottom: 0px;}
.header .navbar-top > ul > li > ul > li{padding-left:30px;}
.header .navbar-top > ul > li > ul > li:last-child{padding-right:30px;}
.header .navbar-top > ul > li > ul > li.title{line-height: 30px;font-size: 14px;color: #fff;}
.header .navbar-top > ul > li > ul > li > a{line-height: 27px;font-size: 12px;}
.header .navbar-top > ul > li > ul > li > a:hover{color:#fd9213;}
.header .navbar-top > ul > li > ul > li > ul > li.title{line-height: 30px;font-size: 13px;color: #fff; }
.header .navbar-top > ul > li > ul > li > ul > li > a{line-height: 24px;font-size: 12px!important;padding:0px!important;}
.header .navbar-top > ul > li > ul > li > ul > li > a:hover{color:#fd9213;background-color:#393939!important;}
.header .nav > li.dropdown, .header .nav > li.dropdown > a {padding-left:0px;padding-right:0px;}
.header .hor-menu ul.nav li a {padding: 11px 28px;}
.header .navbar-top .divider{height: 1px;overflow: hidden;background-color:#474747;margin:10px auto 10px;width:90%;clear:both;}
.dropup, .dropdown {
    position: static; 
}
.navbar .nav{
	position: static; 
}
@media screen and (max-width:1500px){
	.header .hor-menu ul.nav li a {padding: 11px 21px;}
}
@media screen and (max-width:980px){
	.header .navbar-top{display:none;}
}

.header .page-container .page-sidebar{position:fixed;top:70px;}

/*左侧导航栏图标*/
ul.page-sidebar-menu > li > a .icon{width:18px;height:18px;float:left;}
ul.page-sidebar-menu > li > a .icon-ebay{display:inline-block; width:16px; height:16px; background:url(/media/image/nav-right-icon.png) no-repeat -26px -4px !important;margin:2px 5px 0 0;}
ul.page-sidebar-menu > li > a .icon-am{display:inline-block; width:16px; height:16px; background:url(/media/image/nav-right-icon.png) no-repeat 1px -4px !important;margin:1px 5px 0 0;}
ul.page-sidebar-menu > li > a .icon-smt{display:inline-block; width:16px; height:16px; background:url(/media/image/nav-right-icon.png) no-repeat -51px -4px !important;margin:1px 5px 0 0;}
ul.page-sidebar-menu > li > a .icon-wish{display:inline-block; width:16px; height:16px; background:url(/media/image/nav-right-icon.png) no-repeat -101px -4px !important;margin:1px 5px 0 0;}
ul.page-sidebar-menu > li > a .icon-lazada{display:inline-block; width:16px; height:16px; background:url(/media/image/nav-right-icon.png) no-repeat -79px -4px !important;margin:1px 5px 0 0;}
ul.page-sidebar-menu > li > a .icon-multiplatform{background:url(/media/image/nav-right-icon.png) no-repeat -126px -4px !important;margin:1px 5px 0 0;}
ul.page-sidebar-menu > li > a .icon-systemmanager{background:url(/media/image/nav-right-icon.png) no-repeat -179px -4px !important;margin:1px 5px 0 0;}
ul.page-sidebar-menu > li > a .icon-active-ebay{background:url(/media/image/nav-right-icon.png) no-repeat -26px -32px !important;margin:2px 5px 0 0;}
ul.page-sidebar-menu > li > a .icon-active-am{background: url(/media/image/nav-right-icon.png) no-repeat 1px -32px !important;margin:2px 5px 0 0;}
ul.page-sidebar-menu > li > a .icon-active-smt{background:url(/media/image/nav-right-icon.png) no-repeat -51px -32px !important;margin:2px 5px 0 0;}
ul.page-sidebar-menu > li > a .icon-active-wish{background:url(/media/image/nav-right-icon.png) no-repeat -101px -32px !important;margin:2px 5px 0 0;}
ul.page-sidebar-menu > li > a .icon-active-lazada{background:url(/media/image/nav-right-icon.png) no-repeat -79px -32px !important;margin:2px 5px 0 0;}
ul.page-sidebar-menu > li > a .icon-active-multiplatform{background:url(/media/image/nav-right-icon.png) no-repeat 126px -32px !important;margin:2px 5px 0 0;}
ul.page-sidebar-menu > li > a .icon-active-systemmanager{background:url(/media/image/nav-right-icon.png) no-repeat -179px -32px !important;margin:2px 5px 0 0;}

/*右边头部导航*/
.navbar-right .quit ,.navbar-right .help ,.navbar-right .person{
	padding:0px 15px!important;
	line-height:73px;
}
.navbar-right .person i {
  display: inline-block;
  width: 15px;
  height: 17px;
  margin-right: 5px;
  vertical-align: middle;
  background: url(../../images/icon.png) no-repeat 0 -190px;
}
.navbar-right .person em{
	display: inline-block;
	vertical-align: middle;
	margin-top:0px!important;
}
.navbar-right .email {
  position: relative;
}
.navbar-right .email i {
  display: inline-block;
  width: 20px;
  height: 17px;
  margin-right: 5px;
  margin-top: 21px;
  background:url(../../images/icon.png) no-repeat 0 -221px;
}
.navbar-right .email span {
  position: absolute;
  color: #fff;
  font-size: 10px;
  line-height: 15px;
  height: 16px;
  min-width: 16px;
  display: inline-block;
  padding: 0 5px;
  -webkit-border-radius: 8px 8px 8px 8px!important;
  -o-border-radius: 8px 8px 8px 8px!important;
  -moz-border-radius: 8px 8px 8px 8px!important;
  -ms-border-radius: 8px 8px 8px 8px!important;
  border-radius: 8px 8px 8px 8px!important;
  background: #ff3333;
  top: 24px;
  left: 30px;
}

.navbar-right .quit i {
  display:block; 
  width: 15px;
  height: 15px;
  float:left;
  margin-right: 5px;
   margin-top: 30px;
  background:url(../../images/icon.png) no-repeat 0 0;
}
.navbar-right .help i {
  display: block;
  width: 15px;
  height: 17px;
  float:left;
  margin-right: 5px;
  margin-top: 30px; 
  background: url(../../images/icon.png) no-repeat 0 -23px;
}
.navbar-right .dropdown .pull-left{
	position:relative;
}
.navbar-right .dropdown > a{
	cursor:pointer;
}
.navbar-right .dropdown .pull-left > ul{
	background-color:#393939;
	width:130px;
	position:absolute;
	top:0px;
	padding:10px 0;
	display:none;
}
.navbar-right .dropdown .pull-left > ul > li > a{
	line-height: 25px;
	color: #aaa;
	padding-left:20px;
}
.navbar-right .dropdown .pull-left > ul > li > a:hover{color:#fd9213;}

@media screen and (max-width:640px){
	.header .btn-navbar{
		padding:6px 6px 8px;
		margin-right: 10px;
	}
	.navbar-right{
		width:100%;
		background-color:#2d2b2b;
		top:26px;
	}
	.header .navbar-inner .container-fluid{
		margin-left:0!important;
		margin-right:0!important;
	}
}
@media (max-width: 979px){
	.navbar .btn-navbar {
		display: block;
		padding: 3px 6px 6px 6px!important;
		margin-top: 20px!important;
	}
	.page-sidebar {
		margin: 0 0px;
	}
	.page-sidebar.in {
		margin: 0px;
	}
	.header .navbar-top{
		display:none!important;
	}
}
@media (max-width:1340px){
	.header .navbar-top{
		display:block;
	}
	.header .hor-menu ul.nav li a {padding: 11px 28px;}
	.header .brand {
		display: inline-block;
		width: 150px;
		margin-top:8px;
	}
	.header .brand img{
		width:100%!important;
		margin-left:0px;
	}
	.navbar-right .quit ,.navbar-right .help ,.navbar-right .person{
		padding:0px 5px!important;	
	}
}
@media (max-width:1200px){
	.header .hor-menu ul.nav li a {padding: 11px 19px;}
}

