ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
input, textarea {
  outline: 0;
  box-sizing: border-box;
}
.iconfont {
  display: inline-block;
}
/* 头部 */
.header {
  width: 100%;
}
.header_box {
  width: 1160px;
  height: 72px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header_left {
  display: flex;
  align-items: center;
  width: 50%;
}
.header_left .logo img{
  width: 194px;
  margin-top: 8px;
}
.header_left .search_box {
  margin-left: 24px;
  width: 320px;
  display: flex;
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  border-radius: 8px 8px 8px 8px;
}
.search_box .search {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0086f6;
  border-radius: 0px 8px 8px 0px;
  height: 100%;
  width: 56px;
  margin-right: -1px;
  text-decoration: none;
  border: 1px solid #0086f6;
}
.header_left .search_box input {
  height: 100%;
  width: 100%;
  border: none;
  border: 1px solid #9acefb;
  border-radius: 8px 0 0 8px;
  padding-left: 10px;
  font-size: 14px;
}
.header_left .search_box input::placeholder{
  color:#ccc;
} 
.search_box .search i {
  font-size: 23px;
  color: #fff;
}
.header_right {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header_right .user_info {
  margin-left: 140px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  background: #f2f8fe;
  border-radius: 16px 16px 16px 16px;
  padding: 4px 8px 4px 4px;
  cursor: pointer;
  position: relative;
}
.header_right .user_info .icon-yonghu{
  font-size: 24px;
  color: #5678a8;
}
.header_right .user_info .icon-xiajiantou {
  font-size: 10px;
}
.header_right .user_info .uer_text {
  margin-left: 5px;
  color: #333;
  font-weight: 300;
  font-size: 14px;
  max-width: 56px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-wrap: nowrap;
}
.header_right .user_info .logged {
  color: #0086f6;
}
.user_info:hover .uer_text {
  color: #0086f6;
}
.user_menu {
  position: absolute;
  top: 40px;
  left: -60px;
  width: 200px;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 999;
  padding: 20px;
  border-radius: 12px;
}
.user_menu  .user_menu_header {
  display: flex;
  align-items: center;
}
.user_menu_header .user_name_box {
  margin-left: 10px;
}
.user_menu_header .user_name_box .user_name {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.user_menu_header .user_name_box .user_name:hover {
  color: #0086f6;
}
.LV {
  background: #f2f8fe;
  display: inline-block;
  width: 80px;
  height: 24px;
  border-radius: 12px;
  padding: 0px 5px;
}
.LV img {
  border-radius: 50%;
  width: 15px;
  height: 15px;
}
.user_menu .vertical_menu_line {
  height: 1px;
  width: calc(100% - 10px);
  background-color: #eee;
  margin: 10px 0 ;
}
.user_menu .user_menu_item {
  height: 40px;
  width: calc(100% - 30px);
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 20px;
  margin: 5px 0;
}
.user_menu .user_menu_item:hover{
  color: #0086f6;
  background-color: #f2f8fe;
}
.user_menu .user_menu_item:hover i{
  color: #0086f6;
}
.user_menu .user_menu_item i {
  margin-right: 10px;
  color: #5678a8;
}
.user_menu .user_menu_item .user_menu_item_name {
  font-size: 14px;
}
.header_right .register {
  color: #333;
  font-weight: 300;
  margin-left: 20px;
  font-size: 14px;
  cursor: pointer;
}
.header_right .register:hover {
  color: #0086f6;
}
.header_right .my_orderForm {
  margin-left: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.header_right .my_orderForm .icon-dingdan {
  font-size: 24px;
  color: #5678a8;
}
.header_right .my_orderForm .icon-xiajiantou {
  font-size: 10px;
  color: #333;
  margin-left: 5px;
}
.header_right .my_orderForm .orderForm_text{
  color: #333;
  font-weight: 300;
  font-size: 14px;
}
.header_right .my_orderForm:hover .orderForm_text{
  color: #0086f6;
}
.header_right .my_orderForm:hover .icon-dingdan, .header_right .my_orderForm:hover .icon-xiajiantou{
  color: #0086f6;
}
.header_right .vertical_line {
  height: 20px;
  width: 1px;
  background-color: #dadfe6;
  margin-left: 20px;
}
.header_right .customer {
  margin-left: 20px;

}
.header_right .customer .icon-kefu {
  font-size: 20px;
  color: #5678a8;
  cursor: pointer;
}
.header_right .customer .icon-kefu:hover {
  color: #0086f6;
}
/* 主体内容  */
.content {
  background: #f5f7fa;
}
/* 搜索组件 */
.list_search_container {
  width: 100%;
  background: #fff;
  box-sizing: border-box;
  padding: 16px 0;
}
.list_search_container .search_box {
  max-width: 1160px;
  margin: 0 auto;
  list-style: none;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}
.list_search_container .search_box .list_item {
  width: 286px;
  border-right: none;
  height: 60px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  border: 1px solid #dadfe6;
}
.list_search_container .search_box .list_item.list_destination {
  width: 286px;
  border-right: none;
  box-sizing: border-box;
}
.common-msg-error-search {
  padding: 0 20px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #d9481b;
  color: #fff;
  position: absolute;
  top: -28px;
  left: 0;
  z-index: 99;
}
.common-msg-error-search:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 20px;
  border: 8px solid transparent;
  border-top-color: #d9481b;
}
.list_search_container .search-container, .search-box{
  position: relative;
  width: 100%;
  height: 100%;
}
.list_search_container .search-container .search-box label{
  position: absolute;
  top: 8px;
  left: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: calc(100% - 16px);
  letter-spacing: 0;
  text-align: left;
  font-size: 14px;
  color: #8592a6;
  line-height: 18px;
  user-select: none;
}
#hotelsDestination {
  box-sizing: border-box;
  height: 100%;
  padding: 28px 12px 0;
  width: 100%;
  border: none;
  border-bottom: 2px solid transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  font-size: 16px;
  color: #0f294d!important;
  line-height: 22px;
  letter-spacing: 0;
  text-align: left;
  outline: 0;
}
#hotelsDestination:focus{
  border-bottom: 2px solid #2681ff;
  border-radius: 0;
}
.search-container .hot-city-picker {
  width: 553px;
  background: #fff;
  position: absolute;
  top: 100%;
  left: -1px;
  z-index: 99;
  border: 1px solid #dadfe6;
  max-height: 480px;
  overflow-y: scroll;
}
.search-container .hot-city-picker::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.search-container .hot-city-picker .area-item .title {
  font-size: 14px;
  color: #666;
  background: #f7f7fb;
  height: 30px;
  line-height: 30px;
  padding-left: 8px;
  font-weight: 700;
}
.search-container .hot-city-picker .area-item .title .clearRecentData{
  float: right;
  margin: 5px 16px 5px 0;
  height: 20px;
  padding: 0;
  border: none;
  outline: none;
  font-size: 12px;
  color: #666;
  background-color: transparent;
  font-weight: 400;
  cursor: pointer;
}
.search-container .hot-city-picker .area-item .title .clearRecentData i {
  margin-right: 10px;
  margin-bottom: 3px;
  height: 14px;
  width: 13px;
}
.search-container .hot-city-picker .recent-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 17px;
  background: #fff;
}
.search-container .hot-city-picker .recent-search:hover {
  cursor: pointer;
  background: #5aa0ff;
}
.search-container .hot-city-picker .recent-search:hover .main i{
  color: #fff;
}
.search-container .hot-city-picker .recent-search:hover .main h4{
  color: #fff;
}
.search-container .hot-city-picker .recent-search:hover .other{
  color: #fff;
}
.search-container .hot-city-picker .recent-search .main {
  display: flex;
  align-items: center;
}
.search-container .hot-city-picker .recent-search .main i {
  font-size: 16px;
  color: #b1becf;
  margin-right: 9px;
}
.search-container .hot-city-picker .recent-search .main h4 {
  font-weight: 400;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 293px;
}
.search-container .hot-city-picker .recent-search .other {
  font-size: 12px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-container .hot-city-picker .area-item ul {
  padding: 5px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.search-container .hot-city-picker .area-item ul li {
  width: 20%;
  cursor: pointer;
}
.search-container .hot-city-picker .area-item ul li:hover {
  background: #5aa0ff;
}
.search-container .hot-city-picker .area-item ul li:hover span {
  color: #fff;
}
.search-container .hot-city-picker .area-item ul li span {
  display: block;
  padding: 1px 5px;
  height: 30px;
  font-size: 14px;
  color: #333;
  letter-spacing: 0;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.drop-result-list {
  width: 640px;
  box-shadow: 0 8px 20px 0 rgb(0 41 99 / 20%);
  background: #fff;
  position: absolute;
  top: 100%;
  z-index: 99;
  border: 1px solid #dadfe6;
  max-height: 480px;
  overflow-y: scroll;
}
.drop-result-list::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.drop-result-list .not_found {
  padding: 8px 8px 8px 16px;
  font-size: 14px;
  color: #ee3b28;
  letter-spacing: 0;
  line-height: 18px;
}
.list_search_container .list_item.list-calendar {
  width: 324px;
  height: 60px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  border: 1px solid #dadfe6;
  background-color: #fff;
}
.calendar-container {
  background-color: #fff;
  display: inline-flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  height: 100%;
}
.list_search_container .list-calendar .time-tab {
  width: calc(50% - 24px);
  position: relative;
  height: 100%;
}
.calendar-container .time-tab .in,.out {
  position: absolute;
  top: 8px;
  left: 12px;
  letter-spacing: 0;
  text-align: left;
  font-size: 14px;
  color: #8592a6;
  line-height: 18px;
  user-select: none;
}
.calendar-container .time-tab .focus-input {
  width: 100%;
  height: 100%;
  padding: 28px 12px 0;
  border: none;
  border-bottom: 2px solid transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  font-size: 16px;
  color: #0f294d!important;
  line-height: 22px;
  letter-spacing: 0;
  text-align: left;
  outline: 0;
  box-sizing: border-box;
}
.calendar-container .time-tab .focus-input:focus {
  border-bottom: 2px solid #2681ff;
  border-radius: 0;
}
.calendar-container .nights {
  position: absolute;
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 3;
  user-select: none;
}
.list_search_container .list_item.list-roomguest {
  width: 214px;
  border-left: none;
}
.room-guest-container {
  width: 100%;
  height: 100%;
  min-width: 160px;
  user-select: none;
  position: relative;
  outline: none;
}
.room-guest-container .room-guest-normal {
  background: #fff;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 8px 12px;
  box-sizing: border-box;
}
.room-guest-container .room-guest label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  letter-spacing: 0;
  text-align: left;
  font-size: 14px;
  color: #8592a6;
  line-height: 18px;
  user-select: none;
}
.room-guest-container .room-guest-normal .info {
  margin-top: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  font-weight: 700;
  font-size: 16px;
  color: #0f294d!important;
  line-height: 22px;
  letter-spacing: 0;
  text-align: left;
}
.room-guest-container .room-guest-normal .icon-shanglajiantou {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  font-size: 16px;
  box-sizing: border-box;
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
}
.room-guest-container .bottom-line {
  width: 100%;
  height: 2px;
  background: #2681ff;
  position: relative;
  top: -1px;
  left: 0;
  z-index: 9;
}
.room-guest-container .choice {
  position: absolute;
    top: calc(100% + 1px);
    z-index: 9;
    left: -1px;
    background: #fff;
    width: 300px;
    padding: 16px;
    border: 1px solid #ddd;
    cursor: pointer;
}
.room-guest-container .child-kid {
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.room-guest-container .child-kid label {
  color: #0f294d;
    font-size: 16px;
    letter-spacing: 0;
    text-align: left;
}
.room-guest-container .actions {
  display: flex;
  align-items: center;
}
.room-guest-container .actions .icon-btn.disabled {
  cursor: default;
  background-color: #eee;
  border-color: #eee;
  color: #fff;
}
.room-guest-container .actions .icon-btn {
  width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #dadfe6;
    border-radius: 50%;
    color: #999;
}
.room-guest-container .actions .icon-btn .iconfont {
  position: relative;
  top: 1px;
  font-weight: 700;
  user-select: none;
  -webkit-user-select: none;
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
}
.room-guest-container .actions .count {
  font-size: 18px;
  color: #0f294d;
  width: 36px;
  text-align: center;
}
.room-guest-container .child-kid label span:last-child {
  display: block;
  font-size: 12px;
  line-height: 1;
  color: #6b8299;
}
.room-guest-container .done {
  text-align: right;
  margin-top: 20px;
  cursor: pointer;
}
.room-guest-container .done span {
  display: inline-block;
  min-width: 100px;
  padding: 0 20px;
  font-size: 16px;
  color: #2681ff;
  border-radius: 4px;
  cursor: pointer;
}
.list_search_container .list-keyword {
  width: 316px;
  height: 60px;
  border-left: none;
  border-bottom: none;
  border-right: none;
}
.search-keyword-container {
  width: 100%;
  height: 100%;
  background: #fff;
  position: relative;
}
.search-keyword-container label {
  position: absolute;
  top: 8px;
  left: 12px;
  font-size: 14px;
  color: #8592a6;
}
.search-keyword-container .h-full {
  height: 100%;
  display: block;
  margin-top: 0em;
}
.list_search_container .list-keyword #keyword {
  border-bottom: 1px solid #dadfe6;
  box-sizing: border-box;
  height: 100%;
  padding: 30px 12px 0;
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  color: #0f294d;
  letter-spacing: 0;
  text-align: left;
  line-height: 22px;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.search-keyword-container #keyword:focus {
  border-bottom: 2px solid #2681ff;
}
.drop-result-list {
  width: 640px;
  box-shadow: 0 8px 20px 0 rgb(0 41 99 / 20%);
  background: #fff;
  position: absolute;
  top: 100%;
  z-index: 99;
  border: 1px solid #dadfe6;
  max-height: 480px;
  overflow-y: scroll
}
.drop-result-list .associative-item {
  box-sizing: border-box;
    height: auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    cursor: pointer;
    color: #333;
    padding: 12px 16px;
    font-size: 12px;
}
.drop-result-list .title-item .title {
  width: 100%;
  font-size: 14px;
  color: #333;
  font-weight: 600;
  pointer-events: none;
  user-select: none;
  cursor: default;
}
.drop-result-list .title-item.title-other {
  border-top: 1px solid #dadfe6;
}
.drop-result-list .associative-item .left-part {
  display: flex;
  width: 526px;
  line-height: 22px;
  align-items: flex-start;
}
.drop-result-list .associative-item .iconfont {
  font-size: 18px;
  color: #0f294d;
  position: relative;
}
.drop-result-list .associative-item .content {
  margin-left: 10px;
  font-size: 14px;
  line-height: 18px;
  max-width: 498px;
}
.drop-result-list .associative-item .content.base {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.drop-result-list .associative-item .type {
  font-size: 12px;
  color: #999;
}
.list_search_container .list_item.list-btn {
  border-radius: 0 2px 2px 0;
  border: none;
  width: 60px;
  overflow: hidden;
  height: 60px;
  vertical-align: top;
  box-sizing: border-box;
}
.search-btn-wrap {
  background: #2681ff;
  width: 100%;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 32px;
  border: none;
  cursor: pointer;
}
.search-btn-wrap .iconfont {
  font-size: 32px;
}
/* 筛选组件 */
.main-content,.main-content .list-content {
  display: flex;
  justify-content: center;
}
.main-content {
  margin: 16px auto 0;
  max-width: 1160px;
  flex-direction: column;
  position: relative;
}
.hotel-list-page {
  background: #f5f7fa;
  padding-bottom: 50px
}

.hotel-list-page .main-content {
  margin: 16px auto 0;
  max-width: 1160px;
  flex-direction: column;
  position: relative
}

.hotel-list-page .main-content,
.hotel-list-page .main-content .list-content {
  display: flex;
  justify-content: center
}

.hotel-list-page .main-content .sticky-map {
  position: sticky;
  top: 108px
}

@media screen and (max-width:1279px) {
  .hotel-list-page .main-content .sticky-map {
    top: 176px
  }
}

.hotel-list-page .main-content .filter-wrap {
  width: 278px;
  margin-left: 16px;
  align-self: baseline
}

.hotel-list-page .main-content .filter-wrap.w394 {
  width: 394px
}

.hotel-list-page .main-content .filter-wrap-small {
  z-index: 4;
  position: absolute;
  top: 0;
  left: 0
}

.hotel-list-page .main-content .filter-mask {
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  z-index: 3;
  background-color: rgba(0, 0, 0, .5);
  left: 0
}

.hotel-list-page .main-content .hide-filter-mask {
  right: -28px;
  position: absolute;
  top: 50%;
  color: red;
  cursor: pointer
}

.top-filter-container {
  background: #fff;
  box-shadow: -1px 2px 6px 0 rgb(15 41 77 / 12%);
  border-radius: 2px 2px 0 0;
  margin-bottom: 16px
}
.top-filter-container dl {
  display: flex;
  border-bottom: 1px solid #dadfe6;
  margin: 0;
}
.top-filter-container dt {
  width: 104px;
  background: #f0f2f5;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 16px;
}
.top-filter-container dt h4 {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  text-align: center;
  margin: 0;
}
.top-filter-container dd {
  padding: 14px 24px;
  box-sizing: border-box;
  margin: 0;
}
.top-filter-container {
  background: #fff;
  box-shadow: -1px 2px 6px 0 rgba(15, 41, 77, .12);
  border-radius: 2px 2px 0 0;
  margin-bottom: 16px
}

.top-filter-container dl {
  display: flex;
  border-bottom: 1px solid #dadfe6;
  margin: 0
}

.top-filter-container dt {
  width: 104px;
  background: #f0f2f5;
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 16px
}

.top-filter-container dt h4 {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  text-align: center
}

.top-filter-container dd {
  padding: 14px 24px;
  box-sizing: border-box;
  margin: 0
}

.top-filter-container .m-tab .tab-bar {
  display: block
}

.top-filter-container .m-tab .tab-bar .tab-bar-item {
  border-bottom: 3px solid transparent;
  position: relative;
  padding: 0;
  margin-bottom: 16px
}

.top-filter-container .m-tab .tab-bar .tab-bar-item:not(:last-child) {
  margin-right: 24px;
  margin-bottom: 16px
}

.top-filter-container .m-tab .tab-bar .tab-bar-item:before {
  content: none
}

.top-filter-container .m-tab .tab-bar .tab-bar-item.active {
  border-bottom: 3px solid #2681ff;
  color: #287dfa;
  visibility: visible;
  height: auto
}

.top-filter-container .m-tab .tab-bar .tab-bar-item.selected-dot:after {
  content: "";
  position: absolute;
  top: 1px;
  right: -7px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ff6d00
}

.top-filter-container .m-tab.metro .tab-bar li {
  border-radius: 2px;
  border: 1px solid #dadfe6;
  padding: 8px 16px;
  margin-right: 8px !important;
  font-size: 12px
}

.top-filter-container .m-tab.metro .tab-bar li.active,
.top-filter-container .m-tab.metro .tab-bar li:hover {
  background: #e9f2fe;
  color: #287dfa !important;
  border-color: #e9f2fe;
  border-bottom-width: 1px
}

.top-filter-container .m-tab .tab-pane .tab-pane-item {
  padding: 0
}

.top-filter-container .start-price-filter dt {
  padding-top: 17px
}

.top-filter-container .start-price-filter dd {
  padding: 10px 24px;
  display: flex;
  align-items: center
}

.top-filter-container .advanced-filter .m-tab .tab-bar .tab-bar-item {
  margin-bottom: 10px
}

.top-filter-container .advanced-filter .m-tab .tab-bar .tab-bar-item.active {
  border-bottom-width: 0
}
.m-tab {
  background-color: #fff;
}
.top-filter-container .m-tab .tab-bar {
  display: block;
}
.m-tab .tab-bar {
  display: flex;
  width: 100%;
}
.top-filter-container .m-tab .tab-bar .tab-bar-item.active {
  border-bottom: 3px solid #2681ff;
  color: #287dfa;
  visibility: visible;
  height: auto;
}
.top-filter-container .m-tab .tab-bar .tab-bar-item:not(:last-child) {
  margin-right: 24px;
  margin-bottom: 16px;
}
.top-filter-container .m-tab .tab-bar .tab-bar-item {
  border-bottom: 3px solid transparent;
  position: relative;
  padding: 0;
  margin-bottom: 16px;
}
.m-tab .tab-bar-item {
  cursor: pointer;
  border-bottom: 4px solid #e5e5e5;
  display: inline-block;
  font-size: 14px;
  flex: 1;
  padding: 10px;
  position: relative;
  text-align: center; 
}
.top-filter-container .m-tab .tab-pane .tab-pane-item {
  padding: 0;
}
.m-tab .tab-pane-item.active {
  display: block;
}
.m-tab .tab-pane-item {
  display: none;
  padding: 10px;
}
.m-tablist .more-special .u-icon {
  margin-left: 4px
}

.m-tablist.fold {
  height: 34px;
  overflow: hidden;
  padding-right: 56px
}

.m-tablist.zone {
  padding-right: 0
}

.m-tablist.metro {
  padding-right: 56px
}

.sr-ul,.sr-ul .sr-li {
  display: inline
}
.sr-ul, .sr-ul .sr-li {
  display: inline-block;
}
.m-tablist {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-right: 56px
}

.m-tablist .more {
  margin-left: 19px;
  color: #287dfa;
  font-weight: 700;
  align-self: center
}

.m-tablist .more:hover {
  cursor: pointer
}

.m-tablist .more .u-icon {
  margin-left: 4px
}

.m-tablist .more-width {
  line-height: 36px !important
}

.m-tablist .more-special {
  position: absolute;
  right: 4px;
}

.sr-ul .sr-li {
  min-width: 72px;
  height: 34px;
  text-align: center;
  background-color: #f5f7fa;
  margin-right: 8px;
  padding: 8px;
  box-sizing: border-box;
  color: #0f294d
}

.sr-ul .sr-li.sr-checked,
.sr-ul .sr-li:hover {
  cursor: pointer;
  background-color: #287dfa;
  color: #fff
}

.sr-ul .sr-li.sr-checked:hover,
.sr-ul .sr-li:hover:hover {
  color: #fff
}

.price-range-wrapper {
  display: flex
}

.price-range-wrapper .price-range-bar {
  position: relative;
  border-radius: 6px;
  border: 1px solid #dadfe6;
  width: 186px;
  height: 0;
  top: 16px;
  background-color: #dadfe6
}

.price-range-wrapper .price-range-track {
  position: absolute;
  border-radius: 6px;
  top: -1px;
  border: 1px solid #287dfa;
  background-color: #287dfa
}

.price-range-wrapper .price-range-ceil,
.price-range-wrapper .price-range-floor {
  position: absolute;
  width: 12px;
  height: 12px;
  background: #fff;
  border-radius: 8px;
  border: 2px solid #287dfa;
  top: -8px;
  cursor: pointer;
  z-index: 1
}

.price-range-wrapper .price-range-input-pr {
  position: relative;
  display: inline-block
}

.price-range-wrapper .price-range-input-pr:before {
  content: "\A5";
  color: #8592a6;
  position: absolute;
  left: 4px;
  top: 8px
}

.price-range-wrapper .price-range-form {
  width: 74px;
  height: 34px;
  display: inline-block
}

.price-range-wrapper .price-range-input {
  color: #0f294d;
  font-size: 14px;
  position: relative
}

.price-range-wrapper .price-range-input input {
  border: 1px solid #dadfe6;
  width: 74px;
  height: 34px;
  display: inline-block;
  font-size: 14px;
  color: #0f294d;
  line-height: 22px;
  padding: 5px 4px 4px 14px
}

.price-range-wrapper .price-range-input .price-range-input-err {
  border: 1px solid #ee3b28
}

.price-range-wrapper .price-range-input-split {
  padding: 4px
}

.price-range-wrapper .price-range-input-curr {
  padding-right: 4px;
  color: #8592a6
}

.price-range-wrapper .price-range-input-overflow {
  position: absolute;
  top: 6px;
  right: 4px;
  color: #8592a6
}

.price-range-wrapper .price-range-click {
  height: 24px;
  position: relative;
  top: -12px;
  cursor: pointer
}

.price-range-wrapper .price-type-wrapper {
  position: relative
}

.price-range-wrapper .price-type-selector .single-selector-input {
  background: #f5f7fa;
  height: 34px;
  line-height: 34px;
  padding-right: 28px;
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0f294d;
  border: none
}

.price-range-wrapper .price-type-selector .single-selector-input.focus i {
  transform: rotate(180deg)
}

.single-selector-price-panel li {
  width: 230px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  margin-right: 0;
  justify-content: space-between;
  align-items: center
}

.single-selector-price-panel i {
  padding-left: 10px
}

.user-reward-popup {
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center
}

.user-reward-popup,
.user-reward-popup .mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.user-reward-popup .mask {
  background-color: rgba(0, 0, 0, .6)
}

.user-reward-popup .contain {
  width: 474px;
  height: 435px;
  position: relative;
  z-index: 1
}

.user-reward-popup .contain .head {
  width: 100%;
  height: 205px;
  border-radius: 2px;
  position: relative;
  bottom: -36px;
  padding: 80px 12px 0 0;
  box-sizing: border-box;
  text-align: right;
  background: url(https://pages.c-ctrip.com/hotels/IBU/online/user-reward.png) top no-repeat
}

.user-reward-popup .contain .head .close {
  color: #0f294d;
  font-size: 14px;
  font-weight: 600;
  padding: 10px;
  cursor: pointer
}

.user-reward-popup .contain .tbody {
  background-color: #fff;
  padding: 56px 24px 24px;
  border-radius: 0 0 2px 2px
}

.user-reward-popup .contain .tbody .hd {
  color: #0f294d;
  font-size: 28px;
  font-weight: 600;
  text-align: center
}

.user-reward-popup .contain .tbody .bd {
  color: #0f294d;
  font-size: 16px;
  padding: 6px 0 24px 24px
}

.user-reward-popup .contain .tbody .bd li {
  list-style: disc;
  padding-left: 8px
}

.user-reward-popup .contain .tbody .bd .highlight {
  color: #ff6f00;
  font-weight: 600
}

.user-reward-popup .contain .tbody .click-btn {
  text-align: center
}

.user-reward-popup .contain .tbody .click-btn .btn {
  font-size: 16px;
  padding: 8px 16px;
  border-radius: 2px;
  cursor: pointer
}

.user-reward-popup .contain .tbody .click-btn .btn1 {
  color: #287dfa;
  border: 1px solid #287dfa
}

.user-reward-popup .contain .tbody .click-btn .btn2 {
  color: #fff;
  background-color: #287dfa;
  border: 1px solid #287dfa;
  margin-left: 16px
}

.hotelmap-box {
  min-height: 400px;
  margin-bottom: 8px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .08)
}

.hotelmap-box .anchorBL {
  display: block !important
}

.bmap-view {
  height: 100%;
  position: relative
}

.bmap-view .to-mappage {
  color: #287dfa;
  font-size: 12px;
  font-weight: 600;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3);
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 8px;
  cursor: pointer
}

.bmap-view .to-mappage:hover {
  text-decoration: underline
}

.bmap-view .to-mappage .map_location {
  font-size: 22px;
  vertical-align: sub;
  line-height: 1;
  margin-right: 4px
}

.bmap-marker {
  transform: translateX(-50%) !important;
  height: 0
}

.bmap-marker .bmap-marker-content {
  height: 0
}

.map-hotel-label {
  position: absolute;
  transform: translateX(-50%);
  background-color: #287dfa;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 700;
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid transparent;
  cursor: pointer;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .2))
}

.map-hotel-label.gmap {
  bottom: 0
}

.map-hotel-label.mapbox {
  bottom: 10px
}

.map-hotel-label.soldout {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #acb4bf
}

.map-hotel-label.soldout .hotel-price {
  color: #fff
}

.map-hotel-label.soldout .hotel-triangle {
  background-color: #acb4bf
}

.map-hotel-label.active {
  background-color: #fff;
  border: 1px solid #287dfa;
  font-size: 16px
}

.map-hotel-label.active .hotel-price {
  color: #287dfa
}

.map-hotel-label.active .hotel-triangle {
  background-color: #fff;
  border-right: 1px solid #287dfa;
  border-bottom: 1px solid #287dfa
}

.map-hotel-label .hotel-price {
  color: #fff;
  white-space: nowrap
}

