/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 Microsoft YaHei,\5b8b\4f53;color:#333;outline:0;}
.warphead a{color:#fff;}
.orange{color: rgb(255,125,1) !important;}
.red{color: red !important;}
.fl{float: left;}
.fr{float: right;}
.black{color: #000;}
.white{color: #fff;}
.hidden{display: none;}
#menu a{padding:0;}

/* function */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-db{display:block;}
.f-vh{visibility:hidden;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;}
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}


/*头部*/
body{font-size: 14px;}
header,footer{width:100%;background: #223242;color: #fff;}
.warphead{width:100%;margin: 0 auto;}
.warphead .logo{margin:15px 20px 0 10px;}
.warphead .logo img{height: 20px; vertical-align: middle;}
ul.nav li{padding: 16px 0;}
.logo{font-size: 18px;}
.warphead .nav .active{background: #182939; color:#0595dd;}
.warphead ul.nav>li{padding: 16px 20px;}
.warphead ul.nav>li:hover{background: #182939; color:#0595dd;}
.warphead ul li a:hover{cursor: pointer; color:#0595dd;}
.warphead ul.userMes>li{
	padding: 16px 20px;
}
.warphead ul.userMes div{
	z-index: 9999;
}
.warphead ul.userMes>li.search{
	padding: 10px 20px;
}
.warphead ul.userMes>li:after,
.warphead ul.userMes>li:nth-child(2):before,
.warphead ul.userMes>li:last-child:before{
	content: '';
	position: absolute;
    height: 22px;
    width: 1px;
    background: #385167;
    top: 18px;
}
.warphead ul.userMes>li:after{
	left: 100%;
}
.warphead ul.userMes>li:nth-child(2):before,
.warphead ul.userMes>li:last-child:before{
	left: 0;
}
.warphead ul.userMes>li:first-child:after,
.warphead ul.userMes>li.icon-uesr:after,
.warphead ul.userMes>li:last-child:after{
	width: 0px;
}
.warphead ul.userMes>li .icon{
	width: 16px;
	height: 16px;
	margin-top: 2px;
	display: block;
}
.search-val{    
	height: 25px;
    padding: 0 10px;
    background: 0;
    border: 0;
    color: #fff;
    margin: 3px 10px 0 0 ;
}
.warphead ul.userMes>li:hover{
	background:#182939;
	color:#0595dd;
}
.warphead ul.userMes>li.active{
	background:#182939;
}
/*.warphead ul.userMes>li:hover .downlist{display: block;}*/
.warphead ul.userMes>li:hover:after,
.warphead ul.userMes>li:nth-child(2):hover:before,
.warphead ul.userMes>li:last-child:hover:before{
	width: 0;
}
.warphead ul.userMes>li .icon-search{
	background: url(../img/common/search.png) no-repeat;
    margin-top: 8px;
}
.warphead ul.userMes>li .icon-search:hover{
	background:#182939 url(../img/common/search-hover.png) no-repeat ;
}
.warphead ul.userMes>li .icon-desk{
	background: url(../img/common/desk.png) no-repeat;
}
.warphead ul.userMes>li .icon-desk:hover{
	background:#182939 url(../img/common/desk-hover.png) no-repeat;
}
li#deskdown:hover .tooltip{
	display: block;
}
#deskdown.active .icon-desk{
	background:#182939 url(../img/common/desk-hover.png) no-repeat;
}
.warphead ul.userMes>li .icon-mes{
	background: url(../img/common/mes.png) no-repeat;
}
.warphead ul.userMes>li .icon-mes:hover{
	background:#182939 url(../img/common/mes-hover.png) no-repeat;
}
.warphead ul.userMes>li .icon-uesr{width: 27px; height: 27px; border-radius: 14px;}
.warphead ul.userMes>li .icon-navlist{
	width: 18px;
	background: url(../img/common/nav.png) no-repeat;
}
.warphead ul.userMes>li .icon-navlist:hover{
	width: 18px;
	background:#182939 url(../img/common/nav-hover.png) no-repeat;
}
.wrap{min-height: 570px;}

.userMesHide{
	display: none;
}

.mesdownlist{width: 200px;}
.userdownlist>p{text-indent: 0;}
.mesdownlist ol li a, .userdownlist ol li a, .sysnavlist>ol>li a {
    color: #fff;
}

.sysnavlist>.btnline span{margin-bottom: 12px;}
.mesdownlist ol li,
.userdownlist ol li,
.sysnavlist>ol>li{margin-bottom: 15px;text-align: left;}

#userdown {
	padding:10px 20px;
}
#userdownlist a:hover{color:#20adff;}

/*底部*/
footer{padding:30px 0 ;text-align: center;}
footer a{margin-left: 40px;}
footer a:hover{color: #0595DD;}
footer p{line-height: 35px;}

/*animation*/
/*.warphead ul.userMes>li .downlist{
	opacity: 0;
	transition:opacity 1s;
	-webkit-transition:opacity 1s;
}
.warphead ul.userMes>li:hover .downlist{
	opacity: 1;
}*/
.abc{
	float: left;
    width: 0px;
    overflow: hidden;
	transition:width 1s;
	-webkit-transition:width 1s;
}
.searchactive{
	width: 180px;
}
@keyframes searchvalAnimation
{
	0%   {}
	100% {}
}

@-webkit-keyframes searchvalAnimation /* Safari and Chrome */
{
	0%   {}
	100% {}
}

.tooltip{
	position: absolute;
	left: 50%;
	width: 84px;
	margin-left: -42px;
	display: none;
}
.tooltip.right {
	padding: 0 4px;
	margin-left: 3px;
}
.tooltip.bottom {
	padding: 4px 0;
	margin-top: 3px;
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -4px;
	border-width: 4px 4px 4px 0;
	border-right-color: rgba(0, 0, 0, .8);
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -4px;
	border-width: 0 4px 4px;
	border-bottom-color: rgba(0, 0, 0, .8);
}
.tooltip-inner {
	padding: 6px 12px;
	white-space: nowrap;
	max-width: 200px;
	color: #fff;
	text-align: center;
	background-color: rgba(0, 0, 0, .8);
	border-radius: 3px;
	font-size: 12px;
}