.input,.submit,.reset,.button,.text,.select,.textarea,.checkbox,.radio
{
     margin: 0;
     padding: 0;
     border-width: 0;
	 margin-left:0;	 
}
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	word-wrap:break-word;

}
input,button,select,textarea
{
	outline:none;
}

body,div.page,div.pageone
{
	margin: 0;
	height: 100%;
	color: #333;	
	font-family:"Heiti SC","黑体-简";
	
	font-weight: 400;

	font: 15px/100%;
	line-height:160%;
	font-size:1em;
	border:0;
	overflow:hidden;
	background-color:#f9f9f9;
	position: relative;
	
}

.pageone{
	width: 100%;
	padding-top: 100px; 
	background: white;
	color:#FF3030;
	text-align:center;
	font-size: 64px;
	font-weight: 700;
	padding-top: 33%; 
	z-index: 9999;
	opacity:1;
	display: relative;
}
.logodiv,.slogendiv
{
	width: 100%;
	height: 360px;
	position: absolute;
	left: 0;
	text-align: center;

}
.logodiv
{
	bottom: 40px;
	height:50px;
}
.slogendiv
{
	height: 300px;
	top: 100px;
}

.slogendiv img
{
	width: 50px;
	height:200px;
	margin: 0 auto;

}
.logodiv img
{
	width: 90px;
	height:auto;
	margin: 0 auto;

}

.logslogen
{
	margin-top: 0;
	width: 100%;
	text-align: center;
	height: 20px;
	line-height: 20px; 
	font-size: 12px;
}
div.page{
	background-color: #f9f9f9;
	display: none;
	
}
div.header{
	margin: 0;
	width:100%;
	text-align:center;
	line-height: 50px;
	height: 50px;
	border-bottom:1px solid #f0f0f0;
	display: none;
}
div.content,div.content-part
{
    margin: 0;
    width:100%;
	overflow-y:scroll;
	-webkit-overflow-scrolling : touch;
	overflow-x:hidden;
	color:#333333;	
	clear: both;
	position: relative;
	background-color: #f3f3f3;
}
div.content-part
{
	background-color: #f3f3f3;
	width: 100%;
}
div.footer,div.groupfoot
{
    width:100%;
    padding:0;
 	border-top:1px solid  #f0f0f0;
 	border-bottom:1px solid  #f0f0f0;
 	height: 50px;
	background-color:#fff;
	position:absolute;
	left:0;
	bottom:0;
	text-align: center;

}
.groupheader
{
	width:100%;
    padding:0;
 	border-top:1px solid  #f0f0f0;
 	border-bottom:1px solid  #f0f0f0;
 	height: 50px;
	background-color:#fff;
	position:absolute;
	left:0;
	bottom:0;
	text-align: center;
}

div.downloadMore,div#downloadMoreTopic
{
    width:100%;
    padding:0;
 	height: 40px;
	line-height: 40px;
	text-align:center;
	background: #fafafa;
	cursor: pointer;
	box-shadow: 0 5px 5px rgba(0,0,0,.1);
}
div .moreInfo{
	margin: 0 auto;
	position: relative;
	min-width: 25px;
}
div.moreInfo p
{
	height: 40px;
	line-height: 40px;
	min-width: 25px;
}
div.moreInfo img,div#downloadMoreTopic img
{
	width:24px;
	height:24px;
	left: 0;
	top: 8px;
}
/**/
.inputarea
{
	height: 60px;
	width: 100%;
	background: white;
	
}
.inputarea input
{
	height: 50px;
	line-height: 50px;
	width: 94%;
	margin: 0 3%;
	font-size: 18px;
	
}
.textarea
{
	width:100%;
	padding:10px 15px 10px 15px;
	word-wrap: break-word;
	word-break:break-all;
	background-color:white;
	min-height:60px;
	position: relative;
}
.textarea p
{
	line-height:160%;
	font-size:16px;
}
.documentArea{

	width: 100%;
	margin: 0;
	background-color:white;
	text-align: center;
	margin-top: 20px;
	position: relative;
	padding: 15px;
	word-wrap: break-word;
	word-break:break-all;
	border:1px solid #f0f0f0;
}
.documentArea .user_row
{
	width: 92%;
	margin: 0 4%;
}
.selectarea
{
	padding: 0;
	background-color:white;
	margin-bottom: 15px;
	position: relative;
	padding: 15px 15PX;
	word-wrap: break-word;
	word-break:break-all;
	
}
.studentonly{
	display: none;
}

div.user_row{
    width:100%;
	word-wrap: break-word;
	word-break:break-all;
	position:relative;
	font-size: 14px;
	border-bottom: 1px solid  #f2f2f2;
	color: #333333;
	cursor: pointer;
	height: 50px;
}
.user_row div
{
	height: 50px;
	line-height: 50px;
}
#regpage1 .user_row,#regpage2 .user_row,#regpage3 .user_row,#regpage4 .user_row,#logonpage .user_row,#regstudent .user_row,#regteacher .user_row
{
	border-bottom: 1px solid  #f6f6f6;
	height: 50px;
	line-height: 50px;
}
.regstep
{
	color: #888;
	margin-top: 5px;
}
.regstep
{
	font-size: 16px;
}
.user_row > img{

	position: absolute;
	height: 14px;
	width: 14px;
	bottom:13px;
	right: 5px;
}
div.user_item,div.user_label{
    

	width:90px;
	height:50px;
	padding: 16px 0;
	top:0;
	left:3px;
	position:absolute;
	color:#444;
	font-size: 18px;
}



div.user_value,div.user_val{
	width:100%;
	min-height:50px;
    line-height:150%;
	position:relative;
	padding: 16px 5px 16px 100px;
	word-wrap: break-word;
	word-break:break-all;
	text-align: right;
	color: #666;
	font-size: 18px;
}


.mp_headimg{
	width: 60px;
	height: 60px;
	margin: 0 auto;
	border-radius: 10px;
	position: relative;
}
.mp_headimg img
{
	position: absolute;
	width: 60px;
	height: 60px;
	top:0;
	left: 0;
	border-radius: 10px;
}
.headertext
{
	width: 100px;
	height: 26px;
	border-radius: 30px;
	background:  #FF7F00;
	line-height: 30px;
	text-align: center;
	margin: 15px auto 30px auto;
	font-size: 14px;
}
.changerheadarea
{
 	width: 100%;
 	height:60px;
 	text-align: center;
}
.changerhead div.user_item
{
	height: 50px;
	line-height: 50px;
}

.value_focus
{
	border-bottom:1px solid green;
}
.user_row:last-child
{
	border-bottom: none;
}

.documentArea .user_item
{
	width: 60px;
	text-align: left;
}
.documentArea .user_value
{
	padding-left: 80px;
}



.topicarea input
{
	
	padding: 0 20px;
	background-color: white;
	height: 30px;
	line-height: 30px;
	margin-bottom:1px;
}




input{
	width: 100%;
    line-height:30px;
    height:36px;
	position: relative;
	text-align:left;
    font-size:14px;
    padding: 16px 5px;
    background-color:white;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    outline: none;
	border:none;
	background:transparent;
	
 }
textarea{
    width:100%;
	font-size:14px;
	height: 150px;
	border:none;
	background:white;
	outline:none;
	resize: none;
	padding: 5px;	
}


.banner1,.banner3,.banner2
{
	width: 94%;
	margin: 5px 3% 0 3%;
	height: 160px;
	overflow: hidden;
	position: relative;
	z-index: 99;
	background: white;
	border-radius: 6px;
}
.banner2
{
	height: 200px;
}
.banner1 img,.banner3 img,.banner2 img
{
	width: 100%;
	height: 160px;
	position: absolute;
	right: 0;
	top: 0;
}
.banner2 img
{
	height: 200px;
}

.resNav
{
	width: 96%;
	margin: 15px auto 0 auto;
	height: 50px;
	color: #777777;
	background: white;
	padding-top: 15px;
	font-size: 15px;
	
}

 .resNavItem
{
	min-width: 20px;
	height: 50px;
	text-align: center;
	display: inline-block;
	margin-right: 5px;
	margin-left: 5px;
	font-size: 14px;
	font-weight: 300px;
}

.getfocus
{	
	font-style:bold;
	border-bottom: 3px solid #ff7f00;
	color: #ff7f00;
	font-weight: 700;
	font-size: 18px;
}
.userlist
{
	width: 94%;
	margin:0 3% 15px 3%;
	position: relative;
	background: transparent;
	border-radius: 5px;
}
#contactPage .userlist
{
	margin:0 auto 20px auto;
	padding: 0 4%;
}

.userlist_title,.userlist_more
{
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-weight: 700;
	font-size: 16px;
	position: relative;
	background: white;
	text-align: left;
	padding: 5px 15px 0 10px;
}
.userlist_title
{
	border-bottom: 1px solid #f0f0f0;
}

.userlist_title div.img,.Tile div.img
{
	position: absolute;
	width: 70px;
	height: 24px;
	line-height: 24px;
	right: 5px;
	top: 9px;
	border-radius: 3px;
	padding-right: 24px;
	font-size: 12px;
	color: #FF6347;
	text-align: right;
	
}


.Tile div.img
{
	top: 6px;
	right: -6px;
}
.userlist_title div.img img, .Tile div.img img
{
	position: absolute;
	top: 4px;
	right: 6px;
	width: 16px;
	height: 16px;

}
.userlist_title .img span
{
	font-size: 12px;
	background: white;
	height: 24px;
	line-height: 24px;
}
.userlist_more
{
	cursor: pointer;
}

div.user,.user_select,.resume_user,.search_user,.shalon,.group
{
	width: 100%;
	position: relative;
	padding: 15px;
	word-wrap: break-word;
	word-break:break-all;
	background: white;
	cursor: pointer;
	position: relative;
	border-bottom: 1px solid #f6f6f6;
}

.shalon
{
	padding: 15px 5px;
}
.resume_user
{
	height: 70px;
	margin: 0 20px;
}
.resume_name,.resume_brief,.user_resume_name,.user_resume_brief
{
	width: 100%;
	height: 20px;
	line-height: 20px;
	padding-left: 50px;
	text-align: left;
	font-size: 16px;
	margin-top: 2px;
	color: #333;
}
.resume_brief,.user_resume_brief
{
	font-size: 12px;
	margin-top: 2px;
	color: #555;
}
.resume_head,.user_resume_head
{
	position: absolute;
	top:15px;
	left: 11px;
	width: 40px;
	height: 40px;
}

.user,.user_select
{
	min-height: 70px;

}

.user img.pic,.user_select img.showable,.search_user img.pic,.group img.pic,.shalon img.pic
{
	position: absolute;
	height: 50px;
	width: 50px;
	border-radius: 50px;
	top:15px;
	left: 10px;
}
.shalon img.pic
{
	top:10px;
	left: 0;
}
.group img.pic
{
	top:14px;
}
#grouppage .user,#myshalonpage .user
{
	margin:0;
	border-bottom: 1px solid #f0f0f0;
}


#agentList .user,#candidateList .user
{
	padding-top: 22px;
	margin-bottom: 0;
}
#agentList .user img.pic
{
	top:27px;
	border-radius: 3px;
	height: 46px;
	width: 46px;
}
,#candidateList .user img.pic
{
	top:20px;
	border-radius: 3px;
	height: 46px;
	width: 46px;
}
#agentme .user div.star
{
	position: absolute;
	height: 16px;
	width: 45px;
	top:65px;
}
#agentList .user .more,#candidateList .user .more

{
	top: 21px;
	right: 10;
}
.user .name  img.redstar,.verifydiv,.verifydiv img.verify,.ismember img.redstar
{
	width: 12px;
	height: 12px;
	display: inline-block;
	margin-left: 5px;
}

 
.verifydiv
{
	margin-left: 5px;
}

div.star img
{
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: 3px; 
}
.user .name p,.search_user .name p,.group .name 
{
	font-size: 14px;
	height: 20px;
	font-weight: 700;
	line-height: 20px;
	padding-right: 3px;
	color: #333;
	position: relative;
	display:inline-block;
}