.map-hotel-label .hotel-triangle {
  width: 12px;
  height: 12px;
  position: absolute;
  box-sizing: border-box;
  transform: rotate(45deg);
  background: #287dfa;
  border-radius: 0 0 1px 0;
  bottom: -6px;
  left: 50%;
  margin-left: -5px;
  box-shadow: 0 8px 10px 0 rgba(15, 41, 77, .08)
}

.map-hotel-card {
  z-index: 500;
  background-color: #fff;
  box-shadow: 0 5px 20px 0 rgba(100, 147, 227, .4);
  border-radius: 2px;
  width: 303px;
  box-sizing: border-box;
  position: fixed;
  padding: 8px;
  text-align: left
}

.map-hotel-card.gmap {
  transform: translate(-50%)
}

.map-hotel-card .hotel-title {
  font-size: 16px;
  color: #0f294d;
  line-height: 22px;
  margin-bottom: 10px
}

.map-hotel-card .hotel-title .hotel-name {
  margin-right: 8px;
  font-weight: 600
}

.map-hotel-card .hotel-title .hotel-grade {
  display: inline-block
}

.map-hotel-card .hotel-title .hotel-grade img {
  height: 16px;
  margin-bottom: 4px
}

.map-hotel-card .hotel-score {
  font-size: 12px;
  line-height: 18px
}

.map-hotel-card .hotel-score .hotel-score-card {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
  height: 22px;
  font-size: 12px;
  color: hsla(0, 0%, 100%, .6);
  background: #4978ce;
  padding: 0 6px
}

.map-hotel-card .hotel-score .hotel-score-card .hotel-grade {
  color: #fff;
  font-size: 14px
}

.map-hotel-card .hotel-score .hotel-score-card .hotel-total {
  margin-left: 4px;
  position: relative;
  top: 1px
}

.map-hotel-card .hotel-score .score-none {
  font-size: 14px;
  color: #4978ce
}

.map-hotel-card .hotel-score .hotel-evaluate {
  color: #4978ce;
  margin: 0 4px
}

.map-hotel-card .hotel-score .hotel-review {
  color: #8592a6
}

.map-hotel-card .hotel-soldout {
  text-align: right;
  font-size: 16px;
  margin-top: 16px;
  color: #f5594a
}

.map-hotel-card .hotel-price {
  text-align: right
}

.map-hotel-card .hotel-price .hotel-price-delete,
.map-hotel-card .hotel-price .includeTaxText {
  font-size: 14px;
  color: #455873;
  position: relative;
  top: -1px;
  margin-right: 5px
}

.map-hotel-card .hotel-price .hotel-price-current {
  font-size: 16px;
  color: #287dfa;
  text-align: right;
  font-weight: 600
}

.map-hotel-card .hotel-price .price-qi {
  font-size: 14px;
  color: #455873;
  margin-left: 1px
}

.map-hotel-card .includeTaxPrice {
  font-size: 14px;
  color: #455873;
  text-align: right;
  width: 100%;
  line-height: 14px
}

.map-hotel-card .hotel-book {
  margin: 10px 0;
  text-align: right;
  font-size: 16px;
  color: #287dfa
}

.map-hotel-card .hotel-info {
  font-size: 14px;
  color: #8592a6;
  text-align: right;
  overflow: hidden;
  width: 100%;
  margin-top: 10px;
  text-overflow: ellipsis;
  white-space: nowrap
}

.map-hotel-card .hotel-info:empty {
  display: none
}

.map-hotel-card .hotel-triangle {
  width: 24px;
  height: 24px;
  position: absolute;
  box-sizing: border-box;
  transform: rotate(45deg);
  background: #fff;
  border-radius: 0 0 1px 0;
  bottom: -12px;
  left: 50%;
  margin-left: -10px;
  z-index: -2;
  box-shadow: 0 8px 10px 0 rgba(15, 41, 77, .08)
}

.map-landmark {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1
}

.map-landmark.gmap .landmark-title {
  position: absolute;
  bottom: 50px;
  height: 41px;
  box-sizing: border-box;
  transform: translateX(-50%);
  left: 50%
}

.map-landmark.gmap .landmark-icon {
  position: absolute;
  left: 0;
  bottom: 0;
  margin-left: -18px
}

.map-landmark.mapbox {
  position: absolute;
  bottom: 0;
  transform: translateX(-50%);
  background: transparent
}

.map-landmark.mapbox .landmark-title {
  margin-bottom: 12px
}

.map-landmark .landmark-title {
  position: relative;
  background: #fff;
  box-shadow: 0 8px 10px 0 rgba(15, 41, 77, .08);
  border-radius: 2px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #0f294d;
  white-space: nowrap;
  padding: 8px 16px
}

.map-landmark .landmark-title:after {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  left: 50%;
  margin-left: -7px;
  bottom: -7px;
  transform: rotate(45deg);
  background-color: #fff
}

.map-landmark .landmark-icon {
  width: 36px;
  height: 36px
}

.m-tooltip {
  font-size: 14px;
  position: absolute;
  padding: 24px;
  left: 50px;
  top: 50px;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 8px 20px 0 rgba(0, 41, 99, .2)
}

.m-tooltip_arrow {
  position: absolute;
  width: 0;
  height: 0;
  border: 12px solid transparent
}

.m-tooltip_arrow.left {
  left: -24px;
  border-right-color: #fff
}

.m-tooltip_arrow.right {
  right: -24px;
  border-left-color: #fff
}

.m-tooltip_arrow.top {
  top: -24px;
  border-bottom-color: #fff
}

.m-tooltip_arrow.bottom {
  bottom: -24px;
  border-top-color: #fff
}

.m-tooltip.dark {
  padding: 6px 10px;
  background-color: rgba(0, 0, 0, .8);
  color: #fff;
  box-shadow: none;
  filter: none
}

.m-tooltip.dark .m-tooltip_arrow {
  border-width: 5px
}

.m-tooltip.dark .m-tooltip_arrow.left {
  left: -10px;
  border-right-color: rgba(0, 0, 0, .8)
}

.m-tooltip.dark .m-tooltip_arrow.right {
  right: -10px;
  border-left-color: rgba(0, 0, 0, .8)
}

.m-tooltip.dark .m-tooltip_arrow.top {
  top: -10px;
  border-bottom-color: rgba(0, 0, 0, .8)
}

.m-tooltip.dark .m-tooltip_arrow.bottom {
  bottom: -10px;
  border-top-color: rgba(0, 0, 0, .8)
}
filter-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f5f7fa;
  padding: 4px 6px;
  margin-bottom: 8px;
  cursor: pointer
}

.filter-item .filter-content {
  font-size: 12px;
  color: #0f294d;
  text-align: center;
  line-height: 18px
}

.filter-item.selected,
.filter-item:hover {
  background: #287dfa
}

.filter-item.selected .filter-content,
.filter-item:hover .filter-content {
  color: #fff
}

.filter-item:not(:last-child) {
  margin-right: 8px
}

.filter-item.single {
  margin-bottom: 0
}
.filter-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f5f7fa;
  padding: 4px 6px;
  margin-bottom: 8px;
  cursor: pointer
}

.filter-item .filter-content {
  font-size: 12px;
  color: #0f294d;
  text-align: center;
  line-height: 18px
}

.filter-item.selected,
.filter-item:hover {
  background: #287dfa
}

.filter-item.selected .filter-content,
.filter-item:hover .filter-content {
  color: #fff
}

.filter-item:not(:last-child) {
  margin-right: 8px
}

.filter-item.single {
  margin-bottom: 0
}

.zone-filter-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 8px;
  width: 127px;
  background: #f5f7fa;
  flex-direction: column;
  box-sizing: border-box
}

.zone-filter-item .filter-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%
}

.zone-filter-item span {
  font-size: 12px
}

.zone-filter-item .precent {
  color: #ee6723
}

.zone-filter-item .choose {
  color: #8592a6
}

.zone-filter-item:not(:last-child) {
  margin-right: 8px
}

.zone-filter-item:hover {
  background: #287dfa
}

.zone-filter-item:hover .filter-content,
.zone-filter-item:hover span {
  color: #fff;
  cursor: pointer
}

.zone-filter-item.selected {
  background: #287dfa
}

.zone-filter-item.selected .choose,
.zone-filter-item.selected .filter-content,
.zone-filter-item.selected .precent {
  color: #fff
}

.hidden {
  display: none
}

.filter-tab.invisible .tab-bar .tab-bar-item.active:after {
  transform: rotate(180deg)
}

.filter-tab.invisible .tab-pane {
  padding-top: 0;
  margin-top: 10px;
}

.filter-tab .tab-bar .tab-bar-item .iconfont {
  font-size: 12px;
}

.filter-tab .tab-bar .tab-bar-item:not(.active):after {
  transform: rotate(180deg)
}

.filter-tab .tab-bar .tab-bar-item.selected-dot:before {
  content: "";
  position: absolute;
  top: 0;
  right: -8px;
  left: auto;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border-bottom: none;
  background-color: #ff6d00
}

.fiter-panel {
  padding-right: 64px;
  background: #fff;
  position: relative
}

.fiter-panel.fold {
  height: 28px;
  overflow: hidden
}

.fiter-panel .less,
.fiter-panel .more {
  position: absolute;
  color: #287dfa;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer
}

.fiter-panel .less .u-icon,
.fiter-panel .more .u-icon {
  margin-left: 4px
}

.fiter-panel .more {
  top: 4px;
  right: 4px
}

.fiter-panel .less {
  bottom: 12px;
  right: 4px
}
.tab-sort-wrap {
  background: #fff;
  position: relative;
  cursor: pointer;
  display: flex;
  height: 40px
}

.tab-sort-wrap .tab-item {
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
  box-sizing: border-box;
  padding: 0 8px;
  flex-grow: 1
}

.tab-sort-wrap .tab-item.active {
  border-bottom: none
}

.tab-sort-wrap .tab-item.active .select-wrap .arrow,
.tab-sort-wrap .tab-item.active .select-wrap .display,
.tab-sort-wrap .tab-item.active>span {
  color: #287dfa
}

.tab-sort-wrap .tab-item:not(:last-child):after {
  content: "";
  width: 2px;
  height: 1em;
  background: #dadfe6;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1px
}

.tab-sort-wrap .tab-item>span {
  font-size: 14px;
  color: #0f294d;
  letter-spacing: 0;
  text-align: center;
  line-height: 18px
}

.tab-sort-wrap .tab-item>span:hover {
  color: #287dfa
}

.tab-sort-wrap .sort-menu {
  color: #455873;
  font-size: 22px;
  display: inline-flex;
  align-items: center;
  width: 72px;
  padding: 0 26px;
  box-sizing: border-box;
  position: relative
}

.tab-sort-wrap .sort-menu.menu-dot:after {
  content: "";
  position: absolute;
  top: 12px;
  right: 16px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #ff6d00
}

.tab-sort-wrap .other {
  position: absolute;
  z-index: 1001;
  top: 100%;
  right: 0;
  background: #fff;
  box-shadow: 0 4px 16px 0 rgba(69, 88, 115, .2);
  width: 156px
}

.tab-sort-wrap .other .other-kid {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  padding: 8px 10px 8px 24px
}

.tab-sort-wrap .other .other-kid.active,
.tab-sort-wrap .other .other-kid:hover {
  color: #287dfa
}

.tab-sort-wrap .other .other-kid:first-child {
  padding-top: 16px
}

.tab-sort-wrap .other .other-kid:last-child {
  padding-bottom: 16px
}

.tab-sort-wrap .other .u-icon-ic_new_hook_line {
  font-size: 16px
}

.tab-sort-wrap .select-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.tab-sort-wrap .select-wrap:hover .arrow,
.tab-sort-wrap .select-wrap:hover .display {
  color: #287dfa
}

.tab-sort-wrap .title {
  font-size: 14px;
  color: #234;
  letter-spacing: 0;
  text-align: center;
  line-height: 18px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none
}

.tab-sort-wrap .display {
  margin-right: 4px
}

.tab-sort-wrap .arrow {
  font-size: 12px;
  transition: all 0s linear;
  transform: rotate(0deg)
}

.tab-sort-wrap .arrow.visible {
  transform: rotate(180deg)
}

.tab-sort-wrap .selects {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 8;
  background: #fff;
  text-align: center;
  box-shadow: 0 8px 10px 0 rgba(15, 41, 77, .08);
  border-radius: 0 0 2px 2px;
  border-top: 1px solid #f0f2f5;
  padding: 8px 0
}

.tab-sort-wrap .selects li {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  padding: 8px;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.tab-sort-wrap .selects li.choosen,
.tab-sort-wrap .selects li:hover {
  color: #287dfa
}
.long-list {
  flex: 1;
  list-style: none
}

.long-list>li:not(:last-child) {
  margin-bottom: 4px
}

.long-list .list-btn-more {
  text-align: center;
  margin-top: 24px
}

.long-list .list-btn-more .btn-box {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  background: #287dfa;
  border-radius: 2px
}

.long-list .list-btn-more .btn-box:hover {
  background: #2470e1;
  cursor: pointer
}

.long-list .list-btn-more .btn-box .search-btn-loading {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAA0NJREFUWAnllktsTUEYx3u11Xq2jSCpFk2kaVILBBGxEQkRiY2usLdgLTYWrG0sJSLBChsbiYUVEQuJR7CpRBqPxqOiHkWf1+83Zm7uo1W37ln5kt/9zsyZ+X/f+WbmnFtX979bbq4FyOfzFXNzuVy+Wr2GaieUjW+M7ZAMSRUn4LX9kzA1U3LzokCJQ6cBTsNV6C65GRsKwlhklO4xMKiaJtYUfTO+GZ2KitFfaQyshyuQ7ELlqD/3MFGNxdAKbdEvxVc8cElHHHAR+T6YgHG4DVUZVZmEb0yyKi7zfLASLcSYuRLcPAoj8BU+wxkm/ZOhYfk7YFWkdVpBbrbDAAzBBzg77cA5dKJl+btgbcSKBCteglP0uHncUP1wHGpiLMcXhFwO9Q2+HIKFBMhqGa2d8BN+wAkmmUgt7SNi6WS4Ob0OR0a/H9x0Bn1I8Dv4mhqaPtx3sAoS9kJagl10pLN8g+uszKVwCcSqhyOi74RU8pt2ZGTD6BrcF1aogG+8BTQsiZtknFK9xWdiaE8Qz6rXG4DrRl8S7WBw7f1vl+nvFOo+tFVoMgGf3jeeHW6UrC1tQuPkTMCSewJMYBFkbcZI+2B0HuvixnADmkQj67IEn4mhbeCUQD2xx9IxfM0Nv9smsQ2ysg6ETcJl8GNVeBHd59rgJrEFsrIuhFMCbwySKuCbz+DSS6lW42tqaLYhuA7SJnxlgJAAa/GC634wAY/JIai17UDQ978VGIx7r1ABg10GT4L0kPE+fE0MrU0IdUN6+ntJOC1BHRk9p9MbKYkDTNycBs7Vo2HZd4NPLk+JNYQPVkggts/jX0JK4ggCe+O9qh1ztzLpIFh6n/4d3IKCVfw/Y5Kb5SS0xFEm8wyukbnHdVZDYwWD9kBPHKzGJziHRjh+sT/8b0/XBR+TOEbHmtipgJvzCTyAxwiN4AvGnIU0DLgeeqH44QZoXyoPTl/JINsFQ7CBxmHYDsViJmJC/rnw+27b4H5gknlf09+F6wSfsKPcioXL74U2iXRy0Qc+lcE0hZ2rt8/r5O0Tl83Ag/gZbdYE0kwSWcn1RtgAHeCONpCm94vqy+URuERuuFntrxMoV4prHv7VcG+YgC5J1fYLVXZchIUsapAAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: cover;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  animation: search-btn-loading-circle 1s linear infinite
}

.long-list .list-btn-more .btn-box span {
  font-size: 16px;
  color: #fff;
  text-align: right;
  line-height: 22px
}

.long-list>.loading {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px
}

.long-list>.loading .search-ship {
  width: 82px;
  height: 58px;
  background-image: url(/modules/hotel/hotel-ctrip-online/image/ship.5873d8be152c2e2d9d51728c3835e673.gif);
  background-repeat: no-repeat;
  background-size: cover
}

.long-list .nothing,
.long-list>.loading span {
  font-size: 16px;
  color: #0f294d;
  line-height: 22px
}

.long-list .nothing {
  text-align: center;
  margin-top: 20px
}

.long-list .top-sort {
  margin-bottom: 4px
}

.long-list .toggle-sold-out-hotels {
  width: 100%;
  height: 52px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 4px;
  cursor: pointer
}

.long-list .toggle-sold-out-hotels .toggle-title {
  font-size: 14px;
  color: #2979ff;
  line-height: 18px
}

.long-list .toggle-sold-out-hotels .icon-circle-arrow {
  color: #2979ff;
  font-size: 20px;
  margin-left: 8px
}

.long-list .more-hotel-title {
  font-size: 16px;
  color: #0f294d;
  line-height: 22px;
  margin: 24px 0 8px
}
.font-bold {
  font-weight: 600
}
.with-decorator-wrap {
  width: 100%
}

.with-decorator-wrap:hover {
  position: relative;
  box-shadow: 0 8px 10px 0 rgba(15, 41, 77, .08)
}

.with-decorator-wrap .LimitTime-border {
  border: 2px solid rgba(245, 89, 74, .4);
  border-top: none
}

.with-decorator-wrap .LimitTime-decorator {
  width: 100%;
  height: 40px;
  background: #f5594a;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 24px;
  box-sizing: border-box
}

.with-decorator-wrap .LoginDeal-border {
  border: 2px solid #fff0e5;
  border-bottom: none
}

.with-decorator-wrap .LoginDeal-decorator {
  background: #fff0e5;
  border-radius: 0 0 2px 2px;
  padding: 0 24px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative
}

.with-decorator-wrap .LoginDeal-decorator:after {
  content: "";
  position: absolute;
  top: -6px;
  right: 56px;
  width: 16px;
  height: 16px;
  background: #fff0e5;
  transform: rotate(45deg)
}

.with-decorator-wrap .LoginDeal-decorator .text {
  text-align: right
}

.with-decorator-wrap .LoginDeal-decorator .text span {
  font-size: 14px;
  line-height: 18px
}

.with-decorator-wrap .LoginDeal-decorator .text .lock {
  font-size: 18px;
  height: 18px;
  width: 18px;
  color: #ff6f00
}

.with-decorator-wrap .LoginDeal-decorator .text .other {
  color: #ff6f00;
  display: inline-block;
  padding-left: 8px
}

.with-decorator-wrap .LoginDeal-decorator a {
  text-decoration: underline;
  color: #287dfa
}

.with-decorator-wrap .LoginDeal-decorator a :hover {
  color: #000;
  font-weight: 700
}

.with-decorator-wrap .Meta-border,
.with-decorator-wrap .Single-border {
  border: 2px solid rgba(40, 125, 250, .4);
  border-top: none
}

.with-decorator-wrap .Meta-decorator,
.with-decorator-wrap .Single-decorator {
  background: #287dfa;
  padding: 8px 24px;
  border-radius: 2px 2px 0 0
}

.with-decorator-wrap .Meta-decorator .text,
.with-decorator-wrap .Single-decorator .text {
  font-size: 18px;
  color: #fff;
  line-height: 24px
}
.card-item-wrap {
  padding: 16px;
  background: #fff;
  display: flex;
  box-sizing: border-box;
  width: 100%;
  min-height: 204px
}

.card-item-wrap .left {
  border-right: 1px solid #dadfe6;
  padding-right: 16px;
  display: inline-flex;
  flex: 1
}

.card-item-wrap .right {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}
.list-card-comment {
  margin-bottom: 32px
}

.list-card-comment .me {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 8px
}

.list-card-comment .me .describe {
  text-align: right
}

.list-card-comment .me .describe .outstanding {
  font-size: 14px;
  color: #4978ce;
  line-height: 18px
}

.list-card-comment .me .describe .count a {
  font-size: 12px;
  color: #8592a6;
  line-height: 18px
}

.list-card-comment .me .describe .count a:hover {
  cursor: pointer;
  color: #8592a6;
  text-decoration: underline
}

.list-card-comment .me .score {
  background: #4978ce;
  border-radius: 2px;
  padding: 4px 8px;
  margin-left: 8px;
  cursor: pointer
}

.list-card-comment .me .score .full,
.list-card-comment .me .score .real {
  line-height: 18px
}

.list-card-comment .me .score .real {
  font-size: 14px;
  color: #fff
}

.list-card-comment .me .score .full {
  font-size: 12px;
  color: hsla(0, 0%, 100%, .6)
}

.list-card-comment .me .no-score {
  font-size: 14px;
  color: #4978ce;
  line-height: 18px;
  margin-left: 8px;
  text-align: right
}

.list-card-comment .ta {
  text-align: right
}

.list-card-comment .ta .combine {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end
}

.list-card-comment .ta .low {
  font-size: 12px;
  color: #8592a6;
  line-height: 18px
}

.list-card-comment .ta .hight {
  font-size: 14px;
  color: #4978ce;
  line-height: 18px;
  margin-left: 8px
}

.list-card-comment .ta .ta-info {
  margin-bottom: 4px;
  cursor: pointer
}

.list-card-comment .ta .ta-info .ta-img {
  width: 72px;
  height: 12px
}

.list-card-comment .ta .ta-info .low:hover {
  cursor: pointer;
  color: #8592a6;
  text-decoration: underline
}

.list-card-comment .recommend-percent {
  text-align: right;
  color: #8592a6;
  font-size: 14px;
  line-height: 18px
}

.list-card-comment .recommend-percent span {
  color: #4978ce
}
.list-avatar-wrap {
  margin-right: 16px;
  cursor: pointer
}

.list-avatar-wrap .big img,
.list-avatar-wrap .small img,
.list-avatar-wrap .special img {
  width: 100%;
  height: 100%
}

.list-avatar-wrap .big,
.list-avatar-wrap .special {
  position: relative
}

.list-avatar-wrap .big .ad,
.list-avatar-wrap .special .ad {
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  background: rgba(51, 51, 51, .4);
  font-size: 12px;
  color: #fff;
  line-height: 1;
  padding: 1px 2px;
  text-align: center;
  display: inline-block
}

.list-avatar-wrap .is-favor {
  position: absolute;
  top: 16px;
  right: 16px;
  background: #fff;
  box-shadow: 0 2px 8px 0 rgba(15, 41, 77, .16);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%
}

.list-avatar-wrap .is-favor .icon-like {
  color: #ff1b44;
  font-size: 20px
}

.list-avatar-wrap .is-tag {
  position: absolute;
  top: 0;
  left: 0
}

.list-avatar-wrap .is-tag .is-prime {
  position: relative;
  top: 0;
  left: 0;
  padding: 5px 8px;
  font-size: 12px;
  color: #ffedc3;
  background-color: #5e6c8b;
  border-radius: 0 0 6px 0;
  margin-bottom: 8px
}

.list-avatar-wrap .is-tag .prime-tag {
  position: relative;
  top: 4px;
  left: 4px;
  height: 16px;
  width: auto;
  margin-bottom: 8px
}

.list-avatar-wrap .is-tag .is-SHA {
  position: relative;
  height: 40px;
  width: auto;
  max-width: 72px;
  object-fit: contain
}

.list-avatar-wrap .big {
  margin-bottom: 2px;
  position: relative
}

.list-avatar-wrap .small {
  display: inline-block;
  cursor: pointer;
  vertical-align: top
}

.list-avatar-wrap .small:not(:last-child) {
  margin-right: 2px
}

.list-avatar-wrap .not-avaliable {
  position: absolute;
  text-align: center;
  color: #fff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}
@media screen and (min-width:1280px) {
  .with-decorator-wrap .info {
    flex: 1
  }

  .with-decorator-wrap .right {
    width: 230px;
    padding-left: 8px
  }
}

@media screen and (max-width:1279px) {
  .with-decorator-wrap .info {
    flex: 1
  }

  .with-decorator-wrap .right {
    width: 230px;
    padding-left: 8px
  }
}
@media screen and (min-width:1280px) {
  .list-avatar-wrap .big {
    width: 206px;
    height: 146px
  }

  .list-avatar-wrap .small {
    width: 50px;
    height: 36px
  }

  .list-avatar-wrap .special {
    width: 192px;
    height: 172px
  }
}
.list-card-title {
  font-size: 18px;
  color: #0f294d;
  line-height: 24px;
  margin-bottom: 8px;
  cursor: pointer
}

.list-card-title .name {
  margin-right: 8px;
  word-wrap: break-word
}

.list-card-title .badge-thumb {
  top: 2px
}

.list-card-title .badge-tag,
.list-card-title .badge-thumb {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative
}

.list-card-title .badge-tag {
  bottom: 1px
}
.hoteltype-tag {
  color: #455873;
  font-size: 14px;
  position: relative;
  top: -1px
}

.hoteltype-tag,
.more-star-repeat {
  display: inline-flex;
  margin-right: 8px
}

.more-star-repeat {
  align-items: center
}

.more-star-repeat .own-star {
  font-size: 16px;
  line-height: 1
}

.more-star-repeat img {
  position: relative;
  height: 18px;
  width: auto;
  top: 2px
}

.m-hotelTag .m-hotelTag_list {
  display: inline-flex;
  margin-right: 8px;
  border-radius: 1px;
  padding: 0 4px;
  font-size: 12px
}

.m-hotelTag .m-hotelTag_list_content {
  line-height: 18px;
  word-break: break-word
}

.m-hotelTag .m-hotelTag_list .isHover {
  cursor: pointer
}

.m-hotelTag .m-hotelTag_list_icon {
  padding-right: 4px
}

.m-hotelTag .accommodation {
  background: rgba(40, 125, 250, .1)
}

.m-hotelTag .accommodation .m-hotelTag_list_content {
  color: #0065f2
}

.m-hotelTag .custom {
  background: rgba(6, 174, 189, .1)
}

.m-hotelTag .custom .m-hotelTag_list_content,
.m-hotelTag .custom .m-hotelTag_list_icon {
  color: #06aebd
}

.m-hotelTag .popular {
  background: rgba(255, 111, 0, .1)
}

.m-hotelTag .popular .m-hotelTag_list_content,
.m-hotelTag .popular .m-hotelTag_list_icon {
  color: #ff6f00
}

.m-hotelTag .highlight {
  background: rgba(115, 120, 230, .1)
}

.m-hotelTag .highlight .m-hotelTag_list_content,
.m-hotelTag .highlight .m-hotelTag_list_icon {
  color: #7378e6
}

.current-filter-wrap {
  width: 100%;
  padding: 16px 24px;
  background: #fff;
  box-sizing: border-box;
  position: relative;
  border-bottom: 1px solid #dadfe6
}

.current-filter-wrap .flight-hotel-entrance {
  position: absolute;
  top: 24px;
  right: 24px;
  color: #287dfa;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
  font-size: 14px
}

.current-filter-wrap .choosen {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 16px
}

.current-filter-wrap .choosen .current {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  margin-right: 16px;
  margin-bottom: 8px
}

.current-filter-wrap .choosen-item {
  background: rgba(40, 125, 250, .1);
  border-radius: 2px;
  font-weight: 700;
  font-size: 12px;
  color: #287dfa;
  line-height: 16px;
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  margin-bottom: 8px;
  border: 1px solid transparent;
  cursor: pointer
}

.current-filter-wrap .choosen-item .name {
  margin-right: 4px
}

.current-filter-wrap .choosen-item .close {
  font-size: 12px
}

.current-filter-wrap .choosen-item:hover {
  color: #287dfa;
  background: #fff;
  border: 1px solid #287dfa
}

.current-filter-wrap .choosen-item:not(:last-child) {
  margin-right: 8px
}

.current-filter-wrap.list {
  display: flex;
  flex-wrap: wrap
}

.current-filter-wrap.list:empty {
  display: none
}

.current-filter-wrap.list .filter-title {
  display: inline-flex;
  margin-right: 16px
}

.current-filter-wrap.list .filter-title h3 {
  display: inline-flex;
  font-size: 16px;
  line-height: 22px
}

.current-filter-wrap.list .filter-title h3.no-result {
  color: #0f294d
}

.current-filter-wrap.list .filter-title h3.no-result .highlight-match {
  color: #287dfa;
  padding: 0 2px
}

.current-filter-wrap.list .clear {
  font-size: 12px;
  margin-left: 8px;
  color: #287dfa;
  line-height: 18px;
  display: inline-flex;
  align-items: center;
  height: 26px;
  cursor: pointer
}

.current-filter-wrap.map {
  border-bottom: none;
  padding: 0 24px
}

.current-filter-wrap.map .filter-title h3 {
  float: left;
  font-size: 16px;
  color: #0f294d;
  line-height: 22px
}

.current-filter-wrap.map .filter-title h3.no-result {
  color: #0f294d
}

.current-filter-wrap.map .filter-title h3.no-result .highlight-match {
  color: #287dfa;
  padding: 0 2px
}



@media screen and (min-width:1280px) {
  .list-avatar-wrap .big {
    width: 206px;
    height: 146px
  }

  .list-avatar-wrap .small {
    width: 50px;
    height: 36px
  }

  .list-avatar-wrap .special {
    width: 192px;
    height: 172px
  }
}

@media screen and (max-width:1279px) {
  .list-avatar-wrap .big {
    width: 156px;
    height: 110px
  }

  .list-avatar-wrap .small {
    width: 38px;
    height: 27px
  }

  .list-avatar-wrap .small:not(:last-child) {
    margin-right: 1px
  }

  .list-avatar-wrap .special {
    width: 156px;
    height: 140px
  }
}

.poi-container {
  position: absolute;
  bottom: 8px;
  right: 0
}

.poi-container .poi-list {
  background: #0065f2;
  height: 28px;
  width: 28px;
  margin-top: 8px
}

.poi-container .poi-list .u-icon {
  font-size: 18px;
  color: #fff;
  margin: 1px 5.5px
}

.hotelPoiHover .hotelPoiHover-list {
  padding-bottom: 16px;
  color: #0f294d
}

.hotelPoiHover .hotelPoiHover-list:last-child {
  padding-bottom: 0
}

.hotelPoiHover .hotelPoiHover-list .u-icon {
  font-size: 16px;
  margin-right: 8px
}

.hotelPoiHover .hotelPoiHover-list .hotelPoiHover-content {
  font-size: 14px;
  line-height: 18px
}



.comment-score-wrap {
  width: 392px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box
}

.comment-score-wrap .bg {
  width: 180px;
  height: 4px;
  background: #dadfe6;
  position: relative;
  margin-bottom: 8px
}

.comment-score-wrap .bg .hightlight {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  background: #4978ce
}

.comment-score-wrap .line:first-child .describe,
.comment-score-wrap .line:nth-child(2) .describe {
  margin-bottom: 24px
}

.comment-score-wrap .describe {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.comment-score-wrap .describe .category {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px
}

.comment-score-wrap .describe .score {
  font-size: 14px;
  color: #4978ce;
  line-height: 18px
}

.list-card-price {
  text-align: right;
  align-self: flex-end
}

.list-card-price .favour {
  margin-bottom: 8px
}

.list-card-price .percent {
  margin-left: 4px;
  background: #f5594a;
  border-radius: 2px 2px 0 2px;
  padding: 0 4px;
  position: relative;
  font-size: 12px;
  color: #fff;
  letter-spacing: 0;
  display: inline-block;
  box-sizing: border-box
}

.list-card-price .percent:after {
  content: "";
  position: absolute;
  bottom: -5px;
  right: 0;
  border: 5px solid transparent;
  border-right-color: #f5594a
}

.list-card-price .price-area {
  cursor: pointer
}

.list-card-price .p6tag {
  color: #0f294d;
  margin-right: 4px;
  margin-top: 12px
}

.list-card-price .price {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  position: relative;
  top: 2px
}

.list-card-price .price .p6tagInfo,
.list-card-price .price .priceInfo {
  display: flex;
  flex-wrap: nowrap;
  align-items: baseline;
  justify-content: flex-end;
  margin-bottom: 4px
}

.list-card-price .price .priceInfo .tax {
  font-size: 14px;
  color: #455873;
  margin-right: 2px
}

.list-card-price .price .priceInfo .line-price {
  font-size: 14px;
  color: #455873;
  text-decoration: line-through
}

.list-card-price .price .priceInfo .line-through {
  font-size: 24px;
  color: #455873;
  font-weight: 700;
  text-align: right;
  text-decoration: line-through
}

.list-card-price .price .priceInfo .real-price {
  font-size: 24px;
  color: #287dfa;
  text-align: right;
  cursor: pointer
}

.list-card-price .price .priceInfo .real-price.isFullRoom {
  color: #999
}

.list-card-price .price .priceInfo .textColor {
  color: #06aebd
}

.list-card-price .price .priceInfo .price-qi {
  font-weight: 400;
  font-size: 14px;
  color: #0f294d;
  margin-left: 1px
}

.list-card-price .tax {
  font-size: 14px;
  color: #8592a6;
  text-align: right;
  line-height: 18px;
  margin-bottom: 8px
}

.list-card-price .new-tax {
  font-size: 14px;
  color: #455873;
  margin-bottom: 12px
}

.list-card-price .totalmoney-tax-text {
  margin-top: -9px;
  color: #455873;
  font-size: 14px
}

.list-card-price .roomHoldMessage {
  font-size: 14px;
  color: #f5594a;
  line-height: 18px;
  margin-bottom: 8px
}

.list-card-price .freeCancelTag,
.list-card-price .price-include-breakfast {
  font-size: 14px;
  color: #06aebd;
  line-height: 18px;
  margin-bottom: 8px
}

.list-card-price .select {
  display: inline-block;
  background: #287dfa;
  border-radius: 2px;
  font-size: 16px;
  color: #fff;
  text-align: right;
  line-height: 22px;
  padding: 8px 16px;
  cursor: pointer
}

.list-card-price .select:hover {
  background: #2273e5
}

.sold-out-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(245, 89, 74, .1);
  border-radius: 2px;
  padding: 8px 16px;
  box-sizing: border-box
}

.sold-out-btn .sold-out-warn {
  color: #f5594a;
  font-size: 22px;
  line-height: 1;
  margin-right: 4px
}

.sold-out-btn span {
  font-size: 18px;
  color: #f5594a;
  line-height: 24px;
  font-weight: 600
}

.discount-tag {
  font-size: 12px;
  margin-bottom: 8px;
  color: #ff6f00;
  border-radius: 2px;
  border: 1px solid rgba(255, 111, 0, .3);
  display: inline-flex;
  flex-direction: row-reverse;
  flex-wrap: wrap
}

.discount-tag .tag {
  padding: 2px 4px;
  line-height: 1;
  box-sizing: border-box
}

.discount-tag .tag .vip-icon {
  width: 10px;
  height: 10px;
  margin-right: 4px;
  display: inline-block;
  vertical-align: -1px;
  background: url(https://pages.c-ctrip.com/hotels/IBU/online/vip-icon.png) no-repeat;
  background-size: contain
}

.discount-tag .tag:first-child {
  background-color: rgba(255, 111, 0, .2)
}

.discount-tag .line {
  width: 2px;
  height: 8px;
  margin: 0 4px 0 -2px;
  background-color: #ffe9d8;
  display: inline-block
}

.pricemask-content {
  background-color: #fff;
  max-width: 416px;
  min-width: 260px
}

.pricemask-content .category {
  padding-top: 10px
}

.pricemask-content .category.noPadding {
  padding: 0
}

.pricemask-content .category .taxinfo-explain-txt {
  position: relative;
  font-size: 12px;
  line-height: 1;
  top: -12px;
  right: 0;
  padding-top: 2px;
  text-align: right;
  color: #999
}

.pricemask-content .category .light {
  color: #999 !important
}

.pricemask-content .category .dark {
  color: #333 !important
}

.pricemask-content .category .orange {
  color: #ff6f00 !important
}

.pricemask-content .category .blue {
  color: #287dfa !important
}

.pricemask-content .category .bold {
  font-weight: 700
}

.pricemask-content .category .font12 {
  font-size: 12px
}

.pricemask-content .category .font14 {
  font-size: 14px
}

.pricemask-content .category .font18 {
  font-size: 18px
}

.pricemask-content .category .margin20 {
  margin-bottom: 20px
}

.pricemask-content .category .margin15 {
  margin-bottom: 15px
}

.pricemask-content .category .margin10 {
  margin-bottom: 10px
}

.pricemask-content .category .margin5 {
  margin-bottom: 5px
}

.pricemask-content .category .title {
  display: flex;
  justify-content: space-between;
  line-height: 14px
}

.pricemask-content .category .title .key-group {
  margin-right: 16px
}

.pricemask-content .category .title .key {
  color: #111
}

.pricemask-content .category .title .keyTitle {
  max-width: unset
}

.pricemask-content .category .title .value {
  color: #333
}

.pricemask-content .category .title .tax-info {
  font-size: 12px;
  color: #888;
  display: inline-block;
  margin-top: 4px;
  word-break: break-all;
  line-height: 18px
}

.pricemask-content .category .title.total {
  padding: 16px 0;
  justify-content: flex-end
}

.pricemask-content .category .title.total .key {
  margin-right: 4px
}

.pricemask-content .category .adult-info {
  margin-top: 4px;
  color: #888
}

.pricemask-content .category .total-note {
  text-indent: 5px
}

.pricemask-content .category .total-login .u-icon {
  margin-right: 8px
}

.pricemask-content .category .detail li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-indent: 5px;
  color: #999;
  line-height: 14px
}

.pricemask-content .price-detail-panel-note {
  border-top: 1px dashed #ced7de;
  font-size: 12px;
  color: #8592a6;
  line-height: 18px;
  padding: 16px 0
}

.pricemask-content .price-detail-panel-note-it {
  padding-bottom: 4px
}

.pricemask-content .price-detail-panel-note-it:before {
  content: "\B7"
}

.pricemask-content .price-detail-panel-taxfee {
  font-size: 14px;
  color: #0f294d;
  text-align: right;
  line-height: 18px;
  position: relative;
  top: -8px
}

.pricemask-content .taxFee {
  border-top: 1px dashed #ced7de;
  display: flex;
  flex-direction: column
}

.pricemask-content .taxFee .taxDetailList-item,
.pricemask-content .taxFee .totalPriceInfo,
.pricemask-content .taxFee .totalTaxInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 14px
}

.pricemask-content .taxFee .totalTaxInfo {
  margin-top: 16px
}

.pricemask-content .taxFee .taxDetailList {
  margin-top: 16px;
  border-radius: 2px 2px 2px 2px;
  font-size: 12px
}

.pricemask-content .taxFee .taxDetailList .taxDetailList-item {
  align-items: flex-start;
  line-height: 16px;
  color: #111
}

.pricemask-content .taxFee .taxDetailList .taxDetailList-item .item-desc {
  font-size: 14px;
  margin-right: 20px;
  word-break: break-all
}

.pricemask-content .taxFee .taxDetailList .taxDetailList-item .item-desc~span {
  font-size: 14px
}

.pricemask-content .taxFee .taxDetailList .taxDetailList-item:hover .useage-tax-wrap {
  display: block
}

.pricemask-content .taxFee .taxDetailList .taxDetailList-item:not(:last-child) {
  margin-bottom: 8px
}

.pricemask-content .taxFee .totalPriceInfo {
  margin: 16px 0 15px;
  justify-content: flex-end
}

.pricemask-content .taxFee .totalPriceInfo .title {
  font-weight: 600;
  margin-right: 4px
}

.pricemask-content .taxFee .totalPriceInfo .price {
  font-weight: 600;
  color: #287dfa
}

.pricemask-content .taxFee .total-offline-tax-price {
  margin-top: 16px;
  color: #333;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  text-align: right
}

.pricemask-content .notComputableFee {
  margin: 15px 0 24px;
  border-top: 1px dashed #ced7de;
  padding-top: 15px
}

.taxDetailList-item .item-desc.with-dot-border {
  border-bottom: 1px dotted
}

.useage-tax-wrap {
  display: none;
  position: absolute;
  width: 240px;
  left: -244px;
  bottom: 0;
  padding: 32px 24px;
  background: #fff;
  box-shadow: 2px 2px 13px 1px rgba(186, 191, 201, .62);
  border-radius: 2px 2px 2px 2px;
  box-sizing: border-box
}

.useage-tax-wrap .useage-title {
  line-height: 1em;
  font-size: 14px
}

.useage-tax-wrap .usage-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
  font-size: 12px
}

