ul,ol{
    list-style: none;
}
.career_blank {
    width: 100%;
    height: 100px;
    background-color: #fff;
}
.process-career{
    padding: 97px 0 40px;
    list-style: none;
}
.process-box{
    width: 600px;
    margin: 0 auto;
}
.flex-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
}
.flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.process-career li p{
    width: 100%;
    margin-top: 24px;
    padding: 0;
    text-align: center;
    color: #333;
    font-size: 22px;
    font-weight: bold;
}
.angle-career{
    width: 0;
    height: 0;
    margin-top: -26px;
    border: 10px solid;
    border-color: transparent transparent transparent #BFBFBF;
}
.process-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 80px;
}
.process-title .process-slogan{
    display: flex;
}
.process-title .process-slogan h2{
    text-align: center;
    font-weight: bold;
    color: #070706;
    font-size: 38px;
    margin: 0 12px;
}
.process-title .process-slogan h2 span{
    color: #13C2C2;
}
.process-title h3{
    color: #A0A0A0;
    padding-left: 46px;
    line-height: 34px;
}
.container-fluid .s-society{
width: 80%;
}
.container-fluid .join-us{
width: 80% !important;
}
.common-animation{visibility: visible; animation-name: fadeInUp;}
.qa-campus{padding: 85px 0 60px;}
.qa-campus li{padding-bottom: 20px;}
.qa-campus li h2{position: relative;color: #000;font-size: 24px; line-height: 24px;font-weight: bold;cursor: pointer;}
.qa-campus li h2 span{position: absolute;top: 0;right: 0; line-height: 20px;padding-right: 23px;color: #000;font-size: 16px;font-weight: normal; cursor: pointer;}
.qa-campus li h2 span.open::before{content: '';display: inline-block;width: 20px;height: 20px;background: url('/static/images/pc/career/icon/down_arrow.png') no-repeat right center;background-size: 11px auto; position: absolute;top: 0;right: 0;}
.qa-campus li h2 span.close::before{content: '';display: inline-block;width: 20px;height: 20px;background: url('/static/images/pc/career/icon/down_arrow.png') no-repeat left center;background-size: 11px auto; position: absolute;top: 0;right: 0; transform: rotate(180deg);}
.qa-campus li h2 span.close{display: none;}
.qa-campus li.now h2 span.open{display: block;}
.qa-campus li.now h2 span.close{display: none;opacity: 1 !important;}
.qa-campus-box{padding: 30px 0 0;display: none;}
.qa-campus-bg{background: #1C9AD2;border-radius: 8px;padding: 20px 50px;color: #fff;font-size: 20px; line-height: 40px;}


/*社会招聘*/
.society-box{background: #fff;border-radius: 30px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.03);padding: 30px 40px; position: relative; z-index: 10;box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);margin-top: 10px;}
.position-box{background: #fff;border-radius: 30px;padding: 24px 40px;box-sizing: border-box;margin: 20px 0;box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);}
.position-title{background: #DBDEE1;border-radius: 14px;}
.position-title th{color: #333;font-size: 0.27rem; padding: 19px 0px;;text-transform: uppercase;}
.position-list li{ position: relative;border-radius: 14px;overflow: hidden; transition: all 0.3s;}
.position-list li::before{content: '';display: inline-block;width: 100%;height: 1px;background: #eee; position: absolute;left: 0; bottom: 0;}
.position-list li a{width: 100%;padding:19px 0;}
.position-list li a span{color: #333;font-size: 0.24rem; line-height: 30px; transition: all 0.3s; text-align: center;}
.position-list li:hover a span{color: #fff;}
.position-list li:hover{background: #203C98;}
.position-list li:hover::before{opacity: 0;}
/*社会招聘搜索*/
.society-select{height: 63px; padding:0 30px;background: #F7F9FF;border-radius:32px;display: block;float: none;border: 1px solid rgba(32, 60, 152, 0.41);width: 232px;box-sizing: border-box;}
.society-select::after{display: none; }
.society-select .society-list-wrapper{width: 100%;left:0;background: #F7F9FF;border-radius: 0 0 5px 5px;box-sizing: border-box;border:1px solid rgba(32, 60, 152, 0.41)!important;}
.society-select .society-list-wrapper::-webkit-scrollbar {width: 3px;height: 3px;background-color: transparent;}
.society-select .society-list-wrapper::-webkit-scrollbar-track {-webkit-box-shadow: transparent;border-radius: 0;background-color: transparent;}
.society-select .society-list-wrapper::-webkit-scrollbar-thumb {border-radius: 3px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background:#203C98;}
.society-select .society_option{line-height: 30px;font-size: 16px!important; padding: 5px 20px 5px 20px;height: auto; color: #333;}
.society-select .society_option.active,.sod_select .sod_option:hover{color: #203C98;}

.search-box{border-radius: 32px;height: 80%;width: 100%;box-sizing: border-box;border: 1px solid rgba(32, 60, 152, 0.41);padding-left: 30px; position: relative;}
.search-btn{border: none;width: 30%;background: #203C98; height: 100%;cursor: pointer;border-radius: 34px;color: #fff;font-size: 0.24rem; position: absolute;right: 0px; transition: all 0.3s;}
.search-btn:hover{background: #19317F;}
.search-ipt{width: 70%;border: none;height:60px;color: #333;font-size: 0.24rem;background: none;}
.dropdown{flex: 1;margin-right: 10px;}
/*选择框*/
.society-select-category{display: block;float: none;width: 100%;height: 60px;line-height: 60px;text-align: left;padding-left: 20px; background: #F7F9FF;border-radius: 32px;border: 1px solid rgba(32, 60, 152, 0.41);box-sizing: border-box;font-size: 0.24rem;}
.select{
    background: url("../images/theme_images_icon.png") no-repeat scroll 90% center transparent !important; 
    }
.custSelect-ul{
    display: none;
    position: absolute;
    background-color: white;
    border: 1px solid #a3afd5;
    border-radius: 20px;
    z-index: 9999;
    width: 100%;
    padding: 0;
}
.custSelect-ul .custSelect-li{
    padding: 5px 20px;
}
.custSelect-ul .custSelect-li:hover{
    background-color: #203C98;
    color: #fff;
    cursor: pointer;
}
.custSelect-ul li:last-child:hover{
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.custSelect-ul li:first-child:hover{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
/*表格样式*/
th {text-align: center;}
.noPadding{padding: 0}
.society-detail-box{background: #fff;border-radius: 30px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);padding: 40px 40px 60px;box-sizing: border-box; position: relative}
.society-detail-msg{border-bottom: 1px dashed #ddd;}
.society-detail-msg li{ line-height: 26px; color: #666;font-size: 0.24rem;}
.society-detail-desc{color: #262626;font-size: 0.2rem; line-height: 28px;}
.society-detail-desc span {font-size: 0.2rem !important;}
.postion-detail-box{display: flex;justify-content: space-between;}
.position-detail-left{flex: 1;margin-right: 18px;width: 65%;}
.position-detail-right{position: relative;width: 100%;padding: 10px 30px;background: #f5f5f5;}
.right-conten{width: 35%;background-color: white;}
.society-form{display: flex;align-items: center; width: 100%;}
/*分页样式*/
.page a.now, .page a:hover {
    background: #203C98;
    color: #fff;
    border: 1px solid #203C98;
    border-radius: 22px !important;
}
.page a, .page span {
    display: inline-block;
    height: 34px;
    box-sizing: border-box;
    line-height: 34px;
    color: #666;
    font-size: 0.28rem;
    margin: 0 6px;
    text-align: center;
    background: #fff;
    padding: 0 16px;
    border: 1px solid #eee;
    border-radius: 18px;
}
.hr-detail-desc{font-size: 0.2rem;line-height: 24px;}
.pagination > .active > a,.pagination > li > a{
    display: inline-block;
    height: 36px;
    box-sizing: border-box;
    line-height: 36px;
    color: #666;
    font-size: 0.24rem;
    margin: 0 8px;
    text-align: center;
    background: #fff;
    padding: 0 18px;
    border: 1px solid #eeeeee;
    border-radius: 22px !important;
}
.pagination > .active > a:hover,.pagination > li > a:hover, .pagination > li > a:focus{
    background: #203C98;
    color: #fff;
    border: 1px solid #203C98;
}
.pagination > .active > a{
    background: #203C98;
    color: #fff;
}
.pagination li {
    border: none !important;
}
.pagination .active{
    background: none !important;
}
ul#pageLimit li:first-child,ul#pageLimit li:last-child {display: none;}
/*end社会招聘*/
.flex-start {display: flex;justify-content: space-between;flex-wrap: wrap;}
.pb30 {padding-bottom: 30px;}
.pt25 {padding-top: 25px;}
.pt20 {padding-top: 20px;}
.pt30 {padding-top: 20px;}
.mb35 {margin-bottom: 35px;}
.ml10 {margin-left: 10px;}
.ml54 {margin-left: 54px;}
.f22 {font-size: 0.24rem !important;}
.f28 {font-size: 0.28rem !important;border-left: 7px solid #203C98;padding-left: 5px;}
.f20 {font-size: 0.24rem !important;border-left: 7px solid #00837E;padding-left: 5px;}
.b {font-weight: bold!important;}
.col333 {color: #333!important;}
b {font-weight: bold;}
input, button, textarea,select {outline: none;}
a{text-decoration: none;}

/*修改btn样式*/
.btn-link:hover, .btn-link:focus {
    text-decoration: none;
}
.btn:hover, .btn:focus, .btn.focus {
    color: #333;
    text-decoration: none;
}
/*动画*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,100%,0);
        transform:translate3d(0,100%,0)
    }
    100%{opacity:1;}
}
/*媒体查询*/
@media (max-width: 1400px) {
    .search-btn{
        width: 35%;
        border-radius: 25px;
    }
}
@media (max-width: 1200px) {
    .search-btn{
        border-radius: 23px;
    }
}
@media (max-width: 1000px) {
    .position-detail-right{
        padding: 10px;
    }
    .container-fluid .s-society{
    width: 100% !important;
    }
    .container-fluid .s-society .col-md-12{
         padding: 0 5px !important;
     }
    .container-fluid{
        margin: 0 !important;
     }
     .container-fluid .s-society .position-box{
        padding: 24px 10px 30px !important;
     }
     .container{
        padding-right: 10px !important;
        padding-left: 10px !important;
     }
     .society-box{
        padding:20px 5px !important;
     }
     .dropdown {
        margin-right: 3px !important;
    }
    .society-select-category{
        height: 50px !important;
        line-height: 50px !important;
    }
    .search-box{
        height: 60% !important;
        padding-left: 10px !important;
    }
    .search-ipt{
        height: 50px !important;
    }
    .postion-detail-box {
        display: contents;
    }
    .position-detail-left {
        width: 100%;
    }
    .right-conten {
        width: 100%;    
        margin-top: 25px;
    }
    .society-detail-desc{
        line-height: 20px;
    }
    .hr-detail-desc{
        line-height: 20px;
    }
    .society-detail-msg li{
        line-height: 20px;
    }
    .container-fluid .join-us {
        width: 100% !important;
    }
 }
@media (max-width: 700px) {
    .pagination > .active > a,.pagination > li > a{
        height: 30px !important;
        line-height: 30px !important;
        margin: 0px 2px!important;
        padding: 0 8px !important;
    }
    .search-btn{
        width: 35%;
        border-radius: 20px;
    }
    .society-detail-box{
        padding: 20px;
    }
}
@media (max-width: 600px) {
    .select{
        background:none !important;
    }
    .society-select-category{
        height: 30px !important;
        line-height: 30px !important;
    }
    .search-ipt{
        height: 30px !important;
    }
    .search-btn{
        border-radius: 12px;
    }
}
@media (max-width: 400px) {
    .search-btn{
        width: 40%;
    }
    .society-select-category{
        padding-left: 10px !important;
    }
}