/*酒店公共*/
.inputBox .input .i_city {font-size: 1.2rem; color: #37c9d6; line-height: 18px; text-align: left; /* display: inline-block; */ float: left;position: relative;width: 66px;}
.triangle-down {width: 0; height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #fff;display: inline-block;margin: 17px 0 0 5px;}
.inputBox .input .i_city em.arrow{width: 0; height: 0;border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #37C9D6;display: inline-block;margin: 17px 0 0 5px;position: absolute;top: 0;right: 0;}
.date {background-color: #fff;}

/*酒店搜索*/
.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;max-height: 140px;overflow: hidden;}
.other_show section.more{height: auto;max-height: initial;}
.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;}
/*---------------------------------------------------------酒店列表---------------------------------------------------------*/
.inputBox .input .i_city a{padding: 0;}
.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: 10px;position: relative;}
.list .bd li a{display: block;}
.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;background-repeat: no-repeat;}
.list .bd li .img .start{position: absolute; bottom: 0; width: 100%; text-align: center; color: #fff; background-color: #000; opacity: 0.8; line-height: 20px; font-size: 1.2rem;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;}
.list .bd li .img .state{position: absolute; left: 10px;}
.list .bd li .img .state span{display: block; width: 15px; text-align: center; color: #fff;  /*line-height: 16px;*/ /*font-size: 1.2rem;*/padding-top: 1px;}
.list .bd li .img .state span.s1{background-color: #ff725a;}
.list .bd li .img .state span.s2{background-color: #449e66;}
.list .bd li .img .state span.s3{background-color: #c59c53;}
.list .bd li .text{box-sizing:border-box;padding-left: 120px;height: 90px;}
.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: 19px;line-height: 19px;}
.list .bd li .text .introduce{font-size: 1.2rem;height: 28px;overflow: hidden;}
.list .bd li .text ul{padding: 0;}
.list .bd li .text li{margin:0;}
.list .bd li .text .price{/*width: 65px;*/ height: 48px; box-sizing: border-box; padding: 6px 0;font-size: 1rem;text-align: right;margin-left: 12px;line-height: 30px;color: #ff8800;/* float: right; */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 .comm{color: #b9b9b9; padding-top: 3px; line-height: 20px;float: left;font-size: 1.2rem;width: 100%;}
.list .bd li .text .comm .add{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list .bd li .text .comm em{color: #37c9d6;font-size: 1.4rem;font-weight: bold;}
.list .bd li .text .comm .serve{position: relative;top: 3px;left: 3px;}
.list .bd li .text .comm .serve img{width: 15px;height: 15px;}
.list .bd li .text .comm .discount{}
.list .bd li .text .comm .discount span{display: inline-block; padding: 0 3px; font-size: 1rem;line-height: 15px;background-color: #fff;margin-right: 5px;}
.list .bd li .text .comm .discount span.d1{border: 1px solid #e9aa93;color: #e96231;}
.list .bd li .text .comm .discount span.d2{border: 1px solid #83e4e7;color: #83e4e7;}
.list .bd li .text .des{border-bottom: 1px solid #e1dfdf;/* height: 51px; */width: 100%;}
.list .bd li .text .des ul{width: 100%;}
.list .bd li.notfound{font-size: 12px;}
/*---------------------------------------------------------酒店详情---------------------------------------------------------*/
.slideBox .bd li a > div{padding-bottom: 45%;background-size: cover;}
.hotelshow{}
.hotelshow ul{background:#f1f1f1;}
.hotelshow 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;}
.hotelshow li .fr{float: right;color: #37c9d6;position: absolute;right: 15px;}
.hotelshow li .fl{float: left;line-height: 30px;width: 100%;padding-right: 100px;box-sizing: border-box;height: auto;padding:5px 0;}
.hotelshow li .fl > div{height:22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.hotelshow li .fl .l{float:left;height:auto;}
.hotelshow li .fl .l img{border-radius:5px;}
.hotelshow li .fl .r{height:auto;padding-left:5px;}
.hotelshow li .fl .s{font-size: 1.2rem;color: #BEBEBE;padding-left: 0;}
.hotelshow li.mb10{margin-bottom: 10px;}
.hotelshow li.bt1{border-top:1px solid #e1dfdf;}
.hotelshow li.pl50{padding-left: 50px;}
.hotelshow li.mt10{margin-top: 10px;}
.hotelshow 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;}
.hotelshow li em{color: #37c9d6;font-weight: bold;font-size: 1.6rem;}
.hotelshow li.dl{}
.hotelshow li a{display: block;height: 100%;width: 100%;}
.hotelshow 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;}
/*房型*/
.hotelshow li.room{height: auto;padding: 0;margin-bottom:10px;border-top:1px solid #e1dfdf;}
.hotelshow li.room .title{padding: 0 10px;}
.hotelshow li.room .title .fr{color: #ff8800;font-size: 1.2rem;}
.hotelshow li.room .title .fr em{color: #ff8800;}
.hotelshow li.room .compare{float: right;height: 25px;color: #fff;line-height: 25px;border-radius: 3px;text-align: center;width: 15px;margin-top: 15px;margin-left: 10px;}
.hotelshow li.room .compare em{display: inline-block; width: 7px; height: 7px; border-right: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9; -webkit-transform: rotate(-45deg)translateY(0px); transform: rotate(-45deg)translateY(0px); margin-right: 8px; float: right; margin-top: 6px;}
.hotelshow li.room.on .compare em{-webkit-transform: rotate(45deg)translateY(0px); transform: rotate(45deg)translateY(0px);}
.hotelshow li.room .roomList{/* padding: 0 15px;background-color: #f5f5f5; border-top: 1px solid #e1dfdf; */}
.hotelshow li.room .roomList .photo_show{display: inline-block; width: 100%;padding: 10px 15px 0 15px;box-sizing: border-box;}
.hotelshow li.room .roomList .photo_show dl{}
.hotelshow li.room .roomList .photo_show dd{float: left;width: 20%;background-size: cover;background-position: center;padding-bottom: 16.5%;box-sizing: border-box;border-right: 5px solid #e9f4f5;border-top: 0;}
.hotelshow li.room .roomList .photo_show dd:nth-last-child(1){border:0;}
.hotelshow li.room .roomList .photo_show dd img{display: none;}
.hotelshow li.room .roomList .photo_more{width: 20%; padding-bottom: 22.5%; float: left; background-color: #b9b9b9; position: relative;}
.hotelshow li.room .roomList .photo_more span{position: absolute;width: 40px; height: 18px; text-align: center; font-size: 1.2rem; top: 50%; left: 50%; margin-left: -20px; margin-top: -8px;color: #666;}
.hotelshow li.room .roomList .photo_more i{display: inline-block;width: 10px;height: 10px;border-right: 1px solid #666666;border-bottom: 1px solid #666666;-webkit-transform: rotate(-45deg)translateY(0px);transform: rotate(-45deg)translateY(0px);margin-left: 3px;}
.hotelshow li.room .roomList dd{border-top: 1px solid #e1dfdf;padding: 0 15px;width: 100%;box-sizing: border-box;overflow: hidden;height: 50px;position: relative;}
.hotelshow li.room .roomList dd .price{float: right; color: #ff8800; font-size: 1rem;text-align: right;height: 50px;line-height: 35px;}
.hotelshow li.room .roomList dd .price div:nth-child(1){}
.hotelshow li.room .roomList dd .price div:nth-child(2){color: #BEBEBE; /* height: 20px; */ line-height: 0px;}
.hotelshow li.room .roomList dd .price em{color: #ff8800;}
.hotelshow li.room .roomList dd .book{float: right;height: 40px; line-height: 20px; text-align: center; width: 55px;margin-top: 6px; margin-left: 10px;}
.hotelshow li.room .roomList dd .book div:nth-child(1){background-color: #ff8800; color: #fff; border-top-right-radius: 5px; border-top-left-radius: 5px; font-size: 1.6rem;height: 23px;line-height: 22px;}
.hotelshow li.room .roomList dd .book div:nth-child(2){background-color: #e9e9e9; font-size: 1.2rem; color: #ff8800; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;height: 16px;line-height: 16px;}
.hotelshow li.room .roomList dd .supplier{float: left; height: 50px; line-height: 25px;overflow: hidden;}
.hotelshow li.room .roomList dd .supplier div:nth-child(1){}
.hotelshow li.room .roomList dd .supplier div:nth-child(2){font-size: 1rem; color: #BEBEBE;}
.hotelshow li.room .roomList .p_box{position: absolute;right: 15px;overflow: hidden;}
.hotelshow li .serve{position: relative;top: 3px;left: 3px;}
.hotelshow li .serve img{width: 15px;height: 15px;}

.hotelshow .roombread{height: 10px;line-height: 30px;background: #f1f1f1;color: #37c9d6;border-bottom:none;}
.hotelshow .roombread span{width: 50%;display: inline-block;}

/*---------------------------------------------------------酒店---------------------------------------------------------*/
.hotelshow 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;}
.hotelshow li .poin a{color: #37c9d6;}
.hotelshow li .poin div:nth-child(1){height: 25px; background: url(../images/icon/poin.png) no-repeat 50% -5px/31px;}
.hotelshow li .poin div:nth-child(2){}
.hotelshow li .s{font-size: 1rem;color: #666;padding-left:10px;}
.hotelshow 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;} 
.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;}

.infobox{background-color: #fff;}
.infobox header{display: block!important;position: initial;}
.tour{border-left: 2px solid #37c9d6;margin: 10px 0px 0px 20px;padding-left: 3px;color: #666;/* padding-bottom: 20px; */}
.tour ul{}
.tour li{position: relative;margin-bottom: 10px;}
.tour li h2{color:#37c9d6;font-size: 1.8rem; line-height: 36px;height: 36px;/*background-image: url(../images/icon/dashed.png);background-repeat-y: no-repeat;background-position: 0 29px;background-size: 18px;*/padding-left: 5px;}
.tour li h2 i{background: url(../images/icon/line/ltitle.png) no-repeat scroll 0 0/29px;display: block;width: 30px;height: 38px;color: #fff;font-style: normal;text-align: center;line-height: 30px;font-size: 1.2rem;position: absolute;left: -31px;top: 0px;}
.tour li h2.sp i{background-color: #37c9d6; color: #fff; display: block; font-size: 1.2rem; font-style: normal; height: 33px; left: -17px; line-height: 30px; position: absolute; text-align: center; top: 0; width: 6px;}
.tour li .place{color: #37c9d6; font-size: 1.4rem;padding-left: 20px;position: relative;}
.tour li .place i{background: url(../images/icon/line/place.png) no-repeat scroll 0 0/15px;width: 20px;height: 20px;position: absolute;left: 0;}
.tour li .eat{font-size: 1.4rem;/*background-image: url(../images/icon/dashed.png);background-repeat-y: no-repeat;background-position: 0 51px;background-size: 18px;*/height: 56px;}
.tour li .eat .tl{color: #37c9d6; line-height: 30px;}
.tour li .eat span{width: 33.33%; display: block; float: left;}
.tour li .stay{font-size: 1.4rem;/*background-image: url(../images/icon/dashed.png);background-repeat-y: no-repeat;background-position: 0 51px;background-size: 18px;*/height: 56px;margin-bottom: 10px;}
.tour li .stay .tl{color: #37c9d6; line-height: 30px;}
.tour li .stay span{}
.tour li .con{font-size: 1.4rem;}
.tour li .con img{max-width: 100%; height: auto!important;}
.f_tour{background-color: #b9b9b9;/*position: inherit;*/}
.f_tour a{display: block;height: 30px; text-align: center;line-height: 30px; font-size: 1.6rem;}

.info{padding: 10px;font-size: 1.4rem;line-height: 20px;color: #666;background-color: #f8f8f8;}
.info img{max-width: 100%; height: auto!important;}
.info .tel{border: 1px solid #37c9d6; background-color: #fff; color: #ff8800; line-height: 40px;margin: 0px 20px; border-radius: 5px; text-align: center; font-size: 1.6rem; /* font-weight: bold; */}
.info .fac{padding: 10px 20px;} 
.info .fac .title{color: #37c9d6; font-size: 1.4rem;}
.info .fac dl{margin-top: 10px;}
.info .fac dt{background-color: #37c9d6; /* width: 65px; */ color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center; line-height: 30px;}
.info .fac dd{border: 1px solid #37c9d6; line-height: 30px;}
.info .fac dd span{width: 33%; float: left; overflow: hidden; height: 30px; text-align: center;}
.info .fac dd.sp{border:0;}
.info .fac dd.sp span{text-align: left;}
.info .fac dd.sp span i{display: block;width: 20px;float: left;height: 20px;margin-right: 5px;}
.info .fac dd.sp span .wifi{background: url(../images/icon/wifi.png) no-repeat 0 0/cover;}
.info .fac dd.sp span .parking{background: url(../images/icon/parking.png) no-repeat 0 0/cover;}
.info .fac dd.sp span .ji{background: url(../images/icon/ji.png) no-repeat 0 0/cover;}
.info .fac dd.sp span .canting{background: url(../images/icon/canting.png) no-repeat 0 0/cover;}
.info .fac dd.sp span .jianshen{background: url(../images/icon/jianshen.png) no-repeat 0 0/cover;}
.info .fac dd.sp span .youyong{background: url(../images/icon/youyong.png) no-repeat 0 0/cover;}

.infoList{}
.infoList .hd{height: 48px;border-bottom: 0;}
.infoList .hd ul{display:-moz-box; display:-webkit-box; display:box;display: -o-box;width: 100%;}
.infoList .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;}
.infoList .hd li.on span{border-bottom: 2px solid #37c9d6; display: inline-block; color: #37c9d6;}
.infoList .bd{}
.infoList .bd ul{border-bottom: 1px solid #e1dfdf;}
.infoList .bd 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;border-top: 1px solid #e1dfdf;}
.infoList .bd li i{display: inline-block;width: 10px;height: 10px;border-right: 1px solid #b9b9b9;border-bottom: 1px solid #b9b9b9;-webkit-transform: rotate(-45deg)translateY(15px);transform: rotate(-45deg)translateY(15px);margin-right: 10px;margin-top: 4px;float: right;}
.infoList .bd img{max-width: 100%;}
.infoList .bd .text{font-size: 1.4rem;line-height: 20px;padding: 10px;background-color: #f8f8f8;}

#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;}