/******************************通用类****************************************/ @charset "UTF-8"; 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, img, ins, kbd, q, s, samp, small, strike, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; font-family: 'Microsoft YaHei'; font-style: normal; font-variant: normal; } body{font: 12px/1.5 "Microsoft YaHei", "\5b8b\4f53"; //background: #ccc} body,html{width: 100%; height: 100%;} a{text-decoration:none;cursor:pointer; color: #fff; font-size: 100%;} li{list-style:none;} table{border-collapse:collapse;border-spacing: 0px;} .clearfix:after {visibility: hidden; display: block; font-size: 0; content: " ";clear: both; height: 0;} .clearfix {*zoom: 1;} .clearAll{margin:0px !important;} .clearborder{border:0px !important;} .fll{float: left;} .flr{float: right;} .posrelative{position: relative;} .dis_play_none{display: none;} .text_center{text-align: center;} .text_left{ text-align: left; } .text_right{ text-align: right; } .default_width{width: 1200px; margin:0 auto;} .fixed_bottom{ position: fixed;bottom:0px; } .personal{padding:14px 14px 14px 14px;background-color:rgba(255,255,255,0.3);} .icAndtext i{display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: -7px;} /*****************************公共类*************************************/ /** header **/ .header{width: 100%;min-width:1200px;} .mgr20{margin-right:20px;} .margin_top_15{margin-top:15px;} .logo_wrap{background: #0068b5;} .logo_wrap .default_width{height: 30px;} .login_mode .parent{line-height: 30px; margin-left: 20px; color: #fff; position: relative;} .login_mode .parent .handle{position: relative;} .mobile{clear:both;position: absolute;left:-240px;top:30px;z-index:998;width:240px;height:230px;background-color: #ffffff;padding:0 30px 0 30px;color:#000000;} .mobile .title{height:50px;line-height:50px;font-size:14px;} .mobile .iosCode{width:115px;} .mobile .iosCode p{width:115px;text-align:center;} .mobile .iosCode img{width:115px;height:115px;} .publicNumber{position: absolute;;width:140px;left:-160px;top:30px; height:230px;background-color:#ffffff;z-index:999;padding:0 30px 0 30px ;color:#000000;} .publicNumber .title{height:50px;line-height:50px;font-size:14px;} .publicNumber .publicCode{width:140px;text-align:center;} .login_mode div select{border:0px;-webkit-appearance:none; width:60px; background: #0068b5; color: #fff} .login_mode div.mobileTerminal:after{border-style:solid; border-width: 6px 5px 0px 5px; border-color:#fff transparent transparent transparent;content:'';width: 0px; height: 0px;position: absolute;top:50%;margin-top: -2px;left:40px;} .login_mode div.weChat:after{border-style:solid; border-width: 6px 5px 0px 5px; border-color:#fff transparent transparent transparent;content:'';width: 0px; height: 0px;position: absolute;top:50%;margin-top: -2px;left:28px;} .nav_wrap{background:#009ee7;} .nav_wrap .default_width{height: 90px;} .logo_wrap .login_mode div{float: left;} .nav ul li{float: left;color: #fff;text-align: center; font-size: 16px; height: 90px; line-height: 90px; position: relative;} .nav ul li a{width: 104px; display: block;} .nav ul li a.select{background: #0068b5; } .nav ul li i{position: absolute; display: block; width: 38px; height: 23px;top:16px; right: 10px;} .nav ul li i.hot{background: url(../images/main.png) no-repeat -18px -8px;} .nav ul li i.new{background: url(../images/main.png) no-repeat -70px -8px;} .nav ul li b{display: block; height: 46px; width: 271px; background: url(../images/logo.png) no-repeat center; margin: 22px 80px 0 0;} .nav ul.nav_login li a{display: block;font-size: 12px;} /** footer **/ .footer{width: 100%;min-width:1200px;background: #F7F7F7; padding:40px 0 30px 0;} .footer.bot{ position: absolute; bottom: 0px;} .footer .footer_inf{ margin-bottom: 50px;} .footer .footer_inf ul{float: left; margin:0 100px;} .footer .footer_inf ul h1{color: #4d4d4d; font-size: 16px;} .footer .footer_inf ul li{line-height: 25px;} .footer .footer_inf ul a{color: #999;font-size: 12px;} .foot_oth ul{overflow: hidden; width: 360px; margin:0 auto;} .foot_oth ul a{font-size: 12px; color: #4d4d4d; margin:0 5px;} .foot_oth ul li{float: left; line-height: 15px; height: 15px; border-left: 1px solid #4d4d4d;} .foot_oth p{text-align: center; margin-top: 15px; color: #4d4d4d;} /** prompt **/ .prompt{display:none;text-align:center;height:60px;width:100%;position:fixed;line-height:40px;padding-top:10px;background-color:rgba(0,0,0,0.6);color:#ffffff;font-size:16px;z-index:999999;} /** content **/ .content{margin-bottom: 30px;} /*******************************登陆注册**************************************/ .login_register_warp{width:1200px;min-width:1200px;height:600px;} .login_register_warp .login_img{float:left;padding-top:40px;} .login_register_warp .login_warp{width:320px;height:370px;background-color:#f6f7f4;float:right;border-bottom:1px solid #e2e3e0;margin-top:110px;} .login_register_warp .login_warp .login_mode_change{height:40px;line-height: 40px;} .login_register_warp .login_warp .login_mode_change li{width:50%;text-align: center;float: left;background-color:#e6e6e6;color:#666666;font-size: 16px;} .login_register_warp .login_warp .login_mode_change a{display: block;color:#666666; } .login_register_warp .login_warp .login_mode_change .active a{background-color:#f6f7f4;color:#00AEE7;} .login_register_warp .login_warp .login_info{padding-top:30px;text-align:center;} /** 账户登录 **/ .login_register_warp .login_warp .login_info .login_account{} .login_register_warp .login_warp .login_info .register_forget_warp{height:55px;line-height: 55px;} .login_register_warp .login_warp .login_info .register_forget_warp a{color:#666666;margin-right: 12px;} .login_register_warp .login_warp .login_info .login_account li{margin-top:20px;margin-left:40px;height:35px;line-height:35px;width:240px;} .login_register_warp .login_warp .login_info .login_account input{height:33px;line-height:33px;width:198px;border:1px solid #efefef;padding-left:40px;color:#999999;} .login_register_warp .login_warp .login_info .login_account input[type="submit"]{padding:0 0 0 0 ;width:238px;height:35px;line-height:35px;border:1px solid #00AEE7;background-color:#00AEE7;font-size:14px;color:#ffffff;} .login_register_warp .login_warp .login_info .login_account .phone_number{background:url("../images/phone_number.png") no-repeat scroll left center transparent;background-position: left 12px bottom 7px;background-color:#ffffff;} .login_register_warp .login_warp .login_info .login_account .password{background:url("../images/password.png") no-repeat scroll left center transparent;background-position: left 12px bottom 7px;background-color:#ffffff;} /** 验证码登录 **/ .login_register_warp .login_warp .login_info .login_phone{} .login_register_warp .login_warp .login_info .login_phone li{margin-top:20px;margin-left:40px;height:35px;line-height:35px;width:240px;} .login_register_warp .login_warp .login_info .login_phone input{height:33px;line-height:33px;width:198px;border:1px solid #efefef;padding-left:40px;color:#999999;} .login_register_warp .login_warp .login_info .login_phone input[type="submit"]{padding:0 0 0 0 ;width:238px;height:35px;line-height:35px;border:1px solid #00AEE7;background-color:#00AEE7;font-size:14px;color:#ffffff;} .login_register_warp .login_warp .login_info .login_phone button{border:none;background-color:#ea684b;width:90px;height:35px;float: right;color:#ffffff;} .login_register_warp .login_warp .login_info .login_phone .phone_number{background:url("../images/phone_number.png") no-repeat scroll left center transparent;background-position: left 12px bottom 7px;background-color:#ffffff;} .login_register_warp .login_warp .login_info .login_phone .verification_code{padding-left:14px;background-color:#ffffff;width:126px;float:left;} /** 其他登录 **/ .login_register_warp .login_warp .other_login{height:85px;background-color:#e6e6e6;} .login_register_warp .login_warp .other_login li{height:85px;line-height:85px;float: left;margin-left:40px;} .login_register_warp .login_warp .other_login a{color:#666666;display: block;} .login_register_warp .login_warp .other_login img{position: relative;top:9px;margin-right:10px;} /** 手机注册 **/ .register_warp {width:1200px;margin-bottom: 20px;} .register_warp .phone_register{margin-left:450px;margin-top:80px;} .register_warp .phone_register li{height:39px;line-height:39px;margin-top:20px;} .register_warp .phone_register li{height:39px;line-height:39px;margin-top:20px;} .register_warp .phone_register i{margin-left:10px;display: none;color:#ea684b;} .register_warp .phone_register a{color:#666666;margin-left:10px;} .register_warp .phone_register .agreement{height:30px;line-height: 30px;margin-top:10px;} .register_warp .phone_register input[type='checkbox'] {margin-left:60px;text-indent:0px;position:relative;bottom:4px;-webkit-appearance: none; appearance: none; width: 15px; height: 15px; border-radius: 10px; line-height: 13px; vertical-align: bottom; background: #fff; border: 1px solid #999; } .register_warp .phone_register input[type='checkbox']:checked:after { content: '\2714'; position: absolute; color: #008CD7; } .register_warp .phone_register span{width:60px;height:35px;text-align:right;display: block;float: left;margin-right: 12px;} .register_warp .phone_register input{width:238px;height:35px;padding:0 0 0 0;text-indent: 16px;border:1px solid #dfdfdf;} .register_warp .phone_register input[type="submit"]{width:240px;height:35px;background-color:#009fe6;color:#ffffff;border:none;text-indent: 0px;font-size:16px;} .register_warp .phone_register .verificationCode{width:140px;margin-right:8px;} .register_warp .phone_register .new_password {width:239px;margin-right:0px;border:1px solid #dfdfdf;} .register_warp .phone_register .new_password input{width:198px;float:left;border:none;} .register_warp .phone_register .new_password .icon{width:34px;margin-right:0px;height:36px;float:right;border-left:1px solid #dfdfdf;display: block;} .register_warp .phone_register .new_password .icon img{position: relative;right:6px;top:4px;} .register_warp .phone_register button{width:90px;background-color:#ea684b;height:35px;line-height:35px;border:none;color:#ffffff;font-size:14px;position: relative;top:2px;} /** 忘记密码 **/ .forget_password_warp {width:1200px;min-height: 445px;} .forget_password_warp .forget_password{margin-left:400px;margin-top:80px;} .forget_password_warp .forget_password li{height:39px;line-height:39px;margin-top:20px;} /*.forget_password_warp .forget_password i{margin-left:10px;display: none;}*/ .forget_password_warp .forget_password span{width:60px;height:35px;text-align:right;display: block;float: left;margin-right: 12px;} .forget_password_warp .forget_password input{width:238px;height:35px;padding:0 0 0 0;text-indent: 16px;border:none;border:1px solid #c1c1c1;} .forget_password_warp .forget_password input[type="submit"]{width:240px;height:35px;background-color:#009fe6;color:#ffffff;border:none;text-indent: 0px;font-size:16px;} .forget_password_warp .forget_password .verificationCode{width:130px;margin-right:8px;} .forget_password_warp .forget_password .new_password {width:239px;margin-right:0px;border:1px solid #c1c1c1;} .forget_password_warp .forget_password .new_password input{width:198px;float:left;border:none;} .forget_password_warp .forget_password .new_password .icon{width:34px;margin-right:0px;height:36px;float:right;border-left:1px solid #c1c1c1;display: block;} .forget_password_warp .forget_password .new_password .icon img{position: relative;right:6px;top:4px;} .forget_password_warp .forget_password button{width:100px;background-color:#ea684b;height:35px;line-height:35px;border:none;color:#ffffff;font-size:14px;position: relative;top:2px;} /*******************************首页**************************************/ /** carousel **/ .carousel{position: relative;} .carousel .carousel_wrap{width: 100%; height: 380px;min-width:1200px; overflow: hidden; position: relative; border-bottom: 2px solid #009ee7;} .slideTxtBox{ width:100%; text-align:left; } .slideTxtBox .bd ul{ zoom:1; } .slideTxtBox .bd li .date{ float:right; color:#999; } .slideTxtBox a{display: block; z-index: 5; top:50%; width: 67px; height: 101px; cursor: pointer;} .slideTxtBox a.prev{background: url(../images/main.png) no-repeat 0px -111px; left:10%; position: absolute; width:94px;height: 113px; /display: none;} .slideTxtBox a.next{background: url(../images/main.png) no-repeat -109px -111px; right:10%; position: absolute;width:94px;height: 113px; /display: none;} /** 快捷进入 **/ .shortcut{position: absolute; height: 180px; bottom:0px; width: 1200px; margin-left: -600px;left:50%; z-index: 4} .shortcut .shortcut_title{background: rgba(0,158,231,.9); height: 40px; line-height: 40px;} .shortcut .shortcut_title a{float: left; text-align: center; width: 170px; font-size: 16px; } .shortcut .shortcut_title a.select{background: #0068b5} .shortcut .shortcut_title .airpot_pic{width: 37px; height: 34px; background: url(../images/main.png) no-repeat -11px -57px; } .shortcut .shortcut_title .line_pic{width: 32px; height: 34px; background: url(../images/main.png) no-repeat -55px -57px; } .shortcut .shortcut_title .mobile_pic{width: 25px; height: 34px; background: url(../images/main.png) no-repeat -98px -57px; } .shortcut .shortcut_plan_wrap{background: #fff;height: 100px; color: #999; padding:20px 40px; position: relative; bottom: 2px;} .shortcut .shortcut_bus_wrap{background: #fff;height: 100px; color: #999; padding:20px 40px; position: relative; bottom: 2px;} .shortcut .downloadApp_warp{background: #fff;height: 120px; color: #999; position: relative; bottom: 2px;padding-top:20px;color:#000000;} /**************航班查询**************/ .shortcut_plan_wrap input{width: 136px; height: 24px; line-height: 24px; padding:0 25px 0 5px;border:1px solid #e7e7e7; } .shortcut_plan_wrap input[type="submit"]{position: absolute;right: 40px;padding:0; bottom: 20px; width:140px; height: 40px; line-height: 40px; text-align: center;color: #fff; background: #009ee7; font-size: 20px;border:0px;} .shortcut_plan_wrap .posrelative i{position: absolute; width: 19px; height: 23px; display: inline-block; right: 5px;} .shortcut_plan_wrap .posrelative i.address_pos{background: url(../images/main.png) no-repeat -50px -35px; top:2px;} .shortcut_plan_wrap .posrelative i.sattime_pos{background: url(../images/main.png) no-repeat -75px -35px; top:2px;} .shortcut_plan_wrap .exchange_city{width: 37px; height: 37px; display: block; background: url(../images/arrow.png) no-repeat center; margin-top: 30px;} .shortcut_plan_wrap input.sattime{color: #4d4d4d;} .shortcut_plan_wrap p{margin-bottom:5px;} /**************机场巴士**************/ .shortcut_bus_wrap input{width: 136px; height: 24px; line-height: 24px; padding:0 25px 0 5px;border:1px solid #e7e7e7; } .shortcut_bus_wrap input[type="submit"]{position: absolute;right: 40px;padding:0; bottom: 20px; width:140px; height: 40px; line-height: 40px; text-align: center;color: #fff; background: #009ee7; font-size: 20px;border:0px;} .shortcut_bus_wrap .selectBus{position: absolute;right: 40px;padding:0; bottom: 20px; width:140px; height: 40px; line-height: 40px; text-align: center;color: #fff; background: #009ee7; font-size: 20px;border:0px;} .shortcut_bus_wrap .posrelative i{position: absolute; width: 19px; height: 23px; display: inline-block; right: 5px;} .shortcut_bus_wrap .posrelative i.address_pos{background: url(../images/main.png) no-repeat -50px -35px; top:2px;} .shortcut_bus_wrap .posrelative i.sattime_pos{background: url(../images/main.png) no-repeat -75px -35px; top:2px;} .shortcut_bus_wrap .startList{background: #ffffff;border:1px solid #e7e7e7;max-height:210px;max-height:210px; overflow:auto;} .shortcut_bus_wrap .startList li{height:30px;line-height:30px;text-indent:12px;max-width:163px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .shortcut_bus_wrap .startList li a{height:30px;line-height:30px;color:#999;} .shortcut_bus_wrap .endList{background: #ffffff;border:1px solid #e7e7e7;max-height:210px; overflow:auto; } .shortcut_bus_wrap .endList li{height:30px;line-height:30px;text-indent:12px;max-width:163px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .shortcut_bus_wrap .endList li a{height:30px;line-height:30px;color:#999;} .shortcut_bus_wrap .exchange_city{width: 27px; height: 22px; display: block; background: url(../images/arrow.png) no-repeat -11px -8px; margin-top: 25px;} .shortcut_bus_wrap input.sattime{color: #4d4d4d;} .shortcut_bus_wrap p{margin-bottom:5px;} .airpot_into .fll{margin-right: 10px;} .shortcut_submit{} /**************downloadApp**************/ .downloadApp_warp .downloadCode{width:170px;height:100px;padding:0 40px 0 40px;text-align: center;border-right: 1px dotted #d9d9d9;} .downloadApp_warp .downloadCode img{width:74px;height:74px;} .downloadApp_warp .publicCode{width:74px;height:100px;padding:0 40px 0 40px;text-align: center;border-right: 1px dotted #d9d9d9;} .downloadApp_warp .publicCode img{width:74px;height:74px;} .downloadApp_warp .interface{width:160px;height:100px;padding:0 40px 0 20px;text-align: center;border-right: 1px dotted #d9d9d9;vertical-align: middle;} .downloadApp_warp .interface img{width:100px;height:100px;float: left;} .downloadApp_warp .appPresentation{width:400px;padding:20px 40px 0 40px;} .downloadApp_warp button{width:130px;height: 30px;border:none;background-color:#009ee7;color:#ffffff;position: relative;bottom:-20px;right:-250px;} /*****************************个人中心************************************/ .top_img{height:150px;padding:0 0 0 0;width:100%;min-width:1200px;position: absolute;z-index: -1;background-image: url("../images/1-29.png");} .navigation{height:50px;width:920px;line-height:50px;font-size:12px;!important;} .navigation a{color:#666666;} .personal_navigation{height:50px;width:920px;line-height:50px;font-size:12px;!important;color:#ffffff;} .navigation .order_state{float:right;text-align:right;} .navigation .order_state img{height:50px;vertical-align: middle;margin-right:12px;margin-left:12px;} .personal_center_region{width: 100%;min-width: 1200px;min-height:888px;} .personal_center .menu_bar{ width:15%;min-width:190px;background-color:#F7F7F7;} .personal_center .menu_bar .active{ color:#52afea;border-left: 2px solid #52afea;background-color:#ffffff;} .personal_center .menu_bar .active a{ color:#52afea;} .personal_center .menu_bar >ul>li{line-height:43px; border-top:none;font-size: 16px;font-weight:bold;color:#4d4d4d;padding:0 0 0 0;text-indent: 24px;} .personal_center .menu_bar >ul>li a{color:#000000;} .personal_center .menu_bar >ul>li:first-child{border-top:1px solid #e7e7e7 ;padding-right:37px;} .personal_center .menu_bar >ul>li:last-child{margin-bottom:20px;} .personal_center .menu_bar .arrow_img{width:15px;height:16px;overflow:hidden;display: block;position: relative;float: right;top:14px;right:14px;text-align:middle;} .personal_center .menu_bar .arrow_img img{position: relative;right:24px;text-align:middle;bottom:16px;} .personal_center .menu_bar .dotted{border-bottom:1px dotted #e6e6e6;} .personal_center .order_management{font-size:12px;} .personal_center .order_management >ul>li{text-align:left;line-height:40px;font-size:12px;font-weight: normal;} .personal_center .my_record{font-size:12px;} .personal_center .my_record >ul>li{text-align:left;line-height:40px;font-size:12px;font-weight: normal;} .personal_center .qr_code img{clear:both;margin:auto;padding-top:16px;margin-left:0px;} .personal_center .qr_code p{font-size:14px;line-height:20px;} .personal_center .qr_code p:last-child{padding-bottom:17px;} .personal_center .information{width:80%;min-width:990px;} .personal_center .information .user_info{background-color:#F7F7F7;min-width:990px;height:180px;border: 1px solid #f2f2f2;} .personal_center .information .user_info .user_info_content{height:150px;margin-top:15px;} .personal_center .information .user_info .user_info_content li{} .personal_center .information .user_info .user_info_content .icon_info{width:350px;height:150px;border-right: 1px dotted #DFDFDF;} .personal_center .information .user_info .user_info_content .icon_info .font_bold{font-size:20px;font-weight:bold;color:#4D4D4D;} .personal_center .information .user_info .user_info_content .icon_info .user_mess{margin-top:30px;overflow-x: hidden;font-size:12px;} .personal_center .information .user_info .user_info_content .icon_info .user_mess p{height:30px;line-height:30px;} .personal_center .information .user_info .user_info_content .icon_info .user_mess p:first-child{font-size:14px;} .personal_center .information .user_info .user_info_content .icon_info .user_mess p:first-child img{margin-left: 12px;position: relative;top:2.5px;} .personal_center .information .user_info .user_info_content .icon_info .user_mess p:last-child img{margin-left: 8px;position: relative;top:2px;} .personal_center .information .user_info .user_info_content .icon_info .user_mess p a{color:#52afea;position: relative;top:0.5px;} .personal_center .information .user_info .user_info_content .icon_info .user_mess p:last-child a{margin-left: 8px;color:#52afea;position: relative;top:0.5px;} .personal_center .information .user_info .user_info_content .icon_info .icon{float: left;} .personal_center .information .user_info .user_info_content .icon_info .icon img{width:100px;height:100px;margin-top:25px;margin-left:20px;margin-right:10px;} .personal_center .information .user_info .user_info_content .order_warp{width:460px;border-right: 1px dotted #DFDFDF;height:150px;} .personal_center .information .user_info .user_info_content .order_warp li{float: left;width:100px;text-align:center;font-size:16px;} .personal_center .information .user_info .user_info_content .order_warp li span{color:#ea684b;} .personal_center .information .user_info .user_info_content .order_warp li a{color:#000000;} .personal_center .information .user_info .user_info_content .order_warp .all_order{float: left;margin-left:40px;margin-top:30px;} .personal_center .information .user_info .user_info_content .order_warp .to_be_traveling{margin-left: 40px;margin-top:30px;} .personal_center .information .user_info .user_info_content .order_warp .pending_payment{float: right;margin-right:40px;margin-top:30px;} .personal_center .information .user_info .user_info_content .unbundling button{width:140px;height:30px;border:none; background-color:#009fe6;color:#ffffff;font-size:14px;position: relative;right:-17px;top:55px;border-radius:20px;} .personal_center .information .title{height:50px;line-height:50px;border-bottom:1px solid #e7e7e7;} .personal_center .information .title a{float:right;color:#52afea;} .personal_center .information .title img{position: relative;top:3px;margin-left:12px;} /**************订单**************/ .personal_center .information .order_content{} .personal_center .information .order_content .no_order{text-align:center;margin-top:70px;min-height:230px;} .personal_center .information .order_content .no_order p{margin-top:10px;color:#666666;} .personal_center .information .order_content li{padding:15px 22px 22px 22px;border-bottom:1px dotted #CCCCCC;} .personal_center .information .order_content li:last-child{border:none;} .personal_center .information .order_content .order_state{float:right;font-size:12px;} .personal_center .information .order_content .order_state span{padding-left:12px;border-left:1px solid #c6c6c6;} .personal_center .information .order_content li i{color:#EB674B;font-size:16px;padding-right:12px;} .personal_center .information .order_content li p:first-child{font-size: 16px;} .personal_center .information .order_content li p:last-child{color:#999999;} .personal_center .information .order_content li p:last-child button{float:right;width:70px;height:20px;margin-left:10px;border:none;background-color:#009fe6;color:#ffffff;} .personal_center .information .order_content li img{vertical-align: middle;} /**************历史纪录**************/ .personal_center .information .historical_records{} .personal_center .information .historical_records .no_history{text-align:center;margin-top:70px;min-height:230px;} .personal_center .information .historical_records .no_history p{margin-top:10px;color:#666666;} .personal_center .information .historical_records .margin_right{margin-right: 0px;} .personal_center .information .historical_records li{width:225px;float:left;height:60px;line-height:60px;margin-right:30px;margin-top:20px;text-align:center;background-color:#f7f7f7;} .personal_center .information .historical_records li img{vertical-align: middle;margin-right:12px;position: relative;bottom:3px;} /**************推荐**************/ .personal_center .information .recommend_warp{padding:0 0 0 0;} .personal_center .information .recommend_warp li{width:223px;margin-right:32px;float:left;margin-top:20px;margin-bottom: 40px;} .personal_center .information .recommend_warp li:last-child{margin-right:0px;float:right;} .personal_center .information .recommend_warp .recommend_info{padding:0 10px 0 10px;} .personal_center .information .recommend_warp .recommend_info .price_logo{float:right;font-size:12px;position: relative;top:6px;} .personal_center .information .recommend_warp .recommend_info .price{font-size:16px;color:#eb7453;} .personal_center .information .recommend_warp .recommend_info li{width:100%;margin-right:0px;margin-bottom: 0px;margin-top: 0px;} .personal_center .information .recommend_warp .recommend_info li:last-child{margin-top:10px;} .personal_center .information .recommend_warp .recommend_info li:first-child{height:30px;line-height:30px;color:#4d4d4d;font-size:14px;font-weight:bold;} .personal_center .information .recommend_warp .recommend_info li:first-child img{position: relative;bottom:-6px;margin-left:4px;margin-right:4px;} .personal_center .information .info_title{color:#666666;font-size:16px;margin-bottom:10px;} /**************修改手机号码**************/ .personal_center .information .prompt {height:40px;line-height:40px;text-indent:14px;color:#999999;border:1px solid #85d3f4;background-color:#ebf3f6;} .personal_center .information .prompt a{margin-left:14px;color:#00AEE7;} .personal_center .information .prompt img{position: relative;top:3px;} .personal_center .information .prompt .close{float:right;margin-right: 10px;} .personal_center .information .prompt .close img{position: relative;top:4px;} .personal_center .information .prompt_info{width:450px;position: relative;left:550px;bottom:168px;color:#999999;} .personal_center .information .change_phone {height:250px;text-align:center;padding-top:52px;} .personal_center .information .change_phone li{width:250px;margin-left:150px;height:30px;line-height:30px;margin-top:8px;} .personal_center .information .change_phone li span{float:left;text-align:right;width:70px;height:30px;line-height:30px;display: block;} .personal_center .information .change_phone input{width:170px;height:30px;line-height:30px;float:right;padding:0 0 0 0 ;border:1px solid #efefef;text-indent:12px;} .personal_center .information .change_phone button{width:90px;height:30px;line-height:30px;position: relative;right:-350px;bottom:67px;border:none;background-color:#009EE7;color:#ffffff;} .personal_center .information .change_phone input[type="submit"]{text-indent:0px;width:172px;height:40px;line-height:40px;background-color:#009fe6;border:none;font-size:14px;color:#ffffff;} /**************查询车票**************/ .personal_center .information .screen_warp {width:950px;height:110px;padding:20px;background-color:#f7f7f7;color:#999999;} .personal_center .information .screen_warp .sattime_pos{vertical-align: middle;position:relative;right:25px;} .personal_center .information .screen_warp .select_time{margin-top:20px;height:30px;line-height:30px;} .personal_center .information .screen_warp .departure_time{position: relative;} .personal_center .information .screen_warp .departure_time .sattime{height:30px;width:150px;border:1px solid #e6e6e6; padding:0 10px;} .personal_center .information .screen_warp .query_criteria{height:30px;line-height:30px;margin-top:10px;} .personal_center .information .screen_warp .query_criteria input{height:28px;line-height:28px;width:584px;padding:0 0 0 0; border:1px solid #e5e5e5; float: left; margin:0 10px; padding:0 10px;} .personal_center .information .screen_warp .query_criteria button{height:30px;line-height:30px;width:100px;border:none;background-color:#009fe6;color:#ffffff;margin-left:2px;} .personal_center .information .screen_warp .departure_time input{width: 140px;} .personal_center .information .screen_warp span{margin-right:12px;} .personal_center .information .screen_warp .query_criteria select{width: 90px;height:30px;line-height:30px; float: left; border:1px solid #e5e5e5;} .personal_center .information .screen_warp .select_time select{width: 90px;height:30px;line-height:30px; } /**************车票分页**************/ .personal_center .information .paging{height:60px;line-height:60px;} .personal_center .information .paging li{line-height:60px;float: right;width:100px;} .personal_center .information .paging li button{width:80px;border:none;background-color:#009fe7;height:30px;color:#ffffff;} /**************账户安全**************/ .personal_center .information .account_security {clear: both;} .personal_center .information .account_security li{height:80px;line-height:80px;border-bottom:1px solid #e6e6e6;margin-right:0px;} .personal_center .information .account_security li img{vertical-align: middle;margin-left:20px;margin-right:12px;} .personal_center .information .account_security li span:first-child{width:20%;float:left;} .personal_center .information .account_security li span:last-child{width:20%;height:80px;float:right;line-height:80px;} .personal_center .information .account_security button{width:75px;height:25px;line-height:25px;float:left;border:1px solid #ececec; position: relative; top:27px; background-color:#ffffff;color:#999999;} .personal_center .information .account_security a{float: right;color:#00AEE7;width:100px;} /**************修改密码**************/ .personal_center .information .change_password {height:250px;text-align:center;padding-top:52px;} .personal_center .information .change_password li{width:250px;margin-left:360px;height:30px;line-height:30px;margin-top:8px;} .personal_center .information .change_password li span{float:left;text-align:right;width:70px;height:30px;line-height:30px;display: block;} .personal_center .information .change_password input{width:170px;height:30px;line-height:30px;float:right;padding:0 0 0 0 ;border:1px solid #efefef; text-indent:12px;} .personal_center .information .change_password button{width:90px;height:30px;line-height:30px;position: relative;right:-450px;bottom:67px;border:none;background-color:#009EE7;color:#ffffff;} .personal_center .information .change_password input[type="submit"]{ text-indent:0px;width:172px;height:40px;line-height:40px;background-color:#009fe6;border:none;font-size:14px;color:#ffffff;} /**************个人资料**************/ .personal_center .information .basic_info{height:70px;line-height:70px;width:100%;background-color:#f7f7f7;clear: both;} .personal_center .information .basic_info li{float: left;width:25%;text-indent:24px;} .personal_center .information .basic_info li input{margin-left:12px;border:none;background-color:#f7f7f7;color:#666666;} .personal_center .information .basic_info li a{color:#00AEE7;float:right;padding-right:24px;} .personal_center .information .head_portrait{height:70px;line-height:70px;width:100%;background-color:#f7f7f7;margin-top:8px;} .personal_center .information .head_portrait span{width:60px; height:60px;margin-left:20px;border-radius:50%;} .personal_center .information .head_portrait img{width:60px; height:60px;margin-top:5px;border-radius: 50%;} .personal_center .information .head_portrait a{color:#00AEE7;float:right;padding-right:24px;} .personal_center .information .change_icon{height:362px;border:1px solid #00AEE7;margin-top:8px;} .personal_center .information .change_icon .header{height:30px;text-indent:57px;margin-top:20px;} .personal_center .information .change_icon .header button{border:none;background-color:#009fe6;color:#ffffff;font-size:14px;} .personal_center .information .change_icon .header button:first-child{width:90px;height:30px;margin-left:12px;margin-right:12px;} .personal_center .information .change_icon .header button:last-child{width:90px;height:30px;float:right;position:absolute;} .personal_center .information .change_icon .bottom {margin-top:8px;height:280px;} .personal_center .information .change_icon .bottom .first_icon{position: relative;bottom:-80px;} .personal_center .information .change_icon .bottom .second_icon{position: relative;bottom:-160px;} .personal_center .information .change_icon .bottom .third_icon{position: relative;bottom:-210px;} .personal_center .information .change_icon .bottom .fourth_icon{position: relative;bottom:-230px;} .personal_center .information .change_icon .bottom li{height:282px;float:left;margin-right:28px;text-align:center;} .personal_center .information .change_icon .bottom li:first-child{border:1px dotted #00AEE7;height:280px;line-height:280px;width:386px;margin-left:57px;background-color:#f7f7f7;} .personal_center .information .change_icon .bottom li:first-child img{vertical-align: middle;} /**************旅客管理**************/ .personal_center .information .passenger_manage{height:30px;line-height:30px;} .personal_center .information .passenger_manage input[type='checkbox'] {margin-left:20px;margin-right:16px;position:relative;bottom:4px;-webkit-appearance: none; appearance: none; width: 15px; height: 15px; border-radius: 10px; line-height: 13px; vertical-align: bottom; background: #fff; border: 1px solid #999; } .personal_center .information .passenger_manage input[type='checkbox']:checked:after { content: '\2714'; position: absolute; color: #008CD7; } .personal_center .information .passenger_manage span:last-child{float: right;} .personal_center .information .passenger_manage span:last-child button{width:60px;height:30px;line-height:30px;margin-left:8px;border:none;background-color:#f7f7f7;margin-top:0px;} .personal_center .information .passenger_manage span:last-child button:first-child{width:110px;color:#ffffff;background-color:#00AEE7;border:none;} .personal_center .information .passenger_manage span:last-child button:first-child img{width:18px;height:18px;position: relative;left:-10px;top:4px;} /**************旅客信息**************/ .personal_center .information .passenger_info {} .personal_center .information .passenger_info li{background-color:#f7f7f7;height: 30px;line-height: 30px; padding:5px 10px; margin:10px 0; overflow: hidden;} .personal_center .information .passenger_info li label{/*margin-right:50px;*/ float: left; display: block;} .personal_center .information .passenger_info li a{float:right;color:#009EE7;} .personal_center .information .passenger_info li button{border:1px solid #cccccc;background-color: #ffffff;width:70px;height:30px;position: relative;} .personal_center .information .passenger_info li input[type='checkbox'] {margin-right:16px;position:relative;top:3px;-webkit-appearance: none; appearance: none; width: 15px; height: 15px; border-radius: 10px; line-height: 13px; vertical-align: bottom; background: #fff; border: 1px solid #999; } .personal_center .information .passenger_info li input[type='checkbox']:checked:after { content: '\2714'; position: absolute; color: #008CD7; } /**************添加乘客**************/ .personal_center .information .add_passenger{height:150px;border:1px solid #52b0e9;margin-top:10px;} .personal_center .information .add_passenger input{height:28px;line-height:28px;width:168px;} .personal_center .information .add_passenger .card_change{width:65px;height:30px;} .personal_center .information .add_passenger .passenger_mold{height:28px;line-height:28px;width:168px;} .personal_center .information .add_passenger img{position: relative;right:25px;top:4px;} .personal_center .information .add_passenger li{padding-left:60px;margin-top:8px;clear: both;height:40px;line-height:40px;} .personal_center .information .add_passenger .info_input{display:-moz-inline-box;display:inline-block;width:60px;margin-right:20px;} .personal_center .information .add_passenger .margin_left{margin-left: 50px;} .personal_center .information .add_passenger li:first-child{height:50px;line-height:50px;margin-top:0px;padding-left:25px;color:#00AEE7;font-size:16px;} .personal_center .information .add_passenger li:first-child button{width:60px;height:30px;border:none;margin-right:8px;} .personal_center .information .add_passenger li:first-child button:first-child{color:#4d4d4d;} .personal_center .information .add_passenger li:first-child button:last-child{color:#ffffff;background-color:#009fe6;margin-right:18px;} /**************修改乘客**************/ .personal_center .information .edit_passenger{height:150px;border:1px solid #52b0e9;margin-top:10px;} .personal_center .information .edit_passenger input{height:28px;line-height:28px;width:168px;} .personal_center .information .edit_passenger .card_change{width:60px;height:30px;} .personal_center .information .edit_passenger img{position: relative;right:25px;top:4px;} .personal_center .information .edit_passenger .passenger_mold{height:28px;line-height:28px;width:168px;} .personal_center .information .edit_passenger li{padding-left:60px;margin-top:8px;clear: both;height:40px;line-height:40px;} .personal_center .information .edit_passenger .info_input{display:-moz-inline-box;display:inline-block;width:60px;margin-right:10px;} .personal_center .information .edit_passenger .margin_left{margin-left: 50px;} .personal_center .information .edit_passenger li:first-child{height:50px;line-height:50px;margin-top:0px;padding-left:25px;color:#00AEE7;font-size:16px;} .personal_center .information .edit_passenger li:first-child button{width:60px;height:30px;border:none;margin-right:8px;} .personal_center .information .edit_passenger li:first-child button:first-child{color:#4d4d4d;} .personal_center .information .edit_passenger li:first-child button:last-child{color:#ffffff;background-color:#009fe6;margin-right:18px;} /**************选择订单类型**************/ .personal_center .information .order_type{height:40px;width:100%;line-height:40px;margin-top:8px;} .personal_center .information .order_type a{height:38px;width:98px;line-height:38px;border:none;color:#666;display: block;} .personal_center .information .order_type .active{height:40px;width:100px;background-color:#ffffff;border:1px solid #e7e7e7;} .personal_center .information .order_type .active a{color:#009ee7;} .personal_center .information .order_type li{height:40px;width:100px;background-color:#f7f7f7;float:left;line-height:40px;text-align:center;margin-right:6px;} .personal_center .information .order_info{} .personal_center .information .order_info li{padding:0 20px 0 20px;border:1px solid #dfdfdf;margin-top:8px;} .personal_center .information .order_info .mold{font-size:16px;color:#666666; } .personal_center .information .order_info .ticket_stat{border-bottom: 1px dashed #dfdfdf; margin-left: 36px;} .personal_center .information .order_info .ticket_stat li{border:none;padding:0 0 0 0; font-size: 14px; color: #777} /*.personal_center .information .order_info .ticket_stat li:first-child {padding-left:0px;font-size:16px;font-weight: bold;}*/ .personal_center .information .order_info .ticket_stat li:first-child a{float:right;color:#666666;font-size:12px;font-weight:normal;} .personal_center .information .order_info .ticket_stat li:first-child span{color:#EB674B;margin-left:12px;} .personal_center .information .order_info .ticket_stat .price{float:right;font-size:20px;color:#EB674B;margin-right:200px;position: relative;bottom:8px;} .personal_center .information .order_info .ticket_stat li:first-child img{vertical-align: middle;margin-right:12px;} .personal_center .information .order_info .ticket_stat li:last-child{height:30px;line-height:30px;clear: both;padding-bottom:10px;} .personal_center .information .order_info .ticket_stat button{height:25px;border:none;background-color:#009EE7;color:#ffffff;margin-left:8px;} .personal_center .information .order_info .route_info{height:90px;line-height:90px;border-bottom: 1px dashed #dfdfdf; margin-left: 36px;color:#777;} .personal_center .information .order_info .route_info li{padding: 0 0 0 70px;margin-top:0px;height:25px;line-height: 40px;border:none;} .personal_center .information .order_info .route_info li:first-child{font-size:16px;} .personal_center .information .order_info .route_info .price{float:right;font-size:20px;color:#EB674B;} .personal_center .information .order_info .route_info li:first-child img{vertical-align: middle;margin-left:12px;margin-right: 12px;position: relative;bottom:2px;} .personal_center .information .order_info .ticket_insurance{height:50px;line-height:50px; margin-left: 36px;} .personal_center .information .order_info .ticket_insurance li{padding: 0 0 0 60px;margin-top:0px;height:50px;line-height: 50px;border:none;color:#009EE7;} .personal_center .information .order_info .ticket_insurance .price{float:right;font-size:20px;color:#EB674B;} /**************订单详情**************/ .personal_center .information .order_details{} .personal_center .information .order_details ul>li{padding:20px 20px 20px 20px;background-color:#f7f7f7;height:110px;margin-bottom:8px;} .personal_center .information .order_details .order_details_info li{padding:0 0 0 0;height:30px;margin-bottom:0px; color: #777} .personal_center .information .order_details .order_details_info li.cutTime{font-size:16px;color:#777;font-weight:bold;} .personal_center .information .order_details .order_details_info li.cutTime span{color:#EB674B;margin-left:12px;} .personal_center .information .order_details .order_details_info .order_details_route{height:40px;line-height:40px;} .personal_center .information .order_details .order_details_info .order_details_route span:first-child{font-size:16px;margin-left:135px;} .personal_center .information .order_details .order_details_info .order_details_route span:last-child{margin-left:130px;} .personal_center .information .order_details .order_details_info .order_details_route span:last-child i{color:#eb674b;font-size:16px;} .personal_center .information .order_details .order_details_info .order_details_time{margin-left:125px;} .personal_center .information .order_details .order_details_info li img {vertical-align: middle;position: relative;bottom:2px;margin-right:12px;margin-left:12px;} .personal_center .information .order_details .order_details_info li:last-child span{padding-left:12px;padding-right:12px;border-right:1px solid #b0b0b0;} .personal_center .information .order_details .order_details_info li:last-child span:first-child{padding-left:0px;} .personal_center .information .order_details .order_details_info li:last-child i{color:#00AEE7;} .personal_center .information .order_details .order_operation {width:160px;text-align:center;border-left:1px dotted #dedede;height:150px;position: relative;bottom:20px;} .personal_center .information .order_details .order_operation button{width:76px;height:26px;margin-top:10px;border:none;background-color:#009fe6;color:#ffffff;} .personal_center .information .order_details .order_operation p:first-child{margin-top:10px;} .personal_center .information .order_details_title{height:40px;line-height:40px;font-size:16px;color:#4d4d4d;} .personal_center .information .passenger_info_warp{} .personal_center .information .passenger_info_warp li{height:80px;background-color:#f7f7f7;margin-bottom:8px;} .personal_center .information .passenger_info_warp li p:first-child{height:30px;background-color:#009fe6;line-height:30px;width:100px;color:#ffffff;padding-left:10px;padding-right:10px;} .personal_center .information .passenger_info_warp li p:last-child{height:50px;line-height:50px;padding-left:10px;} .personal_center .information .passenger_info_warp li p:last-child span{margin-right:40px; color: #777} .personal_center .information .passenger_info_warp li p:last-child span i{color:#eb674b; font-size: 16px;} .personal_center .information .price_details{height:50px;line-height:50px;background-color:#f7f7f7;padding-left:10px; color: #777 } .personal_center .information .price_details i{color:#EB674B;} .personal_center .information .content_people {height:50px;line-height:50px;background-color:#f7f7f7;padding-left:10px;} .personal_center .information .content_people span{margin-right:180px; color: #777;} .personal_center .information .content_people i{color:#00AEE7;} /*****************************首页内容************************************/ /**************在线服务**************/ .onlineService{min-width:1200px;height:160px;border-bottom:1px solid #DFDFDF;} .onlineService li{height:160px;width:20%;float:left; overflow: hidden; text-align: center;} .onlineService li a{color: #000;} .onlineService li p{line-height: 30px; padding:0px; font-size: 16px;} /*.onlineService li p{position: absolute; font-size: 14px; top:30px;right: 70px;}*/ /*.onlineService li img {height:80px;line-height:80px;margin-left:50px;margin-right:12px;position: relative;top:35px;}*/ .onlineService li img {margin-top: 30px;} /**************历史纪录**************/ .searchHistory .historyOpen{width:100%;height:25px;} .searchHistory .historyOpen a{text-align:center;width:40px;height:20px;display:block;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;margin-left:580px;background-color:#e6e6e6;overflow:hidden;} .searchHistory .historyTitle{width:100%;height:40px;line-height:40px;} .searchHistory .historyTitle{width:100%;height:40px;line-height:40px;} .searchHistory .historyTitle span:first-child{font-size:16px;} .searchHistory .historyTitle a{font-size:12px;color:#5aa5f1;height:14px;line-height:14px; } .searchHistory .historyTitle a img{margin-left:8px;position: relative;bottom:-2.5px;} .searchHistory .historyContent{width:100%;} .searchHistory .historyContent li{height:60px;line-height:60px;background-color:#f7f7f7;font-size:12px;text-align:center;float:left;width:224px;margin-bottom:20px;} .searchHistory .historyContent li img{vertical-align: middle;margin-right:12px;} /**************班线列表**************/ .tickets{width:100%;clear: both;} .tickets .ticketsTitle{width:100%;height:48px;line-height:48px;border-bottom:1px solid #DFDFDF;margin-bottom:20px;} .tickets .ticketsTitle .active{border-bottom: 2px solid #009EE7;} .tickets .ticketsTitle li{float:left;height:47px;line-height:47px; font-size:16px;margin-right:50px;} .tickets .ticketsTitle li:last-child{float:right;width:72px;height:26px;margin-top:11px;border:1px solid #dedede;margin-right:0px;} .tickets .ticketsTitle li:last-child a{width:36px;float:left;display:block;height:26px;line-height:26px;text-align:center;} .tickets .ticketsTitle li:last-child a img{position: relative;top:2px;} .tickets .ticketsTitle li:last-child a:first-child{width:35px;border-right:1px solid #dedede;float:left;display:block;height:26px;line-height:26px;text-align:center;} .tickets .ticketsContent{width:100%;} /**************机场巴士**************/ .tickets .ticketsContent .shuttleBus{} .tickets .ticketsContent .shuttleBus li{width:222px; float:left;height:100px;margin-bottom:6px;border:1px solid #e0e0e0;} .tickets .ticketsContent .shuttleBus li div{height:68px;margin-top:16px;text-align:center;} .tickets .ticketsContent .shuttleBus li .routeTime{float:left;width:132px;border-right:1px dotted #e0e0e0;} .tickets .ticketsContent .shuttleBus li p{height:25px;line-height:25px;color:#4D4D4D;font-size:12px;margin-top:4px;} .tickets .ticketsContent .shuttleBus li p:first-child img{position: relative;top:4px;margin-left:4px;margin-right:4px;} .tickets .ticketsContent .shuttleBus li p:last-child{color:#999999;margin-top:0px;} .tickets .ticketsContent .shuttleBus li .price{height:68px;line-height:68px;} .tickets .ticketsContent .shuttleBus li .price span{color:#eb674b;font-size:28px;} /**************机票航班**************/ .tickets .ticketsContent .airTickets{} .tickets .ticketsContent .airTickets li{width:222px; float:left;height:100px;margin-bottom:6px;border:1px solid #e0e0e0;} .tickets .ticketsContent .airTickets li div{height:68px;margin-top:16px;} .tickets .ticketsContent .airTickets li .routeTime{float:left;width:116px;border-right:1px dotted #e0e0e0;padding-left:16px;} .tickets .ticketsContent .airTickets li p{height:18px;line-height:18px;font-size:12px;color:#999999;} .tickets .ticketsContent .airTickets li p:first-child{height:26px;line-height:26px;color:#4D4D4D;font-size:12px;} .tickets .ticketsContent .airTickets li p:first-child img{vertical-align:middle;margin-left:4px;margin-right:4px;} .tickets .ticketsContent .airTickets li p:last-child{color:#999999;margin-top:0px;} .tickets .ticketsContent .airTickets li .price{height:68px;line-height:68px;} .tickets .ticketsContent .airTickets li .price span{color:#eb674b;font-size:28px;} /*****************************班线列表************************************/ .bus_list_region{width:100%;width: 1200px;} .ticket_list .tickets_info{width:930px;min-width:930px;} .ticket_list .orderList_search { height:58px;width:880px;padding:20px 22px 20px 22px; background-color:#f7f7f7;} .ticket_list .orderList_search dl{} .ticket_list .orderList_search dl p{height:30px;line-height:30px;} .ticket_list .orderList_search dl img{position: relative;top:30px;margin-left:10px;margin-right:10px;} .ticket_list .orderList_search .time_image{position: relative;right:35px;bottom:28px;} .ticket_list .orderList_search .startList{position: absolute;background-color:#ffffff;border:1px solid #e7e7e7;width:174px;z-index:10;max-height:210px; overflow:auto;} .ticket_list .orderList_search .startList li{height:30px;line-height:30px;text-indent:12px;max-width:163px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .ticket_list .orderList_search .startList li a{height:30px;line-height:30px;color:#999;} .ticket_list .orderList_search .endList{position: absolute;background-color:#ffffff;border:1px solid #e7e7e7;width:174px;z-index:10;max-height:210px; overflow:auto;} .ticket_list .orderList_search .endList li{height:30px;line-height:30px;text-indent:12px;max-width:163px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .ticket_list .orderList_search .endList li a{height:30px;line-height:30px;color:#999;} .ticket_list .select_time {margin-left:12px;} .ticket_list .orderList_search input[type='text']{width: 170px;height:30px;line-height:30px;border:1px solid #e7e7e7;text-indent:12px;} .ticket_list .orderList_search .input_img{position: relative;right:35px;bottom:-20px;} .ticket_list .orderList_search input[type='datetime']{padding:0 10px;width: 170px;height:30px;line-height:30px; border:1px solid #e7e7e7;} .ticket_list .orderList_search input[type='button']{font-size:16px;width: 90px;height:30px;background-color:#009EE7; color: #ffffff;cursor: pointer; text-align: center;border:none;position: relative;top:32px;left:40px;} .ticket_list .tickets_time { padding-top:18px;} .ticket_list .tickets_time { padding-top:18px;} .ticket_list .tickets_time a{display:block;height:60px;line-height:60px;color:#999999;} .ticket_list .tickets_time a:hover{background-color:#52afea;color:#ffffff;} .ticket_list .tickets_time a:active{background-color:#ffffff;border-bottom:1px solid #ffffff;} .ticket_list .tickets_time span{color:#02aeeb;margin-left:12px;} .ticket_list .tickets_time .active{border-top:2px solid #52afea;border-bottom:0;} .ticket_list .tickets_time >ul>li{height:60px;text-align:center;width:120px;border-left:1px solid #dfdfdf;border-bottom:1px solid #a2cfee;border-top:1px solid #dfdfdf;} .ticket_list .tickets_time >ul>li img{width:38px;height:60px;} .ticket_list .tickets_time >ul>li:first-child{height:60px;width:38px;text-align:center;border-top:1px solid #dfdfdf;border-bottom:1px solid #a2cfee;border-left: none;} .ticket_list .tickets_time >ul>li:last-child{height:60px;text-align:center;width:38px;border-top:1px solid #dfdfdf;border-bottom:1px solid #a2cfee;} .ticket_list .tickets_time >ul>li p{height:25px;line-height:25px;} .ticket_list .tickets_message {padding-top:70px;} .ticket_list .tickets_message span{margin-left:12px;} .ticket_list .tickets_message img{vertical-align: middle;margin-left:12px;margin-right: 12px;} .ticket_list .tickets_message strong{margin-right:10px;} .ticket_list .departure_time{height:20px;line-height:20px;margin-top:10px;} .ticket_list .departure_time label{display:inline-block;height: 20px; line-height: 20px;width:20%;} .ticket_list .departure_time input[type='checkbox'] {-webkit-appearance: none; appearance: none; width: 15px; height: 15px; border-radius: 10px; line-height: 13px; vertical-align: bottom; background: #fff; border: 1px solid #999; } .ticket_list .departure_time input[type='checkbox']:checked:after { content: '\2714'; position: absolute; color: #008CD7; } .ticket_list .departure_time .no_limited {margin-left:20px;margin-right:25px;padding:1px 5px;padding-bottom:2.5px; font-weight: bold; color: #000;cursor: default;} .ticket_list .departure_time .no_limited.select{background-color:#52b0e6;color:#ffffff; font-weight: normal;} .ticket_list .departure_station{height:20px;line-height:20px;margin-top:10px;} .ticket_list .departure_station label{display:inline-block;width:20%;height: 20px; line-height: 20px;} .ticket_list .departure_station input[type='checkbox'] {-webkit-appearance: none; appearance: none; width: 15px; height: 15px; border-radius: 10px; line-height: 13px; vertical-align: bottom; background: #fff; border: 1px solid #999; } .ticket_list .departure_station input[type='checkbox']:checked:after { content: '\2714'; position: absolute; color: #008CD7;} .ticket_list .departure_station span {margin-left:20px;margin-right:25px;padding:1px 5px;padding-bottom:2.5px;background-color:#52b0e6;color:#ffffff;} .ticket_list .sort_order{} .ticket_list .sort_order button{float:right;margin-left:8px;height:30px;background-color:#ffffff;border:1px solid #f2f2f2;} .ticket_list .sort_order button img{vertical-align: middle;} .ticket_list .sort_order .active{color:#009fe6;} .ticket_list .tickets_messages{width:100%;} .ticket_list .tickets_messages li{border-top: 1px solid #e7e7e7;padding:20px 20px 0 32px;height:70px;} .ticket_list .tickets_messages li:first-child{margin-top:8px;} .ticket_list .tickets_messages li:last-child{border-bottom: 1px solid #dfdfdf;margin-bottom:20px;} .ticket_list .tickets_messages li img{float:left;position: relative;top:6px;margin-right: 8px;} .ticket_list .tickets_messages li span{float:left;width:210px;} .ticket_list .tickets_messages li p{font-size:16px;color:#666666;} .ticket_list .tickets_messages li p:last-child{margin-top:10px;} .ticket_list .tickets_messages li span:first-child{float:left;width:180px;font-size:20px;color:#009EE7;} .ticket_list .tickets_messages li button{width:60px;height:26px;font-size:14px;color:#ffffff;background-color:#ea684b;border:none;float:right;cursor: pointer;} .ticket_list .tickets_messages .price{color:#EB674B;font-size:20px;} .ticket_list .tickets_messages .buy_ticket{width:12%;} .ticket_list .tickets_messages .ticket_price{width:10%;} .ticket_list .tickets_messages .ticket_price dd{color:#fd5723;font-size:16px;} .ticket_list .tickets_messages .ticket_price dd i{font-size:10px;} .ticket_list .page_number {} .ticket_list .page_number .active{background-color:#52afea;color:#ffffff;} .ticket_list .page_number .activ a{color:#ffffff;} .ticket_list .page_number a{color:#6e6e6e;} .ticket_list .page_number a:link{color:#54aeea;} .ticket_list .page_number a:active{color:#ffffff;} .ticket_list .page_number a:visited{color:#ffffff;} .ticket_list .page_number li{float:right;width:100%;width:20px;height:20px;line-height:20px;text-align:center;margin-left:15px;border: 1px solid #54aeea;color:#54aeea;margin-bottom:20px;} .buy_ticket_help {width:260px;} .buy_ticket_help .qr_code{text-align:center;border:1px solid #e7e7e7;} .buy_ticket_help .qr_code img{padding-top:40px;} .buy_ticket_help .qr_code p{height:40px;line-height:40px;font-size:16px;} .buy_ticket_help .qr_code .followWchat{height:40px;line-height:40px;font-size:18px;border-bottom:2px dashed #efefef;color:#6abaed;width:50%;margin-left:25%;} .buy_ticket_help .ticket_instruction{border:1px solid #e7e7e7;margin-top:20px;} .buy_ticket_help .ticket_instruction .title{height:44px;line-height:44px;border-bottom:1px solid #e7e7e7;background-color:#eeeeee;color:#626262;font-size:15px;text-indent:15px;} .buy_ticket_help .ticket_instruction .subtitle{margin-top:20px;} .buy_ticket_help .ticket_instruction li{padding:2px 15px;} .buy_ticket_help .ticket_instruction li:last-child{padding-bottom:40px;} /*****************************订单填写************************************/ .fill_in_order_warp{width:1200px;min-width:1200px;} .fill_in_order_warp .order_warp{width:920px;} .fill_in_order_warp .order_warp .ticket_info{width:920px;height:80px;background-color:#f7f7f7;} .fill_in_order_warp .order_warp .ticket_info li{float:left;text-align:center;height:60px;margin-top:10px;} .fill_in_order_warp .order_warp .ticket_info li:first-child{width:118px;line-height:60px;border-right:2px dotted #ececec;} .fill_in_order_warp .order_warp .ticket_info li:last-child{width:120px;line-height:60px;} .fill_in_order_warp .order_warp .ticket_info li:last-child span{width:80px;line-height:24px;height:24px;margin-top:18px;background-color:#009fe6;display: block;float:right;color:#ffffff;} .fill_in_order_warp .order_warp .ticket_info .triangle{float:left;width:0px;height:0px;border-top:12px solid #f7f7f7;border-right:16px solid #009fe6;border-bottom:12px solid #f7f7f7;border-left:12px solid #f7f7f7;position: relative;right: -13px;top:18px;} .fill_in_order_warp .order_warp .ticket_info .models{width:188px;border-right:2px dotted #ececec;} .fill_in_order_warp .order_warp .ticket_info .models p{height:30px;line-height:30px;} .fill_in_order_warp .order_warp .ticket_info .route{width:338px;border-right:2px dotted #ececec;} .fill_in_order_warp .order_warp .ticket_info .route p{height:30px;line-height:30px;} .fill_in_order_warp .order_warp .ticket_info .price{width:148px;height:60px;line-height:60px;border-right:2px dotted #ececec;color:#EB674B;font-size:14px;} .fill_in_order_warp .order_warp .passenger_car_title{height:50px;line-height:50px;font-size:20px;color:#666666;} .fill_in_order_warp .order_warp .passenger_car_warp{width:920px;min-width:920px;} /**************常用旅客信息**************/ .fill_in_order_warp .order_warp .passenger_car_warp .passenger_car_info{background-color:#f7f7f7;padding:20px 20px 20px 20px;clear:both;} .fill_in_order_warp .order_warp .passenger_car_warp .passenger_car_info input[type='checkbox'] {position:relative;-webkit-appearance: none; appearance: none; width: 15px; height: 15px; border-radius: 10px;line-height: 13px; vertical-align: bottom; background: #fff; border: 1px solid #999; } .fill_in_order_warp .order_warp .passenger_car_warp .passenger_car_info input[type='checkbox']:checked:after { content: '\2714'; position: absolute; color: #008CD7; } .fill_in_order_warp .order_warp .passenger_car_warp .passenger_car_info .all_passenger_car{width:880px;height:auto;} .fill_in_order_warp .order_warp .passenger_car_warp .passenger_car_info .all_passenger_car .id_card{background-color:#009fe6;padding:5px 5px 5px 5px;color:#ffffff;margin:0 10px;} .fill_in_order_warp .order_warp .passenger_car_warp .passenger_car_info .all_passenger_car ul>li{height:22px;line-height:22px;margin-top:8px;background-color:#ffffff;float:left;margin-right:15px;padding:4px 4px 4px 4px;} /**************添加常用旅客**************/ .fill_in_order_warp .order_warp .passenger_car_warp .add_passenger_car{padding-left:45px;line-height:45px;border:1px solid #f6f6f6;clear:both;} .fill_in_order_warp .order_warp .passenger_car_warp .add_passenger_car ul>li{height:45px;line-height:45px;} .fill_in_order_warp .order_warp .passenger_car_warp .add_passenger_car span{width:60px;text-align:right;display: block;float:left;margin-right:12px;} .fill_in_order_warp .order_warp .passenger_car_warp .add_passenger_car input{height:30px;width:260px;line-height:30px;border:1px solid #dfdfdf; padding-left: 5px;} .fill_in_order_warp .order_warp .passenger_car_warp .add_passenger_car select{height:30px;width:100px;line-height:30px;} .fill_in_order_warp .order_warp .passenger_car_warp .add_passenger_car input[type='checkbox'] {position:relative;bottom:12px;-webkit-appearance: none; appearance: none; width: 15px; height: 15px; border-radius: 10px;line-height: 13px; vertical-align: bottom; background: #fff; border: 1px solid #999; } .fill_in_order_warp .order_warp .passenger_car_warp .add_passenger_car input[type='checkbox']:checked:after { content: '\2714'; position: absolute; color: #008CD7; } .fill_in_order_warp .order_warp .passenger_car_warp .add_passenger_car_button{width:918px;border:1px solid #f6f6f6;height:70px;text-align:center;line-height:70px;} .fill_in_order_warp .order_warp .passenger_car_warp .add_passenger_car_button button{width:170px;height:40px;border:none;background-color:#009fe7;color:#ffffff;font-size:16px;} .fill_in_order_warp .order_warp .contacts{height:120px;width:918px;border:1px solid #f6f6f6;} .fill_in_order_warp .order_warp .contacts li{height:60px;line-height:60px;padding-left:45px;} .fill_in_order_warp .order_warp .contacts span{width:60px;text-align:right;display: block;float:left;margin-right:12px;} .fill_in_order_warp .order_warp .contacts input{height:30px;width:260px;line-height:30px;border:1px solid #dfdfdf;text-indent:12px;} .fill_in_order_warp .order_warp .place_order{height:120px;width: 920px;min-width: 920px;} .fill_in_order_warp .order_warp .place_order li{height:52px;line-height:52px;} .fill_in_order_warp .order_warp .place_order li:first-child span{height:52px;line-height:52px;} .fill_in_order_warp .order_warp .place_order li:last-child{height:60px;line-height:60px;text-align: center;} .fill_in_order_warp .order_warp .place_order button{width:170px;height:40px;border:none;background-color:#EB674B;font-size:16px;color:#ffffff;} .fill_in_order_warp .order_warp .place_order a{color:#009fe6;margin-right:10px;margin-left:12px;} .fill_in_order_warp .order_warp .place_order input[type='checkbox'] {position:relative;bottom:14px;-webkit-appearance: none; appearance: none; width: 15px; height: 15px; border-radius: 10px;line-height: 13px; vertical-align: bottom; background: #fff; border: 1px solid #999; } .fill_in_order_warp .order_warp .place_order input[type='checkbox']:checked:after { content: '\2714'; position: absolute; color: #008CD7; } .fill_in_order_warp .price_warp{width:228px;border:1px solid #009fe6;height:220px;border-top:7px solid #009fe6;padding-left: 15px;padding-right: 15px;} .fill_in_order_warp .price_warp li{border-bottom:1px dotted #e7e7e7;color:#666666;} .fill_in_order_warp .price_warp .title{height:36px; line-height:36px;font-size:16px;} .fill_in_order_warp .price_warp .border_bottom_none{border-bottom:none;} .fill_in_order_warp .price_warp .total{height:36px; line-height:36px;text-align: right;border-bottom:none;color:#EB674B;font-size:16px;} .fill_in_order_warp .price_warp .order_details {line-height:36px;} .fill_in_order_warp .price_warp .order_details .total_price{float:right;text-align: right;} /*****************************确认订单************************************/ .confirm_order_warp{width:1200px;min-width:1200px;} .confirm_order_warp .order_warp{width:920px;} .confirm_order_warp .order_warp .ticket_info{width:920px;height:80px;background-color:#f7f7f7;} .confirm_order_warp .order_warp .ticket_info li{float:left;text-align:center;height:60px;margin-top:10px;} .confirm_order_warp .order_warp .ticket_info li:first-child{width:118px;line-height:60px;border-right:2px dotted #ececec;} .confirm_order_warp .order_warp .ticket_info li:last-child{width:120px;line-height:60px;} .confirm_order_warp .order_warp .ticket_info li:last-child span{width:80px;line-height:24px;height:24px;margin-top:18px;background-color:#009fe6;display: block;float:right;color:#ffffff;} .confirm_order_warp .order_warp .ticket_info .triangle{float:left;width:0px;height:0px;border-top:12px solid #f7f7f7;border-right:16px solid #009fe6;border-bottom:12px solid #f7f7f7;border-left:12px solid #f7f7f7;position: relative;right: -13px;top:18px;} .confirm_order_warp .order_warp .ticket_info .models{width:188px;border-right:2px dotted #ececec;} .confirm_order_warp .order_warp .ticket_info .models p{height:30px;line-height:30px;} .confirm_order_warp .order_warp .ticket_info .route{width:338px;border-right:2px dotted #ececec;} .confirm_order_warp .order_warp .ticket_info .route p{height:30px;line-height:30px;} .confirm_order_warp .order_warp .ticket_info .price{width:148px;height:60px;line-height:60px;border-right:2px dotted #ececec;color:#EB674B;font-size:14px;} .confirm_order_warp .order_warp .passenger_car_title{height:50px;line-height:50px;font-size:20px;color:#666666;} .confirm_order_warp .order_warp .order_details_warp{width:920px;min-width:920px;} .confirm_order_warp .order_warp .order_details_warp li{ margin-bottom:10px; } .confirm_order_warp .order_warp .order_details_warp .order_info{width:920px;min-width:920px;height:120px;background-color:#f7f7f7;} .confirm_order_warp .order_warp .order_details_warp .order_info .serial_number{width:60px;float:left;text-align: center;font-size:20px;color: #009EE7;height:100px;padding-top:20px;} .confirm_order_warp .order_warp .order_details_warp .order_info .detailed_info{height:100px;padding-top:20px;padding-right:20px;} .confirm_order_warp .order_warp .order_details_warp .order_info .detailed_info a{float:right;color:#019ee4;} .confirm_order_warp .order_warp .order_details_warp .order_info .detailed_info li span{width:200px;display: block;float:left;} .confirm_order_warp .order_warp .order_details_warp .order_info .detailed_info li{height:20px;line-height:20px;margin-left:60px;} .confirm_order_warp .order_warp .order_details_warp .order_info .detailed_info li:last-child{height:40px;line-height:40px;border-top:1px dotted #dfdfdf;} .confirm_order_warp .order_warp .order_details_warp .order_info .detailed_info li:last-child span{height:20px;line-height:20px;width:auto;border-right: 1px solid #dfdfdf;margin:10px 10px;padding-right:12px;} .confirm_order_warp .order_warp .order_details_warp .order_info .detailed_info li:last-child span:last-child{border-right:none;} .confirm_order_warp .order_warp .order_details_warp .order_info .detailed_info li:last-child span:first-child{margin-left:0px;} .confirm_order_warp .order_warp .contacts_info{width:840px;height:80px;padding-left:60px;padding-right:20px;background-color:#f7f7f7;} .confirm_order_warp .order_warp .contacts_info a{float:right;color:#009EE7;} .confirm_order_warp .order_warp .contacts_info li{height:40px;line-height:40px;} .confirm_order_warp .order_warp .contacts_info input{border:none;background-color:#f7f7f7;margin-left:10px;height:30px;line-height:30px; } /**************支付及价格**************/ .confirm_order_warp .order_warp .place_order{height:120px;width: 920px;min-width: 920px;} .confirm_order_warp .order_warp .place_order li{height:52px;line-height:52px;margin-top:30px;} .confirm_order_warp .order_warp .place_order li:first-child span{height:52px;line-height:52px;} .confirm_order_warp .order_warp .place_order li:last-child{height:60px;line-height:60px;text-align: center;} .confirm_order_warp .order_warp .place_order button{width:170px;height:40px;border:none;background-color:#EB674B;font-size:16px;color:#ffffff;} .confirm_order_warp .order_warp .place_order a{color:#009fe6;margin-right:10px;margin-left:12px;} .confirm_order_warp .order_warp .place_order input[type='checkbox'] {position:relative;bottom:14px;-webkit-appearance: none; appearance: none; width: 15px; height: 15px; border-radius: 10px;line-height: 13px; vertical-align: bottom; background: #fff; border: 1px solid #999; } .confirm_order_warp .order_warp .place_order input[type='checkbox']:checked:after { content: '\2714'; position: absolute; color: #008CD7; } .confirm_order_warp .price_warp{width:228px;border:1px solid #009fe6;height:180px;border-top:7px solid #009fe6;padding-left: 15px;padding-right: 15px;} .confirm_order_warp .price_warp li{border-bottom:1px dotted #e7e7e7;color:#666666;} .confirm_order_warp .price_warp .title{height:36px; line-height:36px;font-size:16px;} .confirm_order_warp .price_warp .border_bottom_none{border-bottom:none;} .confirm_order_warp .price_warp .total{height:36px; line-height:36px;text-align: right;border-bottom:none;color:#EB674B;font-size:16px;} .confirm_order_warp .price_warp .order_details {line-height:36px;} .confirm_order_warp .price_warp .order_details .total_price{float:right;text-align: right;} /*****************************订单支付************************************/ .order_pay_warp{width:1200px;min-width:1200px;} .order_pay_warp .pay_warp{width:920px;min-width: 920px;} /**************支付倒计时**************/ .order_pay_warp .pay_warp .pay_countdown{height:80px;width:918px;border:1px solid #7acbef;background-color:#f7f7f7;} .order_pay_warp .pay_warp .pay_countdown .countdown_info{} .order_pay_warp .pay_warp .pay_countdown .countdown_info li{height:30px;line-height:30px;color:#666666;padding-right:20px;} .order_pay_warp .pay_warp .pay_countdown .countdown_info li:first-child{margin-top:10px;} .order_pay_warp .pay_warp .pay_countdown .countdown_info li:first-child span:first-child{font-size:16px;margin-right:60px;} .order_pay_warp .pay_warp .pay_countdown .countdown_info li:first-child span:last-child{float:right;} .order_pay_warp .pay_warp .pay_countdown .countdown_info .residual_time{color:#eb674b;font-size:16px;} .order_pay_warp .pay_warp .pay_countdown .countdown_info a{float: right; color:#009EE7;} .order_pay_warp .pay_warp .pay_countdown .pay_img{width:52px;height:80px;float:left;text-align:center;} .order_pay_warp .pay_warp .pay_countdown .pay_img img{position: relative;top:14px;} /**************支付方式**************/ .order_pay_warp .pay_warp .title{height:50px;line-height:50px;font-size:20px;color:#666666;} .order_pay_warp .pay_warp .pay_method{height:46px;background-color:#ffffff;} .order_pay_warp .pay_warp .pay_method a{color:#666666;display: block;} .order_pay_warp .pay_warp .pay_method li{width:100px;height:40px;line-height:40px;text-align:center;float:left;background-color:#f7f7f7;margin-right:6px;font-size:16px;} .order_pay_warp .pay_warp .pay_method .active{position: relative;height:46px;background-color:#ffffff;border:1px solid #dfdfdf;border-bottom:none;} .order_pay_warp .pay_warp .pay_method .active a{height:47px;background-color: #ffffff;} .order_pay_warp .pay_warp .bank_card_pay {padding:20px 20px 0 20px;border:1px solid #dfdfdf;} .order_pay_warp .pay_warp .bank_card_pay .active{} .order_pay_warp .pay_warp .bank_card_pay .active img{border:1px solid #009EE7;} .order_pay_warp .pay_warp .bank_card_pay li{width:20%;float:left;text-align: center;margin-bottom:20px;} .order_pay_warp .pay_warp .bank_card_pay img{border:1px solid #dfdfdf;} .order_pay_warp .pay_warp .confirm_pay {height:200px;line-height:200px;text-align: center;} .order_pay_warp .pay_warp .confirm_pay button{width:170px;height:40px;line-height:40px;border:none;background-color:#ea684b;font-size:16px;color:#ffffff;} .order_pay_warp .pay_warp .confirm_pay .cantClick{background-color:#e7e7e7;} /**************支付及价格**************/ .order_pay_warp .price_warp{width:228px;border:1px solid #009fe6;height:220px;border-top:7px solid #009fe6;padding-left: 15px;padding-right: 15px;} .order_pay_warp .price_warp li{border-bottom:1px dotted #e7e7e7;color:#666666;} .order_pay_warp .price_warp .title{height:36px; line-height:36px;font-size:16px;} .order_pay_warp .price_warp .border_bottom_none{border-bottom:none;} .order_pay_warp .price_warp .total{height:36px; line-height:36px;text-align: right;border-bottom:none;color:#EB674B;font-size:16px;} .order_pay_warp .price_warp .order_details {line-height:36px;} .order_pay_warp .price_warp .order_details .total_price{float:right;text-align: right;} /*****************************支付成功************************************/ .pay_success_warp{width:1200px;min-width:1200px;} .pay_success_warp .success_info_warp{width:920px;min-width: 920px;} .pay_success_warp .success_info_warp .scuess_info{height:70px;line-height:70px;vertical-align: middle;} .pay_success_warp .success_info_warp .scuess_info img{position: relative;top:6px; margin-right:20px;} .pay_success_warp .success_info_warp .scuess_info span{font-size:28px;color:#4d4d4d;} .pay_success_warp .success_info_warp .ticket_info{padding: 20px 20px 20px 50px;background-color:#f7f7f7;} .pay_success_warp .success_info_warp .ticket_info li{height:28px;line-height:28px;} .pay_success_warp .success_info_warp .ticket_info li:first-child {height:30px;line-height:30px;margin-top:0px;} .pay_success_warp .success_info_warp .ticket_info li:first-child span{float:right;position: relative;bottom:3px;} .pay_success_warp .success_info_warp .ticket_info li:first-child i{color:#EB674B;font-size:20px;} .pay_success_warp .success_info_warp .ticket_info li:last-child span{color:#009EE7;font-size: 14px;} .pay_success_warp .qr_code_warp{width:270px;text-align: center;float: right;} .pay_success_warp .qr_code_warp p{font-size:16px;color:#666666;} /*****************************购票须知************************************/ .ticket_notice_warp{width:1200px;min-width:1200px;} .ticket_notice_warp .notice_title{font-size:20px; color:#4D4D4D;margin-top:50px;} .ticket_notice_warp .notice-wrap {line-height:30px;} .ticket_notice_warp .notice-wrap h5{margin-top:30px;font-size:16px;} .ticket_notice_warp .notice-wrap div:last-child{margin-bottom:30px;} /******************************整改******************************/ /******首页********/ .footer_inf .mobileTerminal .mobile{left:85px; top:-55px;} .footer_inf .publicNumber{position: absolute;left:85px; top:-55px;} /******关于********/ .about{margin:60px 0; /*overflow: auto; height: 430px;*/} .about_title h2{font-size: 24px; text-align: center; margin-bottom: 30px} .about_wrap{width: 580px;margin:0 auto; font-size: 16px;} .about_wrap ul li{line-height: 30px; position: relative;} .about_wrap p{text-indent: 28px; line-height: 30px;} .about_wrap .about_contact{position: absolute; top:0px; left:100px;} .about_wrap .about_contact img{width: 130px; margin-top: 10px;} .about_contact_wrap{height: 260px;} .about_wrap dl{margin:20px 0; font-size: 14px; color: #777} .about_wrap dd.indet{font-size: 14px; } .about_wrap dt{font-weight: bold; margin-bottom: 5px; font-size: 16px;color:#000} /********订单列表********/ .ticket_title{overflow: hidden;margin: 10px 0;} .ticket_title h3{font-size: 16px; color: #666; font-weight: bold; float: left; margin-left: 10px; line-height: 30px;} .ticket_title i{display: block; width: 30px; height: 30px; float: left; background-position: center;background-repeat: no-repeat;} .ticket_title i.ticket_icon_doller{background-image: url(../images/doller.png);} .ticket_title i.ticket_icon_cut{background-image: url(../images/cut.png);} .ticket_total_price{font-size: 14px;color: #666;} .ticket_total_price em{font-size: 18px; color: #EB674B} .order_info.select{background-color: #ECF3F7;} .order_info.select h3{color: #666; color: #009EE7} .order_info.select .ticket_title i.ticket_icon_doller{background-image: url(../images/doller-select.png);} .order_info.select .ticket_title i.ticket_icon_cut{background-image: url(../images/cut-select.png);} /********班线列表********/ .bankMount{position: fixed; width: 100%;height: 100%; background-color: rgba(0,0,0,.6); top:0px; left: 0px; display: none; z-index: 99;} .bankChange,.bankReturn,.bankBack{position: fixed; width: 280px; height: 120px; background: #fff; top:50%;left: 50%; margin-left:-150px; margin-top: -80px; display: none; z-index: 100;} .bankChange_wrap,.bankReturn_wrap,.bankBack_wrap{overflow: hidden;margin-top: 30px;padding:0 40px 20px 40px;} .bankChange p,.bankReturn p,.bankBack p{line-height: 30px; background-color: #009EE7; color: #fff; text-align: center; font-size: 14px;} .bankChange_wrap button,.bankReturn_wrap button,.bankBack_wrap button{width: 60px;height: 30px; line-height: 30px; background-color:#009EE7;color: #fff; border:0px;} /********快捷购票********/ .orderType{position: fixed; height: 220px; width: 420px; top:50%; left: 50%; margin-top: -110px; margin-left: -210px; background-color: #f8f8f8; padding:30px 40px; border-radius: 3px; display: none; z-index: 100;} .orderType_title{color: #333; text-align: center; font-size: 16px; margin-bottom: 30px; position: relative; } .orderType_title i{width: 30px;height: 30px; position: absolute;top:-20px; right: -35px; display: block; background:url(../images/1-44.png) no-repeat center; } .orderType .orderType_wrap{border:1px solid #ececec; background-color: #fff; text-align: center; padding:20px 50px; margin-bottom: 10px;} .orderType h3{color: #333;font-size: 14px; text-align: center;} .orderType h4{color: #989898; text-align: center;} .pay_list{display: none; width: 280px; padding:12px 15px; position: fixed;background-color: #fff;text-align: center;box-shadow:0 0 8px #999;z-index: 999; height: 121px;left: 50%; margin-left: -140px; margin-top: -60px; top:930px; } .pay_list li:first-child{border-top:0px;} .pay_list li{width: 100%;height: 60px; cursor: pointer;font-size: 20px;display: inline-block;line-height: 60px;text-align: center; border-top:1px solid #e6e6e6;} .pay_list li span{display: inline-block;text-align: center;width: 150px;vertical-align: middle;} .pay_list li.pay_list_wxmp i{display: inline-block;width: 50px;height: 40px;vertical-align: middle;background:url(../images/paid-wei.png) center no-repeat; background-size:contain;} .pay_list li.pay_list_ali i{display: inline-block;width: 50px;height: 40px;vertical-align: middle;background:url(../images/paid-zhi.png) center no-repeat; background-size:contain;} .pay_list_close{width: 30px; height: 30px;background: url(../images/hclose.png) center no-repeat; position: absolute;right: 0px; top:0px;cursor: pointer;} .wxmp_rc_code_wrap{width: 300px;height: 310px; position: fixed; top:50%; left: 50%; margin-top: -150px; margin-left: -150px; display: none; padding:20px; background-color: #fff; z-index: 100;} .wxmp_rc_code{width: 280px;height: 280px; margin:auto;} .wxmp_rc_code_wrap p{height: 30px; line-height: 30px; text-align: center; font-size: 16px; margin:10px 0;} .personal_fast .information{width: 100%; } .personal_fast .information .screen_warp{width: auto} .fast_login{position: fixed; top:50%; left: 50%; background-color: #F7F7F7; width: 450px;font-size: 14px; display: none; margin-left:-225px; margin-top: -125px; z-index: 999} .fast_login_title{background-color: #009ee7; color: #fff; text-align: center; height: 40px;line-height: 40px;font-size: 16px; position: relative;} .fast_login_title i{display: block; position: absolute;top:12px; right:8px;background:url(../images/hclose.png) no-repeat center; width: 15px;height: 15px;} .fast_login_wrap{padding:20px 20px 10px 20px;} .fast_login_paine{height: 60px; line-height: 50px;} .fast_login_wrap button{float: left; border:0px; background-color: #EB674B;color: #fff;height: 28px; margin:13px 0; width: 95px;} .fast_login_wrap input{ border:1px solid #DFDFDF; height: 30px; float: left; line-height: 30px;padding:0 10px;margin:10px; } .fast_login_wrap span{display: block; width: 80px; float: left; text-align: right;} .fast_login_wrap a{display: block; color: #fff; background-color: #009ee7;height: 30px; line-height: 195px;line-height: 30px;margin-left: 90px;text-align: center; width: 190px;} .fast_login_wrap button.fast_resSms,.forget_password .fast_resSms, .fast_login_wrap button.inv_resSms{background: #999; color: #fff; cursor:wait;display: none;} .about_wrap table{border-collapse:collapse; border:1px solid #666; width: 100%;} .about_wrap col{border-right: 1px solid #ccc;} .about_wrap .novd{border:none;} .about_wrap .novb{width: 20%;} .about_wrap thead{border-bottom: 1px solid #a5a5a5;} .about_wrap th,td{padding:0.1em 1em; vertical-align: middle;} .about_wrap tr{border-bottom: 1px solid #a5a5a5;} .about_wrap table p{text-indent:0px; line-height: normal;} /********电子发票********/ /**列表**/ .invoice_tab{border-bottom:1px solid #F2F2F2;} .invoice_tab ul{overflow: hidden; margin-bottom: -1px;} .invoice_tab li{float: left; margin-right: 5px; border-left:1px solid #F2F2F2; border-right:1px solid #F2F2F2;} .invoice_tab li a{float: left; display: block; width: 90px; height: 28px; overflow: hidden; border-top:1px solid #F2F2F2; background: #f2f2f2;color: #666;text-align: center;line-height: 28px;} .invoice_tab li.select a{background: #fff; border-bottom:1px solid #fff; color: #009EE7} .invoice_tb{padding:20px; border:1px solid #F2F2F2; border-top:0px; display: none;} .invoice_tb.select{display: block;} .invoice_search{overflow: hidden;} .invoice_search input{height: 25px; width: 120px; border:1px solid #e5e5e5; padding:2px 5px;line-height: 27px; margin:0 10px;} .invoice_search button{background: #009EE7; color: #fff; border:0px; height: 31px; text-align: center;border-radius: 2px; width: 80px;} .invoice_search span{color: #333; font-size: 14px; line-height: 30px;margin-left: 20px;} .invoice_search button.invoice_st{height: 31px; width: 95px; } .invoice_tbs{width: 1160px; margin-top:20px;} .invoice_tbs table{border:1px solid #F2F2F2; width: 100%; font-size:12px;} .invoice_tbs table thead{background: #F2F2F2; text-align: left;} .invoice_tbs table thead th, .invoice_tbs table tbody td{padding:7px 7px; } .invoice_tbs table tbody tr:hover{background: #F2F2F2} .invoice_tbs a{color: #009EE7;} .invoice_wrap input[type='checkbox']{ -webkit-appearance: none; vertical-align:middle; margin-top:0; background:#fff; border:#999 solid 1px; border-radius: 3px; min-height: 16px; min-width: 16px; position: relative; } .invoice_wrap input[type='checkbox']:checked{ background: #009EE7; } .invoice_wrap input[type='checkbox']::after{ content: ''; top: 3px; left: 3px; position: absolute; background: transparent; border: #fff solid 2px; border-top: none; border-right: none; height: 4px; width: 7px; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /**弹窗**/ .takeInvoice{background: #fff; margin-top: -290px;} .takeInvoice_wrap{padding-left: 50px; padding-bottom: 30px;} .takeInvoice_wrap .takeInvoice_wrapd{margin:0 0 15px 0;color: #666} .takeInvoice_wrap input{padding:0px; margin:10px 0 0 0; float: none; width:325px; padding:0 10px;} .takeInvoice_wrap a{width: 347px; margin-left: 0px; margin-top: 40px; height: 40px; line-height: 40px;} .invoiceTake_tab{padding-top: 10px; background:#F7F7F7; padding-left: 10px;} /**分页**/ .pagination{display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;} .pagination>li {display: inline;} .pagination>li:first-child>a, .pagination>li:first-child>span {margin-left: 0;border-bottom-left-radius: 4px;border-top-left-radius: 4px;} .pagination>li>a, .pagination>li>span {position: relative;float: left;padding: 6px 12px;line-height: 1.42857143;text-decoration: none;color: #428bca;background-color: #fff;border: 1px solid #F2F2F2;margin-left: -1px;} .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {z-index: 2;color: #fff;background-color: #009EE7;border-color: #009EE7;cursor: default;} /**发票详情**/ .invoice_order{margin-bottom: 30px; position: relative;} .invoice_order h2, .invoice_order h3{font-size: 16px;} .invoice_order span{color: #666} .invoice_order em{color: #ED3B43} .invoice_ordert{padding:20px 30px;border: 1px solid #F2F2F2; margin-top: 20px;} .invoice_order table{width: 100%;} .invoice_order table td{padding:5px;} .invoice_order a{color: #009EE7;} .invoice_orderb{border: 1px solid #F2F2F2; margin-top: 20px;} .invoice_stamp{display: block; width: 140px; height: 115px; background-repeat:no-repeat; background-position: center; position: absolute; top:0px; right: 20px; } .invoice_dis{background-image: url(../images/invoice_dis.png);} .invoice_blue{background-image: url(../images/invoice_blue.png);} .invoice_red{background-image: url(../images/invoice_red.png);} .invoice_orderts{padding:0px;} .invoice_ordersa{background:#F7F7F7; border-bottom:1px solid #F2F2F2; padding:20px 0; overflow: hidden;} .invoice_orderst{padding:0 20px;} .invoice_ordersk{margin: 20px 0; overflow: hidden;} .invoice_ordersf, .invoice_ordersg{width: 40%;float: left; padding-left: 10px; box-sizing:border-box; } .invoice_ordersf h2, .invoice_ordersg h2, .invoice_ordersg h3{width: 100%; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;} .invoice_ordersf h3{margin-top: 17px;} .invoice_ordersg{ padding-right: 10px; text-align: right; padding-left: 0px;} .invoice_orderse{width: 120px; float: left; min-height: 1px;} .invoice_orderq{border-bottom: 1px dashed #F2F2F2; padding:10px 20px;} .invoice_orderbus{background: url(../images/stationLink.png) no-repeat center; text-align: center; color: #009EE7; height: 21px;margin-top: 20px;}