.joblist_top {
    background-color: #fff;
    /* box-shadow: 0 0.5rem 3rem rgba(0, 0, 0, 0.1); */
}

.joblist_main {
    width: 60rem;
    max-width: 1200px;
    margin: 0 auto;
    padding: 1rem 0;
    z-index: 1;
    position: relative;
}

.joblist_mlogo {
    width: 2rem;
}

.joblist_mdian {
    width: .5rem;
    height: .5rem;
    background-color: #db3745;
    border-radius: 50%;
    margin: 0 .75rem;
}

.joblist_mleft_title {
    font-size: .9rem;
    color: #333;
}

.joblist_mright {
    font-size: .7rem;
    color: #333;
    cursor: pointer;
}

.joblist_mright>p {
    text-align: center;
    margin-left: .4rem;
}

.joblist_mright>img {
    width: 1.2rem;
}

/* banner */
.joblist_banner {
    width: 100%;
    height: 13rem;
}

.joblist_list>li {
    width: 33.3333%;
    padding: .5rem;
}

.joblist_list_main {
    padding: .5rem;
    border: .05rem solid #e1e1e1;
    background-color: #fff;
    cursor: pointer;
    border-radius: .25rem;
}

.joblist_list_main:hover {
    transform: translate(0%, -0.5rem);
    -webkit-transform: translate(0%, -0.5rem);
    -moz-transform: translate(0%, -0.5rem);
    -o-transform: translate(0%, -0.5rem);
    box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05);
}

.joblist_lititle {
    font-size: .7rem;
    color: #333;
}

.joblist_lititle>p:nth-last-of-type(1) {
    font-size: .9rem;
    color: #db3745;
}

.joblist_lilabel {
    margin-top: .6rem;
}

.joblist_lilabel>p {
    padding: .2rem .4rem;
    border-radius: .25rem;
    border: .05rem solid #e1e1e1;
    font-size: .6rem;
    color: #666;
    margin-right: .2rem;
}

.joblist_litime {
    padding: .2rem 0rem;
    border-radius: .25rem;
    font-size: .6rem;
    color: #666;
    margin-top: .6rem;
}

.joblist_ligongs {
    font-size: .7rem;
    color: #999;
    margin-top: .6rem;
    padding-top: .5rem;
    border-top: .05rem solid #e1e1e1;
}

.joblist_ligongs>div {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    margin-right: .6rem;
}

.joblist_button {
    width: 20rem;
    margin: 2rem auto 1rem;
    text-align: center;
    padding: 1rem;
    border: .05rem solid #db3745;
    color: #db3745;
    cursor: pointer;
}

.joblist_button:hover {
    color: #fff;
    background-color: #db3745;
}

/* 二维码 */
.joblist_poperwm {
    position: fixed;
    width: 26rem;
    height: 22rem;
    background-color: #ff5a5a;
    box-shadow: 0 2rem 5rem rgba(255, 90, 90, 0.4);
    border-radius: 1rem;
    top: 30%;
    left: 50%;
    z-index: 100;
    overflow: hidden;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
}

.joblist_poperwm_click {
    top: 50%;
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}

.joblist_pimg {
    width: 100%;
    opacity: .8;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 40rpx 40rpx 0 0;
    pointer-events: none;
}

.joblist_pneirong {
    position: relative;
    font-size: .8rem;
    color: #fff;
}

.joblist_pneirong>img {
    width: 10rem;
    border-radius: 1rem;
    padding: .5rem;
    background-color: #fff;
    margin-bottom: 1rem;
}

.joblist_icon_close_white {
    position: absolute;
    top: .5rem;
    right: .5rem;
    width: 2rem;
    box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    cursor: pointer;
}