body{
    padding: 0;
    margin: 0;
    font-family: "Microsoft YaHei", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #333;
}
.price-now{margin-left: 4px;
    font-size: 12px;line-height: 25px;
    font-weight: 700;
 color: #8592a6;}
.score a{color:#fff!important;}
 .hotel-level img {
    height: 16px;
    width: auto;
    margin-bottom: 2px;
}

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



.score:visited {
    
    color:#fff;
    
}


.container{
   
    position: relative;
}
.container:after{
    content: '';
    display: block;
    clear:both;
}
.container>div{
    float: right;
}
.container .logo{
    width: 100%;
    height: 120px;
    margin: 0 auto 10px;
 float:right;
    background-repeat: no-repeat;
    background-size: auto 80px;
}
.container .input{
    position: relative;    margin-top: 30px;
    width: 500px;
    height: 44px;

    border-right: none;float: right;

}
.container .input>input{
    outline: none;
    border: none;
    padding: 0 80px 0 10px;
    margin: 0;
    height: 44px;
    width: 430px;
    color: #333;
    font-size: 16px;
    border-radius: 4px 4px 4px 4px;
}
.container .input>input::-webkit-input-placeholder{
    color:#999;
}
.container .input .picker{
    width: 40px;
    padding-right: 60px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    line-height: 44px;
    cursor: pointer;
    color: #999;
    font-size: 12px;
    text-align: right;
    background-image: url("../images/search.png");
    background-position: 25px center;
    background-repeat: no-repeat;
    user-select: none;
}
.container .input .picker-list{
    list-style: none;
    padding: 5px 0;
    width: 100px;
    position: absolute;
    right: 0;
    top: 50px;
    margin: 0;
    line-height: 26px;
    font-size: 12px;
    border-radius: 2px;
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
    background-color: #fff;
    display: none;
}
.container .input .picker-list>li{
    padding-left: 36px;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 16px auto;
}
.container .input .picker-list>li:hover{
    background-color: #ebf1f5;
    cursor: pointer;
}
.container .input .hot-list{
    padding: 10px 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50px;
    margin: 0;
    line-height: 32px;
    font-size: 14px;
    border-radius: 2px;
    box-shadow: 0 1px 5px rgba(0,0,0,.2);
    background-color: #fff;
    display: none;
}
.container .input .hot-list>a{
    display: block;
    color: #333;
    text-decoration: none;
    padding: 0 10px;
    overflow: hidden;
}
.container .input .hot-list>a:hover{
    background-color: #f3f3f3;
}
.container .input .hot-list>a>div{
    float: left;
}
.container .input .hot-list>a>div.number{
    text-align: center;
    width: 40px;
}
.picker{
    width: 89px;
    height: 46px;
    background-color: #08f;
    background-image: url("images/search.png");
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
}
@charset "UTF-8";

body,html {
  width: 100%;
  height: 100%;
  font-weight: 400;
  font: 12px/1.5 Helvetica Neue,Helvetica,Arial,sans-serif;
}

body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-font-smoothing: antialiased;
  -webkit-touch-callout: none;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  overflow-y: auto;
}

body,h1,h2,h3,h4,h5,h6,p {
  margin: 0;
}

img {
  border: 0;
  vertical-align: middle;
}

dfn,em,i {
  font-weight: 400;
  font-style: normal;
}

li,ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

input,textarea {
  outline: 0;
  box-sizing: border-box;
}

textarea {
  resize: none;
  overflow: auto;
}

button {
  -webkit-user-select: none;
}

button:focus,input:focus,select:focus,textarea:focus {
  outline: 0;
}



em {
  font-style: unset;
}

body {
  color: #333;
}

h1 {
  font-size: 26px;
}

h2 {
  font-size: 24px;
}

h3 {
  font-size: 20px;
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 16px;
}

h6 {
  font-size: 14px;
}

.m-homePage {
  position: relative;
}

.m-homePage .m-search_box {
  margin-bottom: 20px;
  padding: 22px 0 20px;
  background: url(//pic.english.c-ctrip.com/hotel_v2/hotel-seo-bg.jpg) #1171b7;
  user-select: none;
}

.m-homePage .m-homePage_title {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
}

.m-hubuPage-nomargin {
  margin-top: 0!important;
}

.m-homePage,.m-homePage .top {
  position: relative;
}

.m-homePage .top {
  padding: 64px 0 0;
  min-height: 280px;
  box-sizing: border-box;
}

.m-homePage .top .main-topic {
  margin: 0 auto 16px;
  max-width: 1160px;
  padding: 0 20px;
}

.m-homePage .top .main-topic h1 {
  position: relative;
  display: inline-block;
  font-size: 48px;
  color: #fff;
  line-height: 1;
}

.m-homePage .top .main-topic h1:after {
  content: "";
  position: absolute;
  right: -18px;
  bottom: 10px;
  width: 10px;
  height: 10px;
  background: #ffb400;
  border-radius: 50%;
}

.m-homePage .top .main-topic .slogan {
  width: 100%;

  background-repeat: no-repeat;
  min-height: 50px;
  position: relative;
}

.m-homePage .top .ellipse-wrap {
  width: 100%;
  height: 280px;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.m-homePage .top .ellipse {
  border-radius: 50%;
  overflow: hidden;
  background: transparent;
  width: 400%;
  height: 400%;
  width: 400vw;
  height: 400vw;
}

.m-homePage .top .bg,.m-homePage .top .ellipse {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.m-homePage .top .bg {
  width: 100%;
  width: 100vw;
  height: 280px;
}

.m-homePage .inner-page {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 20px;
}

.m-homePage .inner-page .online-advertize .m-selected-deals {
  margin-top: 64px;
}

.m-homePage .deals-title {
  font-size: 28px;
  text-align: center;
  color: #333;
  margin-top: 48px;
  margin-bottom: 20px;
}

.m-homePage .m-sideDownload {
  margin-left: 1244px!important;
}

.m-hbuPage {
  margin-top: -54px;
}

.m-pop-verification-code {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  align-items: center;
  display: none;
}

@media (max-width:1024px) {
  .m-pop-verification-code {
    padding: 6.4%;
  }
}

.m-pop-verification-code.show {
  display: flex;
}

.m-pop-verification-code-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  background-color: rgba(0,0,0,.3);
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}

.m-pop-verification-code-container {
  position: relative;
  background: #fff;
  padding: 12px 20px;
  border-radius: 2px;
  box-shadow: 0 3px 3px 0 rgba(0,0,0,.1);
  width: 20%;
  min-width: 200px;
  margin: auto;
}

@media (min-width:768px) {
  .m-pop-verification-code-container {
    padding: 48px 32px;
    flex: 0.5 1;
    min-width: auto;
  }
}

.m-pop-verification-code .m-pop-verification-code-inner {
  margin: 0 auto;
}

.m-pop-verification-code-title {
  text-align: center;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  margin-bottom: 16px;
}

@media (min-width:768px) {
  .m-pop-verification-code-title {
    font-size: 16px;
    line-height: 24px;
  }
}

.footerLayer__footer_wrap__ow234,.footerLayer__normal_footer__YgQc1 {
  background-color: #fff!important;
}

.g-container {
  min-width: 768px;
  max-width: 1180px;
  margin: 0 auto;
}

.g-container h1 {
  font-size: 26px;
}

.g-container h2 {
  font-size: 24px;
}

.g-container h3 {
  font-size: 20px;
  line-height: 26px;
}

.g-container h4 {
  font-size: 18px;
}

.g-container h5 {
  font-size: 16px;
}

@media screen and (max-width:1024px) {
  .g-container {
    padding: 16px 32px;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    min-width: inherit;
  }
}

.m-module-bg {
  padding: 10px;
  margin-bottom: 20px;
  background: #f4f9ff;
}

.overflowHidden {
  padding-right: 5px;
  overflow-y: hidden;
}

input:-moz-placeholder,input::-moz-placeholder {
  color: #ced2d9;
}

input:-ms-input-placeholder {
  color: #ced2d9!important;
}

select::-ms-expand {
  display: none;
}

input::-webkit-input-placeholder {
  color: #ced2d9;
}

input::-ms-clear,input::-ms-reveal {
  display: none;
}

.m-confirm {
  position: relative;
  margin: 0 auto;
  background: #fff;
  z-index: 10001;
}

.m-confirm.popOut {
  display: none;
}

.m-confirm_close {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 30px;
  height: 30px;
  line-height: 32px;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
}

.m-confirm_content .tipTxt {
  width: 100%;
}

.m-confirm_content .tipIcon {
  float: left;
  width: 30px;
  height: 30px;
  font-size: 24px;
}

.m-confirm_content .tipIcon+.tipTxt {
  margin-left: 40px;
}

.m-confirm_btn .btn {
  float: right;
}

.m-confirm {
  min-width: 474px;
  max-width: 580px;
  box-shadow: 0 8px 20px 0 rgba(0,41,99,.2);
  border-radius: 2px;
}

.m-confirm_content {
  padding: 24px;
  color: #0f294d;
  display: flex;
}

.m-confirm_content .m-confirm-icon {
  font-size: 22px;
  padding-right: 8px;
  margin-top: -1px;
}

.m-confirm_content .u-icon-remind {
  color: #287dfa;
}

.m-confirm_content .title {
  font-size: 20px;
  font-weight: 700;
}

.m-confirm_content .center {
  text-align: center;
}

.m-confirm_content .content {
  margin-top: 16px;
  line-height: 1.5;
  font-size: 14px;
  max-height: 580px;
  overflow: auto;
}

.m-confirm .titleOnly .title {
  font-size: 16px;
}

.m-confirm .titleOnly .m-confirm-icon {
  margin-top: -4px;
}

.m-confirm_btn {
  padding: 0 24px 24px;
}

.m-confirm_btn .btn+.btn {
  margin-right: 16px;
}

.m-confirm_btn .btn .u-link {
  line-height: 44px;
  font-size: 18px;
}

.m-confirm-mask {
  display: flex;
  align-items: center;
}

.m-toast {
  position: fixed;
  left: 50%;
  z-index: 102;
  font-size: 16px;
  pointer-events: none;
  display: none;
  border-radius: 4px;
}

.m-toast.active {
  display: block;
  animation: toastIn 4s;
}

.m-toast {
  top: 40%;
  max-width: 504px;
  line-height: 18px;
  padding: 20px 30px;
  color: #333;
  text-align: left;
  background: #fff;
  box-shadow: 0 8px 20px 0 rgba(0,41,99,.2);
  transform: translate3d(-50%,-900px,0);
}

.m-toast .u-icon {
  float: left;
  font-size: 20px;
}

.m-toast>span {
  display: block;
  margin-left: 30px;
}

@keyframes toastIn {
  0% {
    opacity: 0;
  }

  10% {
    opacity: 1;
    transform: translate3d(-50%,-93px,0);
  }

  15% {
    opacity: 1;
    transform: translate3d(-50%,-90px,0);
  }

  75% {
    opacity: 1;
    transform: translate3d(-50%,-90px,0);
  }

  98% {
    opacity: 0;
    transform: translate3d(-50%,-90px,0);
  }

  to {
    opacity: 0;
    transform: translate3d(-50%,0,0);
  }
}

@font-face {
  font-family:smarticon;src:url(/modules/hotel/hotel-ctrip-online/font/iconfont.fd98c4fba472f7a98bbd5ab5cae1415d.eot);src:url(/modules/hotel/hotel-ctrip-online/font/iconfont.fd98c4fba472f7a98bbd5ab5cae1415d.eot) format("embedded-opentype"),url(/modules/hotel/hotel-ctrip-online/font/iconfont.c92491088dbfefb539152257ba7cbeca.woff) format("woff"),url(/modules/hotel/hotel-ctrip-online/font/iconfont.225d35f64252031130028ef2267eaad8.ttf) format("truetype"),url(/modules/hotel/hotel-ctrip-online/font/iconfont.cd045c74b6358f93a08aaad8a19cb107.svg) format("svg");font-display:swap;
}

.smarticon {
  font-family: smarticon!important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.u-icon-ic_new_newly_built:before {
  content: "\E9A8";
}

.u-icon-ic_new_bookings:before {
  content: "\E9A9";
}

.u-icon-ic_new_small_tag:before {
  content: "\E9A3";
}

.u-icon-ic_new_newly_renovated:before {
  content: "\E9A4";
}

.u-icon-ic_new_hot:before {
  content: "\E9A5";
}

.u-icon-ic_new_recently_viewed:before {
  content: "\E9A7";
}

.u-icon-ic_bestir_clear:before {
  content: "\E889";
}

.u-icon-ic_download_points:before {
  content: "\E99F";
}

.u-icon-ic_bestir_minus:before {
  content: "\E6C4";
}

.u-icon-ic_bestir_plus:before {
  content: "\E6CB";
}

.u-icon-ic_new_fa_fishing:before {
  content: "\E984";
}

.u-icon-ic_new_fa_park:before {
  content: "\E99E";
}

.u-icon-ic_new_fa_game:before {
  content: "\E971";
}

.u-icon-ic_new_wifi_line:before {
  content: "\E8F3";
}

.u-icon-ic_new_fa_no_window:before {
  content: "\E995";
}

.u-icon-ic_new_delete_line:before {
  content: "\E993";
}

.u-icon-ic_pointplus:before {
  content: "\E9B3";
}

.u-icon-ic_new_gift1:before {
  content: "\E94F";
}

.u-icon-ic_tag_sale:before {
  content: "\E9B2";
}

.u-icon-advantage_blue:before {
  content: "\E732";
}

.u-icon-ic_new_discount:before {
  content: "\E91B";
}

.u-icon-ic_new_trip_coins:before {
  content: "\E98D";
}

.u-icon-radioboxChecked:before {
  content: "\E727";
}

.u-icon-ic_new_guarantee:before {
  content: "\E98C";
}

.u-icon-ic_new_info_line:before {
  content: "\E8D8";
}

.u-icon-ic_new_fa_check:before {
  content: "\EA04";
}

.u-icon-ic_new_radio_unselected:before {
  content: "\E8F5";
}

.u-icon-ic_new_bankcard_line:before {
  content: "\E8B8";
}

.u-icon-ic_new_check_line:before {
  content: "\E8E1";
}

.u-icon-ic_new_thumbsup_line:before {
  content: "\E8E4";
}

.u-icon-ic_new_restaurantinfo_line:before {
  content: "\E8ED";
}

.u-icon-ic_new_review_line1:before {
  content: "\E8EE";
}

.u-icon-ic_fa_child_line:before {
  content: "\E8EF";
}

.u-icon-ic_new_gift:before {
  content: "\E920";
}

.u-icon-ic_group_company:before {
  content: "\E628";
}

.u-icon-ic_bestir_member_deals:before {
  content: "\E861";
}

.u-icon-ic_new_confirmation_line:before {
  content: "\E8F2";
}

.u-icon-ic_new_fa_creditcard:before {
  content: "\E981";
}

.u-icon-ic_new_fa_advantage:before {
  content: "\E9B6";
}

.u-icon-ic_new_countries:before {
  content: "\E9CF";
}

.u-icon-ic-prompt:before {
  content: "\E650";
}

.u-icon-hairdressing:before {
  content: "\E6F3";
}

.u-icon-ic_new_fa_kitchen:before {
  content: "\E962";
}

.u-icon-language:before {
  content: "\E6F4";
}

.u-icon-ic_new_fa_hair_drier:before {
  content: "\E964";
}

.u-icon-massage:before {
  content: "\E6F5";
}

.u-icon-ic_new_fa_microwave_oven:before {
  content: "\E965";
}

.u-icon-ic_new_fa_occupant:before {
  content: "\E966";
}

.u-icon-multimedia:before {
  content: "\E6F8";
}

.u-icon-ic_new_fa_bed:before {
  content: "\E967";
}

.u-icon-media:before {
  content: "\E6F9";
}

.u-icon-ic_new_fa_double_bed:before {
  content: "\E969";
}

.u-icon-library:before {
  content: "\E6FE";
}

.u-icon-ic_new_fa_sunbath:before {
  content: "\E96A";
}

.u-icon-pingpang:before {
  content: "\E704";
}

.u-icon-ic_new_fa_beach:before {
  content: "\E96B";
}

.u-icon-pickup:before {
  content: "\E705";
}

.u-icon-ic_new_fa_multimedia:before {
  content: "\E96C";
}

.u-icon-polyglot:before {
  content: "\E706";
}

.u-icon-ic_new_fa_floor:before {
  content: "\E96D";
}

.u-icon-receptionist:before {
  content: "\E707";
}

.u-icon-ic_new_fa_ktv:before {
  content: "\E96E";
}

.u-icon-ic_new_fa_acreage:before {
  content: "\E96F";
}

.u-icon-other:before {
  content: "\E70B";
}

.u-icon-ic_new_fa_coffee:before {
  content: "\E970";
}

.u-icon-sauna:before {
  content: "\E70F";
}

.u-icon-ic_new_fa_smoking:before {
  content: "\E972";
}

.u-icon-service:before {
  content: "\E710";
}

.u-icon-ic_new_fa_baggage:before {
  content: "\E973";
}

.u-icon-ic_new_fa_wake_up:before {
  content: "\E974";
}

.u-icon-nightclub:before {
  content: "\E712";
}

.u-icon-ic_new_fa_golf:before {
  content: "\E975";
}

.u-icon-shuttle_bus:before {
  content: "\E713";
}

.u-icon-ic_new_fa_water_sports:before {
  content: "\E976";
}

.u-icon-ic_new_fa_beach_volleyball:before {
  content: "\E977";
}

.u-icon-smoking:before {
  content: "\E6E1";
}

.u-icon-ic_new_fa_pingpang:before {
  content: "\E978";
}

.u-icon-snorkeling:before {
  content: "\E716";
}

.u-icon-spa:before {
  content: "\E717";
}

.u-icon-sunbath:before {
  content: "\E719";
}

.u-icon-ic_new_fa_pet:before {
  content: "\E97C";
}

.u-icon-squash:before {
  content: "\E71A";
}

.u-icon-ic_new_fa_atm:before {
  content: "\E97D";
}

.u-icon-tea:before {
  content: "\E71B";
}

.u-icon-ic_new_fa_childcaree:before {
  content: "\E97E";
}

.u-icon-wake_up:before {
  content: "\E71C";
}

.u-icon-ic_new_fa_language:before {
  content: "\E980";
}

.u-icon-skiing:before {
  content: "\E71D";
}

.u-icon-swimming:before {
  content: "\E71E";
}

.u-icon-water_golf:before {
  content: "\E71F";
}

.u-icon-ic_new_fa_tea:before {
  content: "\E983";
}

.u-icon-wifi:before {
  content: "\E720";
}

.u-icon-water_sports:before {
  content: "\E721";
}

.u-icon-ic_new_fa_football:before {
  content: "\E985";
}

.u-icon-window:before {
  content: "\E6E2";
}

.u-icon-ic_new_fa_tennis:before {
  content: "\E986";
}

.u-icon-tennis:before {
  content: "\E723";
}

.u-icon-ic_new_fa_basketball:before {
  content: "\E987";
}

.u-icon-ic_new_fa_billiards:before {
  content: "\E988";
}

.u-icon-download:before {
  content: "\E6DE";
}

.u-icon-ic_new_fa_bowling:before {
  content: "\E989";
}

.u-icon-ic_new_fa_snorkeling:before {
  content: "\E98A";
}

.u-icon-ic_new_fa_casino:before {
  content: "\E98B";
}

.u-icon-ic_new_fa_diving:before {
  content: "\E98E";
}

.u-icon-ic_new_fa_library:before {
  content: "\E98F";
}

.u-icon-ic_new_fa_skiing:before {
  content: "\E990";
}

.u-icon-ic_new_fa_nightclub:before {
  content: "\E991";
}

.u-icon-ic_new_fa_ballroom:before {
  content: "\E992";
}

.u-icon-ic_new_fa_sauna:before {
  content: "\E994";
}

.u-icon-ic_new_fa_massage:before {
  content: "\E996";
}

.u-icon-businessservic:before {
  content: "\E739";
}

.u-icon-ic_new_fa_spa:before {
  content: "\E997";
}

.u-icon-kidstoys:before {
  content: "\E73A";
}

.u-icon-ic_new_fa_executive_lounge:before {
  content: "\E998";
}

.u-icon-childcaree:before {
  content: "\E73B";
}

.u-icon-ic_new_fa_hairdressing:before {
  content: "\E999";
}

.u-icon-ic_new_fa_on_foot:before {
  content: "\E99A";
}

.u-icon-playground:before {
  content: "\E73D";
}

.u-icon-ic_new_fa_squash:before {
  content: "\E99B";
}

.u-icon-ic_new_fa_polyglot:before {
  content: "\E99C";
}

.u-icon-ic_new_fa_pickup:before {
  content: "\E99D";
}

.u-icon-wheelchair:before {
  content: "\E741";
}

.u-icon-ic_new_fa_kidstoys:before {
  content: "\E9A0";
}

.u-icon-atm:before {
  content: "\E799";
}

.u-icon-ic_new_fa_playground:before {
  content: "\E9A1";
}

.u-icon-tripcom:before {
  content: "\E744";
}

.u-icon-ic_new_fa_businesscenter:before {
  content: "\E9A2";
}

.u-icon-map_location:before {
  content: "\E745";
}

.u-icon-modify:before {
  content: "\E729";
}

.u-icon-order_printer:before {
  content: "\E747";
}

.u-icon-menu:before {
  content: "\E72B";
}

.u-icon-search:before {
  content: "\E72C";
}

.u-icon-close:before {
  content: "\E70D";
}

.u-icon-ic_tag_train:before {
  content: "\E9AC";
}

.u-icon-back:before {
  content: "\E70E";
}

.u-icon-ic_price_assurance1:before {
  content: "\E9AD";
}

.u-icon-note:before {
  content: "\E730";
}

.u-icon-ic_tag_breakfast:before {
  content: "\E9AE";
}

.u-icon-warning:before {
  content: "\E601";
}

.u-icon-ic_tag_flight:before {
  content: "\E9AF";
}

.u-icon-hotel:before {
  content: "\E600";
}

.u-icon-ic_map_center:before {
  content: "\E947";
}

.u-icon-ic_new_fa_twobeds:before {
  content: "\E958";
}

.u-icon-ms:before {
  content: "\E753";
}

.u-icon-ic_new_fa_twodouble_bed:before {
  content: "\E963";
}

.u-icon-ic_new_fa_sofabed:before {
  content: "\E9A6";
}

.u-icon-information_comme:before {
  content: "\E85B";
}

.u-icon-ic_new_fa_web:before {
  content: "\E9C1";
}

.u-icon-extra:before {
  content: "\E85D";
}

.u-icon-access:before {
  content: "\E860";
}

.u-icon-checklist:before {
  content: "\E870";
}

.u-icon-on_foot:before {
  content: "\E871";
}

.u-icon-executive_lounge:before {
  content: "\E872";
}

.u-icon-ic_price_assurance:before {
  content: "\E8A2";
}

.u-icon-ic_new_fa_breakfast:before {
  content: "\E9BD";
}

.u-icon-ic_rest_assured:before {
  content: "\E8A4";
}

.u-icon-ic_new_fa_wifi:before {
  content: "\E9BE";
}

.u-icon-ic_member:before {
  content: "\E8A5";
}

.u-icon-ic_customer_service:before {
  content: "\E8A9";
}

.u-icon-ic_new_fa_ac:before {
  content: "\E9C3";
}

.u-icon-ic_new_wallet_line:before {
  content: "\E8B9";
}

.u-icon-ic_new_user_line:before {
  content: "\E8BB";
}

.u-icon-ic_new_fa_shower:before {
  content: "\E9AB";
}

.u-icon-ic_new_close_line:before {
  content: "\E8BD";
}

.u-icon-ic_new_fa_amenities:before {
  content: "\E9B5";
}

.u-icon-ic_new_fa_business:before {
  content: "\E9B7";
}

.u-icon-ic_new_dropup_line:before {
  content: "\E8C4";
}

.u-icon-ic_new_dropdown_line:before {
  content: "\E8C5";
}

.u-icon-ic_new_fa_multiple_beds:before {
  content: "\E9C8";
}

.u-icon-ic_new_more_line1:before {
  content: "\E8C6";
}

.u-icon-ic_new_showmore_line:before {
  content: "\E9C9";
}

.u-icon-ic_new_back_line:before {
  content: "\E8C7";
}

.u-icon-ic_new_showless_line:before {
  content: "\E9CA";
}

.u-icon-ic_new_hook_line:before {
  content: "\E8C8";
}

.u-icon-ic_new_diamondmember:before {
  content: "\E9CB";
}

.u-icon-ic_new_filter_line:before {
  content: "\E8D2";
}

.u-icon-ic_new_warning_line:before {
  content: "\E8D9";
}

.u-icon-ic_new_calendar_line:before {
  content: "\E8E3";
}

.u-icon-ic_new_map_line:before {
  content: "\E8E5";
}

.u-icon-ic_new_countdown_line:before {
  content: "\E8F7";
}

.u-icon-ic_new_bell_line:before {
  content: "\E8F8";
}

.u-icon-ic_new_conversion_line:before {
  content: "\E8FA";
}

.u-icon-more:before {
  content: "\E612";
}

.u-icon-btn-loading:before {
  content: "\E6A6";
}

.u-icon-star_outline:before {
  content: "\E68C";
}

.u-icon-ic_new_diamond:before {
  content: "\E909";
}

.u-icon-person:before {
  content: "\E6A1";
}

.u-icon-checkboxChecked:before {
  content: "\E6CD";
}

.u-icon-ic_country:before {
  content: "\E74F";
}

.u-icon-bed:before {
  content: "\E754";
}

.u-icon-information:before {
  content: "\E759";
}

.u-icon-ic_new_checkbox_selected:before {
  content: "\E90F";
}

.u-icon-advantage:before {
  content: "\E760";
}

.u-icon-ic_new_ascending:before {
  content: "\E910";
}

.u-icon-flight:before {
  content: "\E617";
}

.u-icon-ic_new_question:before {
  content: "\E912";
}

.u-icon-downtown:before {
  content: "\E627";
}

.u-icon-locate:before {
  content: "\E61C";
}

.u-icon-train:before {
  content: "\E63E";
}

.u-icon-check:before {
  content: "\E644";
}

.u-icon-ic_new_member:before {
  content: "\E918";
}

.u-icon-bestir_parenting:before {
  content: "\E621";
}

.u-icon-ic_new_delete:before {
  content: "\E919";
}

.u-icon-ic_new_map:before {
  content: "\E91A";
}

.u-icon-orderTime:before {
  content: "\E623";
}

.u-icon-ic_new_email:before {
  content: "\E91C";
}

.u-icon-ic_new_tripcoins:before {
  content: "\E91D";
}

.u-icon-ic_map_list:before {
  content: "\E64E";
}

.u-icon-fabulousCircle:before {
  content: "\E653";
}

.u-icon-ic_new_info:before {
  content: "\E91F";
}

.u-icon-lightningCircle:before {
  content: "\E655";
}

.u-icon-creditCircle:before {
  content: "\E656";
}

.u-icon-warningCircle:before {
  content: "\E657";
}

.u-icon-breakfastCircle:before {
  content: "\E659";
}

.u-icon-tel:before {
  content: "\E610";
}

.u-icon-ic_new_phone:before {
  content: "\E924";
}

.u-icon-good:before {
  content: "\E65E";
}

.u-icon-ic_new_star:before {
  content: "\E925";
}

.u-icon-night:before {
  content: "\E618";
}

.u-icon-ic_new_like:before {
  content: "\E926";
}

.u-icon-memberDealCircle:before {
  content: "\E695";
}

.u-icon-ic_new_warning:before {
  content: "\E927";
}

.u-icon-ic_minus:before {
  content: "\E6A2";
}

.u-icon-ic_plus:before {
  content: "\E6B0";
}

.u-icon-sale:before {
  content: "\E6B2";
}

.u-icon-camera:before {
  content: "\E63D";
}

.u-icon-plusCircle:before {
  content: "\E671";
}

.u-icon-ic_new_check:before {
  content: "\E92D";
}

.u-icon-ic_new_administrativearea:before {
  content: "\E92E";
}

.u-icon-minusCircle:before {
  content: "\E6DA";
}

.u-icon-ic_new_metroline:before {
  content: "\E92F";
}

.u-icon-delete:before {
  content: "\E6CA";
}

.u-icon-ic_new_subway:before {
  content: "\E930";
}

.u-icon-ic_new_shopping:before {
  content: "\E931";
}

.u-icon-ic_new_hotel:before {
  content: "\E932";
}

.u-icon-arrowLineUp:before {
  content: "\E683";
}

.u-icon-ic_new_group:before {
  content: "\E933";
}

.u-icon-arrowRight:before {
  content: "\E684";
}

.u-icon-ic_new_landmark:before {
  content: "\E934";
}

.u-icon-prompt:before {
  content: "\E68B";
}

.u-icon-ic_new_province:before {
  content: "\E935";
}

.u-icon-arrowLineDown:before {
  content: "\E686";
}

.u-icon-refresh:before {
  content: "\E687";
}

.u-icon-ic_new_city:before {
  content: "\E937";
}

.u-icon-popular:before {
  content: "\E728";
}

.u-icon-ic_new_bu_train:before {
  content: "\E938";
}

.u-icon-city:before {
  content: "\E697";
}

.u-icon-ic_new_bu_hotel:before {
  content: "\E939";
}

.u-icon-comment:before {
  content: "\E69F";
}

.u-icon-ic_new_bu_flight:before {
  content: "\E93A";
}

.u-icon-ic_new_bu_carreantal:before {
  content: "\E93B";
}

.u-icon-invoice:before {
  content: "\E6A3";
}

.u-icon-ic_new_scenery:before {
  content: "\E93C";
}

.u-icon-voucher:before {
  content: "\E6AB";
}

.u-icon-ic_unlock:before {
  content: "\E95A";
}

.u-icon-ic_new_brand:before {
  content: "\E93F";
}

.u-icon-24h_service:before {
  content: "\E6BF";
}

.u-icon-ic_new_fa_wheelchair:before {
  content: "\E940";
}

.u-icon-bar:before {
  content: "\E6C0";
}

.u-icon-ic_new_fa_media:before {
  content: "\E941";
}

.u-icon-ic_new_fa_bathtub:before {
  content: "\E942";
}

.u-icon-ballroom:before {
  content: "\E6C3";
}

.u-icon-ic_new_fa_scenery:before {
  content: "\E943";
}

.u-icon-beach:before {
  content: "\E6C5";
}

.u-icon-ic_new_fa_wired_network:before {
  content: "\E944";
}

.u-icon-ic_new_fa_access:before {
  content: "\E945";
}

.u-icon-billiards:before {
  content: "\E6C8";
}

.u-icon-ic_new_fa_bar:before {
  content: "\E948";
}

.u-icon-bowling:before {
  content: "\E6C9";
}

.u-icon-ic_new_fa_other:before {
  content: "\E949";
}

.u-icon-ac:before {
  content: "\E6CE";
}

.u-icon-business:before {
  content: "\E6CF";
}

.u-icon-basketball:before {
  content: "\E6D3";
}

.u-icon-coffee:before {
  content: "\E6D4";
}

.u-icon-ic_new_fa_shuttle_bus:before {
  content: "\E94D";
}

.u-icon-clean:before {
  content: "\E6D6";
}

.u-icon-ic_new_fa_general_facilities:before {
  content: "\E94E";
}

.u-icon-casino:before {
  content: "\E6D7";
}

.u-icon-ic_new_fa_receptionist:before {
  content: "\E950";
}

.u-icon-card:before {
  content: "\E6D1";
}

.u-icon-ic_new_fa_child:before {
  content: "\E951";
}

.u-icon-ic_new_fa_fridge:before {
  content: "\E953";
}

.u-icon-currency:before {
  content: "\E6DD";
}

.u-icon-ic_new_fa_swimming:before {
  content: "\E954";
}

.u-icon-ic_new_fa_sofa:before {
  content: "\E955";
}

.u-icon-diving:before {
  content: "\E6E0";
}

.u-icon-ic_new_fa_balcony:before {
  content: "\E956";
}

.u-icon-floor:before {
  content: "\E6E3";
}

.u-icon-ic_new_fa_no_smoking:before {
  content: "\E95C";
}

.u-icon-ic_new_fa_gym:before {
  content: "\E952";
}

.u-icon-football:before {
  content: "\E6EC";
}

.u-icon-ic_new_fa_telephone:before {
  content: "\E957";
}

.u-icon-game:before {
  content: "\E6ED";
}

.u-icon-ic_new_fa_laundry:before {
  content: "\E959";
}

.u-icon-gym:before {
  content: "\E6EE";
}

.u-icon-hot_spring:before {
  content: "\E6EF";
}

.u-icon-ic_new_fa_hot_spring:before {
  content: "\E95E";
}

.u-icon-hot:before {
  content: "\E6F0";
}

.u-icon-ic_new_fa_terrace:before {
  content: "\E95F";
}

.u-icon-ic_new_fa_24h_service:before {
  content: "\E960";
}

.u-icon-ic_new_fa_kitchenware:before {
  content: "\E961";
}

.u-icon {
  font-family: smarticon,sans-serif!important;
  display: inline-block;
  font-style: normal;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.u-icon-gift {
  padding: 2px;
  font-size: 14px;
  background-color: #ff9500;
  color: #fff;
  border-radius: 2px;
}

.u-icon-gift:before {
  content: "\E920";
}

.u-icon-checkbox:before {
  color: #ccc;
  content: "\E680";
}

.u-icon-radiobox:before {
  color: #ccc;
  content: "\E67E";
}

.active>.u-icon-checkbox:before,.u-icon-checkbox.active:before {
  color: #2681ff;
  content: "\E6CD";
}

.u-icon-cancelable-radiobox:before {
  color: #ccc;
  content: "\E8F5";
}

.active>.u-icon-cancelable-radiobox:before,.u-icon-cancelable-radiobox.active:before {
  color: #2681ff;
  content: "\E92D";
}

.active>.u-icon-radiobox:before,.u-icon-radiobox.active:before {
  color: #2681ff;
  content: "\E727";
}

.u-icon-remind:before {
  content: "\E927";
  color: #287dfa;
}

.u-icon-success:before {
  content: "\E649";
  color: #4fb443;
}

.u-icon-warning:before {
  content: "\E927";
  color: #ff6f00;
}

.u-icon-error:before {
  content: "\E889";
  color: #ee3b28;
}

.u-icon-star:before {
  content: "\E925";
}

.u-icon-diamond:before {
  content: "\E909";
}

.m-mask {
  opacity: 1;
  position: fixed;
  z-index: 10000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,.6);
  transform: translate(0) translateZ(0);
  transition: opacity .3s;
  overflow-y: auto;
}

.m-mask.animation {
  opacity: 0;
}

.m-mask.active {
  opacity: 1;
}

.clearfix:after,.clearfix:before {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.font-hk {
  font-family: Microsoft YaHei,STHeitiTC-Light,tahoma,arial,sans-serif;
}

.m-popshow {
  position: fixed;
  box-sizing: border-box;
}

.m-popshow_header {
  position: relative;
  width: 100%;
  height: 44px;
  background: #fff;
  z-index: 1;
}

.m-popshow_header .popAction {
  float: left;
  width: 30px;
  padding: 10px 12px;
  font-size: 24px;
  line-height: 24px;
  cursor: pointer;
}

.m-popshow_header .popAction:nth-child(2) {
  float: right;
  width: 60px;
  font-size: 16px;
  color: #2681ff;
  text-align: right;
}

.m-popshow_header h1 {
  margin: 0 84px;
  display: none;
}

.m-popshow_content {
  padding: 0 12px;
  height: 100%;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
  box-sizing: border-box;
}

.m-popshow_content h1 {
  display: block;
}

.m-popshow_border .m-popshow_header {
  border-bottom: 1px solid #ddd;
}

.m-popshow_border .m-popshow_header h1 {
  display: block;
  font-size: 18px;
  font-weight: 400;
  line-height: 44px;
  text-align: center;
}

.m-popshow {
  top: 50%;
  left: 50%;
  width: 580px;
  height: 450px;
  transform: translate3d(-50%,-50%,0);
  padding: 10px;
  background: #fff;
  box-shadow: 0 8px 20px 0 rgba(0,41,99,.2);
  border-radius: 4px;
}

.m-popshow .m-popshow_header {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 4px;
}

.m-popshow .m-popshow_header .popAction {
  float: right;
  text-align: right;
}

.m-popshow .m-popshow_content {
  padding: 30px 20px 0;
}

.m-popshow .m-popshow_content h1 {
  font-size: 20px;
}

.m-popshow .m-popshow_content .m-hoteldesc .basicInfo {
  margin: 20px 0;
}

.m-popshow_btn {
  display: none;
}

.overflowHidden .m-popshow {
  margin-left: -295px;
}

.u-btn {
  font-size: 16px;
  display: inline-block;
  height: 40px;
  padding: 0 16px;
  box-sizing: border-box;
  line-height: 40px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 2px;
  cursor: pointer;
  border: 0;
  *display: inline;
  *zoom: 1;
  background: none;
}

.u-btn-block {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.u-btn-lg {
  height: 58px;
  line-height: 58px;
  padding: 0 24px;
  font-size: 20px;
}

.u-btn-sm {
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  min-width: 60px;
}

.u-btn-xs {
  height: 34px;
  line-height: 34px;
  padding: 0 16px;
  font-size: 14px;
  min-width: 76px;
}

.u-btn-primary {
  background: #287dfa;
}

.u-btn-primary:hover {
  background: #2273e5;
}

.u-btn-primary:active {
  background: #1e67cc;
}

.u-btn-white {
  background: #f7f7fb;
  color: #333;
}

.u-btn-white:hover {
  color: #287dfa;
}

.u-btn-outline {
  border: 1px solid #287dfa;
  color: #287dfa;
}

.u-btn-outline:hover {
  background: #ecf2fe;
}

.u-btn-outline:active {
  background: #d6e9fb;
}

.u-btn-outlineWhite {
  border: 1px solid #fff;
  background: #287dfa;
}

.u-btn-outlineWhite:active {
  background: #1e67cc;
}

.u-btn-disabled {
  border: 1px solid #ced2d9;
  color: #fff;
  cursor: not-allowed;
}

.u-btn-disabled,.u-btn-disabled:hover {
  background: #ced2d9;
}

.u-btn-warn {
  background: #ff9500;
}

.u-btn-warn:hover {
  background: #e58500;
}

.u-btn-warn:active {
  background: #e78500;
}

.u-btn-filter {
  min-width: auto;
  background: #e3edff;
  color: #333;
  border: 1px solid #e3edff;
}

.u-btn-filter:hover {
  background: #fff;
  color: #287dfa;
  border-color: #287dfa;
}

.u-btn-filter.echo {
  background: #287dfa;
  color: #fff;
  border-color: #287dfa;
  cursor: default;
}

.u-btn-filterGray {
  background: #f2f2f7;
  border-color: #f2f2f7;
  color: #333;
}

.u-btn-filterGray.echo {
  background: #fff;
  color: #287dfa;
  border-color: #287dfa;
  box-shadow: 0 0 20px 0 rgba(174,191,212,.3);
  cursor: default;
}

.u-btn-radiusnone {
  border-radius: 0;
}

.u-btn-radiuslg {
  border-radius: 100px;
}

.u-btn-icon .u-icon {
  margin-right: 5px;
}

.u-btn-iconRight .u-icon {
  margin-left: 5px;
}

.u-btn .u-icon-btn-loading {
  animation: search-btn-loading-circle 1s linear infinite;
  font-size: 18px;
  line-height: 1;
}

@media screen and (max-width:768px) {
  .u-btn-outline:active,.u-btn-outlineWhite:active {
    background: rgba(0,0,0,.1);
  }
}

.u-link {
  display: inline-block;
  font-size: 14px;
  color: #287dfa;
  cursor: pointer;
}

.u-link-underline {
  border-bottom: 1px solid;
}

.m-hotelloading {
  position: fixed;
  z-index: 10000;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,.6);
}

.m-hotelloading-panel {
  position: fixed;
  z-index: 10001;
  top: 50%;
  left: 50%;
  margin-top: -65px;
  margin-left: -115px;
  background: #fff;
  border-radius: 2px;
  text-align: center;
  width: 230px;
  min-height: 130px;
}

.m-hotelloading-icon {
  width: 68px;
  height: 68px;
  margin: 30px auto 0;
  background: url(/modules/hotel/hotel-ctrip-online/image/loading.ed664a28c0b5131896a9adead9f7b011.gif) no-repeat 50%;
  background-size: 68px 68px;
}

.flag-ae,.flag-at,.flag-au,.flag-be,.flag-br,.flag-ch,.flag-cn,.flag-de,.flag-en,.flag-es,.flag-fr,.flag-gr,.flag-hk,.flag-id,.flag-ie,.flag-il,.flag-it,.flag-jp,.flag-kr,.flag-my,.flag-nl,.flag-nz,.flag-pl,.flag-ru,.flag-sa,.flag-sg,.flag-th,.flag-tr,.flag-tw,.flag-uk,.flag-us,.flag-vn,.flag-xx {
  display: inline-block;
  width: 21px;
  height: 14px;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  background-image: url(/modules/hotel/hotel-ctrip-online/image/46c37a4ce32e36dc1c1be0862daefa6d.46c37a4ce32e36dc1c1be0862daefa6d.png);
  background-position: 1000px 1000px;
  background-repeat: no-repeat;
  background-size: 42px;
}

.flag-at {
  background-position: -21px 0;
}

.flag-be {
  background-position: -21px -14px;
}

.flag-ie {
  background-position: -21px -28px;
}

.flag-ch {
  background-position: -21px -42px;
}

.mc-hd__login-btn {
  border-radius: 2px;
  padding: 8px 12px;
  margin: 0 4px;
  border: 1px solid #287dfa;
  line-height: 30px;
  cursor: pointer;
  color: #fff;
  background-color: #287dfa;
}

.mc-hd__login-btn:hover {
  background-color: #2470e1;
}

.mc-hd__register-btn {
  border-radius: 2px;
  padding: 8px 12px;
  margin: 0 4px;
  border: 1px solid #287dfa;
  line-height: 30px;
  cursor: pointer;
  color: #287dfa;
  background-color: #fff;
}

.mc-hd__register-btn:hover {
  background-color: rgba(40,125,250,.1);
}

.mc-hd__account {
  padding: 15px 0 15px 10px;
  margin-right: 16px;
}

.mc-hd__account-nologin {
  padding: 15px 0;
  margin-right: 0;
}

.mc-hd .mc-hd__account-username {
  max-width: 150px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  font-size: 14px;
  font-weight: 700;
}

.mc-hd .is-active .mc-hd__account-username {
  color: #2681ff;
}

.mc-hd .mc-hd__account-btn {
  font-size: 14px;
  line-height: 30px;
  padding: 0 15px;
  background-color: #2681ff;
  display: inline-block;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}

.mc-hd .mc-hd__account-btn:hover {
  background-color: #2273e5;
  text-decoration: none;
}

.mc-hd__account-link {
  display: block;
  font-size: 14px;
  padding: 8px 15px;
  white-space: nowrap;
  cursor: pointer;
  line-height: 18px;
}

.mc-hd__account-link:hover {
  background: rgba(40,125,250,.1);
  text-decoration: none;
}

.mc-hd__account-link-coins-con {
  margin-left: 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.mc-hd__account-link-coins-con .mc-hd__account-link-coins-amount {
  font-size: 12px;
  border-radius: 2px;
  color: #ff6f00;
  border: 1px solid #ff6f00;
  line-height: 18px;
  height: 18px;
  padding: 0 4px;
}

.mc-hd__account-link-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.mc-hd__account-cur {
  color: #2681ff;
  cursor: pointer;
  display: inline-block;
}

.mc-hd__account-cur .fi-account {
  color: #2681ff;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  font-size: 30px;
}

.mc-hd__account-cur:hover .fi-account,.mc-hd__account-cur:hover .mc-hd__account-username {
  color: #2681ff;
}


.tooltip-pop-con .tooltip-pop {
  border: 1px solid #ddd;
  background-color: #fff;
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tooltip-pop-con .tooltip-pop-arrow-bottom-border {
  display: inline-block;
  border-color: transparent;
  border-style: solid;
  position: absolute;
  z-index: 10;
}

.tooltip-pop-con .tooltip-pop-arrow-bottom {
  display: inline-block;
  border-color: transparent;
  border-style: solid;
  position: absolute;
  z-index: 100;
}

.tooltip-pop-con .tooltip-pop-arrow-top-border {
  display: inline-block;
  border-color: transparent;
  border-style: solid;
  position: absolute;
  z-index: 10;
}

.tooltip-pop-con .tooltip-pop-arrow-top {
  display: inline-block;
  border-color: transparent;
  border-style: solid;
  position: absolute;
  z-index: 100;
}

.mc-ft,.mc-ft_line {
  background-color: #fff;
  padding-bottom: 35px;
  font-family: arial,sans-serif;
  font-size: 14px;
}

.mc-ft,ul {
  margin: 0;
  list-style: none;
}

ul {
  padding: 0;
}

.mc-ft .l-inner {
  width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

.mc-ft_line .l-inner {
  border-top: 1px solid #e4e4e4;
}

@media screen and (max-width:1200px) {
  .mc-ft .l-inner {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }
}

.mc-ft__cnt {
  padding: 40px 70px 10px;
}

@media screen and (max-width:900px) {
  .mc-ft__cnt {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 10px;
  }
}

.mc-ft__func {
  float: left;
  width: 35%;
}

@media screen and (max-width:640px) {
  .mc-ft__func {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
  }
}

.mc-ft__dropdown-con .ic-flag {
  vertical-align: top;
}

.fi-arrow-down {
  position: absolute;
  right: 10px;
  color: #666;
}

.mc-ft__dropdown-con {
  width: 650px;
  cursor: default;
  border: 1px solid #ccc;
  padding: 12px;
  max-width: 200px;
  margin-bottom: 12px;
  height: 14px;
  line-height: 14px;
  position: relative;
  border-radius: 4px;
  cursor: pointer;
}

.mc-ft__dropdown-name {
  margin-left: 5px;
}

.mc-ft__dropdown-name,.mc-ft__dropdown-symbol {
  vertical-align: top;
  font-size: 14px;
}

.mc-ft__links {
  float: left;
  width: 65%;
}

@media screen and (max-width:800px) {
  .mc-ft__links {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.mc-ft__block {
  float: left;
  width: 33.33%;
  position: relative;
}

@media screen and (max-width:800px) {
  .mc-ft__block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 15px;
  }
}

@media screen and (max-width:600px) {
  .mc-ft__block {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 0;
    width: 100%;
    margin-bottom: 20px;
  }
}

.mc-ft__block-tit {
  font-size: 16px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 10px;
  color: #333;
}

.mc-ft__block .mc-ft__social {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 14px;
}

.mc-ft__block .mc-ft__social-item a {
  height: 24px;
  width: 24px;
  display: inline-block;
}

.mc-ft__block .mc-ft__social-item {
  height: 24px;
  width: 24px;
  margin-right: 10px;
  background: url(/modules/hotel/hotel-ctrip-online/image/032e45aafa6883ad708e3b65e861f791.032e45aafa6883ad708e3b65e861f791.png);
  background-size: cover;
}

.mc-ft__block .social-icon-facebook {
  background-position: 0 0;
}

.mc-ft__block .social-icon-instagram {
  background-position: 0 -24px;
}

.mc-ft__block .social-icon-naver {
  background-position: 0 -48px;
}

.mc-ft__block .social-icon-twitter {
  background-position: 0 -72px;
}

.mc-ft__block .social-icon-wechat {
  background-position: 0 -96px;
}

.mc-ft__block .social-icon-youtube {
  background-position: 0 -120px;
}

.mc-ft__link-list {
  font-size: 14px;
}

.mc-ft__list-item {
  margin-bottom: 2px;
  font-size: 12px;
  line-height: 1.5;
}

.mc-ft__list-item a {
  color: #333;
  text-decoration: none;
}

.mc-ft__list-item a:hover {
  color: #2681ff;
  text-decoration: underline;
}

.mc-ft__social-item {
  float: left;
  margin-right: 8px;
}

.mc-ft__rights {
  padding-top: 30px;
  text-align: center;
  color: #789;
  font-size: 12px;
  line-height: 1.5;
}

.mc-ft_brand {
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  padding: 20px 0;
  margin: 20px 0 -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.mc-ft_brand .mc-ft_brand-title {
  font-size: 12px;
  color: #333;
  line-height: 1.5;
}

.mc-ft_brand .mc-ft_brand-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mc-ft_brand .mc-ft_brand-list img {
  margin-top: 11px;
  margin-right: 60px;
}

.mc-ft_brand .mc-ft_brand-list img:last-child {
  margin-right: 0;
}

.mc-ft_awards {
  border-bottom: 1px solid #e4e4e4;
  padding: 20px 0;
  margin-top: 10px;
  border-top: none;
  position: relative;
}

.mc-ft_awards-list {
  font-size: 12px;
  text-align: center;
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1135px;
  position: relative;
}

.mc-ft_awards-item {
  margin: 0 10px;
  display: inline-block;
}

.mc-ft_awards-item img,.mc-ft_awards-words {
  vertical-align: middle;
}

.mc-ft_awards-words {
  display: inline-block;
  text-align: left;
  max-width: 180px;
}

.mc-ft_awards-next,.mc-ft_awards-prev {
  opacity: .2;
  background: #0f294d;
  padding: 10px 6px;
  color: #fff;
  top: 50%;
  margin-top: -17px;
  position: absolute;
}

.mc-ft_awards-next.u-hide,.mc-ft_awards-prev.u-hide {
  display: none;
}

.mc-ft_awards-prev {
  left: 0;
}

.mc-ft_awards-next {
  right: 0;
}

.mc-hd__mobile {
  display: none;
}

.seo-box {
  color: #666;
}

.seo-box p {
  margin-bottom: 25px;
}

.seo-box p a {
  color: #333;
}

.seo-inner {
  width: 1180px;
  margin: 0 auto;
  padding-top: 20px;
}

.mod-back-top .mod-back-top-side-bar {
  bottom: 205px!important;
}

h1,h2,h3,h4,h5,h6 {
  margin: 0;
  font-size: 12px;
}

.icon-back-top.fi,.icon-chat.fi {
  font-size: 28px;
  line-height: 1;
  vertical-align: top;
}

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

@media screen and (min-width:1280px) {
  .compose-search {
    width: 1160px;
  }

  .compose-search .block {
    height: 76px;
  }

  .compose-search .block .li-item {
    height: 100%;
    border: 1px solid #dadfe6;
  }

  .compose-search .block .li-item:not(:first-child):not(:last-child) {
    border-left: none;
  }

  .compose-search .block .li-item-destination label {
    top: 16px;
    left: 16px;
  }

  .compose-search .block .li-item-destination #hotels-destination {
    padding: 28px 16px 0;
  }

  .compose-search .block .li-item-calendar .in {
    top: 16px;
    left: 16px;
  }

  .compose-search .block .li-item-calendar .out {
    top: 16px;
    right: 16px;
  }

  .compose-search .block .li-item-calendar .focus-input {
    padding: 28px 16px 0;
  }

  .compose-search .block .li-item-roomguest label {
    top: 16px;
    left: 16px;
  }

  .compose-search .block .li-item-roomguest .room-guest-normal {
    padding: 16px;
  }

  .compose-search .block .li-item-keyword label {
    top: 16px;
    left: 16px;
  }

  .compose-search .block .li-item-keyword #keyword {
    padding: 28px 16px 0;
  }

  .compose-search .block #hotels-destination,.compose-search .block .main-search-li {
    border-radius: 2px 0 0 2px;
  }

  .compose-search .block .main-search-li {
    width: 365px;
  }

  .compose-search .block .calendar-li {
    width: 380px;
  }

  .compose-search .block .roomguest-li {
    width: 291px;
    border-right: none!important;
  }

  .compose-search .block .search-btn {
    border: none!important;
    border-radius: 0 2px 2px 0;
  }

  .compose-search.needFix .block {
    height: 60px;
  }

  .compose-search.needFix .block .li-item-destination label {
    top: 8px;
    left: 12px;
  }

  .compose-search.needFix .block .li-item-destination #hotels-destination {
    padding: 28px 12px 0;
  }

  .compose-search.needFix .block .li-item-calendar .in {
    top: 8px;
    left: 12px;
  }

  .compose-search.needFix .block .li-item-calendar .out {
    top: 8px;
    right: 12px;
  }

  .compose-search.needFix .block .li-item-calendar .focus-input {
    padding: 28px 12px 0;
  }

  .compose-search.needFix .block .li-item-roomguest label {
    top: 8px;
    left: 12px;
  }

  .compose-search.needFix .block .li-item-roomguest .room-guest-normal {
    padding: 8px 12px;
  }

  .compose-search.needFix .block .li-item-keyword label {
    top: 8px;
    left: 12px;
  }

  .compose-search.needFix .block .li-item-keyword #keyword {
    padding: 28px 12px 0;
  }

  .compose-search.needFix .block .main-search-li {
    width: 377px;
  }

  .compose-search.needFix .block .calendar-li {
    width: 380px;
  }

  .compose-search.needFix .block .roomguest-li {
    width: 295px;
    border-right: none!important;
  }

  .compose-search.needFix .block .search-btn-wrap {
    font-size: 28px;
  }
}

@media screen and (min-width:1280px) {
  .compose-search.jp.jp-tab-normal {
    height: 216px;
  }

  .compose-search.jp.jp-tab-normal.isFold {
    height: 0;
  }

  .compose-search.jp.jp-tab-normal .main-search-li {
    border: 1px solid #dadfe6;
    display: inline-block;
    width: 365px;
  }

  .compose-search.jp.jp-tab-normal .roomguest-li {
    border-right: none;
  }

  .compose-search.jp.jp-tab-internal {
    height: 292px;
  }

  .compose-search.jp.jp-tab-internal .calendar-li {
    width: 50%;
  }

  .compose-search.jp.jp-tab-internal .roomguest-li {
    width: calc(50% - 76px);
  }

  .compose-search.jp.jp-tab-internal .calendar-li,.compose-search.jp.jp-tab-internal .roomguest-li {
    height: 76px;
    border: 1px solid #dadfe6;
    border-top: none;
  }

  .compose-search.jp.jp-tab-internal .calendar-li {
    border-left: 1px solid #dadfe6!important;
    border-top: 1px solid #dadfe6;
  }

  .compose-search.jp.jp-tab-internal .roomguest-li {
    border-right: none;
    border-left: none;
    border-top: 1px solid #dadfe6;
  }

  .compose-search.jp.jp-tab-internal .block {
    height: 152px;
  }

  .compose-search.jp.jp-tab-internal .main-search-li {
    height: 76px;
    border: none;
    display: block;
    width: 100%;
  }

  .compose-search.jp.jp-tab-internal .main-search-li .wrap {
    border-bottom: none;
  }

  .compose-search.jp.jp-tab-internal .search-btn {
    height: 76px;
    border-top-right-radius: 0;
  }

  .compose-search.jp.jp-tab-international {
    height: 292px;
  }

  .compose-search.jp.jp-tab-international .calendar-li {
    width: 50%;
  }

  .compose-search.jp.jp-tab-international .roomguest-li {
    width: calc(50% - 76px);
  }

  .compose-search.jp.jp-tab-international .calendar-li,.compose-search.jp.jp-tab-international .roomguest-li {
    height: 76px;
    border: 1px solid #dadfe6;
    border-top: none;
  }

  .compose-search.jp.jp-tab-international .calendar-li {
    border-top: 1px solid #dadfe6;
  }

  .compose-search.jp.jp-tab-international .roomguest-li {
    border-left: none;
    border-top: 1px solid #dadfe6;
  }

  .compose-search.jp.jp-tab-international .block {
    height: 152px;
  }

  .compose-search.jp.jp-tab-international .main-search-li {
    height: 76px;
    border: none;
    display: block;
    width: 100%;
  }

  .compose-search.jp.jp-tab-international .main-search-li .wrap {
    border-bottom: none;
  }

  .compose-search.jp.jp-tab-international .calendar-li {
    border-left: 1px solid #dadfe6!important;
    border-top: 1px solid #dadfe6!important;
  }

  .compose-search.jp.jp-tab-international .roomguest-li {
    border-right: none;
    border-top: 1px solid #dadfe6!important;
  }

  .compose-search.jp.jp-tab-international .search-btn {
    height: 76px;
    border-top-right-radius: 0;
  }

  .needFix .compose-search.jp.jp-tab-normal {
    height: 157px;
  }

  .needFix .compose-search.jp.jp-tab-internal,.needFix .compose-search.jp.jp-tab-international {
    height: 218px;
  }

  .needFix .compose-search.jp.jp-tab-internal .calendar-li {
    width: 50%;
  }

  .needFix .compose-search.jp.jp-tab-internal .roomguest-li {
    width: calc(50% - 60px);
  }

  .needFix .compose-search.jp.jp-tab-internal .calendar-li,.needFix .compose-search.jp.jp-tab-internal .roomguest-li {
    height: 60px;
    border: 1px solid #dadfe6;
    border-top: none;
  }

  .needFix .compose-search.jp.jp-tab-internal .calendar-li {
    border-left: 1px solid #dadfe6!important;
    border-top: 1px solid #dadfe6;
  }

  .needFix .compose-search.jp.jp-tab-internal .roomguest-li {
    border-right: none;
    border-left: none;
    border-top: 1px solid #dadfe6;
  }

  .needFix .compose-search.jp.jp-tab-internal .main-search-li,.needFix .compose-search.jp.jp-tab-internal .search-btn {
    height: 60px;
  }

  .needFix .compose-search.jp.jp-tab-international .calendar-li {
    width: 50%;
  }

  .needFix .compose-search.jp.jp-tab-international .roomguest-li {
    width: calc(50% - 60px);
  }

  .needFix .compose-search.jp.jp-tab-international .calendar-li,.needFix .compose-search.jp.jp-tab-international .roomguest-li {
    height: 60px;
    border: 1px solid #dadfe6;
    border-top: none;
  }

  .needFix .compose-search.jp.jp-tab-international .calendar-li {
    border-left: 1px solid #dadfe6!important;
    border-top: 1px solid #dadfe6;
  }

  .needFix .compose-search.jp.jp-tab-international .roomguest-li {
    border-right: none;
    border-left: none;
    border-top: 1px solid #dadfe6;
  }

  .needFix .compose-search.jp.jp-tab-international .main-search-li,.needFix .compose-search.jp.jp-tab-international .search-btn {
    height: 60px;
  }
}

@media screen and (max-width:1279px) {
  .compose-search {
    width: 100%;
    padding: 24px 16px;
  }

  .compose-search .block .calendar-li,.compose-search .block .roomguest-li {
    height: 76px;
    border: 1px solid #dadfe6;
  }

  .compose-search .block .calendar-li {
    width: calc(50% + 41.5px);
  }

  .compose-search .block .roomguest-li {
    width: calc(50% - 117.5px);
  }

  .compose-search .block .li-item-destination label {
    top: 16px;
    left: 16px;
  }

  .compose-search .block .li-item-destination #hotels-destination {
    padding: 28px 16px 0;
  }

  .compose-search .block .li-item-calendar .in {
    top: 16px;
    left: 16px;
  }

  .compose-search .block .li-item-calendar .out {
    top: 16px;
    right: 16px;
  }

  .compose-search .block .li-item-calendar .focus-input {
    padding: 28px 16px 0;
  }

  .compose-search .block .li-item-roomguest label {
    top: 16px;
    left: 16px;
  }

  .compose-search .block .li-item-roomguest .room-guest-normal {
    padding: 16px;
  }

  .compose-search .block .li-item-keyword label {
    top: 16px;
    left: 16px;
  }

  .compose-search .block .li-item-keyword #keyword {
    padding: 28px 16px 0;
  }

  .compose-search .block #hotels-destination,.compose-search .block .main-search-li {
    border-radius: 2px 0 0;
  }

  .compose-search .block .main-search-li {
    width: 100%;
    height: 76px;
    border: 1px solid #dadfe6;
    border-bottom: none;
  }

  .compose-search .block .calendar-li {
    border-radius: 0 0 0 2px;
    border-top: 1px solid #dadfe6;
  }

  .compose-search .block .calendar-li .focus-input {
    border-radius: 0 0 0 2px;
  }

  .compose-search .block .roomguest-li {
    border-left: none;
    border-right: none;
    border-top: 1px solid #dadfe6;
  }

  .compose-search .block .search-btn {
    height: 76px!important;
    border-radius: 0 0 2px 0!important;
  }

  .compose-search.needFix .block .main-search-li {
    height: 60px;
  }

  .compose-search.needFix .block .calendar-li,.compose-search.needFix .block .roomguest-li {
    height: 60px;
    border: 1px solid #dadfe6;
  }

  .compose-search.needFix .block .calendar-li {
    width: calc(50% + 49.5px);
  }

  .compose-search.needFix .block .roomguest-li {
    width: calc(50% - 109.5px);
  }

  .compose-search.needFix .block .li-item-destination label {
    top: 8px;
    left: 12px;
  }

  .compose-search.needFix .block .li-item-destination #hotels-destination {
    padding: 28px 12px 0;
  }

  .compose-search.needFix .block .li-item-calendar .in {
    top: 8px;
    left: 12px;
  }

  .compose-search.needFix .block .li-item-calendar .out {
    top: 8px;
    right: 12px;
  }

  .compose-search.needFix .block .li-item-calendar .focus-input {
    padding: 28px 12px 0;
  }

  .compose-search.needFix .block .li-item-roomguest label {
    top: 8px;
    left: 12px;
  }

  .compose-search.needFix .block .li-item-roomguest .room-guest-normal {
    padding: 8px 12px;
  }

  .compose-search.needFix .block .li-item-keyword label {
    top: 8px;
    left: 12px;
  }

  .compose-search.needFix .block .li-item-keyword #keyword {
    padding: 28px 12px 0;
  }

  .compose-search.needFix .block .roomguest-li {
    border-left: none;
    border-right: none;
    border-top: 1px solid #dadfe6;
  }

  .compose-search.needFix .block .search-btn {
    height: 60px!important;
  }
}

