@media (min-width: 992px) {
  .mobileNav {
    display: none; } }
@media (max-width: 992px) {
  main {
    overflow: hidden; }

  html, body {
    font-size: 14px; }

  .rightBtnBox {
    display: none; }

  .indexWeather {
    display: none; }

  .bannerBox .swiper-pagination-bullet {
    height: 10px; }
  .bannerBox .swiper-pagination-bullet-active {
    height: 20px; }

  .homeInfo {
    padding: 20px 0; }
    .homeInfo .homeInfoText {
      margin: 0; }
    .homeInfo .homeInfoBoxCol {
      height: auto; }
    .homeInfo .homeInfoBox {
      position: initial;
      transform: translateY(0); }

  .homeScenic {
    padding: 20px 0 0; }
    .homeScenic #scenicBanner {
      top: 0;
      transform: initial; }
    .homeScenic .scenicBannerBox {
      height: auto; }
    .homeScenic .scenicTextBox {
      height: auto;
      margin: auto; }
    .homeScenic .scenicTextBg {
      margin-top: 15px;
      padding: 0;
      text-align: center; }
    .homeScenic .scenicTextBgHref {
      display: none; }
    .homeScenic .scenicInfo {
      margin-top: 5px; }
    .homeScenic .scenicTextTitle {
      position: initial; }
      .homeScenic .scenicTextTitle .scenicTextTitleEn {
        writing-mode: initial;
        display: block; }
      .homeScenic .scenicTextTitle .scenicTextTitleZh {
        writing-mode: initial;
        display: block; }
    .homeScenic .swiper-pagination {
      bottom: 220px; }

  .homeExperience {
    padding: 20px 0; }
    .homeExperience .experienceLeft .experienceLeftText {
      height: auto;
      writing-mode: initial; }
    .homeExperience .experienceLeft .experienceLeftHref {
      margin: 0;
      padding: 10px 0; }
    .homeExperience .experienceRight .listBoxBg {
      visibility: visible;
      opacity: 1; }

  .homeCulture {
    height: 280px; }
    .homeCulture .homeCultureImg {
      transform: translateY(0px);
      width: 55%; }
  .homeCulture .homeCultureBtn{
    display: none;
  }
  .language {
    display: none; }

  .logo {
    display: none; }

  .navBarTab {
    display: none !important; }

  .homeNews {
    padding: 20px 0; }
    .homeNews .homeNewsRow {
      margin-left: -15px;
      margin-right: -15px; }
    .homeNews .homeNewsList {
      padding: 15px 0; }
    .homeNews .newsBox {
      padding: 0; }

  .homeNewsBtn {
    margin-top: 20px; }

  .footer {
    padding-top: 0; }
    .footer .footerList {
      display: none; }
    .footer .copyrightLink {
      display: none; }

  .mobileNav .mobileNavBtn {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 23px;
    top: 20px;
    z-index: 99; }
    .mobileNav .mobileNavBtn:after {
      content: '';
      position: absolute;
      width: 100%;
      background: white;
      height: 4px;
      right: 0;
      top: 8px;
      border-radius: 3px;
      transition: .3s; }
    .mobileNav .mobileNavBtn:before {
      content: '';
      position: absolute;
      width: 100%;
      background: white;
      height: 4px;
      right: 0;
      bottom: 8px;
      border-radius: 3px;
      transition: .3s; }
  .mobileNav .mobileNavBtnClose:after {
    background: #f0c32d;
    transform: rotate(45deg);
    top: 18px; }
  .mobileNav .mobileNavBtnClose:before {
    background: #f0c32d;
    transform: rotate(-45deg);
    bottom: 18px; }
  .mobileNav .m-menu-main {
    width: 40%;
    text-align: center;
    position: absolute;
    height: 100vh;
    right: 0;
    top: 0;
    background: white;
    transition: .5s;
    padding: 0 10px;
    display: none; }
    .mobileNav .m-menu-main ul {
      padding: 0;
      width: calc(100% - 20px);
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
    .mobileNav .m-menu-main li {
      font-size: 1.2rem;
      line-height: 3.5em; }
    .mobileNav .m-menu-main .m-menu-btn-close {
      border-top: 1px solid black; }
    .mobileNav .m-menu-main .m-menu-btn-top {
      border-bottom: 1px solid black;
      font-size: 1.6rem; }
      .mobileNav .m-menu-main .m-menu-btn-top a {
        color: #e98f14; }
  .mobileNav .m-menu-main-show {
    display: block; }

  .cultureBox {
    padding: 40px 0; }
    .cultureBox .cultureTextBox {
      padding: 20% 26% 20% 0; }

  .videoMainBox .videoList:first-child {
    display: none; }
  .videoMainBox .videoList:last-child {
    display: none; }
  .videoMainBox .videoList::before {
    opacity: 1; }

  .infoTopBg {
    padding-top: 150px;
    padding-bottom: 200px;
    min-height: 280px; }

  .infoMainBox {
    padding: 30px 0; }
    .infoMainBox .infoLine {
      display: none; }

  .tracksBox {
    padding: 20px 0; }
    .tracksBox .infoLine {
      display: none; }
    .tracksBox .foodList .contentBox {
      opacity: 1;
      visibility: visible; }

  .newsTopBg {
    padding-top: 150px;
    padding-bottom: 200px;
    min-height: 280px; }

  .bookingBg {
    padding-top: 150px;
    padding-bottom: 200px;
    min-height: 280px; }

  .newsListBox .item {
    height: auto; }
  .newsListBox .newsList {
    padding: 10px; }
  .newsListBox .link {
    padding-right: 0;
    border: none; }
  .newsListBox .arrow {
    display: none; }
  .newsListBox .year {
    display: inline-block;
    margin: 0; }
  .newsListBox .day {
    margin: 0;
    display: inline-block; }
  .newsListBox .itemMore {
    padding: 0; }

  .newsBar {
    display: flex; }

  .featuresBox .featuresInfo {
    min-height: 100px; }

  .cultureTopBg {
    padding-top: 150px;
    padding-bottom: 200px;
    min-height: 280px; }

  .featuresBox .cultureList:nth-child(odd):before {
    width: 100%; }
  .featuresBox .cultureList:nth-child(even):before {
    width: 100%; }

  .playTopBg {
    padding-top: 150px;
    padding-bottom: 200px;
    min-height: 280px; }

  .playBox {
    padding: 30px 0 20px; }
    .playBox .playBoxList {
      margin-bottom: 10px;
      padding: 0 10px; }
      .playBox .playBoxList .default {
        width: calc(100% - 20px); }
    .playBox .row {
      margin: 0 -10px; }

  .tracksBox .weather {
    padding: 18px 5px;
    height: 75px; }
    .tracksBox .weather .weatherText {
      font-size: 1rem; }
    .tracksBox .weather .dateTime {
      font-size: 1.1rem;
      line-height: 45px; }
    .tracksBox .weather .moreWeather {
      height: 45px;
      line-height: 45px; }
    .tracksBox .weather .weatherTextBox {
      line-height: 45px; }

  .bookingBox .restaurantList .contentBox {
    padding: 20px; }
  .bookingBox .foodInfoBox {
    padding: 20px 15px; }
  .bookingBox .foodInfoRight {
    margin-top: 10px; }

  .recommendBox {
    padding: 15px; }

  .guideBox .guideList {
    margin: 0 20px; } }

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