@charset "UTF-8";
/**
 *
 * @authors RAY (ray0324@foxmail.com)
 * @date    2013-12-29 13:05:27
 * @version v1.0
 */
 html,body{max-width:640px; margin:auto;}
body{background: #f1f1f1;}
ul,li{padding: 0;margin:0;}
a {	color: #333333;	text-decoration: none;}
a:hover,a:focus {color: #333333;text-decoration: none;}
h1,h2,h3,h4,h5{	margin: 0;	font-weight: 100;}

/**导航条**/
nav{margin:0;padding:0;width:100%;background: #f2f2f2;margin-bottom:10px;}
nav .topnav{height: 40px;list-style: none;border-bottom:1px solid #dc610f;overflow: hidden;background: #f60;padding-bottom:10px;box-shadow:0 1px 3px #999}
nav .topnav li{text-align: center;font-size: 14px;}
nav .topnav li a{line-height: 40px;color: #fff;}
nav .topnav li.main{float:left;height: 40px;width:40px;}

nav .topnav li.main a{display: block;height: 40px;width:40px;background: url(../images/back.png);background-size:40px 40px;float:left;}
nav .topnav li.main a:hover{background: #ff8800 url(../images/back.png);}

nav .topnav li.home a{display: block;height: 40px;width:40px;background: url(../images/home.png);background-size:40px 40px;float:left;}
nav .topnav li.home a:hover{background: #ff8800 url(../images/home.png);background-size:40px 40px;}

nav .topnav li.title{margin:0 100px 0 40px;height: 40px;font-size: 24px;}
nav .topnav li.title  a{display: block;height:40px;width:150px;margin:auto;background:url(../images/logo-white.png) no-repeat center left;font-size: 16px;text-align: right; }

nav .topnav li.list{float: right;height: 40px;width:40px;overflow: hidden;}
nav .topnav li.list a{display: block;float:left;width:40px;height: 40px;}

nav .topnav li.list a.home{background: url(../images/home.png);background-size:40px 40px;}
nav .topnav li.list a:hover{background: #ff8800 url(../images/home.png);background-size:40px 40px;}
nav .topnav li.list a.listmenu{background: url(../images/list.png);background-size:40px 40px;}
nav .topnav li.list a.listmenu:hover{background: #ff8800 url(../images/list.png);background-size:40px 40px;}

nav .menu{list-style: none;background: #eee;}
nav .menu li{float:left;width:16.6666666666%;text-align: center;}
nav .menu li a{color:#333;line-height: 44px;}
nav .menu li.active a{color:#ffffff;background: #ff6600;padding:2px 5px 2px 5px;border-radius: 4px;}
nav .menu li.active a:hover{color:#ffffff;}
nav .menu li a:hover{color:#ff6600;}

/*面包屑*/
nav .breadcrumb {
	margin-bottom: 2px;
	font-size: 14px;
	background: #fff;
	line-height: 21px;
	padding: 0 10px; color : #999;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	color: #999; 
	border-radius:0;
}

nav .breadcrumb a {
	display: inline-block;
	padding: 8px 3px;
	color : #555; 
	text-decoration: none;
	margin: 0 3px;
	color: #555;
}


.hot{height: 30px;background: #aaa;line-height: 30px;color:#ffffff;}

/*内容*/
.cnt{padding:0 15px}

/*seperate line*/
.seperate{border-bottom:1px dashed #e5e5e5;margin:2px 0;}
/*小三角*/
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 6px solid;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.caret-r {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-left: 6px solid;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
}

/*地铁线路图*/
.line-pic{margin-top:20px;}
.line-pic .pic-title{background-color:#009393;color:#ffffff; padding:0 15px;}

.line-list{
  margin-top: 10px;
  border:1px solid #e5e5e5;
  border-top:2px solid #009393;
  padding-bottom: 10px;
  background: #ffffff;
}

.list-title{
  padding:0 15px;
  height:37px;
  line-height: 37px;
  font-size:16px;
  background: #ffffff;
  border-bottom: 1px solid #e5e5e5;

}
.list-title a{
  color: #fc4349;

}
.list-title a:hover{
  text-decoration: underline;
}

.list-title span{
  font-size: 14px;
}

.list-title h1{
  font-size: 16px;
}

.list-stitle{
  padding:0 15px;
  height:37px;
  line-height: 37px;
  font-size:16px;
  background: #ffffff;
  border-top: 1px solid #e5e5e5;

}
.list-stitle a{
  color: #009393;

}
.list-stitle a:hover{
  text-decoration: underline;
}



.line-list .time{margin:10px 0 10px 15px;font-size: 12px;color:#009393;}
.line-list .time a{font-size: 12px;color:#009393;}


.line-list .station-li{
  padding: 0 10px;
}
.line-list .station-li li{
  /*margin-right: 5px;*/
  float: left;
  line-height: 20px;
  padding: 15px 5px 15px 5px;
  background:url(../images/liarr.png) center bottom no-repeat;


}

.line-list .station-li li a{
  font-size: 14px;
  padding: 3px;
  border:1px solid #e5e5e5;
  display: block;float: left;
  box-shadow: 0 0 2px 0 #ccc;
  background: #fff ;
  
}
.line-list .station-li li a:hover{
  color: #fff;
  background: #6dbcdb;
}

.line-list .station-li li img{
  padding: 3px;
  

  border:1px solid #e5e5e5;
  border-left: #fff;
  margin-left: -1px;
  background: #fff;

  display: block;float: left;
}

/*信息表*/
table{background:#ffffff;}
td{text-align: center;border:1px solid #009393;}

.ditie-time-tabs-nav{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  margin:0 8px 8px;
  border-bottom:1px solid #009393;
}
.ditie-time-tabs-nav span{
  -webkit-box-flex:1;
  -webkit-flex:1 1 30%;
  flex:1 1 30%;
  box-sizing:border-box;
  padding:8px 6px;
  text-align:center;
  font-size:13px;
  line-height:20px;
  color:#009393;
  cursor:pointer;
}
.ditie-time-tabs-nav span.active{
  background:#009393;
  color:#fff;
}
.ditie-time-panel .time{margin-top:6px;}
.ditie-time-panel table{max-width:100%;}
.ditie-time-panel img{max-width:100%;}

.nr{ font-size:14px; padding:5px 20px; line-height:20px;}

/* 线路切换（对齐 proto.css · panel + tabbar） */
.ditie-line-switch{
  background:#fff;
  border:1px solid #E3E7EE;
  border-radius:8px;
  box-shadow:0 1px 3px rgba(31,36,48,.08);
  padding:14px 12px 16px;
  margin:0 0 12px;
}
.ditie-line-switch-title{
  font-size:16px;
  font-weight:700;
  line-height:1.45;
  color:#1F2430;
  margin:0 0 12px;
  padding:0 2px;
}
.ditie-line-switch-tabbar{
  display:-webkit-box;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  gap:8px;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  padding-bottom:2px;
  scrollbar-width:thin;
}
.ditie-line-switch-tabbar .tab{
  -webkit-box-flex:0;
  -webkit-flex:0 0 auto;
  flex:0 0 auto;
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:inline-flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
  align-items:center;
  gap:5px;
  box-sizing:border-box;
  border:1px solid #D0D6E0;
  background:#fff;
  color:#5A6472;
  border-radius:5px;
  padding:6px 14px;
  font-size:13px;
  line-height:1.4;
  white-space:nowrap;
  text-decoration:none;
}
.ditie-line-switch-tabbar a.tab:active{
  background:#EEF4FD;
  border-color:#2F6FE4;
  color:#1E4FB0;
}
.ditie-line-switch-tabbar .tab.active{
  background:#2F6FE4;
  border-color:#2F6FE4;
  color:#fff;
  font-weight:600;
}
.ditie-line-switch-tabbar .lc-dot{
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:2px;
  -webkit-flex-shrink:0;
  flex-shrink:0;
  vertical-align:0;
}
.ditie-line-switch-tabbar .tab.active .lc-dot{
  box-shadow:0 0 0 1px rgba(255,255,255,.45);
}

/*底部信息*/
#footer{margin-top:10px;border-top:1px solid #eeeeee;padding:10px;	color:#999999;}
#footer div{text-align: center;}
#footer div a{color:#666666;}
