html,body {
   
    /*font-family:  'Segoe UI', Helvetica, Verdana, sans-serif;*/
    
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  font-family:  'Segoe UI', Helvetica, Verdana, sans-serif;
}
#body_all{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.header{
	overflow: hidden;
	position: relative;
}
.logo{
	position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    height: 56px;
    width: 65%;
    border-top-right-radius: 10px;
    /* line-height: 50px; */
    font-weight: 900;
    color: #333;
    font-size: 1.7rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    word-wrap: break-word;
    word-break: normal;
    padding: 0 3px;
}
.header img{
	width: 100%;
}
.land_info{
	color: #333;
	padding:10px 5%;
	font-size: 14px;
}
.land_info p{
	font-weight: 900;
	font-size: 2rem;
}
.navigation{
	margin-left: 5%;
	overflow: hidden;	
	padding-left: 3px;
}
.nav{
	width: 27%;		
	/*background-color: #ccc;*/
	margin-right: 5%;
	overflow: hidden;
	margin-top: 5%;
	margin-bottom: 10px;
	float: left;
	
	border-radius: 10px;
	/*border:2px solid #8C8C8C;*/
	text-align: center;
	box-shadow:1px 1px 10px #8C8C8C ;
	color: #8C8C8C;
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.nav p{
	margin-top: 0;
	margin-bottom: 0;
}
.nav h4{
	font-size: 1rem;
	font-weight: 800;
	margin: 0;
	margin-bottom: 0.3rem;
}
.nav h5{
	font-size: 1rem;
	margin: 0;
}
.navigation_specific{
	width: 100%;
}

.li-active {
	background-color:#FE0000;
	color: #fff;
}
.tab_index  {
	width:100%;
	display:none;
}
.tab_index-active {
	display:block
}
.tab_index{
	/*margin-top: 1rem;*/
	margin-left: 5%;	
	padding-left: 3px;
}
.specific_nav{
	width: 20%;		
	margin-right: 3%;
	overflow: hidden;
	margin-top: 2%;
	margin-bottom:5rem;
	float: left;
	text-align: center;
	color: #8C8C8C;
	position: relative;
	
}

.nav .iconfont{
	font-size: 3.7rem;
}
.unread{
	position: absolute;
	right: 0.5rem;
	width: 2rem;
	height: 2rem;
	background-color:#FE0000;
	color: #fff;
	border-radius: 50%;
	line-height: 2rem;
	font-size: 1.5rem;
	text-align: center;
	font-weight: 700;
	
}
.specific_logo{
	display: flex;
    text-align: center;
    width: 90%;
    justify-content: center;
    align-items: center;
    color: #000;
    border-radius: 50%;
	background-color: #fff;
    line-height: 4.3rem;
    margin-top: 0.3rem;
    margin-bottom: 1rem;
    margin-left: 5%;
    box-shadow: 1px 1px 4px #8C8C8C;
}
.specific_logo .iconfont{
	font-size: 2.8rem;
}
.specific_nav h4{
	font-size: 1rem;
	font-weight: 800;
	margin: 0;
	margin-bottom: 0.3rem;
}
.specific_nav h5{
	font-size: 1rem;
	margin: 0;
}
@media only screen and (min-width: 768px) {
	.iconfont{
    font-family: "iconfont" !important;
    font-size: 6rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.specific_logo{
	line-height: 9.5rem;
}
.nav h4{
	font-size: 2rem;
}
.nav h5 {
    font-size: 1.5rem;
    margin: 0;
}
.specific_nav h4{
	font-size: 2rem;
}
.specific_nav h5 {
    font-size: 1.5rem;
    margin: 0;
}
}
@media only screen and (max-width: 330px) {
	.navigation p{
		margin-bottom: 0;
	}
	.specific_logo{
	line-height: 4rem;
}
}
@media only screen and (min-width: 380px) {
	
	.specific_logo{
	line-height:5rem;
}
}
@media (max-width:480px){
	
	.nav p {
		font-size: 14px;
	}
}
.dx-tabpanel.dx-state-focused .dx-tab-selected:after {
  border-top: 1px solid #DAD9DE;
  border-right: 1px solid #DAD9DE;
  border-left: 1px solid #DAD9DE;
}
.dx-tabpanel.dx-state-focused .dx-multiview-wrapper{
	border: 1px solid #fff;
}

.body_h5{
	background: #fff;
	position: absolute;
	top: 0%;
	left: 100%;
	display: none;
	width: 100%;
	height: 100%;
	transition: left 0.3s;
}
#index,#index_list_x{
	left: 0;
	position: relative;
}
#index .page_title,#index_list_x .page_title{
	left: 0;
	display: flex;
	/*position: absolute;*/
    flex-wrap: nowrap;
}
#top,#top_list_x,#flight_list_title,#adresss_title,.flight_list_title,.page_title{
	height: 50px;
	width: 100%;
	background: #DAD9DE;
	position: fixed;
    top: 0;
    left: 100%;
    z-index: 10;
    transition: left 0.3s;
}
#top_nav,.top_nav{
	background-color: #DAD9DE;
}
#top_nav .navbar-toggle span{
	font-size: 2.5rem;
}
#tab_par,.tab_par{
	margin-top: 1rem;
}
.navbar_self{
	float: left;
	margin-left: 2.5rem;
}
.body_text{
	padding: 0 5%;
}
.Text_hints{
	padding: 1.3rem 0;
	font-family: PingFangTC-Regular;
	font-size: 1rem;
}
.Text_hints span{
	display:block;
}
.text_head{
font-size: 2.13rem;
color: #403F45;
line-height: 2.38rem;
}
.information{
	height: 5.25rem;
	width: 100%;
	background: #337ab7;
	padding:1rem 5%;
	position: fixed;
	bottom: 0px;
	left: 0;
	font-family: PingFangSC-Semibold;
    font-size: 1.3rem;
color: #FFFFFF;
text-align: center;
}
.information_x{
	margin-top: 12px;
	position: relative;
    background: #fff;
}
.departure,.departure_time{
	border-bottom:1px solid #B5B4BA;
	height: 6rem;
	text-align: center;
}
.departure{
	line-height: 6rem;
}
.choosecity{
	display: inline-block;
}
.choosecity>i{
	font-size: 3rem;
}
.passenger{
	padding: 0rem 0.25rem;
	background: #FFFFFF;
    box-shadow: 0 0 0.25rem 0 rgba(133,133,133,0.50);
    border-radius: 0.5rem;
    line-height: 5rem;
    text-align: center;
    font-size: 2rem;
    color: #3D3D3D;
    margin-bottom: 1rem;
    box-sizing: border-box;
}
.schedule_confirm_staff{
	padding: 0 5% 2rem;
}
.passenger1{
	padding: 1.5rem 0.25rem;
	background: #FFFFFF;
    border-bottom:1px solid #B5B4BA; 
    font-size: 1rem;
    color: #3D3D3D;
    box-sizing: border-box;
    overflow: hidden;
}
.pass_name,.pass_info{
	float: left;
}
.pass_name{
	width: 30%;
	font-family: PingFangSC-Semibold;
    font-size:1.6rem;
     color: #403F45;
     line-height: 3rem;
}
.pass_info{
	width: 70%;
	font-family: PingFangSC-Regular;
    font-size: 0.63rem;
    color: #737278;
    line-height: 1.5rem;
}
.schedule_confirm{
	padding: 0rem 0.25rem;
	background: #FFFFFF;
    box-shadow: 0 0 0.25rem 0 rgba(133,133,133,0.50);
    border-radius: 0.5rem;
    text-align: center;
    font-size: 1rem;
    color: #3D3D3D;
    margin-bottom: 1rem;
    box-sizing: border-box;
}
.schedule_confirm_info{
	padding: 1.5rem 0;
	border-bottom: 2px solid #B5B4BA;
}
.info_place{
	overflow: hidden;
	width: 60%;
	margin: 0 auto;
}
.info_heng{
	line-height: 5rem;
	text-align: center;
	font-size: 3rem;
}
.info_departure,.info_heng,.info_destination{
	float: left;
	padding: 0 1rem;
	width: 33%;
	font-family: PingFangSC-Regular;
    color: #403F45;
}
.info_destination p{
	font-size: 2.13rem;
	font-family: "PingFangSC-Regular";
}
.info_departure p{
	font-size: 2.13rem;
	font-family: "PingFangSC-Regular";
}
.info_destination span{
	font-size: 1.5rem;
}
.info_departure span{
	font-size: 1.5rem;
}
.flight_set{
	margin: 0 0 2rem;
	font-size: 0.5rem;
}
.flight_set_number{
	background: #FAFAFA;
    border-radius: 8px;
    padding: 0.5rem;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 1rem;
}
.add_set{
	font-size: 2rem;
	line-height: 4rem;
	text-align: center;
	width: 20%;
	height: 4rem;
}
.set_price{
	font-size: 1.5rem;
	line-height:4rem;
	text-align: center;
	color: #CC0000;
	width: 20%;
	height: 4rem;
}
.floatright{
	float: right;
}
.floatleft{
	float: left;
}
.set_info_place{
	width: 60%;
	overflow: hidden;
}
.add_set,.set_info_place,.set_price{
	float: left;
}
.search_content_time .dx-button-content{
	padding: 8px;
}
.dx-button-mode-contained.dx-state-active {
  background-color: #fff;
}
.cancel_flight_list.dx-button-mode-contained.dx-state-active {
  background-color: #DAD9DE;
}
.set_info_departure,.set_info_heng,.set_info_destination{
	float: left;
	padding: 0 1rem;
	width: 33%;
	font-family: PingFangSC-Regular;
    color: #403F45;
}
.set_info_destination p{
	font-size: 1.5rem;
}
.set_info_departure p{
	font-size: 1.5rem;
}
.set_info_destination span{
	font-size: 1rem;
}
.set_info_departure span{
	font-size: 1rem;
}

