@charset "UTF-8";
html, body, div, ul, li, button, p, table, dd, dt {
  padding: 0;
  margin: 0; }

table {
  border-collapse: collapse; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #333; }

button {
  border: 1px solid #ccc;
  cursor: pointer;
  outline: none; }

select {
  border-radius: 0; }

a {
  text-decoration: none; }

ul {
  font-size: 0; }

li {
  list-style: none;
  font-size: 14px; }

dd {
  vertical-align: top; }

em {
  font-style: normal; }

img {
  border: 0; }

[v-cloak] {
  display: none; }

.clearfix:after {
  clear: both;
  content: '.';
  display: block;
  height: 0;
  overflow: hidden; }

.page-wrapper {
  width: 100%;
  background-color: #f4f4f4; }

.page-content {
  margin: 0 auto;
  width: 1280px;
  position: relative; }

.page-right-content {
  width: 85%;
  box-sizing: border-box;
  margin-left: 15%; }

.page-bg {
  background-color: #e8eff6; }

.blur-in {
  -webkit-filter: blur(16px);
  filter: blur(16px); }

.fl {
  float: left; }

.fr {
  float: right; }

.fc-gray {
  color: #808080; }

.fc-mark {
  color: #ffa000; }

.fc-green {
  color: #008000; }

.fc-darkGray {
  color: #666; }

.fc-main {
  color: #2064c8; }

.dib {
  display: inline-block; }

.ml8 {
  margin-left: 8px; }

.ml24 {
  margin-left: 24px; }

.mr10 {
  margin-right: 10px; }

.mr20 {
  margin-right: 20px; }

.mt5 {
  margin-top: 5px; }

.mt20 {
  margin-top: 20px; }

.mb20 {
  margin-bottom: 20px; }

.mt30 {
  margin-top: 30px; }

.mt90 {
  margin-top: 90px; }

.pr20 {
  padding-right: 20px; }

.pl0 {
  padding-left: 0; }

.pr0 {
  padding-right: 0; }

.px0 {
  padding-left: 0;
  padding-right: 0; }

.pl8 {
  padding-left: 8px; }

.fs12 {
  font-size: 12px; }

.fs14 {
  font-size: 14px; }

.fs18 {
  font-size: 18px; }

.fs22 {
  font-size: 20px; }

.lh20 {
  line-height: 20px; }

.col-2 {
  box-sizing: border-box;
  display: inline-block;
  width: 50%;
  font-size: 14px; }

.clfs {
  font-size: 0; }

.button {
  display: inline-block;
  background-color: #ffa000;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  border-radius: 6px;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  letter-spacing: 2px;
  cursor: pointer; }
  .button:hover {
    background-color: #ffb333; }
  .button.lighten {
    background-color: #ffd999; }
    .button.lighten:hover {
      background-color: #ffeccc; }

.row {
  font-size: 0; }

input[type=text], select {
  border-radius: 6px; }

input.error, textarea.error {
  border: 1px solid #ff0000;
  color: #ff0000; }

input.ime {
  ime-mode: disabled; }

.page-inner-loading {
  width: 100%;
  min-height: 400px;
  position: relative; }

#page-loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20180423; }
  #page-loading .loading-bg {
    width: 100%;
    height: 100%;
    background: #232323;
    opacity: 0.9; }
  #page-loading .loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    text-align: center; }
    #page-loading .loading h1 {
      font-size: 80px;
      letter-spacing: 6px;
      text-shadow: 0 0 20px rgba(117, 182, 255, 0.4);
      margin-top: 20%; }
    #page-loading .loading .progress-box {
      width: 40%;
      margin: auto;
      overflow: auto; }
      #page-loading .loading .progress-box .progress {
        width: 14%;
        margin: 1%;
        height: 8px;
        border: 1px solid #aaa;
        float: left;
        background-color: transparent;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
  #page-loading.showw {
    display: block; }
    #page-loading.showw .progress {
      -webkit-animation: prog-twinking 1s alternate infinite forwards;
      -o-animation: prog-twinking 1s alternate infinite forwards;
      animation: prog-twinking 1s alternate infinite forwards; }
      #page-loading.showw .progress:nth-child(1) {
        -webkit-animation: prog-twinking 1s 0s alternate 1 forwards;
        -o-animation: prog-twinking 1s 0s alternate 1 forwards;
        animation: prog-twinking 1s 0s alternate 1 forwards; }
      #page-loading.showw .progress:nth-child(2) {
        -webkit-animation: prog-twinking 1s 0.4s alternate 1 forwards;
        -o-animation: prog-twinking 1s 0.4s alternate 1 forwards;
        animation: prog-twinking 1s 0.4s alternate 1 forwards; }
      #page-loading.showw .progress:nth-child(3) {
        -webkit-animation: prog-twinking 1s 0.8s alternate 1 forwards;
        -o-animation: prog-twinking 1s 0.8s alternate 1 forwards;
        animation: prog-twinking 1s 0.8s alternate 1 forwards; }
      #page-loading.showw .progress:nth-child(4) {
        -webkit-animation: prog-twinking 1s 1.2s alternate 1 forwards;
        -o-animation: prog-twinking 1s 1.2s alternate 1 forwards;
        animation: prog-twinking 1s 1.2s alternate 1 forwards; }
      #page-loading.showw .progress:nth-child(5) {
        -webkit-animation: prog-twinking 1s 1.6s alternate 1 forwards;
        -o-animation: prog-twinking 1s 1.6s alternate 1 forwards;
        animation: prog-twinking 1s 1.6s alternate 1 forwards; }
      #page-loading.showw .progress:nth-child(6) {
        -webkit-animation: prog-twinking 1s 2s alternate infinite;
        -o-animation: prog-twinking 1s 2s alternate infinite;
        animation: prog-twinking 1s 2s alternate infinite; }
@-webkit-keyframes prog-twinking {
  from {
    box-shadow: inset 0 0 10px rgba(117, 182, 255, 0.4), 0 0 10px rgba(117, 182, 255, 0.4);
    background-color: transparent; }
  to {
    box-shadow: inset 0 0 10px rgba(117, 182, 255, 0.8), 0 0 20px rgba(117, 182, 255, 0.8);
    background-color: rgba(191, 213, 245, 0.6); } }
@-moz-keyframes prog-twinking {
  from {
    box-shadow: inset 0 0 10px rgba(117, 182, 255, 0.4), 0 0 10px rgba(117, 182, 255, 0.4);
    background-color: transparent; }
  to {
    box-shadow: inset 0 0 10px rgba(117, 182, 255, 0.8), 0 0 20px rgba(117, 182, 255, 0.8);
    background-color: rgba(191, 213, 245, 0.6); } }
@-o-keyframes prog-twinking {
  from {
    box-shadow: inset 0 0 10px rgba(117, 182, 255, 0.4), 0 0 10px rgba(117, 182, 255, 0.4);
    background-color: transparent; }
  to {
    box-shadow: inset 0 0 10px rgba(117, 182, 255, 0.8), 0 0 20px rgba(117, 182, 255, 0.8);
    background-color: rgba(191, 213, 245, 0.6); } }
@keyframes prog-twinking {
  from {
    box-shadow: inset 0 0 10px rgba(117, 182, 255, 0.4), 0 0 10px rgba(117, 182, 255, 0.4);
    background-color: transparent; }
  to {
    box-shadow: inset 0 0 10px rgba(117, 182, 255, 0.8), 0 0 20px rgba(117, 182, 255, 0.8);
    background-color: rgba(191, 213, 245, 0.6); } }
.page-inner-loading .loading > div, #page-loading .loading > div {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  top: 50%;
  margin-top: -30px;
  opacity: 1; }
.page-inner-loading .loading > div > div, #page-loading .loading > div > div {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  background: #2064c8;
  top: 10px;
  left: 10px;
  transform-origin: 20px 20px;
  border-radius: 8px;
  -webkit-animation: spin-a 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
  -o-animation: spin-a 2s infinite cubic-bezier(0.5, 0, 0.5, 1);
  animation: spin-a 2s infinite cubic-bezier(0.5, 0, 0.5, 1); }

