body{
  width: 100%;
  min-width: 100%;
}
.cate-homepage {
  background: #fff;
  min-height: 100vh;
  width: 100%;
}
.homepage-main-container {
  width: 100%;
}
.header-page-container {
  height: 60px;
  line-height: 60px;
  width: 100%;
  background-color: hsla(0, 0%, 100%, 0);
  transition: 0.7s;
  position: relative;
  z-index: 3000;
}
.header-pages-bottom {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 0 10px #ccc;
  height: 60px;
  line-height: 60px;
  z-index: 3000;
}
.header-page-box {
  color: #fff;
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.header-page-banner {
  width: 100%;
  position: relative;
  height: 31.25vw;
}
.banner-bg {
  position: absolute;
  top: 0;
  width: 100%;
  height: 31.25vw;
}
.header-page-banner.talent-header-page-banner {
  height: 20.833vw;
}
.header-page-banner.talent-header-page-banner .banner-bg {
  height: 20.833vw;
}
.header-page-logo-img {
  display: block;
  width: 348px;
  max-width: 348px;
  padding-top: 13px;
  box-sizing: border-box;
}
.header-page-content {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.im-badge span a {
  color: #fff;
  font-size: 16px;
  vertical-align: middle;
  margin-left: 30px;
}
.im-badge1 span a {
  color: #333;
  font-size: 16px;
  vertical-align: middle;
  margin-left: 30px;
}
.im-badge2 span a {
  color: #fff;
  font-size: 16px;
  vertical-align: middle;
  margin-left: 30px;
  margin-right: 20px;
}
.im-badge3 span a {
  color: #333;
  font-size: 16px;
  vertical-align: middle;
  margin-left: 30px;
  margin-right: 20px;
}
.styleHeight {
  margin: 0 8px 0 8px;
}
.styleHeight1 {
  margin: 0 8px 0 15px;
}
.styleHeight2 {
  color: #333;
  margin: 0 8px 0 15px;
}
.styleHeight3 {
  color: #333;
  margin: 0 8px 0 8px;
}
.header-page-list-login {
  display: flex;
  align-items: center;
  margin-left: 30px;
}
.header-page-list-login a {
  color: #fff !important;
  font-size: 16px;
}
.header-page-list-login span {
  margin: 0 5px;
}
.header-page-list-login1 {
  display: flex;
  align-items: center;
  margin-left: 30px;
}
.header-page-list-login1 a {
  color: #333;
  font-size: 16px;
}
.header-page-list-login1 span {
  margin: 0 5px;
  color: #333;
}
.header-page-list {
  min-width: 466px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
}
.header-page-list a {
  color: #fff;
}
.header-page-list li {
  color: #fff;
}
.header-page-list a {
  padding-top: 4px;
  position: relative;
  border-bottom: 2px solid transparent;
  color: #fff;
}
.header-page-list a:hover::before,
.header-page-list a.active::before,
.header-page-list a.router-link-active::before {
  content: "\20";
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: #51a3ed;
  position: absolute;
  left: 0;
  top: 29px;
}
.header-page-list1 {
  min-width: 466px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  margin-left: 30px;
}
.header-page-list1 li {
  color: #333;
}
.header-page-list1 a {
  padding-top: 4px;
  position: relative;
  border-bottom: 2px solid transparent;
  color: #333 !important;
}
.header-page-list1 a:hover::before,
.header-page-list1 a.active::before,
.header-page-list1 a.router-link-active::before {
  content: "\20";
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: #51a3ed;
  position: absolute;
  left: 0;
  top: 29px;
}
.user-name-box {
  display: flex;
  align-items: center;
}
.el-dropdown-link-item {
  cursor: pointer;
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.el-dropdown-link-item span {
  display: inline-block;
  max-width: 64px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.el-dropdown-link-item i {
  width: 16px;
  height: 16px;
  margin-left: 3px;
}
.el-dropdown-link-item1 {
  cursor: pointer;
  color: #333;
  font-size: 16px;
  display: flex;
  align-items: center;
}
.el-dropdown-link-item1 i {
  margin-left: 3px;
}
.heightStyle {
  margin: 0 5px;
  color: #fff;
}
.heightStyle1 {
  margin: 0 5px;
  color: #333;
}
.el-dropdown-menu__item:hover {
  background: rgba(135, 215, 246, 0.5) !important;
  color: #8bb8f1;
}
.header-new-drop {
  margin-top: 0px;
  min-width: 0;
  background: #FFF;
  border: none !important;
  padding: 1.2em 0;
  line-height: 42px;
  text-align: center;
  border-radius: 5px;
  transform: translate3d(0, -20px, 0);
}
.header-new-drop a {
  display: block;
  color: #333;
  text-align: left;
}
.header-new-drop li.pointer1 {
  color: #fff;
  padding: 0 20px;
  text-align: left;
  margin-left: -18px;
}
.header-new-drop li:hover,
.header-new-drop a:hover {
  color: #469ff3;
}
.pointer1 .el-badge__content.is-fixed {
  position: absolute!important;
  top: 20px!important;
  right: 22px!important;
}
.header-new-drop1 {
  margin-top: 0px;
  min-width: 0;
  background: #fff;
  border: none !important;
  padding: 1.2em 0;
  line-height: 42px;
  text-align: center;
  border-radius: 5px;
  transform: translate3d(0, -12px, 0);
}
.header-new-drop1 a {
  display: block;
  color: #333;
  text-align: left;
}
.header-new-drop1 li.pointer1 {
  color: #333;
  padding: 0 20px;
  text-align: left;
  margin-left: -18px;
}
.header-new-drop1 li:hover,
.header-new-drop1 a:hover {
  color: #469ff3;
}
.homepage-search-outer {
  margin: 30px 0 28px;
}
.homepage-search-outer .context {
  /* width: 1200px; */
  width: 62.5vw;
  min-width: 960px;
  max-width: 1200px;
  margin: 0 auto;
}
.homepage-search-outer .search-form {
  /* width: 920px; */
  width: 47.916667vw;
  min-width: 736px;
  max-width: 920px;

  margin: 30px 0 14px;
  position: relative;
  display: flex;
}
.homepage-search-outer .search-form input {
  height: 50px;
  line-height: 50px;
  border-right: 0;
}
.homepage-search-outer .keyword-input {
  /* width: 800px; */
  /* width: 41.666667vw; */
/*   width: 86.9565%; */
  flex: 1;
}
.homepage-search-outer .keyword-search-button {
  /* width: 120px; */
 /*  width: 6.25vw; */
  width: 13.0435%;
  height: 50px;
  vertical-align: bottom;
  flex-shrink: 0;
}
.homepage-search-outer .clear-keyword-input {
  font-size: 16px;
  line-height: 24px;
  position: absolute;
  width: 24px;
  top: 14px;
  left: 83%;
  color: #555;
}
.homepage-search-outer .clear-keyword-input:hover,
.homepage-search-outer .clear-keyword-input:active {
  color: #18BBF4;
}
.homepage-joblists {
  margin-bottom: 51px;
}
.homepage-joblists .joblists-outer {
  /* width: 1200px; */
  width: 62.5vw;
  min-width: 960px;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.homepage-joblists .joblists {
  /* flex: 0 0 960px; */
  width: 80%;
  border-right: 1px solid #EFEFEF;
}
.homepage-joblists .joblists .replace-element,
.homepage-joblists .joblists .replace-element .job-item{
  width: 100%;
}
.homepage-joblists .recommend-jobs {
  /* flex: 0 0 220px; */
  width: 18.3333%;
}
.homepage-joblists .block-play {
  display: block;
}
.homepage-joblists .job-link {
  box-sizing: border-box;
  /* width: 920px; */
  color: #333;
  /* padding: 20px 30px; */
  width: 95.8333%;
  padding: 20px 3.2609%;
}
.homepage-joblists .job-link:hover {
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.06);
}
.homepage-joblists .job-title-row,
.homepage-joblists .job-require-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.homepage-joblists .job-title-row {
  line-height: 40px;
}
.homepage-joblists .job-title-row .title {
  display: flex;
  font-size: 20px;
  font-weight: bold;
  align-items: center;
}
.homepage-joblists .job-title-row .tag {
  font-size: 11px;
  line-height: 14px;
  width: 16px;
  border: 1px solid;
  margin-left: 10px;
  border-radius: 2px;
  text-align: center;
  font-weight: 300;
}
.homepage-joblists .job-title-row .tag + .tag {
  margin-left: 8px;
}
.homepage-joblists .job-title-row .tag1 {
  color: #F48618;
}
.homepage-joblists .job-title-row .tag2 {
  color: #F48618;
}
.homepage-joblists .job-title-row .tag3 {
  color: #F91111;
}
.homepage-joblists .job-title-row .tag27 {
  color: #12B63D;
}
.homepage-joblists .job-title-row .job-belong {
  color: #666;
}
.homepage-joblists .job-title-row .job-name-inline {
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.homepage-joblists .job-require-row {
  line-height: 35px;
  margin-bottom: 10px;
}
.homepage-joblists .job-require-row .spr {
  color: #ccc;
  margin: 0 20px;
  font-weight: bold;
}
.homepage-joblists .job-require-row .time {
  color: #999;
}
.homepage-joblists .job-require-row > span:nth-child(1) {
  width: calc(100% - 98px);
  display: flex;
  flex-direction: row;
}
.homepage-joblists .job-require-row > span:nth-child(1) .location {
  max-width: 76%;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.homepage-joblists .brief-detail {
  line-height: 24px;
  color: #999;
  max-height: 48px;
  overflow: hidden;
  text-align: justify;
}
.homepage-joblists .pagination-context {
  margin: 24px 0 0;
  display: flex;
  justify-content: flex-end;
  /* width: 920px; */
  width: 95.8333%;
}
.homepage-joblists .component-new-job {
  line-height: 20px;
}
.homepage-joblists .component-new-job dt {
  font-size: 16px;
  font-weight: bold;
  line-height: 35px;
  padding: 10px 0;
}
.homepage-joblists .component-new-job li {
  padding: 10px 0;
}
.homepage-joblists .component-new-job a {
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  max-width: 220px;
  display: block;
  line-height: 20px;
}
.homepage-joblists .component-new-job a:hover {
  color: #18BBF4;
}
.homepage-joblists .component-new-job .tag {
  font-size: 11px;
  line-height: 14px;
  width: 16px;
  border: 1px solid;
  margin-right: 10px;
  border-radius: 2px;
  text-align: center;
  font-weight: 300;
  display: inline-block;
}
.homepage-joblists .component-new-job .tag1 {
  color: #F48618;
}
.homepage-joblists .component-new-job .tag2 {
  color: #F48618;
}
.homepage-joblists .component-new-job .tag3 {
  color: #F91111;
}
.homepage-joblists .component-new-job .tag27 {
  color: #12B63D;
}
.complex-selector-outer {
  /* width: 62.5vw;
  min-width: 960px;
  max-width: 1200px; */
  line-height: 32px;
  color: #333;
}
.complex-selector-outer .complext-selector {
  display: flex;
  align-items: flex-start;
}
.complex-selector-outer .complext-selector .tree-context {
  flex: 1;
}
.complex-selector-outer .label {
  flex: 0 0 80px;
}
.complex-selector-outer .branch-context::before,
.complex-selector-outer .branch-context::after {
  content: "\20";
  display: table;
  clear: both;
}
.complex-selector-outer .branch-context .branch {
  float: left;
  margin-right: 26px;
  margin-left: 8px;
  cursor: pointer;
}
.complex-selector-outer .leaves-context {
	position: relative;
  padding: 8px 0 8px 20px;
  /* margin: 4px 0; */
  background: #FAFBFD;
}
.complex-selector-outer .leaves-context .leaf {
  float: left;
  margin-right: 26px;
  cursor: pointer;
}
.complex-selector-outer .leaves-context::before,
.complex-selector-outer .leaves-context::after {
  content: "\20";
  display: table;
  clear: both;
}
.complex-selector-outer .selected,
.complex-selector-outer .active {
  color: #18BBF4;
}
.complex-selector-outer .selected:hover,
.complex-selector-outer .active:hover {
  color: #39CAFD;
}
.complex-selector-outer .leaf:hover,
.complex-selector-outer .branch:hover {
  color: #39CAFD;
}
.more-search-select-outer {
  margin-top: 10px;
  border-top: 1px solid #F4F4F4;
  line-height: 32px;
  padding-top: 10px;
}
.more-search-select-outer::before,
.more-search-select-outer::after {
  content: "\20";
  display: table;
  clear: both;
}
.more-search-select-outer .organizejobs-outer,
.more-search-select-outer .publish-time-select,
.more-search-select-outer .el-checkbox {
  float: left;
  margin-right: 50px;
}
.more-search-select-outer .publish-time-select {
  width: 91px;
}
.more-search-select-outer .search-select-selected .el-input__inner {
  color: #18bbf4;
}
.more-search-select-outer .search-select-selected .el-input__inner:hover {
  color: #39cafd;
}
.more-search-select-outer .el-input--small .el-input__inner {
  border: 0;
  padding-left: 0;
  background: #fff;
}
.header-page-banner.standard-header .header-pages-bottom {
  /* box-shadow: none; */
  height: 70px;
  line-height: 70px;
}
.header-page-banner.standard-header .banner-bg {
  position: static;
  height: auto !important;
  margin-top: 70px;
}
.header-page-banner.standard-header .header-page-list {
  justify-content: end;
}
.header-page-banner.standard-header .header-page-list li {
  padding: 0 16px;
}
.header-page-banner.standard-header .header-page-list1 {
  justify-content: flex-end;
}
.header-page-banner.standard-header .header-page-list1 li {
  padding: 0 16px;
}
.header-page-banner.standard-header .header-page-logo {
	/* position: relative; */
  width: max-content;
  display: inline-flex;
  align-items: center;
}
.header-page-banner.standard-header .header-page-logo-img {
  padding: 0;
  width: auto;
  max-width: auto;
  height: 36px;
  /* margin-top: 18px; */
  /* position: absolute; */
  /* top: 50%; */
  /* transform: translateY(-50%); */
}
.header-page-banner.standard-header .header-page-list1 a:hover::before,
.header-page-banner.standard-header .header-page-list1 a.active::before,
.header-page-banner.standard-header .header-page-list1 a.router-link-active::before {
  background: #18BBF4;
}
.header-page-banner.standard-header .im-badge1 span a {
  margin-right: 30px;
}
.header-page-banner.standard-header .header-page-list-login1 span {
  margin: 0 16px;
  color: #ccc;
}
.header-page-banner.standard-header-page-banner {
  height: 70px;
}
.header-page-banner.campusstandard-header-page-banner {
  height: auto;
  overflow: hidden;
}
.campus_banner {
  width: 100%;
}
.campus_banner img {
  width: 100%;
}

.btn-select-box {
	margin: 30px 0 0;
}
.btn-select-box .content{
	width: 1000px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
}
.btn-select-box .content1{
  /* width: 1250px; */
  width: 65.1042vw;
  min-width: 1010px;
  max-width: 1250px;
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
  margin: 0;
}

.btn-select-box .select-item {
	background: #FFFFFF;
	display: block;
	width: 290px;
	height: 40px;
	border: 1px solid #d6d6d6;
	text-align: center;
	line-height: 40px;
	color: #666666;
	border-radius: 8px;
	margin-top: 25px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	cursor: pointer;
}
.btn-select-box .select-item1 {
border: 1px solid #f3f0f3;
background-color: #f3f0f3;
color: black;
margin-right: 20px;
}
.btn-select-box .select-item-active {
	background: #18bbf4;
	color: #FFFFFF;
}

.decorate-titlt {
	font-size:24px;
	color: #18bbf4;
	text-align: center;
	/* margin-right: 90px; */
}

.not-banner-head {
	height: unset !important;
}


.loading_box {
	position: relative;
/* 	top: 0;
	left: 0; */
	width: 100%;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	background: hsla(0,0%,100%,1);
	/* background: #111; */
}
.loading {
  width: 8px;
  height: 40px;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  background: currentColor;
  color: #ddd;
  animation: loading-animation 0.3s 0.3s linear infinite alternate;
}

.loading::after,
.loading::before {
  content: "";
  width: 8px;
  height: 40px;
  border-radius: 4px;
  background: currentColor;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  animation: loading-animation 0.3s 0.45s linear infinite alternate;
}

.loading::before {
  left: -20px;
  animation-delay: 0s;
}

@keyframes loading-animation {
  0% {
    height: 48px;
  }
  100% {
    height: 4.8px;
  }
}

/* .el-carousel__container {
	height:0px;
	transition: all 0.5s;
} */

.area-boder {
  padding-bottom: 16px;
  border-bottom: 1px solid #F4F4F4;
}
.area-border-bottom {
  border-bottom: 1px solid #F4F4F4;
}