*{
padding: 0;
margin: 0;
}
.border_red {
border: 1px solid red;
}
.extra{
width: 100%;
font-family: '方正黑简?,Arial;
background-color: rgb(250,250,250);
}
.extra_head,.travelList_head{
width: 100%;
height: 101px;
}
.extra_banner{
width: 100%;
height: 250px;
}
.extra_content{
width: 1200px;
margin: 30px auto 0;
padding-bottom: 100px;
overflow: hidden;
}
.inline_block{
display: inline-block;
}
.float_left{
float: left;
}
.extra_left_menu{
width: 281px;
min-height: 250px;
float: left;
background-color: rgb(255,255,255);
border-radius: 8px;
box-shadow: 0px 0px 4px 1px #DCDCDC inset;
}
.extra_right_content{
width: 902px;
min-height: 339px;
float: left;
margin-left: 13px;
border-radius: 8px;
box-shadow: 0px 0px 4px 1px #DCDCDC inset;
padding-bottom: 28px;
background-color: rgb(255,255,255);
/*margin-left: 17px;*/
}
.luggageTitle{
padding: 25px 0px 19px 26px;
font-size: 22px;
color: #DC3F3E;
font-weight: 600;
}
.luggageTitleBorder{
height: 1px;
background-color: #DCDCDC;
margin: 0 25px 0 26px;
}
.luggage_search{
padding-left: 20px;
margin-top: 29px;
}
.luggage_search>label{
font-size: 18px;
font-weight: 500;
}
.luggageInput{
width: 280px;
border: 1px solid #BFBFBF;
border-radius: 5px;
font-size: 18px;
margin-left: 11px;
text-indent: 11px;
padding: 11px 0;
}
.border_input{
border: 1px solid #DC3F3E;
}
.luggage_btn{
margin-top: 49px;
text-align: center;
}
.luggage_btn button{
font-size: 20px;
background-color:#DC3F3E;
color: #ffffff;
padding: 5px 40px;
border: none;
box-shadow: none;
border-radius: 5px;
cursor: pointer;
}
.luggage_btn .btn_sm{
padding: 11px 23px;
}
.luggage_btn .button_disabled{
color: #ffffff;
background-color: #999999;
cursor: not-allowed;
}
.luggage_btn .btn_white{
background-color:#ffffff;
color: #DC3F3E;
border: 1px solid #DC3F3E;
}
.btn_marLeft{
margin-left: 48px;
}
.luggage_node_text{
margin-top: 48px;
padding: 0 55px 0 25px;
}
.luggage_node_t_title{
font-size: 18px;
font-weight: bold;
}
.luggage_node_t_content{
font-size: 16px;
}
.luggage_node_t_content1 {
margin-top: 20px;
}
.luggage_node_t_content1>.content_p2 ,.luggage_node_t_content2,.luggage_node_t_content3{
margin-top: 16px;
line-height: 26px;
color: #808080;
}
.luggage_node_t_content3{
margin-top: 20px;
padding: 0 55px 0 25px;
font-size: 16px;
margin-bottom: 20px;
}
.luggage_node_t_content2{
margin-top: 20px;
padding: 0 10px 0 25px;
font-size: 16px;
}
.extra_footer{
width: 100%;
height: 88px;
background-color: #fafafa;
position: relative;
}
/*弹出?/
.model{
height: 126px;
font-size: 20px;
font-weight: 600;
/*vertical-align: middle;*/
/*margin: 47px 0px;*/
/*display: inline-block;*/
/*max-width: 415px;*/
margin: 36px auto;
line-height: 1.5em;
text-align: center;
}
.model>img{
display: inline-block;
margin: 38px 28px 38px 60px;
}
.model>.span1{
max-width: 415px;
display: inline-block;
margin-top: 33px;
}
/*.model_text{*/
/*font-size: 20px;*/
/*font-weight: 600;*/
/*!*vertical-align: middle;*!*/
/*!*margin: 47px 0px;*!*/
/*!*display: inline-block;*!*/
/*max-width: 415px;*/
/*margin: 36px auto;*/
/*line-height: 1.5em;*/
/*text-align: center;*/
/*}*/
.model_text span{
color: #4592CF;
}
/*行程列表*/
.travelList{
width: 100%;
font-family: 'SimHei',Arial;
}
.travelList_breadLine{
width: 100%;
height: 51px;
background-color: rgb(250,250,250);
font-size: 16px;
}
.travelList_breadLine>div{
width: 1200px;
margin: 0 auto;
height: 100%;
line-height: 51px;
}
.travelList_content{
width: 1200px;
margin: 0 auto;
padding-bottom: 20px;
}
.travelList_content_title{
font-size: 20px;
font-weight: 600;
/*margin-top: 30px;*/
margin-bottom:10px;
}
.travelList_content_list_t{
/*margin: 50px 0;*/
border: 1px solid #DCDCDC;
background-color: rgb(250,250,250);
position: relative;
}
.travelList_content_list_area{
margin-top: 30px;
margin-left: 37px;
/*overflow: hidden;*/
position: relative;
}
.start_area,.end_area{
font-size: 30px;
font-weight: 500;
display: inline-block;
/*float: left;*/
}
.start_end{
width: 310px;
height: 13px;
background-image: url(../image/rectangle.png);
background-repeat: no-repeat;
background-size: 100% 100%;
display: inline-block;
/*float: left;*/
/*margin-top: 18px;*/
vertical-align: bottom;
margin-bottom: 3px;
margin-left: 35px;
margin-right: 35px;
}
.travelList_content_list_time{
font-size: 22px;
position: absolute;
left: 152px;
bottom: 14px;
}
.travelList_airName{
margin-left: 30px;
margin-top: 19px;
font-size: 16px;
}
.travelList_airName>div{
display: inline-block;
color: #808080;
}
.travelList_flight_number{
margin-left: 93px;
margin-right: 115px;
}
.travelList_airtime{
margin-top: 20px;
margin-bottom: 20px;
margin-left: 43px;
font-size: 18px;
color: #808080;
}
.travelList_airtime>div{
display: inline-block;
}
.travelList_airtime_end{
margin-left: 402px;
}
.luggeageFreeAdmission{
font-size: 18px;
color: #0595FF;
cursor: pointer;
display: inline-block;
position: absolute;
top: 90px;
right: 330px;
}
.luggeageShopping{
display: inline-block;
position: absolute;
top: 89px;
right: 30px;
}
.luggeageDiscount{
width: 106px;
height: 34px;
color: #EB393A;
font-size: 16px;
/*padding: 5px 5px 8px;*/
background-image: url(../image/eightDiscount.png);
background-repeat: no-repeat;
background-size: 100% 100%;
display: inline-block;
position: absolute;
top:55px;
right: 30px;
}
.luggeageDiscount>span{
position: absolute;
top:5px;
right: 12px;
}
.luggeageShopping>.btnNew{
font-weight: bold;
}
.btnNew{
color: #ffffff;
background-color: #DC3F3E;
font-size: 24px;
border: none;
box-shadow: none;
border-radius: 5px;
padding: 14px 19px;
cursor: pointer;
}
.btnNew_disabled{
color: #ffffff;
background-color: #999999;
font-size: 24px;
border: none;
box-shadow: none;
border-radius: 5px;
padding: 14px 19px;
cursor: not-allowed;
}
.travelList_luggeage{
margin-top: 49px;
padding: 0 30px;
}
.travelList_luggeageHead{
font-size: 20px;
font-weight: bold;
}
.travelList_luggeageBody{
margin-top: 22px;
}
.travelList_luggeageUl{
margin: 0;
padding: 40px 0;
border-top: 1px solid #DCDCDC;
list-style: none;
overflow: hidden;
}
.travelList_luggeageUl>li{
font-size: 18px;
display: inline-block;
float: left;
}
.travelList_luggeageLi{
margin: 0 98px;
}
.luggeage_help{
display: inline-block;
width: 24px;
height: 24px;
background-image: url(../image/luggage_help.png);
background-repeat: no-repeat;
background-size: 100% 100%;
position: absolute;
top: 106px;
right:321px;
}
/*#luggeageFreeList>table tr:hover{*/
/*background-color: #fff;*/
/*}*/
#luggeageFreeList>table tr td{
border-color: #999999;
text-align: center;
font-size: 16px;
padding-left: 13px;
padding-right: 13px;
color: #333333;
}
.luggTableDiv{
margin-top: 64px;
}
.luggeageFreeList_text{
margin-top: 19px;
font-size: 16px;
color: #333333;
padding-bottom: 23px;
padding-right: 50px;
border-bottom: 1px solid #DCDCDC;
}
.luggeageFreeList_text>.textP1,.luggeageFreeList_text .textP2{
line-height: 26px;
}
.luggeageFreeList_text .textP2{
margin-left: 22px;
}
.paymentmodel_text>.span1{
color: #212121;
font-size: 20px;
}
.paymentmodel_text>.span2{
font-size: 20px;
color: #999999;
margin: 7px 0;
}
.noPayment{
padding: 37px 0px 32px ;
}
.paymentModel{
vertical-align: middle;
display: inline-block;
}
.paymentmodel_text{
vertical-align: middle;
display: inline-block;
margin-left: 30px;
max-width: 400px;
line-height: 30px;
}
.cencelOrder_text{
text-align: center;
}
.friendTips{
margin: 50px 0px 20px 0px !important;
}
.luggageTip{
background-image: url(../image/border_more.png);
background-repeat: no-repeat;
background-size: 100% 100%;
color: #cccccc;
width: 498px;
height: 246px;
font-size: 16px;
position: absolute;
top: 118px;
right: -82px;
}
.luggageTipText{
display: inline-block;
line-height: 24px;
width: 345px;
position: relative;
top: -20px;
left: 15px;
color:#888888;
}
.luggageTipImage{
width: 124px;
height: 135px;
display: inline-block;
background-image: url(../image/luggage_size.png);
background-repeat: no-repeat;
background-size: 100% 100%;
margin: 26px 0px 41px 24px;
position: relative;
top: 13px ;
right: 15px;
}
.hidden{
display: none;
}
/*国内行李*/
.domest_content_list{
border: 1px solid #DCDCDC;
background-color: #FFFFFF;
/*padding-bottom: 40px;*/
position: relative;
}
.domest_title_list{
/*margin: 39px 0 0;*/
font-size: 20px;
font-weight: bold;
padding: 15px 30px;
border: 1px solid #DCDCDC;
background-color: #F8EEF0;
}
.domes_luggeage_help{
display: inline-block;
width: 18px;
height: 18px;
background-image: url(../image/luggage_help.png);
background-repeat: no-repeat;
background-size: 100% 100%;
position: absolute;
top: 94px;
right: 308px;
}
.demo .domeAdmission{
right: 417px;
}
.domest_chooseLuggage{
margin-top: 43px;
}
.domest_chooseLuggage_title{
font-size: 20px;
font-weight: bold;
}
.domest_chooseLuggage_number{
overflow: hidden;
}
.domest_chooseLuggage_number .number{
text-align: center;
padding: 10px 39px;
border: 1px solid #999999 ;
float: left;
width: 70px;
margin-top: 20px;
margin-bottom: 20px;
cursor: pointer;
}
.domest_chooseLuggage_number .numberActive{
border: 1px solid #FF172D ;
color: #FF172D;
}
.domest_chooseLuggage_number .numberActive>.number1{
color: #FF172D;
}
.domest_chooseLuggage_number .numberActive>.number2{
color: #FF172D;
}
.domest_chooseLuggage_number .number_mar{
margin-left: 60px;
}
.domest_chooseLuggage_number .number_right{
margin-left: 0px;
}
.domest_chooseLuggage_number .number1{
font-size: 24px;
color: #808080;
/*display: inline-block;*/
}
.domest_chooseLuggage_number .number2{
font-size: 18px;
color: #808080;
/*display: inline-block;*/
}
.domest_chooseLuggage_table{
margin-top: 20px;
}
.domest_chooseLuggage_tableRow{
padding: 20px;
font-size: 18px;
border-bottom: 1px solid #DCDCDC;
}
.domest_chooseLuggage_tableRow>.span1{
display: inline-block;
width: 130px;
}
.font-red{
color: #FF172D;
}
.domest_chooseLuggage_tableInput{
margin-top: 30px;
}
.domest_submit{
margin-top: 48px;
text-align: center;
}
/*国际购买行李*/
.domest_chooseLuggage .international_chooseLuggage_number .number{
padding: 10px 44px;
}
.international_chooseOther_number>.number{
position: relative;
padding: 10px 39px;
}
.international_chooseOther_number>.number>.laggageChecked{
display: inline-block;
background-image: url(../image/checkedBox.png);
background-repeat: no-repeat;
background-size: 100% 100%;
width: 20px;
height: 20px;
position: absolute;
top:0;
right: 0;
color: #ffffff;
}
.international_chooseOther_number>.number_checked{
background-color: #FF172D;
border: none;
}
.international_chooseOther_number>.number_checked>.number1,.international_chooseOther_number>.number_checked>.number2{
color: #ffffff;
}
.domest_title_list>span{
font-family: Arial;
}
/*预订行李支付*/
.baggage_contText{
margin-top: 30px;
margin-left: 30px;
font-size: 20px;
}
.baggage_contText>.span_num2{
margin-left: 60px;
}
.baggage_contMoney{
margin-top: 43px;
margin-bottom: 30px;
margin-left: 30px;
font-size: 20px;
}
.baggage_contMoney>.span_money2{
color: #EE2934;
font-family: Arials;
}
.baggage_pay_remind{
background-color: #F7F7F7;
margin-top: 40px;
padding: 13px 0;
font-size: 16px;
text-align: center;
}
.baggage_pay_remind>.span_remind1{
color:#EE2934;
}
.baggage_pay_method{
margin-top: 40px;
}
/*//国内行李付款成功*/
.homePaySuccess_list_left{
padding: 40px 0px;
border-right: 1px solid #DCDCDC;
width: 49.8%;
float: left;
}
.homePaySuccess_list{
padding-bottom: 0;
overflow: hidden;
}
.homePaySuccess_list .travelList_content_list_area{
margin-top: 0;
}
.homePaySuccess_list_right{
width: 49.8%;
float: left;
}
.payWeight{
/*padding: 30px 26px;*/
display: inline-block;
text-align: center;
margin:30px auto;
width: 32.55%;
}
.payWeight .pay_span1{
font-size: 22px;
}
.payWeight .pay_span2{
font-size: 30px;
margin-top: 40px;
}
.tipsInfo{
width: 100%;
text-align: center;
border-bottom: 1px solid #DCDCDC;
}
.tipsInfo>.tipsImg{
height: 70px;
width: 70px;
display: inline-block;
background-repeat: no-repeat;
background-size: 100% 100%;
margin-top: 57px;
}
.tipsImgSuccess{
background-image: url(../image/success.png);
}
.tipsImgFail{
background-image: url(../image/warning.png);
}
.tipsInfo>.tipsText{
font-size: 24px;
font-weight: bold;
margin-top: 19px;
}
.tipsInfo>.tipsQuery{
font-size: 20px;
margin-top: 20px;
margin-bottom: 40px;
}
.tipsInfo>.tipsQuery>a{
color:#0596FF;
}
/*订单列表页面入口*/
.orderListPage .orderListPage_content{
margin-top: 0;
}
.orderListPage_right_content{
padding-left: 25px;
padding-right: 25px;
margin-top: 25px;
}
.orderListPage_right_content .layui-tab-title li{
font-size: 18px;
padding: 0px 30px;
line-height: 46px;
height: 46px;
}
.orderListPage_right_content .layui-tab-content{
padding: 0;
}
.orderListPage_right_content>.layui-tab-brief>.layui-tab-title .layui-this{
background-color: #F3B1BE;
color: #EE2934;
}
.orderListPage_right_content .layui-tab-title{
border-color: #F3B1BE;
height: 46px;
}
.layui-tab-title .layui-this:after{
display: none;
}
.order_formContent{
margin-top: 39px;
}
.form_orderInfo{
font-size: 18px;
}
.form_orderInfo span{
display: inline-block;
}
.form_orderInfo .orderListSpan2{
margin-left: 30px;
margin-right: 30px;
color: #EE2934;
}
.form_orderInfo_content{
margin-top: 24px;
}
.order_form{
/*display: inline-block;*/
}
.order_form label{
font-size: 18px;
font-weight: 500;
}
.order_form .orderInput{
width: 250px;
border: 1px solid #BFBFBF;
border-radius: 5px;
font-size: 18px;
margin-left: 11px;
text-indent: 11px;
padding: 11px 0;
}
.order_row .order_row_right{
display: inline-block;
margin-bottom:0;
margin-left: 143px;
}
.order_row .order_row_left{
display: inline-block;
}
.order_row_right .layui-select-title{
width: 252px;
height: 45px;
line-height: 45px;
}
.order_row_right .layui-select-title .layui-input{
height: 45px;
border-radius: 5px;
font-size: 18px;
border-color:#BFBFBF;
}
.order_row_right .layui-form-select dl dd.layui-this{
background-color: rgb(242,242,242);
color: #000;
}
.margin_top_25{
margin-top: 25px;
}
.order_form .textDate,.order_form .textCity{
position: relative;
}
.order_form .dateInfo{
top: 13px;
}
.mar_left_11{
margin-left: 11px;
}
.em2 {
background: url(../image/calendar.png) no-repeat;
background-size: cover;
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 12px;
right: 10px;
cursor: pointer;
}
.em1 {
background: url(../image/fdj.png) no-repeat;
background-size: cover;
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 12px;
right: 10px;
cursor: pointer;
}
.order_accdor{
margin-top: 49px;
width: 902px;
height: 42px;
background-size: 100% 100%;
margin-left: -26px;
position: relative;
}
.order_accdor_up{
background: url(../image/order_up.png) no-repeat;
}
.order_accdor_down{
background: url(../image/order_down.png) no-repeat;
}
.order_accdor>span{
color: #808080;
font-size: 20px;
position: absolute;
left: 417px;
bottom: 12px;
cursor: pointer;
}
/*.order_table>.layui-table tr:hover{*/
/*background-color: #ffffff;*/
/*}*/
.order_table>.layui-table tr td{
text-align: center;
font-size: 16px;
line-height: 25px;
border: none;
color: #333333;
}
.order_table>.layui-table tr th{
color: #333333;
text-align: center;
font-size: 18px;
font-weight: bold;
padding: 15px 0;
background-color: #F8EEF0;
border: none;
}
/*.order_table>.layui-table tr th:hover{*/
/*background-color: #F8EEF0;*/
/*}*/
.order_table>.layui-table tr{
border: 1px solid #E3E8EE;
}
.order_table>.layui-table tr .order_tickets,.order_tickets a{
color: #0595FF;
}
.order_foot_text{
margin-top: 50px;
}
.order_foot_text_title{
font-size: 18px;
font-weight: bold;
color: #333333;
}
.order_foot_text_content{
color: #333333;
margin-top: 18px;
font-size: 16px;
font-weight: bold;
line-height: 25px;
}
/*订单详情预订入口*/
.orderDetail_content{
width: 1200px;
margin: 40px auto;
}
.orderDetail_con_title{
font-size: 24px;
font-weight: bold;
color: #333333;
overflow: hidden;
}
.orderDetail_con_title span{
color: #EE2934;
}
.title_flot_l{
float: left;
}
.title_flot_r{
float: right;
}
.orderDetail_con_status{
margin-left: 50px;
}
/*.orderDetailTable tbody .no_hover:hover{*/
/*background-color: #ffffff;*/
/*}*/
.orderDetail_con_content{
margin-top: 30px;
}
.orderDetailTable thead tr th{
background-color: #F8EEF0;
}
.orderDetailTable thead tr th{
padding: 17px 20px;
font-size: 20px;
font-weight: bold;
color: #333333;
border: none;
}
.orderDetailTable{
border: 1px solid #E3E8EE;
}
.orderDetailTable .tr_border{
border-bottom: 1px solid #E3E8EE;
}
.orderDetailTable tbody tr th{
padding: 24px 0px;
text-align: center;
font-weight: bold;
font-size: 18px;
color: #333333;
border: none;
}
.orderDetailTable tbody tr td{
padding: 24px 0px;
text-align: center;
font-size: 18px;
color: #333333;
border: none;
}
/*.orderDetailTable tbody tr .have_border{*/
/*border-right: 1px solid #E3E8EE;*/
/*}*/
.orderDetail_flightInfo{
margin-top: 30px;
}
.order_rightArrow{
display: inline-block;
width: 49px;
height: 9px;
background-image: url(../image/order_rightArrow.png);
background-repeat: no-repeat;
background-size: 100% 100%;
margin-bottom: 4px;
margin-left: 8px;
margin-right: 8px;
}
.tr_border .span_l{
display: inline-block;
margin-left: 15px;
}
.orderDetailTable tbody tr .td_query{
color:#0596FF;
position: relative;
cursor: pointer;
}
.span_detail{
display: inline-block;
width: 24px;
height: 24px;
background-image: url(../image/luggage_help.png);
background-repeat: no-repeat;
background-size: 100% 100%;
position: absolute;
top: 22px;
right: 29px;
}
.orderDetail_con_content .order_Res{
padding-left: 0px;
padding-right: 0px;
}
.orderDetail_payInfo .orderDetailTable .text_left td{
text-align: left;
padding: 20px;
}
.orderDetail_flightInfo .orderDetailTable .text_left td{
text-align: left;
padding: 20px;
}
.orderDetailTable .refundProgressTr{
position: relative;
height: 201px;
}
.orderDetailTable tr .rd_relative{
position: relative;
}
.rd_relative>.span_up1{
display: inline-block;
width: 17px;
height: 11px;
background-image: url(../image/blue_up.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.orderDetailTable tr .refundProgress{
width: 1200px;
height: 219px;
position: absolute;
top: -18px;
/*padding: 26px 250px;*/
background-image: url(../image/td_bg.png);
background-repeat: no-repeat;
background-size: 100% 100%;
/*background-position: -5px -18px;*/
}
.refundTime div{
width: 94px;
position: absolute;
top: 56px;
color: #808080;
font-size: 16px;
}
.refundTime .time_left{
left: 240px;
}
.refundTime .time_right{
left: 558px;
}
.color_ccc{
color: #CCCCCC;
}
.refundDesc div{
width: 94px;
position: absolute;
top: 139px;
font-size: 16px;
}
.refundDesc .Desc_left{
left: 240px;
color: #808080;
}
.refundDesc .Desc_content{
left: 558px;
color: #808080;
}
.refundDesc .Desc_right{
right: 229px;
}
.refundLine div{
position: absolute;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.refundLine .line_ccc1,.refundLine .line_red1{
width: 30px;
height: 30px;
top: 100px;
left: 274px;
}
.refundLine .line_ccc2,.refundLine .line_red2{
width: 290px;
height: 10px;
top: 110px;
left: 302px;
}
.refundLine .line_ccc3,.refundLine .line_red3{
width: 30px;
height: 30px;
top: 100px;
left: 590px;
}
.refundLine .line_ccc4,.refundLine .line_red4{
width: 290px;
height: 10px;
top: 110px;
left: 619px;
}
.refundLine .line_ccc5,.refundLine .line_red5{
width: 30px;
height: 30px;
top: 100px;
left: 907px;
}
.refundLine .line_ccc1{
background-image: url(../image/no_circle.png);
}
.refundLine .line_red1{
background-image: url(../image/red_circle.png);
}
.refundLine .line_ccc2{
background-image: url(../image/no_line.png);
}
.refundLine .line_red2{
background-image: url(../image/red_line.png);
}
.refundLine .line_ccc3{
background-image: url(../image/no_circle.png);
}
.refundLine .line_red3{
background-image: url(../image/red_circle.png);
}
.refundLine .line_ccc4{
background-image: url(../image/no_line.png);
}
.refundLine .line_red4{
background-image: url(../image/red_line.png);
}
.refundLine .line_ccc5{
background-image: url(../image/no_circle.png);
}
.refundLine .line_red5{
background-image: url(../image/red_circle.png);
}
.refundText{
width: 230px;
font-size: 14px;
position: absolute;
bottom: 16px;
right: 482px;
line-height: 22px;
color: #808080;
}
.refundText>span {
color:#E12E32;
}
.orderDetail_button .luggage_btn .refund_btn{
padding: 10px 52px;
margin-left: 10px;
margin-right: 10px;
}
.orderDetail_button .luggage_btn .data_btn{
padding: 10px 35px;
margin-right: 10px;
margin-left: 10px;
}
.orderDetail_button .luggage_btn .canael_duty_btn{
padding: 10px 35px;
margin-right: 10px;
margin-left: 10px;
}
.orderDetail_button .luggage_btn .first_class_btn{
padding: 10px 25px;
margin-right: 10px;
margin-left: 10px;
}
.orderDetail_button .luggage_btn .extra_baggage_btn{
padding: 10px 15px;
margin-right: 10px;
margin-left: 10px;
}
.orderDetail_button .luggage_btn .return_btn{
padding: 10px 52px;
margin-right: 10px;
margin-left: 10px;
}
.orderDetail_con_warm{
margin-top: 30px;
text-align: center;
font-size: 16px;
color: #333333;
font-weight: bold;
}
.orderDetail_con_warm span{
color:#FF0026;
}
/*//退?/
.orderDetailTable .refundProgressTr .refundsTd{
background-image: none;
background-color: rgb(244,244,244);
top: 0;
}
.orderDetailTable .refundProgressTr .refundsTd .refundTime div{
top: 28px;
}
.orderDetailTable .refundProgressTr .refundsTd .refundLine .line_ccc1,.orderDetailTable .refundProgressTr .refundsTd .refundLine .line_red1,.orderDetailTable .refundProgressTr .refundsTd .refundLine .line_ccc3,.orderDetailTable .refundProgressTr .refundsTd .refundLine .line_red3,.orderDetailTable .refundProgressTr .refundsTd .refundLine .line_ccc5,.orderDetailTable .refundProgressTr .refundsTd .refundLine .line_red5{
top: 78px;
}
.orderDetailTable .refundProgressTr .refundsTd .refundLine .line_ccc2,.orderDetailTable .refundProgressTr .refundsTd .refundLine .line_red2,.orderDetailTable .refundProgressTr .refundsTd .refundLine .line_ccc4,.orderDetailTable .refundProgressTr .refundsTd .refundLine .line_red4{
top: 88px;
}
.orderDetailTable .refundProgressTr .refundsTd .refundDesc div{
top:120px
}
.refundsText{
width: 430px;
font-size: 14px;
position: absolute;
bottom: 25px;
right: 373px;
line-height: 22px;
color: #212121;
}
.refundsTd .hasRefundsText{
right: 43px;
}
.refundsText .span_re1{
color: #0595FF;
}
.refundsText .span_re2{
color: #EE2934;
}
.Desc_content .span_detail{
top: -3px;
right: -25px;
}
.orderDetail_con_pay{
color:#F28588;
margin-left: 50px;
}
.immediatelyPay .luggage_btn{
margin-top: 30px;
text-align: right;
}
.immediatelyPay .orderDetail_button .luggage_btn button{
margin-right: 0;
}
.Desc_right .span_detail{
top: -4px;
right: -8px;
}
.luggage_safety{
margin-top: 50px;
}
.luggage_safety>.title{
color: #DC3F3E;
font-size: 20px;
}
.luggage_safety>.text{
font-size: 16px;
margin-top: 18px;
line-height: 25px;
}
body .layui-table tbody tr:hover,body .layui-table thead tr,body .layui-table-click,body .layui-table-header,body .layui-table-hover,.layui-table-mend,.layui-table-patch,.layui-table-tool,.layui-table[lay-even] tr:nth-child(even){
background-color: #ffffff;
}
.baggageIndex_input_gray{
color: #888888;
}
a.res_i_other {
display: inline-block;
text-align: center;
margin-right: 60px;
}
div.dl835{
float: none;
padding-bottom: 30px;
margin-bottom: 0px;
}
.coupon{
width: 96%;
font-size: 16px;
margin:0px 15px;
}
.coupon tr{
height: 50px;
text-align: center;
}
.coupon thead tr:first-child,table.coupon + div{
background-color:rgba(220,220,220,.5);
}
.couponNo{
display: none;
}
.coupon .space{
height: 10px;
}
.coupon tr.couponInfo{
border:1px solid lightgray;
}
.couponButton{
background-color: #ee2934;
padding: 10px 20px;
margin-right: 10px;
margin-top: 10px;
border: none;
border-radius: 3px;
color: white;
}
#closeButton{
background-color: white;
color:red;
border: 1px solid red;
}
#couponDialog{
position: relative;
}
#couponDialog iframe{
position: absolute;
top:-300px;
left: 200px;
width: 830px;
min-height: 507px;
border: 1px solid lightgray;
border-radius: 2%;
}
.coupon caption{
margin: 10px;
font-size: 18px;
}
.coupon .note{
color:red;
}
p#info{
color: red;
font-size: 16px;
text-align: left;
margin: 10px 0 0 20px;
}
p#result{
display: none;
}
#baggageCoupon{
color: #d5ae78;
}
.pay{
text-align: right;
}
.pay p:not(:last-child){
color: gray;
margin-bottom: 25px;
}
#coupons{
display: none;
}
#ccoupons + div{
text-align: center;
}
.pay p span:last-child {
display: inline-block;
width: 150px;
}
#payPrice{
color: red;
}
.pay p span:first-child{
display: inline-block;
width: 90px;
text-align: right;
}
p#coupons ~ div{
text-align: center;
}
table.coupon + div {
position: -webkit-sticky;
position: fixed;
bottom: 0px;
width: 100%;
background-color: rgba(220,220,220,.5);
min-height: 83px;
padding-top: 3px;
}
table.coupon tbody {
display: block;
height: 300px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
max-width: calc(100% + 15px);
}
table.coupon thead tr, table.coupon tbody tr{
box-sizing: border-box;
display: table;
width: 100%;
}
table.coupon thead tr td:nth-child(3),table.coupon thead tr td:nth-child(4){
width: 20%;
}
table.coupon thead tr td:nth-child(5),table.coupon thead tr td:nth-child(6){
width: 30%;
}
table.coupon tbody tr td:nth-child(1){
width: 5%;
}
table.coupon tbody tr td:nth-child(3){
width: 10%;
}
table.coupon tbody tr td:nth-child(4),table.coupon tbody tr td:nth-child(5){
width: 31%;
}
table.coupon tbody tr > td:nth-child(6){
width: 13%;
}
.couponInfo input[type='checkbox'] {
width: 20px;
height: 20px;
background-color: #ffffff;
border: solid 1px #dddddd;
-webkit-border-radius: 50%;
border-radius: 50%;
font-size: 0.8rem;
margin: 0;
padding: 0;
position: relative;
display: inline-block;
vertical-align: top;
cursor: default;
-webkit-appearance: none;
-webkit-user-select: none;
user-select: none;
}
.couponInfo input[type='checkbox']:checked::after {
content: '';
top: 3px;
left: 3px;
position: absolute;
background: #ee2934;
border-radius: 50%;
height: 13px;
width: 13px;
}
ٶ