@charset "UTF-8";

.navbar {
	height: 60px;
	line-height: 20px;
	margin: 0;
	border: 0
}

.navbar .header-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #010e1f;
	opacity: .9;
	transition: all ease-in .3s
}

.navbar>.container {
	position: relative
}

.navbar-brand {
	height: 60px;
	line-height: 60px;
	width: 200px;
	background-image: url("/static/images/logo.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-left: -10px !important
}

.transparent .header-mask {
	opacity: .3
}

.transparent .d-caret {
	background-image: url(../images/btn_xiala.png)
}

.transparent .nav .dropdown-menu {
	background: #010e1f;
	opacity: .9
}

.navbar-nav-menu {
	margin-left: 50px;
	font-family: FZLT-M-GBK
}

.navbar-nav-menu>li {
	width: 120px
}

.navbar ul.nav a {
	color: #fff !important;
	font-size: 16px;
	background-color: transparent !important;
	height: 100%;
	width: 100%;
	line-height: 75px;
	padding: 0;
	text-align: center
}

.navbar .navbar-nav>li>a {
	opacity: .8
}

.d-caret {
	display: inline-block;
	width: 11px;
	height: 8px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-left: 9px;
	background-image: url(../images/btn_xiala_huise.png);
	opacity: .8
}

.navbar .navbar-nav>li:hover>a {
	opacity: 1
}

.navbar .navbar-nav>li:hover>.d-caret {
	opacity: 1
}

.nav .dropdown-mask {
	height: 0;
	width: 100%;
	transition: height ease-in .3s;
	position: relative;
	top: 100%;
	overflow: hidden
}

.nav .dropdown.open>.dropdown-mask {
	height: 252px
}

.nav .dropdown.open:nth-child(3)>.dropdown-mask {
	height: 104px
}

.nav .dropdown.open:nth-child(4)>.dropdown-mask {
	height: 142px
}

.nav .dropdown.open>.dropdown-mask>.dropdown-menu {
	display: block
}

.open>.dropdown-menu {
	display: normal
}

.nav .dropdown-menu {
	min-width: 120px;
	padding: 0;
	opacity: .9;
	background: #010e1f;
	border-radius: 0 0 4px 4px;
	border: 0;
	padding: 15px 0;
	text-align: center;
	top: 0;
	display: block;
	margin: 0
}

.nav .dropdown-menu>li {
	height: 37px;
	line-height: 37px;
	width: 100%
}

.nav .dropdown-menu>li:hover {
	background-color: rgba(255,255,255,.08)
}

.nav .dropdown-menu>li>a {
	width: 100%;
	height: 100%;
	line-height: 37px;
	padding: 0;
	font-size: 14px;
	background-color: transparent !important;
	color: #fff !important;
	opacity: .8
}

.nav .dropdown-menu>li:hover>a {
	opacity: 1
}

.sign-in,.sign-up {
	width: 88px;
	height: 28px;
	border-radius: 14px;
	line-height: 28px;
	padding: 0;
	box-shadow: none !important;
	color: #fff !important;
	opacity: .8;
	text-decoration: none;
	font-family: FZLT-M-GBK
}

.sign-in:hover,.sign-up:hover {
	cursor: pointer;
	opacity: 1;
	text-decoration: none
}

.sign-up {
	margin-left: 20px
}

.free-exptop {
	background: #008bfe;
	border-radius: 100px;
	color: #fff;
	margin-left: 30px;
	padding: 6px 20px;
	font-family: FZLT-M-GBK
}

.free-exptop:hover,.free-exptop:visited,.free-exptop:focus,.free-exptop:active {
	text-decoration: none;
	color: #fff;
	opacity: .8
}

@media(max-width:1200px) {
	.navbar-nav-menu>li {
		width: 100px
	}

	.nav .dropdown-menu {
		min-width: 100px
	}

	#user-com {
		display: none
	}
}

@media(max-width:1000px) {
	.navbar-nav-menu>li {
		width: 100px
	}

	.nav .dropdown-menu {
		min-width: 100px
	}
}

@media(max-width:996px) {
	.navbar-nav-menu>li {
		width: 80px
	}

	.nav .dropdown-menu {
		min-width: 80px
	}

	.navbar-nav-menu {
		margin-left: 30px
	}
}

@media(max-width:768px) {
	.navbar,.navbar-brand {
		height: 60px;
		line-height: 60px
	}

	.navbar-collapse {
		background-color: #010e1f
	}

	.transparent .navbar-collapse {
		background-color: #010e1f
	}

	.navbar-brand {
		margin-left: 15px
	}

	.navbar-toggle {
		background-color: #fff;
		margin-top: 15px
	}

	.navbar-toggle .icon-bar {
		background-color: #333
	}

	.nav .dropdown.open>.dropdown-mask {
		height: auto
	}

	.nav .dropdown-menu {
		padding: 5px 0;
		min-width: 120px
	}

	.navbar-nav-menu>li {
		width: 120px
	}

	.navbar-nav .open .dropdown-menu>li>a {
		margin-left: 10px;
		padding: 0;
		line-height: 37px
	}

	.navbar ul.nav a {
		line-height: 37px
	}

	.navbar>a {
		color: #fff
	}

	.navbar .navbar-collapse {
		border: 0
	}

	.navbar-collapse {
		border-top: 1px solid #333
	}

	.transparent .d-caret {
		background-image: url(../images/btn_shangla.png);
		transform: rotate(180deg)
	}

	.navbar-right>div {
		margin-right: 5px
	}

	.usermenu-mask.open {
		height: auto
	}

	.recentMsgs-mask.open {
		height: auto
	}
}

/* 头部 */
.header .layui-nav{position: inherit; }
.header-user-content {position:absolute; top:0px; right:2px;}
.header-user-content a{text-decoration:none}
.header-user-content .nav {float: right;}
.header-user-content span{position: relative;}
.header-user-content span {top:-3px; font-size: 16px;}
.header-user-content span a{padding:0 10px; color:#A9B7B7}
.header-user-content span a:hover{color:#fff;}
.nav a i {position:inherit;	top: -3px; }
.nav a i span {top:1px; font-size: 12px;}
.out-login{margin-left:10px; margin-top:0px; text-align:center}
.out-login a{color:#A9B7B7; font-size:35px; padding:0 10px;}
.out-login a:hover{color:#fff;}

.avatar{ color:#A9B7B7; font-size:14px;}
.avatar img{ width: 42px; height: 42px; border-radius:100%;}
.avatar cite, .avatar i{margin-left: 10px}
.avatar i{line-height: 20px; color: #FF7200;}

.layui-nav .badge {
	top: 20px;
	right: 5px;
}

/*头部横幅*/
.banner-content {
	background-repeat: no-repeat;
	background-image: url(/static/Images/doc/overview-banner.jpg);
	background-size: cover;
}
.content-1 {
	height: 75px;
	position: relative;
}

/*导航菜单*/
.nav .layui-nav-child {
	top: 75px;
	padding: 10px 0;
	border: 0px solid #d2d2d2;
}

.nav .layui-nav-child>li {
	height: 37px;
	line-height: 37px;
	width: 100%
}

.nav .layui-nav-child>li:hover {
	background-color: rgba(255,255,255,.08)
}

.nav .layui-nav-child>li>a {
	width: 100%;
	height: 100%;
	line-height: 37px;
	padding: 0;
	font-size: 14px;
	background-color: transparent !important;
	color: #fff !important;
	opacity: .8
}

.nav .layui-nav-child>li:hover>a {
	opacity: 1
}