@charset "UTF-8";
.bookingWidget07 .bookingMask {
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  z-index: 9; }
.bookingWidget07 .bookingWidget {
  height: 56px;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  padding-top: 12px; }
  .bookingWidget07 .bookingWidget form {
    width: 772px;
    margin: 0px auto; }
  .bookingWidget07 .bookingWidget .bookinDdatePicker {
    float: left;
    height: 44px;
    width: 296px;
    position: relative;
    margin-right: 8px;
    background: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px; }
    .bookingWidget07 .bookingWidget .bookinDdatePicker .calendarIcon {
      font-size: 1.429em;
      color: #ffffff;
      position: absolute;
      left: 16px;
      top: 12px; }
    .bookingWidget07 .bookingWidget .bookinDdatePicker .bookingDateInput {
      font-size: 1em;
      font-weight: bold;
      line-height: 26px;
      height: 26px;
      position: absolute;
      left: 50px;
      width: 262px;
      top: 9px;
      border: none;
      color: #ffffff;
      background: none;
      outline: none;
      cursor: pointer;
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none; }
  .bookingWidget07 .bookingWidget .bookingRoomPicker {
    position: relative;
    float: left;
    height: 44px;
    width: 96px;
    margin-right: 8px;
    background: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px; }
    .bookingWidget07 .bookingWidget .bookingRoomPicker .roomIcon {
      font-size: 1.429em;
      color: #ffffff;
      position: absolute;
      left: 16px;
      top: 12px; }
    .bookingWidget07 .bookingWidget .bookingRoomPicker .bookingSelect {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      position: absolute;
      color: #ffffff;
      top: 9px;
      left: 50px;
      font-size: 1em;
      font-weight: bold;
      line-height: 26px;
      height: 26px;
      outline: none;
      width: 28px;
      background: none;
      cursor: pointer;
      text-align: left; }
    .bookingWidget07 .bookingWidget .bookingRoomPicker .bookingSelect option {
      color: #333333; }
  .bookingWidget07 .bookingWidget .bookingGuestPicker {
    position: relative;
    float: left;
    height: 44px;
    width: 96px;
    margin-right: 8px;
    background: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px; }
    .bookingWidget07 .bookingWidget .bookingGuestPicker .guestIcon {
      font-size: 1.429em;
      color: #ffffff;
      position: absolute;
      left: 16px;
      top: 12px; }
    .bookingWidget07 .bookingWidget .bookingGuestPicker .bookingSelect {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      position: absolute;
      color: #ffffff;
      top: 9px;
      left: 50px;
      font-size: 1em;
      font-weight: bold;
      line-height: 26px;
      height: 26px;
      outline: none;
      width: 28px;
      background: none;
      cursor: pointer;
      text-align: left; }
    .bookingWidget07 .bookingWidget .bookingGuestPicker .bookingSelect option {
      color: #333333; }
  .bookingWidget07 .bookingWidget .bookingCode {
    position: relative;
    float: left;
    height: 44px;
    width: 120px;
    margin-right: 8px;
    background: rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px; }
    .bookingWidget07 .bookingWidget .bookingCode .bookingCodeInput {
      appearance: none;
      -moz-appearance: none;
      -webkit-appearance: none;
      border: none;
      position: absolute;
      color: #ffffff;
      top: 9px;
      left: 16px;
      font-size: 1em;
      font-weight: bold;
      line-height: 26px;
      height: 26px;
      outline: none;
      width: 88px;
      background: none;
      cursor: pointer;
      text-align: left; }
      .bookingWidget07 .bookingWidget .bookingCode .bookingCodeInput::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.5);
        font-size: 0.857em; }
      .bookingWidget07 .bookingWidget .bookingCode .bookingCodeInput::-moz-placeholder {
        color: rgba(255, 255, 255, 0.5);
        font-size: 0.857em; }
      .bookingWidget07 .bookingWidget .bookingCode .bookingCodeInput:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.5);
        font-size: 0.857em; }
      .bookingWidget07 .bookingWidget .bookingCode .bookingCodeInput:-moz-placeholder {
        color: rgba(255, 255, 255, 0.5);
        font-size: 0.857em; }
  .bookingWidget07 .bookingWidget .bookingBtn {
    position: relative;
    color: #ffffff;
    float: left;
    height: 44px;
    line-height: 44px;
    width: 132px;
    display: block;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    font-size: 1em;
    font-weight: bold;
    outline: none;
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px; }
  .bookingWidget07 .bookingWidget .iconIndicate {
    top: 16px;
    color: #ffffff;
    right: 16px;
    font-size: 0.857em;
    position: absolute; }
  .bookingWidget07 .bookingWidget .datepicker {
    z-index: 3; }
  .bookingWidget07 .bookingWidget .datepicker__month-button {
    color: #ffffff; }
  .bookingWidget07 .bookingWidget .datepicker__month-day--selected {
    color: #ffffff; }
  .bookingWidget07 .bookingWidget .datepicker__month-day--hovering {
    color: #ffffff; }
  .bookingWidget07 .bookingWidget .datepicker__month-day--today {
    background-color: #cccccc; }
  .bookingWidget07 .bookingWidget .datepicker__month-day--first-day-selected,
  .bookingWidget07 .bookingWidget .datepicker__month-day--last-day-selected {
    color: #ffffff; }
.bookingWidget07 .oneBooking .members {
  display: none;
  background: #fff;
  width: 256px;
  max-height: 86%;
  padding: 24px;
  margin-left: -152px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 99;
  overflow-y: auto;
  transform: translateY(-50%); }
  .bookingWidget07 .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; }
  .bookingWidget07 .oneBooking .members li {
    font-weight: bold;
    list-style: none;
    margin-bottom: 8px;
    position: relative; }
    .bookingWidget07 .oneBooking .members li label {
      height: 34px;
      line-height: 34px;
      width: 100%;
      display: block;
      color: #666666; }
    .bookingWidget07 .oneBooking .members li .formControl {
      font-size: 1em;
      text-indent: 1em;
      display: block;
      width: 100%;
      height: 34px;
      line-height: 34px;
      background-color: #fff;
      color: #666666;
      outline: none;
      border: 1px solid; }
    .bookingWidget07 .oneBooking .members li .formControl:focus {
      border: 1px solid; }
    .bookingWidget07 .oneBooking .members li .login, .bookingWidget07 .oneBooking .members li .registerBtn, .bookingWidget07 .oneBooking .members li .confirm-btn {
      color: #fff;
      text-decoration: none;
      border-radius: 2px;
      width: 100%;
      height: 38px;
      text-align: center;
      line-height: 38px;
      margin-top: 16px;
      display: block; }
    .bookingWidget07 .oneBooking .members li .formControlFeedback {
      font-size: 0.857em;
      color: #D0021B;
      font-weight: normal;
      width: auto;
      height: auto;
      text-align: left;
      line-height: 18px; }
    .bookingWidget07 .oneBooking .members li .formControlFeedbackBtn {
      top: 36px; }
    .bookingWidget07 .oneBooking .members li .verificationBox {
      display: block;
      width: 77px;
      text-align: center;
      font-size: 0.857em;
      color: #fff;
      line-height: 36px;
      position: absolute;
      right: -2px;
      bottom: 0px; }
      .bookingWidget07 .oneBooking .members li .verificationBox:hover {
        cursor: pointer; }
    .bookingWidget07 .oneBooking .members li .registerBtn {
      margin-top: 16px; }
    .bookingWidget07 .oneBooking .members li .return-btn {
      text-decoration: none; }
    .bookingWidget07 .oneBooking .members li .foreignerTextBtn {
      font-size: 0.857em;
      text-align: center;
      display: block;
      text-decoration: none;
      font-weight: normal; }
  .bookingWidget07 .oneBooking .members .vipPasswordLi {
    cursor: pointer;
    text-align: center;
    font-weight: normal;
    font-size: 0.857em;
    margin-bottom: 0;
    text-decoration: none; }
  .bookingWidget07 .oneBooking .members .forgetDiv {
    display: none; }
  .bookingWidget07 .oneBooking .members .agreeText {
    font-size: 0.857em;
    color: #666666;
    font-weight: normal;
    margin-top: 16px;
    line-height: 16px; }
  .bookingWidget07 .oneBooking .members .foreignerDiv {
    font-size: 0.857em;
    color: #666666; }
    .bookingWidget07 .oneBooking .members .foreignerDiv p {
      font-weight: normal;
      padding-top: 10px;
      line-height: 1.46;
      margin-bottom: 24px; }
  .bookingWidget07 .oneBooking .members .resetSuccessDiv .iconSuccess, .bookingWidget07 .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; }
  .bookingWidget07 .oneBooking .members .resetSuccessDiv P, .bookingWidget07 .oneBooking .members .registerSuccessDiv P {
    height: 24px;
    text-align: center; }
    .bookingWidget07 .oneBooking .members .resetSuccessDiv P span, .bookingWidget07 .oneBooking .members .registerSuccessDiv P span {
      color: #D9002B; }
  .bookingWidget07 .oneBooking .members .resetSuccessDiv cite, .bookingWidget07 .oneBooking .members .registerSuccessDiv cite {
    font-style: normal;
    text-align: center;
    display: block; }
.bookingWidget07 .oneBooking .dropdown-menu {
  right: 70px; }

/* Large devices (desktops, less than 1200px) 普通桌面端 */
/* Medium devices (tablets, less than 992px) 平板端 */
/* Small devices (landscape phones, less than 768px) 手机端横屏 */
@media (max-width: 768px) {
  .bookingWidget07 .bookingWidget {
    background: none; }
    .bookingWidget07 .bookingWidget form {
      background: none;
      width: auto;
      text-align: center; }
    .bookingWidget07 .bookingWidget .bookinDdatePicker {
      display: none; }
    .bookingWidget07 .bookingWidget .bookingRoomPicker {
      display: none; }
    .bookingWidget07 .bookingWidget .bookingGuestPicker {
      display: none; }
    .bookingWidget07 .bookingWidget .bookingCode {
      display: none; }
    .bookingWidget07 .bookingWidget .bookingBtn {
      float: none;
      display: inline-block; } }
/* Extra small devices (portrait phones, less than 576px) 手机端竖屏 */
/* Extra small devices (portrait phones, less than 320px) 手机端竖屏 */

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