@media screen and (max-width:1279px) {
  .compose-search.jp {
    height: 292px;
  }

  .compose-search.jp .li-item-destination label {
    top: 16px;
    left: 16px;
  }

  .compose-search.jp .li-item-destination #hotels-destination {
    padding: 28px 16px 0;
  }

  .compose-search.jp .li-item-calendar .in {
    top: 16px;
    left: 16px;
  }

  .compose-search.jp .li-item-calendar .out {
    top: 16px;
    right: 16px;
  }

  .compose-search.jp .li-item-calendar .focus-input {
    padding: 28px 16px 0;
  }

  .compose-search.jp .li-item-roomguest label {
    top: 16px;
    left: 16px;
  }

  .compose-search.jp .li-item-roomguest .room-guest-normal {
    padding: 16px;
  }

  .compose-search.jp .li-item-keyword label {
    top: 16px;
    left: 16px;
  }

  .compose-search.jp .li-item-keyword #keyword {
    padding: 28px 16px 0;
  }

  .compose-search.jp .main-search-li.jp-tab-internal,.compose-search.jp .main-search-li.jp-tab-international {
    border: none;
  }

  .compose-search.jp .calendar-li {
    width: 50%;
  }

  .compose-search.jp .roomguest-li {
    width: calc(50% - 76px);
  }

  .compose-search.jp .wrap {
    border-bottom: none;
  }

  .needFix .compose-search.jp {
    height: 216px;
  }
}