.useage-tax-wrap .usage-item~.usage-item {
  margin-top: 4px
}

.useage-tax-wrap .usage-item .item-line {
  flex: 1;
  height: 1px;
  margin: 0 16px;
  background-image: linear-gradient(90deg, #e5e5e5 55%, #fff 0);
  background-position: bottom;
  background-size: 3px 1px;
  background-repeat: repeat-x
}

.useage-tax-wrap .extra-tips {
  margin-top: 8px;
  color: #888;
  font-size: 12px;
  line-height: 18px
}

.list-card-encourage .booking,
.list-card-encourage .review,
.list-card-encourage .roomHoldMessage {
  font-size: 14px;
  margin-bottom: 8px
}

.list-card-encourage .review {
  color: #4978ce;
  line-height: 18px
}

.list-card-encourage .review span {
  margin-right: 5px
}

.list-card-encourage .booking {
  color: #0f294d;
  line-height: 18px
}

.list-card-encourage .roomHoldMessage {
  color: #f5594a
}

.list-card-quality .review {
  color: #4978ce;
  line-height: 18px
}

.list-card-promotion .ctrip-promotion-desc {
  margin-bottom: 8px;
  color: #ff6f00;
  font-size: 14px;
  line-height: 18px
}

.list-card-member {
  margin-bottom: 8px
}

.list-card-member .mem-item {
  display: flex
}

.list-card-member .mem-item .dark-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 18px;
  position: relative;
  z-index: 3;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAMAAAB2Mu6sAAAAAXNSR0IArs4c6QAAAGBQTFRFAAAAqqqqYmJiW1tbXl5eWlpaWFhYW1tbWFhYWlpaWVlZWFhYWVlZWVlZWVlZXFxcYGBgWVlZWlpaWFhYWVlZV1dXWFhYV1dXWFhYWVlZWlpaW1tbXFxcXV1dXl5eX19f/ZZBzgAAABd0Uk5TAAMNDh4fNzhUVXBxjI2ptbXGxt/x/Pz+l5zAAAAApElEQVQY01WQWQIDIQhD6b7v0w4gdu5/yyKgdfjMI8EI9+mrk3VEJOkwMxE9oeriOtsQHiDWq8H36bWA+X4QPAGYXAm7AYeVAjekdriQC5hDWpDr+NkoyA1wvYxXcJA1SLog3DmY7yPhAxqIwyVfwd5B/yK7oOUCtL+wIDyaDqYztwPjsKwgeZA1QBzPEKBrXAzvNfwdVtkOo5crczOHFytJ29B/0AElT9aCAH0AAAAASUVORK5CYII=) no-repeat 50%
}

.list-card-member .mem-item .dark-wrap .member-icon {
  position: relative;
  left: -2px;
  font-size: 14px
}

.list-card-member .mem-item .grade {
  position: relative;
  left: -8px;
  vertical-align: top;
  display: inline-block;
  height: 18px;
  padding: 0 4px 0 10px;
  font-size: 12px;
  color: #0f294d;
  z-index: 2;
  border-radius: 0 2px 2px 0
}

.list-card-member .mem-item-sliver .member-icon,
.list-card-member .mem-item-unlogin .member-icon {
  color: #dde6f3
}

.list-card-member .mem-item-sliver .grade,
.list-card-member .mem-item-unlogin .grade {
  background-image: linear-gradient(135deg, #e8edf3, #dde6f3)
}

.list-card-member .mem-item-golden .member-icon {
  color: #ffecc7
}

.list-card-member .mem-item-golden .grade {
  background-image: linear-gradient(135deg, #ffecc7, #d2b073)
}

.list-card-member .mem-item-pt .dark-wrap {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAAAXNSR0IArs4c6QAAAkNJREFUOBFllEFu1EAQRd1mRPagSGjEijASChLcgwNwLBDZAkdIWMEVwjECG1ggFhO2sfnvV5XbVjoTd3XV/7+q2t1uv//++zpP05tpnoeBH7MGM9Y85cw6Y5N8xgiBy1jHt/xhaNft159bxTsZm2TMFskE2It/LSp/8EGUHfw2jG93i9AqaGQ9mkhZcbRUAfmTE54QpS6X1trN+dmTqx3LLHZh9orUTW2HuyrRKVVS2ordBb8N7aK1dqcOFIAMNu3KRIwRk1qxBUi/5AR/Coz8bKPEjyfDyWe4fYtKTeF5VoUaiKRhooXxYzT2LrZFi8Qi7vHpcHh8xNIWQYjhqrqmnRtfIiNvHAZAJESY3dTvbvdguDBZD3eAZgiFOgIl3JvAGVsA2cjCsUpb+355/mz/AwxjV0DaZFQi+1kn2duAbZ/8dbLSUXi9jfcG5WPzDqpac9yGLDEhV2LHLM7+pz/jmq5fH55+B1NjLKPEN0JVsYL4GTG7r0i6CCjWhne1rNkvuc66PxcWEZi/0NyIuwBjMih7mjh1482r5/svMjbD9wCPK+ucBCnJeq/BGQw+INWZHB+4WElcpuUdlIc7EJp0QB8xsN2hHCXquPy6EseHj+JilU7NS4KFXBErc7IyEevM5okW+HnRPr44Pb0t6nqOixaoTWUwQyO6qG569YhLne/Nblwu1loc2wkwOtElRbFqIL8a9KEFSHz57Ymrc/nybP8zIvefo4jfLJ5kC7h6Ouj/cdGqEL49nB72f753NNdp/gN1wyycPaTkggAAAABJRU5ErkJggg==) no-repeat 50%
}

.list-card-member .mem-item-pt .member-icon {
  color: #5f5f5f
}

.list-card-member .mem-item-pt .grade {
  color: #fff;
  background-image: linear-gradient(135deg, #7b7b7b, #1e1e1e)
}

.list-card-member .mem-item-diamond .dark-wrap {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAASCAYAAABB7B6eAAAAAXNSR0IArs4c6QAAAkNJREFUOBFllEFu1EAQRd1mRPagSGjEijASChLcgwNwLBDZAkdIWMEVwjECG1ggFhO2sfnvV5XbVjoTd3XV/7+q2t1uv//++zpP05tpnoeBH7MGM9Y85cw6Y5N8xgiBy1jHt/xhaNft159bxTsZm2TMFskE2It/LSp/8EGUHfw2jG93i9AqaGQ9mkhZcbRUAfmTE54QpS6X1trN+dmTqx3LLHZh9orUTW2HuyrRKVVS2ordBb8N7aK1dqcOFIAMNu3KRIwRk1qxBUi/5AR/Coz8bKPEjyfDyWe4fYtKTeF5VoUaiKRhooXxYzT2LrZFi8Qi7vHpcHh8xNIWQYjhqrqmnRtfIiNvHAZAJESY3dTvbvdguDBZD3eAZgiFOgIl3JvAGVsA2cjCsUpb+355/mz/AwxjV0DaZFQi+1kn2duAbZ/8dbLSUXi9jfcG5WPzDqpac9yGLDEhV2LHLM7+pz/jmq5fH55+B1NjLKPEN0JVsYL4GTG7r0i6CCjWhne1rNkvuc66PxcWEZi/0NyIuwBjMih7mjh1482r5/svMjbD9wCPK+ucBCnJeq/BGQw+INWZHB+4WElcpuUdlIc7EJp0QB8xsN2hHCXquPy6EseHj+JilU7NS4KFXBErc7IyEevM5okW+HnRPr44Pb0t6nqOixaoTWUwQyO6qG569YhLne/Nblwu1loc2wkwOtElRbFqIL8a9KEFSHz57Ymrc/nybP8zIvefo4jfLJ5kC7h6Ouj/cdGqEL49nB72f753NNdp/gN1wyycPaTkggAAAABJRU5ErkJggg==) no-repeat 50%
}

.list-card-member .mem-item-diamond .member-icon {
  color: #5f5f5f
}

.list-card-member .mem-item-diamond .grade {
  color: #fff;
  background-image: linear-gradient(90deg, #616f93, #36456e 49%, #162344)
}

.list-card-tag {
  margin-bottom: 4px;
  max-height: 44px;
  overflow: hidden
}

.list-card-tag .card-tag {
  display: inline-block;
  height: 18px;
  padding: 2px 4px;
  font-size: 12px;
  line-height: 1;
  color: #ff6f00;
  border-radius: 2px;
  border: 1px solid rgba(255, 111, 0, .5);
  box-sizing: border-box;
  margin-right: 8px;
  margin-bottom: 4px
}

.list-card-tag .card-tag:hover {
  cursor: pointer
}

.count-down-wrap span {
  display: inline-block
}

.count-down-wrap .colon {
  margin: 0 2px;
  color: #fff
}

.count-down-wrap .cell {
  width: 24px;
  height: 24px;
  border-radius: 1px;
  font-size: 14px;
  color: #f5594a;
  background: #fff;
  line-height: 24px;
  text-align: center
}

.signInNote {
  margin-bottom: 8px;
  display: inline-flex
}

.signInNote .u-icon:before {
  background: rgba(255, 111, 0, .1);
  color: #ff6f00;
  padding: 2px 4px;
  border-radius: 2px
}

.signInNote-meta {
  text-align: right;
  background: #fff0e5;
  padding: 8px;
  margin-top: 11px;
  position: relative;
  display: flex
}

.signInNote-meta:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #fff0e5;
  position: absolute;
  top: -5px;
  right: 30px;
  transform: rotate(45deg)
}

.signInNote-meta .ic_unlock {
  font-size: 18px;
  height: 18px;
  color: #ff6f00;
  vertical-align: sub;
  position: relative;
  top: -2px;
  right: 4px
}

.signInNote-meta .veil {
  font-size: 14px;
  color: #ff6f00;
  line-height: 18px;
  word-break: break-word;
  text-align: left
}

.signInNote-meta .veil-line {
  text-decoration: underline
}

.member-wrap {
  width: 100%;
  position: relative;
  background: #fff;
  padding-bottom: 8px
}

.member-wrap .base-font {
  font-size: 14px;
  color: #455873;
  line-height: 18px
}

.member-wrap .avatar {
  width: 144px;
  height: 144px;
  margin: 8px;
  background-image: url(/modules/hotel/hotel-ctrip-online/image/member.6cafe9137c7e703a4aa0c854c8a3ff27.png);
  background-repeat: no-repeat;
  background-size: cover
}

.member-wrap .avatar,
.member-wrap .middle {
  display: inline-block;
  vertical-align: middle
}

.member-wrap .middle {
  max-width: calc(100% - 330px)
}

.member-wrap .middle .title {
  font-size: 18px;
  line-height: 24px;
  margin: 16px 0
}

.member-wrap .middle .title .orange {
  color: #ff6f00
}

.member-wrap .middle .item {
  margin-bottom: 8px
}

.member-wrap .unlock {
  outline: none;
  border: none;
  display: inline-block;
  background: #287dfa;
  border-radius: 2px;
  padding: 8px 16px;
  font-size: 16px;
  color: #fff;
  line-height: 22px;
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  max-width: 130px;
  word-break: break-word
}

.member-wrap .unlock:hover {
  background: #2470e1
}

.cb-notice {
  background-color: #fff7eb;
  padding: 15px 24px
}

.cb-notice-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  color: #0f294d
}

.cb-notice-item .cb-notice-tit {
  color: #ff6f00;
  margin-right: 8px;
  font-weight: 600
}

.cb-notice-item .cb-notice-link {
  color: #287dfa;
  margin-left: 8px;
  font-weight: 600
}

.cb-notice-item .cb-notice-link:hover {
  text-decoration: underline
}

.cb-notice-item .cb-notice-close {
  font-size: 16px;
  margin-left: 32px;
  color: #d8d8d8;
  cursor: pointer;
  line-height: 20px
}

.cb-notice.bottom-space {
  margin-bottom: 8px;
  border-radius: 2px
}

.cb-notice.bottom-home {
  border-radius: 2px 2px 0 0;
  position: relative;
  z-index: 1
}

.coupon-banner {
  height: 50px;
  display: flex;
  align-items: center;
  background-color: #fff;
  justify-content: space-between;
  margin-bottom: 4px;
  color: #fff;
  position: relative
}

.coupon-banner .coupon-icon {
  position: absolute;
  height: 18px;
  left: 24px;
  top: 15px
}

.coupon-banner .coupon-icon img {
  height: 100%
}

.coupon-banner .coupon-container {
  margin-left: 76px;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  height: 18px;
  overflow: hidden
}

.coupon-banner .coupon-container .coupon-desc {
  cursor: pointer;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  padding: 0 10px;
  background-color: #f70;
  margin-right: 8px
}

.coupon-banner .coupon-container .coupon-desc:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 5px;
  left: -4px;
  border-radius: 50%;
  background-color: #fff
}

.coupon-banner .coupon-container .coupon-desc:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  top: 5px;
  right: -4px;
  border-radius: 50%;
  background-color: #fff
}

.coupon-banner .receive-button {
  cursor: pointer;
  line-height: 28px;
  padding: 0 16px;
  font-size: 16px;
  margin: 0 16px;
  text-align: center;
  border-radius: 2px;
  background: #f70;
  border: none;
  outline: none;
  color: #fff
}

.hotel-detail_main .coupon-banner {
  margin-bottom: 8px
}

.hotel-detail_main .receive-button {
  margin: 0 34px
}

.coupon-toast.active {
  z-index: 10001;
  animation-duration: 2s
}

.m-confirm_close .u-icon-close {
  font-weight: 700
}

.m-confirm {
  max-width: 1100px
}

.m-confirm_close {
  top: 24px
}

.m-confirm .title.center {
  text-align: left
}

.m-confirm .m-confirm_content {
  padding-right: 16px
}

.m-confirm .content {
  max-height: 470px;
  padding-right: 16px
}

.m-confirm .content::-webkit-scrollbar {
  width: 2px
}

.m-confirm .content::-webkit-scrollbar-thumb {
  background: #dadfe6;
  border-radius: 2px
}

.m-confirm .u-btn {
  margin-right: 16px;
  width: 137px
}

.m-confirm .btn-disable {
  background-color: #999;
  pointer-events: none
}

.coupon-box {
  width: 888px
}

.coupon-box .coupon-card {
  vertical-align: bottom;
  width: 48%;
  margin-right: 16px;
  margin-bottom: 16px;
  display: inline-flex;
  box-sizing: border-box;
  height: 120px;
  border: 1px solid hsla(4, 92%, 72%, .5);
  border-radius: 6px;
  overflow: hidden
}

