/*用户页面*/
.userhead{
	width:100%;
    height:36px;
	line-height:36px;
	background:#363636;
	font-size: 14px;
	}
.userhead-inner{
	width:984px;
	margin:0 auto;
	}
.userlogo{
	margin-top:5px;
	float:left;
	}
.userhead-inner ul li{
	float:left;
	}
.li_a{
	color:#e4e4e4;
	margin:0 15px;
	}
.li_a:hover{
	color:#fff;
	}
.l20{
	float:left;
	margin-left:20px;
	}
.userserch{
	width: 190px;
	height: 22px;
	border:2px solid #e4e4e4;
	color: #868686;
	padding-left:26px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url(../images/search.png) 4px 4px no-repeat #fff;
	line-height: 22px;
	margin-top:5px;
	}
.userright{
	float:right;
	}
.homeinfo{
	width:26px;
	height:36px;
	background:url(../images/email.png)0 8px no-repeat;
	float:left;
	}
.homeinfo:hover{
	background:url(../images/email_hover.png)0 8px no-repeat;
	}
#u-info{
	width:120px;
	overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;                    /*适用IE*/
    -o-text-overflow:ellipsis;                 /*适用opera*/
    -moz-binding: url('ellipsis.xml#ellipsis');/*适用火狐(firefox通过XUL实现效果)*/
	vertical-align: middle;
	}
#u-info img {
	width:18px;
	height:18px;
	margin-right:4px;
	}	
#u-info a {
	color:#e4e4e4;
	}	
#u-info a:hover{
	color:#fff;
	}
.topr {
	margin-left:45px;
	}
.top_r10{
	margin-right:10px;
	color:#e4e4e4	
	}
.top_r10:hover{
	color:#fff;
	}
.topr ol li {
	float:left;
	margin-left:8px;
	}
.topra {
	height: 22px;
	line-height:22px;
	margin-top:7px;
	display: block;
    border-radius: 2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;	
	padding: 0px 5px 0px 24px;
	color:#e4e4e4;
	}
/*透明部分*/
.wrap{
	width:100%;
	overflow:hidden;
	padding-bottom:50px;
	background: url(../images/userbg.png) repeat-x;
	position:relative;
	}
.main-top {
	width:984px;
	margin:0 auto;
	padding: 20px 0;
	overflow:hidden;
	}
.main-top p{
	font-size:18px;
	color: #333;
	}
.main-top h1 {
	width: 620px;
	overflow: hidden;
	white-space:nowrap;
    text-overflow: ellipsis;                   /*适用IE*/
    -o-text-overflow:ellipsis;                 /*适用opera*/
    -moz-binding: url('ellipsis.xml#ellipsis');/*适用火狐(firefox通过XUL实现效果)*/
	font-size: 50px;
	font-style: normal;
	font-weight: normal;
	color: #fff;
	float: left;
	}
.warpleft {
	width: 620px;
	float: left;
	}
.warpleft p {
	color: #333;
    color:rgba(51,51,51,0.2);
	text-shadow:1px 1px 0 #333,0 0 0 #868686,1px 1px 0 #d15a82;	
	}
.warpright {
	width: 360px;
	float: left;
	}
.warpright dl {
    width: 60px;
	height: 60px;
	margin-left: 4px;
	margin-top: 20px;
	background: #fff;
	float: right;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    box-shadow:1px 1px 1px #d15a82;
	-moz-box-shadow:1px 1px 1px #d15a82;
	-webkit-box-shadow:1px 1px 1px #d15a82;
    }
.warpright dt {
	height: 36px;
	padding: 8px 4px 0;
    }
.warpright dd {
	height: 14px;
	line-height: 14px;
	padding-bottom: 2px;
	}
.warpright a {
	width: 40px;
	height: 36px;
	display:inline-block;	
	}
.usericon01 {
	background: url(../images/usericon.png) center -4px no-repeat;
	}
.usericon02 {
	background: url(../images/usericon.png) center -44px no-repeat;
	}
.usericon03 {
	background: url(../images/usericon.png) center -84px no-repeat;
	}
.usericon04 {
	background: url(../images/usericon.png) center -124px no-repeat;
	}
