@font-face {
	font-family: iconfont-search;
	src: url(iconfont.eot?#iefix) format('embedded-opentype'),
		url(iconfont.woff) format('woff'), url(iconfont.ttf)
		format('truetype'), url(iconfont.svg#iconfont) format('svg')
}

.iconfont-search {
	font-family: iconfont-search !important;
	font-size: .7rem;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

@
-webkit-keyframes view_in_kf { 0% {
	width: 100%;
	height: 100%;
	-webkit-transform: translateY(100%)
}

100%
{
width
:
 
100%;
height
:
 
100%;
-webkit-transform
:
 
translateY
(0%)

    
}
}
.flt-ui-city-quick>.SearchCityList {
	margin-top: .3rem
}

.j_associate_city {
	position: relative;
	margin-left: .75rem;
	margin-right: .75rem;
	padding: .5rem 0;
	display: block
}

.smallFilghts {
	content: "";
	font-size: .8rem;
	color: #a0eeff;
	display: block;
	position: absolute;
	top: .6rem;
	right: .2rem
}

.no_ani {
	position: relative;
	top: 0;
	width: auto !important;
	height: auto !important;
	-webkit-transform: none !important;
	-webkit-animation-duration: 0s !important;
	-webkit-animation-timing-function: ease !important;
	-webkit-animation-name: none !important;
	-webkit-animation-fill-mode: none !important;
	-webkit-animation-delay: 0s !important
}

.ani-down {
	-webkit-transition: -webkit-transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
}

.ani-up {
	-webkit-transition: -webkit-transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.search-page .srhpd1 .srhpd .current input:focus {
	text-align: left;
	color: #ccc
}

.js_cal_switch_left {
	-webkit-transform: translateX(-189%)
}

.js_cal_switch_right {
	-webkit-transform: translateX(189%)
}

.slgon {
	text-align: center
}

.js_slgon {
	display: inline-block
}

.passenger-tips {
	line-height: 1.4;
	color: #606B7A
}

.flt-ui-city {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #f9f9f9
}

.red-mark {
	display: block;
	height: .5rem;
	width: .5rem;
	position: absolute;
	background-color: #f60;
	border-radius: 50%;
	right: .95rem;
	top: .5rem
}

@
-webkit-keyframes loading { 0% {
	-webkit-transform: rotate(0deg)
}

100%
{
-webkit-transform
:
 
rotate
(360deg)

    
}
}
@
keyframes loading { 0% {
	transform: rotate(0deg)
}

100%
{
transform
:
 
rotate
(360deg)

    
}
}
.city-select {
	text-align: center;
	font-size: .75rem;
	line-height: 2rem
}

.city-select-title {
	display: inline-block;
	margin-bottom: .25rem;
	text-indent: .5rem;
	color: #099fde
}

.city-select-arrow {
	position: relative;
	display: inline-block;
	width: .35rem;
	height: .35rem;
	margin: 0 .25rem;
	border: 1px solid #099fde;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.city-select-arrow-up {
	border-width: 1px 0 0 1px
}

.city-select-arrow-down {
	top: -.15rem;
	border-width: 0 1px 1px 0
}

.city-select-list {
	display: inline-block;
	background: rgba(45, 56, 70, .95);
	color: #fff;
	border-radius: .25rem
}

.city-select-list-wrapper {
	position: absolute;
	width: 100%;
	left: 0
}

.city-select-list li {
	position: relative;
	padding: 0 1.5rem
}

.city-select-list li:first-child:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border: .35rem solid #099fde;
	border-color: transparent transparent rgba(45, 56, 70, .95);
	left: 50%;
	top: -.7rem;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.city-select-list li.current {
	background: #099fde
}

.city-select-list li.current:before {
	border-color: transparent transparent #099fde
}

.city-select-list li:first-child {
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem
}

.city-select-list li:last-child {
	border-bottom-left-radius: .25rem;
	border-bottom-right-radius: .25rem
}

.search-page .head-height {
	height: 2.2rem
}

.search-page .head-height .new-head {
	position: relative;
	width: 100%;
	height: 2.6rem;
	background: 0 0
}

.search-page .head {
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100%;
	height: 2.2rem;
	background-color: #fff
}

.search-page .icon-goback {
	position: absolute;
	z-index: 1;
	left: .75rem;
	top: .55rem;
	width: 1rem;
	height: 1rem;
	border: 1px solid #099fde;
	border-radius: 50%
}

.search-page .icon-goback:after {
	content: '';
	position: absolute;
	left: .4rem;
	top: .45rem;
	width: .35rem;
	height: .35rem;
	border-left: 1px solid #099fde;
	border-bottom: 1px solid #099fde;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}

.search-page .icon-gohome {
	position: absolute;
	z-index: 1;
	left: .75rem;
	top: .4rem;
	color: #fff;
	font-size: 1.1rem
}

.search-page .icon-pscenter {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	color: #fff;
	font-size: 1.1rem
}

.search-page .nav {
	position: absolute;
	z-index: 1;
	left: 50%;
	top: .55rem;
	width: 8.5rem;
	height: 1.6rem;
	margin-left: -4.25rem
}

.search-page .nav li {
	float: left;
	border: 1px solid #FFF;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	height: 1.6rem;
	line-height: 1.6rem;
	text-align: center;
	font-size: .75rem;
	background: rgba(173, 217, 255, .3);
	color: #FFF;
	opacity: .7
}

.search-page .nav li.current {
	background: #FFF;
	color: #62738D;
	opacity: 1
}

.search-page .nav li:first-of-type {
	border-right: none;
	border-radius: .2rem 0 0 .2rem
}

.search-page .nav li:last-of-type {
	border-left: none;
	border-radius: 0 .2rem .2rem 0
}

.search-page .memcenter {
	z-index: 100;
	top: -7.4rem;
	left: 0;
	width: 100%;
	color: #fff;
	background: #099fde
}

.search-page .memcenter .pd {
	overflow: hidden
}

.search-page .memcenter .memcenter-trigger {
	display: block;
	width: 2.5rem;
	height: 2.5rem;
	margin-top: -.75rem;
	float: right
}

.search-page .memcenter .icon-sjt {
	top: 1.4rem;
	right: 1rem;
	width: .6rem;
	height: .6rem;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff
}

.search-page .memcenter .psinfo {
	height: 3rem;
	color: #D6E8F6;
	padding: .5rem .75rem .1rem 1.3rem
}

.search-page .memcenter .psinfo .touxiang {
	float: left;
	margin-right: .5rem;
	margin-top: .25rem;
	min-width: 2rem
}

.search-page .memcenter .psinfo .touxiang img {
	width: 2.1rem;
	height: 2.1rem;
	border: 2px solid #fff;
	border-radius: 50%
}

.search-page .memcenter .psinfo .logintips {
	height: 1.5rem;
	line-height: 1.5rem
}

.search-page .memcenter .psinfo .anniu {
	border: 1px solid #fff;
	font-size: .75rem;
	border-radius: .2rem;
	height: 1.4rem;
	width: 3rem;
	background-color: rgba(173, 217, 255, .3);
	color: #fff
}

.search-page .memcenter .psinfo .anniu-tc {
	padding: .175rem .425rem;
	margin-left: .4rem;
	font-size: .65rem
}

.search-page .memcenter .psinfo .fnt-18 {
	font-size: .85rem;
	color: #fff
}

.search-page .memcenter .psinfo .tips {
	font-size: .6rem;
	margin-top: .35rem;
	color: #D6E8F6
}

.search-page .memcenter .links {
	margin-top: .3rem;
	padding: .25rem 0;
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	border-top: 1px solid #52bbe8
}

.search-page .memcenter .links li {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #52bbe8;
	text-align: center;
	font-size: .8rem
}

.search-page .memcenter .links .iconfont {
	font-size: 1.25rem
}

.search-page .login-title {
	position: absolute;
	right: 0;
	font-size: .75rem;
	padding: .8rem .75rem .4rem;
	color: #fff
}

.search-page .srhcell {
	padding-top: 0.5rem;
	height: 2.8rem;
	line-height: 2.8rem;
	position: relative;
	border-bottom: 1px solid #eaeaea
}

.search-page .srhcell.current {
	border-bottom: 2px solid #099fde;
}

.search-page .srhcell .kidAndChild, .search-page .srhcell label {
	color: #606b7a;
	font-size: 1rem
}

.search-page .srhcell .kidAndChild {
	padding-left: .3rem
}

.search-page .srhcell .name {
	font-size: .65rem;
	margin-left: -.2rem
}

.search-page .srhcell input {
	color: #606b7a;
	font-size: 1rem !important;
	padding: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: normal
}

.search-page .srhcell .tips {
	color: #999;
	font-size: .6rem
}

.search-page .srhcell .tips-fan, .search-page .srhcell .tips-qu {
	position: absolute;
	left: 0;
	top: .1rem;
	line-height: 1.4rem;
	font-size: .6rem;
	color: #999
}

.search-page .srhcell .tips-fan {
	right: 0
}

.search-page .srhpd {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 50%;
	float: left
}

.search-page .srhpd1-height {
	height: 2.9rem
}

.search-page .srhpd1, .search-page .srhpd2, .search-page .srhpd3 {
	overflow: hidden;
	position: relative;
	background: #fff;
	padding: 0 .85rem;
	height: 4em;
}

.search-page .srhpd3 {
	height: 2.8rem;
	-webkit-transition: all .3s ease
}

.srhpd3_animate_hide {
	height: 0 !important
}

.search-page .srhpd1 .srhpd {
	padding: 0 1.2rem
}

.search-page .srhpd2 .srhpd {
	padding: 0 .55rem
}

.search-page .srhpd1 .srhpd:first-of-type, .search-page .srhpd2 .srhpd:first-of-type
	{
	padding-left: 0
}

.search-page .srhpd1 .srhpd:last-of-type, .search-page .srhpd2 .srhpd:last-of-type
	{
	padding-right: 0;
	text-align: right
}

.search-page .srhpd1 .srhpd:last-of-type input, .search-page .srhpd2 .srhpd:last-of-type input
	{
	text-align: right
}

.search-page .swtbtn {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem
}

.search-page .swtbtn i:first-of-type {
	font-size: 2rem;
	color: #BEE1FF;
	width: 100%;
	height: 100%;
	display: inline-block;
	line-height: initial;
	transform-origin: center;
	text-align: center
}

.search-page .swtbtn i:last-of-type {
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	top: 0;
	font-size: 1rem;
	color: #60B2F7
}

.search-page .icon-local {
	position: absolute;
	top: .75rem;
	right: .3rem;
	font-size: 1.1rem;
	color: #099fde
}

.search-page .flt-num {
	float: right
}

.search-page .flt-num .num-txt {
	padding: 0 .5rem;
	font-size: 1rem;
	color: #606b7a
}

.search-page .flt-num .num-add, .search-page .flt-num .num-min {
	font-size: 1.4rem;
	color: #099fde;
	vertical-align: -.1rem
}

.search-page .flt-num .num-dis {
	color: #ccc !important
}

.search-page .srhbtn {
	padding: 1.25rem .8rem;
	background: #fff;
	border-bottom: 1px solid #FFF
}

.search-page .srhbtn .btn-base {
	width: 100%;
	letter-spacing: .25rem;
	font-size: 1rem !important;
	border: none;
	outline: 0;
	padding: .45rem .8rem
}

.search-page .slgon {
	margin-top: 1.25rem;
	font-size: .6rem;
	color: #099fde;
	text-align: center
}

.search-page .slgon .icon-wangdun {
	position: relative;
	display: inline-block;
	width: .6rem;
	height: .7rem;
	vertical-align: -.2rem;
	margin-right: .2rem
}

.search-page .slgon .icon-wangdun .iconfont {
	font-size: .6rem
}

.search-page .slgon .icon-wangdun .icon-dun {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #099fde
}

.search-page .slgon .icon-wangdun .icon-tuo {
	position: absolute;
	left: 0;
	top: -5px;
	color: rgba(9, 159, 222, .5)
}

.search-page .hbdt {
	margin-top: 1rem;
	font-size: .75rem
}

.search-page .hbdt .title {
	color: #999;
	padding: 0 .75rem
}

.search-page .hbdt ul {
	margin-top: .25rem;
	background: #fff;
	padding-left: .75rem
}

.search-page .hbdt ul li {
	position: relative;
	padding: .5rem 1.3rem .5rem 0;
	line-height: 1.2rem;
	color: #4e5f71
}

.search-page .hbdt ul li .txt-right {
	float: right;
	color: #099fde
}

.search-page .srh-city {
	padding: .5rem 0
}

.search-page .city-title {
	font-size: .6rem;
	color: #a9a9a9;
	margin-top: .15rem;
	margin-bottom: .5rem;
	padding: 0 .75rem
}

.search-page .city-list {
	overflow: hidden;
	padding: 0 .25rem 0 .75rem
}

.search-page .city-list li {
	float: left;
	width: 25%;
	padding-right: .5rem;
	margin-bottom: .5rem;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.search-page .city-list li span {
	display: block;
	padding: .25rem 0;
	color: #3c4d5d;
	font-size: .7rem;
	line-height: .9rem;
	background: #fff;
	border: 1px solid #bbc1c8;
	border-radius: .2rem;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.search-page .city-list li span:active {
	border: 1px solid #099fde;
	color: #099fde
}

.search-page .city-list6 li {
	width: 16.66666667%
}

.search-page .srh-sug {
	background: #fff
}

.search-page .srh-sug li {
	line-height: 1.2rem;
	font-size: .7rem;
	color: #3c4d5d;
	position: relative
}

.search-page .srh-sug .ordLi {
	position: relative;
	padding: .5rem 0 .5rem .75rem;
	display: block
}

.noneResult {
	padding: .5rem .75rem
}

.cityAllTitle {
	background-color: #efeff4;
	padding: .2rem .75rem;
	line-height: 1.2rem;
	font-size: .7rem;
	position: relative;
	color: #a9a9a9 !important
}

.zeroIcon>i.aa1 {
	display: none !important
}

.zeroIcon>i.aa2 {
	display: block !important
}

.j_associate_city>i.aa1 {
	display: block
}

.j_associate_city>i.aa2 {
	display: none
}

.search-page .srh-sug li:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	-moz-transform: scaleY(0.5);
	-ms-transform: scaleY(0.5);
	-o-transform: scaleY(0.5);
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	background: #cfcfcf
}

.search-page .srh-sug li:last-of-type:after {
	display: none
}

.search-page .topleftbtn, .search-page .toprightbtn {
	position: absolute;
	color: #099fde;
	font-size: .75rem;
	line-height: 2.2rem;
	padding: 0 .75rem
}

.search-page .topleftbtn {
	top: 0;
	left: 0
}

.search-page .toprightbtn {
	top: 0;
	right: 0
}

.search-page .icon-drt {
	display: inline-block;
	position: relative;
	margin: 0 .15rem;
	width: .75rem
}

.search-page .icon-drt:before {
	content: '';
	position: absolute;
	left: 0;
	top: .5rem;
	width: .65rem;
	height: .05rem;
	background: #606b7a
}

.search-page .icon-drt:after {
	content: '';
	position: absolute;
	right: 0;
	top: .35rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: .1rem;
	border-color: transparent transparent #606b7a #606b7a
}

.search-page .title {
	color: #606b7a;
	text-align: center
}

.search-page .title0 {
	font-size: .75rem;
	line-height: 2.2rem
}

.search-page .title1 {
	font-size: .6rem
}

.search-page .title2 {
	font-size: .75rem
}

.search-page .title span {
	display: inline-block;
	-moz-transition: transform .8s;
	-o-transition: transform .8s;
	-webkit-transition: -webkit-transform .8s;
	transition: transform .8s;
	width: 4em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: -.25rem
}

.search-page .js_switch_left {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}

.search-page .js_switch_right {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%)
}

.search-page .xzrq-fixed-height {
	height: 2.75rem
}

.search-page .xzrq-fixed {
	position: fixed;
	z-index: 100;
	left: 0;
	top: 2.2rem;
	width: 100%;
	height: 2.75rem
}

.search-page .srh-fixbt .btn-base {
	width: 100%;
	border: none
}

.search-page .icon-delete {
	position: absolute;
	top: .75rem;
	right: -.25rem;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	text-align: left;
	text-indent: 1rem;
	color: #cecece;
	font-size: .75rem;
	vertical-align: .1rem;
	margin-right: -.75rem
}

.flight-list-hs span:before {
	content: '';
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #efefef;
	margin: 0 4px -2px
}

.flight-list-hs span:first-of-type:before {
	display: none
}

.peopleChoose {
	position: absolute;
	position: fixed;
	left: 0;
	width: 100%;
	bottom: 0;
	background-color: #334250;
	border-radius: .2rem .2rem 0 0
}

.peopleChoose span {
	color: #fff;
	float: left;
	display: inline-block;
	margin: .55rem
}

.peopleChoose span:last-child {
	text-align: right;
	float: right;
	padding-left: 1rem;
	border-left: 1px solid #303b4a
}

.peopleChoose span:first-child {
	padding-right: 1rem;
	border-right: 1px solid #303b4a
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

* html .clearfix {
	height: 1%
}

.clearfix {
	display: block
}

.childAndKidsBox {
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	text-align: center;
	background-color: #eaeced;
	color: #333
}

.childAndKidsBox ul {
	list-style: none;
	height: 100%;
	font-size: .63rem
}

.childAndKidsBox ul li {
	float: left;
	width: 33.33%;
	text-align: center
}

.peopleChoose .chooseBox {
	background-color: #fff;
	width: 100%;
	position: relative;
	overflow: hidden
}

.chooseBox .sameBox {
	width: 33.3%;
	float: left;
	height: 100%;
	position: relative
}

.chooseBox .sameBox li {
	text-align: center;
	font-size: .75rem;
	height: 44px;
	line-height: 44px
}

.cui-mask-gray {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: linear-gradient(#fff 0, rgba(245, 245, 245, 0) 52%,
		rgba(245, 245, 245, 0) 48%, #fff 100%);
	background: -webkit-gradient(linear, left bottom, left top, from(#fff),
		color-stop(0.52, rgba(245, 245, 245, 0)),
		color-stop(0.48, rgba(245, 245, 245, 0)), to(#fff));
	background: -webkit-linear-gradient(#fff 0, rgba(245, 245, 245, 0) 52%,
		rgba(245, 245, 245, 0) 48%, #fff 100%);
	background: -moz-linear-gradient(#fff 0, rgba(245, 245, 245, 0) 52%,
		rgba(245, 245, 245, 0) 48%, #fff 100%)
}

.overflow {
	overflow: hidden
}

.maxIndex .cui-lines {
	width: 100%;
	height: 1.8rem;
	line-height: 1.8rem;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -.9rem;
	border-top: #dfdfdf 1px solid;
	border-bottom: #dfdfdf 1px solid
}

.flight-cui-hd {
	background: #334250;
	color: #fff;
	font-size: .85rem;
	overflow: hidden;
	display: table;
	width: 100%;
	padding: .6rem 0;
	min-width: 16rem
}

.flight-cui-bd .cui-lines .icon {
	width: 33.33%;
	float: left;
	height: 100%;
	position: relative
}

.psgChooseBox {
	width: 80%;
	position: absolute;
	left: 10%;
	color: #fff;
	height: 3.3rem;
	top: 5rem;
	line-height: 3.3rem;
	background-color: rgba(0, 0, 0, .6);
	border-radius: 5px;
	text-align: center;
	z-index: 2002;
	display: none
}

.flight-cui-bd .cui-lines .icon:first-child i {
	background-position: 0 -56px
}

.flight-cui-bd .cui-lines .icon:nth-child(2) i {
	background-position: 0 8px
}

.flight-cui-bd .cui-lines .icon:nth-child(3) i {
	background-position: 0 -110px
}

.flight-cui-bd .cui-lines .icon i {
	display: inline-block;
	text-align: center;
	margin-left: 18%;
	width: 100%;
	line-height: 1.8rem;
	height: 100%;
	color: #39c5ff;
	position: absolute
}

.flight-cui-hd>div {
	display: table-cell;
	height: 1.2rem;
	line-height: 1.2rem;
	text-align: center
}

.flight-cui-hd .flight-cancel-btn, .flight-cui-hd .flight-ok-btn {
	width: 22%
}

.flight-cui-hd .flight-cancel-btn {
	border-right: 1px solid #303b4a
}

.flight-cui-hd .flight-ok-btn {
	border-left: 1px solid #303b4a
}

.flight-cui-hd .flight-center-title {
	border-left: 1px solid #3b4957;
	border-right: 1px solid #3b4957
}

.flight-cui-hd .flight-center-title .nspan-pad {
	border: .05rem solid #283847;
	background-color: #283847;
	padding: .3rem .6rem
}

.flight-cui-bd {
	background: #efefef;
	min-width: 16rem
}

.flight-cui-bd-extra {
	background: #fff
}

.maxIndex .flight-cui-bd .cui-roller .ul-list li.current {
	color: #099fde;
	font-size: 1.1rem
}

.flight-cui-bd .cui-roller .ul-list li.current-extra:after {
	content: "";
	height: .2rem;
	width: .6rem;
	border: .05rem solid #099fde;
	border-width: 0 0 .1rem .1rem;
	position: relative;
	top: .05rem;
	text-align: center;
	left: .15rem;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg)
}

.flight-cui-bd .cui-roller .ul-list li.twoline {
	padding-top: .4rem;
	height: 2.1rem;
	line-height: .9rem
}

.flight-date-box .flight-cui-bd .cui-roller-bd:nth-of-type(2) .ul-list li
	{
	text-align: center;
	text-indent: 0
}

.flight-date-box .flight-cui-bd .cui-roller-bd:nth-of-type(3) .ul-list li
	{
	text-align: right;
	text-indent: 0;
	padding-right: 1em
}

.flight-cui-bd .ul-list li, .flight-time-box .flight-cui-bd .ul-list {
	text-align: center;
	text-indent: 0
}

.cui-roller .ul-list {
	height: 100%;
	text-align: center;
	font-size: 1.2em;
	z-index: 2
}

.flight-cui-bd .ul-list {
	text-align: left;
	text-indent: 1em
}

.flight-cui-bd .ul-list2 {
	text-align: center;
	color: #4e5f71;
	text-indent: initial
}

.flight-cui-bd .cui-lines {
	background: #fff;
	border-top: .05rem solid #efefef;
	border-bottom: .05rem solid #efefef
}

.maxIndex .flight-cui-bd .cui-roller .ul-list li {
	color: #999;
	font-size: .85rem;
	height: 1.8rem;
	line-height: 1.8rem
}

.flight-cui-bd .cui-roller .ul-list li.border-b-extra {
	border-bottom: .05rem solid #efefef
}

.cui-roller, .cui-roller-btns {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	width: 100%
}

.cui-roller {
	width: 100%;
	overflow: hidden;
	position: relative
}

.smallPadding {
	padding: .25rem 0
}

.maxIndex .flight-cui-bd {
	background-color: transparent !important
}

.cui-roller-tips {
	display: none
}

.search-container {
	margin: .35rem .25rem 0;
	border: 1px solid #FFF;
	-webkit-border-radius: .2rem;
	-moz-border-radius: .2rem;
	border-radius: .2rem
}

.srhtab {
	border-top: 1px solid #FFF;
	padding: 0 .5rem .9rem;
	display: -webkit-flex;
	display: -webkit-box;
	display: -moz-box;
	display: flex;
	background: #FFF
}

.srhtab-item {
	-webkit-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	flex: 1;
	text-align: center
}

.svg-container {
	height: 1.5rem;
	width: 1.5rem;
	left: 0;
	right: 0;
	margin: 0 auto
}

.srhtab-item:nth-child(3) .svg-container {

	background-size: contain;
	opacity: .8
}

.srhtab-item:nth-child(4) .svg-container {
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjYwcHgiIGhlaWdodD0iNjBweCIgdmlld0JveD0iMCAwIDYwIDYwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzLjguMyAoMjk4MDIpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPuWPkeeOsOS9juS7tyBjb3B5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuWPkeeOsOS9juS7ty1jb3B5IiBmaWxsPSIjRkVDODFBIj4KICAgICAgICAgICAgPGcgaWQ9IuiDjOaZryI+CiAgICAgICAgICAgICAgICA8ZyBpZD0i5Zu95YaFIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzcuNzkxMjAyLDQwLjUzMTk5NSBMNDMuNTAxMjMxLDQ1LjM2NTg4MiBMNDUuMDI3Njk3LDQ2LjY1ODEyOCBMNDUuMjExMDczLDQ2LjQ0MTUxNiBDNDUuMzY0NjAxLDQ2LjQ4MzU5NSA0NS41MjYzOCw0Ni41MDYwODIgNDUuNjkzNDc3LDQ2LjUwNjA4MiBDNDYuNjg3NTksNDYuNTA2MDgyIDQ3LjQ5MzQ3Nyw0NS43MTAxNDQgNDcuNDkzNDc3LDQ0LjcyODMwNSBDNDcuNDkzNDc3LDQ0LjQ1MTU0NCA0Ny40Mjk0NDUsNDQuMTg5NTU1IDQ3LjMxNTIxMyw0My45NTYgTDQ3LjYxMjE5LDQzLjYwNTE5NiBMNDYuMDg1NzI0LDQyLjMxMjk1IEw0MC42MTQ4OTIsMzcuNjgxNTU3IEM0Mi40MjY4MjIsMzUuMjYxMzA5IDQzLjUsMzIuMjU1OTgyIDQzLjUsMjkgQzQzLjUsMjAuOTkxODcxIDM3LjAwODEyOSwxNC41IDI5LDE0LjUgQzIwLjk5MTg3MSwxNC41IDE0LjUsMjAuOTkxODcxIDE0LjUsMjkgQzE0LjUsMzcuMDA4MTI5IDIwLjk5MTg3MSw0My41IDI5LDQzLjUgQzMyLjMwNTMzMiw0My41IDM1LjM1MjM1NCw0Mi4zOTQwNDQgMzcuNzkxMjAyLDQwLjUzMTk5NSBMMzcuNzkxMjAyLDQwLjUzMTk5NSBaIE02MCwzMCBDNjAsMjQuNjY4NTAyIDU4LjYwOTIzOCwxOS42NjE4MzUgNTYuMTcwNzEzLDE1LjMyMjk5OCBDNTEuMDMxMTA1LDYuMTc4MTU1IDQxLjIzNzA0NSwwIDMwLDAgQzEzLjQzMTQ1OCwwIDAsMTMuNDMxNDU4IDAsMzAgQzAsNDYuNTY4NTQyIDEzLjQzMTQ1OCw2MCAzMCw2MCBDNDYuNTY4NTQyLDYwIDYwLDQ2LjU2ODU0MiA2MCwzMCBaIE0yOSw0MC41IEMyMi42NDg3MjUsNDAuNSAxNy41LDM1LjM1MTI3NSAxNy41LDI5IEMxNy41LDIyLjY0ODcyNSAyMi42NDg3MjUsMTcuNSAyOSwxNy41IEMzNS4zNTEyNzUsMTcuNSA0MC41LDIyLjY0ODcyNSA0MC41LDI5IEM0MC41LDM1LjM1MTI3NSAzNS4zNTEyNzUsNDAuNSAyOSw0MC41IEwyOSw0MC41IFogTTI0LjEyNiwyMi4yODMxMzUgTDI3LjU4MiwyOC41NDcxMzUgTDI1LjI5NiwyOC41NDcxMzUgTDI1LjI5NiwyOS43MzUxMzUgTDI4LjI0OCwyOS43MzUxMzUgTDI4LjI2NiwyOS43NTMxMzUgTDI4LjI2NiwzMS4yNDcxMzUgTDI1LjI5NiwzMS4yNDcxMzUgTDI1LjI5NiwzMi40MzUxMzUgTDI4LjI2NiwzMi40MzUxMzUgTDI4LjI2NiwzNS4xMzUxMzUgTDMwLjUzNCwzNS4xMzUxMzUgTDMwLjUzNCwzMi40MzUxMzUgTDMzLjUyMiwzMi40MzUxMzUgTDMzLjUyMiwzMS4yNDcxMzUgTDMwLjUzNCwzMS4yNDcxMzUgTDMwLjUzNCwyOS43NTMxMzUgTDMwLjU1MiwyOS43MzUxMzUgTDMzLjUyMiwyOS43MzUxMzUgTDMzLjUyMiwyOC41NDcxMzUgTDMxLjIxOCwyOC41NDcxMzUgTDM0LjY3NCwyMi4yODMxMzUgTDMyLjExOCwyMi4yODMxMzUgTDI5LjQsMjcuNzAxMTM1IEwyNi42ODIsMjIuMjgzMTM1IEwyNC4xMjYsMjIuMjgzMTM1IEwyNC4xMjYsMjIuMjgzMTM1IFoiIGlkPSJDb21iaW5lZC1TaGFwZSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
		no-repeat;
	background-size: contain;
	opacity: .8
}

.srhtab-item .svg-container:hover {
	opacity: 1;
	cursor: pointer
}

.svg-container img {
	width: 1.5rem;
	height: 1.5rem
}

.srhtabtxt {
	font-size: .55rem;
	color: gray
}

.bg-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%
}

.srhbody {
	background-image:-webkit-linear-gradient(top, #4EBCFF 10%, #0ae 50%);
	background-repeat: no-repeat;
	background-size: 100%;
	height: 100vh
}

.sc-bg {
	background: #FFF;
	width: 100%
}

.with-transiton-padding {
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out;
	background-color: #2E9CDF
}

.with-transiton-top {
	-webkit-transition: all .35s ease-out;
	transition: all .35s ease-out;
	background-color: #2E9CDF
}

.with-transiton-padding-none {
	-webkit-transition: all .5s ease-out;
	transition: all .5s ease-out
}

.with-transiton-top-none {
	-webkit-transition: all .35s ease-out;
	transition: all .35s ease-out
}

.flt-listerr-txt-city {
	padding-top: .5rem;
	text-align: center;
	color: #3f85ac;
	padding-bottom: 2rem
}

.reserve-order-wrap {
	overflow-y: hidden;
	overflow-x: hidden;
	width: 100%;
	margin: .75rem 0;
	-webkit-overflow-scrolling: touch;
	scroll-snap-points-x: repeat(14.625rem);
	scroll-snap-type: mandatory
}

.reserve-order {
	overflow: hidden;
	margin: 0 .25rem
}

.reserve-order-mult .reserve-item {
	float: left;
	margin-right: .25rem;
	width: 14.375rem
}

.reserve-order .reserve-item .reserve-tl {
	font-size: .6rem;
	color: rgba(255, 255, 255, .7);
	margin-left: .25rem;
	margin-bottom: .25rem
}

.reserve-order .reserve-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	flex-wrap: nowrap;
	height: 2.8rem;
	padding: .75rem;
	color: #606b7a;
	background-color: #fff;
	border-radius: .2rem
}

.reserve-container .reserve-info {
	width: 11.65rem
}

.reserve-order-mult .reserve-container .reserve-info {
	width: 10.5rem
}

.reserve-info .reserve-city {
	margin-bottom: .5rem;
	line-height: 1;
	font-size: .75rem;
	white-space: nowrap
}

.reserve-info .f-middle {
	position: relative;
	display: inline-block;
	height: 1px;
	width: .625rem;
	margin: 0 .375rem;
	background-color: #818d9d;
	vertical-align: middle;
	opacity: .9
}

.reserve-info .f-middle:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	height: 1px;
	width: .125rem;
	background-color: #818d9d;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.reserve-info .reserve-detail {
	max-width: 11rem;
	font-size: .55rem;
	line-height: 1.4;
	color: #818d9d;
	font-weight: 300
}

.reserve-info .reserve-detail .detail-item {
	display: inline-block;
	white-space: nowrap
}

.reserve-info .reserve-detail .detail-item:first-child {
	padding-right: 1em
}

.reserve-container .reserve-status {
	text-align: right
}

.reserve-status .status {
	display: inline-block;
	width: 2.25rem;
	height: 2.25rem;
	line-height: 2.25rem;
	color: #68b709;
	text-align: center;
	font-size: .65rem;
	border: 1px solid;
	border-radius: 50%
}

.reserve-status .status.status-green {
	color: #68b709
}

.reserve-status .status em {
	display: inline-block;
	font-style: normal
}

.reserve-status .status.status-red {
	color: #ff4323
}

.reserve-status .status.status-org {
	color: #f80
}

.reserve-status .status.two-lines em {
	padding-top: .45rem;
	line-height: 1.125;
	font-size: .6rem;
	width: 1.5rem
}

@media screen and (min-device-width: 375px) and
		(-webkit-min-device-pixel-ratio: 2) , ( min-device-pixel-ratio : 2) {
	.reserve-info .f-middle, .reserve-info .f-middle:before {
		height: 2px
	}
}

@media screen and (min-device-width: 414px) and
		(-webkit-min-device-pixel-ratio: 3) , ( min-device-pixel-ratio : 3) {
	.reserve-info .f-middle, .reserve-info .f-middle:before {
		height: 2px
	}
}