@charset "utf-8";
/* ===== 基础样式 ===== */
body {
	font-family: 'Microsoft YaHei', Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #384052;
	background-color: #f1f1f4;
	text-decoration: none;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
}
p, ul, h1, h2, h3 {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
li {
	list-style-type: none;
}
input{ 
     outline: none; 
}
/* ===== 链接与工具类 ===== */
a {
	text-decoration: none;
	color: #384052;
}
a:hover {
	color: #334ad0;
}
.bold {
	font-weight: bold;
}

.text--gray {
	color: #a2a6b2;
}
.link--primary {
	color: #334ad0;
}
.div1200{
	position: relative;
	width: 1200px;
	margin: 0 auto;
	}
.text--highlight {
	color: #ff6600;
}
/* ===== 布局容器 ===== */
.container {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
/* ===== 头部 ===== */
.site-header {
	width: 100%;
	height: 50px;
	background-color: #fff;
	border-bottom:1px solid #f1f1f4;
}
.logo {
	float: left;
	width: 150px;
	margin-left: 12px;
}
.header-logo {
	float: left;
	width: 110px;
	margin: 3px 12px 3px 0;
}
.primary-nav {
	float: left;
	height: 50px;
	line-height: 50px;
}
.primary-nav ul li {
	float: left;
	position: relative;
	text-align: center;
	font-size: 14px;
	margin: 0 5px;
}
.primary-nav ul li a {
	display: block;
	padding-right: 15px;
	position: relative;
}
.primary-nav ul li a:hover {
	color: #334ad0;
}
.login-links {
	float: right;
	height: 50px;
	line-height: 50px;
}
.login-links a {
	float: left;
	padding: 0 15px;
	font-size: 14px;
}
.login-links a:hover {
	color: #334ad0;
}
.icon-person {
	float: left;
	height: 50px;
}
.login-links2 {
	position: absolute;
	right: 0;
	top: 18px;
	height: 50px;
	line-height: 50px;
}




/* ===== 搜索区域 ===== */
.search-section {
	width: 1200px;
	position: relative;
	height: 120px;
	margin: 0 auto;
}
.search-container {
	float: left;
	position: relative;
	padding: 40px 0 0 210px;
	width: 990px;
}
.search-input-wrapper {
	float: left;
	width: 580px;
	height: 45px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	box-shadow: 0 0 5px rgba(0,0,0,0.08);
	border: 1px solid #e1e3e3;
	background-color: #fff;
}
.search-input-wrapper:hover {
	border: 1px solid #405af2;
}
.search-input-wrapper input::-webkit-input-placeholder {
	color: #999; 
}
.search-input-wrapper input::-moz-placeholder {  
    color:  #999;
}
.search-input-wrapper input:-ms-input-placeholder {
	color:  #999;
}
.search-input {
	float: left;
	width: 580px;
	border: 0;
	font-size: 16px;
	padding: 0 20px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	box-sizing: border-box;
	height: 100%;
	line-height: 100%;
	color: #384052;
	outline: none;
}
.search-button {
	float: left;
	width: 138px;
	background-color: #405af2;
	cursor: pointer;
	border: 0;
	height: 47px;
	line-height: 47px;
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
	text-align: center;
	font-size: 16px;
	color: #fff;
}
.hot-search {
	float: left;
	padding-left: 190px;
	margin: 10px 0 0 20px;
	overflow: hidden;
}
.hot-search a {
	margin-right: 10px;
}
.hot-search a:hover {
	color: #334ad0;
}
.search-logo {
	position: absolute;
	width: 150px;
	height: 50px;
	left: 0;
	top: 30px;
}
.partner-logo {
	position: absolute;
	width: 180px;
	height: 50px;
	left: 0;
	top: 65px;
}
.logo-hy {
	float: left;
	height: 40px;
	margin-top: 15px;
}
/* ===== 关注区域 ===== */
.follow-section {
	position: absolute;
	width: 262px;
	height: 50px;
	right: 0;
	top: 45px;
}
.follow {
	float: left;
	width: 262px;
	z-index: 1;
}
.follow-link {
	float: left;
	position: relative;
}
.follow-icon {
	float: left;
	padding-left: 10px;
}
.follow-code {
	position: absolute;
	top: 40px;
	left: 15px;
	z-index: 99;
	display: none;
}
.follow-link:hover .follow-code {
	display: block;
}
/* ===== 固定导航 ===== */
.sticky-nav {
	position: fixed;
	top: -100px;
	left: 0;
	width: 100%;
	background-color: #fff;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
	z-index: 1000;
	-webkit-transition: top 0.3s ease-in-out;
	-ms-transition: top 0.3s ease-in-out;
	transition: top 0.3s ease-in-out;
}
.sticky-nav.visible {
	top: 0;
}
/* ===== 主内容区 ===== */
.main-content {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.sidebar {
	float: left;
	width: 290px;
	position: relative;
	border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
	background-color: #fff;
	margin-right: 10px;
}
.category-item {
	float: left;
	width: 290px;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	padding: 0 0 0 25px;
	box-sizing: border-box;
}
.category-title {
	float: left;
	width: 230px;
	height: 42px;
	overflow: hidden;
	box-sizing: border-box;
}
.category-title a {
	color: #5e6982;
	font-size: 14px;
	margin-left: 20px;
}
.category-item:after {
	content: "";
	width: 20px;
	height: 20px;
	background: url(../img/icon_left.png) no-repeat;
	float: right;
	width: 20px;
	height: 20px;
	margin: 10px 10px 0 0;
}
.category-item:hover {
	box-shadow: 0 0 8px rgba(0,0,0,0.15);
}
.category-item a:hover {
	color: #334ad0;
}
.subcategory {
	position: absolute;
	padding: 20px 10px 0px;
	z-index: 2;
	display: none;
	top: 0;
	left: 290px;
	border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
	box-shadow: 0 0 8px rgba(0,0,0,0.15);
	width: 910px;
	height: 381px;
	overflow-y: auto;
	overflow-x: hidden;
	box-sizing: border-box;
	background-color: #fff;
}

.subcategory::-webkit-scrollbar {
 width: 4px;
 height:4px;
 background-color: #ecf0f5;
}
 .subcategory::-webkit-scrollbar-thumb {
 border-radius:2px;
 background-color: #dce1e7;
}
.subcategory li {
	float: left;
	height: 25px;
	padding: 0 10px;
	line-height: 25px;
}
.subcategory li a {
	font-size: 13px;
	color: #5e6982;
}
.subcategory-title {
	position: relative;
	float: left;
	width: 100%;
	padding: 0px 10px 5px;
	height: 20px;
	line-height: 20px;
	font-weight: bold;
	font-size: 15px;
}
.subcategory-level {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
.category-item:hover .subcategory {
	display: block;
}
.more-categories {
	float: left;
	width: 290px;
	border-top: 1px solid #ecf0f5;
	position: relative;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	padding: 0 25px;
	box-sizing: border-box;
}
.more-categories-dropdown {
	position: absolute;
	width: 290px;
	z-index: 2;
	display: none;
	top: -1px;
	left: 0;
	background-color: #fff;
}
.more-categories:hover .more-categories-dropdown {
	display: block;
}
/* ===== 轮播/横幅区 ===== */

.main-banner {
	float: left;
	width: 900px;
	height: 380px;
	overflow: hidden;
}
.banner-section {
	float: left;
	width: 630px;
	height: 380px;
	background-color: #fff;
	margin-right: 4px;
	overflow: hidden;
}
.banner-section1 {
	float: left;
	width: 630px;
	height: 255px;
	margin-bottom: 2px;
}
.banner-section2 {
	float: left;
	width: 265px;
	height: 380px;
	border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
	background-color: #fff;
	margin-bottom: 2px;
}
.banner-section3 {
	float: left;
	width: 630px;
	height: 125px;
}
.banner-section4 {
	float: left;
	width: 265px;
	height: 125px;
}
.pict-left {
	width: 632px;
	height: 255px;
}
.pict-left2 {
	width: 266px;
	height: 125px;
}
.pict-left3 {
	width: 632px;
	height: 125px;
}
.qr-icon {
	float: left;
	width: 60px;
	cursor: pointer;
}
/* ===== 登录区域 ===== */
.login-container {
	width: 100%;
	background-color: #fff;
	position: relative;
}
.login-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.recruit-link {
	position: absolute;
	top: 20px;
	right: 20px;
	font-weight: 600;
	color: #ff6600;
	text-decoration: none;
	font-size: 15px;
}
.login-title {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 10px 0px 20px;
}
.qr-code-container {
	width: 180px;
	height: 180px;
	margin: 0 auto;
	border: 1px solid #e0e0e0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.form-group {
	margin: 0 20px 15px;
	width: 224px;
}
.form-control {
	width: 100%;
	height: 40px;
	padding: 8px 12px;
	box-sizing: border-box;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	font-size: 14px;
}
.form-control:focus {
	outline: none;
	border-color: #405af2;
}
.btn {
	margin: 0 20px 15px;
	width: 224px;
	height: 40px;
	border: none;
	border-radius: 4px;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	margin-top: 10px;
}
.btn-login {
	background-color: #405af2;
	margin: 0 20px 15px;
	width: 224px;
}
.btn-login-phone {
	background-color: #405af2;
}
.switch-login {
	text-align: center;
	margin-top: 15px;
	color: #ff6600;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
}
.phone-prefix {
	display: flex;
}
.phone-input {
	flex: 1;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.verification-code {
	display: flex;
}
.code-input {
	flex: 1;
	margin-right: 10px;
}
.code-button {
	width: 100px;
	background-color: #405af2;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
}
.agreement {
	font-size: 12px;
	color: #666;
	margin: 0 20px;
}
.agreement a {
	color: #405af2;
	text-decoration: none;
}
.hide {
	display: none;
}
/* ===== 职位标签与列表 ===== */
.job-tabs {
	width: 1200px;
	background-color: #fff;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 5px;
}
.job-tab {
	float: left;
	padding: 0 24px;
	cursor: pointer;
	color: #5e6982;
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
}
.job-tab.active {
	color: #334ad0;
	border-bottom: 2px solid #334ad0;
}
.job-content {
	display: none;
}
.job-content.active {
	display: block;
}
.job-list-container {
	width: 1220px;
	overflow: hidden;
}
.job-list {
	float: left;
	width: 100%;
	margin-top: 10px;
}
.job-list li {
	float: left;
	width: 33.33%;
	padding-right: 20px;
	box-sizing: border-box;
	padding-bottom: 20px;
}
.job-item {
	float: left;
	position: relative;
	width: 100%;
	border-radius: 5px;
	background-color: #fff;
	padding: 20px 20px 10px;
	box-sizing: border-box;
}
.job-item:hover {
	box-shadow: 5px 5px 15px rgba(0,0,0,0.08);
	color: #334ad0;
	text-decoration: none;
}
.job-item-title-wrapper {
	float: left;
	width: 100%;
	height: 50px;
	padding-bottom: 10px;
	border-bottom: 1px solid #f1f1f4;
	overflow: hidden;
}
.job-item-title {
	float: left;
	font-size: 16px;
	width: 210px;
	height: 24px;
	font-weight: 600;
	overflow: hidden;
}
.job-item-salary {
	float: right;
	font-size: 16px;
}
.job-item-info {
	float: left;
	font-size: 14px;
	width: 280px;
	height: 18px;
	color: #5e6982;
	margin-top: 8px;
}
.company-info {
	float: left;
	width: 100%;
	margin-top: 10px;
	height: 30px;
	font-size: 14px;
	overflow: hidden;
}
.company-logo {
	float: right;
	width: 30px;
	height: 30px;
	margin-left: 10px;
}

.action-overlay {
	position: absolute;
	display: none;
	background-color: #fff;
	padding: 10px;
	bottom: 5px;
	right: 10px;
}
.action-button {
	float: left;
	color: #fff;
	background-color: #485bc8;
	padding: 0 10px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	font-size: 12px;
}
.job-item:hover .action-overlay {
	display: block;
}
.action-button:hover {
	background-color: #334ad0;
}
.company-header2 {
	float: left;
	width: 100%;
	align-items: center;
	padding: 0px 0 10px;
	border-bottom: 1px solid #eee;
}
.company-logo2 {
	width: 60px;
	height: 60px;
	float: right;
}
.company-info2 {
	float: left;
	width: 269px;
}
.company-info2 h1 {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	width: 100%;
	font-size: 18px;
	color: #384052;
	margin-bottom: 6px;
}
.company-info2 p {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	width: 100%;
	font-size: 14px;
	color: #5e6982;
}
/* 职位列表区域 */


.company-job-item {
	padding: 16px 0;
	border-bottom: 1px solid #f1f1f4;
}
.company-job-item:last-child {
	border-bottom: none;
}
.company-job-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
	font-size: 16px;
	color: #384052;
}
.company-job-title .salary {
	color: #ff6600;
	font-weight: bold;
}
.company-job-desc {
	font-size: 14px;
	color: #5e6982;
}
.company-job-desc span {
	margin-right: 12px;
}
/* 查看更多按钮 */
.more {
	float: left;
	width: 100%;
	text-align: center;
	padding: 10px 0 10px;
	border-top: 1px solid #eee;
}
.morea {
	display: inline-block;
	padding: 8px 16px;
	border: 1px solid #485bc8;
	color: #485bc8;
	text-decoration: none;
	border-radius: 4px;
	font-size: 14px;
}
/* ===== 查看更多 ===== */
.view-more {
	width: 100%;
	margin-bottom: 20px;
	position: relative;
	text-align: center;
	overflow: hidden;
}
.view-more a {
	width: 200px;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	display: inline-block;
	background-color: #485bc8;
	color: #fff;
	font-size: 14px;
}
.view-more a:hover {
	background-color: #334ad0;
}
/* ===== 区域标题 ===== */
.section-title {
	float: left;
	position: relative;
	width: 100%;
	height: 30px;
	line-height:30px;
	margin:20px 0;
	text-align: center;
	letter-spacing: 2px;
	font-size: 20px;
}
.section-title-secondary {
	position: relative;
	width: 100%;
	padding-bottom: 20px;
	text-align: center;
	letter-spacing: 2px;
	font-size: 20px;
}
.section-decorator {
	margin: 0 10px;
	color: #9d9c9c;
}
/* ===== 页脚 ===== */
.footer {
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #e9e9e9;
	margin: 0 auto;
	padding: 20px 0;
	overflow: hidden;
}
.foot2 {
	float: left;
	margin: 0 auto;
	width: 100%;
	font-size: 13px;
	line-height: 24px;
	background-color: #606060;
	padding: 30px 0;
	color: #d5d5d5;
}
.foot2 a {
	color: #fff;
}
.mr15 {
	margin-right: 15px;
}
.footer li {
	float: left;
	margin-right: 15px;
}
.footer-note {
	font-weight: bold;
}
/* ===== 城市选择弹窗 ===== */
.city-modal {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 9999;
	display: none;
}
.city-modal.active {
	display: block;
}
.city-container {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 830px;
	background-color: #fff;
	padding: 20px 0 20px 20px;
	border-radius: 5px;
}
.city-close {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 20px;
	cursor: pointer;
	color: #999;
}
.city-tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
}
.city-tab {
	padding: 0 20px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #333;
	cursor: pointer;
	margin-right: 20px;
}
.city-tab.active {
	color: #334ad0;
	border-bottom: 2px solid #334ad0;
}
.city-content {
	display: none;
}
.city-content.active {
	display: block;
}
.city-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.city-item {
	width: 120px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	border: 1px solid #e5e5e5;
	margin: 0 15px 15px 0;
	font-size: 14px;
	color: #333;
	cursor: pointer;
}
.city-item:hover {
	color: #405af2;
	border-color: #405af2;
}
/* ================= 新的知名企业公司卡片样式 ================= */
.company-card {
	border: 1px solid #e1e3e3;
	padding: 20px;
	background-color: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}
.company-card .company-header {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #f1f1f4;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.company-card .company-header .company-logo {
	width: 50px;
	height: 50px;
	margin-right: 15px;
}
.company-card .company-header .company-name {
	font-size: 18px;
	font-weight: bold;
	color: #384052;
	margin-right: 15px;
}
.company-card .company-header .company-financing, .company-card .company-header .company-size, .company-card .company-header .company-industry {
	font-size: 14px;
	color: #a2a6b2;
	margin-right: 10px;
}
.company-card .job-items {
	list-style: none;
	padding: 0;
	margin: 0;
}
.company-card .job-items .job-row {
	display: flex;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px solid #f1f1f4;
}
.company-card .job-items .job-row:last-child {
	border-bottom: none;
}
.company-card .job-items .job-title {
	flex: 2;
	font-size: 16px;
	color: #384052;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.company-card .job-items .job-loc, .company-card .job-items .job-exp, .company-card .job-items .job-edu {
	flex: 1;
	font-size: 14px;
	color: #5e6982;
	text-align: center;
}
.company-card .job-items .job-salary {
	flex: 1;
	font-size: 14px;
	color: #ff6600;
	text-align: right;
}
.company-card .view-more {
	text-align: right;
	margin-top: 10px;
}
.company-card .view-more a {
	display: inline-block;
	background-color: #485bc8;
	color: #fff;
	padding: 5px 10px;
	font-size: 14px;
	border-radius: 3px;
	text-decoration: none;
}
.company-card .view-more a:hover {
	background-color: #334ad0;
}
/* 登录后状态 */
.loggingin {
	text-align: center;
	padding: 35px 20px;
}
.avatar {
	width: 80px;
	height: 80px;
	margin: 0 auto 15px auto;
	border-radius: 50%;
	background-color: #ccc;
	background-size: cover;
	background-position: center;
}
.welcome-text {
	font-size: 16px;
	margin-bottom: 20px;
}
.stats {
	display: flex;
	justify-content: space-around;
	margin-bottom: 20px;
}
.stat-item {
	text-align: center;
}
.stat-item .number {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
	color: #405af2;
}
.stat-item .label {
	font-size: 14px;
	color: #5e6982;
}
.logout-link {
	display: block;
	margin-top: 20px;
	color: #999;
	text-decoration: none;
	font-size: 14px;
}
.logout-link:hover {
	text-decoration: underline;
}
/* 加载动画的样式 */
.loading {
	position: relative;
	pointer-events: none;
}
.loading::after {
	content: "";
	position: absolute;
	top: 50%;
	/*left: 50%;*/
	right: 20px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	border: 2px solid #fff;
	border-top-color: transparent;
	border-radius: 50%;
	animation: spin 0.6s linear infinite;
}
 @keyframes spin {
 to {
 transform: rotate(360deg);
}
}
/* 弹出层的样式 */
.modal {
	display: none; /* 默认隐藏 */
	position: fixed; /* 固定定位 */
	z-index: 1000; /* 确保在其他元素之上 */
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto; /* 允许滚动 */
	background-color: rgba(0, 0, 0, 0.5); /* 半透明背景 */
}
/* 弹出层内容的样式 */
.modal-content {
	background-color: #fff;
	margin: 15% auto; /* 居中显示 */
	padding: 20px;
	border: 1px solid #888;
	width: 80%; /* 宽度 */
	max-width: 500px; /* 最大宽度 */
}
/* 关闭按钮的样式 */
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}
.close:hover, .close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
.limitation {
	width: 200px;
	height: 24px;
	overflow: hidden;
}
/* 遮罩层的样式 */
.loading-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
}
/* 加载动画的样式 */
.spinner {
	border: 4px solid rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	border-top: 4px solid #fff;
	width: 40px;
	height: 40px;
	animation: spin 1s linear infinite;
}
 @keyframes spin {
 0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}


/* 职位搜索页面 */
.job-search {
	width: 1200px;
	margin: 20px auto;
	border-radius:5px;
	background-color: white;
	padding: 20px;
	box-sizing: border-box;
}
.search-bar {
	display: flex;
	margin-bottom: 20px;
}
.search-pla {
	float: left;
	cursor: pointer;
	line-height: 45px;
}
.search-pla_a {
	float: left;
    margin: 0 5px 0 20px;
    color: #5e6982;
	cursor:pointer;
    width: 80px;
    height: 45px;
    font-size: 16px;
    border: 0;
    line-height: 45px;
}
.icon_bottom {
	float: left;
	width: 28px;
	cursor:pointer;
	height: 45px;
}
.location-select {
	position: relative;
	width: 120px;
	margin-right: 10px;
}
.location-select-btn {
	width: 100%;
	height: 40px;
	border: 1px solid #e0e0e0;
	background-color: white;
	text-align: left;
	padding: 0 10px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.location-select-btn:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #999;
}
.search-btn {
	width: 80px;
	height: 40px;
	background-color: #4169e1;
	color: white;
	border: none;
	cursor: pointer;
}
.job-categories {
	float: left;
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}
.category-label {
	float: left;
	width: 80px;
	color: #666;
	font-size: 14px;
	line-height: 30px;
}
.category-items {
	float: left;
	width: 1080px;
}
.category-job{
	float: left;
	width: 1000px;
}
 /*.category-arrow{
	float: left;
    margin: 10px 5px 0;
	width: 0;
    height: 0;
	transition: transform 0.3s ease;
     display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 10px solid #f60;
} */
.category-arrow {
    display: inline-block;
    margin-left: 5px;
    font-size: 12px;
	color: #f60;
    transition: transform 0.3s ease;
    -webkit-transition: -webkit-transform 0.3s ease; /* 兼容Webkit内核浏览器 */
}
.rotated {
    transform: rotate(180deg);
     -webkit-transform: rotate(180deg); /* 兼容旧版Safari/Chrome */
}
.search-category-item {
	float: left;
	margin-right: 20px;
	color: #333;
	font-size: 14px;
	line-height: 30px;
	cursor: pointer;
}
.search-category-select{
	background-color: #f60;
    padding: 0px 10px;
}
.b_ab{
	color:#fff;
}	
.search-category-select a:hover {
	color: #fff;
}
.category-items:hover {
	color: #4169e1;
}
.category-more {
	float:right;
	width:80px;
	font-size: 14px;
	line-height: 30px;
	cursor: pointer;
}
.hidden-categories {
	display: none;
	width:1000px;;
}

.filter-options {
	width: 100%;
	display: flex;
}
.filter-option {
	float: left;
	position: relative;
	margin-right: 25px;
	margin-bottom: 15px;
}
.filter-btn {
	display: flex;
	align-items: center;
	height: 30px;
	padding: 0 50px;
	background-color: #f1f1f4;
	cursor: pointer;
	font-size: 14px;
	border: 0;
	color: #333;
}
.filter-btn:after {
	content: "";deddddddddd
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid #999;
	margin-left: 5px;
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 200px;
	max-height:300px;
	overflow-y: auto;
    overflow-x: hidden;
	background-color: white;
	border: 1px solid #e0e0e0;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	z-index: 10;
	display: none;
}

.dropdown-menu::-webkit-scrollbar {
 width: 4px;
 height:4px;
 background-color: #ecf0f5;
}
.dropdown-menu::-webkit-scrollbar-thumb {
 border-radius:2px;
 background-color: #dce1e7;
}
.dropdown-item {
	padding: 8px 15px;
	font-size: 14px;
	color: #333;
	cursor: pointer;
	border-bottom: 1px solid #f5f5f5;
}
.dropdown-item:hover {
	background-color: #f5f5f5;
}

.filter-clear {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #666;
	cursor:pointer;
	margin-left: auto;
}
.talent-container {
	width: 1200px;
	margin: 0 auto;
	display: flex;
}

.job-list2 {
	margin-bottom: 20px;
}
.content-left li {
	float: left;
	box-sizing: border-box;
	border-radius:5px;
	width: 100%;
	padding: 20px 0px 0;
	margin-bottom: 20px;
	background-color: #fff;
	position: relative;
}
.job-info {
	float: left;
	width: 100%;
	padding: 0 30px 10px;
	box-sizing: border-box;
}
.content-left li:hover {
	box-shadow: 5px 5px 15px rgba(0,0,0,0.08);
	color: #334ad0;
	text-decoration: none;
}
.job-title2 {
	float: left;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
	max-width: 40%;
	overflow: hidden;
}
.hot-tag {
	float: left;
	margin-top: 5px;
	background-color: #f60;
	color: white;
	font-size: 12px;
	padding: 2px 5px;
	border-radius: 3px;
	margin-left: 10px;
}
.salary {
	float:left;
	height:30px;
	line-height:30px;
	color: #f60;
	font-weight: bold;
	font-size: 16px;
	margin-left: 10px;
}
.job-meta {
	float: left;
	color: #666;
	font-size: 14px;
}
.meta-item {
	margin-right: 15px;
	position: relative;
	padding-right: 15px;
}
.meta-item:not(:last-child)::after {
	content: "|";
	position: absolute;
	right: 0;
	color: #ddd;
}
.job-tags {
	float: left;
	padding: 0px 25px;
	width: 100%;
	height:42px;
	line-height:42px;
	box-sizing: border-box;
	background-color: #f5f5f5;
	margin: 15px 0 0;
	overflow:hidden;
}
.job-tags span {
	background-color: #ffffff;
	color: #666;
	padding: 3px 8px;
	border-radius: 3px;
	font-size: 12px;
	margin-right: 10px;
	margin-bottom: 5px;
}
.company-info1 {
	width: 250px;
	text-align: right;
}
.company-name {
	font-size: 14px;
	color: #333;
	margin-bottom: 5px;
	align-items: center;
	justify-content: flex-end;
}

.company-meta {
	float: right;
	color: #666;
	font-size: 14px;
}
.company-name1 {
	float: right;
	font-size: 16px;
	width: 50%;
	height:30px;
	text-align: right;
	line-height: 30px;
	overflow: hidden;
}

.action-area {
	justify-content: flex-end;
	align-items: center;
}
.like-btn, .dislike-btn {
	flex-direction: column;
	align-items: center;
	margin-right: 15px;
	color: #999;
	font-size: 12px;
	cursor: pointer;
}
.apply-btn {
	background-color: #ff4500;
	color: white;
	padding: 5px 15px;
	border-radius: 4px;
	border: none;
	cursor: pointer;
}
.pagination {
	justify-content: center;
	margin: 20px 0;
}
.page-item {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 5px;
	border: 1px solid #ddd;
	color: #333;
	text-decoration: none;
	font-size: 14px;
}
.page-item.active {
	background-color: #4169E1;
	color: white;
	border-color: #4169E1;
}
.page-text {
	padding: 0 10px;
	height: 30px;
	align-items: center;
	border: 1px solid #ddd;
	margin: 0 5px;
	color: #333;
	text-decoration: none;
	font-size: 14px;
}
.wi_al_d {
	position: absolute;
	display: none;
	background-color: #f5f5f5;
	padding: 8px;
	bottom: 0px;
	right: 25px;
}
.wi_al_d1 {
	float: left;
	color: #fff;
	background-color: #f60;
	padding: 0 30px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	font-size: 12px;
}
.content-left li:hover .wi_al_d {
	display: block;
}

#pagingtd a {
	display: inline-block;
	border: 1px solid #e5e5e5;
	text-align: center;
	height: 30px;
	line-height: 30px;
	min-width: 25px;
	max-height: 50px;
	background-color: #fff;
}