/*主体部分*/
.main-content {
	width:984px;
	margin:0 auto;
	padding: 20px 0;
	overflow:hidden;	
	}
.main-left {
	width: 730px;
	height: 100%;
	float: left;
	margin-right: 20px;
    }
.main-right {
	width: 230px;
	float: left;
	margin-top: 80px;
	}
/*个人简介部分*/
.userinfo {
	width: 690px;
	height: 140px;
	padding: 20px;
	float: left;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 1px 3px #d7d7d7;
	-moz-box-shadow: 1px 1px 3px #d7d7d7;
	-webkit-box-shadow: 1px 1px 3px #d7d7d7;
	position: relative;
	}
.userinfo ul {
	width: 530px;
	}
.userinfo li {
	margin-right: 14px;
	float: left;
    }
.info-style01 {
	display: block;
	margin:12px 0;
	width: 530px;
	height: 74px;
	overflow:hidden;
	}
.info-style02 {
	color: #4F94CD;
	}
.info-style02:hover {
	color: #4682B4;
	}
.infoimg {
	width: 120px;
	height: 120px;
    position:absolute;
	left: 570px;
	top: 30px;
	}
/*新手任务部分*/
.h-mission {
	width: 730px;
	margin-top: 20px;
	float: left;
	}
.missionh3 {
	line-height: 28px;
	color: #333;
	border-bottom: 2px solid #e4e4e4;
	}
.h-mission dl {
	width: 690px;
	padding: 10px 20px;
	margin-top: 10px;
	float: left;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 1px 3px #d7d7d7;
	-moz-box-shadow: 1px 1px 3px #d7d7d7;
	-webkit-box-shadow: 1px 1px 3px #d7d7d7;
	}
.h-mission dt{
	float: left;
    width: 40px;
	line-height: 28px;
	}
.h-mission dd{
    width: 640px;
	float: left;
	line-height: 28px;
	}
/*正在参加*/
.h-join {
	width: 730px;
    margin-top: 20px;
	float: left;
	}
.h-join ul {
	width: 730px;
	margin-top: 10px;
	float: left;
	}
#joinact {
	display: inline-block;
	width: 200px;
	height: 98px;
	border: 1px solid #d7d7d7;
	float: left;
	margin-right: 20px;
	padding: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 1px 3px #d7d7d7;
	-moz-box-shadow: 1px 1px 3px #d7d7d7;
	-webkit-box-shadow: 1px 1px 3px #d7d7d7;
	background: #fff;
	position: relative;
	}
#joinact img {
	width: 200px;
	height: 98px;
	border: none;
	}
.imgbg {
	width: 200px;
	height: 98px;
	line-height: 98px;
	background: #e4e4e4;
	text-align: center;
	padding: 10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	transition: opacity;
	transition-timing-function: ease-out;
	transition-duration: 500ms;
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;
 	}
.imgbg:hover{
    opacity: 0.8;
    filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	transition: opacity;
	transition-timing-function: ease-out;
	transition-duration: 500ms;	
	-webkit-transition: opacity;
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 500ms;	
	cursor: pointer;
	}
.imgbg b {
	color: #000;
	}
.h-favorite {
	width: 730px;
	margin-top: 20px;
	float: left;
	overflow:hidden;
	}
.h-favorite-h {
	line-height: 28px;
	color: #333;
	margin-right: 40px;
	float: left;
	}
.h-favorite-h a {
	color: #333;
	padding-bottom:3px;
	}
.h-favorite-h a:hover, .myselected{
	border-bottom:2px solid #f83;
	color: #f83;
	}

}
.ulbottom {
	height: 28px;
	line-height: 28px;
	border-bottom: 2px solid #e4e4e4;
	}