.set_number{
	padding: 1rem 0.25rem;
	background: #FFFFFF;
    border-bottom:1px solid #B5B4BA; 
    font-size: 1rem;
    color: #3D3D3D;
    box-sizing: border-box;
    overflow: hidden;
}
.set_number_name,.set_number_place{
	float: left;
}
.set_number_name{
	width: 30%;
	font-family: "PingFangSC-Semibold";
    font-size:1.6rem;
     color: #403F45;
     line-height: 2.5rem;
     text-align: center;
}
.set_number_place{
	width: 70%;
    font-size: 3rem;
    color: #737278;
    line-height: 3rem;
}
.set_info_heng{
	line-height: 4rem;
	text-align: center;
	font-size: 2rem;
}
.choosecity{
	display: inline-block;
}
.choosecity>i{
	font-size: 3rem;
}


.dx-tabpanel .dx-tabs-wrapper {
    display: block;
    background: #999;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.dx-tab.dx-tab-selected{
	 border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.dx-tabpanel .dx-multiview-wrapper,.dx-tabpanel .dx-tabs,.dx-tabpanel .dx-tab-selected:before ,.dx-tabpanel .dx-tab-selected:after{
  
  border: none;
}
.next_page{
	width: 100%;
    position: fixed;
    overflow: auto;
    top: 0;
    left: 100%;
    height: 100%;
    background: #fff;
    transition: left 0.3s;
    z-index: 11;
}
.textcenter{
	text-align: center;
}
/*第一页*/
.choose_city_int>div{
	float: left;
    text-align: center;
	width: 41%;
	min-height: 30px;
}
.choose_city_int:after{
	content: '';
	display: block;
	clear: both;
}
.the_num_of_search_text{
	margin-bottom: -1.2rem;
	padding-top: 0.7rem;

}
.the_num_of_search{
	position: relative;
	font-weight: 700;
	padding-bottom: 10px;
}
.del_this_sche{
	position: absolute;
    color: red;
    right: 0;
    top: 5px;
    font-size: 2.5rem;
    font-weight: 700;
}
.only_the_num_of_search_text{
    border-top: 1px solid #ddd;
}
.choose_time_int>div{
	width: 50%;
}
.choose_city_int>div.search_content_city_tar {
    width: 18%;
    height: 100%;
    position: relative;
}
.search_content_city_tar>i{
	font-size: 3rem;
}
.choose_city_int{
	padding-top: 2rem;
}
.choose_time_int {
    padding-top: 0.7rem;
    text-align: center;
}
#dxCalendar_x{
	position: fixed;
	z-index: 100000;
    /*border: 1px solid #ddd;*/
    display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
#dxCalendar_x_z{
	width: 100%;
	height: 100%;
	/*background: rgba(0,0,0,0.7);*/
	background: rgba(0,0,0,0);
	transition:background 0.2s;
}
#dxCalendar_x_c{
	background: #fff;
	transition:opacity 0.2s;
	position: absolute;
	opacity: 0;
    /*border: 1px solid #ddd;*/
    /*display: none;*/
	top: 0;
	left: 0;
	padding:5px;
	border-radius:5px; 
}
#dxCalendar_x_c2,#dxCalendar_x_c3{
	margin-top: 5px;
}
#cancel_adresss{
	border: none;
}
/*第一页*/
/*乘客选择*/
.passenger_choose_par>div{
	border-left: 3px solid #337ab7;
	padding-left: 3px;
}
.orderstyle-header {
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    background-color: #337ab7;
    padding: 0 2%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.divclose {
    position: absolute;
    top: 0px;
    right: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
}
#edit_plist .modal-dialog{
	border: 1px solid;
}
#myModal_forchoosePassengers .modal-footer .dx-button-content{
	padding:5px;
}
.clear:after{
	content: '';
	display:block;
	clear: both;
}
#passenger_choose_con .col-xs-12{
	padding: 0;
    margin-bottom: 1.5rem;
}
.assList_1ls{
    width: 100%;
    height: auto;
	min-height:5rem;
    margin: 0px 0;
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items:  center;
    align-content:  center ;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #333;
}
.rightbutton {
    float: right;
    margin-top: 5px;
    margin-right: 2%;
}
.assList_1lsf{
	padding:0 5px;
}
.assList_1ls_xx{
    padding: 0% 2%;
    text-align: left;
	flex-grow:1;
    font-size: 13px;
    color: #1C0000;
    display: flex;
    height: auto;
	min-height:5rem;
    flex-wrap: nowrap;
    align-items: center;
}
.assList_1ls_xx strong{
    color: #403F45;
    line-height: 22px;
    display: block;
	font-size:10px;
}
.assList_1ls_xx>div{
	padding: 3px;
    line-height: 18px;
}
.assList_1ls_xx_name{
	font-size: 1.2rem;

}
.assList_1ls_xx_pandi,.assList_1ls_xx_pandi span{
	font-size: 0.9em;
	font-weight: normal;
}
.assList_1ls>.delete_pl{
	color: #CC0000;
	padding: 0 5px;
} 
/*乘客选择*/
/*地址模块*/
#adresss_content{
	/*position: relative;
    padding-top: 1px;
    padding-bottom: 1px;*/
}
.adresss_content_list{
	position: relative;
    padding-top: 1px;
    padding-bottom: 1px;
    margin: 0;
}
.adresss_content_list>li {
    border-color: #ddd;
    background-color: #fff;
    color: #444;
    position: relative;
    z-index: 2;
    display: block;
    margin: -1px 0;
    padding: 14px;
    border-width: 1px;
    border-style: solid;
    /*width: calc(100% - 2px);*/
    font-size: 13px;
}
.adresss_content_list>.address_load {
    padding:0;
    background:#ddd;
    text-align:center;
}
.adresss_content_list>.adresss_content_list_item_con{
	padding: 0;
}
.adresss_content_list>li span:nth-child(1) {
    font-weight: 200;
    font-size: 1.8rem;
}
.adresss_content_list>li i {
	font-style: normal;
}
.adresss_content_list>li span:nth-child(2) {
    display: inline-block;
    font-size: 1.8rem;
    float: right;
    color: cornflowerblue;
}
.search_content_city_from span:nth-child(3),.search_content_city_to span:nth-child(3) {
    font-size: 1.3rem;
}
/*地址模块*/

