#left-panel { position: absolute; right: 0px; top: 20px; overflow: hidden; pointer-events: none; }
#searchbox { border-radius: 2px; width: 325px; position: relative; z-index: 0 }
#searchbox #searchbox-container { position: relative; z-index: 2; pointer-events: auto; width: 268px; float: left; box-sizing: border-box; box-shadow: 1px 2px 1px rgba(0,0,0,.15) }
#searchbox #search-button { pointer-events: auto; background: url(../images/searchbox_f175577.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 { width: 268px; border-radius: 2px 0 0 2px; background: #fff }
.searchbox-content:after { font-size: 0; zoom: 1; content: " "; clear: both; display: block; hieght: 0; visibility: hidden }
.searchbox-content .searchbox-content-common { box-sizing: border-box; float: left; width: 259px; height: 38px }
.searchbox-content .searchbox-content-button { box-sizing: border-box; float: left; height: 38px; width: 39px; cursor: pointer; position: relative }
.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 { content: ''; position: absolute; width: 38px; left: 0; top: 6px; height: 26px; border-left: 1px solid #eee }
.searchbox-content .searchbox-content-button.route-button { background: url(../images/searchbox_f175577.png) no-repeat 0 0 }
.searchbox-content .searchbox-content-button.return-button { background: url(../images/searchbox_f175577.png) no-repeat 0 -152px }
.searchbox-content .searchbox-content-button.loading { background: url(../images/loading_4a096ed.gif) no-repeat 50% 50% }
.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 .tab-item.bus-tab { color: #3385ff }
.route-searchbox-content.bus .tab-item.bus-tab i { background-position: 0 -51px }
.route-searchbox-content .tab-item.bus-tab:hover i { background-position: 0 -51px }
.route-searchbox-content.drive .tab-item.drive-tab { color: #3385ff }
.route-searchbox-content.drive .tab-item.drive-tab i { background-position: 0 -84px }
.route-searchbox-content .tab-item.drive-tab:hover i { background-position: 0 -84px }
.route-searchbox-content.drive .routebox_bd .routebox-content .route-through { display: block }
.route-searchbox-content.drive .routebox_bd .routebox-content .route-start-input, .route-searchbox-content.drive .routebox_bd .routebox-content .route-end-input, .route-searchbox-content.drive .routebox_bd .routebox-content .route-through-input { border-right: 49px solid transparent }
.route-header { overflow: hidden }
.route-tabs { position: relative; border-bottom: 1px solid #A3C7FF; color: #333; text-decoration: none }
.route-tabs .tab-item { box-sizing: border-box; font-size: 12px; float: left; width: 30%; height: 37px; line-height: 37px; text-align: center; cursor: pointer }
.route-tabs .tab-item i { display: inline-block; position: relative; top: 2px; background-image: url(../images/route-icon_2c25ce2.png); background-repeat: no-repeat }
.route-tabs .tab-item span { margin-left: 8px }
.route-tabs .tab-item:hover { color: #3385ff }
.route-tabs .tab-item.bus-tab i { width: 13px; height: 15px; background-position: 0 -34px }
.route-tabs .tab-item.drive-tab i { width: 15px; height: 14px; background-position: 0 -68px }
.routebox_bd { -webkit-transition: max-height 1s ease-in; transition: max-height 1s ease-in; overflow: hidden }
.routebox_bd .routebox-content { height: auto!important; position: relative }
.routebox_bd .routebox-content .routebox-inputs { margin-left: 39px }
.routebox_bd .routebox-content .routebox-input { height: 40px; width: 219px; border-bottom: 1px solid #eaebed; position: relative }
.routebox_bd .routebox-content .routebox-input:last-child { border-bottom: 0 }
.routebox_bd .routebox-content .routebox-input.route-through { display: none }
.routebox_bd .routebox-content .routebox-input .route-input-icon { width: 11px; height: 10px; background: url(../images/start_f51000d.png) no-repeat 0 0; position: absolute; top: 15px; left: 3px }
.routebox_bd .routebox-content .routebox-input .route-input-remove-icon { width: 16px; height: 16px; position: absolute; background: url(../images/mo_banner_b38c3ca.png) no-repeat -19px -223px; top: 12px; right: 5px; cursor: pointer }
.routebox_bd .routebox-content .routebox-input.route-end .route-input-icon { background: url(../images/end_f68595d.png) no-repeat 0 0 }
.routebox_bd .routebox-content .routebox-input input { box-sizing: border-box; border: 0; height: 100%; width: 100%; padding: 10px 0; border-left: 20px solid transparent; border-right: 27px solid transparent; line-height: 20px }
.routebox_bd .routebox-content .routebox-input input.route-through-input { border-right: 49px solid transparent }
.routebox_bd .routebox-content .routebox-revert { width: 39px; height: 100%; position: absolute; left: 0; top: 0; cursor: pointer }
.routebox_bd .routebox-content .routebox-revert .routebox-revert-icon { position: absolute; left: 50%; top: 50%; width: 18px; height: 14px; margin-left: -9px; margin-top: -7px; background: url(../images/revert_9adb172.png) no-repeat 0 0 }