﻿/*套餐公共*/
.inputBtu {background-color: #37c9d6; color: #fff; line-height: 40px; width: 100%; font-size: 1.6rem; border-radius: 5px; margin-top: 20px; display: block; text-align: center;}
.iBox {padding: 0 20px;}
.separate{height: 10px;background-color: #f8f8f8;}
header .search li{border: 0;line-height: 26px;}
header .search li.title{line-height: 36px; text-align: center; font-size: 2rem; color: #fff;}
header .search li.more{color: #fff; font-size: 2.5rem; text-align: right; line-height: 25px;}

/*套餐搜索*/
.brandbox{background-color:#f8f8f8;}
.other_show .input input[type="text"]{width: 100%;border-radius: 5px;}
.other_show h2{line-height: 40px;padding-left: 35px;color: #999;font-size: 14px;position: relative;}
.other_show h2 .arrow{position: absolute; right: 10px; top: 50%; margin-top: -8px; width: 8px; height: 8px; border-top: 2px solid #37C9D6; border-right: 2px solid #37C9D6; -webkit-transform: rotate(135deg); transform: rotate(135deg);-webkit-transition: -webkit-transform 200ms linear; transition: transform 200ms linear; }
.other_show section.more .arrow{-webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.other_show section{background: #fff;box-shadow: 0 0 0.5px 0.5px #ececec;margin-bottom: 10px;height: 140px;overflow: hidden;}
.other_show section.more{height: auto;}
.other_show section h2>i{display: inline-block;width: 20px;height: 20px;position: absolute;left: 9px;top: 10px;padding: 0px;border-radius: 3px;}
.other_show section h2>i.ico_search{background: url(../images/icon/hot.png) no-repeat 1px 1px/18px;background-color: #facb90;}
.other_show section h2>i.ico_char{background: url(../images/icon/char.png) no-repeat 1px 1px/18px;background-color: #ffb5ab;}
.other_show section h2>i.ico_brand{background: url(../images/icon/brand.png) no-repeat 1px 1px/18px;background-color: #deabff;}
.other_show section h2>i.ico_des{background: url(../images/icon/des.png) no-repeat 1px 1px/18px;background-color: #abcbff;}
.other_show .tablebox{/* border-bottom: 1px solid #ddd; */ }
.other_show .tablebox ul{border-top:1px solid #EFEFEF;}
.other_show .tablebox li{float: left;width: 25%;height: 50px;line-height: 50px;/*padding: 10px;*/font-size: 14px;box-sizing: border-box;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-align: center;border: 1px solid #EFEFEF;border-width: 0 1px 1px 0;position: relative;}
.other_show .tablebox li:nth-child(4n){border-right: 0;}
.other_show .tablebox li a{color: #000;}

.starbox{}
.starbox .mask{background-color: rgba(0,0,0,.5);position: absolute;height: 100%;width: 100%;top: 0;}
.starbox .bd{position: absolute;bottom: 0;width: 100%;height: 380px;box-sizing: border-box;padding: 0;background-color: #efefef;padding: 10px;}
.starbox .bd dl{/* padding: 0 10px; */}
.starbox .bd dt{font-size: 16px;padding-bottom: 10px;clear: left;padding-top: 10px;}
.starbox .bd dd{float: left;background: #fff;width: 25%;padding: 5px 0px;margin-bottom: 5px;text-align: center;/* margin-left: -2px; */font-size: 12px;white-space: nowrap;letter-spacing: -1px;line-height: 30px;border-right: 1px solid #EBEBEB;box-sizing: border-box;text-overflow: ellipsis;overflow: hidden;font-size: 12px;}
.starbox .bd dd:nth-child(4n+1){border-right: 0;}
.starbox .bd dd:last-child{border-right: 0;}
.starbox .bd dd.on,.starbox .bd dt.on{background-color: #37c9d6;color: #fff;}
.starbox .bd .btu{background: #37c9d6;height: 44px;width: 100%;color: #fff;font-size: 18px;border-radius: 3px;line-height: 44px;text-align: center;box-sizing: border-box;margin-top: 10px;}

.dorpBox {}
.dorpBox .showBox{position:fixed;bottom:0;left:0;bottom: 0;width:100%;height: 190px;background:#FFF;z-index: 999;overflow-y: scroll;}
.dorpBox .showBox h2{font-weight:500;font-size:14px;height:40px;line-height:40px;text-align:center;border-bottom:1px solid #DEDEDE;margin:0;padding-left:0;}
.dorpBox .showBox .showList{padding:0 25px;overflow:auto;}
.dorpBox .showBox p{text-align:center;height:36px; line-height:36px; margin:0;font-size:12px;}
.dorpBox .showBox p font{color:#000;width:25px;text-align:right;padding-right:30px;}
.dorpBox .showBox p.cur{border:1px solid #09F;color:#09F; border-width:1px 0;}
.dorpBox .dorpBoxBg{position:fixed;bottom:0;left:0;bottom: 0; width:100%; height:100%;background:#999;opacity: 0.3;}

.taocanSearch{}
.taocanSearch ul{}
.taocanSearch li {color: #666;border-bottom: 1px solid #e1dfdf;padding: 0 15px 0px;line-height: 50px;font-size: 1.4rem;overflow: hidden;position: relative;padding-left: 20px;height: 50px;background-color: #fff;}
.taocanSearch li .fr{float: right;color: #37c9d6;position: absolute;right: 15px;}
.taocanSearch li .fl{float: left;line-height: 30px;width: 100%;padding-right: 100px;box-sizing: border-box;height: 50px;}
.taocanSearch li .fl > div{height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.taocanSearch li .fl .s{font-size: 1.2rem;color: #BEBEBE;padding-left: 0;}
.taocanSearch li.mb10{margin-bottom: 10px;}
.taocanSearch li.bt1{border-top:1px solid #e1dfdf;}
.taocanSearch li.pl50{padding-left: 50px;}
.taocanSearch li.mt10{margin-top: 10px;}
.taocanSearch 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);float: right;margin-top: 18px;margin-left: 10px;}
.taocanSearch li em{color: #37c9d6;font-weight: bold;font-size: 1.6rem;}
.taocanSearch li.dl{}
.taocanSearch li a{display: block;height: 100%;width: 100%;}
.taocanSearch li .date_ico{display: inline-block; background: url(../images/icon/date.png) no-repeat scroll 0 0/21px; height: 25px; width: 25px; position: absolute; top: 12px; left: 20px;}
.taocanSearch li .poin{float: right; line-height: 9px; width: 70px; text-align: center; border-left: 1px solid #e1dfdf; height: 35px; margin-top: 7px; font-size: 1rem; margin-left: 20px;}
.taocanSearch li .poin a{color: #37c9d6;}
.taocanSearch li .poin div:nth-child(1){height: 25px; background: url(../images/icon/poin.png) no-repeat 50% -5px/31px;}
.taocanSearch li .poin div:nth-child(2){}
.taocanSearch li .s{font-size: 1rem;color: #666;padding-left:10px;}
.taocanSearch li .s_box{height: 25px; display: block; float: left; margin-top: 10px; line-height: 25px; background-color: #37c9d6; color: #fff; text-align: center; border-radius: 5px;padding: 0 5px;} 

/*---------------------------------------------------------套餐列表---------------------------------------------------------*/
.list{}
.list .hd{height: 48px;margin-bottom: 6px;}
.list .hd ul{display:-moz-box; display:-webkit-box; display:box;display: -o-box;width: 100%;}
.list .hd li{height: 48px; text-align: center;line-height: 46px; background-color: #fff; color: #666; font-size: 1.4rem;-moz-box-flex:1; -webkit-box-flex:1; box-flex:1;-o-box-flex:1;}
.list .hd li.on span{border-bottom: 2px solid #37c9d6; display: inline-block; color: #37c9d6;}
.list .bd{}
.list .bd ul{padding: 0 12px;}
.list .bd li{padding-bottom: 5px;position: relative;}
.list .bd li .nofound{background: url(../images/icon/nofound.png);width: 100%;padding-bottom: 42.5%;background-size: cover;}
.list .bd li .img{width: 108px;padding-bottom: 88px; background-size: cover;border-radius: 5px;float: left;position: relative;overflow: hidden;background-position: center;}
.list .bd li .text{box-sizing:border-box;margin-left: 120px;height: 90px;border-bottom: 1px solid #e1dfdf;}
.list .bd li .text h2{color: #666666; font-size: 1.4rem; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 38px; line-height: 19px;}
.list .bd li .text .introduce{font-size: 1.2rem;height: 28px;overflow: hidden;}
.list .bd li .text .price{width: 65px;height: 28px;box-sizing: border-box;padding: 6px 0;font-size: 1rem;text-align: right;margin-left: 12px;line-height: 17px;color: #ff8800;position: absolute;right: 0;}
.list .bd li .text .price em{font-size: 1.8rem;}
.list .bd li .text .price i{font-style: normal; color: #b9b9b9;}
.list .bd li .text ul{padding: 0;}
.list .bd li .text li{margin:0;}
.list .bd li .text .comm{color: #b9b9b9; padding-top: 3px; line-height: 20px;float: left;}
.list .bd li .text .des{height: 51px;font-size: 12px;}
.list .bd li .text .discount{float: left; width: 100%;}
.list .bd li .text .discount span{display: inline-block; padding: 0 3px; font-size: 1rem;line-height: 15px;background-color: #fff;margin-right: 5px;border: 1px solid #7eb9f0;color: #7eb9f0;}
.list .bd li .text .discount span.d1{border: 1px solid #b986bc;color: #b986bc;}
.list .bd li .text .discount span.d2{border: 1px solid #9bc68a;color: #9bc68a;}
.list .bd li .text .discount span.d3{border: 1px solid #7eb9f0;color: #7eb9f0;}

/*---------------------------------------------------------套餐展示页---------------------------------------------------------*/
.slideBox .hd{bottom: 30px;}
.banner{position: absolute; bottom: 0; width: 100%;}
.banner ul{display:-moz-box;display:-webkit-box;display:box;display: -o-box;width: 100%;background-color: rgba(0,0,0,0.5);}
.banner li{-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;-o-box-flex:1;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 1.2rem;}
.show{padding-top: 15px; background-color: #fff;}
.show ul{}
.show li{color: #666;border-bottom: 1px solid #e1dfdf;padding: 0 10px 0px;line-height: 40px;font-size: 1.4rem;overflow: hidden;}
.show li.title{font-size: 1.4rem;color: #000;border: 0;line-height: 20px;}
.show li.price{line-height: 30px;font-size: 1.2rem;overflow: hidden;}
.show li.price span{margin: 0 5px;}
.show li.price .rate{color: #ff8800;font-size: 1.8rem;margin-right: 0;}
.show li.price .del{color: #b9b9b9;text-decoration: line-through;}
.show li.price .pleft{float: left;}
.show li.price .state{float: right;line-height: 32px;/* margin-bottom: 5px; */}
.show li.price .state span{display: inline-block;margin: 0;line-height: 13px;color: #666;font-size:10px;}
.show li.price .state .score{color: #37c9d6;}
.show li.price .state .score i{font-weight: 500;font-size: 18px;padding-right: 2px;}
.show li.price .state .scoreNum{position: relative;padding: 0 15px 0 4px;color: #9b9b9b;font-size: 12px;}
.show li.price .state .scoreNum:after{content:'';position: absolute;width: 6px;height: 6px;border-right: 2px solid #ccc;border-bottom: 2px solid #ccc;transform:rotate(-45deg);top:50%;margin-top: -5px;right: 3px;}
/*推荐栏*/
.show .label{/* border-bottom: 1px solid #dddddd; */height: 4rem;line-height: 4rem;}
.show .label div{width: 25%;float: left;text-align: center;color: #666;}
.show .label div span{position: relative;display: inline-block;width: 1.2rem;height: 1.2rem;background-color: #fff;border: 1px solid #37c9d6;border-radius: 100%;vertical-align: middle;top: -2px;left: -4px;}
.show .label div span i{width: .3rem;height: .6rem;border-right: 1px solid #37c9d6;border-bottom: 1px solid #37c9d6;-webkit-transform: rotate(45deg);transform: rotate(45deg);margin-left: 4px;position: absolute;top: .2rem;right: .4rem;}
.datebox{margin-top: 1rem; background-color: #fff;}
.datebox .dayschoose{padding: 10px 5px 0 10px;}
.datebox .dayschoose a{width: 33.33%; float: left; padding-right: 5px; box-sizing: border-box; margin-bottom: 5px;}
.datebox .dayschoose a span{background-color: #fff;border: 1px solid #e1dfdf;padding: 4px 10px;border-radius: 3px;font-size: 14px;display: inline-block;box-sizing: border-box;text-align: center;/* margin-bottom: 5%; */width: 100%;/* margin-right: 5%; */}
.datebox .dayschoose a:last-child span{margin-right: 0;}
.datebox .dayschoose a.on span{color: #37c9d6;background-color: #fff;position: relative;border: 1px solid #37c9d6;}
.datebox .dayschoose a.on span:after{content: ''; position: absolute; bottom: 1px; right: 1px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; width: 2px; height: 5px; transform: rotate(45deg);}
.datebox .dayschoose a.on span:before{content: '';display: block;position: absolute;right: 0px;bottom: 0;border: 5px solid #37c9d6;border-left-color: transparent;border-top-color: transparent;}
.datebox .hoteldate{padding: 10px;}
.datebox .hoteldate .item{width: 50%;float: left;font-size: 1.4rem;}
.datebox .hoteldate .item .label{font-size: 10px; color: #666;}
.datebox .hoteldate .item .date{font-size: 18px;}
.datebox .hoteldate .item .date span{font-size: 10px; color: #666; margin-left: 5px;}
.datebox .hoteldate .item.none{color: #666;}
/*套餐价展示*/
.taocanprice{margin-top: 10px; background: #fff; padding: 10px;}
.taocanprice li{margin-bottom: 10px;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.taocanprice li:last-child{margin-bottom: 0;border-bottom: 0;padding-bottom: 0;}
.taocanprice li .top-item{position: relative;}
.taocanprice li .top-item .img{width: 50px; height: 50px; background-size: cover; float: left;}
.taocanprice li .top-item .room{margin-left: 10px;width: 100%;height: 55px;position: absolute;padding: 0 70px 0 50px;box-sizing: border-box;overflow: hidden;}
.taocanprice li .top-item .room h3{font-size: 1.4rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.taocanprice li .top-item .room .state{color: #666;}
.taocanprice li .top-item .room .state span{margin-right: 5px;}
.taocanprice li .top-item .pricebox{float: right;font-size: 1rem;color: #666;text-align: right;}
.taocanprice li .top-item .pricebox .price{color: #ff8800;font-size: 1.8rem;}
.taocanprice li .top-item .pricebox .save{color: #ff8800;font-size: 1.2rem;}
.taocanprice li .bottom-item{margin-top: 5px;position: relative;height: 33px;}
.taocanprice li .bottom-item .left{position: absolute; width: 100%; box-sizing: border-box; padding-right: 70px;}
.taocanprice li .bottom-item .left h4{font-size: 1.4rem;height: 19px;line-height: 19px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.taocanprice li .bottom-item .left .state{color: #666;}
.taocanprice li .bottom-item .left .state span{margin-right: 5px;}
.taocanprice li .bottom-item .right{z-index: 99;position: absolute;right: 0;top: 2px;}
.taocanprice li .bottom-item .right a{color: #fff; background: #ff8800; padding: 7px 6px; font-size: 1.2rem; border-radius: 3px; display: block;}
.taocanprice li.down{text-align: center;font-size: 14px;}
.taocanprice li.down span{position: relative;padding-right: 20px;color: #37c9d6;}
.taocanprice li.down span:after{content: '';position: absolute;width: 6px;height: 6px;border-right: 2px solid #37c9d6;border-bottom: 2px solid #37c9d6;transform: rotate(45deg);top: 50%;margin-top: -5px;right: 3px;}
/*切换*/
.tabSlide{margin-top: 10px;}
.tabSlide .hd{height: 48px;border-bottom: 1px solid #e1dfdf;width: 100%;z-index: 99;}
.tabSlide.fix .hd{position: fixed;top: 0;left: 0;}
.tabSlide .hd ul{display:-moz-box; display:-webkit-box; display:box;display: -o-box;width: 100%;}
.tabSlide .hd li{height: 48px; text-align: center;line-height: 46px; background-color: #fff; color: #666; font-size: 1.4rem;-moz-box-flex:1; -webkit-box-flex:1; box-flex:1;-o-box-flex:1;}
.tabSlide .hd li.on span{border-bottom: 2px solid #37c9d6; display: inline-block; color: #37c9d6;}
.tabSlide .pin-wrapper{height: 49px;}
.tabSlide .bd{background-color: #fff;}
.tabSlide .bd .publicBox{font-size: 1.2rem;}
.tabSlide .bd .publicBox .reset{padding: 10px; }
.tabSlide .bd .publicBox .reset img{max-width: 100%;height: auto!important;}
.tabSlide .bd .title{font-size: 16px;line-height: 30px;margin: 5px 0 5px 0;color: #666;position: relative;}
.tabSlide .bd .title span{background-color: #fff;margin: 0 auto;width: 100px;display: block;z-index: 2;position: relative;text-align: center;}
.tabSlide .bd .title:after{content: "";height: 1px;background: #d4d4d4;position: absolute;width: 100%;top: 49%;left: 0;-webkit-transform: scaleY(0.5);-ms-transform: scaleY(0.5);transform: scaleY(0.5);z-index: 1;}
.commentbox .commentInfo{padding-top: 0;}
.commentbox .comment{margin-top: 0;padding: 0!important;}
.commentbox .comment li.more{text-align: center;font-size: 12px;border-bottom: 0;height: 40px;min-height: auto;}
/*date*/
#date {width: 100%;margin: 0 auto;max-width: 640px;background: #fff;z-index: 999;}
#date .date-title {background-color: #f5f5f5;position: relative;border-radius: 4px 4px 0 0;}
#date .date-title p {padding: 1.2rem 1rem; color: #333; font-size: 1.4rem; }
#date .date-title i.close {font-size: 1.4rem;border-radius: 50%;background: #939393;color: #fff;text-align: center;position: absolute;top: 0;right: 0;margin: 1rem;width: 20px;height: 20px;line-height: 20px;}
#date .date-list .choose {width: 100%;position: relative;background: #fff;}
#date .date-list .choose span.title {width: 80%; margin-left: 10%; display: inline-block; text-align: center; font-size: 1.2rem; padding: .5rem 0; line-height: 2rem; height: 2rem; }
#date .date-list .choose span.back {position: absolute;top: 0;left: 0;width: 2rem;height: 2rem;display: block;line-height: 2rem;margin: .5rem 0 .5rem 1rem;border-radius: 50%;border: 1px solid #37c9d6;text-align: center;}
#date .date-list .choose span.back i {border-bottom: 1px solid #37c9d6;border-left: 1px solid #37c9d6;transform: rotate(45deg);width: .5rem;height: .5rem;display: inline-block;margin-top: .5rem;}
#date .date-list .choose span.go {position: absolute;top: 0;right: 0;width: 2rem;height: 2rem;display: block;line-height: 2rem;margin: .5rem 1rem .5rem 0;border-radius: 50%;border: 1px solid #37c9d6;text-align: center;}
#date .date-list .choose span.go i {border-bottom: 1px solid #37c9d6;border-right: 1px solid #37c9d6;transform: rotate(-45deg);width: .5rem;height: .5rem;display: inline-block;margin-top: .5rem;}
#date .calender dt.week {display: -moz-box;display: -webkit-box;display: box;display: -o-box;width: 100%;/* background-color: #c5ebef; */font-size: 1.4rem;}
#date .calender dt.week span {-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;-o-box-flex: 1;height: 3.5rem;display: block;text-align: center;line-height: 3.5rem;}
#date .calender dt.week span:nth-child(1) {color: #37c9d6;}
#date .calender dt.week span:nth-child(7) {color: #37c9d6;}
#date .calender dd {width: 100%; padding: 0 1%; }
#date .calender dd span {height: 45px;display: block;text-align: center;line-height: 21px;color: #666;font-size: 1.4rem;width: 14%;float: left;border: 1px solid transparent;box-sizing: border-box;}
#date .calender dd span.day{}
#date .calender dd span .price{color: #37c9d6;font-size: 12px;}
#date .calender dd span.not {color: #b9b9b9;}
#date .calender dd span.on {border: 1px solid #37c9d6;border-radius: 3px;}

#room_show{font-size: 14px;background-color: #F8F8F8;}
#room_show .room_bd{background-color: #fff; padding: 10px;}
#room_show .room_bd ul{}
#room_show .room_bd li{width: 50%; float: left;}
#room_show .room_bd li>span{padding-right: 10px;color: #808080;}
#room_show .room_btn{background-color: #fff; margin-top: 10px;height: 40px;line-height: 40px;padding: 10px;}
#room_show .room_btn .g-price{color: #ff7d13;font-size: 1.8rem;font-weight: 700;margin-right: 10px;} 
#room_show .room_btn button{height: 35px;line-height: 36px;background-color: #ff9a14;float: right;color: #fff;padding: 1px 2px 1px 0px;border-radius: 5px;position: relative;width: 90px;margin-top: 2.5px;}
#room_show .room_btn .dt-btn{background-color: #fff;color: #999;position: absolute;left: 1px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;height: 33px;width: 36px;font-size: 12px;line-height: 35px;}

#room_pic{height: 150px;}