.out-wrap {
  box-shadow: 0 4px 16px 0 rgba(69,88,115,.2);
  position: relative;
  transition: all .3s ease;
}

.out-wrap .fold-btn {
  width: 64px;
  height: 24px;
  background: #fff;
  border-radius: 0 0 2px 2px;
  position: absolute;
  bottom: -24px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 8px 0 rgba(15,41,77,.2);
}

.out-wrap .fold-btn .u-icon {
  color: #333;
  font-size: 14px;
}

.out-wrap.needFix {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 99;
}

.out-wrap.isFold {
  height: 0!important;
}

.compose-search.isFold {
  height: 0;
  display: none;
  padding: 0 23px;
}

.compose-search {
  min-width: 704px;
  margin: 0 auto;
  padding: 24px;
  background: #fff;
  box-sizing: border-box;
}

.compose-search .block {
  list-style: none;
}

.compose-search .block .li-item {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}

.compose-search .block .search-btn {
  width: 76px;
  overflow: hidden;
}

.compose-search.needFix .block .search-btn {
  width: 60px;
}

.compose-search .sub-choice {
  display: flex;
  align-items: flex-end;
  margin-top: 21px;
}

.compose-search.jp .tree-container .tree-input {
  padding: 16px;
}

.compose-search.jp.needFix .tree-container .tree-input {
  padding: 8px 16px;
}

