*{ 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; } ٶ