/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif /* 1 */;
  font-size: 100% /* 1 */;
  line-height: 1.15 /* 1 */;
  margin: 0 /* 2 */;
  background-color: rgba(0,0,0,0);
  border: none;
  outline: none;
  webkit-appearance: none;
  border-radius: 0;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
  display: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: none /* 2 */;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box /* 1 */;
  color: inherit /* 2 */;
  display: table /* 1 */;
  max-width: 100% /* 1 */;
  padding: 0 /* 3 */;
  white-space: normal /* 1 */;
}
/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block /* 1 */;
  vertical-align: baseline /* 2 */;
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflo: aut;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box /* 1 */;
  padding: 0 /* 2 */;
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield /* 1 */;
  outline-offset: -2px /* 2 */;
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button /* 1 */;
  font: inherit /* 2 */;
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}
/**
 * Add the correct display in IE.
 */
template {
  display: none;
}
/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}
@font-face {
  font-family: 'mixpace';
  src: url("http://ooc90m1fd.bkt.clouddn.com/Mixpace.ttf");
  font-weight: normal;
  font-style: normal;
}
a {
  cursor: pointer;
}
.swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.05rem;
  background: #cdcdcd;
  border-radius: 0;
}
.swiper-button-next,
.swiper-button-prev {
  width: 0.35rem;
  background-size: 100%;
}
.swiper-button-next {
  background-image: url("../images/next-icon.png");
}
.swiper-button-prev {
  background-image: url("../images/prev-icon.png");
}
@media (max-width: 320px) {
  body {
    font-size: 12.5;
    line-height: 1.5;
  }
  .font-size-12 {
    font-size: 11px;
  }
  .font-size-16 {
    font-size: 15px;
  }
  .font-size-18 {
    font-size: 17px;
  }
  .font-size-50 {
    font-size: 49px;
  }
}
@media (min-width: 321px) and (max-width: 375px) {
  body {
    font-size: 14px;
    line-height: 1.5;
  }
  .font-size-12 {
    font-size: 12px;
  }
  .font-size-16 {
    font-size: 16px;
  }
  .font-size-18 {
    font-size: 18px;
  }
  .font-size-50 {
    font-size: 50px;
  }
}
@media (min-width: 376px) and (max-width: 480px) {
  body {
    font-size: 15px;
    line-height: 1.5;
  }
  .font-size-12 {
    font-size: 13px;
  }
  .font-size-16 {
    font-size: 17px;
  }
  .font-size-18 {
    font-size: 19px;
  }
  .font-size-50 {
    font-size: 51px;
  }
}
@media (min-width: 481px) {
  body {
    font-size: 16px;
    line-height: 1.5;
  }
  .font-size-12 {
    font-size: 14px;
  }
  .font-size-16 {
    font-size: 18px;
  }
  .font-size-18 {
    font-size: 20px;
  }
  .font-size-50 {
    font-size: 52px;
  }
}
@media (max-width: 1024px) {
  .home__section__title {
    height: 0.55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }
  .home__section__title .home__section__title__line {
    width: 0.75rem;
    height: 0.025rem;
    background-color: #fff;
  }
  .home__section__title .home__section__title__txt {
    padding: 0 0.125rem;
    letter-spacing: 1px;
  }
}
@media (min-width: 1025px) {
  body {
    font-size: 14px;
  }
  .swiper-pagination-bullet {
    width: 43px;
    height: 5px;
    background: #cdcdcd;
    border-radius: 0;
  }
  .swiper-button-next,
  .swiper-button-prev {
    width: 33px;
  }
  .home__section__title {
    height: 134px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }
  .home__section__title .home__section__title__line {
    width: 38px;
    height: 2px;
    background-color: #fff;
  }
  .home__section__title .home__section__title__txt {
    padding: 0 20px;
    letter-spacing: 1px;
  }
}

@media (max-width: 1024px) {
.child-view {
    width: 100%;
    background-color: #fff;
    transition: all 0.8s cubic-bezier(0.55, 0, 0.1, 1);
}
.slide-left-enter,
  .slide-right-leave-active {
    opacity: 0;
    -webkit-transform: translate(50px, 0);
    transform: translate(50px, 0);
}
.slide-left-leave-active,
  .slide-right-enter {
    opacity: 0;
    -webkit-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
}
#loading-bar {
    display: none;
}
}
@media (min-width: 1025px) {
.child-view {
    background-color: #fff;
    width: 100%;
}
}

@font-face {
  font-family: 'mixpace';
  src: url("http://ooc90m1fd.bkt.clouddn.com/Mixpace.ttf");
  font-weight: normal;
  font-style: normal;
}
a {
  cursor: pointer;
}
.swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.05rem;
  background: #cdcdcd;
  border-radius: 0;
}
.swiper-button-next,
.swiper-button-prev {
  width: 0.35rem;
  background-size: 100%;
}
.swiper-button-next {
  background-image: url("../images/next-icon.png");
}
.swiper-button-prev {
  background-image: url("../images/prev-icon.png");
}
@media (max-width: 320px) {
body {
    font-size: 12.5;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 11px;
}
.font-size-16 {
    font-size: 15px;
}
.font-size-18 {
    font-size: 17px;
}
.font-size-50 {
    font-size: 49px;
}
}
@media (min-width: 321px) and (max-width: 375px) {
body {
    font-size: 14px;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 12px;
}
.font-size-16 {
    font-size: 16px;
}
.font-size-18 {
    font-size: 18px;
}
.font-size-50 {
    font-size: 50px;
}
}
@media (min-width: 376px) and (max-width: 480px) {
body {
    font-size: 15px;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 13px;
}
.font-size-16 {
    font-size: 17px;
}
.font-size-18 {
    font-size: 19px;
}
.font-size-50 {
    font-size: 51px;
}
}
@media (min-width: 481px) {
body {
    font-size: 16px;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 14px;
}
.font-size-16 {
    font-size: 18px;
}
.font-size-18 {
    font-size: 20px;
}
.font-size-50 {
    font-size: 52px;
}
}
@media (max-width: 1024px) {
.home__section__title {
    height: 0.55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.home__section__title .home__section__title__line {
    width: 0.75rem;
    height: 0.025rem;
    background-color: #fff;
}
.home__section__title .home__section__title__txt {
    padding: 0 0.125rem;
    letter-spacing: 1px;
}
}
@media (min-width: 1025px) {
body {
    font-size: 14px;
}
.swiper-pagination-bullet {
    width: 43px;
    height: 5px;
    background: #cdcdcd;
    border-radius: 0;
}
.swiper-button-next,
  .swiper-button-prev {
    width: 33px;
}
.home__section__title {
    height: 134px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.home__section__title .home__section__title__line {
    width: 38px;
    height: 2px;
    background-color: #fff;
}
.home__section__title .home__section__title__txt {
    padding: 0 20px;
    letter-spacing: 1px;
}
}
@media (max-width: 1024px) {
.fade-enter-active,
  .fade-leave-active {
    transition: opacity 0.3s;
}
.fade-enter,
  .fade-leave-to {
    opacity: 0;
}



.header12 .header12__nav-button .header12__nav-button__icon:before,
  .header12 .header12__nav-button .header12__nav-button__icon:after {
    content: '';
    display: block;
    width: 0.55rem;
    height: 0.025rem;
    background-color: #fff;
    position: absolute;
}
.header12 .header12__nav-button .header12__nav-button__icon:before {
    top: -0.2rem;
    transition: top 0.1s 0.14s ease, opacity 0.1s ease;
}
.header12 .header12__nav-button .header12__nav-button__icon:after {
    top: 0.2rem;
    transition: top 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.header12 .header12__nav-button.active .header12__nav-button__icon {
    transform: rotate(45deg);
    transition-delay: 0.14s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header12 .header12__nav-button.active .header12__nav-button__icon:before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease, opacity 0.1s 0.14s ease;
}
.header12 .header12__nav-button.active .header12__nav-button__icon:after {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.header12 .header12__logo {
    width: 1.36095rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.header12 .header12__logo img {
    width: 100%;
}
#navigation {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #222;
    padding-top: 1.6rem;
    color: #fff;
    z-index: 1000;
    overflow-y: auto;
}
#navigation .navigation__item {
    min-height: 1.4rem;
    line-height: 1.4rem;
    text-align: left;
    border-top: 1px solid #000;
}
#navigation .navigation__item:not(:last-child) a {
    display: block;
    padding-left: 1rem;
}
#navigation .navigation__item a {
    color: #fff;
}
#navigation .navigation__item a:hover,
  #navigation .navigation__item a:active {
    background-color: #000;
}
#navigation .navigation__item .navigation__item__space {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 1rem;
}
#navigation .navigation__item .navigation__item__space .navigation__item__space__toggle-icon {
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-color: #fff transparent transparent;
    border-style: solid dashed dashed;
    border-width: 0.15rem 0.15rem 0;
    margin-right: 1rem;
    transform: rotate(0deg);
    transition: transform 0.3s;
}
#navigation .navigation__item .navigation__item__space .navigation__item__space__toggle-icon.active {
    transform: rotate(180deg);
    transition: transform 0.3s;
}
#navigation .navigation__item-space-list {
    padding-left: 0;
    min-height: auto;
    line-height: 1.1rem;
}
#navigation .navigation__item-space-list .navigation__item-space-list__container {
    display: flex;
    flex-wrap: wrap;
}
#navigation .navigation__item-space-list .navigation__item-space-list__container .navigation__item-space-list__container__item {
    flex-basis: 50%;
    text-align: center;
    height: 1.1rem;
    line-height: 1.1rem;
}
#navigation .navigation__item-space-list .navigation__item-space-list__container .navigation__item-space-list__container__item a {
    padding-left: 0;
}
#navigation .navigation__item-space-list .navigation__item-space-list__container .navigation__item-space-list__container__item:active,
  #navigation .navigation__item-space-list .navigation__item-space-list__container .navigation__item-space-list__container__item:hover {
    background-color: #000;
}
#navigation .navigation__item__FAQ {
    padding: 0 1rem 0.25rem;
}
#navigation .navigation__item__FAQ .navigation__item__FAQ__container {
    height: 0.75rem;
    display: flex;
    align-items: center;
    margin-top: 0.425rem;
    border-bottom: 1px solid #fff;
}
#navigation .navigation__item__FAQ .navigation__item__FAQ__container .navigation__item__FAQ__value {
    width: 100%;
    height: 100%;
    background-color: transparent;
    color: #fff;
}
#navigation .navigation__item__FAQ .navigation__item__FAQ__container .navigation__item__FAQ__button {
    width: 0.5rem;
    height: 0.5rem;
    background-image: url("http://ooc90m1fd.bkt.clouddn.com/search-FAQ.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
#navigation .navigation__item__toggle-lang {
    padding-right: 1rem;
    text-align: right;
}
}
@media (min-width: 1025px) {
#header12 {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0);
    width: 100%;
    z-index: 999;
}
#header12 .header12-u1024 {
    display: none;
}
#header12 .header12-b1024 {
    padding: 0;
    background-color: rgba(0,0,0,0.1);
}
#header12 .header12-b1024 .header12-b1024__wraper {
    max-width: 1200px;
    height: 87px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}
#header12 .header12-b1024 .header12-b1024__wraper .header12-b1024__wraper__logo img {
    width: 190px;
}
#header12 .header12-b1024 .header12-b1024__wraper .header12-b1024__wraper__navigation .header12-b1024__wraper__navigation__list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#header12 .header12-b1024 .header12-b1024__wraper .header12-b1024__wraper__navigation .header12-b1024__wraper__navigation__list .header12-b1024__wraper__navigation__toggle-lang {
    display: flex;
}
#header12 .header12-b1024 .header12-b1024__wraper .header12-b1024__wraper__navigation .header12-b1024__wraper__navigation__list .header12-b1024__wraper__navigation__toggle-lang a {
    color: #fff;
    transform: translateY(0);
    transition: transform 0.2s ease;
}
#header12 .header12-b1024 .header12-b1024__wraper .header12-b1024__wraper__navigation .header12-b1024__wraper__navigation__list .header12-b1024__wraper__navigation__toggle-lang a:hover {
    transform: translateY(-5px);
    transition: transform 0.2s ease;
}
#header12 .header12-b1024 .header12-b1024__wraper .header12-b1024__wraper__navigation .header12-b1024__wraper__navigation__list .header12-b1024__wraper__navigation__toggle-lang a:first-child {
    padding-right: 10px;
}
#header12 .header12-b1024 .header12-b1024__wraper .header12-b1024__wraper__navigation .header12-b1024__wraper__navigation__list .header12-b1024__wraper__navigation__toggle-lang a:last-child {
    padding-left: 10px;
}
#header12 .header12-b1024 .header12-b1024__wraper .header12-b1024__wraper__navigation .header12-b1024__wraper__navigation__list .header12-b1024__wraper__navigation__list__item {
    padding: 0px 22px;
    transform: translateY(0);
    transition: transform 0.2s ease;
    height: 100%;
    line-height: 87px;
}
#header12 .header12-b1024 .header12-b1024__wraper .header12-b1024__wraper__navigation .header12-b1024__wraper__navigation__list .header12-b1024__wraper__navigation__list__item:not(:last-child):hover {
    transform: translateY(-5px);
    transition: transform 0.2s ease;
}
#header12 .header12-b1024 .header12-b1024__wraper .header12-b1024__wraper__navigation .header12-b1024__wraper__navigation__list .header12-b1024__wraper__navigation__list__item:last-child {
    padding-right: 0;
}
#header12 .header12-b1024 .header12-b1024__wraper .header12-b1024__wraper__navigation .header12-b1024__wraper__navigation__list .header12-b1024__wraper__navigation__list__item a {
    display: block;
    color: #fff;
}
#header12 .header12-b1024 .header12-b1024__wraper .header12-b1024__wraper__navigation .header12-b1024__wraper__navigation__list .header12-b1024__wraper__navigation__list__item a:last-child {
    padding-right: 0;
}
#header12 .header12-b1024 .header12-b1024__wraper .header12-b1024__wraper__navigation .header12-b1024__wraper__navigation__list .header12-b1024__wraper__navigation__list__item-space {
    position: relative;
    padding-right: 41px;
}
#header12 .header12-b1024 .header12-b1024__wraper .header12-b1024__wraper__navigation .header12-b1024__wraper__navigation__list .header12-b1024__wraper__navigation__list__item-space::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    right: 22px;
    top: 40px;
    margin-top: 1px;
    font-size: 0;
    line-height: 0;
    border-color: #fff transparent transparent;
    border-style: solid dashed dashed;
    border-width: 4px 4px 0;
    -webkit-transition: -webkit-transform 0.2s ease-in;
    -moz-transition: -moz-transform 0.2s ease-in;
    -ms-transition: -ms-transform 0.2s ease-in;
    -o-transition: -o-transform 0.2s ease-in;
    transition: transform 0.2s ease-in;
}
#header12 .header12-b1024 .header12-b1024__wraper .header12-b1024__wraper__navigation .header12-b1024__wraper__navigation__list .header12-b1024__wraper__navigation__list__item-space .header12-b1024__wraper__navigation__list__item-space__list {
    position: absolute;
    left: 50%;
    top: 87px;
    transform: translateX(-45%);
    opacity: 0;
    display: none;
    animation: slideFadeIn 0.5s ease;
    -webkit-animation: slideFadeIn 0.5s ease;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