.next_page{
	width: 100%;
    position: absolute;
    overflow: auto;
    top: 0;
    left: 100%;
    height: 100%;
    background: #fff;
    transition: left 0.3s;
}
/*航班列表*/
.flight_list{
	/*background: rgba(0,0,0,0.4);*/
}
.flight_list_content_title{
	border-left: 3px solid #337ab7;
    padding-left: 5px;
    margin-left: 10px;
    margin-top: 5px;
}
.flight_list_content_title>.flct_s1{
	font-size: 1.8rem;
    font-weight: 700;
}
.flight_list_content_title>.flct_s2{
	font-size: 1.2rem;
}
.flc_item,.flc_item_2,.flc_item_x
,.trainL_item,.trainL_item_2{
	display: flex;
    flex-wrap: nowrap;
    align-items:  center;
    align-content:  center ;
    text-align: center;
    font-size: 13px;
	color: #403F45;
}
.flc_item,.flc_i{
	padding: 0;
}
.flc_item>div,.flc_item_2>div{
	/*flex-grow: 1;*/
}
.flc_item>.flc_item_2{
	/*flex-grow: 2;*/
}
.flc_item_1{
	width: 13%;
}
.flc_item_2{
	width: 65%;
}
.flc_item_3{
	width: 22%;
}
.flc_item_airp{
	width: 40%;
}
.flc_item_airp{
	font-size: 1.1rem;
}
.flc_item_airp_to{
	width: 30%;
	padding: 0 2px;
}
.flc_item_airp_to1{
	color: #B5B4BA;
    font-size: 1rem;
    border-bottom: 0.1rem solid #B5B4BA;
}
.flc_item_airp_to2,.flc_item_cost_time{
	color: #B5B4BA;
    font-size: 9px;
}
.flc_item_price{
	color: #337ab7;
    font-weight: 700;
}
.flc_item_airp_time span{
	font-size: 1.5rem;
}
.flc_item_airp_time span:nth-child(2),.flc_item_airp_time span:nth-child(3){
	font-size: 1rem;
	color: #CC0000;
}
.flc_item_company{
	font-size: 1rem;
}
.flc_i_c{
    transition: height 0.5s;
}
.b_f_l_p{
	padding: 5px;
    height: 100%;
    width: 100%;
}
.flc_item_x_null{
	width: 10%;
}
.b_f_l_p_d{
	width: 100%;
	height: 100%;
	text-align: center;
	background:rgba(0,0,0,0.2);
}
.border_bootom1px{
	border-bottom: 1px solid #B5B4BA;
}
.f_l_d_item_sc ,.fl_sc_1_1,.fl_sc_2{
	display: flex;
    flex-wrap: nowrap;
    align-items:  center;
    align-content:  center ;
    text-align: center;
}
.fl_price_2{
	background: #313639;
    border-radius: 4px;
    color: #fff;
    padding: 5px 10px;
}
.fl_price_1{
	font-family: PingFangSC-Semibold;
	color: #CC0000;
	text-align: center;
	font-weight: 700;
}
.fl_sc_1,.fl_sc_2{
	/*width: 50%;*/
	font-size: 1.4rem;
}
.fl_sc_1{
	/*max-width: 9.5rem;*/

}
.fl_sc_1 .cabin_num{
	text-align: left;
	max-width: 90px;
}
.d1d_BAGGAGE_1{
	padding-left: 5px;
}
.fl_sc_2>div{
	flex-grow:1;
}
.flc_par_item>div{
	padding:5px;
}
.fl_sc_1_1{
	padding: 2px;
}
.trip_num{
	width: 20px;
    height: 20px;
    line-height: 20px;
    margin-right: 4px;
    background: orange;
    border-radius: 10px;
}
.f_l_d_item{
	padding: 0 3px;
    margin: 5px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.flightno_num{
	margin: 0 5px;
}
.f_l_d_item_sc {
	padding:5px 0;
	justify-content: space-between;
}
#back_to_index_h5,#back_to_index_h5_list,#cancel_flight_list,#cancel_adresss,
.cancel_flight_list,.cancel_adresss,
.cancel_page,.cancel_btn{
	background: #DAD9DE;
	border: none;
}

.cancel_page.dx-state-active {
  background: #DAD9DE;
}
#adresss_title{
	height: auto;
	display:flex;
}
.flc_item_airp_name_c{
	font-size: unset;
}