.user .arrow
{
	position: absolute;
	top: 20px;
	right: 20px;
	height: 20px;
	width: 20px;
	
}
.user .more
{
	position: absolute;
	width: 58px;
	height: 24px;
	line-height: 24px;
	right: 15px;
	top: 11px;
	border-radius: 3px;
	padding-left: 24px;
	font-size: 12px;
	color: #FF6347;
	box-shadow: 0 5px 5px rgba(0,0,0,.1);
	background: #fafafa;
}
.job_block img
{
	position: absolute;
	width: 20px;
	height: 20px;
	right: 15px;
	top :30px;
}
.user .more img
{
	position: absolute;
	top: 4px;
	left: 5px;
	width: 16px;
	height: 16px;

}

.user .mymore
{
	position: absolute;
	width: 20px;
	height: 20px;
	background: white;
	background-size: cover;
	right: 0;
	top: 10px;
}
.user .time,.ismember,.userID
{
	position: absolute;
	height: 15px;
	right: 15px;
	top: 15px;
	font-size: 12px;
	color: #999;
}
.redstar
{
	height: 16px;
	width: 16px;
}
.detail,.invitemsg
{
	position: absolute;
	height: 15px;
	right: 15px;
	font-size: 12px;
	bottom: 15px;
	color: #888;
}

.inviteIn
{
	position: absolute;
	height: 15px;
	right: 15px;
	font-size: 12px;
	top: 35px;
	color: #888;
	bottom: 25px;
	color: #FF4500;
	font-weight: 700;
}
.detail
{
	bottom: 25px;
	color: #0066cc;
	font-size: 13px;

	
}
.agree
{
	position: absolute;
	width: 16px;
	height: 16px;
	background: rgb(233,49,51);
	background-size: cover;
	right: 15px;
	bottom: 10px;
	border-radius: 16px;

}
.deny
{
	bottom: 15px;
	background:#EE5C42;
	display: none;
}

.more img,.deny img,.agree img
{
	position: absolute;
	top:1px;
	left: 1px;
	width: 14px;
	height: 14px;
}
.groupmore
{
	position: absolute;
	width: 50px;
	height: 24px;
	line-height: 24px;
	right: 10px;
    top:7px;
	border-radius: 3px;
	font-size: 12px;
	color: #FF6347;
	box-shadow: 0 5px 5px rgba(0,0,0,.1);
	text-align: center;
}

.mymore .myimg
{
	position: absolute;
	top:0;
	left: 0;
	width: 20px;
	height: 20px;
}
.user .name,.user .brief,.user .msg,.pos_com,
.user_select .name,.user_select .brief,.user_select .msg,.search_user .name,.group .name
{
	width: 100%;
	height: 20px;
	line-height: 20px;
	padding: 0 20px 0 50px; 
	font-size: 13px;
	color: #666;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
	position: relative;
}
.shalon .name,.shalon .composition
{
	padding: 0 5px 0 0; 
}
.group .name
{
	padding: 0 20px 0 45px; 
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	margin-bottom: 0; 
}
.group .composition
{
	padding-left: 45px; 
	margin-top: 0;
	height: 12px;
	line-height: 12px;
	font-size: 11px;
	padding-top: 0;
}

.user .brief
{
	margin-top: 5px; 
}

.user .introduction,.search_user .introduction,.shalon .introduction,.group .introduction
{
	word-wrap: break-word;
	word-break:break-all;
	overflow: hidden;

}
.applymessage
{
	
	width: 100%;
	padding-top: 40px;
	padding-left: 50px;
	word-wrap: break-word;
	word-break:break-all;
	overflow: hidden;
	font-size: 16px;	
	padding-bottom:10px;
	text-overflow:ellipsis;
	color: #333;

}
.introduction p,.rank_text,.notice_brief, .proposal_content,.notice_content,.proposal,.referMsg_content,.survyname,.shalon .name 
{
	width: 100%;
	word-wrap: break-word;
	word-break:break-all;
	font-size: 16px;	
	padding-bottom:10px;
	text-overflow:ellipsis;
	color: #555;
}

.notice_brief
{
	width: 100%;

	word-wrap: break-word;
	word-break:break-all;
	font-size: 13px;	
	padding-bottom:10px;
	text-overflow:ellipsis;
	color: #888;
}
.smalldetail
{
	width: 100%;
	padding-left: 12px;
	padding-right: 12px;
	word-wrap: break-word;
	word-break:break-all;
	font-size: 13px;	
	text-overflow:ellipsis;
	color: #555;
	font-size: 15px;

}



p.la
{
	padding:10px;
	margin-top: 8px;
	margin-bottom: 0;
	font-size: 12px;
	background:#f9f9f9;
}

p.school,p.company,.composition
{
	padding:0;
	color: #666;
	text-overflow:ellipsis;
	font-size: 12px;
	line-height: 18px;
	padding-left: 50px;
	padding-right: 50px;
}

.user .title
{
	width: 100%;
	word-wrap: break-word;
	word-break:break-all;
	font-size: 18px;	
	padding-bottom:10px;
	text-overflow:ellipsis;
	color: #333;
}

 .hidename
{
	top: 16px;
	left: 65px;
	height: 13px;
	position: absolute;
	z-index: 99;
	width:26px;
	background: #666;
	background: linear-gradient(-90deg, #FFA54F, #FFC1C1,#FFA54F);
}




.intro,.comment_text{ 
	
	width: 100%;
	padding: 3%;
	line-height: 160%;
	word-wrap: break-word;
	word-break:break-all;
	font-size:16px;
	
}

.documentArea:last-child
{
	margin-bottom: 20px;
}

/********resultset******/
.thisid,.this,.realvalue,.this_job_id{
	display: none;
}


#alertmsglist
{
	width: 100;
	padding: 15px;
}
.alertmsgblock
{
	width: 100%;
	margin-bottom: 15px;
	position: relative;
	background: white;
	padding-bottom:10px;
}
.alertmsg
{
	height: 50px;
	line-height:50px; 
	font-size: 16px;
	padding-left: 10px;
	border-bottom: 1px solid #f4f4f4;
}
.lookdetail
{
	height: 20px;
	height: 20px;
	font-size: 14px;
	padding-left: 10px;
	margin-top: 10px;
}
.alertmsgblock img.arrow
{
	position: absolute;
	width: 20px;
	height: 20px;
	bottom: 10px;
	right: 5px;
}



.friend,.contact,#friendpart .group
{
	width: 100%;
	height:70px;
	background: white;
	border-bottom: 1px solid #f6f6f6;	
	clear: both;
	position:relative;
	cursor:pointer;
}

.friendbanner 
{
	background:url(../img/user.jpg) no-repeat;
	background-size:cover;
	border-radius: 0 0 ;
	position: absolute;
	top: 0;
	left: 0;
	height: 140px;
	width: 100%;
	z-index: -99;
}
#friendpart .user,#contactPage .user
{
	padding: 0;
	width: 100%;
	min-height:70px;
	background: white;
	border-bottom: 1px solid #f6f6f6;	
	clear: both;
	position:relative;
	cursor:pointer;
	margin: 0;
}
#contactPage .user
{
	border-bottom: none;
}

#contactPage .user img,#friendpart .user img.pic, .friend img
{
	position:absolute;
	width:44px;
	left:0;
	top:13px;
	height:44px;
	border-radius: 5px;
	z-index:99;
}


#friendpart .user .name,.friend  .name,#contactPage .user .name{
 position:absolute;	
 left:0;
 top:15px;
 width:100%;
 padding:0 100px 0 50px;
 font-size:15px;
 height: 20px;
 line-height: 20px;
 white-space:nowrap; 
 overflow:hidden; 
 text-overflow:ellipsis;
 font-weight: 700;
  
}
#contactPage .user .brief,#friendpart .user .brief,.friend  .msg
{
position:absolute;	
left:0;
bottom: 10px;
width:100%;
padding:0 50px 0 50px;
font-size:13px;
color:#999;
height: 20px;
line-height: 20px;
white-space:nowrap; 
overflow:hidden; 
text-overflow:ellipsis;

}
.friend .msgnum,.user .msgnum
{
    position:absolute;  
    width:16px;
    height:16px;
	right:15px;
	bottom:9px;
	line-height:16px;
    background-color: #FF4500;
	border-radius:32px;
    color:white;
	font-size:12px;
    text-align:center;
	z-index:99;
	display: none;
}
.friend .msgtime,.group .groupID
{
    position:absolute;  
    height:25px;
    top:7px;
	right:15px;
	line-height:25px;
	font-size:12px;
	text-align:right;
	z-index:99;
	font-weight:400;
	color:#999;
}
.group .groupID
{
	top:12px;
}

.user  .location
{
	display: inline-block;
	height:14px;
	line-height:14px;
	font-size: 12px;
	color:#999;
}

.menuitem,.fakemenuitem{
  width: 25%;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  float: left;
  cursor:pointer;
  border-top:1px solid  #f0f0f0;
  position:relative;
  
}.menuitem
{
	width: 25%;
	border-top:none;
}
.menuitem .verticl{
  width:1px;
  height: 20px;
 position:absolute;
 top:15px;
 right:0;
 /* border-right:1px solid  #777777;*/
  
}
.focusmenu .menutext p
{
	color:#FF6347;	
	font-weight: 700;
}

div.menuitem .menutext,.fakemenuitem .menutext
{
	width:50px;
	height:50px;
	line-height:50px;
	margin: 0 auto;
	position:relative;
	text-align: center;
}
.menutext p
{
	position: absolute;
	bottom: 2px;
	font-size: 12px;
	left: 0;
	width: 50px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	color: #333;
	

}

.menutext img,.fakemenuitem .menutext img
{
	position: absolute;
	top: 4px;
	width: 24px;
	height: 24px;
	left: 13px;
	text-align: center;
}




.friend span{
	display:none;
}
.inform
 {
 
	position: absolute;
	height: 8px;
	width: 8px;
	text-align: center;
	top: 8px;
 	left: 36px;
	font-size: 8px;
	color: white;
	z-index: 999;
	background: #FF6633;
	display: none;
	border-radius: 8px;

}
 
.blocked
{
	display: none;
}



.taskArea
{
	text-align: center;
	width: 100%;
	margin-top: 20px;
	padding-top: 20px;
}

.task_item
{
	width: 96%;
	margin: 0 3%;
	height: 50px;
	position: relative;
}

.task_item p
{
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	padding-left: 25px;
	padding-right: 100px;
	color: #222;
	position: relative;
	text-align: left;
	border-bottom:1px solid #f6f6f6; 
}
.task_item p img
{
	position: absolute;
	left: 0;
	top:15px;
	width: 20px;
	height: 20px;
}
.task_item p span
{
	position: absolute;
	right: 25px;
	top:15px;
	min-width: 20px;
	text-align: center;
	border-radius: 20px;
	height: 20px;
	line-height: 20px;
	line-height: 20px;
	font-size: 11px;
	color: #555;
	background: #f0f0f0;
	padding-left: 6px;
	padding-right: 6px;
}
.task_item img.arrow
{
	position: absolute;
	right: 0;
	top:15px;
	width: 20px;
	height: 20px;
}

.task_item:last-child
{
	border-bottom: none;
}
.user:nth-last-child(1)
{
	border-bottom: none;
}

.task_item .taskimgdiv
{
	width: 20px;
	height: 20px;
	position: absolute;
	right: -5px;
	top:15px;
}
.task_item .taskimgdiv img
{
	width: 20px;
	height: 20px;
}

.bd_background{
	
	width: 100%;
	height: 100%;
	z-index: 99;
	position: fixed;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,0.5);
	display: none;
}
.bk_box
{
	width: 100px;
	height: 100px;
	background: white;
	position: absolute;
	left: 0;
	top: 0;
}

