//order page style

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

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

@mixin info-time {
	line-height: 20px;
	font-weight: bold;
	font-size: 1.6rem;
}

@mixin info-figure {
	color: #757575;
	float: left;
}

@mixin info-main {
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.7;
}

@mixin new-page {
	width: 100%;
	height: 100%;
	z-index: 10005;
	position: absolute;
	top: 0;
	background-color: #ffffff;
}

@mixin direction-button {
	float: left;
	color: #fff;
	border-radius: 3px;
	padding: 1px 5px 0px 5px;
}

.flight-order-head {
	box-shadow: none;
}

.flight-order {

	background-color: #ffffff;

	.label-switch {
		.checkbox {
			@include transform(scale(0.8));
		}
	}
	
	.error-tip {
		padding: 100px 20px;
		text-align: center;
		.operate {
			text-decoration: underline;
			color: #EA675A;
		}
	}

	.icon-close {
		width: 25px;
		height: 25px;
		background-size: 23px;
		display: block;
		background-repeat:no-repeat;
		background-position:2px 2px;
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTIzMzI1NUE3OTNDMTFFNEI1ODFCRjU5NUM0ODM3NUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTIzMzI1NUI3OTNDMTFFNEI1ODFCRjU5NUM0ODM3NUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMjMzMjU1ODc5M0MxMUU0QjU4MUJGNTk1QzQ4Mzc1RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMjMzMjU1OTc5M0MxMUU0QjU4MUJGNTk1QzQ4Mzc1RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsAT2M4AAARGSURBVHja1JtLSFRRGMePD5wWppKBZBHYKjI3YZFpJGH5oEgNHwltWmTRa+NeWtsiKkjbtIge2msKTMUge5g9pE0ZrRqQsKQCKyFnUOn/5Xdkmpy595577mP+8F+Mc+93vt9c7znfdx8pXV1dwiFlwyVwMVwIr4Pz4Rw4k7eZhqfgCfgjPAaPwiPwDyeSStccby3cCNfDW+A0g+0z2Wt4e6k5+BV8B+6Bx3UlmKopzg64Fw7BHXxk02zES+MYHRyzl8fwHLgcfgIPwTUaf8DYHGt4jKc8puvAq+Cr8CN4u3BPZTzmdc7BFeAG+APcIrxTM+fQ4CRwAL7Ik0iW8F5ZnEsnvEw38Ar4IXxE+E+t8CCcqws4jyeMMuFfyXM7zy5wLv96RcL/KuJcV6oCZ8D3kgQ2Gvo+524Z+CxcKpJPJTy5WgJugo+K5NUh+KBZYKpru0Ty6wKzGAKf404n2UXr9Hkj4Aq4TnGAft43rDHpCMfsV9y/Ft6VCLjdBiwFD2qEjkTFrLUB3R4PuFyxuJCwErJPA7SE7ePP4ZjPVlQa3WFFA7dpgBUaoCNx4MIcUwW6LRaYSrJKhUCdCaBUoCMGRzKsuIJUyrJTArcoXu7phqsSfG8FOmLi37aKx7SqdNnOSuD9iudagCcVu9Bhk7BBHlNF9RKY1tytNiYYu9Bmzk27sLLkzCHgbcLeBTc70G7BCmYsIeDNmooEq9BuwkoV08m8QWNlFDBRKPRFVXNuwpIK6QgXaK5hzR5pt2FJBQSc70DhLqGrFfZ1Cpa0moBzHOpWKOG7FqGdhP3bQRFwpoMtmhVop2FJy1OF80rRvJ2tDoyAp50cwEKXo6PLMtI0AU/5ANYt6F8EPOETWDegJwk45AFslcYuy4pCBPzeA9igpi7LqsYI+LWmYFZbvIAH0KMETA+QzGmAVWkE3IQmxhE5S7/0ANZt6BfEKguPWx7Bugl9O/oSzzV4ViFIs8auxyx0k0Kes8y4CDwJDygEOpwARqU2NoKm26CtCnkOMOM/16XPKASq5uYgoLERiNdaZthoORfZooGH4GEN0Dq6ntguy05/Pcxs/wGTTismKKH3aWzxJHStQl8dlyn24vsgB69ThK4WeiWhVRVkJhHvCJNOCoeeZHVZP+ETsX9cCviT4kzoNx1nFkNgEt2/6Uxi2MvwlaW+SHSJ55TNktMrUc7H4n2ZatDq7YHfJhEs5boX/q0CTPoG74bfJQHsGOf6NdFGZq5afhELjww88zEsFRc7OFdhF5j0XSw8DXPJh7CUUwXnKHQBk2Z4uWrkNc4P62wT5zRjdieVC/E34fXwDQ9huzmHHqs7qt55+AwfgHcqNhyqes5jNnMOwi1gKXoou4wntQfwvAOQ8xybxijlMZWl60Wtx2yrL2rFk2Mvaul+M22cm21yNh/9TfBGsXDjnZ5WX+pVPFrvQ7zev+El0JEG5o8AAwDCwyh/qI8gvwAAAABJRU5ErkJggg==");
	}

	.info {
		background-color: #e65749;
		padding: 0px 0px 5px 0px;
		color: white;
		overflow-x: hidden;
		width: 100%;

		.slide-box {
			position: relative;
			display: inline-block;
			width: 100%;

			&.double-box {
				width: 181%;
			}

			.info-detail {
				color: rgb(64, 64, 64);
				background-color: #fff;
				margin: 10px;
				border-radius: 4px;

				.top-space {
					position: relative;
					display: inline-block;
					width: 100%;
					padding: 15px 3% 10px 3%;
					font-size: 0.8rem;

					.forward {
						@include direction-button;
						background-color: #039be5;
					}

					.backward {
						@include direction-button;
						background-color: #f57c00;
					}

					.see-regular {
						float: right;
						color: #e65749;
						padding-top: 2px;
					}
				}

				.start {
					@include info-title;
					padding-left: 3%;

					.station {
						@include info-station;
					}

					.time {
						@include info-time;
					}

				}
				
				.plane {
					float: left;
					width: 24%;
					text-align: center;

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

					.day {
						font-size: 0.8rem;
					}
				}

				.end {
					@include info-title;
					padding-right: 3%;
					text-align: right;
					
					.station {
						@include info-station;
					}

					.time {
						@include info-time;
					}
				}
				
				.figure {
					padding: 18px 3% 13px 3%;
					font-size: 0.7rem;

					.airline {
						@include info-figure;
						text-align: left;
						width: 36%;
						border-right: solid 1px #bebebe;
					}

					.plane-size {
						@include info-figure;
						width: 32%;
						text-align: center;
						border-right: solid 1px #bebebe;
					}

					.air-price {
						@include info-figure;
						width: 32%;
						text-align: right;
					}
				}
			}

			.round-trip {
				width: 50%;
				float: left;
			}
		}

		.slide-bar {
			position: relative;
			height: 8px;

			.back-point {
				border: solid 1px rgb(245, 188, 182);
				border-radius: 8px;
				width: 8px;
				height: 8px;
				display: inline-block;
				position: absolute;
				left: 50%;

				&.first {
					margin-left: -9px;
				}

				&.second {
					margin-left: 2px;
				}

				&.selected {
					margin-left: -9px;
					background-color: #ffffff;
					border: none;
				}
			}
		}
	}

	.user {
		position: relative;
        display: inline-block;
        width: 100%;
        margin-bottom:50px;



		.des{
			color: blue; 
			float: right; 
			font-size: 16px; 
			margin: 15px;
		}

		.user-login{
			 float: left; 
			 width: 100%; 
			 text-align: center; 
			 float: left;
			 background: #fff;
			 margin-bottom: 40px;

			 a{
				color: #E65749;
				display:inline-block;
			 }
		}


		.add-people {
			color: #e65749;
			text-align: center;
			font-size: 1rem;
			padding: 20px;
			width: 95%;
			margin-left: auto;
			margin-right: auto;
			border-bottom: solid 1px #e5e5e5;
			cursor: pointer;
			height: 60px;

			.add-icon {
				font-size: 1.2rem;
				font-weight: 100;
			}


			#add-child,#add-adult{
				float:left;
				width: 49%;
				height: 60px;
				line-height: 60px;
			}
		}
		
		ul.people-list {
			font-size: 0.9rem;
			width: 90%;
			color: #757575;
			margin-left: auto;
			margin-right: auto;

			.before-remove {
				@include transform(translate3d(100%, 0, 0)); 
			}

			li {
				position: relative;
				display: inline-block;
				width: 100%;
				@include transition(all 0.5s ease-in-out 0s);
				padding-top: 6px;

				.icon-block {
					width: 10%;
					float: left;
					padding: 19px 5px 23px 0;
				}
				.info-label {
					float: left;
					line-height: 1.9;
					padding-left: 40px;

					.name {
						@include info-main;
					}
					
				}
				.info-detail {
					float: right;
					line-height: 1.9;
					text-align: right;

					.ticket {
						@include info-main;
					}
				}

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

				.split-line {
					background-color: #e5e5e5;
					height: 1px;
					width: 100%;
					float: left;
					position: relative;
				}

				.edit-button {
					background-color: #757575;
					color: #ffffff; 
					float: left;
					width: 100%;
					text-align: center;
					font-weight: 400;
					margin-top: 5px;
					height: 0px;
					overflow: hidden;
					@include transition(all 0.1s ease 0s);

					.edit-people {
						width: 100%;
						/*width: 50%;*//*暂时删除编辑坐席*/
						float: left;
						height: 63px;
						padding: 22px 0px;
						line-height: 1;
						text-align: center;

						span {
							/*border-right: solid 1px #ffffff;*//*暂时删除编辑坐席*/
							width: 100%;
							display: inline-block;
						}
					}
					.edit-seat {
						width: 50%;
						float: left;
						height: 63px;
						padding: 22px 0px;
						line-height: 1;
						text-align: center;

						span {
							width: 100%;
							display: inline-block;
						}
					}
				}

				.button-show {
					height: 63px;

					.triangle-right-buttom {
						display: block;
					}
				}
			}
		}

		.info-line {
			color: #757575;
			font-size: 1rem;
			margin-top: 0px;

			&.phone-info {
				label {
					position: absolute;
					right: 214px;
					left: 0px;
					padding-top: 5px;
				}

				input {
					float: right;
					height: 38px;
					width: 184px;
					border: none;
					color: #404040;
					font-size: 1.2rem;
					font-weight: bold;
				}

				.icon-close {
					float: right;
					margin-top: 3px;
				}
			}

			&.invoice-info {
				span {
					padding-top: 5px;
					display: inline-block;
				}

				.label-switch {
					float: right;
				}
			}			
		}
	}
}