.coupon-box .coupon-card .coupon-discount {
  color: #fff;
  font-size: 12px;
  width: 120px;
  background-image: linear-gradient(225deg, #ffa666, #f50);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.coupon-box .coupon-card .coupon-discount .deduction-amount {
  line-height: 38px;
  height: 38px
}

.coupon-box .coupon-card .coupon-discount .deduction-amount .number {
  font-size: 32px;
  padding-right: 7px
}

.coupon-box .coupon-card .coupon-discount .deduction-amount .unit {
  font-size: 16px
}

.coupon-box .coupon-card .coupon-desc {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #666;
  margin-left: 12px;
  position: relative;
  font-size: 12px
}

.coupon-box .coupon-card .coupon-desc .coupon-name {
  font-size: 16px;
  color: #222;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 4px
}

.coupon-box .coupon-card .coupon-desc .coupon-tag-one,
.coupon-box .coupon-card .coupon-desc .coupon-tag-two,
.coupon-box .coupon-card .coupon-desc .short-remark {
  height: 18px
}

.coupon-box .coupon-card .coupon-desc .coupon-tag-one {
  white-space: nowrap
}

.coupon-box .coupon-card .coupon-desc .coupon-tag-two {
  margin-bottom: 4px;
  white-space: nowrap
}

.coupon-box .coupon-card .coupon-desc .coupon-get {
  cursor: pointer;
  position: absolute;
  width: 76px;
  line-height: 28px;
  border: 1px solid #ff6913;
  border-radius: 2px;
  color: #ff6913;
  text-align: center;
  right: 12px;
  bottom: 10px;
  z-index: 5
}

.coupon-box .coupon-card .coupon-desc .coupon-status {
  position: absolute;
  width: 54px;
  height: 70px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(https://pages.c-ctrip.com/hotels/IBU/online/coupon_success.png);
  right: 0;
  top: 50%;
  transform: translateY(-50%)
}

.ctrip-login-card {
  box-sizing: border-box;
  height: 50px;
  padding: 0 24px 0 64px;
  background: url(https://pages.c-ctrip.com/hotels/IBU/online/login-banner.png) no-repeat;
  background-size: cover
}

.ctrip-login-card,
.ctrip-login-card .txt {
  display: flex;
  align-items: center;
  width: 100%
}

.ctrip-login-card .txt {
  justify-content: space-between
}

.ctrip-login-card .txt .desc {
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  flex: 1
}

.ctrip-login-card .txt .btn {
  display: inline-block;
  padding: 4px 24px;
  background: #fff;
  color: #287dfa;
  font-size: 16px;
  font-weight: 700;
  border-radius: 2px
}

.ctrip-login-card .txt .btn:hover {
  cursor: pointer
}

.date-wrap {
  width: 100%;
  padding: 24px;
  box-sizing: border-box;
  background: #fff;
  position: relative
}

.date-wrap .calendar {
  font-size: 35px;
  color: #2681ff
}

.date-wrap .dec {
  display: inline-block;
  vertical-align: top;
  margin-left: 18px
}

.date-wrap .dec h3 {
  font-size: 18px;
  color: #0f294d;
  line-height: 24px;
  margin-bottom: 8px
}

.date-wrap .dec p {
  font-size: 14px;
  color: #455873;
  line-height: 18px
}

.date-wrap button {
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  border: 1px solid #287dfa;
  border-radius: 2px;
  font-size: 16px;
  color: #287dfa;
  line-height: 22px;
  padding: 8px 16px;
  background: #fff
}

.date-wrap button:hover {
  background: #287dfa;
  color: #fff
}

.booking-wrap {
  width: 100%;
  background: #fff7eb;
  border-radius: 2px;
  height: 72px;
  line-height: 72px;
  display: flex;
  align-items: center;
  padding: 0 24px;
  box-sizing: border-box;
  position: relative
}

.booking-wrap .jiaocha {
  width: 40px;
  height: 40px
}

.booking-wrap .pie {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 3px solid #ee6723;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center
}

.booking-wrap .pie .rate {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: transparent;
  overflow: hidden;
  position: relative
}

.booking-wrap .pie .percent-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 14px;
  height: 100%;
  overflow: hidden
}

.booking-wrap .pie .percent-left .real {
  background: transparent;
  width: 14px;
  height: 100%;
  border-right: 14px solid #ee6723;
  transform: rotate(0)
}

.booking-wrap .pie .percent-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 14px;
  height: 100%;
  overflow: hidden
}

.booking-wrap .pie .percent-right .real {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  width: 14px;
  height: 100%;
  border-left: 14px solid #ee6723;
  transform: rotate(0);
  transition: all .5s linear
}

.booking-wrap .title {
  line-height: 18px;
  max-width: calc(100% - 78px);
  margin-left: 8px
}

.booking-wrap .title .bookable,
.booking-wrap .title .booked {
  font-size: 18px
}

.booking-wrap .title .booked {
  color: #0f294d
}

.booking-wrap .title .bookable {
  color: #287dfa
}

.booking-wrap .title .bookable:hover {
  cursor: pointer
}

.booking-wrap .close {
  position: absolute;
  top: 0;
  right: 24px;
  color: #ff6f00;
  font-size: 24px;
  cursor: pointer
}

.booking-wrap.easy-cancel {
  background-color: #fff;
  height: unset
}

.booking-wrap.easy-cancel .cancel-icon {
  color: #4fb443;
  font-size: 40px
}

.booking-wrap.easy-cancel .title {
  margin: 24px 24px 24px 16px;
  font-size: 18px;
  line-height: 24px;
  flex: 1
}

.booking-wrap.easy-cancel .description-link-0 {
  color: #4fb443
}

.booking-wrap.easy-cancel .close {
  position: relative;
  top: 0;
  right: 0;
  color: #ced2d9;
  font-size: 19px
}

.u-price {
  display: inline-block;
  color: #ff5722;
  font-weight: 700;
  cursor: default
}

.u-price-dashed {
  display: inline-block;
  border-bottom: 1px dashed #ff5722;
  line-height: 1.2
}

.u-price_off {
  font-weight: 400
}

.u-price_space .u-price_currency {
  margin-right: 5px
}

.u-price_disabled {
  color: #999;
  text-decoration: line-through;
  font-weight: 400
}

.u-price_reverse .u-price_num {
  float: left
}

.u-price_reverse .u-price_currency {
  float: right
}

.u-price_reverse.u-price_space .u-price_currency {
  margin-left: 5px;
  margin-right: 0
}

.u-txt {
  font-size: 12px
}

.u-txt-icon>span {
  margin: 0 2px
}

.u-txt-icon .u-icon {
  margin: 0 2px;
  font-size: 18px;
  vertical-align: -2px
}

.u-txt_dashed {
  border-bottom: 1px dashed #333
}

.u-txt-warn {
  color: #ff5722
}

.u-txt-warn .u-txt_dashed {
  border-bottom-color: #ff5722
}

.u-txt-danger {
  color: #ff3d00
}

.u-txt-danger .u-txt_dashed {
  border-bottom-color: #ff3d00
}

.u-txt-power {
  color: #00c853
}

.u-txt-power .u-txt_dashed {
  border-bottom-color: #00c853
}

.u-txt-primary {
  color: #2681ff
}

.u-txt-primary .u-txt_dashed {
  border-bottom-color: #2681ff
}

.u-txt-light {
  color: #999
}

.u-txt_lineThrough {
  text-decoration: line-through
}

.m-announcement {
  padding: 16px 24px;
  background-color: #fff;
  font-size: 18px
}

.m-announcement_title {
  color: #ff6f00
}

.m-announcement a {
  font-size: 18px
}

.list-card-why {
  background: #fff;
  text-align: center;
  padding: 24px 0
}

.list-card-why .title {
  font-size: 16px;
  color: #0f294d;
  line-height: 22px
}

.list-card-why .main {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 16px 0;
  height: 20px
}

.list-card-why .score {
  background: #000031;
  border-radius: 2px;
  padding: 2px 8px;
  font-size: 14px;
  color: #fff;
  letter-spacing: 0;
  line-height: 16px;
  margin: 0 8px
}

.list-card-why .star {
  width: 110px;
  height: 20px;
  background: url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAAAUCAYAAABs4ghcAAAAAXNSR0IArs4c6QAABLVJREFUaAXtWFlsG1UUPTMer/FWJylNUCg0BUohFkhsgla0H10kaJEQFIlF4oNPQKgFIVWIpfx2QTRfLAIhQFRUKktbvliKhMSeRqUSSUMayY4DxHbt2LHjjD3DuxN5PJ6Z1OMwihgp17L83n333bnvHt/lDbdvaJUMm4gDMgdvudRF6p4bjr0sS/IrNqkGx/FPH7w5M0j6nGjz2FjKNj8zF2R4uxy7omd5PbAC3PL627anWQIuLKyBhw/Y9lCtoi5vv3Zq29iJNrtcPCsJrOBYIEvAxaO7sSG8zYK69kQ48Hio7/X2NlmUdqLNwaAPgYDX0gktATfAgItHdllS2I7QuuBd6A/ejW7vte1ssyTrRJs7Onwg8KxQS+CCQjeu6bgTN4S3Q+Cs/RusPJhk4tH7FdF41N4/hRNtpjTp83mUiLOSLVsCNxC5DzzHw+sK4rrQVquYWJIbiNy7AFxktyV5q0JOtJmijeobz/Pw+1sHiKB1xm2xR7A2cKuWhf7QZnW+s2c/NrLI09JI4Wucy5/UsgzjiLsXW1c/wyLWo655XSGE3WuU+ZWBOPb0vQFJrqrrc1IRX/19GOVaTuWZDZxocyjkV6JLex6KtjrFYiEQkFoqlSqYnZ1TWU3A/Zo9xurNemxhTqYo01Ov/ybQl6gmizideq0laCSbF1P4KfshHl/7Drp964lloNs7H1N5idIQPph4siVotMGJNhcKZbjdAqLRDtMu0ut1g75Esiwjkyk0gUb8JnQk1HB66gDe/PMBzIh/0boppSsXcXR0B85MKy8yTGX0zFT5HI6MbsHPmY/0S+qcjPz2n0FFd2b+osq/3MCJNtN5stkCpqayqFZrix5PFKuYnMwgn581yDQBV18dK36HQ39sxqX5ZJ2l/v6W/QRHRu5BsnxW5VkdzEslHEs8hVOpVw1bCuI03h7fg5OplyChkTINgoswnGhzuTyPRCINUTSCR1FJa5WKaHriplSplaBUGBJWq6xKrYgTky8gVf4dolRW+UsZ+F2Rpm2jhW/wWXK/kn6bFtqcONFmlgwhCI34kSQJ6fSMAhhloMWosUMnsTGyAwK/UDCTpWFWy05hV+8B7L3+DLt7bdJJtzelyzEROfqH9Hvw8WHs2/A9Hr7Keuo1e6ITbQ4EFrpJOg9FFzUgnZ1h9PV1s+6y0bDoz7socHHWoqs158J2HE88i7O5T5X9A//h3tXjuxFd3nVIV8YxOLoTx5N78XnqRaWBubrjDhblV+httDx3os104SY/53JFJJNpTE/nUSwuZDR9Z6l1hClw9F6yh3WPb40/qNQcioyqXMGJ5PN4d/xR0BsPjn2WQhRtv2Q/xmFWJxPlIUXFxOyPODSyiUX1F6jf7drV7USb6d7m8QhKk0KdIxFlR0qV1LhcLuJMa1zAFcPRC9tQrKYN/js/8yVrTIbhd61CqZY1rLdinM/TfmNjM1ebwfsTT6jXjVZ69OtOtNnl4pSusVaT9McB3dsodfI8B0ky1jpT4HKisZvUaqZ72VLJDDStLmp+lkJOtLlaNQKmPbsZoPV101RZX1z5/f96QGCVKmOfeVwjd0pyyVbdnKzeQWzVi+WxmfnYNj+z0pj9FxDXkK5NfBSLAAAAAElFTkSuQmCC) no-repeat 50%;
  background-size: 110px 20px;
  margin-right: 8px
}

.list-card-why .logo {
  width: 81px;
  height: 20px;
  background: url(data:image/jpeg;base64,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) no-repeat 50%;
  background-size: 81px 20px;
  margin: 0 8px
}

.list-card-why .footer,
.list-card-why .info {
  font-size: 14px;
  color: #8592a6;
  letter-spacing: 0;
  text-align: center;
  line-height: 18px
}

.list-card-ad {
  width: 100%;
  height: 70px;
  border-radius: 2px;
  cursor: pointer
}

.list-card-ad img {
  width: 100%;
  height: 100%
}

.badge-thumb-4 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAgtJREFUOBF9U8luE0EUrB43dsYZRygcECIiAqTAgUOExB/kp1lOnLiiSGxSrECILexsxkkc29PTVL1ZZF8Ya9yv+3XVq7eM+/pz/D7P84MQChSxQNSKiKLgWsRyz/NQ73lWFAExAnD44A6PBjEXKNSg+jJpCBJQa0GEBdGetl6xeIHlMBIyFyKjo143ux1MpzfI8xVCKTUSIFFkYw6hiRBy2QEbbY/XL5/gzatnDJBjybO8eUsSr1yDIpvUikzSfIJ9gn2rhcnfG8znS7RaiUVWQOrnDzACySlzrXKja//FLtJOm1eAz1/6BqyDaHXOSkACyzfifi/F9tYm+icj7D56gK2sa2D97T3fwT3vVTM+EcenI4wvJmyCk4Iy3xZdOw+38e3ohAULutk8e08fN7aMw+/HVmhHskS9DjEwx4Vdmi+WVo81xMpmQf/47MqKLPXeeqyBKfWx56ZzBbJu/hqMkaiYwnDkWINq4rjVY46KbB1a7n4Pz2hQvHCBNRBAQ1PhufxfwXB0zhtqvUPCVnhrH9kGf87x8dMMt7M5fvRPYZFWlIhWrbucXKOz0WbQCJdoDmhIxfT2DsPRBXpZhuH4CrPZncmsR1aSJb3X61qR1cJAnJcc6c+yFGmaGsi3k+aifYUcX3XLvk59q7RLHNMg+l3ZAXFW+Zte/VGm3oQ+yneOZ+Vx2bWIt/8AxKTTpqYD+wIAAAAASUVORK5CYII=) no-repeat 50%;
  background-size: 16px 16px
}

.badge-thumb-5 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAalJREFUOBF9UstKA0EQrN28FV8QjIIHFUQQ/APPivkTET34U54Fk38QRJEcFPSqUUFixBgPyY7V2z2zq0gGdrunu6umumci1zluAa4J5wBE/MRmxm81r6kQi9COM7AlhUQ4hDBYcYScS1y/EteMw8m+OPEVBpheBeIyIT7u0RqiAluRAcSktQlQXQbWj4CNE4Db0EaqjkXEKIEPCFc6C9rSPLB2ABQqwPcj41+SzZYcwtpiUBYUUoJIFnB5QQFPpywWgOHFmtKihYCZLWB2G3jmpTR2gdpKSKG+T9KaogT4dgl8PqSEVGDU5TmgvgO8nLFCGs6txl5uQ7d7zp/K4AxMS2I9jofMjX4D8rvRABjcs0b7MQVCqIFg86C8/37BM6cY0fln15gvmuT3r0hQ0goeqi340ycBfa5/R68QFEfu+tDBjRnjLOTV9W74gBaBSp2Ff4YpwFe2UF4iAX1C7B3QG3aBjw6TvL7+LTDq/UNA6dVNgrPZ2ztgoETWYoOs9GO+wirVyEpnq1emAyZEWraZx5TR1gQlicR0uiQRiXKSfBSqVmKGVNv6ARSQnOH8j0j3AAAAAElFTkSuQmCC) no-repeat 50%;
  background-size: 16px 16px
}

.badge-thumb-6 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAapJREFUOBGFU7FKA0EQfXue+AO2dimsBBGJaKGNiLGxSSOWprISG0FsbfQH/AN7iT9gYSvBIiKCio3aWEiscuO8md3LJSg5WGZ2Zt7bt3OzQU6W2yikIQUACQAtaAOC7kUY15XyjKnPXEB2nUtfGlbAgC5+TqZ2BJiICKUvIo2MjgGVlcBSCcm4do6BlW31yRxj0bJWCSiTnM7qRVqsSWy2EBY3EJoHwPTMgJw5w2TIXZYYiYGZJF19C1jf5Qby0gU+3lxpVMLTg/q5NUsB3ixVQSW1BUjzkJ5/N1d2OgGmmGBmVYUqiOC9c+DrE7g803sfIUzkCQ4s6TXm18p96H0DF6dGqgrIqoyzdcj7q/mYnCqL6YTa3NBe7m4doyoyz5RiTZb1ZQgysnnoxIbGHljzUo1eadwn3U5sKBUQUAXZX/ifQn56wPOTFvhEWhN9fCOoSvYXz+M9QqFNY9+sB/ZrKpVjCCjf/py+FdrQ31+lscfjQ6VxRnRxNmzM1afKtLch4u01lvsD8vu4PwANDQ5JTG2yXpfxSZKdKtI0utV6nsoc1VRtqi1C+xeq7eXdytUZlAAAAABJRU5ErkJggg==) no-repeat 50%;
  background-size: 16px 16px
}

.badge-thumb-24 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAABGdBTUEAALGPC/xhBQAAAjNJREFUOBF1Uz1rVEEUPfP2bSJiOi2EEOwk+IEIKlkEXUksYm+tppFYiB8oGqxFSTRY+AOUlJpqVRS/mgg2amGw0kYJgggWuxa7b67n3JmsEcws772ZuR/n3HPvBrvWaFm7Nol4/qBphXipYfhdR4FqCOHOKyBeblg8l8zxdNNKdOq8HYQ9X4Rt2IoQr4wZujWgG/jUGNstEEb2AL0ajHvE5TeeXq/qxDhzvF+CrazQkkJSjooHXUSG7DsGLD0G8l3pABNTwNMFhLln0LJdTb64mZ9JoBgeZUTpRr3Cjv1Ap0MiJBSnDxM9IBghKrHSV3DpG2xmzB10EehgkSnooKDCao+oSY7QpaI2b3OywQrEnk0WVjFCBj03SfL4hQTBgMCqSi9tahYoBxD4WMWI6evA8jvYkwesQtijB4D6IFOxgu17EXby/OGtEy+duSyqYs2yb18dig60vXwI/PgO+/yp7yh8BVGHpqGXSRJO5TnhTDLEq+ynZJW3YLh3LXwv52RzCvLTGX/vvQhVGjw7g9cgYPcR4NZr4AabO7Ap20jNfdQVySQq/P2DumUEOHsXYeOQ4GALs7B2OzNMvopJ+nOeNbSrgxcvHrX45WN/CP+3ifduWzw1bvHkBAdUHcy1O5zUU/Z1lv36CXvR6rNJnV4VSkGqT2Kts2zxvo9IX/jqzCHpn+rJKvMP6gjGc+qM7Mybz9KLs+q6FRrZpGruMac0icMgsvGu5K+GQ2dNsoaY49/6A2+uWnf2uNHhAAAAAElFTkSuQmCC) no-repeat 50%;
  background-size: 16px 16px
}

.badge-thumb-23 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAABGdBTUEAALGPC/xhBQAAAdRJREFUOBF1U7tKQ0EQPfd6tYhoxMLO4AMRFFHs/IX8gZ2lwZhCW79BLIKfoIV1AjYiKDaCijFgYeEDQYmCERRf1/XM7G68MTiE3ZkzZ553E5hKoYT4OwtzkjcigTnNG8QGIUw7MFWERb4NMFkEjvOIxA20Afe7QJh2DMGExR9jaaSG1bBg/UzT63GYMxGeKsBbzTGQyCGhIr0zwOOBJdCMNGdfllW32cqacpCeIoERF+ssKtVTGTpC65SzewyI3zRLYI4WjLLFIWV8KdUNe6gskuC8niDpRQ9QtnN5QMCOPmFbiU2WBEEpck2sAv2zrpTFI3UO5JiOasgNmxgYov18zsl23Oqk67BDuegaBdLjJFTVtnuwrubz9c4TWKu2C7w/Ai+Xtn6Canu42fp1JCci0e3BTcLBVZQkGG0/pfqIeaoQ6WOPjugAuRqknmkgM8fH8gFUV/h5XulsTuqG/JNZlj2yzKeQknTA9QbwJcFOfE0WD8wJv7VkHZznI+D6TpeA4QLQOeDprffVJvCwr53+v+bWMIt81rn1Pep2X9xycibi0l5jCaL/kdtSE8c+1yRHlqpJCPpbiomuC3e6w0I2UFaHEOTPoR05kkT5hMlgui0XpR+S++1OXRqqPgAAAABJRU5ErkJggg==) no-repeat 50%;
  background-size: 16px 16px
}

.badge-thumb-22 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAgtJREFUOBF9U8luE0EUrB43dsYZRygcECIiAqTAgUOExB/kp1lOnLiiSGxSrECILexsxkkc29PTVL1ZZF8Ya9yv+3XVq7eM+/pz/D7P84MQChSxQNSKiKLgWsRyz/NQ73lWFAExAnD44A6PBjEXKNSg+jJpCBJQa0GEBdGetl6xeIHlMBIyFyKjo143ux1MpzfI8xVCKTUSIFFkYw6hiRBy2QEbbY/XL5/gzatnDJBjybO8eUsSr1yDIpvUikzSfIJ9gn2rhcnfG8znS7RaiUVWQOrnDzACySlzrXKja//FLtJOm1eAz1/6BqyDaHXOSkACyzfifi/F9tYm+icj7D56gK2sa2D97T3fwT3vVTM+EcenI4wvJmyCk4Iy3xZdOw+38e3ohAULutk8e08fN7aMw+/HVmhHskS9DjEwx4Vdmi+WVo81xMpmQf/47MqKLPXeeqyBKfWx56ZzBbJu/hqMkaiYwnDkWINq4rjVY46KbB1a7n4Pz2hQvHCBNRBAQ1PhufxfwXB0zhtqvUPCVnhrH9kGf87x8dMMt7M5fvRPYZFWlIhWrbucXKOz0WbQCJdoDmhIxfT2DsPRBXpZhuH4CrPZncmsR1aSJb3X61qR1cJAnJcc6c+yFGmaGsi3k+aifYUcX3XLvk59q7RLHNMg+l3ZAXFW+Zte/VGm3oQ+yneOZ+Vx2bWIt/8AxKTTpqYD+wIAAAAASUVORK5CYII=) no-repeat 50%;
  background-size: 16px 16px
}

.badge-thumb-21 {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAABGdBTUEAALGPC/xhBQAAAYRJREFUOBGVU11LAlEQPbuakSSJH4lSQT0JBUn4IIGQ+CZFD0X/0SgwUiHIeoigFymJSAxTkkyxJMqPInXbuduuu60iDuy9d+acOXNnLstFY6kEIEQQjZ0KZBwdQHZwfKaN7G2HsX+UAk8oz3F4eCzBPDWJfg4hojGGw26VPFrLlRoTo4UqGMuVVzSabYWh01hc8KDwVFYIRjote5dwnytidyvEgDmPk+0XVxmpqM1qgXgzxdwuB346XebrSiisv8MIApdkfamzLNNmlStENISdzRD8Pq+KALAuggEfDAaefb2egGBgFdVaHbl8SerC7bLDwEtiLqcN1MVL9Y0paUqotT8bLeayEvQ0zVYb9fcPNadPuL7N6QA5MGIOMm34zq4wDJ73zCLgX0Gn20X85FJ8no6OOlCAhh0O+mEyTbCE9E12YDKBSgs0WxrfYfwcG+trsNtmdNXkQDqTRb74zNyhY5bJ//f217eSTNjYAnfZgkZTaUETHcMRb8Alx+BrqOJPlPgF1TiVtaYCRkYAAAAASUVORK5CYII=) no-repeat 50%;
  background-size: 16px 16px
}

.badge-thumb-14 {
  width: 40px !important;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAQCAYAAAET0A07AAAABGdBTUEAALGPC/xhBQAABVlJREFUSA2FlnuI1UUUxz9z96qrLaawis9cMV9ZGW7a7ho91MJHoRFGoYKZhmIRUrhqJquJgqYFJVr2R0FFSUKlblSkYZtZaJplKJatb1NM3Ue6rzt9z8zvrqsSze4wM+fxPd8zc2Z+1/mXirb4yzljqc+BOvX6NCnf6Ma6FRXQsTu+ycH0ebjM/GJPXTqxitbOq6HmZ42AASUwdKQsXyzyNKZg6TaYOwqbCxK3ahMcr4TqKtyQElI0pXAPz4HvP4MJz0FGRl6OjY34ZZJ374U/fVKIC4QoY4TSPGZyIqrkAV2jZoagPusNoYnY4o9g4rNBxsxFuNUfiKwjZUZ+9pvQ5w7o1Et518GwB4LSr10KbdsGgLQ3lL3b8JUH4K9jMtB6zgRwrSD3Brh4MTjFrIUawioRLJF8IZ8+GgyC3ItzUwaX00YRGyOY2apboMDKNkE9bQvj6qeugnRrXJ8h+EO7tQkNcEDjLzvg6WU4UXc39ZNuH6x7GfoNhl/34J4pg649SbXvQGbSGNLhqCxK/yL80f3KQ/O+hWH0a+dF5rZaPhM//CHYXg63DIXb7tLxPAlnTkPrXPy+3XGTM6UlPqalVK9KPaZkOm/pBF0is/2TLJtyPHOtZeP8wiJvDllh2PywlpPtZ/M8AUvWVwVJgumQy0M9hBOzqNbvVFookkolMk/k6dzAINgEvfbd7E1tE/vP+LEqB5PK2RQFg3GPzcPvLI9Gcgy6otHQo68O4Uc4dhh6D4JppbidW1UuF3BHJNu/F6pqDElOI6eDSsLNWhOAmbESZqwIUVm5Bbr0gmKBTn4exk+DPTr52mq49I/uaD6+c7doK266oALsMSAyiXC4gTpBNW+69wW++xv8D1/jjF2TKSS3za78He4dg0ul8fUNsg51KJ1lfU3zPykdk2eEoNEd+0MMX9AtOa709kAHMcvvgsttB3kCs/WpE3pezOm3CkVuwn+7Eb89dj5dJ4Ux0ZDtO75Q6g/CETF7ajTu7lG6drqbnbtCyX2xDn3pcJWNMTFn9ey8eZ3IktK4rowkz/rb++MyqsPIwHYgMgoGxqoFQ9NdL4/2wT/YXllb5uGO29isUygRcCHjxNZwg+2VeNk45qfTkcKcbDBLyyzbTHf7CJi0WId4SW/go3C5VjaSB7vgpYXGkU9oK3vCeyqKSXNxtVV6MwrgS72bB382cLzeFtd7YCQkr4AxqDDEtmVohr1OGJcUTzF08QJ8sjtGVMHMqHMBlJXjJi/BOck2qMybyQWoaGdEi8eJ4OPw4WtSaF19XkXVCb/5XT2Gt8K4KfhWubjKQ3D2FG6MbLduVgxdh/YdoaEe+sruxFFcoT5OOenAwzYs7KDxCcBTX4H+xbiFo/ATF+DatQ+aoJ1SBtaT5jeshgp9rx6ZrcexCGou4AcOi8nYfczvivvzIBxWN9JWi4X36G4vCgh+zSd6WD+P9/f837oEDfrGnTDLSE72tlnxYbBdMJaRqUYz++/mq85FcmayUY/JpreDsdv3nT5i6naseTdCwYBwnFlcv2s7/tX5+HNnYOEM2FWBr/gq3NBgc7kO//pyJZMQEY+0sQxFamPCKftWJsvrh/J3riQjv6xjM46eBFemF26Jjvjjt+D+8bjN+mbbG3LzIFivctHPB/K74aq087U1OPnYs2rN5+nkqmsir0ypfrGEIC12MTDV2o5FupCEza+R2zqQaqPAeaol1ZcJsjc16FRP4UQa9Y5ZJO1KGIXa8rYG7ESXnduYci6lL4cRUTMA/UXCJoikDbClTZQbkTDT5dGNO3tSazPMJmqjSIgY/0MuuMnP/EN8gwlIbsu/jnaoBx1sU08AAAAASUVORK5CYII=) no-repeat 50%;
  background-size: 40px 16px
}

.badge-thumb-13 {
  width: 40px !important;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAQCAYAAAET0A07AAAABGdBTUEAALGPC/xhBQAABKFJREFUSA2VlktsV0UUxr9/3xT+LS2IVC0Fiy8goETjIy6N0UY2PjZqDCYYHwElxrhypcaERNwYEzcmxkSjG2Ni2o0bjRCNCtHWkhqBIJRihZaWPin/9vr7Zu7gbWHjJPfOzDlnvvnOnDPn3lLW/3K3KgtdyiTN88oyVTHo0tb3pZpVQaD1O1XKevdk1iYr96WMxkLp8G6pvElquQthH5YLyLe8J/W9GiE83/auNDMkXZrEcBv7eO11j0sjB+kfw9BQJWmhIg3sl5a1SbP/eO/dQaUFG9CMdpW+Kqw2QucrcdvNb0o3PIEY2Y27oPBOWIchrRNuKzZK9deCOBfIBw+PfSRV1wc6NUEwdlia+gsuw5Fj7+sgVktVGF2aCFjR60CLV04vIHuRm08qg0ZwopYxTtow2Qa9DWnIauKI9/oX2Y0FK26SJv6IC92P9+LTC5F64zp0R6XjUC/j0jj6jc9JDWul2rL000sA5rEKgZo+EfHLt8T++IcA51QG9kmr75fOHpCaCGrzFsKzQ7p4DpfrAD8S1sSwJPoWpXHoebkPoHY7ny+yK8iQxzNcahDmRgLE3RVABZCgjyaY98QwJ7e8tuVev2kGs3W+2OfrdpltGqfedllXfoa5O42dUvuT0ugPtuJxh671bqmxnXPqJ99PS8s3EMRnSPNfSJcL0jSyCwNSZYo74Mxc8zCECHjn3giygYj7cdvKpXEUW++R1rFZ2yPSGJGvTHMVZ6S6lehXR1veMOTd2AGT6H3QOIqpnfwUABJ69Od4G7N0qVg4fYrI3wcZktuXkJbnYe5eAnF//lD0OgHMDMLwqXBjNYF7tc2wo4JUL8MOsDrmM8O4bIrjfSDMk2Pf8Xwb+6GvQlyMnY5TIz9Kq3DdzA7tgR1n67tZj8utd2JYcnnIS1NaWIx4Ip5knieZB2lc6P/LQwO6BWXBOErjO+mcUkXAK2ystnFuF/SME7FkH/A8Sbb5sICdxyRfkRak3uLm7cRiZ6wNR96gn40bOdvC/rnxmgdi+XNStBO7+SmyqU0a/kaaPBrXuLYs71jER+Xb8s0L3bGPsbkYBLG0e7jUuwZq7aZ9UsezEIHJ4GeQI42LzWvMr5VMNMFTX0RthVLrdD/TQzHk7q19KNaj6ZPUphHmD5JH32NzDcnXBAZJV8Zu5kz43qiKc7PzgDPKN/G843kK3Wbp99f4WjxNzjdaGpuJ+klt8HPp3AHp+kfjmsokm3Aadsan7Ix3cZ3isczOrLyDu70rIty+H5IH4/2dG2MNl2D2bEIPtMwyv7wA/J/m6mJybqe/lIa+jmN/Kvw4rDXlWB+sSdE5Tz348wNOcVTqf5v68CvVipsXrjYO+Ovor2IIi0PDwcez9KRAMoUumFzl9Xd3FEYMxpcHOTbFqP+t+K1u2S7dvJdTvpXwMW7ilE98wsmRBt7eX955qqBJ2vE5nmoiZ0ieUvYbfw0pBHFbFNaacOo99DhvSeze8uoGHk5sjm+f11ieWikP0oIrqBV5uNOeuSipQl/YqwonehZtHoCXnGbazH0R0BNvNM+NS+SKkbC9iaUQLiVnfToHjwvEPAW7+18tUgad9xXekwAAAABJRU5ErkJggg==) no-repeat 50%;
  background-size: 40px 16px
}