.bk_box .file_name
{
	width:100px;
	height: 100px;
	top: 60px;
	left: 0;
	font-size: 12px;
	text-align: center;
	line-height: 40px;
	padding:0 5px; 
	position: absolute;
	white-space:nowrap; 
  	overflow:hidden; 
  	text-overflow:ellipsis;
}

.bk_box img
{

	width: 30px;
	height:30px;
	position: absolute;
	top: 25px;
	left: 30px;
}
.upload_file_name
{

	width: 300px;
	margin: 15px auto;
	background: transparent;
}
.upload_file_name p
{
	width: 100%;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin-top: 5px;
	
}
.upload_file_name .processbar
{
	width: 100%;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid green;
}
.refer_resume
{
	padding:10px;
	border-top: 1px solid #f0f0f0;
	position: relative;
}

.upload_file_name .processbar div
{
	width: 0;
	height: 30px;
	background: green;
	border: 1px solid green;
	max-width: 300px;
	color:white;
}
.upload_file_name img
{
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0;
	height: 1px;
}
.bx_item
{
	float: left;
	width: 25%;
	height: 140px;
	position: relative;
	text-align: center;
	
}
.bx_item p
{
	width: 100%;
	left: 0;
	bottom: 30px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	text-align: center;
	font-size: 14px;
	
}
.bx_item .imgdiv
{
	width: 50px;
	height: 50px;
	border-radius: 12px;
	background: #00aaff;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
}
.bx_item .imgdiv img
{
	width: 30px;
	height: 30px;
	margin: 20px;
	margin: 10px;
}
img.logo
{
	position: absolute;
	right:0;
	top: 30px;
	background: transparent;
	height: 30px;
	width: auto;
}
.textareadiv
{
  	width: 100%;
  	min-height: 50px;
  	max-height: 300px;
  	background-color: white;
  	position: fixed;
  	bottom: 0;
  	left: 0;
  	z-index: 999;
  	font-size: 16px;
  	padding-right:60px;
	padding-left:60px;
	border-top:1px solid #f0f0f0; 	
 }
 
 .textareadiv textarea{
    width:100%;
	font-size:16px;
	height: 36px;
	border:none;
	margin-top:7px;
	
	border: 1px solid #bbbbbb;
	border-radius:3px;
	outline:none;
	resize: none;
	padding: 10px 8px;
	background:white;
}
 
 .textareatoolbar
  {
  	width: 44px;
  	height: 36px;
  	right: 8px;
	line-height:36px;
  	bottom: 7px;
  	position: absolute;
 	overflow: hidden;
 	cursor: pointer;
 	text-align:center;
 	background:#6dca68;
 	color: white;
	border-radius:3px;
	font-size:14px;
	display: none;
 }
 .speak, .groupspeak,.groupaddmediamsg
  {
  	width: 32px;
  	height: 32px;
  	left: 18px;
  	bottom: 9px;
  	position: absolute;
 	overflow: hidden;
 	cursor: pointer;
 	border-radius: 64px;
 	background: #FF7F00;
 }
  .addmediamsg
 {
  	right:18px;
  	width: 32px;
  	height: 32px;
  	bottom: 9px;
  	position: absolute;
 	overflow: hidden;
 	cursor: pointer;
 	border-radius: 64px;
 	background: #FF7F00;
 }

 .speak img,.addmediamsg img, .groupspeak img,.groupaddmediamsg img
 {
 	width: 24px;
 	height: 24px;
 	margin: 4px;
 }
.noRightSee
{
	width: 100%;
	text-align: center;
	padding: 50px 0;
	height: 120px;
	background: white;
}
 
 .sendvoice,.revvoice
 {
	 background:transparent;
	 height:40px;
	 position:relative;
 }
  .sendvoice img
  {
	  position:absolute;
	  width:30px;
	  height:30px;
	  top:5px;
	  right:-10px;
	  transform: rotate(180deg);
	  
  }
   .revvoice img
  {
	  position:absolute;
	  width:30px;
	  height:30px;
	  top:5px;
	  left:-10px;
	  
  }
  .floatrecomend,.floatsearch
  {
  	width: 100%;
  	height: 30px;
  	line-height: 30px;
  	position: absolute;
  	top: 124px;
  	right: 0;
  	z-index:999;
  	font-weight: 700;
  	background: transparent;
  	font-size: 12px;
  	text-align: center;
  	color: #555;
  	border-radius:60px;
  	
  }
   .floatrecomend
   {
   	width: 60px;
   	top:120px;
   	right: 4%;
   	text-align: left;
   	padding-left:30px;
   	cursor: pointer;
   	text-align: left;
   	z-index: 1000;
   }
  .searchuser
  {
  	width: 92%;
  	height: 30px;
  	margin: 25px auto;
  	position: relative;
  	padding-right: 70px;
  }
  .searcharea
  {
  	width: 90%;
  	height: 32px;
  	margin: 25px auto;
  	position: relative;
  	padding-left: 70px;
  }
   .searcharea  .searchuser
   {
   		margin: 0;
   		width: 100%;
   }
   .searcharea .seachtype
   {
   	position: absolute;
   	top:0;
   	left: 0;
   	height: 32px;
    width: 70px;
    border:1px solid #f0f0f0;
    border-right: none; 
    
   }
   .seachtype p
   {
   	width: 100%;
   	height: 32px;
   	line-height: 32px;
   	padding-right: 16px;
   	width: 70px;
   	font-size: 14px;
   	text-align: center;
   }
   .seachitem
   {
   	position: absolute;
   	top:0;
   	left: 0;
   	width: 70px;
   	height: 96px;
   	z-index: 999;
   	display: none;
   	background: white;
   	box-shadow: 0 1px 2px rgba(0,0,0,.2);
   }
    .seachitem span
    {
    	display: block;
    	height: 32px;
    	line-height: 32px;
    	width: 70px;
    	padding-right: 16px;
    	color: #333;
    	font-size: 14px;
    	text-align: center;

    }
    .seachitem span img
    {
    	position: absolute;
	   	top: 8px;
	   	right: 3px;
	   	height: 16px;
	   	width: 16px;
	   	transform: rotate(0deg);
    }

   .seachtype img
   {
   	position: absolute;
   	top: 8px;
   	right: 3px;
   	height: 16px;
   	width: 16px;
   	transform: rotate(90deg);
   }

  .searchuser img
  {
  	position: absolute;
  	width: 16px;
  	height: 16px;
  	top: 8px;
  	left: 10px;
  }
  #search_input,#search_input_group,#search_input_shalon,#searchgroup_input,#searchcoach_input,#searchjob_input,#searchvedio_input
  {
  	width: 100%;
  	height: 32px;
  	line-height: 32px;
  	padding: 5px 10px;
  	padding-left: 30px;
  	font-size: 15px;
  	border: 1px solid #f0f0f0;
  	background: white;

  }
   #search_input
   {
   	border-radius: none;
   }
  
  .floatsearch .searchbar
  {
  	margin:0 auto;
  	cursor: pointer;
  	width: 60%;
  	height: 28px;
  	background: #b3b3b3;
  	position: relative;
  	padding-left: 28px;
  	text-align: left;
  	border-radius: 16px;

  }
 
  .floatrecomend img,.searchbar img
  {
  	position: absolute;
  	width: 18px;
  	height: 18px;
  	left: 10px;
  	top:7px;
  	background: transparent;
  }
  .floatrecomend img
  {
  	top:5px;
  }

 .recorderbar
  {
	
	 min-width:40px;
	 height:40px;
	 position:relative;
	 border-radius: 30px;
	 background:transparent;

 }
 .recorderbar div.length
  {
	
	position:absolute;
	width:20px;
	height:40px;
	line-height:40px;
	top:0;
 }
 
 
.hint_bar
{
	position: absolute;
	width:100%;
	background-color: transparent;
	width:100%;
	height:60px;
	z-index:99999;
	line-height: 60px;
	text-align:center;
	left:0;
	top:200px;
	display:none;
	
	
}
.hint_box
{
	border-radius:8px;
	padding-left:40px;
	margin:0 auto 0 auto;
	background-color:#424242;
	filter: Alpha(opacity=60);
	position:relative;
	height:60px;
	width:120px;
	padding:0 15px 0 0;
}
.hint_box img
{
	position:absolute;
	left:15px;
	top:18px;
	width:24px;
	height:24px;
}
.hint_msg
{
	height:30px;
	line-Height:30px;
	top:15px;
	left:45px;
	color:white;
	width:70px;
	position:absolute;
}



.duponline
{
	position:absolute;
	width:150px;
	height:18px;
	top:21px;
	right:0;
	text-align:center;
	line-height:18px;
	color:white;
	font-size:16px;
	border-left:1px solid white;
	cursor:pointer;
	
}
 	
.noInfo,.nosearchuser
{
	width:100%;
	text-align:center;
	height: 100px;
	padding: 40px;
	background: white;
	position: relative;
	font-size: 14px;
}
.noInfo .addTdiv
{
	width:100%;
	text-align: center;
	position: absolute;
	top: 30px;
	left: 0;
}
.addTdiv .addT
{
	width: 80px;
	height: 30px;
	margin: 0 auto;
	border-radius: 24px;
	position: relative;
}
.addT p
{
	width: 80px;
	height: 24px;
	padding-left: 20px;
	font-size: 14px;
	line-height: 24px;
}
.addT img
{
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
}
 
.rank{
	height: 24;
	
}
.rank img
{
	display: inline-block;
	width: 24px;
	height: 24px;
}

.noUser
{
	display: none;
}

.Msgs .msgtime
{
	height:20px;
	line-height:20px;
	margin:5px auto 5px auto;
	background:grey;
	color:white;
	border-radius:2px;
}
.Msgs
{
	display: none;
}
.activeMsg
{
	display: block;
}

#logcode
{
	 width:100%;
	 height:300px;
	 margin-top:100px;
	 margin-bottom:50px;
	text-align:center;
}
#logcode img
{
	margin:0 auto;
	width: 200px;
	height: 200px;
}



.button {
	zoom: 1; 
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 16px/100% Arial, Helvetica, sans-serif;

	height: 30px;
	line-height: 30px;
	font-size: 13px;
	min-width: 40px;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: white;
	background-color: #FF6347;
	
}
.button:hover {
	text-decoration: none;
}

.select_item,.select_item p
{
	height: 46px;
	line-height: 46px;
	width: 100%;
	padding:0 10px;
	background: white;
	position: relative;
	cursor: pointer;

}
.select_item p
{
	width: 100%;
	padding: 0;
	border-bottom:1px solid  #eaeaea;
}

.selectsquare
{
	position: absolute;
	top:15px;
	right: 15px;
	width: 16px;
	height: 16px;
	border:1px solid   #777777;
	background: transparent;
	border-radius: 32px;

}
.user .selectsquare
{
	top:46px;
}
.user_select .selectsquare
{
	top:22px;
	border-radius: 0;
}
.selected .selectsquare ,.user_selected .selectsquare
{
	background:  green;
}
.selectsquare img
{
	width: 16px;
	height: 16px;
}
.yearlist,.provincelist,.skillTypeList,.industryTypeList
{
	border-bottom: 1px solid #f9f9f9;
	padding: 0;
}
.provincelist,.skillTypeList,.industryTypeList,#selectlable,#jobselectlable
{
	border-top: 1px solid #f6f6f6;
	border-bottom: 1px solid #f6f6f6;
	display: none;
	margin-top: 10px;
}
#selectlable,#jobselectlable{
	display: none;
	height:400px;
}
.yearitem,.provincelist li,.skillTypeList li,.industryTypeList li,.skill_item
{
	display: inline-block;
	width: 25%;
	height: 50px;
	line-height: 50px;
	border-right: 1px solid #f6f6f6;
	border-bottom: 1px solid #f6f6f6;
	text-align: center;
	background: white;
	cursor: pointer;
}
.skill_item:nth-of-type(4n),.yearitem:nth-of-type(4n),.provincelist li:nth-of-type(4n),.skillTypeList li:nth-of-type(4n),.industryTypeList :nth-of-type(4n)
{
	border-right:none;
}


