.head_box .head_img {height: auto;}
.head_img img{height: 20.8rem;width: 100%;margin-bottom: 4.12rem;}

.join .join_title{font-size: 2rem;font-family: Adobe Heiti Std;font-weight: bold;color: #4C3F30;text-align: center;margin-bottom: 1.29rem;}
.join .join_title_two{font-size: 1rem;font-family: Lato;font-weight: 900;color: rgba(76, 63, 48, 0.15);text-align: center;margin-bottom: 4.79rem;}
.join .joinList {display: flex;justify-content: space-between;flex-wrap: wrap;}
.join .joinList >div {width: 45%;height:23.2%;position: relative;box-sizing: border-box;border: 1px solid #fff;padding: 3.25rem 1.25rem;margin:0 0 3.37rem;border: 1px solid #ddd;}
.join .joinList >div:hover{border: 1px solid #CC131C;}
.join .joinList >div:last-child{width: 100%;padding-bottom: 7rem;}
.join .joinList .application{cursor: default;color: #CC131C;border: 1px solid #CC131C;padding:.8rem;text-align: center;position: absolute;bottom: -1px;left: -1px;right:-1px;}
.join .joinList >div:last-child .application{width:31.96rem;left: 50%;right: 0;transform: translate(-50%, 0);bottom: 2.54rem;}
.join .joinList >div:hover .application{background:#CC131C;color: #fff;}
.join .joinList .job_title{position: relative;}
.join .joinList .job_name{color: #4C3F30;font-size: 1.5rem;margin-bottom: .96rem;max-width: 17.12rem;display: inline-block;height: 3.62rem;}
.join .joinList .job_hot{width: 2.54rem;height: 1.58rem;transform: translate(3px, -.8rem);position: absolute;}
.join .joinList .job_place{width: 3.08rem;height: 1.24rem;border: 1px solid #CC131C;margin-bottom: 1.33rem;text-align: center;color: #CC131C;}
.join .joinList >div>div{position: relative;padding-left: 3rem;box-sizing: border-box;}
.join .joinList >div>div:nth-child(2){border-top: 1px dashed #ccc;padding-top: 1.54rem;margin-bottom: 3rem;padding-left: 3rem;box-sizing: border-box;}
.join .joinList >div>div:nth-child(2) .job_status{color: #4C3F30;font-size: 1.25rem;margin-bottom: 1.41rem;}
.join .joinList >div>div:nth-child(2) .job_ask{color: #4C3F30;font-size: .7rem;height: 7.33rem;line-height: 1.4rem;}
.join .joinList >div:last-child .job_ask{color: #4C3F30;font-size: .7rem;height: 7.33rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.join .joinList >div:last-child .job_ask>div{width: 48%;padding-right: 2rem;}
.join .joinList >div:last-child .job_ask>div:nth-child(odd){border-right: 1px solid #ddd;}
.join .joinList >div:last-child .job_ask>div:nth-child(even){padding-left: 4rem;}
.join .joinList .job_u{width:5.21rem;height: 6.04rem;position: absolute;right: 0;top: -2rem;}
.join .joinList .job_e{height:2.83rem;position: absolute;right: 4rem;top: 0;}


.join_mask{position: fixed;top: 0;left: 0;right: 0;bottom: 0;}
.join_mask .mask{opacity: 0.4;background: #000;width: 100%;height: 100%;position: relative;}
.join_mask .mask_center{background: #fff;width: 23.75rem;height: 14.12rem;position: absolute;top:42%;left: 50%;transform: translate(-50%, 0);}
.join_mask .mask_center .mask_title{padding: 1.08rem 0;position: relative;text-align: center;border-bottom: 1px solid #ddd;font-size: .7rem;}
.join_mask .mask_center .mask_title img{position: absolute;right: 3%;top:30%;width: 1.08rem;}
.join_mask .mask_center .mask_email{text-align: center;padding: 2.91rem 0 3.04rem;color: #CC131C;font-size: 0.78rem;}
.join_mask .mask_center .mask_email img{width: 0.96rem;height: 0.71rem;}
.join_mask .mask_center .mask_copy{background: #CC131C;color: #fff;text-align: center;height:2rem;width: 11.54rem;line-height:2rem;margin: 0 auto;}