.pagination {
  display: inline-block; }
  .pagination li {
    display: inline; }
    .pagination li a {
      border: none;
      font-size: 13px;
      min-width: 30px;
      min-height: 30px;
      color: #999;
      margin: 0 2px;
      line-height: 30px;
      border-radius: 2px !important;
      text-align: center;
      padding: 0 6px;
      text-decoration: none;
      background-color: #fff;
      position: relative;
      float: left; }
      .pagination li a:hover {
        background-color: #eee;
        color: #999; }
  .pagination .active a {
    background-color: #2064c8;
    color: #fff; }
    .pagination .active a:hover {
      background-color: #2064c8;
      color: #fff; }

.gMpgLabels .idx {
  display: inline-block;
  background-image: url("../images/marker.png?v=1");
  background-position-x: -5px;
  width: 21px;
  height: 32px;
  line-height: 28px;
  color: #fff;
  font-size: 12px;
  text-align: center; }
.gMpgLabels .lab {
  color: #fff;
  background-color: red;
  padding: 4px;
  font-family: "Lucida Grande", "Arial", sans-serif;
  font-size: 8px;
  font-weight: bold;
  text-align: center;
  border-radius: 10px;
  white-space: nowrap; }
.gMpgLabels:hover {
  color: #3E4E48;
  background-color: #ffae00; }

.gMpgLabels-orange .idx {
  display: inline-block;
  background-image: url("../images/marker-orange.png?v=1");
  background-position-x: -5px;
  width: 21px;
  height: 32px;
  line-height: 28px;
  color: #3E4E48;
  font-size: 12px;
  text-align: center; }
.gMpgLabels-orange .lab {
  color: #3E4E48;
  background-color: #ffae00;
  padding: 4px;
  font-family: "Lucida Grande", "Arial", sans-serif;
  font-size: 8px;
  font-weight: bold;
  text-align: center;
  border-radius: 10px;
  white-space: nowrap; }

.number-picker {
  box-sizing: border-box;
  width: 100%;
  font-size: 0; }
  .number-picker button {
    box-sizing: border-box;
    width: 30%;
    height: 30px;
    background-color: #FFF;
    color: #333333;
    border: 1px solid #ccc; }
    .number-picker button:hover {
      background-color: #ccc; }
  .number-picker input.number-viewer {
    width: 40% !important;
    height: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    color: #2064c8;
    box-sizing: border-box;
    border: 1px solid #ddd; }

.com__select-bed, .com__select-person {
  position: relative; }
  .com__select-bed .input, .com__select-person .input {
    height: 32px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    padding-left: 40px !important;
    padding-right: 16px !important; }
  .com__select-bed:before, .com__select-person:before {
    content: '\f236';
    font-family: 'FontAwesome';
    position: absolute;
    left: 10px;
    top: 10px;
    margin-right: 4px;
    color: #679be7;
    display: block;
    font-size: 18px; }
  .com__select-bed:after, .com__select-person:after {
    content: "\f0d7";
    font-family: 'FontAwesome';
    position: absolute;
    right: 10px;
    top: 10px;
    color: #000;
    display: block;
    font-size: 12px; }
  .com__select-bed .list-box, .com__select-person .list-box {
    display: none;
    min-width: 200px; }
    .com__select-bed .list-box.open, .com__select-person .list-box.open {
      display: block;
      background-color: #fff;
      border-radius: 6px;
      box-shadow: 0 4px 10px #333;
      position: absolute;
      width: 100%;
      z-index: 1000; }
      .com__select-bed .list-box.open .bed-item, .com__select-person .list-box.open .bed-item {
        line-height: 30px;
        padding: 0 10px;
        cursor: pointer; }
        .com__select-bed .list-box.open .bed-item span.text, .com__select-person .list-box.open .bed-item span.text {
          display: inline-block;
          width: 80%; }
        .com__select-bed .list-box.open .bed-item .fa-circle, .com__select-person .list-box.open .bed-item .fa-circle {
          display: none; }
        .com__select-bed .list-box.open .bed-item:hover span.text, .com__select-bed .list-box.open .bed-item.active span.text, .com__select-person .list-box.open .bed-item:hover span.text, .com__select-person .list-box.open .bed-item.active span.text {
          font-weight: bold; }
        .com__select-bed .list-box.open .bed-item.active .fa-circle, .com__select-person .list-box.open .bed-item.active .fa-circle {
          display: inline;
          color: #2064c8; }

.com__select-person:before {
  content: '\f0c0'; }
.com__select-person .select-box {
  display: none;
  min-width: 260px;
  padding: 10px; }
  .com__select-person .select-box.open {
    display: block;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 4px 10px #333;
    position: absolute;
    width: 100%;
    z-index: 1000;
    font-size: 14px; }
    .com__select-person .select-box.open small {
      color: #666; }
    .com__select-person .select-box.open .cont-box {
      display: inline-block;
      margin: auto 10px;
      float: right; }
    .com__select-person .select-box.open .val-box {
      color: #2064c8;
      font-weight: bold;
      padding: 0 10px;
      height: 20px; }
    .com__select-person .select-box.open button {
      border-radius: 100%;
      background-color: #2064c8;
      color: #fff;
      width: 20px;
      line-height: 20px; }
      .com__select-person .select-box.open button:hover {
        color: #bfd5f5; }
      .com__select-person .select-box.open button[disabled] {
        background-color: #666;
        cursor: pointer; }

/*移动端隐藏内容*/
@media screen and (max-width: 500px) {
  .mobile-hide {
    display: none; } }
.dialog {
  box-sizing: border-box;
  background-color: #ebf2fc;
  color: #2064c8;
  width: 100%;
  padding: 30px;
  margin-bottom: 16px;
  box-shadow: 0 4px 4px #ccc; }
  .dialog i {
    margin-right: 10px; }

.page-header {
  background: #fff;
  position: relative;
  border-bottom: 2px solid #2064c8; }
  .page-header .top-bar-box {
    height: 70px;
    width: 1280px;
    margin: 0 auto; }
    .page-header .top-bar-box .tob-bar-fl {
      float: left;
      display: inline-block; }
    .page-header .top-bar-box .tob-bar-fr {
      float: right;
      display: inline-block; }
  .page-header .logo-box a {
    display: block;
    margin-top: 12px; }
  .page-header .logo-box img {
    height: 45px; }
  .page-header .nav_lst {
    height: 40px;
    line-height: 40px;
    border-left: 1px solid #ddd;
    margin-top: 16px;
    font-size: 0; }
    .page-header .nav_lst .od_li {
      display: inline-block;
      position: relative;
      cursor: pointer;
      font-size: 14px;
      padding: 0 10px; }
      .page-header .nav_lst .od_li a {
        color: #333;
        line-height: 40px;
        display: block;
        padding: 0px 10px; }
        .page-header .nav_lst .od_li a img {
          vertical-align: middle; }
      .page-header .nav_lst .od_li:hover a {
        color: #2064c8;
        background-color: #f5f5f5; }
      .page-header .nav_lst .od_li:hover .dropdown-menu {
        display: block; }
      .page-header .nav_lst .od_li .dropdown-menu {
        position: absolute;
        left: 10px;
        width: 200px;
        border: 1px solid #ddd;
        z-index: 900;
        top: 40px;
        display: none;
        max-height: 400px;
        overflow-y: auto; }
        .page-header .nav_lst .od_li .dropdown-menu a {
          color: #333;
          background-color: #fff;
          display: block;
          line-height: 44px;
          padding: 0 16px; }
        .page-header .nav_lst .od_li .dropdown-menu li {
          display: block;
          background-color: #fff; }
        .page-header .nav_lst .od_li .dropdown-menu li a:hover {
          color: #fff;
          background-color: #2064c8; }
  .page-header .main-nav {
    height: 40px;
    line-height: 40px;
    background-color: #2064c8;
    color: #FFF; }
    .page-header .main-nav .nav-warp {
      width: 1280px;
      margin: 0 auto; }
    .page-header .main-nav .main-nav-box li {
      border-right: 1px solid rgba(255, 255, 255, 0.2);
      cursor: pointer;
      display: inline-block; }
      .page-header .main-nav .main-nav-box li:hover {
        background-color: rgba(0, 0, 0, 0.2); }
      .page-header .main-nav .main-nav-box li a {
        color: #FFF;
        padding: 0 16px;
        display: inline-block;
        height: 40px; }

.page-footer {
  background-color: #fff;
  color: #FFF;
  margin-top: 20px;
  border-top: 1px solid #ddd; }
  .page-footer .ft-copyright {
    text-align: center;
    padding: 20px; }
    .page-footer .ft-copyright p {
      color: #666; }

#page-hotel-list .page-content-search {
  background: #fff; }
  #page-hotel-list .page-content-search .page-search-bar {
    padding: 0 10px;
    font-size: 0;
    width: 1280px;
    margin: 0px auto; }
    #page-hotel-list .page-content-search .page-search-bar .search-item {
      position: relative;
      line-height: 18px;
      display: inline-block;
      margin: 8px 0px 15px 0px;
      box-sizing: border-box;
      padding-right: 6px;
      vertical-align: top; }
      #page-hotel-list .page-content-search .page-search-bar .search-item label {
        color: #333;
        float: left;
        padding: 0px 2px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        font-size: 12px;
        height: 18px;
        width: 100%;
        font-weight: bold; }
        #page-hotel-list .page-content-search .page-search-bar .search-item label .history-item {
          font-size: 10px;
          font-weight: normal;
          color: #2064c8;
          border: 1px solid transparent;
          padding: 0 2px;
          transform: scale(0.9); }
          #page-hotel-list .page-content-search .page-search-bar .search-item label .history-item .fa-close {
            color: transparent; }
          #page-hotel-list .page-content-search .page-search-bar .search-item label .history-item:hover {
            border-color: #bfd5f5; }
            #page-hotel-list .page-content-search .page-search-bar .search-item label .history-item:hover .fa-close {
              color: inherit; }
      #page-hotel-list .page-content-search .page-search-bar .search-item .input {
        height: 30px;
        line-height: 30px;
        border: 1px solid #ccc;
        padding: 0 6px;
        box-sizing: border-box;
        font-size: 14px;
        width: 100%;
        outline: none; }
      #page-hotel-list .page-content-search .page-search-bar .search-item button.search {
        display: inline-block;
        line-height: 32px;
        width: 100%;
        background-color: #ffa000;
        color: #FFF;
        border-radius: 4px;
        box-sizing: border-box;
        font-size: 14px;
        position: absolute;
        top: 16px;
        transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        cursor: pointer; }
        #page-hotel-list .page-content-search .page-search-bar .search-item button.search:hover {
          background-color: #ffb333;
          letter-spacing: 5px; }
        #page-hotel-list .page-content-search .page-search-bar .search-item button.search:before {
          content: '\f002';
          font-family: FontAwesome;
          margin-right: 6px; }
      #page-hotel-list .page-content-search .page-search-bar .search-item:last-child {
        width: 10%;
        height: 34px; }
    #page-hotel-list .page-content-search .page-search-bar .destination {
      width: 13%; }
    #page-hotel-list .page-content-search .page-search-bar .date-rang {
      width: 18%;
      position: relative; }
      #page-hotel-list .page-content-search .page-search-bar .date-rang .input {
        padding-left: 30px !important; }
      #page-hotel-list .page-content-search .page-search-bar .date-rang:after {
        position: absolute;
        left: 4px;
        content: '\f073';
        font-family: FontAwesome;
        color: #679be7;
        font-size: 18px;
        top: 23px; }
    #page-hotel-list .page-content-search .page-search-bar .keyword {
      width: 18%; }
    #page-hotel-list .page-content-search .page-search-bar .nationality, #page-hotel-list .page-content-search .page-search-bar .min {
      width: 10%;
      vertical-align: top; }
      #page-hotel-list .page-content-search .page-search-bar .nationality .form-search-select, #page-hotel-list .page-content-search .page-search-bar .min .form-search-select {
        display: block;
        width: 100%;
        height: 32px;
        padding: 4px 12px;
        font-size: 14px;
        line-height: 30px;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
      #page-hotel-list .page-content-search .page-search-bar .nationality .com__select-bed:before,
      #page-hotel-list .page-content-search .page-search-bar .nationality .com__select-bed:after,
      #page-hotel-list .page-content-search .page-search-bar .nationality .com__select-person:before,
      #page-hotel-list .page-content-search .page-search-bar .nationality .com__select-person:after, #page-hotel-list .page-content-search .page-search-bar .min .com__select-bed:before,
      #page-hotel-list .page-content-search .page-search-bar .min .com__select-bed:after,
      #page-hotel-list .page-content-search .page-search-bar .min .com__select-person:before,
      #page-hotel-list .page-content-search .page-search-bar .min .com__select-person:after {
        top: 24px; }
    #page-hotel-list .page-content-search .page-search-bar .select2-selection--multiple {
      height: 30px;
      overflow: hidden; }
#page-hotel-list .filter-box {
  margin: 5px 0 5px 0; }
  #page-hotel-list .filter-box .filter-class {
    background-color: #f9f9f9;
    border-bottom: 1px solid #fff;
    overflow: hidden; }
    #page-hotel-list .filter-box .filter-class .class-title {
      width: 100px;
      float: left;
      padding-left: 8px;
      box-sizing: border-box;
      font-size: 14px;
      line-height: 41px; }
      #page-hotel-list .filter-box .filter-class .class-title:before {
        font-family: FontAwesome;
        color: #82befa;
        margin-right: 8px;
        width: 14px;
        display: inline-block;
        text-align: center; }
    #page-hotel-list .filter-box .filter-class .region:before {
      content: '\f041'; }
    #page-hotel-list .filter-box .filter-class .price:before {
      content: '\f155'; }
    #page-hotel-list .filter-box .filter-class .star:before {
      content: '\f005'; }
    #page-hotel-list .filter-box .filter-class .filter-item-box {
      margin-left: 120px;
      padding-left: 10px;
      /* margin-right: 20px; */
      border-bottom: 1px dashed #eee;
      box-sizing: border-box;
      font-size: 12px;
      /* height: 50px; */
      /* line-height: 25px; */
      background-color: #fff; }
      #page-hotel-list .filter-box .filter-class .filter-item-box .filter-item {
        display: inline-block;
        width: 15%;
        overflow: hidden;
        margin-right: 8px;
        margin-left: 8px;
        cursor: pointer;
        overflow: hidden;
        white-space: nowrap;
        /* height: 37px; */
        line-height: 36px; }
        #page-hotel-list .filter-box .filter-class .filter-item-box .filter-item:hover a {
          background-color: #b3d8fc; }
        #page-hotel-list .filter-box .filter-class .filter-item-box .filter-item a {
          color: #333;
          padding: 6px;
          font-size: 12px; }
#page-hotel-list .filter-selected {
  margin-bottom: 8px; }
  #page-hotel-list .filter-selected .hotel-quantity {
    display: inline-block; }
    #page-hotel-list .filter-selected .hotel-quantity span.area-tetle-city {
      color: #000; }
    #page-hotel-list .filter-selected .hotel-quantity span.area-title-country {
      color: #2064c8; }
    #page-hotel-list .filter-selected .hotel-quantity span.area-tetle-conunt {
      color: #f60; }
    #page-hotel-list .filter-selected .hotel-quantity span {
      font-size: 20px;
      font-weight: bold;
      margin-right: 8px; }
  #page-hotel-list .filter-selected .ft-select {
    display: inline-block; }
    #page-hotel-list .filter-selected .ft-select .select-item {
      display: inline-block;
      margin-right: 4px;
      border: 1px dashed #2064c8;
      background-color: #E4F1FE;
      cursor: pointer;
      padding: 0 4px; }
      #page-hotel-list .filter-selected .ft-select .select-item:after {
        content: '\f00d';
        font-family: FontAwesome;
        color: #2064c8;
        border: 1px solid #2064c8;
        margin-left: 4px; }
#page-hotel-list .hotel-list-map {
  position: relative;
  margin-bottom: 16px;
  overflow: auto; }
  #page-hotel-list .hotel-list-map .hotel-list-box {
    box-sizing: border-box;
    width: 834px;
    float: left;
    padding-bottom: 20px; }
    #page-hotel-list .hotel-list-map .hotel-list-box .list-order {
      height: 40px;
      line-height: 40px;
      border-top: 2px solid #82befa;
      background-color: #E4F1FE; }
      #page-hotel-list .hotel-list-map .hotel-list-box .list-order li {
        display: inline-block;
        padding: 0 24px;
        cursor: pointer;
        color: #AAA; }
        #page-hotel-list .hotel-list-map .hotel-list-box .list-order li:hover {
          background-color: #bdddfd;
          color: #333; }
        #page-hotel-list .hotel-list-map .hotel-list-box .list-order li span {
          color: #333; }
        #page-hotel-list .hotel-list-map .hotel-list-box .list-order li i {
          margin-left: 4px; }
      #page-hotel-list .hotel-list-map .hotel-list-box .list-order .active {
        background-color: #2064c8; }
        #page-hotel-list .hotel-list-map .hotel-list-box .list-order .active span {
          color: #FFF; }
        #page-hotel-list .hotel-list-map .hotel-list-box .list-order .active:hover {
          color: #333; }
    #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list {
      margin: 0px auto 16px auto;
      background-color: #fff; }
      #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item {
        position: relative;
        min-height: 125px;
        box-sizing: content-box;
        border-bottom: 1px solid #dedede;
        padding: 8px 0;
        cursor: pointer; }
        #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item:hover {
          background-color: #f8fbff; }
          #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item:hover .hotel-name {
            color: #f60; }
            #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item:hover .hotel-name .number {
              background-color: #ffa000; }
          #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item:hover .lright .hotel-detail {
            background-color: #ffa000;
            border: 1px solid #eb9300;
            color: #FFF; }
        #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item p {
          margin: 8px 0; }
        #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item .lleft {
          margin-left: 202px;
          margin-top: 5px;
          width: 440px; }
        #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item .lright {
          position: absolute;
          right: 0px;
          top: 20px;
          width: 184px;
          border-left: 1px solid #ddd; }
          #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item .lright .hotel-price {
            font-size: 14px;
            color: #aaaaaa;
            text-align: center; }
            #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item .lright .hotel-price .mark {
              font-size: 30px;
              color: #f60;
              margin-right: 4px; }
          #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item .lright .hotel-price-label {
            color: #ccc;
            text-align: center;
            font-size: 12px; }
            #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item .lright .hotel-price-label:before, #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item .lright .hotel-price-label:after {
              content: '';
              display: inline-block;
              width: 22px;
              height: 1px;
              background-color: #ccc; }
          #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item .lright .hotel-detail {
            border: 1px solid #2064c8;
            color: #2064c8;
            font-size: 14px;
            width: 100px;
            height: 30px;
            line-height: 30px;
            margin-left: 42px;
            background-color: #FFF;
            border-radius: 4px; }
        #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item .hotel-img {
          position: absolute;
          width: 180px;
          height: 125px;
          left: 8px;
          top: 8px; }
        #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item .hotel-name {
          font-size: 16px;
          color: #2064c8; }
          #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item .hotel-name .number {
            border-radius: 100%;
            background-color: #2064c8;
            color: #FFF;
            margin-right: 8px;
            width: 20px;
            height: 20px;
            display: inline-block;
            text-align: center;
            font-size: 14px;
            line-height: 20px; }
        #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item .hotel__sub_title,
        #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item .hotel-addr {
          color: #888;
          padding-right: 5px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden; }
        #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item .hotel__sub_title {
          font-size: 10px; }
        #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item .hotel-star {
          color: #F89406; }
          #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item .hotel-star i {
            margin-right: 4px; }
        #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item .hotel-area {
          color: #333;
          font-size: 14px; }
          #page-hotel-list .hotel-list-map .hotel-list-box .hotel-list .hotel-item .hotel-area:before {
            content: '\f041';
            font-family: FontAwesome;
            margin-right: 8px; }
    #page-hotel-list .hotel-list-map .hotel-list-box .paginate {
      text-align: center; }
    #page-hotel-list .hotel-list-map .hotel-list-box .none-data {
      background-color: #ebf2fc;
      padding: 60px 16px; }
  #page-hotel-list .hotel-list-map .hotel-map-box {
    position: absolute;
    box-sizing: border-box;
    width: 430px;
    height: 600px;
    margin-left: 850px;
    border: 1px solid #ddd; }

