/*
 * @Author: LiuJun 
 * @Date: 2019-05-22 13:54:01 
 * @Last Modified by: LiuJun
 * @Last Modified time: 2019-12-14 17:06:13
 */

/*page*/
em, i {
    font-style: normal;
}
.step {
    display: block;
	height: 60px;
	margin: 30px auto;
}
.step li {
    position: relative;
    text-align: center;
}
.step .num {
    position: relative;
    z-index: 2;
    background: #fff;
    width: 62px;
    height: 40px;
    text-align: center;
    display: inline-block;
}
.step .num em {
	background:rgba(37, 119, 227,.3);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    z-index: 2;
}
.step .num em, .num i {
    width: 30px;
    height: 30px;
    display: inline-block;
	left: 15px;
	line-height: 30px;
    position: absolute;
}
.step .num i {
    z-index: 3;
    color: #fff;
    font-style: normal;
    font-weight: 700;
}

.step .on .line_bg, .step .on .num em {
    background: #2577E3;
}
.step .lbg-r {
    right: 0;
}
.step .lbg-l {
    left: 0;
}
.step .line_bg {
    height: 3px;
    background:rgba(37, 119, 227,.3);
    display: inline-block;
    width: 50%;
    top: 13px;
    position: absolute;
    z-index: 1;
}
.step .on .lbg-txt {
	color: #2577E3;
	font-weight: 600
}
.step .lbg-txt {
    position: relative;
    color: #b6c6ce;
    font-size: 14px;
}
.f-r5 {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.ticket-container,.orderinfo-container,.orderconfirm-container,.orderpay-container,.select-route-container{background: #f2f2f2;padding-bottom: 20px}
.page_info {background: #fff}
.side_wrap{
    background: #fff;
    margin-top: 20px;
    line-height: 30px;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    border-top: 4px solid #f60;
}
.aside-fixed{position: fixed;top: 20px}

/*route*/
.page_route{position: relative;}
.page_route .search { padding: 16px 20px; border-color: #2e76b0; overflow: hidden; }
.page_route .search_col { float: left; }
.page_route .search_col + .search_col { margin-left: 40px; }
.page_route .search_col.no_margin { margin-left: 0; }
.page_route .search_col label { margin-right: 4px; }
.page_route .search .icon_baf { display: inline-block; margin: 0 10px; vertical-align: middle; font-size: 20px; color: #2e76b0; }
.page_route .search .select { width: 120px; }
.page_route .search .btn { width: 70px; }
/*.page_route .search_col.disabled { color: #999; }*/
.page_route .route_date_tab { padding: 0; border: none; }
.page_route .route_date_tab_head { position: relative; border: 1px solid #dcdcdc; border-bottom: none; line-height: 50px; overflow: hidden; }
.page_route .route_date_tab_toggle { display: inline-block; width: 30px; border-bottom: 1px solid #2e76b0; text-align: center; line-height: inherit; color: #333; }
.page_route .route_date_tab_toggle.slick-disabled { position: relative; cursor: no-drop; }
.page_route .route_date_tab_toggle.slick-disabled:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #fff; opacity: .5; content: ""; }
.page_route .route_date_tab_list { position: absolute; left: 30px; right: 30px; display: inline-block; height: 50px; border: 1px solid #dcdcdc; border-bottom: none; border-top: none; text-align: center; }
.page_route .route_date_tab_item { display: inline-block; margin-left: -1px; border: 1px solid #dcdcdc; border-bottom-color: #2e76b0; border-top: none; }
.page_route .route_date_tab_item a { display: block; color: #333; }
.page_route .route_date_tab_item.active { position: relative; border-top: 3px solid #2e76b0; border-color: #2e76b0; border-bottom-color: #fff; }
.page_route .route_date_tab_body { position: relative; padding: 20px; border: 1px solid #2e76b0; border-top: none; }
.page_route .route_date_tab_body .radio { margin-left: 20px; }
.page_route .route_data_tab_content_more { position: absolute; right: 20px; top: 20px; color: #2e76b0; }
.page_route .search_result_header {  margin-top: 20px; }
.page_route .search_result_title { display: inline-block; vertical-align: middle; margin-right: 20px; font-weight: bold; font-size: 16px; color: #2e76b0; }
.page_route .search_result { padding: 0; }
.page_route .search_result_table { /*text-align: center;*/ line-height: 45px; }
.page_route .search_result_table_head { padding: 0 20px; background: #2e76b0; color: #fff; }
.page_route .search_result_table_body { padding: 0 10px; }
.page_route .search_result_table_col { display: inline-block; float: left;  width: 20%; text-align: center}

.page_route .search_result_table_col:first-child { text-align: left; }
.page_route .search_result_table_col .layui-btn{
    width: 70%
}
.page_route .search_result_table_row { overflow: hidden; }
.page_route .search_result_table_row + .search_result_table_row { border-top: 1px solid #dcdcdc; }
/* .page_route .search_result_table .btn { width: 90px; } */
.page_route .search_result .route_row { padding: 0 10px; }
.page_route .search_result .room_type_list { display: none; position: relative; clear: both; padding: 10px; margin-bottom: 30px; background: #f1f6fa; border: 1px solid #dcdcdc; }
.page_route .search_result .room_type_list_close { position: absolute; bottom: -25px; left: 50%; display: inline-block; padding: 0 20px; margin-left: -52px; background: #f1f6fa; border: 1px solid #dcdcdc; border-top-color: #f1f6fa; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; line-height: 24px; color: #333; }
.page_route .search_result .room_type_list table { width: 100%; }
.page_route .search_result .room_type_list tr + tr { border-top: 1px dashed #dcdcdc; }
.page_route .search_result .room_type_list td { width: 20%; }
.page_route .search_result .room_type_list td[rowspan="2"] { text-align: left; }
.page_route .search_result .room_type_list td:last-child { text-align: right; }
.page_route .search_result .room_type_list .btn:hover { background: #f59f16; color: #fff; border: none; }
.page_route .search_result .room_type_list .btn:active { background: #ec9405; color: #fff; border: none; }
.page_route .order_info_row { overflow: hidden; margin-top: 20px; }
.page_route .order_info_col { float: left; width: 46%; }
.page_route .order_info_col + .order_info_col { margin-left: 8%; }
.page_route .order_info .select { border-color: #2e76b0; color: #2e76b0; }
.page_route .order_info_btn { display: inline-block; width: 140px; height: 50px; line-height: 50px; margin: 20px auto 0; }

.page_route .gotrip_ticket_info { position: relative; border-left: 3px solid #2e76b0; padding: 0 20px; }
.page_route .gotrip_ticket_info:before { position: absolute; left: 0; top: 15px; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #2e76b0; content: ""; }
.page_route .gotrip_ticket_info em { font-style: normal; }
.page_route .gotrip_ticket_info_title { font-weight: bold; color: #2e76b0; }
.page_route .gotrip_ticket_info_btn { background: #f1f6fa; border: 1px solid #2e76b0; color: #2e76b0; }
.page_route .gotrip_ticket_info_btn:hover { background: #2e76b0; color: #fff; }
.page_route .search_result_table  .room_type_list_open { width: auto; padding: 0 4px; font-size: 12px;line-height: 30px; }

.page_route .search_route { overflow: hidden;height: 320px; }
.page_route .search_route_box { position: relative; float: left; width:  50%; }
.page_route .search_route_img { float: left; display: block; width: 80px; height: 300px; line-height: 300px; padding: 0 20px; background: linear-gradient(to bottom, #1a9aff, #0062b0); background: -webkit-gradient(linear, left top, left bottom, from(#1a9aff), to(#0062b0)); color: #fff; font-size: 24px; text-align: center; }
.page_route .search_route_img div {  display: inline-block; vertical-align: middle; line-height: 1; }
.page_route .search_route_info {position: relative;height: 150px; overflow: hidden; margin-left: 80px; padding: 20px; background: #eee; line-height: 20px; font-size: 12px; color: #999; }
.page_route .search_route_info .search_route_detail{position: absolute;top: 50%;left: 20px;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.page_route .search_route_info + .search_route_info { background: #e3e3e3; }
.page_route .search_route_title { font-size: 16px; color: #333;  }
.page_route .search_route_time { margin: 5px 0; color: #2e76b0; display: inline-block;width: 100%;}
.page_route .search_route_time span{display: inline-block;margin-right: 10px;font-size: 14px;}
.page_route .search_route_shadow { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0, 0 , 0, .8); line-height: 300px; text-align: center; color: #fff;  transition: top 1s; }
.page_route .search_route_shadow_content { display: inline-block; vertical-align: middle; line-height: 40px;  }
.page_route .search_route_select { display: block; width: 120px; margin: 30px auto; color: inherit; border: 1px solid #fff; }
.page_route .search_route_box.selected .search_route_shadow { top: -100%; }
.page_route .search_route_box.selected:after { position: relative; left: 50%; margin-left: -8px; content: ""; display: inline-block; width: 0; height: 0; border-width: 16px; border-style: solid; border-color: #e3e3e3 transparent transparent transparent; }

.page_route .search_route_box:nth-of-type(1) .search_route_shadow { background: url(./img/1.png); }
.page_route .search_route_box:nth-of-type(2) .search_route_shadow { background: url(./img/2.png); }

/*step*/
.page_step .step_item { position: relative; padding-top: 20px; display: inline-block; width: 25%; text-align: center; font-weight: bold; color: #2e76b0; }
.page_step .step_item:before { position: absolute; top: 4px; display: block; width: 100%; height: 4px; margin-bottom: 10px; background: #2e76b0; content: ""; }
.page_step .step_item.active { color: #f59f16; }
.page_step .step_item.active:before { height: 12px; top: 0; background: #f59f16; }
.page_step .step_item.active.done:before { height: 4px; top: 4px; }

/*ticket*/
.page_ticket .order_info { height: 78px; padding: 0; overflow: hidden; }
.page_ticket .order_info_col { float: left; line-height: 78px; font-size: 16px; }
.page_ticket .order_info_col:nth-child(1) { width: 200px; background: #29e; text-align: center; font-size: 18px; color: #fff; }
.page_ticket .order_info_col:nth-child(2) { width: 800px; border-right: 1px solid #dcdcdc; text-align: right; }
.page_ticket .order_info_col:nth-child(3) { width: 200px; text-align: center; }
.page_ticket .order_info_col:nth-child(4) { width: 148px; height: 78px; font-size: 20px; }
.page_ticket .order_info_col em,.page_ticket .order_info_col dfn,.page_ticket .order_info_col .price,.page_ticket .order_info_col .num{ font-style: normal; color: #f60;font-weight: bold}
.page_ticket .order_info_col dfn {font-size: 12px}
.page_ticket .order_info_col em{margin-right: 5px;font-size: 20px}
.page_ticket .order_info_col:nth-child(2) .order_info_row { padding: 0 20px; }
.page_ticket .order_info_label + .order_info_label { margin-left: 40px; }
.page_ticket .order_info_with2row .order_info_col { font-size: 18px; }
.page_ticket .order_info_with2row .order_info_col:nth-child(1) { line-height: 39px; font-size: 14px; }
.page_ticket .order_info_with2row .order_info_col:nth-child(2) { line-height: 39px; font-size: 14px; }
.page_ticket .order_info_with2row .order_info_col:nth-child(2) .order_info_row + .order_info_row { border-top: 1px solid #dcdcdc; }
.page_ticket .ticket_select_tab { padding: 0; line-height: normal}
.page_ticket .ticket_select_tab_head { height: 50px; line-height: 50px; overflow: hidden; border-bottom: 1px solid #dcdcdc; }
.page_ticket .ticket_select_tab_item { display: inline-block; float: left; width: 50%; text-align: center; font-size: 16px; color: #2e76b0; }
.page_ticket .ticket_select_tab_item + .ticket_select_tab_item { border-left: 1px solid #dcdcdc; }
.page_ticket .ticket_select_tab_item.active { border-top: 3px solid #2e76b0; line-height: 47px; }
.page_ticket .ticket_select { padding: 20px; }
.page_ticket .ticket_select_title { display: inline-block; }
.page_ticket .ticket_select_title h2 { position: relative; display: inline-block; padding: 0 10px; margin-right: 10px; line-height: 30px; font-weight: normal; font-size: 14px; background: #2e76b0; color: #fff; }
.page_ticket .ticket_select_title h2:after { position: absolute; right: -8px; top: 10px; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #2e76b0;  content: ""; }
.page_ticket .ticket_select_title em { font-style: normal; font-size: 14px; }
.page_ticket .ticket_select_toggle { display: inline-block; float: right; padding: 0 10px; background: #f1f6fa;  border: 1px solid #2e76b0; line-height: 30px; font-weight: bold; font-size: 12px; color: #2e76b0; }
.page_ticket .ticket_select_toggle:hover { background: #2e76b0; color: #fff; }
/* .page_ticket .room_list { line-height: 30px; } */
/* .page_ticket .room_box { margin-top: 20px; border: 1px solid #dcdcdc; border-left: 4px solid #2e76b0; } */
.page_ticket .room_box_content { overflow: hidden; }
.page_ticket .room_box_col { float: left; padding: 20px; }
.page_ticket .room_box_col:nth-of-type(1) { width: 14%; text-align: center; }
.page_ticket .room_box_col:nth-of-type(2) { width: 16%; }
.page_ticket .room_box_col:nth-of-type(3) { width: 20%; }
.page_ticket .room_box_col:nth-of-type(4) { width: 30%; }
.page_ticket .room_box_col:nth-of-type(5) { width: 20%; text-align: center; }
.page_ticket .room_box_col:nth-of-type(2), .page_ticket .room_box_col:nth-of-type(4) { border-right: 1px solid #dcdcdc; }
.page_ticket .room_box_row + .room_box_row { margin-top: 20px; }
.page_ticket .room_box_font_big { font-size: 20px; }
.page_ticket .room_box .notice { display: inline-block; margin-top: 0; }
.page_ticket .room_box em { font-style: normal; color: #f60; }
.page_ticket .room_box span.label{min-width: 80px;max-width: 100px;float: left;text-align: justify;text-align-last: justify;}
.page_ticket .num_input { margin-right: 20px; }
.page_ticket .room_box_link { color: #2e76b0; }
.page_ticket .room_select_n { line-height: 80px; }
.page_ticket .room_info { display: none; height: 200px; overflow: hidden; border-top: 1px solid #dcdcdc; }
.page_ticket .room_info_img { float: left; display: block; width: 200px; height: 200px; line-height: 200px; text-align: center; border-right: 1px solid #dcdcdc; }
.page_ticket .room_info_col { float: left; width: 500px; padding: 20px; }
.page_ticket .room_info_label { display: inline-block; width: 100px; vertical-align: top; font-weight: bold; }
.page_ticket .room_info_value { display: inline-block; width: 340px; vertical-align: top; }
.page_ticket .room_box_content.single .room_box_col:nth-of-type(3),
.page_ticket .room_box_content.single .room_box_col:nth-of-type(4) { line-height: 80px; }
.page_ticket .single, .page_ticket .double { display: none; }
.page_ticket .single.active, .page_ticket .double.active { display: block; }
/*舱房列表*/
.cabin_list li:after, .choose_box:after, .cabin_detail:after {
    display: block;
    clear: both;
    height: 0;
    content: '.';
    overflow: hidden;
    visibility: hidden;
}
.cabin_list{
	display: inline-block;
}
.cabin_list .room_box {
	float: left;
    margin-bottom: 10px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    *zoom: 1;
}
.cabin_list .room-box:last-child{
    margin: 0
}
.cabin_list .c1, .cabin_list .c2, .cabin_list .c3 {
	position: relative;
    float: left;
    height: 100px;
}
.cabin_price_box p{
	line-height: 24px
}
.cabin_price_box p span:first-child{
	width: 60px;
	float: left;
	text-align: justify;
	text-align-last: justify;
}
.cabin_price_box .cabin_price dfn{
	margin-right: 2px;
}
.cabin_price_box .cabin_price em {
    font-size: 20px;
}
.cabin_price_box .cabin_price.normal dfn{
	font-size: 12px
}
.cabin_price_box .cabin_price.normal em{
	font-size: 14px;
}
.cabin_list .c1 {
    position: relative;
    width: 323px;
    border-right: 1px solid #e8e8e8;
    overflow: hidden;
}
.cabin_list .c2 {
    width: 300px;
    border-right: 1px solid #e8e8e8;
}
.cabin_list .c3 {
    width: 380px;
}
.cabin_img {
    position: relative;
    z-index: 1;
    float: left;
    margin: 10px;
    width: 80px;
    height: 80px;
    overflow: hidden;
    cursor: pointer;
}
.cabin_img img {
    display: block;
    width: 80px;
    height: 80px;
}
.cabin_info {
    position: absolute;
    width: 219px;
    left: 100px;
    top: 50%;
    _top: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-right: 4px;
    overflow: hidden;
    *zoom: 1;
}
.cabin_info .num{
	color: #f60;
	margin: 0 2px;
	font-weight: bold
}
.cabin_info dt {
    margin-bottom: 5px;
    max-height: 38px;
    overflow: hidden;
    _height: 38px;
}
.cabin_info dt a {
    line-height: 1.4;
	font-size: 14px;
	color: #29e
}
.cabin_info dd {
    float: left;
    padding-right: 5px;
	width: 80px;
	line-height: 21px;
	font-size: 12px;
    word-wrap: break-word;
    word-break: break-all;
}
.cabin_sale_box {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-left: 20px;
    vertical-align: middle;
}
.cabin_price_box {
    position: relative;
    margin-left: -4px;
    padding: 0 0 4px 4px;
    width: 288px;
	color: #999;
	font-size: 12px;
    *zoom: 1;
}
.cabin_price_box .cabin_price {
    margin-left: 3px;
    padding-bottom: 2px;
    line-height: 1;
    cursor: pointer;
    *padding-bottom: 0;
    *line-height: 25px;
}
.cabin_price_box .cabin_price.normal{
	border: 0;
}
.choose_box {
	position: relative;
    z-index: 1;
    padding: 10px 10px 10px 30px;
    *zoom: 1;
}
.num_adjust_list {
    float: left;
	margin-right: 30px;
	width: 120px;
    _display: inline;
}
.num_adjust_list .title {
    height: 25px;
	line-height: 22px;
	font-size: 12px
}
.cabin_count {
	position: absolute;
    width: 138px;
	top: 50%;
	left: 170px;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.cabin_count p {
    margin-right: -20px;
}
.cabin_price, .cabin_price_big {
    font-size: 12px;
    color: #f60;
}
.num_adjust_list .s1 {
	color: #390;
	font-size: 12px;
}
.cabin_count .tip {
    line-height: 1.2;
	color: #999;
	font-size: 12px
}
.cabin_count .cabin_price em {
    font-size: 20px;
}
.cabin_count p {
	font-size: 12px;
    margin-right: -20px;
}




/*info*/
.page_info .module_title em { font-style: normal; font-size: 12px; color: #f59f16; }
.page_info .form_row { margin-top: 20px; line-height: 30px; }
.page_info .form_link { font-size: 12px; color: #2e76b0; }
.page_info .form_btns { margin-top: 20px; padding: 0 20px; }
.page_info .form_btns .btn { width: 140px; height: 50px; line-height: 50px; }
.page_info .label { display: inline-block; width: 130px; vertical-align: middle; padding-right:20px; text-align: right; }
.page_info .value { display: inline-block; width: 200px; vertical-align: middle; color: #2e76b0; }
.page_info .value em { margin-right: 10px; font-weight: bold; font-style: normal; color: #f59f16; }
.page_info .value + .value { margin-left: 10px; }
.page_info .radio { width: 50%; text-align: center; }
.page_info .radio span { display: block; }
.page_info .radio span:before { content: none; }
.page_info .radio input:checked +  span { background: #2e76b0; color: #fff; }
.page_info .radio input:checked +  span:before { content: none; }
.page_info .msg { display: inline-block; width: 250px; padding-left: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; color: #f00; }
.page_info .msg div { display: none; }
.page_info .must { color: #f00; }
.page_info .input { width: 100%; }
.page_info .contact_form { position: relative; }
.page_info .signin_notice { position: absolute; right: 20px; bottom: 35px; width: 400px; }
.page_info .visitor_base_info { padding-bottom: 10px; border-bottom: 1px solid #dcdcdc; }
.page_info .order_box { padding: 0; }
.page_info .order_info { padding: 20px; }
.order_info_body{
    position: relative;
    overflow: hidden;
}
.order_info_body:after{
    content: " ";
    left: 0;
    top: 0;
    color: #d9d9d9;
    left: 0;
    /* height: 1px; */
    border-bottom: 1px solid #d9d9d9;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
}
.order_info_body:last-child:after{
    border: 0;
}
.order_info_body:last-child{margin-bottom: 0;}
.page_info .order_info + .order_info { border-top: 1px solid #dcdcdc; }
.page_info .order_info_head { position: relative; font-weight: bold; }
.page_info .order_info_head:before { position: absolute; left: -20px; top: 0; display: inline-block; width: 4px; height: 30px; background: #2e76b0; content: ""; }
.page_info .order_info_head .module_title { font-weight: inherit; font-size: 14px; }
.page_info .order_info_head em { font-size: inherit; }
/* .page_info .order_info_icon { 
    position: absolute;
    margin-top: 5px;
    width: 36px; height: 36px; border: 1px solid #2e76b0; border-radius: 50%; line-height: 36px; text-align: center; color: #2e76b0; 
} */
.page_info .order_info_icon { 
    width:100px;
    height:100px;
    color: #fff;
    transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    position: absolute;
    left: -60px;
    top: -60px;
}
.page_info .order_info_icon .icon-txt{ 
    position: absolute;
    width: 100%;
    bottom: 0;
    line-height: 28px;
    text-align: center;
    background-color:#FF5722;
}
.order_info_body:first-child .order_info_icon .icon-txt{
    background-color:#009688;
}
.page_info .order_info_detail { margin-left: 52px; width: 300px; line-height: 30px;font-size: 14px }
.page_info .order_info_detail em { margin-right: 20px; font-style: normal; font-size: 18px; font-weight: bold; }
.page_info .order_info_detail .icon-baf { margin: 0 10px; }
.page_info .order_total { line-height: 30px; }
.page_info .order_total_price { font-size: 20px; color: #f59f16; }
.page_info .base_layer {
	display: none;
	background-color: #fff;
	border-top: 4px solid #2b7dbc;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
	overflow: hidden;
}
.page_info .base_layer .layer_box {
	    -moz-border-bottom-colors: none;
	    -moz-border-left-colors: none;
	    -moz-border-right-colors: none;
	    -moz-border-top-colors: none;
	    background-color: #fff;
	    border-color: currentcolor #ccc #ccc;
	    border-image: none;
	    border-style: none solid solid;
	    border-width: 0 1px 1px;
	    padding: 30px;
	    position: relative;
	}
.page_info .base_layer .close {
	    background-position: -90px -100px;
	    border: 10px solid #fff;
	    display: none;
	    height: 10px;
	    position: absolute;
	    right: 0;
	    top: 0;
	    width: 10px;
	}
.page_info .paradigm_title {
	    font-size: 18px;
	    line-height: 1;
	    margin-bottom: 15px;
	    margin-top: -8px;
	}
.page_info .paradigm_title span {
	    font-size: 12px;
	}
.page_info .form_link:hover + .base_layer { display: block; position: absolute; right: 0; top: 30px;z-index: 9; }

/*order*/
.page_order { line-height: 30px; }
.page_order .order_box { padding: 0; line-height: 30px; }
.page_order .order_row { padding: 20px; }
.page_order .order_row + .order_row { border-top: 1px solid #dcdcdc; }
.page_order .order_row_head { position: relative; }
.page_order .order_row_head:before { position: absolute; left: -20px; top: 0; display: inline-block; width: 4px; height: 30px; background: #2e76b0; content: ""; }
.page_order .order_row_head em { font-style: normal; color: #f59f16; }
.page_order .order_col { float: left; width: 33.3333333%; }
.page_order .order_contact_info .order_col:nth-of-type(2) { text-align: center; }
.page_order .order_contact_info .order_col:nth-of-type(3) { text-align: right; }
.page_order .order_text_blue { color: #2e76b0; }
.page_order .order_icon { display: inline-block; width: 40px; height: 40px; border: 1px solid #2e76b0; border-radius: 50%; line-height: 40px; text-align: center; color: #2e76b0; }
.page_order .order_detail { padding-left: 20px; }
.page_order .order_detail em { margin-right: 10px; font-style: normal; font-size: 18px; font-weight: bold; }
.page_order .order_detail .icon-baf { margin: 0 10px; color: #2e76b0; }
.page_order .module_title { font-size: 14px; font-weight: bold; }
.page_order .order_total em { font-style: normal; color: #f60; }
.page_order .order_total .big { font-size: 18px; font-weight: bold; }
.page_order .order_btns { padding: 10px 0; }
.page_order .order_btns .btn { width: 140px; height: 50px; margin-top: 10px; line-height: 50px; }
.page_order .order_btns .btn + .btn { margin-left: 20px; }

.layui-field-box.contact-info{padding: 20px 15px 0px 15px !important;display: inline-block}
.contact-info li{float: left;margin-right: 25px}
.userinfo li{float: left;margin-right: 25px;font-size: 14px}
.layui-mark {
    width:120px;
    height:120px;
    background-color:#f60;
    color: #fff;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    position: absolute;
    right: -60px;
    top: -60px;
}
.layui-mark-lt {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
}
/*pay*/
.page_pay { padding-bottom: 50px; }
.page_pay .order_price { line-height: 50px; font-weight: bold; }
.page_pay .order_price em { margin: 0 20px; font-style: normal; font-size: 30px; color: #f59f16; }
.page_pay .pay_tab { border: none; padding: 0; background: none; }
.page_pay .pay_tab_head { position: relative; margin-bottom: -1px; overflow: hidden; }
.page_pay .pay_tab_item { display: inline-block; float: left; width: 180px; background: #fff; border: 1px solid #dcdcdc; border-bottom-color: #2e76b0; line-height: 40px; text-align: center; color: #333; }
.page_pay .pay_tab_item.active { border-color: #ececec; border-bottom-color: #fff; font-weight: bold; }
.page_pay .pay_tab_body { height: auto; padding: 20px; background: #fff; border: 1px solid #ececec; overflow-y: auto; }
.page_pay .pay_label { float: left; width: 240px; padding-left: 20px; }
.page_pay .pay_label:nth-of-type(n+6) { margin-top: 20px; }
.page_pay .pay_label span { display: inline-block; width: 180px; height: 50px; border: 1px solid #dcdcdc; -webkit-box-sizing: padding-box; box-sizing: padding-box; }
.page_pay .pay_label span:before { margin-left: -20px; vertical-align: middle; }
.page_pay .pay_label img { display: inline-block; width: 100%; height: 100%; vertical-align: middle; }
.page_pay .pay_btn { display: inline-block; width: 140px; height: 50px; line-height: 50px; margin-top: 20px; }

.page_signup .box { margin-top: 20px; padding: 20px; background-color: #fff; border: 1px solid #dcdcdc; border-radius: 4px; }
.page_signup h2 { padding: 4px 10px; border-bottom: 4px solid #2b7dbc; }
.page_signup .formBox { max-width: 65%; margin: 20px auto; }
.page_signup .label { display: inline-block; width: 180px; text-align: right; }
.page_signup .form_btn { margin-left: 200px; }

.page_signin { display: none; position: fixed; top: 50%; left: 50%; z-index: 2; padding: 20px; margin-left: -200px; margin-top: -120px; background-color: #fff; border-radius: 4px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); }
.page_signin h3 { margin-bottom: 20px; text-align: center; }
.page_signin .form_row { margin-bottom: 10px; }
.page_signin .label { display: inline-block; width: 80px; text-align: right; }
.page_signin .autoLogin { width: 180px; margin-left: 80px; font-size: 12px; color: #999; }
.page_signin .color { color: #2b7dbc; }
.page_signin .input { width: 180px;}
.page_signin .btnBox { text-align: center; }
.page_signin .wrong, .page_signin .error_text { color: #f00; }
.page_signin .close { position: absolute; top: 10px; right: 10px; font-size: 14px; }

/*detailorder*/
.fuel_cost{
    position: relative;
}
.tooltip {
    position: absolute;
    top: 60px;
    left: 20px;
    min-width: 670px;
    padding: 10px;
    transform: translate(-50%, -50%);
    background: white;
    box-shadow: 0px 0px 4px #f00;
}
.tooltip__arrow {
    width: 50px;
    height: 25px;
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
}
.tooltip__arrow::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: white;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    top: 25px;
    left: 50%;
    box-shadow: 0px 0px 4px #f00;
}