.b_f_l_p_d3,.where_,.time_,.more_,#all_choose_trips_btn,#all_choose_trips_btn_team{
	display: flex;
    flex-wrap: nowrap;
    align-items:  center;
    align-content:  center ;
    text-align: center;
}
.b_f_l_p_d3>div{
	flex-grow: 1;
}
.where_,.time_,.more_{
	justify-content:center;
}
.b_f_l_p_d3{
	box-shadow: 0px -1px 2px #ccc;
}
.b_f_l_p_d3{
	box-shadow: 0px -1px 2px #ccc;
	flex-direction:column;
}
.flc_confirm_list{
	width: 100%;
}
.flc_confirm_list_head{
	text-align: center;
}
.flc_confirm_list .flc_item_airp{
	width: 40%;
}
.flc_confirm_list .flc_item_airp_to{
	width: 20%;
}
.flc_confirm_list .flc_item_airp_name_c,.flc_confirm_list .flc_item_airp_name_e{
	word-wrap: break-word;
    white-space: normal;
}.overtimes{
	font-family: PingFangTC-Semibold;
	font-size: 9px;
	color: #294B6D;
	text-align: center;
}

#all_choose_trips_list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
  background-color: #fff;
  color: #333;
}
.this_sector_se_price>span:nth-child(2),#total_Price>span:nth-child(3),#total_Price>span:nth-child(2),#total_Price_team>span:nth-child(3){
	float: right;
	color: red;
}
#total_Price>span:nth-child(2),#total_Price>#total_Price_num{
	float: unset;
	color: red;
    align-self: flex-end;
}
#total_Price{
	display: flex;
	flex-direction:column;
}
.lessthan7{
	margin-top:10px; 
}
#all_choose_trips_btn,#all_choose_trips_btn_team{
	width: 100%;
	justify-content: space-between;
}
.fl_price_1>span{
	font-size:1.2rem;
}
#all_choose_trips_list,#all_choose_trips_list_team{
	padding-bottom: 20px;
}
.this_sector_se_num,#total_price
{
	font-weight: bolder;
}
.flc_item_company_1_id{
	font-size: 1.2rem;
	word-wrap: break-word;
}