.badge-thumb-12 {
  width: 40px !important;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAQCAYAAABgIu2QAAAAAXNSR0IArs4c6QAABStJREFUSA1tVltTmlcUXXyA3OTqBTQa4yVpbNJpeptOZ/rYTp/7T/uapC9t8tDL1HHGGE1iJOIFJBgxoiIIdK19+KgkPcB3Ofu29jr77ENgo1R73O10fuh2u+j1evbr6t7tgS+wZ7tLrinJfF2+8yPbrulL7suu+ZJ935/suwMd589iU27+4exNX94ZMxDAr4H14mGvo8AWHM6JBe47oaaBkxGdKYis3bOT+UlSxRLz3ykdBmhg/gMyIEbz+hgRDosRBILkZIBIQ0KuoJ2+E3ungs9MPDqCs4smuh3nyMmdjTHpvBuge0s3sPayZIl9c38RqxtF5PNZbJcqNidVS1SgGM+3n5rMwfMCEopPI6Ld7mCvUgNnHVCaGAvOiemYU2UUCYewPD+F5mULK5sOgPwMGKOOz8rkWIoufUZ7iMcjOL9sIz0ax535aWxs7RnIqYkslpdmkUnGUT89w7MXO/ji0wVsbu8jP5Y2f+W3x/h8eRalg7f02EPQ8+BRMgimQG6ZgbAXxPKtAkJBD/WTBlqttsTCacMH6NvPTY+juF81eykocemsPN/GpWxFDcdB9RiPn64y+TYe/r6C3XLNVnPz9S4Oj+oQyI0tR4pj3CUfkkOWAIc8O5opwp25PKKRsARYe1FEOBo3uQ/MjJQk5TOFHFQi7xtN2owgRjuPTu8uTPM5YrL5mbwBHCRIO8XWCIeC+PH7B4jHohZj7sYkgiRIuvIjxZAUZZDkUqVHo9ir1lHIppFM0Kg/PlmYRYQA/FGpvbdlk6NR2t2anjAfhfE0ZgtjOG9eWnm0Wh0ydIiz86aVj9IaYTkVxjMG5NbMJMpkuH11hUdPVpnYDSvD569K+Pmn72wVVIK2mRRMFHO3IJ9LYYuF32pFfEx2X7hZGHp/WTwg524ts8kEN80bfHlv3pbtoPrOQN+/PUuGz/GufmosKY6GCIrFRix4PBohYyDoIL7i5stlkkylh0Q8ys3lmZ27cNfLWE6aZEGj1Ww74Pb28aXVbuOo3kAqPWpQS+Ujs/c1hUcdQyBTyZjVnSsQzcNqUxvr9tw01smcushvf64ZcCWh7rO9W8ZWcd9cKj3h83Sxj7z0Jymy5/+77B7UEGE9ik9z4qxN1WdNa7ZXOcJ4JuWSoKLFsRiM1o8VGQlbMgnWZoylFQqFrDQS0aixqhhUNt/kd3g44MNz198qXNqQloVDvXA4p8AAUPuqg8b5BVJsTyJikeUznksixuVemivYBvr2wR22wDAyqQR/o7bpJNezysAN59MtPQP2PoLc1/vgVmOrikSijpU+rQaYej5TPntbOxV8/dkSnvy9jvFsyvpiMhFDh4fHL4//QJNtS7aV2rExt7w4a0u//vLNIGFtJJERUrYa1aMTPP3rGZrtK2zvlLF7rSeaAi9ewGNP7CAad61DprI3D86Nr2r3Cx4Ur7k51XpOWbPqpxfNFkHUB/tA7C4v3Ryyu7s4Y++rz1/jFWu1R7CBfzZLvU6ni+rbdzg5OcXYWBan7xtoNM6s0P1ExJJOiHxhgrUUdBmTDfcHg+2N7eyEJ402x4cnl3qhSsG6CyH4cjuO7Q+Kmvq1/wD2v8OdmNaa2BpChGs9I5fLIJvmMcjJONvDZC9nPc3O5L4zTlim6m0alkSfToH0l96E/YtUr9j6/PGhju+JxvoODWv2buXZroJ4JKn6lhckxXomA14gaEut5Q5SSfdAfxNZ3VBP2nrWx+S6y95mNCu/+knv47vNyZ4/i+/r0CjAeBrywbgP/wVu+emWy7HhEwAAAABJRU5ErkJggg==) no-repeat 50%;
  background-size: 40px 16px
}

.badge-thumb-11 {
  width: 40px !important;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAQCAYAAAET0A07AAAABGdBTUEAALGPC/xhBQAAA+hJREFUSA21VglPU0EQ/l5bymXlaDmKCoqinAoKiCISNZqIJmJM/I9qTNAokSgYr1QFFRG0BhUsUI4KpQeW3s5MfY+2oZIQnOR19+2bnZ39ZuabKrf6Bh8C8R4kiY4Xbl67gPy8XFk+eaIByq2+J/EkJZkqcRKe3b43CGuZGZV7yzc0b1w9h7sPnmqbenu64fX6EQyFscdaAjoHaGk6jB8/52RUNWOxGIZevsNuUz58/t8bFlWFTKNY5I/nOo+LzpWLpzXLp9uacPVSp6yL4oWuVpRYimDalYdoNIaqfeXy0TYyjiyDQebyO+NcxMqqV3zh1b7+59ApCgxZBqwHQ6K4KT5smS+gikITxkun04Ev+S9JnE8aXR3N0Ot1KCVXF10rspFH58IvnDl5jFyPoqhwN1zLbtiGx1FiLhS9zvajMBGCOdlGiY9mkAO1vOKRw8tKimV88fqj5szjZ8OorqqgsDhRXmqGtdyCxrqDWPsdgEGvx8LSsuhuemXNyjYmO2xQ6dfyQXXmQGWFOk0ZGd+tJd6jYcjKFgK6raUOUw6ntpcjvL/SisICE+YXl+GhfDcXF6D9eD0cswsIBsNY9fgkQKFwJFEDDbXVkhLnz5wQQxzxro5jMu+90i1RZM/bmusoENVwzrsQoiIKh6PIycnGrvw8zQHxsLjQBMpPTTjiqox8+IIZ55J4s+rxq8syuj1eivweckahNEuUe8qVk7Udc4vyGktQAF3Lj1by0E8Jz/mZy54Rg3ApxYwx8tQI/1ogcWVO3jidMPljRnvGJiaT7ct8mrBlPN2E2Z37Q1SjVhgMeqEmJhuWHU6b/2BQ3NzBn4wxUc/YV1GKjtZGRIgbHgy8QjgSUT+ljEcOVQn9jYx+kewKhsMoIM6wf3PA9cstukWUTMXEL8nCtJAub95PIBKJynLGamJG7L18FqeIjBVK0ZFRe0bnOOVra6rwfswuRtdDIeRRUk18nYKFaqr+yAEhRveqT7iptmY/vk/PSTkw6UWJYblGvb61RL9JKokUBLnWrGUWaVbtLfUwGrO0y50iFPlR5d1HuxzS3Fgje4LE/wk0FKrHCPLNuVhxe+VR9+ylaHD3YblOTZCJNURIBwJBYXPf2kaLUPdkRFBV2GwMrAfFOf42Oj6Jsc/fRI2rzbngwtfJn8gmZNLDOUt88Nz2gVBcx8DT15idX8K0Yx7S3YkGohRW2/CnlCO35eCEfSrFSPoLU86jIZukB+cw93FuUYwgo/yWcoz/PnD35c7LiDP/8Jyf5MjtCC0w12QbjZJf6c5y/rL8/Q+U/nnLd0JQ6d9SawsFrjhuzJsJO7Zd5+huD/8AhW6uDPv5BF4AAAAASUVORK5CYII=) no-repeat 50%;
  background-size: 40px 16px
}



.meta-hotel-wrap {
  background: #fff
}

.meta-hotel-wrap .hotel-info {
  display: flex;
  padding: 16px 24px
}

.meta-hotel-wrap .hotel-info .lf {
  display: inline-flex;
  padding-right: 16px;
  border-right: 1px solid #dadfe6
}

.meta-hotel-wrap .hotel-info .rt {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

@media screen and (min-width:1280px) {
  .meta-hotel-wrap .hotel-info .rt {
    width: 204px;
    padding-left: 16px
  }
}

@media screen and (max-width:1279px) {
  .meta-hotel-wrap .hotel-info .rt {
    width: 151px;
    padding-left: 8px
  }
}

.meta-hotel-wrap .hotel-info .rt .sold-wrap {
  text-align: right
}

.meta-hotel-wrap .comment-wrap {
  padding: 0 24px 24px
}

.meta-hotel-wrap .comment-wrap .comment {
  background: #f5f7fa;
  border-radius: 2px;
  padding: 8px 16px;
  display: flex
}

.meta-hotel-wrap .comment-wrap .comment .comment-left {
  display: flex;
  min-width: 136px;
  max-width: 153px;
  padding-right: 16px;
  border-right: 1px solid #dadfe6
}

.meta-hotel-wrap .comment-wrap .comment .comment-left .avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 8px
}

.meta-hotel-wrap .comment-wrap .comment .comment-left .customer .name {
  font-size: 16px;
  color: #0f294d;
  text-align: center;
  line-height: 22px;
  text-align: left;
  margin-bottom: 8px;
  word-break: break-word
}

.meta-hotel-wrap .comment-wrap .comment .comment-left .customer .country {
  font-size: 14px;
  color: #8592a6;
  letter-spacing: 0;
  line-height: 18px;
  display: flex
}

.meta-hotel-wrap .comment-wrap .comment .comment-left .customer .country .flag {
  width: 25px;
  height: 17px;
  margin-right: 4px
}

.meta-hotel-wrap .comment-wrap .comment .comment-right {
  padding-left: 16px
}

.meta-hotel-wrap .comment-wrap .comment .comment-right .sumary .score {
  font-size: 14px;
  color: #287dfa;
  line-height: 18px;
  margin-right: 4px
}

.meta-hotel-wrap .comment-wrap .comment .comment-right .sumary .desc {
  font-size: 14px;
  color: #287dfa;
  line-height: 18px
}

.meta-hotel-wrap .comment-wrap .comment .comment-right .specific {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  margin-top: 8px;
  word-break: break-word;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}

.meta-hotel-wrap .tag-wrap {
  text-align: right
}

.meta-hotel-wrap .tag-wrap .promotion-tag {
  padding: 2px 4px;
  border-radius: 2px;
  margin-bottom: 8px
}

.meta-hotel-wrap .tag-wrap .promotion-tag:not(:first-child) {
  margin-left: 8px
}

.meta-hotel-wrap .tag-wrap .promotion-tag .dot {
  border-bottom: 1px dotted #ff6f00
}

.meta-hotel-wrap .tag-wrap .promotion-tag.orange {
  background: rgba(255, 111, 0, .1);
  color: #ff6f00
}

.meta-hotel-wrap .tag-wrap .promotion-tag.green {
  font-size: 12px;
  background: #06aebd;
  color: #fff;
  line-height: 18px;
  text-align: left;
  display: inline-block
}

.meta-hotel-wrap .right {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
  align-items: flex-end;
  justify-content: space-between
}

.meta-hotel-wrap .right .signInNote {
  text-align: right;
  background: #fff0e5;
  padding: 8px;
  margin-top: 11px;
  position: relative;
  display: flex
}

.meta-hotel-wrap .right .signInNote:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #fff0e5;
  position: absolute;
  top: -5px;
  right: 30px;
  transform: rotate(45deg)
}

.meta-hotel-wrap .right .signInNote .ic_unlock {
  font-size: 18px;
  height: 18px;
  color: #ff6f00;
  vertical-align: sub;
  position: relative;
  top: -2px;
  right: 4px
}

.meta-hotel-wrap .right .signInNote .veil {
  font-size: 14px;
  color: #ff6f00;
  line-height: 18px;
  word-break: break-word;
  text-align: left
}

.meta-hotel-wrap .right .signInNote .veil-line {
  text-decoration: underline
}

.meta-hotel-wrap .right .price {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%
}

.meta-hotel-wrap .right .price .real {
  line-height: 1.2;
  cursor: pointer;
  font-size: 24px;
  color: #287dfa;
  text-align: right;
  margin-left: 4px
}

.meta-hotel-wrap .right .price .real>span {
  border-bottom: 2px dotted
}

.meta-hotel-wrap .right .price .textColor {
  color: #06aebd
}

.meta-hotel-wrap .right .price .underline {
  font-size: 14px;
  color: #455873;
  text-align: right;
  line-height: 18px;
  text-decoration: line-through;
  margin-bottom: 4px
}

.meta-hotel-wrap .right .price .tax {
  font-size: 14px;
  color: #8592a6;
  text-align: right;
  line-height: 18px;
  margin-bottom: 8px
}

.meta-hotel-wrap .right .price .roomHoldMessage {
  font-size: 14px;
  color: #f5594a;
  line-height: 18px;
  text-align: right
}

.meta-hotel-wrap .right .btn-bottom {
  text-align: right
}

.meta-hotel-wrap .room-type {
  background: #f5f7fa;
  border-top: 1px solid #dadfe6
}

.meta-hotel-wrap .room-type .room {
  background: #fff;
  padding: 16px 24px;
  display: flex;
  justify-content: space-between
}

.meta-hotel-wrap .room-type .room:not(:last-child) {
  margin-bottom: 4px
}

.meta-hotel-wrap .room-type .room .left {
  display: flex
}

.meta-hotel-wrap .room-type .room .left .sum {
  margin-right: 16px
}

@media screen and (min-width:1280px) {
  .meta-hotel-wrap .room-type .room .left .sum {
    width: 107px
  }
}

@media screen and (max-width:1279px) {
  .meta-hotel-wrap .room-type .room .left .sum {
    width: 96px
  }
}

.meta-hotel-wrap .room-type .room .left .sum h3 {
  font-size: 16px;
  color: #287dfa;
  line-height: 22px;
  margin-bottom: 8px;
  word-break: break-word
}

.meta-hotel-wrap .room-type .room .left .sum p {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px
}

@media screen and (min-width:1280px) {
  .meta-hotel-wrap .room-type .room .left .second {
    width: 180px
  }
}

@media screen and (max-width:1279px) {
  .meta-hotel-wrap .room-type .room .left .second {
    width: 148px
  }
}

.meta-hotel-wrap .room-type .room .left .second .bed {
  margin-right: 16px
}

.meta-hotel-wrap .room-type .room .left .second .bed .people,
.meta-hotel-wrap .room-type .room .left .second .bed .type {
  font-size: 20px;
  color: #000;
  line-height: 1;
  margin-bottom: 8px
}

.meta-hotel-wrap .room-type .room .left .second .bed .rate {
  display: inline-block;
  position: relative;
  top: -3px;
  left: 8px;
  padding: 1px 4px;
  font-size: 12px;
  color: #fff;
  line-height: 14px;
  background: #0f294d;
  border-radius: 2px
}

.meta-hotel-wrap .room-type .room .left .second .bed .type .gang {
  display: inline-block;
  width: 14px;
  text-align: center
}

.meta-hotel-wrap .room-type .room .left .second .bed .type .bed-icon-customer {
  margin-right: 4px
}

.meta-hotel-wrap .room-type .room .left .second .bed .type .bed-icon-customer.ic_new_fa_multiple_beds {
  width: 32px
}

.meta-hotel-wrap .room-type .room .left .second .bed .bed-desc-wrap {
  display: inline-block;
  margin-bottom: 8px
}

.meta-hotel-wrap .room-type .room .left .second .bed .bed-desc {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  pointer-events: none
}

.meta-hotel-wrap .room-type .room .left .second .service {
  margin-right: 16px
}

.meta-hotel-wrap .room-type .room .left .second .service .meta-facility {
  margin-bottom: 8px
}

.meta-hotel-wrap .room-type .room .left .second .service .meta-facility .des-with-icon {
  pointer-events: none
}

.meta-hotel-wrap .room-type .room .left .second .service p {
  line-height: 1;
  margin-bottom: 8px
}

@media screen and (min-width:1280px) {
  .meta-hotel-wrap .room-type .room .left .advantage {
    width: 229px
  }
}

@media screen and (max-width:1279px) {
  .meta-hotel-wrap .room-type .room .left .advantage {
    width: 163px
  }
}

.meta-hotel-wrap .room-type .room .left .advantage .mouse-action {
  display: inline-block;
  margin-bottom: 8px
}

.meta-hotel-wrap .room-type .room .left .advantage .des-with-icon {
  pointer-events: none;
  padding-left: 24px;
  position: relative;
  display: block
}

.meta-hotel-wrap .room-type .room .left .advantage .des-with-icon .normal-icon {
  position: absolute;
  top: 0;
  left: 0
}

.meta-hotel-wrap .room-type .room .left .advantage p {
  line-height: 1;
  margin-bottom: 8px
}

.meta-hotel-wrap .room-type .room .left .advantage .tip {
  background: #f5f7fa;
  border-radius: 2px;
  max-width: 100%;
  padding: 8px;
  margin-bottom: 8px;
  position: relative
}

.meta-hotel-wrap .room-type .room .left .advantage .tip:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: -8px;
  left: 5px;
  border-bottom: 12px solid #f5f7fa;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent
}

.meta-hotel-wrap .room-type .room .left .advantage .tip .tip-item {
  font-size: 14px;
  color: #455873;
  line-height: 18px;
  margin-bottom: 0
}

.meta-hotel-wrap .room-type .room .pay-way {
  font-size: 14px;
  color: #455873;
  text-align: right;
  line-height: 20px;
  margin-bottom: 8px
}

.meta-hotel-wrap .room-type .room .select {
  overflow: hidden;
  display: inline-block;
  padding: 8px;
  background: #287dfa;
  border-radius: 2px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 22px;
  box-sizing: border-box;
  cursor: pointer
}

.meta-hotel-wrap .room-type .room .select:hover {
  background: #2273e5
}

.meta-hotel-wrap .room-type .room .whole {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 8px
}

.price-detail-panel {
  position: fixed;
  width: 416px;
  box-shadow: 0 5px 20px 0 rgba(100, 147, 227, .4);
  border-radius: 2px;
  background: #fff;
  z-index: 1500
}

.price-detail-panel .trigle {
  width: 0;
  height: 0;
  border-color: #2681ff transparent transparent #2681ff;
  border-style: solid;
  border-width: 8px;
  position: absolute;
  top: 0;
  transform: rotate(45deg) translateX(-50%)
}

.price-detail-panel .content,
.price-detail-panel .header {
  padding: 0 40px;
  box-sizing: border-box
}

.price-detail-panel .header {
  width: 100%;
  height: 45px;
  background: #2681ff;
  color: #fff;
  padding: 8px 40px
}

.price-detail-panel .header h3 {
  font-size: 14px;
  line-height: 14px
}

.price-detail-panel .header p {
  font-size: 12px;
  line-height: 12px;
  margin-top: 4px
}

.price-detail-panel .content {
  background: #fff
}

.price-detail-panel .content .category {
  padding-top: 10px
}

.price-detail-panel .content .category:not(:last-child) {
  border-bottom: 1px dashed #ced7de
}

.price-detail-panel .content .category.noPadding {
  padding: 0
}

.price-detail-panel .content .category .light {
  color: #999 !important
}

.price-detail-panel .content .category .dark {
  color: #333 !important
}

.price-detail-panel .content .category .orange {
  color: #ff6f00 !important
}

.price-detail-panel .content .category .font12 {
  font-size: 12px
}

.price-detail-panel .content .category .font14 {
  font-size: 14px
}

.price-detail-panel .content .category .font18 {
  font-size: 18px
}

.price-detail-panel .content .category .margin20 {
  margin-bottom: 20px
}

.price-detail-panel .content .category .margin15 {
  margin-bottom: 15px
}

.price-detail-panel .content .category .margin10 {
  margin-bottom: 10px
}

.price-detail-panel .content .category .margin5 {
  margin-bottom: 5px
}

.price-detail-panel .content .category .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 14px
}

.price-detail-panel .content .category .title .key {
  color: #666
}

.price-detail-panel .content .category .title .value {
  color: #333
}

.price-detail-panel .content .category .title.total {
  padding: 16px 0
}

.price-detail-panel .content .category .total-note {
  text-indent: 5px
}

.price-detail-panel .content .category .detail li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-indent: 5px;
  color: #999;
  line-height: 14px
}

.meta-muti-meal-detail {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px
}

.meta-muti-meal-perRoomNight {
  text-align: right;
  font-size: 14px;
  color: #8592a6
}

.meta-ladder-cancel {
  border: 1px solid #dadfe6
}

.meta-ladder-cancel .meta-ladder-item {
  display: flex;
  background: #f5f7fa
}

.meta-ladder-cancel .meta-ladder-item:not(:last-child) {
  border-bottom: 1px solid #dadfe6
}

.meta-ladder-cancel .meta-ladder-item .key,
.meta-ladder-cancel .meta-ladder-item .value {
  padding: 16px
}

.meta-ladder-cancel .meta-ladder-item .key {
  width: 182px;
  display: flex;
  align-items: center
}

.meta-ladder-cancel .meta-ladder-item .value {
  width: 228px;
  background: #fff
}

.meta-ladder-cancel .meta-ladder-item .dark,
.meta-ladder-cancel .meta-ladder-item .light {
  font-size: 14px;
  line-height: 18px
}

.meta-ladder-cancel .meta-ladder-item .light {
  color: #999;
  margin-bottom: 8px
}

.meta-ladder-cancel .meta-ladder-item .dark {
  color: #333;
  margin-bottom: 16px
}

.empty-wrap {
  text-align: center;
  background: #fff;
  padding: 32px 0
}

.empty-wrap .img-div {
  margin-bottom: 24px;
  width: 114px;
  height: 114px;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: cover;
  display: inline-block
}

.empty-wrap .title {
  font-size: 18px;
  color: #455873;
  text-align: center;
  line-height: 24px;
  margin-bottom: 8px
}

.empty-wrap .sub {
  font-size: 14px;
  color: #8592a6;
  text-align: center;
  line-height: 18px
}

.empty-wrap .clear {
  height: 38px;
  text-align: center;
  padding: 8px 16px;
  background: #287dfa;
  border-radius: 2px;
  outline: none;
  border: none;
  margin-top: 16px;
  font-size: 16px;
  color: #fff;
  line-height: 22px
}

.empty-wrap .clear:hover {
  background: #2470e1
}



.list-holder {
  padding: 16px;
  background: #fff;
  display: flex
}

.list-holder .avatar {
  margin-right: 16px;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box
}

.list-holder .avatar-big {
  min-width: 192px;
  height: 172px
}

.list-holder .avatar-small {
  min-width: 156px;
  height: 139px
}

.list-holder .line {
  width: 100%;
  display: flex;
  justify-content: space-between
}

.list-holder .line .left {
  max-width: 338px
}

.list-holder .right {
  justify-content: space-between
}

.list-holder .right,
.list-holder .rt-bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-end
}

.list-holder .margin24 {
  margin-bottom: 24px
}

.list-holder .margin16 {
  margin-bottom: 16px
}

.sort-guest-tip {
  margin: 16px 0
}

.sort-guest-tip>p {
  font-size: 14px;
  color: #234;
  letter-spacing: 0;
  text-align: left;
  line-height: 18px
}

.cma-sort-tip {
  margin: 16px 0
}

.cma-sort-tip>p {
  font-size: 14px;
  color: #234;
  letter-spacing: 0;
  text-align: left;
  line-height: 18px;
  display: flex;
  align-items: center
}

.cma-sort-tip .cma-warning {
  width: 16px;
  height: 16px;
  font-size: 16px;
  margin-left: 8px
}

.cma-sort-tip .cma-warning:hover {
  cursor: pointer
}

.cma-sort-tip .mask-tip {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, .7);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9
}

.cma-sort-tip .mask-tip .content {
  background: #fff;
  border-radius: 4px;
  width: 700px;
  max-height: 700px;
  position: relative;
  padding: 24px
}

.cma-sort-tip .mask-tip .content .close {
  font-size: 20px;
  position: absolute;
  top: 24px;
  right: 24px
}

.cma-sort-tip .mask-tip .content .close:hover {
  color: #2681ff;
  cursor: pointer
}

.cma-sort-tip .mask-tip .content strong {
  font-size: 20px;
  color: #0f294d;
  line-height: 26px
}

.cma-sort-tip .mask-tip .content p {
  font-size: 16px;
  color: #0f294d;
  line-height: 22px;
  text-align: justify
}

.cma-sort-tip .mask-tip .content .middle {
  margin: 16px 0
}

.list-crumb {
  text-align: right;
  margin-top: 43px
}

.list-crumb span {
  display: inline-block
}

.list-crumb .crumb-item {
  font-size: 14px;
  letter-spacing: 0;
  text-align: left;
  line-height: 18px
}

.list-crumb .crumb-item-text {
  color: #666
}

.list-crumb .crumb-item-link {
  color: #287dfa
}

.list-crumb .crumb-item-link:hover {
  text-decoration: underline;
  cursor: pointer
}

.list-crumb .crumb-arrow {
  font-size: 14px;
  color: #0f294d;
  letter-spacing: 0;
  text-align: left;
  line-height: 18px;
  margin: 0 8px
}

.hothotel-top-tab-container {
  margin: 20px 0;
  max-width: 866px;
  min-height: 306px
}

.hothotel-top-tab-container.abtest_B_750 {
  max-width: 750px
}

.hothotel-top-tab-container .hothotel-top-tab {
  padding-bottom: 20px;
  text-align: center
}

.hothotel-top-tab-container .hothotel-top-tab .item {
  display: inline-block;
  padding: 8px 16px;
  margin: 0 6px 3px;
  border: 1px solid #dadfe6;
  font-size: 14px;
  color: #0f294d;
  border-radius: 2px;
  cursor: pointer
}

.hothotel-top-tab-container .hothotel-top-tab .item.current {
  color: #287dfa;
  background-color: #e9f2fe;
  border-color: #e9f2fe;
  cursor: default
}

.hothotel-top-tab-container .loading {
  text-align: center
}

.hothotel-top-tab-container .empty-wrap img,
.hothotel-top-tab-container .loading img {
  width: 150px
}

.hothotel-bottom-swaper {
  position: relative;
  margin: 0 64px;
  max-height: 300px
}

.hothotel-bottom-swaper .m-swiper_container {
  width: 100%
}

.hothotel-bottom-swaper .m-swiper_container .m-swiper_view .m-swiper_content {
  padding-left: 0;
  padding-right: 0
}