#page-product-list .breadcrumb {
  font-size: 12px;
  color: #333;
  margin: 8px auto; }
  #page-product-list .breadcrumb a {
    color: #333; }
    #page-product-list .breadcrumb a:hover {
      color: #2064c8; }
#page-product-list .hotel-detail .hotel-info .hotel-name {
  margin: 5px 0px; }
  #page-product-list .hotel-detail .hotel-info .hotel-name span {
    font-size: 12px;
    margin-left: 8px;
    color: #888; }
#page-product-list .hotel-detail .hotel-info .hotel-star {
  color: #F89406;
  letter-spacing: 4px;
  border-right: 1px solid #ccc;
  padding-right: 8px;
  margin-right: 8px; }
#page-product-list .hotel-detail .hotel-info .hotel-addr {
  color: #888; }
  #page-product-list .hotel-detail .hotel-info .hotel-addr:hover {
    color: #2064c8; }
#page-product-list .hotel-detail .hotel-info .hotel-map {
  font-size: 12px;
  margin-left: 4px;
  color: #2064c8;
  border: 1px solid #ccc;
  border-radius: 14px;
  padding: 4px 4px;
  cursor: pointer; }
  #page-product-list .hotel-detail .hotel-info .hotel-map:before {
    content: '\f041';
    font-family: FontAwesome;
    margin-right: 4px; }
  #page-product-list .hotel-detail .hotel-info .hotel-map:hover {
    color: #ffa000; }
#page-product-list .hotel-detail .hotel-img {
  margin-top: 8px;
  position: relative;
  height: 380px; }
  #page-product-list .hotel-detail .hotel-img div {
    cursor: pointer; }
  #page-product-list .hotel-detail .hotel-img .img0 {
    width: 730px;
    height: 380px;
    background-size: cover;
    background-position: center; }
  #page-product-list .hotel-detail .hotel-img .img1 {
    position: absolute;
    right: 0;
    top: 0;
    width: 544px;
    height: 270px;
    background-size: cover;
    background-position: center; }
  #page-product-list .hotel-detail .hotel-img .more {
    position: absolute;
    right: 0;
    top: 274px;
    width: 544px;
    height: 106px; }
    #page-product-list .hotel-detail .hotel-img .more .mask {
      width: 100%;
      height: 100%;
      background-color: #3e63a4;
      opacity: .7;
      text-align: center;
      box-sizing: border-box; }
    #page-product-list .hotel-detail .hotel-img .more .more-img {
      background-size: cover;
      width: 270px;
      height: 100%; }
      #page-product-list .hotel-detail .hotel-img .more .more-img .mask {
        padding-top: 36px; }
        #page-product-list .hotel-detail .hotel-img .more .more-img .mask span {
          color: #fff; }
          #page-product-list .hotel-detail .hotel-img .more .more-img .mask span:first-child {
            border-bottom: 1px solid #fff; }
    #page-product-list .hotel-detail .hotel-img .more .around-map {
      position: absolute;
      right: 0;
      top: 0;
      background-size: cover;
      width: 270px;
      height: 100%;
      background-image: url("../images/map-bg.png"); }
      #page-product-list .hotel-detail .hotel-img .more .around-map .mask {
        padding-top: 24px;
        color: #fff; }
        #page-product-list .hotel-detail .hotel-img .more .around-map .mask p {
          color: #fff;
          margin-bottom: 4px; }
        #page-product-list .hotel-detail .hotel-img .more .around-map .mask i {
          font-size: 30px;
          color: #fff; }
#page-product-list .hotel-detail .search-box {
  margin: 10px auto;
  font-size: 0;
  position: relative; }
  #page-product-list .hotel-detail .search-box .search-date {
    background-color: #fff;
    padding: 10px 10px 15px 10px; }
    #page-product-list .hotel-detail .search-box .search-date .s-item {
      display: inline-block;
      width: 170px;
      margin: 0 20px 0 0;
      -webkit-box-sizing: border-box;
      position: relative; }
      #page-product-list .hotel-detail .search-box .search-date .s-item label {
        display: block;
        margin-bottom: 2px;
        white-space: nowrap;
        font-size: 12px; }
      #page-product-list .hotel-detail .search-box .search-date .s-item input, #page-product-list .hotel-detail .search-box .search-date .s-item select {
        margin: 0;
        vertical-align: middle;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
        padding: 0 32px;
        border: 1px solid #ccc;
        width: 100%;
        -webkit-box-sizing: border-box; }
        #page-product-list .hotel-detail .search-box .search-date .s-item input.number-viewer, #page-product-list .hotel-detail .search-box .search-date .s-item select.number-viewer {
          padding: 0; }
      #page-product-list .hotel-detail .search-box .search-date .s-item .number-picker button {
        height: 36px;
        vertical-align: bottom; }
      #page-product-list .hotel-detail .search-box .search-date .s-item select {
        padding: 0 8px; }
    #page-product-list .hotel-detail .search-box .search-date .item-date {
      position: relative; }
      #page-product-list .hotel-detail .search-box .search-date .item-date:after {
        position: absolute;
        left: 10px;
        content: '\f073';
        font-family: FontAwesome;
        color: #679be7;
        font-size: 18px;
        top: 26px; }
    #page-product-list .hotel-detail .search-box .search-date .night-num {
      display: inline-block;
      margin: 0 20px 0 -15px;
      vertical-align: middle; }
      #page-product-list .hotel-detail .search-box .search-date .night-num .nt {
        font-size: 16px; }
    #page-product-list .hotel-detail .search-box .search-date button.search {
      cursor: pointer;
      padding: 0 1em;
      color: #fff;
      font-size: 16px;
      border-radius: 4px;
      vertical-align: middle;
      display: inline-block;
      box-sizing: border-box;
      height: 36px;
      line-height: 36px;
      border: 0 none;
      border-bottom: 2px solid #0c5284;
      background: #1171b7;
      text-align: center;
      white-space: nowrap;
      -webkit-appearance: none; }
      #page-product-list .hotel-detail .search-box .search-date button.search:hover {
        color: #fff;
        text-decoration: none;
        background-color: #3498db;
        border-color: #2980b9; }
  #page-product-list .hotel-detail .search-box .search-screen {
    padding: 10px 0px 0px 0px; }
    #page-product-list .hotel-detail .search-box .search-screen .bed-selector-box {
      width: 200px;
      display: inline-block; }
      #page-product-list .hotel-detail .search-box .search-screen .bed-selector-box .input {
        border: 1px solid #ccc;
        height: 34px; }
    #page-product-list .hotel-detail .search-box .search-screen span.filter {
      display: inline-block;
      border: 1px solid #ccc;
      font-size: 14px;
      padding: 6px 10px;
      border-radius: 2px;
      margin-right: 10px;
      cursor: pointer;
      background: #fff; }
      #page-product-list .hotel-detail .search-box .search-screen span.filter:hover, #page-product-list .hotel-detail .search-box .search-screen span.filter.active {
        text-decoration: none;
        border-color: #1171b7;
        color: #1171b7; }
  #page-product-list .hotel-detail .search-box .search-left {
    display: inline-block; }
    #page-product-list .hotel-detail .search-box .search-left .input-box {
      position: relative;
      display: inline-block;
      width: 200px; }
      #page-product-list .hotel-detail .search-box .search-left .input-box label.main-label {
        position: absolute;
        font-size: 12px;
        color: #aaa;
        line-height: 30px;
        height: 30px;
        top: 0;
        left: 4px; }
    #page-product-list .hotel-detail .search-box .search-left .input {
      font-size: 14px;
      height: 30px;
      line-height: 30px;
      border: 1px solid #c0c0c0;
      padding: 0 4px 0 60px;
      font-weight: bold;
      box-sizing: border-box;
      width: 200px; }
    #page-product-list .hotel-detail .search-box .search-left .end-date {
      border-left: 0; }
    #page-product-list .hotel-detail .search-box .search-left .nt {
      font-size: 14px;
      font-weight: bold;
      margin: 0 8px; }
    #page-product-list .hotel-detail .search-box .search-left .nationality-box {
      width: 200px; }
      #page-product-list .hotel-detail .search-box .search-left .nationality-box select {
        width: 100%;
        height: 30px;
        line-height: 30px; }
    #page-product-list .hotel-detail .search-box .search-left button {
      background-color: #2064c8;
      color: #fff;
      border-radius: 6px;
      height: 30px;
      line-height: 30px;
      padding: 0 10px;
      margin-left: 16px;
      border: 0; }
      #page-product-list .hotel-detail .search-box .search-left button:hover {
        background-color: #1c57ae;
        cursor: pointer; }
  #page-product-list .hotel-detail .search-box .search-right {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    font-size: 0;
    height: 32px; }
    #page-product-list .hotel-detail .search-box .search-right li.filter-item {
      font-size: 14px;
      display: inline-block;
      border: 1px solid #aaaaaa;
      padding: 0 8px;
      margin: 0 4px;
      height: 30px;
      line-height: 30px;
      cursor: pointer;
      vertical-align: top; }
      #page-product-list .hotel-detail .search-box .search-right li.filter-item:hover {
        color: #2064c8; }
      #page-product-list .hotel-detail .search-box .search-right li.filter-item.active {
        background-color: #2064c8;
        color: #fff; }
    #page-product-list .hotel-detail .search-box .search-right .bed-type {
      width: 80px;
      text-align: center;
      box-sizing: border-box;
      position: relative; }
      #page-product-list .hotel-detail .search-box .search-right .bed-type .bed-type-list {
        position: absolute;
        left: 0;
        width: 100%; }
        #page-product-list .hotel-detail .search-box .search-right .bed-type .bed-type-list .bed-type-item {
          display: block;
          width: 100%;
          border: 1px solid #2064c8;
          color: #2064c8; }
#page-product-list .hotel-detail .product-list .none-data {
  text-align: center;
  color: #2064c8;
  font-weight: bold;
  font-size: 20px;
  margin: 50px auto; }
#page-product-list .hotel-detail .product-list .h-type-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 35px; }
  #page-product-list .hotel-detail .product-list .h-type-table .h-type-list {
    background-color: #fff;
    border-collapse: collapse; }
    #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .type-hd {
      position: relative;
      padding-top: 6px;
      margin: -1px -2px -1px -1px;
      border: 1px solid #ccc;
      border-bottom: none; }
      #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .type-hd .type-hd-pic {
        width: 120px;
        height: 130px;
        background-color: #fff;
        z-index: 2;
        position: absolute;
        top: 0;
        border-bottom: 0;
        cursor: pointer; }
        #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .type-hd .type-hd-pic .img {
          display: inline-block;
          width: 100%;
          height: 130px;
          background-size: cover;
          background-position: center center; }
      #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .type-hd .type-hd-info {
        padding: 0 10px 5px 140px;
        min-height: 78px; }
        #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .type-hd .type-hd-info .mod-tit {
          margin: 0;
          font-size: 22px;
          font-weight: normal; }
          #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .type-hd .type-hd-info .mod-tit a {
            color: #1171b7; }
        #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .type-hd .type-hd-info .room-server {
          color: #666;
          margin: 10px 0px; }
          #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .type-hd .type-hd-info .room-server .h-icon-box {
            margin-right: 20px;
            display: inline-block; }
            #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .type-hd .type-hd-info .room-server .h-icon-box i {
              margin-right: 5px;
              color: #1171b7; }
        #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .type-hd .type-hd-info .power-txt {
          margin: 3px 0;
          color: #55AF32;
          font-weight: bold;
          font-size: 12px; }
    #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .h-row .cell-type {
      width: 13%;
      border-left: 1px solid #ccc;
      padding-left: 12px !important; }
      #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .h-row .cell-type .type-txt {
        font-size: 12px;
        word-break: break-word; }
    #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .h-row .cell-max {
      width: 6%; }
    #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .h-row .cell-bed {
      width: 12%; }
    #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .h-row .cell-facility {
      width: 14%; }
    #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .h-row .cell-policy {
      width: 20%; }
    #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .h-row .cell-price {
      text-align: right;
      padding-right: 5px; }
    #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .h-row .cell-book {
      width: 12%;
      border-right: 1px solid #ccc; }
    #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .h-row .td-price {
      vertical-align: middle !important; }
    #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .h-row .cell {
      padding: 15px 5px 20px 0;
      vertical-align: top;
      border-bottom: 1px solid #ccc; }
    #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .h-row .more-box {
      width: 100%;
      background: #f4f4f4; }
      #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .h-row .more-box .more-room {
        position: relative;
        top: -2px;
        float: right;
        margin-right: 64px;
        text-align: center;
        line-height: 24px;
        margin-bottom: 5px;
        width: 103px;
        height: 24px;
        background: url("../../../res/images/hotel-fold-bg.jpg") no-repeat;
        font-size: 12px;
        color: #1171b7;
        cursor: pointer; }
        #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .h-row .more-box .more-room .arrow {
          border: 5px solid transparent;
          border-top: 5px solid #1171b7;
          display: inline-block;
          vertical-align: middle;
          position: relative;
          bottom: -2px;
          margin-left: 5px; }
        #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .h-row .more-box .more-room:hover {
          text-decoration: underline; }
    #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .h-row .txt-green {
      color: #55af32;
      border-bottom-color: #55af32; }
    #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .h-row .txt-blue {
      color: #1171b7;
      border-bottom-color: #1171b7; }
    #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .h-row .txt-gray {
      color: #999;
      border-bottom-color: #999; }
    #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .h-row:hover {
      background-color: #FEFEFE; }
    #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .th-row {
      background-color: #f7f7f7; }
      #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .th-row .cell {
        border-bottom: none;
        padding: 13px 0;
        font-size: 14px;
        vertical-align: middle; }
    #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .policy-list {
      margin: 0;
      padding: 0;
      list-style: none; }
      #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .policy-list li {
        margin-bottom: 2px;
        position: relative; }
        #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .policy-list li [data-tippy] {
          border-bottom-style: dashed;
          border-bottom-width: 1px;
          border-bottom-color: inherit;
          cursor: help; }
    #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .price-cnt {
      text-align: right; }
      #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .price-cnt .price-bubble {
        cursor: help; }
        #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .price-cnt .price-bubble .c-price {
          display: inline;
          border-bottom: 1px dashed #f60;
          font-size: 14px; }
          #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .price-cnt .price-bubble .c-price .price-currency {
            font-size: 14px;
            color: #f60;
            margin-right: 4px;
            font-weight: bold;
            font-style: normal; }
          #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .price-cnt .price-bubble .c-price .price-num {
            font-size: 24px;
            color: #f60;
            font-weight: bold; }
    #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .td-book {
      vertical-align: middle;
      text-align: center; }
      #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .td-book .btn-ok .pay-style {
        display: inline-block;
        border: 1px solid #ffa000;
        border-radius: 4px 4px 0 0;
        width: 88px;
        color: #ffa000;
        padding: 2px 0; }
      #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .td-book .btn-ok .c-btn {
        height: 32px;
        line-height: 32px;
        width: 90px;
        padding: 0;
        border-radius: 0 0 4px 4px;
        cursor: pointer;
        font-size: 16px;
        vertical-align: middle;
        display: inline-block;
        box-sizing: border-box;
        border-bottom: 2px solid #e67e22;
        border-left: 1px solid #ffa000;
        border-top: 1px solid #ffa000;
        border-right: 1px solid #ffa000;
        text-align: center;
        white-space: nowrap;
        background: #ffa000;
        color: #fff; }
      #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .td-book .btn-rq .pay-style {
        display: inline-block;
        border: 1px solid #999;
        border-radius: 4px 4px 0 0;
        width: 88px;
        color: #666;
        padding: 2px 0; }
      #page-product-list .hotel-detail .product-list .h-type-table .h-type-list .td-book .btn-rq .c-btn {
        height: 32px;
        line-height: 32px;
        width: 90px;
        padding: 0;
        border-radius: 0 0 4px 4px;
        cursor: pointer;
        font-size: 16px;
        vertical-align: middle;
        display: inline-block;
        box-sizing: border-box;
        border-bottom: 2px solid #666;
        border-left: 1px solid #9d9d9d;
        border-top: 1px solid #9d9d9d;
        border-right: 1px solid #9d9d9d;
        text-align: center;
        white-space: nowrap;
        background: #9d9d9d;
        color: #fff; }