.page_content,.flight_list_content{
	margin-top: 50px;
    padding-top: 0.1rem;
    position: relative;
        height: calc(100% - 50px);
}
.index_title{
	display: flex;
}
.index_title_item,.index_title_item_list{
	margin-top:5px;
	width: 25%;
	text-align: center;
	color: #333;
}
.index_title_item i,.index_title_item_list i{
	font-size: 3rem;
	max-height:28px;
}
.index_title_item span,.index_title_item_list span{
	font-size: 1.3rem;
}
.index_title_item_active{
	color: #337ab7;
}
.index_title_item_list.index_title_item_active{
	display: flex;
	width: 100%;
}
.tr_addition{
	display: none;
}
.index_title_item_list.index_title_item_active .tr_addition{
	display: flex;
	/*width: 75%;*/
	width: 100%;
	flex-direction: row;
	justify-content: space-around;
}
.tr_add{
	display: flex;
	flex-direction: column;
	color: #a1a1a1;
}
.tr_add.tr_add_active{
	color: #337ab7;
}
#tab_par{
	overflow-x: hidden;
}
.flc_item_cost_time{
	font-size: 10px;
}
.change_flight_switch,.change_flight_select{
	width: 90%;
	float: right;
	/*height: 50px;*/
	display: flex;
	align-items:center;
	justify-content: flex-end;
}
.flex_middle{
	width: 0px;
	font-size: 0px;
	display: inline-block;
	height: 100%;
}
.change_flight_switch_s .dx-button-content,
.change_flight_select_s .dx-button-content,
.change_flight_sort .dx-button-content{
	padding: 0px 8px;
}
.flight_list_title{
	display: flex;
}
.change_flight_switch_s
,.change_flight_select_s
,.change_flight_sort{
	background: #DAD9DE;
}
.d_R_C_rule_c{
	margin: 0px 5px;
}
/*.rc_list_f{
	display: flex;
}
.rc_list_f_1{
	width: 10%;
}
.rc_list_f_2{
	width: 90%;
}*/
.gray_bac.dx-button-mode-contained{
	background: #9c9ba4;
}
.gray_bac.dx-button-mode-contained.dx-state-active {
  background: #9c9ba4;
  border-color: transparent;
  color: #fff;
}
.change_flight_select_s.dx-state-active,
.change_flight_sort.dx-state-active {
  background: #DAD9DE;
}
#all_choose_trips .modal-content{
	overflow: auto;
}
.tool_page{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;left: 0;
	background: transparent;
	z-index: 1500;
	display: none;
}
.tool_page_b{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;left: 0;
	z-index: 1;
	background-color: rgba(0,0,0,0);
	transition: background-color 0.3s;
	-moz-transition: background-color 0.3s;	/* Firefox 4 */
	-webkit-transition: background-color 0.3s;	/* Safari 和 Chrome */
	-o-transition: background-color 0.3s;	/* Opera */
}
.tool_page_content{
	width: 80%;
	height: 100%;
	position: absolute;
	top: 0;right: -80%;
	z-index: 2;
	background: #fff;
	transition: right 0.3s;
	-moz-transition: right 0.3s;	/* Firefox 4 */
	-webkit-transition: right 0.3s;	/* Safari 和 Chrome */
	-o-transition: right 0.3s;	/* Opera */
	display: flex;
    flex-direction: column;
}
.flight_select_content_apply{
	padding:5px; 
	/*height: 50px;*/
}
.flight_select_content_con{
	flex-grow: 1;
	overflow: auto;
}
.flight_select_content_by{
	padding:5px; 
}
.fscb_cont_c{
	display: flex;
	flex-wrap: wrap;
}
.fscb_cont_c>div{
	width: 33%;
    text-align: center;
    box-sizing: border-box;
    padding:5px 10px;
}
.fscb_cont_c>div>div{
	padding: 5px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fscb_cont_c>.filter_by_classlevel>div{
	flex-direction: column;
}
.fscb_cont_c>div>div>img{
	margin-right: 4px;
}
.fscb_title{
	font-size:17px;
	font-weight:bold;
	/* border-bottom: 2px solid #ddd; */
}
.choose_this_fi,.fbclass_cont_c{
	border-color: red !important;
}
#cancel_flight_list,.sort_int,.change_flight_select_s{
	padding-top:5px;
}
.sort_int,.sort_hotel,#hotel_title_button_p{
	display: flex;
}
.filter_hotel_active.dx-state-active {
  background-color: transparent;
  border-color: transparent;
  color:red;
}
.filter_hotel_active{
	color:red;
}.filter_hotel_active .sort_hotel_ico{
	color:#333;
}
.filter_hotel_active .filter_hotel_active_icon{
	color:red;
}
#star_filter_hotel{
	background: #DAD9DE;
}#star_filter_hotel>div{
	padding:0;
}
.active_sort .sort_int_text,.active_sort .sort_hotel,
.active_sort .sort_int_ico_active,.active_sort .sort_hotel_ico_active{
	color: red;
}
.fsc_ac .btn_tem{
	display: flex;
    justify-content: center;
    align-items: center;
}
.fsc_ac .dx-button-content{
	padding: 5px;
}
.fsc_ac .btn_tem .btn_tem_ico{
	margin-right: 5px;
}
.dx-popup-title.dx-toolbar .dx-toolbar-label {
    font-size: 16px;
}
#tab_doc .dx-tabs-wrapper{
	width: 100%;
	display: flex;
}
#tab_doc .dx-tabs-wrapper>.dx-item{
	width: 50%;
	color: #fff;
}
.switch_cc .dx-radiobutton{
	margin-bottom:7px;
}
.fl_price_1>span{
	margin-right:0.4rem;
}
#btn_ml .dx-button-content,
#btn_nl .dx-button-content{
	font-size:1.2rem;
}
.index_title_item>div,.index_title_item_list>div{
	display: flex;
	flex-direction: column;
}
.selet_pl_list {
	padding-top: 7px;
}
.adresss_content_list_item_con_l  {
	display:none;
}
.mymodal_content_y{
	overflow: auto;
}
#train_tips_la{
	display: flex;
    flex-direction: column;
    margin-top: -20px;
    margin-bottom: 20px;
    color: red;
	font-size:1.2rem;
}
.this_sector_se_num{
	font-size:1.2rem;
}
/*.choose_city_int_radio .dx-widget.dx-collection{
	display: flex;
    justify-content: space-around;
}*/