.hothotel-bottom-swaper .m-swiper_container .m-swiper_view .m-swiper_operate .m-swiper_arrow {
  font-size: 20px;
  color: #287dfa;
  background-color: #fff;
  box-shadow: 0 3px 8px 0 rgba(0, 53, 128, .1)
}

.hothotel-bottom-swaper .m-swiper_container .m-swiper_view .m-swiper_operate .m-swiper_arrow:hover {
  color: #fff;
  background-color: #287dfa
}

.h-hots-item {
  display: block
}

.h-hots-item:hover {
  text-decoration: none
}

.h-hots-item .hotel-adv-tag {
  width: 32px;
  height: 20px;
  border-radius: 2px;
  opacity: .6;
  background: #333;
  position: absolute;
  z-index: 9999;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column
}

.h-hots-item .hotel-adv-tag span {
  color: #fff;
  font-size: 12px;
  line-height: 12px
}

.h-hots-item .hotel-img {
  width: 100%;
  height: 166px
}

.h-hots-item .hotel-img img {
  display: block;
  width: 100%;
  height: 100%
}

.h-hots-item .hotel-info {
  box-sizing: border-box;
  padding-top: 16px;
  min-height: 130px
}

.h-hots-item .hotel-info .hotel-name {
  width: 100%;
  font-size: 16px;
  line-height: 1.3;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.h-hots-item .hotel-info .hotel-level {
  margin-top: 2px;
  min-height: 21px
}

.h-hots-item .hotel-info .hotel-level .u-icon {
  margin: 0 1px;
  color: #ff9500;
  font-size: 14px
}

.h-hots-item .hotel-info .hotel-level img {
  height: 16px;
  width: auto;
  margin-bottom: 2px
}

.h-hots-item .hotel-info .hotel-review {
  margin-top: 2px;
  min-height: 24px;
  font-size: 14px
}

.h-hots-item .hotel-info .hotel-review .score {
  margin-right: 5px;
  font-size: 16px;
  color: #fff;
  padding: 1px 4px;
  background: #4978ce;
  border-radius: 4px
}

.h-hots-item .hotel-info .hotel-review .score .total {
  margin-left: 2px;
  font-size: 12px;
  color: #a8ccff
}

.h-hots-item .hotel-info .hotel-review .rating {
  margin-right: 5px;
  color: #4978ce;
  font-weight: 700
}

.h-hots-item .hotel-info .hotel-review .comment {
  color: #8592a6
}

.h-hots-item .hotel-info .price-box {
  margin-top: 20px;
  font-size: 14px
}

.h-hots-item .hotel-info .price-box .includeTaxText {
  color: #455873;
  margin-right: 1px
}

.h-hots-item .hotel-info .price-box .price-del {
  color: #455873;
  text-decoration: line-through
}

.h-hots-item .hotel-info .price-box .price-now {
  margin-left: 4px;
  font-size: 18px;
  font-weight: 700;
  color: #287dfa
}

.h-hots-item .hotel-info .price-box .includeTaxPrice {
  margin-top: 4px;
  color: #455873
}

.m-swiper_container {
  z-index: 1;
  position: relative
}

.m-swiper_container .m-swiper_view {
  width: 100%;
  height: 100%;
  position: relative
}

.m-swiper_container .m-swiper_view .m-swiper_content {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  box-sizing: content-box;
  padding-left: 2px;
  padding-right: 2px
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_list {
  display: table;
  position: relative;
  height: 100%
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_list .m-swiper_itemWrap {
  height: 100%;
  float: left;
  position: relative;
  display: table-cell
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_list .m-swiper_itemWrap .map-hotelcard_container {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_list .m-swiper_itemWrap .map-hotelcard_container .map-hotelcard_bottom {
  bottom: auto;
  position: static
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_list .m-swiper_itemWrap:first-of-type {
  margin-left: 0 !important
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_list .m-swiper_itemWrap:last-of-type {
  margin-right: 0 !important
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_list .m-swiper_itemWrap.fade {
  position: absolute;
  top: 0;
  float: none;
  opacity: 0;
  transition: opacity .5s ease-in
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_list .m-swiper_itemWrap.fade.fade-current {
  opacity: 1
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_dots {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_dots .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #ccc;
  background: hsla(0, 0%, 100%, .9);
  box-sizing: border-box;
  margin: 10px 3px;
  cursor: pointer
}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_dots .dot.current {
  width: 12px;
  height: 12px;
  background: #fff
}

.m-swiper_container .m-swiper_view .m-swiper_operate {
  position: absolute;
  height: 0;
  top: 50%;
  margin-top: -12px;
  width: 100%
}

.m-swiper_container .m-swiper_view .m-swiper_operate .m-swiper_arrow {
  position: absolute;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, .5);
  transform: translateY(-50%);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .09s ease-in-out
}

.m-swiper_container .m-swiper_view .m-swiper_operate .m-swiper_arrow.prevent_hover {
  pointer-events: none
}

.m-swiper_container .m-swiper_view .m-swiper_operate .m-swiper_arrow.prevent_hover .u-icon {
  color: #ccc !important
}

.m-swiper_container .m-swiper_view .m-swiper_operate .m-swiper_arrow.left {
  left: 0
}

.m-swiper_container .m-swiper_view .m-swiper_operate .m-swiper_arrow.right {
  right: 0
}

.m-swiper_container .m-swiper_view .m-swiper_operate .m-swiper_arrow.hide {
  display: none
}

.golden-vip {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  height: 96px;
  position: relative;
  box-sizing: border-box;
  margin-bottom: 4px
}

.golden-vip.mt16 {
  margin-top: 16px
}

.golden-vip_left {
  display: flex;
  flex-direction: row
}

.golden-vip_left .golden-vip_icon {
  margin-left: 24px;
  padding: 8px;
  display: block;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  width: 40px;
  height: 36px
}

.golden-vip_left .golden-vip_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 8px
}

.golden-vip_left .golden-vip_content .golden-vip_title {
  font-size: 18px;
  color: #0f294d;
  line-height: 24px;
  padding-bottom: 6px
}

.golden-vip_left .golden-vip_content .golden-vip_title .light {
  color: #ff6f00
}

.golden-vip_left .golden-vip_content .golden-vip_subtitle {
  font-size: 14px;
  color: #455873;
  line-height: 18px
}

.golden-vip_right {
  padding-right: 24px
}

.golden-vip_close {
  position: absolute
}

.m-recentHotels {
  background: #fff;
  padding: 0 16px;
  box-sizing: border-box;
  bottom: -50px;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, .08)
}

.m-recentHotels .m-card {
  margin-bottom: 0
}

.m-recentHotels.new-layout {
  flex-direction: column
}

.m-recentHotels.new-layout .m-recentHotels_title .h3 {
  font-size: 14px;
  padding-top: 0
}

.m-recentHotels_box {
  width: 100%
}

.m-recentHotels_box>div:last-of-type .m-baseCard {
  border: none
}

.m-recentHotels_box .m_line {
  height: 1px;
  width: 100%;
  background: #dadfe6
}

.m-recentHotels .m-recentHotels_title {
  font-size: 14px;
  color: #234;
  line-height: 22px;
  font-weight: 600;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  cursor: pointer
}

.m-recentHotels .m-recentHotels_title .h3 {
  flex: 1;
  font-size: 16px;
  padding-top: 8px
}

.m-recentHotels .m-baseCard {
  background-color: #fff;
  margin-bottom: 0;
  border-bottom: 1px solid #dadfe6
}

.m-recentHotels .m-baseCard:hover {
  left: 0;
  min-height: auto;
  border-width: 0 0 1px;
  border-color: #dadfe6;
  background-color: #f5f7fa;
  box-shadow: 8px 0 0 #f5f7fa, -8px 0 0 #f5f7fa
}

.m-recentHotels .m-baseCard .m-baseCard_img,
.m-recentHotels .m-baseCard:hover .m-baseCard_img {
  padding: 8px 8px 8px 0
}

.m-recentHotels .m-baseCard .m-baseCard_content,
.m-recentHotels .m-baseCard:hover .m-baseCard_content {
  padding: 8px 0 0;
  flex: 1
}

.m-recentHotels .m-baseCard .m-baseCard_title {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px
}

.m-recentHotels .m-baseCard .score .number {
  font-size: 14px;
  color: #fff;
  line-height: 18px
}

.m-recentHotels .m-baseCard .score .total {
  font-size: 12px;
  color: hsla(0, 0%, 100%, .6) !important;
  line-height: 18px
}

.whole-pending-container {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .6);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center
}

.whole-pending-container .panel {
  background: #fff;
  border-radius: 2px;
  text-align: center;
  width: 350px;
  min-height: 212px
}

.whole-pending-container #lottie-wrap {
  width: 68px;
  height: 68px;
  margin: 48px auto 0;
  background: url(/modules/hotel/hotel-ctrip-online/image/loading.ed664a28c0b5131896a9adead9f7b011.gif) no-repeat 50%;
  background-size: 68px 68px
}

.whole-pending-container h3 {
  font-size: 18px;
  color: #0f294d;
  line-height: 24px;
  margin: 29px 0 8px;
  padding: 0 32px
}

.whole-pending-container p {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  padding: 0 32px 24px
}

#sawadee_tripLogo {
  float: left;
  padding: 16px 20px 14px 50px;
  height: 30px;
  max-width: 350px;
  position: relative
}

#sawadee_tripLogo span.sawadee_powerby {
  font-size: 14px;
  color: #333;
  letter-spacing: 0;
  line-height: 26px;
  margin-right: 8px;
  float: right
}

#sawadee_tripLogo a.sawadee_trip_img {
  cursor: default;
  float: right;
  width: 124px;
  height: 30px;
  background: url(//pic.english.c-ctrip.com/picaresenglish/ibu/ibucommon/images/v1/trip-logo.e7bdd3cf.png) no-repeat 0 0;
  text-indent: -9999px
}

#sawadee_tripLogo a.sawadee_tripHbu_img {
  cursor: default;
  float: right;
  width: 124px;
  height: 30px;
  background: url(//pic.c-ctrip.com/htlpic/hbuCommon/ctrip_logo_124_30.png) no-repeat 0 0;
  text-indent: -9999px
}

.u-icon-ercode {
  width: 90px;
  height: 90px;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100% 100%
}

.u-icon-appStore {
  width: 103px;
  height: 34px;
  width: 104px;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100% 100%
}

.u-icon-android {
  width: 103px;
  height: 34px;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100% 100%
}

.u-icon-googlePlay {
  width: 103px;
  height: 34px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAK0AAAAyCAMAAAAZQavnAAAC+lBMVEWhoaEAAACkpKSgoKCjo6OkpKSlpaWhoaGHh4eCgoJ0dHScnJyVlZVxcXGCgoIAAAD///8oKCg4ODg5OTkDAwPU1NQA0v8AyP8RERGurq4IBwZISEj7+/v39/fl5eUA8HYA3P+qqqoNDQy6urqsrKxmZmY2NjYAy//q6uoAPEUpKSkmJiYA2P8Awv+Tk5N5eXlMTExFRUU/Pz8aGhoA1P/c3NxXV1cAOEUwMDAKCgoAvf+zs7OdnZ0iIiIeHh4VFRX/zAEA9v8A3v8Az//Nzc2np6eQkJCAgIB9fX1gYGBaWlpRUVFBQUEODg7/yAAA4f8A1v/s7Oze3t7Z2dnHx8e+vr67u7uHh4dzc3NtbW1jY2NOTk47OzszMzMtLS0MDAwGBgYA5v8Azf/5+fmWlpYgICDx8fHn5+eNjY2EhISCgoJ2dnYA8nBvb29qampUVFQkJCT/0QD+vgAA8v8A7v8B2v/09PTg4ODMzMywsLCioqKampr+M1f1NEn5Nkf9OEYA6v8A4//i4uLS0tLJycnCwsIG/4qKior/PE//2QDu7u7Pz88A2bq3t7cA7nMA92MA+F//DTH/wwDW1tbExMSkpKQD/4QA+nldXV3tLU//IU3xMUw9PT3/XTT/GC3/6gL//AHDw8MA3bJ/gKCIeJmQb5IA+IkP/ocS8YAA8Hj+NE38K0L/Lzz/ISwLFA//4gYWAwYUEQIA/v8A+P8B3Kt3hKYH1aQA/38A8nQXsWVK5Fj7KFQTg0rrHknaKUj1KUbeMkETaT3GJTz/CTukIDePHS5bExtIDhkqCA7u1A15awqxlQfnzQAX6/sA4tluer0H6rIE2qetcZ6VZ42VY4wj43oS5XkT4ngC0HgT0XIeu2oR+GkYfmlE/2YJ6F8F8F0H6V0YoFsUm1dQ4VVRN1BV6Ua3HD8VVjcHJDQQVTMALzJ0FicvUSRzGSIQMyEPNCD/Vx733xkPJBkNIhjayRSYhhQ+OA41Lg4kHg1KIgzUvwCOegA2LwAvJQBxPiY/AAAAD3RSTlPWANXC2sa9iH10J5eKMTAu6+40AAAICUlEQVRo3tWaBZQSYRCA7dYZFRQQ8FBUBBsPRQkDAxAVFfRAzzy7u7u7u7u7u7u7u7vb95z9Fz0TxOe9J9+9B3PAst/+/8wsy0+s2ESKhPHjxfqfiZcgYRJOlLNNpKyUR61J+f+iUZfKKU7M2yZS5If/n8yKxJxtcnEoyJJuwSRkm7QShAY5k5Ft/DwQGqRLQLbxqkBokDk+2cZJBaFBqrg/2S4WwB9RzdpgLL1Ubbfr8pi99om5dFoAUeaqpXR50tnUQOg9DXR0F5WObiL/RSGn/tFWcPHU+Tt/4ptHLhsgbaMGN6qwV245olRqB/B2r+JCogQA5FbVHoDlTVAfMwG43TFhe7fV0Qtz1z2GQGhlFUQgqmuCCjmgql7iyI02kZ7qQN60qqlNcZEDwIRuPUTJhRCBtc1QUBwTtvmyZV99efSca8/BP3VlwDOtQ7WqAoCmNSsDcLZRACNKApFDzo4KK3tGtnWDUhkjtmFps6++urb33I2LwR9KN7U/S69BTQ1YrnVxgPzS3LytESTl6wHhNgCHKqJxu6aYq484ZmyzZC9w7MrgMb1Pb6sGv8fQndQqNcImBmWVUppf2SrasjqQ2htboI/cZYgR2yI10mYvsHLI4PRrep+7J/h962OFlEmmFVcE4he2EzGCbkehvqQFoDwWjxHbMkXTcrpDG6ZPP3rOuifwOyLQVcKNVqgga9dLISL7XEDYpRqQ9OfNSmDBEm3Ry6YhD7aLGds0WTjd6aQ7eMzoOddf/HbTUT2K0YbeEnXrlnSAuZEJiKhMIhB4KvuanHJABzXdjaXYao8R225panzVJV9Wbv8LP9tWz1s0yxfdecz3zDYB/B/8wrZsmhr86A4c0jA9sXZN77MP/w/fn227ZkuTpqhPl5KBY/alZwfewH/AL22jdYdwyTB7ffPSU5a8evuLNlay2CBF/dTwh5hTq3+YI4E6c2T+/FXUEiCapjYGb9sqL9my3OV1SbZ56dL9puzbnwG+I3875ClY5c8SJSeGi+A7qgqR0aMBAGREZdC2LcPykm507o6+wckWKtRsydSXr+EbvDJEuSKHog1iay38CSVR/oOtIxxRSn+ICgAXFgzWNmvLsLJlOV9fMhy+1bz58OGcbbN+U/ctg69UlqKsAbdzfYM6Of90bMv9YJtBiO01ak1mA2IlGITi4G2LZON1uWQoGnbk6fBCzb/YHoy2lZTHmqWARwvw97Z9WJARB0iUf2HbokyrbNl8umnKrFo0flLpZsP5THj/Eb6SCbER/IQ+OhRIomNJtK3vqWjbHCywoco0ircViATB2IZlI13Otmy3VYsWdhk/qVAzrsoO7pdANAUxvBp8j6miq3yvPlEsrtKhwoiClfgNcimEPRtVrlUfIsiWe6rtCEW6r7bFWVAR24iKcbbGHBW6V8hhhCYd6rIja1KruNmfbbewsFZMt1XXGYsWdu7C6fab0u/Dsu+mMBwNLFA3yUV4m5jp0gc5VLkBIELK4gominOwkB4AD5ZzgK0mcjT4YluRHZAMi9EAKCF3beSoYyyFmImbFSeG6/3aFmG6ecO6zpi8sDPZcroHPsF3aOuw3TAXRu6qrbF1znQNnChrCukQhdZ0xREtEqhEHc7rdZEBZU8b0CCW11XJiZjLZxs+SqnIiNjfSLmroLah0qW0yrEniNEiANAhpvOXCYW7FeF0y5ZpOWPygk6dSbdv3+3v4AccX8a2PkqlNWVkmwlbc1WXWUZzOw3LadmHSvTq++MgLhldKCfbcKiF3R0AVsQ2Et6Wp8dEIFsxgClPVKTIXhO1mek9gfpEeYFf2+pFSDdbtxYzSbZTp859+27dDT+T0Ze35simTY25aKjaYXvgMGDPqNbYmMU0z7lRyt49N6rItkcGC5bUGmSIvTzVeNu29SvWraijf3jbsRXIXViTTHugEtRcLfu3LUO21TnZCZ06ze+79ZEEfkFjZEY8HuyvsWAJFjdAYSmZb/rEmMOGMtbgNFibbAdohVgOUdqh8g8dDHznMkoRudgl4+bfg7JqEagSBbItE9Z1xcxhWyZMmN+3066l8EsyyLF2fuDROFEBPX3nzWI4UtsaK7E4HOtRtfAXw2xshfqeiCMbm3/qYLytwaHC9lUBKnO2GVTYpwJVRyDbsJYtZg3bMm5Cx/k798LvII3ajSVcStrqYM1IKIE1dVx1S7EE7dcZyc60WEqiwpG0f3NbX96W4DMjU3vjL2xrmWRopagW2XJdDVEWFci2SMsVs4aNG9ex4/Y94AcdtSJhh/o52iLiWPKpgzTvxaWo0kJqRFVJWzFENzuN9GycScj3hO4CsxOd9WzUScTMtjzWgi+4sZjAgvKcVhcyW2NtpL4WyLZl4VnDNnXsuHk3+CcyI/JYJgKhtvDVzeWHzslicVV2McnRBlXQCGV0uRmOHNM0QDicrDZ5LNgLKvdHgirNCwB1ETMHsi1c+MSwDR03P5BAQPLUFRdsV8teDRj6iGIZFY1IkIiqL87YXuc7qloZlU3sWEefsp5VAiCqpMhYzCMADoG1XvR3x03qUQ/WFC8o9jg8JU2sBFwQwHb58pM7Oo6j4vpHiGysphqhUALBkQpRF8D2/qHjOzZQcf0z2mE5I1W5kxI0SMQ4QhDAttrNTbf3wD/Ehuhsr6QGooHgiESMAP+2xFL4tzQph4SwCgRJcQx3+LGNKUTW+iXtegiWyNSmn7/JD7lVktBagQqt1b3QWjkNrVXpEFvxD6FfU3wG1NuSgypiSJYAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%
}

.u-icon-side-download {
  width: 160px;
  height: 113px;
  background: url(/modules/hotel/hotel-ctrip-online/image/download.a0742df521047c1fbfa812241f81431e.png) no-repeat;
  background-size: 100% 100%
}

.u-icon-app {
  align-items: center;
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAgCAYAAAAFQMh/AAAAAXNSR0IArs4c6QAAA01JREFUSA3FV0tIVFEY/kYdSwutsGzQstIMtPKBLXyBugjJjFq0KVpELYoW4apNi8CSaFVgUERBBRG9sEIxix5i2irNxB72IEokM8syR1O7fcczw9y599y5o6Xzwz/3nP9xvvP//7n/mQtYkKZpceQL5D7yVGiYTo/JuSoIh0pI4zDKG8n5Cv0YZUfJAzqdsN9NXqmTeYduDjIcDkeXV2D5JHAW2Yq+UpFKjtexi+PrZCuqMoJFGAWeebKFXIgXkF8F0KtUpvWsgPUluM2VrqpWs5ElUV/psdGvNyGyAtav2cH6XNQLghkz55m08wKbXMShCAmFDNjBlNQy5A0zHHadANZmGHQCzjLVYjdFJ4A9l6dnW5bAT94DaxOArl6g9+f/B7dM9YEaoDAFeE3g6EhGXiDBxfxUExAZDjx6A2QlAofL2VWigbMtgHsUuM/20j8EbMkA9hepN62MWDg3ctHiVKAsHbjW6nMeGQNqO4C4uUD9Pvk8KFoMqf8XcK4ZqCgBzu8A7r0Ebj2XOuOvErjhBZDDvjOHka6KB5yMroWp91IEvfYWArGzeTPkAQ/Z/kfHpXbdMmYqGUhiY924GmgguIqUnaumHejsAdZXS5e+QfZMRp27XM5TFslNidnS+UCUE+j23FUi9V5KdwF1nd6Z/9ME/JkHqfUjcGmnrKMwFzJxugeGpfOnb8AfHvswduCeH7Kurhip+9Avn+K36wuQOM83149MqRY1yWeq0hYDKQsl56/gRcvxTWZC0OCIrJ8Y32gDspcAszwhNL/jW8AMCRtRsjz6qsgUcc0zRsf6Gal8DdP9VJ5icbCqG4Ejd4AY1vnMNp+1KxbYfFpmo4ABbM/x6fxGonNNhtq7Na30pPT47vb3PHZX044/0LTf45o2OOKvM85MEfvtymYiTrWKnCygk29EIJo0cCJPcUWxesnSNCCcoMFQqG4ncSOaifXYqqtJldnCXkL/TN0aV4weQSbG6Pbv85ABB3O4djFlZVOIMSqQTzDA7MwQbCTeYagnZ5MTjEq7uVWq2Ylt6RD/9m6iVQnZzt6ktwJ+awvL69djI+4lz6Vo6RXMetw+P9rITbrXQTXspbCSLL4IA9EQlaqPOfUuaTytn6l/AT7RbUMB0SpFAAAAAElFTkSuQmCC) no-repeat 50%
}

.u-icon-ulogin {
  background: url(/modules/hotel/hotel-ctrip-online/image/login.6cafe9137c7e703a4aa0c854c8a3ff27.png) no-repeat 50%;
  background-size: cover
}

.u-icon-subscribe,
.u-icon-ulogin {
  align-items: center;
  display: inline-block;
  width: 140px;
  height: 100%
}

.u-icon-subscribe {
  background: url(/modules/hotel/hotel-ctrip-online/image/subscribe.2c5d064305c0bb5b4bc528b8449958a5.png) no-repeat 50%;
  background-size: cover
}

.m-sideDownload {
  z-index: 999;
  position: fixed;
  bottom: 145px;
  margin-left: 692px;
  width: 56px
}

.m-sideDownload .u-icon-close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 16px
}

.m-sideDownload .u-icon-side-download {
  margin-left: -20px;
  padding-right: 10px
}

.m-sideDownload .u-icon-appStore,
.m-sideDownload .u-icon-googlePlay {
  width: 136px;
  height: 40px;
  margin-right: 5px
}

.m-sideDownload-button {
  display: inline-block;
  right: 0;
  float: right;
  width: 60px;
  height: 56px;
  background-color: #2681ff;
  cursor: pointer;
  border-radius: 2px
}

.m-sideDownload-button:hover {
  background-color: #2273e5
}

.m-sideDownload-layer {
  user-select: none;
  box-sizing: border-box;
  max-width: 640px;
  background-color: #fff;
  float: right;
  transform: -50%;
  transform: translateY(-50%);
  margin-top: 25px;
  background: #fff;
  box-shadow: 0 8px 20px 0 rgba(0, 41, 99, .2);
  border-radius: 4px;
  position: absolute;
  right: 70px;
  padding: 30px 20px 20px
}

.m-sideDownload-layer .pseudo {
  display: inline-block;
  position: absolute;
  border-left: 8px solid #fff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  right: -8px;
  top: 50%;
  margin-top: -8px
}

.m-sideDownload-layer .step1 {
  display: flex;
  align-items: center
}

.m-sideDownload-layer .step1-content {
  width: 450px
}

.m-sideDownload-layer .step1 .u-btn {
  float: right
}

.m-sideDownload-layer .step2-tip {
  font-size: 12px;
  color: #666;
  padding-bottom: 20px;
  padding-top: 4px
}

.m-sideDownload-layer .step1-title,
.m-sideDownload-layer .step2-title {
  font-size: 16px;
  color: #333;
  font-weight: 700;
  padding-bottom: 20px
}

@media screen and (max-width:1442px) {
  .m-sideDownload {
    right: -4px
  }
}

.mod-back-top .side-bar {
  bottom: 205px !important
}

.mod-back-top {
  margin-bottom: 0
}

.mod-back-top .side-bar {
  position: fixed;
  bottom: 100px;
  margin-left: 1250px;
  width: 56px;
  z-index: 899
}

@media only screen and (max-width:1560px) {
  .mod-back-top .side-bar {
    right: 0
  }
}

@media only screen and (max-width:768px) {
  .mod-back-top .side-bar {
    display: none
  }
}

.mod-back-top .side-bar span {
  width: 48px;
  padding: 12px 6px 10px;
  float: left;
  background-color: #2681ff;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  line-height: 1.3
}

.mod-back-top .side-bar span.chat {
  padding: 10px 6px
}

.mod-back-top .side-bar span.chat .iconfont {
  font-size: 28px;
}

.mod-back-top .side-bar span:hover {
  background-color: #2273e5;
  text-decoration: none
}

.mod-back-top .c-icon {
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
  display: inline;
  zoom: 1;
  background: url(//pic.english.c-ctrip.com/picaresenglish/ibu/ibucommon/images/v0/global-sprite.1a67319d.png) no-repeat 1024px 1024px
}

.mod-back-top .icon-back-top {
  width: 24px;
  height: 22px;
  background-position: -122px -154px
}

.mod-back-top .icon-chat {
  width: 26px;
  height: 26px;
  background-position: -70px -292px
}

.mod-back-top .icon-chat:before {
  content: "\EB00"
}

.bed-wrap {
  background: #fff;
  position: relative;
  display: flex;
  padding: 0 24px
}

.bed-wrap .bed-container {
  border-bottom: 1px solid #dadfe6;
  width: 230px;
  padding: 24px 0
}

.bed-wrap .bed-container .bed-title {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between
}

.bed-wrap .bed-container .bed-title p {
  font-weight: 700
}

.bed-wrap .bed-container .bed-title span {
  cursor: pointer;
  color: #287dfa
}

.bed-wrap .bed-container .bed-content .radioboxTxt:hover {
  color: #287dfa
}

.bed-wrap .bed-container .bed-content ul li {
  margin-top: 16px
}

.bed-wrap .bed-container .bed-content ul li:first-of-type {
  margin-top: 0
}

.bed-wrap .bed-container .bed-radiobox:before {
  color: #287dfa
}

.m-radiobox {
  display: flex;
  flex-direction: column
}

.m-radiobox_item {
  float: left;
  margin-right: 40px;
  display: flex;
  cursor: pointer
}

.m-radiobox_item .u-icon {
  font-size: 17px;
  padding-right: 8px
}

.m-radiobox_item .radioboxTxt {
  display: flex;
  font-size: 14px;
  align-items: center
}

.m-radiobox_item:last-child {
  margin-right: 0
}

.m-radiobox .error {
  color: #ff3d00;
  font-size: 12px
}

.selector-wrapper {
  display: inline-block
}

.selector-label {
  font-weight: 400;
  color: #455873;
  font-size: 14px;
  line-height: 18px
}

.single-selector-input {
  width: 100%;
  border: 1px solid #ccc;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.single-selector-input.selector-line {
  border-width: 0 0 1px;
  font-weight: 700;
  font-size: 16px;
  color: #0f294d;
  padding: 0 24px 0 0;
  border-color: #ced2d9;
  display: block
}

.single-selector-input.selector-line.focus {
  border-color: #0065f2
}

.single-selector-input.selector-line.focus .u-icon-arrowLineUp {
  color: #0065f2
}

.single-selector-input.selector-line .u-icon {
  color: #8592a6
}

.single-selector-input.selector-line i {
  right: 0
}

.panel-item {
  line-height: 18px
}

.panel-line .panel-item {
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  padding: 12px 16px
}

.panel-line .panel-item:hover {
  background: #e9f2fe;
  color: #0f294d
}

.panel-line .panel-item-selected {
  color: #0065f2 !important
}

.panel-line .panel-item i {
  float: right;
  font-size: 16px;
  padding-left: 10px
}

.select-panel {
  background-color: #fff;
  box-shadow: 0 8px 10px 0 rgba(15, 41, 77, .08);
  border-radius: 2px;
  max-height: 400px;
  overflow: auto;
  padding: 10px 0;
  z-index: 4
}

.m-input {
  display: inline-block;
  position: relative
}

.m-input input,
.m-input textarea {
  background: #fff;
  width: 100%;
  box-sizing: border-box;
  font-size: 14px;
  border: 1px solid #e5e5e5;
  transition: border-color .25s
}

.m-input input:focus,
.m-input textarea:focus {
  border-color: #2486ff
}

.m-input input {
  padding: 0 8px;
  height: 40px;
  line-height: 1
}

.m-input textarea {
  padding: 10px;
  line-height: 20px
}

.m-input_label {
  font-size: 14px;
  top: 10px;
  color: #a2a9b6
}

.m-input.error input,
.m-input.error textarea {
  border-color: #ff5722
}

.m-input.error .m-input_label.show-label {
  color: #ff5722 !important
}

.m-input.error .m-input_label.show-label,
.m-input.error input:focus~.m-input_label,
.m-input.error input:not(:placeholder-shown)~.m-input_label {
  color: #ff5722 !important
}

.m-input_msg {
  font-size: 12px;
  padding-top: 8px;
  color: #ff3d00
}

.m-input.animation .m-input_label {
  position: absolute;
  left: 9px;
  transform-origin: 0 0;
  pointer-events: none;
  transition: all .25s;
  color: transparent;
  background-color: transparent
}

.m-input.animation .m-input_label.show-label {
  color: #666;
  background-color: #fff;
  transform: scale(.85) translate(-2px, -21px)
}

.m-input.animation input:focus~.m-input_label,
.m-input.animation textarea:focus~.m-input_label {
  color: #2486ff
}

.panel-footer {
  display: flex;
  justify-content: space-between
}

.multi-selector-input {
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 0 34px 0 8px;
  line-height: 40px;
  height: 40px;
  border: 1px solid #e5e5e5;
  cursor: pointer
}

.multi-selector-input .m-input {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  left: 0
}

.multi-selector-input .m-input input {
  height: 100%;
  cursor: pointer;
  opacity: 0
}

.multi-selector-input .m-input .m-input_msg {
  line-height: 1
}

.multi-selector-input i {
  position: absolute;
  right: 10px;
  z-index: 0
}

.multi-selector-input.placeholder {
  color: #ccc
}

.multi-selector-input.error {
  border-color: #ee3b28
}

.email-panel-item {
  font-size: 14px;
  line-height: 1;
  padding: 8px 10px;
  cursor: pointer
}

.email-panel-item .highlight {
  color: #2681ff
}

.email-panel-item:hover {
  background: #2681ff;
  color: #fff
}

.email-panel-item:hover .highlight {
  color: #fff
}

.email-panel-item-selected {
  color: #2681ff
}

.email-panel-item i {
  float: right;
  font-size: 16px;
  padding-left: 10px
}

.panel-line {
  border-radius: 0;
  padding: 0
}

.panel-line .email-panel-item {
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  padding: 12px 16px
}

.panel-line .email-panel-item:hover {
  background: #e9f2fe;
  color: #0f294d
}

.panel-line .email-panel-item:hover .highlight {
  color: #0f294d
}

.panel-line .email-panel-item-selected {
  color: #0065f2
}

.panel-line .email-panel-item i {
  float: right;
  font-size: 16px;
  padding-left: 10px
}

.m-inputBox {
  display: inline-block;
  position: relative
}

.m-inputBox input {
  background: #fff;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 700;
  border: solid #ced2d9;
  border-width: 0 0 1px;
  transition: border-color .25s;
  color: #0f294d
}

.m-inputBox input:focus {
  border-color: #0065f2
}

.m-inputBox input::placeholder {
  color: #ced2d9
}

.m-inputBox_label {
  color: #455873;
  font-size: 14px;
  line-height: 18px
}

.m-inputBox.error input,
.m-inputBox.error textarea {
  border-color: #ee3b28
}

.m-inputBox.error .errorText {
  flex: 1;
  padding-right: 8px
}

.m-inputBox_error {
  color: #ee3b28;
  display: flex;
  font-size: 14px;
  line-height: 18px;
  padding-top: 8px
}

.m-inputBox_helper {
  font-size: 14px;
  padding-top: 8px;
  color: #0f294d
}

.m-inputBox .inputWrapper {
  position: relative;
  display: inline-block;
  width: 100%
}

.m-inputBox .inputWrapper .u-icon-ic_new_delete {
  color: #8592a6;
  position: absolute;
  right: 0;
  top: 10px;
  font-size: 14px;
  cursor: pointer
}

#region-selector-component>.l-content .number-input:-ms-input-placeholder {
  color: #ced2d9
}

#region-selector-component>.l-content .country-select.no-input .selected-box .placeholder {
  color: #ced2d9
}

#ibu_hotel_container #region-selector-component>.l-content.withCommonStyle {
  border: none
}

