.job_box {
    width: 12rem;
    margin: 1.22rem auto .58rem;
}

.search_box {
    width: 100%;
    height: .87rem;
    border-radius: .87rem;
    box-shadow: 0 .01rem 0.3rem .03rem #f0f0f0;
    display: flex;
    justify-content: space-between;
    margin-bottom: .84rem;
}

.search_box input {
    width: 70%;
    padding-left: .86rem;
    font-size: 0.22rem;
}

.search_box input::-webkit-input-placeholder {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.22rem;
    color: #999999;
}

.search_box button {
    width: 2.07rem;
    height: 0.87rem;
    background: #034187;
    box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgba(0, 0, 0, 0.16);
    border-radius: 0.44rem 0.44rem 0.44rem 0.44rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search_box button img {
    width: .36rem;
}

.job_content {
    display: flex;
    flex-wrap: wrap;
}

.job_item {
    width: 5.9rem;
    border-radius: .1rem;
    box-shadow: 0 .01rem 0.3rem .03rem #f0f0f0;
    display: flex;
    align-items: center;
    padding: .49rem .6rem;
    box-sizing: border-box;
    margin-right: .2rem;
    margin-bottom: .43rem;
}

.job_item:nth-child(2n) {
    margin-right: 0;
}

.job_text {
    width: 3.5rem;
}

.job_tit {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.22rem;
    color: #124C8E;
    margin-bottom: .2rem;
}

.job_txt {
    width: 2.33rem;
    display: flex;
    flex-wrap: wrap;
}

.job_txt p {
    width: 50%;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.14rem;
    color: #333333;
    line-height: 0.3rem;
}

.job_more {
    width: 1.16rem;
    height: 0.41rem;
    border-radius: 0.21rem 0.21rem 0.21rem 0.21rem;
    border: 0.01rem solid #034187;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #034187;
}

.job_more:hover {
    background: #034187;
    color: #FFFFFF;
}

.jobxq_box {
    width: 12rem;
    margin: .79rem auto .62rem;
}

.jobxq_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: .27rem;
    border-bottom: 0.01rem solid #C9C9C9;
    margin-bottom: .52rem
}

.jobxq_tit {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.32rem;
    color: #333333;
    margin-bottom: .18rem;
}

.jobxq_subtitle {
    display: flex;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #666666;
}

.jobxq_subtitle p {
    margin-right: .2rem;
}

.jobxq_title_r {
    width: 1.38rem;
    height: 0.49rem;
    background: #034187;
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
    border: 0.01rem solid #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #FFFFFF;
    cursor: pointer;
}

.jobxq_text {
    margin-bottom: .52rem;
}

.jobxq_text p {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
    line-height: 0.28rem;
}

.jobxq_tit2 {
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: .22rem !important;
    color: #333333;
    font-weight: bold !important;
    margin-bottom: .4rem;
}

.more_jobs {
    width: 12rem;
    height: 0.58rem;
    background: #F8F8F8;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: bold;
    font-size: 0.2rem;
    color: #034187;
    line-height: 0.58rem;
    padding: 0 .25rem;
    box-sizing: border-box;
    margin-top: .2rem;
    margin-bottom: .45rem;
}

.job_alert {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 100;
    background: rgba(0, 0, 0, .4);
}

.job_alert_center {
    width: 5.79rem;
    /* height: 6.47rem; */
    background: #FFFFFF;
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.job_alert_title {
    width: 5.79rem;
    height: 0.5rem;
    background: #F7F7F7;
    border-radius: 0.04rem 0.04rem 0rem 0rem;
    font-size: 0.18rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    display: flex;
    align-items: center;
    padding: 0 .29rem;
    padding-right: .18rem;
    box-sizing: border-box;
    justify-content: space-between;
}

.job_alert_title img {
    width: .26rem;
    height: .26rem;
    cursor: pointer;
}

.job_alert_text {
    width: 100%;
    padding: .29rem .33rem .44rem;
    box-sizing: border-box;
}

.job_alert_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-bottom: .2rem;
}

.job_alert_item p {
    font-size: 0.16rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #6D6D6D;
    margin-bottom: .14rem;
}

.job_alert_item input {
    width: 100%;
    height: 0.44rem;
    background: #FFFFFF;
    border-radius: 0.04rem 0.04rem 0.04rem 0.04rem;
    border: 0.01rem solid #D4DEE2;
    box-sizing: border-box;
    padding: 0 .15rem;
    box-sizing: border-box;
}


.job_alert_item label {
    width: 1.6rem;
    height: 0.44rem;
    border-radius: 0.24rem 0.24rem 0.24rem 0.24rem;
    border: 0.01rem solid #0051A0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.job_alert_item label p {
    font-size: 0.14rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #0051A0;
    margin: 0;
}

.job_alert_item label img {
    width: .1rem;
    margin-left: .27rem;
}

.file_name {
    height: 0.4rem;
    background: #F8F8F8;
    padding: 0 .4rem 0 .21rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.14rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #6D6D6D;
    position: relative;
    margin-bottom: .38rem;
}

.file_name img {
    position: absolute;
    right: .09rem;
    top: 50%;
    transform: translateY(-50%);
    width: .26rem;
    height: .26rem;
    cursor: pointer;
}

.button_box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.button_box button {
    margin: 0 .1rem;
    width: 1.6rem;
    height: 0.44rem;
    border-radius: 0.24rem 0.24rem 0.24rem 0.24rem;
    border: 0.01rem solid #0051A0;
    box-sizing: border-box;
    font-size: 0.14rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    color: #0051A0;
}

.button_box button:hover {
    background: #0051A0;
    color: #FFFFFF;
}

@media only screen and (max-width:1024px){
    .job_box{
        width: 100%;
        padding: 15px;
        margin: 0;
        box-sizing: border-box;
    }
    .job_item{
        width: 100%;
        margin-right: 0;
        padding: 15px;
    }
    .job_text{
        width: 70%;
    }
    .job_more{
        width: 30%;
        font-size: 12px;
    }
    .job_tit{
        font-size: 14px;
    }
    .job_txt{
        width: 100%;
    }
    .job_txt p{
        font-size: 12px;
    }
    .jobxq_box{
        width: 100%;
        padding: 15px;
        margin: 0;
        box-sizing: border-box;
    }
    .jobxq_subtitle{
        flex-wrap: wrap;
    }
    .jobxq_subtitle p{
        font-size: 12px;
    }
    .jobxq_title_r{
        width: 2rem;
        font-size: 12px;
    }
    .jobxq_tit2{
        font-size: 14px!important;
    }
    .jobxq_text p{
        font-size: 12px;
    }
    .job_alert_title{
        font-size: 14px;
    }
    .job_alert_item p,
    .job_alert_item label p,
    .button_box button{
        font-size: 12px;
    }
}