.banner .swiper-wrapper .swiper-slide{
    background-image: url(/images/new_kkidc/joinus/banner.jpg)
}
.joinus-header h3{font-size: 28px;line-height: 1;color: #1c1d1f;margin-bottom: 12px;}
.joinus-header p{font-size: 14px;line-height: 24px;color: #626266;margin-bottom: 34px;}
.section-a1{padding-bottom: 0;}
.tpm-solution2__cards { width: 100%;font-size: 0;white-space: nowrap;overflow-x: scroll;}
/* .tpm-solution2__cards::-webkit-scrollbar-thumb { height: 4px; background: #e5e9ee; border-radius: 4px; }
.tpm-solution2__cards::-webkit-scrollbar-track { background: #f3f6f9; border-radius: 4px; }
.tpm-solution2__cards::-webkit-scrollbar { height: 4px; } */
.tpm-solution2__cards::-webkit-scrollbar{
    display: none;
}
.tpm-solution2__card.v2 { height: 320px; }
.tpm-solution2__card { display: inline-block; transition: width .3s; margin-right: 12px; width: 140px; box-sizing: border-box; overflow: hidden; position: relative; padding: 22px 18px }
.tpm-solution2__card-tit { font-weight: 500; font-size: 20px; line-height: 28px; position: relative; cursor: pointer; z-index: 2; display: block }
.tpm-solution2__card-desc { font-size: 14px; line-height: 22px; white-space: pre-wrap; max-width: 152px }
.tpm-solution2__card.v2 .tpm-solution2__card-cover { background-position: 100% 0; }
.tpm-solution2__card-cover { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-position: 0 0; background-size: auto 100%; background-repeat: no-repeat; transition: opacity .3s ease-in-out; }
.tpm-solution2__card.is-active { width: 488px; }
.tpm-solution2__card-cover .bottm-cover{height: 100%; padding: 38px 20px; box-sizing: border-box;transition: all .3s ease-in-out; }
.tpm-solution2__card.is-active .tpm-solution2__card-cover .bottm-cover{ padding: 38px 22px; }
.bottm-cover h3{ font-size: 20px; line-height: 1;font-weight: normal; color: #323235;transition: all .3s;text-align: center;}
.tpm-solution2__card.is-active .bottm-cover h3{font-size: 22px;font-weight: bold;color: #fff;margin-bottom: 23px;text-align: left;}
.know-more{opacity: 0;transition: all .3s ease-in-out;}
.tpm-solution2__card.is-active .know-more{opacity: 1;}
.know-more p{color: #fff;opacity: .8;font-size: 14px;line-height: 24px;margin-bottom: 45px;width: 444px;white-space: initial; overflow: auto;}
.know-more p::-webkit-scrollbar {
  width: 0;
}
.know-more a{display: block;position: relative;height: 40px;line-height: 40px;width: 144px;text-align: center;border: 1px solid #fff;color: #fff;background-color: transparent;font-size: 14px;overflow: hidden;}
.know-more a span{position: relative;z-index: 9;}
.know-more a::after{ content: ""; display: block; width: 144px; height: 40px; background-color: #fff; position: absolute; left: -144px; top: 0; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; }
.know-more a:hover{color: #2981ff;}
.know-more a:hover:after{ transform:translateX(144px) ; -webkit-transform:translateX(144px) ; -moz-transform:translateX(144px) ; -ms-transform:translateX(144px) ; -o-transform:translateX(144px) ; }
.tpm-solution2__card:last-child { margin-right: 0; }
.in-detail-cover{ padding: 40px; box-sizing: border-box; }
.in-detail-cover h3{ font-size: 18px; margin-bottom: 15px; }
.in-detail-cover p{ font-size: 14px; line-height: 24px; }
.filter-box{ width: 100%; height: 100%;transition: all .3s;background-color: #eaeef3 !important;position: absolute; z-index: -1;background-position: 80% bottom; background-repeat: no-repeat; }

/* 样式补充 */
.filter-box{background-position: 93% bottom;}

.tpm-solution2__card.is-active .filter-box::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(31,120,250,.95);
    mix-blend-mode: multiply;
}
.tpm-solution2__card.is-active .filter-box{ filter: none;    }
.product01 .filter-box{ background-image:url(/images/new_kkidc/joinus/close1.png); }
/* .tpm-solution2__card.is-active .product01 .filter-box{ background:url(/images/new_kkidc/joinus/open1.jpg); } */
.product02 .filter-box{ background-image:url(/images/new_kkidc/joinus/close2.png); }
/* .tpm-solution2__card.is-active .product02 .filter-box{ background-image:url(/images/new_kkidc/joinus/open2.jpg); } */
.product03 .filter-box{ background-image:url(/images/new_kkidc/joinus/close3.png); }
/* .tpm-solution2__card.is-active .product03 .filter-box{ background-image:url(/images/new_kkidc/joinus/open3.jpg); } */
.product04 .filter-box{ background-image:url(/images/new_kkidc/joinus/close4.png); }
/* .tpm-solution2__card.is-active .product04 .filter-box{ background-image:url(/images/new_kkidc/joinus/open4.jpg); } */
.product05 .filter-box{ background-image:url(/images/new_kkidc/joinus/close5.png); }
/* .tpm-solution2__card.is-active .product05 .filter-box{ background-image:url(/images/new_kkidc/joinus/open5.jpg); } */
.product06 .filter-box{ background-image:url(/images/new_kkidc/joinus/close6.png); }
/* .tpm-solution2__card.is-active .product06 .filter-box{ background-image:url(/images/new_kkidc/joinus/open6.jpg); } */
.product07 .filter-box{ background-image:url(/images/new_kkidc/joinus/close7.png); }
/* .tpm-solution2__card.is-active .product07 .filter-box{ background-image:url(/images/new_kkidc/joinus/open7.jpg); } */
/* 招聘岗位 */
.jobs-list{display: flex;}
.jobs-list-l{max-width: 456px;margin-right: 20px;background-color: #1776ff;padding: 50px 35px 50px 40px;box-sizing: border-box;position: relative;overflow: hidden;}
.jobs-list-l p{ font-size: 22px; color: #fff; font-weight: bold; line-height: 1; margin-bottom: 20px; }
.jobs-list-l span{ font-size: 14px; color: #fff; line-height: 28px; }
.jobs-list-l::after{ content: url(/images/new_kkidc/joinus/yanfa.png); position: absolute; bottom: -5px; right: 0px;transform: scale(1); transition: all .3s; }
.jobs-list-l:hover::after{transform: scale(1.1);}
.jobs-list-data{ position: relative; z-index: 1; }
.jobs-list-r{flex: 1;display: flex;flex-flow: row wrap;box-sizing: border-box;margin: -10px;font-size: 0;}
.jobs-list-r>li{ display: inline-block; vertical-align: top; width: 50%; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; height: auto; }
.jobs-list-r .jobs-list-data{ display: flex; flex-direction: column; position: relative; z-index: 1; }
.jobs-list-r .jobs-list-item{position: relative;height: 100%;padding:30px 40px;box-sizing: border-box;min-height: 166px; display: flex; align-items: center; overflow: hidden; }
.jobs-list-r li .jobs-list-item::before{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0;transform: scale(1); transition: all .3s; }
.jobs-list-r li:nth-child(1) .jobs-list-item::before{ background:url(/images/new_kkidc/joinus/yunwei.png) no-repeat bottom right; }
.jobs-list-r li:nth-child(2) .jobs-list-item::before{ background:url(/images/new_kkidc/joinus/shichang.png) no-repeat bottom right; }
.jobs-list-r li:nth-child(3) .jobs-list-item::before{ background:url(/images/new_kkidc/joinus/youxi.png) no-repeat bottom right; }
.jobs-list-r li:nth-child(4) .jobs-list-item::before{ background:url(/images/new_kkidc/joinus/more.png) no-repeat bottom right; }
.jobs-list-r li .jobs-list-item:hover::before{ transform: scale(1.1);}
.jobs-list-r .jobs-list-data p{font-size: 22px;color: #323235;margin-bottom: 11px;}
.jobs-list-r .jobs-list-data p i{position: relative;right: 0;top: -1px;font-size: 14px; color: #323235; margin-left: 13px; vertical-align: middle; transition:all .3s ; -webkit-transition:all .3s ; -moz-transition:all .3s ; -ms-transition:all .3s ; -o-transition:all .3s ; }
.jobs-list-r li .jobs-list-item:hover .jobs-list-data p i {right: -6px;}
.jobs-list-r .jobs-list-data span{font-size: 14px;color: #626266;line-height: 24px;}
/* 福利待遇 */
.welfare-box{ display: flex;flex-flow: row wrap;box-sizing: border-box;font-size: 0;background-color: #fff;padding: 20px 0; }
.welfare-box>li{ display: inline-block; vertical-align: top; width: 33.33333%; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px; height: auto; }
.welfare-item{height: 100%;min-height: 170px; display: flex; flex-direction: column; align-items: center;justify-content: center;}
.welfare-item img{max-width: 34px;}
.welfare-item h3{ font-size: 22px; color: #1c1d1f; line-height: 1; margin: 27px 0; }
.welfare-item p{ font-size: 14px; color: #626266; line-height: 24px; text-align: center; }

/* 培训发展 */
.section-a4{padding: 0;}
.contact-l{    width: 52.5%;}
.contact-item{padding: 35px 34px;border-bottom: 1px solid rgba(255, 255, 255, .1);box-sizing: border-box;position: relative; display: flex;align-items: center; }
.contact-item-l{ max-width: 585px; margin-right: 53px; }
.contact-item.active i{ color: #fff; opacity: 1; transform: rotate(0deg); }
.contact-item i{ font-size: 24px; color: #fff; opacity: .2; transform: rotate(180deg); transition: all .3s; }
.contact-item:first-child{border-top: 1px solid rgba(255, 255, 255, .1)}
.contact-item.active::before{ content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 4px; background-color: #2981ff; }
.contact-us{ margin-top: 55px;}
.contact-item .contact-item-title{ font-size: 20px;line-height: 1; color: #fff; display: flex; justify-content: space-between; align-items: center;position: relative;margin: 15px 0; }
.contact-item .contact-item-title i{ position: absolute; left: -34px; }
.contact-item .contact-way-item{max-height: 0; overflow: hidden;transition: all .3s;}
.contact-way-item p{ font-size: 14px; color: #acacac; line-height: 24px; }
.care-us-title{ display: flex; align-items: center; font-size: 18px; color: #1c1d1f; margin: 65px 0 28px; }
.contact-box{ position: relative;min-height: 706px;background-color: #272727; padding: 80px 0 0;
    box-sizing: border-box; }
.train-img{ position: absolute; right: 0; top: 0; width: 47.39%;max-width: 910px;height: 100%; }
.train-img>img{max-width: none;max-height: 100%;height: 100%;}
@media screen and (min-width:1024px){
    .section-a4 .joinus-header h3,.section-a4 .joinus-header p{color: #fff;}
}

.section-a5{height:340px;padding:0;background:url(/images/new_kkidc/joinus/bg3.png) no-repeat center/cover;overflow: hidden;}
.section-a5 .qr-box{position:relative;height:100%}
.section-a5 .qr-box::before{position:absolute;right:0;content:'';height:199px;bottom: 0;width:400px;background:url(../../images/new_website/joinus/pic_yuan.png) no-repeat}
.section-a5 .qr-box .phone-simulator{position:absolute;right:97px;bottom: 0;height:263px;width:207px;text-align:center;padding:63px 35px 27px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../../images/new_website/joinus/pic_phone1.png) no-repeat}
.section-a5 .qr-box .phone-simulator p{margin-bottom:13px}
.section-a5 .contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:65px 0;height: 100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.section-a5 .contact .left{margin-right:40px}
.section-a5 .contact .left p{line-height:40px;margin-top: 22px;}
.section-a5 .contact .contact-list{margin-top:41px;display: flex;}
.f18{ font-size: 18px; }
.tu-code{ position: absolute; bottom: -8px; right: 252px; overflow: hidden; }

/* 岗位列表页 */
.join-lister{background-color:#f6f7fb;padding-bottom:70px}
.navigation{padding:17px 0}
.navigation a{color:#93939a}
.navigation a:hover{color:#2981ff}
.join-lister .screen-area{ max-width: 317px; margin-right: 19px; font-size: 0; height: fit-content; min-height: 492px; }
.join-lister .screen-area,.join-lister .job-area{padding:30px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#ffffff}
.join-lister .job-area{padding:16px 20px 41px;margin-bottom:0;flex: 1;}
.join-lister .screen-area > div .name{white-space:nowrap;padding-top:5px}
.join-lister .screen-area > div .items span{width: 50%; display:inline-block;cursor:pointer;color:#1c1d1f;font-size: 14px;position: relative;margin-bottom: 15px;padding-left: 28px;box-sizing: border-box;}
.join-lister .screen-area > div .items span::after{ content: ""; position: absolute; width: 16px; height: 16px; border: 1px solid #dee1e8; left: 0; top: 1px; }
.join-lister .screen-area > div .items span::before{ position: absolute; content: ''; width: 4px; height: 8px; transform: rotate(45deg); border-right: 2px solid #fff; border-bottom: 2px solid #fff; top: 3px; left: 6px; z-index: 1; opacity: 0; }
.join-lister .screen-area > div .items span.active::after{ background-color: #2981ff; border-color: #2981ff; }
.join-lister .screen-area > div .items span.active::before{ opacity: 1; }
.page input{width: 30px;height: 30px;}
.select-type{display: block;font-size: 14px;font-weight: bold;color: #1c1d1f;position: relative;line-height: 1;margin-bottom: 18px;}
.select-type::after{ content: ""; position: absolute; width: 3px; height: 14px; background-color: #2981ff; left: -20px; top: 0; }
.screen-area>div:not(:last-child){ margin-bottom: 26px; }
.screen-area>div>.items{ display: flex; flex-direction: row; flex-wrap: wrap; }
.join-lister .job-area .hot-job{display:-webkit-box;display:-ms-flexbox; border-bottom: 1px solid #f2f4f7; display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-bottom: 16px;margin-bottom:19px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.join-lister .job-area .hot-job .left{margin-left:10px; display: flex; align-items: center;}
.join-lister .job-area .hot-job .left img{ margin-right: 10px; }
.join-lister .job-area .hot-job .left a{margin-left:5px;margin-right:18px}
.join-lister .job-area .hot-job .left a:hover{color:#005aff;text-decoration:underline}
.join-lister .job-area .hot-job .right{width:410px}
.area-select{display: flex;margin-top: 20px;}

.kk-input input { border: none; background-color: rgba(242, 244, 247, .5); padding-left: 36px; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }
.kk-input .iconfont { left: 12px; right: auto; top: 13px; cursor: pointer; color: #b1b5bb; }
.kk-table .kk-table-header .kk-table-th, .kk-table .kk-table-body .kk-table-td { padding: 0 25px; }
.kk-table .kk-table-header .kk-table-th { width: 100%; height: 40px; line-height: 40px; font-weight: normal; font-size: 14px; color: #323235; }
.kk-table .kk-table-body .kk-table-td { color: #626266; }
.kk-table .kk-table-body .kk-table-tr{ border-bottom: solid 1px #f2f4f7; }
@media screen and (min-width: 1024px) and (max-width:1450px){
    .banner .swiper-wrapper .swiper-slide{
        background-position: calc(50% + 95px) center;
    }
}
@media screen and (max-width:1920px){
    .font12{font-size:  12px}
    .font13{font-size:  13px}
    .m-list-container{width:100%;font-size:  14px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#f6f7fb}
    .search-area{position:relative;padding:  10px 15px 16px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#ffffff}
    .search-area::before{position:absolute;content:'';width:100%;height:99%;left:0;bottom:0;z-index:100;background-color:transparent;-webkit-box-shadow:  0px 4px 7px -4px #dfe2e5;box-shadow:  0px 4px 7px -4px #dfe2e5}
    .search-area .kk-input{z-index:101}
    .mask{z-index: 98;}
    .search-area .kk-input input{height:  45px;font-size:  14px;padding-left:  35px;border:none;border-radius:0;background-color:#f6f7fb}
    .search-area .kk-input .iconfont{right:unset;font-size:  13px;top:  16px;left:  12px}
    .type-search{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:  15px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
    .type-search .type-item{color:#323235;font-size:  14px;}
    .type-search .type-item i{display:inline-block;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);font-size:  10px;color:#636363;vertical-align:1px;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s}
    .type-search .type-item .drop-list{display:none;position:absolute;left:  -15px;top:  34px;width:109%; z-index: 99;padding:  16px 25px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#ffffff}
    .type-search .type-item .drop-list .drop-item{font-size:  14px;line-height:  37px}
    .type-search .type-item .drop-list .drop-item.active{position:relative}
    /* .type-search .type-item .drop-list .drop-item.active::after{content:'\e710';position:absolute;right:0;color:#2981ff;font-size:  15px;font-family:'iconfont' !important} */
    .type-search .type-item > p,.type-search .type-item  i{position:relative;z-index:101}
    .type-search .type-item i{margin-left: 5px;}
    /* .type-search .type-item.active > span,.type-search .type-item.active > i{color:#2981ff} */
    .type-search .type-item.active  i{-webkit-transform:rotate(-270deg);-ms-transform:rotate(-270deg);transform:rotate(-270deg)}
    .type-search .type-item.active .drop-list{display:block}
    .type-search .type-item .mask{display:none;position:fixed;z-index:98;top:  333px;left:0;width:100vw;height:100vh;background-color:rgb(0 0 0 / 37%)}
    .m-list-container .main{width:100%;padding:  17px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;position: relative;}
    .m-list-container .main .mask{
        position: absolute;

    display: none;
    }
    .m-list-container .main .navigation{padding:0;font-size:  12px;margin-bottom:  17px}
    .m-list-container .main .navigation a{color:#93939a}
    .m-list-container .main .job-list .job-item{display:block;width:100%;padding:  20px 15px;margin-bottom:  10px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#ffffff}
    .m-list-container .main .job-list .job-item > p:first-child{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:  6px}
    .m-list-container .main .job-list .job-item .name{font-size:  15px;display:inline-block;max-width:80%}
    .m-list-container .main .job-list .job-item .date{color:#626266}
}

/* 详情页样式 */
.j-d-container{padding-bottom:100px;background-color:#f5f7fa}
.j-d-main{padding:40px;background-color:#ffffff}
.j-d-main h1{font-size:30px;color: #1c1d1f;}
.j-d-item{background-color: #f5f7fa;padding: 25px 60px;box-sizing: border-box;margin-bottom: 25px;}
.j-d-detail {padding: 0 60px 40px; font-size: 14px;color: #626266;line-height: 26px;}
.j-d-main .j-d-info{color:#93939a;font-size:14px;margin:12px 0 7px;}
.j-d-name{display: flex;align-items: center;}
.j-d-info span:not(:last-child){margin-right: 70px;}
.j-d-tag{ color: #2981ff; padding: 1.5px 8px; border: solid 1px #2981ff; background-color: #e9f2ff; box-sizing: border-box; margin-left: 20px;}
.j-d-detail h3 {font-size: 18px;color: #1c1d1f;margin-bottom: 19px;}
.j-d-detail .desc {color: #626266;line-height: 26px;}
.apply-for{margin-top: 38px;
    padding: 9px 27px;
    box-sizing: border-box;}

@media screen and (max-width:1023px){
    .banner.h300{
        height: 160px;
    }
    .section-a1{
        padding-bottom: 40px;
    }
    .section-a2{
        background-color: #f5f7fa;
    }
    .section-a3{
        background-color: #fff;
    }
    .section-a4{
        padding: 40px 0 30px;
        background-color: #f5f7fa;
    }
    .banner .swiper-wrapper .swiper-slide {
        background-image: url(/images/new_kkidc/joinus/m-banner.png);
    }
    .m-solution2__cards{
        display: flex;
        flex-direction: column;
    }
    .tpm-solution2__card.v2.is-active{
        width: auto;
        height: 190px;
    }
    .tpm-solution2__card.v2 {
        height: 60px;
        margin-bottom: 5px;
    }
    .tpm-solution2__card.v2:last-child{
        margin-bottom: 0;
    }
    .tpm-solution2__cards::-webkit-scrollbar {
    height: 0;
    }
    .tpm-solution2__card{
        width: auto;
        margin-right: 0;
    }
    .know-more p{
        width: auto;
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 12px;
    }
    .tpm-solution2__card.is-active .tpm-solution2__card-cover .bottm-cover,.tpm-solution2__card-cover .bottm-cover{
        padding: 18px 20px;
    }
    .bottm-cover h3{
        font-size: 15px;
        text-align: left;
        line-height: 24px;
    }
    .tpm-solution2__card.is-active .bottm-cover h3{
        font-size: 15px;
        font-weight: normal;
        margin-bottom: 3px;
    }
    .know-more a{
        font-size: 13px;
        background-color: transparent;
        border: 1px solid #fff;
        height: 27px;
        line-height: 27px;
        width: 80px;
        box-sizing: border-box;
        color: #fff;
    }
    .filter-box{
        background-size: 100% auto;
        background-position: 100% 53%;
    }
    .tpm-solution2__card.is-active .filter-box{
        background-position: 100% 100%;
    }

    .joinus-header h3{
        font-size: 18px;
        text-align: center;
    }
    .joinus-header p{
        font-size: 13px;
        line-height: 20px;
        color: #323235;
        margin-bottom: 21px;
        /* padding: 0 14px; */
        box-sizing: border-box;
        text-align: center;
    }
    .m-jobs-list li{
        box-shadow: 0px 6px 24px 0px
		rgba(18, 51, 100, 0.06);
	    border: solid 1px #ffffff;
        background-color: #fff;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-position: right;
        padding: 18px 20px;
        box-sizing: border-box;
        margin-bottom: 15px;
        min-height: 111px;
        display: flex;
        align-items: center;
    }
    .m-jobs-list li:nth-child(1){
        background-image: url(/images/new_kkidc/joinus/jobs-bg1.png);
    }
    .m-jobs-list li:nth-child(2){
        background-image: url(/images/new_kkidc/joinus/jobs-bg2.png);
    }
    .m-jobs-list li:nth-child(3){
        background-image: url(/images/new_kkidc/joinus/jobs-bg3.png);
    }
    .m-jobs-list li:nth-child(4){
        background-image: url(/images/new_kkidc/joinus/jobs-bg4.png);
    }
    .m-jobs-list li:nth-child(5){
        background-image: url(/images/new_kkidc/joinus/jobs-bg5.png);
    }
    .m-jobs-list li a{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex: 1;
    }
    .jobs-jump-icon{
        width: 24px;
        height: 24px;
        box-shadow: 0px 6px 24px 0px rgba(18, 51, 100, 0.06);
        border-radius: 50%;
    }
    .m-jobs-list li h3{
        font-size: 16px;
        color: #1c1d1f;
    }
    .m-jobs-list li .jobs-text{
        font-size: 13px;
        line-height: 24px;
        margin-top: 4px;
    }
    .m-jobs-list li .jobs-item{
        margin-right: 20px;
        flex: 1;
    }
    .welfare-box{
        padding: 0;
    }
    .section-body .welfare-box li{
        margin-bottom: -1px;
        margin-right: -1px;
        width: 50%;
        padding: 23px 15px 20px;
    }

    .welfare-item img{
        max-width: 28px;
    }
    .welfare-item h3{
        font-size: 16px;
        margin: 15px 0 8px;
        font-weight: 500;
    }
    .welfare-item{
        min-height: auto;
    }
    .welfare-item p{
        font-size: 13px;
        margin-bottom: 0;
        line-height: 22px;
    }
    .section-a4 .swiper-container-ios li{
        background-color: #fff;
        padding-bottom: 25px;
        height: auto;
    }
    .section-a4 .swiper-container-horizontal>.swiper-pagination-bullets{
        bottom: 10px;
    }
    .section-a4 .swiper-pagination-bullet {
        width: 4px;
        height: 4px;
        display: inline-block;
        border-radius: 2px;
        background: #c2ccdc;
        opacity: 1;
        transition: all .3s;
    }
    .section-a4 .swiper-pagination-bullet-active{
        width: 14px;
        background: #2981ff;
    }
    .section-a4 .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 4px;
    }
    .m-contact-box .swiper-list{
        background-color: #fff;
    }
    .m-contact-box ul li .train-text{
        padding: 19px 19px 30px;
        box-sizing: border-box;
    }
    .train-text h3{
        font-size: 16px;
        color: #1c1d1f;
        line-height: 1;
        margin-bottom: 6px;
    }
    .train-text p{
        font-size: 13px;
        line-height: 23px;
        color: #626266;
    }


    .section-a6 {
        background-color: #ffffff;
        padding-top: 30px;
        height: 310px;
    }
    .section-a6 .qr-box {
        position: relative;
        width: 100%;
        height: 100%;
    }
   .section-a6 .qr-code {
        width:  246.5px;
        height:  261px;
        margin: auto;
        padding-top:  30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        background: url(/images/new_kkidc/joinus/m-phone-bg.png) no-repeat center / cover;
        background-size: contain;
        background-position-x: -3px;
    }
    .section-a6 .qr-box p {
        font-size:  12px;
        margin-bottom:  8px;
    }
    .section-a6 .qr-box .contact {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 144px;
        font-size: 14px;
        color: #1c1d1f;
        padding: 20px 15px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: url(../../images/new_website/joinus/m_bg3.png) no-repeat center / cover;
        background-color: #fff;
    }
    .section-a6 .qr-box .contact img {
        height:  11px;
        margin-right:  5px;
        content: url(../../images/new_website/joinus/m_toright.png);
    }
    .section-a6 .qr-box .contact .contact-list {
        margin-top:  16px;
        font-size:  13px;
        padding-top:  9px;
        line-height:  30px;
        color: #323235;
        border-top: solid 1px #eaebef;
    }
    .section-a6 .qr-box p {
        font-size: 12px;
        line-height: 19px;
        margin-bottom: 15px;
        color: #323235;
    }
    .section-a6 .qr-box .contact .contact-list>p {
        max-width: unset;
        line-height: 30px;
        margin-bottom: 0;
        font-size: 14px;
    }
    .section-a6 .qr-code img {
        width: 82px;
        height: 82px;
    }


    /* 岗位详情页 */
    .jobs-block{
        background-color: #f5f7fa;
        padding: 20px 15px;

    }
    .jobs-block .j-d-info{
        font-size: 0;
    }
    .jobs-block .m-title{
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 6px;
    }
    .m-jobs-title>*{display: inline-block;}
    .jobs-block .jobs-dizhi{
        color: #2981ff;
        display: flex;
        align-items: center;
    }
    .jobs-block .jobs-dizhi img{
        max-width: 15px;
        margin-right: 5px;
    }
    .m-main .j-d-info > p{  color: #626266; display: inline-block; width: 50%; font-size: 13px; line-height: 23px;}
    .j-d-container .navigation{padding:0;font-size:  12px;padding-bottom:  20px}
    .wechat-box {width: 55%;}
    .wechat-box .close {width:  20px;height:  20px;}
    .j-d-container{padding:  20px 15px 50px;background-color:#ffffff;position: relative;}
    .j-d-tag{padding:  3px 8px;font-size:  12px;border-radius:  2px;margin-left:  6px;vertical-align:1px;border-width:  1px}
    .m-title > *{display:inline-block}
    .m-main h1{font-size:  18px}
    .m-main .j-d-info .jobs-time{
        font-size: 11px;
        color: #93939a;
        margin-top: 8px;
    }
    .j-d-detail {
        padding: 25px 0;
        font-size: 14px;
        color: #626266;
        line-height: 23px;
        box-sizing: border-box;
    }
    /* .m-main .j-d-info{margin:  12px 0 39px} */
    .m-main .j-d-info > p:last-child{margin-right:0}
    .m-main .j-d-info i{font-size:  14px;color:#636363;margin-right:  5px}
    .m-main .j-d-info p:nth-child(1) i{font-size:  15px;}
    .m-main .j-d-info p:nth-child(3) i{font-size:  13px;}
    .j-d-detail h3 {font-size:  15px;color: #1c1d1f;margin-bottom:  15px;}
    .j-d-detail .desc {color: #626266;line-height:  24px;font-size:  14px;}
    .apply-for{    width: 100%;
    margin: 0;
    padding: 16px 0;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;}
    .wechat-box .close{background-color:transparent}
    .type-search .type-item .drop-list .drop-item{
        padding: 5px;
        box-sizing: border-box;
        display: inline-block;
        width: 33.3333%;
        font-weight: normal;
    }
    .type-search .type-item .drop-list .drop-item p{
        background-color: #f2f4f7;
        text-align: center;
        padding: 0 5px;
        box-sizing: border-box;
    }
    .type-search .type-item .drop-list .drop-item.active p{
        background-color: #2981ff;
        color: #fff;
    }
    .type-search .type-item .drop-list{
        padding: 15px 10px;
        font-size: 0;
        top: 34px;
    }
    .type-search .type-item.active{
        font-weight: bold;
    }
    .search-area{
        border-bottom: 1px solid #E1E5EB;
    }
    .type-search .type-item.active span::before{
        content: "";
        position: absolute;
        height: 3px;
        width: 100%;
        left: 0;
        bottom: -17px;
        background-color: #2981ff;
    }

    .m-main .j-d-info > p{
        width: auto;
        min-width: 50%;
    }
    .m-main .j-d-info > p:last-child{
        width: 100%;
    }

    .welfare-item{justify-content: flex-start;}

    .job-list-down-page {
        font-size: 14px;
        margin-top: 10px;
        color: #93939a;
        text-align: center;
        display: none;
    }
    .job-list-down{
        display: none;
    }
    .job-list-open{
        display: block;
    }
}