@charset "utf-8";
/*箭头 begin*/
/*箭头 end*/
/*1px line begin*/
/*1px line end*/
html {
  height: 100%;
}
body {
  background-color: #161223;
  position: static;
  overflow: auto;
  max-width: 750px;
  margin: 0 auto;
  padding-bottom: 100px;
}
.modal-overlay,
.preloader-indicator-overlay,
.popup-overlay {
  position: fixed;
}
.modal {
  position: fixed;
}
.red {
  color: #ff5f3f;
  font-weight: bold;
}
.container {
  background: #161223;
  background-size: 100% auto;
}
.header-opt-box {
  margin-top: -8rem;
  position: relative;
  text-align: center;
}
.header-opt-box .limit-box {
  font-size: 0.75rem;
  color: #fff;
}
.header-opt-box .limit-box span {
  color: #FEB657;
}
.header-opt-box .header-title {
  font-size: 0.9rem;
  color: #FFFFFF;
  position: relative;
}
.header-opt-box .header-title::before {
  content: "";
  position: absolute;
  width: 3.6rem;
  height: 0.05rem;
  top: 50%;
  left: 2.75rem;
  background: #CBCBCB;
}
.header-opt-box .header-title::after {
  content: "";
  position: absolute;
  width: 3.6rem;
  height: 0.05rem;
  top: 50%;
  right: 2.75rem;
  background: #CBCBCB;
}
.header-opt-box .open-btn {
  margin: 0.75rem 2.75rem 1.3rem;
  background: #FEB657;
  border-radius: 1.1rem;
  font-size: 1.2rem;
  color: #141021;
  height: 2.25rem;
  line-height: 2.25rem;
  -webkit-animation: scale 1.2s infinite;
          animation: scale 1.2s infinite;
}
.rights-item-wrapper {
  padding: 1.5rem 0.75rem;
}
.block {
  border-radius: 0.25rem;
  padding: 0 0.8rem 1.5rem;
  background: #fff;
  margin-bottom: 1.5rem;
}
.block .block-title {
  text-align: center;
  padding: 0.75rem 0 1rem;
  font-size: 0.75rem;
  color: #818181;
}
.block .block-title .m-title {
  color: #161223;
}
.block .icon-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  border-radius: 0.25rem;
}
.block .icon-wrapper .icon-item {
  text-align: center;
  color: #694200;
  margin-right: 0.6rem;
}
.header-top {
  position: relative;
}
.header-top .activity-rule {
  position: absolute;
  left: 50%;
  bottom: 9.8rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 0.6rem;
  color: #FFFFFF;
}
.block .icon-item:last-child {
  margin: 0;
}
.pics-wrapper {
  border-radius: 0.25rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.pics-wrapper .pic-item {
  -webkit-box-flex: 1;
  -webkit-flex: auto 0 0;
          flex: auto 0 0;
  width: calc(50% - 10px);
}
.pics-wrapper .pic-item .img-text-wrapper {
  position: relative;
}
.pics-wrapper .pic-item .img-text-wrapper .label {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOkAAABECAYAAABktRLTAAAAAXNSR0IArs4c6QAABUFJREFUeAHt3U1oHGUcx/H/f6tV2sQWbEFDpR6kYvNmiJ6KGvUigieTUC96U3w59NDiTRTfQPCod1tB2WwroVrUQ0KrUqHUd6FBELxJu0hfkJpNdv4+EzrpznaTzA47M88m34UwL/vM8/zn8/BjdtLuRK3cb8ILAX8FaqJyRcz9iF5ZXle5JGZ/ipTmXOnup2dOJ0//4+9ppK9MCWl6PI70TqDqgjwnqmdEgxkJbj2lk2cveVdlmwUR0jbBaN5NAloXsbPu6jvrwjsj1vuNu9pe7aYzCGslpN02Y9SbXiD82Cw65To4IuO/nlTVrrjVI6Tpp5wju1lA5S8x/djd0x7RyV/C+1pvX4TU26mhsBwFZkQ2ve3C6pb+vQipf3NCRYUJ6Pdu6Ld08rcvCiuhxcCEtAUKuza8wE/XrqwVHyQIqQ+zQA2eCuhJKW16Wcd//r3IAktFDs7YCPgtYI9IUP/RygPv2VdDW4uqlZAWJc+4XSJgN7t/az0kl4NzVul/uoiiCWkR6ozZfQJmuySQik0NfGLT+3rzPAFCmqc2Y3W/gNl+mb/4g1WGR/I6GUKalzTjrCeBe8QWT7t71RfzOClCmocyY6w/AZNb3L3qh+7jb9nKYz1ZniAhzVKXvte/gNmEaHXWyiM7szpZQpqVLP1uHAGzB0Rq39pn99+dxUkT0ixU6XMjCuyRhYXvrDw42OmTJ6SdFqW/jSzQ5778ecqmhh7qJAIh7aQmfSFgtl2sfsKO9j/YKQxC2ilJ+kHgukCP1OWEHRvec31X+jVCmt6OIxFYTWCH1Be/tumRvtUaJXmPkCZRog0CaQRMdsv8wpfut77b0xweHUNIIwmWCGQiYIOysDhts2M3pe2ekKaV4zgEEgvYw3Kh+k7i5k0NCWkTCJsIZCKgdtAqg0+m6ZuQplHjGATaFTD39F8LDtvRoV3tHkpI2xWjPQJpBUxul3rwabv3p4Q0LTjHIZBKwPZJ9cJr7RxKSNvRoi0CnRAwedXKQ/cm7YqQJpWiHQKdE9gsWv8gaXeENKkU7RDopIDJ4zbVvz9Jl4Q0iRJtEMhCwOT9JA81I6RZ4NMnAskE+qR28Y21mhLStYR4H4FsBV5a6z/hE9JsJ4DeEVhdIHygWa12cLVGhHQ1Hd5DIA8B0+ft+OiOlYYipCvJsB+B3ARsq1ydP7DScIR0JRn2I5CvwCtWHt3WakhC2kqFfQjkLmDbRP97odWwhLSVCvsQKELA5LlWwxLSVirsQ6AYgb3uub2jzUMT0mYRthEoUkDt2ebhCWmzCNsIFClg8kzz900JaZETwtgI3CBgO6VafaJxNyFt1GAdAT8EYt+OIaR+TApVINAgYI81bAghbdRgHQEfBEzutGMD90WlENJIgiUCPgkEunw1JaQ+TQy1IBAJBPZotEpIIwmWCPgkoDZmZhqWREh9mhhqQSASCJ/ROzU0EG4S0giFJQLeCdjesCRC6t3EUBACkYAuPZuXkEYeLBHwTiAgpN7NCQUhEBPgShrjYAMB/wSMK6l/k0JFCMQEesLHfYb3pEFsNxsIIOCPwGL9jjCk5/2piEoQQCAmULfekvv7w3/EdrKBAAL+CGgYUpHP/amIShBAICagJRdS23JYRP+NvcEGAgj4IRC4K6lOnvnbVfOuHxVRBQIIxASufdwVmRh3IdXjsTfZQAABDwR0S3hPKqqvB9Jz14T7JdJHHlRFCQggsCxg9aXvqy1vuxWr9D8lgb7p1oYb97OOAAIFCKgeuiGkURlLf4ptsbZbgtJtYrI52s8SAQRyFNDSuf8BdDUl6v/woBkAAAAASUVORK5CYII=) no-repeat;
  background-size: 100% 100%;
  background-position: 0 0;
  padding: 0.15rem 0.75rem 0.15rem 0.25rem;
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 0.6rem;
  color: #171224;
  font-weight: bold;
}
.pics-wrapper .pic-item .tip {
  font-size: 0.6rem;
  color: #2b2b2b;
  margin: 0.4rem 0 0.4rem 0.8rem;
}
.frist {
  position: relative;
}
.hotel-activity {
  position: absolute;
  width: 8.75rem;
  bottom: -1.6rem;
  left: 50%;
  margin-left: -4.4rem;
}
.block .five .icon-item {
  margin-right: 1rem;
}
.block .five .icon-item:last-child {
  margin-right: 0rem;
}
.pdesc {
  margin-top: -0.2rem;
  font-size: 0.6rem;
  color: #FFFFFF;
  text-align: center;
  position: relative;
}
.bottom-tips {
  color: #fff;
  font-size: 10px;
  text-align: center;
}
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  width: 100%;
  height: 3.5rem;
  -webkit-animation: easeTop .3s ease;
          animation: easeTop .3s ease;
}
.footer .desc {
  background: #FFF5E7;
  height: 3.5rem;
  font-size: 0.75rem;
  padding: 0.55rem 0.55rem 0.85rem 0.75rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  color: #C66E00 ;
}
.footer .desc .desc-item {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}
.footer .desc .desc-item .desc-detail {
  position: relative;
}
.footer .desc .desc-item .desc-detail:after {
  content: "";
  position: absolute;
  bottom: 0.1rem;
  left: 0;
  height: 0.2rem;
  width: 1rem;
  background: rgba(255, 0, 0, 0.5);
}
.footer .desc .desc-item .pri em {
  text-decoration: line-through;
}
.footer .desc .price {
  font-size: 0.9rem;
  color: #C66E00 ;
}
.footer .desc .price .num {
  font-size: 1.2rem;
  margin-left: -0.2rem;
}
.footer .btn {
  background: #FFAA2B;
  line-height: 3.5rem;
  width: 153px;
  text-align: center;
  font-size: 0.9rem;
  color: #fff;
}
@-webkit-keyframes easeTop {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes easeTop {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}
@keyframes scale {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}
@-webkit-keyframes shack {
  10% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  20% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  30% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  40% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  50%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes shack {
  10% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  20% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  30% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  40% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  50%,
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
/*价格计算浮层begin*/
.calculate-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 17;
}
.calculate-box .closeimg {
  width: 2.3rem;
  height: 2.3rem;
  position: absolute;
  bottom: -3.5rem;
  left: 50%;
  margin-left: -1.15rem;
}
.calculate-box .bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 17;
}
.calculate-box .calculate-content {
  position: fixed;
  width: 15.95rem;
  left: 50%;
  top: 50%;
  margin-left: -7.95rem;
  background-color: #fff;
  border-radius: 0.5rem;
  z-index: 18;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.calculate-box .calculate-content .head {
  text-align: center;
  padding-bottom: 0.85rem;
}
.calculate-box .calculate-content .head img {
  width: 1.15rem;
  height: 1.4rem;
  margin-top: 1.15rem;
  margin-bottom: 0.7rem;
}
.calculate-box .calculate-content .head div {
  font-size: 0.8rem;
  color: #A88641;
  font-weight: bold;
}
.calculate-box .calculate-content .head div:last-child {
  font-size: 0.6rem;
  color: #999;
  font-weight: normal;
  margin-top: 0.25rem;
}
.calculate-box .calculate-content .server-list {
  background-color: #f4f4f4;
  height: 10.65rem;
  padding: 0rem 1rem 0rem 1rem;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
.calculate-box .calculate-content .server-list .server-item {
  padding: 0.75rem 0rem 0.75rem 0rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
.calculate-box .calculate-content .server-list .server-item img {
  width: 0.75rem;
  height: 0.75rem;
  margin-top: -0.15rem;
}
.calculate-box .calculate-content .server-list .server-item .desc {
  font-size: 0.6rem;
  color: #999999;
  padding-left: 1rem;
  margin-top: 0.15rem;
}
.calculate-box .calculate-content .server-list .server-item .item-title {
  font-size: 0.75rem;
  color: #A88641;
  font-weight: bold;
  margin-left: 0.25rem;
}
.calculate-box .calculate-content .server-list .server-item .aside span {
  color: #A88641;
  font-size: 0.75rem;
}
.calculate-box .calculate-content .server-list .server-item .aside .icon {
  border-radius: 1.5rem;
  border-top-right-radius: 0;
  display: inline-block;
  background-color: #FF5252;
  font-size: 0.6rem;
  color: #fff;
  padding: 0.05rem 0.2rem 0.05rem 0.2rem;
  margin-right: 0.2rem;
}
.calculate-box .calculate-content .server-list .server-item:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 1px;
  border-bottom: 1px solid #EBEBEB;
  color: #EBEBEB;
}
.calculate-box .foot {
  padding: 1rem 1rem 1rem 1rem;
  background-color: #fff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.calculate-box .foot .btn {
  border-radius: 1.5rem;
  width: 100%;
  text-align: center;
  height: 2.35rem;
  font-size: 0.8rem;
  color: #564117;
  font-weight: bold;
  line-height: 2.35rem;
  background-color: #FFD36F;
}
/*价格计算浮层end*/