.my_orderlist{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	padding: 5px;
	background: #fff;
	color: #333;
}
.btn_item{
	margin-top: 5px;
	    text-align: center;
}
.item_ittt{
	display: flex;
}
.trlist_item_c .not_appro{
	color: #333;
}
.trlist_item_c .has_appro{
	color: green;
}
.trlist_item_c .has_tik{
	color: #00b5ff;;
}
.item_ittt .width10{
	width: 20%;
}
.trlist:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active ,
#getTrips:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active ,
#getTrips_hotel:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active{
  background-color: #fff;
      color: #333;
}
#trlist .dx-item{
	border-bottom: 1px solid #ddd;
}
.psgseglist_flex>div{
	width:100%;
}
.psgseglist_flex_2,.psgseglist_flex_3{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.1rem;
}
.psgseglist_flex_3{
	align-items: baseline;
	justify-content: flex-start;
	flex-direction: column;
	font-size: 1.3rem;
}
.psgseglist_flex_3>div{
	margin-right: 7px;
	width: 100%;
}
.psgseglist_flex_7{
	display: flex;
	justify-content: space-between;
}
.psgseglist_flex_3>.psgseglist_flex_6{
	display: flex;
	flex-direction: column;
}
.psgseglist_flex_3>.psgseglist_flex_7 span{
	word-wrap: break-word;
    white-space: normal;
}
.psgseglist_flex_2 .plf_i_i{
	display: flex;
    width: 43%;
    word-wrap: break-word;
    white-space: normal;
    align-items: center;
    text-align: center;
    justify-content: center;
    flex-direction: column;
}
.plf_i_i2{
	/*width: 10%;*/
	color: #B5B4BA;
	text-align: center;
    font-size: 1rem;
    border-bottom: 0.1rem solid #B5B4BA;
}
.must_show{
	display:block !important;
}
.getTrips_btn_0{
	/* border: none; */
    background: transparent;
    font-size: 1.3rem;
    color: red;
    border-color: #ddd;
}
#getTrips_btn{
	display: flex;
    justify-content:space-between;
}
#getTrips_btn .getTrips_btn_0>div{
	display: flex;
    align-items: center;
    line-height: normal;
    padding: 3px 10px;
}.getTrips_btn_0 i{
	font-size: 1.7rem;
    margin-right: 0.3rem;
}
.getTrips_btn_1{
	display: flex;
    flex-direction: column;
}
.or_passs2{
	display: flex;
    justify-content: space-between;
}
#getTrips .dx-empty-message,#getTrips_hotel .dx-empty-message{
	border-top: none;
}.getTrips_title{
	margin-top: 5px;
	/*font-size: 1.7rem;*/
    font-weight: bold;
    border-top: 1px solid #aaa;
}.getTrips_title:nth-child(1){

	border:none;
}
.trlist_item{
	display: flex;
    align-items: center;
}
.trlist_item_c{
	width: 50%;
    display: flex;
    flex-direction: column;
}.trlist_item_c1{
	align-items: center;
	text-align: center;
}
.trlist_item_c1_f1{
	display: flex;
    flex-direction: column;
    width: 100%;
}
#tab_doc .dx-tab-selected .dx-tab-content{
	color: #337ab7;
}
.page_x_approve_1{
	background: transparent;
}
.next_btn_fort_tr1{
	background: transparent;
    font-size: 1.3rem;
    height: 100%;
    color: red;
    border-color: #a08585;
    min-width: 100px;
}
.next_btn_fort_tr>div{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.next_btn_fort_tr .getTrips_btn_1{
	display: flex;
    flex-direction: column;
    line-height: normal;
}
#getTrips_hotel .psgseglist_flex_1{
	display: flex;
    align-items: center;
    margin-bottom: 2px;
}
#getTrips_hotel .psgseglist_flex_1>span{
    font-size: 1.1rem;
	text-align: center;
    max-width: 80%;
    word-break: break-all;
    overflow-wrap: break-word;
    white-space: normal;
    display: flex;
    flex-direction: column;
}
.psgseglist_rcs{
	color: red;
	display: flex;
	flex-direction: column;
}
#getTrips_btn .add_n_ico{
	font-size: 2.3rem;
}
.hassegfn_f_t>span{
	margin-right: 5px;
}
.roche_team_list_c .flc_item_airp{
	width: 50%;
}
.roche_team_list_c .flc_item_airp_name_c {
    font-size: unset;
}
#orderlist_btn{
	position: absolute;
	bottom: 0;
	height: 50px;
	width: 100%;
}