.search-container,.search-container .search-box {
  position: relative;
  width: 100%;
  height: 100%;
}

.search-container .search-box label {
  position: absolute;
  top: 8px;
  left: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: calc(100% - 16px);
}

.search-container .search-box ::placeholder {
  font-size: 14px;
  color: #8592a6;
  letter-spacing: 0;
  text-align: left;
}

.search-container .search-box #hotels-destination {
  box-sizing: border-box;
  height: 100%;
  padding: 28px 12px 0;
  width: 100%;
  border: none;
  border-bottom: 2px solid transparent;
  overflow: hidden;
  text-overflow: ellipsis;
}

.search-container .search-box #hotels-destination:focus {
  border-bottom: 2px solid #2681ff;
  border-radius: 0;
}

.search-container .hot-city-picker {
  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 {
  display: none;
}

.search-container .hot-city-picker {
  width: 553px;
}

.search-container .hot-city-picker .fix-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  will-change: transform;
  font-size: 14px;
  color: #666;
  background: #f7f7fb;
  height: 30px;
  line-height: 30px;
  padding-left: 8px;
  font-weight: 700;
}

.search-container .hot-city-picker .fix-title .clearRecentData {
  float: right;
  font-size: 12px;
  color: #666;
  margin: 5px 16px 5px 0;
  height: 20px;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
}

