.nodata_show{
	text-align: center;
	padding-top: 15px;
}
.title h1 span{
	font-size:12px;
	font-weight:normal;
}
@mixin button {
	line-height: 30px;
	font-size: 1rem;
	display: block;
	width:33%;
	.city{
		font-size:1.0rem;
	}
	.time{
		font-size: 1.6rem;
		font-weight: bold;
	}
	.airport{
		font-size: 0.7rem;
	}
}

@mixin info-title {
	float: left;
	width: 30%;
	font-size: 0.6rem;
}

@mixin info-airport {
	height: 20px;
	line-height: 20px;
	margin-bottom: 10px;
}

@mixin info-time {
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #ffffff;
	font-size: 1.7rem;
}

@mixin info-figure {
	width: 33%;
	float: left;
	text-align: center;
	font-size: 0.6rem;
}

@mixin new-page {
	width: 100%;
	height: 100%;
	z-index: 10000;
	position: absolute;
	top: 0;
	background-color: #ffffff;
}
.bar-nav ~ .detail-info{
	top: 44px;
	width: 100%;
	position: absolute;
	height: 125px;
	z-index: 9999;
	left: 0;
	right: 0;
}
.android .bar-nav ~ .detail-info{
	position:fixed;
}
.detail-info {
	background-color: #e65749;
	padding: 10px;
	color: white;
	margin-top: 0;
	.start {
		@include info-title;

		.airport {
			@include info-airport;
		}

		.time {
			@include info-time;
		}
	}
	
	.train {
		float: left;
		width: 39%;
		text-align: center;
		padding-top:5px;

		.coach {				
			font-size: 0.6rem;
		}
		
		.direction {
			height: 10px;
			background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAQCAYAAABTNTDcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUExRjlDMzc3OTI0MTFFNDg3RTlDRThDOTNEMkVGQ0EiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUExRjlDMzg3OTI0MTFFNDg3RTlDRThDOTNEMkVGQ0EiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QTFGOUMzNTc5MjQxMUU0ODdFOUNFOEM5M0QyRUZDQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QTFGOUMzNjc5MjQxMUU0ODdFOUNFOEM5M0QyRUZDQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtEmMgcAAAD9SURBVHja7JgxDsFgGIZbg8EguINYHMMdGEjsBpMrCLE4gITELnELYW05BWIRFvX+SYeGpvnF9vd5kidp06bDl7753taPosgDcIHnKUye1uVEtuRGDuT912f6BAQcDEhD7mQlcTmQbXn85ZkFxgoOMv4Ih6EpD7LPBoG8b5CbLGfcurKtXAQEXAyIzUttVbmoWJBXrCoXAYE8U5LL2BIVC6hY2ZWrI0M2CEB65dp/Vi7/cQwYDbjGv7Vo5cV/uUxAijqYya6sMVsA7yW3pnKZgMx1MGQmAF9MTUDObA6AVC58pANkYAKyZgwAqSySH+k9WWUmAN41XhyjtwADAMjeTBddJS6qAAAAAElFTkSuQmCC") center center no-repeat;
			background-size: 50% 50%;
		}

		.day {
			padding-top:5px;
			font-size: 1.0rem;
			color: #f8d6d4;
		}
	}

	.end {
		@include info-title;
		text-align: right;

		.airport {
			@include info-airport;
		}

		.time {
			@include info-time;
		}
	}
	
	.figure {
		padding: 14px 0px 10px 0px;

		.during {
			@include info-figure;
			color: #f8d6d4;
			&:first-child{
				text-align: left;
			}
			&:last-child{
				text-align: right;
			}

		}
		
		.schedule {
			@include info-figure;
		}

	}
}
.bar-nav ~ .flight-detail{
	padding-top: 170px;
	// padding-bottom: ;
}
.flight-detail {
	background-color: #FFFFFF;

	.no-more {
		text-align: center;
		color: #999999;
		font-size: 0.8rem;
		height: 40px;
		line-height: 40px;
	}
	.isreturn{
		background-color:#eb796d;
		line-height:33px;
		color:#fff;
		font-size: 0.7rem;
		padding-left:10px;
		padding-right:10px;
		span{
			padding-right:1px;
			float: right;
		}
	}
	ul.list{
		li {
			border-bottom: 1px solid #BEBEBE;
			padding:15px 15px 10px 15px;
			color: #404040;
			position:relative;
			.cabin{
				width: 50%;
				float: left;
				height: 50px;
				.cabin-name{
					color: #404040;
					font-size: 1.0rem;
					height: 25px;
				}
				.cabin-back{
					color: #b9b9b9;
					height: 25px;
					font-size: 0.8rem;
				}
			}
			.order{
				width: 50%;
				float: left;
				color: #e65749;
				.order-price{
					float: right;
					text-align: right;
					font-size:0.6rem; 
					padding-right:15px;
					div{
						font-size:1.2rem; 
						width: 100%;
						margin-bottom: 5px;
						font-weight:bold;
					}
					span{
						float: right;
						width: 19px;
						height: 19px;
						text-align: center;
						margin-right: 3px;
					}
					b{
						float: right;
					}
				}
				.order-place{
					float: right;
					padding:10px 12px;
					background-color:#e65749;
					text-align: center;
					color: #fff;
					border-radius:2px;
					font-weight: bold;
				}
			}
		}
	}
}