.flc_item_airp_remark>div{
	border-bottom:1px solid #ccc;
}
#all_choose_trips_list_team:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
    background-color: transparent;
    color: #333;
}
#all_choose_trips_list_team:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
  	background-color: transparent;
    color: #333;
}

.cabin_classl_{
	display: none;
}
.classlevel_Y .cabin_classl_Y,.classlevel_F .cabin_classl_F,.classlevel_C .cabin_classl_C{
	display: block;
}
.noseg_int{
	display: none;
}

#direct_address_list{
	height: 100%;
	display: flex;
    flex-direction: column;
}
#direct_address_list div{
	height: 100%;
}
#direct_all{
	display: flex;
}
#direct_address_list #direct_c{
	height: calc(100% - 50px);
	flex-grow: 1;
}
#direct_address_list #direct_b{
	border-top: 1px solid #DDD;
	height: 50px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
#direct_address_list #direct_u_t{
	border-right: 1px solid #DDD;
	width: 100px;
    display: flex;
    flex-direction: column;
}
#direct_u_c{
	flex-grow: 1;
	padding-left: 20px;
}
.direct_u_c_i{
	display: none;
}
#direct_address_list .direct_u_c_i>div{
	height: unset;
    display: flex;
    flex-direction: column;
}
.direct_u_c_i_ac{
	display: block;
	overflow: auto;
}
.direct_select_item{
	height: 45px;
    line-height: 45px;
}
.direct_u_t_i{
	position: relative;
	text-align: center;
    border-bottom: 1px solid #DDD;
}
.direct_ac:before{
	content: '';
	position: absolute;
	height: 100%;
	border-right: 1px solid #fff;
	top: 0;right: -1px; 
}
.direct_u_c_i_item{
	white-space: nowrap;
	border-bottom: 1px solid #DDD;
	padding-left: 15px;
}
.direct_u_c_i_item:last-child{
	border:none;
}
.select_direct_truth{
	color: #52aefc;
}
#hotel_all_search_s_par .hotel_choose_key{
	justify-content: flex-start;
}

