.tabs_select {
    display: flex;
    justify-content: center;
}

.tabs_select_box {
    width: 2.1875rem;
    height: 0.3125rem;
    background: #E6E6E6;
    border-radius: 0.15625rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.2604166666666667rem 0;
}

.tabs_select_item {
    font-weight: 300;
    color: #333333;
    cursor: pointer;
    box-sizing: border-box;
    width: 50%;
    border-radius: 0.15625rem;
}

.tabs_select_item .el-radio-button__inner {
    line-height: 0.3020833333333333rem;
    text-align: center;
    height: 0.3020833333333333rem;
    display: inline-block;
    font-size: 0.10416666666666667rem;
    width: 100% !important;
    padding: 0;
    border-radius: 0.15625rem !important;
    border: none;
    background: #E6E6E6;
}

.tabs_select_item_active {
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 0.15625rem;
    position: relative;
    background: #397EE5;
}

/*.tabs_select_item_active:after{
     */
/* position: absolute;
 */
/* left: 0;
 */
/* top: 0;
 */
/* height: 100%;
 */
/* width: 100%;
 */
/* content: "";
 */
/*
}
*/
.campus_box {
    height: 1.6979166666666667rem;
    background: #F2F6FF;
    border-radius: 0.08333333333333333rem;
    margin-bottom: 0.2604166666666667rem;
    padding-top: 0.2604166666666667rem;
}

.society {
    animation: anim_wave 0.5s linear 0s;
}

@keyframes anim_wave {
    0% {
        transform: translateX(-1.5625rem);
    }
    50% {
        transform: translateX(-0.78125rem);
    }
    100% {
        transform: translateX(0);
    }
}

.campus_content {
    padding-right: 1.4895833333333333rem;
    padding-left: 2.1354166666666665rem;
    /* font-size: 0.078125rem; */
    font-weight: 500;
    /* color: #333333; */
	color: #555555;
	font-size: 0.08333333333333333rem;
    line-height: 0.20833333333333334rem;
}

.company_name {
    text-align: right;
    /* padding-right: 0.4166666666666667rem; */
    box-sizing: border-box;
    margin-top: 0.10416666666666667rem;
}

.company_bottom {
    font-size: 0.078125rem;
    font-weight: bold;
    color: #333333;
    text-align: center;
    margin-top: 0.625rem;
}

.recruitment_content {
	/* width: 1200px; */
	width: 1164px;
    height: 564px;
    /* margin-top: 0.625rem; */
    /* padding: 0 1.875rem; */
    display: flex;
	margin: 0 auto;
    margin-bottom: 0.2604166666666667rem;
    overflow: hidden;
	margin-top: 0.2604166666666667rem;
}

.job {
    /* margin-right: 0.2604166666666667rem; */
    font-size: 0.078125rem;
    color: #333333;
    /* background-color: #F2F6FF; */
    display: flex;
    flex-direction: column;
}

.job_title {
    padding: 0.109375rem 0.5729166666666666rem;
    background: #397EE5;
    border-radius: 0.08333333333333333rem 0.08333333333333333rem 0rem 0rem;
    font-size: 0.10416666666666667rem;
    font-weight: bold;
    color: #FFFFFF;
}

.job_item_box {
    flex: 1;
    overflow-y: auto;
	width: 200px;
}

.job_item {
    /* padding: 0.109375rem 0; */
	padding: 8px 0;
    text-align: center;
    /* background: #F2F6FF; */
    /* line-height: 0.1875rem; */
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.2); */
    cursor: pointer;
	text-align: left;
	overflow: hidden;
	 text-overflow:ellipsis;
	 white-space: nowrap;
	 font-size: 16px;
	 font-family: PingFang SC;
	 font-weight: 400;
	 line-height: 22px;
	 color: #666666;
}

.job_item:hover {
    /* color: #397EE5;
    font-weight: bold; */
	color: #2676F2 ;
}

.job_item_last {
    border-bottom: none;
    /* border-radius: 0 0 0.08333333333333333rem 0.08333333333333333rem; */
}

.job_active {
    /* font-weight: bold;
    color: #397EE5; */
    position: relative;
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 400;
	line-height: 22px;
	color: #2676F2;
}

.job_active:after {
    position: absolute;
    /* left: -14px; */
	left: 196px;
    top: 0;
    /* width: 3px;
    background: #397EE5; */
	width: 4px;
	height: 24px;
	background: #2676F2;
    content: "";
    animation: job_active 0.5s linear forwards;
}

@keyframes job_active {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
    }
}


