.posInput22{
	position: absolute;
    top: 0px;
    z-index: 100;
    width: 764px;
    background: #fff;
    height: 41px;
    left: 219px;
}
.positionRetrieval {
    top: 1px;
    text-align: left;
    line-height: 36px;
    position: absolute;
    right: 0 !important;
}
/*搜索框*/
.xf-searchBox{
    width: 800px;
    margin: 0 auto;
}
.xf-search{
    height: 50px;
    background: #fff;
    position: relative;
}
.xf-sort{
    width:58px;
    line-height: 50px;
    background: url("../images/sort.png") no-repeat 16px center;
    background-color: #F7F7F7;
    padding-left:42px;
}
.xf-sort-downBox{
    position: absolute;
    z-index: 200;
    display: block;
    left:0;
    top: 50px;
    background: #fff;
    box-shadow: 0 0 1px 0 #eee;
}
.xf-sort-nav{
    width: 188px;
    padding:15px 15px 15px 15px;
}
.xf-sortNav-menu  li.active>a i:before{
    color:#0FACF3;
}
.xf-sort-navType{
    height: 40px;
    font-size: 12px;
    box-sizing: border-box;
    padding-left:30px;
}
.xf-sort-item:hover .xf-sort-navType{
    color:#0FACF3;
}
.xf-sort-navType span{
    line-height: 40px;
    width: 170px;
}
.xf-sort-arrow{
    height: 40px;
    width: 7px;
    display: block;
}
.xf-sort-navType i{
    background: url("../images/sortarrow.png") no-repeat center center;
}
.active .xf-sort-navType i{
    background: url("../images/sortselectArrow.png") no-repeat center center;
}

.xf-sort-manger .xf-sort-navType{
    background: url("../images/rightNavpng.png") no-repeat -4px -86px;
}
.xf-sort-medicine .xf-sort-navType{
    background: url("../images/rightNavpng.png") no-repeat -243px -31px;
}
.xf-sort-market .xf-sort-navType{
    background: url("../images/rightNavpng.png") no-repeat -243px -69px;
}
.xf-sort-consumption .xf-sort-navType{
    background: url("../images/rightNavpng.png") no-repeat -243px -108px;
}
.xf-sort-car .xf-sort-navType{
    background: url("../images/rightNavpng.png") no-repeat -247px -147px;
}
.xf-sort-finance .xf-sort-navType{
    background: url("../images/rightNavpng.png") no-repeat -243px -186px;
}
.xf-sort-IT .xf-sort-navType{
    background: url("../images/rightNavpng.png") no-repeat -243px -224px;
}
.xf-sort-Architecture .xf-sort-navType{
    background: url("../images/rightNavpng.png") no-repeat -243px -262px;
}
.xf-sort-unitAgency .xf-sort-navType{
    background: url("../images/rightNavpng.png") no-repeat -243px -307px;
}
.xf-sort-service .xf-sort-navType{
    background: url("../images/rightNavpng.png") no-repeat -243px -349px;
}
.xf-sort-consult .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -5px 6px;
}
.xf-sort-sale .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -5px -45px;
}
ul .xf-sort-manger.active .xf-sort-navType,
.xf-sort-manger:hover .xf-sort-navType{
    background: url("../images/rightNavpng.png") no-repeat -243px 4px;
}
ul .xf-sort-medicine.active .xf-sort-navType,
.xf-sort-medicine:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -4px -130px;
}
ul .xf-sort-market.active .xf-sort-navType,
.xf-sort-market:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -4px -175px;
}
ul .xf-sort-consumption.active .xf-sort-navType,
.xf-sort-consumption:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -3px -215px;
}
ul .xf-sort-car.active .xf-sort-navType,
.xf-sort-car:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -7px -263px;
}
ul .xf-sort-finance.active .xf-sort-navType,
.xf-sort-finance:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -3px -302px;
}
ul .xf-sort-IT.active .xf-sort-navType,
.xf-sort-IT:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -3px -357px;
}
ul .xf-sort-Architecture.active .xf-sort-navType,
.xf-sort-Architecture:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -206px 5px;
}
ul .xf-sort-unitAgency.active .xf-sort-navType,
.xf-sort-unitAgency:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -206px -46px;
}
ul .xf-sort-service.active .xf-sort-navType,
.xf-sort-service:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -206px -85px;
}
ul .xf-sort-consult.active .xf-sort-navType,
.xf-sort-consult:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -206px -133px;
}
ul .xf-sort-sale.active .xf-sort-navType,
.xf-sort-sale:hover .xf-sort-navType{
    background: url("../images/navbg2.png") no-repeat -207px -184px;
}
li.active .xf-sort-itemBox{
    display: block;
}
.xf-sort-itemBox{
    position: absolute;
    left:218px;
    top:0;
    width: 581px;
    height: 530px;
    overflow-y: auto;
    padding:20px 10px 20px 25px;
    display: none;
    background: #fff;
    box-shadow: -5px 0 20px 0 #efefef;
    background-size: 100% 100%;
    font-size: 12px;
}
.xf-two-sort{
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    text-align: left;
    margin-bottom:5px;
}
.xf-sort-job{
    margin-bottom:5px;
}

