.zhaopin-detail{
	margin: 0 auto;
    padding: 0;
}
.zhaopin-detail-all{
  margin: 0 auto;
  padding: 0;
  text-align: center;
  padding-top: 32px;
}
.zhaopin-detail-full{
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
.zhaopin-detail-tab-title{
	width: 100px;
	height: 40px;
	line-height: 40px;
	float: left;
	border-radius:0px 5px 5px 0px;
    border: 1px solid #CCCCCC;
    font-size: 16px;
    color: #333333;
}
.zhaopin-search {
    z-index: 1;
    position: relative;
    height:56px;
    margin-top:-28px;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center
}
.search-container {
      position: relative;
      width: 800px;
      display: flex;
      align-items: center;
    }

    .search-input {
      width: calc(100% - 120px);
      /* 鍑忓幓鎸夐挳鐨勫搴 */
      height: 56px;
      padding-left: 56px;
      /* 鐣欏嚭鍥炬爣鐨勭┖闂 */
      border: 1px solid #ccc;
      border-radius: 28px 0px 0px 28px;
      box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.03);
      outline: none;
    }

    .search-icon {
      position: absolute;
      left: 24px;
      width: 16px;
      height: 16px;
    }

    .search-button {
      width: 120px;
      height: 56px;
      background-color: rgba(76,110,239,1);
      border: none;
      border-radius: 0 28px 28px 0;
      /* 鍙宠竟鍦嗚 */
      font-size: 16px;
      color: #FFFFFF;
      font-weight: 600;
      cursor: pointer;
    }
    .search-button:focus{
    outline:none
    }
.zhaopin-detail-tab-title-right{
	float: left;
	width: 100px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #CCCCCC;
	border-radius:0px 5px 5px 0px;
  font-size: 16px;
  color: #333333;
  border-left: 0px;
}
.zhaopin-detail-tab-title-left{
	width: 100px;
	height: 40px;
	line-height: 40px;
	float: left;
	border: 1px solid #CCCCCC;
  border-radius:5px 0px 0px 5px;
  font-size: 16px;
  color: #333333;
  border-right: 0px;
}
.zhaopin-detail-tab-title-left.active{
  border-right: 1px solid;
}
.zhaopin-detail-tab-title-right.active{
  border-left: 1px solid;
}
.active{
  border-color: #2E7BFB;
  color: #2E7BFB;
}
.zhaopin-detail-tab{
  display: inline-block;
  margin-bottom: 20px;
}
.zhaopin-detail-tab .zhaopintitle{
	cursor: pointer;
}

.zhaopin-detail .subtitle {
	font-size: 30px;
    color: #333333;
    text-align: center;
    font-weight: 600;
	line-height: 34px;
	margin-bottom: 20px;
}
.zhaopin-detail .subtitle p{
	font-size: 16px;
	color: #666;
	line-height: 22px;
}

.zhaopin-detail-flexbox.active {
  display: block;
}
.search-input:focus{
border: 1px solid rgba(76,110,239,1);
}
.job-block:hover {
  box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.03);
  bottom: 4px;
}
.job-item-padding:first-child:nth-last-child(1){
    margin-right: auto;
}
     @media (min-width: 501px){
.job-item-padding {
  padding: 10px;
  cursor: pointer;
}
.zhaopin-detail-flexbox {
  display: none;
  min-height: 360px;
}
.job-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  position: relative;
  bottom: 0px;
  border: 1px solid #EBEBEB;
  border-radius: 10px;

}
.job-block-img {
  width:72px;
  height:72px;
  margin-bottom:20px;
  margin-top:30px;
}
.job-block-logo{
  width:72px;
  height:72px;
}
.job-block h2 {
  font-size: 24px;
  color: #333333;
  letter-spacing: 0;
  position: relative;
  text-align: left;
  font-weight: bold;
  margin-bottom: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.job-block h2::after {
  content: '';
  display: block;
  position: absolute;
  top: 29px;
  left: 0;
  width: 60px;
  color: #cccccc;
  border-top: 2px solid #2E7BFB;
}
.job-block .job-block-brief {
  display: flex;
  flex-direction: row;
 font-size: 16px;
 color: #4C6EEF;
 text-align: center;
 font-weight: 400;
}
.job-block .job-block-brief span {
  padding: 0 10px;
}

}
     @media (max-width: 500px){
.job-item-padding {
  cursor: pointer;
  border: 1px solid #EBEBEB;
  border-radius: 10px;
  width: 160px;
  height: 220px;
  margin:10px;
}
    .search-icon {
      position: absolute;
      left: 24px;
      width: 16px;
      height: 16px;
    }
       .search-container {
      position: relative;
      width: 335px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
      .search-input {
          width: calc(100% - 44px);
          /* 鍑忓幓鎸夐挳鐨勫搴 */
          height: 44px;
          padding-left: 56px;
          /* 鐣欏嚭鍥炬爣鐨勭┖闂 */
          border: 1px solid #ccc;
          border-radius: 28px 0px 0px 28px;
          box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.03);
          outline: none;
        }
            .search-button {
              width: 66px;
              height: 44px;
              background-color: rgba(76,110,239,1);
              border: none;
              border-radius: 0 28px 28px 0;
              /* 鍙宠竟鍦嗚 */
              font-size: 14px;
              color: #FFFFFF;
              font-weight: 600;
              cursor: pointer;
            }
            .search-button:focus{
            outline:none
            }
.zhaopin-detail-flexbox {
  display: none;
  min-height: 580px;
}

.job-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  bottom: 0px;
}
.job-block-img {
  width:60px;
  height:60px;
  margin-bottom:20px;
  margin-top:42px;
}
.job-block-logo{
  width:60px;
  height:60px;
}
.job-block h2 {
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  position: relative;
  text-align: left;
  font-weight: bold;
  margin-bottom: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.job-block h2::after {
  content: '';
  display: block;
  position: absolute;
  top: 29px;
  left: 0;
  width: 60px;
  color: #cccccc;
  border-top: 2px solid #2E7BFB;
}
.job-block .job-block-brief {
  display: flex;
  flex-direction: row;
 font-size: 14px;
 color: #4C6EEF;
 text-align: center;
 font-weight: 400;
}
.job-block .job-block-brief span {
  padding: 0 10px;
}


}


.job-block p {
  font-size: 12px;
  color: #999999;
  letter-spacing: 0;
  text-align: left;
  vertical-align: top;
  margin-bottom: 10px;
}
.job-block .job-block-block {
  font-size: 14px;
  color: #2E7BFB;
  letter-spacing: 0;
  border: 1px solid #2E7BFB;
  width: 120px;
  line-height: 36px;
  margin-bottom: 10px;
}