@media screen and (max-width: 1200px) {
    .business_shuff{
        width: 100%;
    }
    .business_shuff img{
        width: 100%;
        height: 100%;
    }
    .business_shuff p {
        text-align: center;
    }
    .join{
        width: 400px;
        position: absolute;
        top: 16%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: SourceHanSansCN, SourceHanSansCN;
        font-weight: 800;
        font-size: 20px;
        color: #FFFFFF;
        line-height: 10px;
        text-align: center;
        font-style: normal;
        text-transform: none;
    }
    .job_title{
        font-family: SourceHanSansCN, SourceHanSansCN;
        font-weight: 800;
        font-size: 20px;
        color: #222222;
        line-height: 48px;
        text-align: center;
        font-style: normal;
        text-transform: none;
    }
    .job_hint{
        font-family: MicrosoftYaHei;
        font-size: 16px;
        color: #222222;
        line-height: 48px;
        text-align: center;
        font-style: normal;
        text-transform: none;
    }
    .job_main{
        max-width: 100%;
        margin: 0 10px;
        display: flex;
        flex-wrap: wrap;
    }
    .job_item{
        width: 100%;
        height: auto;
        cursor: pointer;
        position: relative;
        margin-bottom: 10px;
    }
    .job_item a {
        text-decoration: none;
        color: inherit;
    }
    .job_item .img{
        width: 100%;
        height: auto;
    }
    .job_item .job_icon{
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 0;
    }
    .job_item .job_icon{
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 0;
    }
    .job_item .job_mint {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 0;
    }
}

@media screen and (max-width: 1600px) and (min-width: 1201px) {
    .business_shuff{
        width: 100%;
        position: relative;
    }
    .business_shuff img{
        width: 100%;
        height: 100%;
    }
    .business_shuff p {
        text-align: center;
    }
    .join{
        width: 400px;
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: SourceHanSansCN, SourceHanSansCN;
        font-weight: 800;
        font-size: 100px;
        color: #FFFFFF;
        line-height: 48px;
        text-align: center;
        font-style: normal;
        text-transform: none;
    }
    .job_title{
        font-family: SourceHanSansCN, SourceHanSansCN;
        font-weight: 800;
        font-size: 100px;
        color: #222222;
        line-height: 48px;
        text-align: center;
        font-style: normal;
        text-transform: none;
    }
    .job_hint{
        font-family: MicrosoftYaHei;
        font-size: 24px;
        color: #222222;
        line-height: 48px;
        text-align: center;
        font-style: normal;
        text-transform: none;
    }
    .job_main{
        max-width: 1200px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }
    .job_item{
        width: 272px;
        height: 183px;
        margin-bottom: 40px;
        margin-right: 25px;
        cursor: pointer;
        position: relative;
    }
    .job_item a {
        text-decoration: none;
        color: inherit;
    }
    .job_item .job_icon{
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .job_item .job_icon{
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .job_item .job_mint {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
} 

@media screen and (min-width: 1620px) {
    .business_shuff{
        width: 100%;
        position: relative;
    }
    .business_shuff img{
        width: 100%;
        height: 100%;
    }
    .business_shuff p {
        text-align: center;
    }
    .join{
        width: 400px;
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family: SourceHanSansCN, SourceHanSansCN;
        font-weight: 800;
        font-size: 100px;
        color: #FFFFFF;
        line-height: 48px;
        text-align: center;
        font-style: normal;
        text-transform: none;
    }
    .job_title{
        font-family: SourceHanSansCN, SourceHanSansCN;
        font-weight: 800;
        font-size: 100px;
        color: #222222;
        line-height: 48px;
        text-align: center;
        font-style: normal;
        text-transform: none;
    }
    .job_hint{
        font-family: MicrosoftYaHei;
        font-size: 24px;
        color: #222222;
        line-height: 48px;
        text-align: center;
        font-style: normal;
        text-transform: none;
    }
    .job_main{
        max-width: 1600px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }
    .job_item{
        width: 363px;
        height: 244px;
        margin-bottom: 40px;
        margin-right: 25px;
        cursor: pointer;
        position: relative;
    }
    .job_item a {
        text-decoration: none;
        color: inherit;
    }
    .job_item .job_icon{
        position: absolute;
        top: 30%;
        left: 35%;
        transform: translate(-50%, -50%);
    }
    .job_item .job_icon{
        position: absolute;
        top: 30%;
        left: 35%;
        transform: translate(-50%, -50%);
    }
    .job_item .job_mint {
        position: absolute;
        top: 45%;
        left: 35%;
        transform: translate(-50%, -50%);
    }
}