.search-container .hot-city-picker .fix-title .clearRecentData img {
  margin-right: 10px;
  margin-bottom: 3px;
  height: 14px;
  width: 13px;
}

.search-container .hot-city-picker .fix-title .clearRecentData:hover {
  cursor: pointer;
}

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

.search-container .hot-city-picker .area-item .title .clearRecentData img {
  margin-right: 10px;
  margin-bottom: 3px;
  height: 14px;
  width: 13px;
}

.search-container .hot-city-picker .area-item .title .clearRecentData:hover {
  cursor: pointer;
}

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

.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 .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>.history,.search-container .hot-city-picker .recent-search:hover .main>h4,.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 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 .main .history {
  font-size: 16px;
  color: #b1becf;
  margin-right: 9px;
}

.search-container .hot-city-picker .recent-search .other {
  font-size: 12px;
  color: #999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.circle-point:after,.dot:after {
  content: "";
  width: 6px;
  height: 6px;
  background: #ff6d00;
  border-radius: 50%;
  position: absolute;
  right: -8px;
  top: -1px;
}

.checkboxTxt {
  color: #0f294d;
}

.checkboxTxt:hover {
  color: #287dfa;
}

.price-wrapper {
  background: #fff;
  position: relative;
  display: flex;
  padding: 0 24px;
}

.price-wrapper .price-container {
  border-bottom: 1px solid #dadfe6;
  width: 230px;
  padding: 24px 0 34px;
}

.price-wrapper .price-title {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
}

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

.price-wrapper .price-range-title {
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
}

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

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

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

.price-wrapper .price-type-wrapper {
  position: relative;
  margin-bottom: 16px;
}

.price-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;
}

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

.price-wrapper .ctrip-tax-desc {
  background: #f5f7fa;
  padding: 8px;
  font-size: 14px;
  color: #0f294d;
  line-height: 18px;
  font-weight: 700;
}

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

.drop-result-list {
  width: 640px;
  box-shadow: 0 8px 20px 0 rgba(0,41,99,.2);
  background: #fff;
  position: absolute;
  top: 100%;
  z-index: 99;
  border: 1px solid #dadfe6;
  max-height: 480px;
  overflow-y: scroll;
}

.drop-result-list::-webkit-scrollbar {
  display: none;
}

.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 .associative-item.hover {
  background-color: rgba(90,160,255,.1);
  text-decoration: none;
}

