.mobile_display_yes{color:#555;height: 40px;line-height: 40px;vertical-align: middle;float: none;display: inline-block;width: auto;font-size: 14px;padding: 0 10px;} .mobile_display_yes{display: none;}

.fl{float:left;} .fr{float:right;} .btn-default{color: #333;border-color: #ccc;border-radius: 0;}
.header .row{padding: 0 25%;padding-left: calc(50% - 370px);padding-right: calc(50% - 370px);} .header .row .form-control{width:96% !important;border-radius: 0;height: 42px;}
.has-feedback {position: relative;}.form-group {margin-bottom: 15px;}
.form-control-feedback {position: absolute;top: 0;right: 0;z-index: 2;display: block;width: 80px;margin: 10px 0 0 20px;height: 42px;line-height: 42px;background-color: #ffc002;text-align: center;pointer-events: none;color: #fff;cursor: pointer;border-left: 1px solid #eee;font-size: 16px;}
.wrap, .bg-wrap{background-color: #eee;padding: 40px 0 30px;}
.section-block{background-color: #fff;margin:10px 0;padding: 5px 30px;}
.section-block ul > li .active{background-color: #ffc002;padding: 4px 10px;color: #fff;}
.section-block .row ul li a:not(.active){color: #666;}
.section-block ul > li a:hover:not(.active){
    color: #ffc002;
}
.section-block .term-right .active{padding: 4px 10px;background-color: #fff !important;color: #666666;border: 1px solid #E4E4E4;}
.section-block .term-right .active option{background-color: #fff;color: #000;}
.header{background: url('/static/images/工作背景.png') no-repeat;background-size: 100% 100%;margin: 0px;}
.term-right{line-height: 30px;display: inline-block;}
.term-right label{margin-bottom: 0px;margin-left: 50px;}
.term-page{line-height: 30px;width: 120px;text-align: center;}
.term-page div{display: inline-block;}
.term-page svg{fill: #333333;}
.term-page svg:hover:not(.disabled){cursor: pointer;color: #ffc002}
.term-page svg.disabled{fill: #CCCCCC;cursor: no-drop;}
.recruit{height:auto;margin: 0px;background: #fff !important;padding:0px !important;position: relative;margin-bottom: 10px;} .recruit h3{font-size: 16px;padding-bottom: 10px;}
.recruit p label {color: #bbb;} .recruit p span {display: inline-block;width: 120px;}
.recruit .fr span{font-size: 20px;font-weight: bold;color: #fb6d08;} .recruit .fr{line-height: 60px;}
.recruit .date{float: right; color: #AAAAAA;font-size: 12px;}
.recruit > div{padding-left: 30px;padding-right: 30px;}
.recruit > div .left-panel{width: 35%;display: inline-block;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.recruit > div .right-panel{width: 60%;display: inline-block;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.recruit > div.position{padding-top: 20px;}
.recruit > div.require{padding-top: 10px;padding-bottom: 10px;}
.recruit > div.company-desc{background: #FAFAFA;height: 32px;}
.recruit > div.position .left-panel,.recruit > div:nth-child(1) .right-panel{font-size:16px;color: #333333;line-height:16px;height: 20px;font-weight:400;}
.recruit > div.position a{color: #333333;}
.recruit > div.position a:hover{color: #ffc002};
.recruit > div.require .left-panel,.recruit > div:nth-child(2) .right-panel{height:15px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;color:rgba(170,170,170,1);line-height:12px;}
.recruit > div.require .left-panel > span:first-child{color: #EA7530;font-size:14px;line-height:14px;margin-right: 10px;}
.recruit > div.company-desc .left-panel{line-height: 32px;}
.recruit > div.company-desc .left-panel span{color: #666666;font-weight:300;border:1px solid #AAAAAA;background: #FAFAFA;border-radius:3px;padding: 3px 5px;}
.recruit > div.company-desc .right-panel{font-size: 12px;color: #666666;line-height: 32px;height: 100%;}
.recruit > div.duty{margin-bottom: 10px;}
.recruit > div.duty.clamp{display: none;}
.recruit > div.duty > div{margin-bottom: 10px; line-height: 24px;color: #666;}
.recruit > div.duty.clamp > div{overflow: hidden;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.recruit > div.duty > a{color: #ffc002;cursor: pointer;}
.recruit-btn{ right: calc(4% + 30px);top: 20px;z-index: 1000;position: absolute;display: none;}
.recruit:hover .recruit-btn{display: block;}
.recruit:hover .date{display: none;}
.btn-recruit {margin-left: 30px;padding: 5px 10px;background: #fb6d08;border: 1px solid #fb6d08;color: #fff;font-size: 14px;}
.input-page{width:45px;height: 25px;border-radius: 4px;margin: 0 5px;text-align: center;    border: 1px solid rgba(239,239,239,1);}
.dataTables_paginate p{display: inline-block;} .pagination li{float:left;margin-left: 10px;line-height: 30px;}
.dataTables_paginate{text-align: center;margin-top: 30px;} .pagination li a{color:#000;}
.pagination li{background-color: #fff;}
.pagination li span,.pagination li a, .pagination li{padding: 1px 10px;margin-bottom: 5px;} .pagination .active{background-color: #fbcd4f !important}
.links-wrap {min-height: 130px;background-color: #222;padding: 20px 15px 10px;border-top: 1px solid #474747;}
.links-wrap div label{font-size: 12px;margin-right: 10px;color:#fff;margin-bottom: 5px;display: inline;}
.wrap .row ul, .pagination, .links-wrap .row ul{display: inline-block;vertical-align: bottom;}
.wrap .row ul > li{float:left;margin-left: 20px;line-height: 30px;}
.links-wrap .row ul > li{float:left;}
.links-wrap div ul > li > a {display:block;color:#A9A9A9;font-size: 12px;padding: 0px 10px;line-height: 30px;;}
.left-wrap{width: 60%;display: inline-flex;float: left;}
.left-wrap .panel{width: 30%;}
.left-wrap .panel > div,.right-wrap .panel > div{padding: 5px 0px;}
.left-wrap .panel .h,.right-wrap .panel .h{font-size:14px;color: #FEFEFE;}
.left-wrap .panel > div:not(.h),.right-wrap .panel > div:not(.h){font-size: 12px;color: #A9A9A9;}
.left-wrap a{color: inherit;}
.left-wrap a:hover{color: #fff;}
.right-wrap{width: 38%;display: inline-block;text-align: right;}
.right-wrap .panel .h{margin-right: 80px;}
.right-wrap img{width: 90px;}
.links-addr{display: inline-block;margin-bottom: 12px;width: calc(100% - 160px);}
.links-qrcode{display: inline-block;float: right;margin-left: 10px;}
.links-qrcode img{width: 64px;}
.links-qrcode > div{text-align: center;}
ul.pagination  li{border: 1px solid rgba(239,239,239,1);}
#footer-hot-work-1,#footer-hot-work-2{display: inline;}
.links-wrap .f2 .row a{padding: 0px 10px;color: #A9A9A9;line-height: 24px;}
.links-wrap .f2 .row a:first-child{padding-left: 0px;}
.links-wrap .f2 .row a:not(:last-child){border-right: 1px solid #a9a9a9;};
.links-wrap .f2 .row{padding: 8px 0px;}
.links-wrap .f2 .row label{margin-right: 0px;}
@media all and (min-width:320px) and (max-width:767px){
    .wrap, .bg-wrap {padding: 40px 0 !important;}.sort-type{height: 85px;}
    .header .row {padding: 0;} .header .row .form-control {width: 92% !important;}
    .term-right{float: none !important;display: block;}
    .term-right label{margin-left: 0px;}
    .term-page{display: none;}
    .recruit > div{padding-left: 10px;padding-right: 20px;}
    .recruit-btn{display: block;font-size: 12px;padding: 5px 5px;right: 5px;top:40px;}
    .recruit .date{display: none;}
    .recruit p span{width: 80px;}
    .recruit .fl{float: none;display: block;}
    .recruit .fr{float: none;display: block;}
}
@media all and (min-width:768px) and (max-width:1300px){
    .container {margin-left: 0 !important;width: 100%} .header .row {padding: 0 15%;}
    #nav_container{padding-left: 30px;}
    #nav_box #nav_logo{width: 120px; height: 50px;}
    #nav_logo img{width: 36px;height: 36px;}
    #nav_logo span{font-size: 20px;line-height: 30px;}
    .mobile_box{width: 800px;}
    .nav_list li{ height: 60px; line-height: 60px;}
    .nav_list a.nav_title{font-size: 14px;}
    /*.section-block {padding: 15px 460px 10px 30px;} */
    .dataTables_paginate {text-align: left;}
}
@media all and (max-width:700px){
    .mobile_display_yes{display: inline-block!important;}
    .mobile_display_no{display: none!important;}
    .left-wrap{width: 100%;float: none;}
    .right-wrap{width: 100%;display: block;text-align: left;border-top: 1px solid #474747;padding-top: 20px;}
    .links-wrap > .f2 > .row{height: auto;}
    .links-wrap div ul > li{border: none !important;}
    .links-wrap div ul > li > a{line-height: 30px;}
    .links-wrap div label{margin-bottom: 5px;}
}
.container{ margin: 0 auto;}
.pagination li span{
    color: #888;
    cursor: no-drop;
}
.pagination ul li > a:hover{
    color: #ffc002;
}
.pagination li.active{
    background: #ffc002;
    color: #fff;
}
.pagination li.active span{
    color: #fff;
}