.showPicker h1 {
        margin: 0;
    }

    .job_top {
        padding: 0.18rem 0.3rem 0.18rem 0.22rem;
        background: #FFF;
        display: flex;
        justify-content: space-between;
    }

    .job_top .job_logo {
        width: 2.84rem;
        height: 0.55rem;
    }

    .job_top .job_button {
        height: 0.56rem;
        padding: 0.09rem 0.39rem 0.08rem 0.4rem;
        justify-content: center;
        align-items: center;
        border-radius: 0.67rem;
        background: var(--129, linear-gradient(123deg, #FF8000 11.81%, #F60 69.63%));

        color: #ffffff;
        font-family: "PingFang SC";
        font-size: 0.28rem;
        font-style: normal;
        font-weight: 700;
        line-height: 0.39rem;
    }

    .content-f {

        background: linear-gradient(to bottom, #FFDEC9, #f6f6f6);

    }

    .content-middle-wrap {
        padding: 0 0.24rem;
        padding-top: 2.16rem;
    }

    .content-f-top {
        position: fixed;
        top: 0.91rem;
        width: 100%;
        max-width: 7.5rem;
        display: flex;
        align-items: center;
        padding: 0.29rem 0.24rem 0.24rem 0.24rem;
        z-index: 99;

        background-color: rgba(0, 0, 0, 0);
        /* 初始透明背景 */
        transition: background-color 0.3s ease;
        /* 背景色变化的过渡效果 */
    }

    .city-select-wrap {
        margin-right: 0.25rem;
    }

    .job-input {
        padding: 0.16rem 0.2rem 0.16rem 0.71rem;
        align-items: center;
        flex-shrink: 0;
        border-radius: 0.83rem;
        background: #FFF;
        border: none;
        /* box-shadow: 0 0 0.15rem 0 #ffe5d380; */
        height: 0.68rem;

        color: #000;
        font-family: "PingFang SC";
        font-size: 0.26rem;
        font-style: normal;
        font-weight: 400;
        line-height: 0.36rem;
        flex-grow: 1;
        position: relative;
    }

    .job-input::placeholder {
        color: #b0b3b9;
        font-family: "PingFang SC";
        font-size: 0.26rem;
        font-style: normal;
        font-weight: 400;
        line-height: 0.36rem;
    }

    .job-input-wrap {}

    .job-input-img {
        width: 0.4rem;
        height: 0.4rem;
        position: absolute;
        left: 1.8rem;
        top: 0.45rem;
    }

    input[type=search] {
        box-sizing: border-box;
    }

    .content-bottom .content-select-wrap .content-select.active::after {
        display: none;
    }

    .content-bottom .content-select-wrap .content-select.active::before {
        position: absolute;
        content: '';
        border-radius: 0.43rem 0.43rem 0.43rem 0.43rem;
        bottom: -0.18rem;
        /* left: 0; */
        width: 36px;
        width: 0.36rem;
        height: 0.06rem;
        background-color: #FC7718;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .content-bottom .content-select-wrap .content-select {
        margin-right: 0.45rem;
    }

    .content-bottom .content-select-wrap .content-select.active {
        line-height: 0.48rem;
        font-size: 0.34rem;
        color: #222
    }

    .box-fixed {
        position: fixed;
        top: 0;
        max-width: 7.5rem;
        width: 100%;
        z-index: 99;
    }

    .box {
        background-color: rgb(245, 245, 245);
    }


    .card-box {
        background: #f5f5f5;
        padding-bottom: 1.4rem;
        padding-top: .02rem;
        flex: 1
    }

    .tab_box {
        border-radius: .1rem;
        overflow-x: scroll;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        box-sizing: border-box;
        margin: .1rem .24rem auto;
        font-size: .3rem
    }

    .tab_box::-webkit-scrollbar {
        height: 0
    }

    .tab_box .job_leixing {
        margin-right: .2rem;
        white-space: nowrap;
        height: .6rem;
        line-height: .6rem;
        font-size: .26rem;
        background-color: #efefef;
        border-radius: .6rem;
        position: relative;
        padding: 0 .24rem;
        color: #555
    }

    .tab_box .job_leixing.active {
        color: #f60;
        background-color: #f5e7de
    }

    .tab_box>.job_leixing:last-child {
        margin-right: 0
    }


    .card-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: .2rem
    }

    .card-top .card-title {
        font-size: .3rem
    }

    .card-top .card-salary {
        font-size: .3rem;
        color: #f60;
        height: .4rem;
        line-height: .4rem
    }

    .card-top .stopJob {
        color: #888;
        font-size: .3rem
    }

    .card-need {
        display: flex
    }

    .card-need .card-need-son {
        background-color: #f5f5f5;
        border-radius: .05rem;
        color: #777;
        height: .4rem;
        line-height: .4rem;
        padding: 0 .12rem;
        font-size: .22rem;
        margin-right: .14rem;
        margin-bottom: .14rem
    }

    .comInfo {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        font-size: .28rem;
        color: #555;
        margin-top: .12rem
    }

    .comInfo div {
        margin-right: .16rem
    }

    .comInfo .qyTag {
        background-image: url(https://imgbdb4.bendibao.com/xcxbdb/20234/10/2023410144818_79729.png);
        background-position: 50%;
        background-size: 100% 100%;
        padding: 0 .16rem !important;
        margin: 0 0rpx;
        height: .35rem;
        border-radius: .35rem;
        overflow: hidden;
        line-height: .35rem;
        color: #fb6919;
        font-size: .22rem;
        text-align: center
    }

    .kaopu-content[data-v-369cc093] {
        background: #fff;
        width: 100%;
        position: fixed;
        bottom: 0;
        font-size: .32rem;
        border-top-left-radius: .4rem;
        border-top-right-radius: .4rem;
        background: linear-gradient(180deg, #fffaf6 10%, #fff 30%, #fff)
    }

    .kaopu-content .block[data-v-369cc093] {
        padding-top: .5rem;
        padding-bottom: .5rem;
        position: relative;
        color: #333
    }

    .kaopu-content .block .content[data-v-369cc093] {
        overflow: scroll;
        min-height: 3rem;
        max-height: 6rem;
        padding: 0 .32rem;
        color: #555;
        line-height: .5rem;
        word-break: break-all
    }

    .kaopu-content .block .title[data-v-369cc093] {
        font-weight: 700;
        font-size: .36rem;
        text-align: center
    }

    .kaopu-content .block .title .left[data-v-369cc093] {
        width: .6rem;
        height: .6rem;
        vertical-align: middle
    }

    .kaopu-content .block .title .right[data-v-369cc093] {
        width: 1rem;
        height: 1rem;
        margin-bottom: .6rem;
        vertical-align: middle
    }

    .kaopu-content .block .cancelimg[data-v-369cc093] {
        position: absolute;
        top: .3rem;
        width: .3rem;
        height: .3rem;
        right: 3.5%
    }

    .job_content .message-wrap {
        padding: .32rem;
        margin: .3rem .24rem auto;
        border-radius: .14rem;
        opacity: 1;
        background: #fff
    }

    .job_content .message-wrap>a {
        display: block;
        color: #333;
    }

    .see_more {
        display: block;
        background-color: #f6f0e9;
        border-radius: .14rem;
        font-size: .28rem;
        margin: .32rem .32rem auto;
        height: .64rem;
        line-height: .64rem;
        text-align: center;
        color: #f60
    }

    .footer-box.nopadding {
        padding: 0
    }

    .footer-box {
        margin: .5rem 0 .26rem;
        padding: 0 .24rem;
        box-sizing: border-box;
        width: 100%;
        max-width: 12rem;
        font-size: .22rem;
        color: #9fa3b0;
        position: relative;
        overflow: hidden
    }

    .footer-box .hideall,
    .footer-box .showall {
        position: absolute;
        right: .24rem;
        top: .28rem
    }

    .footer-box .hideall.right0,
    .footer-box .showall.right0 {
        right: 0
    }

    .footer-box .link_box {
        width: 100%;
        display: flex;
        flex-wrap: wrap
    }

    .footer-box .link_box a {
        display: block;
        color: #999;
        margin-right: .32rem;
        line-height: .48rem;
        white-space: nowrap
    }

    .footer-box .title {
        font-size: .24rem;
        color: #555;
        margin-top: .2rem;
        margin-bottom: .15rem
    }

    .footer-box.small {
        height: 1.7rem;
        overflow: hidden
    }

    .rotate {
        transform: rotate(180deg);
    }

    .tuijian {
        padding: .02rem .24rem 1.4rem;
        background: #f5f5f5;
        flex: 1;
    }


    .jignxuan_box {
        background-color: #fff;
        font-size: .32rem;
        border-radius: .08rem;
        margin: .32rem 0;
        padding: .24rem
    }

    .jignxuan_box .jignxuan_title {
        font-size: .32rem;
        font-weight: 600
    }

    .jignxuan_box .jingxuan_scroll {
        margin-top: .24rem;
        width: 100%;
        max-width: 11rem;
        display: flex;
        overflow-x: scroll
    }


    .jingxuan_scroll a {
        display: block;
        background-color: #f9f9f9;
        border-radius: .14rem;
        margin-right: .16rem;
        width: 3rem;
        padding: .16rem;
        box-sizing: border-box;
        min-height: 1.86rem;
        min-width: 3rem
    }

    .jingxuan_scroll a.two {
        width: 3.3rem;
        margin-right: 0
    }

    .jingxuan_scroll a.one {
        width: 100%;
        margin-right: 0
    }

    .jingxuan_scroll .card-title {
        font-size: .3rem;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        margin-bottom: .12rem;
        color: #333;
    }

    .jingxuan_scroll .card-salary {
        font-size: .28rem;
        color: #f60;
        height: .4rem;
        line-height: .4rem;
        margin-bottom: .12rem
    }

    .jingxuan_scroll .card-need {
        display: flex
    }

    .jingxuan_scroll .card-need .card-need-son {
        background-color: #efefef;
        border-radius: .05rem;
        color: #777;
        height: .4rem;
        line-height: .4rem;
        padding: 0 .12rem;
        font-size: .22rem;
        margin-right: .14rem;
        white-space: nowrap
    }

    .jingxuan_scroll .comInfo {
        font-size: .26rem;
        color: #999;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
        margin-top: 0;
    }

    .jingxuan_scroll .comInfo .com_name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .jingxuan_scroll .comInfo img {
        max-width: .43rem;
        min-width: .43rem;
        height: .43rem;
        border-radius: .08rem;
        margin-right: .1rem
    }


    .tuijian {
        padding: .02rem .24rem 1.4rem
    }

    .tuijian .tuijian_box .inner_box {
        display: flex;
        box-sizing: border-box;
        flex-wrap: nowrap;
        overflow-x: auto;
        width: 100%;
        padding-bottom: .2rem;
        padding-top: .08rem
    }

    .tuijian .tuijian_box .inner_box .yixiang_item {
        height: .58rem;
        display: flex;
        align-items: center;
        padding: .11rem .3rem;
        border-radius: .58rem;
        background-color: #fff;
        font-size: .26rem;
        color: #666;
        margin-right: .24rem;
        white-space: nowrap;
        box-sizing: border-box
    }

    .tuijian .tuijian_box .inner_box .yixiang_item.active {
        background-color: #ffece1;
        border: .02667rem solid #f60;
        color: #f60
    }

    .tuijian .tuijian_box .inner_box .add_yixiang {
        width: .48rem;
        height: .58rem;
        margin-right: 0;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .tuijian .tuijian_box .inner_box .add_yixiang img {
        width: .48rem;
        height: .48rem
    }

    .tuijian .tuijian_box .tuijian_outer {
        background-color: #fff;
        border-radius: .1rem;
        margin-top: .18rem;
        padding: .24rem
    }

    .tuijian .tuijian_box .tuijian.nodata {
        font-size: .3rem;
        color: #555;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 1.2rem;
        padding-bottom: 0;
    }

    .tuijian .tuijian_box .tuijian.nodata img {
        width: 3.34rem;
        height: 2.58rem;
        margin-bottom: .6rem
    }

    .tuijian .tuijian_box .white_box {
        font-size: .3rem;
        background-color: #fff;
        border-radius: .1rem;
        min-height: 7rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .tuijian .tuijian_box .white_box.nologin img {
        width: 2.55rem;
        height: 1.96rem;
        margin-bottom: .6rem
    }

    .tuijian .tuijian_box .white_box.nofill img {
        width: 3.34rem;
        height: 2.58rem;
        margin-bottom: .6rem
    }

    .tuijian .tuijian_box .white_box .btn {
        min-width: 3.16rem;
        height: .75rem;
        border-radius: .75rem;
        background: linear-gradient(90deg, #ffb319, #ff833f);
        color: #fff;
        font-size: .28rem;
        text-align: center;
        line-height: .75rem;
        margin-top: .8rem
    }

    .tuijian_job_box a {
        display: block;
        color: #333;
    }

    .zhaopinhui {
        flex-shrink: 0;
        margin-top: 0.29rem;
        border-radius: 0.2rem;
        border: 0.02rem solid #FFF;
        background: linear-gradient(180deg, #FFFBEF 0%, #FFF 9.99%);
        padding: 0.28rem 0.24rem 0.02rem 0.24rem;
        box-sizing: border-box;
        position: relative;
    }

    .zhaopinhui-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .zhaopinhui-top .zhaopinhui-title {
        color: #333333;
        font-family: "PingFang SC";
        font-size: 0.32rem;
        font-style: normal;
        font-weight: 700;
        line-height: 0.45rem;
    }

    .zhaopinhui-top .zhaopinhui-more {
        color: #777777;
        font-family: "PingFang SC";
        font-size: 0.26rem;
        font-style: normal;
        font-weight: 500;
        line-height: 0.36rem;
    }

    .zhaopinhui-top .zhaopinhui-more img {
        width: 0.3rem;
        height: 0.3rem;
        position: relative;
        top: 0.05rem;
    }

    .zhaopinhui-a {
        display: block;
        margin-top: 0.24rem;
        padding-bottom: 0.24rem;
        border-bottom: 0.01rem solid rgba(0, 0, 0, 0.1);
        position: relative;
    }

    .zhaopinhui-a-title {
        color: #333333;
        font-family: "PingFang SC";
        font-size: 0.28rem;
        font-style: normal;
        font-weight: 700;
        line-height: 0.41rem;
        margin-bottom: 0.16rem;
    }

    .zhaopinhui-a-dec {
        margin-bottom: 0.08rem;
        color: #777777;
        font-family: "PingFang SC";
        font-size: 0.22rem;
        font-style: normal;
        font-weight: 500;
        line-height: 0.31rem;
    }

    .sec-width.zhaopinhui-a .zhaopinhui-a-dec:last-of-type {
        width: 3rem;
    }

    .fir-width.zhaopinhui-a .zhaopinhui-a-dec:last-of-type {
        width: 5rem;
    }

    .baoming {
        border-radius: 0.5rem;
        padding: 0.08rem 0.26rem;
        background: #FFECE2;

        color: #ff6600;
        font-family: "PingFang SC";
        font-size: 0.22rem;
        font-style: normal;
        font-weight: 500;
        line-height: 0.31rem;
        width: fit-content;
        position: absolute;
        right: 0;
        bottom: 0.25rem;
        display: block;
    }

    .zhibo {
        border-radius: 0.5rem;
        padding: 0.08rem 0.26rem;
        background: #FFECE2;

        color: #ff6600;
        font-family: "PingFang SC";
        font-size: 0.22rem;
        font-style: normal;
        font-weight: 500;
        line-height: 0.31rem;
        width: fit-content;
        position: absolute;
        right: 0;
        bottom: 0.25rem;
        display: block;
    }

    .zhiboleft {
        border-radius: 0.5rem;
        padding: 0.08rem 0.26rem;
        background: #FFECE2;

        color: #ff6600;
        font-family: "PingFang SC";
        font-size: 0.22rem;
        font-style: normal;
        font-weight: 500;
        line-height: 0.31rem;
        width: fit-content;
        position: absolute;
        right: 1.65rem;
        bottom: 0.25rem;
        display: block;
    }

    .zhaopinhui .zhaopinhui-a:last-child {
        border-bottom: none;
    }


    .cardBox {
        width: 100%;
        padding: 0;
        margin-bottom: .3rem;
    }

    .cardBox a {
        display: block;
        color: #333;
    }

    .zhengqiCard {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .zhengqiCard .logo,
    .zhengqiCard .logo img {
        height: 1rem;
        width: 1rem;
    }

    .zhengqiCard .logo {
        border-radius: .08rem;
        overflow: hidden;
        margin-top: .06rem;
    }

    .zhengqiCard .info {
        width: 80%;
    }

    .zhengqiCard .info .title {
        white-space: wrap;
        font-size: .29rem;
        font-weight: 700;
        width: 100%;
        margin-bottom: .18rem;
        line-height: 0.4rem;
    }

    .zhengqiCard .info .tag_job {
        display: flex;
        flex-wrap: wrap;
        font-size: .26rem;
        margin-bottom: .2rem;
    }

    .zhengqiCard .info .tag_job .tag {
        display: flex;
        font-size: .24rem;
        margin-right: .24rem;
        background-image: url(https://imgbdb4.bendibao.com/xcxbdb/20234/14/2023414100930_85381.png);
        background-position: 50%;
        background-size: 100% 100%;
        color: #fff;
        padding: 0 .24rem 0 .12rem;
        border-radius: .1rem;
        overflow: hidden;
        font-size: .2rem;
        line-height: .35rem;
        height: .35rem;
    }

    .zhengqiCard .info .tag_job .job {
        display: flex;
        font-size: .24rem;
        color: #555;
        line-height: 0.35rem;
    }

    .zhengqiCard .tag_job .job .jobname {
        max-width: 1.8rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-right: .12rem;
        font-size: .24rem;
        color: #555
    }

    .zhengqiCard .tag_job .job span {
        color: #f60
    }

    .zhengqiCard .fromHome.zhengqiCard {
        width: 6.35rem !important;
        margin-left: .32rem
    }

    .zhengqiCard .fromHome .info .title,
    .zhengqiCard .fromHome .info {
        width: 4.95rem !important
    }

    .zhengqiCard .public_time {
        font-size: .22rem;
        color: #999;
        line-height: .22rem;
    }

    .zhengqiCard .new_icon {
        width: .59rem;
        height: .32rem;
        margin-bottom: -.05rem;
        margin-right: .06rem
    }

    .sec-list-body .list-item2016 dl dt {
        font-weight: 400;
    }

    .sec-list-body .list-item2016 {
        padding: .28rem .24rem .21rem .24rem;
    }

    .sec-list-heading {
        margin-bottom: 2px;
        overflow: hidden;
        background-color: #fff;
        padding: 0 8px
    }

    .sec-list-body a {
        text-decoration: none
    }

    .sec-list-body .list-item2016 {
        background-color: #fff;
        padding: .28rem .35rem .21rem .35rem;
        border-bottom: .02rem solid rgba(241, 241, 241, 1);
        ;
    }

    .sec-list-body .list-item2016 img {
        width: 1.97rem;
        height: 1.43rem;
        float: right;
        border: none;
        border-radius: .14rem;
    }

    .sec-list-body .list-item2016 dl {
        margin: 0;
        /* padding-bottom: 10px; */
    }

    .sec-list-body .list-item2016 img~dl {
        margin-right: 2.4rem;
        min-height: 1.43rem;
    }

    .sec-list-body .list-item2016 img~dl dt {
        min-height: .81rem;

    }

    .sec-list-body .list-item2016 dl dt {
        margin: 0;
        padding: 0;
        overflow: hidden
    }

    .sec-list-body .list-item2016 dl dt {
        color: #222;
        text-decoration: none;

        opacity: 1;
        color: rgba(51, 51, 51, 1);
        font-size: .28rem;
        font-weight: 700;
        font-family: "PingFang SC";
        text-align: justify;
        line-height: .406rem;
        margin-top: .04rem;
    }


    .sec-list-body .list-item2016 dl dd {
        opacity: 1;
        color: rgba(153, 153, 153, 1);
        font-size: .24rem;
        font-weight: 500;
        font-family: "PingFang SC";
        text-align: justify;
        line-height: .348rem;
        margin: 0;
        margin-top: .2rem;
        text-align: left;

    }

    .sec-list-body .list-item2016 dl dd.text-left {
        text-align: left
    }

    .sec-list-body .list-item2016 dl dd.hit {
        height: 15px;
        padding-right: 5px;
        text-align: right
    }

    .content-data {
        width: 100%;
        background-color: rgb(245, 245, 245);
    }

    .tab-select-bar {
        box-sizing: border-box;
        position: relative;
        left: 0;
        margin-bottom: .2rem;
        padding: 0 .24rem;
        /* margin-top: .25rem */
    }

    .tab-select-bar,
    .tab-select-bar .title {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .tab-select-bar .title {
        font-size: .34rem;
        padding-left: 0 !important
    }

    .tab-select-bar .title .all_tab_box {
        display: flex
    }

    .tab-select-bar .title .all_tab_box .tab_item {
        position: relative;
        margin-right: .4rem;
        font-weight: 500;
        height: .8rem;
        line-height: .8rem;
        color: #333
    }

    .tab-select-bar .title .all_tab_box .tab_item.active {
        font-weight: 700
    }

    .tab-select-bar .title .all_tab_box .tab_item.active:after {
        content: "";
        display: block;
        width: .6rem;
        height: .07rem;
        background-color: #f60;
        border-radius: 1rem;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%)
    }

    .tab-select-bar .title .right_tab {
        display: flex;
        align-items: center;
        font-size: .26rem;
        color: #707070
    }

    .tab-select-bar .title .right_tab .city img {
        width: .24rem;
        height: .24rem;
        margin-right: .2rem;
        margin-left: .05rem
    }

    .tab-select-bar .title .job_shaixuan {
        font-size: .26rem;
        color: #707070;
        font-weight: 400
    }

    .tab-select-bar .title .job_shaixuan img {
        width: .24rem;
        height: .24rem;
        vertical-align: middle
    }

    .tab-bar {
        width: 100%;
        max-width: 7.5rem;
        height: 1.2rem;
        position: fixed;
        bottom: 0;
        display: flex;
        justify-content: space-around;
        align-items: center;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1001;
        background: #fff;
        padding: 0 .25rem;
        box-sizing: border-box;
        font-size: .24rem;
        box-shadow: 0 .42667rem .34667rem .26667rem rgba(0, 0, 0, .2)
    }

    .tab-bar .gotoTop {
        position: absolute;
        top: -.6rem;
        right: .13rem;
        background-color: #fff;
        border-radius: 50%
    }

    .tab-bar .gotoTop,
    .tab-bar .gotoTop img {
        width: .7rem;
        height: .7rem
    }

    .tab-bar .tab-bar-item {
        display: flex;
        margin-top: .1rem;
        flex-direction: column;
        text-align: center;
        width: 30%
    }

    .tab-bar .tab-bar-item p {
        text-align: center;
        color: #777
    }

    .tab-bar .tab-bar-item img {
        width: .5rem;
        z-index: 100000000;
        height: .5rem;
        display: inline-block;
        margin: 0 auto
    }

    .tab-bar .tab-bar-item .tab-bar-item-active {
        color: #f60
    }

    .eara_choose {
        display: flex;
        flex-direction: column;
        align-items: center;
        color: #333;
        padding: .32rem
    }

    .eara_choose .title_top {
        font-size: .34rem;
        font-weight: 600;
        margin-bottom: .42rem
    }

    .eara_choose .title {
        font-size: .34rem;
        font-weight: 600;
        width: 100%;
        text-align: left;
        margin-bottom: .34rem;
        color: #333
    }

    .eara_choose .eara_box {
        display: flex;
        flex-wrap: wrap;
        max-height: 6rem;
        overflow: scroll;
        margin-bottom: .72rem
    }

    .eara_choose .eara_box .eara_item {
        margin-right: .16rem;
        width: 2.16rem;
        background-color: #f5f6f8;
        border-radius: .06rem;
        margin-bottom: .16rem;
        text-align: center;
        height: .76rem;
        font-size: .26rem;
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: wrap
    }

    .eara_choose .eara_box .eara_item.active {
        color: #f60;
        background-color: #fff7f3
    }

    .eara_choose .eara_box .eara_item:nth-child(3n) {
        margin-right: 0
    }

    .eara_choose .btn_foot {
        display: flex;
        width: 100%;
        justify-content: space-between
    }

    .eara_choose .btn_foot .reset,
    .eara_choose .btn_foot .yes {
        line-height: .72rem;
        height: .72rem;
        width: 3.3rem;
        border-radius: .1rem;
        text-align: center;
        font-size: .3rem
    }

    .eara_choose .btn_foot .reset {
        background-color: #f3f3f3
    }

    .eara_choose .btn_foot .yes {
        background-color: #fb6919;
        color: #fff
    }

    .eara_choose .btn_foot .yes.opacity {
        opacity: 0.3
    }

    .van-popup {
        position: fixed;
        max-height: 100%;
        overflow-y: auto;
        background-color: #fff;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s;
        -webkit-overflow-scrolling: touch;
        bottom: 0;
        left: 0;
        width: 100%;
        border-radius: .42667rem .42667rem 0 0;
        z-index: 20190 !important;
        transform: translate3d(0, 100%, 0);
        transition: all 0.5s;
    }

    .mask {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .7);
        z-index: 1998 !important;
        opacity: 0;
        transition: all 0.5s;
    }


    .select-popup-window {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, .5);
        z-index: 1000000
    }

    .select-popup-window .true-window-box {
        position: absolute;
        bottom: -100%;
        background-color: #fff;
        width: 7.5rem;
        height: 85%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        overflow: scroll;
        padding: .38rem .24rem 0;
        box-sizing: border-box;
        border-radius: .3rem .3rem 0 0
    }

    .showw-window {
        -webkit-animation: up-window .3s ease-in-out;
        animation: up-window .3s ease-in-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .down-window {
        -webkit-animation: down-window .3s linear;
        animation: down-window .3s linear;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    .fade-mask {
        -webkit-animation: fade-mask .3s ease-in-out;
        animation: fade-mask .3s ease-in-out;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }

    @-webkit-keyframes up-window {
        0% {
            bottom: -100%
        }

        to {
            bottom: 0
        }
    }

    @keyframes up-window {
        0% {
            bottom: -100%
        }

        to {
            bottom: 0
        }
    }

    @-webkit-keyframes down-window {
        0% {
            bottom: 0
        }

        to {
            bottom: -120
        }
    }

    @keyframes down-window {
        0% {
            bottom: 0
        }

        to {
            bottom: -120
        }
    }

    @-webkit-keyframes fade-mask {
        0% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    @keyframes fade-mask {
        0% {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    .select-popup-window .header {
        width: 6.7rem;
        position: relative;
        text-align: center;
        font-size: .34rem
    }

    .select-popup-window .header img {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: .3rem;
        height: .3rem
    }

    .select-popup-window .header span {
        color: #f60
    }

    .select-popup-window .content-box {
        width: 6.9rem;
        flex: 1;
        overflow-y: scroll;
        box-sizing: border-box
    }

    .select-popup-window .content-box .item .item-title {
        margin: .34rem 0;
        font-size: .32rem
    }

    .select-popup-window .content-box .item .item-options {
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
        align-content: flex-start
    }

    .select-popup-window .content-box .item .item-options .option {
        width: 2.02rem;
        height: .86rem;
        line-height: .86rem;
        background-color: #f6f7f9;
        text-align: center;
        border-radius: .06rem;
        box-sizing: border-box;
        margin-right: .2rem;
        margin-bottom: .2rem;
        font-size: .26rem;
        color: #555;
        white-space: nowrap
    }

    .select-popup-window .content-box .item .item-options .option.active {
        background-color: #fff5ed;
        border: .01rem solid #f60;
        color: #f60
    }

    .select-popup-window .content-box .item .item-options .option:nth-child(3n) {
        margin-right: 0
    }

    .foot-btn {
        width: 6.7rem;
        height: 1.4em;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box
    }

    .foot-btn .btn {
        height: .85rem;
        line-height: .85rem;
        text-align: center;
        border-radius: .5rem;
        font-size: .32rem
    }

    .foot-btn .reset {
        color: #f60;
        width: 2.54rem;
        background-color: #fff5ed
    }

    .foot-btn .save {
        width: 3.92rem;
        background-color: #f60;
        color: #fff
    }

    .van-overlay {
        position: fixed;
        top: 0;
        background-color: rgba(0, 0, 0, .4) !important;
        z-index: 1998 !important;
        max-width: 7.5 !important;
        transform: translateX(-50%) !important;
        left: 50% !important;
        width: 100%;
        height: 100%;
        transition: all 0.5s;
        opacity: 0;
    }

    .job-popup {
        width: 6.2rem;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: linear-gradient(180deg, #fef8e0, #fff);
        border-radius: .16rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: .6rem;
        padding-bottom: .6rem;
        position: absolute;
    }

    .job-popup .der_icon,
    .job-popup {
        position: absolute
    }

    .job-popup .der_icon.icon1 {
        width: 1rem;
        height: 1.36rem;
        bottom: -.5rem;
        left: -.25rem
    }

    .job-popup .der_icon.icon2 {
        width: 1.56rem;
        height: 1.04rem;
        top: -.25rem;
        right: -.5rem
    }

    .job-popup .panel {
        width: 5.5rem;
        height: 1.8rem;
        position: relative;
        margin-bottom: .3rem
    }

    .job-popup .panel .bgimg {
        position: absolute;
        top: 0;
        left: 0;
        width: 5.5rem;
        height: 1.8rem
    }

    .job-popup .panel .info {
        position: relative;
        z-index: 1;
        padding-left: 1.6rem;
        padding-top: .5rem;
        color: #fff
    }

    .job-popup .panel .info .line1 {
        display: flex;
        align-items: center;
        font-size: .36rem;
        margin-bottom: .1rem;
        font-weight: 500
    }

    .job-popup .panel .info .line1 .arrow {
        width: .59rem;
        height: .26rem;
        vertical-align: middle;
        margin-left: .2rem
    }

    .job-popup .panel .info .line2 {
        display: flex;
        font-size: .24rem;
        font-weight: 100;
        font-family: PingFang SC
    }

    .job-popup .close {
        width: .56rem;
        height: .56rem;
        margin-top: auto;
        position: absolute;
        bottom: -1rem;
        left: 50%;
        transform: translateX(-50%)
    }
    .job_img_wrap{
            display: flex;
            align-items: center;
            justify-content: left;
        }
        .job_img_wrap .job_img{
            display: block;
            width: 1.15rem;
            height: 0.55rem;
        }
        .job_img_wrap .black{
            width: 0.02rem;
            height: 0.3rem;
            flex-shrink: 0;
            background: #F60;
            margin:0 0.13rem;
            position: relative;
            top: 0.02rem;
        }
        .job_img_wrap .job_text{
          
            font-family: "PingFang SC";
            font-size: 0.35rem;
            font-style: normal;
            font-weight: 900;
            line-height: 0.49rem;
        }

        .job_fir{
              color: #333333;
              display: inline-block;
        }
        .job_sec{
              color: #ff6600;
              display: inline-block;
        }