@charset "utf-8";

.index_body{background:url(bg_web.jpg) repeat-x 0px 36px;}
.wrap{width:1002px; margin-left:auto; margin-right:auto;}
/************************************/
/*	index 首页布局
/*	Created By ZHI(UI Group)
/*	2012-10-31
/************************************/
.section_header *{ line-height:32px }
.section_title{ text-indent:12px; color:#000; }
.secfaceA .section_header{ height:32px; background:#D5D5D5; position:relative; }
.secfaceA .section_title{ font-size:14px }
.secfaceA .section_header .more{ color:#848484; position:absolute; top:0px; right:8px; }
.secfaceA .section_body{ height:121px; padding:10px; background:#F1F1F1;}

.secfaceB{border:1px solid #e1e1e1; border-top:0; border-radius:5px;}
.secfaceB .section_header{height:32px; background:url(bg_secb_h.gif) repeat-x;  border-top-left-radius:5px; border-top-right-radius:5px;}
.secfaceB .section_title{float:left; background:url(icon_redsquare_8_23.gif) no-repeat 2px 5px; padding-left:8px; font-size:14px; line-height:32px; color:#cc0000 }
.secfaceB .section_more{display:block; float:right; width:63px; height:23px; background: url(bg_listmore.gif) no-repeat; text-align:center; color:white; line-height:23px; text-indent:12px; margin-top:5px }
.secfaceB .section_body{border-top:1px solid #e60013; background:#f5f5f5;}

.secfaceS{border:1px solid #e1e1e1; border-top:2px solid #c30d14; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.secfaceS .section_body{background:#f5f5f5}

.secfaceM{ width:350px; 
   height:auto; 
   overflow:visible;
    background:url(bg_section_m.png) no-repeat -3px -1px; 
    display:inline; 
    position:absolute; 
   /* z-index:900;  */
   margin:-371px 0 0 -5px; 
   *margin-top:-373px; 
   _margin-top:-346px}
.secfaceM .section_header{ height:28px }
.secfaceM .section_title{ line-height:26px; text-indent:20px}
.secfaceM .section_body{ height:472px }
.secfaceM .section_footer{ height:14px }

/*ie6*/
.secfaceM{ _border:1px solid #AFAFAF; _width:342px; _margin-top:-340px }
.secfaceM .section_header, .secfaceM .section_body, .secfaceM .section_footer{ _background:none }
.secfaceM .section_header{ _background:#F1F1F1 }
.secfaceM .section_body{ _background:#fff; _width:342px }
.secfaceM .section_footer{ _display:none }

/*ie6去透明
.secfaceM .section_header, .secfaceM .section_body, .secfaceM .section_footer{ _behavior:url(images/iepngfix.htc); }
*/

.column360, .column626{ float:right; }
.column360{ width:338px; }
.column626{ width:650px; float:left }

.date{ position:absolute; margin:-32px 0 0 92px }
.lnk_history{ position:absolute; margin:-31px 0 0 240px; color:#333; line-height:28px; border-left:1px solid #d1d1d1; text-indent:14px }
.search_frame{ width:326px; height:100%; margin:0 10px }

/*横幅*/
.banner{ width:668px; height:350px}
.banner img{ width:668px; height:350px }
.banner{ float:left; overflow:hidden; height:350px; position:relative; }
.banner .rollItem{ position:absolute; left:0; top:0; }
.banner, .banner .rollItem, .banner .rollItem img{ width:668px; height:350px }
.rolling_btns{width:500px; height:10px; text-align:left; position:absolute; z-index:50; margin-top:315px; margin-left:34px}
.rolling_btns a{ display:inline-block; width:10px; height:10px; background:#666; border:1px solid #fff; outline:none; cursor:pointer }
.rolling_btns .selected{width:16px; background:#e60013 }

/*横幅轮换控制 ie6/ie7样式*/
.rolling_btns{*margin-left:-640px; }
.rolling_btns a{*margin:0 4px}

.news_list li{ height:26px; padding-left:10px; background:url(face_index.gif) no-repeat -118px 4px; position:relative }
.news_list li a{ color:#000; line-height:26px; display:inline-block; width:inherit; max-width:386px; _width:176px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }
.news_list li .new{ display:inline-block; width:30px; height:17px; background:url(face_index.gif) no-repeat -2px -5px; position:absolute; top:3px; margin-left:3px }

.b_l_img{ float:left; width:165px; height:122px; padding:4px; background:white; border:1px solid #ccc }
.b_l_img img{width:165px; height:122px }
.b_l_img + .news_list{ margin-left:193px }

/*地铁乐活*/
.section_nav{display:block; height:40px; background:url(bg_sec_nav_h40.jpg) repeat-x;}
.section_nav a{ display:inline-block; width:111px;height:25px; background:url(face_index.gif) no-repeat 0px -443px; color:#000; font-size:14px; line-height:25px; text-align:center; text-decoration:none; margin:6px 18px }
.section_nav a:hover{background-position: 0px -417px; color:white; text-decoration:none}
.section_nav a:first-child{margin-left:47px;}

.pic_list_wrap{overflow:hidden; padding:10px; font-size:0; background:white;}
.pic_list_wrap img{ display:inline; width:183px; height:123px; display:inline; margin-left:12px; margin-right:12px; border:1px solid #ccc }
.pic_list_wrap img.first{ margin-left:12px; *margin-left:11px }


/*专题图片*/
.topic{padding:6px 14px; background:none}
.topic img{width:144px; height:126px; display:inline-block; float:left; border:0; margin:5px 5px}


/*实时客流*/
.rt_box{padding:10px 11px; width:312px; height:116px; margin-left:7px}
.rt_pic{ float:right; text-align:left; text-indent:-4px; margin-top:20px }
.rt_pic img{ width:58; height:56px; }

.msg{ float:left}
.msg_row p{line-height:30px; }
.msg_row {    
    position:static;
    *position:relative;    
    width:236px; height:40px;
    *display:block!important;
    display:table!important;
}
.msg_row p {
    position:relative;
    *position:absolute;    
    vertical-align:middle;
    *display:block;
    width:100%; padding-left:68px
}

.msg_row p b:first-child{position:absolute; top:10px; left:54px}
.msg_row p span {
    font-weight:bold;
    position:relative;
    text-align:center;
    width:100%;
}

.msg_row p.status-normal{ color:#007130; background:url(icon_status_normal.png) no-repeat 0px 8px} 
.msg_row p.status-limit{ color:#000000; background:url(icon_status_limit.png) no-repeat 0px 6px }
.msg_row p.status-suspend{ color:#ff9600; background:url(icon_status_suspend.png) no-repeat 0px 6px } 
.msg_row p.status-interrupt{ color:#ff0000; background:url(icon_status_interrupt.png) no-repeat 0px 4px } 

.status-normal2{ color:#ff9600; background:url(normal2.gif) no-repeat;width:195px;height:30px;margin-left:35px;}


/*线路查询*/
.icon_train, .icon_station{ background:url(face_index.gif) no-repeat }
.icon_train{ width:11px; height:16px; background-position:-94px -251px }
.icon_station{ width:14px; height:16px; background-position:-108px -252px }

.tabs{ width:338px; margin-left:5px;} .tabs{ _width:342px; }
.tab_header{ overflow:hidden; height:26px; padding-top:5px; border-bottom:1px solid #b90000 }
.tab_header li{
	width:89px; height:26px; background:url(face_index.gif) no-repeat 0px -247px; cursor:pointer; position:relative;
	line-height:26px; text-align:center; color:#000; text-indent:11px;
	float:left; margin-left:4px
}
.tab_header li.selected{ background:url(face_index.gif) no-repeat 0px -219px; color:#fff}
.tab_header li .icon{ position:absolute; left:10px; top:5px }
.tab_header li.selected .icon_train{ background-position:-94px -223px }
.tab_header li.selected .icon_station{ background-position:-108px -223px }
.tab_body .content{ height:200px; overflow:hidden; margin:0 8px; border-bottom:1px solid #E1E1E1; position:relative; display:none }
.tab_body .content.selected{ display:block }

/*查询表单*/
.icon_a, .icon_b{ width:27px; height:32px; background:url(face_index.gif) no-repeat; float:left; display:inline; margin:0 16px 0 38px }
.icon_a{ background-position:-1px -23px }
.icon_b{ background-position:-32px -23px }
.search_form .field{ overflow:hidden; width:278px; margin:7px 0 }
.search_form label{ float:left; margin:0 7px 0 38px; line-height:26px; }
.search_form .drowdownbox{ width:152px; height:28px; padding-right:33px; background:url(face_index.gif) no-repeat 51px -25px; float:left; cursor:pointer}
.search_form .drowdownbox.active{ background:url(face_index.gif) no-repeat 87px -25px }
.search_form .drowdownbox .textbox{ border:1px solid #C7C7C7; border-right:0; width:146px; height:26px; padding-left:6px; line-height:26px; * position:relative; top:-1px; cursor:pointer }
.search_form .drowdownbox.active .textbox{ border-color:#FFBD83; background:url(face_index.gif) repeat-x 0px -55px }

.search_form .btn_sumbit{ display:block; width:118px; height:32px; margin:0 auto; } .search_form .btn_sumbit span{ display:block; text-align:center; color:#000; font-weight:bold; line-height:32px; }
.search_form .btn_sumbit:link, .search_form .btn_sumbit:visited, .search_form  .btn_sumbit:hover, .search_form  .btn_sumbit:active{ text-decoration:none }
.search_form .btn_sumbit:link, .search_form  .btn_sumbit:visited{ background:url(face_index.gif) no-repeat 0px -122px }
.search_form .btn_sumbit:hover{ background:url(face_index.gif) no-repeat 0px -154px }
.search_form .btn_sumbit:active{ background:url(face_index.gif) no-repeat 0px -186px }

.btn_transfer{ display:block; width:32px; height:32px; background:url(face_index.gif) no-repeat -1px -472px; position:absolute; margin:-112px 0 0 280px;}
.btn_transfer:hover{ background-position:-34px -472px }
.btn_transfer:active{ background-position:-68px -472px }

.search_tips{height:46px; padding:2px 42px; line-height:26px }
.search_tips p span{ display:inline-block; margin:2px 6px 2px 0 }
.search_tips p span:first-child{ margin-left:0 }
.tips_subject{ color:#7A7A7A }

.toolbar{ font-size:0; width:330px; height:31px; text-align:right; position:absolute; left:6px }
.toolbar .icon{ display:inline-block; margin:7px 3px }
.toolbar .icon_map{ width:20px; height:20px; background:url(face_index.gif) no-repeat -58px -2px;}
.toolbar .icon_help{ width:17px; height:18px; background:url(face_index.gif) no-repeat -81px -2px }

.tips{ padding:3px; display:block; position:absolute; z-index:9999; left:332px; top:10px; white-space:nowrap; visibility:hidden }
.tips a{ display:block; padding:4px 0 0 0; border:1px solid #D7D7D7; background:#fff; color:#56B1FE; }
.tips a span{ display:block; background:url(face_index.gif) no-repeat center -275px; margin-top:-8px; padding:5px 3px 1px 3px }

/*ie6特殊外观*/
.tips a span{ _background:none; _margin-top:-9px; _padding-top:7px }

/*add by yuhui*/
.toltalnormal{display:inline-block;width:160px;height:26px;background: url(totalnormal.png) no-repeat;}
.toltalnormalWrap{line-height:50px;margin:15px 0px 0px 30px;}

/*线路计划汇总*/
.route_schedule{ width:284px; margin:10px auto }
.route_schedule td{ height:32px }
.route_schedule .icon{ width:19px; height:19px; background:url(panel.gif) no-repeat; text-align:center; line-height:18px; color:white }
.route_schedule .tn{ background:url(panel.gif) no-repeat -65px -153px; line-height:18px; width:20px; height:18px;}
.sline1{ background-position:-65px 0px !important }
.sline2{ background-position:-65px -19px !important }
.sline3{ background-position:-65px -38px !important }
.sline3a{ background-position:-65px -57px !important }
.sline4{ background-position:-65px -76px !important }
.sline5{ background-position:-65px -95px !important }
.sline8{ background-position:-65px -114px !important }
.slineAPM{ background-position:-65px -133px !important }
.slineGF{ background-position:-65px -19px !important }
.sline9{ background-position:-65px -310px !important }
.sline13{ background-position:-65px -329px !important }
.sline8{ background-position:-65px -348px !important }
.tips_panel{
	display:block; width:auto;
	position:absolute; z-index:999;
}
.tips_panel .tips_guide{
	display:block; width:40px; height:4px;
	background:url(face_index.gif) no-repeat center -275px;
	font-size:0px;
	position:relative; top:1px; margin-top:-1px;
}
.tips_panel .tips_body{
	display:block; width:auto;
	padding:4px 3px;
	background:#fff; border:1px solid #E1E1E1;
}

/*线路换乘路径*/
.path{ overflow:visible; margin-left:46px }
.path_line{ text-align:left; font-size:12px; width:57px; float:left }
.path_line.last .hub{ margin-top:31px }
.path_line .no{ text-align:center; line-height:28px; position:relative; top:8px }
.path_line .hub{ display:block; width:auto; position:relative; left:-27px }
.path_line .hub .point{ width:13px; height:13px; background:url(panel.gif) no-repeat 2px -180px; margin:0 auto }
.path_line .station{ display:block; text-align:center; width:auto; margin:3px auto; white-space:nowrap  }
.path_line .station span{ color:#000; }

.path_line.line1 .hub .point{ background-position:0px -200px }
.path_line.line2 .hub .point{ background-position:-30px -200px }
.path_line.line3 .hub .point{ background-position:-59px -200px }
.path_line.line3a .hub .point{ background-position:0px -219px }
.path_line.line4 .hub .point{ background-position:-30px -219px }
.path_line.line5 .hub .point{ background-position:-59px -219px }
.path_line.line8 .hub .point{ background-position:0px -240px }
.path_line.clineGF .hub .point{ background-position:-59px -240px }
.path_line.clineAPM .hub .point{ background-position:-30px -240px }

/*tips扩展*/
.statips{ width:208px; margin:-2px 0 0 -30px }
.statips .tips_guide{ width:65px; height:10px; background:url(face_index.gif) no-repeat center -285px }
.station_bar{ background:#F1F1F1; width:100%; height:16px; padding:2px 0; }
.mini_schedule{ width:96%; margin:3px auto }
.mini_schedule td{ height:24px }

/*  线路颜色
/* .cline(x) 线路标识文本
/* .path_line .cline(x) 站点之间的连线色条
/* cline1-1号线，cline2->2号线，cline3->3号线，cline3a->3号延长线......*/
.cline1{ color:#fedc00 } .path_line .cline1{ border-bottom:3px solid #fedc00 }
.cline2{ color:#2251DD } .path_line .cline2{ border-bottom:3px solid #2251DD }
.cline3{ color:#ff6100 } .path_line .cline3{ border-bottom:3px solid #ff6100 }
.cline3a{ color:#ff6100 } .path_line .cline3a{ border-bottom:3px solid #ff6100 }
.cline4{ color:#37b549 } .path_line .cline4{ border-bottom:3px solid #37B549 }
.cline5{ color:#D8015C } .path_line .cline5{ border-bottom:3px solid #D8015C }
.cline6{ color:#812a57 } .path_line .cline6{ border-bottom:3px solid #812a57 }
.cline7{ color:#93c842 } .path_line .cline7{ border-bottom:3px solid #93c842 }
.cline8{ color:#00b19f } .path_line .cline8{ border-bottom:3px solid #00b19f }
.clineGF{ color:#b5f000 } .path_line .clineGF{ border-bottom:3px solid #b5f000 }
.clineApm{ color:#00e4ff } .path_line .clineApm{ border-bottom:3px solid #00e4ff }
.cline9{ color:#82C59C } .path_line .cline9{ border-bottom:3px solid #82C59C }
.cline13{ color:#888C2E } .path_line .cline13{ border-bottom:3px solid #888C2E }
.cline14{ color:#83342D } .path_line .cline14{ border-bottom:3px solid #83342D }
/**/
.orange{ color:#FF7E00 }
.guide{ display:block; margin:14px 20px 8px 20px }
.exit_list{ padding:0px 12px 8px 12px; }
.exit_list li{ display:block; float:left; margin:4px 5px; _width:86px; min-width:86px }
.exit_list li .exit_no{ color:black; padding:6px 18px 6px 6px; background:url(panel.gif) no-repeat right -256px; white-space:nowrap}
.exit_list li .exit_no, .exit_list li .exit_no:hover{ text-decoration:none }

.exit_tips{ padding:3px; display:inline; position:absolute; z-index:999; margin:16px 0 0 -46px; white-space:nowrap }
.exit_tips a{ display:block; padding:4px 0; line-height:16px; background:#fff; color:#000; border:1px solid #D7D7D7;  }
.exit_tips a span{ display:block; background:#fff; margin-top:-8px; padding:3px 8px }
.exit_tips a.first_child span{ background:url(face_index.gif) no-repeat -38px -275px; _background:none; padding:10px 8px 3px 8px; }
.exit_tips a, .exit_tips a:hover{ text-decoration:none }


/*其它信息导航*/
.icon_nav_wrap{ overflow:hidden; width:310px; padding:0 12px; margin:9px auto}
.icon_nav_wrap .icon_nav{ overflow:hidden; padding:6px 0; height:68px; width:310px; margin:0 auto;  }
.icon_nav_wrap .icon_nav{ float:left; width:272px }
.icon_nav_wrap .icon_nav div{ float:left; width:68px; text-align:center; }
.icon_nav_wrap .icon_nav div .icon{ display:block; width:54px; height:54px; background:url(icon.png) no-repeat; margin:0 auto; cursor:pointer }
.icon_nav_wrap .icon_nav div .lnk{ color:#000; display:block; margin-top:-2px }
.icon_nav_wrap .nav_ml, .icon_nav_wrap .nav_mr{ width:9px; height:38px; display:block; float:left; background:url(face_index.gif) no-repeat; outline:none; margin:14px 4px }

.icon_nav_wrap .nav_ml:link, .icon_nav_wrap .nav_ml:visited{ background-position:-67px -83px }
.icon_nav_wrap .nav_ml:hover{ background-position:-88px -83px }
.icon_nav_wrap .nav_ml:active{ background-position:-109px -83px }

.icon_nav_wrap .nav_mr:link, .icon_nav_wrap .nav_mr:visited{ background-position:-78px -83px }
.icon_nav_wrap .nav_mr:hover{ background-position:-99px -83px }
.icon_nav_wrap .nav_mr:active{ background-position:-120px -83px }

.icon_transfer{ background-position:0px 0px !important }
.icon_transfer:hover{ background-position:0px -53px !important }
.icon_transfer:active{ background-position:0px -107px !important }

.icon_knowledge{ background-position:-62px 0px !important }
.icon_knowledge:hover{ background-position:-62px -53px !important }
.icon_knowledge:active{ background-position:-62px -107px !important }

.icon_notic{ background-position:-371px 0px !important }
.icon_notic:hover{ background-position:-371px -53px !important }
.icon_notic:active{ background-position:-371px -107px !important }

.icon_service{ background-position:-123px 0px !important }
.icon_service:hover{ background-position:-123px -53px !important }
.icon_service:active{ background-position:-123px -107px !important }

.icon_time{ background-position:-185px 0px !important }
.icon_time:hover{ background-position:-185px -53px !important }
.icon_time:active{ background-position:-185px -107px !important }

.icon_trainx{ background-position:-308px 0px !important }
.icon_trainx:hover{ background-position:-308px -53px !important }
.icon_trainx:active{ background-position:-308px -107px !important }

.icon_ticket{ background-position:-248px 0px !important }
.icon_ticket:hover{ background-position:-248px -53px !important }
.icon_ticket:active{ background-position:-248px -107px !important }

.icon_search{ background-position:-432px 0px !important }
.icon_search:hover{ background-position:-432px -53px !important }
.icon_search:active{ background-position:-432px -107px !important }

/*浮层通用删除按钮*/
.btn_close{ display:block; width:20px; height:20px; background:url(panel.gif) no-repeat -64px -176px; position:absolute; right:3px; top:3px }

/*查询结果层*/
.panel{ width:334px; height:278px;height:auto; background:#fff; position:absolute; z-index:800; margin:-205px 0 0 7px; * margin-left:0}
.panel_header{ width:100%; height:26px; border-bottom:2px solid #F1F1F1; position:relative; }
.panel_title{ line-height:26px; text-indent:14px }
.panel_body{ width:100%; }

/*站点选择层*/
.selector{
	width:780px; border:1px solid #D7D7D7; background:#fff;
	position:absolute; z-index:901;
}
.selector_header{ height:28px; border:1px solid #fff; border-bottom:0; background:#eae8e8}
.selector_title{ line-height:28px; text-indent:10px }
.selector_header .btn_close{ }
.selector_body{ height:496px; overflow-y:auto; }
.selector .odd{ background:#fff }
.selector .even{ background:#f1f1f1 }
.selector .line{ padding:4px 7px; margin:0 10px; color:black; }
.selector .line .no{
	display:block; width:76px; height:32px; background:url(panel.gif) no-repeat;
	line-height:16px; text-align:center; white-space:nowrap;
	float:left; margin-top:8px;
}
.selector .line .no span{ display:block; }
.selector .line.odd .no span{ background:#fff } .selector .line.even .no span{ background:#f1f1f1 }

.selector .line .stations{ 
	width:630px;
	float:left;
	margin-left:16px;
	line-height:18px;
	word-wrap:break-word;
	word-break:normal; 
}
.selector .line .stations a{
	line-height:22px;
	color:#000;
	padding:3px 5px
}
.selector .line .stations a:hover{ background:#FFC484 }
.selector .line .stations a, .selector .line .stations:hover{ text-decoration:none }
.selector .line .stations a.selected{ background:#72A1D0; color:#fff; }
.selector .cline1 .no{ background-position:12px 18px }
.selector .cline2 .no{ background-position:12px -3px }
.selector .cline3 .no{ background-position:12px -24px }
.selector .cline3a .no{ background-position:12px -45px }
.selector .cline4 .no{ background-position:12px -65px }
.selector .cline5 .no{ background-position:12px -87px }
.selector .cline8 .no{ background-position:12px -108px }
.selector .clineApm .no{ background-position:12px -129px }
.selector .clineGF .no{ background-position:12px -148px }
 



/***2016-6-24****/

.line_background1{
     background-image: url(background/background_1.png);
}
.line_background2{
     background-image: url(background/background_2.png);
  
}
.line_background3{
    background-image: url(background/background_3.png);  
}
.line_background4{
   background-image: url(background/background_4.png);
  
}
.line_background5{
    background-image: url(background/background_5.png);
}
.line_background6{
     background-image: url(background/background_6.png);
  
  }
   .line_background7{
     background-image: url(background/background_7.png);
  
  }
 .line_background8{
  font-size:12px;
     background-image: url(background/background_8.png);
  
  }
  .line_backgroundgf{
     font-size:12px;
     background-image: url("background/background_gf.png");
  
  }
 .line_backgroundAPM{
     font-size:12px;
     background-image: url("background/background_apm.png");
  
  }
  .line_backgroundGF{
     font-size:12px;
     background-image: url("background/background_gf.png");
  
  }
 .line_backgroundapm{
     font-size:12px;
     background-image: url("background/background_apm.png");
  
  }
   .line_background3zx{
     font-size:12px;
     background-image: url("background/background_3.png");
  
  }
  .line_background9{
     font-size:12px;
     background-image: url("background/background_9.png");
  
  }
   .line_background13{
     font-size:12px;
     background-image: url("background/background_13.png");
  
  }  
  .line_background14{
     font-size:12px;
     background-image: url("background/background_14.png");
  
  }
  .line_background21{
   font-size:12px;
   background-image: url("background/background_gf.png");

}
  .stage_background{
    margin-left: 2px;
    margin-top: 2px;
    padding-top: 3px;
  }
  
.selector .cline7 .no{ background-image:url("panel7.gif");background-position: 12px -260px;}
.selector .cline6 .no{ background-image:url("panel7.gif");background-position: 12px -273px;}

.selector .cline9 .no{ background-image:url("panel.gif");background-position: 12px -291px;}
.selector .cline13 .no{ background-image:url("panel.gif");background-position: 12px -313px;}
.selector .cline14 .no{ background-image:url("panel.gif");background-position: 12px -333px;}