

@charset "utf-8";

@import url(/bootstrap/css/bootstrap.min.css);

@import url(/bootstrap/css/bootstrap-datetimepicker.min.css);

@import url(../css/common.css);

/*-- 门票产品详情页面 --*/

body{padding-top:0.96rem;position: relative}

html,body{min-height: 7rem;height: auto}

/*-- proName --*/

.proName{overflow:hidden;padding:0 0 0.18rem 0;background-color:#fff;min-height:0.9rem;;border-bottom:#dcdcdc solid 1px;}

.proName h3{color:#333;font-size:0.32rem;line-height:0.54rem;margin-top: 0.18rem;min-height:0.54rem;padding:0 0.6rem 0 0.2rem;float:left;position:relative;padding-right: 0;width: 5.68rem}

.proName h3 i{display: inline-block;text-align: center;line-height: 0.34rem;width:auto;height:0.34rem;color:#fff;background-color:#ff7c01;border-radius: 0.05rem;font-size:0.22rem;vertical-align: middle;margin-right: 0.15rem;}

.proName span.money{float:right;color:#797b7c;font-size:0.3rem;padding-right:0.3rem;margin-top: 0.18rem;position: absolute;right: 0}

.proName span font{font-size:0.36rem;color:#ff5000}

.proName span em{font-size:0.24rem;color:#ff5000;margin-right: 0.01rem}

.proName .warn .icon-warn{background-color: transparent;  color: #ff7c01;  width: auto;  font-size: 0.3rem;  margin-right: 0.1rem;  vertical-align: -0.02rem;}

.pay-message{display: block;}

form .stock{height: 0.9rem;padding: 0 0.2rem;background-color: #fff;border-bottom: 1px solid #e8e8e8;position: relative}

form .stock i,.timeRange i{line-height: 0.9rem;height: 0.9rem;text-align: left}

form .stock span,.timeRange span{font-size: 0.28rem;position: absolute;right: 0.3rem;top: 0.28rem;}

#stock{color:#ff5000;}

/*-- proPrice --*/

.proCounts{border-bottom: 0.2rem solid #e8e8e8;height:0.9rem;overflow:hidden;padding:0rem 0.2rem;background-color:#fff;font-size:0.28rem;color:#333;}

.proCounts i{line-height:0.9rem;}

.counts{float:right;margin-top:0.15rem;}

.counts a{width:0.6rem;height:0.6rem;float:left;overflow:hidden;line-height:0.6rem; border-radius: 0.05rem;font-size: 0.5rem;color: #666666;text-align: center}

.counts a.addBtn{background: url(/images/add.png) center center no-repeat #ededed;background-size:0.42rem  }

.counts a.reduceBtn{background: url(/images/reduce.png) center center no-repeat #ededed;background-size:0.42rem 0.04rem}

.counts input{padding: 0;border:none;width:0.7rem;background-color:#fff;color:#000;text-align:center;height:0.58rem;-webkit-appearance:none;box-sizing:content-box;float:left;outline:none;font-size:0.3rem}

/*-- bookInfo --*/

.bookInfo input{box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box}

.bookInfo{height:auto;overflow:hidden;background-color:#fff;}

.onePerson{border-bottom: 0.2rem solid #e8e8e8}

.onePerson:nth-last-of-type(1){border-bottom: 0}

.collectTicket{font-weight: bold;height: 0.9rem;line-height: 0.9rem;border-bottom: 1px solid #e8e8e8;font-size: 0.3rem;color: #333}

.biList,.timeRange{height:0.9rem;overflow:hidden;padding:0 0.2rem;position:relative;}

.biList i{width:1.5rem;text-align:left;float:left;line-height:0.7rem;font-size:0.28rem;color:#333}

.biList input{border:none;width:4.35rem;background-color:#ededed;color:#333;text-align:left;height:0.7rem;box-sizing:border-box;float:left;outline:none;font-size:0.28rem;padding-left:0.15rem;}

.biList input::-webkit-input-placeholder{color:#999}

.biList02{height:2.0rem;overflow:hidden;padding:0 0.2rem;position:relative;}



.cerType{height:auto;overflow:hidden;display: flex}

.cerType span{display: none}

.cerType i{width:1.6rem;text-align:right;float:left;line-height:0.7rem;font-size:0.28rem;color:#333}

.biList02 select{border:none;width:4.35rem;color:#999;-webkit-appearance:none;background:#ededed url(/img/front/selectBg01.png) no-repeat right center scroll !important;text-align:left;height:0.7rem;box-sizing:border-box;float:left;outline:none;font-size:0.28rem;padding-left:0.15rem;}

.biList02 input{border:none;width:4.35rem;margin:0.2rem 0rem 0rem 1.6rem;background-color:#ededed;color:#333;text-align:left;height:0.7rem;box-sizing:border-box;outline:none;font-size:0.28rem;padding-left:0.15rem;}

.biList02 input::-webkit-input-placeholder{color:#999}

.biList02 em{float:left;line-height:0.7rem;font-size:0.28rem;color:#333;position:absolute;left:1.35rem;top:0rem;}

.vistors{border-bottom: 1px solid #e8e8e8}

.vistors .visitor.hasCredentials {border-bottom: 0;white-space: nowrap;visibility: visible}

.visitor.onePerson{border-top: 0}

/*.datecontainer*/

div.dateContainer{height: 0.9rem;padding-left: 0.2rem;border-bottom: 1px solid #e8e8e8}

.dateContainer i{height: 0.9rem;line-height: 0.9rem;text-align: left;}

.dateContainer input{height: 0.9rem;float: right;width: 2.4rem;background-color: white !important;-webkit-box-shadow:none;box-shadow:none;-webkit-transition: none;}

.dateContainer .dateTime{width: 0.4rem;height: 0.4rem;position: absolute;top: 0.24rem;right: 0.3rem;background: url(/images/queryDate.png) center center no-repeat;background-size: 0.33rem;}

/*-- jqDets --*/

.infoTips{height:auto;overflow:hidden;margin-top:0.2rem;background-color:#fff;padding-bottom: 1rem}

.infoTips h2{font-weight: bold;line-height:0.9rem;height:0.9rem;border-bottom:#e8e8e8 solid 1px;font-size: 0.3rem;color: #333}

.infoTips h2 b{color:#2dbb55;display:inline-block;font-weight:normal}

.itTxt{height:auto;overflow:hidden;padding:0rem 0.3rem 0.3rem 0.3rem;}

.itTxt p{font-size:0.26rem;color:#262626;line-height:0.4rem;margin-top:0.1rem;word-wrap:break-word;}

.itTxt p span{font-size:0.26rem;}

/*-- payMoney --*/

.payMoney{width:100%;height:1rem;line-height:1rem;border-top:#e8e8e8 solid 1px;background-color:#fff;margin:0px auto;bottom:0rem;position:fixed;z-index:99999}

.payMoney span{float:left;font-size:0.28rem;margin-left:0.3rem;color:#979797}

.payMoney span font{color:#ff5b45;font-size:0.46rem;}

.payMoney em{font-size:0.32rem;margin-right:0.01rem;}

.payMoney b{font-weight: normal}

.payMoney a{position: absolute;right: 0;top: 0;float:right;width:2.2rem;text-align:center;line-height:1rem;color:#fff;background-color:#c59568;font-size:0.30rem;}

.errorTips{width:100%;height:0.36rem;line-height:0.36rem;color:#f50;clear: both;padding-left:1.6rem;font-size:0.2rem}

.biList02 .errorTips{padding-left:1.7rem;top:1.7rem}

.touristList{height:auto;overflow:hidden;background-color:#fff;padding:0.2rem 0rem;margin-bottom:0.2rem;}



/*拍照*/

.camera{position: relative;cursor: pointer;height: 6.02rem;width: 6.6rem;background-color: white;padding: 0.26rem 0.3rem;}

.camera h3{font-size: 0.28rem;color: #333333;vertical-align: -0.02rem;margin-right: 0.1rem;}

.camera p{font-size: 0.24rem;color: #666666;margin-top: 0.12rem;}

.camera p i{font-size: 0.3rem;color: #e3988e;vertical-align: -0.02rem;margin-right: 0.1rem;}

.camera span{font-size: 0.24rem;color: #ff5b45;}

.camera .picture{overflow: hidden;position: relative;text-align: center;line-height: 4rem;background-color:#fcf4f3;margin-top: 0.22rem;width: 100%;height: 3.5rem;background-size: 3.5rem !important;}

.camera .picture button i{color: white;font-size: 0.76rem;}

.camera .picture button{padding: 0;display: inline-block;width: 1.42rem;height: 1.42rem;background-color: #e3988e;border: 0.1rem solid #f7e2df;border-radius: 50%;text-align: center;line-height: 0;}

.picContainer{position: relative;overflow: hidden;}

.hasPic .picture button{padding: 0;line-height: 0;width: 0.98rem;height: 0.98rem;border-width:0.03rem;position: absolute;right: 0.1rem;bottom: 0.1rem;}

.hasPic .picture button i{color: white;font-size: 0.53rem;margin-bottom: 0.04rem;background-size: 0.5rem}

.hasPic .picture{line-height: initial;height: 3.5rem;background-color: white;}

.camera #profiles{margin-top: 0;height: auto;}

.camera .profile{display:block;left: 0;top:0;width: auto;height: 3.5rem;margin-left: 0;}

.camera ul{font-size: 0;height: 1.25rem;margin-top: 0.24rem;text-align: center;padding: 0 0.26rem;}

.camera li{display: inline-block;width: 33.33%;height: 100%;vertical-align: top;}

.camera li span{font-size: 0.24rem;color: #666666;}

.camera li i{display:inline-block;}

.camera .face1 i{background-size: 0.9rem !important;padding-right: 0.8rem;;background: url(/weixin/img/face1.png) left 0 no-repeat;width:1.06rem;height: 0.94rem;margin-left:0;}

.camera .face2 i{background-size: 0.9rem !important;padding:0 0.4rem;background: url(/weixin/img/face2.png) center 0 no-repeat;width:1.06rem;height: 0.94rem;margin: auto;}

.camera .face3 i{background-size: 0.9rem !important;padding-left: 0.8rem;background: url(/weixin/img/face3.png) right 0 no-repeat;width:1.06rem;height: 0.94rem;margin-right:0;margin-left: 0}

.camera .face1{text-align: left;}

.camera .face2{text-align: center;}

.camera .face3{text-align: right;}

.hasName{padding: 0;}

/*.contactName.hasName{width: 28%}*/

/*.contactPhone.hasName{width: 66%}*/

.hasName input,.noName input{height: 0.9rem;line-height: 0.9rem;text-align: center;width: 100%;background-color: white;-webkit-box-shadow:none;box-shadow:none;-webkit-transition: none;}

.hasName{display: inline-block;width: 48%;vertical-align: top;height: 0.9rem;line-height: 0.9rem;}

.biList.visitor{width: 17%}

.biList.visitor.hasCredentials{width: 80%;}

.hasName i,.hasName p{display: none;}

.noName input{width: 5.3rem;text-align: left;}

.noName{height: 0.9rem;line-height: 0.9rem;border-bottom: 1px solid #dcdcdc;}

.noName i,.noName input{height: 0.9rem;line-height: 0.9rem;}

.difference{vertical-align: middle;display: inline-block;width: 1px;height: 0.5rem;background-color:#dcdcdc;border: 0;margin: 0.22rem 0 0 0}

.noName+.difference,.errorTips+.difference{display: none}

.hasCredentials{height: 0.9rem;line-height: 0.9rem;border-bottom: 1px solid #dcdcdc;}

.hasCredentials select,.hasCredentials input{background-color: white !important;height: 0.9rem;line-height: 0.9rem;}

.hasCredentials select::-ms-expand {display: none;}

.hasCredentials select{color: #000000;}

.hasCredentials i{height: 0.9rem;line-height: 0.9rem;text-align: left}

.addVisitor{padding-top: 0;}

.changeError{display: none;padding-left: 0.2rem;font-size: 0.24rem;background-color: #fffdf2;height: 0.4rem;line-height: 0.4rem;}

.hasCredentials select{width: 5.16rem;background-image: url(/weixin/img/rightJ.png) !important;background-size: 0.14rem 0.26rem !important;}



/*日历*/

.modal-date{  margin-top: 1.3rem;z-index: 99999999999!important;transform: translateZ(99999px);}

.modal-date label{  font-size: 0.24rem;  position: absolute;  bottom: 0;  left: 1.6rem;}

.modal-date.on{display: block;}

.modal-date .modal-dialog{  margin:0.2rem auto;  max-width:6.75rem;  height: 6.52rem; width: 100% }

.modal-date h4{  font-size: 0.36rem;  }

.modal-date .close{  cursor: pointer; font-size: 0.42rem;  }

.modal-date .modal-header,.modal-date .modal-body{  padding: 0.30rem;  }

.modal-date .picker-switch{  font-size: 0.28rem;  }

.modal-date .dataContainer{padding: 0 0.2rem;}

.modal-date .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th{  padding:0.15rem;line-height: 0.27rem;}

.modal-date .bootstrap-datetimepicker-widget table td.day{  height: 0.4rem;  line-height: 0.4rem;  width: 0.65rem;  padding: 0.1rem;  font-size: 0.28rem;  }

.modal-date .bootstrap-datetimepicker-widget table th{  height: 0.4rem;  line-height: 0.4rem;  width: 0.58rem;  padding: 0.1rem;  font-size: 0.28rem;  }

.modal-date .modal-content{  border: 0.12rem;  }

*{  box-sizing: inherit;  -webkit-box-sizing: inherit;}

.modal-date .bootstrap-datetimepicker-widget table td { color: #2b98db; }

.modal-date .bootstrap-datetimepicker-widget table td.active,

.modal-date .bootstrap-datetimepicker-widget table td.active:hover {  background-color: #2b98db;  color: #FFF;  }

.modal-date .bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.weekend:hover, .bootstrap-datetimepicker-widget table td.disabled:hover{  color: #ccc;  background-color: #FFFFFF;  }

.modal-date .table-condensed>tbody>tr>td.today:before{  border-width: 0 0 0.14rem 0.14rem;  }

.modal-date button.close {  -webkit-appearance: none;  padding: 0;  cursor: pointer;  background: 0 0;  border: 0;  }

.modal-date .close{  cursor: pointer; line-height: 1;  color: #000;  text-shadow: 0 1px 0 #fff;  filter: alpha(opacity=20);  opacity: .2;  float: right;  }

.modal-date .top {  animation-name: top;  animation-duration: 0.3s;  animation-fill-mode: both;  }

.modal-date .modal-body table{width: 100%;}

.modal-date .datetimepicker-inline{display: block;width: auto;}

.modal-date .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th{font-size: 0.28rem;}

.modal-date .datetimepicker table tr td span{padding:  0.2rem 0}

.modal-date>.datetimepicker-inline{display: none !important;}

@font-face{font-family:'Glyphicons Halflings';src:url(/bootstrap/fonts/glyphicons-halflings-regular.eot);src:url(/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(/bootstrap/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(/bootstrap/fonts/glyphicons-halflings-regular.woff) format('woff'),url(/bootstrap/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.modal-date .icon-arrow-right:before {  content: "\e092";  }

.modal-date .icon-arrow-left:before{content:"\e091"}

.modal-dialog .icon-arrow-right,.modal-dialog .icon-arrow-left{line-height: 0.35rem}

.prev,.next{display: inline-block;padding-left: 0.1rem !important;padding-right: 0.3rem !important;}

.modal-dialog .icon-arrow-right{width: 0.64rem;text-align: center}

.modal-dialog .icon-arrow-left{width: 0.54rem;text-align: center}

.modal  .dataContainer .custom-class{float: none;position: static;border: 0;box-shadow: none;display: block !important;}

.modal  .dataContainer .custom-class:before{display: none;content: "";background-color: transparent;font-size: 0}

.modal  .dataContainer .custom-class:after{display: none;content: "";background-color: transparent;font-size: 0}

/*门票*/

.ticketBook form .proName{display: flex;display: -webkit-flex;}



/*酒店预订*/

.hotelBook .proName h3{min-height: 0;max-width: 5.36rem}

.hotelBook .proName span{display: block;font-size: 0.28rem;color: #696969;line-height: 0.56rem;}

.hotelBook .proName{min-height: 0.9rem;padding-bottom: 0.08rem}

.hotelBook .proName .warn{color: #ff5b45;font-size: 0.26rem}

.hotelBook .proName span.money{font-size: 0.3rem;color:#ff5000;padding: 0 0.2rem 0 0}

.hotelBook .jqTickets .lowestPrice{right: 0.1rem}

.hotelBook .modal-date .table-condensed>tbody>tr>td, .hotelBook .table-condensed>tbody>tr>th, .hotelBook .table-condensed>tfoot>tr>td, .hotelBook .table-condensed>tfoot>tr>th, .hotelBook .table-condensed>thead>tr>td, .hotelBook .table-condensed>thead>tr>th{

    padding: 0.15rem 0;

}

/*黄色样式*/

.hotelBook .datetimepicker table.table-condensed tbody tr td.active:after{

    color: #fff !important;

}

.hotelBook .datetimepicker table.table-condensed tbody tr td.active{

    color: #fff !important;

}

.hotelBook .datetimepicker table.table-condensed tr td.active,.datetimepicker table tr td span.active, .datetimepicker table tr td span.active:hover, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover{

    background-color: #ffcf00 !important;

    background-image: linear-gradient(to bottom,#ffcf00,#ffcf00) !important;

    background-image: -webkit-linear-gradient(to bottom,#ffcf00,#ffcf00) !important;

    border: 0;

    text-shadow: none;

}

.hotelBook .datetimepicker table tr td.today:hover, .datetimepicker table tr td.today:hover:hover, .datetimepicker table tr td.today.disabled:hover, .datetimepicker table tr td.today.disabled:hover:hover, .datetimepicker table tr td.today:active, .datetimepicker table tr td.today:hover:active, .datetimepicker table tr td.today.disabled:active, .datetimepicker table tr td.today.disabled:hover:active, .datetimepicker table tr td.today.active, .datetimepicker table tr td.today:hover.active, .datetimepicker table tr td.today.disabled.active, .datetimepicker table tr td.today.disabled:hover.active, .datetimepicker table tr td.today.disabled, .datetimepicker table tr td.today:hover.disabled, .datetimepicker table tr td.today.disabled.disabled, .datetimepicker table tr td.today.disabled:hover.disabled, .datetimepicker table tr td.today[disabled], .datetimepicker table tr td.today:hover[disabled], .datetimepicker table tr td.today.disabled[disabled], .datetimepicker table tr td.today.disabled:hover[disabled]{

    background-color: transparent;

    background-image: linear-gradient(to bottom,#fff,#fff);

    background-image: -webkit-linear-gradient(to bottom,#fff,#fff);

    color: #ff8300;

}

.hotelBook .table-condensed>tbody>tr>td.disabled{

    color: #adadad;

    font-weight: normal;

}

.hotelBook .table-condensed>tbody>tr>td.new,.hotelBook .table-condensed>tbody>tr>td.old{

    color: #666666;

    font-weight: normal;

}

.hotelBook .datetimepicker table tr td.disabledPrice:after{

    content: attr(data-price);

    display: block;

    color: #444444;

    visibility: hidden;

    margin-top: 0.1rem;

    font-size: 0.2rem;

    opacity: 0;

}



.hotelBook .datetimepicker table tr td.price:after {

    content: attr(data-price);

    display: block;

    font-size: 0.2rem;

    margin-top: 0.1rem;

    color: #444444;

    font-weight: normal;

}





/*娱乐预订*/

.playBook .proName{position: relative}

.playBook .proName{padding: 0.2rem 0.2rem 0.3rem 0.2rem;height: 0.9rem;min-height: 0.9rem;;border-bottom: 1px solid #e8e8e8;position: relative}

.playBook .proName h3{padding-left: 0;margin-top: 0;float: none;min-height:0.5rem}

.playBook .proName img{width: 2rem;height: 1.4rem;position: absolute;top: 0.3rem;left: 0.2rem;}

.playBook .proName .money{top: 0.2rem;position: absolute;right: 0}

.playBook .proDesc i{float: none;display: inline-block;line-height: 0.18rem;width: auto;background-image: none;padding-left: 0.1rem;margin-left: 0.1rem;border-left: 1px solid #999999}

.playBook .proDesc{height: 0.3rem;margin-top: 0.03rem;line-height: 0.3rem;  font-size: 0.24rem;  color: #797b7c;}

.playBook .jqInfo .warn{ color: #8cd232;  display: inline-block;  vertical-align: middle;  font-size: 0.24rem;  margin-right: 0.15rem;}

.playBook .jqInfo .warn i{color: #8cd232;font-size: 0.26rem;margin-right: 0.1rem}



/*特色产品*/

.specialtyBook .list{border-bottom:0.2rem solid #f0f0f0; border-top:0.2rem solid #f0f0f0; height: 0.9rem; line-height:0.9rem; overflow: hidden;  padding: 0rem 0.2rem;  background-color: #fff;  font-size: 0.28rem;  color: #333;}

.specialtyBook .list-right{float:right;}

.specialtyBook .list-left{width:1.5rem;text-align:left;float:left;font-size:0.28rem;color:#333 }

.specialtyBook .list font{font-size:0.24rem;color:#ff5000;display:block;}

.specialtyBook .list em{font-size:0.36rem;color:#ff5000}

.specialtyBook .proName{padding: 0.3rem 0.2rem 0.3rem 2.39rem;height:auto;min-height: 1.4rem;;border-bottom: 1px solid #e8e8e8;position: relative}

.specialtyBook .proName h3{padding-left: 0;margin-top: 0.03rem;float: none;padding-right: 0;line-height: 0.38rem;width: 4.5rem;margin-bottom: 0.1rem}

.specialtyBook .proName img{width: 2rem;height: 1.4rem;position: absolute;top: 0.3rem;left: 0.2rem;}

.specialtyBook .proName font{font-size:0.24rem;color:#ff5000;display:block;}

.specialtyBook .proName em{font-size:0.36rem;color:#ff5000}

.specialtyBook .counts{position: absolute;right: 0.2rem;bottom: 0.3rem}

/*美食*/



.foodBook .listProduct{background-color: #fff;padding: 0.3rem 0.2rem 0.3rem 2.39rem;height:auto;min-height: 1.4rem;;border-bottom: 1px solid #e8e8e8;position: relative}

.foodBook .listProduct h3{font-size: 0.32rem;padding-left: 0;margin-top: 0.03rem;float: none;padding-right: 0;line-height: 0.38rem;width: 4.5rem;margin-bottom: 0.1rem}

.foodBook .listProduct img{width: 2rem;height: 1.4rem;position: absolute;top: 0.3rem;left: 0.2rem;}

.foodBook .listProduct font{font-size:0.24rem;color:#ff5000;display:block;}

.foodBook .listProduct em{font-size:0.36rem;color:#ff5000}

.foodBook .counts{position: absolute;right: 0.2rem;bottom: 0.3rem}

.foodBook .counts input{text-align: left;min-width: 0.7rem;width: 2rem}

.foodBook .counts span{font-size: 0.26rem;float: left;margin-top: 0.12rem}

.foodBook .counts{margin-top: -0.1rem;float: none;position: static !important;}



.foodBook {

    margin-bottom: 1.5rem

}





.foodBook .proName{position: relative}

.foodBook .proName{padding: 0.23rem 0.2rem 0.23rem 0.2rem;min-height: 0;border-bottom: 1px solid #e8e8e8;position: relative}

.foodBook .proName h3{padding-left: 0;margin-top: 0;float: none;min-height:0.5rem;width: 5.8rem;}

.foodBook .proName img{width: 2rem;height: 1.4rem;position: absolute;top: 0.3rem;left: 0.2rem;}

.foodBook .proName .money{top: 0.04rem;position: absolute;right: 0}

.foodBook .proDesc i{float: none;display: inline-block;line-height: 0.18rem;width: auto;background-image: none;padding-left: 0.1rem;margin-left: 0.1rem;border-left: 1px solid #999999}

.foodBook .proDesc{height: 0.3rem;margin-top: 0.03rem;line-height: 0.3rem;  font-size: 0.24rem;  color: #797b7c;}

.foodBook p.jqInfo{}

.foodBook .jqInfo .warn{ color: #8cd232;  display: inline-block;  vertical-align: middle;  font-size: 0.24rem;  margin-right: 0.15rem;}

.foodBook .jqInfo .warn i{color: #8cd232;font-size: 0.26rem;margin-right: 0.1rem}

.foodBook .timeRange{font-size: 0.28rem;background-color: #fff;border-bottom: 1px solid #e8e8e8;}

.iconfontFace{display: inline-block;width: 0.6rem;height: 0.54rem;background: url(/weixin/img/camera.png) center center scroll no-repeat;background-size: 0.6rem}

.onePerson .biList02,.onePerson .hasCredentials:not(.visitor),.onePerson .contactAddress{display: flex;border-top: 1px solid #e8e8e8;border-bottom: 0}

.onePerson .noName+.biList02{border-top: 0}

.hasName input,.noName input,.hasCredentials select, .hasCredentials input{line-height:normal;}



.specialtyBook .proName{padding: 0.3rem 0.2rem 0.3rem 2.39rem;height:auto;min-height: 1.4rem;;border-bottom: 1px solid #e8e8e8;position: relative}

.specialtyBook .proName h3{padding-left: 0;margin-top: 0.03rem;float: none;padding-right: 0;line-height: 0.38rem;width: 4.5rem;margin-bottom: 0.1rem}

.specialtyBook .proName img{width: 2rem;height: 1.4rem;position: absolute;top: 0.3rem;left: 0.2rem;}

.specialtyBook .proName font{font-size:0.24rem;color:#ff5000;display:block;}

.specialtyBook .proName em{font-size:0.36rem;color:#ff5000}

.specialtyBook .counts{position: absolute;right: 0.2rem;bottom: 0.3rem}



/*价格明细*/

.price-list-info{position: fixed;bottom: 1rem;left: 0;right: 0;top: 0; width: 100%;z-index: 999999;background-color: rgba(0,0,0,0.5)}

.product-container{padding: 0 0.2rem;background-color: #fff;position: absolute;bottom: 0;width: 100%;}

.price-list-info .product-title{height: 0.9rem;line-height: 0.9rem;border-bottom: 1px solid #ccc;}

.price-list-info h3{font-size: 0.32rem;color: #333;line-height: 0.9rem}

.price-list-info ul{padding: 0.32rem 0 0.2rem 0;max-height: 3rem;overflow: auto}

.price-list-info li{position: relative;margin-bottom: 0.12rem}

.price-list-info span{font-size: 0.28rem;color: #000;display: inline-block;width: 5rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }

.price-list-info font{color: #ff4a00;font-size: 0.24rem;position: absolute;right: 0}

.price-list-info em{color: #ff4a00;font-size: 0.3rem}

.icon-bottom{cursor: pointer;position: absolute;right: 2.4rem;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform:rotate(-90deg) ;-o-transform:rotate(-90deg) ;-ms-transform: rotate(-90deg);}

.icon-bottom.on{transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform:rotate(90deg) ;-o-transform:rotate(90deg) ;-ms-transform: rotate(90deg);}

.price-list-info span:first-child{width: auto;margin-right: 0.8rem}

.price-list-info span:first-child+span{width: 3.6rem}



.specialtyBook input[name="visitDate"]+.list{border-top: 0}

.modal-backdrop{z-index: 9999999 }



.proName h3 i{padding: 0.02rem 0.08rem}



.noName.contactPhone{display: flex}

p.addVisitor.visitor+.hasCredentials input{width: 4.8rem;text-align: left;}

p.addVisitor.visitor+.hasCredentials{width: 100%;white-space: nowrap;display: flex}

p.addVisitor.visitor+.hasCredentials i{display: inline;line-height: 0.9rem;padding-left: 0.2rem}



/*规格属性*/

.attrCode{border-bottom:1px solid #e8e8e8;padding: 0.2rem 0 0.2rem}

.attrCode label{line-height: 0.55rem;padding-left:0.2rem; display:block; padding-right:0.2rem;margin-bottom: 0;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}

.attrCode label input{vertical-align: -0.06rem}

.attrCode label span{display: inline-block;vertical-align: middle;font-size:0.28rem;color:#000;margin-left: .1rem; font-weight: 500;}

.attrCodeTitle{

    font-size: 0.28rem;

    margin-left: .2rem;

    margin-bottom: .1rem;

}



/*分时预约*/

.appointment{border-bottom:1px solid #e8e8e8;padding: 0.2rem 0 0.2rem}

.appointment label{line-height: 0.55rem;padding-left:0.2rem; display:block; padding-right:0.2rem;margin-bottom: 0;white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}

.appointment label input{vertical-align: -0.06rem}

.appointment label span{min-width: 2.5rem;display: inline-block;vertical-align: middle;font-size:0.28rem;color:#000;margin-left: .1rem; font-weight: 500;}

.appointment label span+span{min-width: inherit;float: right;margin-right: 0.1rem}





/*出行方式*/

.trip{border-bottom:1px solid #e8e8e8;padding: 0;font-size: 0;background-color: #fff}

.trip .tripList{padding: 0.2rem 0;}

.trip label{position: relative;line-height: 0.55rem;padding-left:0.2rem; display:inline-block; padding-right:0.2rem;margin-bottom: 0;white-space: nowrap;  overflow: hidden;  width: 33.33%;vertical-align: middle;font-size: 0.3rem;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box}

.trip label input{vertical-align: -0.06rem}

.trip label span{min-width: 2.5rem;display: inline-block;vertical-align: middle;font-size:0.28rem;color:#000;margin-left: .1rem; font-weight: 500;}



.trip input[type="radio"] {opacity: 0;top: 0;outline: none;margin: 0;padding-left: 0.2rem;position: absolute;left: 0;right: 0;width: 100%;height: 100%; appearance:none;-moz-appearance:none; /* Firefox */  -webkit-appearance: none;background-color: transparent;}

.hj-pt-20{border-top: 0.2rem solid #f0f0f0}



.icon-radio{  color: #d3d3d3  }

.icon-radio.on{  color: #ff7c01  }





/*识别身份证*/

.collectTicket{position: relative}

.credentialRecognition .visitorFile{padding-left: 0;opacity: 0;padding-top: 0;  padding-bottom: 0;  font-size: 0;  position: absolute;  left: 0;  right: 0;  top: 0;  bottom: 0;  background-color: transparent;  color: transparent;z-index: 99999;width: 100% !important;height: 100%;outline: none;  border: 0;}

.credentialRecognition .visitorFile:focus{outline: none}

div.credentialRecognition{border-radius: 0.05rem;font-weight: normal;position: absolute;right: 0.2rem;top: 0.14rem;background-color: transparent;line-height: 0.39rem;outline: none;border: 1px solid #ddd;padding: 0.1rem;font-size: 0.24rem;color: #333}

.collectTicket div.credentialRecognition span{margin-right: 0.1rem;vertical-align: -0.04rem;;display: inline-block;background: url(/img/b2c/credentialRecognition.png) center center no-repeat;width: 0.28rem;height: 0.28rem;background-size: 0.28rem}

div.credentialRecognition.item{border: 0;top: 0.26rem;position: absolute;right: -0.02rem;margin-right: 0.1rem;display: inline-block;background: url(/img/b2c/credentialRecognition.png) center center no-repeat;width: 0.36rem;height: 0.36rem;background-size: 0.36rem;padding: 0}

.loadingOverBg{display: none}

.hide-camera .credentialRecognition{display: none !important;}





.vistors .idCardCredentials{width: 3.6rem;float: left; padding-left: 0.1rem;text-align: left}



.visitor .visitorSelect {

    font-size: 0.28rem;

    margin-top: 0.12rem;

    outline: none;;

    float: left;

    width: 1.2rem;

    padding-left: 0.1rem;

    border: 0;

    margin-right: 0.2rem;

    background-color: #fff !important;

    height: 0.62rem;

    background: url(/weixin/img/rightJ.png) right 0.2rem no-repeat !important;

    background-size: 0.14rem 0.26rem !important;

    -webkit-appearance: none;

}

/*.idCardCredentials{width: 2.68rem}*/

.noNameCredentials i{display: inline-block;width: 1.3rem}

.noNameCredentials input{width: 3.6rem !important;}



/*保险*/

body.fixedTop{position: fixed;top: 0;width: 100%}

.relate-premium .premium-product{  font-size: 0.26rem;  color: #333333;  line-height: 0.5rem;  display: inline-block;  width: 6rem;  white-space: normal;  }

.relate-premium  .icon-radio{  color: #d3d3d3  }

.relate-premium .icon-radio.on{  color: #ff7c01  }

.relate-premium-title{  font-weight: bold;  height: 0.9rem;  line-height: 0.9rem;  border-bottom: 1px solid #e8e8e8;  font-size: 0.3rem;  color: #333  }

.relate-premium p span{  color: #ff5000;  font-size: 0.3rem;  white-space: nowrap;  }

.relate-premium p .priceN{  font-size: 0.26rem;  margin-right: -0.08rem;  vertical-align: -0.02rem;  }

.relate-premium p{  padding: 0.2rem;  display: flex;  }

.relate-premium label{position: relative;display: inline-block;text-align: right;width: 0.6rem}

.relate-premium input[type="checkbox"] {top: 0;outline: none;margin: 0;padding-left: 0.2rem;position: absolute;left: 0;right: 0;width: 100%;height: 100%; appearance:none;-moz-appearance:none; /* Firefox */  -webkit-appearance: none;background-color: transparent;}

.relate-premium{margin-top:.2rem;background-color: #fff}

.premiumBg{position: fixed;background-color: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;z-index: 9999999;top: 0}

.premiumIntro{overflow-y: auto;overflow-x: hidden;z-index: 999;position: fixed;bottom: 0;width: 7.2rem; ; max-height: 80%;background-color: #ffffff;  border-radius:0.2rem 0.2rem 0 0;  padding: 0.45rem 0 0.8rem 0;  }

.premiumIntro h3{position: relative;text-align: center;padding: 0 0.2rem;font-size: 0.32rem;color: #333}

.premiumIntro .premiumIntroHeader{font-weight: bold;padding-left: 0;font-size: 0.3rem;color: #333;height: 0.9rem;line-height: 0.9rem;text-align: left;}

.premiumIntro .premiumIntroHeader+div{font-size: 0.24rem;color: #696969;line-height: 0.42rem;padding: 0 0.2rem}

.premiumIntro .premiumIntroHeader+div p{margin-bottom: 0.24rem}

.premiumIntro .info+div span{font-size: 0.24rem;line-height:0.4rem;color: #999;display: block}

.premiumIntro .close{ cursor: pointer;font-size: 0.6rem;  color: #333;  position: absolute;  right: 0.2rem;  top: -0.18rem;font-weight: normal;}

.premium-product .showDetail{display: inline-block;vertical-align: -0.04rem;width: 0.26rem;height: 0.26rem;background: url(/img/b2c/question.png) center center no-repeat;background-size: 0.26rem 0.26rem;margin-left: 0.1rem}

/*优惠券*/

.coupon .info span{ display: inline-block;line-height: 0.32rem;vertical-align: middle;width: 1.45rem;height:0.32rem;color: #ff5000;margin-left: 0.15rem;font-size: 0.22rem;;padding: 0 0.07rem;text-align: center;border-radius: 0.03rem;  border: solid 0.01rem #ff5000;}

.coupon-title{font-weight: bold;height: 0.9rem;line-height: 0.9rem;  border-bottom: 1px solid #e8e8e8;  font-size: 0.3rem;  color: #333  }

.coupon font{position: absolute;right: 0.2rem;top: 0.15rem;font-size: 0.3rem;color: #ff5000;}

.coupon .info{position: relative;padding: 0.2rem;display: flex;}

.coupon .info i{font-size: 0.3rem}

.coupon .icon-detail{color: #ff5000;font-size: 0.24rem;vertical-align: 0.02rem}

.coupon{margin-top:.2rem;background-color: #fff}



.couponListBg.visibility-hidden {

    left: -100000px;

    display: none

}

.couponListBg{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,0.5);z-index: 99999}



.couponList {

    z-index: 999;

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 8rem;

    background-color: #f6f6f6;

}

.couponList .hotelInfoHeader{background-color: #fff;font-size: 0.32rem;height: 1.09rem;line-height: 1.09rem;padding: 0 0.3rem;background-color: #fff}

.couponList .hotelInfoHeader h3{display: inline-block;width: auto}



.couponList .close {

    cursor: pointer;

    color: #858585;

    float: right;

    width: 1.09rem;

    margin-right: -0.36rem;

    height: 1.09rem;

    line-height: 1.09rem;

    background-color: #f2f2f2;

    display: inline-block;

    border-radius: 50%;

    font-size: 0.4rem;

    text-align: center;

}

.couponList .list{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;background-color: #f6f6f6;padding: 0.2rem 0.3rem 0;list-style: none;height: 6.72rem;overflow-y: auto;}

/*.couponList .list>div:nth-last-of-type(1){margin-bottom: 1rem}*/

.couponList .list>div{display: block;width: 100%;margin-bottom: 0.2rem;}

.couponList .list>div span{height: 0.5rem;line-height: 0.5rem;font-size: 0.24rem;margin-top: 0}

.couponList .list>div .comment{color: #999999;font-weight: normal;display: inline;margin: 0}

.couponList .dropload-down{display: none !important;}

.couponList .list>div .couponInfo em{color: #999999; display: inline-block;font-size: 0.21rem;width: 100%;margin-top: 0.13rem}

.couponList .list>div .couponInfo em i{font-size: 0.21rem;float: right;margin-right: 0.1rem;cursor: pointer;margin-top: 0;  width: 0.36rem;  height: 0.36rem;  text-align: center;  line-height: 0.36rem;  margin-bottom: 0;}

.couponList .btn{padding: 0;min-width: 1.10rem; float: right; height: 0.38rem;border-radius: 0.18rem;  border: solid 0.01rem #ff8300;text-align: center;line-height: 0.38rem;font-size: 0.2rem;color: #ff8300;margin-right: 0.2rem}

.couponList .btn.orangeBg{border: 0;color: #fff;background-image: linear-gradient(90deg, #fcb45f 0%, #ff731f 84%), linear-gradient(#e5e5e5, #e5e5e5);}

.couponList .imgContainer{text-align: center;display: inline-block;vertical-align: top;width: 2.26rem;height: 1.94rem;position: relative}

.couponList .imgContainer img{width: 2.26rem;height: 1.94rem;}

.couponList .imgContainer .imgSrc{width: 2.26rem;height: 1.94rem;display: inline-block;background: url(/weixin/img/coupon/coupon1.png) center center no-repeat;background-size: 2.26rem 1.94rem}

.couponList .imgContainer font{font-size: 0.3rem;color: #fff;position: absolute;top: 0.28rem;left: 0;right: 0;margin: auto}

.couponList .imgContainer font em{font-size: 0.8rem;color: #fff;}

.couponList .imgContainer span{position: absolute;top: 1.35rem;left: 0;right: 0;margin: auto;color: #fff}

.couponList .introduces{padding: 0.2rem;background-color: #fff;box-shadow: 0px 0px 0.15rem 0px

rgba(0, 0, 0, 0.07);}

.couponList .wholeCategoryTag{display:none !important;}



.couponList .imgContainer .detail{float: right}

.couponList .list div.couponItem{white-space: nowrap;font-size: 0;box-shadow: 0px 0px 0.15rem 0px rgba(0, 0, 0, 0.07);background-color: #fff}

.couponList .list h3{white-space: normal;color: #2a2a2a;font-size: 0.24rem;height: 0.65rem;line-height: 0.32rem;overflow:hidden}

.couponList .list .couponItem div{display: inline-block;vertical-align: top;}

.couponList .list .couponItem div:nth-of-type(1){margin-right: 0.2rem;}

.couponList .list .couponItem div:nth-of-type(2){width: 4.16rem;height: 100%;padding: 0.2rem 0 0 0}

.couponList .list a span{height: 0.5rem;line-height: 0.5rem;color: #696969;font-size: 0.2rem;margin-top: 0.16rem}

.couponList .list h3 i{vertical-align: 0.05rem;border-radius: 0.27rem;min-width: 0.93rem;padding: 0.03rem 0.13rem; display: inline-block; height: 0.27rem;line-height: 0.27rem; text-align: center;color: #fafafa; background-color: #fc9d56; font-size: 0.18rem}

.couponList .list>div .comment{font-size: 0.2rem;color: #999999;font-weight: normal;display: block;margin-bottom: 0.25rem}

.couponList hr{background: url(/weixin/img/coupon/line.png) left top repeat;margin: 0;padding: 0;border: 0;height: 1px;width: 100%}

.couponList .list>div .couponInfo em i{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);}

.couponList .list>div .couponInfo em i.on{ transform:rotate(270deg);-webkit-transform:rotate(270deg);-moz-transform: rotate(270deg);-o-transform: rotate(270deg);-ms-transform: rotate(270deg);}

.couponList .list:nth-of-type(1) div .couponInfo .btn ,.couponList .list:nth-of-type(1) div hr,.couponList .list:nth-of-type(1) .couponInfo em{display: none}

.couponList .list:nth-of-type(3) div .couponInfo .btn ,.couponList .list:nth-of-type(3) div hr,.couponList .list:nth-of-type(3) .couponInfo em{display: none}

.couponList .list:nth-of-type(3) .couponInfo em,.couponList .list:nth-of-type(3) .couponInfo .btn {display: none}

.couponList .list:nth-of-type(3) .introduces{display: none !important;}

.couponList .list:nth-of-type(3) .wholeCategoryTag{display: block !important;}

.couponList .list>*:nth-last-child(1){margin-bottom: 2rem}





.couponList .hd{font-size: 0;  height: 0.9rem;  line-height: 0.9rem;  border-bottom: 1px solid #e8e8e8;}

.couponList .hd li span{color: #696969}

.couponList .hd li{display: inline-block;width: 33%;text-align: center;font-size: 0.3rem;color: #696969;}

.couponList .hd b{margin:0 auto 0;display: none;width: 0.55rem;  height: 0.05rem;  background-color: #ffcf00;  border-radius: 0.02rem;}

.couponList .hd li.on b{display: block;}

.couponList .hd li.on{color: #333;font-weight: bold}

.couponList .hd i.icon-date{color:#ff8809;font-size: 0.23rem;vertical-align: -0.01rem;margin-right: 0.1rem;margin-top: 0}

.couponList .hd li b{margin-top: -0.04rem}



/*.couponList .list:nth-of-type(2) h3,.couponList .list:nth-of-type(2)>div .comment,.couponList .list:nth-of-type(2)>div .couponInfo em{color: #696969}*/

.couponList .list:nth-of-type(3) h3,.couponList .list:nth-of-type(3)>div .comment,.couponList .list:nth-of-type(3)>div .couponInfo em{color: #696969}

/*.couponList .list:nth-of-type(2) h3 i{background-color: #c2c2c2;}*/

/*.couponList .list:nth-of-type(2) .listItem{background: url(/img/b2c/coupon/couponBg2.jpg) right 0.2rem no-repeat;background-size: 1.04rem 1.04rem;background-color: #fff}*/

.couponList .list:nth-of-type(2) .imgContainer .imgSrc{width: 2.26rem;height: 1.94rem;display: inline-block;background: url(/img/b2c/coupon/couponBg3.png) center center no-repeat;background-size: 2.26rem 1.94rem}

.couponList .list:nth-of-type(3) .imgContainer .imgSrc{width: 2.26rem;height: 1.94rem;display: inline-block;background: url(/img/b2c/coupon/couponBg3.png) center center no-repeat;background-size: 2.26rem 1.94rem}



.couponList .list:nth-of-type(2) .radioContainer{display: none}

.couponList .list:nth-of-type(3) .radioContainer{display: none}

/*.couponList .list:nth-of-type(3) h3 i{background-color: #c2c2c2;}*/



/*.couponList .list:nth-of-type(1){position: relative;}*/

.couponList .list:nth-of-type(1) .couponConfirm+.listItem{margin-top: 0.7rem}

.couponList .list:nth-of-type(1) .dropload-down+.listItem{margin-top: 0.7rem}

.couponList .list:nth-of-type(1) .dropload-down+p.goBottom{margin-top: 0.7rem}

.couponList .list:nth-of-type(1) .couponConfirm+p.goBottom{margin-top: 0.7rem}

.couponConfirm{margin-bottom: 0 !important;z-index: 99999;text-align: center;background-color: #fff;position: fixed;left: 0;right: 0;bottom: 0;width: 7.20rem;  height: 1.20rem;  box-shadow: 0 0.04rem 0.10rem 0px rgba(0, 0, 0, 0.1);}

.couponConfirmBtn{border: 0;text-align: center;color: #fff;line-height: 0.7rem;margin:0.25rem auto 0;font-size: 0.3rem;width: 6.80rem;  height: 0.70rem;  background-image: linear-gradient(90deg,

#ff9200 0%, #ff3554 100%), linear-gradient(#ff0030, #ff0030);  background-blend-mode: normal, normal; border-radius: 0.35rem;}

.couponPrice{z-index: 99;background-color: #fff;position: absolute;  left: 0;  right: 0;top: 2rem;height: 0.7rem;line-height: 0.7rem;padding: 0 0.2rem}

.couponPrice .selectCouponPrice{color: #ff5000;}

.radioContainer{text-align: right;}

.radioContainer span{display: inline-block;width: 0.36rem;height: 0.36rem !important;background-color: #ffffff; border: solid 0.02rem #bebebe;border-radius: 50%;margin-right: 0.13rem;}

.radioContainer span.on{border-color: #ff5000;background: url(/img/b2c/coupon/selected.png) center center no-repeat;background-size: 0.36rem 0.36rem;}

.couponList p.goBottom, p.noComment{background-color: transparent;}

.couponList .list:nth-of-type(1)  .couponConfirm+.dropload-down+p.goBottom{margin-top: 0.65rem !important;}

.couponList .list:nth-of-type(1)  .couponConfirm+.dropload-down+.dropload-down+p.goBottom{margin-top: 0.65rem !important;}

.poiName{font-size: 0;min-height: 0.6rem;width: 100%;padding: 0.2rem;border-bottom: 0.2rem solid #f5f5f5;background-color: #fff;}

.poiName h3{vertical-align: middle;font-size: 0.3rem;color: #333;display: inline-block;width: 5.5rem;margin-left: 0.2rem}

.poiName img{width: 1rem;height: 0.66rem}



.selectTip{font-size: 0.26rem;}

.selectTip.gray{color: #999999}

.coupon .selectTip.gray:not(.content-hide) ~.icon-detail{color: #999}



.couponList .list .couponItem div:nth-of-type(2).havingCoupon{background: url(/img/b2c/coupon/couponBg3.jpg) right 0 no-repeat;background-size: 0.96rem;background-color: #fff}



.couponInfo.havingCoupon .btn{display: none !important;}

.couponInfo.havingCoupon .btn.orangeBg{display: block !important;}





p.addVisitor.visitor+.hasCredentials i{float: none}

.visitor .visitorSelect{display: inline-block;float: none}

.vistors .idCardCredentials{display: inline-block;float: none}