.regulation-description {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10002;
	
	opacity: 0.8;
	color: #ffffff;
	display: none;

	.bar-nav {
		background: inherit;
	}

	.page-content {
		background-color: #000 !important;
	}

	p {
		font-size: 0.9rem;
		padding: 5px 15px;
		color: white;

		&.p1 {
			font-size: 1rem;
		}
	}
}

.price-detail-mask {
	position: absolute;
	top: 0;
	bottom: 179px;
	width: 100%;
	background-color: #000000;
	z-index: 10002;
	opacity: 0.6;
	display: none;
}

.price-detail-block {
	position: absolute;
	z-index: 10002;
	background-color: #ffffff;
	width: 100%;
	height: 128px;
	bottom: 51px;
	font-size: 0.9rem;
	display: none;

	.detail-head {
		padding: 13px;
		border-bottom: solid 1px #D8D8D8;

		.detail-title {
			font-size: 1rem;
			margin-right: 25px;
		}
	}

	.detail-body {
		li {
			padding: 8px 38px;

			.detail-price {
				float: right;

				.price {
					color: #e65749;
				}
			}
		}
	}
}

.bar-tab { 
	background-color: #ffffff;

	.total {
		color: #e65749;
		float: left;
		height: 50px;
		line-height: 50px;
		width: 60%;
		font-size: 1.2rem;
		padding-left: 2.5%; 

		.arrow-up {
		    display: inline-block;
			width: 0;
			height: 0;
			border-left: 4px solid transparent;
			border-right: 4px solid transparent;
			border-bottom: 4px solid #e65749;
			margin: 0px 10px 5px 5px;
		}
		    
		.arrow-down {
			display: inline-block;
		    width:0; 
		    height:0; 
		    border-left: 4px solid transparent;
		    border-right: 4px solid transparent;
		    border-top: 4px solid #e65749;
		    margin: 0px 10px 5px 5px;
		}

		b {
			font-weight: normal;
			padding-right: 2px;
		}

		span {
			color: #757575;
			font-size: 0.8rem;
			margin-left: 8px;
		}
	}
	

	.next {
		float: left;
		height: 50px;
		line-height: 50px;
		width: 40%;
		font-size: 1rem;
		color: #FFFFFF;
		background-color: #e65749;
		position: relative;

		.button-loader {
			left: 22%;
			top: 15px;
			position: absolute;
			display: none;
		}
	}

}
 

