﻿body{background-color: #f0f0f0;}
#main {margin: 0;overflow: hidden;padding-bottom:50px;background: linear-gradient(#37c9d6, #f0f0f0 50%);-webkit-background: linear-gradient(#37c9d6, #f0f0f0 50%);}
button, input, select, textarea{font-size: 1.4rem;}
input[type="text"].error{background: url(../images/icon/nofound2.png) no-repeat right 50%/16px;}
/**预定详情**/
.a_a{color:#37c9d6 !important;}
.o_title{padding: 10px 15px;line-height: 20px;background-color: #fff;margin: 10px;border-radius: 5px;color:#37c9d6;}
.o_title dt{font-size: 1.6rem}
.o_title dd{color: #999;font-size: 1.2rem;}
.o_title dd:nth-last-child(1){color: #666;}
.Orderlist>div{margin-bottom: 10px;}
.Orderlist .diyongBox h1 a{color: #37c9d6;}
.Orderlist .dayBox ul{border-radius: 5px;}
.Orderlist h1{color: #666;line-height: 40px;padding: 0 10px;background: #f5f5f5;margin: 0 10px;border-top-left-radius: 5px;border-top-right-radius: 5px;font-size: 14px;position: relative;}
.Orderlist .reserveBox h1 a{background: url(../images/icon/l_wode.png) no-repeat 0 0/cover;position: absolute;right: 5px;top: 50%;height: 30px;width: 30px;margin-top: -15px;}
.Orderlist ul{/* border-top: 1px solid #e1dfdf; */border-radius: 5px;overflow: hidden;margin: 0 10px;background-color: #fff;border-top-left-radius: 0px;border-top-right-radius: 0px;}
.Orderlist li{color: #666;border-bottom: 1px solid #e1dfdf;/* padding: 0 5px 0px; */line-height: 40px;font-size: 1.4rem;overflow: hidden;position: relative;/* height: 40px; */margin: 0 10px;}
.Orderlist li.lh{line-height: 26px;padding: 5px 0;}
.Orderlist li.lh>div:first-child{color: #000;}
.Orderlist li:first-child{}
.Orderlist li:last-child{border-bottom: 0;}
.Orderlist li.day{padding-left: 30px;}
.Orderlist li.days{padding-left: 30px;}
.Orderlist li a{display: block;height: 100%;width: 100%;}
.Orderlist li .icon{display: inline-block;background: url(../images/icon/date.png) no-repeat scroll 0 0px/20px;height: 23px;width: 25px;position: absolute;top: 50%;left: 5px;margin-top: -13.5px;}
.Orderlist li .fr{float: right;color: #000;}
.Orderlist li .fr.data{padding-right: 20px;}
.Orderlist li .fr input{text-align: right;}
.Orderlist li input[name="o_startdate"],.Orderlist li input[name="playdate"],.Orderlist li input[name="cm1"],.Orderlist li input[name="cm2"],.Orderlist li input[name="tm1"],.Orderlist li input[name="tm2"]{padding-right: 20px;}
.Orderlist li i{display: inline-block;width: 10px;height: 10px;border-right: 1px solid #b9b9b9;border-bottom: 1px solid #b9b9b9;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);position: absolute;top: 50%;right: 5px;margin-top: -5px;}
.Orderlist li em{color: #f60;}
.Orderlist li small{font-size: 1.2rem;color: #999;padding-left: 5px;}
.Orderlist li small>em{display: inline-block;width: 13px;height: 13px;background: url(../images/icon/help_bk.png) no-repeat 0 0/13px;position: relative;top: 2px;}
.Orderlist li .fr span{display: inline-block;vertical-align: middle;position: relative;top: -2px;}
.Orderlist li .fr span.plus{font-size: 2rem;width: 23px;height: 23px;border: 1px solid #37c9d6;border-radius: 100%;text-align: center;color: #37c9d6;line-height: 23px;}
.Orderlist li .fr span.minus{font-size: 2rem;width: 23px;height: 23px; border: 1px solid #37c9d6; border-radius: 100%; text-align: center; color: #37c9d6;line-height: 20px;}
.Orderlist li .fr span.minus.disable,.Orderlist li .fr span.plus.disable{border-color: #b9b9b9; color: #b9b9b9;}
.Orderlist li .fr span.num input[type="text"]{width: 15px;text-align: center;}
.Orderlist li .fr span.num{font-size: 1.4rem; line-height: 20px;}
.Orderlist li.Insurance{height: 40px;}
.Orderlist li.Insurance .checkbox{margin-top: 11px;}
.Orderlist li.Insurance .fr{float: right;}
.Orderlist li.Insurance .tl{float: left;width: 80%;/* line-height: 20px; *//* padding: 7px 0; */}
.Orderlist li.Insurance .tl span{display: block;/* line-height: 25px; */font-size: 1.2rem;/* height: 25px; */overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Orderlist li.Insurance .tl span:nth-child(2){/* font-size: 1.2rem; */color: #999;}

.Orderlist li.Attachment{height: auto;}
.Orderlist li.Attachment .checkbox{margin-top: 10px;}
.Orderlist li.Attachment .fr{float: right;}
.Orderlist li.Attachment .tl{float: left;/* width: 70%; *//* line-height: 20px; *//* padding: 7px 0; */}
.Orderlist li.Attachment .tl span{display: block;/* line-height: 25px; */font-size: 1.2rem;/* height: 25px; */overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Orderlist li.Attachment .tl span:nth-child(2){/* font-size: 1.2rem; */color: #999;}

.Orderlist li.diyong{/*display:-moz-box; display:-webkit-box; display:box;display: -o-box;*/}
.Orderlist li.diyong span{display: block;width: 50%;float:left;box-sizing:border-box;/*-moz-box-flex:1; -webkit-box-flex:1; box-flex:1;-o-box-flex:1;display: block;*/}
.Orderlist li.diyong span:nth-child(1){border-right: 1px solid #e1dfdf;}
.Orderlist li.diyong span:nth-child(2){text-align: center;}
.Orderlist li textarea{border: 1px solid #37C9D6;background-color: #e9f4f5;box-sizing: border-box;}
.Orderlist li .name{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Orderlist .reserveBox{margin-bottom: 10px;}

.Proof div input[type="text"]{position: absolute;width: 100%;height: 40px;left: 10px;top: 0;box-sizing: border-box;padding-left: 70px;background-color: rgba(0,0,0,0);}


.invoice{background-color: #fff; line-height: 35px; padding: 0 20px; font-size: 1.4rem; color: #666;}
.invoice.hl{height: 40px;margin-top: 10px;line-height: 40px;/* margin: 0 10px; */border-radius: 5px;}
.invoice > div{display: inline-block;} 
.invoice > div span{display: block; width: 16px; height: 16px; float: left; border: 1px solid #37C9D6; box-sizing: border-box; margin-top: 10px; border-radius: 100%; position: relative; margin-right: 5px;}
.invoice .on em{display: inline-block; width: 8px; height: 8px; background-color: #37c9d6; border-radius: 100%; position: absolute; top: 3px; left: 3px;}
.invoiceList{margin-top: 10px;}
.invoiceList ul{border-radius: 5px;}
.contract{background-color: #e9f4f5; height: 40px;line-height: 40px;color: #37c9d6;font-size: 1.4rem;padding: 0 20px;}
.contract a{color: #f60;}
.checkbox{background-color: #fff;border-radius: 2px;display: inline-block;width: 14px;height: 14px;position: relative;float: left;margin-top: 11px;margin-right: 5px;border: 1px solid #37C9D6;}
.checkbox i.choose{display: none;width: 5px;height: 9px;border-right: 2px solid #37C9D6;border-bottom: 2px solid #37C9D6;transform:rotate(45deg);-webkit-transform:rotate(45deg);position: absolute;top: 0px;left: 4px;margin-top: 0;padding: 0; background: inherit;}
.checkbox.on i.choose{display: inline-block;border-right: 2px solid #fff; border-bottom: 2px solid #fff;}
.checkbox.on{background-color: #37C9D6;}
.ticketBox{}
.ticketBox ul{border-radius: 5px!important;}
.ticketBox li{padding: 0 10px;}
.ticketBox li .fr{font-size: 10px; color: #b9b9b9; padding-right: 10px;}

.Takethecar_box main li input[type="radio"], .Returnaddress_box main li input[type="radio"]{
    background: url(../images/icon/checkbox.png) no-repeat 0 0/cover;
    margin-top: -3px;
}
.Takethecar_box main li input[type="radio"]:checked, .Returnaddress_box main li input[type="radio"]:checked{
    background: url(../images/icon/checkboxOn.png) no-repeat 0 0/cover;
}
.Takethecar .fr, .Returnaddress .fr{padding-right: 18px; width: 60%; text-align: right; height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/*预定页脚*/
footer.o_footer{background-color: rgba(40,56,71,.95);}
footer .fo_price{color: #f60;font-size: 14px;height: 40px;line-height: 40px;}
footer .fo_price em{font-size: 20px;}
footer .fo_btn input[type="submit"],footer .fo_btn input[type="button"]{background-color: #f60;color: #fff;border-radius: 5px;height: 30px;line-height: 30px;width: 100px;text-align: center;float: right;font-size: 14px;margin-top: 5px;}
footer .fo_btn input[type="submit"].disabled,footer .fo_btn input[type="button"].disabled{background-color: gray;width: auto;}
footer .fo_btn .detail{color: #fff;float: right;line-height: 40px;padding-right: 40px;position: relative;}
footer .fo_btn .detail:after{content: "";width: 6px;height: 6px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);position: absolute;right: 25px;top: 50%;margin-top: -3px;}
/*价格明细*/
.priceDetail{}
.priceDetail .mask{background-color: rgba(0,0,0,.5); position: absolute; height: 100%; width: 100%; top: 0;}
.priceDetail .bd{background-color: #fff;position: absolute;bottom: 50px;width: 100%;box-sizing: border-box;}
.priceDetail li{line-height: 35px;height: 35px;border-bottom: 1px solid #f1f1f1;padding: 0 10px;box-sizing: border-box;font-size: 12px;color: #666;}
.priceDetail li span.fr{float: right;color: #f60;height: 34px;}
/*游客信息*/
.tourists{background-color: #fff;margin: 0 10px 10px;border-radius: 5px;}
.tourists ul{margin: 0;}
.tourists .title{font-size: 14px;line-height: 40px;height: 40px;border-bottom: 1px solid #f1f1f1;padding: 0 10px;background: url(../images/icon/member.png) no-repeat 7px 10px/18px;padding-left: 30px;color: #666;}
.tourists li{position: relative;border-bottom: 1px solid #f1f1f1;margin: 0;}
.tourists li>div{height: 40px;line-height: 40px;font-size: 14px;position: relative;margin: 0px 10px 0 28px;}
.tourists li>div.name,.tourists li>div.sex,.tourists li>div.tel{border-bottom: 1px solid #f1f1f1;position: relative;}
.tourists li>div input[type="text"]{position: absolute;width: 100%;height: 40px;left: 0;top: 0;box-sizing: border-box;padding-left: 80px;background-color: rgba(0,0,0,0);color:#000;}
.tourists li>div label{width: 60px;display: block;height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tourists li>div.certificate label{color:#37c9d6;z-index: 1;position: relative;}
.tourists 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 #37c9d6;border-right:2px solid #37c9d6;-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;}
.tourists li .numbg{width: 0;height: 0;/* border-left: 15px solid transparent; *//* border-right: 15px solid transparent; *//* border-top: 15px solid #37C9D6; */border: 15px solid #37c9d6;border-right-color: transparent;border-bottom-color: transparent;display: inline-block;position: absolute;top: 0;left: 0;padding: 0;/* transform: rotate(225deg); *//* -webkit-transform: rotate(225deg); */}
.tourists li .num{position: absolute;left: 4px;color: #fff;line-height: 14px;font-size: 10px;}
.tourists .add{font-size: 14px;height: 40px;line-height: 40px;color: #37c9d6;border-top: 1px solid #f1f1f1;text-align: center;}
.tourists .add>span{width: 20px;height: 20px;display: inline-block;background: url(../images/icon/add.png) no-repeat 0 0/20px;position: relative;top: 4px;margin-right: 6px;}
.tourists li .del {background: url(../images/icon/del.png) no-repeat 0 0/cover;width: 22px;height: 22px;position: absolute;right: 35px;top: 62px;margin-top: -12px;}
.tourists li>div.name i.addContacts,.tourists li>div.certificate i.addContacts{background: url(../images/icon/contact.png) no-repeat 0 0/cover;width: 25px;height: 25px;position: absolute;right: 20px;top: 50%;margin-top: -12.5px;transform: inherit;border: 0;}
/*常用联系人*/
.contacts{position: fixed;width: 100%;top: 0;left: 0;height: 100%;background-color: #fff;font-size: 1.4rem;z-index: 999;}
.contacts header .search li:nth-child(1){}
.contacts header .search li:nth-child(2){}
.contacts header .search li:nth-child(3){float: right;}
.contacts .hd{line-height: 25px; background-color: #e9f4f5; color: #37C9D6; padding: 0 20px;}
.contacts .bd{width: 100%;/* padding: 0 20px; */box-sizing: border-box;color: #666;}
.contacts .bd dt{border-bottom: 1px solid #e1dfdf;line-height: 35px;color: #000;padding: 0 20px;background-color: #E9F4F5;}
.contacts .bd dd{color: #666;line-height: 30px;padding: 0 20px;}
.contacts .bd span{display: block;float: left;width: 33%;}
/*保险详情*/
.insuranceform-box {position:fixed;bottom: 0;z-index: 99999;width: 100%;left: 0;height: 100%;display:none;}
.insuranceform-box .bg {height: 100%;position: relative;background: rgba(0,0,0,0.7);}
.insuranceform-box .hide{position: absolute;width: 100%;top: 0;height: 85%;overflow: scroll;}
.insuranceform-box .hide.on{display:block;}
.insuranceform-box .hide ul{position: absolute;width: 100%;bottom: 0;height: 100%;/* background-color: #fff; */color: #D7D7D7;}
.insuranceform-box .title{background: #e5e5e5;}
.insuranceform-box .title a{line-height: 40px;font-size: 20px!important;}
.insuranceform-box .title a.fa-times{float:right;} 
.insuranceform-box li.crowd{height:auto;margin: 0;line-height: 30px;border-top: 0;}
.insuranceform-box li.crowd span:nth-child(1){padding-right:5px;}
.insuranceform-box .crowd{height:40px;line-height: 40px;font-size:14px;/* background:#FFF; */padding:0px 10px !important;border: 1px solid #6A6A6A;border-top:none;margin-bottom: 5px;} 
.insuranceform-box li.crowd.tl{/* background-color: #f0f0f0; */line-height: 40px;color: #D7D7D7;}
.insuranceform-box .fr{float: right;}
.insuranceform-box .btu{background: #37c9d6;height: 44px;width: 80%;margin: 10px auto;color: #fff;font-size: 18px;border-radius: 3px;line-height: 44px;text-align: center;position: absolute;bottom: 0;left: 0;right: 0;}
/*证件选择*/
.certificateList{width:180px;overflow-y:auto;height:260px;}
.certificateList .hd{height: 40px;line-height: 40px;font-size: 1.2em;color: #fff;background: #37c9d6;/*z-index:9999;*/ text-align:center;position:  relative;}
.certificateList li{border-bottom: #dfdfdf 1px solid;padding: 1em 2em 1em 1em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;font-size:14px;}
.certificateList li.cur{color:#37c9d6}
.certificateList li:active{background:rgba(0,0,0,.05)}
.certificateList li.cur:before,.certificateList li.cur:after{position:absolute;content:"";background:#37c9d6;height:3px;top:50%;border-radius:3px}
.certificateList li.cur:before{width:18px;right:10px;margin-top:-2px;-webkit-transform:rotate(-50deg);-moz-transform:rotate(-50deg);-ms-transform:rotate(-50deg);transform:rotate(-50deg)}
.certificateList li.cur:after{width:9px;right:22px;margin-top:2px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}

#o_error{display: none!important;}
.Takethecar_box,.Returnaddress_box{background-color: #fff;}

.typePriceDetail_Box{}
.typePriceDetail_Box .mask{background-color: rgba(0,0,0,.5); position: absolute; height: 100%; width: 100%; top: 0;}
.typePriceDetail_Box .bd{background-color: #fff;position: absolute;bottom: 50px;width: 100%;box-sizing: border-box;}
.typePriceDetail_Box li{line-height: 35px;height: 35px;border-bottom: 1px solid #f1f1f1;padding: 0 10px;box-sizing: border-box;font-size: 12px;color: #666;}
.typePriceDetail_Box li span.fr{float: right;color: #f60;height: 34px;}
/*-------------------------------------------------------------提交订单-------------------------------------------------------------*/
.view{padding-top: 10px;background-color: #37C9D6;}
.view .hd{padding: 0 10px 10px;}
.view .hd .face{background: url(../images/icon/face.png) no-repeat scroll 85% 0px/60px;width: 30%;height: 60px;float: left;}
.view .hd .con{float: left;width: 70%; box-sizing: border-box; padding-left: 10px;padding-right: 50px;}
.view .hd .con h2{line-height: 25px;height: 25px;color: #666;} 
.view .hd .con .text{color: #fff;font-size: 1.2rem;}
.view .bd{border: 1px solid #e1dfdf; border-width: 1px 0; padding: 10px 15px; background-color: #fff;}
.view .bd .title{font-size: 1.4rem; color: #666;}
.view .bd .vList{padding-top: 10px;}
.view .bd .vList li{color: #b9b9b9; line-height: 22px; font-size: 1.2rem;}
.view .bd .vList li em{font-size: 1.6rem; color: #37c9d6; font-weight: bold;}
.view .bd .more{text-align: center; color: #37c9d6; padding-top: 10px;}
.view .bd .more i{display: inline-block; width: 10px; height: 10px; border-right: 1px solid #37c9d6; border-bottom: 1px solid #37c9d6; -webkit-transform: rotate(45deg)translateY(-3px); transform: rotate(45deg)translateY(-3px); margin-left: 4px;}
.view .back{margin-top: 20px;}
.view .back a{background-color: #37c9d6; color: #fff;line-height: 30px;width: 40%;font-size: 1.4rem; border-radius: 5px; margin-top: 20px; display: block; text-align: center;float: left;margin: 0 5%;}
.payment{border-top: 1px solid #e1dfdf;margin: 10px 0;}
.payment ul{}
.payment li{color: #666; border-bottom: 1px solid #e1dfdf; padding: 0 20px 0px; line-height: 40px; font-size: 1.4rem; overflow: hidden; position: relative; padding-left: 20px; /* height: 40px; */ background-color: #fff;}
.payment li span.icon{display: block;float: left;width: 30px;height: 30px;background-image: url(../images/icon/payment.png);background-size: cover;margin-top: 5px;margin-right: 15px;border-radius: 3px;overflow: hidden;}
.payment li span.icon.Alipay{background-position: 0 0;}
.payment li span.icon.weixin{background-position: 0 30px;}
.payment li span.icon.caifutong{background-position: 0 -67px;}
/*团购按钮*/
.inputRad{padding: 10px;}
.inputRad span.on{background-color: #37c9d6; color: #fff;}
.inputRad span{height: 30px;display: inline-block;width: 65px;text-align: center;line-height: 30px;background-color: #fff;margin-right: 5px;font-size: 12px;}
.buyRad ul{/* border-top: 1px solid #e1dfdf; */}
.buyRad li{color: #666; /* border-bottom: 1px solid #e1dfdf; */ padding: 0 10px 0px; line-height: 40px; font-size: 1.4rem; overflow: hidden; position: relative; /* height: 40px; */ background-color: #fff; margin: 0 10px 10px; border-radius: 5px;}
/*选择时间*/
.dorpBox {display:none;}
.dorpBox .showBox{position:fixed;bottom:0;left:0;bottom: 0; width:100%;height:250px; background:#FFF;z-index: 999;}
.dorpBox .showBox h2{font-weight:500;font-size:14px;height:40px; line-height:40px; text-align:center; border-bottom:1px solid #DEDEDE; margin:0;}
.dorpBox .showBox .showList{padding:0 25px; height:210px;overflow:auto;}
.dorpBox .showBox p{text-align:center;height:36px; line-height:36px; margin:0;font-size: 1.4rem;}
.dorpBox .showBox p font{color:#000;width:25px;text-align:right;padding-right:30px;}
.dorpBox .showBox p.cur{border:1px solid #37c9d6;color:#37c9d6; border-width:1px 0;}
.dorpBox .dorpBoxBg{position:fixed;bottom:0;left:0;bottom: 0; width:100%; height:100%;background:#999;opacity: 0.3;}
/*-------------------------------------------------------------订单详情-------------------------------------------------------------*/
.orderDetail{}
.orderDetail .state{font-size: 14px;background-color: #37C9D6;color: #fff;padding: 10px 10px 10px 54px;position: relative;}
.orderDetail .state i.ico_cancel{background: url(../images/icon/cancel.png) no-repeat 0 0/cover;display: block;width: 22px;height: 22px;position: absolute;left: 22px;top: 16px;}
.orderDetail .state i.ico_all{background: url(../images/icon/all.png) no-repeat 0 0/cover;display: block;width: 22px;height: 22px;position: absolute;left: 22px;top: 16px;}
.orderDetail .state>span{display: block;font-size: 22px;line-height: 35px;}
.orderDetail .state>span em{font-size: 12px;/* float: right; *//* display: block; */line-height: 18px;padding-top: 16px;padding-left: 5px;color: #D4F1F4;}
.orderDetail .state>small{color: #D4F1F4;}
.orderDetail .od_hd{}
.orderDetail .od_hd li{height: 40px;line-height: 40px;border-bottom: 1px solid #e1dfdf;background: #fff;padding: 0 10px;box-sizing:border-box;font-size: 12px;}
.orderDetail .od_hd li em{color: #f60;padding-left: 10px;font-size: 18px;}
.orderDetail .od_hd li span.fr{float: right;font-size: 12px;color: #37C9D6;}
.orderDetail .od_hd .btn{padding: 10px 0 10px 10px;height: auto;}
.orderDetail .od_hd .btn>span{display: block;width: 33.33%;float: left;box-sizing: border-box;padding-right: 10px;}
.orderDetail .od_hd .btn>span a{display: block;background-color:#EFEFEF;text-align: center;border-radius: 5px;color: #C0C0C0;font-size: 14px;}
.orderDetail .od_hd .btn>span.sp{}
.orderDetail .od_hd .btn>span.sp a{color: #37C9D6;border:1px solid #37C9D6;background-color: #fff;height: 38px;display: block;overflow: hidden;}
.orderDetail .od_bd{padding: 10px;background-color: #f0f0f0;}
.orderDetail .od_bd ul{background-color:#fff;/* padding: 10px; */border-radius: 5px;/* box-shadow: 0 2px 1px rgba(30, 34, 36, .1); */margin-bottom: 10px;}
.orderDetail .od_bd ul:last-child{margin-bottom: 0;}
.orderDetail .od_bd ul li{border-bottom: 1px solid #EAEAEA;position: relative;padding: 7px 10px;margin: 0 5px;line-height: 20px;}
.orderDetail .od_bd ul li:last-child{border-bottom: 0;}
.orderDetail .od_bd ul li h2{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 38px;line-height: 19px;font-size: 13px;}
.orderDetail .od_bd ul li h2 a{color: #37C9D6;}
.orderDetail .od_bd ul li h4{font-size: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: absolute;padding-right: 110px;width: 100%;box-sizing: border-box;}
.orderDetail .od_bd ul li h4 a{color: #37C9D6;}
.orderDetail .od_bd ul li>h3{font-size: 14px;color: #000;}
.orderDetail .od_bd ul li .fr{float: right;font-size: 12px;position: relative;z-index: 9;padding-left: 5px;background-color: #fff;}
.orderDetail .od_bd ul li .fr a{color: #37C9D6;}
.orderDetail .od_bd ul li.title{min-height:20px;}
.orderDetail .od_bd ul li .go{float: left;padding: 10px 0;text-align: center;}
.orderDetail .od_bd ul li .go span{display: block;}
.orderDetail .od_bd ul li .go span small{font-size: 13px;color: #666;display: block;}
.orderDetail .od_bd ul li .go span:first-child{font-size: 22px;}
.orderDetail .od_bd ul li .back{float: right;padding: 10px 0;text-align: center;}
.orderDetail .od_bd ul li .back span{display: block;}
.orderDetail .od_bd ul li .back span small{font-size: 13px;color: #666;display: block;}
.orderDetail .od_bd ul li .back span:first-child{font-size: 22px;}
.orderDetail .od_bd ul li .rzt{position: absolute;left: 0;right: 0;margin: 0 auto;height: 60px;width: 45%;/* background: url(../images/icon/rzt1.png) no-repeat 0 0px/114px 57px; */}
.orderDetail .od_bd ul li .rzt .orderNum{text-align: center; color: #666; line-height: 20px;font-size: 12px;}
.orderDetail .od_bd ul li .num{color: #666;height: 30px;text-align: center;border-bottom: 1px solid #EAEAEA;line-height: 40px;}
.orderDetail .od_bd ul li .num span{text-align: center;padding-right: 5px;}
.orderDetail .od_bd ul li .num em{padding: 0 5px;}
.orderDetail .od_bd ul .tit{background: #f5f5f5;color: #666;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom: 0;margin: 0;padding-left: 15px;}
.orderDetail .od_bd ul li label{color: #666;font-size: 12px;display: inline-block;width: 23%;}
.orderDetail .od_bd ul li .text{font-size: 12px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: absolute;width: 70%;}
.orderDetail .od_bd ul li i{display: inline-block; width: 10px; height: 10px; border-right: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 50%; right: 15px; margin-top: -5px;}
.orderDetail .od_bd ul li.tourist{padding-bottom:5px;}
.orderDetail .od_bd ul li.tourist>label{color: #000;}
.orderDetail .od_bd ul li.tourist>div{line-height: 20px;}
.orderDetail .od_bd ul li span{font-size: 12px;}
.orderDetail .od_bd ul li span img{width: 15px;height: 15px;position: relative;top: 3px;right: 2px;}
.orderDetail .od_bd ul li.info{color: #666;}
.orderDetail .od_bd ul li.info span:first-child{float: left;}
.orderDetail .od_bd ul li.room>div:first-child{line-height: 25px;}
.orderDetail .od_bd ul li.room>div:first-child .fr{line-height: 25px;border: 0;margin: 0;padding: 0;}
.orderDetail .od_bd ul li.room h3{float: left;font-size: 14px;}
.orderDetail .od_bd ul li.room>div span{color: #666;line-height: 20px;border-right: 1px solid #E5E5E5;margin-right: 5px;padding-right: 5px;}
.orderDetail .od_bd ul li.room>div span:last-child{border:0;}
.orderDetail .od_foot{/* padding: 10px; */border-top: 1px solid #e1dfdf;height: 30px;line-height: 30px;border-bottom: 1px solid #e1dfdf;}
.orderDetail .od_foot li{width: 25%;float: left;text-align: center;font-size: 12px;box-sizing: border-box;border-right: 1px solid #e1dfdf;padding: 10px;background-color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #37C9D6;}
/*订单房型详情*/
#room_show{font-size: 14px;background-color: #F8F8F8;}
#room_show .photo_show h3{position: absolute;color: #fff;top: 0;left: 0;background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0));background: -webkit-linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0));width: 100%;height: 65px;padding: 10px 0 0 10px;box-sizing: border-box;z-index: 1;}
#room_show .room_bd{padding: 10px;}
#room_show .room_bd li{line-height: 25px;}
#room_show .room_bd span{padding-right: 4px;margin-right: 4px;border-right: 1px solid #C7C7C7;}
#room_show .room_bd span:last-child{border-right: 0;}
#room_show .room_bd label{color: #666;}
#room_show .photo_show{position: relative;}
#room_show .photo_show dd{display: none;}
#room_show .photo_show dd.on{display: block;}
#room_show .photo_show dd .img{background-size: cover;background-position: center;background-repeat: no-repeat;width: 100%;padding-bottom: 65%;}
#room_show .photo_show .pageState{position: absolute;bottom: 10px;color: #fff;left: 0;right: 0;margin: 0 auto;width: 30px;background: rgba(0,0,0,0.5);text-align: center;border-radius: 11px;padding: 2px;font-size: 10px;}
.layui-layer-setwin .layui-layer-close2{background:rgba(0,0,0,0.8) url(../images/icon/cancel.png) no-repeat 0 0/cover!important;z-index: 2;border-radius: 100%;}
/*物流信息*/
.logistics{background-color: #f0f0f0;}
.logistics .hd{padding: 20px 15px;background-color: #37C9D6;}
.logistics .hd dt{float: left;width: 56px;height: 56px;background: #000;}
.logistics .hd dd{float: left;padding-left: 15px;}
.logistics .hd dd p{margin: 0;color: #f0f0f0;font-size: 12px;}
.logistics .hd dd p.tit{margin-bottom: 16px;color: #fff;font-size: 16px;}
.logistics .bd{margin-top: 12px; background: #fff; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 15px;}
.logistics h2.tit{font-size: 16px;font-weight: 100;padding-bottom: 15px;border-bottom: 1px solid #e6e6e6;margin:0;}
.logistics .item{margin-top: 12px;}
.logistics .item a{display: inline-block;width: 100%;color: #484D4F;}
.logistics .item .thumb{float: left;height: 60px;margin-right: 10px;overflow: hidden;width: 80px;}
.logistics .item .thumb img{max-width: 100%;}
.logistics .item p{margin: 0;font-size: 12px;}
.result-list{margin: 0;}
.result-list li {display: -webkit-box!important;display: -webkit-flex!important;display: -ms-flexbox!important;display: flex!important;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;overflow: hidden; color: #777; border-bottom: 1px solid #dddddd; margin: 0;}
.result-list li.last { color: #FE8540; }
.result-list li .col1, .result-list li .col2, .result-list li .col3 { display: block; }
.result-list li .col1 {width: 100px;padding: 5px;text-align: center;font-size: 12px;font-weight: bold;font-family: Helvetica, Arial, sans-serif;}
.result-list li .col2 {width: 20px;position: relative;}
.result-list li .col3 {-webkit-box-flex: 1;-moz-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;padding: 10px;font-size: 12px;}
.result-list li .col1 dd { margin-top: 0.25rem; font-size: 1.5rem; }
.result-list li .col2 .line1, .result-list li .col2 .line2 {position: absolute;z-index: 1;left: 3px;width: 5px;height: 10em;border-right: 1px solid #dddddd;}
.result-list li .col2 .line1 {top: -10em;}
.result-list li .col2 .line2 { top: 0; }
.result-list li .col2 .point {position: absolute;z-index: 2;top: -9px;left: 0;width: 15px;height: 15px;border-radius: 15px;background-color: #fff;border: 1px solid #dddddd;}
.result-list li .col2 .point:before {content: "";position: absolute;top: 5px;left: 1px;height: 2px;width: 8px;overflow: hidden;background: #ddd;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);border-radius: .02em;}
.result-list li .col2 .point:after {content: "";position: absolute;top: 5px;right: 1px;height: 2px;width: 8px;overflow: hidden;background: #ddd;-webkit-transform: rotate(-135deg);transform: rotate(-135deg);border-radius: 2px;}
.result-list li.last .col2 .point { border: solid 1px #fe8540 }
.result-list li.last .point:before { background: #fe8540; }
.result-list li.last .point:after { background: #fe8540; }
.result-list li.finish { position: relative; }
.result-list li.finish .col2 .point { background-color: #ef5858; }
.result-list li.finish .point:before {content: "";position: absolute;top: 8px;left: 2px;height: 2px;width: 6px;overflow: hidden;background: #FFF;-webkit-transform: rotate(45deg);transform: rotate(45deg);border-radius: 2px;}
.result-list li.finish .point:after {content: "";position: absolute;top: 6px;right: 0;height: 2px;width: 10px;overflow: hidden;background: #FFF;-webkit-transform: rotate(135deg);transform: rotate(120deg);border-radius: 2px;}

/*机票订单*/
.flightOrder{background: linear-gradient(#37c9d6, #f8f8f8);-webkit-background: linear-gradient(#37c9d6, #f8f8f8);}
.flightOrder .info{padding: 10px;}
.flightOrder .info .box{background: #fff;border-radius: 5px;/* padding: 10px; */font-size: 12px;}
.flightOrder .info .time_place{position: relative;line-height: 18px;margin: 0 70px;}
.flightOrder .info .time_place>div{width: 50%;float: left;}
.flightOrder .info .time_place>div.to{text-align: right;}
.flightOrder .info .time_place .leave{background: url(../images/icon/leave.png) no-repeat 0 0/cover;width: 35px;height: 35px;position: absolute;left: 50%;margin-left: -15px;}
.flightOrder .info .time_place span{display: block; font-size: 12px; color: #666;}
.flightOrder .info .time_place span.time{font-size: 20px;line-height: 30px; color: #000;}
.flightOrder .info .box .plane{font-size: 14px;color: #666;padding: 10px;}
.flightOrder .info .box .plane>img{width: 19px;height: 19px;float: left;}
.flightOrder .info .fo_price{border-top: 1px dashed #e3e3e3;padding: 0 10px;line-height: 40px;margin-top: 10px;font-size: 16px;}
.flightOrder .info .fo_price .fl{float: left;}
.flightOrder .info .fo_price .fr{float: right;font-size: 12px;}
.flightOrder .info .fo_price .fr em{font-size: 16px;color: #f60;}
.flightOrder .info .fo_info{padding:0 10px;color: #666;line-height: 30px;}
.flightOrder .info .more{border-top: 1px dashed #e3e3e3;line-height: 35px;color: #666;position: relative;padding: 0 10px;}
.flightOrder .info .more i.arrow{display: inline-block;width: 6px;height: 6px;border-right: 2px solid #666;border-bottom: 2px solid #666;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);position: absolute;right: 10px;top: 50%;margin-top: -6px;}

/*--特产预定--*/
/*收货地址*/
.address{background-color: #fff;padding: 15px 9px;margin-bottom: 9px;font-size: 14px;border-bottom: 1px solid #e1dfdf;border-top: 1px solid #e1dfdf;box-sizing: border-box;display: -webkit-box!important;display: -webkit-flex!important;display: -ms-flexbox!important;display: flex!important;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;margin: 0 10px;border-radius: 5px;}
.address .cell{box-sizing: border-box;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;width: 0;-webkit-flex-basis: 0;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;display: block;padding: 0!important;position: relative;}
.address .cell.content{margin-right: 15px;}
.address .cell.fixed{-webkit-box-flex: 0!important;-webkit-flex: none!important;-ms-flex: none!important;flex: none!important;width: auto;-webkit-align-self: center;-ms-flex-item-align: center;align-self: center;}
.address .cell .info{padding-bottom: 5px;}
.address .cell .icon{background: url(../images/icon/map.png) 50% 50% no-repeat;margin-right: 9px;height: 21px;width: 21px;background-size: 15px 20px;}
.address .cell .nav{background: url(../images/icon/nav.png) 50% 50% no-repeat;height: 12px;width: 6.5px;background-size: 100%;position: relative;}
.address .cell .tel{float: right;}

.survey{padding: 10px;border-top: 1px solid #e1dfdf;border-bottom: 1px solid #e1dfdf;margin: 10px 0;background: #fff;margin: 0 10px;border-radius: 5px;}
.survey h4{font-size: 14px;line-height: 30px;}
.survey >div{width: 50%;float: left;font-size: 12px;box-sizing: border-box;color: #666;line-height: 20px;}
.survey >div span{color: #f60;}

.address_list{background-color: #fff;}
.address_list .hd{height: 60px;background: #37c9d6;color: #fff;}
.address_list .hd .fl{float: left;height: 60px;line-height: 60px;padding-left: 10px;}
.address_list .hd .close{float: right;width: 33px;height: 32px;background-color: #3e4042;margin-top: 14px;margin-right: 10px;background: url(../images/icon/cancel.png) no-repeat 6px 4px/25px;}
.address_list .AddressBtn {background: #37c9d6;height: 44px;line-height: 44px;border: 0;font-size: 15px;color: #fff;position: relative;display: block;box-sizing: border-box;bottom: 0;width: 100%;text-align: center;padding: 0 10px;border-radius: 3px;}
.address_list .btn{padding: 0 10px;}

.ct{overflow-x:hidden;overflow-y:auto;color: #333;padding-bottom: 12px;}
.ct .wrap{font-size: 12px;}
.ct ul{}
.ct ul li{background: #fff;margin-top:10px;color: #333;line-height: 20px;padding: 0;border: 0;}
.ct ul li .address{margin-bottom: 0;box-shadow: none;}
.ct ul li.a_selected .address{background: rgba(0,0,0,0.8);color: #fff;}
.ct ul li.a_selected .address .cell .ok{margin-right: 9px;height: 30px;width: 26px;background-size: 100%;position: relative;}
.ct ul li.a_selected .address .cell .ok i{display: inline-block;width: 10px;height: 20px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);position: absolute;top: 50%;right: 0;margin-top: -15px;}

.so_type{background-color: rgba(0,0,0,.5);}
.so_type .mask{background-color: rgba(0,0,0,.5); position: absolute; height: 100%; width: 100%; top: 0;}
.so_type .bd{background: #fff;position: absolute;bottom: 0;width: 100%;height: 300px;box-sizing: border-box;}
.so_type .bd li{background: #f1f1f1 none repeat scroll 0 0;border-radius: 5px;color: #333;float: left;font-size: 14px;margin-right: 12px;margin-top: 12px;padding: 10px 15px;cursor: pointer;line-height: 20px;border: 0;}
.so_type .bd li.on{color: #fff;background: #f60;}
.so_type .bd h2{font-size: 16px; color: #000;}

.radio{display: inline-block;padding: 0 5px;position: relative;} 
.radio span{display: block; width: 16px; height: 16px; float: left; border: 1px solid #37C9D6; box-sizing: border-box; margin-top: 11px; border-radius: 100%; position: relative; margin-right: 5px;}
.radio.on em{display: inline-block; width: 8px; height: 8px; background-color: #37c9d6; border-radius: 100%; position: absolute; top: 3px; left: 3px;}

/*取车地址*/
.Takethecar_box{}
.Takethecar_box main ul,.Returnaddress_box main ul{padding: 5px;}
.Takethecar_box main li,.Returnaddress_box main li{color: #666;border-bottom: 1px solid #e1dfdf;line-height: 26px;font-size: 1.4rem;overflow: hidden;position: relative;margin: 0 10px;padding-right: 60px;}
.Takethecar_box main li .c_box,.Returnaddress_box main li .c_box{position: absolute; right: 0; top: 50%; margin-top: -14px;}
.Takethecar_box main li .c_box .checkbox,.Returnaddress_box main li .c_box .checkbox{margin-top: 5px;}

/*酒店房间价格明细*/
.roomDetail{}
.roomDetail .swiper-slide{width: 100px;font-size: 12px;}
.roomDetail .swiper-slide .item{text-align: center; border: 1px solid #eee; margin-right: 5px;}
.roomDetail .swiper-slide .item .d1{background-color: #eee; line-height: 25px;}
.roomDetail .swiper-slide .item .d2{color: #f60;}

/*表单提交弹窗*/
.submitbox{}
.submitbox .text{padding: 15px; font-size: 12px; margin-bottom: 30px;}
.submitbox .btn{/* background-color: #f8f8f8; */ height: 40px; position: absolute; width: 100%; bottom: 0; text-align: right; padding-right: 18px; box-sizing: border-box; padding-top: 6px;}
.submitbox .btn .yes{display: inline-block; padding: 3px 10px; margin-bottom: 0; font-size: 14px; text-decoration: none; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; overflow: visible; -webkit-transition: all .3s; transition: all .3s; color: #fff; background-color: #37c9d6; border-color: #37c9d6; margin-right: 10px; }
.submitbox .btn .no{display: inline-block; padding: 3px 10px; margin-bottom: 0; font-size: 14px; text-decoration: none; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 3px; overflow: visible; -webkit-transition: all .3s; transition: all .3s; color: #646464; background-color: #fff; border-color: #ccc; }