.content-right {
	float: left;
	width: 290px;
	box-sizing: border-box;
	border-radius: 4px;
	margin-left: 20px;
}
.q_p3b{
	float: left;
    width: 290px ;
    margin-top: 1px;
    margin-left: 30px;
    font-family: "微软雅黑";
}
.q_p3b2 {
	float: left;
	width: 100%;
	border-radius:5px;
	background-color: #fff;
	border-radius: 5px;
	padding-bottom: 20px;
	margin-bottom: 15px;
}
.tc {
	text-align: center;
}
.q_p3b1 {
	float: left;
	width: 100%;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	background-color: #fff;
	border-bottom: 1px solid #f5f5f5;
	padding: 10px 20px;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 14px;
	color: #000;
	margin-bottom: 10px;
}
.q_p3bimg {
	margin: 0 auto;
	width: 120px;
	height: 120px;
}
.q_p3b2 li {
	float: left;
	width: 100%;
	height: 30px;
	box-sizing: border-box;
	padding: 0 20px;
	line-height: 30px;
	font-size: 14px;
	overflow: hidden;
}
.pl43 {
	padding-left: 43px;
}
.q_btn2 {
	float: left;
	width: 200px;
	height: 30px;
	margin: 10px 0 0 45px;
	background-color: #ff6600;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height: 24px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border: 0;
	cursor: pointer;
}

