@charset "UTF-8";
/*  Extra large devices (large desktops) 大屏桌面端 */
body {
  opacity: 0;
  transition: opacity .5s; }

.headerWidget11 {
  width: 100%;
  font-size: 16px;
  background: #ffffff;
  overflow: hidden; }
  .headerWidget11 a {
    text-decoration: none;
    outline: none; }
  .headerWidget11 input, .headerWidget11 select {
    outline: none; }
  .headerWidget11 li {
    list-style: none; }
  .headerWidget11 .datepicker {
    z-index: 3;
    box-shadow: none;
    margin-top: 2px;
    width: 100% !important; }
  .headerWidget11 .datepicker__month-button {
    color: #ffffff; }
  .headerWidget11 .datepicker__month-day--today {
    background-color: #ffffff; }
  .headerWidget11 .datepicker__month-day--first-day-selected,
  .headerWidget11 .datepicker__month-day--last-day-selected {
    background: #ffffff;
    font-weight: bold; }
  .headerWidget11 .datepicker__month-day--lastMonth, .headerWidget11 .datepicker__month-day--nextMonth {
    border: none; }
  .headerWidget11 .subNavWrap {
    background: #ffffff;
    width: 100%;
    height: 0px;
    position: absolute;
    z-index: 2;
    opacity: 0;
    transition: height .3s ease-in-out,opacity .5s ease-in-out;
    overflow: hidden;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); }
    .headerWidget11 .subNavWrap .subNavContainer {
      width: 100%;
      position: relative; }
  .headerWidget11 .smallNavigator {
    width: 100%;
    height: 0px;
    background: #ffffff;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 3;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: height .3s ease-in-out; }
    .headerWidget11 .smallNavigator .topBar {
      width: auto;
      position: relative;
      float: left;
      display: inline-block;
      padding: 10px 0px; }
      .headerWidget11 .smallNavigator .topBar .navBurger, .headerWidget11 .smallNavigator .topBar .navClose {
        display: none; }
      .headerWidget11 .smallNavigator .topBar .logoWrap .logo {
        display: none; }
      .headerWidget11 .smallNavigator .topBar .logoWrap .miniLogo {
        display: block;
        margin: 0rem 1.5rem;
        height: 26px; }
      .headerWidget11 .smallNavigator .topBar .mobileBooking {
        display: none; }
    .headerWidget11 .smallNavigator > .rightPart {
      font-size: 0.75rem;
      color: #bdbdbd;
      position: absolute;
      top: 13px;
      right: 140px;
      z-index: 1; }
      .headerWidget11 .smallNavigator > .rightPart > li {
        float: left;
        margin: 0 0.75rem;
        cursor: pointer; }
        .headerWidget11 .smallNavigator > .rightPart > li .fa {
          margin-right: 4px; }
      .headerWidget11 .smallNavigator > .rightPart a {
        color: #bdbdbd; }
      .headerWidget11 .smallNavigator > .rightPart .mallBtn {
        position: relative; }
        .headerWidget11 .smallNavigator > .rightPart .mallBtn .hotelSelector {
          width: auto;
          position: absolute;
          top: 1.5em;
          left: 50%;
          transform: translateX(-50%);
          display: none;
          margin-top: 2px; }
          .headerWidget11 .smallNavigator > .rightPart .mallBtn .hotelSelector .hotelOption {
            white-space: nowrap;
            padding: 5px 12px; }
      .headerWidget11 .smallNavigator > .rightPart .myOrderBtn {
        position: relative; }
        .headerWidget11 .smallNavigator > .rightPart .myOrderBtn .hotelSelector {
          width: auto;
          position: absolute;
          top: 1.5em;
          left: 50%;
          transform: translateX(-50%);
          display: none;
          margin-top: 2px; }
          .headerWidget11 .smallNavigator > .rightPart .myOrderBtn .hotelSelector .hotelOption {
            white-space: nowrap;
            padding: 5px 12px; }
      .headerWidget11 .smallNavigator > .rightPart .btnDiv {
        display: inline-block; }
      .headerWidget11 .smallNavigator > .rightPart .memberLogin::after {
        content: '|';
        opacity: 0.5;
        margin: 0 3px; }
      .headerWidget11 .smallNavigator > .rightPart #loginBtn {
        margin-right: 2px; }
      .headerWidget11 .smallNavigator > .rightPart .topNavBarDropdown {
        position: relative;
        outline: none; }
        .headerWidget11 .smallNavigator > .rightPart .topNavBarDropdown .dropdownList {
          display: none;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          z-index: 1; }
          .headerWidget11 .smallNavigator > .rightPart .topNavBarDropdown .dropdownList li {
            padding: 5px 12px; }
          .headerWidget11 .smallNavigator > .rightPart .topNavBarDropdown .dropdownList a {
            white-space: nowrap; }
        .headerWidget11 .smallNavigator > .rightPart .topNavBarDropdown .fa-globe {
          margin-right: 4px; }
        .headerWidget11 .smallNavigator > .rightPart .topNavBarDropdown .fa-angle-down {
          margin-left: 4px; }
      .headerWidget11 .smallNavigator > .rightPart .btn-login-wrap {
        position: relative; }
        .headerWidget11 .smallNavigator > .rightPart .btn-login-wrap .vip-info-nav {
          display: none;
          width: 100%;
          position: absolute;
          text-align: center;
          z-index: 1; }
          .headerWidget11 .smallNavigator > .rightPart .btn-login-wrap .vip-info-nav li {
            padding: 5px 12px; }
            .headerWidget11 .smallNavigator > .rightPart .btn-login-wrap .vip-info-nav li.integral {
              cursor: default; }
          .headerWidget11 .smallNavigator > .rightPart .btn-login-wrap .vip-info-nav a {
            white-space: nowrap; }
        .headerWidget11 .smallNavigator > .rightPart .btn-login-wrap .vip-btn span {
          padding-left: 24px;
          dispaly: inline-block;
          background: url(../image/icon_member.png) no-repeat 5px center;
          background-size: 13px 10px;
          margin-left: 8px; }
        .headerWidget11 .smallNavigator > .rightPart .btn-login-wrap:hover .vip-info-nav {
          display: block; }
        .headerWidget11 .smallNavigator > .rightPart .btn-login-wrap .fa-angle-down {
          display: none; }
      .headerWidget11 .smallNavigator > .rightPart .weather {
        float: left; }
        .headerWidget11 .smallNavigator > .rightPart .weather:hover {
          color: #C3C1C1 !important; }
        .headerWidget11 .smallNavigator > .rightPart .weather .tpwidget_title_hook {
          font-size: 1em;
          color: #C3C1C1 !important; }
        .headerWidget11 .smallNavigator > .rightPart .weather .tpwidget_text_hook {
          font-size: 1em;
          color: #C3C1C1 !important; }
      .headerWidget11 .smallNavigator > .rightPart .tpwthwidt .tpwidget_title_hook, .headerWidget11 .smallNavigator > .rightPart .tpwthwidt .tpwidget_text_hook {
        color: #C3C1C1 !important;
        margin: 0 4px !important;
        font-size: 1em !important; }
      .headerWidget11 .smallNavigator > .rightPart .tpwthwidt .tpwidget_icon_hook {
        width: 1em !important;
        height: 1em !important;
        background-size: 100% 100% !important;
        top: 1px !important; }
      .headerWidget11 .smallNavigator > .rightPart .tpwthwidt .tpwidget_alarm_hook span {
        margin: 0 !important; }
    .headerWidget11 .smallNavigator .bottomBar {
      position: relative;
      overflow: hidden;
      padding-left: 1rem; }
      .headerWidget11 .smallNavigator .bottomBar .navMenu {
        width: 100%;
        height: 46px;
        font-size: 0.875rem;
        font-weight: 400;
        overflow: hidden;
        display: table; }
        .headerWidget11 .smallNavigator .bottomBar .navMenu .navMenuItem {
          line-height: 1.4; }
        .headerWidget11 .smallNavigator .bottomBar .navMenu > .navMenuItem {
          float: left;
          line-height: 46px;
          margin-right: 4%;
          display: table-cell; }
          .headerWidget11 .smallNavigator .bottomBar .navMenu > .navMenuItem:last-of-type {
            margin-right: 0px; }
        .headerWidget11 .smallNavigator .bottomBar .navMenu .navSubMenu {
          display: none;
          overflow: hidden; }
          .headerWidget11 .smallNavigator .bottomBar .navMenu .navSubMenu a {
            display: inline-block;
            width: 100%;
            box-sizing: border-box; }
        .headerWidget11 .smallNavigator .bottomBar .navMenu > .active {
          font-weight: 700; }
      .headerWidget11 .smallNavigator .bottomBar .bookingBtn {
        display: inline-block;
        font-size: 0.875rem;
        line-height: 1rem;
        padding: 1rem 0.875rem 1rem 1.5rem;
        position: absolute;
        right: 0;
        bottom: 0;
        cursor: pointer;
        transition: all .5s; }
        .headerWidget11 .smallNavigator .bottomBar .bookingBtn span {
          font-weight: 600;
          margin: 0 8px 0 10px; }
      .headerWidget11 .smallNavigator .bottomBar .navClose {
        display: none; }
    .headerWidget11 .smallNavigator .subMenuWrap {
      display: none; }
    .headerWidget11 .smallNavigator .menuDash {
      width: 24px;
      height: 2px;
      position: absolute;
      bottom: -1px;
      left: -20%;
      transition: left .5s; }
  .headerWidget11 .navigator {
    width: 100%;
    background: #ffffff;
    position: relative;
    z-index: 3;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.1); }
    .headerWidget11 .navigator .topBar {
      width: 100%;
      padding-top: 1rem;
      position: relative; }
      .headerWidget11 .navigator .topBar .navBurger, .headerWidget11 .navigator .topBar .navClose {
        display: none; }
      .headerWidget11 .navigator .topBar .logoWrap {
        position: relative;
        text-align: center; }
        .headerWidget11 .navigator .topBar .logoWrap a {
          display: inline-block; }
        .headerWidget11 .navigator .topBar .logoWrap .logo {
          display: block; }
        .headerWidget11 .navigator .topBar .logoWrap .miniLogo {
          display: none; }
      .headerWidget11 .navigator .topBar .mobileBooking {
        display: none; }
    .headerWidget11 .navigator > .rightPart {
      font-size: 0.75rem;
      color: #bdbdbd;
      position: absolute;
      top: 1rem;
      right: 0rem;
      z-index: 1; }
      .headerWidget11 .navigator > .rightPart > li {
        float: left;
        margin: 0 0 0 0.75rem;
        cursor: pointer; }
        .headerWidget11 .navigator > .rightPart > li .fa {
          margin-right: 4px; }
      .headerWidget11 .navigator > .rightPart a {
        color: #bdbdbd; }
      .headerWidget11 .navigator > .rightPart .mallBtn {
        position: relative; }
        .headerWidget11 .navigator > .rightPart .mallBtn .hotelSelector {
          width: auto;
          position: absolute;
          top: 1.5em;
          left: 50%;
          transform: translateX(-50%);
          display: none;
          margin-top: 2px; }
          .headerWidget11 .navigator > .rightPart .mallBtn .hotelSelector .hotelOption {
            white-space: nowrap;
            padding: 5px 12px; }
      .headerWidget11 .navigator > .rightPart .myOrderBtn {
        position: relative; }
        .headerWidget11 .navigator > .rightPart .myOrderBtn .hotelSelector {
          width: auto;
          position: absolute;
          top: 1.5em;
          left: 50%;
          transform: translateX(-50%);
          display: none;
          margin-top: 2px; }
          .headerWidget11 .navigator > .rightPart .myOrderBtn .hotelSelector .hotelOption {
            white-space: nowrap;
            padding: 5px 12px; }
      .headerWidget11 .navigator > .rightPart .btnDiv {
        display: inline-block; }
      .headerWidget11 .navigator > .rightPart .memberLogin::after {
        content: '|';
        opacity: 0.5;
        margin: 0 3px; }
      .headerWidget11 .navigator > .rightPart #loginBtn {
        margin-right: 2px; }
      .headerWidget11 .navigator > .rightPart .topNavBarDropdown {
        position: relative; }
        .headerWidget11 .navigator > .rightPart .topNavBarDropdown .dropdownList {
          display: none;
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          z-index: 1; }
          .headerWidget11 .navigator > .rightPart .topNavBarDropdown .dropdownList li {
            padding: 5px 12px; }
          .headerWidget11 .navigator > .rightPart .topNavBarDropdown .dropdownList a {
            white-space: nowrap; }
        .headerWidget11 .navigator > .rightPart .topNavBarDropdown .fa-globe {
          margin-right: 4px; }
        .headerWidget11 .navigator > .rightPart .topNavBarDropdown .fa-angle-down {
          margin-left: 4px; }
      .headerWidget11 .navigator > .rightPart .btn-login-wrap {
        position: relative; }
        .headerWidget11 .navigator > .rightPart .btn-login-wrap .vip-info-nav {
          display: none;
          width: 100%;
          position: absolute;
          text-align: center;
          z-index: 1; }
          .headerWidget11 .navigator > .rightPart .btn-login-wrap .vip-info-nav li {
            padding: 5px 12px; }
            .headerWidget11 .navigator > .rightPart .btn-login-wrap .vip-info-nav li.integral {
              cursor: default; }
          .headerWidget11 .navigator > .rightPart .btn-login-wrap .vip-info-nav a {
            white-space: nowrap; }
        .headerWidget11 .navigator > .rightPart .btn-login-wrap .vip-btn span {
          padding-left: 24px;
          dispaly: inline-block;
          background: url(../image/icon_member.png) no-repeat 5px center;
          background-size: 13px 10px;
          margin-left: 8px; }
        .headerWidget11 .navigator > .rightPart .btn-login-wrap:hover .vip-info-nav {
          display: block; }
        .headerWidget11 .navigator > .rightPart .btn-login-wrap .fa-angle-down {
          display: none; }
      .headerWidget11 .navigator > .rightPart .weather {
        float: left; }
        .headerWidget11 .navigator > .rightPart .weather:hover {
          color: #C3C1C1 !important; }
        .headerWidget11 .navigator > .rightPart .weather .tpwidget_title_hook {
          font-size: 1em;
          color: #C3C1C1 !important; }
        .headerWidget11 .navigator > .rightPart .weather .tpwidget_text_hook {
          font-size: 1em;
          color: #C3C1C1 !important; }
      .headerWidget11 .navigator > .rightPart .tpwthwidt .tpwidget_title_hook, .headerWidget11 .navigator > .rightPart .tpwthwidt .tpwidget_text_hook {
        color: #C3C1C1 !important;
        margin: 0 4px !important;
        font-size: 1em !important; }
      .headerWidget11 .navigator > .rightPart .tpwthwidt .tpwidget_icon_hook {
        width: 1em !important;
        height: 1em !important;
        background-size: 100% 100% !important;
        top: 1px !important; }
      .headerWidget11 .navigator > .rightPart .tpwthwidt .tpwidget_alarm_hook span {
        margin: 0 !important; }
    .headerWidget11 .navigator .bottomBar {
      position: relative;
      overflow: hidden;
      margin-top: 1rem; }
      .headerWidget11 .navigator .bottomBar .navMenu {
        width: 60%;
        height: 48px;
        max-width: 1200px;
        font-size: 0.875rem;
        font-weight: 300;
        overflow: hidden;
        display: table;
        margin: 0 auto; }
        .headerWidget11 .navigator .bottomBar .navMenu .navMenuItem {
          line-height: 1.4; }
        .headerWidget11 .navigator .bottomBar .navMenu > .navMenuItem {
          display: table-cell;
          text-align: center;
          padding-top: 18px; }
        .headerWidget11 .navigator .bottomBar .navMenu .navSubMenu {
          display: none;
          overflow: hidden; }
          .headerWidget11 .navigator .bottomBar .navMenu .navSubMenu a {
            display: inline-block;
            width: 100%;
            box-sizing: border-box; }
        .headerWidget11 .navigator .bottomBar .navMenu > .active {
          font-weight: 700; }
      .headerWidget11 .navigator .bottomBar .bookingBtn {
        display: inline-block;
        font-size: 0.875rem;
        line-height: 1rem;
        padding: 1rem 0.875rem 1rem 1.5rem;
        position: absolute;
        right: 0;
        bottom: 0;
        cursor: pointer;
        transition: all .5s; }
        .headerWidget11 .navigator .bottomBar .bookingBtn span {
          font-weight: 600;
          margin: 0 8px 0 10px; }
      .headerWidget11 .navigator .bottomBar .navClose {
        display: none; }
    .headerWidget11 .navigator .subMenuWrap {
      display: none; }
    .headerWidget11 .navigator .menuDash {
      width: 24px;
      height: 2px;
      position: absolute;
      bottom: -1px;
      left: -20%;
      transition: left .5s; }
  .headerWidget11 .bookingContainer {
    width: 323px;
    height: 341px;
    position: absolute;
    right: 1rem;
    background: transparent;
    z-index: 3;
    opacity: 0;
    pointer-events: none;
    transform: scale(0.75);
    transform-origin: right top;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; }
    .headerWidget11 .bookingContainer.open {
      opacity: 1;
      transform: scale(1);
      pointer-events: auto; }
    .headerWidget11 .bookingContainer .bookingWrap {
      width: 100%;
      position: relative; }
      .headerWidget11 .bookingContainer .bookingWrap select {
        background: #ffffff; }
      .headerWidget11 .bookingContainer .bookingWrap .triangle {
        position: absolute;
        top: -0.5rem;
        right: 1rem;
        border-style: solid;
        border-color: transparent transparent #ffffff transparent;
        border-width: 8px 8px;
        z-index: 1; }
      .headerWidget11 .bookingContainer .bookingWrap .bookingForm {
        width: 100%;
        position: absolute;
        top: 0.5rem;
        left: 0;
        background: #ffffff;
        box-sizing: border-box;
        padding: 0 1.5rem;
        box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.3); }
        .headerWidget11 .bookingContainer .bookingWrap .bookingForm .fa {
          display: none; }
        .headerWidget11 .bookingContainer .bookingWrap .bookingForm .calendarIcon {
          position: absolute;
          right: 0;
          top: 50%;
          margin-top: -4px;
          transition: all 0.15s ease-in-out; }
        .headerWidget11 .bookingContainer .bookingWrap .bookingForm .svg-size {
          width: 16px; }
        .headerWidget11 .bookingContainer .bookingWrap .bookingForm .open + .calendarIcon {
          -webkit-transform: rotate(-180deg);
          -ms-transform: rotate(-180deg);
          transform: rotate(-180deg); }
        .headerWidget11 .bookingContainer .bookingWrap .bookingForm .nice-select .option {
          padding-left: 8px;
          font-family: "songti SC",SimSun, STSong, Times,"Times New Roman",serif; }
        .headerWidget11 .bookingContainer .bookingWrap .bookingForm .nice-select:after {
          display: none; }
        .headerWidget11 .bookingContainer .bookingWrap .bookingForm .nice-select .current {
          font-family: "songti SC",SimSun, STSong, Times,"Times New Roman",serif; }
        .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingHotelPicker, .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingDatePicker, .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingCode, .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingButton {
          width: 100%;
          position: relative;
          margin-bottom: 1.5rem; }
          .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingHotelPicker .fa, .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingHotelPicker .calendarIcon, .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingDatePicker .fa, .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingDatePicker .calendarIcon, .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingCode .fa, .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingCode .calendarIcon, .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingButton .fa, .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingButton .calendarIcon {
            position: absolute;
            top: 50%;
            right: 0px; }
        .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingHotelPicker .nice-select .option:first-of-type {
          display: none; }
        .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingButton {
          font-weight: 500; }
        .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingHotelLabel, .headerWidget11 .bookingContainer .bookingWrap .bookingForm .checkInDateLabel, .headerWidget11 .bookingContainer .bookingWrap .bookingForm .roomNomLabel, .headerWidget11 .bookingContainer .bookingWrap .bookingForm .guestNomLabel, .headerWidget11 .bookingContainer .bookingWrap .bookingForm .codeLabel {
          display: block;
          font-size: 0.75rem;
          line-height: 1.5em; }
        .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingSelect, .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingDateInput, .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingCodeInput {
          width: 100%;
          height: 2.375rem;
          display: block;
          border-top: none;
          border-right: none;
          border-left: none;
          appearance: none;
          -moz-appearance: none;
          -webkit-appearance: none;
          font-size: 0.875rem;
          font-family: "songti SC",SimSun, STSong, Times,"Times New Roman",serif; }
        .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingHotelPicker {
          margin-top: 1.5rem;
          height: 56px; }
          .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingHotelPicker:after {
            content: attr(data-warning);
            font-size: 0.75rem;
            position: absolute;
            left: 0px;
            bottom: -20px; }
          .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingHotelPicker .bookingSelect {
            font-size: 0.875rem;
            font-weight: 500;
            letter-spacing: 1px; }
        .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingDatePicker .datepicker {
          right: 0px; }
        .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingDateInput, .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingSelect, .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingCodeInput {
          font-size: 1rem;
          font-weight: 600; }
        .headerWidget11 .bookingContainer .bookingWrap .bookingForm .oneCol {
          width: 100%;
          box-sizing: border-box;
          display: table;
          margin-bottom: 1.5rem; }
          .headerWidget11 .bookingContainer .bookingWrap .bookingForm .oneCol .fa {
            position: absolute;
            top: 50%;
            right: 0px; }
        .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingRoomPicker {
          width: 50%;
          position: relative;
          padding-right: 0.75rem;
          display: table-cell; }
          .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingRoomPicker .fa {
            right: 0.75rem; }
          .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingRoomPicker .calendarIcon {
            right: 0.75rem; }
        .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingGuestPicker {
          width: 50%;
          position: relative;
          padding-left: 0.75rem;
          display: table-cell; }
        .headerWidget11 .bookingContainer .bookingWrap .bookingForm .bookingButton {
          color: #ffffff;
          display: block;
          text-align: center;
          font-size: 0.875rem;
          line-height: 1.375em;
          padding: 0.75rem 0;
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          cursor: pointer; }
  .headerWidget11 .swiper-wrap {
    position: relative;
    overflow: hidden; }
    .headerWidget11 .swiper-wrap .title {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #ffffff;
      text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
      font-size: 1.75rem;
      letter-spacing: 0.25rem;
      font-weight: 500; }
    .headerWidget11 .swiper-wrap img {
      width: 100%;
      display: block; }
  .headerWidget11 .swiper-next, .headerWidget11 .swiper-prev {
    color: rgba(255, 255, 255, 0.5);
    font-size: 40px;
    position: absolute;
    top: 50%;
    z-index: 1;
    padding: 10px 20px;
    cursor: pointer;
    transition: all .3s; }
    .headerWidget11 .swiper-next:hover, .headerWidget11 .swiper-prev:hover {
      background: rgba(0, 0, 0, 0.2);
      color: rgba(255, 255, 255, 0.8); }
  .headerWidget11 .swiper-prev {
    left: 0; }
  .headerWidget11 .swiper-next {
    right: 0; }
  .headerWidget11 .mask {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: none; }
  .headerWidget11 .oneBooking {
    font-size: 14px; }
    .headerWidget11 .oneBooking .members {
      display: none;
      background: #fff;
      width: 256px;
      max-height: 86%;
      padding: 24px;
      margin-left: -152px;
      position: fixed;
      left: 50%;
      top: 50%;
      z-index: 99;
      overflow-y: auto;
      transform: translateY(-50%); }
      .headerWidget11 .oneBooking .members input, .headerWidget11 .oneBooking .members select {
        border: none; }
      .headerWidget11 .oneBooking .members .shut {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 20px;
        height: 20px;
        background: url(../image/shut.png) no-repeat center center;
        cursor: pointer;
        background-size: 20px 20px;
        display: none; }
      .headerWidget11 .oneBooking .members li {
        list-style: none;
        position: relative; }
        .headerWidget11 .oneBooking .members li.formGroup {
          height: 52px;
          margin-bottom: 1.2rem; }
        .headerWidget11 .oneBooking .members li.agreeText, .headerWidget11 .oneBooking .members li.txtElm, .headerWidget11 .oneBooking .members li.confirmLi, .headerWidget11 .oneBooking .members li.resetSuccess {
          height: auto;
          margin-bottom: 0rem; }
        .headerWidget11 .oneBooking .members li.btnElm {
          margin-bottom: 6px;
          cursor: pointer; }
        .headerWidget11 .oneBooking .members li label {
          font-size: 0.75rem;
          line-height: 1.5em;
          width: 100%;
          display: block; }
        .headerWidget11 .oneBooking .members li .loginHotel {
          position: relative; }
          .headerWidget11 .oneBooking .members li .loginHotel:after {
            content: attr(data-warning);
            font-size: 0.75rem;
            position: absolute; }
        .headerWidget11 .oneBooking .members li .iconIndicate {
          position: absolute;
          right: 0px;
          top: 50%;
          display: none;
          font-size: 16px; }
        .headerWidget11 .oneBooking .members li .nice-select .option {
          padding-left: 8px;
          font-family: "songti SC",SimSun, STSong, Times,"Times New Roman",serif; }
        .headerWidget11 .oneBooking .members li .nice-select:after {
          height: 6px;
          width: 6px;
          margin-top: -6px;
          right: 4px; }
        .headerWidget11 .oneBooking .members li .nice-select .current {
          font-family: "songti SC",SimSun, STSong, Times,"Times New Roman",serif; }
        .headerWidget11 .oneBooking .members li .formControl {
          font-size: 1em;
          display: block;
          width: 100%;
          height: 32px;
          line-height: 32px;
          background-color: #fff;
          color: #666666;
          outline: none; }
        .headerWidget11 .oneBooking .members li .login, .headerWidget11 .oneBooking .members li .registerBtn, .headerWidget11 .oneBooking .members li .confirm-btn {
          color: #ffffff;
          text-decoration: none;
          width: 100%;
          padding: 0.75rem 0;
          text-align: center;
          line-height: 1.375rem;
          display: block;
          cursor: pointer; }
        .headerWidget11 .oneBooking .members li .formControlFeedback {
          font-size: 0.857em;
          font-weight: normal;
          width: auto;
          height: auto;
          text-align: left;
          line-height: 18px; }
        .headerWidget11 .oneBooking .members li .formControlFeedbackBtn {
          top: 36px; }
        .headerWidget11 .oneBooking .members li .verificationBox {
          display: block;
          width: 77px;
          text-align: center;
          font-size: 0.857em;
          color: #fff;
          line-height: 36px;
          position: absolute;
          right: 0px;
          bottom: 2px; }
          .headerWidget11 .oneBooking .members li .verificationBox:hover {
            cursor: pointer; }
        .headerWidget11 .oneBooking .members li .registerBtn {
          margin-top: 0.5rem; }
        .headerWidget11 .oneBooking .members li .return-btn {
          text-decoration: none; }
        .headerWidget11 .oneBooking .members li .ForeignerTextBtn {
          font-size: 0.857em;
          text-align: center;
          display: block;
          text-decoration: none;
          font-weight: normal;
          cursor: pointer; }
      .headerWidget11 .oneBooking .members .vipPasswordLi {
        cursor: pointer;
        text-align: center;
        font-weight: normal;
        font-size: 0.857em;
        margin-bottom: 0;
        text-decoration: none; }
      .headerWidget11 .oneBooking .members .forgetDiv {
        display: none; }
      .headerWidget11 .oneBooking .members .agreeText {
        font-size: 0.857em;
        color: #666666;
        font-weight: normal;
        margin-top: 16px;
        line-height: 16px; }
      .headerWidget11 .oneBooking .members .foreignerDiv {
        font-size: 0.857em;
        color: #666666; }
        .headerWidget11 .oneBooking .members .foreignerDiv p {
          font-weight: normal;
          padding-top: 10px;
          line-height: 1.46;
          margin-bottom: 24px; }
      .headerWidget11 .oneBooking .members .resetSuccessDiv .iconSuccess, .headerWidget11 .oneBooking .members .registerSuccessDiv .iconSuccess {
        width: 95px;
        height: 95px;
        display: block;
        background: url(../image/icon_choose.png) no-repeat center center;
        background-size: 95px 95px;
        margin: 26px auto 7px; }
      .headerWidget11 .oneBooking .members .resetSuccessDiv p, .headerWidget11 .oneBooking .members .registerSuccessDiv p {
        height: 24px;
        text-align: center; }
        .headerWidget11 .oneBooking .members .resetSuccessDiv p span, .headerWidget11 .oneBooking .members .registerSuccessDiv p span {
          color: #D9002B; }
      .headerWidget11 .oneBooking .members .resetSuccessDiv cite, .headerWidget11 .oneBooking .members .registerSuccessDiv cite {
        font-style: normal;
        text-align: center;
        display: block; }
    .headerWidget11 .oneBooking .dropdown-menu {
      right: 70px; }

/* Large devices (desktops, less than 1200px) 普通桌面端 */
@media (max-width: 1400px) {
  .headerWidget11 .smallNavigator > .rightPart .topNavBarDropdown {
    display: none; }
  .headerWidget11 .smallNavigator > .rightPart .mallBtn {
    display: none; }
  .headerWidget11 .smallNavigator > .rightPart .weather {
    display: none; } }
/* Large devices (desktops, less than 1200px) 普通桌面端 */
@media (max-width: 1200px) {
  .headerWidget11 .smallNavigator > .rightPart .myOrderBtn {
    display: none; } }
/* Large devices (desktops, less than 1200px) 普通桌面端 */
/* Medium devices (tablets, less than 992px) 平板端 */
@media (max-width: 992px) {
  .headerWidget11 .navigator {
    position: fixed; }
    .headerWidget11 .navigator .topBar {
      padding: 0.75rem 0;
      box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
      z-index: 4;
      position: relative; }
      .headerWidget11 .navigator .topBar .mobileBooking {
        font-size: 0.75rem;
        font-weight: 700;
        position: absolute;
        bottom: 0;
        right: 0;
        height: 100%;
        padding: 0px 20px;
        line-height: 46px;
        cursor: pointer;
        display: block;
        transition: all .3s; }
      .headerWidget11 .navigator .topBar .logoWrap {
        height: 22px; }
        .headerWidget11 .navigator .topBar .logoWrap .logo {
          display: none; }
        .headerWidget11 .navigator .topBar .logoWrap .miniLogo {
          height: 22px;
          display: block; }
      .headerWidget11 .navigator .topBar .navBurger {
        height: 20px;
        display: block;
        position: absolute;
        top: 50%;
        left: 1rem;
        transform: translateY(-50%);
        cursor: pointer;
        z-index: 1; }
        .headerWidget11 .navigator .topBar .navBurger svg {
          width: 20px;
          height: 20px; }
      .headerWidget11 .navigator .topBar .fa {
        display: block; }
      .headerWidget11 .navigator .topBar .navClose {
        position: absolute;
        height: 25px;
        top: 50%;
        left: 1rem;
        transform: translateY(-50%);
        display: none;
        cursor: pointer;
        z-index: 1; }
        .headerWidget11 .navigator .topBar .navClose svg {
          width: 16px;
          height: 16px; }
    .headerWidget11 .navigator > .rightPart {
      width: 100%;
      position: fixed;
      left: -100%;
      top: 0;
      background: #f8f8f8;
      z-index: 4;
      font-size: 0.875rem;
      padding: 1.5rem;
      box-sizing: border-box;
      transition: left .3s; }
      .headerWidget11 .navigator > .rightPart > li {
        float: none;
        line-height: 3.125em;
        border-bottom: 1px solid #eeeeee;
        margin: 0;
        position: relative; }
        .headerWidget11 .navigator > .rightPart > li .fa {
          margin-right: 10px; }
        .headerWidget11 .navigator > .rightPart > li::after {
          content: '';
          width: 0;
          height: 1px;
          position: absolute;
          bottom: -1px;
          left: 0;
          transition: width .5s; }
        .headerWidget11 .navigator > .rightPart > li:hover::after {
          width: 100%; }
      .headerWidget11 .navigator > .rightPart .topNavBarDropdown {
        overflow: hidden;
        position: relative; }
        .headerWidget11 .navigator > .rightPart .topNavBarDropdown .dropdownList {
          display: none; }
        .headerWidget11 .navigator > .rightPart .topNavBarDropdown .fa-globe {
          margin-right: 10px; }
        .headerWidget11 .navigator > .rightPart .topNavBarDropdown .fa-angle-down {
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-50%) rotate(-90deg);
          margin: 0;
          color: #bbbbbb;
          font-size: 1.25rem; }
      .headerWidget11 .navigator > .rightPart .btn-login-wrap:hover .vip-info-nav {
        display: none; }
      .headerWidget11 .navigator > .rightPart .btn-login-wrap .fa-angle-down {
        position: absolute;
        display: block;
        right: 0;
        top: 50%;
        transform: translateY(-50%) rotate(-90deg);
        margin: 0;
        color: #bbbbbb;
        font-size: 1.25rem; }
      .headerWidget11 .navigator > .rightPart .memberLogin {
        padding-right: 10px;
        border-color: #eeeeee; }
        .headerWidget11 .navigator > .rightPart .memberLogin::after {
          margin: 0 0 0 5px; }
      .headerWidget11 .navigator > .rightPart .weather {
        float: none;
        height: 45px; }
    .headerWidget11 .navigator .bottomBar {
      width: 100%;
      position: fixed;
      top: 46px;
      left: -100%;
      background: #ffffff;
      margin-top: 0;
      z-index: 3;
      transition: left .3s; }
      .headerWidget11 .navigator .bottomBar .navMenu {
        display: block;
        width: 100%;
        height: 90%;
        padding: 0 24px;
        box-sizing: border-box;
        margin-top: 0.375rem;
        overflow-y: scroll; }
        .headerWidget11 .navigator .bottomBar .navMenu > .navMenuItem {
          display: block;
          border-bottom: 1px solid #f5f5f5;
          text-align: left;
          padding-top: 0;
          position: relative; }
          .headerWidget11 .navigator .bottomBar .navMenu > .navMenuItem .fa {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            color: #bbbbbb;
            font-size: 1.25rem; }
          .headerWidget11 .navigator .bottomBar .navMenu > .navMenuItem a {
            line-height: 3.125em;
            display: inline-block;
            position: relative; }
          .headerWidget11 .navigator .bottomBar .navMenu > .navMenuItem::after {
            content: '';
            width: 0;
            height: 1px;
            position: absolute;
            bottom: -1px;
            left: 0;
            transition: width .5s; }
          .headerWidget11 .navigator .bottomBar .navMenu > .navMenuItem:hover::after {
            width: 100%; }
      .headerWidget11 .navigator .bottomBar .bookingBtn {
        display: none; }
    .headerWidget11 .navigator .menuDash {
      display: none; }
    .headerWidget11 .navigator .subMenuWrap {
      width: 100%;
      position: absolute;
      top: 0;
      left: 100%;
      padding: 0 24px 0.375rem;
      background: #ffffff;
      line-height: 3.125em;
      font-size: 0.875rem;
      font-weight: 600;
      margin-top: 46px;
      box-sizing: border-box;
      z-index: 5;
      display: block;
      transition: left .3s; }
      .headerWidget11 .navigator .subMenuWrap .backToMenu {
        cursor: pointer;
        display: inline-block;
        padding: 0.6875rem 0; }
        .headerWidget11 .navigator .subMenuWrap .backToMenu .fa-angle-left {
          margin-right: 10px;
          font-size: 1.25rem; }
      .headerWidget11 .navigator .subMenuWrap .subMenu li, .headerWidget11 .navigator .subMenuWrap .subMenu .hotelOption {
        display: block;
        border-bottom: 1px solid #f5f5f5;
        text-align: left;
        font-weight: 500;
        cursor: pointer; }
        .headerWidget11 .navigator .subMenuWrap .subMenu li a, .headerWidget11 .navigator .subMenuWrap .subMenu .hotelOption a {
          line-height: 3.125em;
          display: block;
          position: relative;
          font-size: 0.875rem;
          font-weight: 500;
          cursor: pointer; }
          .headerWidget11 .navigator .subMenuWrap .subMenu li a::after, .headerWidget11 .navigator .subMenuWrap .subMenu .hotelOption a::after {
            content: '';
            width: 0;
            height: 1px;
            position: absolute;
            bottom: -1px;
            left: 0;
            transition: width .5s; }
          .headerWidget11 .navigator .subMenuWrap .subMenu li a:hover::after, .headerWidget11 .navigator .subMenuWrap .subMenu .hotelOption a:hover::after {
            width: 100%; }
      .headerWidget11 .navigator .subMenuWrap .subMenu .hotelOption {
        position: relative; }
        .headerWidget11 .navigator .subMenuWrap .subMenu .hotelOption::after {
          content: '';
          width: 0;
          height: 1px;
          position: absolute;
          bottom: -1px;
          left: 0;
          transition: width .5s; }
        .headerWidget11 .navigator .subMenuWrap .subMenu .hotelOption:hover::after {
          width: 100%; }
  .headerWidget11 .swiper-wrap {
    padding-top: 46px; }
  .headerWidget11 .swiper-next, .headerWidget11 .swiper-prev {
    display: none; }
  .headerWidget11 .bookingContainer {
    width: 320px;
    right: 50%;
    margin-right: -160px;
    z-index: 11;
    box-shadow: none;
    position: fixed;
    opacity: 1; }
    .headerWidget11 .bookingContainer .bookingWrap .triangle {
      display: none; } }
/* Extra small devices (portrait phones, less than 576px) 手机端竖屏 */
@media (max-width: 576px) {
  .headerWidget11 .swiper-wrap .title {
    font-size: 1.125rem; } }

/*# sourceMappingURL=headerWidget11.css.map */
