body {
	background: #f4f4f4;
}

.container {
	max-width: 700px;
	padding: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

a {
	text-decoration: none;
}

.head {
	background: linear-gradient(to left, rgba(20, 128, 202, 0.7), rgba(34, 146, 223, 0.9));
}

.head .head_top {
	height: 3rem;
	display: flex;
	justify-content: space-between;
	padding: 5px 10px;
	align-items: center;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.head_dt {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin: 7px 35px 0;
	letter-spacing: 1px;
	font-family: "宋体";
	position: relative;
	padding-bottom: 7px;
}

.head_dt:before {
	content: "";
	position: absolute;
	background: url(../../images/dushiquan/city/tielu.svg);
	width: 20px;
	height: 20px;
	background-size: 21px 21px;
	left: -25px;
	top: 3px;
}

.breadNav {
	background: #fff;
	color: #777;
	font-size: 12px;
	padding-left: 10px;
	height: 1.8rem;
	line-height: 1.8rem;
	overflow-x: auto;
    white-space: nowrap;
}

.breadNav a {
	color: #777;
	padding: 0 3px;
}

.map {
	background: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
	width: 96%;
	margin: 10px auto;
	height: 350px;
}

.map_text {
	font-size: 14px;
	padding: 7px 10px;
}

.map_text>span {
	display: inline-block;
	padding: 3px 8px;
}

.map_text>span.active {
	border: 1px solid #3a9ee4;
	border-bottom: unset;
	color: #3a9ee4;
}

.map_tu {
	position: relative;
	margin: 0 10px;
}

.map_tu>div {
	height: 300px;
	width: 100%;
	position: absolute;
}

.map_tu>div.active {
	z-index: 1;
}

.subway {
	background: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
	width: 96%;
	margin: 15px auto;
	padding-bottom: 7px;
}

.subway_title {
	background: #87C2E2;
}

.subway_title h3 {
	text-align: center;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	width: 300px;
	margin: 0 auto;
	background: linear-gradient(135deg, transparent 70px, #1985c3 0) top left, linear-gradient(-45deg, transparent 70px, #1985c3 0) bottom right;
	background-size: 51% 100%;
	background-repeat: no-repeat;
}

.subway_title h3 a {
	color: #d5f1ff;
}

.phone {
	background: #5d9ec2;
	text-align: center;
}

.phone>span {
	color: #fff;
	font-size: 14px;
	padding: 5px 0;
	display: inline-block;
	letter-spacing: 1px;
}

.line_all>li {
	margin: 7px 0;
}

.line_all>li a {
	display: block;
	height: 30px;
	line-height: 30px;
	color: #555;
	font-size: 14px;
	padding-left: 20px;
}

.line_around {
	margin: 0;
}

.line_around>li {
	padding: 0;
	margin: 0;
}

.line_around>li a {
	display: block;
	height: 35px;
	line-height: 35px;
	color: #444;
	font-size: 14px;
	padding: 0 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.subway_line_zixun {
	padding: 0 10px;
}

.dt_zixun {
	font-size: 16px;
	color: #3a9ee4;
	font-weight: bold;
	padding: 7px 10px;
	border-bottom: 1px solid #3a9ee4;
}

.zixun_con>a {
	color: #666;
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	border-bottom: 1px dashed #ddd;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.foot_con {
	background: linear-gradient(to left, rgba(20, 128, 202, 0.7), rgba(34, 146, 223, 0.9));
	height: 110px;
	font-size: 13px;
	margin-top: 15px;
	padding-top: 10px;
}

.foot_con a {
	color: #fff;
	text-align: center;
	display: block;
	padding: 8px;
}

.map_sz {
	margin-top: 10px;
	background: #fff;
}

#sz,#mapContainer,#frameMap {
	height: 300px;
}

.subway_line_sz {
	height: 35px;
	line-height: 35px;
	background: #56cc55;
	padding: 0 5px;
}

.subway_line_sz:after {
	content: '';
	display: block;
	clear: both;
}

.sz_line {
	font-size: 15px;
	display: inline-block;
	margin-bottom: 0px;
}

.sz_line > a {
	color: #fff;
}

.subway_line_sz>span {
	display: inline-block;
	font-size: 13px;
	color: #fff;
	float: right;
}

.subwayLine {
	display: flex;
	flex-wrap: wrap;
	margin: 0 10px;
}

.subwayLine .item {
	display: flex;
	/* width: 76px; */
	height: 50px;
	text-align: center;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	/*margin-bottom: 0.75rem;*/
	font-size: 15px;
	overflow: hidden;
	margin-top: 15px;
	position: relative;
}

.subwayLine .item .lineH {
	height: 4px;
	width: 100%;
	background: #56cc55;
	position: relative;
	top: 10px;
}

.subwayLine .item .dot {
	height: 10px;
	width: 10px;
	position: relative;
	top: -3px;
	margin: auto;
	border-radius: 10px;
	background: white;
	border: 2px solid #019800;
	padding: 0;
}

.subwayLine .item .name {
	padding: 0 0.5rem;
	color: #333;
	font-size: 14px;
}

.subwayLine .item .dot.active:before {
	background: gray;
	content: "";
	background-image: url(../../images/dushiquan/xuanzhuan.svg);
	background-size: 18px 18px;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	position: absolute;
	transform: rotate(360deg);
	animation: rotation 2.5s linear infinite;
	top: -5px;
	left: -5px;
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

.subway_line2_sz {
	background: #fe9b1a;
}

.subwayLine2 .item .lineH {
	background: #f9aa42;
}

.subwayLine2 .item .dot {
	border-color: #fe9b1a;
}

.subway_line3_sz {
	background: #019fde;
}

.subwayLine3 .item .lineH {
	background: #4bc0ef;
}

.subwayLine3 .item .dot {
	border-color: #019fde;
}

.subway_line4_sz {
	background: #e71619;
}

.subwayLine4 .item .lineH {
	background: #ff585a;
}

.subwayLine4 .item .dot {
	border-color: #e71619;
}

.subway_line5_sz {
	background: #694d9a;
}

.subwayLine5 .item .lineH {
	background: #a48dcc;
}

.subwayLine5 .item .dot {
	border-color: #694d9a;
}

.subway_line6_sz {
	background: #1dc5b8;
}

.subwayLine6 .item .lineH {
	background: #5bd4ca;
}

.subwayLine6 .item .dot {
	border-color: #1dc5b8;
}

.subway_line7_sz {
	background: #003c92;
}

.subwayLine7 .item .lineH {
	background: #2d66b9;
}

.subwayLine7 .item .dot {
	border-color: #003c92;
}

.subway_line9_sz {
	background: #85666c;
}

.subwayLine9 .item .lineH {
	background: #ceadb3;
}

.subwayLine9 .item .dot {
	border-color: #85666c;
}

.subway_line10_sz {
	background: #f67496;
}

.subwayLine10 .item .lineH {
	background: #ffa2ba;
}

.subwayLine10 .item .dot {
	border-color: #f67496;
}

.subway_line11_sz {
	background: #530000;
}

.subwayLine11 .item .lineH {
	background: #942a2a;
}

.subwayLine11 .item .dot {
	border-color: #530000;
}

.subway_line20_sz {
	background: #95cac2;
}

.subwayLine20 .item .lineH {
	background: #c7e6e2;
}

.subwayLine20 .item .dot {
	border-color: #95cac2;
}

.subway_line2_dg {
	background: #e71619;
}

.subwayLine_dg .item .lineH {
	background: #ff585a;
}

.subwayLine_dg .item .dot {
	border-color: #e71619;
}

.lineBefore {
	padding: 0 5px;
}

.lineBefore > a {
    font-size: 14px;
    margin: 5px 11px;
    padding: 5px 15px;
    background-color: #f1f1f1;
    display: inline-block;
    color: #333;
}

.line {
	font-size: 16px;
    padding: 10px 7px 3px;
    color: #019800;
    margin-bottom: 0px;
}

.line1 {
	color: #019800;
}

.line2 {
	color: #fe9b1a;
}

.line3 {
	color: #019fde;
}

.line4 {
	color: #e71619;
}

.line5 {
	color: #694d9a;
}

.line6 {
	color: #1dc5b8;
}

.line7 {
	color: #003c92;
}

.line9 {
	color: #85666c;
}

.line10 {
	color: #f67496;
}

.line11 {
	color: #530000;
}

.line20 {
	color: #95cac2;
}

.table tr td {
	font-size: 13px;
}

.line_around > a {
	color: #555;
	font-size: 14px;
	display: block;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #f1f1f1;
}

.info {
	padding: 5px 7px;
	font-size: 14px;
    letter-spacing: 1px;
    text-indent: 2em;
    color: #555;
    line-height: 25px;
    text-align: justify;
    margin-bottom: 5px;
}

.time {
	padding-left: 7px;
	border-left: 7px solid #3a9ee4;
	line-height: 16px;
	font-size: 16px;
	margin-top: 5px;
}

.run_time {
	padding: 3px 5px;
}

.openTimeTable tr {
	border-color: #999;
}

.openTimeTable tr td {
	text-align: center;
}

.ioInfo {
	padding: 0 5px;
}

.key {
	display: block;
	color: #3a9ee4;
	font-size: 14px;
	margin-bottom: 3px;
}

.value {
	font-size: 14px;
	text-indent: 1em;
	display: inline-block;
	margin-bottom: 13px;
	color: #555;
	line-height: 30px;
}

.fj {
    display: flex;
    flex-wrap: wrap;
}

.fj>a {
    width: 32%;
    margin: 0.5%;
    height: 80px;
    border: 1px solid #ddd;
    display: flex;
    justify-content: center;
    background: #fff;
     color: #333; 
    transition: .2s;
    letter-spacing: 1px;
    text-align: center;
    font-size: 14px;
}

.fj>a>div {
    overflow: hidden;
    padding: 0 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fj>a i {
    color: #3a9ee4;
    font-size: 26px;
    display: block;
    margin: 4px;
}

.fj span {
	font-size: 12px;
}

.head_bottom {
	padding: 5px 15px;
}

.road_search {
	border-bottom: 1px solid #3a9ee4;
	margin-top: 10px;
	font-size: 15px;
}

.road_search > li {
	display: inline-block;
	padding: 4px 10px;
	cursor: pointer;
}

.road_search > li.active {
	background: #3a9ee4;
	color: #fff;
	border-radius: 4px 4px 0 0;
}

.chaxun {
	margin-top: 10px;
}

.chaxun form {
	position: relative;
	margin-bottom: 10px;
}

.chaxun form label {
	background: #eee;
	border-radius: 4px;
	border: 1px solid #ccc;
	text-align: center;
	color: #555;
	font-weight: 400;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	/*padding: 6px 12px;*/
	width: 20%;
	margin-bottom: 10px;
}

.star > input,.end > input {
	width: 73%;
	height: 35px;
	margin-left: -7px;
	padding-left: 7px;
	outline: 0;
	border: none;
	font-size: 14px;
	border: 1px solid #ccc;
}

.diaohuan {
	position: absolute;
	transform: rotate(90deg);
	top: 22px;
    right: -10px;
}

.btn_search {
	width: 100%;
	outline: 0;
	border: none;
	background: #3a9ee4;
	color: #fff;
	font-size: 15px;
	padding: 5px 0;
	border-radius: 4px;
}

.other {
	display: none;
}

.other > input {
	width: 100%;
	height: 35px;
	padding-left: 7px;
	outline: 0;
	border: none;
	font-size: 14px;
	border: 1px solid #ccc;
}



.zhuanxian > li {
	display: inline-block;
	padding: 3px 7px;
	margin-right: 5px;
	margin-top: 10px;
	border-radius: 4px;
	font-size: 14px;
	color: #555;
	background: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}


.xianlu_zixun {
	padding: 0 10px;
}

.xianlu_zixun > a {
	display: block;
	height: 35px;
	line-height: 35px;
	border-bottom: 1px solid #eee;
	color: #444;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	letter-spacing: 1px;
}

.xianlu_title {
	font-size: 22px;
	color: #3a9ee4;
	margin: 10px 0;
	text-align: center;
	font-weight: bold;
	font-family: simhei;
}

.direction {
	text-align: center;
	color: #777;
	font-size: 13px;
}

#xianluMap {
	height: 230px;
}