/* packageC/hotel/HotelIndex/HotelIndex.wxss */

.hotel_home .content .scroll_banner {
  overflow: hidden;
  background: #f8f8f8;
  height: 400rpx;
}

.hotel_home .content .position {
  z-index: 10;
  position: relative;
  top: -100rpx;
}

.hotel_home .content .scroll_banner image {
  width: 100%;
}

.hotel_home .content .search {
  width: 710rpx;
  margin: 0 auto;
  border-radius: 12rpx;
  background: #fff;
  padding: 0 24rpx 24rpx 24rpx;
  box-sizing: border-box;
}

.hotel_home .content .search .box .li {
  height: 100rpx;
  border-bottom: solid 2rpx #ebebeb;
  display: flex;
  align-items: center;
}

.hotel_home .content .search .box .li van-icon {
  display: flex;
  align-items: center;
}

.hotel_home .content .search .box .city {
  position: relative;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.hotel_home .content .search .box .city .city_cur {
  font-size: 36rpx;
  line-height: 100rpx;
  font-weight: bold;
}

.hotel_home .content .search .box .city .current {
  position: absolute;
  right: 0;
  padding: 8rpx 0;
}

.hotel_home .content .search .box .city .current .iconTop {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hotel_home .content .search .box .city .current icon {
  font-size: 48rpx;
  color: #337ef9;
  line-height: 48rpx;
}

.hotel_home .content .search .box .city .current .span {
  font-size: 24rpx;
  color: #337ef9;
  display: block;
}

.hotel_home .content .search .box .select_date {
  line-height: 100rpx;
  position: relative;
}

.hotel_home .content .search .box .select_date .span {
  margin-right: 60rpx;
}

.hotel_home .content .search .box .select_date .span .font {
  font-size: 28rpx;
  margin-left: 8rpx;
  color: #333;
}

.hotel_home .content .search .box .nearby {
  line-height: 100rpx;
  position: relative;
  font-size: 32rpx;
}

.hotel_home .content .search .box .nearby input {
  width: 440rpx;
  border: none;
  margin-left: 40rpx;
  font-size: 32rpx;
}

.hotel_home .content .search .box .price {
  line-height: 100rpx;
  position: relative;
}

.hotel_home .content .search .box .price.li {
  justify-content: space-between;
}

.hotel_home .content .search .box .price input {
  width: 440rpx;
  border: none;
  font-size: 32rpx;
}

.hotel_home .content .search .box .price.li van-icon {
  margin-right: 18rpx;
}

.hotel_home .content .search .button {
  margin-top: 24rpx;
  width: 100%;
  height: 92rpx;
  font-size: 36rpx;
  color: #fff;
  background: #f15353;
  border: none;
  border-radius: 12rpx;
  text-align: center;
  line-height: 92rpx;
}

.hotel_home .content .menu_icon {
  margin-top: 20rpx;
  background: #fff;
}

.hotel_home .content .menu_icon .icon_box {
  display: flex;
  flex-wrap: wrap;
  padding: 24rpx 0 0 0;
}

.hotel_home .content .menu_icon .icon_box .li {
  width: 20%;
  margin-bottom: 20rpx;
}

.hotel_home .content .menu_icon .icon_box .li .img {
  margin: 0 auto;
  width: 80rpx;
  height: 80rpx;
  border-radius: 72rpx;
  background: #f8f8f8;
  overflow: hidden;
}

.hotel_home .content .menu_icon .icon_box .li .img image {
  width: 100%;
}

.hotel_home .content .menu_icon .icon_box .li .span {
  display: block;
  font-size: 24rpx;
  color: #666;
  line-height: 60rpx;
  text-align: center;
}

.hotel_home .content .fixed_banner {
  background: #f8f8f8;
  height: 256rpx;
  width: 100%;
  overflow: hidden;
}

.hotel_home .content .fixed_banner image {
  width: 100%;
}

.hotel_home .content .like_box {
  background: #fff;
}

.hotel_home .content .like_box .title {
  height: 80rpx;
  line-height: 80rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hotel_home .content .like_box .title .line_left {
  width: 100rpx;
  height: 0;
  border: dashed 2rpx #ebebeb;
  margin-right: 20rpx;
}

.hotel_home .content .like_box .title .h2 {
  font-size: 36rpx;
}

.hotel_home .content .like_box .title .line_right {
  width: 100rpx;
  height: 0;
  border: dashed 2rpx #ebebeb;
  margin-right: 20rpx;
}

.hotel_home .content .search .box .select_date .right {
  font-size: 14px;
  position: absolute;
  right: 0;
  display: flex;
  color: #333;
  margin: 0;
  align-items: center;
}

.hotel_home .content .price_box {
  min-height: 1000rpx;
  background: #fff;
  padding-top: 20rpx;
}

.hotel_home .content .price_box .price {
  padding: 0 40rpx;
}

.hotel_home .content .price_box .price .title {
  line-height: 60rpx;
  text-align: left;
  font-size: 32rpx;
}

.hotel_home .content .price_box .price .title .span {
  margin-left: 20rpx;
  color: #53a1f1;
}

.hotel_home .content .price_box .price .number {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 32rpx;
  line-height: 60rpx;
  margin-bottom: 20rpx;
}

.hotel_home .content .price_box .price .slider {
  padding-left: 10rpx;
  padding-right: 10rpx;
}

.hotel_home .content .price_box .grade {
  margin-top: 40rpx;
  padding: 0 30rpx;
}

.hotel_home .content .price_box .grade .title {
  line-height: 60rpx;
  text-align: left;
  font-size: 32rpx;
}

.hotel_home .content .price_box .grade .grade_box {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20rpx;
}

.hotel_home .content .price_box .grade .grade_box .button {
  width: 152rpx;
  height: 96rpx;
  border-radius: 8rpx;
  border: solid 2rpx #ebebeb;
  font-size: 24rpx;
  margin-right: 20rpx;
  text-align: center;
  padding: 8rpx;
  margin-bottom: 20rpx;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hotel_home .content .price_box .grade .grade_box .cur {
  border: solid 2rpx #53a1f1;
  background: #eaf4fd;
}

.hotel_home .content .price_box .bottom {
  width: 100%;
  position: fixed;
  bottom: 0;
  height: 98rpx;
  margin-top: 40rpx;
  border-top: solid 2rpx #ebebeb;
  background: #fff;
  display: flex;
}

.hotel_home .content .price_box .bottom .button {
  width: 50%;
  font-size: 36rpx;
  border: none;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hotel_home .content .price_box .bottom .button:last-child {
  background: #f15353;
  color: #fff;
}

.hotel_home .content .y5 {
  position: fixed;
  z-index: 1000;
  right: 0;
  bottom: 120rpx;
  width: 72rpx;
  height: 72rpx;
  background: rgba(0, 0, 0, 0.8) url("//static-o2o.360buyimg.com/daojia/new/images/menu/bm.png") 14rpx 14rpx no-repeat;
  background-size: 130rpx 40rpx;
  border: 2rpx solid #757575;
  border-radius: 4rpx 0 0 4rpx;
}

.hotel_home .content .y6 {
  position: absolute;
  right: -2rpx;
  bottom: 84rpx;
  width: 190rpx;
  border: 2rpx solid #757575;
  background: rgba(0, 0, 0, 0.8);
}

.hotel_home .content .y6 .a {
  display: block;
  padding-left: 76rpx;
  border-bottom: 2rpx solid #4b4b4b;
  line-height: 70rpx;
  height: 70rpx;
  color: #fff;
  background-image: url("//static-o2o.360buyimg.com/daojia/new/images/icon/bmenu.png");
  background-repeat: no-repeat;
  background-size: 32rpx 600rpx;
}

.hotel_home .content .y8 {
  background-position: 20rpx -100rpx;
}

.hotel_home .content .yb {
  background-position: 20rpx -219px;
}

.hotel_home .content .yc {
  background-position: 20rpx -500rpx;
  border: none;
}

.hotel_home .content .yd {
  position: absolute;
  bottom: -24rpx;
  right: 20rpx;
  width: 0;
  height: 0;
  z-index: 15;
  border-width: 12rpx;
  border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
  border-style: solid;
}
