.jobEMapBox{
    position: relative;
}
.jobEMapBox img{
    width:100%;
    height: 100%;
}
.jobEMapSearchBox{
    position: absolute;
    top:20px;
    left:20px;
    width:410px;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-moz-transition: all .5s;
    -webkit-moz-transition: all .5s;
    transition: all .5s;
}
.jobEMapSearchBox.active{
	left:-390px;
}
.searchBoxItem{
    background: #fff;
    border-radius: 5px;
    padding:10px 12px;
}
.searchInput input[type="text"]{
    height: 34px;
    line-height: 34px;
    width:278px;
    border:1px solid #CCCCCC;
    padding:0 10px;
}
.searchInput input[type="button"]{
    background: #307dda;
    height: 33px;
    line-height: 33px;
    color: #fff;
    font-size: 14px;
    width: 112px;
    margin-left: 11px;
    margin-top: 1px;
}
.selectBox{
width:115px;
    height: 36px;
    margin-bottom: 8px;
}
.select{
    border:1px solid #ccc;
    color:#666;
    padding:0 20px 0 10px;
    width:115px;
    height: 33px;
    background: url("../images/down3.png") no-repeat 95px center;
}
.searchBoxItem .selectBox:nth-child(2),
.searchBoxItem .selectBox:nth-child(5){
    margin:0 10px;
}
.searchWork{
    background: #fff;
    border-radius: 5px;
    padding:0 12px 10px 12px;
}
.searchWorkNum{
    border-bottom:1px solid #E2E2E2;
}
.jobName{
    width:200px;

}
.searchAddress{
    line-height: 24px;
    margin-bottom:8px;
}
.searchWorkItem{
    padding-top:5px;
    border-bottom:1px solid #e2e2e2;
}
.searchWorkListBox{
    height: 390px;
	overflow:overlay;
}
.BMap_noprint{
	width:390px !important;
}
.arrow{
    display: inline-block;
    padding:0 10px;
    height: 46px;
    line-height: 46px;
    cursor: pointer;
}
.showArrow {
    position: absolute;
    color: #fff;
    font-size: 18px;
    /* font-weight: bold; */
    width: 20px;
    padding: 0 10px;
    height: 70px;
    line-height: 25px;
    right: -40px;
    top: 305px;
    padding-top: 20px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: rgba(0,0,0,.4);
}
.showSlectItem{
	    text-align:left;
    background: url(../images/down3.png) no-repeat 95px center;
    line-height: 34px;
}
.routeBox{
    position: absolute;
    top: 0;
    background: #fff;
    z-index: 1;
    border-radius: 5px;
    width: 0;
    opacity: 0;
    transform: scale(0);
    min-height: 600px;
}
.routeBox.active{
    left:0;
    transform: scale(1);
    width: 390px;
    opacity: 1;
}
.routeHeader{

}
.posInput input{
    font-size: 14px;
    height: 20px;
    width: 280px;
}
.changePos{
    height: 53px;
    line-height: 53px;
    width: 25px;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
}
.routeTab{
    border-top:1px solid #EDEDED;
}
.routeTab>div.lf{
    width: 33%;
    cursor: pointer;
    color:#666;
    border-bottom:1px solid #ededed;
}
.routeTab>div.lf:nth-child(2){
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
}
.routeTab>div.lf.active{
    color:#0facf3;
    border-bottom:1px solid #0facf3;
}

.routeItem{
    display: none;
}
.routeItem.active{
    display: block;
}
.myPos{
     padding-left:15px;
     background: url("../images/fpwd.png") no-repeat -137px -171px; ;
 }
.arrivePos{
    padding-left:15px;
    background: url("../images/fpwd.png") no-repeat -137px -106px ;
}
.returnPos{
    position: absolute;
    right:10px;
    top:10px;
    font-weight: bold;
    color:#0facf3;
    cursor: pointer;
}
.routePanel{
    height: 500px;
    overflow-y: scroll;
    border-bottom-left-radius:5px ;
    border-bottom-right-radius:5px ;
}