* {
	padding: 0;
	margin: 0;
}

a {
	color: #000000;
	text-decoration: none;
}

ul,
li,
ol {
	list-style: none
}

#app {
	color: #666 !important;
	overflow: hidden;
	background: #fff;
	min-height: 400px;
}

.mt20 {
	margin-top: 20px;
}
.nav-search-fixed {
	position: fixed !important;
	top: 0;
	height: 100px;
	z-index: 1000;
	background-color: #FFFFFF;
	/* opacity:0.9; */
	box-shadow: 2px 2px 10px #ccc;
	width: 100%;
}

.menuLeft {
	height: 100%;
	position: relative;
	padding-top: 10px;
	background-color: #FFFFFF;
	border-right: solid 1px #e6e6e6;
}

.fontright {
	float: right;
	margin-right: 20px;
}

.menu-sub {
	position: absolute;
	top: 0;
	left: 100%;
	width: 500px;
	z-index: 10;
	background-color: #ffffff;
	padding:10px;
	height: 410px;
	box-sizing: border-box;
}

.menuLeft_item {
	background-color: #fcfcfc;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;
}

.menuLeft ul :hover {
	cursor: pointer;
}

.menuLeft .sectionBox a:hover {
	color: #666666;
	text-decoration: underline;
}

.menuLeft .sectionBox a {
	color: #999999;
}

.section {
	width: 33%;
	float: left;
}

.sectionTitle {
	color: #666666;
}

.sectionTitle::after {
	content: '';
	width: 95%;
	height: 10px;
	display: block;
	border-bottom: 1px solid rgba(239, 239, 239, 1);
}

.menuLeft_item .titleBox {
	height: 30px;
	line-height: 30px;
}

.shufflingImg {
	width: 100%;
	height: 410px;
}

.logoimg {
	width: 100%;
	height: 100%;
}

.grid-content {
	height: 40px;
	line-height: 40px;
}

