/*头部搜索框*/
.center .top-cont{
	width: 100%;
	padding: 10px 15px;
	height: auto;
	background-color: #fff;
	background-color: var(--bgColor);
}
.top-cont .topSearch{
	width: 100%;
	height: 40px;
	display: flex;
}
.topSearch .locationImg {
	width: 20px;
	margin-top: 5px;
}
.topSearch .location{
	display: flex;
	font-size:14px;
	font-size:var(--hrefSize);
}
.location .locaLabel{
	text-align: left;
	height: 30px;
	line-height: 30px;
	font-weight: normal;
	margin-right: 10px;
}
.location .locaTitle{
	height: 30px;
	line-height: 30px;
	width: auto;
	margin-left: 10px;
}
.location .locaTitle2{
	color: #054499;
	color: var(--theme);
}
.location .locaBtn{
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
	height: 30px;
	border-radius: 5px;
	margin-right: 20px;
}
.location .locaBtnActive{
	background-color:#075aca;
	background-color:var(--topBtn);
	color:#fff;
	color:var(--color);
}
/*检索*/
.top-sort{
	width: 100%;
	height: 70px;
	display: flex;
	align-items: center;
}
.top-sort .sortBtn{
	height: 30px;
	margin-right: 10px;
	border-radius: 5px;
	padding-left: 15px;
	padding-right: 25px;
	background: #fff;
	background: var(--bgColor);
	border: 1px solid #cccccc;
}
.sortBtn img{
	margin-left: 8px;
}
/*左侧内容*/
.right-cont1{
	width: calc(100% - 284px);
}
.right-cont .contentList{
	width: 100%;
	height: auto;
}
.contentList .contentListLi{
	width: 100%;
	height: 195px;
	padding:20px 23px 25px 30px ;
	background-color: #fff;
	background-color: var(--bgColor);
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	cursor: pointer;
}
.contentListLi .listImg{
	width: 253px;
	height: 145px;
}
.contentListLi .listImg img{
	width: 100%;
	height: 100%;
}
.contentListLi .liListist{
	width: calc(100% - 253px);
	display: flex;
}
.liListist .liLeftList{
	display: flex;
	flex-wrap: wrap;
	margin-left: 30px;
	width: 50%;
}
.liLeftList .liListTitle{
	width: 100%;
	height: 30px;
	font-size: 16px;
	font-size: var(--fontSize);
	font-weight: bolder;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.liLeftList .liListBtn{
	width: 100%;
	margin-top: 5px;
	height: 35px;
	display: flex;
}
.liListBtn .liListBtn1{
	width: 120px;
	height: 30px;
	line-height: 30px;
	margin-right: 20px;
	border-radius: 15px;
	background-color:#97b5e0 ;
	color: #fff;
	color: var(--bgColor);
	text-align: center;
}
.liLeftList .listCon{
	width: 100%;
	margin-top: 15px;
	height: 30px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.liLeftList .listPosi{
	width: 100%;
	display: flex;
}
.listPosi .locationImg{
	width: 20px;
	margin-top: 5px;
}
.listPosi .listLoca{
	height: 30px;
	display: flex;
	color: #a7a7a7;
	color: var(--hotColor);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.listLoca .listPosiTi{
	height: 30px;
	line-height: 30px;
	width: auto;
	margin-right: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.liListist .liRightList{
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	width: 50%;
}
.liRightList .rightImg{
	width: 50px;
	height: 50px;
}
.liRightList .rightGs{
	margin-top: 35px;
	height: 30px;
	width: 100%;
	text-align: right;
	color: #a7a7a7;
	color: var(--hotColor);
}
.liRightList .righData{
	width: 100%;
	display: flex;
	justify-content: flex-end;
	color: #a7a7a7;
	color: var(--hotColor);
}

/*热门资源布局*/
.pro-center .center.with-recommended .left-menu {
	width: 450px;
}

.with-recommended .right-cont1 {
	width: calc(100% - 480px);
}

.with-recommended .hotLi .hotDivImg {
	height: 245px;
}

.with-recommended .hotLi .hotCon {
	font-size: 17px;
}

.with-recommended .hotUl .hotLi {
	padding-bottom: 15px;
	line-height: 26px;
}

.with-recommended .left-menu .hotTitle {
	padding-left: 0;
	margin-bottom: 20px;
}

/*右侧热门资源*/
.left-menu1{
	background: none !important;
	padding-top: 0 !important;
}
.left-menu .hotTitle{
	width: 100%;
	padding-left: 20px;
	height: 28px;
	font-size: 26px;
	color: rgb(21, 120, 255);
}
.left-menu .hotTitle strong {
	font-size: 26px;
}
.left-menu .hotUl{
	width: 100%;
}
.hotUl .hotLi{
	width: 100%;
	/*height: 215px;*/
	background-color: #fff;
	background-color: var(--bgColor);
	padding-bottom: 8px;
	cursor: pointer;
}
.hotLi .hotDivImg{
	height:145px ;
	position: relative;
}
.hotLi .hotDivImg::before {
	content: ' ';
	background-image: url(/assets/img/recommend.png);
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
	height: 75px;
	background-size: 75px 75px;
}
.hotLi .hotCon{
	margin-top: 15px;
	/*height:30px ;*/
	display: block;
	padding-left: 20px;
	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow: ellipsis;
}
.hotCon .hotTit{
	width: auto;
	margin-right: 10px;
}
.hotLi .hotLoca{
	height: 20px;
	width: 100%;
	padding-left: 20px;
	display: flex;
	color: #a7a7a7;
	color: var(--hotColor);
}
.hotLoca .locaTitle{
	margin-right: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*详情页*/
.pro-center .center .right-cont1-detail{
	width: calc(100% - 339px);
}
.center .top-cont-detail{
	height:60px ;
	padding-top: 15px;
}
.detailUl{
	width: 100%;
}
.detailUl .detailLi{
	margin-top: 22px;
	width: 100%;
	height: 350px;
	padding: 25px 25px 25px 33px;
	background-color: #fff;
	background-color: var(--bgColor);
	display: flex;
	flex-wrap: wrap;
}
.detailLi .detailTop{
	color: #a7a7a7;
	color: var(--hotColor);
	font-weight: normal;
	display: flex;
	height: 35px;
	width: 100%;
}
.detailTop .detailTopL{
	width: 50%;
	display: flex;
}
.detailTopL .detailUpdate{
	margin-right:35px;
	display: flex;
}
.detailTop .detailTopR{
	width: 50%;
	display: flex;
	justify-content: flex-end;
}
.detailTopR .detailR{
	width: 60px;
	display: flex;
	margin-left: 25px;
	cursor: pointer;
}
.detailR .detailRImg{
	width: 20px;
	padding-top: 2px;
}
.detailR .detailRWord{
	margin-left: 10px;
	width: auto;
	margin-top: 1px;
}
.detailTopR .detailRActive{
	color:#075aca ;
	color:var(--topBtn) ;
}
.detailLi .detailImg{
	width:420px ;
	height: 260px;
}
.detailLi .detail{
	margin-left: 30px;
	width:calc(100% - 450px) ;
	height: 260px;
	display: flex;
	flex-wrap: wrap;
}
.detail .detailTitle{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	font-size: var(--fontSize);
	font-weight: bolder;
	margin-bottom: 8px;
}
.detail .detailCon{
	width: 100%;
	margin-top: 20px;
	height: 130px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.detailCon .detail1{
	width: calc(50% - 7px);
	height: 30px;
	display: flex;
	min-height: 30px;
}
.detail1 label{
	font-weight: bold;
	white-space: nowrap;
	margin: 0;
	line-height: 1.6;
	font-size: 14px;
}
.detail1 >  div{
	line-height: 1.6;
	font-size: 14px;
	flex: 1;
}
.detail .detailContact{
	width: 100%;
	display: flex;
	justify-content: flex-end;
	height: 50px;
	margin-top: 10px;
}
.contact{
	color: #ff7f5b;
	font-weight: bolder;
	display: flex;
}
.detailContact .contaBtn{
	margin-top: 10px;
}
.contaBtn .touchBtn{
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
	height: 40px;
	border-radius: 5px;
	background-color:#075aca;
	background-color:var(--topBtn);
	color:#fff;
	color:var(--color);
}
/*详细信息*/
.detailUl .detailInfo{
	margin-top: 10px;
	width: 100%;
	padding:25px  25px 25px 33px;
	background-color: #fff;
	background-color: var(--bgColor);
}
.detailInfo .detaInfoTi{
	width: 100%;
	line-height: 30px;
	font-size: 16px;
	font-size: var(--fontSize);
	font-weight: bolder;
}
.detailInfo .detaInfoCon{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 30px;
	word-break: break-all;
	/*overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;*/
}
.detailInfo .detailInfoImg{
	height: 163px;
	width: 100%;
	display: flex;
	justify-content: flex-start;
}
.detailInfoImg .infoImg{
	width: 24.5%;
}
.detailInfoImg .infoImg img{
	width: 100%;
	height: 100%;
}
/*右侧*/
.pro-center .center .left-menu1-detail{
	width: 311px;
	min-height: auto !important;
}
.introduce{
	margin-top: 22px;
	width: 100%;
	height: 350px;
	background-color: #fff;
	background-color: var(--bgColor);
	display: flex;
	flex-wrap: wrap;
}
.introduce .introduceTitle{
	width: 100%;
	height: 60px;
	line-height: 60px;
	padding-left:20px;
	font-size: 16px;
	font-size: var(--fontSize);
	border-bottom: 1px solid #cccccc;
	font-weight: 500;
}
.introduce .intro{
	height: 270px;
	padding:30px  25px;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.intro .intro1{
	width: 100%;
	display: flex;
}
.intro1 label{
	font-weight: normal;
}
.left-menu .hot1{
	margin-top: 10px;
	width: 100%;
	height: outo;
	background-color: #fff;
	background-color: var(--bgColor);
}
.hot1 .hotTitle{
	height: 48px;
	line-height: 48px;
}
.hot1 .hotDivImg{
	width: 100%;
	height:190px ;
}
.hotDivImg img{
	width: 100%;
	height: 100%;
}
.hot1 .hotCon{
	margin-top: 5px;
	line-height:20px ;
	height: auto;
	display: flex;
	padding-left: 20px;
	flex-wrap: wrap;
}
.hot1 .hotLoca{
	height: 20px;
	width: 100%;
	padding-left: 20px;
	display: flex;
	color: #a7a7a7;
	color: var(--hotColor);
}
/*求职*/
.center .job{
	width: 100%;
}
.selectBox .moreSelect{
	height: 30px;
	border-radius: 5px;
	width: auto;
	min-width: 125px;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 20px;
}
.location .shaixuanBtn{
	width: auto;
	padding-left: 15px;
	padding-right: 15px;
	height: 30px;
	border-radius: 5px;
	margin-right: 20px;
	background-color: #ff7f5b;
	background-color: var(--seeColor);
	color: #fff;
	color: var(--bgColor);
}
/*人才求职*/
.talentUl{
	width: 100%;
	height: 100%;
}
.talentUl .talentLi{
	width: 100%;
	height: 160px;
	background-color: #fff;
	background-color: var(--bgColor);
	margin-bottom: 25px;
	padding: 17px 35px 18px 33px;
	display: flex;
}
.talentLi .portrait{
 	width:125px;
	height: 125px;
}
.talentLi .talent{
	width: calc(100% - 165px);
	margin-left: 40px;
	display: flex;
}
.talent .talLeft{
	width: 55%;
	display: flex;
	flex-wrap: wrap;
}
.talLeft .talInfo{
	width: 100%;
	height: 65px;
	line-height: 65px;
	display: flex;
}
.talInfo .talName{
	width: auto;
	font-size:16px;
	font-size:var(--fontSize);
	margin-right: 20px;
}
.talInfo .taiIntro{
	display: flex;
}
.taiIntro .taiIntro1{
	margin-right: 20px;
}
.talLeft .talQi{
	width:100% ;
	height: 30px;
	display: flex;
	color: #000;
}
.talQi label{
	font-weight: bold;
	margin: 0;
	line-height: 1.6;
	font-size: 14px;
}
.talQi>div:not(.posiImg){
	font-weight: normal;
	margin: 0;
	line-height: 1.6;
	font-size: 14px;
	/*flex: 1;*/
}
.talent .talRight{
	width: 45%;
	height: 60px;
	margin-top: 20px;
	display: flex;
	align-items: center;
}
.talRight .talRight1{
	width: 1px;
	height: 100%;
	background-color:#cccccc;
	margin-right: 50px;
}
.talRight .talContent{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.talContent .talContent1{
	width: 100%;
}
.talContent .talContent2{
	display: flex;
	align-items: center;
	color: #a7a7a7;
	color: var(--hotColor);
	margin-top: 10px;
}
.talContent .talContent3{
	color: #ff7f5b;
	color: var(--seeColor);
	padding-top: 2px;
}
.talRight .viewBtn{
	width: 100px;
	/*padding-left: 30px;
	padding-right: 30px;*/
	height: 30px;
	border-radius: 5px;
	margin-left: 140px;
	margin-top: 20px;
	background-color: #ff7f5b;
	background-color: var(--seeColor);
	color: #fff;
	color: var(--bgColor);
	text-align: center;
}
/*人才求职详情*/
.detailUl .talentInfo{
	height: 251px;
}
.talentInfo .detailImg{
	width: 170px;
	height: 170px;
}
.detailImg img{
	width: 100%;
	height: 100%;
}
.talentInfo .detail{
	height: 170px;
}
.talentInfo .talLeft{
	width:calc(100% - 200px);
}
.detail .talInfo{
	height: 45px;
	line-height: 45px;
}
.talLeft .contaBtn{
	width: 100%;
	display: flex;
	justify-content: flex-end;
	margin-top: -45px;
}
.detailUl .experience{
	height: 380px;
	margin-top: 10px;
	width: 100%;
	padding:20px  25px 25px 33px;
	background-color: #fff;
	background-color: var(--bgColor);
}
.experience .experienceTi{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	font-size: var(--fontSize);
	font-weight: bolder;
}
.experience .experienceTi1{
	margin-bottom: 15px;
	font-size: 14px;
	font-size: var(--hrefSize);
}
.experience .experienceCon{
	width: 100%;
	height: 120px;
}
.experienceCon .experienceCon1{
	width: 100%;
	height: 30px;
	display: flex;
}
.experienceCon1 label{
	font-weight: normal;
}
.experience .evaluate{
	width: 100%;
	height: 40px;
	margin-top: 30px;
}
.experience .evaluateCon{
	width: 100%;
	height: 30px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
/*右侧热推*/
.left-menu .hotPushTitle{
	margin-top: 22px;
	height: 45px;
	line-height: 45px;
	padding-left: 20px;
	font-size: 16px;
	font-size: var(--fontSize);
	font-weight: 500;
	background-color: #fff;
	background-color: var(--bgColor);
}
.left-menu .hotPush{
	width: 100%;
	height: 300px;
	padding: 20px 50px;
	background-color: #fff;
	background-color: var(--bgColor);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border-top: 1px solid #cccccc;
}
.hotPush .portrait{
	width: 130px;
	height: 130px;
}
.hotPush .talName{
	text-align: center;
	width: 100%;
	font-size:16px;
	font-size:var(--fontSize);
	margin-right: 20px;
}
.hotPush .taiIntro{
	width: 100%;
	display: flex;
	justify-content: center;
}
.hotPush .taiIntro .taiIntro1{
	margin-right: 5px;
}
.hotPush .talQi{
	width:100% ;
	height: 30px;
	display: flex;
	justify-content: center;
	color: #a7a7a7;
	color: var(--hotColor);
}
/*社会招聘*/
.right-cont .businessUl{
	width: 100%;
	height: auto;
}
.businessUl .businessLi{
	width: 100%;
	height: 140px;
	background-color: #fff;
	background-color: var(--bgColor);
	margin-bottom:10px ;
	padding: 18px 31px 20px 33px;
	display: flex;
}
.businessLi .business1{
	width: 40%;
}
.business1 .busi1Title{
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	font-size: var(--fontSize);
	font-weight: bolder;
	display: flex;
}
.busi1Title .busi1Title1{
	margin-right: 10px;
}
.business1 .busi1Money{
	margin-top: 5px;
	color: #ff7f5b;
	color: var(--seeColor);
}
.busi1Money .money{
	font-size: 20px;
	font-size: var(--titleSize);
}
.business1 .daiyu{
	width: 100%;
	padding-left: 10px;
	display: flex;
}
.daiyu .daiyu1{
	margin-top: 10px;
	margin-right: 20px;
	color: #075aca;
	color: var(--topBtn);
}

.businessLi .business2{
	width: 37%;
	padding-top: 25px;
}
.business2 .busi2Ti{
	font-size: 14px;
	font-size: var(--hrefSize);
}
.business2 .yaoqiu{
	margin-top: 23px;
	width: 100%;
	display: flex;
}
.businessLi .business3{
	width: 23%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.business3 .busi3Btn{
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
	height: 30px;
	border-radius: 5px;
	margin-right: 20px;
	background-color: #ff7f5b;
	background-color: var(--seeColor);
	color: #eff5fd;
}
.business3 .busi3ZD{
	color: #a7a7a7;
	color: var(--hotColor);
}
/*右侧精选职位*/
.pro-center .center .left-menu2{
	min-height: auto !important;
}
.hotUl .jxLi{
	width: 100%;
	height: 158px;
	background-color: #fff;
	background-color: var(--bgColor);
	padding: 20px;
	border-bottom: 1px solid #cccccc;
}
.jxLi .jxCon{
	font-size: 14px;
	font-size: var(--hrefSize);
	width: 100%;
	height: 30px;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.jxLi .jxCon1{
	width: 100%;
	height: 30px;
	color: #a7a7a7;
	color: var(--hotColor);
}
.jxLi .jxCon2{
	width: 100%;
	height: 30px;
	color: #ff7f5b;
	color: var(--seeColor);
}
.jxLi .jxCon3{
	width: 100%;
	height: 30px;
	display: flex;
}
.jxCon3 .jxCon3Btn{
	width: 60px;
	height: 30px;
	line-height: 30px;
	margin-right: 20px;
	border-radius: 15px;
	background-color: #fafafa;
	background-color: var(--jvBtnColor);
	color: #075aca;
	color: var(--topBtn);
	text-align: center;
}
/*社会招聘详情*/
.detailUl .businessLi{
	height: 250px;
}
.detailLi .busiDetailL{
	width: calc(100% - 250px);
	margin-left: 0;
	height: 160px;
	flex: 1;
}
.busiDetailL .busiDetailCon,.detailInfo .busiDetailCon{
	width: 100%;
	height: 30px;
	line-height: 30px;
	margin-bottom: 0;
	margin-top: 5px;
}
.busiDetailL .busiDetailCon1{
	display: flex;
	width: 100%;
	height: 30px;
}
.busiDetailCon1 label{
	font-weight: bold;
	margin: 0;
	line-height: 1.6;
	font-size: 14px;
}
.busiDetailCon1>div{
	font-weight: normal;
	line-height: 1.6;
	font-size: 14px;
	flex: 1;
}
.talQi .posiImg,.detaInfoCon .posiImg{
	margin-left: 5px;
	margin-top: 2px;
}
.detailLi .busiDetailR{
	margin-left: 0;
	height: 160px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.busiDetailR .busi1Money{
	height: 30px;
	 margin-top: 50px;
	 color: #ff7f5b;
	 color: var(--seeColor);
 }
.busiDetailR .busiDetailContact{
	height: 45px;
	line-height: 45px;
}
.busiDetailR .detailContact{
	width: 100%;
	display: flex;
	margin-top: 30px;
	justify-content: space-between;
}
.detailContact .busiDetailBtn{
	margin-top: 0;
}
.detailUl .describe{
	height: 375px;
}
.describe .detaInfoTi1{
	margin-top: 15px;
	margin-bottom: 15px;
}
.describe .detailInfoImg{
	width: 100%;
	height:162px ;
}
/*右侧企业介绍*/
.left-menu .busiIntro{
	height: 250px;
}
.busiIntro .intro{
	height: 190px;
}
.left-menu .busiIntroHot{
	height: 375px;
}
.busiIntroHot .hotPushTitle{
	margin-top: 0;
}

.top-sort .selectBox .znSelect{
	background-color: #ffffff !important;
	color:#000000 ;
}
/*分页-颜色*/
.layui-laypage .layui-laypage-curr .layui-laypage-em{
	background-color: #054499 !important;
	background-color: var(--theme) !important;
}
/*弹框按钮颜色*/
.layui-layer-btn .layui-layer-btn0{
	border-color: #075aca !important;
	border-color: var(--topBtn) !important;
	background-color: #075aca !important;
	background-color: var(--topBtn) !important;
	border-radius: 5px;
	color: #fff !important;
	color: var(--bgColor) !important;
}
/*举报弹窗*/
.reportDetail{
	position: relative
}
.report-column{
	background: #fff;
	border: 1px solid #d4d4d4;
	text-align: center;
	 display: none;
	height: 100px;
	padding: 9px 0 18PX;
	position: absolute;
	right: -45px;
	top: 30px;
	width: 110px;
	z-index: 9;
	color: #909090;
	border-radius: 5px;
}
.report-column a{
	color: #6b6b6b !important;
	width: 100%;
	margin-bottom: 7px;
	height: 23px;
	line-height: 23px;
	cursor: pointer;
}
.reportActive{
	background-color: #f2f2f2;
	color: #797979 !important;
}
.report-column .angular {
	position: absolute;
	width: 17px;
	height: 23px;
	right: 50px;
	top: -17px;
	background: url(/img/angular1.png);
	background-size: 100% 100%;
}
/*修改查询条件样式*/
.top-sort .selectBox1{
	display: flex;
	cursor: pointer;
	background: #ffffff;
	height: 30px;
	border-radius: 5px;
	width: auto;
	min-width: 125px;
	align-items: center;
	justify-content: space-between;
	padding-left: 10px;
	padding-right: 3px;
	margin-right: 10px;
}
.selectBox1 .iconStyle{
	width: 15px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-left: 5px;
	align-items: center
}
.iconStyle .faStyle{
	font-size: 15px;
	color: #000000;
	width: 15px;
	text-align: center;
}
.iconStyle .faStyle1{
	color: #0367fc;
}