.header_topmain{
	background-color:#3c3c3c;
	height:32px;
	line-height:32px;
	position: relative;
}
.top_welcome{
	color:#dadada;
	padding-left:20px;
	background-position:0px -127px;
	}
.top_welcome h1{
	font-size:12px;
	display:inline;
	font-weight:100;
}
.top_welcome a{
	color:#FFFFFF;
}
.top_welcome a:hover{
	color:#ff7f00;
}
.topright{
	height:32px;
	line-height:32px;
	position:relative;
	}
.topright li{
	margin-left:20px;
	position:relative;
	float:left;
}

.topright .sy{
	background-position:0px -99px;
	}
.topright .sc{
	background-position:0px -143px;
	}
.topright .home a{
	color:#747474;
	text-align:right;
	height:32px;
	line-height:32px;
	display:block;
	width:70px!important;
	color:#FFFFFF;
	transition:all 0.3s ease-out 0s;cursor:pointer;
	background-position:-650px -425px;
	}
.topright .home a:hover{
	color:#ff7f00;
	background-position:-650px -490px;
	}


.topright .xx a{
	color:#747474;
	text-align:right;
	width:70px;
	height:32px;
	line-height:32px;
	display:block;
	color:#FFFFFF;
	transition:all 0.3s ease-out 0s;cursor:pointer;
	background-position:-390px -425px;
	}
.topright .xx a:hover{
	color:#ff7f00;
	background-position:-390px -490px;
	}
.topright .qq a{
	color:#747474;
	text-align:right;
	height:32px;
	line-height:32px;
	display:block;
	width:65px!important;
	color:#FFFFFF;
	transition:all 0.3s ease-out 0s;cursor:pointer;
	background-position:-260px -425px;
	}
.topright .qq a:hover{
	color:#ff7f00;
	background-position:-260px -490px;
	}

.topright .wb a{
	color:#FFFFFF;
	transition:all 0.3s ease-out 0s;cursor:pointer;
	background-position:0px -425px;
	}
.topright .wb a:hover{
	color:#ff7f00;
	background-position:0px -490px;
	}
.topright .wx .wxico{
	color:#747474;
	text-align:right;
	width:75px;
	height:32px;
	line-height:32px;
	display:block;
	color: #FFFFFF;
	transition:all 0.3s ease-out 0s;cursor:pointer;
	background-position:-128px -425px;
	}
	
.topright .wx:hover .wxico{
	background-position:-128px -490px;
	color:#ff7f00;	
	}
.topright .wx:hover .ewm{
	display:block;
}
	
.topright .wx .ewm{
	width:150px;
	height:150px;
	padding:10px;
	background-color:#FFF;
	top:41px;
	z-index: 9999;
	display:block;
	position:absolute;
	margin-left:-50px;
	border: 1px solid #d8d8d8;
	-webkit-box-shadow: 0 0 5px -1px #525252;
	-moz-box-shadow: 0 0 5px -1px #525252;
	box-shadow: 0 0 5px -1px #525252;
	display:none;
	}
.topright .wx .ewm .btsj{
	overflow: hidden;
    position: absolute;
	text-align:center;
    width:150px;
    height: 10px;
	margin-top:-20px;
    z-index: 1;
    display: block;
	}

.topright .wx .ewm .btsj:after {
    border: 1px solid;
    content: "";
    display: block;
    position: absolute;
	left:50%;
	
	margin-top:0px;
    width:13px;
    height:13px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    z-index: 1;
	background: #fff;
    border-color: #d8d8d8;
}


.topright .wx .ewm .imgbox{
	width:150px;
	height:150px;
	display:block;
	overflow:hidden;
	}
.topright .wx .ewm .imgbox img{
	max-width:100%;
}

.topright .user .xxico{
    color: #FFFFFF;
    transition: all 0.3s ease-out 0s;
    cursor: pointer;
    text-align: left;
    width: 60px!important;
	padding-left:25px;
    height: 32px;
    line-height: 32px;
    display: block;
	background-position:-514px -425px;
	padding-right:10px;
	border-left: 1px solid #3c3c3c;
	border-right: 1px solid #3c3c3c;
	
	}
	
.topright .user:hover .xxico{
    color: #ff7f00;
    cursor: pointer;
	background-position:-514px -490px;
	background-color:#FFFFFF;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	}

.topright .ci-right {
    top:12px;
	width:12px;
    height:7px;
    right:4px;
	overflow:hidden;
	position: absolute;
    color:#2c2c2c;
    transition:transform .2s ease-in 0s;
    -webkit-transition:-webkit-transform .2s ease-in 0s
}
.topright li:hover .ci-right {
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
}
.topright .ci-right:after {
    border: 1px solid;
    content: "";
    display: block;
    position: absolute;
	left:6px;
    width:10px;
    height:10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    z-index: 1;
	background:none;
    border-color: #d8d8d8;
}
.topright li:hover .ci-right:after {
	border-color:#ff7f00;
}

/*个人中心*/
.dorpdown {
    position:relative
}
.dorpdown-layer {
	display:none;
    position:absolute;
    z-index:10;
}
.user:hover .dorpdown-layer{
    display:block;
}

.topright .dorpdown-layer {
    top: 32px;
    background: #fff;
    border: 1px solid #ddd;
	left:-1px;
	-webkit-transition:all 600ms cubic-bezier(0.23, 1, .32, 1);
	position:absolute;

}
.topright .dorpdown-layer .dd-spacer {
	width:100px;
    top:-1px;
    height: 10px;
    background:#fff;
	left:1px;
	display: block;
	position:absolute;
}

.topright .user .userbox {
    width:250px;
    padding-bottom:8px;
}
.topright .user .userinfo {
    padding:5px 15px;
    line-height:24px;
}
.topright .user .userinfo .u-pic {
    float: left;
    margin-right: 10px;
}
.topright .user .userinfo .u-pic img {
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
}
.topright .user .userinfo .u-name {
    padding: 6px 0 0;
    font-weight: 700;
}
.topright .user .userinfo .u-extra {
    line-height:24px;
}

.topright .user .userlink {
    border-top:1px dashed #CCC;
    padding:10px 15px 5px 15px;
    line-height:23px;
}
.topright .user .userlink a{
    display:block;
    padding-left: 8px;
    background-position: 0 9px;
}

.topright .user .userlink a:hover{
    background-position:0px -27px;
}