@charset "utf-8";
/*移动端适配*/

@media (max-width: 768px) {
  html, body {
    min-width: 0;
    font-size: 13px;
    overflow-x: hidden;
  }
  .m-hide{display: none;}
  .footMenu{display: none;}
  .footPic{background: none;}
  .footLogo{height: auto; margin-bottom: 20px;}
  .footMain{height: auto; }
  .headArea, .mainNode, .visitNode, .companyNode, .newsNode, .aboutNode, .playNode, .guideNode, .pageNode {
    max-width: 100%;
    width: 100%;
    margin: 0;
    height: auto;
    padding: 0 5px;
    box-sizing: border-box;
  }

  .logo, .menu {
    float: none;
    width: 50%; margin: 0 auto;
    text-align: center;
    height: auto;
  }
  .logo a{display: block; margin: 0; padding: 0;}
  .logo img {
    height: 40px;
    padding: 5px 0;
  }

  .indexPlayFot img{width: calc(50% - 14px); height: 120px; object-fit: cover; margin-bottom: 15px; display: inline-block; float: none; margin: 6px!important;}
  .indexPlayL img{height: 188px; object-fit: cover;}
.indexPlayFot img:nth-child(2)
  .menu ul {
    display: flex;
    flex-wrap: wrap;
    height: auto;
    padding: 0;
  }
  .menu ul li {
    width: 33.33%;
    line-height: 40px;
    font-size: 15px;
    float: none;
    display: inline-block;
    position: relative;
  }

  .visitDescPic img{height: 180px; object-fit: cover;}
  .visitDescTxtTop{height: auto;}
  .banner, .banner .swiperBanner, .banner .swiper-slide a, .banner .swiper-slide img {
    height: auto !important;
    min-height: 180px;
    object-fit: cover;
  }

  .banner .swiper-slide img.pc{display: none;}
  .banner .swiper-slide img.wap{display: block;}

  .bannerBtn,.bannerPage{bottom: 0;}
  .bannerNode {
    left: 0;
    width: 100%;
    position: static;
  }
  .adNode img {
    max-height: 150px;
  }
  .itemMore a{display: none;}
  .mainNode, .visitNode, .companyNode, .newsNode, .aboutNode, .playNode, .guideNode, .pageNode {
    min-height: 0;
    padding: 0 15px;
  }
  .itemSay, .itemMore, .indexPlay, .itemPlay, .itemFood, .itemHostel, .itemNews, .newsTui, .newsPu, .visitDesc, .visitNodeList, .companyTeam, .companyItem, .companyTop, .companyBusiness, .companyTab, .companyTabPic, .companyNote, .playMenu, .playList, .boxList, .newsList, .itemNewsList, .hotList, .hotItem, .hotItemPic, .hotItemTxt, .aboutNode, .itemMap, .itemContact, .itemMedia {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 10px 0!important;
    box-sizing: border-box;
  }
  .itemSayL, .itemSayR, .itemMoreL, .indexPlayL, .indexPlayR, .itemPlay ul li, .itemFoodBlock, .itemHostel ul li, .newsTui, .newsPu, .visitDescPic, .visitDescTxt, .companyPic, .companyTxt, .playMenu, .playList, .fyNode, .boxList ul li, .newsPuItemL, .newsPuItemR, .hotItemPic, .hotItemTxt {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;height: auto; line-height: 2em;
    min-height: 0 !important;
  }


  .newsList,.hotList{background: none;}
  .pageItemArea{height: auto;}
  .pageItemTop aside{font-size: 12px;}
  .pageItemTop span i:first-child{display: none;}
  .playMenu ul li{width: 25%; float: left;}
  .playMenu ul li label{font-size: 14px;}
  .playMenu ul li img{width: 40px; height: 40px;}

  .lineNode{height: auto;}
  .linePic{width: 100%; float: none;}
  .lineTxt{width: 100%; float: none; padding-top: 0; height: auto; box-sizing: border-box;}
  .curPlay a{background: #f5f6f8!important;}

  .fyNode{margin-bottom: 10px!important;}
  .fyNode aside{min-height: 0;}

  .playList .itemMenu {height: 50px;}
  .playList .itemMenu ul li{width: auto!important;margin: 0 3px;}
  .playList .boxList .boxTip{display: none;}

  .itemFood .itemFoodBlock{width: 49%!important; margin-right: 2%!important; float: left!important;}
  .itemFood .itemFoodBlock:nth-child(odd){ margin-right: 0!important;}
  .itemFood .maxFoodBlock{width: 100%!important;}
  .itemFood .itemFoodBlock img{height: 140px!important;}
  .itemSayL label, .itemTag, .nodeTag, .companyTab ul li span, .companyTab ul li label, .pageTag label, .itemMediaTag {
    font-size: 18px !important;
    line-height: 30px !important; text-align: center;
    padding: 10px 0 !important;
  }

  .itemTag{margin: 0;}
  .itemMoreL img{margin: 10px;}
  .itemSayArea .itemSaySlider, .itemSayArea .swiper-slide, .itemSayArea .itemSayAreaBox {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
  }
  .itemSayArea{min-height: 0}
  .itemSayArea .itemSaySlider{width: 33.3%!important;}

  .itemSayArea .itemSaySlider img, .itemSayArea .swiper-slide img, .itemPlay ul li img, .itemFoodBlock img, .itemHostel ul li img, .visitNodeItem img, .companyTeam img, .companyItem img, .companyPic img, .companyTabPic img, .hotItemPic img, .boxTop img, .boxTop2 img, .pagePic img {
    width: 100% !important;
    height: auto !important;
    max-height: 200px !important;
    object-fit: cover;
  }
  .itemPlay ul li, .itemFoodBlock, .itemHostel ul li, .visitNodeList ul li, .boxList ul li {
    width: 100% !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
  }
  .visitNodeList ul li{width: calc(50% - 6px)!important; margin: 3px!important;}
  .visitNodeItem img{height: 150px!important;}
  .viewPics .swiper-container{min-height: 0;}
  .viewClose img{position: relative; right: 10px; top: 5px;}
  .itemMenu ul li, .companyTab ul li {
    width: 50% !important;
    display: inline-block;
    float: none !important;
  }
  .companyTab ul li img {
    width: 60px !important;
    margin-left: calc(50% - 30px) !important;
  }
  .companyBusiness{background-size: cover;padding: 20px 0!important;}
  
  .companyNote .noteItem {
    width: 100% !important;
    padding: 10px 0 !important;
  }
  .companyNote .leftNote, .companyNote .rightNote {
    left: 0 !important;
    border: none !important;
  }
  .companyNote .rightNote aside, .companyNote .leftNote aside {
    text-align: left !important;
    padding: 0 10px !important;
  }
  .footer, .footArea {
    height: auto !important;
    min-height: 0 !important;
    padding: 10px 0 !important;
  }
  .footLink{margin-bottom: 10px;}
  .footLogo, .footMain {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
    padding: 0 !important;
  }
  .footLogo img {
    height: 60px !important;
  }
  .footMenu, .footPic, .footLink {
    text-align: center !important;
    font-size: 13px !important;
    line-height: 30px !important;
    height: auto !important;
  }
  .itemSayFot{display: none;}

  .backTop {
    right: 10px !important;
    bottom: 70px !important;
    width: 40px !important;
    height: 40px !important;
  }

  /* 适配弹窗 */
  .viewUI {
    width: 95vw !important;
    left: 2.5vw !important;
    padding: 10px !important;
    box-sizing: border-box;
  }
  /* 菜单按钮固定在头部右侧 */
  .mobile-menu-btn {
    display: block !important;
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    z-index: 1001;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
  }
  .header{position: fixed; top: 0; left: 0; background: #fff;z-index: 9999999;}
  .webNode{padding-top: 54px;}
  .mobile-menu-btn span {
    display: block;
    height: 4px;
    width: 100%;
    background: #222;
    margin: 6px 0;
    border-radius: 2px;
    transition: all 0.3s;
    box-shadow: 0 1px 2px rgba(0,0,0,0.08);
  }

  .companyBusiness .nodeTxt{font-size: 13px; line-height: 2em; width: 80%;margin-left: 10%;}

  .mobile-menu-btn span:first-child {
    margin-top: 7px;
  }
  .mobile-menu-btn span:last-child {
    margin-bottom: 7px;
  }
  .mobile-menu-btn span {
    background: linear-gradient(90deg, #222 80%, #bbb 100%);
    box-shadow: 0 2px 4px rgba(0,0,0,0.06);
  }
}



@media (max-width: 768px) {
    .mobile-menu-btn {
      display: block;
      position: absolute;
      top: 24px;
      right: 18px;
      width: 30px;
      height: 34px;
      z-index: 1001;
      cursor: pointer;
    }
    .mobile-menu-btn span {
      display: block;
      height: 2px;
      width: 100%;
      background: #333;
      margin: 6px 0;
      border-radius: 0px;
      transition: all 0.3s;
    }
    .mobile-drawer {
      display: block;
      position: fixed;
      top: 0;
      left: -80vw;
      width: 80vw;
      height: 100vh;
      background: #fff;
      z-index: 1002;
      box-shadow: 2px 0 8px rgba(0,0,0,0.15);
      transition: left 0.3s;
      padding-top: 40px;
    }
    .mobile-drawer.open {
      left: 0;
    }
    .drawer-close {
      position: absolute;
      top: 10px;
      right: 18px;
      font-size: 32px;
      color: #333;
      cursor: pointer;
      z-index: 1003;
    }
    .mobile-drawer ul {
      list-style: none;
      padding: 0 20px;
      margin: 0;
    }
    .mobile-drawer ul li {
      border-bottom: 1px solid #eee;
    }
    .mobile-drawer ul li a {
      display: block;
      padding: 16px 0;
      color: #333;
      text-decoration: none;
      font-size: 18px;
    }
    .drawer-mask {
      display: none;
      position: fixed;
      left: 0; top: 0; right: 0; bottom: 0;
      background: rgba(0,0,0,0.3);
      z-index: 1000;
    }
    .drawer-mask.open {
      display: block;
    }
    /* 隐藏PC菜单 */
    .menu {
      display: none !important;
    }
    /* 显示移动端按钮 */
    .mobile-menu-btn {
      display: block !important;
    }
  }
  @media (min-width: 769px) {
    .mobile-menu-btn, .mobile-drawer, .drawer-mask {
      display: none !important;
    }
  }



  @media (max-width: 768px) {
    .mobile-tabbar {
      display: flex;
      position: fixed;
      left: 0; right: 0; bottom: 0;
      height: 54px;
      background: #fff;
      border-top: 1px solid #eee;
      z-index: 2000;
      box-shadow: 0 -2px 8px rgba(0,0,0,0.04);
    }

    .itemContact ul li{width: 100%;}
    .itemContact ul li img{float: left; margin-left:0; width: 9rem;}
    .itemContact ul li:nth-of-type(even){margin: 0;}
    .itemContact ul li span{display: none;}
    .itemContact ul li label{line-height: 60px;text-align: left;}

    .itemMedia{overflow: hidden!important; padding-bottom: 20px!important;}
    .itemMedia .linkGuide{display: none!important;}
    .itemMedia .itemMediaLink{width: 28%; height: auto;}
    .itemMedia .linkCode{visibility: visible; position: relative; left: 0; bottom: 0; padding: 10px; box-sizing: border-box; border-top: 1px solid #eee;}
    .itemMedia .linkCode span{font-size: 12px; display: none;}

    .tabbar-item {
      flex: 1;
      text-align: center;
      color: #666;
      text-decoration: none;
      font-size: 12px;
      padding-top: 4px;
      transition: color 0.2s;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    /* .tabbar-item.active,
    .tabbar-item:active {
      color: #FF7757;
    } */
    .tabbar-icon {
      font-size: 22px;
      line-height: 22px;
      margin-bottom: 2px; width: 22px; height: 22px;
      display: block;
    }

    /* .tabbar-item.active .tabbar-icon {

      filter: grayscale(100%) brightness(0.6);
      transition: filter 0.2s;
    } */

    .tabbar-icon.home{background: url(../images/foot-home.png) no-repeat center center; background-size: contain;}
    .tabbar-icon.a1{background: url(../images/foot-a1.png) no-repeat center center; background-size: contain;}
    .tabbar-icon.a2{background: url(../images/foot-a2.png) no-repeat center center; background-size: contain;}
    .tabbar-icon.a14{background: url(../images/foot-a14.png) no-repeat center center; background-size: contain;}
    .tabbar-icon.tel{background: url(../images/foot-tel.png) no-repeat center center; background-size: contain;}

    .tabbar-text {
      font-size: 12px;
      display: block;
    }
    /* 避免底部内容被遮挡 */
    body, .footer { padding-bottom: 34px !important; }
  }
  /* 隐藏PC端 */
  @media (min-width: 769px) {
    .mobile-tabbar { display: none !important; }
  }

  /* 简介样式 */
  .desc {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 8px;
    margin: 15px 0;
    line-height: 1.8;
    font-size: 14px;
    color: #333;
    border-left: 4px solid #FF7757;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
  }
  
  .desc p {
    margin: 0 0 10px 0;
    text-align: justify;
  }
  
  .desc p:last-child {
    margin-bottom: 0;
  }
  
  /* 简介标题样式 */
  .desc-title {
    font-size: 16px;
    font-weight: bold;
    color: #FF7757;
    margin-bottom: 10px;
    display: block;
  }
  
  /* 简介内容高亮 */
  .desc strong {
    color: #FF7757;
    font-weight: 600;
  }
  
  /* 简介列表样式 */
  .desc ul, .desc ol {
    padding-left: 20px;
    margin: 10px 0;
  }
  
  .desc li {
    margin-bottom: 5px;
    line-height: 1.6;
  }