.skillList{
	background: white;
	padding: 1px 10px 10px 10px;
}
.industryList{
	background: white;
	padding: 1px 15px 15px 15px;
}
.skillbar
{
	background-color: #efefef;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	margin-top:15px;
}
.skillarea
{
	clear: both;
	word-wrap: break-word;
	word-break:break-all;
	background: white;
	padding: 10px 0;
}
.skillarea li,.user_value li
{
	display: inline-block;
	padding: 4px 8px;
	border-radius: 3px;
	background: #f6f6f6;
	margin: 10px 0 0 10px; 
	position: relative;
	font-size: 13px;
	color: #777777;
}
.user_value li
{
	margin: 0 10px 10px 0; 
}
.skillarea li img,  .industryList li img
{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
}


.command_pos
{
	position: absolute;
	bottom: 15px;
	left: 158px;
	width: 100px;
}

.ImgMsg
{
	width: 160px;
	height: auto;
	background: #fff;
}
.undownload
{
	width: 30px;
	margin-left: 20px;
}
.fullmenu,.chatmenu,.chatrecomender
{
	width: 100%;
	height: 50px;
}

.recentJobsList,.recentCompanysList,.membershiplist
{
	display: none;
	width: 94%;
	margin:0 3%;
	background: white;
}
.currentlist{
	display: block;
}



.subbtn
{
	width: 50%;
	height: 40px;
	text-align: center;
	display: inline-block;
	margin-top: 5px;
	padding: 2px;
}
.subbtn .allow
{
	width: 100px;
}




.selectinput{
	width: 94%;
	height: 30px;
	line-height: 30px;
    margin: 5px 3%;
    position: relative;
    border-radius: 60px;
    border:1px solid #f0f0f0;
    cursor: pointer;
    background: white;
    text-align: center;
}
.selectinput img
{
	position: absolute;
	right: 5px;
	top:5px;
	width: 20px;
	height: 20px;
}


li
{
	list-style-type:none;
}
.schoollist
{
	
	width: 100%;
	padding: 0;
	word-wrap: break-word;
	word-break:break-all;
	float: left;
	border: 1px solid #f0f0f0;
	border-left: none;
	background: white;
	
}

.yearSelect
{
	background: #00a650; 
	color:white;
}


.resume,.user_resume
{
	padding:0; 
	text-align: center;
	padding-bottom: 0;
	width: 100%;
	color:#333333;	
	position: relative;
	text-align: left;
	margin-bottom: 15px;
	padding: 5px 10px; 

}
.user_resume{

}
.resume_saved:nth-last-child(1),.user:nth-last-child(1),.friend:nth-last-child(1),.group:nth-last-child(1),
.shalon:nth-last-child(1),.job:nth-last-child(1),.admin_user:nth-last-child(1),.search_user:nth-last-child(1)
{
	border-bottom: none;
}
	

.resume
{
	background: white;
	padding: 10px;
}
.resumearea{
	position: relative;
	width: 92%;
	margin:10px auto;
	padding: 0 10px;
	text-align: center;
	background: white;
	border-radius: 5px;
	/*box-shadow: 0 5px 5px rgba(0,0,0,.1);*/
	border: 1px solid #f0f0f0;
}
.resume_saved
{
	width: 90%;
	margin: 0 auto;
	border-bottom: 1px solid #f4f4f4;
	text-align: left;
	position: relative;

}
.resume_position ,.resume_school,.resume_degree
{
	width: 100%;

	line-height: 150%;
	padding-right: 70px;
	word-wrap: break-word;
	word-break:break-all;
	font-size: 15px;
	color: #333;

}
.resume_time
{
	position: absolute;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #666;
	top:10px;
	right: 0;

}
.resume_degree
{
	font-size: 13px;
	color: #666;
}
.resume_performance,.resume_selfrecomend,.resume_jobdetail
{
	width: 100%;
	margin-top: 15px; 
	color: #333;
}
.resume_performance p.title
{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	
}
p.resume_content
{
	width: 100%;
	line-height: 150%;
	font-size: 14px;
	padding:5px 0; 
	color: #777777;
}



.resume_info_item
{
	width: 100%;
	height: 26px;
	line-height: 26px;
	position: relative;
}
.resume_info_item img
{
	top:5px;
	left: 0;
	width: 16px;
	height: 16px;
	position: absolute;
}
.resume_info_item p
{
	padding-left: 20px;
	height: 26px;
	line-height: 25px;
	text-align: left;
	font-size: 13px;
}
.resume_item_add
{
	
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: left;
	position: relative;
	cursor: pointer;

}
.resume_item_add p
{
	width: 130px;
	height: 40px;
	line-height: 40px;
	padding-left: 30px;
	font-size: 13px; 
	margin: 0;
	position: relative;
	text-align: left;
}
.resume_item_add p img
{
	top:4px;
	left: 0;
	width: 28px;
	height: 28px;
	position: absolute;
}
.resume_saved
{
	width: 96%;
	margin-left: 0 auto; 
	position: relative;
	padding: 10px 0;
}
.resume_saved img
{
	width: 16px;
	height: 16px;
	position: absolute;
	right: 12px;
	top: 12px;
}
.resume_title,.user_title
{
	width: 100%;
	margin-top: 10px;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	font-weight: 700;
	color: #333;
	text-align: left;
}
.user_title
{
	display: block;
	font-size: 14px;
}
.resume_edit
{
	position: relative;;
	background-color: white;
}
.resume_change
{
	/*border: 1px solid #777777;*/
	color: #66CDAA;
	height: 40px;
	width: 40px;
	line-height: 40px;
	cursor: pointer;
	position: absolute;
	bottom:0;
	right: 15px;
}
.resume_del
{
	height: 18px;
	font-size: 12px;
	background: #FF7F00;
	color: white;
	line-height: 18px;
	border-radius: 2px;
	cursor: pointer;
	text-align: center;
	width: 50px;
	padding: 0 6px;
	box-shadow: 0 5px 5px rgba(0,0,0,.1);
	position: absolute;
	bottom:15px;
	right: 0px;
}

.resume_change img.changer
{
	position: absolute;
	top:12px;
	left: 12px;
	width: 16px;
	height: 16px;
}
div.buttonbar
{
	text-align: center;
	padding: 15px;
	margin: 20px 0;
}
.bigbutton
{
	width: 92%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 20px 4%;
	font-size: 16px;
}	
div.job, div.company
{
	width: 100%;
	margin: 0 auto;
	padding: 15px 15px;
	position: relative;
	background: white;
	cursor: pointer;
	border-radius: 5px;
	border-bottom:1px solid #f0f0f0;
}


.joblabel,.companyname,.companylable
{
	width: 100%;
	height: 25px;
	white-space:nowrap; 
  	overflow:hidden; 
  	text-overflow:ellipsis;
  	font-size:14px;
  	color: #777777;
  	padding-right: 100px;
}
.companyname
{
	font-size: 14px;
}

.jobname
{
	height: 25px;
  	overflow:hidden; 
	color: #444444;
	font-weight: 700;
	font-size: 15px;
	word-wrap: break-word;
	word-break:break-all;
	position: relative;

}
.jobname p
{
	white-space:nowrap; 
  	overflow:hidden; 
  	text-overflow:ellipsis;
	font-weight: 700;
	font-size: 15px;
}
.jobname img
{
	width: 20px;
	height: 20px;
	top:0;
	right: 0;
	position: absolute;
}
.jobresume,.client,.feedback,.feedbacktome,.clientfile
{
	display: inline-block;
	height: 24px;
	line-height: 24px;
	text-align: center;
	width: 80px;
	border: 1px solid #dddddd;
	border-radius: 5px;
	font-size: 12px;
	color: #444444;
	margin-right: 10px;
	cursor: pointer;
	position: relative;
	
}
.feedback img,.clientfile img
{
	position: absolute;
	width: 16px;
	height: 16px;
	top:4px;
	right: 4px;
}
.allow  p img
{
	position: absolute;
	width: 16px;
	height: 16px;
	top:9px;
	left: 3px;
}
.clientfile img
{
	top:4px;
	left: 0;
}
a
{
	font-size: 12px;
	text-decoration:none;
}
.my_job,.my_alpply_job
{
	width:100%;
	padding: 15px 15px;
	position: relative;
	background: white;
	border-top: 1px solid #f0f0f0;
}
.my_job:nth-of-type(1),.job:nth-of-type(1),.my_alpply_job:last-child,.company:nth-of-type(1)
{
	
}
.my_job:last-child,.job:last-child,.my_alpply_job:last-child,.group,.company:last-child
{
	border-bottom: none;
}
.job_time,.job_state
{
	top: 10px;
	position: absolute;
	right: 15px;
	height: 20px;
	font-size: 12px;
}

.recomender
{
	position: absolute;
	top:10px;
	right: 15px;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	color: #777777;
}

.job_name
{
	color: #444444;
	font-weight: 700;
	font-size: 15px;
	white-space:nowrap; 
  	overflow:hidden; 
  	text-overflow:ellipsis;
  	margin-bottom: 5px;
}
.applyMenu,.editMenu
{
	display: none;
}
.candidateNum,.closeJob,.editJob,.haltJob,.restartJob
{
	height: 25px;
	font-size: 12px;
	display: inline-block;
	margin-right: 10px;
	color: #333;
	line-height: 25px;
	background: #f0f0f0;
	border-radius: 2px;
	cursor: pointer;
	text-align: center;
	padding: 0 6px;
	box-shadow: 0 5px 5px rgba(0,0,0,.1);
}

.my_alpply_job .companyname
{
	height: 25px;
	font-size: 13px;
	margin-right: 10px;
	color: #FF6666;
	line-height: 25px;
}
.myjobstate
{
	display: none;
}

.timegap
{
	position: absolute;
	bottom:20px;
	height: 25px;
	right: 15px;
	font-size: 13px;
  	color: #777777;
}
.salary{
	position: absolute;
	height: 25px;
	right: 15px;
	top:15px;
	font-weight: 700;
	font-size: 15px;
	color: #FF6347;
}
.jobarea,.companyarea
{
	width: 100%;
	position: relative;
	border-bottom:1px solid #f0f0f0;
	margin-bottom: 10px;
	cursor: pointer;
}



.Tile,.jobTile
{
	width: 100%;
	min-height: 36px;
	line-height: 36px;
	position: relative;
	font-size: 16px;
	color: #333;
	font-weight: 700;
	text-align: left;
}

.resumerow,.filedown
{
	width: 100%;
	height: 24px;
	line-height: 24px;
	position: relative;
	font-size: 15px;
	color: #444444;
	font-weight: 500;
}
.filedown
{
	height: 40px;
	line-height: 40px;
	width: 100%;
	padding-left: 10px;
}
.filedown a
{
	position: absolute;
	top:8px;
	right: 10px;
	width: 40px;
}

.jobTile
{
	border-bottom: 1px solid #f0f0f0;
}
.applyBtn
{
	cursor: pointer;
	width: 120px;
	height: 40px;
	line-height: 40px;
	margin: 5px 15px;
	text-align: center;
	display: inline-block;
	color: white;
	background: #FF9900;
}
.applyBtn:nth-of-type(2)
{
	background: #FF4500;
}
.job_row
{
	line-height: 20px;
	margin-left: 10px;
	font-size: 13px;
	color: #888;
	display: inline-block;
	
}
#boss
{
	border-top:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	padding-left: 15px;
	background: white;
}
.job_block
{
	width: 100%;
	padding: 10px 10px;
	position: relative;
	background:white;
	border-top:1px solid #f0f0f0;
	margin: 0;
}
.job_company
{
	border-bottom:1px solid #f0f0f0;
}
.job_block img
{
	position: absolute;
	width: 20px;
	height: 20px;
	right: 15px;
	top :30px;
}
.job_block p
{
	width: 100%;
	padding:8px;
	/*background: #f6f6f6;*/
	color: #777777;
	font-size: 14px;
}
.job_block:nth-child(2)
{
/*	border-bottom :1px solid  #f0f0f0;*/
}