.des-page{
	width: 100%;
	height: 100%;
	z-index: 10000;
	position: absolute;
	top: 0;
	background-color: #ffffff;
	.content{
		position: absolute;
		top: 0px;
		bottom: 0px;
		overflow: scroll;
		padding: 10px;

	}
}
// .low-device .person-list .page-content{
// 		margin-bottom: 112px;
// 		margin-top: 44px;
// }
.person-list {
	@include new-page;
	
	padding-bottom:51px;
	.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;
			border-bottom: 1px solid #BEBEBE !important;

			span {
				color: #e65749;

				&:last-child {
					font-size: 0.6rem;
				}
			}
		}

		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 {
			padding: 11px 15px 11px 15px;

			&.people-info-cell {
				border-bottom: none;
			}

			.label-checkbox {
				position: absolute;
				width: auto;
				top: 17px;
				z-index: 1;

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

			.people-info {
				padding: 0px 0px 8px 54px;
				position: relative;
				display: inline-block;
				width: 100%;

				.info-label {
					float: left;

					.name {
						@include info-main;
					}
				}

				.info-detail {
					float: right;
					text-align: right;

					.ticket {
						@include info-main;
					}
				}
			}
		} 
	}

	.bar-tab {
		font-size: 1rem;

		.total-num {
			color: #e65749;
			float: left;
			height: 50px;
			line-height: 50px;
			width: 60%;
			font-size: 1.2rem;
			padding-left: 2.5%; 
			text-align: center;
			font-size: 1rem;

			b {
				font-weight: normal;
				padding-right: 2px;
			}
		}
	}
}

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

	.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;
		}
	}

	.confirm {
		position: absolute;
		top: 180px;
		margin-left: 5%;
		width: 90%;
		text-align: center;
		background-color: #E65749;
		padding: 10px;
		color: #fff;
		font-size: 1.1rem;
	}
}

