@charset "utf-8";
/*
@:背景
@:bg_indexSprite.png 20131206
*/
.column h2, .rBbtn-orange, .btn_sysLink, .i_steamship, .i_broadcast, 
#hubs .tabs, .userTip .icon, .i_video, .video .title, 
.i_lArr,.i_rArr, .i_videoPlay, .i_tip, .travelTip h2, .trafficMap .title, .i_traffic, .trafficMap .caret,
.i_date, .i_redCircle{
	background-image: url('../images/bg_indexSprite.png');
	background-repeat:no-repeat;
	}
/*@:bg_indexSprite.png 20131206
.sideLink a, .sideLink .icon{
	background-image:url(../images/bg_blogLink.png);
	background-repeat:no-repeat;
	}
*/
/*
@：首页左侧栏目样式
@：.colomn
*/
.column{border:1px solid #a2d7f7;text-align:left;margin-bottom:10px;}
.column h2{/*20131122*/
	color:#203D7F;font:16px/32px \5FAE\8F6F\96C5\9ED1;text-indent:10px;
	border-bottom:1px solid #a2d7f7;
	background-position:0 0;
	}
.column-con{padding: 10px 5px 10px;}
ul.search { height:126px; }

.search>li { margin-bottom:8px; *margin-bottom:12px;/*for ie7*/ }
.search li:after {clear:both; content:"."; display:block; height:0pt; visibility:hidden; overflow:hidden;}
.search label{display:inline-block;float:left;width:60px;text-align:right;margin-right:20px;padding-top:3px;}
.search div.suggest-box { display:block; float:left; }
.search div.suggest-box input { color:#aaa; width:144px; }


/*@:nav-tabs*/
.nav-tabs {
	height:31px;margin-top:10px;
	border-top:2px solid #0179c5; border-left:5px solid #0179c5; border-right:5px solid #0179c5;
	background-color:#0179c4;
	}
.nav-tabs li{float:left;width:82px;height:29px;background:0;background-color:#0179c5; padding-top:2px;}
.nav-tabs li.active{
	border-color:#3e95e2;
	background:#3e95e2 url(../images/bg_repeatX.png) 0 -667px repeat-x;
	}
.nav-tabs li a{display:inlineblock;font:16px/29px \5FAE\8F6F\96C5\9ED1; color:#FFF;text-decoration:none;}
.nav-tabs li.active a{color:#0179c5;}

/*zhp road-tabs 20141210*/
.road-tabs {
	height:28px;
	border-top:2px solid #0179c5; border-left:5px solid #0179c5; border-right:5px solid #0179c5;
	background-color:#0179c4;
	}
.road-tabs li{float:left;width:100px;height:25px;background:0;background-color:#0179c5; padding-top:2px;}
.road-tabs li.active{
	border-color:#3e95e2;
	background:#3e95e2 url(../images/bg_repeatX.png) 0 -667px repeat-x;
	}
.road-tabs li a{display:inlineblock;font:14px/25px \5FAE\8F6F\96C5\9ED1; color:#FFF;text-decoration:none;}
.road-tabs li.active a{color:#0179c5;}


.main-side .tab-content{
	margin-bottom:10px;
	border: 5px solid #0179C5;
    border-width:0  5px 5px;
	}
.main-side .tab-pane{display:none;padding:15px 10px 0;}
.main-side .tab-pane li{height:23px;line-height:23px;margin-bottom:17px;*vertical-align:middle;}
.tab-pane li label{display:inline-block;float:left;width:70px;text-align:right;margin-right:20px;}
.tab-content .active{display:block;}
.i_date{background-position:-174px -144px; width: 14px; height: 14px;top:6px;}
#searchTabCon{height:202px;}
#air li{margin-bottom:7px;}
/*@:sideLink*/
.sideLink {
    text-align: left;
}
.color_red{color:red;}
.note{color:#999;text-align:right;}
.note .color_red{
	padding-top:5px;margin-right:10px;
	display:inline-block;*display:inline;*zoom:1;
/*	font:bold 18px/23px Arial;*/
	
	}
.sideLink a{
	display:block;width: 258px; height: 59px;margin-bottom:10px;text-align:center;font:20px/58px \5FAE\8F6F\96C5\9ED1;
	background-image:url(../images/left_tu.jpg);background-repeat:no-repeat;
	}
.sideLink a:hover{background-image:url(../images/left_tu_.jpg);}
.btn_sina{background-position: 0 0;}
.btn_tencent{background-position:0 -67px;}
.btn_broadcast{background-position:0 -133px;}
.btn_steamship{background-position:0 -200px;}
.sideLink b {
    display: inline-block;
    float: left;
    height: 58px;
    width: 58px;
}
.i_sina {
	background-position: -66px -66px;
}
.i_tencent {
     background-position: 0 -66px;
}
.i_broadcast {
    background-position: 0 -134px;
}
.i_qq {
    background-position: -133px -66px;
}
/*@:mobileDownloads*/
.mobileDownloads h2,.usefulTel h2{background-position:0 -42px;color:#fff;}
.mobileDownloads li{
	display:inline-block;*display:inline;*zoom:1;
	width:88px;margin:5px 15px;
	font-size:14px;font-family:\5FAE\8F6F\96C5\9ED1;color:#444;font-weight:bold;
	text-align:center;
	}
.mobileDownloads li img{max-width:88px;max-height:88px;}
/*@:usefulTel*/  
/*20131206
.usefulTel .column-con{padding:0 20px 15px;background:url(../images/bg_index_usefulTel.jpg) bottom right no-repeat;}
.usefulTel .column-con dl{width:50%;float:left;font:13px/18px \5FAE\8F6F\96C5\9ED1;}
.usefulTel .column-con dt{margin-top:10px;}
.usefulTel .column-con dt,.usefulTel .column-con dd{font-weight:bold;}*/
.usefulTel{margin-bottom:0;/*20131207*/}
.usefulTel .column-con { padding: 0;}
.more{float:right;margin-right:10px;color:#0e5f9d;font:12px/32px \5B8B\4F53;}
/*@:.tip 出行提醒*/
.travelTip, .trafficMap{border:1px solid #bbd1e8;/*margin-bottom:10px;20131207*/}
.travelTip{margin-bottom:10px;/*20131207*/}
.travelTip h2, .trafficMap .title{
	border-bottom:1px solid #bbd1e8;color: #0074B6;
    font:16px/32px \5FAE\8F6F\96C5\9ED1;text-align:left;
	background-repeat:repeat-x;
	}
.travelTip h2{background-position: 0 -213px;height:32px;}
.travelTip .con{line-height:30px;padding:0px 20px;}
.travelTip .con li{_height:26px;}
.travelTip .con li:hover{color:#0566aa;}
.travelTip .con li:after {clear:both; content:"."; display:block; height:0pt; visibility:hidden; overflow:hidden;}
.travelTip .con a, .travelTip .con span{
	display:inline-block;font-size:l2px;
	text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-break:keep-all;
	}
.travelTip .con a{width:100%;text-align: left;/*margin-right:5%;*/float:left;}
.travelTip .con a:hover{text-decoration:underline;color:#0566aa;}
/*.travelTip .con span{width:30%;float:left;}*/
.travelTip .con a .icon{width:3px;height:3px;margin-right:5px;background-color:#5793c4;vertical-align:middle;font-size:0;line-height:0;}
.i_tip{background-position:-128px -396px; width: 25px; height: 21px; vertical-align:middle;margin:0;}
/*@:.trafficMap 实时路况*/
.trafficMap .title{background-position:0 -438px;height:32px;}
/*.trafficMap h2{float:left;}20131207*/
.i_traffic{background-position:-58px -395px; width: 28px; height: 22px; vertical-align:middle;margin:0;}
.trafficMap .con{width:100%;height:520px;/*20190510*/overflow:hidden;}
/*@:.dropdown_more*/
.trafficMap .dropdown{
	position:relative; z-index:9; float:right;
	margin:8px 60px 0 0;/*20131207：30px改为60px*/width:110px;
	height:24px; line-height:26px; _background-color:transparent;}
.trafficMap .caret{
	position:absolute;top:1px;right:0px;_right:31px;
	margin-left:10px;width: 24px; height: 24px;
	background-position:-150px -136px;
	}
.trafficMap .dropdown-menu{white-space:nowrap;}
.trafficMap .dropdown .input-middle{
	border-radius:4px 4px 0 0;border:1px solid #b9b9b9;
	height:13px;width:120px;
	border-bottom:none;
	}
.trafficMap .moreList{_top:90%;_width:110px;}
/*@:#hubs 换乘枢纽 20131207*/
#hubs{
	margin-bottom:10px; padding-top:10px;
	border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;
	text-align:left;
	 
	}
#hubs .tabs {
	background-position:0 -483px;background-repeat:repeat-x;
	border-bottom:1px solid #d7d7d7;
	height:32px;width:100%;
	text-align:right;font-size:0;/*去除display:inlin-block导致的元素间间隙*/
	}
#hubs .tabs li{
	display:inline-block;*display:inline;*zoom:1;
	width:100px; height:32px;
	text-align:center;font-size:12px;
	background-color:none;border-left:1px solid #d7d7d7;border-top:1px solid #d7d7d7;
	}
	
#hubs .tabs .active{height:31px;border-bottom:1px solid #FFF;background-color:#FFF;}
#hubs .tabs a{display:inline-block;font:12px/32px \5FAE\8F6F\96C5\9ED1;color:#434343;}
#hubs .tabs a:hover,#hubs .tabs .active a{color:#203d7f;text-align:center;}
#hubs .tab-content {padding:10px;height:188px;overflow:hidden;}
#hubs .tab-content .tab-pane{display:none;}
#hubs .tab-content .active{display:block;}
.hubs-search{height:25px;padding-left:3px;}
#hubs .dropdown{border:1px solid #cbd1d7;height:19px;margin:2px;}
.hubs-dropdown input{
	padding:0;height:17px;
	border:none;border-radius:0;
	color:#203d7f;line-height:17px;
	}
.hubs-dropdown .caret{
	width: 17px; height: 17px;top:1px;right:1px;_right:0px;
	background: url('../images/bg_indexSprite.png') no-repeat -160px -392px; 
	}
.userTip{float:right;padding:0 15px 0 2px;}
.userTip li{float:left;}
.userTip a{color:#0566aa;line-height:25px;}
.userTip .icon{vertical-align:middle;margin:0 5px 0 20px;_margin:5px 5px 5px 20px;}
.i_toHere{background-position:-194px -393px; width: 10px; height: 15px;}
.i_fromHere{background-position:-218px -393px; width: 10px; height: 15px;}
.i_taxiMaps{background-position:-241px -395px; width: 14px; height: 10px;_margin:7px 5px 7px 20px;}
.hubs-searchCon{padding:10px 10px 0;position:relative;background:url(../images/bg_index_line.png) no-repeat 320px center;}
.hubs-searchCon dl{width:40%;margin-top:6.5px;}
.hubs-searchCon dt{font:bold 14px/30px \5FAE\8F6F\96C5\9ED1;}
.hubs-searchCon dd{color:#0566aa;line-height:24px;}
.hubs-searchCon .busRoutes{
	width:50%;padding-left:4%;height:132px;position:absolute;right:10px;top:10px;table-layout:fixed;
	
	}
.busRoutes table{text-align:center; }
.busRoutes thead th{background-color:#f7f7f7;color:#000;font-weight:bold;}
.busRoutes tbody td{padding:0 3px;color:#333;} 
/*@:铁路出行 20131113*/
.infoList{ border-collapse:separate;}
.infoList{line-height:21px;text-align:center; table-layout:fixed;}
.infoList thead th{background-color:#e1effc;color:#6495a2;font-weight:bold;}
/*@:.video*/
.i_video{background-position:-98px -397px; width: 24px; height: 21px; vertical-align:middle;}
.video {border:1px solid #d7d7d7;}
.video .title{
	position:relative;
	height:32px;padding:0 10px;
	line-height:32px;text-align:left;
	border-bottom:1px solid #a8c1da;
	background-position:0 -483px;background-repeat:repeat-x;
	}
.video .title h2{/*20131206*/float:left;color:#203d7f;font:16px/32px \5FAE\8F6F\96C5\9ED1;}
.video .tabs {position:absolute;bottom:1px;left:450px;text-align:center;height:23px;}
.video .tabs li{float:left;margin-left:10px;}
.video .tabs li a{
	display:inline-block;*display:inline;*zoom:1;float:left;padding:0 12px;width:60px;height:23px;
	border:solid #a8c1da;border-width:1px 1px 0;
	color:#0566aa;line-height:23px;font-size:12px;
	}
.video .tabs li a:hover,.video .tabs .active a{font-weight:bold;border-bottom:1px solid #fff;background-color:#fff;}

/*@:.scroll*/

.scrollWrap {margin:0 6px;overflow: hidden ; height: 156px; position: relative; padding:25px 20px;}
.lcr_l, .lcr_r { display: block; position: relative; top: 50%; margin-right: 0; text-align: center }
.i_lArr,.i_rArr{ display:inline-block;*display:inline;*zoom:1;width: 7px; height: 12px;margin-top:50px;}
.i_lArr{background-position:-238px -84px;}
.i_rArr{background-position:-248px -84px;}
.i_videoPlay{
	display:inline-block;position:absolute;top:50%;left:50%;margin-top:-19px;margin-left:-19px;
	width: 37px; height: 37px;
	background-position:-2px -393px; 
	}
.lcr_l { float: left }
.lcr_r { float: right }
.lcr_c { height: 100%; left: -3px; overflow: hidden; position: relative; text-align:left;}
.lcr_c ul { white-space: nowrap; font-size: 0 }
.lcr_c li { display: inline-block;*display:inline;*zoom:1; font-size: 13px;text-align:center; }
.lcr_c li a { display: inline-block;position:relative;}
.lcr_c img { padding: 2px; border: #dadada solid 1px; }
.scrollWrap {}
.scrollWrap .lcr_l, .scrollWrap .lcr_r { 
	position: absolute; 
	width: 13px; height: 113px; margin-top: -77px;
	line-height:36px; 
	background-color: #dee1e4; border:1px solid #d5e1ea;
	z-index: 100 opacity: .5; filter: alpha(opacity=50);
}
.scrollWrap .lcr_l { left: 0; }
.scrollWrap .lcr_l:hover , .scrollWrap .lcr_r:hover { opacity: .8; filter: alpha(opacity=80) }
.scrollWrap .lcr_r { right: 0; }
.scrollWrap .lcr_c { z-index: 99 }
.scrollWrap .lcr_c li { padding-left: 8px }
.scrollWrap .lcr_c .scroll_first { padding-left: 0 }
.scrollWrap .lcr_c img { width: 160px; height: 110px }
.scrollWrap .lcr_l .ico, .scrollWrap .lcr_r .ico { margin-top: 13px }
:root .scrollWrap .lcr_l, :root .scrollWrap .lcr_l:hover, :root .scrollWrap .lcr_r, :root .scrollWrap .lcr_r:hover { filter: none }
/*@:btn*/
.btnWrap{text-align:center;}
.rBbtn-orange{

	background-position: -157px -165px;
    color: #FFFFFF;
    font: bold 12px/20px 宋体;
    height: 19px;
    margin-top: 5px;
    text-align: center;
    width: 72px;
	}
/*@:20131207  此段代码移植 main.css 底部
.i_redCircle{
	width: 9px; height: 9px;
	background-position:-197px -144px; 
	}*/
/*@:IE7 兼容性*/
#hubs .tab-content{*height:193px;}
.scrollWrap{*height:149px;}
.lcr_c{*height:156px;}

.more1 {
    background-image: url("../images/gengduo.png");
    background-position: left center;
    background-repeat: no-repeat;
    float: right;
    height: 15px;
    padding-right: 20px;
    width: 40px;
}

#getFrom, #getTo {
	display:none; position: absolute; top: 720px; left: 722px; z-index: 99; 
	background: white; border:1px solid #aaa; padding: 10px;
}
#getTo { left:808px; }
#getFrom span, #getTo span { display: block; }
#getFrom .suggest-box, #getTo .suggest-box { position: relative; }
#getFrom .suggest-box li, #getTo .suggest-box li { float: none; }
#getFrom input, #getTo input { width:180px; }
#getFrom .btn, #getTo .btn { color:#fff; line-height: 19px; }

/*20131224*/
.userTipM { position:absolute;z-index:10000;right:10px;height:19px;margin:-508px/*400*/ 10px 0;text-align:right;background-color:white;}
.userTipM li{
display:inline-block;*display:inline;*zoom:1;
margin-left:10px;list-style-type:none;
font-size:12px;line-height:14px;
}
.userTipM b{
vertical-align:middle;margin-right:3px;
display:inline-block;*display:inline;*zoom:1;
width:14px;height:14px;
}
.userTipM .red{background-color:red;}
.userTipM .yellow{background-color:#ffb500;}
.userTipM .green{background-color:green;}
.userTipM .gray{background-color:gray;}
.userTipM .fullscreen{background: url(../images/tools_layer_new2.png) no-repeat;
					  background-position:2px -282px;
					background-size: 16px;
    				width: 22px;
    				height: 20px;
}
.userTipM .quitfullscreen{background: url(../images/tools_layer_new2.png) no-repeat;
					  background-position:2px -352px;
					background-size: 16px;
    				width: 22px;
    				height: 20px;
}