.xf-sort-job a{
    float: left;
    color:#999999;
    margin:0 20px 15px 0;
}
.xf-sort-job a:hover{
    color:#0facf3;
}

.xf-search-Input{
    width: 660px;
}
.xf-search-Input input{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding:0 15px;
    font-size: 14px;
}
.xf-search-Input input::-webkit-input-placeholder{
    color:#cccccc;
}
.xf-search-btnBox{
    position: absolute;
    right:0;
    width: 144px;
    top:0;
    box-shadow: 0 0 5px 0 #0FACF3;
}
.xf-search-btn{
    display: inline-block;
    color:#fff;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 5px;
    cursor: pointer;
}
.xf-search-btn i{
    padding:3px 7px;
    background: url("../images/searchDown.png") no-repeat center center;
}
.xf-search-sort{
    width: 100%;
    background: #fff;
    box-shadow: 0 0 5px 0 #0FACF3;
    display: none;
}
.xf-search-sort a{
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 46px;
}
.xf-search-sort a.active,
.xf-search-sort a:hover{
    color:#0FACF3;
}
/*.xf-search-btnBox:hover .xf-search-sort{*/
/*display: block;*/
/*}*/
.xf-hot-sort{
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    color:#fff;
}
.xf-hot-word a{
    color: #fff;
    padding-right:15px;
}
.xf-hot-word a:hover{
    color:#dedede;
}


.xf-sort-job a.active{
    color:#0FACF3 !important;
}
.show-select-item{
    height: 48px;
    line-height: 48px;
    padding:0 10px;
    width: 800px;
    border:1px solid #dedede;
}
.show-select-itemInfo{
    margin-left:30px;
}
.show-select-itemInfo span{
    display: inline-block;
    height: 30px;
    padding-left:10px;
    line-height: 30px;
    border: 1px solid #eee;
    margin-right:10px;
}
.closeActive{
    position: absolute;
    right: -779px;
    top: -16px;
    color: #fff;
    width: 30px;
    border-radius: 50%;
    z-index: 1000;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: rgba(0,0,0,.5);
}
.pad10{
    padding:0 10px;
}
.pointer{
    cursor: pointer;
}
.selfJob1:before { content: "\e650"; }

.selfJob2:before { content: "\e669"; }

.selfJob3:before { content: "\e686"; }

.selfJob4:before { content: "\e66a"; }

.selfJob5:before { content: "\e673"; }

.selfJob6:before { content: "\e663"; }

.selfJob7:before { content: "\e66d"; }

.selfJob8:before { content: "\e66b"; }

.selfJob9:before { content: "\e6e8"; }

.selfJob10:before { content: "\e66e"; }

.selfJob11:before { content: "\e822"; }

.selfJob12:before { content: "\e664"; }