﻿/*--------------------------------------------------------------------机票搜索页--------------------------------------------------------------------*/
.flightSearch .hd{background-color: #fff;line-height: 4rem;text-align: center;font-size: 1.2rem;z-index: 999;top: 4.5rem!important;}
.flightSearch .hd ul{display: -moz-box;display: -webkit-box;display: box;display: -o-box;width: 100%;box-sizing: border-box;}
.flightSearch .hd li{-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;-o-box-flex: 1;border-bottom: 1px solid #ddd;}
.flightSearch .hd li.on{border-bottom: 2px solid #2ebd59;}
.flightBtn{font-size: 1.6rem;height: 3.5rem;line-height: 3.5rem;background: #ff8400;width: 90%;margin-left: 5%;border-radius: 1rem;margin-bottom: 5rem;cursor: pointer;display: block;position: relative;color: #fff;margin-top: 2rem;}
#key{width: 18rem;max-width: 23rem;position: absolute;right: 3rem;top: 50%;height: 2rem;margin-top: -1rem;text-align: right;font-size: 1.2rem;}
.flightForm{}
.flightForm li{height: 4rem;line-height: 4rem;padding: 0 1rem 0 0;font-size: 1.2rem;border-bottom: 1px solid #dcdcdc;padding-left: 3.5rem;position: relative;color: #3F3F3F;background-color: #fff;}
.flightForm li label{color: #666;}
/*.flightForm li:last-child{border-bottom: 0;margin-top: 1rem;border-top: 1px solid #dcdcdc;}*/
.flightForm li .ico{position: absolute;left: 1rem;top: 50%;width: 2rem;height: 2rem;background-size: cover;margin-top: -1rem;}
.flightForm li .ico.type{background-image: url(../images/ico/c_type.png);}
.flightForm li .ico.city{background-image: url(../images/ico/h_city.png);}
.flightForm li .ico.in{background-image: url(../images/ico/date.png);}
.flightForm li .ico.out{background-image: url(../images/ico/date.png);}
.flightForm li .ico.key{background-image: url(../images/ico/h_key.png);}
/*.flightForm li:after {content: '';display: inline-block;width: .5rem;height: .5rem;border-right: 1px solid #666;border-bottom: 1px solid #666;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin-left: 0.1rem;position: absolute;right: 1rem;top: 50%;margin-top: -.25rem;}*/
.flightForm li >span{width: 20rem;max-width: 23rem;position: absolute;right: 1rem;top: 50%;height: 2rem;margin-top: -1rem;text-align: right;font-size: 1.2rem;line-height: 2rem;color: #000;}
.flightForm li >span em{padding-left:1rem;}
.flightForm .flightSwitch{height: auto; padding: 1rem;}
.flightForm .flightSwitch dl{position: relative;height: 8rem;}
.flightForm .flightSwitch dt{position: absolute;width: 30%;height: 8rem;left: 0;right: 0;margin: 0 auto;}
.flightForm .flightSwitch dt>div{background: url(../images/ico/change.png) no-repeat 0 0/cover;margin: 4rem auto 0;width: 3rem;height: 3rem;}
.flightForm .flightSwitch dd{width: 35%;/* border-bottom: 1px solid #dfdfdf; */}
.flightForm .flightSwitch dd.toCity{float: left;}
.flightForm .flightSwitch dd.toCity p{background: url(../images/ico/toCity.png) no-repeat 0rem 1.25rem/1.5rem;padding-left: 2rem;}
.flightForm .flightSwitch dd.returnCity{float: right;text-align: right;}
.flightForm .flightSwitch dd.returnCity p{background: url(../images/ico/returnCity.png) no-repeat 0 1.25rem/1.5rem;padding-left: 2rem;width: 4rem;float: right;}
.flightForm .flightSwitch dd p{font-size: 1rem;color: #666;}
.flightForm .flightSwitch dd div{font-size: 1.6rem;color: #000;clear: both;}

.dorpBox{width: 100%; height: 0; background: #fff; position: fixed; bottom: 0; left: 0; z-index: -1; overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0px,100%,0px); -moz-transform: translate3d(0px,100%,0px); transform: translate3d(0px,100%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); transition: all 0.3s cubic-bezier(0.55,0.055,0.675,0.19);}
.dorpBox.show{-webkit-transform: translate3d(0px,0%,0px); -moz-transform: translate3d(0px,0%,0px); transform: translate3d(0px,0%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -o-transition: -o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); transition: transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); display: block; z-index: 999; height: 100%;}
.dorpBox .hd{border-bottom: 1px solid #ccc;text-align: center;font-size: 1.4rem;color: #000;height: 4.5rem;line-height: 4.5rem;position: relative;}
.dorpBox .hd a.back{display: inline-block;width: 1.5rem;height: 1.5rem;border-right: 1px solid #666;border-bottom: 1px solid #666;-webkit-transform: rotate(135deg)translateY(-0.8rem);transform: rotate(135deg)translateY(-0.8rem);margin-left: 0.1rem;position: absolute;top:50%;left: 1rem;margin-top: -1.5rem;}
.dorpBox .showList{padding: 1rem 0;font-size: 1rem;line-height: 2rem;color: #666;}
.dorpBox .showList p{/* text-align:center; */height: 3rem;line-height: 3rem;margin:0;font-size: 1rem;border-bottom: 1px solid #ccc;padding: 0 2rem;}
.dorpBox .showList p font{color:#000;width:25px;text-align:right;padding-right:30px;}
.dorpBox .showList p.cur{border: 1px solid #2EBD59;color: #2EBD59;border-width:1px 0;}
.dorpBox .close{background: url(../images/ico/close.png) 0 0/cover;width: 5rem;height: 5rem;/* position: fixed; *//* bottom: 1rem; *//* left: 14rem; */margin: 0 auto;}
.dorpBox .search{padding: 1rem;background: #e4e4e4;position: relative;}
.dorpBox .search .sInput{width: 100%;padding: .8rem .8rem .8rem 3rem;border-radius: .5rem;box-sizing: border-box;}
/*日期选择*/
.calendarPop header{position: initial;}
.calendarPop {background: #FFF;display: none;position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 99999999;overflow: scroll;}
.calendar{text-align: center;background-color: #f1f1f1;}
.calendar table{background: #FFF;/* border: 1px solid #DADADA; */border-width: 1px 0 0 1px;width: 100%;margin-bottom: 1rem;}
.calendar th,.calendar td{height: 3.6rem;padding:0px;width:14%;font-size: 1rem;}
.calendar th.weekEnd{color: #2ebd59;}
.calendar .week{line-height: 30px;/* border-bottom: 1px solid #000; */}
.calendar .dates{font-style:normal;font-size: 1.2rem;}
.calendar .dates em{ font-style:normal;}
.calendar td .days{ position: relative;}
.calendar td .days span{ line-height:28px;}
.calendar th{height: 3rem;}
.calendar .month th{background: #FFF;text-align: left;line-height: 40px;height: 40px;position: relative;}
.calendar .month div{padding: 0 10px;text-align: center;color: #000;}
.calendar .month div.prevMonth{position: absolute; left: 0;}
.calendar .month div.nextMonth{position: absolute; right: 0; top: 0;}
.calendar .month span{font-size: 20px;float: right;/* padding-left: 30px; */}
.calendar .month span.none{color: #BBB;}
.calendar .today{background: #F3F3F3;color: #F94B42;}
.calendar .pastday{color: #BBB;}
.calendar td.cur{ background:#ffffd7;}
.calendar div.clearfix{}
.calendar div.clearfix span{border: 1px solid #2EBD59;border-radius: 100%;height: 22px;width: 22px;display: inline-block;line-height: 22px;margin-top: 7px;}
.calendar div.clearfix span i{display: inline-block;width: 10px;height: 10px;border-right: 1px solid #2EBD59;border-bottom: 1px solid #2EBD59;-webkit-transform: rotate(135deg)translateY(-1px);transform: rotate(135deg)translateY(-1px);}
.calendar div.clearfix span.back{text-align: center;}
.calendar div.clearfix span.back i{position: relative;left: 1px;top: -3px;}
.calendar div.clearfix span.go{text-align: center;}
.calendar div.clearfix span.go i{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);position: relative;left: -2px;top: -2px;}
.calendar td .days .money{color: #f60;}

/*------------------------------------------------------------------------------机票列表页------------------------------------------------------------------------------*/
.list_loading {height: 25px;padding: 10px 0 10px;text-align: center;}
.list_loading i {height: 16px; width: 16px; display: inline-block; background: url('../images/icon/icons.png') no-repeat -288px -16px; background-size: 500px 500px; margin-right: 10px; vertical-align: middle; -webkit-animation: loading 1s infinite linear; -ms-animation: loading 1s infinite linear; -o-animation: loading 1s infinite linear; -moz-animation: loading 1s infinite linear; animation: loading 1s infinite linear;}
.list_loading span {height: 16px; display: inline-block; line-height: 16px; vertical-align: middle; color: #A0A0A0;font-size: 14px;}
@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}}
.weeks{width: 100%;border-bottom: 1px solid #ddd;position: relative;z-index: 1;}
.weeks .weekList{display: inline-block;height: 5rem;float: left;overflow: hidden;position: relative;margin:0;width: 100%;}
.weeks .weekList ul{margin:0;}
.weeks .weekList li{display: block;float: left;height: 5rem;width: 33%;margin:0;}
.weeks .weekList li .dates{cursor: pointer;color: #777;text-align: center;border-right: 1px solid #dcdcdc;}
.weeks .weekList li:last-child .dates{border-right: 0;}
.weeks .weekList li.cur{color: #F60;width: 34%;}
.weeks .weekList li.cur p{}
.weeks .weekList li.cur p.price{color: #f60;}
.weeks .weekList li.cur p.date{background: url(../images/ico/date.png) no-repeat 1.3rem .7rem/1.4rem;padding-left: 1rem;}
.weeks .weekList li p{line-height: 3rem;margin-bottom:0;font-size: 1.2rem;color:#666;height: 2.5rem;}
.weeks .weekList li .price{padding-top: 0;line-height: 2rem;}
.weeks .weekList li .price em{font:400 1.4rem/1 Arial; font-style:normal;}
.weeks .weekList .btn{cursor: pointer;height: 5rem;position: absolute;top: 0;width: 2.3rem;text-align:center;line-height: 5rem;}
.weeks .weekList .btn i{color:#999;font-size:20px;}
.weeks .weekList .btn a{display: block;height: 5rem;width: 2rem;}
.weeks .weekList .prev{left: 0;}
.weeks .weekList .next{right: 0;}
.weeks .weekList .prev a i{display: inline-block;width: .5rem;height: .5rem;border-right: 1px solid #666;border-bottom: 1px solid #666;-webkit-transform: rotate(135deg);transform: rotate(135deg);margin-left: 0.1rem;position: absolute;right: 1rem;top: 50%;margin-top: -.25rem;}
.weeks .weekList .next a i{display: inline-block;width: .5rem; height: .5rem; border-right: 1px solid #666; border-bottom: 1px solid #666; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 0.1rem; position: absolute; right: 1rem; top: 50%; margin-top: -.25rem;}
.list{}
.list ul{background-color: #fff;}
.list li{}
.list .infoTop{width: 100%; height: 6.5rem; border-bottom: 1px solid #EBEBEB; position: relative;}
.list .info_left{width: 65%;float: left;padding: 1rem 0 0 1rem;box-sizing: border-box;}
.list .info_left .time_place{position: relative;line-height: 1.8rem;}
.list .info_left .time_place>div{width: 50%;float: left;}
.list .info_left .time_place .leave{background: url(../images/ico/leave.png) no-repeat 0 0/cover;width: 3rem;height: 3rem;position: absolute;left: 50%;margin-left: -1.5rem;}
.list .info_left .to{text-align: right;}
.list .info_left .from{}
.list .info_left span{display: block;font-size: 1rem;}
.list .info_left span.time{font-size: 1.4rem;font-weight: 600;}
.list .info_right{width: 35%;float: left;text-align: right;box-sizing: border-box;padding: 1rem 1rem 0 0;}
.list .info_right span{display: block;}
.list .info_right .price{color: #f60;font-size: 1.4rem;}
.list .info_right .price em{font-size: 1rem;}
.list .info_right .grade{color: #666;font-size: 1.2rem;}
.list .some{position: absolute;bottom: .5rem;left: 1rem;height: 1.5rem;border: 0;line-height: 1.8rem;z-index: 99999;color: #666;font-size: 1rem;}
.list .more{position: absolute;bottom: 0;right: 0;width: 3rem;height: 1.5rem;border: 0;cursor: pointer;background: #EBEBEB;line-height: 1.8rem;text-align: center;z-index: 99999;}
.list .more i{display: inline-block; width: .5rem; height: .5rem; border-right: 1px solid #666; border-bottom: 1px solid #666; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: 0.1rem; position: absolute; right: 1rem; top: 50%; margin-top: -.25rem;}
.list .moreMod{border-bottom: 1px solid #EBEBEB;}
.list .moreMod p{margin: 0;height: 3rem;line-height: 3rem;border-top: 1px solid #E8EBEF;padding: 0 1rem;font-size: 1.2rem;color: #787878;position: relative;}
.list .moreMod p i{display: inline-block; width: .5rem; height: .5rem; border-right: 1px solid #666; border-bottom: 1px solid #666; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 0.1rem; position: absolute; right: 1rem; top: 50%; margin-top: -.25rem;}
.list .moreMod p>span{font-size: 1.3rem; color: #ff7800; padding-right: 1rem;float: right;}
.list .moreMod p>span dfn{font-style: normal;font-size: 1rem;}

/*-----------------------------------------------------机票预订页-----------------------------------------------------*/
.showCon h4.title{font-size: 1.4rem;padding: 1rem;padding-bottom: 0;}
.showCon section {background: #FFF;border: 1px solid #E5E5E5;border-bottom: 0;padding: 0 1rem;position: relative;height: 3.5rem;line-height: 3.5rem;}
.showCon section i{display: inline-block; width: .5rem; height: .5rem; border-right: 1px solid #666; border-bottom: 1px solid #666; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-left: 0.1rem; position: absolute; right: 1rem; top: 50%; margin-top: -.25rem;}
.editInfo{margin-top: 1rem;margin-bottom: 1rem;}
.editInfo .contant{font-size: 1.2rem;height: 3.5rem;line-height: 3.5rem;background-color: #fff;padding: 0 1rem;border:1px solid #e1dfdf;border-width: 1px 0;}
.editInfo li{padding: 0 1rem;}
.flightLists{margin-bottom: 1rem;background-color: #fff;}
.flightLists .flightInfo-head{height: 2rem;margin-bottom: .5rem;line-height: 2rem;text-align: left;font-size: 1.2rem;padding: 0 1rem;border-bottom: 1px solid #f1f1f1;}
.flightLists .flightInfo-head p{color: #666;}
.flightLists .flightWrapper{position: relative;}
.flightLists .flightWrapper .left{width: 31%;font-size: 1.8rem;line-height: 2rem;/* font-weight: bold; */float: left;text-align: right;}
.flightLists .flightWrapper .right{width: 31%;font-size: 1.8rem;line-height: 2rem;/* font-weight: bold; */float: right;text-align: left;}
.flightLists .flightWrapper .left p:nth-child(2),.flightLists .flightWrapper .right p:nth-child(2){font-size: 1rem; font-weight: normal;}
.flightLists .flightWrapper p.time{font-size: 1.2rem;font-weight: bold;line-height: 2rem;}
.flightLists .flightWrapper .center{}
.flightLists .center {position: absolute;width: 30%;left: 35%;text-align: center;line-height: 1.5rem;top: .7rem;}
.flightLists .center_icon span {height: 1px; width: 34%; display: inline-block; background: #e9ecf1; position: relative; top: 7px;}
.flightLists .center_icon span:first-child {float: left;}
.flightLists .center_icon span:last-child {float: right;}
.flightLists .center_icon .icon{background: url(../images/ico/returnCity.png) no-repeat 0 0/cover;display: inline-block;width: 1.2rem;height: 1.2rem;}
.flightLists .flightPrice{padding:1rem;border-top: 1px solid #f1f1f1;}
.flightLists .flightPrice p{font-size: 1.2rem;color: #666;}
.flightLists .flightPrice p em{color: #f60;}
.flightNumber{/* padding: 0 1rem; */background-color: #fff;border:1px solid #e1dfdf;border-width: 1px 0;}
.flightNumber .title{font-size: 1.2rem;line-height: 3.5rem;height: 3.5rem;border-bottom: 1px solid #f1f1f1;padding: 0 1rem;background: url(../images/ico/member.png) no-repeat 1rem .9rem/1.5rem;padding-left: 3rem;}
.flightNumber .title .fr{color: #2ebd59;}
.flightNumber .title .fr em{font-weight: bold;}
.flightNumber ul{padding: 0 1rem;}
.flightNumber li{padding-left: 2rem;position: relative;}
.flightNumber li>div{height: 3.5rem;line-height: 3.5rem;font-size: 1.2rem;border-bottom: 1px solid #f1f1f1;}
.flightNumber li>div.type select{float: right;height: 3rem;}
.flightNumber li>div label{padding-right: 2rem;width: 5rem;display: inline-block;/* text-align: right; */position: relative;}
.flightNumber li>div.certificate label{/* color: #FF0000; */}
.flightNumber li>div.certificate label:after {content: '';position: absolute;width: 8px;height: 8px;top: 50%;margin-top: -7px;margin-left: 5px;margin-right: 5px;border-bottom: 2px solid #2EBD59;border-right: 2px solid #2EBD59;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);font: 400 14px/1.5 "Microsoft YaHei",hei,Arial,"Lucida Grande",Verdana;line-height: 44px;}
.flightNumber li .num{background: url(../images/ico/f_num.png) no-repeat 0 0/cover;width: 1.5rem;height: 1.5rem;position: absolute;left: 0;top: 50%;margin-top: -.75rem;}
.flightNumber li .del{background: url(../images/ico/del.png) no-repeat 0 0/cover;width: 1.5rem;height: 1.5rem;position: absolute;left: 0;top: 50%;margin-top: -.75rem;}
.invoice{margin-top: 1rem;margin-bottom: 1rem;}
.invoice .title{font-size: 1.2rem;height: 3.5rem;line-height: 3.5rem;background-color: #fff;padding: 0 1rem;border:1px solid #e1dfdf;border-width: 1px 0;position: relative;}
.invoice .con li{padding: 0 1rem;}
.invoice .con li > input[type="text"]{background-color: #FFF;border: 1px solid #CACACA;color: #555;display: block;font-size: 1.2rem;height: 3.5rem;line-height: 3.5rem;padding: 0 .5rem;width: 100%;box-sizing: border-box;margin-top: 1rem;}

.orderForm li > input[type="text"],.orderForm li > input[type="password"]{background-color: #FFF;border: 1px solid #CACACA;color: #555;display: block;font-size: 1.2rem;height: 3.5rem;line-height: 3.5rem;padding: 0 .5rem;width: 100%;box-sizing: border-box;margin-top: 1rem;}
.orderForm li > input[type="text"].error,.orderForm li > input[type="password"].error{border:1px solid #ff0000;}
.orderForm li.Proof > input[type="text"]{width:50%;float: left;}
#imgid{float: left; line-height: 3.5rem; margin-top: 1rem; color: #c10; margin-left: 1rem;}

/*预定页页脚*/
footer.order{background-color: #fff; bottom: 0; font-size: 1rem; height: 4rem; margin: 0 auto; max-width: 640px; position: fixed; width: 100%; z-index: 99;}
footer.order input[type="submit"]{height: 4rem; float: right; width: 10rem; background-color: #ff7d13; color: #fff; font-size: 1.4rem;}
footer.order span{line-height: 4rem;}
footer.order .total{color: #f60; font-size: 1.4rem; padding-left: 1rem;}
footer.order .price{color: #f60;}
footer.order .price em{font-size: 1.5rem;}
/*其他事项*/
.other_things{margin-bottom: 1rem;border-top: 1px solid #e1dfdf;}
.other_things li{position: relative;height: 3.5rem;line-height: 3.5rem;background-color: #fff;border-bottom: 1px solid #e1dfdf;padding: 0 1rem;font-size: 1.2rem;}
.other_things li a{display: block;width: 100%;height: 3.5rem;}
.other_things span{}
.other_things span.fl{}
.other_things span.fr{color: #999;font-size: 1rem;padding-right: 1.5rem;}
.other_things span.add{background: url(../images/ico/add.png) no-repeat 0 1rem/1.5rem;padding-left: 1.5rem;width: 17rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.other_things span.tel{background: url(../images/ico/phone.png) no-repeat 0 1rem/1.5rem;padding-left: 1.6rem;width: 17rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.other_things span.date{background: url(../images/ico/date.png) no-repeat 0 1rem/1.4rem;padding-left: 1.5rem;width: 17rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.other_things li > a:after{content: '';display: inline-block;width: .5rem;height: .5rem;border-right: 1px solid #666;border-bottom: 1px solid #666;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);margin-left: 0.1rem;position: absolute;right: 1rem;top: 50%;margin-top: -.25rem;}
.other_things .other_show{width: 100%; height: 0; background: #fff; position: fixed; bottom: 0; left: 0; z-index: -1; overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(0px,100%,0px); -moz-transform: translate3d(0px,100%,0px); transform: translate3d(0px,100%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); -o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19); transition: all 0.3s cubic-bezier(0.55,0.055,0.675,0.19);}
.other_things .other_show.show{-webkit-transform: translate3d(0px,0%,0px); -moz-transform: translate3d(0px,0%,0px); transform: translate3d(0px,0%,0px); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); -o-transition: -o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); transition: transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000); display: block; z-index: 999; height: 100%;}
.other_things .other_show .hd{border-bottom: 1px solid #ccc;text-align: center;font-size: 1.4rem;color: #000;}
.other_things .other_show .bd{padding: 1rem; font-size: 1rem; line-height: 2rem; color: #666;}
.other_things .other_show .bd h3{color: #000; font-size: 1.2rem;}
.other_things .other_show .close{background: url(../images/ico/close.png) 0 0/cover;width: 5rem;height: 5rem;bottom: 1rem;margin: 0 auto;}