.agentview
{
	display:none;
}
.view,.resume_view
{
	display: none;;
}
.active_view,.resume_active_view
{
	display: block;
	background: white;
}
.user_top_menu,.resume_top_menu
{
	margin-top: 120px;
	height: 50px;
	width: 100%;
	background: white;
	border-bottom:1px solid #f0f0f0;
}

.resume_top_menu
{
	margin-top: 0;
}
.user_menu,.resume_menu
{
	width: 80%;
	margin-left: 10%;
	height: 50px;
	border-bottom:1px solid #f0f0f0;
}
.user_menu_item,.resume_menu_item
{
	width: 31%;
	display: inline-block;
	height: 50px;
	text-align: center;
	cursor: pointer;
}
.user_menu_item p,.resume_menu_item p
{
	width: 30px;
	height: 40px;
	margin:5px auto;
	text-align: center;
	line-height: 40px;
	font-size: 14px;
	color: #666;
}
.resume_menu_item p
{
	width: 60px;
}
.user_focus_menu p,.resume_focus_menu p
{
	font-style:bold;
	font-weight: 600;
	border-bottom: 4px solid #FF9912;
	color: #FF9912;
}
.brand
{
	width: 100%;
	position: absolute;
	top:10px;
	left: 0;
	height: 30px;
}

.Eglish
{
	width: 100%;
	padding-left: 46px;
	height: 12px;
	line-height: 12px;
	font-size: 9px;
	color: white;
}
.mylogo
{
	border-radius: 5px;
	position: absolute;
	left: 10px;
 	top: 0;
 	width: 30px;
 	height: 30px;
}
.rezhao
{
	position: absolute;
	width: 100%;
 	bottom: 0;
 	left: 0;
 	height: 30px;
 	text-align: center;
}
.rezhao img
{
	margin: 0 auto;
	width: 120px;
	height: 30px;
	border-radius: 10px;

}

.user,.tp_applyerUser,.userPic,.select_item,#savelocation,#saveSchool,#saveinput,#saveGender,#saveGrade,.friend,
.view_user_resume,#chooseImage,.changemyhead,.speak,.voiceHint,.SendVoice,.CancelVoice,.uploading,.inrecording,.servervoice,.localvoice,
.delete,.deleteimg,.job,.user_menu_item,.butn,.back,.handIn,.stopShare,.apply,.transfer,.selectCandidate,.select,.userheadpic,
.able,.disable,#myfriend,.myMenu_item,.menuitem,#alert,#msgshow,.topicTitleBar,#diaryshow,.sendComment,
.msghistory,#sndmsg,img.showable,img.useralbum,img.myalbum,.contactmenu,.contacthim,#friendDetail,#msg_history
.thingPoi,.hit,.task_item,.addmediamsg,.breakup,.complainhim,.resNavItem,li,.up_menu,.tUser,.commentOnTeacher,.commentOnStudent,.sUser,.agreeS,.agreeT,.listTile,.job_company,.selectsave
{
	cursor: pointer;
}



.user_button_div
{
	text-align: center;
	position: absolute;
	width: 100%;
	bottom: 10px;
	left: 0;
}

.user_button_menu
{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	width:80px;
	background: #FF6347;
	color: white;
}


.user_header,.my_header
{
	position:relative;
	height:150px;
	width: 100%;
	background: white;
 	border-bottom: 1px solid #f0f0f0;
	background-size: cover;
	border-radius: 0 0 ;
}

.user_head_img,#myhome .my_head_img
{
	position: absolute;
	width: 54px;
	height: 54px;
	top:18px;
	left: 15px;
}
.regimg
{
	width: 120px;
	height: 120px;
	border-radius: 120px;
	margin: 20px auto 20px auto;
	position: relative;

}
.changeheadtitle
{
	position: absolute;
	width: 120px;
	height: 30px;
	bottom: -40px;
	left: 0;
	text-align:center;
	z-index: 999;
	font-weight: 700;
	color: #FF6347;

}
#regpage1 .my_head_img img
{
	position: absolute;
	width: 120px;
	height: 120px;
	top:0;
	left: 0;
	border-radius: 120px;
	text-align: center;
}
.regmyhead
{
	position: absolute;
	width: 120px;
	height: 120px;
	top:0;
	left: 0;
	border-radius: 120px;
	text-align: center;
}
#mypagepreview .user_head_img
{
	top:20px;
}