.change_rule{
	white-space: normal;
}
#page_x_content_1{
	height: unset;
	width: 100%;
}
.det_ho{
	color: #48b7e4;
    text-decoration: underline;
}

.change_rule{
	white-space: normal;
}
#page_x_content_1>div{
	width:100%
}
.flight_list .flight_list_content,.flight_list_ .flight_list_content {
    height: calc(100% - 100px);
    overflow: auto;
}.flight_list_bottom{
	height: 50px;
}.flight_list_bottom>div{
	display: flex;
    background: #4c4c4c;
    height: 100%;
    padding: 3px;
    color: #fff;
}.flight_list_bottom>div>div{
	text-align: center;
	display: flex;
    flex-direction: column;
    font-size: 12px;
    justify-content: center;
}.flight_list_bottom img{
	width: 20px;
}
#tr_tab .dx-tab{
	padding: 0;
}#tr_tab{
	margin-top:5px;
}
#getTrips_t:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active {
  background-color: #fff;
  color: #333;
}
.fscb_cont_c1>div {
    width: auto;
}
.fscb_cont_c1>div>div{
	padding:5px;
}
.refund_btn{
	margin-left: 5px;
    background: transparent;
    font-size: 1.3rem;
    color: red;
    border-color: #ddd;
}
.psgseglist_flex>div{
	display: flex;
	align-items: center;
}
#trlist .dx-list-item-content,
#trlist .dx-list .dx-empty-message{
	padding: 5px;
}
.trlist_item_c .width20{
	white-space: NOWRAP;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
}
.rclist_l1 {
	border-bottom: 1px solid #eee;
}
.rclist_l1 .dx-scrollview-content{
	display: flex;
}
#rclist_l3  .dx-list-item-content{
    white-space: pre-wrap;
}
#rclist_2 .dx-list-item,#rclist_2 .dx-list .dx-empty-message{
    border: none;
}