.bg-purple-dark {
	background: #5e5e5e;
	font-size: 14px;
	color: #fff;
}
.grid-content a{color: #fff;}

.search {
	height: 70px;
	margin-top: 20px;
}

.menu-css {
	font-size: 20px;
	font-weight: 600;
}

.menu-mt {
	height: 70px;
	margin-top:10px;
	border-bottom: 2px solid #0080ff;
}

.background {
	background-color: #EFF1F5;
}

.el-menu-item,
.el-submenu__title {
	height: 40px;
	line-height: 40px;
	position: relative;
	-webkit-box-sizing: border-box;
	white-space: nowrap;
	list-style: none;
}

.affiche-li {
	margin-top: 12px;
	line-height: 28px;
	height: 56px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:2;
	overflow: hidden;
}

.affiche-li a {
	color: #393939;
	width: 100%;
}

.advertising {
	/* background-color: #8da35b; */
	height: 60px;
	margin-top: 0;
}
.mt10{
	margin-top: 10px;
}
.el-menu-demo {
	display: inline-block;
}

.recruitmentdiv {
	width:100%;
	background-color: #ffffff;
	float: left;
	display: block;
	border-right: 1px solid #f4f4f4;
	border-bottom: 1px solid #f4f4f4;
	text-decoration: none;
	color: #323232;
	padding: 24px 0;
	text-align: center;
	margin-bottom:10px;
}

.enterprise {
	width: 100%;
	background-color: #ffffff;
	margin-top: 10px;
	float: left;
	display: block;
	padding: 24px 0;
	border-bottom: 1px solid #f4f4f4;
	text-decoration: none;
	color: #323232;
	text-align: center;
	position: relative;
}

.enterprise:hover .enterpriseHover {
	visibility: visible;
	opacity: 1
}

.recruitmentdiv .name {
	width:100%;
	height: 20px;
	line-height: 20px;
	word-break: break-all;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 10px;
	padding: 0 10px;
	box-sizing: border-box;
}

.substring {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.imgstyle {
	width: 100%;
}

.serviceImg {
	width: 80%;
	height: 80px;
	margin: 0 auto;
	/* margin: 0px; */
	border-radius: 6px;
	color: #FFFFFF;
	text-align: center;
	line-height: 80px;
	font-size: 20px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-position: center;
}

.leftImg {}

.middleImg {
	background-image: url(/img/personnel/indexAdv2.png);
	background-size: cover;
}
.leftImgPen{
	background-image: url(/img/personnel/indexAdv1.png);
	background-size: cover;
}
.leftImgSev{
	background-image: url(/img/personnel/indexAdv3.png);
	background-size: cover;
}

.imgstyle img {
	height: 68px;
}

.advertisingimg {
	width: 100%;
	height: 100%;
}

.blue {
	color: #8a8a8a;
	font-size: 14px;
	line-height: 60px;
	text-align: right;
	display: block;
	padding-right: 4px;
}

.enterpriseHover {
	visibility: hidden;
	opacity: 0;
	transition: all .3s;
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	color: #FFFFFF;
}

.enterpriseHover a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	text-align: center;
	text-decoration: none;
}

.enterpriseHover p {
	width: 150px;
	text-align: center;
	line-height: 62px;
	color: #fff;
	font-size: 13px;
	font-weight: 500;
	margin: 30px auto 0;
	overflow: hidden;
	word-break: break-all;
}

.tabDiv {
	width: 100%;
	background-color: #FFFFFF;
	box-shadow: 0px 1px 9px 1px rgb(0 0 0 / 4%);
	line-height: 25px;
	padding: 12px 10px;
	margin-bottom: 10px;
	box-sizing: border-box;
}

.position {
	color: #1890FF;
	font-size: 15px;
}

.monthlyPay {
	color: #FF6200;
	font-size: 14px;
}

.experience {
	color: #666;
	font-size: 13px;
}

.centers {
	width: 100%;
	overflow: hidden;
	background: #3b3b3b;
	padding: 10px 0;
	font-size: 13px;
	text-align: center;
	color: #999;
	line-height: 30px;
	margin-top: 30px;
	padding: 12px 0;
}

.small-title {
	line-height: 60px;
	font-size: 20px;
	color: #323232;
	padding-left: 2px;
}

.realtime-cwidth{
	width: 1200px;
	margin: 0px auto;
}
.realtime-leftbtn{
	margin-top: 20px;
	width: 790px;
	height: 54px;
	border: 1px #EEEEEE solid;
}
.realtime-leftbtn a{
	display: block;
	text-decoration: none;
	padding-left: 30px;
	padding-right: 20px;
	font-size: 16px;
	color: #333333;
	height: 54px;
	width: 120px;
	line-height: 54px;
	border-right: 1px #EEEEEE solid;
}
.realtime-leftbtn a:hover {
    background-color: #FAFAFA;
    color: #FF3300;
}
.realtime-title{
	background-image: url(../../elementUI/img/newinfo_titleImg.png);
	background-size: cover;
	height: 60px;
	width: 750px;

}
.real-ma{
	margin: 20px;
}
.real-matwo{
	margin-top: 20px;
	font-size: 16px;
	margin-right: 20px;
}
.real-matwo :hover{
	text-decoration: underline;
}
.real-mathree{
	margin-top:8px;
	font-size: 14px;
	margin-right: 20px;
	width: 500px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	line-height: 24px;
}
.real-content{
	margin-top:8px;
	font-size: 14px;
	margin-right: 20px;
	width: 500px;
	height:75px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	line-height: 24px;
}
.realtime-footer{
	margin-top: 20px;
	border: 1px #EEEEEE solid;
	width: 790px;
}
.realtime-fileimg{
	height: 150px;
	width: 200px;
}
.realtime-border{
	border-bottom: 1px #CCCCCC dashed;
}
.realtime-border :hover{
	background-color: #F7F7F7;
}
.realtime-ntit{
	    width: 370px;
	    border: 1px #EEEEEE solid;
	    background-color: #F9F9F9;
}
.realtime-tlh{
    line-height: 40px;
    font-size: 16px;
    padding-left: 15px;
}
.realtime-hot{
	border: 1px solid #EEEEEE;
	padding: 0px 15px;
	width: 370px;
	margin-bottom: 20px;
}
.realtime-hidden{
	margin:8px 0px;
	width:313px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.realtime-hidden a{
	color: #666;
	font-size: 14px;
}
.realtime-hidden a:hover{
	text-decoration: underline;
	cursor: pointer;
}
.realtime-box{

}
.realtime-cwidth .paging{
	margin-bottom: 20px;
}
.small-title b{width: 4px;height: 20px;display: inline-block;background-color: #409eff; margin-right: 10px;position: relative;top:3px;}
.indexTitle{width:36% !important; display: flex;justify-content: space-around;padding: 18px 0; cursor: pointer;}
.indexTitle p.active{color: #409eff; border-bottom: 1px solid #409eff;}
.indexTitle p.positionActive{color: #409eff; border-bottom: 1px solid #409eff;}
.box{width: 100%; background: #f2f2f2;}
.indexCont{ max-width: 1200px; width: 100%; margin:0px auto; padding:20px 0; box-sizing: border-box;}
.index_notice{overflow: hidden; height: 410px; background-color: #FFFFFF;text-align: left;box-sizing: border-box;text-overflow: ellipsis;padding:20px 20px 30px;}
.index_notice h1{font-size: 18px; color: #323232;}
.index_notice h1 span{ font-size: 13px;float: right;font-weight: normal;}
.menu-mt ul.el-menu-demo{display: flex;justify-content: space-evenly; font-size: 18px; color: #323232;}
.menu-mt ul .el-submenu__title,.menu-mt ul .el-menu-item{ font-size: 18px; color: #323232; border-bottom-color:#fff !important}
.nav-search-fixed{ display: flex;align-items: center;}
.indexNews{height: auto; cursor: pointer;}
.indexNews h1{margin-bottom: 10px;}
.indexNews ul{padding: 6px 0;}
.indexNews .affiche-li { margin-top: 0; line-height: 38px;height: 38px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.indexLinks a{font-size: 14px; color:#666;}
.grid-content .el-dropdown-link {cursor: pointer;color: #fff;}
.grid-content .el-icon-arrow-down {font-size: 12px;}
.menu-mt ul .el-menu-item a{display: block}
/* 产业园 */
.industTitle{width: 100%;margin:20px 0;font-size: 20px;font-weight: 500; color: #323232;}
.industTitle span{ border-bottom: 2px solid rgb(41, 121, 254);}
.industInfo{ width: 100%; background:#fff;color: #444;font-size: 15px; line-height: 32px; box-sizing: border-box; padding:30px 24px; border: 1px solid #f0f0f0;}
.industInfo h1{font-size: 16px; font-weight: 500; color: #323232; margin-bottom: 10px;}
.industInfo p.img{width: 100%; margin: 20px 0; display: flex; align-items: center; justify-content:space-evenly;}
.industInfo p.img img{width:400px}

/*首页搜索框*/
.select-style{box-shadow:0px 0px 5px rgb(64 158 255 / 40%);background: #1787fb;}
.select-style:hover{box-shadow:0px 0px 5px rgb(64 158 255 / 60%);transition:1s;}
.select-style .el-input-group__append,.select-style .el-input-group__prepend{
	border: none !important;
	border-radius: 0px !important;
	background-color: transparent !important;
}
.select-style .el-input__inner{
	border: 1px solid #409EFF !important;
}
.select-style .el-input__inner:focus{
	border-color: #C0C4CC;
}
/*首页分割线*/
.cut-off-rule-right{
	width:100%;height: 1px;background-color: #cccccc; margin-left: 30px;
}
.cut-off-rule-bottom{
	border-bottom: 2px solid #0080ff;margin-bottom: 20px;
}
/*门店招聘-发布职位*/
.storeBanner h1{color: #fff;font-size: 22px;text-align: center;width: 100%; margin-top: 30px}
.release{max-width: 1000px; margin: -60px auto 40px;position: relative;z-index: 9; background: #fff; border-radius: 8px;padding:40px 0px;}
.release .buttonGroup {text-align: center;margin-top: 20px;}
/* 门店招聘列表*/
.storeList-box {display: flex;margin:20px 0px;}
.storeList-title {border-bottom: 1px solid #e9e9e9;padding-bottom: 10px;font-size: 18px;}
.storeList-title img {vertical-align: top;}
.storeList-title-right {float: right;margin-right: 20px;font-size: 14px;}
.storeList-title-moreBtn {background: linear-gradient(to bottom right, #ffb637, #ff5a37);color: #FFFFFF !important;cursor: pointer;padding: 5px 10px;border-radius: 30px;}
.storeList-main {margin-left: 5%;width: 60%;}
.storeList-item {display: inline-block;position: relative;margin-top: 15px;width: 48%;height: 215px;padding: 15px;box-sizing: border-box;border: 1px solid #e9e9e9;}
.storeList-item:hover{box-shadow: 0px 0px 10px #cccccc;}
.storeList-item:nth-of-type(odd) {margin-right: 4%;}
.storeList-item-center {text-align: center;}
.storeList-item-title {font-size: 16px;}
.storeList-item-store {color: #999;font-size: 14px;margin: 8px 0;}
.storeList-item-wage {color: #ff6600;border-bottom: 1px solid #e9e9e9;padding-bottom: 10px;font-size: 12px;}
.storeList-item-detailed {font-size: 12px;height: 53px;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;overflow: hidden; margin-top: 12px;}
.storeList-item-foot {position: absolute;bottom: 16px;color: #999;font-size: 14px;width: 90%;display: flex;justify-content: space-between;}
.manageForm{ max-width:900px;margin: 40px auto;padding: 40px 0; border-radius: 8px; background: #fff}
.manageForm h1{font-size: 18px;color: #323232; margin:0px 80px 30px}
.real-more{height: 96px;overflow: hidden;line-height:24px;font-size: 15px !important; width: 98%}
.real-more h1{font-size: 15px !important;color: #666;text-align: left !important;margin-bottom: 0;}
section .real-more h1::after{display: none !important;}

/*统计*/
.detaCont{width: 100%; overflow: hidden;}
.dataTop{width: 100%; display: flex; align-items: center; text-align: center; justify-content: space-between;}
.topBox{background: #fff; display: flex;align-items:center;border: 1px solid #e7e7e7; padding:10px 20px; box-sizing: border-box; color: #666; width:14%;border-radius: 4px; font-size: 13px;box-shadow: 0px 1px 21px 0px rgba(38, 46, 45, 0.06);}
.topBox span{display: block; font-size:24px;color: #323232;}
.dataRig{width: 70%;}
.topBox img{width: 46px; height: 46px;}
.dataContLeft,.dataContRig{margin-top: 10px;}
.dataLeftTop,.dataLeftFoot{width: 100%; padding:14px; background: #fff; border-radius: 4px;}
.dataContRig{background: #fff;border-radius: 4px;padding:14px;}
.dataLeftTop{height: 333px;}
.detaCont h1{font-size:18px; color: #323232; margin-bottom: 16px;}
.dataTitleA{width: 100%; display: flex;justify-content:space-between; cursor: pointer; margin-bottom:20px; margin-top:20px;}
.dataTitleA p{ color:#303133; font-size: 14px; font-weight:500}
.dataTitleA p.active{color:#409EFF !important; border-bottom:2px solid #409EFF;}
.dataTab span i{font-size:20px;}
.dataTab span{margin: 0 4px;}
.detaSex{width: 100%; display: flex; justify-content: space-around;align-items:center; margin-top: 20px;}
.detaSex p{text-align: center;}
.detaSex span{display: block;font-size: 15px; color: #323232; margin:6px 0;}
.detaSex img{width: 50px;}
.detaSex b{font-size: 24px; color: #333333;}
.detaCont .el-tabs__nav-wrap::after{background-color: #fff;}
.dataLeftFoot{margin-top:10px;}
.dataHeight{ height: 240px;}
.datahighAcademic{height: 255px; position: relative;z-index: 99;}
.detaCont .title{color:#409EFF !important; border-bottom:2px solid #409EFF; font-size: 14px;font-weight:500; margin-bottom: 20px;}
.detaRight{width: 100%;padding:0 0 0 20px; box-sizing: border-box;}
/*网络招聘会统计*/
.jobTitle{width: 100%;font-size: 16px;color: #323232;border: 1px solid #fff; border-bottom: none;line-height: 40px;padding-left: 8px;box-sizing: border-box}
.white{background: #fff;padding: 20px;box-sizing: border-box;width: 100%;height: 100%}
.jobInfol{width: 100%;}
.jobInfol-item{width: 100%; display: flex;justify-content: space-between;align-items: center;font-size: 15px; color: #323232;}
.jobInfol-item:nth-child(2){margin: 26px 0}
.jobInfol-item p img{width:70px; margin-right: 10px}
.jobInfol-item span{font-size: 20px;color:#5087EC;font-weight: bold;}
.jobSubtitle{font-size: 15px;text-align: center;margin: 10px 0}



