.wrap-inner{background:#fff }

.head-banner{ width:100% }

.timer-location{ position:relative; height:2.71rem; background:#ffc000 }
.timer-location .title-timer{ padding:0.54rem 0 0 20px; line-height:1.625rem; font-size:1rem; color:#23100b; float:left }
.timer-location .title-timer .timer{ background:#23100b; display:inline-block; width:1.7rem; height:1.7rem; font-size:1.07rem; border-radius:5px; border:1px solid #000; color:#fff;padding-top: 2px }
.timer-location .title-timer .miaosha-not-star .timer{ text-decoration:line-through }
.timer-location .title-timer .miaosha-start{ font-size:1.15rem; color:#ff1d25 }
.timer-location .title-location{ float:right; padding:0 2.43rem; background:url(/Images/Double12/icon-up-down.png) no-repeat right -0.3rem #fff; background-size:2.43rem auto; line-height:2rem;margin:0.3rem 0.3rem 0 0; font-size:1.14rem; border:1px solid #fff; border-radius:5px;color:black  }
.timer-location a:nth-child(4n+4){ margin-right:0 }
.timer-location .icon-down{ background-position:right -3rem }

.location-select{ background:#fff; position:absolute; z-index:100; left:0; right:0; top:2.71rem; padding:0.54rem; overflow:hidden; box-shadow:0 3px 4px #c8c8c8; display:none }
.location-select li{ float:left; width:4.2rem; padding:0 0.4rem; font-size:1rem; line-height:2.57rem; height:2.57rem; border:1px solid #d2d2d2; border-radius:0.4rem; margin:0 0.38rem 0.4rem 0; overflow:hidden; text-overflow:ellipsis; white-space: nowrap }
.location-select li:nth-child(4n+4){ margin-right:0 }

.wrap-inner .date-select{ background:url(/Images/Double12/icon-calender.png) no-repeat 0 center #fff; background-size:1.71rem; padding-left:2rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.date-select .date-select-ul{ overflow:hidden }
.date-select li{ float:left; font-size:1rem; width:4.71rem; text-align:center }
.date-select li.total-date{ padding-top:0.8rem }

.one-room{ line-height:2.86rem; padding:0.5rem 0 }
.one-room .rght-part{ float:right }
.one-room .rght-part .price{ display:inline-block;padding-right:0.5rem; float:left }
.one-room .rght-part .btn{ display:inline-block; width:4rem }
.one-room .rght-part .price .f18{ font-size:1.71rem;  }


.hotel-list-ul li{ border-bottom:1px solid #dadada; width:100% }
.hotel-list-ul li .hotel-link{ padding:1.2rem 0; min-height:6.3rem;
	display:-webkit-flex; -webkit-flex-flow:row wrap; display:-ms-flexbox; -ms-flex-flow:row wrap;
	-webkit-align-content:center; -ms-flex-line-pack:center; align-content:center; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center
}
.hotel-list-ul li .photo-box{ width:25%; position:relative }
.hotel-list-ul li .photo-box img{ width:100%; vertical-align:middle }
.hotel-list-ul li .photo-box .img-cover{  position:absolute; z-index:30 }
.hotel-list-ul li .photo-box .icon-new{ position:absolute; z-index:50; background:#ff0042; color:#fff; font-size:12px; line-height:23px; padding:0 5px; left:10px; border-radius:5px }
.hotel-txts .rght-part{ position:absolute; top:3rem; right:0; z-index:5; width:32%; padding-right:2%; text-align:right }
.hotel-txts .rght-part .price{ font-size:0.86rem; line-height:30px; color:#c7c7c7; padding-bottom:2px }
.hotel-txts .rght-part .price .f18{ font-size:1.8rem }
.hotel-txts .hotel-name{ font-size:1rem; line-height:1.4rem;padding:0.4rem 0; font-weight:bold; color:#000 }
.hotel-txts .hotel-name .room-type{ font-size:0.86rem; line-height:1.2rem; padding:0 0.3rem; border:1px solid #aaa; font-weight:normal; display:inline-block; border-radius:0.5rem; color:#555555 }
.hotel-txts{ text-align:left; width:73%; color:#4d4d4d; position:relative }
.hotel-txts .comments{ color:#c7c7c7; margin-bottom:0.71rem; font-size:0.85rem }
.hotel-txts .honours{ display:block; padding-bottom:0.4rem; overflow:hidden }
.hotel-txts .one-honour{ padding:0 0.36rem; border:1px solid #f8b551; border-radius:0.71rem; line-height:1.07rem; font-size:0.71rem; color:#f8b551; margin:0 0.21rem 0.36rem 0; float:left }

.hotel-list-ul li .btn{ margin:2% 5% 0; width:90% }
.hotel-list-ul li .none-img{ height:6.5rem; position:absolute; top:0; z-index:10; right:20% }

/*秒杀酒店详情*/
.wrap-hotel-miao{ background:#f9f8f5 }
.hotel-photo{ position:relative }
.hotel-photo img.hotel-img{ width:100%; vertical-align:bottom }
.hotel-photo .icon-return{ display:block; width:3.57rem; height:3.57rem; background:url(/Images/Double12/icon-return-shadow.png) no-repeat center; background-size:1.21rem auto; position:absolute; left:0; top:0; z-index:150 }

.detail-content{ background:#fff; margin-bottom:1rem }
.address .enter .address-txt{ background:url(/Images/Double12/icon-map-grey.png) no-repeat 0 center; background-size:1.29rem auto; line-height:1.29rem; font-size:0.85rem; padding-left:2.14rem }
.detail-block{ background:#fff; margin:0 5%; text-align:left; border-bottom:1px solid #f1f1f1; width:90% }
.detail-block .enter{ background:url(/Images/Double12/icon-enter.png) no-repeat right center; background-size:0.71rem auto; display:block; padding:0.9rem 2.14rem 0.9rem 0 }
.detail-block:last-child{ border:none }

.detail-content .hotel-name{ padding-top:0 }
.detail-content .honours{ padding-bottom:0 }

.important-tip{ background:#ffe177; padding:0.5rem 5%; font-size:0.86rem; text-align:left }
.important-tip .red{ display:inline }

.miaosha-rule .rule-h3{ color:#000; font-size:1rem; padding:1.29rem 0 0.8rem; font-weight:bold }
.miaosha-rule .one-rule{ padding-bottom:0.7rem }
.miaosha-rule .one-rule .title{ color:#000; padding-bottom:0.5rem }
.miaosha-rule .one-rule .ctn{ color:#696969; font-size:0.86rem }
.miaosha-rule .one-rule .ctn p{ padding-bottom:0.8rem }

.bottom-nav{ position:fixed; left:0; right:0; bottom:0; height:54px; background:#fff; border-top:1px solid #e9eced; z-index:500 }
.bottom-nav li{ float:left; width:25%; color:#000 }
.bottom-nav li a{ display:block; padding-top:33px; color:#3a3a3a; line-height:18px; font-size:12px; background:url(/Images/Double12/icon-btm-home.png) no-repeat center 3px; background-size:30px }
.bottom-nav li .nav-share{ background-image:url(/Images/Double12/icon-btm-share.png) }

.bottom-block-detail{ display:-moz-box; display:-webkit-box; display:box; display:flex }
.bottom-block-detail .btn-detail{ width:45%; line-height:54px; color:#fff; font-size:15px; background:#ff1d25 }
.bottom-block-detail .nav-in-detail{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; flex:1 }
.bottom-block-detail .nav-in-detail li{ width:95%; line-height:54px; text-align:left; padding-left:5% }
@media screen and (max-width:355px){
	.bottom-block-detail .btn-detail{ padding:0 5px }
}

.city-select-wrap{  background:#fff; z-index:2000; display:none }
.location-select-letter{ padding:0.54rem; overflow:hidden; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc }
.location-select-letter li{ float:left; width:4.2rem; padding:0 0.4rem; font-size:1rem; line-height:2rem; height:2rem; border:1px solid #d2d2d2; border-radius:0.4rem; margin:0 0.38rem 0.4rem 0; overflow:hidden; text-align:center }
.location-select-letter li:nth-child(4n+4){ margin-right:0 }

.city-select-wrap .title{ background:#f1f1f1; padding:0.54rem; font-size:1rem }
.city-select-wrap .location-select-city{ border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc }
.city-select-wrap .location-select-city li{ padding:0.9rem 0.54rem; border-bottom:1px solid #dcdcdc }
.city-select-wrap .location-select-city li:last-child{ border-bottom:none }
.city-select-wrap .icon-close{ position:absolute; right:0; top:0; z-index:2010 }
.city-select-wrap .icon-close img{ width:40px }