#ibu_hotel_container #region-selector-component>.l-content.withCommonStyle .country-select {
  border-bottom: none
}

#ibu_hotel_container #region-selector-component>.l-content.withCommonStyle .country-select .selected-box {
  border-bottom: 1px solid #ced2d9;
  height: 39px
}

#ibu_hotel_container #ibu_nationality_selector>#region-selector-component>.l-content.withCommonStyle .country-select {
  margin-right: 0
}

#ibu_hotel_container #region-selector-component>.l-content .number-input::placeholder {
  color: #ced2d9
}

@font-face {
  font-family: fi-regionselect;
}

#region-selector-component {
  width: 315px;
  margin: 0;
  padding: 0
}

#region-selector-component ol,
#region-selector-component ul {
  margin: 0;
  padding: 0;
  list-style: none
}

#region-selector-component .fi_regionselect {
  font-family: fi-regionselect, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

#region-selector-component .fi_regionselect.fi-tick:before {
  content: "\E530"
}

#region-selector-component .fi-search:before {
  content: "\EAD0"
}

#region-selector-component .fi-up:before {
  content: "\E32B"
}

#region-selector-component .fi-down:before {
  content: "\E32C"
}

#region-selector-component>.l-content {
  width: 100%;
  background: #fff;
  height: 40px;
  border: 1px solid #e4e4e4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#region-selector-component>.l-content.focus {
  border: 1px solid #287dfa
}

#region-selector-component>.l-content .country-select {
  position: relative;
  width: 90px
}

#region-selector-component>.l-content .country-select.no-input {
  width: 100%
}

#region-selector-component>.l-content .country-select.no-input .selected-box {
  width: 100%;
  border: none;
  white-space: nowrap;
  word-break: break-all;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

#region-selector-component>.l-content .country-select.no-input .country-list .result-list .list-item .country-name,
#region-selector-component>.l-content .country-select.no-input .country-list .section-list .list-item .country-name,
#region-selector-component>.l-content .country-select.no-input .country-list .selected-list .list-item .country-name,
#region-selector-component>.l-content .country-select.no-input .country-list .top-list .list-item .country-name {
  max-width: 240px
}

#region-selector-component>.l-content .country-select.multi-lang .country-list .result-list .list-item,
#region-selector-component>.l-content .country-select.multi-lang .country-list .section-list .list-item,
#region-selector-component>.l-content .country-select.multi-lang .country-list .selected-list .list-item,
#region-selector-component>.l-content .country-select.multi-lang .country-list .top-list .list-item {
  height: 46px;
  line-height: 23px;
  display: block
}

#region-selector-component>.l-content .country-select.multi-lang .country-list .result-list .list-item span,
#region-selector-component>.l-content .country-select.multi-lang .country-list .section-list .list-item span,
#region-selector-component>.l-content .country-select.multi-lang .country-list .selected-list .list-item span,
#region-selector-component>.l-content .country-select.multi-lang .country-list .top-list .list-item span {
  font-size: 14px;
  height: 24px;
  line-height: 24px;
  display: inline-block;
  vertical-align: top
}

#region-selector-component>.l-content .country-select.multi-lang .country-list .result-list .list-item p,
#region-selector-component>.l-content .country-select.multi-lang .country-list .section-list .list-item p,
#region-selector-component>.l-content .country-select.multi-lang .country-list .selected-list .list-item p,
#region-selector-component>.l-content .country-select.multi-lang .country-list .top-list .list-item p {
  font-size: 12px;
  line-height: 22px;
  height: 22px;
  margin: 0;
  color: #999
}

#region-selector-component>.l-content .country-select.multi-lang .country-list .result-list .list-item i,
#region-selector-component>.l-content .country-select.multi-lang .country-list .section-list .list-item i,
#region-selector-component>.l-content .country-select.multi-lang .country-list .selected-list .list-item i,
#region-selector-component>.l-content .country-select.multi-lang .country-list .top-list .list-item i {
  height: 46px;
  line-height: 46px
}

#region-selector-component>.l-content .country-select.multi-lang .country-list .result-list .list-item.selected p,
#region-selector-component>.l-content .country-select.multi-lang .country-list .section-list .list-item.selected p,
#region-selector-component>.l-content .country-select.multi-lang .country-list .selected-list .list-item.selected p,
#region-selector-component>.l-content .country-select.multi-lang .country-list .top-list .list-item.selected p {
  color: #287dfa
}

#region-selector-component>.l-content .country-select.multi-lang .country-list .result-list .list-item:hover p,
#region-selector-component>.l-content .country-select.multi-lang .country-list .section-list .list-item:hover p,
#region-selector-component>.l-content .country-select.multi-lang .country-list .selected-list .list-item:hover p,
#region-selector-component>.l-content .country-select.multi-lang .country-list .top-list .list-item:hover p {
  color: #fff
}

#region-selector-component>.l-content .country-select.multi-lang .country-list .selected-list .list-item:hover p,
#region-selector-component>.l-content .country-select.multi-lang .country-list .selected-list .list-item p {
  color: #287dfa
}

#region-selector-component>.l-content .country-select.multi-lang .country-list .result-list .list-item.selected p {
  color: #999
}

#region-selector-component>.l-content .country-select.multi-lang .country-list .result-list .list-item.active p,
#region-selector-component>.l-content .country-select.multi-lang .country-list .result-list .list-item:hover p {
  color: #fff
}

#region-selector-component>.l-content .country-select .selected-box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 90px;
  height: 22px;
  line-height: 22px;
  color: #333;
  border-right: 1px solid #e4e4e4;
  margin-top: 8px;
  padding: 0 10px;
  font-size: 14px;
  cursor: pointer
}

#region-selector-component>.l-content .country-select .selected-box i {
  float: right
}

#region-selector-component>.l-content .country-select .selected-box .placeholder {
  color: #999
}

#region-selector-component>.l-content .country-select .country-list {
  background: #fff;
  position: absolute;
  z-index: 11;
  top: 39px;
  left: -1px;
  width: 315px;
  height: 450px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0 8px 20px 0 rgba(0, 41, 99, .2);
  box-shadow: 0 8px 20px 0 rgba(0, 41, 99, .2);
  display: none;
  overflow: hidden
}

#region-selector-component>.l-content .country-select .country-list.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

#region-selector-component>.l-content .country-select .country-list_top-box {
  display: block
}

#region-selector-component>.l-content .country-select .country-list_top-box.show-result-list {
  height: 450px
}

#region-selector-component>.l-content .country-select .country-list_bottom-box {
  overflow-x: hidden;
  overflow-y: auto
}

#region-selector-component>.l-content .country-select .country-list_bottom-box::-webkit-scrollbar {
  width: 5px
}

#region-selector-component>.l-content .country-select .country-list_bottom-box::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
  background: #fff
}

#region-selector-component>.l-content .country-select .country-list_bottom-box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
  background: #b2b2b2
}

#region-selector-component>.l-content .country-select .country-list .selected-list {
  background: #fff;
  padding: 10px 5px 10px 10px
}

#region-selector-component>.l-content .country-select .country-list .selected-list .list-title {
  font-size: 14px;
  line-height: 18px;
  color: #999
}

#region-selector-component>.l-content .country-select .country-list .selected-list .list-item {
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  color: #287dfa;
  position: relative
}

#region-selector-component>.l-content .country-select .country-list .selected-list .list-item i {
  font-size: 14px;
  position: absolute;
  right: 0;
  top: 0
}

#region-selector-component>.l-content .country-select .country-list .selected-list .list-item .country-name {
  display: inline-block;
  max-width: 228px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: top
}

#region-selector-component>.l-content .country-select .country-list .selected-list .list-item .country-number {
  margin-left: 10px;
  display: inline-block;
  vertical-align: top
}

#region-selector-component>.l-content .country-select .country-list .selected-list .search-input-box {
  border: 1px solid #e4e4e4;
  padding-left: 35px;
  position: relative;
  line-height: 1.2
}

#region-selector-component>.l-content .country-select .country-list .selected-list .search-input-box i {
  color: #333;
  font-size: 25px;
  position: absolute;
  top: 5px;
  left: 10px
}

#region-selector-component>.l-content .country-select .country-list .selected-list .search-input-box .search-input {
  width: 230px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  outline-style: none;
  border: none;
  padding: 0 10px;
  color: #333
}

#region-selector-component>.l-content .country-select .country-list .selected-list .search-input-box .search-input:-ms-input-placeholder,
#region-selector-component>.l-content .country-select .country-list .selected-list .search-input-box .search-input::-moz-placeholder,
#region-selector-component>.l-content .country-select .country-list .selected-list .search-input-box .search-input::-webkit-input-placeholder {
  color: #ccc
}

#region-selector-component>.l-content .country-select .country-list .selected-list .search-input-box .search-input::-ms-clear {
  display: none
}

#region-selector-component>.l-content .country-select .country-list .result-list {
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  height: 390px
}

#region-selector-component>.l-content .country-select .country-list .result-list.isSelected {
  height: 336px
}

#region-selector-component>.l-content .country-select .country-list .result-list::-webkit-scrollbar {
  width: 5px
}

#region-selector-component>.l-content .country-select .country-list .result-list::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .2);
  background: #fff
}

#region-selector-component>.l-content .country-select .country-list .result-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
  background: #b2b2b2
}

#region-selector-component>.l-content .country-select .country-list .result-list.show {
  display: block
}

#region-selector-component>.l-content .country-select .country-list .result-list .no-res {
  color: #333;
  text-align: center;
  padding: 20px 10px
}

#region-selector-component>.l-content .country-select .country-list .result-list .list-item {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  padding: 0 15px 0 10px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#region-selector-component>.l-content .country-select .country-list .result-list .list-item .country-name {
  display: inline-block;
  max-width: 228px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden
}

#region-selector-component>.l-content .country-select .country-list .result-list .list-item .country-number {
  display: inline-block;
  color: #999;
  margin-left: 10px
}

#region-selector-component>.l-content .country-select .country-list .result-list .list-item.active,
#region-selector-component>.l-content .country-select .country-list .result-list .list-item:hover {
  background: #64a6ff;
  color: #fff
}

#region-selector-component>.l-content .country-select .country-list .result-list .list-item.active .country-number,
#region-selector-component>.l-content .country-select .country-list .result-list .list-item:hover .country-number {
  color: #fff
}

#region-selector-component>.l-content .country-select .country-list .result-list .list-item.active i,
#region-selector-component>.l-content .country-select .country-list .result-list .list-item:hover i {
  color: #64a6ff
}

#region-selector-component>.l-content .country-select .country-list .result-list .list-item i {
  position: absolute;
  top: 0;
  right: 5px;
  display: none;
  font-size: 14px
}

#region-selector-component>.l-content .country-select .country-list .section-list.hide,
#region-selector-component>.l-content .country-select .country-list .top-list.hide {
  display: none
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-title,
#region-selector-component>.l-content .country-select .country-list .top-list .list-title {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  background: #f5f5f9;
  font-size: 14px;
  color: #999
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item,
#region-selector-component>.l-content .country-select .country-list .top-list .list-item {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 36px;
  line-height: 36px;
  padding: 0 15px 0 10px;
  font-size: 14px;
  color: #333;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item .country-name,
#region-selector-component>.l-content .country-select .country-list .top-list .list-item .country-name {
  display: inline-block;
  max-width: 228px;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item .country-number,
#region-selector-component>.l-content .country-select .country-list .top-list .list-item .country-number {
  display: inline-block;
  color: #999;
  margin-left: 10px
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item:hover,
#region-selector-component>.l-content .country-select .country-list .top-list .list-item:hover {
  background: #64a6ff;
  color: #fff
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item:hover .country-number,
#region-selector-component>.l-content .country-select .country-list .top-list .list-item:hover .country-number {
  color: #fff
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item i,
#region-selector-component>.l-content .country-select .country-list .top-list .list-item i {
  position: absolute;
  top: 0;
  right: 5px;
  display: none;
  font-size: 14px
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item.selected,
#region-selector-component>.l-content .country-select .country-list .top-list .list-item.selected {
  color: #287dfa
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item.selected i,
#region-selector-component>.l-content .country-select .country-list .top-list .list-item.selected i {
  display: block
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item.selected .country-number,
#region-selector-component>.l-content .country-select .country-list .top-list .list-item.selected .country-number {
  color: #287dfa
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item.selected:hover,
#region-selector-component>.l-content .country-select .country-list .top-list .list-item.selected:hover {
  background: #64a6ff;
  color: #fff
}

#region-selector-component>.l-content .country-select .country-list .section-list .list-item.selected:hover .country-number,
#region-selector-component>.l-content .country-select .country-list .top-list .list-item.selected:hover .country-number {
  color: #fff
}

#region-selector-component>.l-content .number-input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  margin-top: 8px;
  outline-style: none;
  border: none;
  padding: 0 10px;
  color: #333
}

#region-selector-component>.l-content .number-input:-ms-input-placeholder,
#region-selector-component>.l-content .number-input::-moz-placeholder,
#region-selector-component>.l-content .number-input::-webkit-input-placeholder {
  color: #ccc
}

#region-selector-component>.l-content .number-input::-ms-clear {
  display: none
}

#region-selector-component>.l-content.withCommonStyle {
  border: none
}

#region-selector-component>.l-content.withCommonStyle .country-select {
  border-bottom: 1px solid #ced2d9;
  margin-right: 8px;
  width: 80px
}

#region-selector-component>.l-content.withCommonStyle .country-select .selected-box {
  border: none;
  font-size: 16px;
  padding: 0;
  width: 100%;
  height: 38px;
  line-height: 40px;
  margin: 0
}

#region-selector-component>.l-content.withCommonStyle .country-select .selected-box span {
  color: #0f294d;
  font-weight: 700
}

#region-selector-component>.l-content.withCommonStyle .country-select .selected-box i {
  color: #8592a6
}

#region-selector-component>.l-content.withCommonStyle .country-select.no-input {
  width: 100%
}

#region-selector-component>.l-content.withCommonStyle .number-input {
  height: 39px;
  border-bottom: 1px solid #ced2d9;
  margin: 0;
  font-size: 16px;
  color: #0f294d;
  font-weight: 700
}

.panel-item {
  font-size: 14px;
  line-height: 1;
  padding: 8px 10px;
  cursor: pointer
}

.panel-item:hover {
  background: #2681ff;
  color: #fff
}

.panel-item-selected {
  color: #2681ff
}

.panel-item i {
  float: right;
  font-size: 16px;
  padding-left: 10px
}

.single-selector-input {
  background-color: #fff;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 0 34px 0 8px;
  line-height: 40px;
  height: 40px;
  border: 1px solid #e5e5e5;
  cursor: pointer
}

.single-selector-input .m-input {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  left: 0
}

.single-selector-input .m-input input {
  height: 100%;
  cursor: pointer;
  opacity: 0
}

.single-selector-input .m-input .m-input_msg {
  line-height: 1
}

.single-selector-input i {
  position: absolute;
  right: 10px;
  z-index: 0
}

.single-selector-input.placeholder {
  color: #ccc
}

.single-selector-input.error {
  border-color: #ee3b28
}

.amenty-wrap {
  background: #fff;
  position: relative;
  display: flex;
  padding: 0 24px
}

.amenty-wrap .amenty-container {
  border-bottom: 1px solid #dadfe6;
  width: 230px;
  padding: 24px 0
}

.amenty-wrap .amenty-container .amenty-title {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  display: flex;
  justify-content: space-between;
  cursor: pointer
}

.amenty-wrap .amenty-container .amenty-title:hover {
  color: #287dfa
}

.amenty-wrap .amenty-container .amenty-title p {
  font-weight: 700
}

.amenty-wrap .amenty-container .amenty-title span {
  cursor: pointer;
  color: #ced2d9
}

.amenty-wrap .amenty-container .amenty-title span:hover {
  color: #287dfa
}

.m-dialog-wrap {
  top: 0;
  position: fixed;
  width: 100%;
  background: rgba(0, 0, 0, .6);
  left: 0;
  height: 100%;
  z-index: 1000
}

.m-dialog-wrap .dialog-info {
  width: 700px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 2px;
  border: 1px solid
}

.m-dialog-wrap .dialog-info .dialog-title {
  font-size: 14px;
  line-height: 18px;
  margin: 24px 0 24px 24px;
  display: flex;
  justify-content: space-between
}

.m-dialog-wrap .dialog-info .dialog-title p {
  font-weight: 700;
  color: #0f294d
}

.m-dialog-wrap .dialog-info .dialog-title span {
  cursor: pointer;
  padding: 3px 27px 0 0;
  font-size: 18px
}

.m-dialog-wrap .dialog-info .dialog-title p {
  font-size: 20px;
  line-height: 26px
}

.m-dialog-wrap .dialog-info .dialog-content {
  font-size: 16px;
  color: #0f294d;
  line-height: 22px;
  margin: 0 24px;
  max-height: 448px;
  overflow-y: auto
}

.m-dialog-wrap .dialog-info .dialog-content::-webkit-scrollbar {
  position: relative;
  width: 6px
}

.m-dialog-wrap .dialog-info .dialog-content::-webkit-scrollbar-thumb {
  background-color: #b7beca
}

.m-dialog-wrap .dialog-info .dialog-content .dialog-ul-items {
  margin-bottom: 24px
}

.m-dialog-wrap .dialog-info .dialog-content .dialog-ul-items .dialog-li-item {
  margin: 12px 0;
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  padding-right: 14px
}

.m-dialog-wrap .dialog-info .dialog-content .dialog-ul-items .dialog-li-item span {
  margin-left: 9px;
  color: #0f294d
}

.m-dialog-wrap .dialog-info .dialog-content .dialog-ul-items .dialog-li-item span:hover {
  color: #287dfa
}

.m-dialog-wrap .dialog-info .dialog-content .dialog-ul-items .dialog-li-item .dialog-icon {
  display: inline-block;
  margin-left: 9px
}

.m-dialog-wrap .dialog-info .dialog-content .dialog-ul-items .dialog-li-item .item-checkbox {
  width: 18px;
  height: 18px
}

.m-dialog-wrap .dialog-info .dialog-content .dialog-ul-items .dialog-li-item .content {
  float: right
}

.m-dialog-wrap .dialog-info .dialog-content .dialog-ul-items .item-checked .u-icon-checkbox:before {
  color: #2681ff;
  content: "\E6CD"
}

.m-dialog-wrap .dialog-info .dialog-content .dialog-ul-items .item-checked .u-icon-success:before {
  content: "\E649";
  color: #287dfa
}

.m-dialog-wrap .dialog-info .dialog-action {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px
}

.m-dialog-wrap .dialog-info .dialog-action .action-clear .btn-clear {
  border-radius: 2px;
  font-weight: 700
}

.m-dialog-wrap .dialog-info .dialog-action .action-apply {
  margin: 0 24px 24px 32px
}

.m-dialog-wrap .dialog-info .dialog-action .action-apply .btn-primary {
  border-radius: 2px;
  font-weight: 700
}

.m-dialog-wrap_item {
  display: inline-block;
  cursor: pointer;
  padding-left: 28px;
  margin-right: 40px;
  padding-bottom: 10px;
  position: relative
}

.m-dialog-wrap_item:last-child {
  padding-bottom: 0
}

.m-dialog-wrap_item .u-icon {
  position: absolute;
  font-size: 18px;
  left: 0
}

.m-dialog-wrap_item .checkboxTxt {
  font-size: 14px
}

.bookable-wrap {
  background: #fff;
  position: relative;
  display: flex;
  padding: 0 24px
}

.bookable-wrap .bookable-container {
  border-bottom: 1px solid #dadfe6;
  width: 230px;
  padding: 24px 0
}

.bookable-wrap .bookable-container .bookable-title {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between
}

.bookable-wrap .bookable-container .bookable-title p {
  font-weight: 700
}

.bookable-wrap .bookable-container .bookable-title span {
  cursor: pointer;
  color: #287dfa
}

.bookable-wrap .bookable-container ul li {
  margin-top: 16px
}

.bookable-wrap .bookable-container ul li:first-of-type {
  margin-top: 0
}

.bookable-wrap .bookable-container .icon-top {
  top: -2px
}

.m-checkbox_item {
  display: inline-block;
  cursor: pointer;
  padding-left: 28px;
  margin-right: 40px;
  padding-bottom: 10px;
  position: relative
}

.m-checkbox_item:last-child {
  padding-bottom: 0
}

.m-checkbox_item .u-icon {
  position: absolute;
  font-size: 16px;
  left: 0
}

.m-checkbox_item .checkboxTxt {
  font-size: 14px
}

.policy-wrap {
  background: #fff;
  position: relative;
  display: flex;
  padding: 0 24px
}

.policy-wrap .policy-container {
  border-bottom: 1px solid #dadfe6;
  width: 230px;
  padding: 24px 0
}

.policy-wrap .policy-container .policy-title {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between
}

.policy-wrap .policy-container .policy-title p {
  font-weight: 700
}

.policy-wrap .policy-container .policy-title span {
  cursor: pointer;
  color: #287dfa
}

.policy-wrap .policy-container ul li {
  margin-top: 16px
}

.policy-wrap .policy-container ul li:first-of-type {
  margin-top: 0
}

.policy-wrap .policy-container .icon-top {
  top: -2px
}

.brand-wrap {
  background: #fff;
  position: relative;
  display: flex;
  padding: 0 24px
}

.brand-wrap .brand-container {
  border-bottom: 1px solid #dadfe6;
  width: 230px;
  padding: 24px 0
}

.brand-wrap .brand-container .brand-title {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  display: flex;
  justify-content: space-between;
  cursor: pointer
}

.brand-wrap .brand-container .brand-title:hover {
  color: #287dfa
}

.brand-wrap .brand-container .brand-title p {
  font-weight: 700
}

.brand-wrap .brand-container .brand-title span {
  cursor: pointer;
  color: #ced2d9
}

.brand-wrap .brand-container .brand-title span:hover {
  color: #287dfa
}

.category-wrap {
  background: #fff;
  position: relative;
  display: flex;
  padding: 0 24px
}

.category-wrap .category-container {
  border-bottom: 1px solid #dadfe6;
  width: 230px;
  padding: 24px 0
}

.category-wrap .category-container .category-title {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  display: flex;
  justify-content: space-between;
  cursor: pointer
}

.category-wrap .category-container .category-title:hover {
  color: #287dfa
}

.category-wrap .category-container .category-title p {
  font-weight: 700
}

.category-wrap .category-container .category-title span {
  cursor: pointer;
  color: #ced2d9
}

.category-wrap .category-container .category-title span:hover {
  color: #287dfa
}

.discount-wrap {
  background: #fff;
  position: relative;
  display: flex;
  padding: 0 24px
}

.discount-wrap .discount-container {
  border-bottom: 1px solid #dadfe6;
  width: 230px;
  padding: 24px 0
}

.discount-wrap .discount-container .discount-title {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between
}

.discount-wrap .discount-container .discount-title p {
  font-weight: 700
}

.discount-wrap .discount-container .discount-title span {
  cursor: pointer;
  color: #287dfa
}

.discount-wrap .discount-container .icon-top {
  top: -2px
}

.feature-wrap {
  background: #fff;
  position: relative;
  display: flex;
  padding: 0 24px
}

