@charset "utf-8";
/**/
body {font-size: 14px;line-height: 1.8;-webkit-overflow-scrolling: touch;background: #66c9b5;}
a {text-decoration: none}
p {line-height: 1.4;}
.isPC {width: 100%;height: 100%;display: none;background: #6DCAB8;justify-content: center;align-items: center;}
.isPC img {width: auto;}
.mxwidth {position: relative; max-width: 640px;margin: 0 auto;height: 100%;overflow: hidden;display: none;}
.swiper-slide {overflow: hidden;}
.swiper-slide video{width: 100%; object-fit: cover;}
.abmid{position: absolute;left: 50%;transform: translateX(-50%);}
.right{float: right;}
.fn-audio {position: fixed;z-index: 100;right: 2%;top: 2%}
.fn-audio .btn {border: none}
.fn-audio .btn_audio span {display: inline-block;width: 30px;height: 30px}
.fn-audio .btn_audio .audio_open {animation: animation-rotate-un 2s linear infinite normal forwards;-ms-animation: animation-rotate-un 2s linear infinite normal forwards;-moz-animation: animation-rotate-un 2s linear infinite normal forwards;-webkit-animation: animation-rotate-un 2s linear infinite normal forwards;-o-animation: animation-rotate-un 2s linear infinite normal forwards}
.fn-audio .btn_audio .audio_close {display: none}
@keyframes animation-rotate-un {from {transform: rotate(0deg);-webkit-transform: rotate(0deg);}
	to {transform: rotate(-360deg);-webkit-transform: rotate(-360deg);}
}
/**/
.loading {width: 100%;max-width: 500px;height: 100vh;position: relative;background: #66c9b5;margin: 0 auto;}
#loadicon {position: absolute;top: 32%;left: 43%;width: 14%;animation: animation-rotate-un 2s linear infinite normal forwards;-ms-animation: animation-rotate-un 2s linear infinite normal forwards;-moz-animation: animation-rotate-un 2s linear infinite normal forwards;-webkit-animation: animation-rotate-un 2s linear infinite normal forwards;-o-animation: animation-rotate-un 2s linear infinite normal forwards;}
.logo_text {position: absolute;top: 42%;left: 35%;width: 30%;}
.loading h3 {position: absolute;top: 80%;width: 100%;text-align: center;font-size: 24px;color: #ffffff;}
.dotting {display: inline-block; min-width: 2px; min-height: 2px;position: absolute;top: 83.3%;left: 57%;color: #fff;box-shadow: 2px 0 currentColor, 6px 0 currentColor, 10px 0 currentColor; -webkit-animation: dot 2s infinite step-start both;animation: dot 2s infinite step-start both;}
.dotting:before { content: '...'; }
.dotting::before { content: ''; }
:root .dotting { margin-right: 8px; }
@-webkit-keyframes dot {
  25% { box-shadow: none; }
  50% { box-shadow: 2px 0 currentColor; }
  75% { box-shadow: 2px 0 currentColor, 6px 0 currentColor; }
}
@keyframes dot {
  25% { box-shadow: none; }
  50% { box-shadow: 2px 0 currentColor; }
  75% { box-shadow: 2px 0 currentColor, 6px 0 currentColor; }
}
/**/
.swiper-slide .video-vertical{object-fit: contain;height: 26vh;}
.dialog-content{overflow-y: scroll;}
.disabled{pointer-events: none;}
.no-scroll {position: fixed;}
.tip{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 20;background: rgba(0,0,0,.6);}
.right-up{position: absolute;width: 10%;transform: rotate(-45deg);top: 34%;right: 25%;animation: aRight 1.5s ease-in-out infinite both alternate;}
@keyframes aRight{
  0%{top: 34%;right: 25%;}
  100%{top: 28%;right: 15%;}
}
.left-bottom{position: absolute;width: 10%;bottom: 37%;transform: rotate(135deg);left: 25%;animation: aLeft 1.5s ease-in-out infinite both alternate;}
@keyframes aLeft{
  0%{bottom: 37%;left: 25%;}
  100%{bottom: 28%;left: 15%;}
}
strong{font-size: 2rem;color: #fff;position: absolute;top: 44%;left: 50%;transform: translateX(-50%);width: 100vw;text-align: center;}
.tip p{font-size: 2rem;color: #fff;position: absolute;top: 52%;left: 50%;transform: translateX(-50%);width: 100vw;text-align: center;}
/**/
#map {position: absolute;z-index: 2;top: 50%;transform: translateY(-50%) translateX(-2%) scale(0.48);stroke-dasharray: 530%;stroke-dashoffset: 530%;}
.st0 {fill: none;stroke: #ffffff;stroke-miterlimit: 4;}
/**/
.visible{visibility: visible;}
.icon{position: absolute;}
.icon1{width: 7%;top: 43.6%;left: 19%;}
.icon2{width: 9%;top: 38.5%;left: 33%;}
.icon3{width: 8%;top: 48.4%;left: 49%;}
.icon4{width: 9%;top: 48%;left: 59%;}
.icon5{width: 7%;top: 51.7%;left: 52.3%;}
.icon6{width: 10%;top: 53.7%;left: 61.3%;}
.icon7{width: 7%;top: 57.5%;left: 49%;}
.icon8{width: 7%;top: 58.5%;left: 67%;}
.icon9{width: 7%;top: 62.5%;left: 62%;}
.icon10{width: 14%;top: 66%;left: 55%;}
.icon11{width: 8%;top: 68%;left: 20%;}
.icon12{width: 7%;top: 68%;left: 67%;}
.icon13{width: 7%;top: 67%;left: 87%;}
.icon14{width: 9%;top: 70%;left: 51%;}
.icon15{width: 8%;top: 74.5%;left: 44%;}
.icon16{width: 8%;top: 77%;left: 51%;}
.icon17{width: 9%;top: 82%;left: 73%;}
.icon18{width: 12%;top: 79%;left: 76%;}
.icon19{width: 12%;top: 75.3%;left: 80%;}
.icon20{width: 6%;top: 71.5%;left: 87%;}
.icon21{width: 8%;top: 87%;left: 68%;}
.bird{position: absolute;}
.bird1{width: 14%;left: 10%;bottom: 14%;}
.bird2{width: 27%;left: 6%;top: 28%;}
.bird3{width: 7%;left: 15%;top: 33%;}
.bird4{width: 6%;right: 17%;top: 47%;}
.bird5{width: 6%;right: 7%;top: 54%;animation: bird4 2s 0.5s infinite alternate linear;}

/**/
.mask{z-index: 10;position: absolute;display: none;top: 0;bottom: 0;left: 0;right: 0; background: rgba(0,0,0,.7);}
.dialog{z-index: 20;visibility: hidden;}
.dialog-content{z-index: 20;position: fixed;width: 90vw;height: 73vh;top: 50%;left: 50%;border-radius: 5px; transform: translateX(-50%) translateY(-60%); background: #ffffff;}
.text-margin{position: fixed;visibility: hidden; width: 90vw;height: 20px;bottom: 20%;left: 50%;background: #ffffff;border-radius: 0 0 5px 5px;z-index: 22;transform: translateX(-50%);}
.close-button{z-index: 99; width: 10%;bottom: 8vh;visibility: hidden;}
.top-area{padding: 35px 15px 15px 15px;display: flex;justify-content: space-between;}
.top-area h2{font-size: 2.8rem;font-weight: bold;}
.top-title p{width: 56vw;color: #BFBFBF;}
.href-icon{width: 40px;margin: 4px auto;}
.top-icon p{color: #BFBFBF;word-break: keep-all;}
.dialog-content .mid-desc{padding: 25px 15px 15px 15px;}
.dialog-content .mid-desc p{text-indent: 2em;color: #222222;font-size: 1.6rem;text-align: justify;}
.bottom-info{padding: 15px;}
.dialog1 .ticket h3{line-height: 9em;}
.info-item h3, .info-item p{display: inline;}
.info-item p{display: inline; width: 55vw;font-size: 1.6rem;position: relative;left: 4px;top: 2px;}
.info-item{padding: 8px 0 8px 0;border-bottom: 1px solid #ddd;}
.info-item h3{float: left;font-size: 1.6rem;font-weight: bold;padding-left: 28px;background-size: 16%;}
.info-item h3::after{content: " / ";color: #FCBA32;padding: 4px;}
.location h3{background: url(//x0.ifengimg.com/ucms/special/images/921141928F29CB44DBD4A5DD4ECF0275.png) no-repeat;background-position-x: 4px;background-position-y: center;background-size: 12px;}
.type h3{background: url(//x0.ifengimg.com/ucms/special/images/32D2811EAC3D6E3857E00AE8141C1E8F.png) no-repeat;background-position-x: 2px;background-position-y: 2px;background-size: 18px;}
.level h3{background: url(//x0.ifengimg.com/ucms/special/images/D4A82C039EE69183304F5A29E36CB1AF.png) no-repeat;background-position-x: 2px;background-position-y: 2px;background-size: 18px;}
.time h3{background: url(//x0.ifengimg.com/ucms/special/images/1DE8B45306C76E556B7EAF02CDE0A4E4.png) no-repeat;background-position-x: 2px;background-position-y: center;background-size: 18px;}
.tel h3{background: url(//x0.ifengimg.com/ucms/special/images/6C572C78BDD1CA0A4F65F4731FAF1AB6.png) no-repeat;background-position-x: 4px;background-position-y: center;background-size: 16px;}
.site h3{background: url(//x0.ifengimg.com/ucms/special/images/96A9863B677A2E19BB73222C6E9A401F.png) no-repeat;background-position-x: 2px;background-position-y: center;background-size: 19px;}
.ticket h3{background: url(//x0.ifengimg.com/ucms/special/images/74CDFED1EFCDAEF8B584FB07A7EC1B0D.png) no-repeat;background-position-x: 4px;background-position-y: center;background-size: 16px;}
.route h3{background: url(//x0.ifengimg.com/ucms/special/images/57925971643805A048F00CAC09FB6724.png) no-repeat;background-position-x: 3px;background-position-y: center;background-size: 18px;}
.swiper-container{padding-bottom: 20px;}
.dialog .swiper-pagination{bottom: -5px;transform: scale(0.7);}
.dialog .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #FCBA32;}
.dialog6 .top-title p{word-break: keep-all;}
.dialog6 .route h3{line-height: 1.9em;}
.dialog10 .top-area h2, .dialog18 .top-area h2{font-size: 2.4rem;}
.dialog11 .route h3{line-height: 5em;}
.dialog12 .route h3{line-height: 4.8em;}
/**/
.menu-set{width: 100%; position: absolute;bottom: 0px;left: 0px;background: #ffffff;border-top: 1px solid #cccccc;}
.menu-select-set{display: flex;justify-content: space-between;}
.menu-select h3{-webkit-touch-callout:none;-webkit-user-select: none;user-select: none;font-size: 130%;font-weight: 600;color: #395c70; min-width: 58px;text-align: center;padding-left: 12px;background: url(//x0.ifengimg.com/ucms/special/images/A6377B1006403F4FC538D7380D80C891.png) no-repeat left;background-size: 24%;}
.menu-slide{visibility: hidden !important;}
.menu-slide {width: 25%;position: absolute;border-radius: 5%;}
.menu-slide ul{width: 80%;margin: 0 auto;}
.menu-slide ul::after{content: "◆";position: absolute;left: 50%;top: 68%; color: #ffffff;transform: translateX(-50%);font-size: 24px;}
.slide2 ul::after{content: "◆";position: absolute;left: 50%;top: 79%; color: #ffffff;transform: translateX(-50%);font-size: 24px;}
.menu-slide li{margin: 0 auto; padding: 8% 0 8% 0;text-align: center;}
.menu-slide li a{position: relative;z-index: 50;color:#395c70}
.slide1{top: -155%;left: 5%; background: #fff;}
.slide2{top: -220%;left: 38%; background: #fff;}
.slide3{top: -155%;right: 3%; background: #fff;}
.li-mid{border-top: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
.li-top{border-bottom: 1px solid #dddddd;}
.menu-slide.active{visibility: visible !important;}
.menu-select{padding: 3.5% 6% 3.5% 6%;width: 30%;}
.menu-select2::before{content: "";width: 1px;height: 75%;background: #dddddd;position: absolute;left: 33.5%;top: 12%;}
.menu-select2::after{content: "";width: 1px;height: 75%;background: #dddddd;position: absolute;left: 66%;top: 12%;}
.vhidden{visibility: hidden;}