﻿@charset "utf-8";
html {
	background: url(//static.jjoobb.cn/images/found/FindBg.jpg) no-repeat center top #e7f0c5;
}
#wrapper {
	width: 1200px;
	overflow: hidden;
	background: #e7f3e1;
	margin: 147px auto 20px auto;
}
/*left部分*/
.wrapper-left {
	width: 182px;
	
}
.wrapper-left li {
	line-height: 50px;
	text-align: center;
}
.wrapper-left li a {
	color: #666;
	display: block;
}
.wrapper-left li .icon {
	font-size: 20px;
	margin-right: 10px;
}
.wrapper-left li a:hover {
	color: #fff;
	background: #B9DAAD;
}
.wrapper-left .cur {
	color: #fff;
	background: #a9cf9e;
}
/*right部分*/
.wrapper-right {
	width: 1018px;
	min-height: 600px;
	background: #fff;
}
.may-t {
	width: 1018px;
	height: 50px;
	line-height: 50px;
	background: url(//static.jjoobb.cn/images/found/MayBgline.gif) repeat-x left bottom;
	position: relative;
	font-size: 16px;
	color: #333;
}
.may-t a {
	color: #333;
	display: block;
}
.may-t a:hover, .may-t .font-co {
	color: #66be8c;
	font-weight: bold;
	background: url(//static.jjoobb.cn/images/found/MayIcon.png) no-repeat center bottom;
}
.maybe {
	width: 136px;
	text-align: center;
	height: 49px;
	position: absolute;
}
.may-know-title {
	z-index: 50;
	left: 80px;
	top: 0;
}
.may-interest-title {
	z-index: 51;
	left: 430px;
	top: 0;
}
.is-hiring-title {
	z-index: 52;
	left: 780px;
	top: 0;
}
/*right-main部分*/
.may-main {
	height: auto;
	overflow: hidden;
	padding: 30px 30px 20px;
}
.found-tip {
	height: auto;
	line-height: 27px;
	padding: 20px 0;
	text-align: center;
}
.found-tip a {
	display: inline-block;
	margin-left: 10px;
	color: #66be8c;
}
.found-tip a:hover, .found-title-rt a:hover, .found-know-rt a:hover {
	font-weight: bold;
	color: #49b779;
}
.found-tip .icon {
	font-size: 24px;
	color: #f5694b;
	margin-right: 10px;
}
.found-title {
	width: 958px;
	height: auto;
	*padding-bottom: 15px;
}
.found-title ul {
	float: left;
}
.found-know-rt, .found-title-rt {
	text-align: right;
	width: 200px;
	height: 36px;
	line-height: 36px;
	color: #f5694b;
	padding-right: 10px;
	float: right;
}
.found-title-rt a, .found-know-rt a {
	color: #66be8c;
	margin: 0 5px;
}

/*可能认识的人css开始*/
ul.tabs {
	width: 740px;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}
ul.tabs li {
	height: 38px;
	overflow: hidden;
	position: relative;
	background:  #f2f1f6;
	margin-bottom: 10px;
	float: left;
	border-right: 1px #ddd solid;
}
ul.tabs li:first-child, .bl-solid { border-left: 1px #ddd solid;}
ul.tabs li a {
	width: 96px;
	height: 36px;
	line-height: 36px;
	text-decoration: none;
	color: #333;
	display: block;
	text-align: center;
	border: 1px #ddd solid;
	border-left: none;
	border-right: none;
}
ul.tabs li a:hover {
	color: #333;
	font-weight: bold;
	background: #fff;
}
ul.tabs li.active a {
	height: 35px;
	color: #333;
	border-bottom: 2px #66be8c solid;
	background: #fff;
	border-left: none;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {
	color: #333;
	font-weight: bold;
}
.tab-container, .tab-content {
	width: 958px;
	height: auto;
	overflow: hidden;
}
.tab-member-list {
	float: left;
	margin: 0 5px 5px 0;
	padding: 15px 20px;
	width: 272px;
	height: 96px;
	line-height: 96px;
	background-color: #f2f2f5;
	white-space: nowrap;
}
.tab-member-face {
	display: block;
	width: 60px;
	height: 60px;
	margin-top: 18px;
	float: left;
	line-height: 60px;
	vertical-align: middle;
	overflow: hidden;
}
.tab-member-face img {
	width: 60px;
	height: 60px;
}
.tab-member-info {
	display: inline;
	margin-left: 12px;
	padding-left: 12px;
	line-height: normal;
	border-left: 1px solid #dfdfdf;
	vertical-align: middle;
	float: left;
	width: 186px;
}
.tab-member-info h3 a {
	display: inline-block;
	max-width: 80px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: bottom;
}
.color-theme a {
	color: #f5694b;
}
.color-theme .icon {
	font-size: 18px;
	margin: 0 5px;
}
.color-theme .icon.man {
	color: #30aef6;
}
.color-theme .icon.woman {
	color: #f22de2;
}

.tab-member-info .area {
	color: #666;
	font-size: 12px;
}
.tab-member-common {
	color: #666;
	margin: 12px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.tab-member-fun {
	position: relative;
}
.tab-member-fun-btn {
	display: inline-block;
	padding: 0 7px;
	height: 28px;
	line-height: 28px;
	border: 1px solid #ddd;
	background-color: #fff;
	vertical-align: top;
	color: #666;
}
.tab-member-fun-btn.disabled {
	color: #666;
	cursor: default;
	pointer-events: none;
}
.tab-member-fun-btn .add {
	display: inline-block;
	margin-right: 5px;
	margin-top: -2px;
	color: #f5694b;
	font-weight: bold;
	font-size: 20px;
}
.icon-sel {
	color: #66be8c;
}
.icon-sel .icon {
	margin-right: 5px;
}
.page-top {
	margin-top: 20px;
	font-size: 12px;
}
/*可能认识的人css结束*/

/*可能感兴趣的人css开始*/
.interest-main {
	height: auto;
	overflow: hidden;
	padding: 30px 30px 12px;
}
ul.intertabs {
	width: 720px;
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}
ul.intertabs li {
	height: 36px;
	overflow: hidden;
	position: relative;
	display: inline;
	margin-right: 20px;
	float: left;
	overflow: hidden;
	word-break: keep-all;
	text-overflow: ellipsis;
	white-space: nowrap;
}
ul.intertabs li a {
	height: 36px;
	line-height: 36px;
	text-decoration: none;
	color: #333;
	display: block;
}
ul.intertabs li a:hover {
	color: #66be8c;
	font-weight: bold;
}
ul.intertabs li.active a {
	color: #66be8c;
}
html ul.intertabs li.active, html ul.intertabs li.active a:hover {
	color: #66be8c;
	font-weight: bold;
}
/*可能感兴趣的人css结束*/

/*正在招聘的伯乐css开始*/
ul.hrtabs {
	width: 716px;
	height: 38px;
	margin-bottom: 30px;
	padding-left:1px;
	background: url(//static.jjoobb.cn/images/found/MayBgline.gif) repeat-y 0 top;
}
ul.hrtabs li {
	height: 38px;
	overflow: hidden;
	position: relative;
	background: #f2f1f6;
	float: left;
}
ul.hrtabs li a {
	width: 101px;
	height: 36px;
	line-height: 36px;
	text-decoration: none;
	color: #333;
	display: block;
	text-align: center;
	border: 1px #ddd solid;
	border-left: none;
}
ul.hrtabs li a:hover {
	color: #333;
	font-weight: bold;
	background: #fff;
}
ul.hrtabs li.active a {
	height: 35px;
	color: #333;
	border-bottom: 2px #f5694b solid;
	background: #fff;
}
html ul.hrtabs li.active, html ul.hrtabs li.active a:hover {
	color: #333;
	font-weight: bold;
}
.member-concerns {
	display: inline-block;
	margin-right: 10px;
	height: 28px;
	line-height: 28px;
	color: #f5694b;
}
.member-hr-con {
	position: absolute;
	left: -48px;
	top: 25px;
	width: 132px;
	opacity: 0;
	transform: translateY(-5px);
	visibility: hidden;
	transition: transform .3s ease, opacity .3s ease, visibility .3s ease;
}
.triangle {
	width: 12px;
	height: 10px;
	position: absolute;
	left: 60px;
	top: 0px;
	z-index: 12;
	background: url(//static.jjoobb.cn/images/found/MayIcon.png) no-repeat center bottom;
}
.member-hr-con.active {
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}
.member-hr-lay {
	width: 130px;
	border: 1px solid #ddd;
	background: #fff;
	text-align: center;
	position: absolute;
	left: 0;
	top: 9px;
	z-index: 5;
}
.member-hr-lay-item {
	display: inline-block;
	line-height: 32px;
	padding: 0 7px;
}
.member-hr-lay-item:hover {
	color: #f5694b;
	background: #eee;
}
.unfollow {
	color: #f5694b;
}
.unfollow:hover {
	color: #999;
}
.member-hr-btn {
	display: inline-block;
	height: 28px;
	padding: 0 7px;
	line-height: 28px;
	vertical-align: top;
	cursor: pointer;
}
.entrust {
	color: #666;
	border: 1px solid #ddd;
	background: #fff;
}
.cancel-entrust {
	color: #f5694b;
	border: 1px solid #ddd;
	background: #fff;
	display: none;
}
/*正在招聘的伯乐css结束*/
.follow-btn {
	padding: 0 0 0 7px;
	position: relative;
}
.follow-btn .child-menu {
	display: none;
	position: absolute;
	width: 100%;
	left: -1px;
	top: 30px;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 3px;
	color: #666;
}
.follow-btn .child-menu li {
	text-align: center;
}
.follow-btn .child-menu li:hover {
	background: #eee;
	color: #F5694B;
}

/*企业*/
.company-name {
	max-width: 185px;
	font-size: 16px;
	color: 
}