#page-product-list .hotel-detail .product-list .none-prod {
  padding: 50px;
  text-align: center;
  background-color: #fff;
  min-height: 200px; }
  #page-product-list .hotel-detail .product-list .none-prod i {
    font-size: 48px;
    color: #ffb000; }
#page-product-list .hotel-detail .product-list .list-header {
  height: 50px;
  line-height: 50px;
  background-color: #f9f9f9;
  font-size: 18px;
  border-bottom: 1px solid #e0e0e0; }
  #page-product-list .hotel-detail .product-list .list-header li {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    overflow: hidden; }
  #page-product-list .hotel-detail .product-list .list-header .room-name {
    margin-left: 184px; }
#page-product-list .hotel-detail .product-list .room-name {
  display: inline-block;
  width: 266px;
  padding-left: 16px;
  box-sizing: border-box; }
#page-product-list .hotel-detail .product-list .room-description {
  display: inline-block;
  width: 180px; }
#page-product-list .hotel-detail .product-list .number-people {
  display: inline-block;
  width: 145px;
  text-align: center; }
#page-product-list .hotel-detail .product-list .server {
  display: inline-block;
  width: 190px; }
  #page-product-list .hotel-detail .product-list .server .iFlag {
    display: inline-block;
    width: 12px; }
  #page-product-list .hotel-detail .product-list .server .cancel-rules {
    border-bottom: 1px dashed #333;
    margin-left: 15px; }
  #page-product-list .hotel-detail .product-list .server .apply {
    border-bottom: 1px dashed #333; }
#page-product-list .hotel-detail .product-list .price {
  display: inline-block;
  width: 160px;
  text-align: center; }
#page-product-list .hotel-detail .product-list .room-item {
  border: 1px solid #e0e0e0;
  border-top: 0;
  background-color: #fff; }
  #page-product-list .hotel-detail .product-list .room-item .room-img {
    box-sizing: border-box;
    width: 162px;
    display: inline-block;
    vertical-align: top;
    margin: 16px 0 0 16px; }
    #page-product-list .hotel-detail .product-list .room-item .room-img .bg-img {
      width: 146px;
      height: 105px;
      border-radius: 6px;
      background-size: cover;
      background-position: center; }
    #page-product-list .hotel-detail .product-list .room-item .room-img h4 {
      width: 146px;
      display: inline-block;
      word-wrap: break-word;
      text-align: center;
      margin-top: 5px; }
  #page-product-list .hotel-detail .product-list .room-item .product-list {
    width: 1096px;
    display: inline-block; }
    #page-product-list .hotel-detail .product-list .room-item .product-list .detail {
      padding: 16px 0;
      font-size: 12px;
      height: 76px;
      vertical-align: top; }
      #page-product-list .hotel-detail .product-list .room-item .product-list .detail li {
        font-size: 12px; }
      #page-product-list .hotel-detail .product-list .room-item .product-list .detail .gray {
        color: #cccccc;
        margin-bottom: 5px; }
      #page-product-list .hotel-detail .product-list .room-item .product-list .detail .blue {
        color: #2064c8;
        margin-bottom: 5px; }
      #page-product-list .hotel-detail .product-list .room-item .product-list .detail .red {
        color: #FF0000; }
      #page-product-list .hotel-detail .product-list .room-item .product-list .detail.number-people i {
        font-size: 16px;
        color: #2064c8;
        margin-right: 4px;
        display: inline-block; }
      #page-product-list .hotel-detail .product-list .room-item .product-list .detail.number-people p {
        display: inline-block;
        border-bottom: 1px dashed #333; }
      #page-product-list .hotel-detail .product-list .room-item .product-list .detail.price .rate {
        font-size: 20px;
        font-weight: bold;
        color: #ffa000;
        border-bottom: 1px dashed #ffa000; }
      #page-product-list .hotel-detail .product-list .room-item .product-list .detail.room-name {
        padding-left: 16px;
        width: 266px; }
    #page-product-list .hotel-detail .product-list .room-item .product-list .product-item {
      border-bottom: 1px dashed #e0e0e0;
      border-left: 1px solid #e0e0e0;
      font-size: 0; }
      #page-product-list .hotel-detail .product-list .room-item .product-list .product-item:last-of-type {
        border-bottom: 0; }
    #page-product-list .hotel-detail .product-list .room-item .product-list .booking-btn {
      width: 124px;
      margin: auto;
      display: inline-block;
      text-align: center;
      padding-top: 16px; }
      #page-product-list .hotel-detail .product-list .room-item .product-list .booking-btn .btn-book {
        font-size: 16px;
        border-radius: 6px;
        color: #fff;
        overflow: hidden;
        position: relative;
        width: 100px;
        height: 40px;
        line-height: 40px;
        display: inline-block;
        letter-spacing: 2px;
        text-align: center; }
        #page-product-list .hotel-detail .product-list .room-item .product-list .booking-btn .btn-book span {
          color: #fff;
          position: relative; }
        #page-product-list .hotel-detail .product-list .room-item .product-list .booking-btn .btn-book:before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          background: #3bade3;
          background: linear-gradient(45deg, #3bade3 0%, #576fe6 25%, #9844b7 51%, #ff357f 100%);
          width: 200px;
          height: 40px;
          transition: transform 400ms ease-in;
          transform: translateX(100); }
        #page-product-list .hotel-detail .product-list .room-item .product-list .booking-btn .btn-book.apply:before {
          background: linear-gradient(45deg, #3bade3 0%, #65c6bb 25%, #36d7b7 51%, #e9d460 100%); }
        #page-product-list .hotel-detail .product-list .room-item .product-list .booking-btn .btn-book:hover:before {
          transform: translateX(-100px); }
    #page-product-list .hotel-detail .product-list .room-item .product-list .seeMore {
      background-color: #ebf2fc;
      color: #2064c8;
      text-align: center;
      height: 30px;
      line-height: 30px;
      cursor: pointer; }
      #page-product-list .hotel-detail .product-list .room-item .product-list .seeMore:after {
        content: '\f0dd';
        font-family: FontAwesome;
        margin-left: 6px; }
      #page-product-list .hotel-detail .product-list .room-item .product-list .seeMore.open:after {
        content: '\f0de'; }
#page-product-list .hotel-detail .product-hotelinfo {
  margin-top: 20px;
  border: 1px solid #ccc;
  padding: 20px;
  background-color: #fff; }
  #page-product-list .hotel-detail .product-hotelinfo .mod-tit {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 0px; }
  #page-product-list .hotel-detail .product-hotelinfo .description {
    overflow: hidden;
    height: auto;
    margin-bottom: 10px;
    font-size: 14px;
    color: #333;
    line-height: 22px; }