.q_p3b1_a {
	float: left;
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	margin-bottom: 15px;
	padding: 10px 20px 20px;
}
.q_p3b1_a li {
	float: left;
	height: 40px;
	text-align: center;
	line-height: 40px;
	color: #000;
	width: 33%;
	font-size: 14px;
	overflow: hidden;
}

.content-left {
	float: left;
	width: 880px;
	overflow: hidden;
}

.company-info1 {
	width: 200px;
}
.company-info1 {
	width: 100%;
	text-align: left;
	margin-top: 15px;
}
.company-name {
	justify-content: flex-start;
}
.action-area {
	justify-content: flex-start;
}


/*com adv   .ad  background:#f5f5f5;*/
.ad{margin:0 auto; width:100%; padding-bottom:60px;background:#f5f5f5;;}
.not{ float:left; width:1200px; height:40px;overflow:hidden;}
.not1{ float:left; width:205px; height:25px; margin:15px 20px 0 0; padding-left:10px;line-height:25px;font-family:"微软雅黑"; font-size:16px; color:#fff; overflow:hidden; background:#4e6ef5;}
.not2{ float:left; width:965px; height:25px; margin-top:20px; line-height:25px;}
.ad0{ float:left; width:1200px; height:68px; margin-top:15px; overflow:hidden;}
.ad0l{ float:left; width:289px; height:68px; margin-right:15px; overflow:hidden;}
.ad0r{ float:left; width:896px; height:68px; overflow:hidden; }
.ad1{ float:left; margin-top:15px; width:1200px;}
.ad1 li{ float:left; width:calc((100% - 15px) / 2 );width:-webkit-calc((100% - 15px) / 2 );width:-moz-calc((100% - 15px) / 2 ); height:220px; }
.ad1_1{ float:left; width:calc(100% - 15px);width:-webkit-calc(100% - 15px);width:-moz-calc(100% - 15px); height:55px; overflow:hidden; background-color:#fff; line-height:55px; font-size:16px; font-weight:bold; font-family:"微软雅黑"; padding-left:15px;}
.ad1_1r{ float:right; font-size:14px; font-weight: normal; font-family:"宋体"; padding-right:25px;}
.ad1_2{ float:left; width:100%; height:165px; overflow:hidden;}
.ad1_2 img{ width:100%; height:100%;}
.ad2{ float:left; width:1200px; height:90px; margin-top:15px; overflow:hidden;}
.ad3{ float:left; width:1201px; }
.ad3 li{ float:left; width:289px; height:68px; margin-top:15px; overflow:hidden;}
.ad3 img{ width:100%; height:100%;}
.ad3_b{ margin-top:-8px;width:289px;position: absolute; z-index:5;box-shadow: 5px 5px 15px rgba(0,0,0,0.08); display: block; }
.ad3_b1{ float:left; width:289px; height:4px;display: block;}
.ad3_c{ float: left; width:269px; overflow:hidden; padding:0 10px 5px;  background: #fff; }
.ad3_d{ float:left; width:124px; font-size: 14px;overflow:hidden; height:30px; line-height:30px; border-bottom:1px dotted #aaa;}
.ad3_d:nth-child(odd){ margin-right:11px;!important}
.ad4{ float:left; width:1200px; border-bottom:1px solid #f6f6f6;}
.ad4 li{ float:left; width:119px; height:110px; border-right:1px solid #f6f6f6;}
.ad4 img{ width:100%; height:100%;}
.ad4 :last-child{border-bottom:0;!important}
.ad4_b{ margin:0 auto;  width:99px;height:90px; padding:10px; cursor: pointer;position: absolute;z-index: 10;display: block;background-color:rgba(0, 0, 0, 0.8);}
.ad4_c{ float: left; width:99px; overflow:hidden;}
.ad4_t{ display:block; width:100%;overflow: hidden; font-size:14px;color:#fff;white-space:nowrap; text-align:center; opacity:1;}
.ad4_t a{ color:#fff;font-size:12px;}

.ad5_1{ float:left; width:1200px; height:55px; line-height:60px; margin-top:15px; border-bottom:1px solid #a51700; color:#a51700; font-size:18px; font-family:"微软雅黑"; text-align:center;}
.ad5_2,.ad5_3,.ad5_5{ float:left; width:1200px; padding-top:10px; padding-bottom:10px; background-color:#fff; }
.ad5_2 li{ float:left; width:379px;padding:0 10px 0;height:25px; line-height:25px; overflow:hidden; border-right:1px solid #e9e9e9;}
.ad5_5 li{ float:left; width:219px;padding:0 10px 0;height:25px; line-height:25px; overflow:hidden; border-right:1px solid #e9e9e9;}
.ad5_2 li:nth-child(3n){border-right:1px solid #fff;!important}
.ad5_5 li:nth-child(5n){border-right:1px solid #fff;!important}
.ad5_3 li{float: left;width: 300px;/*height: 170px;*/margin-top: 15px; overflow: hidden; }
.ad5_3w{ width:265px;height:65px; padding:10px;margin:0 auto; overflow:hidden; background: url(/img/fz_1.jpg);}
.ad5_3w1{ float:left; width:175px;height:35px; line-height:35px; font-family:"微软雅黑"; font-size:18px; color:#000; overflow:hidden;}
.ad5_3w2{float:left; width:90px;height:35px;line-height:35px;font-family:"微软雅黑";font-size:14px; color: #F00;overflow:hidden;}
.ad5_3w3{ float: left; width:265px; height:25px; line-height:25px; font-family:"微软雅黑"; font-size:16px; color:#333; overflow:hidden;}
.ad5_3w4{ float:left;width:265px; height:80px; padding-top:5px; line-height:25px; color:#333; overflow:hidden;}

.ad5_3n{ width:265px;height:65px; padding:10px;margin:0 auto; overflow:hidden; background: url(/img/fz_2.jpg);}
.ad5_3n1{float:left; width:265px;height:35px; line-height:35px; font-family:"微软雅黑"; font-size:18px; color:#000; overflow:hidden;}
.ad5_3n2{float:left;width:265px; height:50px; padding-top:5px; line-height:25px; color:#333; overflow:hidden;}
.ad5_3n30{ float:left;width:265px;height:30px;overflow:hidden;}
.ad5_3n3{ float:left;height:30px;line-height:25px;overflow:hidden;}
.ad5_3n4{float:left;width:265px;height:30px;line-height:30px;font-family:"微软雅黑"; font-size:18px;color: #F00; text-align:center;overflow:hidden;}

.ad6{ float:left; width:592px; margin-top:15px; background-color:#fff; }
.ad6:nth-child(even){ border-right:1px solid #fff;}
.ad6_1{ float:left; height:50px; line-height:50px; padding-left:30px; font-size:16px; font-weight:bold; font-family:"微软雅黑"; }
.ad6_2{ float:left;width:572px; padding:0 10px 10px;}
.ad6_2 li{ float:left; width:271px;height:25px; line-height:25px; overflow:hidden;}
.ad6_2 li:nth-child(2n){ padding-left:30px;!important}
.pic1{ float:left; width:1200px; height:40px; margin-top:15px; overflow:hidden; text-align:center; padding-top:20px;}
.pic2{ float:left; width:1200px; background-color:#fff; padding:5px 15px; overflow:hidden;}
.pic2 li{ float:left; width:74; height:87px; margin:8px; overflow:hidden;}
.pr15{ margin-right:15px;}
.more1{ float:left; width:430px; height:355px; overflow:hidden; margin-right:15px; margin-top:15px;}
.more2{float:left; width:310px; height:355px; overflow:hidden;margin-top:15px;}
.moret{ float:left; width:430px; height:33px; margin-top:22px; font-size:18px; font-family:"微软雅黑"}
.more_ico{display: inline-block;  background-color: #333333; width: 5px; height: 18px; vertical-align: middle; margin-right:15px;}
.morec{ float:left; width:430px; height:300px; overflow:hidden; background-color:#fff;}
.morec1{ float:left; width:175px; height:300px; overflow:hidden;}
.morec2{ float:left; width:235px; height:280px;overflow:hidden; padding:15px 10px 5px;}
.morec2 li{ float:left; width:235px; height:25px; line-height:25px; overflow:hidden;}
.morec_n{ float:left; text-align:center;}
.more2_c{ float:left; width:250px; height:25px;line-height:25px; padding:0 30px; overflow:hidden;}

.foot1{ margin:0 auto; width:100%; border-top:1px solid #e9e9e9; padding:20px 0;color:#606060;}
.foot1 li{ float: left;height:25px; line-height:25px; margin-right:15px; overflow:hidden;}
.foot1 a:link,.foot1 a:visited,.foot1 a:hover{ color:#606060;}
.fbold {
    font-weight: bold;
}

.foot2{ float:left; margin:0 auto; width:100%; border-top:1px solid #00b6e8; background-color:#606060; padding:30px 0;color:#d5d5d5;}
.foot2a{ float:left; width:650px;}
.foot2a li{ float:left; margin-bottom:10px;}
.foot2 a:link,.foot2 a:visited,.foot2 a:hover{ color:#fff;}