.my_head_img_border
{
	width: 54px;
	height: 54px;
	margin: 0 auto;
	/*border:1px solid #f0f0f0;*/
	background: white;
	text-align: center;
	line-height: 54px;
	border-radius: 3px;
}
.user_head_img img
{
	width: 50px;
	height: 50px;
	margin: 2px;
	border-radius: 3px;
	border: 1px solid #f0f0f0;
}
.user_name_hide_border
{
	background: linear-gradient(-90deg, #777, #bbb,#777);
	width: 30px;
	height: 15px;
	border-radius: 0;
}

#myhome .my_head_img img
{
	width: 50px;
	height: 50px;
	margin: 2px;
	border-radius: 3px;
	border: 1px solid #f0f0f0;
}

.dot
{
	font-size: 10px;
	font-weight: 900;
}
#userDocList,.my_header_info
{
	position: relative;
	background:white;
	width: 92%;
	margin: 0 4%;
	word-wrap: break-word;
	word-break:break-all;
	height: 130px;
	border-radius: 3px;
}

#mypagepreview 	.mydocument
{
	background:white;
	width: 92%;
	margin: 0 4%;
	word-wrap: break-word;
	word-break:break-all;
	border-radius: 3px;
	position: relative;
	padding-top: 20px;
}
.my_header_info{
	height: 200px;
	overflow: hidden;
	border: none;
}
.user_brief,.user_comment
{
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 5px 10px; 
	font-size: 14px;
	color: #444; 
	padding-top: 10px;
	background-color:white;
	word-wrap: break-word;
	word-break:break-all;
	text-align: center;
	position:relative;
}
.user_doc,.user_brief
{
	width: 92%;
	margin: 0 4%;
}
#myhome .user_brief
{
	padding-top: 0;

}

.msg_brief
{
	width: 100%;
	padding: 10px 0;
	text-align: center;
	background-color:white;

}
.msg_brief p
{
	width: 70%;
	margin: 0 auto;
	border-bottom: 1px solid #f4f4f4;
	padding: 5px 0; 
	font-size: 14px;
	color: #666; 
}

.qiangdiao
{
	color: #FF6347; 
	font-weight: 700;
}
.user_short_cut_info
{
	margin: 18px 0;
	width: 100%;
	padding:0 15px 0 70px;
	text-align: left;
}
.user_star_img,.my_star_img
{
	position: absolute;
	right: 10px;
	top:15px;
	height: 30px;
	z-index: 99;
}
.user_star_img img,.my_star_img img
{
	display: inline-block;
	margin-left: 1px;
	width:16px;
	height:16px;
}
.mydocbtn
{
	position: absolute;
	right: 10px;
	top: 35px;
	height: 24px;
	z-index: 99;
	color: #666;
	text-align: right;
	z-index: 99999;
	
}
.mydocbtn p
{
	width: 56px;user_short_cut_info 
	height: 24px;
	margin-right: 0;
	line-height: 24px;	
	cursor: pointer;
	font-size: 12px;
	text-align: center;
	background: #3CB371;
	color: white;
	box-shadow: 2px 5px 5px rgba(0,0,0,.1);
	display: inline-block;
	margin:0;
}
.user_doc_item
{
	height: 25px;
	min-width: 32%;
	font-size: 13px;
	text-align:left;
	display: inline-block;
	padding-right: 20px;
}
.user_doc_item p
{
	display:inline-block;
	height: 22px;
	line-height: 22px;
	margin: 0;
	font-size: 13px;
	text-align: left;
}

.my_code
{
	position: absolute;
	bottom: 0;
	right: 0;
	cursor: pointer;
	width: 40px;
	height: 40px;
}
.my_code img
{
	position: absolute;
	width: 14px;
	height: 14px;
	top:13px;
	left: 13px;
}
#mycode,#groupcode
{
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	
}
.myrealcode,.grouprealcode
{
	width: 280px;
	height:280px;
	margin: 0 auto;
	position: relative;
}
.grouprealcode img
{
	width: 240px;
	height: 240px;
}

.my_bigcode
{
	position: absolute;
	top: 0;
	left: 0;
	width:280px;
	height:280px;
}
.recomendarea
{
	width:320px;
	position: relative;
	margin: 25px auto;
	border-bottom:1px dashed #888;
	border-top:1px dashed #888;
}
.recomendtext{
	width: 320px; 
	padding-top: 15px;
	color: #FF6347;
	margin: 0 auto;
	text-align: center;
	font-size:20px; 

}
.jiandao{
	position: absolute;
	top:-8px;
	left: -15PX;
	width: 16px;
	height: 16px;
	transform: rotate(90deg); 
}
.jiandao2{
	position: absolute;
	bottom:-8px;
	right: -15PX;
	width: 16px;
	height: 16px;
	transform: rotate(270deg); 
}
.outborder
{
	position: absolute;
	top: 115px;
	left: 115px;
	width:50px;
	height: 50px;
	z-index: 99;
	border-radius: 50px;
	background-color: white;
}

.my_codeheader
{
	position: absolute;
	top: 2px;
	left: 2px;
	width:46px;
	height: 46px;
	z-index: 990;
	border-radius: 46px;
	background-color: rgba(0,0,0,0.5);
}
.my_headerimg
{
	position: absolute;
	top: 2px;
	left: 2px;
	width:46px;
	height: 46px;
	z-index: 990;
	border-radius: 6px;
	background-color: rgba(0,0,0,0.5);
}

.friendlabel{
	height: 50px;
	line-height:40px;
	width: 100%;
	padding:10px 5%;
	font-weight: 700;
	font-size: 18px;
	background: #f3f3f3;
}

.slogen
{
	position: absolute;
	width: 92%;
	height: 40px;
	top:10px;
	left: 45px;
	z-index:999;
	text-align: left;
}
.slogen span
{
	position: absolute;
	width: 280px;
	height: 18px;
	font-size: 13px;
	left: 0px;
	top: 0;
	color: white;
}
.slogen p
{
	position: absolute;
	height:18px;
	line-height: 18px;
	font-size: 11px;
	top:18px;
	left: 4px;
	color: #bbb;
}
.logimg
{
	position: absolute;
	height:30px;
	width: 30px;
	border-radius: 5px;
	top:12px;
	left: 10px;
	background:url(../img/logo.jpeg) no-repeat;
	background-size:cover;
}
.slogen2
{
	position: absolute;
	width: 200px;
	height: 24px;
	top:10px;
	right: 24px;
	z-index: 999;
}
.myheadimg
{
	width:70px;
	height: 90px;
	text-align: center;
	z-index: 99;
	position: absolute;
	bottom:-30px;
	right: 0;
	background-color: rgba(0,0,0,0);
}
.userheadimg img.showable
{
	height: 60px;
	width: 60px;
	margin: 25px auto;
}
.user_name,.user_company,.user_school
{
	width:100%;
	height: 30px;
	line-height: 30px;
	color: white;
	text-align: center;
	z-index: 99;
	position: absolute;
	top:0;
	background-color: rgba(0,0,0,0);
}
 .user_name
 {
	top:90px;
 }

  .user_school
 {
	top:100px;
	
	font-size: 13px;
 }
  .user_company
 {
	top:120px;
	font-size: 13px;

 }





.myMenuArea
{
	background:white;
	border-radius: 3px;
	text-align: center;
	width: 92%;
	margin: 0 4% 20px 4%;
	
}


 .my_head_name
{
	width: 100%;
	height: 240px;
	padding-top:140px; 

}
.related
{
	width: 100%;
	height: 88px;/*banner180*/
	
	background: white;
	clear: both;
	position: relative;
	border-bottom:1px solid #f0f0f0;
/*	box-shadow: 0 2px 2px rgba(0,0,0,.1);*/

}


.relateditem
{
	width: 50%;
	height: 88px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	float: left;
	/*border-right:1px solid #f0f0f0;*/
}



.forbidden
{
	background: #BBBBBB;
	color: #eeeeee;
}

.main_related
{	
	background: #bbb; 
	background: white;
	clear: both;
	position: relative;
	z-index: 99;
	border-radius: 8px;
	padding:0;
	margin: 170px 4% 0 4%;
	height: 98px; 
	border:none;
	width: 92%;
}

.main_related .number 
{
	width: 78px;
	height: 36px; 
	padding-top: 10px;
	text-align: center;
	font-size: 24px;
	font-weight: 700;
	color: #333;

}
.main_related .AdjustQuota ,.main_related .mycontact 
{
	position: relative;
	cursor: pointer;
}
.AdjustQuota
{
	position: absolute;
	right: 15px;
	top:10px;
	height: 30px;
	width: 80px;
}
.main_related .quota_title
{
	width: 80px;
	height: 20px;
	line-height: 20px;
	top:25px;
	left: 10px;
	font-size: 18px;
	position: absolute;
	font-weight: 700;

}

.AdjustQuota p,.main_related .mycontact p
{	width: 100%;
	height: 30px;
	line-height: 20px;
	padding-right: 30px;
	text-align: right;
	font-size: 13px;
	color: #666;

}
.main_related .AdjustQuota img,.main_related .mycontact img
{
	width: 20px;
	height: 20px;
	top:23px;
	right: 10px;
	position: absolute;
}


.main_related .teeext
{
	margin-top: 5px;
	font-size: 14px;
	color: #666;
}
.main_relatedblock
{
	width: 33%;
	float: left;
	text-align: center;
}
.main_relateditem
{
	width: 78px;
	height:  78px;
	background: transparent;
	margin: 0 auto;
	text-align: center;
	border-radius: 10px;
	color: black;
	cursor: pointer;
	position: relative;
	margin-top: 20px;

}

.record,.record p
{
	width: 100%;
	height: 100px;
	margin-top:20px; 
	position: relative;
	text-align: center;
}
.record p
{
	padding-top: 60px;
	width: 100px;
	margin: 0 auto;
}
.record img
{
	top:10px;
	position: absolute;
	width: 40px;
	height: 40px;
	left: 30px;
}
.comment 
{
	background: white;
	border-bottom:1px solid #f0f0f0;
	margin-bottom: 10px; 
	position: relative;
}
.comment span
{
	color: #333;
	font-weight: 700;
}
.comment p
{
	padding: 10px; 
	text-align: left;
	color: #555;
	font-weight: 400;
}
.comment .agreeC,.Iagree
{
	position: absolute;
	height: 30px;
	width: 30px;
	cursor: pointer;
	bottom:15px;
	right: 0;
}
.Iagree
{
	line-height: 30px;
	padding: 0 15px;
	width: 70px;
	color: white;
	text-align: center;
	background: #FF7F00;
	border-radius: 5px;
	font-size: 14px;
}   
.agreeC img
{
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
}


.article
{
	width: 90%;
	margin: 0 5%;
	border-bottom: 1px solid #f0f0f0;
	cursor: pointer;
	position: relative;
}
.article_title
{
	font-size: 16px;
	color: #333;
	padding: 10px 0; 
}
.article_detail
{
	font-size: 14px;
	color: #999;
	padding: 0 0 10px 0; 
}
.article img
{
	position: 60px;
	width: 60px;
	height: 60px;
	top: 10px;
	left: 0;
}
.text
{
	width: 94%;
	word-wrap: break-word;
	word-break:break-all;
	margin:0 3%;
	overflow: hidden;
}

.t
{
	width: 100%;
	font-size: 18px;
	color: #D2691E;
	font-weight: 700px;
	margin: 10px 0 40px 0;
	text-align: left;
}

.context
{
	font-size: 15px;
	color: #666;
	text-align: left;
	margin-bottom: 20px;
}

.lmark
{
	position: absolute;
	width: 30px;
	height: 30px;
	top: 10px;
	left: 10px;
	transform: rotate(180deg);
}
.rmark
{
	position: absolute;
	width: 30px;
	height: 30px;
	bottom: 10px;
	right:10px;
}

.rank_title,.rank_img_title{
	font-size: 16px;
	font-weight: 700;
	color: #333;
	height: 40px;
	line-height: 40px;
	position: relative;

}
.rank_img_title
{
	width: 100%;
	padding-left: 90px;

}
.rank_img_title .rank_img
{
	width: 90px;
	height: 40px;
	top: 0;
	left: 0;
	position: absolute;
	clear: both;
}
.rank_img img
{
	float: left;
	width: 18px;
	height: 18px;
	margin-top:11px;
}

  .search_button
  {
  	position: absolute;
  	top: 1px;
  	right: 0;
  	width: 60px;
  	height: 30px;
  	line-height: 30px;
  	background-color: #FF6347;
  }
#resultlist  .user span,#vedio_list .referMsg  span
{
	color: #3CB371;
	text-decoration: underline;
}

 .moreresult,.whynotall
{
	margin: 15px auto 0  auto;
	width: 100%;
	text-align: center;
	height: 30px;
	height: 30px;
	font-size: 14px;
	color: #333;
}
.whynotall
{
	margin: 0 auto 15px auto;
}
.whynotall img
{
	width: 24px;
	height: 24px;
	margin: 0 auto 15px auto;
	cursor: pointer;
}
.msgpagebackground
{

	background-color: rgba(34, 183, 93,1);
	border-radius: 10px;
	
}

.nameandsex
{
	width: 100%;
	position: relative;
	padding-right: 110px;
	height: 50px;
}
.helptypediv
{
	margin:15px 0 30px 0;
}
.sextypediv
{
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
	height: 50px;
}
.helptype,.sextype,.teachertype
{
	background-color: #f7f7f7;
	height: 30px;
	width:  90px;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	margin-left: 40px;
	position: relative;
	cursor: pointer;
}
.sextype
{
	position: absolute;
	top:5px;
	right: 0;
	height: 40px;
	width:  40px;
	line-height: 40px;
	margin-left: 0;
	border-radius: 40px;
	background-color: #f0f0f0;
}
.helptype img,.sextype img,.teachertype img
{
	display: none;
	position: absolute;
	height: 16px;
	width: 16px;
	bottom: 0;
	right: 0;
}
.typeselected,.sexselected,.teacherselected
{
	background:  #FF6347;
	color: white;
}
.typeselected img,.teacherselected img
{
	display: block;
}
.hidemessage
{
	display: none;
}
.message
{

	font-size: 13px;
	color: #FF6347;
	padding: 10px 25px 0 25px;
}


.message span
{	font-size: 16px;
	font-weight: 700;
}

.reg_main_title
{
	font-size: 22px;
	margin-bottom: 10px;
	font-weight: 700;
}
.reg_sep
{
	width: 92%;
	height: 2px;
	border-bottom: 1px solid #777;
	margin: 10px auto 20px auto;
	display: none;
}
.reg_vice_title
{
	font-size: 16px;
	margin-bottom: 30px;
	color: #333;
}
.regblock
{
	word-wrap:break-word;
  	word-break:break-all;
  	position: relative;
  	margin-top: 20px;
}
.secret_row
{
	padding-right: 64px;
	position:relative;
}

#regpage1 .user_item,#regpageB .user_item,#regpageM .user_item,#regpageD .user_item,#logonpage .user_item,#regstudent .user_item,#regpageW .user_item
{
	width:0px;
	height:50px;
	line-height: 50px;
	top:0;
	left:0;
	position:absolute;
	color:#333;
	text-align: left;
	padding:0;
	/*display: none;*/
}
#regpage1 .user_item,
{
	width:0px;
}
#regpage1 .user_value,#regpageB .user_value,#regpageM .user_value,#regpageD .user_value,#logonpage .user_value,#regstudent .user_value,#regpageW .user_value
{
	padding: 0 5px 0 0;
	line-height: 50px;
	height: 50px;
	overflow:hidden; 
	text-overflow:ellipsis;
	text-align: left;
	padding-left: 0px;
}

.secret
{
	position: absolute;
	width: 64px;
	top: 16px;
	right: 0;
	height: 18px;
	text-align: right;
	color: #555;
	font-size: 14px;
	line-height: 18px;
}
.secret img{
	position: absolute;
	width: 16px;
	top: 1px;
	left: 1px;
	height: 16px;
}
.contact
{
	padding: 0 70px 0 50px;
	cursor: pointer;
}
.contact_pic
{
	position:absolute;
	width:44px;
	left:0;
	top:13px;
	height:44px;
	border-radius: 5px;
	z-index:99;
	background: rgb(251,72,71);
}
.contact_pic img
{
	width: 24px;
	height: 24px;
	margin-top: 10px;
	margin-left: 10px;
}
.contact .contact_name
{
	width: 100%;
	height: 70px;
	line-height: 70px;
	font-size: 16px;
	font-weight: 700;
	
}
.contact_more
{
	position:absolute;
	width:60px;
	right:0;
	top:13px;
	height:44px;
	z-index:99;
}
.contact_more img
{
	position: absolute;
	width: 20px;
	height: 20px;
	top: 11px;
	right: 0;
}
.contact_more p
{
	width: 60px;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	text-align:right;
	color:#999;;
	padding-right: 20px;
}
.befersearch{
	width: 92%;
	margin:10px 4%; 
}
.searchlist
{
	padding-top: 15px;
}
.searchlist p
{
	margin: 0 10px 15px 10px;
	background: #f3f3f3;
	color: #333;
	min-width: 60px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 12px;
	display: inline-block;
	padding: 0 14px;
	cursor: pointer;
}
#reasonwhy
{
	font-size: 16px;
	color: #FF6347;
	font-weight: 700;
}
span.changedoc,span.writeresume
{
	color: red;
	font-weight:700;
	text-decoration: underline;
	cursor: pointer;
}
.apply_block 
{
	width: 100;
	margin: 20px 0;
	padding: 40px 3%;
	position: relative;
	padding-top: 40px;
	background: white;
}
.apply_block .user
{
	position: absolute;
	width: 60px;
	height: 40px;
	min-height: 40px;
	right: 3%;
	top: 0;
	padding:0;
	margin:0;
	background: white;
}
.candidate_user span
{
	position: absolute;
	height: 40px;
	line-height: 40px;
	right: 20px;
	top: 0;
}
.candidate_user img.moreInfo
{
	position: absolute;
	width: 14px;
	height: 14px;
	right: 0;
	top: 13px;
}
.recomend_time
{
	position: absolute;
	top: 0;
	left: 3%;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	width: 200px;
}
.answer,.recomendme
{
	font-size: 12px;
	color: #555;
	padding: 20px 0;
	border-top: 1px solid #f0f0f0; 
}
.answer span,.recomendme span
{
	font-size: 14px;
	color: #333;
	font-weight: 700px;
}
.floatbuttonarea
{
	position: fixed;
	width: 100%;
	height: 30px;
	bottom: 50px;
	background: transparent;


}
.lotbtn
{
	width: 70px;
	display: inline-block;
}
.floatbutton
{
	width: 86px;
	height: 30px;
	margin-top: 10px;
	display: inline-block;
	background: #FF6347;
	cursor: pointer;
	border-radius: 5px;
	margin-right: 10px; 
	border: 1px solid #ddd;
	box-shadow: 0 5px 5px rgba(0,0,0,.1);
}

.halfbutton
{
	width:36px;
	height:36px;
	box-shadow: 0 5px 5px rgba(0,0,0,.1);
	background-color: #f3f3f3;
	background-color: #FF6347;
	cursor: pointer;
	border-radius: 30px;
	position: fixed;
	right: 10px;
	bottom: 60px;
	z-index: 99999;
	line-height: 30px;
	text-align: center;
	box-shadow: 5px 5px 5px rgba(0,0,0,.2);
}
.halfbutton p
{
	height: 0;
	width: 0;
	padding-top: 0;
	color: #fff;
	font-size: 12px;
	line-height: 30px;
	text-align: center;
	display: none;
}
.halfbutton img
{
	position: absolute;
	width: 20px;
	height: 20px;
	left: 9px;
	top: 8px;
	
}
.halfbuttonleft
{
	width:40px;
	height:40px;
	background: #555;
	cursor: pointer;
	border-radius: 40px;
	position: fixed;
	right: 10px;
	bottom: 100px;
	z-index: 999;
	line-height: 30px;
}
.halfbuttonleft p
{
	height: 30px;
	width: 100%;
	padding-right: 27px;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	text-align: right;
	display: none;
}
.halfbuttonleft img
{
	position: absolute;
	top: 7px;
	width: 26px;
	height: 26px;
	left: 7px;
	
}
.fixbutton
{
	position: absolute;
	width: 30%;
	height: 30px;
	bottom: 10px;
	left: 10%;
	cursor: pointer;
	border-radius: 6px;
	z-index: 99;
	font-size: 12px;
	color: #FF6347;
	box-shadow: 0 5px 5px rgba(0,0,0,.1);
	background: #f0f0f0;
	overflow: hidden;

}
.fixbutton img
{
	width:18px;
	height: 18px;
	position: absolute;
	top:6px;
	left:10px;
}
.floatbutton p
{
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	color: white;
	text-align: center;
}
.fixbutton p
{
	padding-left: 30px;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	color: white;
	text-align: left;
}
.fixbutton p
{
	color:#FF6347;
}

.proposal_content
{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	word-wrap: break-word;
	word-break:break-all;
	overflow: hidden;
	padding: 10px 10px;
	font-size: 16px;
	color:#333;
	border:none;
	background: #f3f3f3;
}
#QApage .user .introduction
{
	border:none;
	background: #f9f9f9;
}
.user .proposal_content
{
	margin-top:10px; 
}
.prouser
{
	padding: 0;
	background-color: white;
	margin:0;
}
.prouser .name
{
	margin-top: 0;
}
#proposalpage .user,#topicanswerspage .user
{
	background-color: white;
	margin:0;
}

.retarea,.pcarea
{
	width: 50%;
	margin: 0 auto;
	text-align: center;
	min-height: 300px;

}
.pcarea
{
	width: 80%;
}
.retarea img,.pcarea img
{
	width: 100px;
	height: 100px;
	margin:70px auto 10px auto;
}
.retmsg,.pcmsg
{
	color: #00a600;
	font-size: 20px;
}
.retmsg span,.pcmsg span
{
	color: #888;
	font-size: 14px;
	text-align: center;
}
#shalongadvice{
	width: 150px;
	margin-top: 20px;
}

