.list_content{ width: 100%; position: relative;}
.join_kv{ width: 100%; height: 5.2rem; background: url(../images/join_kv.jpg) no-repeat top center; background-size: 100% auto; position: relative;}
.join_dsc{ width: 100%; text-align: center; font-size: 0.5rem; color: #ffffff; position: absolute; top: 2.42rem; left: 0; font-weight: bold;}
.join_bg{ width: 100%; height: 8.36rem; background: url(../images/join_bg.png) no-repeat top center; background-size: 100% auto; position: relative; margin-top: -2.7rem;}

.join_jobList{ margin: 0 auto; padding-top: 2.4rem; width: 14.74rem; padding-right: 0.1rem; box-sizing: border-box; }
.job_fexable{ width: 100%; display: flex;}
.jowidth1{ width: 5.8rem; padding: 0 0.25rem; box-sizing: border-box; }
.jowidth2{ width: 2.8rem; padding: 0 0.25rem; box-sizing: border-box; }
.jowidth3{ width: 3.1rem; padding: 0 0.25rem; box-sizing: border-box; }
.jowidth4{ width: 2.4rem; padding: 0 0.25rem; box-sizing: border-box; }
.job_fexable.job_tie{ font-size: 0.22rem; color: #ffffff; padding: 0.18rem 0; border-bottom: 2px #383eff solid; font-weight: bold;}
.job_fexable{ color: #e1e5ef; font-size: 0.18rem; padding: 0.3rem 0; transition: all 0.3s ease;}
.joblist .job_fexable:hover{ background: rgba(43,52,77,0.3);}
.joblist{ height: 3.62rem; width: 14.74rem; padding-right: 0.1rem; overflow-y: scroll; -webkit-overflow-scrolling: touch;}

.scroller_slider{ overflow-y: scroll}
.scroller_slider::-webkit-scrollbar { width: 0.1rem;}
.scroller_slider::-webkit-scrollbar-track {background: #65666a; }
.scroller_slider::-webkit-scrollbar-thumb {background:  #bfc1c6; }

.job_wrap{ width: 100%; min-height: 90vh; background: #141923; position: relative;}
.job_wrap:before{ content: ""; display: block; width: 13.06rem; height: 7.04rem; background: url(../images/jobg1.png) no-repeat; background-size: 100% auto; position: absolute; top: 0; left: 0;}
.job_wrap:after{ content: ""; display: block; width: 8.9rem; height: 11.63rem; background: url(../images/jobg2.png) no-repeat; background-size: 100% auto; position: absolute; bottom: 0; right: 0;}
.job_contents{ position: relative; z-index: 1; width: 14.65rem; margin: 0 auto; padding: 1.5rem 0;}
.job_names{ font-size: 0.46rem; color: #ffffff; border-bottom: 2px #383eff solid; padding-bottom: 0.2rem; margin-bottom: 0.3rem; font-weight: bold;}
.job_list{ width: 9.8rem; margin: 0 auto;}
.backlist_btn{ font-size: 0.2rem; color: #ffffff; position: absolute; top: 1.67rem; left: 0; display: flex; align-items: center;}
.backlist_btn:before{ content: ""; display: inline-block; width: 0; height: 0; border-top:  0.08rem solid transparent; border-bottom: 0.08rem solid transparent; border-right:  0.12rem solid #ffffff; margin-right: 0.1rem;} 
.jobsection{ padding-left: 0.22rem; margin-bottom: 0.7rem;}
.job_sec1{ position: relative; font-size: 0.28rem; color: #ffffff; margin-bottom: 0.2rem; font-weight: bold;}
.job_sec1:before{ content: ""; display: block; position: absolute; top: 0; left: -0.25rem; border-left:  0.25rem solid transparent; border-right: 0.25rem solid transparent; border-top:  0.4rem solid #383eff; z-index: -1;}
.job_sec2{ font-size: 0.18rem; color: #fff; margin-bottom: 0; opacity: 0.8; line-height: 2; padding-left: .25rem; position: relative;}
.job_sec2 span{ font-size: 0.18rem; color: #fff; position: absolute; left: 0; top: 0;}
.jobsection.tit .job_sec2{ padding-left: 0;}


.jobsection .job_sec2:last-child{ margin-bottom: 0;}


.send_biographical{ display: flex; width: 3rem; height: 0.82rem; justify-content: center; align-items: center; background: #383eff; font-weight: bold; font-size: 0.3rem; color: #ffffff; letter-spacing: 0.03rem;}
.send_biographical img{ width: 0.18rem; margin-left: 0.18rem;}
.job_contents .jobsection:last-child{ margin-bottom: 0;}