#header12 .header12-b1024 .header12-b1024__wraper .header12-b1024__wraper__navigation .header12-b1024__wraper__navigation__list .header12-b1024__wraper__navigation__list__item-space .header12-b1024__wraper__navigation__list__item-space__list .header12-b1024__wraper__navigation__list__item-space__list__item .header12-b1024__wraper__navigation__list__item-space__list__item__link {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 388px;
    height: 44px;
    line-height: 22px;
    text-align: center;
    background-color: rgba(34,34,34,0.7);
    padding-left: 28px;
}
#header12 .header12-b1024 .header12-b1024__wraper .header12-b1024__wraper__navigation .header12-b1024__wraper__navigation__list .header12-b1024__wraper__navigation__list__item-space .header12-b1024__wraper__navigation__list__item-space__list .header12-b1024__wraper__navigation__list__item-space__list__item .header12-b1024__wraper__navigation__list__item-space__list__item__link:hover {
    background-color: rgba(34,34,34,0.5);
}
#header12 .header12-b1024 .header12-b1024__wraper .header12-b1024__wraper__navigation .header12-b1024__wraper__navigation__list .header12-b1024__wraper__navigation__list__item-space .header12-b1024__wraper__navigation__list__item-space__list .header12-b1024__wraper__navigation__list__item-space__list__item .header12-b1024__wraper__navigation__list__item-space__list__item__link .header12-b1024__wraper__navigation__list__item-space__list__item__link__name {
    flex-shrink: 0;
    flex-basis: 100px;
}
#header12 .header12-b1024 .header12-b1024__wraper .header12-b1024__wraper__navigation .header12-b1024__wraper__navigation__list .header12-b1024__wraper__navigation__list__item-space .header12-b1024__wraper__navigation__list__item-space__list .header12-b1024__wraper__navigation__list__item-space__list__item .header12-b1024__wraper__navigation__list__item-space__list__item__link .header12-b1024__wraper__navigation__list__item-space__list__item__link__address {
    padding-left: 28px;
    text-align: left;
    background: url("http://ooc90m1fd.bkt.clouddn.com/map-marker.png") 12px center no-repeat/12px;
}
#header12 .header12-b1024 .header12-b1024__wraper .header12-b1024__wraper__navigation .header12-b1024__wraper__navigation__list .header12-b1024__wraper__navigation__list__item-space:hover .header12-b1024__wraper__navigation__list__item-space__list {
    display: block;
}
#header12 .header12-b1024 .header12-b1024__wraper .header12-b1024__wraper__navigation .header12-b1024__wraper__navigation__list .header12-b1024__wraper__navigation__list__item-space:hover::after {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}
#header12 .header12-b1024.active {
    background-color: #222;
    transition: all 0.5s;
}
#header12 .header12-b1024.active .header12-b1024__wraper .header12-b1024__wraper__navigation .header12-b1024__wraper__navigation__list .header12-b1024__wraper__navigation__list__item-space .header12-b1024__wraper__navigation__list__item-space__list .header12-b1024__wraper__navigation__list__item-space__list__item a:hover {
    background-color: #000;
}
}
@-webkit-keyframes slideFadeIn {
100% {
    opacity: 1;
    transform: translateX(-50%);
}
}
@-moz-keyframes slideFadeIn {
100% {
    opacity: 1;
    transform: translateX(-50%);
}
}
@-webkit-keyframes slideFadeIn {
100% {
    opacity: 1;
    transform: translateX(-50%);
}
}
@-o-keyframes slideFadeIn {
100% {
    opacity: 1;
    transform: translateX(-50%);
}
}
@keyframes slideFadeIn {
100% {
    opacity: 1;
    transform: translateX(-50%);
}
}

@font-face {
  font-family: 'mixpace';
  src: url("http://ooc90m1fd.bkt.clouddn.com/Mixpace.ttf");
  font-weight: normal;
  font-style: normal;
}
a[data-v-0ed9b588] {
  cursor: pointer;
}
.swiper-pagination-bullet[data-v-0ed9b588] {
  width: 0.8rem;
  height: 0.05rem;
  background: #cdcdcd;
  border-radius: 0;
}
.swiper-button-next[data-v-0ed9b588],
.swiper-button-prev[data-v-0ed9b588] {
  width: 0.35rem;
  background-size: 100%;
}
.swiper-button-next[data-v-0ed9b588] {
  background-image: url("../images/next-icon.png");
}
.swiper-button-prev[data-v-0ed9b588] {
  background-image: url("../images/prev-icon.png");
}
@media (max-width: 320px) {
body[data-v-0ed9b588] {
    font-size: 12.5;
    line-height: 1.5;
}
.font-size-12[data-v-0ed9b588] {
    font-size: 11px;
}
.font-size-16[data-v-0ed9b588] {
    font-size: 15px;
}
.font-size-18[data-v-0ed9b588] {
    font-size: 17px;
}
.font-size-50[data-v-0ed9b588] {
    font-size: 49px;
}
}
@media (min-width: 321px) and (max-width: 375px) {
body[data-v-0ed9b588] {
    font-size: 14px;
    line-height: 1.5;
}
.font-size-12[data-v-0ed9b588] {
    font-size: 12px;
}
.font-size-16[data-v-0ed9b588] {
    font-size: 16px;
}
.font-size-18[data-v-0ed9b588] {
    font-size: 18px;
}
.font-size-50[data-v-0ed9b588] {
    font-size: 50px;
}
}
@media (min-width: 376px) and (max-width: 480px) {
body[data-v-0ed9b588] {
    font-size: 15px;
    line-height: 1.5;
}
.font-size-12[data-v-0ed9b588] {
    font-size: 13px;
}
.font-size-16[data-v-0ed9b588] {
    font-size: 17px;
}
.font-size-18[data-v-0ed9b588] {
    font-size: 19px;
}
.font-size-50[data-v-0ed9b588] {
    font-size: 51px;
}
}
@media (min-width: 481px) {
body[data-v-0ed9b588] {
    font-size: 16px;
    line-height: 1.5;
}
.font-size-12[data-v-0ed9b588] {
    font-size: 14px;
}
.font-size-16[data-v-0ed9b588] {
    font-size: 18px;
}
.font-size-18[data-v-0ed9b588] {
    font-size: 20px;
}
.font-size-50[data-v-0ed9b588] {
    font-size: 52px;
}
}
@media (max-width: 1024px) {
.home__section__title[data-v-0ed9b588] {
    height: 0.55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.home__section__title .home__section__title__line[data-v-0ed9b588] {
    width: 0.75rem;
    height: 0.025rem;
    background-color: #fff;
}
.home__section__title .home__section__title__txt[data-v-0ed9b588] {
    padding: 0 0.125rem;
    letter-spacing: 1px;
}
}
@media (min-width: 1025px) {
body[data-v-0ed9b588] {
    font-size: 14px;
}
.swiper-pagination-bullet[data-v-0ed9b588] {
    width: 43px;
    height: 5px;
    background: #cdcdcd;
    border-radius: 0;
}
.swiper-button-next[data-v-0ed9b588],
  .swiper-button-prev[data-v-0ed9b588] {
    width: 33px;
}
.home__section__title[data-v-0ed9b588] {
    height: 134px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.home__section__title .home__section__title__line[data-v-0ed9b588] {
    width: 38px;
    height: 2px;
    background-color: #fff;
}
.home__section__title .home__section__title__txt[data-v-0ed9b588] {
    padding: 0 20px;
    letter-spacing: 1px;
}
}
@media (max-width: 1024px) {
}
@media (min-width: 1025px) {
}
@media (max-width: 320px) {
}

.reservation-entrance[data-v-31a1cdaa] {
  position: fixed;
  right: 0.3rem;
  bottom: 0.35rem;
  z-index: 999;
}
.reservation-entrance .reservation-entrance__btn[data-v-31a1cdaa] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  background-color: #dbba82;
  border: 0.025rem solid #ffdfa8;
  color: #4a4a4a;
  line-height: 0.375rem;
}
@media (min-width: 1025px) {
.reservation-entrance[data-v-31a1cdaa] {
    display: none;
}
}
/* Copyright (c) 2016 Naufal Rabbani (http://github.com/BosNaufal)
  * Licensed Under MIT (http://opensource.org/licenses/MIT)
  *
  * Vue 2 Loading Bar - Version 0.0.1
  *
  */
.LoadingBar {
  transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  position: fixed;
  top: 0;
  background: linear-gradient(to right, #d6b781, #a78c60);
  box-shadow: 0 0 15px rgba(0,0,0,0.5);
  height: 4px;
  opacity: 1;
  z-index: 9999;
}
.LoadingBar-glow {
  top: 0;
  position: absolute;
  width: 100px;
  height: 100%;
}
.LoadingBar--to_right {
  left: 0;
}
.LoadingBar--to_left,
.LoadingBar--to_right .LoadingBar-glow {
  right: 0;
}
.LoadingBar--to_left .LoadingBar-glow {
  left: 0;
}
.LoadingBar--full {
  transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  height: 0;
  opacity: 0;
}
.LoadingBar--error {
  background: #f44336;
}
.LoadingBar--error .LoadingBar-glow {
  box-shadow: -3px 0 15px 1px rgba(244,67,54,0.4);
}
@font-face {
  font-family: 'mixpace';
  src: url("http://ooc90m1fd.bkt.clouddn.com/Mixpace.ttf");
  font-weight: normal;
  font-style: normal;
}
a {
  cursor: pointer;
}
.swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.05rem;
  background: #cdcdcd;
  border-radius: 0;
}
.swiper-button-next,
.swiper-button-prev {
  width: 0.35rem;
  background-size: 100%;
}
.swiper-button-next {
  background-image: url("../images/next-icon.png");
}
.swiper-button-prev {
  background-image: url("../images/prev-icon.png");
}
@media (max-width: 320px) {
body {
    font-size: 12.5;
    line-height: 1.5;
}
.font-size-12,
  #home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__flag,
  #home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__address {
    font-size: 11px;
}
.font-size-16 {
    font-size: 15px;
}
.font-size-18,
  #home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__header12 .swiper-slide__link__detail__header12__name,
  #home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__header12 .swiper-slide__link__detail__header12__flag {
    font-size: 17px;
}
.font-size-50 {
    font-size: 49px;
}
}
@media (min-width: 321px) and (max-width: 375px) {
body {
    font-size: 14px;
    line-height: 1.5;
}
.font-size-12,
  #home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__flag,
  #home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__address {
    font-size: 12px;
}
.font-size-16 {
    font-size: 16px;
}
.font-size-18,
  #home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__header12 .swiper-slide__link__detail__header12__name,
  #home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__header12 .swiper-slide__link__detail__header12__flag {
    font-size: 18px;
}
.font-size-50 {
    font-size: 50px;
}
}
@media (min-width: 376px) and (max-width: 480px) {
body {
    font-size: 15px;
    line-height: 1.5;
}
.font-size-12,
  #home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__flag,
  #home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__address {
    font-size: 13px;
}
.font-size-16 {
    font-size: 17px;
}
.font-size-18,
  #home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__header12 .swiper-slide__link__detail__header12__name,
  #home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__header12 .swiper-slide__link__detail__header12__flag {
    font-size: 19px;
}
.font-size-50 {
    font-size: 51px;
}
}
@media (min-width: 481px) {
body {
    font-size: 16px;
    line-height: 1.5;
}
.font-size-12,
  #home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__flag,
  #home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__address {
    font-size: 14px;
}
.font-size-16 {
    font-size: 18px;
}
.font-size-18,
  #home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__header12 .swiper-slide__link__detail__header12__name,
  #home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__header12 .swiper-slide__link__detail__header12__flag {
    font-size: 20px;
}
.font-size-50 {
    font-size: 52px;
}
}
@media (max-width: 1024px) {
.home__section__title {
    height: 0.55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.home__section__title .home__section__title__line {
    width: 0.75rem;
    height: 0.025rem;
    background-color: #fff;
}
.home__section__title .home__section__title__txt {
    padding: 0 0.125rem;
    letter-spacing: 1px;
}
}
@media (min-width: 1025px) {
body {
    font-size: 14px;
}
.swiper-pagination-bullet {
    width: 43px;
    height: 5px;
    background: #cdcdcd;
    border-radius: 0;
}
.swiper-button-next,
  .swiper-button-prev {
    width: 33px;
}
.home__section__title {
    height: 134px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.home__section__title .home__section__title__line {
    width: 38px;
    height: 2px;
    background-color: #fff;
}
.home__section__title .home__section__title__txt {
    padding: 0 20px;
    letter-spacing: 1px;
}
}
@media (max-width: 1024px) {
#home .home__section {
    background-color: #222;
    margin-bottom: 0.1rem;
}
#home .activity-antrance {
    z-index: 99;
    position: absolute;
    top: 5.3rem;
    right: 0.625rem;
}
#home .activity-antrance img {
    width: 3.25rem;
}
#home .home__banner-small {
    display: none;
}
#home .home__banner {
    height: 4rem;
    margin: 0 0 0.11rem;
}
#home .home__banner .swiper-pagination .swiper-pagination-bullet {
    width: 0.5rem;
    height: 0.5rem;
    background-size: cover;
    background-position: center;
    opacity: 0.5;
    background-color: rgba(0,0,0,0);
}
#home .home__banner .swiper-pagination .swiper-pagination-bullet:nth-child(4n+1) {
    background-image: url("http://ooc90m1fd.bkt.clouddn.com/symbol-music-1.png");
}
#home .home__banner .swiper-pagination .swiper-pagination-bullet:nth-child(4n+2) {
    background-image: url("http://ooc90m1fd.bkt.clouddn.com/symbol-music-2.png");
}
#home .home__banner .swiper-pagination .swiper-pagination-bullet:nth-child(4n+3) {
    background-image: url("http://ooc90m1fd.bkt.clouddn.com/symbol-music-3.png");
}
#home .home__banner .swiper-pagination .swiper-pagination-bullet:nth-child(4n+4) {
    background-image: url("http://ooc90m1fd.bkt.clouddn.com/symbol-music-4.png");
}
#home .home__banner .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
}
#home .home__banner .swiper-slide {
    position: relative;
}
#home .home__banner .swiper-slide .swiper-slide__link {
    display: block;
    height: 7rem;
}
#home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__image {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
}
#home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.2);
    z-index: 9;
}
#home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail {
    height: 2.3rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 100;
}
#home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__header12 {
    display: flex;
    justify-content: flex-start;
    height: 2.625rem;
}
#home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__header12 .swiper-slide__link__detail__header12__name,
  #home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__header12 .swiper-slide__link__detail__header12__flag {
    line-height: 0.75rem;
}
#home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__header12 .swiper-slide__link__detail__header12__icon {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
#home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__header12 .swiper-slide__link__detail__header12__icon span {
    width: 0.15rem;
    height: 0.15rem;
    margin-top: 0.3rem;
    border-radius: 50%;
    background-color: #fff;
}
#home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__flag {
    font-family: 'mixpace';
}
#home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__address {
    padding-left: 0.4rem;
    background: url("http://ooc90m1fd.bkt.clouddn.com/banner-location.png") no-repeat left center/0.25rem;
}
#home .reservation-b1024 {
    display: none;
}
#home .home__hot__spots {
    padding-top: 0.325rem;
    padding-bottom: 0.8rem;
    margin-top: 0.1rem;
    background-color: #fff;
	color:#525252;
}
#home .home__hot__spots .home__hot__spots__link {
    color: #525252;
}
#home .home__hot__spots .home__hot__spots__section {
    width: 8.65rem;
    margin: 0.4rem auto 0;
    border: 0.035rem solid #E6E6E6;
}