/*朋友的秀*/
.favlist{
	overflow:hidden;
	float: left;
	margin-top: 10px;
	width: 750px;
	position:relative;
}
.favlist li{
	background-color: #fff;
	margin: 0 20px 20px 0px;
	width: 230px;
	float: left;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 1px 3px #d7d7d7;
	-moz-box-shadow: 1px 1px 3px #d7d7d7;
	-webkit-box-shadow: 1px 1px 3px #d7d7d7;
}
.favlist img{
	border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
.contitle{
	width:210px;
	padding: 0 10px 10px;
	margin:0 auto;
}
.contitle img{
	width: 32px;
	height: 32px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.viewlist{
	width:210px;
	margin:12px auto 0 auto;
	padding: 0 10px;
	height:31px;
	font-size:12px;
}
.viewlist a {
	margin-right: 10px;
	}
.viewlist a.fav{
	background: url(../images/fav.png) no-repeat;
	padding-left: 20px;
	}
.viewlist a.fav:hover{
	background: url(../images/fav_hover.png) no-repeat;
	}
.viewlist a.comments{
	background: url(../images/comments.png) no-repeat;
    padding-left: 20px;
	}
.viewlist a.comments:hover{
	background: url(../images/comments_hover.png) no-repeat;
	}
.viewlist span{
	margin-right: 10px;
	}
.viewlist span.views{
	background: url(../images/views.png) no-repeat;
    padding-left: 20px;
	}
/*主体侧栏*/
.h-fresh {
	width: 230px;
	padding: 5px 0 10px;
	display: block;
	background-color: #e4e4e4;
	border: 1px solid #dadada;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.h-fresh dl{
    margin: 15px auto;
	width: 230px;
    }
.h-fresh dt{
 	width: 50px;
	height: 50px;
	margin: 0 6px;
    float: left;
    }
.h-fresh img {
	width: 48px;
	height: 48px;
	border: none;
	}
.nameblue,.br_user{
	width: 90px;
	float: left;
	color: #1685a9;
	overflow:hidden;
	white-space:nowrap;
	margin-right:6px;
	}
.nameblue:hover {
	color: #177cb0;
	}
.h-fresh-title {
	display:block;
	width:160px;
	height:20px;
	margin-top:6px;
	overflow:hidden;
	}
.h-xianzhi {
	width: 230px;
	padding: 5px 0 10px;
	display: block;
	background-color: #e4e4e4;
	border: 1px solid #dadada;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 20px;
	}
.h-xianzhi img{
	margin: 8px auto 0 auto;
	width: 230px;
	}
.h-xianzhi dl{
    margin-bottom: 10px;
    }
.h-xianzhi dd{
	text-align: center;	
	height: 20x;
	line-height: 20px;
	}
.h-visit {
	width: 230px;
	height: 320px;
	padding: 5px 0 10px;
	display: block;
	background-color: #e4e4e4;
	border: 1px solid #dadada;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 20px;
	overflow: hidden;
	}
.h-visit ul {
	margin: 8px auto 0 auto;
	width: 230px;
	}
.h-visit img {
	width: 50px;
	height: 50px;
	margin: 5px 0 5px 6px;
	float: left;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.main-right h4 {
	width:230px;
	height:18px;
	text-align:center;
	font-weight: normal;
	font-size: 15px;	
	}
/*ls喊话机*/
.chatbox{
	position:absolute;
	position: fixed;
	top:400px;
	right:180px;
	background:#fffbe0;
	width:234px;
	height: 300px;
	border:#e6d6ab solid 1px;
	padding: 10px;
	}
.chatbox h2{
	font-size:14px;
	margin-bottom: 10px;
	}
.lscallicon{
	background:url(../images/lscallicon.gif) no-repeat;
	width:39px;
	height:191px;
	float:left;
	}
.lscallicon a{
	width:39px;
	height:39px;
	display:block;
	margin-bottom:12px;
	}
.lscalltext{
	width:185px;
	height: 260px;
	float:right;
	border:#e6d6ab solid 1px;
	background:#fff;
	overflow-y:auto;
	overflow-x:hidden;
	scrollbar-arrow-color: #c68c4e; /*三角箭头的颜色*/
	scrollbar-face-color: #f6e4b0; /*立体滚动条的颜色*/
	scrollbar-3dlight-color: #e6d6ab; /*立体滚动条亮边的颜色*/
	scrollbar-highlight-color: #e6d6ab; /*滚动条空白部分的颜色*/
	scrollbar-shadow-color: #e6d6ab; /*立体滚动条阴影的颜色*/
	scrollbar-darkshadow-color: #FAFAFA; /*立体滚动条强阴影的颜色*/
	scrollbar-track-color: #FAFAFA; /*立体滚动条背景颜色*/
	scrollbar-base-color:#fff; /*滚动条的基本颜色*/
	}
.lscalltext ul li{
	padding:10px;
	}
.lscalltext ul li span{
	color:#915833
	}
/*我的关注*/
.follow-left {
	width: 730px;
	margin-top: 20px;
	float: left;
	}
.follow-left p {
	margin-bottom: 10px;
	}
.follow-left b {
	margin-right: 20px;
	font-size: 14px;	
	}
.follow-left ul {
	width: 710px;
	padding: 10px;
	float: left;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 1px 1px 3px #d7d7d7;
	-moz-box-shadow: 1px 1px 3px #d7d7d7;
	-webkit-box-shadow: 1px 1px 3px #d7d7d7;
	}
.userinfo-img {
	width: 64px;
	padding-right: 12px;
	float: left;
	text-align: center;
	}
.userinfo-img img {
	width: 64px;
	height: 64px;
	margin-bottom: 4px;
	border: none;
	}
.userinfo-list {
	width: 620px;
	margin-left: 75px;
	}
.userinfo-list img {
	margin-right: 4px;
	}
#name-blue {
	color: #f69;
	} 
#name-blue:hover {
	color: #c36;
	} 
.userinfo-list em {
	font-style: normal;
	margin-left: 20px;
	}
#cancel {
    padding: 1px 4px;	
	text-align:center;
    background-color: #bebebe;
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
  background-color: #fc3376;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f69), color-stop(50%, #fd4c87), color-stop(50%, #fc3376), color-stop(100%, #fa1f68));
  background-image: -webkit-linear-gradient(top, #f69 0%, #fd4c87 50%, #fc3376 50%, #fa1f68 100%);
  background-image: -moz-linear-gradient(top, #f69 0%, #fd4c87 50%, #fc3376 50%, #fa1f68 100%);
  background-image: -o-linear-gradient(top, #f69 0%, #fd4c87 50%, #fc3376 50%, #fa1f68 100%);
  background-image: linear-gradient(top, #f69 0%, #fd4c87 50%, #fc3376 50%, #fa1f68 100%);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #f2f2f2;
    font: 12px "微软雅黑", Arial, sans-serif;
    text-shadow: 0 1px 1px #666;
	float: right;
	}
#cancel:hover {
    background-color: #fd0457;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fd578f), color-stop(50%, #fc3e7e), color-stop(50%, #fa256c), color-stop(100%, #f90f5d));
    background-image: -webkit-linear-gradient(top, #fd578f 0%, #fc3e7e 50%, #fa256c 50%, #f90f5d 100%);
    background-image: -moz-linear-gradient(top, #fd578f 0%, #fc3e7e 50%, #fa256c 50%, #f90f5d 100%);
    background-image: -o-linear-gradient(top, #fd578f 0%, #fc3e7e 50%, #fa256c 50%, #f90f5d 100%);
    background-image: linear-gradient(top, #fd578f 0%, #fc3e7e 50%, #fa256c 50%, #f90f5d 100%);
    -webkit-background-clip: padding-box;
    cursor: pointer;		
	}
#invite-li {
	margin-bottom: 20px;
	}
#invite-li p {
    color: #4682B4;
	}
#invitelink {
	float: left;
	font-size: 14px;
	height: 30px;
	border: 1px solid #e4e4e4;
	}
#copylink {
	height: 30px;
    padding: 1px 8px 2px;	
	text-align:center;
    background-color: #bebebe;
    border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
  background-color: #fc3376;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f69), color-stop(50%, #fd4c87), color-stop(50%, #fc3376), color-stop(100%, #fa1f68));
  background-image: -webkit-linear-gradient(top, #f69 0%, #fd4c87 50%, #fc3376 50%, #fa1f68 100%);
  background-image: -moz-linear-gradient(top, #f69 0%, #fd4c87 50%, #fc3376 50%, #fa1f68 100%);
  background-image: -o-linear-gradient(top, #f69 0%, #fd4c87 50%, #fc3376 50%, #fa1f68 100%);
  background-image: linear-gradient(top, #f69 0%, #fd4c87 50%, #fc3376 50%, #fa1f68 100%);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #f2f2f2;
    font: 12px "微软雅黑", Arial, sans-serif;
    text-shadow: 0 1px 1px #666;
	}