.drop-result-list .associative-item .left-part {
  display: flex;
  width: 526px;
  line-height: 22px;
  align-items: flex-start;
}

.drop-result-list .associative-item .search-type {
  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 .content.geo {
  margin-top: 8px;
  color: #8592a6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.drop-result-list .associative-item .content strong {
  font-weight: 400;
  color: #2681ff;
}

.drop-result-list .associative-item .type {
  font-size: 12px;
  color: #999;
}

.drop-result-list .not_found {
  padding: 8px 8px 8px 16px;
  font-size: 14px;
  color: #ee3b28;
  letter-spacing: 0;
  line-height: 18px;
}

.drop-result-list .google {
  line-height: 1;
  width: 100%;
  background: #f0f2f5;
  text-align: right;
  padding: 8px 16px;
  box-sizing: border-box;
}



.drop-result-list .title-item.title-other {
  border-top: 1px solid #dadfe6;
}

.drop-result-list .title-item .title {
  width: 100%;
  font-size: 14px;
  color: #333;
  font-weight: 600;
  pointer-events: none;
  user-select: none;
  cursor: default;
}

.m-placeholder_container {
  background-color: #fff;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.m-placeholder {
  overflow: hidden;
}

.m-placeholder .m-placeholder_rect_container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.m-placeholder .m-placeholder_rect_container .m-placeholder_rect {
  width: 100%;
  height: 100%;
  position: relative;
}

.m-placeholder .m-placeholder_rect_container .m-placeholder_rect.breathe {
  animation: breathe 1.6s cubic-bezier(.645,.045,.355,1) infinite;
}

.m-placeholder .m-placeholder_rect_container .m-placeholder_rect.light:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));
  transform: skewX(-25deg);
  animation: light 1.6s cubic-bezier(.645,.045,.355,1) infinite;
}

.m-placeholder .m-placeholder_rect_container .m-placeholder_rect.progress:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 200%;
  height: 100%;
  content: "";
  background: linear-gradient(90deg,#f5f7fa,rgba(0,0,0,.05) 30%,#f5f7fa);
  animation: progress 3.2s cubic-bezier(.645,.045,.355,1) infinite;
}

.m-placeholder .m-placeholder_circle {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.m-placeholder .m-placeholder_text {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.m-placeholder .m-placeholder_img {
  width: 100%;
  height: 100%;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.m-placeholder .m-placeholder_portrait {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.m-placeholder .m-placeholder_grid {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}

.m-placeholder .m-placeholder_grid .m-placeholder_gridItem_container {
  flex: 1;
}

.m-placeholder .m-placeholder_grid .m-placeholder_gridItem_container .m-placeholder_gridItem {
  position: relative;
  width: 100%;
  height: 100%;
}

.m-placeholder .m-placeholder_grid .m-placeholder_gridItem_container .m-placeholder_gridItem.breathe {
  animation: breathe 1.6s cubic-bezier(.645,.045,.355,1) infinite;
}

.m-placeholder .m-placeholder_grid .m-placeholder_gridItem_container .m-placeholder_gridItem.light:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));
  transform: skewX(-25deg);
  animation: light 1.6s cubic-bezier(.645,.045,.355,1) infinite;
}

.m-placeholder .m-placeholder_grid .m-placeholder_gridItem_container .m-placeholder_gridItem.progress:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 200%;
  height: 100%;
  content: "";
  background: linear-gradient(90deg,#f5f7fa,rgba(0,0,0,.05) 30%,#f5f7fa);
  animation: progress 3.2s cubic-bezier(.645,.045,.355,1) infinite;
}

.m-placeholder .m-placeholder_card {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  box-sizing: border-box;
}

.m-placeholder .m-placeholder_card .m-placeholder_cardLeft {
  width: 50px;
  height: 100%;
  box-sizing: border-box;
  position: relative;
}

.m-placeholder .m-placeholder_card .m-placeholder_cardLeft.breathe {
  animation: breathe 1.6s cubic-bezier(.645,.045,.355,1) infinite;
}

.m-placeholder .m-placeholder_card .m-placeholder_cardLeft.light:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));
  transform: skewX(-25deg);
  animation: light 1.6s cubic-bezier(.645,.045,.355,1) infinite;
}

.m-placeholder .m-placeholder_card .m-placeholder_cardLeft.progress:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 200%;
  height: 100%;
  content: "";
  background: linear-gradient(90deg,#f5f7fa,rgba(0,0,0,.05) 30%,#f5f7fa);
  animation: progress 3.2s cubic-bezier(.645,.045,.355,1) infinite;
}

.m-placeholder .m-placeholder_card .m-placeholder_cardRight {
  display: flex;
  flex-direction: column;
  width: calc(100% - 60px);
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  padding-right: 10px;
}

.m-placeholder .m-placeholder_list {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
  height: 100%;
}

.m-placeholder .m-placeholder_list .m-placeholder_row {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-around;
}

.m-placeholder .m-placeholder_list .m-placeholder_row .m-placeholder_card:first-child {
  margin-left: 0!important;
}

.m-placeholder .m-placeholder_list .m-placeholder_row .m-placeholder_card:last-child {
  margin-right: 0!important;
}

.m-placeholder .m-placeholder_list .m-placeholder_li {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 10px;
  box-sizing: border-box;
}

.m-placeholder .m-placeholder_list .m-placeholder_li .m-placeholder_liLeft {
  width: 50px;
  height: 50px;
}

.m-placeholder .m-placeholder_list .m-placeholder_li .m-placeholder_liRight {
  width: calc(100% - 80px);
  height: 100%;
  overflow: hidden;
}

.m-placeholder .m-placeholder_line {
  overflow: hidden;
  position: relative;
}

.m-placeholder .m-placeholder_line.breathe {
  animation: breathe 1.6s cubic-bezier(.645,.045,.355,1) infinite;
}

.m-placeholder .m-placeholder_line.light:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5),hsla(0,0%,100%,0));
  transform: skewX(-25deg);
  animation: light 1.6s cubic-bezier(.645,.045,.355,1) infinite;
}

.m-placeholder .m-placeholder_line.progress:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 200%;
  height: 100%;
  content: "";
  background: linear-gradient(90deg,#f5f7fa,rgba(0,0,0,.05) 30%,#f5f7fa);
  animation: progress 3.2s cubic-bezier(.645,.045,.355,1) infinite;
}

@keyframes breathe {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .3;
  }

  to {
    opacity: 1;
  }
}

@keyframes light {
  0% {
    left: -50%;
  }

  to {
    left: 100%;
  }
}

@keyframes progress {
  0% {
    width: 0;
  }

  50% {
    width: 0;
  }

  to {
    width: 100%;
  }
}

.room-guest-container {
  width: 100%;
  height: 100%;
  min-width: 160px;
  user-select: none;
  position: relative;
  outline: none;
}

.room-guest-container * {
  box-sizing: border-box;
}

.room-guest-container .room-guest {
  cursor: pointer;
}

.room-guest-container .room-guest label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.room-guest-container .room-guest-normal {
  background: #fff;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 8px 12px;
}

.room-guest-container .room-guest-normal .info {
  margin-top: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.room-guest-container .room-guest-normal .icon-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  font-size: 16px;
}

.room-guest-container .room-guest-small {
  background: #fff;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  padding: 0 34px 0 10px;
  position: relative;
  min-width: 220px;
  cursor: pointer;
}

.room-guest-container .room-guest-small .guest {
  margin-right: 5px;
  color: #69a1ff;
}

.room-guest-container .room-guest-small .icon-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  font-size: 14px;
}

.room-guest-container .room-guest .aria-roomNumInput {
  border-style: none;
  padding-top: 6px;
  display: inline;
  width: 50px;
  font-weight: 700;
  font-size: 18px;
  color: #0f294d!important;
  line-height: 22px;
}

.room-guest-container .room-guest .aria-text {
  padding: 6px 0;
  font-weight: 700;
  font-size: 18px;
  color: #0f294d!important;
  line-height: 22px;
}

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

@media screen and (max-width:868px) {
  .room-guest-container .choice {
    width: 216px;
  }
}

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

.room-guest-container .child-kid label span:last-child {
  display: block;
  font-size: 12px;
  line-height: 1;
  color: #6b8299;
}

.room-guest-container .actions {
  display: flex;
  align-items: center;
}

.room-guest-container .actions .count {
  font-size: 18px;
  color: #0f294d;
  width: 36px;
  text-align: center;
}

.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 .btn {
  position: relative;
  top: 1px;
  font-weight: 700;
  user-select: none;
  -webkit-user-select: none;
}

.room-guest-container .actions .icon-btn:hover {
  background: #2681ff;
  border: 1px solid #2681ff;
  color: #fff;
  cursor: pointer;
}

.room-guest-container .actions .icon-btn.disabled {
  cursor: default;
  background-color: #eee;
  border-color: #eee;
  color: #fff;
}

.room-guest-container .child-age .child-tips {
  font-size: 16px;
  color: #333;
  margin-bottom: 8px;
}

.room-guest-container .child-age .age-select {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 80px;
}

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

.star-rate-container {
  display: inline-flex;
  align-items: center;
}

.star-rate-container * {
  user-select: none;
}

.star-rate-container label {
  margin-right: 16px;
  cursor: pointer;
  font-size: 16px;
  color: #333;
}

.star-rate-container .rate {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #f0f2f5;
  border-radius: 1px;
  height: 22px;
  margin-right: 16px;
  padding: 4px 8px;
  font-size: 12px;
  color: #0f294d;
  cursor: pointer;
  border: 1px solid transparent;
}

.star-rate-container .rate:hover {
  color: #287dfa;
}

.star-rate-container .rate.active {
  background: #ff9500;
  color: #fff;
}

.star-rate-container .rate.active:hover {
  border: 1px solid transparent;
}

.star-rate-container .rate .star-icon {
  margin-left: 4px;
  font-size: 14px;
}

.star-rate-container .rate .star-icon.active {
  color: #fff;
  font-size: 12px;
}

.travel-container {
  display: inline-flex;
  align-items: center;
}

.travel-container * {
  user-select: none;
}

.travel-container .label {
  display: inline-flex;
  align-items: center;
}

.travel-container .tips {
  color: #0f294d;
}

.travel-container .checkbox,.travel-container .tip {
  font-size: 16px;
  margin-right: 4px;
}

.travel-container .checkbox.selected {
  color: #2681ff;
}

.travel-container .tip {
  color: #0f294d;
  cursor: default;
  outline: none;
}

.travel-container .tip:before {
  color: #0f294d;
}

.travel-container .tips {
  font-size: 14px;
  margin-right: 2px;
}

.travel-container .business {
  position: fixed;
  width: 300px;
  transform: translateX(-50%);
  background: #fff;
  padding: 14px 10px;
  border-radius: 4px;
  box-shadow: 0 -2px 14px 0 rgba(100,147,227,.3);
  z-index: 10;
  font-size: 12px;
}

.travel-container .business:after {
  content: "";
  border: 12px solid transparent;
  border-bottom-color: #fff;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}

.travel-container .business .icon-business {
  font-size: 16px;
  position: relative;
  top: -7px;
}

.travel-container .business p {
  margin-left: 10px;
  line-height: 1.3;
}

.calendar-container {
  background-color: #fff;
  display: inline-flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  height: 100%;
}

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

.calendar-container .nights .night-icon {
  font-size: 22px;
}

.calendar-container .time-tab {
  position: relative;
  width: calc(50% - 48px);
  height: 100%;
}

.calendar-container .time-tab .in {
  position: absolute;
  top: 8px;
  left: 12px;
}

.calendar-container .time-tab .out {
  position: absolute;
  top: 8px;
  right: 12px;
}

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

.calendar-container .time-tab .focus-input:focus {
  border-bottom: 2px solid #2681ff;
  border-radius: 0;
}

.calendar-container .time-tab .out-time {
  text-align: right;
}

.calendar-container .time-tab .aria-input-container {
  overflow: hidden;
  height: 100%;
}

.calendar-container .time-tab .aria-input-container .aria-input {
  width: auto;
}

.calendar-container .time-tab .aria-input-container input[type=date]::-webkit-calendar-picker-indicator {
  visibility: hidden;
}

#ibu_hotel_tools .m-calendar-box {
  background-color: #fff;
  z-index: 200;
}

#ibu_hotel_tools .m-calendar-box .c-calendar-month:first-child {
  padding-right: 36px;
}

.c-calendar-icon-dot {
  position: relative;
  background-color: #ff6f00;
}

.c-calendar-icon-dot:before {
  content: "";
  top: 3px;
  right: 3px;
  background-color: inherit;
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 5px;
}

.c-calendar-month {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1;
}

@media screen and (max-width:580px) {
  .c-calendar-month {
    width: 100%;
  }
}

.c-calendar-month__title {
  padding: 12px 0;
  color: #234;
  text-align: center;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0;
  font-weight: 400;
}

.c-calendar-month__week-head {
  font-size: 12px;
  line-height: 14px;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-bottom: 10px;
  list-style: none;
}

.c-calendar-month__week-head li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1;
  text-align: center;
}

.c-calendar-month__days {
  font-size: 14px;
  margin-bottom: 5px;
}

.c-calendar-month__week {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  text-align: center;
  list-style: none;
}

.c-calendar-month__week li {
  color: #234;
  padding: 5px 0;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1;
}

.c-calendar-month__week li.is-allow-hover:hover {
  cursor: pointer;
  color: #fff;
  background-color: #5aa0ff;
}

.c-calendar-month__week li.is-disable {
  cursor: unset;
  color: #ccc;
}

.c-calendar-month__week li.is-in-range {
  color: #fff;
  background-color: rgba(38,129,255,.3);
}

.c-calendar-month__week li.is-selected {
  color: #fff;
  background-color: #2681ff;
}

.c-calendar-month__festival {
  list-style: none;
  padding-left: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 1.5;
  color: #999;
  overflow: hidden;
}

.c-calendar-month__festival-date {
  margin-right: 4px;
}