#home .home__hot__spots .home__hot__spots__section {
   background-color: #e3e3e3;
}






#home .home__hot__spots .home__hot__spots__section .home__hot__spots__section__title {
    height: 1.1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.3rem;
}
#home .home__hot__spots .home__hot__spots__section .home__hot__spots__section__title .home__hot__spots__section__title__type {
    padding-left: 0.3rem;
    border-left: 0.05rem solid #222;
}
#home .home__hot__spots .home__hot__spots__section .home__hot__spots__section__title .home__hot__spots__section__title__view-link {
    color: #000;
}
#home .home__hot__spots .home__hot__spots__news__img {
    border-top: 0.025rem solid #E6E6E6;
    height: 4.875rem;
    background-size: 100%;
}
#home .home__hot__spots .home__hot__spots__news__content {
    padding: 0 0.3rem;
    text-align: left;
}
#home .home__hot__spots .home__hot__spots__news__content .home__hot__spots__news__content__title {
    padding: 0.3rem 0;
    border-bottom: 0.025rem solid #000;
}
#home .home__hot__spots .home__hot__spots__news__content .home__hot__spots__news__content__detail {
    padding: 0.3rem 0;
    line-height: 0.45rem;
}
#home .home__hot__spots .home__hot__spots__news__content p {
    margin-bottom: 0.25rem;
}
#home .home__hot__spots .home__hot__spots__dividing-line {
    height: 2px;
    background-color: #000;
    margin: 0.45rem 0;
}
}
@media (min-width: 1025px) {
#home .reservation-entrance {
    display: none;
}
#home .home__banner {
    height: calc(100vh - 100px);
    margin: 0;
}
#home .home__banner .swiper-pagination {
    display: none;
}
#home .home__banner .swiper-slide {
    height: 100%;
    position: relative;
}
#home .home__banner .swiper-slide .swiper-slide__link {
    display: block;
    height: 100%;
}
#home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__image {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
}
#home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.2);
    z-index: 9;
}
#home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail {
    padding: 0 20px;
    height: 203px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0,0,0,0.3);
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 100;
}
#home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail >span:not(:last-child) {
    margin-bottom: 5px;
}
#home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__header12 {
    display: flex;
    justify-content: flex-start;
    height: 46px;
}
#home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__header12 .swiper-slide__link__detail__header12__name,
  #home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__header12 .swiper-slide__link__detail__header12__flag {
    font-size: 30px;
    line-height: 30px;
}
#home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__header12 .swiper-slide__link__detail__header12__icon {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
#home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__header12 .swiper-slide__link__detail__header12__icon span {
    width: 8px;
    height: 8px;
    margin-top: 11px;
    border-radius: 50%;
    background-color: #fff;
}
#home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__flag {
    font-size: 20px;
    font-family: 'mixpace';
}
#home .home__banner .swiper-slide .swiper-slide__link .swiper-slide__link__detail .swiper-slide__link__detail__address {
    font-size: 20px;
    padding-left: 20px;
    background: url("http://ooc90m1fd.bkt.clouddn.com/banner-location.png") no-repeat left center/14px;
}
#home .activity-antrance {
    position: absolute;
    top: 68%;
    right: 12%;
    width: 320px;
    z-index: 99;
}
#home .home__banner-small {
    height: 134px;
}
#home .home__banner-small .swiper-wrapper {
    background-color: #252525;
}
#home .home__banner-small .swiper-wrapper .swiper-slide {
    width: 214px;
    position: relative;
    overflow: hidden;
    padding: 8px 0;
}
#home .home__banner-small .swiper-wrapper .swiper-slide .home__banner-small__image {
    position: absolute;
    width: 100%;
    height: 118px;
    top: 8px;
    left: 0;
    background-size: cover;
    background-position: center;
    transform: scale3d(1, 1, 1);
    background-color: #252525;
}
#home .home__banner-small .swiper-wrapper .swiper-slide .home__banner-small__name {
    position: absolute;
    color: #fff;
    width: 100%;
    display: flex;
    justify-content: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    align-items: center;
    z-index: 10;
    transition: transform 0.2s;
}
#home .home__banner-small .swiper-wrapper .swiper-slide .home__banner-small__name img {
    height: 21px;
}
#home .home__banner-small .swiper-wrapper .swiper-slide .home__banner-small__name span {
    margin: 0 10px;
}
#home .home__banner-small .swiper-wrapper .swiper-slide .home__banner-small__mask {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    background-color: rgba(0,0,0,0.22);
    transition: opacity 0.2s;
    opacity: 1;
}
#home .home__banner-small .swiper-wrapper .swiper-slide:hover .home__banner-small__mask {
    opacity: 0;
}
#home .home__banner-small .swiper-wrapper .swiper-slide:hover .home__banner-small__image {
    transform: scaleZ(1.5);
    -webkit-transform: scaleZ(1.5);
}
#home .reservation-u1024 {
    display: none;
}
#home .home__hot__spots {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #fff;
    color: #cdcdcd;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 60px;
}
#home .home__hot__spots .home__section__title {
    width: 100%;
}
#home .home__hot__spots .home__hot__spots__link {
    color: #cdcdcd;
}


#home .home__hot__spots .home__hot__spots__news {
    width: 544px;
    border: 1px solid #cdcdcd;
}




#home .home__hot__spots .home__hot__spots__section {
   background-color: #e6e6e6;
}




#home .home__hot__spots .home__hot__spots__section .home__hot__spots__section__title {
    height: 62px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
}
#home .home__hot__spots .home__hot__spots__section .home__hot__spots__section__title__type {
    padding-left: 16px;
    border-left: 4px solid #222;color: #000;
}
#home .home__hot__spots .home__hot__spots__section a {
    color: #000;
	
}
#home .home__hot__spots .home__hot__spots__section .home__hot__spots__news__img {
    border-bottom: 1px solid #cdcdcd;
    height: 306px;
    background-size: 100%;
}
#home .home__hot__spots .home__hot__spots__section img {
    height: 100%;
    transform: scale3d(1, 1, 1);
    transition: transform 3s ease-in-out;
}
#home .home__hot__spots .home__hot__spots__section:hover img {
    transform: scale3d(1.2, 1.2, 1);
}
#home .home__hot__spots .home__hot__spots__section .home__hot__spots__news__content {
    padding: 0 15px;
    text-align: left;
}
#home .home__hot__spots .home__hot__spots__section .home__hot__spots__news__content__title {
    padding: 15px 0;
    border-bottom: 1px solid #000;
}
#home .home__hot__spots .home__hot__spots__section .home__hot__spots__news__content__detail {
    padding: 15px 0;
    line-height: 1.6;
}
#home .home__hot__spots .home__hot__spots__section .home__hot__spots__news__content__detail p {
    margin-bottom: 10px;
}
#home .home__hot__spots .home__hot__spots__dividing-line {
    display: none;
}
}
@media (max-width: 320px) {
.home__section__title__txt {
    font-size: 14px;
}
.home__member__plan__item__member_level {
    font-size: 14.5px;
}
.home__member__plan__item__member_cost {
    font-size: 24px;
}
}
@media (min-width: 321px) and (max-width: 375px) {
.home__section__title__txt {
    font-size: 16px;
}
.home__member__plan__item__member_level {
    font-size: 16px;
}
.home__member__plan__item__member_cost {
    font-size: 26px;
}
}
@media (min-width: 375px) and (max-width: 414px) {
.home__section__title__txt {
    font-size: 17px;
}
.home__member__plan__item__member_level {
    font-size: 17px;
}
.home__member__plan__item__member_cost {
    font-size: 27px;
}
}
@media (min-width: 415px) {
.home__section__title__txt {
    font-size: 18px;
}
.home__member__plan__item__member_level {
    font-size: 18px;
}
.home__member__plan__item__member_cost {
    font-size: 28px;
}
}