.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.8;
	text-align: center;	
	@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;
		font-size: 1.2rem;
	}

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

	.list-head {
		padding: 10px 0px;
		width: 100%;
		display: inline-block;
		position: relative;
		border-top: solid 1px #fff;
		border-bottom: solid 1px #fff;
	}

	.station-list {
		//position: absolute;
		top: 128px;
		bottom: 0px;
		//overflow: scroll;

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

			&:first-child {
				color: #e65749;
			}

			&:last-child {
				color: #e65749;
			}
		}
	}

	.station-num {
		width: 15%;
		text-align: center;
	}

	.station-name {
		width: 25%;
		text-align: center;
	}

	.station-arrive {
		width: 20%;
		text-align: center;
	}

	.station-depart {
		width: 20%;
		text-align: center;
	}

	.station-stay {
		width: 17%;
		text-align: center;
	}
}



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

header {
	.add-passenger {
		background: none;
		font-size: 1rem;
		color: #FFFFFF;
		border-radius: 5px;
		border: 1px solid #C64034;
	}
}

.low-device{
	.time-list {
		display: none;
		opacity: 1;

		.bar {
			position: absolute;
			top: 0;
		}

		.station-list {
			position: absolute;
		}

		.page-content {
			background-color: #000000;
			opacity: 1;
			overflow: initial !important;
			> * {
				min-height: 0px;
			}
		}

		.station-list {
			
			.station {
				float:left;
				background-color: #000000;
			}   
		}

		&.time-list-active {
			display: block;
		}
	}
	
	.person-list {
		.add-people-list {
			height: auto !important;
			margin-bottom: 0px;
		}
	}

	
	.flight-list,.flight-order .user{
		margin-bottom:50px;
	}
	.user {
		position: relative;
		display: inline-block;
		width: 100%;
	}
}


.VerifyPassengerdes{
	position: absolute;
	bottom: 0px;
	color: #6c6c6c;
	padding: 14px 22px;
	font-size: 14px;
	background: #fff7d2;
	width: 100%;
	z-index: 9990;
}


.addChild-page{
	position: absolute;
	bottom: 0;
	-webkit-transform: translate3d(0,200px,0);
	-ms-transform: translate3d(0,200px,0);
	transform: translate3d(0,200px,0);
	left: 0;
	z-index: 11010;
	width: 100%;
	background: rgba(255,255,255,1);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;

	.addChild-title{
		color:#817F80;
		border-bottom:#e65749 2px solid;
		text-align: center;
		padding:10px;
	}

	ul{
		li{
			padding:10px;
			border-bottom:solid 1px #e5e5e5
		}
	}
}

.addChild-page-active{
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}