/* function */
.f-dn{display:none;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-oh{overflow:hidden;}
.f-ff0{font-family:arial,\5b8b\4f53;}
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
.f-fs1{font-size:12px;}
.f-fs2{font-size:14px;}
.f-fs3{font-size:18px;}
.f-fs4{font-size:34px;}
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-csp{cursor:pointer;}
.f-pa{position: absolute;}

.clearfix:after { 
    content:"."; 
    display:block; 
    height:0; visibility:hidden; 
    clear:both; 
}
.clearfix { 
    zoom:1; 
}

.f-fs16{font-size: 16px;}
.d09{color: #0595DD;}
.bg-white{background: #fff;} 

#head-downlist .downlist {
	color:#fff;
	z-index: 999;
	min-width: 150px;
	font-size: 14px;
}

#head-downlist ul.userMes>li{
	padding: 16px;
}
#head-downlist ul.userMes>li.search{
	padding: 10px 20px;
}
#head-downlist ul.userMes>li:after,
#head-downlist ul.userMes>li:nth-child(2):before,
#head-downlist ul.userMes>li:last-child:before{
	content: '';
	position: absolute;
    height: 22px;
    width: 1px;
    background: #385167;
    top: 18px;
}
#head-downlist ul.userMes>li:after{
	left: 100%;
}
#head-downlist ul.userMes>li:nth-child(2):before,
#head-downlist ul.userMes>li:last-child:before{
	left: 0;
}
#head-downlist ul.userMes>li:first-child:after,
#head-downlist ul.userMes>li.icon-uesr:after,
#head-downlist ul.userMes>li:last-child:after{
	width: 0px;
}
#head-downlist 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 ;
}
#head-downlist ul.userMes>li:hover,#head-downlist ul.userMes>li.active{
	background:#182939;
}

#head-downlist ul.userMes>li:hover:after,
#head-downlist ul.userMes>li:nth-child(2):hover:before,
#head-downlist ul.userMes>li:last-child:hover:before{
	width: 0;
}

#head-downlist .applylist{
	width: 100%;
    padding-bottom: 10px;
    color: #666!important;
    border-bottom:1px solid #ddd;
}

#head-downlist .applylist>ol>li{
	margin: 10px 15px 0 15px
}

#head-downlist .applylist>ol>li a{color:#666}

#head-downlist .mesdownlist ol li a, 
#head-downlist .userdownlist ol li a, 
#head-downlist .sysnavlist>ol>li a {
    color: #fff;
}

#head-downlist .sysnavlist a:hover,
#head-downlist .userdownlist a:hover,
#head-downlist .applylist li:hover{
	color: #0595DD;
}

#head-downlist .mesdownlist,
#head-downlist .userdownlist,
#head-downlist .sysnavlist{
	padding: 16px 16px 0 16px;
    background:#182939;
    right: 0;
    top: 100%;
}

#head-downlist .mesdownlist>.btnline,
#head-downlist .userdownlist>.btnline,
#head-downlist .sysnavlist>.btnline{border-top: 1px solid #3e566e;padding-top: 13px;}
#head-downlist .sysnavlist>.btnline span{margin-bottom: 12px;}
#head-downlist .mesdownlist ol li,
#head-downlist .userdownlist ol li,
#head-downlist .sysnavlist>ol>li{margin-bottom: 15px;}
#head-downlist .redmes{    
	background: #F06;
    color: #fff;
    border-radius: 50%;
    font-size: 8px;
    width: 5px;
    height: 5px;
    top: 22px;
    left: 29px;
}

.abc{
	float: left;
    width: 0px;
    overflow: hidden;
	transition:width 1s;
	-webkit-transition:width 1s;
}
.searchactive{
	width: 180px;
}

#head-downlist a.white{color: #fff;background: 0!important;}