.memberList{
 text-align: left;
}
.memberList .user
{
	margin: 0;
	padding: 15px;
}

.BUArea
{
	text-align: center;
	width: 96%;
	margin: 15px auto 7px auto;
}

.BU_item
{
	width: 48%;
	height: 64px;
	display: inline-block;
	position: relative;
	
	
	box-shadow:0 3px 6px #f0f0f0; 
	background: white;
	margin: 0;
	margin-bottom: 8px;
	border-radius: 8px;
}
#teacher2
{
	box-shadow:0 0 6px #f0f0f0; 
}

.BU_item .imgarea
{
	position: absolute;
	right:  10px;
	top: 12px;
	width: 40px;
	height: 40px;
	border-radius:6px;

}
.imgarea img
{
	position: absolute;
	right:  0;
	top: 0;
	width: 40px;
	height: 40px;
	border-radius:6px;
}
.vicelabel
{
	padding-left:20px; 
	padding-right:50px; 
	margin-top: 10px;
	font-size: 12px;
	height: 20px;
	color: #999;
	text-align:left;
}

.mainlabel
{
	padding-left:20px; 
	font-size: 15px;
	color: #333;
	font-weight: 700;
	text-align: left;
}
.nogroup,.noshalon
{
	display: none;
}
.applygroupitem
{
	width: 49%;
	height: 100px;
	display: inline-block;
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
	text-align: center;
}
.goupheadarea
{
	background: white;
	position: relative;
}
.goupheadarea .group
{
	border: none;
}
.group_topic
{
	padding:  0 20px 20px 20px;
	text-align: left;
	color: #555;
}

.group,.shalon
{
	margin: 0 auto;
	background: white;

	border-bottom: 1px solid #f0f0f0; 
}
#friendpart .group img.pic,#friendpart .shalon img.pic
{
	left: 0;
	border-radius: 50px;
}

#friendpart .group,#friendpart.shalon 
{
	padding-left: 0;
}

.shalon p
{
	position: relative;
	padding-left: 45px;
	font-weight: 400;
	height: 24px;
	font-size: 14px;
	word-wrap: break-word;
	word-break:break-all;
	
}
.shalon p span
{
	position: absolute;
	width: 45px;
	left: 0;
	top: 0;
}
.shalon_topic
{
	width: 100%;
	word-wrap: break-word;
	word-break:break-all;
	font-size: 14px;	
	padding-bottom:10px;
	text-overflow:ellipsis;
	color: #666;
	font-weight: 400;
}

.topic_button
{
	min-width: 46px;
	text-align: left;
	cursor: pointer;;
	background-color: white;
	color: #999;
	margin: 10px 10px 0 10px;
	font-size: 12px;
	height: 30px;
	line-height: 30px;
	padding-left: 16px;
	position:relative;
	display: inline-block;

}

.proposalList .user,.proposalList .topic_button
{
	border:none;
}
.getmemberscss,.groupanswercss,.getanswerscss
{
	min-width: 80px;
}

.groupanswercss p,.getmemberscss p,.getanswerscss p,.signupcss p,.topicmeeting p,.msg_time  p
{
	width: 14px;
	height:14px;
	left: 0;
	top: 8px;
	position: absolute;
	background:url(../img/answer.svg) no-repeat;
	background-size: cover;
}
.msg_time  p
{
	background:url(../img/man.svg) no-repeat;
	background-size: cover;
}
.getmemberscss p
{
	background:url(../img/man.svg) no-repeat;
	background-size: cover;
}
.getanswerscss p
{
	background:url(../img/reply.svg) no-repeat;
	background-size: cover;
	
}
.signupcss p
{
	background:url(../img/addin.svg) no-repeat;
	background-size: cover;


}
.topicmeeting p
{
	background:url(../img/meeting.svg) no-repeat;
	background-size: cover;
	
}


.details h3
{
	text-align:center;
	margin-bottom: 10px;
}
.shalon_topic
{
	margin-top: 10px;
}
.user .lastmsg,.user .groupnumber
{
	position: absolute;
	width: 30px;
	height: 20px;
	line-height: 20px;
	bottom: 10px;
	right: 80px;
	border-radius: 20px;
	font-size: 12px;
	text-align: center;
	background:red;
	color: white;
}
.user .groupnumber
{
	right: 50px;
}

.result_button_group
{
	text-align: center;
	margin: 30px 0;
}
.result_button_group .button
{
	width: 120px;
	height: 30px;
	line-height: 30px;
	margin: 10px auto 0 auto;
}

#mygroupspage .group,#groupspage .group,#mainpage .group
{
	padding-right: 0;
	padding-left: 0; 
}
#mygroupspage .group img,#groupspage .group img,#mainpage .group img
{
	left:0;
}
#mygroupspage .group:nth-last-child(1)
{
	border-bottom: none;
}
#friendpart .userlist_title
{
	
	padding: 5px 0 0 0;
}
#friendpart .group:nth-last-child(1),#friendpart .friend:nth-last-child(1),#friendpart .shalon:nth-last-child(1)
{
	border-bottom:none;
}
.notice ,.proposal
{
	background: white; 
	position: relative;
	padding:15px 5px 25px 15px;
	border-bottom: 1px solid #f0f0f0;
	cursor: pointer;

}


#mygrouppage .proposal  
{
	padding:15px 0 25px 0;
}
.notice .time,.proposal .time
{
	height: 20px;
	color: #999;
	font-size: 12px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding-left: 20px;
}

.time img,.littlepic,.littleheadpic
{
	position: absolute;
	border-radius: 14px;
	left:0;
	height: 14px;
	width: 14px;
	bottom:0;
}
.noticetitle
{
	margin-bottom: 30px;
	margin-top: 10px;
	font-size: 18px;
	font-weight: 700;
	color: #333;
	text-align: center;
}
.noticetext
{
	margin-bottom: 40px;
	font-size: 15px;
	color: #333;
}

.notice_content
{
	font-size: 18px;
	padding-bottom: none;
	color: #333;
	font-weight: 700;
}


.resume_position ,.resume_school,.resume_degree
{
	width: 100%;
	line-height: 150%;
	padding-right: 70px;
	word-wrap: break-word;
	word-break:break-all;
	font-size: 14px;
	color: #333;

}
.resume_degree
{
	margin-top: 7px;
}
.resume_position ,.resume_school
{
	font-size: 16px;
	font-weight: 700px;
}
.resume_time
{
	position: absolute;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #666;
	top:10px;
	right: 0;

}
.resume_degree
{
	font-size: 13px;
	color: #666;
}
#meetingtopic
{
	height: 36px;
	border-bottom: 1px solid #f0f0f0;
}
.ranktext
{
	padding: 25px; 
	text-align: left;
	color: #333;
	text-align: center;
}
.ranktitle
{
	color: #333;
	font-size: 16px;
	margin-bottom: 15px;
	text-align: center;
}
.ranktext p{
	text-align: left; 
	padding: 10px 0;
	color: #666;
}
.invisible
{
	display: none;
	height: 0;
}
.groupadminpic
{
	position: absolute;
	right:40px;
	top:50px;
	width:40px;
	height:40px;
}

#group_admin
{
	z-index:999;
}
.falseblock
{
	text-align:center;
	padding: 15px 0;
}
.falselink
{
	display:inline-block;
	padding-left: 10px;
	padding-right: 10px;
}
.falselinkwhite
{
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding-left: 10px;
	padding-right: 10px;
	color:#333;
	background: white;
	box-shadow: 2px 5px 5px rgba(0,0,0,.1);
	font-size: 12px;
}
.noticetext span
{
	color:#0066cc;
	font-style: italic;
	cursor: pointer;
}


#proposalpart .smalluser:nth-of-type(1)
{
	border-top: 1px solid #f0f0f0;
}
.smalluser,.memberlist .user
{
	padding: 6px 15px;
}

.memberlist img.smallpic
{
	top:15px;
}
.user:last-child
{
	border-bottom: none;
}


#buttonstudent,#buttonmentor,#buttonno
{
	margin-top: 15px; 
	height: 32px;
	line-height: 32px;
	width: 50%;
	margin-left: 25%;
}
#buttonno
{
	background: transparent;
	border: 1px solid #bbbbbb;
	color:#666666;
}
.innergroup .menuitem
{
	width: 50%;
} 

.jobarea .user
{
	padding:10px;
	border-top:1px solid #f0f0f0;
	
}
.jobarea .user .smallpic
{
	top:15px;
}
.mydocbtn
{
	position: absolute;
	right: 10px;
	top: 35px;
	height: 24px;
	z-index: 99;
	color: #666;
	text-align: right;
	z-index: 99999;
	
}
.mydocbtn p
{
	width: 56px;
	height: 24px;
	margin-right: 0;
	line-height: 24px;	
	cursor: pointer;
	font-size: 12px;
	text-align: center;
	background: #3CB371;
	color: white;
	box-shadow: 2px 5px 5px rgba(0,0,0,.1);
	display: inline-block;
	margin:0;
}
.task_item
{
	width: 96%;
	margin: 0 3%;
	height: 50px;
	position: relative;
}