.c-calendar-month__festival li:not(:last-of-type) {
  margin-bottom: 5px;
}

.c-calendar-month__festival .c-calendar-icon-dot {
  display: inline;
  margin-right: 10px;
}

.c-calendar-month__festival .c-calendar-icon-dot:before {
  width: 5px;
  height: 5px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.c-calendar {
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.15);
  box-shadow: 0 2px 4px rgba(0,0,0,.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 570px;
  padding: 0 20px;
}

.c-calendar.is-single {
  width: 285px;
  padding: 0 10px;
}

.c-calendar.is-hide {
  display: none;
}

@media screen and (max-width:580px) {
  .c-calendar {
    min-width: 260px;
    width: auto;
    padding: 0 10px;
  }
}

.c-calendar__body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-bottom: 10px;
}

@media screen and (max-width:580px) {
  .c-calendar__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.c-calendar__footer {
  text-align: center;
  padding: 15px 0;
  border-top: 1px solid #e4e4e4;
  font-size: 14px;
  line-height: 1.2;
}

.c-calendar__desc {
  color: #333;
}

.c-calendar__desc-nights {
  margin-left: 6px;
  font-weight: 700;
}

.c-calendar__message {
  margin-bottom: 4px;
  font-size: 12px;
  color: #999;
}

.c-calendar__message.is-error {
  color: #ee3b28;
}

.c-calendar .c-calendar-icon-next,.c-calendar .c-calendar-icon-prev {
  top: 12px;
  font-size: 18px;
  position: absolute;
  color: #666;
  cursor: pointer;
}

.c-calendar .c-calendar-icon-next:hover,.c-calendar .c-calendar-icon-prev:hover {
  color: #2681ff;
}

.c-calendar .c-calendar-icon-next.is-disable,.c-calendar .c-calendar-icon-prev.is-disable {
  color: #ccc;
}

.c-calendar .c-calendar-icon-prev {
  left: 20px;
}

.c-calendar .c-calendar-icon-next {
  right: 20px;
}

.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:hover {
  background: #2273e5;
}

.search-btn-wrap .search-btn-loading {
  display: inline-block;
  width: 28px;
  height: 28px;
  animation: search-btn-loading-circle 1s linear infinite;
  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;
}

@keyframes search-btn-loading-circle {
  0% {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(1turn);
  }
}

.jp-radio-tab,.jp-radio-tab .tab {
  display: inline-flex;
  align-items: center;
}

.jp-radio-tab .tab {
  margin-right: 25px;
  user-select: none;
}

.jp-radio-tab .tab .radio-box {
  font-size: 16px;
  margin-right: 5px;
}

.jp-radio-tab .tab .radio-box:before {
  color: #8592a6;
}

.jp-radio-tab .tab .title {
  font-size: 16px;
  color: #0f294d;
}

.jp-radio-tab .tab.active .radio-box:before,.jp-radio-tab .tab.active .title {
  color: #287dfa;
}

.tree-container {
  width: 100%;
  height: 100%;
}

.tree-container .wrap {
  position: relative;
  height: 100%;
  display: inline-block;
  border: 1px solid #dadfe6;
  box-sizing: border-box;
}

.tree-container .wrap:not(:first-child) {
  border-left: none;
}

.tree-container .tree-input {
  padding: 8px 16px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  outline: none;
}

.tree-container .tree-input:focus {
  border-bottom: 2px solid #2681ff;
}

.tree-container .tree-input .input {
  display: block;
  border: none;
  cursor: text;
  line-height: 26px;
  margin-top: 3px;
}

.tree-container .tree-input .icon-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  font-size: 16px;
}

.tree-container .first,.tree-container .second,.tree-container .third {
  position: absolute;
  top: 100%;
  left: -1px;
  z-index: 999;
  width: 100%;
  max-height: 380px;
  background: #fff;
  border: 1px solid #dadfe6;
  overflow-y: scroll;
}

.tree-container .first::-webkit-scrollbar,.tree-container .second::-webkit-scrollbar,.tree-container .third::-webkit-scrollbar {
  display: none;
}

.tree-container .first .leaf,.tree-container .second .leaf,.tree-container .third .leaf {
  box-sizing: border-box;
  padding: 8px 10px;
  line-height: 22px;
  cursor: pointer;
  font-size: 14px;
  color: #333;
}

.tree-container .first .leaf:hover,.tree-container .second .leaf:hover,.tree-container .third .leaf:hover {
  background: #2681ff;
  color: #fff;
}

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

.m-recentHotels {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 48px;
  animation-timing-function: cubic-bezier(.645,.045,.355,1);
  animation-duration: .9s;
}

.m-recentHotels_box {
  width: 100%;
  min-height: 104px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}

.m-recentHotels .m-recentHotels_title {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 700;
  width: 100%;
  height: 22px;
  line-height: 22px;
}

@keyframes comming {
  0% {
    height: 0;
    opacity: 0;
  }

  to {
    opacity: 1;
    height: 144px;
  }
}

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

.m-swiper_container .m-swiper_view {
  width: 100%;


}


.m-swiper_list{width:1250px;}
 .score {
    margin-right: 5px;
    font-size: 16px;
    color: #fff;
    padding: 1px 4px;
    background: #4978ce;
    border-radius: 4px 4px 0 4px;
}
.m-swiper_container .m-swiper_view .m-swiper_content {

 width:290px;height:200px;

}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_list {


}

.m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_list .m-swiper_itemWrap {

  float: left;margin: 10px;
 
  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;
}

.m-card {
  margin-bottom: 1px;
}

.m-card .m-baseCard {
  display: flex;
  justify-content: flex-start;
  position: relative;
  margin-bottom: 10px;
  background-color: #f5f7fa;
}

.m-card .m-baseCard.row {
  min-height: 104px;
}

.m-card .m-baseCard:hover {
  cursor: pointer;
  min-height: 102px;
  border: 1px solid #287dfa;
  position: relative;
  left: 1px;
}

.m-card .m-baseCard:hover .m-baseCard_img {
  padding: 7px 7px 7px 6px;
}

.m-card .m-baseCard:hover .m-baseCard_content {
  padding: 7px 6px 7px 1px;
}

.m-card .m-baseCard.column {
  width: 278px;
  margin-bottom: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid #e5e5e5;
}

.m-card .m-baseCard.column .m-baseCard_img {
  width: 100%;
  min-height: 210px;
  margin-right: 0;
  position: relative;
  left: -1px;
  right: -1px;
}

.m-card .m-baseCard.column .m-baseCard_content {
  height: 116px;
  margin-left: 0;
  padding: 8px 10px 0;
}

.m-card .m-baseCard.column .m-baseCard_content .m-baseCard_score {
  margin-top: 8px;
}

.m-card .m-baseCard.column .m-baseCard_content .m-baseCard_score .score {
  color: #fff;
  font-size: 16px;
  padding: 1px 4px;
  background: #5377a9;
  border-radius: 4px 4px 0 4px;
  margin-right: 5px;
}

.m-card .m-baseCard.column .m-baseCard_content .m-baseCard_score .score .number {
  color: #fff;
}

.m-card .m-baseCard.column .m-baseCard_content .m-baseCard_price {
  position: static;
  margin-bottom: 10px;
  bottom: 10px;
  width: 100%;
  right: 10px;
  text-align: right;
}

.m-card .m-baseCard .m-baseCard_img {
  padding: 8px;
  border-radius: 1px;
  position: relative;
  height: 100%;
}

.m-card .m-baseCard .m-baseCard_content {
  padding: 8px 8px 8px 0;
  box-sizing: border-box;
  user-select: none;
}

.m-card .m-baseCard .m-baseCard_content .m-baseCard_title {
  font-size: 14px;
  width: 100%;
  word-break: break-word;
  line-height: 1.3;
  max-height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.m-card .m-baseCard .m-baseCard_content .m-baseCard_level {
  margin: 5px 0;
}

.m-card .m-baseCard .m-baseCard_content .m-baseCard_level .m-baseCard_diamond,.m-card .m-baseCard .m-baseCard_content .m-baseCard_level .m-baseCard_star {
  color: #ff9500;
  font-size: 14px;
  margin: 0 1px;
}

.m-card .m-baseCard .m-baseCard_content .m-baseCard_level img {
  height: 16px;
  width: auto;
  padding-bottom: 2px;
  margin-bottom: 2px;
}

.m-card .m-baseCard .m-baseCard_content .m-baseCard_score {
  font-size: 14px;
}

.m-card .m-baseCard .m-baseCard_content .m-baseCard_score .score {
  width: 46px;
  height: 22px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 1px;
  color: #fff;
  background-color: #4978ce;
}

.m-card .m-baseCard .m-baseCard_content .m-baseCard_score .score .number {
  font-size: 16px;
  padding: 0;
  margin-right: 2px;
}

.m-card .m-baseCard .m-baseCard_content .m-baseCard_score .score .total {
  color: hsla(0,0%,100%,.5);
}

.m-card .m-baseCard .m-baseCard_content .m-baseCard_score .rating {
  margin-left: 5px;
  font-weight: 700;
  color: #4978ce;
}

.m-card .m-baseCard .m-baseCard_content .m-baseCard_price {
  position: absolute;
  text-align: right;
  bottom: 0;
  right: 5px;
  color: #f60;
  font-weight: 700;
}

.m-card .m-baseCard .m-baseCard_content .m-baseCard_price .unit {
  font-size: 16px;
}

.m-card .m-baseCard .m-baseCard_content .m-baseCard_price .price {
  font-size: 18px;
}

.m-img {
  display: inline-flex;
  opacity: 1;
  transition: all .45s cubic-bezier(.645,.045,.355,1) 0s;
  justify-content: center;
  align-items: center;
}

.m-img .preload {
  width: 100%;
  height: 100%;
  background-color: #f0f2f5;
  animation: wear 1.6s cubic-bezier(.645,.045,.355,1) infinite;
}

.m-img.loading {
  opacity: 0;
  background: #fff;
}

.m-img .m-img_content {
  width: 100%;
  height: 100%;
}


.home-server-upgrade ul li .desc {
  font-size: 14px;
  color: #455873;
  text-align: center;
  line-height: 18px;
  margin-top: 8px;
  font-weight: 500;
}

.home-server-upgrade .link {
  font-size: 14px;
  line-height: 18px;
  text-align: right;
  font-weight: 700;
  margin-top: 16px;
}

.home-server-upgrade .link a {
  color: #287dfa;
  cursor: pointer;
}

.m-hotel-login {
  margin-top: 48px;
  height: 188px;
  position: relative;
  box-sizing: border-box;
}

.m-hotel-login * {
  user-select: none;
}

.m-hotel-login .login-subscribe {
  display: flex;
  justify-content: start;
  align-items: center;
  border: 1px solid #acb4bf;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.m-hotel-login .login-subscribe .btn-login {
  width: 125px;
  height: 45px;
  margin-right: 100px;
}

.m-hotel-login .login-subscribe .login-icon {
  width: 140px;
  margin: 0 40px;
}

.m-hotel-login .login-subscribe .login-img {
  width: 100%;
  background-image: url(/modules/hotel/hotel-ctrip-online/image/login.a1ba83b084c2f7624a1728777efc1221.png);
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 130px;
}

.m-hotel-login .login-subscribe .login-content {
  display: flex;
  align-items: center;
  width: calc(100% - 160px);
}

.m-hotel-login .login-subscribe .login-content .info {
  text-align: left;
  width: 80%;
  font-size: 18px;
  color: #0f294d;
  line-height: 24px;
  font-weight: 700;
}

.m-hotel-login .login-subscribe .login-content .info_p {
  padding: 8px 0;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

@media (max-width:1200px) {
  .m-hotel-login .login-subscribe .login-content {
    flex-direction: column;
  }

  .m-hotel-login .login-subscribe .login-content .info {
    width: 100%;
  }

  .m-hotel-login .login-subscribe .login-content .btn-login {
    width: 100%;
    text-align: left;
    padding-top: 10px;
    margin-right: 0;
  }
}

.m-hotel-login .login-subscribe .login-hide-pop {
  position: absolute;
  top: 0;
  right: 0;
  top: 16px;
  right: 16px;
  font-weight: 700;
  font-size: 20px;
  color: #acb4bf;
}

.m-hotel-login .login-subscribe .login-hide-pop i:hover {
  cursor: pointer;
}




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

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

.list-search-container {
  width: 100%;
  background: #fff;
  box-shadow: 0 8px 20px 0 rgba(97,121,157,.16);
  box-sizing: border-box;
  position: relative;
  padding: 24px;
}

.list-search-container .li-item-destination label {
  top: 16px;
  left: 16px;
}

.list-search-container .li-item-destination #hotels-destination {
  padding: 28px 16px 0;
}

.list-search-container .li-item-calendar .in {
  top: 16px;
  left: 16px;
}

.list-search-container .li-item-calendar .out {
  top: 16px;
  right: 16px;
}

.list-search-container .li-item-calendar .focus-input {
  padding: 28px 16px 0;
}

.list-search-container .li-item-roomguest label {
  top: 16px;
  left: 16px;
}

.list-search-container .li-item-roomguest .room-guest-normal {
  padding: 16px;
}

.list-search-container .li-item-keyword label {
  top: 16px;
  left: 16px;
}



.list-search-container .ul {
  margin: 0 auto;
  list-style: none;
  box-sizing: border-box;
}

.list-search-container .list-item {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  box-sizing: border-box;
 
}

.list-search-container .radio-tab {
  margin-bottom: 10px;
}

.list-search-container .radio-tab .radio {
  margin-right: 16px;
}

.list-search-container .radio-tab .radio .radio-txt {
  margin-right: 6px;
  cursor: pointer;
  font-size: 14px;
  color: #333;
}

.list-search-container .radio-tab .radio .radio-icon {
  font-size: 14px;
  color: #333;
  margin-right: 4px;
}

.list-search-container .radio-tab .radio.active .radio-icon,.list-search-container .radio-tab .radio.active .radio-txt {
  color: #2681ff;
}

.list-search-container .list-calendar {
  background: #fff;
}

.list-search-container .list-keyword {
  border-left: none;
  border-bottom: none;
  border-right: none;
}

.list-search-container .list-keyword #keyword {
  border: 1px solid #dadfe6;
}

