@charset "utf-8";


html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure { font-size: 4.1026vw; letter-spacing: -0.1026vw; }
html, body { position: relative; background-color: #fff;}
html, body { height: 100%; }
body { -ms-overflow-style: none;}
::-webkit-scrollbar { display: none; }



img {width: 100%;}
.wrap { padding: 25.6410vw 0; }


.topStore { padding: 0 7.6923vw 12.8205vw 7.6923vw; }
.slogan { text-align: center; }
.slogan img { width: 36.9231vw; }
.btnAppstore {
	margin-top: 12.8205vw;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.btnStore {
	width: 41.0256vw;
	height: 12.3077vw;
}


.bannerWrap { padding: 7.6923vw 5.1282vw 0 5.1282vw; }
.travit_Banner {
	display: block;
	margin-top: 5.1282vw;
}
.travit_Banner:first-child { margin-top: 0; }

.route_wrap { padding: 0 5.1282vw 5.1282vw 5.1282vw; }
.busCard_type {
	font-sizE: 5.1282vw;
	font-weight: 700;
	text-align: center;
	line-height: 6.6667vw;
	padding-bottom: 5.1282vw;
}

.route_wrap .card {
	background: #fff;
	border-radius: 5.1282vw;
	border: 0.2564vw solid #2381FF;
	padding: 7.6923vw;
}
.station_name {
	color: #050708;
	font-size: 4.1026vw;
	line-height: 5.6410vw;
	padding-bottom: 5.1282vw;
}
.infotxt {
	color: #3A3A3A;
	font-size: 3.3333vw;
	margin-top: 2.5641vw;
}

.list_item {
	color: #999;
	font-size: 3.5897vw;
	padding-bottom: 2.5641vw;
}
.list_item.active { color: #050708; }

.bus_num {
	display: inline-block;
	width: 20.5128vw;
	line-height: 7.6923vw;
	color: #2381FF;
	font-weight: 700;
	text-align: center;
	background: #fff;
	border: 0.2564vw solid #2381FF;
	border-radius: 3.8462vw;
	margin-right: 2.5641vw;
}
.list_item.active .bus_num {
	position: relative;
	color: #fff;
	background: #2381FF;
}

.list_item.active .bus_num:after {
	position: absolute;
	top: 50%;
	left: -3.3333vw;
	content: '';
	width: 3.0769vw;
	height: 4.3590vw;
	background-image: url('../images/ico_highLight.png');
	background-repeat: no-repeat;
	background-size: 100%;
	transform: translateY(-50%);

	animation-name: bus_current;
    animation-duration: 1.4s;
    animation-fill-mode: both;
	animation-iteration-count: infinite;
}
@keyframes bus_current {
	0% { opacity: 0; }
	50% { opacity: 1; }
	100% { opacity: .1; }
}
.img_txt22 {
	margin-top: 5.1282vw;
	text-align: center;
}

.course_box {
	margin-top: 2.5641vw;
	border-top: 0.2564vw solid #2381FF;
}

.course_box li {
	position: relative;
	color: #050708;
	font-size: 3.5897vw;
	font-weight: 700;
	line-height: 4.6154vw;
	padding: 7.6923vw 0 0 17.9487vw;
}
.course_box li:after {
	position: absolute;
	top: 7.6923vw;
	left: 11.0256vw;
	content: '';
	width: 4.6154vw;
	height: 4.6154vw;
	background-image: url('../images/ico_ongoing.png');
	background-repeat: no-repeat;
	background-size: 100%;
}

.course_box .active {
	font-size: 4.6154vw;
	line-height: 6.1538vw;
}
.course_box .active:after {
	left: 10.2564vw;
	width: 6.1538vw;
	height: 6.1538vw;
	background-image: url('../images/ico_bus.png');
}

.course_box li:before {
	position: absolute;
	top: 0;
	left: 13.0769vw;
	content: '';
	width: 0.5128vw;
	height: calc(100% - 1.0256vw);
	background: #2381FF;
}

.course_box li .ico_return {
	position: absolute;
	top: 50%;
	left: -2.0513vw;
	content: '';
	width: 12.3077vw;
	height: 4.6154vw;
	background-image: url('../images/img_bus_return.png');
	background-repeat: no-repeat;
	background-size: 100%;
	transform: translateY(30%);
}
.course_box li .bus_current {
	position: absolute;
	top: 50%;
	left: -2.0513vw;
	content: '';
	width: 13.0769vw;
	height: 4.6154vw;
	color: #050708;
	font-size: 11px;
	text-align: center;
	line-height: 4.6154vw;
	background-image: url('../images/img_bus_current.png');
	background-repeat: no-repeat;
	background-size: 100%;
	transform: translateY(30%);
}