.feature-wrap .feature-container {
  border-bottom: 1px solid #dadfe6;
  width: 230px;
  padding: 24px 0
}

.feature-wrap .feature-container .feature-title {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  display: flex;
  justify-content: space-between;
  cursor: pointer
}

.feature-wrap .feature-container .feature-title:hover {
  color: #287dfa
}

.feature-wrap .feature-container .feature-title p {
  font-weight: 700
}

.feature-wrap .feature-container .feature-title span {
  cursor: pointer;
  color: #ced2d9
}

.feature-wrap .feature-container .feature-title span:hover {
  color: #287dfa
}

.guest-rating-wrap {
  background: #fff;
  position: relative;
  display: flex;
  padding: 0 24px
}

.guest-rating-wrap .guest-rating-container {
  border-bottom: 1px solid #dadfe6;
  width: 230px;
  padding: 24px 0
}

.guest-rating-wrap .guest-rating-container .guest-rating-title {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between
}

.guest-rating-wrap .guest-rating-container .guest-rating-title p {
  font-weight: 700
}

.guest-rating-wrap .guest-rating-container .guest-rating-title span {
  cursor: pointer;
  color: #287dfa
}

.guest-rating-wrap .guest-rating-container .guest-rating-content .radioboxTxt:hover {
  color: #287dfa
}

.guest-rating-wrap .guest-rating-container .guest-rating-content .gr-btn-ul .gr-btn-li {
  background: #f5f7fa;
  width: 53px;
  height: 34px;
  display: inline-flex;
  margin-right: 4px;
  justify-content: center
}

.guest-rating-wrap .guest-rating-container .guest-rating-content .gr-btn-ul .gr-btn-li:hover {
  color: #fff;
  background: #287dfa;
  cursor: pointer
}

.guest-rating-wrap .guest-rating-container .guest-rating-content .gr-btn-ul .gr-btn-li span {
  font-size: 14px;
  line-height: 18px;
  margin: 8px 0
}

.guest-rating-wrap .guest-rating-container .guest-rating-content .gr-btn-ul .gr-checked {
  color: #fff;
  background: #287dfa
}

.guest-rating-wrap .guest-rating-container .guest-rating-content.isCtrip .gr-btn-li {
  padding: 8px;
  width: auto;
  height: auto;
  margin-right: 16px
}

.guest-rating-wrap .guest-rating-container .guest-rating-content.isCtrip .gr-btn-li:first-child,
.guest-rating-wrap .guest-rating-container .guest-rating-content.isCtrip .gr-btn-li :nth-child(2) {
  margin-bottom: 16px
}

.guest-rating-wrap .guest-rating-container .guest-rating-content.isCtrip .gr-btn-li span {
  margin: 0
}

.location-wrap {
  background: #fff;
  position: relative;
  display: flex;
  padding: 0 24px
}

.location-wrap .location-container {
  border-bottom: 1px solid #dadfe6;
  width: 230px;
  padding: 24px 0
}

.location-wrap .location-container .location-title {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  display: flex;
  justify-content: space-between;
  cursor: pointer
}

.location-wrap .location-container .location-title:hover {
  color: #287dfa
}

.location-wrap .location-container .location-title p {
  font-weight: 700
}

.location-wrap .location-container .location-title span {
  cursor: pointer;
  color: #ced2d9
}

.location-wrap .location-container .location-title span:hover {
  color: #287dfa
}

.m-dialogMult-wrap {
  top: 0;
  position: fixed;
  width: 100%;
  background: rgba(0, 0, 0, .6);
  left: 0;
  height: 100%;
  z-index: 1000
}

.m-dialogMult-wrap .dialogMult-info {
  width: 1062px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 2px
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-title {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  margin: 24px 0 24px 24px;
  display: flex;
  justify-content: space-between
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-title p {
  font-weight: 700
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-title span {
  cursor: pointer;
  color: #0f294d;
  padding: 3px 27px 0 0;
  font-size: 18px
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-title p {
  font-size: 20px;
  line-height: 26px
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap {
  display: flex;
  margin-bottom: 24px;
  max-height: 448px
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap::-webkit-scrollbar {
  position: relative;
  width: 6px
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap::-webkit-scrollbar-thumb {
  background-color: #dadfe6
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-tabs {
  width: 278px;
  color: #0f294d;
  line-height: 22px;
  margin-left: 24px
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-tabs .tab-loading {
  background: url(/modules/hotel/hotel-ctrip-online/image/ship.5873d8be152c2e2d9d51728c3835e673.gif) no-repeat;
  width: 88px;
  height: 64px;
  margin-left: 25%;
  margin-top: 48px;
  background-size: cover
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-tabs .tabs.ul {
  display: inline-flex;
  flex-direction: column
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-tabs .tabs-li {
  border-top: 1px solid #dadfe6;
  text-align: left
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-tabs .tabs-li:first {
  border-top: none
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-tabs .tabs-li p {
  font-size: 16px;
  padding: 24px 0;
  margin: 0 16px
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-tabs .tabs-li:hover {
  color: #2681ff;
  cursor: pointer
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-tabs .tabs-li-selected {
  background: #f5f7fa;
  border-top: 1px solid #f5f7fa;
  border-bottom: 1px solid #f5f7fa;
  position: relative;
  z-index: 1;
  top: 1px
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialog-tab-split {
  background: #fff;
  width: 4px
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialog-line-tabs {
  width: 278px;
  background: #f5f7fa;
  line-height: 22px;
  max-height: 448px;
  overflow-y: auto
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialog-line-tabs::-webkit-scrollbar {
  position: relative;
  width: 6px;
  background-color: #f5f7fa
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialog-line-tabs::-webkit-scrollbar-thumb {
  background-color: #dadfe6;
  border-right: 8px solid #f5f7fa
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialog-line-tabs .tabs-line-ul {
  margin-right: 12px;
  margin-left: 24px
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialog-line-tabs .tabs-line-ul .tabs-line-li {
  height: 70px;
  border-bottom: 1px solid #dadfe6;
  text-align: left
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialog-line-tabs .tabs-line-ul .tabs-line-li p {
  padding: 24px 0;
  font-size: 14px;
  line-height: 18px
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialog-line-tabs .tabs-line-ul .tabs-line-li:hover {
  color: #2681ff;
  cursor: pointer
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialog-line-tabs .tabs-line-li-checked,
.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialog-line-tabs .tabs-line-li-selected {
  color: #287dfa
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-content {
  width: calc(100% - 302px);
  font-size: 16px;
  color: #0f294d;
  background: #f5f7fa;
  line-height: 22px;
  max-height: 448px;
  overflow-y: auto;
  margin-right: 24px
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-content::-webkit-scrollbar {
  position: relative;
  width: 6px;
  background-color: #f5f7fa
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-content::-webkit-scrollbar-thumb {
  background-color: #b7beca
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-content .dialogMult-ul-items {
  margin-left: 24px;
  margin-right: 12px
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-content .dialogMult-ul-items .dialogMult-li-item {
  display: inline-flex;
  width: 50%;
  border-bottom: 1px solid #dadfe6
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-content .dialogMult-ul-items .dialogMult-li-item span {
  margin-left: 9px
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-content .dialogMult-ul-items .dialogMult-li-item .occupancy {
  max-width: 65%;
  word-break: break-word
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-content .dialogMult-ul-items .dialogMult-li-item .dialogMult-icon {
  display: inline-block;
  margin-left: 9px
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-content .dialogMult-ul-items .dialogMult-li-item .li-item-info {
  min-height: 66px;
  display: flex;
  width: 100%;
  position: relative;
  align-items: center
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-content .dialogMult-ul-items .dialogMult-li-item .li-item-info:hover .span-font {
  cursor: pointer;
  color: #2681ff
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-content .dialogMult-ul-items .dialogMult-li-item .li-item-info:hover .icon-check:before,
.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-content .dialogMult-ul-items .dialogMult-li-item .li-item-info:hover .icon-self:before {
  color: #2681ff
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-content .dialogMult-ul-items .dialogMult-li-item .li-item-info .li-span {
  position: absolute;
  right: 20px;
  cursor: pointer
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-content .dialogMult-ul-items .dialogMult-li-item .li-item-info .li-span .icon-left {
  margin-left: 4px
}

@media screen and (max-width:769px) {
  .m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-content .dialogMult-ul-items .dialogMult-li-item {
    width: 100%
  }
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-content .dialogMult-ul-items .item-border {
  border-bottom: 1px solid #f5f7fa
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-content .dialogMult-ul-items .icon-self {
  color: #287dfa
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-content .dialogMult-ul-items .item-checked .u-icon-success:before {
  content: "\E649";
  color: #287dfa
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-content-wrap .dialogMult-content .dialogMult-ul-items .item-checked .u-icon-checkbox:before {
  color: #2681ff;
  content: "\E6CD"
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-action {
  display: flex;
  justify-content: flex-end
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-action .action-apply {
  margin: 0 24px 24px 32px
}

.m-dialogMult-wrap .dialogMult-info .dialogMult-action .action-apply .btn-primary,
.m-dialogMult-wrap .dialogMult-info .dialogMult-action .action-clear .btn-clear {
  border-radius: 2px;
  font-weight: 700
}

.m-dialogMult-wrap .dialogMult-info .dialog-circle {
  background: #ff6d00;
  border-radius: 8px;
  display: inline-block;
  margin-right: 4px;
  width: 8px;
  height: 8px;
  position: absolute;
  margin-left: 2px
}

.m-dialogMult-wrap .dialogMult-info .dialog-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 320px
}

.m-dialogMult-wrap .dialogMult-info .span-font {
  font-size: 14px;
  color: #455873;
  max-width: 255px
}

@media (max-width:1062px) {
  .m-dialogMult-wrap .dialogMult-info {
    width: 700px
  }

  .m-dialogMult-wrap .dialogMult-info .span-font {
    max-width: 220px
  }

  .m-dialogMult-wrap .dialogMult-info .dialogMult-li-item {
    width: 100% !important
  }
}

@media (max-width:769px) {
  .m-dialogMult-wrap .dialogMult-info .span-font {
    max-width: 220px
  }

  .m-dialogMult-wrap .dialogMult-info .dialogMult-li-item {
    width: 100% !important
  }

  .m-dialogMult-wrap .dialogMult-info .dialogMult-li-item .span-font {
    max-width: 220px
  }
}

.meals-wrap {
  background: #fff;
  position: relative;
  display: flex;
  padding: 0 24px
}

.meals-wrap .meals-container {
  border-bottom: 1px solid #dadfe6;
  width: 230px;
  padding: 24px 0
}

.meals-wrap .meals-container .meals-title {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between
}

.meals-wrap .meals-container .meals-title p {
  font-weight: 700
}

.meals-wrap .meals-container .meals-title span {
  cursor: pointer;
  color: #287dfa
}

.meals-wrap .meals-container .meal-content .radioboxTxt:hover {
  color: #287dfa
}

.meals-wrap .meals-container .meal-content ul li {
  margin-top: 16px
}

.meals-wrap .meals-container .meal-content ul li:first-of-type {
  margin-top: 0
}

.meals-wrap .meals-container .meal-radiobox:before {
  color: #287dfa
}

.meals-wrap .meals-container ul li {
  margin-top: 16px
}

.meals-wrap .meals-container ul li:first-of-type {
  margin-top: 0
}

.meals-wrap .meals-container .icon-top {
  top: -2px
}

.payment-wrap {
  background: #fff;
  position: relative;
  display: flex;
  padding: 0 24px
}

.payment-wrap .payment-container {
  border-bottom: 1px solid #dadfe6;
  width: 230px;
  padding: 24px 0
}

.payment-wrap .payment-container .payment-title {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between
}

.payment-wrap .payment-container .payment-title p {
  font-weight: 700
}

.payment-wrap .payment-container .payment-title span {
  cursor: pointer;
  color: #287dfa
}

.payment-wrap .payment-container .payment-content .radioboxTxt:hover {
  color: #287dfa
}

.payment-wrap .payment-container .payment-content ul li {
  margin-top: 16px
}

.payment-wrap .payment-container .payment-content ul li:first-of-type {
  margin-top: 0
}

.payment-wrap .payment-container .payment-radiobox:before {
  color: #287dfa
}

.quickfilter-wrap {
  background: #fff;
  position: relative;
  display: flex;
  padding: 0 24px;
  z-index: 1;
  border: none;
  width: 230px
}

.quickfilter-wrap.float {
  position: fixed;
  top: 110px
}

.quickfilter-wrap .quickfilter-container {
  border-bottom: 1px solid #dadfe6;
  width: 230px;
  padding: 24px 0
}

.quickfilter-wrap .quickfilter-container .quickfilter-title {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between
}

.quickfilter-wrap .quickfilter-container .quickfilter-title p {
  font-weight: 700
}

.quickfilter-wrap .quickfilter-container .quickfilter-title span {
  cursor: pointer;
  color: #287dfa
}

.quickfilter-wrap .qucikfilter-fix {
  background-color: #fff;
  border: none;
  padding: 24px;
  transform: translateX(-24px)
}

.quickfilter-wrap .q-filter {
  display: flex;
  flex-direction: column;
  margin: 24px 0
}

.quickfilter-wrap .q-filter .choosen-item {
  background: rgba(40, 125, 250, .1);
  border-radius: 2px;
  font-weight: 700;
  font-size: 12px;
  color: #287dfa;
  line-height: 18px;
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  margin-bottom: 8px;
  border: 1px solid transparent;
  cursor: pointer
}

.quickfilter-wrap .q-filter .choosen-item .name {
  margin-right: 4px
}

.quickfilter-wrap .q-filter .choosen-item .close {
  font-size: 12px
}

.quickfilter-wrap .q-filter .choosen-item:hover {
  color: #287dfa;
  background: #fff;
  border: 1px solid #287dfa
}

.quickfilter-wrap .q-filter .choosen-item:not(:last-child) {
  margin-right: 16px
}

.quickfilter-wrap .q-filter .selected {
  margin-bottom: 24px
}

.quickfilter-wrap .choose {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 28px
}

.quickfilter-wrap .choosen-title {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between
}

.quickfilter-wrap .choosen-title p {
  font-weight: 700
}

.quickfilter-wrap .choosen-title span {
  cursor: pointer;
  color: #287dfa
}

.quickfilter-wrap .icon-top {
  top: -2px
}

.mapfilter-wrap {
  background: #fff;
  margin-bottom: 8px
}

.mapfilter-wrap .bg-map {
  background-image: url(data:image/png;base64,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)
}

.mapfilter-wrap .mapfilter-container {
  border-bottom: 1px solid #dadfe6;
  width: 230px;
  cursor: pointer
}

.mapfilter-wrap .mapfilter-container.float {
  border: 1px solid #dadfe6 !important
}

.mapfilter-wrap .mapfilter-container .img {
  display: flex;
  justify-content: center
}

.mapfilter-wrap .mapfilter-container.after,
.mapfilter-wrap .mapfilter-container:hover {
  background-color: #000;
  opacity: .6
}

.mapfilter-wrap .mapfilter-container .location-new {
  text-align: center
}

.mapfilter-wrap .mapfilter-container .map_location {
  font-size: 46px;
  color: red;
  opacity: .7;
  width: 48px;
  height: 48px;
  margin-top: 8px
}

.mapfilter-wrap .mapfilter-container .map-txt-new {
  font-size: 18px;
  color: #0f294d;
  line-height: 18px;
  margin-top: 8px;
  font-weight: 700;
  text-align: center
}

.mapfilter-wrap .mapfilter-container .map_location_quick {
  font-size: 35px;
  color: red;
  opacity: .7;
  width: 32px;
  height: 32px
}

.mapfilter-wrap .mapfilter-container .map-txt-new_quick {
  font-size: 18px;
  color: #0f294d;
  line-height: 18px;
  font-size: 14px;
  margin-top: 8px;
  font-weight: 700;
  text-align: center
}

.starrating-wrap {
  background: #fff;
  position: relative;
  display: flex;
  padding: 0 24px
}

.starrating-wrap .starrating-container {
  border-bottom: 1px solid #dadfe6;
  width: 230px;
  padding: 24px 0
}

.starrating-wrap .starrating-container .starrating-title {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between
}

.starrating-wrap .starrating-container .starrating-title p {
  font-weight: 700
}

.starrating-wrap .starrating-container .starrating-title span {
  cursor: pointer;
  color: #287dfa
}

.starrating-wrap .starrating-container .starrating-title span:hover {
  color: #fff;
  background: #287dfa
}

.starrating-wrap .starrating-container .starrating-content .sr-ul .sr-li {
  width: 100%;
  height: 26px
}

.starrating-wrap .starrating-container .starrating-content .sr-ul .sr-li span:hover {
  cursor: pointer;
  color: #287dfa
}

.starrating-wrap .starrating-container .starrating-content .sr-ul .sr-li .sr-level {
  font-size: 16px;
  line-height: 14px;
  margin: 8px 0;
  color: #333
}

.starrating-wrap .starrating-container .starrating-content .sr-ul .sr-li .sr-level .u-icon-padd {
  margin-right: 1px
}

.starrating-wrap .starrating-container .starrating-content .sr-ul .sr-checkbox {
  padding-right: 10px;
  width: 12px;
  height: 12px;
  font-size: 16px
}

.starrating-wrap .starrating-container .starrating-content .sr-ul .sr-checked .u-icon-checkbox:before {
  color: #287dfa;
  content: "\E6CD"
}

.starrating-wrap .starrating-container .starrating-content .sr-ul .sr-checked .u-icon-ic_new_diamond,
.starrating-wrap .starrating-container .starrating-content .sr-ul .sr-checked span {
  color: #287dfa
}

.filter-tab.invisible .tab-bar .tab-bar-item {
  margin-bottom: 0 !important;
  border-bottom: none
}

.filter-tab.invisible .tab-bar .tab-bar-item.active:after {
  transform: rotate(180deg)
}

.filter-tab.invisible .tab-pane {
  padding-top: 0
}

.filter-tab .tab-bar .tab-bar-item:not(.active):after {
  transform: rotate(180deg)
}

.filter-tab .tab-bar .tab-bar-item.selected-dot:before {
  content: "";
  position: absolute;
  top: 0;
  right: -8px;
  left: auto;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border-bottom: none;
  background-color: #ff6d00
}

.m-tab {
  background-color: #fff
}

.m-tab .tab-bar {
  display: flex;
  width: 100%
}

.m-tab .tab-bar-item {
  cursor: pointer;
  border-bottom: 4px solid #e5e5e5;
  display: inline-block;
  font-size: 14px;
  flex: 1;
  padding: 10px;
  position: relative;
  text-align: center
}

.m-tab .tab-bar-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 100%;
  border-bottom: 4px solid #366ab3;
  transition-duration: .2s
}

.m-tab .tab-bar-item.active:before {
  left: 0;
  width: 100%
}

.m-tab .tab-bar-item.active~.m-tab .tab-bar-item:before {
  left: 0
}

.m-tab .tab-pane-item {
  display: none;
  padding: 10px
}

.m-tab .tab-pane-item.active {
  display: block
}


.zone-filter-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 8px;
  width: 127px;
  background: #f5f7fa;
  flex-direction: column;
  box-sizing: border-box
}

.zone-filter-item .filter-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%
}

.zone-filter-item span {
  font-size: 12px
}

.zone-filter-item .precent {
  color: #ee6723
}

.zone-filter-item .choose {
  color: #8592a6
}

.zone-filter-item:not(:last-child) {
  margin-right: 8px
}

.zone-filter-item:hover {
  background: #287dfa
}

.zone-filter-item:hover .filter-content,
.zone-filter-item:hover span {
  color: #fff;
  cursor: pointer
}

.zone-filter-item.selected {
  background: #287dfa
}

.zone-filter-item.selected .choose,
.zone-filter-item.selected .filter-content,
.zone-filter-item.selected .precent {
  color: #fff
}
.list-card-transport .transport {
  color: #455873;
    line-height: 18px;
    font-size: 14px;
    margin-bottom: 8px;
}
.list-card-transport .transport .check-map {
  color: #287dfa;
  display: inline-block;
  cursor: pointer;
  margin-left: 8px;
}
.mod-back-top .mod-back-top-side-bar {
  bottom: 205px !important
}
.mod-back-top {
  width: 1180px;
  margin-left: auto;
  margin-right: auto;
  font-size: 12px
}

.mod-back-top .u-hide {
  display: none
}

.mod-back-top .mod-back-top-side-bar {
  position: fixed;
  bottom: 100px;
  margin-left: 1250px;
  width: 56px;
  z-index: 899
}

.mod-back-top .mod-back-top-side-bar a {
  width: 48px;
  padding: 12px 6px 10px;
  float: left;
  background-color: #2681ff;
  border-radius: 2px;
  text-align: center;
  color: #fff;
  line-height: 1.3
}

.mod-back-top .mod-back-top-side-bar a.mod-back-top-chat {
  padding: 15px 6px
}

.mod-back-top .mod-back-top-side-bar a:hover {
  background-color: #2273e5;
  text-decoration: none
}

.mod-back-top .mod-back-top-side-bar .mod-back-top-block {
  padding: 16px 6px;
  margin-bottom: 3px
}

.mod-back-top .mod-back-top-side-bar .txt {
  display: none;
  margin-top: 4px;
  font-size: 12px
}

.mod-back-top .mod-back-top-side-bar .order {
  border-radius: 2px 2px 0 0;
  position: relative;
  z-index: 1;
  top: 2px;
  padding-bottom: 0
}

.mod-back-top .mod-back-top-side-bar .order .txt {
  border-bottom: 1px solid #9acced;
  padding-bottom: 8px
}

.mod-back-top .mod-back-top-side-bar .order:hover .txt {
  border-color: #1171b7
}

@media only screen and (max-width:1442px) {
  .mod-back-top .mod-back-top-side-bar {
    right: 0
  }
}

@media only screen and (max-width:768px) {
  .mod-back-top .mod-back-top-side-bar {
    display: none
  }
}
/* 页脚 */
#footerLayer {
  margin-top: 40px;
  background: #f8fafd;
}
#hp_footer .fl_footer_wrap_ow234,
#hp_footer .fl_layout_wrap_g-sIE {
  background-color: #fff
}
.fl_footer_wrap_ow234 {
  width: 100%;
  padding-left: 18px;
  padding-right: 18px;
  background: #f8fafd;
  box-sizing: border-box;
  font-family: Pingfang SC, Helvetica, Helvetica Neue, Microsoft YaHei, Arial, Heiti SC, sans-serif;
}
#hp_footer .fl_footer_wrap_ow234, #hp_footer .fl_layout_wrap_g-sIE {
  background-color: #fff;
}
.fl_footer_wrap_ow234 .fl_layout_wrap_g-sIE.fl_normal_footer_YgQc1 {
  max-width: 1180px;
}
.fl_footer_wrap_ow234 .fl_layout_wrap_g-sIE {
  min-width: 1080px;
  margin: 0 auto;
  padding-top: 40px;
  padding-bottom: 52px;
  background: #f8fafd;
}
.fl_footer_wrap_ow234 .fl_footer_link_list_OWItH {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 12px;
  padding-right: 9px;
}
.fl_footer_wrap_ow234 .fl_footer_link_list_OWItH .fl_footer_item_layout_gZ1W6.fl_first_item_y9897 {
  margin-left: 0;
}
.fl_footer_wrap_ow234 .fl_footer_link_list_OWItH .fl_footer_item_layout_gZ1W6 {
  margin-left: 20px;
  border-right: 1px solid #dadfe6;
  display: flex;
  box-sizing: border-box;
  height: 100px;
}
.fl_footer_wrap_ow234 .fl_footer_link_list_OWItH .fl_footer_item_vp3yx {
  float: left;
  max-width: 417px;
}
.fl_footer_wrap_ow234 dl, .fl_footer_wrap_ow234 dd {
  margin: 0;
  padding: 0;
}
.fl_footer_wrap_ow234 .fl_footer_link_list_OWItH .fl_footer_item_vp3yx dt {
  color: #333333;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 6px;
}
.fl_footer_wrap_ow234 .fl_footer_link_list_OWItH .fl_footer_item_vp3yx .fl_ft_link_item_8Hler {
  position: relative;
  float: left;
  width: 96px;
  text-align: left;
  margin-right: 8px;
  margin-top: 12px;
}
.fl_footer_wrap_ow234 .fl_footer_link_list_OWItH .fl_footer_item_vp3yx .fl_ft_link_item_8Hler>a, .fl_footer_wrap_ow234 .fl_footer_link_list_OWItH .fl_footer_item_vp3yx .fl_ft_link_item_8Hler .fl_news_item_dropdown_A8-JZ>a {
  color: #666666;
  text-decoration: none;
}
.fl_footer_wrap_ow234 .fl_footer_link_list_OWItH .fl_footer_item_vp3yx dd {
  font-size: 12px;
  line-height: 16px;
  color: #666666;
}
.fl_footer_wrap_ow234 .fl_footer_link_list_OWItH .fl_footer_item_vp3yx.fl_item_tel_list_3nBrm, .fl_footer_wrap_ow234 .fl_footer_link_list_OWItH .fl_footer_item_vp3yx.fl_item_qrcode_Sf-pF {
  padding-top: 42px;
    width: auto;
}
.fl_footer_wrap_ow234 .fl_footer_link_list_OWItH .fl_footer_item_vp3yx.fl_item_tel_list_3nBrm .fl_list_item_first_CsArf {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.fl_footer_wrap_ow234 .fl_footer_link_list_OWItH .fl_footer_item_vp3yx.fl_item_tel_list_3nBrm .fl_list_item_first_CsArf .fl_tel_number_list_Y0Y2g {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.fl_footer_wrap_ow234 .fl_footer_link_list_OWItH .fl_footer_item_vp3yx dd {
  font-size: 12px;
  line-height: 16px;
  color: #666666;
}
.fl_footer_wrap_ow234 .fl_footer_link_list_OWItH .fl_footer_item_vp3yx.fl_item_tel_list_3nBrm .fl_list_item_other_7QPIe {
  display: inline-block;
  white-space: nowrap;
  margin-top: 12px;
}
.fl_footer_wrap_ow234 .fl_footer_link_list_OWItH .fl_footer_item_layout_gZ1W6.fl_no_derive_G1PJ2 {
  border-right-width: 0;
}
.fl_footer_wrap_ow234 .fl_footer_link_list_OWItH .fl_footer_item_layout_gZ1W6 {
  margin-left: 20px;
  border-right: 1px solid #dadfe6;
  display: flex;
  box-sizing: border-box;
}
.fl_footer_wrap_ow234 .fl_footer_link_list_OWItH .fl_footer_item_vp3yx.fl_item_qrcode_Sf-pF .fl_qr_title_oIhLw {
  color: #333333;
  font-size: 14px;
  line-height: 22px;
  margin: 4px 0px 0px;
  padding: 0px 0px;
  text-align: center;
}
.fl_footer_wrap_ow234 .fl_footer_copyright_wrapper_xaEbt {
  margin-top: 40px;
  text-align: center;
  color: #999;
  font-size: 12px;
  line-height: 1.5;
}
.fl_footer_wrap_ow234 .fl_footer_copyright_wrapper_xaEbt a {
  color: #999;
  text-decoration: none;
}
.fl_footer_wrap_ow234 .fl_footer_copyright_wrapper_xaEbt .fl_gns_wrapper_wMJ0P {
  margin-top: 8px;
}
.map-hotel-bgDiv {
  width: 250px;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 30%);
  position: absolute;
  bottom: 40px;
  left: -110px;
  padding: 8px;
}
.map-hotel-name {
  font-size: 18px;
  font-weight: bold;
}
.map-hotel-price {
  text-align: right;
  font-size: 12px;
  color: #333;
  margin-top: 10px;
}
.map-hotel-price span {
  color: #287dfa;
}
.drop-result-list .associative-item:hover {
  background-color: rgba(90,160,255,.1);
  text-decoration: none;
}
.drop-result-list .title-item:hover {
  background-color: #fff;
}
.room-guest-container .child-age .age-select {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 80px;
}
.room-guest-container * {
  box-sizing: border-box;
}
.room-guest-container .child-age .childage {
  min-width: 70px;
  max-width: 80px;
  margin-right: 5px;
  font-size: 14px;
  background: #f5f5f9;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #333;
  height: 24px;
  margin-bottom: 4px;
}
.room-guest-container .child-age .child-tips {
  font-size: 16px;
  color: #333;
  margin-bottom: 8px;
}