.list-search-container .list-btn {
  border: none;
  overflow: hidden;
}

.list-search-container .list-btn .search-btn-wrap {
  font-size: 32px;
}

input:-ms-input-placeholder {
  color: #8592a6!important;
}

.list-search-container.needFix {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

.list-search-container.needFix .li-item-destination label {
  top: 8px;
  left: 12px;
}

.list-search-container.needFix .li-item-destination #hotels-destination {
  padding: 28px 12px 0;
}

.list-search-container.needFix .li-item-calendar .in {
  top: 8px;
  left: 12px;
}

.list-search-container.needFix .li-item-calendar .out {
  top: 8px;
  right: 12px;
}

.list-search-container.needFix .li-item-calendar .focus-input {
  padding: 28px 12px 0;
}

.list-search-container.needFix .li-item-roomguest label {
  top: 8px;
  left: 12px;
}

.list-search-container.needFix .li-item-roomguest .room-guest-normal {
  padding: 8px 12px;
}

.list-search-container.needFix .li-item-keyword label {
  top: 8px;
  left: 12px;
}

.list-search-container.needFix .li-item-keyword #keyword {
  padding: 28px 12px 0;
}

.list-search-container.needFix .search-btn-wrap {
  font-size: 28px;
}

@media screen and (min-width:1385px) {
  .list-search-container.needFix .inner-wrap {
    width: 1160px;
    margin: 0 auto;
    padding: 0 24px;
    box-sizing: border-box;
  }
}

@media screen and (min-width:1385px) {
  .list-search-container .ul {
    max-width: 1160px;
  }

  .list-search-container .list-item {
    height: 76px;
  }

  .list-search-container .list-destination {
    width: 270px;
    border-right: none;
  }

  .list-search-container .list-calendar {
    width: 345px;
  }

  .list-search-container .list-calendar .time-tab {
    width: calc(50% - 24px);
  }

  .list-search-container .list-roomguest {
    width: 175px;
    border-left: none;
  }

  .list-search-container .list-keyword {
    width: 90%;
  }

  .list-search-container .list-btn {
    width: 76px;
    border-radius: 0 2px 2px 0;
  }

  .list-search-container.needFix .list-item {
    height: 60px;
  }

  .list-search-container.needFix .list-destination {
    width: 270px;
  }

  .list-search-container.needFix .list-calendar {
    width: 325px;
  }

  .list-search-container.needFix .list-roomguest {
    width: 202px;
  }

  .list-search-container.needFix .list-keyword {
    width: 253px;
  }

  .list-search-container.needFix .list-btn {
    width: 60px;
  }
}

@media screen and (max-width:1384px) {
  .list-search-container .ul {
    min-width: 706px;
  }

  .list-search-container .list-item {
    height: 76px;
  }

  .list-search-container .list-destination {
    width: 50%;
    border-right: none;
    margin-bottom: 8px;
  }

  .list-search-container .list-calendar {
    min-width: 320px;
    width: 50%;
    margin-bottom: 8px;
  }

  .list-search-container .list-roomguest {
    width: 50%;
  }

  .list-search-container .list-keyword {
    width: calc(50% - 76px);
  }

  .list-search-container .list-btn {
    width: 76px;
    border-radius: 0 2px 2px 0;
  }

  .list-search-container.needFix .list-item {
    height: 60px;
  }

  .list-search-container.needFix .list-keyword {
    width: calc(50% - 60px);
  }

  .list-search-container.needFix .list-btn {
    width: 60px;
  }
}

label {
  font-size: 14px;
  color: #8592a6;
  line-height: 18px;
  user-select: none;
}

.show-hightlight,label {
  letter-spacing: 0;
  text-align: left;
}

.show-hightlight {
  font-weight: 700;
  font-size: 16px;
  color: #0f294d!important;
  line-height: 22px;
}

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

.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%;
}

.search-keyword-container ::placeholder {
  font-size: 14px;
  color: #8592a6;
  letter-spacing: 0;
  text-align: left;
}

.search-keyword-container #keyword {
  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;
  border-bottom: 2px solid transparent;
  overflow: hidden;
  text-overflow: ellipsis;
}

.search-keyword-container #keyword:focus {
  border-bottom: 2px solid #2681ff;
}

.m-flagShip {
  display: flex;
  margin: 20px 0 24px;
}

.m-flagShip .ship-item {
  flex: 1;
  background-color: #f5f7fa;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  overflow: hidden;
}

.m-flagShip .ship-item+.ship-item {
  margin-left: 16px;
}

.m-flagShip .ship-item_hd {
  display: flex;
  align-items: center;
  padding: 16px;
}

.m-flagShip .ship-item_hd .img {
  width: 62px;
  height: 62px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-size: 62px 62px;
}

.m-flagShip .ship-item_hd .name {
  flex: 1;
}

.m-flagShip .ship-item_hd .name .txt {
  font-size: 18px;
  font-weight: 700;
}

@media (max-width:1200px) {
  .m-flagShip .ship-item_hd .name .txt {
    font-size: 16px;
    line-height: 1.3;
  }
}

.m-flagShip .ship-item_hd .name .tag {
  display: inline-block;
  vertical-align: middle;
  padding: 0 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  background-color: #7be;
  border-radius: 2px;
}

.m-flagShip .ship-item_hd .btn {
  padding: 4px 8px;
  margin-left: 8px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background-color: #2681ff;
  border-radius: 2px;
}

.m-flagShip .ship-item_hd .btn:hover {
  text-decoration: none;
  background-color: #2273e5;
}

@media (max-width:1200px) {
  .m-flagShip .ship-item_hd .img {
    display: none;
  }

  .m-flagShip .ship-item_hd .name {
    font-size: 16px;
    line-height: 1.3;
  }

  .m-flagShip .ship-item_hd .btn {
    padding: 2px 4px;
    font-size: 12px;
  }
}

.m-flagShip .ship-item_bd {
  height: 144px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 572px 144px;
}

@media (max-width:570px) {
  .m-flagShip {
    display: block;
    width: 100%;
  }

  .m-flagShip .ship-item+.ship-item {
    margin-left: 0;
    margin-top: 10px;
  }

  .m-flagShip .ship-item .ship-item_bd {
    height: 144px;
  }
}

.layoutfix {
  display: block;
  overflow: hidden;
}

.seo_hot_item {
  overflow: hidden;
  margin: 0 auto 10px;
  padding: 0 10px 10px;
  border: 1px solid #f0f0f0;
  white-space: nowrap;
  color: #999;
  clear: both;
}

.seo_hot_item h3 {
  float: left;
  display: inline;
  width: 90px;
  height: 24px;
  margin-left: -90px;
  font-size: 12px;
  color: #999;
  font-weight: 400;
}

.seo_hot_item h3 span {
  font-weight: 700;
  line-height: 24px;
}

.seo_hot_item .item {
  margin-top: -1px;
  padding: 4px 0 4px 90px;
  border-top: 1px dotted #ccc;
  clear: both;
}

.seo_hot_item .new_book .book_item,.seo_hot_item a {
  float: left;
  width: 78px;
  margin-right: 4px;
  _margin-right: 3px;
  color: #999;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.seo_hot_item .more {
  width: auto;
  color: #333;
}

.seo_hot_item .new_book .book_item {
  width: 32.7%;
}

.seo_201305 {
     clear: both;
    margin-bottom: 30px;
    padding: 10px 15px;
    border: 2px solid #dedede;
    color: #999;
    line-height: 30px;
    height: 200px;

}

.seo_201305 a {
  color: #999;margin: 10px;
}

.seo_201305 h4 {
  font-size: 12px;
  font-weight: 700;
  color: #666;
}

.seo_201305 .p {
  margin-bottom: 10px;
}

.seo_201305 .seo_hot {
  height: 24px;
  margin-right: -5px;
 
  display: block;

  *zoom: 1;
}

.seo_201305 .seo_hot dt {
  float: left;
  display: inline;
  width: 80px;
  margin-left: -80px;
}

.seo_201305 .seo_hot dd {
float: left;
    width: 114px;
    margin-right: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    boder: #000;
    border: 1px solid #dedede;
    line-height: 35px;
    margin-top: 10px;
    text-align: center;
    border-color: #2681ff;
    background: rgba(68,138,255,.1);
    border-radius: 2px;
    color: #287dfa;
    border: 1px solid transparent;}

.seo_201305 .seo_hot .black {
  color: #333;
}

.seo_201305 .seo_line {
  height: 0;
  overflow: hidden;
  border-bottom: 1px dotted #ccc;
  margin: 5px 0;
}

.seo_201305 .seo_booking dd {
  width: 240px;
  margin-right: 25px;
}

.seo_201305 .sta_unfold {
  height: auto;
}

.seo_201305 .seo_more {
  margin-left: 10px;
}

.m-hotelJoin {
  margin: 0 -8px 10px;
}

.m-hotelJoin .join-item {
  display: inline-block;
  margin: 0 8px 5px;
  width: calc(33.333% - 16px);
}

.m-hotelJoin .join-item img {
  display: block;
  width: 100%;
}

@media screen and (max-width:756px) and (min-width:379px) {
  .m-hotelJoin .join-item {
    width: calc(50% - 16px);
  }
}

@media screen and (max-width:378px) {
  .m-hotelJoin .join-item {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

.m-hotelRecommend_title {
  font-size: 28px;
  text-align: center;
  color: #333;
  margin-top: 64px;
  margin-bottom: 20px;
}

.m-hotelRecommend_tabs {
  text-align: center;
  margin-bottom: 24px;
}

.m-hotelRecommend_tabs button {
  margin: 0 6px;
}

.m-hotelRecommend_tabs .u-btn-filter {
  border: 1px solid #dadfe6;
  border-radius: 2px;
  background: #fff;
  color: #dadfe6;
  color: #0f294d;
}

.m-hotelRecommend_tabs .u-btn-filter:hover {
  border-color: #2681ff;
}

.m-hotelRecommend_tabs .u-btn-primary {
  background: rgba(68,138,255,.1);
  border-radius: 2px;
  color: #287dfa;
  border: 1px solid transparent;
}

.h-recommend-item {
  display: block;
  width: 278px;
}

.h-recommend-item:hover {
  text-decoration: none;
}

.h-recommend-item .hotel-img {
  position: relative;
  width: 100%;
  height: 197px;
}

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

.h-recommend-item .hotel-ad {
  position: absolute;
  opacity: .6;
  background: #333;
  border-radius: 2px;
}

.h-recommend-item .hotel-ad span {
  color: #fff;
}

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

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

.h-recommend-item .hotel-info .hotel-level {
  margin-top: 2px;
}

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

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

.h-recommend-item .hotel-info .hotel-review {
  margin-top: 2px;
  font-size: 14px;
}

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

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

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

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

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

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

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

.m-hotelRecommend .loading {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
}

.money-discount-info,.tax {
  font-size: 14px;
  color: #8592a6;
  text-align: right;
  line-height: 18px;
  margin-left: 5px;
}

.m-allcity {
  display: inline-block;
  position: relative;
  z-index: 10;
}

.m-allcity .allcity-box {
  color: #0f294d;
  font-size: 14px;
  background: #fff;
  border: 1px solid #f0f2f5;
  box-shadow: 0 4px 8px 0 rgba(15,41,77,.08);
  width: 522px;
  position: absolute;
  right: 4px;
  top: 40px;
  padding: 24px 16px 8px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  max-height: 365px;
  overflow: auto;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: hsla(0,0%,100%,.6) hsla(0,0%,100%,.2);
}

.m-allcity .allcity-box::-webkit-scrollbar {
  width: 6px;
  background-color: #fff;
}

.m-allcity .allcity-box::-webkit-scrollbar-thumb {
  background-color: #dadfe6;
}

.m-allcity .allcity-box .item {
  width: 95px;
  padding: 4px;
  margin: 0 1px 8px 0;
  box-sizing: border-box;
  cursor: pointer;
}

.m-allcity .allcity-box .item.current,.m-allcity .allcity-box .item:hover {
  background-color: #e9f2fe;
}

.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: 15px 6px;
}

.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";
}
.m-swiper_itemWrap .slide .slide-current{width:290px;height:200px;}

.m-swiper_container{width: 1157.1px; min-height: 540px}
@media screen and (max-width:480px) {
.list-search-container .list-item{height:auto;}
.star-rate-container{display:block;}
.m-swiper_list{width:100%;}

.star-rate-container .rate{    margin: 5px;}

.seo_201305 .seo_hot dd{width:30%;}
.m-hotelRecommend{display:none;}.m-swiper_container{display:none;}
.seo_201305{height:450px;}
.container .input {
  
    margin-top: 90px;}
.container .input{width:100%;}
.m-swiper_container{width:100%;}
.container .input>input{    padding: 0 8px 0 10px;width: 100%;}

}

@media only screen and (max-width:1260px) {
    
    .list-search-container .list-item{height:auto;}
    .m-swiper_container .m-swiper_view .m-swiper_content{width:100%;}
.m-swiper_container{width:100%;}
    
    
    .m-swiper_container .m-swiper_view .m-swiper_content .m-swiper_list .m-swiper_itemWrap{    margin-left: 7%;}
.star-rate-container{display:block;}
.m-swiper_list{width:100%;}

.star-rate-container .rate{    margin: 5px;}

.seo_201305 .seo_hot dd{width:30%;}

.seo_201305{height:450px;}
.container .input {
  
    margin-top: 90px;}
.container .input{width:100%;}
.m-swiper_container{width:100%;}
.container .input>input{    padding: 0 8px 0 10px;width: 100%;}
}