.task_item p
{
	width: 100%;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	padding-left: 25px;
	padding-right: 100px;
	color: #222;
	position: relative;
	text-align: left;
	border-bottom:1px solid #f6f6f6; 
}
.task_item p img
{
	position: absolute;
	left: 0;
	top:15px;
	width: 20px;
	height: 20px;
}
.task_item p span
{
	position: absolute;
	right: 25px;
	top:15px;
	min-width: 20px;
	text-align: center;
	border-radius: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	color: #666;
	background: #f0f0f0;
}
.task_item img.arrow
{
	position: absolute;
	right: 0;
	top:15px;
	width: 20px;
	height: 20px;
}

.task_item:last-child
{
	border-bottom: none;
}
.user:nth-last-child(1)
{
	border-bottom: none;
}

.task_item .taskimgdiv
{
	width: 20px;
	height: 20px;
	position: absolute;
	right: -5px;
	top:15px;
}
.task_item .taskimgdiv img
{
	width: 20px;
	height: 20px;
}
#mainpage .myingroup .group
{
	border-bottom: none;
	border-top: 1px solid #f0f0f0;
}
.group:nth-of-type(1)
{
	border-top: none;
}

.group:nth-first-child
{
	border-top: none;
}
.thingimgdiv
{
	width: 120px;
	height: 120px;
	overflow: hidden;
	border: 1px dashed #f0f0f0;
	margin:10px 20px;
}

.topicarea .user
{
	border-bottom: none;
}
#topicanswerspage .proposal_content
{
	width: 100%;
	margin-top: 20px; 
	padding: 0 15px 0 30px;
	margin-left: auto;
	margin-right: auto;
	word-wrap: break-word;
	word-break:break-all;
	font-size: 14px;
	color:#555;
	border:none;
	background: white;
}
#topicanswerspage .proposal_content p ,a
{
	font-size: 14px;
}
.deletemsg,.sharetopic,.deleteAnswer,.changeTopic
{
	position:absolute;
	right: 45px;
	bottom: 0;
	width: 30px;
	height: 40px;
	line-height: 24px;
	font-size: 12px;
	background: transparent;
	cursor: pointer;
}
.deletemsg
{
	right: 80px;
}
.sharetopic,.deleteAnswer
{
	right: 10px;
}

.littlegroup
{
	position:absolute;
	background: transparent;
	cursor: pointer;
	height: 18px;
	line-height: 18px;
	right: 120px;
	bottom: 9px;
	border-radius: 18px;

}
.littlegroup p
{
	height: 18px;
	line-height: 18px; 
	text-align: center;
	font-size: 11px;
	padding:0 10px;
	color: #64A600;
}

.deletemsg span,.sharetopic span,.deleteAnswer span,.changeTopic span
{
	width: 16px;
	height: 16px;
	position: absolute;
	top:15px;
	left: 12px;
	background:url(../img/delete.svg) no-repeat;
	background-size: cover;
	border:none;
}
.sharetopic span
{
	background:url(../img/sharearticle.svg) no-repeat;
	background-size: cover;
}

.changeTopic span
{
	
	background:url(../img/coloredit.svg) no-repeat;
	background-size: cover;
}

.topic_pic,img.msgImg
{
	width: 92%;
	margin: 10px 4%;
	height: auto;
}



img.thingImg,img.thisImg
{
	width: 120px;
	height: auto;
	cursor: pointer;
	vertical-align: middle;
}

.littleuser
{
	position:absolute;
	left: 15px;
	bottom: 10px;
	min-width: 200px;
	height: 20px;
	cursor: pointer;
}
.littleitem
{
	position:relative;
	margin: 8px;
	min-width: 200px;
	height: 20px;
}


.littlename,.littletime,.msglimited
{
	padding-bottom: 6px;
	padding-left: 0;
	min-height: 20px;
	line-height: 20px; 
	font-size: 14px;
	color: #555;
	display: inline;
}
.referMsg .littlename,.referMsg .littletime,.referMsg .msglimited
{
	font-size: 14px;
	color: #888;
}
.littletime,.msglimited
{
	padding-left: 20px;
	word-wrap: break-word;
	word-break:break-all;
}
.msglimited span
{
	color: #64A600;
}

.topicarea .littlename,.littletime,#mygrouppage .littlename
{
	padding-left: 20px;

}
#mygrouppage .littleuser
{
	left: 2px;
}
.groupanswer,.groupmsgsend
{
	width: 80%;
	height: 30px;
	margin: 10px 10%;
	background: #f9f9f9;
	border-radius: 60px;
	cursor: pointer;
	position: relative;
}
.groupanswer span,.groupmsgsend span
{
	position: absolute;
	width: 20px;
	height: 20px;
	left: 10px;
	top: 5px;
	background:url(../img/graywrite.svg) no-repeat;
	background-size: cover;
}
.groupanswer p,.groupmsgsend p
{
	width: 100%;
	padding-left: 40px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: 777;
	text-align: left;
}

.group_title
{
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #f9f9f9;
	border-radius: 36px;
}
.group_title p
{
	font-size: 16px;
	color: #333;
	font-weight: 700;
	display: inline;
	padding:0 20px;
	line-height: 36px;
	background: #f0f0f0;
	border-radius: 3px;
	box-shadow: 0 5px 5px rgba(0,0,0,.1);
}
.group_title span
{
	padding-left: 10px;
	font-size: 14px;
	display: inline;
	width: 1px;
}


img.resumepic,img.userresumepic
{
	width: 100%;
	margin: 40px auto;
	height: auto;
	cursor: pointer;
	vertical-align: middle;
}
.invisible
{
	display: none;
	height: 0;
}
.superadmin
{
	display: none;
}
#mycompanyslist .companyarea
{
	margin-bottom: none;
}

.group_Atool
{
	width: 24%;
	height: 50px;
	margin-top: 10px;
	display: inline-block;
	text-align: center;
}

.group_Atool p
{

	width: 60px;
	height: 50px;
	font-size: 12px;
	padding-top: 32px;
	margin:0 auto;
	color: #222;
	position: relative;
}
.group_Atool p img
{
	position: absolute;
	left: 15px;
	top:0;
	width: 30px;
	height: 30px;
}
img.resumepic
{
	width: 100%;
	margin: 40px auto;
	height: auto;
	cursor: pointer;
	vertical-align: middle;
}
.allow
{
	background: transparent;
	cursor: pointer;
	border: 1px solid #bbbbbb;
	color:#666;
	position: relative;
}
.allow p
{
	color:#666;
}
.solution
{
	display: inline;
	width: 30%;
	height: 120px;
}
.superadmin
{
	display: none;
}

.group:first-child
{
	border-top: none;
}

.ingrouptitle
{
	width: 96%;
	margin: 0 auto 0 auto;
	height: 30px; 
	padding-left:15px;
	color: #333;
	font-weight: 700;
	background: white;
	font-size: 16px;
	padding-top:12px; 
}
.group .name
{
	padding: 0 20px 0 45px; 
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	margin-bottom: 0; 
}
.group .composition
{
	padding-left: 45px; 
	margin-top: 0;
	height: 12px;
	line-height: 12px;
	font-size: 11px;
	padding-top: 0;
}
.candidatearea
{
	margin-top:10px;

}
.candidateitem
{
	margin-bottom:10px;
	padding-right: 30px;
	cursor: pointer;
	min-height: 30px;
	font-size: 13px;
	color: #888;
	position: relative;
	word-wrap: break-word;
	word-break:break-all;

	text-overflow:ellipsis;
}
.candidateitem img
{
	position: absolute;
	width: 30px;
	height:30px
	top:0;
	right: 0;
}
.candidateitem span
{
	padding-left: 20px;
	color:red;
}
.survyname
{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
.survyQitem
{
	margin-top: 10px;
	background: white;
	border-bottom: 1px solid #f0f0f0;
}
.group .name ,.shalon .name 
{
	font-size: 15px;
	color: #333;
}
.shalon .name 
{
	font-weight: 700;
}

div.vedio
{
	display: inline-block;
	height: 160px;
	text-align: center;
	width: 280px;
	font-size: 12px;
	color: black;
	margin-right: 10px;
	cursor: pointer;
	position: relative;
	background:url(../img/shipinhuifang.png) no-repeat;
	background-size:contain;
	padding-top: 120px;
	color: white;
	font-size: 12px;
}

.smalluser
{
	padding-left: 0;
	padding-right: 0;
	width: 94%;
	margin: 0 3%;
	border:none; 
}
.smalluser .name
{
	margin-top: 10px;
	padding-left: 30px;
	font-size: 13px;
}
.smalluser .brief
{
	height: 16px;
	line-height: 16px;
	color: #555;	
	margin-top: 0;
	display: none;
}
img.smallpic
{	
	position: absolute;
	height: 24px;
	width: 24px;
	border-radius: 24px;
	top:23px;
	left: 15px;
}
.user .verify,.user .sex
{
	width: 15px;
	height: 15px;
	position: absolute;
	left: 50px;
	top: 45px;
	background: orange;
	border:2px solid white;
	z-index: 9999;
	border-radius: 14px;
	text-align: center;
	font-size: 14px;
	color: white;
	line-height: 14px;
	font-weight: 700;
}
.user .sex
{
	color: white;
}

.memberbutton
{
	position: absolute;
	left: 0;
	bottom: 50px;
	width: 100%;
	height: 50px;
	text-align: center;
}
#agentpart .smalldetail
{
	color: #555;
	font-size: 16px;
}

video{
	height: 250px;
	width: 90%;
	margin: 20px 5% 20px 5%;
	text-align: center;
	border-radius: 3px;
	background: black;
}
.referMsg
{
	min-height: 160px;
	min-height: 90px;
	width: 100%;
	padding: 10px ;
	z-index: 99;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
	display: inline-block;
	background: white;
	margin-bottom: 10px;
	border-bottom:1px solid #f0f0f0;

}

.referMsg img.picture
{
	position: absolute;
	left: 0;
	top:0;
	height: 100px;
	height: 90px;
	width: 100%;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-radius: 5px;
}



.referMsg .time
{
	width: 100%;
	height: 20px;
	padding-left: 44px;
	font-size: 14px;
	color: #666;
}
.referMsg .title
{
	width: 100%;
	font-size: 18px;
	word-wrap: break-word;
	word-break:break-all;
	font-size: 16px;	
	text-overflow:ellipsis;
	color: #333;
	font-weight: 700;
	z-index: 999;
}
.referMsg_content
{
	font-size: 14px;
	width: 100%;
	word-wrap: break-word;
	word-break:break-all;
	padding-bottom:10px;
	text-overflow:ellipsis;
	color: #333;
	margin-bottom: 0;

}

.referMsg_content p,.proposal_content
{	
	font-size: 14px;
	padding:8px;
	font-weight: 400;
	color: #555;
}

img.vpic
{
	width: 31%;
	height: 130px;
	margin-left: 2%;
	margin-top: 2%;
	z-index: -9;
	display:inline-block;
	border:1px solid #f0f0f0;
}
 #copyword {
    border: none;
    outline: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    /* 设置为可复制 */
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
  }
@media screen and (min-width: 600px) {
.page
{

	height: 100%;
	width: 100%;
	padding: 0 25%;
	color: #333;	
	font-family:"Heiti SC","黑体-简";
	font-weight: 400;
	font: 15px/100%;
	line-height:160%;
	font-size:1em;
	border:0;
	overflow:hidden;
	background-color:#f9f9f9;
	position: relative;
	
}

}
@media screen and (mix-width: 600px) {
.page
{

	height: 100%;
	width: 600px;
	margin: 0 auto;
	color: #333;	
	font-family:"Heiti SC","黑体-简";
	font-weight: 400;
	font: 15px/100%;
	line-height:160%;
	font-size:1em;
	border:0;
	overflow:hidden;
	background-color:#f9f9f9;
	position: relative;
	
}

}