#page-order {
  margin-top: 16px;
  position: relative;
  overflow: hidden;
  min-height: 700px; }
  #page-order .page-position-left {
    width: 880px;
    box-sizing: border-box; }
    #page-order .page-position-left .booking-progress-bar .part {
      width: 280px;
      height: 30px;
      line-height: 30px;
      margin: 16px 0;
      position: relative;
      display: inline-block; }
      #page-order .page-position-left .booking-progress-bar .part.success {
        color: #2064c8; }
        #page-order .page-position-left .booking-progress-bar .part.success i {
          border-top: 2px solid #2064c8; }
        #page-order .page-position-left .booking-progress-bar .part.success .txt {
          color: #2064c8; }
          #page-order .page-position-left .booking-progress-bar .part.success .txt:before {
            background-color: #2064c8; }
      #page-order .page-position-left .booking-progress-bar .part i {
        display: inline-block;
        width: 100%;
        border-top: 2px dashed #ccc;
        height: 2px; }
      #page-order .page-position-left .booking-progress-bar .part .txt {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #fff;
        color: #ccc;
        padding: 0 6px;
        display: inline-block; }
        #page-order .page-position-left .booking-progress-bar .part .txt:before {
          content: '';
          width: 10px;
          height: 10px;
          border-radius: 100%;
          display: inline-block;
          background-color: #ccc;
          margin-right: 6px; }
    #page-order .page-position-left .bd-item {
      background-color: #fff;
      padding: 18px 0 6px;
      min-height: 47px;
      overflow: hidden; }
      #page-order .page-position-left .bd-item .bd-tit {
        padding-left: 25px;
        line-height: 1.3;
        color: #5D6A73;
        margin-top: 8;
        font-size: 18px;
        width: 122px;
        float: left;
        margin-right: 10px;
        min-height: 40px; }
      #page-order .page-position-left .bd-item .bd-con {
        font-size: 14px;
        float: left;
        width: 705px; }
        #page-order .page-position-left .bd-item .bd-con .form-list {
          padding-top: 2px; }
          #page-order .page-position-left .bd-item .bd-con .form-list li {
            margin-bottom: 14px; }
            #page-order .page-position-left .bd-item .bd-con .form-list li .guest-table {
              display: table;
              margin-bottom: 20px;
              border-top: 1px dotted #ccc;
              padding-top: 5px; }
              #page-order .page-position-left .bd-item .bd-con .form-list li .guest-table .tit {
                display: table-cell;
                padding-top: 10px; }
            #page-order .page-position-left .bd-item .bd-con .form-list li .guest-box {
              display: table-cell; }
              #page-order .page-position-left .bd-item .bd-con .form-list li .guest-box .item {
                margin-top: 14px;
                font-size: 0; }
                #page-order .page-position-left .bd-item .bd-con .form-list li .guest-box .item select {
                  height: 38px;
                  min-width: 60px;
                  border: 1px solid #bfd5f5;
                  font-size: 12px;
                  border-right-width: 0px;
                  font-family: sans-serif;
                  padding-left: 5px; }
                #page-order .page-position-left .bd-item .bd-con .form-list li .guest-box .item .ipt-name input {
                  border-right-width: 0px; }
                #page-order .page-position-left .bd-item .bd-con .form-list li .guest-box .item .btn-guest {
                  cursor: pointer;
                  color: #1899F2; }
                  #page-order .page-position-left .bd-item .bd-con .form-list li .guest-box .item .btn-guest .fa {
                    font-size: 22px;
                    margin-left: 4px; }
                #page-order .page-position-left .bd-item .bd-con .form-list li .guest-box .item .rt-radio {
                  height: auto;
                  min-width: auto;
                  margin: 4px 0px 0px -18px;
                  line-height: normal;
                  position: absolute; }
              #page-order .page-position-left .bd-item .bd-con .form-list li .guest-box .children {
                background-color: #f9f9f9;
                display: inline-block;
                padding: 10px;
                width: 413px; }
                #page-order .page-position-left .bd-item .bd-con .form-list li .guest-box .children label {
                  font-size: 14px;
                  vertical-align: middle;
                  position: relative;
                  display: inline-block;
                  margin-bottom: 0px;
                  font-weight: 400;
                  padding-left: 18px;
                  cursor: pointer;
                  margin-right: 20px; }
            #page-order .page-position-left .bd-item .bd-con .form-list li .tips {
              margin-bottom: 20px; }
              #page-order .page-position-left .bd-item .bd-con .form-list li .tips em {
                font-size: 12px;
                color: #666; }
            #page-order .page-position-left .bd-item .bd-con .form-list li .add-request .tit {
              cursor: pointer;
              color: #1899F2; }
            #page-order .page-position-left .bd-item .bd-con .form-list li .guest-request-con {
              background-color: #ebf2fc;
              padding: 10px;
              margin-top: 10px; }
              #page-order .page-position-left .bd-item .bd-con .form-list li .guest-request-con .input-group {
                margin-bottom: 10px;
                cursor: pointer; }
                #page-order .page-position-left .bd-item .bd-con .form-list li .guest-request-con .input-group input {
                  height: auto;
                  min-width: auto; }
              #page-order .page-position-left .bd-item .bd-con .form-list li .guest-request-con p {
                color: #1899F2;
                padding-left: 22px;
                margin-bottom: 15px; }
              #page-order .page-position-left .bd-item .bd-con .form-list li .guest-request-con textarea {
                box-sizing: border-box;
                width: 684px;
                padding: 8px; }
            #page-order .page-position-left .bd-item .bd-con .form-list li .valid-info {
              color: #ff0000;
              background-color: white;
              height: 40px;
              line-height: 40px; }
              #page-order .page-position-left .bd-item .bd-con .form-list li .valid-info:before {
                content: '\f06a';
                font-family: FontAwesome;
                margin-right: 16px; }
          #page-order .page-position-left .bd-item .bd-con .form-list .tit {
            display: inline-block;
            vertical-align: middle;
            font-size: 14px;
            color: #666;
            width: 88px;
            margin-right: -4px;
            word-break: break-word;
            line-height: 1.3; }
      #page-order .page-position-left .bd-item select {
        height: 32px;
        line-height: 32px;
        min-width: 60px;
        border: 1px solid #bfd5f5;
        font-size: 14px; }
      #page-order .page-position-left .bd-item input {
        height: 34px;
        line-height: 34px;
        min-width: 100px;
        border: 1px solid #bfd5f5;
        font-size: 14px;
        padding-left: 8px;
        outline: none; }
        #page-order .page-position-left .bd-item input.validErr {
          border: 1px solid #ff0000; }
    #page-order .page-position-left .contact-info {
      border-top: 1px dotted #ccc; }
      #page-order .page-position-left .contact-info input {
        min-width: 300px; }
    #page-order .page-position-left .order-info {
      border: 1px solid #bfd5f5;
      font-size: 0;
      background-color: #bfd5f5; }
      #page-order .page-position-left .order-info dt {
        display: inline-block;
        background-color: transparent;
        width: 26px;
        padding: 40px 0;
        text-align: center;
        color: #4e6d9a;
        font-weight: bold;
        font-size: 14px; }
      #page-order .page-position-left .order-info dd {
        width: 811px;
        min-height: 180px;
        display: inline-block;
        font-size: 14px;
        -webkit-margin-start: 0;
        border-bottom: 1px dashed #bfd5f5;
        background-color: #fff; }
        #page-order .page-position-left .order-info dd .form-group {
          margin: 16px 32px; }
          #page-order .page-position-left .order-info dd .form-group label {
            font-size: 18px;
            font-weight: bold;
            margin-right: 8px;
            display: inline-block;
            width: 90px; }
          #page-order .page-position-left .order-info dd .form-group select, #page-order .page-position-left .order-info dd .form-group input {
            height: 40px;
            line-height: 40px;
            min-width: 100px;
            border: 1px solid #bfd5f5;
            border-radius: 6px;
            font-size: 18px; }
          #page-order .page-position-left .order-info dd .form-group input {
            padding-left: 16px;
            ime-mode: disabled; }
            #page-order .page-position-left .order-info dd .form-group input.validErr {
              border: 1px solid #ff0000; }
          #page-order .page-position-left .order-info dd .form-group.custom input {
            width: 190px;
            box-sizing: border-box; }
          #page-order .page-position-left .order-info dd .form-group .form-item {
            display: inline-block;
            position: relative; }
            #page-order .page-position-left .order-info dd .form-group .form-item span {
              position: absolute;
              top: 0;
              left: 0;
              font-size: 18px;
              height: 40px;
              line-height: 40px;
              padding-left: 16px;
              color: #ccc; }
          #page-order .page-position-left .order-info dd .form-group .btn-addAdult {
            margin-left: 8px;
            font-size: 24px;
            color: #2064c8;
            cursor: pointer; }
          #page-order .page-position-left .order-info dd .form-group .btn-add-child {
            border: 1px solid #2064c8;
            color: #2064c8;
            font-size: 12px;
            display: inline-block;
            padding: 0 10px;
            height: 20px;
            line-height: 20px;
            border-radius: 10px; }
            #page-order .page-position-left .order-info dd .form-group .btn-add-child:before {
              content: '\f1ae';
              font-family: FontAwesome;
              margin-right: 6px; }
            #page-order .page-position-left .order-info dd .form-group .btn-add-child:hover {
              border: 1px solid #679be7;
              color: #679be7; }
        #page-order .page-position-left .order-info dd .remarks {
          display: block;
          color: #ffa000;
          font-size: 12px;
          margin-top: 8px;
          margin-left: 32px; }
        #page-order .page-position-left .order-info dd .custom-request {
          margin: 16px auto 16px 30px; }
          #page-order .page-position-left .order-info dd .custom-request .title {
            cursor: pointer;
            color: #2064c8; }
            #page-order .page-position-left .order-info dd .custom-request .title:after {
              content: '\f0dd';
              font-family: FontAwesome;
              margin-right: 16px;
              margin-left: 8px; }
            #page-order .page-position-left .order-info dd .custom-request .title.active:after {
              content: '\f0de'; }
          #page-order .page-position-left .order-info dd .custom-request .info {
            color: #999;
            font-size: 12px; }
        #page-order .page-position-left .order-info dd .custom-req-box {
          background-color: #ebf2fc;
          margin-left: 30px;
          padding: 16px;
          line-height: 30px; }
          #page-order .page-position-left .order-info dd .custom-req-box p {
            height: 40px;
            line-height: 40px;
            color: #999; }
          #page-order .page-position-left .order-info dd .custom-req-box textarea {
            box-sizing: border-box;
            width: 718px;
            padding: 16px; }
        #page-order .page-position-left .order-info dd.contact-info input {
          width: 400px; }
        #page-order .page-position-left .order-info dd.go-pay {
          width: 100%;
          text-align: center;
          border: 0; }
          #page-order .page-position-left .order-info dd.go-pay button {
            padding: 0 20px;
            height: 50px;
            line-height: 50px;
            background-color: #ffa000;
            color: #FFF;
            font-size: 22px;
            margin: 60px auto;
            border-radius: 6px; }
            #page-order .page-position-left .order-info dd.go-pay button:hover {
              background-color: #ffb333; }
  #page-order .page-position-right {
    position: absolute;
    box-sizing: border-box;
    right: 0;
    top: 0;
    width: 380px; }
    #page-order .page-position-right .book-hotel {
      background-color: #fff; }
      #page-order .page-position-right .book-hotel .hotel-img {
        float: none;
        width: 100%;
        min-height: 120px;
        height: 135px;
        margin-right: 0;
        background-position: center center;
        background-repeat: no-repeat;
        position: relative;
        background-size: 100% auto; }
        #page-order .page-position-right .book-hotel .hotel-img:before {
          content: "";
          display: block;
          width: 100%;
          position: absolute;
          top: 0;
          left: 0;
          height: 60px;
          opacity: 0.6;
          background: linear-gradient(-180deg, #000 1%, rgba(0, 0, 0, 0) 80%); }
      #page-order .page-position-right .book-hotel .hotel-info {
        padding: 16px 0 6px;
        border-bottom: 1px dashed #E2E7EB;
        margin: 0 20px;
        font-size: 14px;
        line-height: 1.3;
        position: relative; }
        #page-order .page-position-right .book-hotel .hotel-info .hotel-tit {
          color: #5D6A73;
          font-size: 16px;
          margin: 0px 0px 5px 0px;
          width: 86%; }
        #page-order .page-position-right .book-hotel .hotel-info .address {
          color: #A6B1BA;
          font-size: 12px; }
        #page-order .page-position-right .book-hotel .hotel-info .h-level {
          position: absolute;
          right: 0;
          top: 15px;
          background: #FFA700;
          border-radius: 40px;
          height: 20px;
          display: inline-block;
          font-size: 14px;
          color: #fff;
          font-weight: bold;
          line-height: 20px;
          padding: 0 10px; }
          #page-order .page-position-right .book-hotel .hotel-info .h-level .fa {
            font-size: 12px;
            margin-left: 2px; }
      #page-order .page-position-right .book-hotel .hotel-date {
        margin: 0 20px;
        border-bottom: 1px dashed #E2E7EB;
        font-size: 14px;
        padding: 12px 0 11px; }
      #page-order .page-position-right .book-hotel .hotel-desc {
        margin: 0 20px;
        padding: 12px 0 11px;
        color: #5D6A73; }
        #page-order .page-position-right .book-hotel .hotel-desc h4 {
          margin: 0px 0px 10px 0px; }
          #page-order .page-position-right .book-hotel .hotel-desc h4 span:nth-child(2) {
            font-size: 12px;
            color: #888; }
        #page-order .page-position-right .book-hotel .hotel-desc p {
          margin-bottom: 5px; }
    #page-order .page-position-right .book-price {
      background-color: #fff;
      padding: 10px 20px;
      margin-top: 10px; }
      #page-order .page-position-right .book-price .price-currency {
        margin-right: 3px;
        font-style: normal;
        font-size: 12px; }
      #page-order .page-position-right .book-price .price-detail {
        margin: 0 -10px; }
        #page-order .page-position-right .book-price .price-detail .price-list {
          background: #F9F9F7;
          margin-top: 4px;
          padding: 0 12px 0 8px;
          color: #8898A3; }
          #page-order .page-position-right .book-price .price-detail .price-list li {
            border-top: 1px dashed #DFE4E7;
            box-sizing: border-box;
            position: relative;
            padding: 8px 0;
            line-height: 1.3; }
            #page-order .page-position-right .book-price .price-detail .price-list li:first-child {
              border-top: none; }
            #page-order .page-position-right .book-price .price-detail .price-list li .tit {
              display: inline-block;
              max-width: 65%; }
            #page-order .page-position-right .book-price .price-detail .price-list li .c-price {
              position: absolute;
              right: 0; }
      #page-order .page-position-right .book-price .price-total {
        padding: 14px 0;
        overflow: hidden; }
        #page-order .page-position-right .book-price .price-total dt {
          float: left;
          font-size: 14px;
          height: 22px;
          line-height: 22px;
          margin-top: 10px; }
        #page-order .page-position-right .book-price .price-total dd {
          float: right;
          text-align: right; }
        #page-order .page-position-right .book-price .price-total .price-num {
          font-size: 22px;
          line-height: 1.3;
          vertical-align: middle; }
        #page-order .page-position-right .book-price .price-total .conversion {
          font-size: 12px;
          color: #A6B1BA; }
    #page-order .page-position-right .book-action {
      background: #fff;
      padding: 20px;
      margin-top: 10px; }
      #page-order .page-position-right .book-action p {
        margin-bottom: 8px;
        font-size: 12px; }
      #page-order .page-position-right .book-action .confirm-btn {
        width: 100%;
        background: #FFB300;
        background: -webkit-linear-gradient(-90deg, #F57C00 7%, #FFB300 92%);
        background: -moz-linear-gradient(-90deg, #F57C00 7%, #FFB300 92%);
        background: -ms-linear-gradient(-90deg, #F57C00 7%, #FFB300 92%);
        background: -o-linear-gradient(-90deg, #F57C00 7%, #FFB300 92%);
        background: linear-gradient(-90deg, #F57C00 7%, #FFB300 92%);
        box-shadow: 0 4px 4px 0 rgba(255, 143, 0, 0.3);
        border-radius: 100px;
        border: none;
        font-size: 20px;
        height: 44px;
        line-height: 44px;
        padding: 0 1em;
        color: #fff;
        vertical-align: middle;
        display: inline-block;
        box-sizing: border-box;
        text-align: center;
        white-space: nowrap; }
        #page-order .page-position-right .book-action .confirm-btn[disabled] {
          -webkit-filter: grayscale(100%);
          -moz-filter: grayscale(100%);
          -ms-filter: grayscale(100%);
          -o-filter: grayscale(100%);
          filter: grayscale(100%);
          filter: gray; }
    #page-order .page-position-right .info {
      padding: 16px; }
      #page-order .page-position-right .info hr {
        border: 1px dashed #bfd5f5; }
    #page-order .page-position-right .price {
      background-color: #dae6f9;
      padding: 16px; }
      #page-order .page-position-right .price .total-price {
        font-weight: bold;
        border-top: 1px dashed #bfd5f5;
        height: 40px;
        line-height: 40px;
        font-size: 26px;
        margin-top: 16px; }
  #page-order .page-position-bottom {
    width: 880px;
    box-sizing: border-box; }
    #page-order .page-position-bottom .ft-con {
      color: #5D6A73;
      padding-left: 20px; }
      #page-order .page-position-bottom .ft-con h4 {
        margin: 20px 0px 5px 0px; }
      #page-order .page-position-bottom .ft-con p {
        line-height: 22px; }