.person-list {
	@include new-page;
	
	padding-bottom:112px;
	.add-people-list {
		// position: absolute;
		width: 100%;
		border-top: none;
		font-size: 0.9rem;
		// height: auto !important;
		top:0px;
		bottom:100px;
		border-bottom:0px !important;

		li.to-add-people {
			text-align: center;
			cursor: pointer;

			span {
				color: #e65749;
			}
		}

		li.people-info:last-child {
			padding-bottom: 160px;
		}

		li.right-triangle-icon:after { 
			right: 10px;
			content: "";
			position: absolute;
			top: 40%;
			display: inline-block;
			width: 8px;
			height: 8px;
			@include transform(rotate(45deg));
			border: 2px solid #C9C9C9;
			border-width: 2px 2px 0px 0px; 
		}

		li {
			.label-checkbox {
				width: 85%;
				float: left;

				.checkbox {
					float: left;
					margin: 10px 0px 0px 10px;
				}

				.people-info {
					margin-left: 50px;

					.people-name {

					}

					.cert-number {
						color: #757575;
					}
				}

			}

			.to-edit {
				width: 15%;
				float: left;
				color: #e65749;
				padding: 10px 0px;
				text-align: right;
			}


				


			.verifyIcon{
				color: #fff;
				background: #01b3a7;
				/* display: block; */
				position: absolute;
				right: 10px;
				border-radius: 3px;
				padding: 0px 2px;
				top: 20px;
			}

			.unverifyIcon{
				color: #fff;
				background: #e45746;
				/* display: block; */
				position: absolute;
				right: 10px;
				border-radius: 3px;
				padding: 0px 2px;
				top: 20px;
			}
		} 
	}
}

.edit-people-info {
	@include new-page;
	z-index: 10001;

	.bar {
		position: absolute;
	}

	form {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		font-size: 1rem;
		top: 48px;
		position: absolute;

		select {
			width: 60%;
			margin-top: 6px;
			float: left;
			border: none;
			font-size: 1rem;
			padding: 0;
			margin-left: -4px;
			background-color: #fff;
			box-shadow: none;
			-webkit-box-shadow: none;
		}

		.triangle-right-buttom {
			width: 0;
			height: 0;
			border-left: 8px solid transparent;
			border-bottom: 8px solid #ddd;
			right: 0;
			bottom: 0;
			position: absolute;
		}	

		.button-line {
			border-bottom: 1px solid #ddd;
			position: relative;
			width: 95%;
			margin-left: auto;
			margin-right: auto;
		}
	}

}

.seat-type-select {
	@include new-page;

	.bar {
		position: absolute;
	}

	ul {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		top: 44px;
		position: absolute;
		font-size: 1rem;

		.selected {
			background-color: #f8d6d4;
		}
	}	
}

.time-list {
	@include new-page;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: #000;
	z-index:10010;
	color: #fff;
	opacity: 0.9;
	padding:10px;
	font-size: 0.8rem;
	@include transition(all 0.3s ease-in-out 0s);
	@include transform(translate3d(0, 100%, 0));

	&.time-list-active {
		@include transform(translate3d(0, 0, 0));
	}
	.bar-nav{
		background: inherit;
	}
	.time-list-close {
		padding-top: 12px;
		float: right;
		//font-size: 32px;
		width: 44px;
		height: 44px;
	}

	.list-title {
		margin: 0px 0px 22px 0px;
		.cabinname{
			font-size: 1.2rem;
			width: 50%;
			text-align: left;
		}
		.totalPrice{
			font-size: 1.2rem;
			width: 50%;
			color: #e65749;
			text-align: right;
		}
		p{
			width: 100%;
			clear: both;
			font-size: 0.8rem;
			line-height:25px;
			text-align: left;
			span{
				float: none;
				color: #e65749;
				min-width: 1px;
			}
		}
	}

	span {
		display: inline-block;
		/*padding: 0px 10px;*/
		float: left;
	}

	.list-head {
		padding: 10px 0px;
		width: 100%;
		display: inline-block;
		position: relative;
	}

	.ticket-list {
		//position: absolute;
		top: 128px;
		bottom: 0px;
		text-align: left;
		//overflow: scroll;

		.airport {
			padding: 10px 0px;
			width: 100%;
			display: inline-block;
			position: relative;
		}
	}

}



.page-active {
	@include transform(translate3d(-100%, 0, 0));
}