@font-face {
  font-family: 'mixpace';
  src: url("http://ooc90m1fd.bkt.clouddn.com/Mixpace.ttf");
  font-weight: normal;
  font-style: normal;
}
a {
  cursor: pointer;
}
.swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.05rem;
  background: #cdcdcd;
  border-radius: 0;
}
.swiper-button-next,
.swiper-button-prev {
  width: 0.35rem;
  background-size: 100%;
}
.swiper-button-next {
  background-image: url("../images/next-icon.png");
}
.swiper-button-prev {
  background-image: url("../images/prev-icon.png");
}
@media (max-width: 320px) {
body {
    font-size: 12.5;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 11px;
}
.font-size-16,
  #reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__title {
    font-size: 15px;
}
.font-size-18,
  #reservation-detail .reservation-detail__wraper .reservation-detail__wraper__success h2 {
    font-size: 17px;
}
.font-size-50 {
    font-size: 49px;
}
}
@media (min-width: 321px) and (max-width: 375px) {
body {
    font-size: 14px;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 12px;
}
.font-size-16,
  #reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__title {
    font-size: 16px;
}
.font-size-18,
  #reservation-detail .reservation-detail__wraper .reservation-detail__wraper__success h2 {
    font-size: 18px;
}
.font-size-50 {
    font-size: 50px;
}
}
@media (min-width: 376px) and (max-width: 480px) {
body {
    font-size: 15px;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 13px;
}
.font-size-16,
  #reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__title {
    font-size: 17px;
}
.font-size-18,
  #reservation-detail .reservation-detail__wraper .reservation-detail__wraper__success h2 {
    font-size: 19px;
}
.font-size-50 {
    font-size: 51px;
}
}
@media (min-width: 481px) {
body {
    font-size: 16px;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 14px;
}
.font-size-16,
  #reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__title {
    font-size: 18px;
}
.font-size-18,
  #reservation-detail .reservation-detail__wraper .reservation-detail__wraper__success h2 {
    font-size: 20px;
}
.font-size-50 {
    font-size: 52px;
}
}
@media (max-width: 1024px) {
. {
    height: 0.55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.home__section__title .home__section__title__line {
    width: 0.75rem;
    height: 0.025rem;
    background-color: #fff;
}
.home__section__title .home__section__title__txt {
    padding: 0 0.125rem;
    letter-spacing: 1px;
}
}
@media (min-width: 1025px) {
body {
    font-size: 14px;
}
.swiper-pagination-bullet {
    width: 43px;
    height: 5px;
    background: #cdcdcd;
    border-radius: 0;
}
.swiper-button-next,
  .swiper-button-prev {
    width: 33px;
}
.home__section__title {
    height: 134px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.home__section__title .home__section__title__line {
    width: 38px;
    height: 2px;
    background-color: #fff;
}
.home__section__title .home__section__title__txt {
    padding: 0 20px;
    letter-spacing: 1px;
}
}
@media (max-width: 1024px) {
#reservation-detail {
    background-color: #222;
    color: #fff;
}
#reservation-detail .reservation-detail__wraper {
    padding: 0.575rem 0.7rem 1.25rem 0.7rem;
    display: flex;
    flex-direction: column;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__close {
    display: none;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__success {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__success img {
    width: 0.6rem;
    margin-right: 0.3rem;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__success h2 {
    font-weight: bold;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__success p {
    flex-basis: 100%;
    margin-top: 0.2rem;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail {
    margin-top: 0.5rem;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__title {
    margin-bottom: 0.45rem;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__content .reservation-detail__wraper__reservation-detail__item__content__item {
    width: 2.2rem;
    height: 0.9rem;
    position: relative;
    margin-bottom: 0.7rem;
    cursor: pointer;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__content .reservation-detail__wraper__reservation-detail__item__content__item input,
  #reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__content .reservation-detail__wraper__reservation-detail__item__content__item span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__content .reservation-detail__wraper__reservation-detail__item__content__item span {
    text-align: center;
    line-height: 0.9rem;
    border: 1px solid #9b9b9b;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__content .reservation-detail__wraper__reservation-detail__item__content__item .active {
    background-color: #9b9b9b;
    color: #fff;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__content .reservation-detail__wraper__reservation-detail__item__content__item input {
    z-index: 9;
    opacity: 0;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__btn-container {
    display: flex;
    justify-content: space-between;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__btn-container button {
    width: 3.7rem;
    height: 1.35rem;
    border: 1px solid #d6b781;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__btn-container .reservation-detail__wraper__btn-container__cancel {
    display: none;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__btn-container .reservation-detail__wraper__btn-container__cancel-mobile {
    color: #d6b781;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__btn-container .reservation-detail__wraper__btn-container__confirm {
    background-color: #d6b781;
}
#reservation-detail .reservation-detail__wraper.en .reservation-detail__wraper__reservation-detail__item__content {
    justify-content: space-between;
}
#reservation-detail .reservation-detail__wraper.en .reservation-detail__wraper__reservation-detail__item__content .reservation-detail__wraper__reservation-detail__item__content__item {
    flex-basis: 46%;
}
}
@media (min-width: 1025px) {
#reservation-detail {
    width: 405px;
    height: 624px;
    overflow-y: auto;
    padding: 30px 30px 40px;
    background-color: #333;
    color: #fff;
}
#reservation-detail::-webkit-scrollbar {
    display: none;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__close {
    display: none;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__success {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__success img {
    margin-right: 20px;
    width: 22px;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__success h2 {
    font-size: 20px;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__success p {
    flex-basis: 100%;
    color: #e7e7e7;
    padding-bottom: 20px;
    margin-top: 10px;
    border-bottom: 1px solid #9b9b9b;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail {
    margin-top: 20px;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item:not(:last-child) {
    margin-bottom: 28px;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__title {
    font-size: 16px;
    margin-bottom: 13px;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__content {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__content .reservation-detail__wraper__reservation-detail__item__content__item {
    width: 92px;
    height: 36px;
    position: relative;
    cursor: pointer;
    margin-bottom: 14px;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__content .reservation-detail__wraper__reservation-detail__item__content__item input,
  #reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__content .reservation-detail__wraper__reservation-detail__item__content__item span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__content .reservation-detail__wraper__reservation-detail__item__content__item span {
    text-align: center;
    line-height: 36px;
    border: 1px solid #9b9b9b;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__content .reservation-detail__wraper__reservation-detail__item__content__item span.active {
    background-color: #9b9b9b;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__content .reservation-detail__wraper__reservation-detail__item__content__item input {
    z-index: 9;
    opacity: 0;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__content .reservation-detail__wraper__reservation-detail__item__content__item:not(:last-child) {
    margin-right: 18px;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__btn-container {
    display: flex;
    justify-content: space-between;
    margin-top: 34px;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__btn-container button {
    width: 148px;
    height: 40px;
    border: 1px solid #d6b781;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__btn-container .reservation-detail__wraper__btn-container__cancel-mobile {
    display: none;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__btn-container .reservation-detail__wraper__btn-container__cancel {
    color: #d6b781;
}
#reservation-detail .reservation-detail__wraper .reservation-detail__wraper__btn-container .reservation-detail__wraper__btn-container__confirm {
    background-color: #d6b781;
}
#reservation-detail .reservation-detail__wraper.en .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__content {
    justify-content: space-between;
}
#reservation-detail .reservation-detail__wraper.en .reservation-detail__wraper__reservation-detail .reservation-detail__wraper__reservation-detail__item .reservation-detail__wraper__reservation-detail__item__content .reservation-detail__wraper__reservation-detail__item__content__item {
    margin: 0;
    width: 145px;
    height: 36px;
    margin-bottom: 8px;
}
}

.dialog-box[data-v-0b0afe4e] {
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0);
  position: fixed;
  left: 0;
  top: 0;
}
.dialog-box .reserver-success[data-v-0b0afe4e] {
  width: 4.55rem;
  height: 3.925rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 45%;
  background-color: #fff;
  transform: translate(-50%, -50%);
  border-radius: 5px;
  padding: 0 0.3rem;
}
.dialog-box .reserver-success .reserver-success__icon[data-v-0b0afe4e] {
  width: 0.6rem;
  margin-bottom: 0.25rem;
}
.dialog-box .reserver-success .reserver-success__info-1[data-v-0b0afe4e] {
  color: #000;
  text-align: center;
  margin-bottom: 0.25rem;
}
.dialog-box .reserver-success .reserver-success__info-2[data-v-0b0afe4e] {
  color: #222;
  text-align: center;
  line-height: 0.45rem;
}
@media (min-width: 1025px) {
.dialog-box[data-v-0b0afe4e] {
    width: 100%;
    height: 100%;
    z-index: 1000;
}
.dialog-box .reserver-success[data-v-0b0afe4e] {
    width: 230px;
    height: 168px;
    padding: 0 25px;
    box-shadow: 0 0 10px #979797;
}
.dialog-box .reserver-success .reserver-success__icon[data-v-0b0afe4e] {
    width: 18px;
    margin-bottom: 8px;
}
.dialog-box .reserver-success .reserver-success__info-1[data-v-0b0afe4e] {
    margin-bottom: 8px;
}
.dialog-box .reserver-success .reserver-success__info-2[data-v-0b0afe4e] {
    line-height: 20px;
}
}

@font-face {
  font-family: 'mixpace';
  src: url("http://ooc90m1fd.bkt.clouddn.com/Mixpace.ttf");
  font-weight: normal;
  font-style: normal;
}
a[data-v-7814ca49] {
  cursor: pointer;
}
.swiper-pagination-bullet[data-v-7814ca49] {
  width: 0.8rem;
  height: 0.05rem;
  background: #cdcdcd;
  border-radius: 0;
}
.swiper-button-next[data-v-7814ca49],
.swiper-button-prev[data-v-7814ca49] {
  width: 0.35rem;
  background-size: 100%;
}
.swiper-button-next[data-v-7814ca49] {
  background-image: url("../images/next-icon.png");
}
.swiper-button-prev[data-v-7814ca49] {
  background-image: url("../images/prev-icon.png");
}
@media (max-width: 320px) {
body[data-v-7814ca49] {
    font-size: 12.5;
    line-height: 1.5;
}
.font-size-12[data-v-7814ca49],
  .reservation .reservation__space .reservation__space__position[data-v-7814ca49] {
    font-size: 11px;
}
.font-size-16[data-v-7814ca49],
  .reservation .reservation__space .reservation__space__manager[data-v-7814ca49] {
    font-size: 15px;
}
.font-size-18[data-v-7814ca49],
  .reservation .reservation__space .reservation__space__name[data-v-7814ca49] {
    font-size: 17px;
}
.font-size-50[data-v-7814ca49] {
    font-size: 49px;
}
}
@media (min-width: 321px) and (max-width: 375px) {
body[data-v-7814ca49] {
    font-size: 14px;
    line-height: 1.5;
}
.font-size-12[data-v-7814ca49],
  .reservation .reservation__space .reservation__space__position[data-v-7814ca49] {
    font-size: 12px;
}
.font-size-16[data-v-7814ca49],
  .reservation .reservation__space .reservation__space__manager[data-v-7814ca49] {
    font-size: 16px;
}
.font-size-18[data-v-7814ca49],
  .reservation .reservation__space .reservation__space__name[data-v-7814ca49] {
    font-size: 18px;
}
.font-size-50[data-v-7814ca49] {
    font-size: 50px;
}
}
@media (min-width: 376px) and (max-width: 480px) {
body[data-v-7814ca49] {
    font-size: 15px;
    line-height: 1.5;
}
.font-size-12[data-v-7814ca49],
  .reservation .reservation__space .reservation__space__position[data-v-7814ca49] {
    font-size: 13px;
}
.font-size-16[data-v-7814ca49],
  .reservation .reservation__space .reservation__space__manager[data-v-7814ca49] {
    font-size: 17px;
}
.font-size-18[data-v-7814ca49],
  .reservation .reservation__space .reservation__space__name[data-v-7814ca49] {
    font-size: 19px;
}
.font-size-50[data-v-7814ca49] {
    font-size: 51px;
}
}
@media (min-width: 481px) {
body[data-v-7814ca49] {
    font-size: 16px;
    line-height: 1.5;
}
.font-size-12[data-v-7814ca49],
  .reservation .reservation__space .reservation__space__position[data-v-7814ca49] {
    font-size: 14px;
}
.font-size-16[data-v-7814ca49],
  .reservation .reservation__space .reservation__space__manager[data-v-7814ca49] {
    font-size: 18px;
}
.font-size-18[data-v-7814ca49],
  .reservation .reservation__space .reservation__space__name[data-v-7814ca49] {
    font-size: 20px;
}
.font-size-50[data-v-7814ca49] {
    font-size: 52px;
}
}
@media (max-width: 1024px) {
.home__section__title[data-v-7814ca49] {
    height: 0.55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.home__section__title .home__section__title__line[data-v-7814ca49] {
    width: 0.75rem;
    height: 0.025rem;
    background-color: #fff;
}
.home__section__title .home__section__title__txt[data-v-7814ca49] {
    padding: 0 0.125rem;
    letter-spacing: 1px;
}
}
@media (min-width: 1025px) {
body[data-v-7814ca49] {
    font-size: 14px;
}
.swiper-pagination-bullet[data-v-7814ca49] {
    width: 43px;
    height: 5px;
    background: #cdcdcd;
    border-radius: 0;
}
.swiper-button-next[data-v-7814ca49],
  .swiper-button-prev[data-v-7814ca49] {
    width: 33px;
}
.home__section__title[data-v-7814ca49] {
    height: 134px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.home__section__title .home__section__title__line[data-v-7814ca49] {
    width: 38px;
    height: 2px;
    background-color: #fff;
}
.home__section__title .home__section__title__txt[data-v-7814ca49] {
    padding: 0 20px;
    letter-spacing: 1px;
}
}
.fade-enter-active[data-v-7814ca49],
.fade-leave-active[data-v-7814ca49] {
  transition: opacity 0.3s;
}
.fade-enter[data-v-7814ca49],
.fade-leave-to[data-v-7814ca49] {
  opacity: 0;
}
@media (max-width: 1024px) {
.reservation-entrance[data-v-7814ca49] {
    display: none;
}
.reservation[data-v-7814ca49] {
    width: 100%;
    min-height: 100vh;
    background-color: #222;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    animation-duration: 1s;
    animation-fill-mode: both;
    padding-top: 1.6rem;
}
.reservation .reservation__header12[data-v-7814ca49] {
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    height: 1.6rem;
    position: absolute;
    border-bottom: 0.05rem solid #000;
    left: 0;
    top: 0;
}
.reservation .reservation__header12 .reservation__header12__colse-btn[data-v-7814ca49] {
    position: absolute;
    left: 0.325rem;
    top: 50%;
    transform: translateY(-50%);
}
.reservation .reservation__header12 .reservation__header12__colse-btn[data-v-7814ca49]:before,
  .reservation .reservation__header12 .reservation__header12__colse-btn[data-v-7814ca49]:after {
    content: '';
    display: block;
    width: 0.60104075rem;
    height: 0.025rem;
    background-color: #fff;
    transform-origin: center;
    position: absolute;
    left: 0;
}
.reservation .reservation__header12 .reservation__header12__colse-btn[data-v-7814ca49]:before {
    transform: rotate(45deg);
}
.reservation .reservation__header12 .reservation__header12__colse-btn[data-v-7814ca49]:after {
    transform: rotate(-45deg);
}
.reservation .reservation__header12 .reservation__header12__title[data-v-7814ca49] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.reservation .reservation__space[data-v-7814ca49] {
    color: #fff;
    width: 6.575rem;
    margin: 1.35rem auto 0.5rem;
    line-height: 1.5;
}
.reservation .reservation__space .reservation__space__manager[data-v-7814ca49] {
    margin: 2px 0 8px;
}
.reservation .reservation__space .reservation__space__name[data-v-7814ca49] {
    font-weight: bold;
}
.reservation .reservation__contact[data-v-7814ca49] {
    color: #cdcdcd;
    line-height: 1.5;
}
.reservation .reservation__info[data-v-7814ca49] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.7rem;
}
.reservation .reservation__info input[data-v-7814ca49],
  .reservation .reservation__info select[data-v-7814ca49] {
    width: 6.575rem;
    height: 1.1rem;
    padding-left: 0.2rem;
    background-color: #fff;
    border: 1px solid #979797;
    margin-bottom: 0.8rem;
    color: #9b9b9b;
}
.reservation .reservation__info input[data-v-7814ca49]:active,
  .reservation .reservation__info select[data-v-7814ca49]:active,
  .reservation .reservation__info input[data-v-7814ca49]:focus,
  .reservation .reservation__info select[data-v-7814ca49]:focus {
    color: #333;
    border: 2px solid #a78c60;
}
.reservation .reservation__info .reservation__info__space-wraper__space[data-v-7814ca49] {
    margin-bottom: 1.1rem;
}
.reservation .reservation__info input[data-v-7814ca49]::-webkit-input-placeholder {
    color: #9b9b9b;
    text-indent: 4px;
}
.reservation .reservation__info input[data-v-7814ca49]:active::-webkit-input-placeholder,
  .reservation .reservation__info input[data-v-7814ca49]:focus::-webkit-input-placeholder {
    color: #333;
}
.reservation .reservation__info .reservation__info__space-wraper[data-v-7814ca49] {
    position: relative;
}
.reservation .reservation__info .reservation__info__space-wraper[data-v-7814ca49]:after {
    content: '';
    width: 0;
    height: 0;
    border-bottom: 0.175rem solid rgba(0,0,0,0);
    border-right: 0.175rem solid rgba(0,0,0,0);
    border-top: 0.175rem solid #222;
    border-left: 0.175rem solid rgba(0,0,0,0);
    position: absolute;
    top: 0.5rem;
    right: 0.45rem;
}
.reservation .reservation__info .reservation__info__submit-btn[data-v-7814ca49] {
    width: 6.55rem;
    height: 1.1rem;
    background-color: #dbba82;
    color: #000;
}
@-moz-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      visibility: visible;
}
from {
      opacity: 0;
      transform: translate3d(0, 3000px, 0);
}
60% {
      opacity: 1;
      transform: translate3d(0, -20px, 0);
}
75% {
      transform: translate3d(0, 10px, 0);
}
90% {
      transform: translate3d(0, -5px, 0);
}
to {
      transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      visibility: visible;
}
from {
      opacity: 0;
      transform: translate3d(0, 3000px, 0);
}
60% {
      opacity: 1;
      transform: translate3d(0, -20px, 0);
}
75% {
      transform: translate3d(0, 10px, 0);
}
90% {
      transform: translate3d(0, -5px, 0);
}
to {
      transform: translate3d(0, 0, 0);
}
}
@-o-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      visibility: visible;
}
from {
      opacity: 0;
      transform: translate3d(0, 3000px, 0);
}
60% {
      opacity: 1;
      transform: translate3d(0, -20px, 0);
}
75% {
      transform: translate3d(0, 10px, 0);
}
90% {
      transform: translate3d(0, -5px, 0);
}
to {
      transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp-data-v-7814ca49 {
from, 60%, 75%, 90%, to {
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
      visibility: visible;
}
from {
      opacity: 0;
      transform: translate3d(0, 3000px, 0);
}
60% {
      opacity: 1;
      transform: translate3d(0, -20px, 0);
}
75% {
      transform: translate3d(0, 10px, 0);
}
90% {
      transform: translate3d(0, -5px, 0);
}
to {
      transform: translate3d(0, 0, 0);
}
}
@-moz-keyframes bounceOutDown {
20% {
      transform: translate3d(0, 10px, 0);
}
40%, 45% {
      opacity: 1;
      transform: translate3d(0, -20px, 0);
}
to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
}
}
@-webkit-keyframes bounceOutDown {
20% {
      transform: translate3d(0, 10px, 0);
}
40%, 45% {
      opacity: 1;
      transform: translate3d(0, -20px, 0);
}
to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
}
}
@-o-keyframes bounceOutDown {
20% {
      transform: translate3d(0, 10px, 0);
}
40%, 45% {
      opacity: 1;
      transform: translate3d(0, -20px, 0);
}
to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown-data-v-7814ca49 {
20% {
      transform: translate3d(0, 10px, 0);
}
40%, 45% {
      opacity: 1;
      transform: translate3d(0, -20px, 0);
}
to {
      opacity: 0;
      transform: translate3d(0, 2000px, 0);
}
}
}

@media (max-width: 1024px) {
.about-module {
    padding-top: 0.325rem;
    color: #fff;
    background-color: #222;
}
.about-module .about-module__wrap .about-module__wrap__content {
    text-align: center;
    padding: 0.3rem;
}
}
@media (min-width: 1025px) {
.about-module {
    color: #fff;
    background-color: #222;
}
.about-module .about-module__wrap .about-module__wrap__content {
    text-align: center;
    max-width: 1024px;
    margin: 0 auto;
    line-height: 32px;
}
}

@media (max-width: 1024px) {
.home__member__plan__b1024,
  .home__member__plan__b1024__service {
    display: none;
}
.home__member__plan {
    position: relative;
    background-image: url("../images/inexhybg.jpg");
    background-size: cover;
    padding-top: 0.325rem;
}
.home__member__plan .swiper-container {
    margin-top: 0.425rem;
    height: 10.05rem;
}
.home__member__plan .swiper-container .swiper-pagination-bullets {
    bottom: 0.35rem !important;
}
.home__member__plan .swiper-container .home__member__plan__item {
    width: 4.9rem;
    margin: 0 auto;
    border: 0.025rem solid #cdcdcd;
}
.home__member__plan .swiper-container .home__member__plan__item .home__member__plan__item__member {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 2.5rem;
    text-align: center;
    color: #cdcdcd;
    letter-spacing: 2px;
    border-bottom: 0.025rem solid #cdcdcd;
    background: url("../images/home-member-plan__item__memberLev-active.png") no-repeat 0 0/0.8rem;
}
.home__member__plan .swiper-container .home__member__plan__item .home__member__plan__item__privilege {
    color: #cdcdcd;
    padding: 0.3rem 0.6rem;
    height: 6.7rem;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-around;
}
. .swiper-container .home__member__plan__item .home__member__plan__item__privilege .home__member__plan__item__privilege__item {
    text-align: left;
    padding-left: 0.5rem;
    background: url("../images/home-member-plan__item__privilege__item.png") no-repeat 0 0.1rem/14px;
}
.home__member__plan .swiper-container .home__member__plan__item .home__member__plan__item__privilege .home__member__plan__item__privilege__item:last-child {
    margin-bottom: 0;
}
.home__member__plan .swiper-container .home__member__plan__item .home__member__plan__item__reserve-btn {
    display: block;
    width: 3.85rem;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    color: #cdcdcd;
    border: 0.025rem solid #cdcdcd;
    border-radius: 5px;
    margin: 0.6rem auto 0 auto;
}
.home__member__plan .home__member__plan__service {
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 3.25rem;
    background-color: #222;
    color: #cdcdcd;
    border-top: 0.1rem solid #000;
}
.home__member__plan .home__member__plan__service .home__member__plan__service__item {
    padding-top: 1.15rem;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 1.1rem;
}
.home__member__plan .home__member__plan__service .home__member__plan__service__item:nth-of-type(1) {
    background-image: url("../images/home-member-plan__service__item__1.png");
}
.home__member__plan .home__member__plan__service .home__member__plan__service__item:nth-of-type(2) {
    background-image: url("../images/home-member-plan__service__item__2.png");
}
.home__member__plan .home__member__plan__service .home__member__plan__service__item:nth-of-type(3) {
    background-image: url("../images/home-member-plan__service__item__3.png");
}
}
@media (min-width: 1025px) {
.home__member__plan {
    position: relative;
    background: url("../images/inexhybg.jpg") no-repeat center center/cover;
}
.home__member__plan .swiper-container {
    display: none;
}
.home__member__plan .home__member__plan__b1024 {
    display: flex;
    justify-content: center;
    max-width: contentWidth;
    margin: 0 auto;
}
.home__member__plan .home__member__plan__b1024 .home__member__plan__b1024__list {
    width: 24%;
    height: 510px;
    margin: 0 12px;
}
.home__member__plan .home__member__plan__b1024 .home__member__plan__b1024__list .home__member__plan__b1024__list__item {
    border: 1px solid #cdcdcd;
    transform: translateY(0);
    transition: transform 0.3s ease-in-out;
    color: #fff;
}
.home__member__plan .home__member__plan__b1024 .home__member__plan__b1024__list .home__member__plan__b1024__list__item .home__member__plan__b1024__list__item__member {
    font-size: 36px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 132px;
    text-align: center;
    letter-spacing: 2px;
    border-bottom: 3px solid #cdcdcd;
}
.home__member__plan .home__member__plan__b1024 .home__member__plan__b1024__list .home__member__plan__b1024__list__item .home__member__plan__b1024__list__item__member .home__member__plan__b1024__list__item__member_level {
    font-size: 24px;
}
.home__member__plan .home__member__plan__b1024 .home__member__plan__b1024__list .home__member__plan__b1024__list__item .home__member__plan__b1024__list__item__member .home__member__plan__b1024__list__item__member_unit {
    font-size: 18px;
}
.home__member__plan .home__member__plan__b1024 .home__member__plan__b1024__list .home__member__plan__b1024__list__item .home__member__plan__b1024__list__item__privilege {
    padding: 15px 18 0 18px;
    height: 376px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
}
.home__member__plan .home__member__plan__b1024 .home__member__plan__b1024__list .home__member__plan__b1024__list__item .home__member__plan__b1024__list__item__privilege .home__member__plan__b1024__list__item__privilege__item {
    text-align: left;
    padding-left: 28px;
    background: url("../images/home-member-plan__item__privilege__item.png") no-repeat 0 4px/15px;
    margin-bottom: 45px;
}
.home__member__plan .home__member__plan__b1024 .home__member__plan__b1024__list .home__member__plan__b1024__list__item .home__member__plan__b1024__list__item__privilege .home__member__plan__b1024__list__item__privilege__item:last-child {
    margin-bottom: 0;
}
.home__member__plan .home__member__plan__b1024 .home__member__plan__b1024__list .home__member__plan__b1024__list__item:hover {
    transform: translateY(-10px);
    transition: transform 0.3s ease-in-out;
}
.home__member__plan .home__member__plan__b1024 .home__member__plan__b1024__list .home__member__plan__b1024__item__reserve-btn {
    display: block;
    width: 3.85rem;
    height: 0.8rem;
    line-height: 0.8rem;
    text-align: center;
    color: #cdcdcd;
    border: 0.025rem solid #cdcdcd;
    border-radius: 5px;
    margin: 0.6rem auto 0 auto;
}
.home__member__plan .home__member__plan__b1024__service {
    width: contentWidth;
    margin: 0 auto;
}
.home__member__plan .home__member__plan__b1024__service .home__member__plan__b1024__service__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 140px;
    color: #cdcdcd;
    padding: 0 160px;
}
.home__member__plan .home__member__plan__b1024__service .home__member__plan__b1024__service__list .home__member__plan__b1024__service__list__line {
    width: 1px;
    height: 67px;
    background-color: #cdcdcd;
}
.home__member__plan .home__member__plan__b1024__service .home__member__plan__b1024__service__list .home__member__plan__b1024__service__list__item {
    padding: 70px 0 0;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 55px;
}
.home__member__plan .home__member__plan__b1024__service .home__member__plan__b1024__service__list .home__member__plan__b1024__service__list__item:nth-of-type(1) {
    background-image: url("../images/home-member-plan__service__item__1.png");
}
.home__member__plan .home__member__plan__b1024__service .home__member__plan__b1024__service__list .home__member__plan__b1024__service__list__item:nth-of-type(3) {
    background-image: url("../images/home-member-plan__service__item__2.png");
}
.home__member__plan .home__member__plan__b1024__service .home__member__plan__b1024__service__list .home__member__plan__b1024__service__list__item:nth-of-type(5) {
    background-image: url("../images/home-member-plan__service__item__3.png");
}
}

@font-face {
  font-family: 'mixpace';
  src: url("http://ooc90m1fd.bkt.clouddn.com/Mixpace.ttf");
  font-weight: normal;
  font-style: normal;
}
a {
  cursor: pointer;
}
.swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.05rem;
  background: #cdcdcd;
  border-radius: 0;
}
.swiper-button-next,
.swiper-button-prev {
  width: 0.35rem;
  background-size: 100%;
}
.swiper-button-next {
  background-image: url("../images/next-icon.png");
}
.swiper-button-prev {
  background-image: url("../images/prev-icon.png");
}
@media (max-width: 320px) {
body {
    font-size: 12.5;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 11px;
}
.font-size-16 {
    font-size: 15px;
}
.font-size-18 {
    font-size: 17px;
}
.font-size-50 {
    font-size: 49px;
}
}
 (min-width: 321px) and (max-width: 375px) {
body {
    font-size: 14px;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 12px;
}
.font-size-16 {
    font-size: 16px;
}
.font-size-18 {
    font-size: 18px;
}
.font-size-50 {
    font-size: 50px;
}
}
@media (min-width: 376px) and (max-width: 480px) {
body {
    font-size: 15px;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 13px;
}
.font-size-16 {
    font-size: 17px;
}
.font-size-18 {
    font-size: 19px;
}
.font-size-50 {
    font-size: 51px;
}
}
@media (min-width: 481px) {
body {
    font-size: 16px;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 14px;
}
.font-size-16 {
    font-size: 18px;
}
.font-size-18 {
    font-size: 20px;
}
.font-size-50 {
    font-size: 52px;
}
}
@media (max-width: 1024px) {
.home__section__title {
    height: 0.55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.home__section__title .home__section__title__line {
    width: 0.75rem;
    height: 0.025rem;
    background-color: #fff;
}
.home__section__title .home__section__title__txt {
    padding: 0 0.125rem;
    letter-spacing: 1px;
}
}
@media (min-width: 1025px) {
body {
    font-size: 14px;
}
.swiper-pagination-bullet {
    width: 43px;
    height: 5px;
    background: #cdcdcd;
    border-radius: 0;
}
.swiper-button-next,
  .swiper-button-prev {
    width: 33px;
}
.home__section__title {
    height: 134px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.home__section__title .home__section__title__line {
    width: 38px;
    height: 2px;
    background-color: #fff;
}
.home__section__title .home__section__title__txt {
    padding: 0 20px;
    letter-spacing: 1px;
}
}
@media (max-width: 1024px) {
.reservation-b1024 {
    display: none;
}
}
@media (min-width: 1025px) {
.fixed.reservation-b1024 {
    position: fixed;
    top: 87px;
    z-index: 999;
}
.reservation-b1024 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 80px;
    background-color: #EDEDED;
    display: flex;
    align-items: center;
}
.reservation-b1024 .reservation-b1024__dialog {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background-color: rgba(0,0,0,0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}
.reservation-b1024 .reservation-b1024__info {
    width: 100%;
    max-width: 1200px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}
.reservation-b1024 .reservation-b1024__info input,
  .reservation-b1024 .reservation-b1024__info select,
  .reservation-b1024 .reservation-b1024__info .reservation-b1024__info__submit-btn {
    width: 24%;
    height: 50px;
    margin-bottom: 0;
    background-color: rgba(0,0,0,0);
    padding: 0;
    border-radius: 0;
    color: #333;
    border-width: 0;
}
.reservation-b1024 .reservation-b1024__info input:active,
  .reservation-b1024 .reservation-b1024__info select:active,
  .reservation-b1024 .reservation-b1024__info .reservation-b1024__info__submit-btn:active,
  .reservation-b1024 .reservation-b1024__info input:focus,
  .reservation-b1024 .reservation-b1024__info select:focus,
  .reservation-b1024 .reservation-b1024__info .reservation-b1024__info__submit-btn:focus {
    border: 2px solid #a78c60;
}
.reservation-b1024 .reservation-b1024__info .reservation-b1024__info__submit-btn {
    background-color: #d6b781;
}
.reservation-b1024 .reservation-b1024__info input,
  .reservation-b1024 .reservation-b1024__info select {
    text-indent: 10px;
    background-color: #fff;
}
.reservation-b1024 .reservation-b1024__info input::-webkit-input-placeholder,
  .reservation-b1024 .reservation-b1024__info select::-webkit-input-placeholder {
    color: #333;
}
.reservation-b1024 .reservation-b1024__info input::-moz-input-placeholder,
  .reservation-b1024 .reservation-b1024__info select::-moz-input-placeholder {
    color: #333;
}
.reservation-b1024 .reservation-b1024__info input::-ms-input-placeholder,
  .reservation-b1024 .reservation-b1024__info select::-ms-input-placeholder {
    color: #333;
}
.reservation-b1024 .reservation-b1024__info input::-o-input-placeholder,
  .reservation-b1024 .reservation-b1024__info select::-o-input-placeholder {
    color: #333;
}
.reservation-b1024 .reservation-b1024__info .reservation-b1024__info__space-wraper {
    width: 24%;
    position: relative;
}
.reservation-b1024 .reservation-b1024__info .reservation-b1024__info__space-wraper::after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    right: 12px;
    top: 19px;
    margin-top: 1px;
    font-size: 0;
    line-height: 0;
    border-color: #686868 transparent transparent;
    border-style: solid dashed dashed;
    border-width: 6px 6px 0;
    transition: transform 0.2s ease-in;
}
.reservation-b1024 .reservation-b1024__info .reservation-b1024__info__space-wraper .reservation-b1024__info__space-wraper__space {
    width: 100%;
}
.reservation-b1024 .reservation-b1024__info .reservation-b1024__info__space-wraper .reservation-b1024__info__space-wraper__space option {
    background-color: #fff;
    padding: 12px 0;
    box-shadow: 32px -25px 50px -40px #000 inset;
}
}

@font-face {
  font-family: 'mixpace';
  src: url("http://ooc90m1fd.bkt.clouddn.com/Mixpace.ttf");
  font-weight: normal;
  font-style: normal;
}
a {
  cursor: pointer;
}
.swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.05rem;
  background: #cdcdcd;
  border-radius: 0;
}
.swiper-button-next,
.swiper-button-prev {
  width: 0.35rem;
  background-size: 100%;
}
.swiper-button-next {
  background-image: url("../images/next-icon.png");
}
.swiper-button-prev {
  background-image: url("../images/prev-icon.png");
}
@media (max-width: 320px) {
body {
    font-size: 12.5;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 11px;
}
.font-size-16 {
    font-size: 15px;
}
.font-size-18 {
    font-size: 17px;
}
.font-size-50 {
    font-size: 49px;
}
}
@media (min-width: 321px) and (max-width: 375px) {
body {
    font-size: 14px;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 12px;
}
.font-size-16 {
    font-size: 16px;
}
.font-size-18 {
    font-size: 18px;
}
.font-size-50 {
    font-size: 50px;
}
}
@media (min-width: 376px) and (max-width: 480px) {
body {
    font-size: 15px;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 13px;
}
.font-size-16 {
    font-size: 17px;
}
.font-size-18 {
    font-size: 19px;
}
.font-size-50 {
    font-size: 51px;
}
}
@media (min-width: 481px) {
body {
    font-size: 16px;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 14px;
}
.font-size-16 {
    font-size: 18px;
}
.font-size-18 {
    font-size: 20px;
}
.font-size-50 {
    font-size: 52px;
}
}
@media (max-width: 1024px) {
.home__section__title {
    height: 0.55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.home__section__title .home__section__title__line {
    width: 0.75rem;
    height: 0.025rem;
    background-color: #fff;
}
.home__section__title .home__section__title__txt {
    padding: 0 0.125rem;
    letter-spacing: 1px;
}
}
@media (min-width: 1025px) {
body {
    font-size: 14px;
}
.swiper-pagination-bullet {
    width: 43px;
    height: 5px;
    background: #cdcdcd;
    border-radius: 0;
}
.swiper-button-next,
  .swiper-button-prev {
    width: 33px;
}
.home__section__title {
    height: 134px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.home__section__title .home__section__title__line {
    width: 38px;
    height: 2px;
    background-color: #fff;
}
.home__section__title .home__section__title__txt {
    padding: 0 20px;
    letter-spacing: 1px;
}
}
@media (max-width: 1024px) {
.space-b1024 {
    display: none;
}
.space.space-u1024 .space__banner {
    height: 7rem;
    background-position: center ;
	
	
    background-size: cover;
	background-image: url("../images/space-list-banner.png");

}
.space.space-u1024 .space__info .space__info__item {
    margin: 0.1rem 0;
    background-color: #fff;
}
.space.space-u1024 .space__info .space__info__item .space__info__item__title__1 {
    height: 1.1rem;
    line-height: 1.1rem;
    background-color: #e3e3e3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.3rem;
    color: #000;
    text-indent: 0.1rem;
}
.space.space-u1024 .space__info .space__info__item .space__info__item__title__1 .space__info__item__title__1__icon {
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-color: #dbba82 transparent transparent;
    border-style: solid dashed dashed;
    border-width: 0.15rem 0.15rem 0;
    transform: rotate(0deg);
    transition: transform 0.3s;
}
.space.space-u1024 .space__info .space__info__item .space__info__item__title__1.active .space__info__item__title__1__icon {
    transform: rotate(180deg);
    transition: transform 0.3s;
}
.space.space-u1024 .space__info .space__info__item .space__info__item__title__1.active + .space__info__item__detail {
    display: none;
}
.space.space-u1024 .space__info .space__info__item .space__info__item__detail {
    color: #9b9b9b;
    padding: 0.3rem 0.3rem 0.6rem 0.3rem;
    background-color: 0;
    line-height: 1.6;
}
.space.space-u1024 .space__info .space__info__item .space__info__item__title__2 {
    height: 1.1rem;
    line-height: 1.1rem;
    color: #dbba82;
    margin: 0 0.3rem;
    border-bottom: 0.05rem solid #000;
    text-indent: 0.1rem;
}
.space.space-u1024 .space__info .space__info__item .space__info__item__swiper {
    height: 7.175rem;
    background-color: #222;
}
.space.space-u1024 .space__info .space__info__item .space__info__item__swiper .swiper-wrapper .swiper-slide {
    padding: 0.6rem 1rem 1.05rem;
}
.space.space-u1024 .space__info .space__info__item .space__info__item__swiper .swiper-wrapper .swiper-slide .space__info__item__swiper__img {
    height: 100%;
    overflow: hidden;
}
.space.space-u1024 .space__info .space__info__item .space__info__item__swiper .swiper-wrapper .swiper-slide .space__info__item__swiper__img img {
    max-width: 100%;
}
.space.space-u1024 .space__info .space__info__facilities .space__info__facilities__item__content__space-base-info {
    color: #fff;
    display: flex;
    height: 3rem;
    padding: 0.3rem 0;
}
.space.space-u1024 .space__info .space__info__facilities .space__info__facilities__item__content__space-base-info .space__info__facilities__item__content__space-base-info__item {
    flex: 1;
    border-right: 1px solid #000;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: left;
}
.space.space-u1024 .space__info .space__info__service-facilities .space__info__service-facilities__content {
    display: flex;
    flex-wrap: wrap;
    color: #cdcdcd;
    padding: 0.45rem 0.45rem 0;
}
.space.space-u1024 .space__info .space__info__service-facilities .space__info__service-facilities__content .space__info__service-facilities__content__item {
    width: 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0.5rem;
}
.space.space-u1024 .space__info .space__info__service-facilities .space__info__service-facilities__content .space__info__service-facilities__content__item img {
    width: 0.8rem;
    margin-bottom: 0.3rem;
}
.space.space-u1024 .space__info .space__info__service-facilities .space__info__service-facilities__content .space__info__service-facilities__content__item.en {
    align-items: flex-start;
}
.space.space-u1024 .space__info .space__info__traffic {
    padding: 0 0.3rem;
}
.space.space-u1024 .space__info .space__info__traffic .space__info__item__title__2 {
    margin: 0;
}
.space.space-u1024 .space__info .space__info__traffic .space__info__traffic__txtInfo {
    color: #9b9b9b;
    font-size: 12px;
    padding-top: 0.2rem;
    padding-bottom: 0.7rem;
    border-bottom: 0.025rem solid #000;
}
.space.space-u1024 .space__info .space__info__traffic .space__info__traffic__txtInfo .space__info__traffic__txtInfo__route {
    margin-bottom: 0.15rem;
}
.space.space-u1024 .space__info .space__info__traffic #space__info__traffic__map {
    height: 6.6rem;
    margin-top: 0.2rem;
}
.space.space-u1024 .space__info .space__info__traffic #space__info__traffic__map .amap-logo {
    display: none !important;
}
.space.space-u1024 .space__info .space__info__traffic #space__info__traffic__map .amap-copyright {
    display: none !important;
}
.space.space-u1024 .space__info .space__info__traffic .space__info__traffic__real-time {
    display: flex;
    height: 1.1rem;
    justify-content: space-between;
    align-items: center;
    border-top: 0.025rem solid #000;
    margin-top: 0.2rem;
}
.space.space-u1024 .space__info .space__info__traffic .space__info__traffic__real-time .space__info__traffic__real-time__loca {
    color: #000;
    padding-left: 28px;
    background: url("../images/location-icon.png") no-repeat left center/14px;
}
.space.space-u1024 .space__info .space__info__traffic .space__info__traffic__real-time .space__info__traffic__real-time__view {
    color: #000;
    padding: 0.15rem 0.6rem 0.15rem 0;
    background: url("../images/arrow-right-icon-1.png") no-repeat right center/0.2rem;
}
.space.space-u1024 .space__info .space__info__other-spaces .space__info__other-spaces {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #cdcdcd;
}
.space.space-u1024 .space__info .space__info__other-spaces .space__info__other-spaces .space__info__other-spaces__address {
    height: 0.95rem;
    line-height: 0.95rem;
    padding-left: 0.6rem;
    background: url("http://ooc90m1fd.bkt.clouddn.com/location-icon.png") no-repeat left center;
    background-size: 0.35rem;
}
.space.space-u1024 .space__reservation {
    background-repeat: no-repeat;
    background-position: 2rem 2.925rem;
    background-size: 5.425rem;
}
}
@media (min-width: 1025px) {
.fade-enter-active,
  .fade-leave-active {
    transition: opacity 0.3s;
}
.fade-enter,
  .fade-leave-to {
    opacity: 0;
}
.space-u1024 {
    display: none;
}
.space.space-b1024 .space__banner {
    max-width: 100%;
     height: 715px;
    background-color: #000;
    background-position: center center;
    margin-bottom: 88px;
    background-size: cover;
	background-image: url("../images/space-list-banner.png");
}
.space.space-b1024 .space__lay-out {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.space.space-b1024 .space__lay-out #reservation-detail {
    width: 390px;
    height: auto;
}
.space.space-b1024 .space__lay-out .space__info {
    width: 810px;
    padding-right: 36px;
}
.space.space-b1024 .space__lay-out .space__info__item {
    margin-bottom: 50px;
}
.space.space-b1024 .space__lay-out .space__info__item .space__info__item__title {
    font-size: 18px;
    color: #000;
    padding-bottom: 10px;
    border-bottom: solid 1px #000;
}
.space.space-b1024 .space__lay-out .space__info__txt-info {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.space.space-b1024 .space__lay-out .space__info__txt-info__tab {
    width: 100%;
}
.space.space-b1024 .space__lay-out .space__info__txt-info__tab .space__info__txt-info__tab__title {
    display: flex;
    justify-content: flex-start;
    height: 53px;
    border-bottom: 1px solid #000;
    font-size: 18px;
    line-height: 53px;
}
.space.space-b1024 .space__lay-out .space__info__txt-info__tab .space__info__txt-info__tab__title .space__info__txt-info__tab__title__item {
    color: #000;
    margin-right: 56px;
    cursor: pointer;
}
.space.space-b1024 .space__lay-out .space__info__txt-info__tab .space__info__txt-info__tab__title .space__info__txt-info__tab__title__item.active {
    color: #1881B1;
}
.space.space-b1024 .space__lay-out .space__info__txt-info__tab .space__info__txt-info__tab__content {
    width: 100%;
    margin: 10px 0 0;
    position: relative;
}
.space.space-b1024 .space__lay-out .space__info__txt-info__tab .space__info__txt-info__tab__content .space__info__txt-info__tab__content__item {
    width: 100%;
    color: #000;
}
.space.space-b1024 .space__lay-out .space__info__txt-info__tab .space__info__txt-info__tab__content .space__info__txt-info__tab__content__item p {
    margin-bottom: 12px;
}
.space.space-b1024 .space__lay-out .space__info__txt-info__tab .space__info__txt-info__tab__content .space__info__txt-info__tab__content__item .space__info__txt-info__tab__content__item__swiper {
    width: 100%;
    height: 167px;
    margin-top: 40px;
}
.space.space-b1024 .space__lay-out .space__info__txt-info__tab .space__info__txt-info__tab__content .space__info__txt-info__tab__content__item .space__info__txt-info__tab__content__item__swiper .space__info__txt-info__tab__content__item__swiper__img img {
    height: 167px;
}
.space.space-b1024 .space__lay-out .space__info__facilities .space__info__facilities__content {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 36px;
}
.space.space-b1024 .space__lay-out .space__info__facilities .space__info__facilities__content .space__info__facilities__content__space-base-info {
    color: #fff;
    text-align: center;
}
.space.space-b1024 .space__lay-out .space__info__facilities .space__info__facilities__content .space__info__facilities__content__space-base-info .space__info__facilities__content__space-base-info__quantity {
    font-size: 45px;
    line-height: 63px;
}
.space.space-b1024 .space__lay-out .space__info__facilities .space__info__facilities__content .space__info__facilities__content__split-line {
    width: 1;
    height: 60px;
    background-color: #fff;
}
.space.space-b1024 .space__lay-out .space__info__service-facilities .space__info__service-facilities__content {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.space.space-b1024 .space__lay-out .space__info__service-facilities .space__info__service-facilities__content .space__info__service-facilities__content__item {
    margin: 30px 6% 0 0;
    text-align: center;
    color: #fff;
    width: 8%;
}
.space.space-b1024 .space__lay-out .space__info__traffic .space__info__traffic__txtInfo {
    color: #fff;
    margin: 16px 0 30px 0;
    line-height: 25px;
}
.space.space-b1024 .space__lay-out .space__info__traffic .space__info__traffic__txtInfo .space__info__traffic__txtInfo__route {
    padding-left: 40px;
    margin-bottom: 5px;
    background: url("http://ooc90m1fd.bkt.clouddn.com/space__info__traffic__txtInfo.png") 0 5px no-repeat/17px;
}
.space.space-b1024 .space__lay-out .space__info__traffic .space__info__traffic__txtInfo .space__info__traffic__txtInfo__park {
    padding-left: 40px;
    background: url("http://ooc90m1fd.bkt.clouddn.com/space__info__traffic__txtInfo.png") 0 -27px no-repeat/17px;
}
.space.space-b1024 .space__lay-out .space__info__traffic #space__info__traffic__map-pc {
    height: 360px;
}
.space.space-b1024 .space__lay-out .space__info__traffic #space__info__traffic__map-pc .amap-logo {
    display: none;
}
.space.space-b1024 .space__lay-out .space__info__traffic #space__info__traffic__map-pc .amap-copyright {
    display: none !important;
}
.space.space-b1024 .space__lay-out .space__info__traffic .space__info__traffic__view-map {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 44px;
    color: #000;
}
.space.space-b1024 .space__lay-out .space__info__traffic .space__info__traffic__view-map .space__info__traffic__view-map-location {
    padding-left: 24px;
    background: url("../images/location-icon.png") no-repeat left center/14px;
}
.space.space-b1024 .space__lay-out .space__info__traffic .space__info__traffic__view-map .space__info__traffic__view-map-btn {
    color: #000;
    padding-right: 16px;
    background: url("../images/arrow-right-icon-1.png") no-repeat right center/8px;
}
.space.space-b1024 .space__lay-out .space__info__other-spaces {
    width: 100%;
    color: #fff;
}
.space.space-b1024 .space__lay-out .space__info__other-spaces .space__info__other-spaces__content {
    display: flex;
    justify-content: flex-start;
    margin: 36px 0 40px;
}
.space.space-b1024 .space__lay-out .space__info__other-spaces .space__info__other-spaces__content .space__info__other-spaces__content__item {
    width: 25%;
    padding-right: 12px;
}
.space.space-b1024 .space__lay-out .space__info__other-spaces .space__info__other-spaces__content .space__info__other-spaces__content__item a {
    color: #fff;
}
.space.space-b1024 .space__lay-out .space__info__other-spaces .space__info__other-spaces__content .space__info__other-spaces__content__item a .space__info__other-spaces__content__item__img {
    height: 180px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.space.space-b1024 .space__lay-out .space__info__other-spaces .space__info__other-spaces__content .space__info__other-spaces__content__item .space__info__other-spaces__content__item__info {
    display: flex;
    justify-content: space-between;
    line-height: 25px;
    margin-top: 18px;
}
.space.space-b1024 .space__lay-out .space__info__other-spaces .space__info__other-spaces__content .space__info__other-spaces__content__item .space__info__other-spaces__content__item__info .space__info__other-spaces__content__item__info__name {
    padding-right: 10px;
}
.space.space-b1024 .space__lay-out .space__info__other-spaces .space__info__other-spaces__content .space__info__other-spaces__content__item .space__info__other-spaces__content__item__info .space__info__other-spaces__content__item__info__address {
    padding-left: 24px;
    background: url("http://ooc90m1fd.bkt.clouddn.com/location-icon.png") no-repeat 4px 6px/12px;
}
.space.space-b1024 .space__lay-out .space__reservation.active {
    position: fixed;
    top: 87px;
    right: 0;
}
.space.space-b1024 .space__lay-out .space__reservation {
    width: 390px;
    height: auto;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    color: #000;
    padding: 24px 30px 0;
    margin-top: 18px;
    transition: transform 0.5s ease-in-out;
    transform: translateY(0);
    background-color: #fff;
	border:1px solid #A78C60;
}
.space.space-b1024 .space__lay-out .space__reservation:hover {
    transform: translateY(-5px);
}
.space.space-b1024 .space__lay-out .space__reservation .space__reservation__space-info {
    display: flex;
    align-items: center;
    color: #000;
    margin-bottom: 22px;
}
.space.space-b1024 .space__lay-out .space__reservation .space__reservation__space-info__manager-photo {
    width: 70px;
    border-radius: 50%;
    margin-right: 12px;
}
.space.space-b1024 .space__lay-out .space__reservation .space__reservation__space-info__manager-name {
    margin-bottom: 8px;
}
.space.space-b1024 .space__lay-out .space__reservation .space__reservation__close {
    display: none;
	
}
.space.space-b1024 .space__lay-out .dialog-box {
    width: 100%;
    height: 100%;
    z-index: 99;
}
.space.space-b1024 .space__lay-out .dialog-box .reserver-success {
    width: 230px;
    height: 168px;
    padding: 0 25px;
}
.space.space-b1024 .space__lay-out .dialog-box .reserver-success .reserver-success__icon {
    width: 18px;
    margin-bottom: 8px;
}
.space.space-b1024 .space__lay-out .dialog-box .reserver-success .reserver-success__info-1 {
    margin-bottom: 8px;
}
.space.space-b1024 .space__lay-out .dialog-box .reserver-success .reserver-success__info-2 {
    line-height: 20px;
}
}
@media (max-width: 320px) {
.space__info__introduction__detail,
  .space__info__traffic__txtInfo {
    font-size: 11px;
}
.space__info__facilities__item__content__space-base-info__item__quantityt {
    font-size: 23px;
}
}
@media (min-width: 321px) and (max-width: 375px) {
.space__info__introduction__detail {
    font-size: 12px;
}
.space__info__facilities__item__content__space-base-info__item__quantity {
    font-size: 24px;
}
}
@media (min-width: 376px) and (max-width: 414px) {
.space__info__introduction__detail,
  .space__info__traffic__txtInfo {
    font-size: 12.5px;
}
.space__info__facilities__item__content__space-base-info__item__quantity {
    font-size: 25px;
}
}
@media (min-width: 415px) {
.space__info__introduction__detail,
  .space__info__traffic__txtInfo {
    font-size: 13px;
}
.space__info__facilities__item__content__space-base-info__item__quantity {
    font-size: 26px;
}
}

.space__reservation[data-v-53bab7c4] {
  width: 405px;
  height: 624px;
  color: #fff;
  padding: 24px 30px 0;
  margin-top: 18px;
  transition: transform 0.5s ease-in-out;
  transform: translateY(0);
  background-color: #333;
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
  overflow: auto;
}
.space__reservation[data-v-53bab7c4]::-webkit-scrollbar {
  display: none;
}
.space__reservation[data-v-53bab7c4]:hover {
  transform: translateY(-5px);
}
.space__reservation .space__reservation__space-info[data-v-53bab7c4] {
  display: flex;
  align-items: center;
  color: #000;
  margin-bottom: 22px;
}
.space__reservation .space__reservation__space-info .space__reservation__space-info__manager-photo[data-v-53bab7c4] {
  width: 70px;
  border-radius: 50%;
  margin-right: 12px;
}
.space__reservation .space__reservation__space-info .space__reservation__space-info__manager-name[data-v-53bab7c4] {
  margin-bottom: 8px;
}
.space__reservation .space__reservation__close[data-v-53bab7c4] {
 
  width: 25px;
}
.space__reservation .space__reservation__title[data-v-53bab7c4] {
  font-size: 18px;
  color: #000;
	
}
.space__reservation .space__reservation__title-sub[data-v-53bab7c4] {
  color: #000;
  font-size: 12px;
  margin: 14px 0 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid #9b9b9b;
}
.space__reservation .space__reservation__label[data-v-53bab7c4] {
  display: block;
  font-size: 16px;
  margin-bottom: 10px;
}
.space__reservation .space__reservation__aim[data-v-53bab7c4] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.space__reservation .space__reservation__aim .space__reservation__aim__item[data-v-53bab7c4] {
  width: 158px;
  height: 36px;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
}
.space__reservation .space__reservation__aim .space__reservation__aim__item span[data-v-53bab7c4],
.space__reservation .space__reservation__aim .space__reservation__aim__item input[data-v-53bab7c4] {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  bottom: 0;
  line-height: 36px;
  text-align: center;
}
.space__reservation .space__reservation__aim .space__reservation__aim__item input[data-v-53bab7c4] {
  z-index: 99;
  opacity: 0;
}
.space__reservation .space__reservation__aim .space__reservation__aim__item span[data-v-53bab7c4] {
  border: 1px solid #9b9b9b;
}
.space__reservation .space__reservation__aim .space__reservation__aim__item span.active[data-v-53bab7c4] {
  background-color: #9b9b9b;
}
.space__reservation .space__reservation__name[data-v-53bab7c4],
.space__reservation .space__reservation__phone[data-v-53bab7c4],
.space__reservation .space__reservation__current-space-name[data-v-53bab7c4],
.space__reservation .space__reservation__submit-btn[data-v-53bab7c4] {
  width: 100%;
  height: 48px;
  line-height: 48px;
  border: solid 1px #9b9b9b;
  text-indent: 20px;
  margin-bottom: 20px;
  color: #dadada;
}
.space__reservation .space__reservation__name[data-v-53bab7c4]:focus,
.space__reservation .space__reservation__phone[data-v-53bab7c4]:focus {
  border: 2px solid #a78c60;
}
.space__reservation .space__reservation__submit-btn[data-v-53bab7c4] {
  width: 100%;
  height: 48px;
  line-height: 48px;
  border: solid 1px #a78c60;
  text-indent: 20px;
  margin: 30px 0;
  background-color: #a78c60;
  color: #000;
}

@font-face {
  font-family: 'mixpace';
  src: url("http://ooc90m1fd.bkt.clouddn.com/Mixpace.ttf");
  font-weight: normal;
  font-style: normal;
}
a {
  cursor: pointer;
}
.swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.05rem;
  background: #cdcdcd;
  border-radius: 0;
}
.swiper-button-next,
.swiper-button-prev {
  width: 0.35rem;
  background-size: 100%;
}
.swiper-button-next {
  background-image: url("../images/next-icon.png");
}
.swiper-button-prev {
  background-image: url("../images/prev-icon.png");
}
@media (max-width: 320px) {
body {
    font-size: 12.5;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 11px;
}
.font-size-16 {
    font-size: 15px;
}
.font-size-18 {
    font-size: 17px;
}
.font-size-50 {
    font-size: 49px;
}
}
@media (min-width: 321px) and (max-width: 375px) {
body {
    font-size: 14px;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 12px;
}
.font-size-16 {
    font-size: 16px;
}
.font-size-18 {
    font-size: 18px;
}
.font-size-50 {
    font-size: 50px;
}
}
@media (min-width: 376px) and (max-width: 480px) {
body {
    font-size: 15px;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 13px;
}
.font-size-16 {
    font-size: 17px;
}
.font-size-18 {
    font-size: 19px;
}
.font-size-50 {
    font-size: 51px;
}
}
@media (min-width: 481px) {
body {
    font-size: 16px;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 14px;
}
.font-size-16 {
    font-size: 18px;
}
.font-size-18 {
    font-size: 20px;
}
.font-size-50 {
    font-size: 52px;
}
}
@media (max-width: 1024px) {
.home__section__title {
    height: 0.55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.home__section__title .home__section__title__line {
    width: 0.75rem;
    height: 0.025rem;
    background-color: #fff;
}
.home__section__title .home__section__title__txt {
    padding: 0 0.125rem;
    letter-spacing: 1px;
}
}
@media (min-width: 1025px) {
body {
    font-size: 14px;
}
.swiper-pagination-bullet {
    width: 43px;
    height: 5px;
    background: #cdcdcd;
    border-radius: 0;
}
.swiper-button-next,
  .swiper-button-prev {
    width: 33px;
}
.home__section__title {
    height: 134px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.home__section__title .home__section__title__line {
    width: 38px;
    height: 2px;
    background-color: #fff;
}
.home__section__title .home__section__title__txt {
    padding: 0 20px;
    letter-spacing: 1px;
}
}
@media (max-width: 1024px) {
.detail .detail__banner {
    height: 7rem;
    background-position: center center;
    background-size: cover;
    margin-bottom: 0.2rem;
}
.detail .detail__banner.news {
    background-image: url("../images/news-list-banner.png");
}
.detail .detail__banner.activity {
    background-image: url("../images/activity-list-banner.png");
}
.detail .detail__content .detail__content__title {
    padding: 0.3rem 0.35rem;
    background-color: #fff;
    margin-bottom: 0.1rem;
}
.detail .detail__content .detail__content__title h4 {
    color: #000;
    margin-bottom: 0.3rem;
    text-align: center;
	font-size:11px;
}
.detail .detail__content .detail__content__title p {
    color: #000;
    text-align: right;
}
.detail .detail__content .detail__content__title .detail__content__title__source__activity {
    display: flex;
    justify-content: space-between;
}
.detail .detail__content .detail__content__img {
    background-color: #fff;
    padding: 0.4rem 0;
    margin-bottom: 0.1rem;
	height: 310px;
}
.detail .detail__content .detail__content__img .detail__content__img__box {
    width: 8.375rem;
    margin: 0 auto;
    display: block;
  
	
}
.detail .detail__content .detail__content__txt {
    padding: 0.3rem;
    background-color: #EDEDED;
    color: #000;
    text-align: left;
}
.detail .detail__content .detail__content__txt p {
    text-indent: 0.35rem;
    line-height: 0.55rem;
    margin-bottom: 0.2rem;
}
.detail .detail__content .detail__content__recommend {
    height: 3.3rem;
    background-color: #222;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.15rem;
    margin-top: 0.1rem;
}
.detail .detail__content .detail__content__recommend .detail__content__recommend__item {
    flex: 1;
    padding: 0 0.15rem;
}
.detail .detail__content .detail__content__recommend .detail__content__recommend__item .detail__content__recommend__item__img {
    height: 2.1rem;
    background-size: cover;
    margin-bottom: 0.1rem;
}
.detail .detail__content .detail__content__recommend .detail__content__recommend__item .detail__content__recommend__item__title {
    color: #cdcdcd;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.3;
}
.detail .detail__content .detail__content__title__source {
    font-size: 11px;
}
}
@media (min-width: 1025px) {
.detail {
    padding-bottom: 45px;
}
.detail .detail__banner {
    height: 648px;
    background-position: center center;
    background-size: cover;
}
.detail .detail__banner.news {
    background-image: url("../images/news-list-banner.png");
}
.detail .detail__banner.activity {
    background-image: url("../images/activity-list-banner.png");
}
.detail .detail__content {
    max-width: 1200px;
    margin: 50px auto 0;
    border: 1px solid #979797;
}
.detail .detail__content .detail__content__title {
    padding: 15px 23px 0;
    background-color: #fff;
}
.detail .detail__content .detail__content__title h4 {
    color: #000;
    text-align: center;
    font-size: 16px;
    line-height: 33px;
    margin-bottom: 20px;
    
}
.detail .detail__content .detail__content__title p {
    color: #000;
    text-align: right;
}
.detail .detail__content .detail__content__title .detail__content__title__source__activity {
    display: flex;
    justify-content: space-between;
}
.detail .detail__content .detail__content__img {
    background-color: #fff;
    padding: 10px 0;
}
.detail .detail__content .detail__content__img .detail__content__img__box {
    display: block;
    width: 92%;
    margin: 0 auto;
}
.detail .detail__content .detail__content__txt {
    background-color: #fff;
    color: #000;
    text-align: left;
    padding: 0 25px 40px 25px;
}
.detail .detail__content .detail__content__txt p {
    line-height: 28px;
    margin-bottom: 10px;
}
.detail .detail__content .detail__content__txt a {
    color: #9b9b9b;
    text-decoration: underline;
}




}
@media (min-width: 321px) and (max-width: 375px) {
.detail__content__title__source,
  .detail__content__recommend__item__title {
    font-size: 11.5px;
}
}
@media (min-width: 376px) and (max-width: 414px) {
.detail__content__title__source,
  .detail__content__recommend__item__title {
    font-size: 12px;
}
}
@media (min-width: 415px) {
.detail__content__title__source,
  .detail__content__recommend__item__title {
    font-size: 12.5px;
}
}

@font-face {
  font-family: 'mixpace';
  src: url("http://ooc90m1fd.bkt.clouddn.com/Mixpace.ttf");
  font-weight: normal;
  font-style: normal;
}
a {
  cursor: pointer;
}
.swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.05rem;
  background: #cdcdcd;
  border-radius: 0;
}
.swiper-button-next,
.swiper-button-prev {
  width: 0.35rem;
  background-size: 100%;
}
.swiper-button-next {
  background-image: url("../images/next-icon.png");
}
.swiper-button-prev {
  background-image: url("../images/prev-icon.png");
}
@media (max-width: 320px) {
body {
    font-size: 12.5;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 11px;
}
.font-size-16 {
    font-size: 15px;
}
.font-size-18 {
    font-size: 17px;
}
.font-size-50 {
    font-size: 49px;
}
}
@media (min-width: 321px) and (max-width: 375px) {
body {
    font-size: 14px;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 12px;
}
.font-size-16 {
    font-size: 16px;
}
.font-size-18 {
    font-size: 18px;
}
.font-size-50 {
    font-size: 50px;
}
}
@media (min-width: 376px) and (max-width: 480px) {
body {
    font-size: 15px;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 13px;
}
.font-size-16 {
    font-size: 17px;
}
.font-size-18 {
    font-size: 19px;
}
.font-size-50 {
    font-size: 51px;
}
}
@media (min-width: 481px) {
body {
    font-size: 16px;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 14px;
}
.font-size-16 {
    font-size: 18px;
}
.font-size-18 {
    font-size: 20px;
}
.font-size-50 {
    font-size: 52px;
}
}
@media (max-width: 1024px) {
.home__section__title {
    height: 0.55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.home__section__title .home__section__title__line {
    width: 0.75rem;
    height: 0.025rem;
    background-color: #fff;
}
.home__section__title .home__section__title__txt {
    padding: 0 0.125rem;
    letter-spacing: 1px;
}
}
@media (min-width: 1025px) {
body {
    font-size: 14px;
}
.swiper-pagination-bullet {
    width: 43px;
    height: 5px;
    background: #cdcdcd;
    border-radius: 0;
}
.swiper-button-next,
  .swiper-button-prev {
    width: 33px;
}
.home__section__title {
    height: 134px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.home__section__title .home__section__title__line {
    width: 38px;
    height: 2px;
    background-color: #fff;
}
.home__section__title .home__section__title__txt {
    padding: 0 20px;
    letter-spacing: 1px;
}
}
@media (max-width: 1024px) {
.home__space {
    background-color: #fff;
    padding-top: 0.325rem;
}
.home__space .swiper-container {
    height: 7.9rem;
    margin: 0.425rem 0 0.1rem 0;
}
.home__space .swiper-container .home__space__item {
    margin: 0 0.3rem;
    border: 0.025rem solid #cdcdcd;
}
.home__space .swiper-container .home__space__item .home__space__item__img {
    height:5.9rem;
    background-size: cover;
    background-position: center;
}
.home__space .swiper-container .home__space__item .home__space__item__info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    padding: 0 0.3rem;
	font-size:12px;
}
.home__space .swiper-container .home__space__item .home__space__item__info .home__space__item__info__address {
    height: 0.95rem;
    line-height: 0.95rem;
    padding-left: 0.6rem;
    background: url("../images/location-icon.png") no-repeat left center;
    background-size: 0.35rem;
}
}
@media (min-width: 1025px) {
.home__space {
    max-width: 1200px;
    background-color: #fff;
    margin: 0 auto;
}
.home__space .swiper-container {
    height: 560px;
    margin: 0;
}
.home__space .swiper-container .swiper-pagination-bullets {
    bottom: 42px;
}
.home__space .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active .home__space__item {
    margin-left: 0;
}
.home__space .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next .home__space__item {
    margin-right: 0;
}
.home__space .swiper-container .swiper-wrapper .swiper-slide {
    width: 50%;
}
.home__space .swiper-container .swiper-wrapper .swiper-slide .home__space__item {
    margin: 0 12px;
    border: 1px solid #cdcdcd;
}
.home__space .swiper-container .swiper-wrapper .swiper-slide .home__space__item .home__space__item__img {
    height: 395px;
    background-size: cover;
    background-position: center;
}
.home__space .swiper-container .swiper-wrapper .swiper-slide .home__space__item .home__space__item__img img {
    height: 100%;
    width: 100%;
    transform: scale3d(1, 1, 1);
    transition: transform 3s ease-in-out;
}
.home__space .swiper-container .swiper-wrapper .swiper-slide .home__space__item .home__space__item__img:hover img {
    -webkit-transform: scale3d(1.3, 1.3, 1);
    transform: scale3d(1.3, 1.3, 1);
}
.home__space .swiper-container .swiper-wrapper .swiper-slide .home__space__item .home__space__item__info {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    padding: 0 20px 0 20px;
}
.home__space .swiper-container .swiper-wrapper .swiper-slide .home__space__item .home__space__item__info .home__space__item__info__address {
    padding-left: 24px;
    background: url("../images/location-icon.png") no-repeat left center;
    background-size: 14px;
}
}

@media (max-width: 1024px) {
.reservation-entrance[data-v-7cf2d931] {
    display: none;
}
}
@media (min-width: 1025px) {
.reservation-entrance[data-v-7cf2d931] {
    position: fixed;
    bottom: 50px;
    right: 25px;
    cursor: pointer;
    z-index: 999;
}
.reservation-entrance .reservation-entrance__btn-web[data-v-7cf2d931] {
    width: 42px;
}
.reservation-entrance .reservation-entrance__btn-web .reservation-entrance__btn-web__icon[data-v-7cf2d931] {
    height: 48px;
    background: #d6b781;
    box-shadow: 1px 1px 0 #a27a08;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1px;
}
.reservation-entrance .reservation-entrance__btn-web .reservation-entrance__btn-web__icon img[data-v-7cf2d931] {
    width: 28px;
}
.reservation-entrance .reservation-entrance__btn-web .reservation-entrance__btn-web__txt[data-v-7cf2d931] {
    height: 121px;
    background: #d6b781;
    box-shadow: 1px 1px 0 #a27a08;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
}

.reservation-dialog[data-v-158e46fc] {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

@font-face {
  font-family: 'mixpace';
  src: url("http://ooc90m1fd.bkt.clouddn.com/Mixpace.ttf");
  font-weight: normal;
  font-style: normal;
}
a {
  cursor: pointer;
}
.swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.05rem;
  background: #cdcdcd;
  border-radius: 0;
}
.swiper-button-next,
.swiper-button-prev {
  width: 0.35rem;
  background-size: 100%;
}
.swiper-button-next {
  background-image: url("../images/next-icon.png");
}
.swiper-button-prev {
  background-image: url("../images/prev-icon.png");
}
@media (max-width: 320px) {
body {
    font-size: 12.5;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 11px;
}
.font-size-16 {
    font-size: 15px;
}
.font-size-18 {
    font-size: 17px;
}
.font-size-50 {
    font-size: 49px;
}
}
@media (min-width: 321px) and (max-width: 375px) {
body {
    font-size: 14px;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 12px;
}
.font-size-16 {
    font-size: 16px;
}
.font-size-18 {
    font-size: 18px;
}
.font-size-50 {
    font-size: 50px;
}
}
@media (min-width: 376px) and (max-width: 480px) {
body {
    font-size: 15px;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 13px;
}
.font-size-16 {
    font-size: 17px;
}
.font-size-18 {
    font-size: 19px;
}
.font-size-50 {
    font-size: 51px;
}
}
@media (min-width: 481px) {
body {
    font-size: 16px;
    line-height: 1.5;
}
.font-size-12 {
    font-size: 14px;
}
.font-size-16 {
    font-size: 18px;
}
.font-size-18 {
    font-size: 20px;
}
.font-size-50 {
    font-size: 52px;
}
}
@media (max-width: 1024px) {
.home__section__title {
    height: 0.55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.home__section__title .home__section__title__line {
    width: 0.75rem;
    height: 0.025rem;
    background-color: #fff;
}
.home__section__title .home__section__title__txt {
    padding: 0 0.125rem;
    letter-spacing: 1px;
}
}
@media (min-width: 1025px) {
body {
    font-size: 14px;
}
.swiper-pagination-bullet {
    width: 43px;
    height: 5px;
    background: #cdcdcd;
    border-radius: 0;
}
.swiper-button-next,
  .swiper-button-prev {
    width: 33px;
}
.home__section__title {
    height: 134px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.home__section__title .home__section__title__line {
    width: 38px;
    height: 2px;
    background-color: #fff;
}
.home__section__title .home__section__title__txt {
    padding: 0 20px;
    letter-spacing: 1px;
}
}
@media (max-width: 1024px) {
.news-list .news-list__title {
    display: none;
}
.news-list .news-list__banner {
    height: 7rem;
    background-image: url("../images/news-list-banner.png");
    background-position: center center;
    background-size: cover;
}
.news-list .news-list__banner.en {
    background-image: url("../images/news-list-banner.png");
}
.news-list .news-list__content {
    margin: 0.1rem 0;
}
.news-list .news-list__content .news-list__content__item {
    background-color: #e3e3e3;
    padding: 0.3rem 0.3rem 0.375rem;
    position: relative;
    margin-bottom: 0.03rem;
	 
}
.news-list .news-list__content .news-list__content__item .news-list__content__item__title {
    color: #000;
    text-align: left;
    height: 1.1rem;
    line-height: 0.55rem;
    padding-left: 0.3rem;
    border-left: 0.05rem solid #dbba82;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-list .news-list__content .news-list__content__item .news-list__content__item__summary {
    display: none;
}
.news-list .news-list__content .news-list__content__item .news-list__content__item__date {
    color: #000;
    position: absolute;
    right: 0.3rem;
    bottom: 0.05rem;
}
.news-list .news-list__load-more {
    width: 100%;
    height: 1.2rem;
    background-color: #fff;
    color: #000;
}
}
@media (min-width: 1025px) {
.news-list .news-list__title {
    max-width: 1200px;
    margin: 20px auto 0 auto;
    color: #a78c5f;
    font-size: 24px;
    padding-bottom: 10px;
    border-bottom: 1px solid #534939;
}
.news-list .news-list__banner {
    height: 648px;
    background-image: url("../images/news-list-banner.png");
    background-position: center center;
    background-size: cover;
}
.news-list .news-list__banner.en {
    background-image: url("../images/news-list-banner.png");
}
.news-list .news-list__content {
    max-width: 1200px;
    margin: 25px auto 0;
}
.news-list .news-list__content .news-list__content__item {
    background-color: #fff;
    padding: 10px;
    position: inherit;
    height: 220px;
    border-bottom: 8px solid #fff;
    transition: all 0.5s;
	background-color: #e3e3e3;  
}
.news-list .news-list__content .news-list__content__item .news-list__content__item__title {
    color: #000;
    text-align: left;
    margin: 30px 0 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 16px;
    padding-left: 11px;
    border-left: 4px solid #a48a5e;
}
.news-list .news-list__content .news-list__content__item .news-list__content__item__summary {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
    overflow: hidden;
    color: #000;
    padding-left: 15px;
    height: 189px;
    line-height: 27px;
}
.news-list .news-list__content .news-list__content__item .news-list__content__item__date {
    color: #000;
    position: relative;
    right: -13.0rem;
    bottom: -1.45rem;
}
.news-list .news-list__load-more {
    display: block;
    height: 80px;
    background-color: #fff;
    color: #000;
    margin: 0 auto;
}
}
@media (max-width: 320px) {
.news-list__content__item__date {
    font-size: 11px;
}
}
@media (min-width: 321px) and (max-width: 375px) {
.news-list__content__item__date {
    font-size: 11.5px;
}
}
@media (min-width: 376px) and (max-width: 414px) {
.news-list__content__item__date {
    font-size: 12px;
}
}
@media (min-width: 415px) {
.news-list__content__item__date {
    font-size: 12.5px;
}
}

@font-face {
  font-family: 'mixpace';
  src: url("http://ooc90m1fd.bkt.clouddn.com/Mixpace.ttf");
  font-weight: normal;
  font-style: normal;
}
a[data-v-26b729d9] {
  cursor: pointer;
}
.swiper-pagination-bullet[data-v-26b729d9] {
  width: 0.8rem;
  height: 0.05rem;
  background: #cdcdcd;
  border-radius: 0;
}
.swiper-button-next[data-v-26b729d9],
.swiper-button-prev[data-v-26b729d9] {
  width: 0.35rem;
  background-size: 100%;
}
.swiper-button-next[data-v-26b729d9] {
  background-image: url("../images/next-icon.png");
}
.swiper-button-prev[data-v-26b729d9] {
  background-image: url("../images/prev-icon.png");
}
@media (max-width: 320px) {
body[data-v-26b729d9] {
    font-size: 12.5;
    line-height: 1.5;
}
.font-size-12[data-v-26b729d9] {
    font-size: 11px;
}
.font-size-16[data-v-26b729d9] {
    font-size: 15px;
}
.font-size-18[data-v-26b729d9] {
    font-size: 17px;
}
.font-size-50[data-v-26b729d9] {
    font-size: 49px;
}
}
@media (min-width: 321px) and (max-width: 375px) {
body[data-v-26b729d9] {
    font-size: 14px;
    line-height: 1.5;
}
.font-size-12[data-v-26b729d9] {
    font-size: 12px;
}
.font-size-16[data-v-26b729d9] {
    font-size: 16px;
}
.font-size-18[data-v-26b729d9] {
    font-size: 18px;
}
.font-size-50[data-v-26b729d9] {
    font-size: 50px;
}
}
@media (min-width: 376px) and (max-width: 480px) {
body[data-v-26b729d9] {
    font-size: 15px;
    line-height: 1.5;
}
.font-size-12[data-v-26b729d9] {
    font-size: 13px;
}
.font-size-16[data-v-26b729d9] {
    font-size: 17px;
}
.font-size-18[data-v-26b729d9] {
    font-size: 19px;
}
.font-size-50[data-v-26b729d9] {
    font-size: 51px;
}
}
@media (min-width: 481px) {
body[data-v-26b729d9] {
    font-size: 16px;
    line-height: 1.5;
}
.font-size-12[data-v-26b729d9] {
    font-size: 14px;
}
.font-size-16[data-v-26b729d9] {
    font-size: 18px;
}
.font-size-18[data-v-26b729d9] {
    font-size: 20px;
}
.font-size-50[data-v-26b729d9] {
    font-size: 52px;
}
}
@media (max-width: 1024px) {
.home__section__title[data-v-26b729d9] {
    height: 0.55rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.home__section__title .home__section__title__line[data-v-26b729d9] {
    width: 0.75rem;
    height: 0.025rem;
    background-color: #fff;
}
.home__section__title .home__section__title__txt[data-v-26b729d9] {
    padding: 0 0.125rem;
    letter-spacing: 1px;
}
}
@media (min-width: 1025px) {
body[data-v-26b729d9] {
    font-size: 14px;
}
.swiper-pagination-bullet[data-v-26b729d9] {
    width: 43px;
    height: 5px;
    background: #cdcdcd;
    border-radius: 0;
}
.swiper-button-next[data-v-26b729d9],
  .swiper-button-prev[data-v-26b729d9] {
    width: 33px;
}
.home__section__title[data-v-26b729d9] {
    height: 134px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
}
.home__section__title .home__section__title__line[data-v-26b729d9] {
    width: 38px;
    height: 2px;
    background-color: #fff;
}
.home__section__title .home__section__title__txt[data-v-26b729d9] {
    padding: 0 20px;
    letter-spacing: 1px;
}
}
@media (max-width: 1024px) {
.activity-list .activity-list__banner[data-v-26b729d9] {
    height: 7rem;
    background-image: url("../images/activity-list-banner.png");
    background-position: center center;
    background-size: cover;
}
.activity-list .activity-list__banner.en[data-v-26b729d9] {
    background-image: url("../images/activity-list-banner-en.jpg");
}
.activity-list .activity-list__classification[data-v-26b729d9] {
    display: flex;
    padding: 0 0.75rem;
    height: 1.1rem;
    align-items: flex-end;
    justify-content: space-between;
    background-color: #4D4D4D;
    margin-bottom: 0.1rem;
}
.activity-list .activity-list__classification .activity-list__Classification__link >a[data-v-26b729d9] {
    display: block;
    padding: 0 0.05rem 0.3rem;
    color: #cdcdcd;
}
.activity-list .activity-list__classification .activity-list__Classification__link .router-link-active[data-v-26b729d9] {
    border-bottom: 1px solid #dbba82;
    color: #dbba82;
}
}
@media (min-width: 1025px) {
.activity-list .activity-list__banner[data-v-26b729d9] {
    height: 648px;
    background-image: url("../images/activity-list-banner.png");
    background-position: center center;
    background-size: cover;
}
.activity-list .activity-list__banner.en[data-v-26b729d9] {
    background-image: url("../images/activity-list-banner-en.jpg");
}
.activity-list .activity-list__classification[data-v-26b729d9] {
    max-width: 1200px;
    margin: 40px auto 0;
    display: flex;
    justify-content: flex-start;
    background-color: #4D4D4D;
    border-bottom: 1px solid #a78c5f;
}
.activity-list .activity-list__classification .activity-list__Classification__link[data-v-26b729d9] {
    margin-right: 9%;
    font-size: 18px;
}
.activity-list .activity-list__classification .activity-list__Classification__link >a[data-v-26b729d9] {
    display: block;
    line-height: 33px;
    padding-bottom: 18px;
    color: #cdcdcd;
}
.activity-list .activity-list__classification .activity-list__Classification__link .router-link-active[data-v-26b729d9] {
    color: #dbba82;
}
}