.order-list-table {
  background-color: #fff;
  border-radius: 4px;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  border: 1px solid #e8eef1;
  margin: 30px 0px; }
  .order-list-table .order-list-header {
    background: #ffffff;
    border-bottom: 0px;
    padding: .75rem 1.25rem;
    margin-bottom: 0; }
    .order-list-table .order-list-header h4 {
      margin: 0; }
  .order-list-table .order-list-body {
    flex: 1 1 auto;
    padding: 1.25rem; }
    .order-list-table .order-list-body .table-responsive {
      min-height: .01%;
      overflow-x: auto; }
      .order-list-table .order-list-body .table-responsive .table-wrapper {
        background: #fff;
        padding: 20px 25px;
        border-radius: 3px;
        min-height: 440px; }
        .order-list-table .order-list-body .table-responsive .table-wrapper .table-title {
          padding-bottom: 15px;
          color: #fff;
          padding: 16px 30px 0;
          margin: -20px -25px 10px;
          border-radius: 3px 3px 0 0;
          background-color: #2064c8;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box; }
          .order-list-table .order-list-body .table-responsive .table-wrapper .table-title h2 {
            margin: 0;
            font-size: 24px;
            line-height: 1;
            color: #ffffff;
            font-weight: 400;
            padding-top: 5px; }
          .order-list-table .order-list-body .table-responsive .table-wrapper .table-title .btn-download {
            color: #566787;
            float: right;
            font-size: 14px;
            background: #fff;
            min-width: 50px;
            border-radius: 2px;
            border: none;
            margin-bottom: 15px;
            outline: none !important;
            margin-left: 10px;
            padding: 6px 14px;
            font-weight: 400;
            line-height: 1.42857143;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            touch-action: manipulation;
            cursor: pointer; }
            .order-list-table .order-list-body .table-responsive .table-wrapper .table-title .btn-download i {
              float: left;
              font-size: 21px;
              margin-right: 5px; }
            .order-list-table .order-list-body .table-responsive .table-wrapper .table-title .btn-download span {
              float: left;
              margin-top: 2px; }
          .order-list-table .order-list-body .table-responsive .table-wrapper .table-title:before {
            display: table;
            content: " ";
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; }
          .order-list-table .order-list-body .table-responsive .table-wrapper .table-title:after {
            clear: both;
            display: table;
            content: " ";
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; }
        .order-list-table .order-list-body .table-responsive .table-wrapper .table-filter {
          padding: 5px 0 15px;
          border-bottom: 1px solid #e9e9e9;
          margin-bottom: 5px; }
          .order-list-table .order-list-body .table-responsive .table-wrapper .table-filter .btn-search {
            height: 34px;
            background: #2064c8;
            padding: 6px 14px;
            border-radius: 2px;
            color: #fff;
            display: inline-block;
            margin-bottom: 0;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.42857143;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            -ms-touch-action: manipulation;
            touch-action: manipulation;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border: 1px solid #f1f1f1;
            float: right;
            margin-left: 15px; }
          .order-list-table .order-list-body .table-responsive .table-wrapper .table-filter .filter-group {
            float: right;
            margin-left: 15px; }
          .order-list-table .order-list-body .table-responsive .table-wrapper .table-filter input, .order-list-table .order-list-body .table-responsive .table-wrapper .table-filter select {
            height: 34px;
            border-radius: 3px;
            display: inline-block;
            margin-left: 5px;
            color: #607d8b;
            font-size: 14px;
            border: 1px solid #ddd;
            padding: 6px 12px;
            line-height: 1.42857143;
            background-color: #fff;
            background-image: none;
            font-family: inherit;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; }
          .order-list-table .order-list-body .table-responsive .table-wrapper .table-filter label {
            font-weight: normal;
            margin-left: 10px;
            display: inline-block;
            max-width: 100%;
            margin-bottom: 5px; }
          .order-list-table .order-list-body .table-responsive .table-wrapper .table-filter:before {
            display: table;
            content: " ";
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; }
          .order-list-table .order-list-body .table-responsive .table-wrapper .table-filter:after {
            clear: both;
            display: table;
            content: " ";
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box; }
  .order-list-table table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-spacing: 0;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .order-list-table table tbody tr:hover {
      background: #e8eef1; }
    .order-list-table table tbody tr:nth-of-type(odd) {
      background-color: #fcfcfc; }
      .order-list-table table tbody tr:nth-of-type(odd):hover {
        background: #e8eef1; }
    .order-list-table table th, .order-list-table table td {
      text-align: left;
      line-height: 1.42857143;
      border-bottom: 1px solid #e8edef;
      font-weight: bold;
      padding: 12px 15px;
      vertical-align: middle; }
    .order-list-table table th:nth-child(2) {
      width: 280px; }
    .order-list-table table td {
      border-top: 1px solid #e8edef;
      font-weight: normal; }
      .order-list-table table td .sub-hotel-name {
        font-size: 12px;
        color: #859aa5; }
      .order-list-table table td .room-type {
        color: #859aa5; }
      .order-list-table table td .confirmed {
        color: #10c469; }
      .order-list-table table td .request {
        color: #859aa5; }
      .order-list-table table td .cancel {
        color: #ff5b5b; }
      .order-list-table table td .rejected, .order-list-table table td .fail {
        color: #FF0000; }
      .order-list-table table td a {
        color: #2064c8; }
    .order-list-table table span {
      display: block; }
  .order-list-table .order-foot {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .order-list-table .order-foot:before {
      display: table;
      content: " ";
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .order-list-table .order-foot:after {
      clear: both;
      display: table;
      content: " ";
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }

.order-statistics {
  overflow: hidden;
  background-color: #fff;
  padding: 20px;
  border: 1px solid #eee; }
  .order-statistics ul {
    overflow: hidden; }
    .order-statistics ul li {
      float: left;
      margin-right: 45px;
      color: #666; }

#page-order-list {
  position: relative;
  padding-top: 16px; }
  #page-order-list .page-list {
    width: 85%;
    border: 1px solid #d9e5f1;
    margin-left: 15%;
    font-size: 0;
    padding: 16px;
    background-color: #fff;
    box-sizing: border-box; }
    #page-order-list .page-list dt {
      display: inline-block;
      width: 16%;
      height: 140px;
      padding: 0 16px;
      border-top: 4px solid #ccc;
      box-sizing: border-box;
      font-size: 14px; }
      #page-order-list .page-list dt .check-in {
        height: 70px;
        line-height: 70px;
        font-size: 30px; }
        #page-order-list .page-list dt .check-in sup {
          font-size: 12px;
          color: #808080; }
        #page-order-list .page-list dt .check-in span {
          font-size: 14px;
          float: right; }
      #page-order-list .page-list dt .nt {
        text-align: right;
        font-size: 12px;
        color: #808080; }
    #page-order-list .page-list dd {
      padding-left: 16px;
      position: relative;
      display: inline-block;
      width: 84%;
      box-sizing: border-box;
      cursor: pointer;
      font-size: 14px; }
      #page-order-list .page-list dd .inner-box {
        border: 1px solid transparent;
        border-top-color: #ccc;
        border-left-color: #ccc; }
        #page-order-list .page-list dd .inner-box:hover {
          border: 1px solid #ffa000; }
      #page-order-list .page-list dd .order-no {
        height: 30px;
        line-height: 30px;
        background-color: #f7f7f7;
        color: #808080;
        padding-left: 16px; }
      #page-order-list .page-list dd .order-detail {
        position: relative; }
        #page-order-list .page-list dd .order-detail .order-img {
          width: 100px;
          height: 100px;
          margin: 16px;
          background-size: cover;
          background-position: center; }
        #page-order-list .page-list dd .order-detail .order-info {
          position: absolute;
          left: 132px;
          top: 16px; }
          #page-order-list .page-list dd .order-detail .order-info .hotel-name {
            font-size: 18px;
            font-weight: bold; }
          #page-order-list .page-list dd .order-detail .order-info .price {
            color: #ffa000;
            font-weight: bold;
            border-bottom: 1px dotted #ffa000;
            font-size: 16px; }
          #page-order-list .page-list dd .order-detail .order-info .info {
            color: #8c8c8c;
            font-size: 12px;
            height: 20px;
            line-height: 20px; }
      #page-order-list .page-list dd .order-status {
        position: absolute;
        right: 26px;
        top: 52px; }
        #page-order-list .page-list dd .order-status.cancel {
          color: #8c8c8c; }
          #page-order-list .page-list dd .order-status.cancel:before {
            content: '\f06a';
            font-family: FontAwesome;
            margin-right: 16px; }
        #page-order-list .page-list dd .order-status.ok {
          color: #008000; }
          #page-order-list .page-list dd .order-status.ok:before {
            content: '\f05d';
            font-family: FontAwesome;
            margin-right: 16px; }
        #page-order-list .page-list dd .order-status.err {
          color: #ff0000; }
          #page-order-list .page-list dd .order-status.err:before {
            content: '\f057';
            font-family: FontAwesome;
            margin-right: 16px; }
    #page-order-list .page-list .paginate {
      padding: 30px 0;
      text-align: center; }

.order-info-box {
  margin-bottom: 4px; }
  .order-info-box .order-info {
    background-color: #FBFBFB;
    padding-right: 25%;
    position: relative; }
    .order-info-box .order-info .info-left {
      padding: 10px 20px;
      border-right: 1px dashed #ddd;
      background-color: #fff; }
      .order-info-box .order-info .info-left .info-title {
        margin-left: -20px;
        margin-top: -10px; }
      .order-info-box .order-info .info-left .order-amount {
        float: right;
        max-width: 280px;
        display: inline;
        margin-bottom: 10px;
        text-align: right; }
        .order-info-box .order-info .info-left .order-amount .price_total {
          margin-bottom: 10px; }
        .order-info-box .order-info .info-left .order-amount .label {
          color: #333;
          font-weight: bold;
          font-size: 14px;
          margin-right: 20px; }
        .order-info-box .order-info .info-left .order-amount .staring-price {
          display: inline-block;
          height: 40px;
          text-align: right;
          line-height: 1.2;
          margin-bottom: 5px; }
          .order-info-box .order-info .info-left .order-amount .staring-price dfn {
            padding: 0 4px;
            font-size: 12px;
            font-family: arial;
            vertical-align: 20px;
            font-style: normal; }
          .order-info-box .order-info .info-left .order-amount .staring-price .price {
            font-size: 40px;
            color: #f60;
            display: inline-block;
            line-height: 40px; }
        .order-info-box .order-info .info-left .order-amount .settle-info {
          padding: 4px 0;
          color: rgba(102, 102, 102, 0.7);
          font-size: 0;
          border-bottom: 1px solid #eee; }
          .order-info-box .order-info .info-left .order-amount .settle-info .left {
            display: inline-block;
            box-sizing: border-box;
            width: 30%;
            font-size: 14px;
            text-align: left; }
          .order-info-box .order-info .info-left .order-amount .settle-info .right {
            display: inline-block;
            box-sizing: border-box;
            width: 70%;
            font-size: 14px; }
            .order-info-box .order-info .info-left .order-amount .settle-info .right .price {
              color: rgba(255, 102, 0, 0.7);
              font-size: 18px; }
      .order-info-box .order-info .info-left .order-status {
        clear: both;
        font-size: 24px;
        background-color: #F1FAFF;
        text-align: center;
        padding: 10px;
        font-family: "microsoft yahei";
        letter-spacing: 8px;
        margin-bottom: 40px; }
        .order-info-box .order-info .info-left .order-status .confirmed {
          color: #10c469; }
        .order-info-box .order-info .info-left .order-status .request {
          color: #859aa5; }
        .order-info-box .order-info .info-left .order-status .cancel {
          color: #ff5b5b; }
        .order-info-box .order-info .info-left .order-status .rejected, .order-info-box .order-info .info-left .order-status .fail {
          color: #FF0000; }
  .order-info-box .order-info-table {
    margin-bottom: 20px;
    margin-left: 8%;
    table-layout: fixed; }
    .order-info-box .order-info-table th {
      padding: 2px 10px;
      line-height: 1.8;
      word-break: break-all;
      color: #999;
      font-weight: normal;
      text-align: right;
      width: 100px;
      vertical-align: top; }
    .order-info-box .order-info-table td {
      padding: 2px 10px;
      line-height: 1.8;
      word-break: break-all; }
  .order-info-box .info-title {
    border-left: 5px solid #2064c8;
    font-size: 20px;
    font-family: "microsoft yahei";
    line-height: 36px;
    color: #666;
    font-weight: normal;
    padding-left: 10px;
    margin-bottom: 5px;
    margin-top: 0px; }
  .order-info-box .hotel-info {
    background-color: #fff; }
    .order-info-box .hotel-info .hotel-name {
      font-size: 26px;
      font-family: "microsoft yahei";
      font-weight: normal;
      display: inline-block;
      vertical-align: middle;
      margin: 10px 10px 5px 8%;
      color: #2064c8; }
      .order-info-box .hotel-info .hotel-name .sub-hotel-name {
        font-size: 16px;
        color: #888;
        display: block;
        margin-top: 6px; }
      .order-info-box .hotel-info .hotel-name .fa-star {
        font-size: 14px;
        color: #F89406; }
    .order-info-box .hotel-info .blank-bottom {
      border-bottom: 1px solid #ddd;
      height: 1px;
      width: 92%;
      overflow: hidden;
      margin-left: 8%; }
  .order-info-box .hotel-info-ck .room-name {
    margin: 0px;
    font-size: 16px; }
  .order-info-box .hotel-info-list {
    margin-bottom: -5px;
    margin-right: 25%;
    padding: 10px 20px 0; }
  .order-info-box .order-con {
    padding: 1px 0px 30px 130px; }
    .order-info-box .order-con p {
      line-height: 24px; }
  .order-info-box .info-right {
    width: 25%;
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 20px; }
    .order-info-box .info-right .oper-btns {
      text-align: center;
      position: relative;
      margin: 0 10px; }
      .order-info-box .info-right .oper-btns .order-info-btn {
        width: 150px;
        text-align: center;
        margin-bottom: 10px;
        line-height: 28px;
        padding: 0;
        font-weight: bold;
        background-color: #27C;
        color: #fff;
        border: 1px solid #05A;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        border-radius: 3px;
        font-size: 14px;
        vertical-align: middle;
        display: inline-block; }
      .order-info-box .info-right .oper-btns .disabled {
        background-color: #e6e6e6 !important;
        border: 1px solid #ddd !important;
        color: #ababab !important;
        cursor: not-allowed !important; }

.order-foot-btn {
  text-align: left;
  margin-top: 20px; }
  .order-foot-btn a {
    color: #0c82df;
    font-size: 18px; }

#page-order-view {
  position: relative;
  margin-top: 30px; }
  #page-order-view .page-right {
    width: 85%;
    margin-left: 15%;
    box-sizing: border-box;
    padding: 16px; }
    #page-order-view .page-right .page-order-status {
      position: relative;
      background-color: #FDE3A7;
      padding: 20px;
      margin-bottom: 16px; }
      #page-order-view .page-right .page-order-status .price {
        position: absolute;
        top: 20px;
        right: 20px;
        color: #666; }
        #page-order-view .page-right .page-order-status .price span {
          color: #ffa000;
          border-bottom: 1px dashed #ffa000;
          font-size: 24px; }
    #page-order-view .page-right .page-order-info {
      position: relative; }
      #page-order-view .page-right .page-order-info .send-btn-box {
        position: absolute;
        top: 0;
        right: 16px;
        height: 60px; }
        #page-order-view .page-right .page-order-info .send-btn-box .voucher, #page-order-view .page-right .page-order-info .send-btn-box .invoice {
          display: inline-block;
          width: 40px;
          height: 40px;
          border-radius: 100%;
          font-size: 20px;
          color: #fff;
          background-color: #2064c8;
          cursor: pointer; }
          #page-order-view .page-right .page-order-info .send-btn-box .voucher:hover, #page-order-view .page-right .page-order-info .send-btn-box .invoice:hover {
            background-color: #fff;
            color: #2064c8; }
          #page-order-view .page-right .page-order-info .send-btn-box .voucher:before, #page-order-view .page-right .page-order-info .send-btn-box .invoice:before {
            display: inline-block;
            font-family: FontAwesome;
            font-size: 18px;
            width: 30px;
            height: 30px;
            line-height: 30px;
            text-align: center; }
        #page-order-view .page-right .page-order-info .send-btn-box .voucher:before {
          content: '\f0f6'; }
        #page-order-view .page-right .page-order-info .send-btn-box .invoice:before {
          content: '\f1d9'; }
      #page-order-view .page-right .page-order-info hr {
        border: 1px dashed #cccccc; }
      #page-order-view .page-right .page-order-info .btn-re-booking {
        margin: 8px 0;
        padding: 4px 10px;
        color: #2064c8;
        border: 1px solid #2064c8; }
        #page-order-view .page-right .page-order-info .btn-re-booking:before {
          content: '\f02b';
          font-family: FontAwesome;
          margin-right: 6px; }
  #page-order-view .send-modal-box {
    position: fixed;
    display: inline-block;
    margin: auto 16px; }
    #page-order-view .send-modal-box .title-if {
      position: absolute;
      bottom: 0;
      display: block;
      height: 24px; }
    #page-order-view .send-modal-box .send {
      border: 1px solid #2064c8;
      overflow-x: hidden;
      overflow-y: auto; }
      #page-order-view .send-modal-box .send.open {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        padding: 16px;
        box-shadow: 3px 3px 6px 0 #999, -3px 3px 6px 0 #999;
        border-radius: 0;
        border-color: transparent;
        background-color: #fff;
        color: #2064c8;
        text-align: left;
        height: 100%; }
        #page-order-view .send-modal-box .send.open .title {
          border-bottom: 1px solid #eee;
          height: 60px;
          line-height: 60px;
          margin-bottom: 16px; }
          #page-order-view .send-modal-box .send.open .title button {
            display: inline-block;
            padding: 0 16px;
            height: 30px;
            line-height: 30px;
            background-color: #2064c8;
            color: #fff;
            border: 0; }
            #page-order-view .send-modal-box .send.open .title button:hover {
              background-color: #679be7; }
          #page-order-view .send-modal-box .send.open .title .close-btn-box {
            display: inline-block;
            float: right; }
            #page-order-view .send-modal-box .send.open .title .close-btn-box:hover {
              color: #679be7;
              cursor: pointer; }
      #page-order-view .send-modal-box .send .title:before {
        display: inline-block;
        font-family: FontAwesome;
        font-size: 18px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center; }
      #page-order-view .send-modal-box .send.voucher .title:before {
        content: '\f0f6'; }
      #page-order-view .send-modal-box .send.invoice .title:before {
        content: '\f1d9'; }
  #page-order-view .edit-name input, #page-order-view .edit-name select {
    height: 30px;
    width: 30%;
    border: 1px solid #ccc;
    margin-right: 8px;
    margin-top: 8px; }
  #page-order-view .edit-name input[readonly], #page-order-view .edit-name select[readonly] {
    color: #ddd;
    cursor: not-allowed; }
  #page-order-view .edit-name select {
    padding: 0 8px;
    height: 36px;
    width: 100px;
    background-color: #fff; }
  #page-order-view .edit-name input.error {
    border: 1px solid #ff0000; }
  #page-order-view .edit-name .modal-body {
    max-height: 400px;
    overflow-y: auto; }
  #page-order-view .send-email h3 {
    display: inline-block;
    margin: 0; }
  #page-order-view .send-email label {
    display: inline-block;
    box-sizing: border-box;
    text-align: right;
    width: 26%;
    height: 30px;
    font-size: 14px;
    padding-right: 16px; }
  #page-order-view .send-email input {
    width: 74%;
    height: 30px;
    box-sizing: border-box;
    font-size: 14px;
    padding: 0 6px; }
  #page-order-view .send-email .message-box label {
    width: 104px; }
  #page-order-view .send-email .message-box textarea {
    width: 696px;
    box-sizing: border-box;
    padding: 8px; }

