.dtfw_box{    background-color: #ffffff;
    overflow: hidden;
    margin-top: .25rem;
    margin-bottom: .35rem;
    border: 1px solid #2A82E4;
    padding: .2rem;
    background: #ffffff;
    border-radius: .04rem;}
.dtfw_left{float: left;width: calc(100% - 8.43rem);padding:.25rem .22rem 0rem .22rem;width: 35%\0;position: relative;background-color: #ffffff;    height: 7.02rem;}
.dtfw_right{float: right;width: 8.43rem;height: 7.04rem;}

.dtfw_left .input_group_prepend_01,.dtfw_left .input_group_append_01 {
    color: #ffffff;
    border:none;
	background: #1658A0;
    border-radius:0rem .04rem .04rem 0rem;
    padding: 0rem .1rem;
    width: .2rem;
    white-space: nowrap;
}
.dtfw_left .input_group_prepend_01 i,.dtfw_left .input_group_append_01 i{font-size: .18rem;}
.dtfw_left input[type="text"].input_inner{ border:none;color: #333333;}
.dtfw_left input[type="text"].input_inner::placeholder{color: #333333}
.dtfw_left input[type="text"].input_inner:hover{border-color: #333333}
.dtfw_left input[type="text"].input_inner:focus{outline: none; border-color: #1658a0}
.more_bar{margin: .2rem 0rem;background-color: #fff;line-height: .5rem;font-size: .14rem;text-align: center;color: #666666;display: block;}

.dtfw_left .input_group{box-shadow: 0rem .02rem .06rem rgba(0,0,0,.1);padding: 0rem;position: relative;z-index: 2;}

.dtfw_xl{background: #ffffff;}
.dtfw_xl li{line-height: 34px;padding: 0 20px;}
.dtfw_xl li span {color: #c0c0c0;}
.dtfw_xl ul li:hover { cursor: pointer; background-color: #1658a0;}
.dtfw_xl ul li:hover em,.dtfw_xl ul li:hover span { color: #fff; }
.dtfw_xl{border-radius: 4px 0px;padding-top: .12rem;margin-top: .08rem;padding-bottom: .08rem;}
.dtfw_xl h4,.dtfw_xl .tag_group{padding: 0rem .2rem;}
.dtfw_xl h4{font-weight: normal!important;}
.dtfw_xl .tag_base span a{padding: 0rem;font-size: .14rem;text-align: center;}
.dtfw_xl .tag_base span{width: 16.5%;margin: .05rem .03rem .04rem}
.dtfw_xl .tag_group label{margin-right: 0rem;margin-top: .02rem;}
.dtfw_xl .tag_base span.on a, .tag_base span a:hover,.dtfw_xl .tag_base>a.on, .tag_base>a:hover {
    background-color: #1658A0;
    border-color: #1658A0;
    color: #ffffff;
}


.dtfw_xl {
    border-radius: 4px 0px;
    padding-top: .12rem;
    margin-top: .02rem;
    padding: .08rem;
    position: absolute;
    left: 0rem;
    right: 0rem;
    z-index: 999;
    margin-left: .28rem;
    margin-right: .28rem;
	box-shadow: 0 4px 8px rgba(0,0,0,.3);
}






.dtfw_hd{padding-right:.14rem;height:5.25rem;overflow-y: scroll;margin-top:.12rem;  }
.dtfw_hd::-webkit-scrollbar {width: .06rem;  }
.dtfw_hd::-webkit-scrollbar-track {background-color:#E0E0E0 ;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;border-radius:.3rem;   }
.dtfw_hd::-webkit-scrollbar-thumb {background-color: #C2C2C2;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;border-radius:.3rem; }

.dtfw_item{background: #ffffff;padding: .14rem .2rem .16rem .2rem;margin-bottom: .12rem;border: 1px solid #ffffff;background-color: #f8f8f8}
.dtfw_item h4{font-weight:normal;margin-bottom: .1rem;}
.dtfw_new li{overflow: hidden;margin-top: .03rem;}
.dtfw_new li i{color: #A6A6A6;float: left;width: 6%;}
.dtfw_new li p{float: left;width: 94%;font-size: .14rem;color: #666666;}
.dtfw_btn{}
.dtfw_btn a{display: inline-block;border:1px solid #D1E4F9;border-radius: .04rem;color: #1658A0;font-size: .14rem;padding:.04rem .1rem;margin-top: .12rem;}
.dtfw_btn a:hover{background:  #1658A0;color: #ffffff;}
.dtfw_item:hover,.dtfw_hd .on{border: 1px solid #1658A0;}
.dtfw_item:hover i,.dtfw_hd .on i{color: #1658A0;}

.dtfw_right .picture_item .picture_fixed {
    background-size: cover;
    padding-top: 74.7%;
}

.navtrans-bus-icon{top: 0.2rem !important;}
.navtrans-bus-desc{line-height:0.6rem;}

.slb .dtfw_left {    width: 100%;
    margin-bottom: .1rem;
    height: inherit;
    padding-bottom: .2rem;}
.slb .dtfw_xl h4,.slb .dtfw_new li, {font-size: .24rem;   }
.slb .dtfw_new li p{font-size: .22rem;line-height: .32rem;}
.slb .dtfw_item:hover i,.slb  .dtfw_hd .on i,.slb .dtfw_item i,.slb  .dtfw_hd .on i {font-size: .18rem;}
.slb .dtfw_new li i{width: .25rem;margin-top: .05rem;}
.slb .dtfw_btn a {font-size: .22rem;padding: .06rem .18rem;}
.slb .dtfw_item h4{font-size: .24rem;line-height: .26rem;}
.slb .dtfw_xl .tag_base span a,.slb .dtfw_xl .tag_group label,.slb .dtfw_xl h4{font-size: .24rem;}
.slb .dtfw_left .input_group{font-size: .24rem;}
.slb .dtfw_left input[type="text"].input_inner{height: .55rem;line-height: .55rem;}
.slb .dtfw_left .input_group_prepend_01 i, .slb .dtfw_left .input_group_append_01 i {font-size: .3rem;}
.slb .dtfw_left .btn_base{line-height: .4rem;}
.slb .dtfw_hd{height: 5.85rem;}
.slb .more_bar{font-size: .24rem;}
.slb .routebox .routebox-content .routebox-input{margin-right: 0rem;}
@media screen and (max-width: 1368px){
	.dtfw_xl .tag_base span {width: 28.5%;margin: .05rem .03rem .02rem;}
}

@media screen and (max-width: 1280px){
	.dtfw_xl .tag_base span {width: 23%;margin: .02rem 0rem .02rem;}
	.dtfw_right {width: 62%;height: inherit;}
	.dtfw_left{width: 38%;padding: .2rem .2rem 0rem .2rem;height: 4.52rem;}
	.dtfw_new li p{width: 92%;float: right;}
	.dtfw_right .picture_item .picture_fixed {background-size: cover;padding-top: 86%;}
	.dtfw_hd{height: 2.8rem;}
	.dtfw_xl .tag_group label{margin-top: 0rem;}
	.dtfw_xl {margin-left: .2rem;margin-right: .2rem;}
	.slb .dtfw_new li p {width: calc(100% - .3rem);}
    .slb .dtfw_right {width: 100%;height: inherit;}

}
@media screen and (max-width: 1240px){
	.dtfw_left{height: inherit;}
	.dtfw_hd {
    height: 3.1rem;
}

}
@media screen and (max-width: 1100px){
	.dtfw_hd {
    height: 3.5rem;
}

}
@media screen and (max-width: 1050px){
	.dtfw_hd {
    height: 3.8rem;
}

}


@media screen and (max-width: 992px){
        .dtfw_left,.dtfw_right{width: 100%;}
        .dtfw_left{padding: .16rem;height: inherit;}
        .dtfw_xl .tag_base span{width: 18.8%;}
        .dtfw_new li i{width: .2rem;margin-top: 0rem;}
        .dtfw_new li p {width:calc(100% - .22rem);}
        .dtfw_new li {overflow: hidden;margin-top: .05rem;}
	    .dtfw_box{padding: .14rem;}
        .dtfw_hd {height: 4rem;}
        .slb .dtfw_xl .tag_base span {width: 32%;}
        .slb .dtfw_left .input_group,.slb .dtfw_xl .tag_base span a, .slb .dtfw_xl .tag_group label, .slb .dtfw_xl h4,.slb .dtfw_item h4,.slb .dtfw_btn a {font-size: .2rem;}
        .slb .dtfw_new li p {font-size: .18rem;}
        .slb .more_bar{font-size: .2rem;}
	.slb .routebox .routebox-content .routebox-input{margin-right: 0rem;}
 }

@media screen and (max-width: 540px){
	.dtfw_xl .tag_base span {width: 23%;}
    .slb .dtfw_xl .tag_base span {width: 48.5%;}
}

@media screen and (max-width: 450px){
	.route-tabs .tab-item{width: 40%;}
    .slb .dtfw_btn a {display: block;text-align: center;margin-top: .12rem;}
	.slb .dtfw_left{padding: .2rem .16rem 0rem .16rem;}
	.dtfw_xl h4, .dtfw_xl .tag_group {padding: 0rem .16rem;}	
	.slb .dtfw_item {padding: .12rem .16rem .16rem .16rem;}
	.slb .dtfw_xl {margin-left: .16rem;margin-right: .16rem;}
	
}


.loading-button{position: absolute;right: .4rem;width: .4rem;height: .4rem;z-index: 7;top: 0rem; cursor:pointer; background: url(//webmap1.bdimg.com/wolfman/static/common/images/new/searchbox_5c0d97d.png) no-repeat 0 0}
#searchbox {
    border-radius: 2px;
    width: 425px;
    position: relative;
    z-index: 5
}

#searchbox #searchbox-container {
    position: relative;
    z-index: 2;
    pointer-events: auto;
    width: 368px;
    float: left;
    box-sizing: border-box;
    box-shadow: 1px 2px 1px rgba(0,0,0,.15)
}

#searchbox #search-button {
    pointer-events: auto;
    background: url(//webmap1.bdimg.com/wolfman/static/common/images/new/searchbox_5c0d97d.png) no-repeat 0 -76px #3385ff;
    width: 57px;
    height: 38px;
    float: left;
    border: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 0 2px 2px 0;
    box-shadow: 1px 2px 1px rgba(0,0,0,.15)
}

#searchbox #search-button:hover {
    background-color: #2e77e5
}

.searchbox-content {
    border-radius: 2px 0 0 2px;
    background: #fff;
    /* display: none; */
    margin-top: -.4rem;
    position: relative;
    z-index: 5;
    margin-right: .4rem;
}

.searchbox-content:after {
    font-size: 0;
    zoom:1;content: " ";
    clear: both;
    display: block;
    hieght: 0;
    visibility: hidden
}

.searchbox-content .input-clear {
    cursor: pointer;
    position: absolute;
    width: .28rem;
    height: .38rem;
    top: 0;
    background: url(//webmap1.bdimg.com/wolfman/static/common/images/new/searchbox_5c0d97d.png) no-repeat 0 -114px #fff;
    display: none;
}

.searchbox-content .searchbox-content-common {
    box-sizing: border-box;
    height: .4rem;
}

.searchbox-content .searchbox-content-button {
    box-sizing: border-box;
    height: .4rem;
    width: .4rem;
    cursor: pointer;
    position: absolute;
    right: 0rem;
	    border-bottom: 1px solid #A3C7FF;
}

.searchbox-content .searchbox-content-button.left-button:before {
    content: '';
    position: absolute;
    width: 38px;
    left: 0;
    top: 6px;
    height: 26px;
    border-right: 1px solid #eee
}

.searchbox-content .searchbox-content-button.right-button:before,.loading-button:before {
    content: '';
    position: absolute;
    width: 38px;
    left: 0;
    top: 6px;
    height: 26px;
    border-left: 1px solid #eee
}

.searchbox-content .searchbox-content-button.cancel-button {
    background: url(//webmap1.bdimg.com/wolfman/static/common/images/new/searchbox_5c0d97d.png) no-repeat 0 -38px
}

.searchbox-content .searchbox-content-button.route-button {
    background: url(//webmap1.bdimg.com/wolfman/static/common/images/new/searchbox_5c0d97d.png) no-repeat 0 0
}

.searchbox-content .searchbox-content-button.return-button {
    background: url(//webmap1.bdimg.com/wolfman/static/common/images/new/searchbox_5c0d97d.png) no-repeat 0 -152px
}

.searchbox-content .searchbox-content-button.loading {
    background: url(//webmap0.bdimg.com/wolfman/static/common/images/new/loading_4a096ed.gif) no-repeat 50% 50%
}

#sole-searchbox-content {
    position: relative
}


#sole-searchbox-content .input-clear {
    right: .4rem
}

#sole-searchbox-content.is-complete #sole-input {
    border-right: 10px solid transparent
}

.route-searchbox-content {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-right-radius: 2px
}

.route-searchbox-content.bus .arrow-wrap {
    left: 12.5%
}



.route-searchbox-content .tab-item.bus-tab.on i {
    background-position: 0 -51px
}

.route-searchbox-content .tab-item.bus-tab:hover i {
    background-position: 0 -51px
}

.route-searchbox-content.drive .arrow-wrap {
    left: 37.5%
}


.route-searchbox-content .tab-item.drive-tab.on i {
    background-position: 0 -84px
}

.route-searchbox-content .tab-item.drive-tab:hover i {
    background-position: 0 -84px
}

.route-searchbox-content.walk .arrow-wrap {
    left: 62.5%
}


.route-searchbox-content .tab-item.walk-tab.on i {
    background-position: 0 -119px
}

.route-searchbox-content .tab-item.walk-tab:hover i {
    background-position: 0 -119px
}

.route-searchbox-content.bike .arrow-wrap {
    left: 87.5%
}


.route-searchbox-content .tab-item.bike-tab.on i {
    background-position: 0 -157px
}

.route-searchbox-content .tab-item.bike-tab:hover i {
    background-position: 0 -157px
}

.route-searchbox-content.drive .routebox .routebox-content .route-through {
    display: block
}

.route-searchbox-content.drive .routebox .routebox-content .route-through .input-clear {
    right: 22px
}

.route-searchbox-content.drive .routebox .routebox-content .input-clear {
    right: 22px
}

.route-searchbox-content.drive .routebox .routebox-content .route-input-add-icon {
    display: block
}

.route-searchbox-content.drive .routebox .routebox-content .route-input-add-icon.hide {
    display: none
}

.route-searchbox-content.drive .routebox .routebox-content .route-start-input,.route-searchbox-content.drive .routebox .routebox-content .route-end-input,.route-searchbox-content.drive .routebox .routebox-content .route-through-input {
    border-right: 49px solid transparent
}

.route-header {
    overflow: hidden;
    position: relative;
    padding-right: .4rem;
}

.route-tabs {
    position: relative;
    border-bottom: 1px solid #A3C7FF;
    color: #333;
    text-decoration: none
}

.route-tabs .arrow-wrap {
    top: 34px;
    -webkit-transition: left .2s ease-in;
    transition: left .2s ease-in
}

.route-tabs .tab-item {
    box-sizing: border-box;
    font-size: .16rem;
    float: left;
    width: 25%;
    height: .4rem;
    line-height: .4rem;
    text-align: center;
    cursor: pointer;
}

.route-tabs .tab-item i {
    display: inline-block;
    position: relative;
    top: .04rem;
    background-image: url(//webmap1.bdimg.com/wolfman/static/common/images/new/route-icon_41d3af5.png);
    background-repeat: no-repeat;
}

.route-tabs .tab-item span {
    margin-left: .06rem;
}

.route-tabs .tab-item:hover,.route-tabs .tab-item.on {
    color: #1658a0
}

.route-tabs .tab-item.bus-tab i {
    width: .14rem;
    height: .16rem;
    background-position: 0 -34px;
}

.route-tabs .tab-item.drive-tab i {
    width: .16rem;
    height: .16rem;
    background-position: 0 -68px;
}

.route-tabs .tab-item.walk-tab i {
    width: .16rem;
    height: .16rem;
    background-position: 0 -100px;
    top: 3px
}

.route-tabs .tab-item.bike-tab i {
    width: .18rem;
    height: .16rem;
    background-position: 0 -138px;
    top: 3px;
}

.routebox {
    -webkit-transition: max-height 1s ease-in;
    transition: max-height 1s ease-in;
    overflow: hidden
}

.routebox .routebox-content {
    height: auto!important;
    position: relative
}

.routebox .routebox-content .routebox-inputs {
    margin-left: .4rem;
    margin-right: -.4rem;
    background-color: #;
}

.routebox .routebox-content .routebox-input {
    height: .4rem;
    border-bottom: 1px solid #eaebed;
    position: relative;
    margin-right: .4rem;
}

.routebox .routebox-content .routebox-input:last-child {
    border-bottom: 0
}

.routebox .routebox-content .routebox-input.route-through {
    display: none
}

.routebox .routebox-content .routebox-input .input-clear {
    left: auto;
    right: 0;
    top: 1px
}

.routebox .routebox-content .routebox-input .route-input-icon {
    width: .12rem;
    height: .12rem;
    background: url(//webmap1.bdimg.com/wolfman/static/common/images/new/start_ee17f81.png) no-repeat 0 0;
    position: absolute;
    top: .15rem;
    left: 3px
}

.routebox .routebox-content .routebox-input .route-input-add-icon {
    width: .16rem;
    height: .16rem;
    position: absolute;
    background: url(//webmap1.bdimg.com/wolfman/static/common/images/ui3/mo_banner_7cae444.png) no-repeat -1px -223px;
    top: .12rem;
    right: 5px;
    display: none;
    cursor: pointer
}

.routebox .routebox-content .routebox-input .route-input-remove-icon {
    width: .16rem;
    height: .16rem;
    position: absolute;
    background: url(//webmap1.bdimg.com/wolfman/static/common/images/ui3/mo_banner_7cae444.png) no-repeat -19px -223px;
    top: 12px;
    right: 5px;
    cursor: pointer
}

.routebox .routebox-content .routebox-input.route-end .route-input-icon {
    background: url(//webmap0.bdimg.com/wolfman/static/common/images/new/end_e68ad9a.png) no-repeat 0 0
}

.routebox .routebox-content .routebox-input input {
    box-sizing: border-box;
    border: 0;
    height: 100%;
    width: 100%;
    padding: .1rem 0;
    font-size: .16rem;
    border-left: 20px solid transparent;
    border-right: 27px solid transparent;
    line-height: .2rem;
}

.routebox .routebox-content .routebox-input input.route-through-input {
    border-right: 49px solid transparent
}

.routebox .routebox-content .routebox-revert {
    width: .4rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.routebox .routebox-content .routebox-revert .routebox-revert-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: .16rem;
    height: .16rem;
    margin-left: -.1rem;
    margin-top: -.08rem;
    background: url(//webmap1.bdimg.com/wolfman/static/common/images/new/revert_172bb58.png) no-repeat 0 0
}


@media screen and (max-width: 450px){
	.route-tabs .tab-item{width: 40%;}
}