.job_detail {
    /* flex: 1; */
	width: 924px;
    display: flex;
    flex-direction: column;
	margin-left: 40px;
}

.job_detail_title {
    display: flex;
    align-items: end;
    padding: 0.109375rem 0.15625rem;
}

.job_note {
    font-size: 0.078125rem;
    font-weight: 300;
    color: #FFFFFF;
}

.job_salary {
    margin: 0 0.15625rem;
}

.job_detail_content {
    /* flex: 1; */
    overflow-y: auto;
    /* background: #F2F6FF; */
	/* padding-top: 16px; */
	box-sizing: border-box;
    /* border-radius: 0 0 0.08333333333333333rem 0.08333333333333333rem; */
    font-size: 0.052083333333333336rem;
    font-weight: 500;
    color: #333333;
    min-height: 2.0833333333333335rem;
    /* padding: 0 0.15625rem 0.2604166666666667rem; */
}

.job_detail_subtitle {
    font-size: 0.078125rem;
    font-weight: bold;
    color: #333333;
    padding-top: 0.15625rem;
}

.detailed {
    /* padding: 0.052083333333333336rem 0; */
	line-height: 22px;
	margin-bottom: 10px;
	text-align: justify;
}

.see_more_btn {
    display: flex;
    justify-content: center;
    margin: 0 0 0.5208333333333334rem;
}

.see_more_title {
    font-size: 0.09375rem;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0.07291666666666667rem;
}

.see_more_box {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.10416666666666667rem;
}

.scale_move {
    animation: scale_move 3s linear infinite;
}

@keyframes scale_move {
    0% {
        transform: scale(1)
    }
    40% {
        transform: scale(0.9)
    }
    80% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

.see_more_img {
    flex: 1;
    max-width: 0.46875rem;
    cursor: pointer;
    text-align: center;
    border-radius: 0.020833333333333332rem;
    box-sizing: border-box;
}

.see_more_img:first-child {
    margin-right: 0.10416666666666667rem;
}

.see_more_img:hover {
    box-shadow: 0 0.010416666666666666rem 0.020833333333333332rem rgba(0, 0, 0, .12), 0 0 0.03125rem rgba(0, 0, 0, .04);
    color: #00A2E6;
    font-weight: bold;
}

.see_more_img img {
    width: 100%;
    object-fit: contain;
    box-sizing: border-box;
}

.boos {
    margin-right: 0.20833333333333334rem;
}
.campus_content_note{
	text-indent: 2em;
}
.btns{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	/* margin-top: 0.07291666666666667rem; */
	padding-top: 0.07291666666666667rem;
}
.btns .btn:last-child{
	margin-left: 40px;
}
.btn{
	width: 160px;
	height: 56px;
	border: 1px solid #CED4D9;
	opacity: 1;
	border-radius: 2px;
	text-align: center;
	line-height: 56px;
	font-size: 20px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #000000;
	cursor: pointer;
	transition: all 0.5s;
}
.btnActive{
	background: #2676F2;
	color: #fff;
	border-color: #2676F2;
}
	
.btn:hover{
	/* background: #2676F2; */
	/* color: #fff; */
	/* border-color: #2676F2; */
	background: #DBF4FF;
	border-color: #DBF4FF;
}
.job_detail_content_item{
	width: 100%;
	display: flex;
	margin-top: 16px;
	
}
.job_detail_content_item:first-child{
	margin: 0;
}
.job_detail_content_item_title{
	/* width: 80px; */
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 400;
	line-height: 22px;
	color: #000000;
}
.job_detail_content_item_content{
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 400;
	line-height: 22px;
	color: #000000;	
	width: calc(100% - 6em);
}
.job_item_box::-webkit-scrollbar{
	display: none;
}
.job_item_box{
	border-right: 1px solid #F0F0F0;
}
.job_detail_content::-webkit-scrollbar{
	display: none;
}
.job_item:first-child{
	padding-top: 0;
}
.delivery{
	width: 160px;
	height: 48px;
	border: 1px solid #2676F2;
	opacity: 1;
	border-radius: 2px;
	text-align: center;
	line-height: 48px;
	font-size: 16px;
	font-family: PingFang SC;
	font-weight: 400;
	color: #2676F2;
}
.delivery:hover{
	background: #DBF4FF;
	border-color: #DBF4FF;
}
.job_detail_content_item_content .detailed:last-child{
	margin: 0;
}
.btnActive:hover{
	background: #2676F2;
	color: #fff;
	border-color: #2676F2;
}