#page-modify-info .page-right-content, #page-modify-pass .page-right-content {
  background-color: #fff;
  padding: 16px; }
  #page-modify-info .page-right-content .title, #page-modify-pass .page-right-content .title {
    border-bottom: 1px dashed #ccc; }
  #page-modify-info .page-right-content .form-group, #page-modify-pass .page-right-content .form-group {
    height: 50px;
    font-size: 0; }
  #page-modify-info .page-right-content .col-sm-2, #page-modify-pass .page-right-content .col-sm-2 {
    width: 20%;
    display: inline-block;
    font-size: 14px;
    text-align: right; }
  #page-modify-info .page-right-content .col-sm-10, #page-modify-pass .page-right-content .col-sm-10 {
    width: 40%;
    display: inline-block;
    font-size: 0;
    box-sizing: border-box;
    padding: 0 16px; }
    #page-modify-info .page-right-content .col-sm-10 input, #page-modify-info .page-right-content .col-sm-10 select, #page-modify-pass .page-right-content .col-sm-10 input, #page-modify-pass .page-right-content .col-sm-10 select {
      font-size: 14px;
      border: 1px solid #bfd5f5;
      height: 40px;
      line-height: 40px;
      border-radius: 6px;
      width: 100%;
      box-sizing: border-box;
      padding: 0 16px; }
      #page-modify-info .page-right-content .col-sm-10 input[disabled], #page-modify-info .page-right-content .col-sm-10 select[disabled], #page-modify-pass .page-right-content .col-sm-10 input[disabled], #page-modify-pass .page-right-content .col-sm-10 select[disabled] {
        cursor: not-allowed;
        background-color: #eee; }
    #page-modify-info .page-right-content .col-sm-10 select, #page-modify-pass .page-right-content .col-sm-10 select {
      width: 50%; }

#page-index .page-search-box {
  position: relative;
  background-color: #8c8c8c;
  background-size: cover;
  background-position: center;
  height: 380px;
  width: 100%; }
  #page-index .page-search-box .page-content {
    padding-top: 28px; }
  #page-index .page-search-box .search-box {
    box-sizing: border-box;
    background-color: rgba(0, 16, 36, 0.55);
    width: 700px;
    height: 320px;
    padding: 30px 10px;
    float: left;
    display: inline-block; }
    #page-index .page-search-box .search-box .form-group {
      width: 50%;
      padding: 0 10px;
      margin-bottom: 20px;
      font-size: 0;
      box-sizing: border-box;
      float: left; }
      #page-index .page-search-box .search-box .form-group.min {
        width: 25%; }
      #page-index .page-search-box .search-box .form-group .box {
        display: inline-block;
        position: relative;
        width: 100%; }
      #page-index .page-search-box .search-box .form-group.btn-box {
        width: 100%;
        text-align: center; }
      #page-index .page-search-box .search-box .form-group .line {
        display: block;
        height: 6px;
        width: 20px;
        background-color: #bfd5f5;
        margin: auto 10px; }
      #page-index .page-search-box .search-box .form-group label {
        display: block;
        font-size: 14px;
        color: #fff;
        MARGIN-BOTTOM: 3PX;
        height: 18px;
        white-space: nowrap;
        overflow: hidden; }
        #page-index .page-search-box .search-box .form-group label .history-item {
          float: right;
          font-size: 10px;
          color: #bfd5f5;
          border: 1px solid transparent;
          padding: 0 2px; }
          #page-index .page-search-box .search-box .form-group label .history-item .fa-close {
            color: transparent; }
          #page-index .page-search-box .search-box .form-group label .history-item:hover {
            color: #fff;
            border-color: #bfd5f5; }
            #page-index .page-search-box .search-box .form-group label .history-item:hover .fa-close {
              color: inherit; }
      #page-index .page-search-box .search-box .form-group input.search-int {
        font-size: 14px;
        height: 32px;
        line-height: 32px;
        border: 1px solid #679be7;
        box-sizing: border-box;
        outline: none;
        padding: 0 10px;
        width: 100%; }
      #page-index .page-search-box .search-box .form-group input.cin, #page-index .page-search-box .search-box .form-group input.cout {
        padding: 0 16px 0 60px; }
      #page-index .page-search-box .search-box .form-group input.keyword {
        padding: 0 12px; }
      #page-index .page-search-box .search-box .form-group .input-key {
        display: inline-block;
        width: 65%;
        box-sizing: border-box; }
      #page-index .page-search-box .search-box .form-group .input-nati {
        display: inline-block;
        width: 35%;
        box-sizing: border-box;
        vertical-align: bottom; }
      #page-index .page-search-box .search-box .form-group .form-search-select {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
      #page-index .page-search-box .search-box .form-group button.search {
        margin: auto;
        display: inline-block;
        background-color: #ffa000;
        color: #fff;
        height: 38px;
        line-height: 38px;
        border-radius: 4px;
        width: 200px;
        border: 0;
        font-size: 16px;
        letter-spacing: 4px;
        -webkit-transition: background-color 0.5s;
        -moz-transition: background-color 0.5s;
        -ms-transition: background-color 0.5s;
        -o-transition: background-color 0.5s;
        transition: background-color 0.5s; }
        #page-index .page-search-box .search-box .form-group button.search:before {
          content: '\f002';
          font-family: FontAwesome;
          margin-right: 6px; }
        #page-index .page-search-box .search-box .form-group button.search:hover {
          background-color: #ffb333; }
        #page-index .page-search-box .search-box .form-group button.search:disabled {
          background-color: #dedede; }
      #page-index .page-search-box .search-box .form-group.calender-select {
        position: relative; }
        #page-index .page-search-box .search-box .form-group.calender-select .before {
          position: absolute;
          top: 8px;
          left: 6px;
          color: #808080;
          font-size: 12px; }
        #page-index .page-search-box .search-box .form-group.calender-select:after {
          position: absolute;
          left: 20px;
          content: '\f073';
          font-family: FontAwesome;
          color: #679be7;
          font-size: 18px;
          top: 29px; }
      #page-index .page-search-box .search-box .form-group .number-picker button, #page-index .page-search-box .search-box .form-group .number-picker input {
        height: 34px; }
      #page-index .page-search-box .search-box .form-group .select2-container {
        height: 34px;
        overflow: hidden; }
  #page-index .page-search-box .vipay {
    box-sizing: border-box;
    background-color: rgba(0, 16, 36, 0.55);
    width: 556px;
    height: 320px;
    padding: 30px;
    display: inline-block;
    margin-left: 20px; }
    #page-index .page-search-box .vipay p {
      font-size: 34px;
      color: #fff;
      line-height: 68px;
      font-weight: bold;
      text-align: center; }
      #page-index .page-search-box .vipay p span.pic {
        font-size: 50px; }
      #page-index .page-search-box .vipay p span.percentage {
        color: #ffff00; }
      #page-index .page-search-box .vipay p a.btn-view {
        background-color: #2064c8;
        font-size: 16px;
        height: 38px;
        border: 0 none;
        line-height: 38px;
        width: auto;
        border-radius: 4px;
        vertical-align: middle;
        box-sizing: border-box;
        display: inline-block;
        color: #fff;
        cursor: pointer;
        padding: 0 1em;
        text-align: center;
        white-space: nowrap;
        min-width: 180px; }
#page-index .page-hot-hotel {
  font-size: 0; }
  #page-index .page-hot-hotel .header {
    height: 80px; }
    #page-index .page-hot-hotel .header .left {
      font-size: 20px;
      border-bottom: 1px solid #ccc;
      height: 80px;
      line-height: 80px; }
      #page-index .page-hot-hotel .header .left h1 {
        margin: 0; }
    #page-index .page-hot-hotel .header .right {
      height: 80px;
      border-bottom: 1px solid #ccc;
      vertical-align: top;
      padding-left: 16px;
      margin-left: 0px; }
      #page-index .page-hot-hotel .header .right li {
        display: inline-block;
        margin-right: 40px;
        font-size: 18px;
        font-weight: bold;
        cursor: pointer;
        height: 40px;
        line-height: 40px;
        margin-top: 39px; }
        #page-index .page-hot-hotel .header .right li.active {
          color: #2064c8;
          border-bottom: 2px solid #2064c8; }
  #page-index .page-hot-hotel .content {
    padding: 16px 0; }
    #page-index .page-hot-hotel .content .left {
      border: 1px solid #ddd; }
@-webkit-keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }
@-moz-keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }
@-o-keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }
@keyframes flash {
  0% {
    opacity: .4; }
  100% {
    opacity: 1; } }
    #page-index .page-hot-hotel .content .hotel-img {
      position: relative;
      background-size: cover;
      background-position: center;
      cursor: pointer;
      opacity: 1; }
      #page-index .page-hot-hotel .content .hotel-img:hover {
        -webkit-animation: flash 1.5s;
        -o-animation: flash 1.5s;
        animation: flash 1.5s; }
      #page-index .page-hot-hotel .content .hotel-img .hotel-info-txt {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50px;
        line-height: 50px;
        background-color: rgba(0, 0, 0, 0.6); }
        #page-index .page-hot-hotel .content .hotel-img .hotel-info-txt p {
          color: #ffff00;
          font-weight: bold;
          font-size: 16px;
          padding: 0px 5px;
          text-align: center;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
    #page-index .page-hot-hotel .content .price-info {
      height: 48px;
      line-height: 48px;
      color: #f60;
      text-align: center;
      font-size: 12px;
      background-color: #fefefe; }
      #page-index .page-hot-hotel .content .price-info span {
        margin: auto 6px; }
    #page-index .page-hot-hotel .content .left .hotel-img {
      height: 410px; }
    #page-index .page-hot-hotel .content .hotel-item {
      box-sizing: border-box;
      display: inline-block;
      width: 312px;
      /* padding-left: 16px; */
      border: 1px solid #ddd;
      margin: 0px 10px 10px 0px; }
      #page-index .page-hot-hotel .content .hotel-item .hotel-img {
        height: 191px; }
      #page-index .page-hot-hotel .content .hotel-item.mr0 {
        margin-right: 0; }
    #page-index .page-hot-hotel .content .hotel-item:nth-child(3n+1) {
      margin-left: 0px; }
  #page-index .page-hot-hotel .left {
    width: 312px;
    margin-right: 10px;
    display: inline-block;
    box-sizing: border-box; }
    #page-index .page-hot-hotel .left.mr0 {
      margin-right: 0; }
    #page-index .page-hot-hotel .left.length3 {
      width: 420px; }
    #page-index .page-hot-hotel .left.length2 {
      width: 630px; }
    #page-index .page-hot-hotel .left.length1 {
      width: 100%; }
  #page-index .page-hot-hotel .right {
    width: 956px;
    display: inline-block;
    box-sizing: border-box; }
    #page-index .page-hot-hotel .right.length6 {
      width: 634px; }
    #page-index .page-hot-hotel .right.length5 {
      width: 312px; }
#page-index .page-hot-city {
  margin: 16px auto; }

.map-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999; }

#page-surrounding-map {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: -10000px;
  margin: auto;
  width: 627px;
  height: 520px;
  background-color: #fff;
  box-shadow: 0 0 8px #000;
  padding: 4px;
  border-radius: 6px; }
  #page-surrounding-map .close {
    position: absolute;
    top: 0;
    right: -30px;
    font-size: 30px;
    width: 30px;
    height: 30px;
    color: #ffa000;
    cursor: pointer; }
  #page-surrounding-map .map-box {
    position: absolute;
    right: 0;
    top: 0;
    width: 672px;
    height: 100%;
    box-sizing: border-box; }
    #page-surrounding-map .map-box .gmap {
      width: 100%;
      height: 100%; }

.zyx-date-range {
  position: absolute;
  border: 1px solid #eee;
  background-color: #FFF;
  box-shadow: 0 0 10px #999;
  width: 700px;
  z-index: 900; }
  .zyx-date-range .left, .zyx-date-range .right {
    width: 50%;
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    vertical-align: top; }
    .zyx-date-range .left .icon, .zyx-date-range .right .icon {
      position: absolute;
      font-size: 20px;
      top: 0; }
  .zyx-date-range .left {
    left: 0; }
  .zyx-date-range .right {
    right: 0; }
  .zyx-date-range .c-header {
    position: relative;
    height: 40px;
    line-height: 40px;
    background-color: #3b7ee0;
    color: #fff;
    font-size: 0; }
    .zyx-date-range .c-header .left {
      font-size: 16px; }
      .zyx-date-range .c-header .left .icon {
        left: 8px;
        cursor: pointer; }
        .zyx-date-range .c-header .left .icon:hover {
          color: #bfd5f5; }
      .zyx-date-range .c-header .left p {
        text-align: center; }
    .zyx-date-range .c-header .right {
      font-size: 16px; }
      .zyx-date-range .c-header .right .icon {
        right: 8px;
        cursor: pointer; }
        .zyx-date-range .c-header .right .icon:hover {
          color: #ebf2fc; }
      .zyx-date-range .c-header .right p {
        text-align: center; }
    .zyx-date-range .c-header .small {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.5); }
  .zyx-date-range .c-content {
    overflow: hidden;
    position: relative;
    font-size: 0; }
    .zyx-date-range .c-content .left, .zyx-date-range .c-content .right {
      padding: 8px; }
    .zyx-date-range .c-content .right {
      border-left: 1px solid #eee; }
    .zyx-date-range .c-content li div {
      display: inline-block;
      width: 47px;
      height: 47px;
      line-height: 47px;
      box-sizing: border-box;
      text-align: center;
      vertical-align: middle; }
    .zyx-date-range .c-content .header, .zyx-date-range .c-content .cont {
      font-size: 0; }
    .zyx-date-range .c-content .header span {
      display: inline-block;
      box-sizing: border-box;
      background-color: #eee;
      font-weight: normal;
      height: 24px;
      line-height: 24px;
      font-size: 14px;
      border: 1px solid #ddd;
      border-left: 0;
      width: 47px;
      text-align: center; }
      .zyx-date-range .c-content .header span:first-of-type {
        border-left: 1px solid #ddd; }
    .zyx-date-range .c-content .cont {
      height: 47px;
      border: 0; }
      .zyx-date-range .c-content .cont .day {
        position: relative;
        box-sizing: border-box;
        font-size: 16px;
        cursor: pointer;
        transition: all .3s; }
        .zyx-date-range .c-content .cont .day span {
          display: inline-block;
          height: 30px;
          line-height: 30px;
          width: 100%;
          border: 1px solid transparent; }
        .zyx-date-range .c-content .cont .day.invalid {
          color: #999;
          font-size: 12px; }
        .zyx-date-range .c-content .cont .day.checkin {
          color: #fff; }
          .zyx-date-range .c-content .cont .day.checkin span {
            background-color: #3b7ee0;
            border-radius: 20px 0 0 20px; }
        .zyx-date-range .c-content .cont .day.checkout {
          color: #fff; }
          .zyx-date-range .c-content .cont .day.checkout span {
            background-color: #3b7ee0;
            border-radius: 0 20px 20px 0; }
        .zyx-date-range .c-content .cont .day.active {
          color: #fff;
          outline: #3b7ee0 sold 1px; }
          .zyx-date-range .c-content .cont .day.active span {
            background-color: #3b7ee0;
            border-radius: 0; }
        .zyx-date-range .c-content .cont .day.hover-check-in span {
          background-color: #fff;
          border-color: #2064c8;
          border-radius: 20px 0 0 20px;
          color: #2064c8; }
        .zyx-date-range .c-content .cont .day .nights {
          position: absolute;
          right: 0;
          top: -30px;
          background-color: rgba(255, 160, 0, 0.8);
          font-size: 8px;
          font-weight: bold;
          padding: 0;
          height: 30px;
          line-height: 30px;
          border-radius: 4px;
          white-space: nowrap;
          color: #fff; }
          .zyx-date-range .c-content .cont .day .nights.hover-nights {
            display: none; }
          .zyx-date-range .c-content .cont .day .nights:after {
            content: '';
            position: absolute;
            display: block;
            width: 0;
            height: 0;
            border-width: 10px 10px 0;
            border-style: solid;
            border-color: rgba(255, 160, 0, 0.8) transparent transparent;
            /*黄 透明 透明 */
            position: absolute;
            bottom: -6px;
            left: 14px; }
        .zyx-date-range .c-content .cont .day.hover-check-out span {
          background-color: #fff;
          border-color: #2064c8;
          border-radius: 0 20px 20px 0;
          color: #2064c8; }
        .zyx-date-range .c-content .cont .day.hover-check-out .hover-nights {
          display: block; }

.tips-cont-price {
  width: 400px;
  font-size: 0;
  text-align: left; }
  .tips-cont-price li {
    display: inline-block;
    font-size: 14px;
    font-weight: bold; }
    .tips-cont-price li .date-box {
      width: 100px;
      background-color: rgba(255, 255, 255, 0.4);
      color: #fff;
      height: 26px;
      line-height: 26px;
      text-align: center; }
    .tips-cont-price li .price-box {
      width: 100px;
      color: #ffff00;
      text-align: center;
      height: 26px;
      line-height: 26px; }

.tips-cont-productList {
  font-size: 12px;
  text-align: left; }

.com-city-search-2, .com-city-search-1 {
  font-size: 0;
  position: absolute;
  z-index: 900;
  min-width: 330px;
  max-width: 600px;
  width: max-content;
  box-sizing: border-box;
  border: 1px solid #eee;
  box-shadow: 0 0 8px #ccc;
  border-radius: 0 0 6px 6px;
  background-color: #fff;
  padding: 10px 4px;
  min-height: 200px;
  overflow-y: auto;
  height: auto;
  opacity: 1; }
  .com-city-search-2 .show-enter-active, .com-city-search-1 .show-enter-active {
    transition: all .3s ease; }
  .com-city-search-2 .show-leave-active, .com-city-search-1 .show-leave-active {
    transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1); }
  .com-city-search-2 .show-enter, .com-city-search-2 .show-leave-to, .com-city-search-1 .show-enter, .com-city-search-1 .show-leave-to {
    max-height: 0;
    opacity: 0; }
  .com-city-search-2 em, .com-city-search-1 em {
    color: #b26cb0; }

.com-city-search-2 li {
  font-size: 14px;
  line-height: 20px;
  margin: 4px auto;
  background-color: #fff;
  padding: 4px 16px;
  cursor: pointer; }
  .com-city-search-2 li:hover {
    color: #49f;
    background-color: #ecf5ff; }

.com-city-search-1 {
  padding: 20px;
  width: 640px; }
  .com-city-search-1 .title {
    margin-bottom: 16px;
    border-bottom: 1px solid #ccc;
    font-size: 0; }
    .com-city-search-1 .title li {
      display: inline-block;
      font-weight: bold;
      line-height: 50px;
      height: 50px;
      font-size: 14px;
      border-bottom: 3px solid transparent;
      padding: 0 13px; }
      .com-city-search-1 .title li.active {
        border-bottom: 3px solid #49f;
        color: #49f; }
      .com-city-search-1 .title li:hover {
        border-bottom: 3px solid #49f; }
  .com-city-search-1 .city-list {
    max-height: 200px;
    overflow-y: auto; }
  .com-city-search-1 .city {
    display: inline-block;
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    width: 110px;
    box-sizing: border-box;
    background-color: #fff;
    padding-left: 10px;
    cursor: pointer; }
    .com-city-search-1 .city:hover {
      color: #49f;
      background-color: #ecf5ff; }
    .com-city-search-1 .city sup.hot {
      font-size: 10px;
      font-weight: bold; }

.page-left-menu {
  width: 15%;
  box-sizing: border-box;
  padding: 0 16px;
  position: absolute;
  top: 16px;
  left: 0;
  border: 1px solid #d9e5f1; }
  .page-left-menu li {
    background-color: rgba(255, 255, 255, 0.8);
    height: 40px;
    line-height: 40px;
    padding-left: 16px;
    font-size: 12px;
    cursor: pointer; }
    .page-left-menu li.title {
      border-top: 1px solid #d9e5f1;
      height: 50px;
      line-height: 50px;
      font-size: 14px;
      font-weight: bold;
      cursor: auto; }

.com-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 900; }
  .com-modal .modal-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .3; }
  .com-modal .modal-box {
    position: relative;
    margin: 30px auto;
    width: 800px;
    background-color: #fff;
    padding: 16px;
    border-radius: 6px; }
    .com-modal .modal-box .modal-header {
      height: 30px;
      border-bottom: 1px solid #c0c0c0;
      margin-bottom: 16px; }
      .com-modal .modal-box .modal-header .close-btn {
        position: absolute;
        top: 16px;
        right: 16px;
        height: 30px;
        cursor: pointer; }
        .com-modal .modal-box .modal-header .close-btn:after {
          content: '\f00d';
          font-family: FontAwesome;
          font-size: 20px;
          color: #c0c0c0; }
        .com-modal .modal-box .modal-header .close-btn:hover {
          color: #c0c0c0; }
    .com-modal .modal-box .modal-body .valid-text {
      margin: 16px 0;
      background-color: white;
      color: #ff0000; }
      .com-modal .modal-box .modal-body .valid-text li {
        height: 24px; }
    .com-modal .modal-box .modal-footer {
      height: 40px;
      margin-top: 16px; }
      .com-modal .modal-box .modal-footer button {
        float: right;
        display: inline-block;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        margin: 0 6px;
        border: 0; }
        .com-modal .modal-box .modal-footer button.main {
          background-color: #2064c8;
          color: #fff; }
          .com-modal .modal-box .modal-footer button.main:hover {
            background-color: #3b7ee0; }
        .com-modal .modal-box .modal-footer button.gray {
          background-color: #ddd; }
          .com-modal .modal-box .modal-footer button.gray:hover {
            background-color: #eee; }

#page__register {
  background: linear-gradient(135deg, #e1f1ff 20%, #8ab9ff 80%);
  height: 100%; }
  @media screen and (max-width: 500px) {
    #page__register {
      height: auto; } }
  #page__register .page-content {
    max-height: 800px;
    max-width: 1280px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    background-color: #fff;
    box-shadow: 2px 2px 60px #666; }
    #page__register .page-content:first-child, #page__register .page-content:last-child {
      flex-grow: 0; }
    #page__register .page-content:nth-child(2) {
      flex-grow: 1; }
    @media screen and (max-width: 500px) {
      #page__register .page-content {
        width: 100%;
        height: auto;
        overflow: auto; } }
    #page__register .page-content .bg {
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 600px;
      background-image: url("../images/register.png");
      background-position: right center;
      background-repeat: no-repeat;
      background-clip: border-box;
      background-size: cover; }
    #page__register .page-content .form-box {
      width: 50%;
      padding: 0;
      background-color: #fff;
      overflow-y: auto;
      overflow-x: hidden; }
      #page__register .page-content .form-box .ok-icon-box {
        margin-top: 8px; }
      #page__register .page-content .form-box select {
        width: 100%; }
      @media screen and (max-width: 500px) {
        #page__register .page-content .form-box {
          width: 100%; } }
      @media screen and (max-width: 500px) {
        #page__register .page-content .form-box .area-box .col-sm-6 {
          padding: 0; } }

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