@charset "utf-8";
@import url("base.css");/* 重置&常用样式 */
@import url("fonts/custom.css"); /* 字体 */
@import url("../js/plug-in/lenis/lenis.css"); /* 全局样式 */

/* 全局变量 */
:root{
   --max-width: 1600;
   --default-color__rgb: 0,22,45; /*#00162d*/
   --default-color: rgba(var(--default-color__rgb), 1);
   --text-color__rgb: 67,75,83; /*#434b53*/
   --text-color: rgba(var(--text-color__rgb), 1);
   --second-color__rgb:139, 144, 150;
   --second-color:rgba(var(--second-color__rgb),1);
   --primary-color__rgb: 5,44,85; /*#052c55*/
   --primary-color: rgba(var(--primary-color__rgb), 1);
   --hover-color__rgb: 150, 215, 64; /*#96d740*/
   --hover-color: rgba(var(--hover-color__rgb), 1);
   --orange-color__rgb: 255, 120, 19; /*#ff7813*/
   --orange-color: rgba(var(--orange-color__rgb), 1);
   --bg-color__rgb: 242, 245, 248; /*#f2f5f8*/
   --bg-color: rgba(var(--bg-color__rgb), 1);
   --border-color:1px solid #e1e1e1;
   --f-family: 'hm', sans-serif;
   --f-family__en: 'mt','hm', sans-serif;
   --main_line_height: 1;
   --button_height: 0.5rem;
   --transition: 0.3s;
   --header-height:1.23rem;
   --br40: 0.4rem;
   --br30: 0.3rem;
   --br20: 0.2rem;
   --br16: 0.16rem;
   --br15: 0.15rem;
   --br12: 0.12rem;
   --br10: 0.1rem;
   --el-color-primary:var(var(--hover-color))
}

/* 比例要求 */
/*基于屏幕尺寸自适应字体大小*/
/*超过1920px时，继续按比例增长*/
html:not(.view){font-size: calc(100 / 1920 * 100vw);}
html.view{font-size: 100px;}
html.view body{line-height: calc(32 / 18);}
.container {max-width: calc(var(--max-width) / 100 * 1rem);}
@media (min-width:1600px) and (max-width: 1920px) {
   html{font-size: 100px;} 
}
@media (max-width: 1600px) {
   html:not(.view){font-size: calc(100 / 1600 * 100vw);}
}
@media (max-width: 1024px) {
   html:not(.view){font-size: calc(100 / 1000 * 100vw);}
}
@media (max-width: 480px) {
   html:not(.view){font-size: calc(100 / 540 * 100vw);}
   :root{
      --button_height: 0.42rem;
   --header-height:1.03rem;
      --br40: 0.2rem;
      --br30: 0.15rem;
      --br20: 0.1rem;
      --br16: 0.08rem;
      --br15: 0.075rem;
      --br12: 0.06rem;
      --br10: 0.05rem;
   }
}

.isMac a:any-link{cursor: pointer;}

body{font-size: var(--font-size__16); font-family:var(--f-family); line-height:  var(--main_line_height); color: var(--default-color); font-weight: var(--font-weight__l);}
.home-body{overflow-x: hidden;}

[data-samebox]{border-radius: var(--br40) var(--br40) 0 0; overflow: hidden; margin-top: calc(var(--br40) * -1); position: relative; z-index: 5; background: var(--white-color);}
[data-samebox="120"]{padding: var(--pm__120) 0 calc(var(--pm__120) + var(--br30)) 0;}
[data-samebox="80"]{padding: var(--pm__80) 0 calc(var(--pm__80) + var(--br30)) 0;}
[data-samebox="100"]{padding: var(--pm__100) 0 calc(var(--pm__100) + var(--br30)) 0;}

[data-br]{border-radius: var(--br20);}
[data-br="40"]{border-radius: var(--br40);}
[data-br="16"]{border-radius: var(--br16);}
[data-br="15"]{border-radius: var(--br15);}
[data-br="20"]{border-radius: var(--br20);}
[data-br="30"]{border-radius: var(--br30);}
[data-br="10"]{border-radius: var(--br10);}
[data-br="12"]{border-radius: var(--br12);}

[data-icon]{display: block;width: 1em; height: 1em; background: var(--bg-contain); margin-right: 0.06rem;}
[data-icon*='white']{filter: brightness(0) invert(1);}
[data-icon*='search']{background-image: url(../images/search.svg);}
[data-icon*='tickets']{background-image: url(../images/ticket.svg);}
[data-icon*='order']{background-image: url(../images/order.svg);}
[data-icon*='lang']{background-image: url(../images/lang.svg);}
[data-icon*='select']{background-image: url(../images/select.svg);}
[data-icon*='arrows']{background-image: url(../images/arrows.svg); width: 0.1rem;height: 0.1rem;}
[data-icon*='cart']{background-image: url(../images/cart.svg);}
[data-icon*='date']{background-image: url(../images/date.svg);width: 0.26rem;height: 0.23rem;}
[data-icon*='label']{background-image: url(../images/label.svg);width: 0.24rem;height: 0.26rem;}
[data-icon*='gife']{background-image: url(../images/gife.svg);width: 0.26rem;height: 0.25rem;}
[data-icon*='address']{background-image: url(../images/location.svg);width: 0.14rem;height: 0.16rem;}
[data-icon*='time']{background-image: url(../images/time.svg);}
[data-icon*='play']{background-image: url(../images/play.svg);width: 0.6rem;height: 0.6rem;margin: 0;}
[data-icon*='mailbox']{background-image: url(../images/mailbox.svg);width: 0.43rem; height: 0.43rem;}
[data-icon*='plus']{background-image: url(../images/plus.svg); width: 0.2rem; height: 0.2rem;}
[data-icon*='mins']{background-image: url(../images/mins.svg); width: 0.2rem; height: 0.2rem;}
[data-icon*='loading']{background-image: url(../images/loading.png); width: 0.5rem; height: 0.5rem;}
[data-icon*='phone']{background-image: url(../images/phone.svg); width: 0.21rem; height: 0.21rem;}
[data-icon*='company']{background-image: url(../images/company.svg); width: 0.43rem; height: 0.39rem;}
[data-icon*='tel']{background-image: url(../images/tel.svg); width: 0.39rem; height: 0.39rem;}
[data-icon*='call']{background-image: url(../images/tel2.svg); width: 0.2rem; height: 0.2rem;}
[data-icon*='email']{background-image: url(../images/email.svg); width: 0.42rem; height: 0.34rem;}
[data-icon*='calendar']{background-image: url(../images/calendar.svg); width: 0.22rem; height: 0.22rem;}
[data-icon*='location']{background-image: url(../images/address.svg); width: 0.25rem; height: 0.28rem;}
[data-icon*='way']{background-image: url(../images/address2.svg); width: 0.19rem; height: 0.22rem;}
[data-icon*='book']{background-image: url(../images/book-date.svg); width: 0.21rem; height: 0.2rem; margin-right: 0.12rem;}
[data-icon*='guide']{background-image: url(../images/guide.svg); width: 0.22rem; height: 0.19rem;}
[data-icon*='audio']{background-image: url(../images/audio-play.svg); width: 0.22rem; height: 0.22rem;}
[data-icon*='pause']{background-image: url(../images/audio-pause.svg); width: 0.22rem; height: 0.22rem;}
[data-icon*='zoomIn']{background-image: url(../images/zoomIn.svg);}
[data-icon*='zoomOut']{background-image: url(../images/zoomOut.svg);}
[data-icon*='zip']{background-image: url(../images/zip.svg);}

.scroll-auto{overflow: auto; width: calc(100% + 0.2rem);padding-right: 0.2rem;}
.scroll-auto::-webkit-scrollbar{width:.02rem;height:.02rem}
.scroll-auto::-webkit-scrollbar-track{background:rgba(var(--default-color__rgb),.2)}
.scroll-auto::-webkit-scrollbar-thumb{background:rgba(var(--default-color__rgb),.5);border-radius:.04rem}

.white{color: var(--white-color);}
.common-title{margin-bottom: var(--pm__40);}
.common-title > span{font-size: var(--font-size__50); font-weight: var(--font-weight__m); text-align: center;}
.common-desc{font-size: var(--font-size__20); }
@media (max-width:480px) {
.common-title{--font-size__50:var(--font-size__36);} 
}

.text-stroke{ color: transparent;font-size:1.5rem; position: relative;z-index: 1;text-transform: uppercase;white-space: nowrap;}
.svg-text-outline{display: block;}
.svg-text-content{font-family: var(--f-family__en);font-weight: var(--font-weight__b);text-transform:uppercase;}

main{position: relative;z-index: 3;--max-width: 1400;}

.location{bottom:calc(var(--br40) + calc(30 / 740 * 100%));}
.location span{color: var(--white-color);}
.location a{display: flex;align-items: center;}
.location a:after{background:url(../images/arrows.svg) var(--bg-contain);display: block;content: '';width: 0.04rem; height: 0.08rem; filter: brightness(0) invert(1); opacity: 0.6; margin: 0 0.5em;}
.location a:not(:hover){color: rgba(var(--white-color__rgb), 0.6);}

.buliding-page .container{min-height:5rem;}
.buliding-page .icon{width: 1.24rem; height: 0.84rem;background: url(../images/buliding.png) var(--bg-contain);}
.buliding-page .title{font-size: var(--font-size__30);font-weight:var(--font-weight__m); margin: var(--pm__40) 0 var(--pm__30) 0;}
.buliding-page p{line-height: calc(32 / 18); font-size: var(--font-size__18); margin: 0;color: var(--text-color);text-align: center;}

[data-arrows]{width: 0.6rem;height: 0.6rem; display: flex;align-items: center;justify-content: center;}
[data-arrows]:not([class*=-disabled]){cursor: pointer;}
[data-arrows]:after{display: block; content: '';width: 0.29rem; height: 100%;background: url(../images/swiper-arrows.svg) var(--bg-contain);}
[data-arrows].prev:after{transform: rotateY(180deg);}
@media (max-width: 480px) {
   [data-button]{padding: 0 1em;}
}

/* Start
   ========================================================================== */
header{position: fixed;left: 0;top: 0;width: 100%;z-index: 100; transition: 0.3s;}
header > .container{height: var(--header-height);transition: 0.5s;}
header.has-whitebg{background-color: var(--white-color);box-shadow: 0 0.04rem 0.14rem 0.02rem rgba(26, 79, 154, 0.06);}
header h1.logo{margin: 0;}
header .logo img{max-height: 0.52rem;}
.top-tools{height: 0.51rem;}
.time-weather .time{margin-right: 0.33rem;}
#weather img{width: 0.2rem;height: 0.2rem;object-fit: contain; margin-right: 0.5em;}
#weather span{margin-left: 0.5em;}
.top-tools .other dd a{display: flex;align-items: center;}
.top-tools .other dd{margin-right: 0.2rem;}
.top-btn a i{filter: none!important;}
.top-lang{position: relative; z-index: 40;}
.top-lang .cur-lang{display: flex;align-items: center; position: relative;z-index: 3;height: 0.51rem;cursor: pointer;}
.top-lang .cur-lang [data-icon='select']{margin:0 0 0 0.06rem; width: 0.1rem; height: 0.1rem;}
.top-lang .lang-list{position: absolute; top:0;padding: 0.51rem 0.1rem 0.1rem; background-color: var(--white-color);left: -0.1rem;width: calc(100% + 0.2rem); z-index: 1; border-radius: 0 0 0.05rem 0.05rem;box-shadow: 0 0.04rem 0.14rem 0.02rem rgba(var(--black-color__rgb), 0.1);text-align: center;  opacity: 0; transform: translateY(-0.1rem); transition: 0.3s; visibility: hidden;}
.top-lang.active .lang-list{opacity: 1; transform: translateY(0); visibility: visible;}
.top-lang .lang-list li:not(:first-child){border-top: 1px solid rgba(var(--black-color__rgb), 0.1);}
.top-lang .lang-list li a{display: block; line-height: 2;}
.top-lang .lang-list li a:hover{color: var(--hover-color);}
@media (min-width: 1025px) {
header.fixed{box-shadow: 0 0.04rem 0.14rem 0.02rem rgba(26, 79, 154, 0.06);background-color: var(--white-color);}
header:not(.has-whitebg,.fixed){border-bottom: 1px solid rgba(var(--white-color__rgb), 0.12); color: var(--white-color);}
header:not(.has-whitebg,.fixed) [data-icon]{filter: brightness(0) invert(1);}
}
/* header.up{transform: translateY(calc(var(--header-height) * -1)); opacity: 0;} */
@media (max-width: 1024px) {
header .logo img{max-height: 0.38rem;}
header{box-shadow: 0 0.04rem 0.14rem 0.02rem rgba(26, 79, 154, 0.06);background-color: var(--white-color);}
}
@media (max-width: 480px) {
   .top-tools{justify-content: flex-end;}
   .time-weather{display: none;}
}

 .nav-sub{transition: 0.5s; opacity: 0;clip-path: polygon(0 0,100% 0,100% 0,0 0); background-color: #f7f8fa; color: var(--default-color);}
 .nav-sub h2 span,
 .nav-sub h2{position: relative;z-index: 1;}
 .nav-sub h2{font-size: var(--font-size__20);font-weight: var(--font-weight__r); margin: 0 0 0.17rem 0;}
 .nav-sub h2::before{position: absolute; content: '';	width: 0.3rem;height: 0.05rem;background:linear-gradient(to right, rgba(var(--hover-color__rgb), 1) 0%, rgba(var(--hover-color__rgb), 0) 100%); bottom: -0.03rem;left: 0;}
 .nav-sub dd{font-size: var(--font-size__18); line-height: calc(40 / 18);}
  .nav-sub dd a:hover{color: var(--hover-color);}
  .nav-sub  .right-item{max-width: 3.3rem; width:45%;margin-right:5%;}
  .nav-sub  .pic{max-width: 3.3rem; margin-bottom: 0.24rem;}
  .nav-sub  .pic .figure{ padding-bottom: calc(220 / 330 * 100%);}
  .nav-sub  .txt h3{margin: 0;font-size: var(--font-size__20);font-weight: var(--font-weight__m);}
  .nav-sub  .txt  p{line-height: calc(26 / 16);color: var(--text-color);max-width: 3.2rem; font-weight: var(--font-weight__l); margin: 0.1rem 0 0.25rem 0;}
   .nav-sub > dl{ padding: 1.5em;}
 @media (min-width: 1025px) {
 .nav-sub{position: absolute; width: 100%;top: 100%;left: 0;}
 .has-sub.show .nav-sub{opacity: 1;clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
 .nav-sub .sub-left,
 .nav-sub .sub-right{padding: var(--pm__50) 0;}
 .nav-sub .sub-left{position: relative;z-index: 1;width: calc(620 / var(--max-width) * 100%);}
 .nav-sub .sub-left::before{position: absolute; content: '';width: 100vw;height: 100%;right: 0;top: 0; background: rgba(var(--white-color__rgb), 0.8);z-index: -1;}
 .nav-sub .sub-right{flex: 1; margin-left: calc(90 / var(--max-width) * 100%);}
  .nav-sub .sub-right .inner{display:flex;}
 .nav-sub .sub-item{width: calc(100% / 3);}
 .main-nav li:nth-child(3) ~ li   .nav-sub{width: max-content; left: 50%;transform: translateX(-50%); border-radius: 0 0 var(--br10) var(--br10);}
 .nav-sub > dl dd{text-align: center;}
 }

 .main-nav li span,
 .main-nav li span a{display: block;}
 .main-nav li span{position: relative; height: 100%;}
 .main-nav li span a{ font-size: var(--font-size__20); transition: 0.3s; font-weight: var(--font-weight__r);}
 .main-nav li span a:after{position: absolute; content: '';height: 2px; width: 0%;bottom:1px; left: 50%;transform: translateX(-50%);background-color: var(--hover-color); transition: 0.3s}
 .main-nav li.aon span a:after{width: 100%;}
@media (min-width: 1025px) {
.main-nav{width: calc(937 / var(--max-width) * 100%); height: 0.44rem;}
 .main-nav li{height: 0.67rem;}
 .main-nav li:nth-child(3) ~ li{position: relative;}
 .main-nav li span a{line-height: 0.44rem;}
  header:not(.has-whitebg,.fixed)  .main-nav li span a:not(:hover){color: var(--white-color);}
 }
@media (max-width: 1024px) {
.main-nav{position: fixed;top: var(--header-height); bottom: 0; width: 3rem; background-color: var(--white-color); box-shadow: 0 0.14rem 0.14rem rgba(26, 79, 154, 0.06); left: -100%;opacity: 0;transition: 0.5s ease-in-out;}
.menu-show .main-nav{left: 0;opacity: 1;}
.main-nav ul{height: 100%; overflow: auto;}
.main-nav li:not(:last-child){border-bottom: 1px solid rgba(var(--black-color__rgb), 0.06);}
.main-nav li span a{padding: 1em 3em 1em 1em; font-size: var(--font-size__20);}
.open-menu{display: flex;flex-direction: column;align-items: flex-end;justify-content: space-between; width: 0.4rem; height: 0.32rem;padding: 0.06rem 0; margin-left: 0.2rem;}
.open-menu i{display: block; width: 100%; height: 2px;background-color: var(--primary-color);transition: 0.3s;}
.menu-show .open-menu i:nth-child(1){width: 30%;}
.menu-show .open-menu i:nth-child(2){width: 60%;}
.wap-op{position: absolute;z-index: 10;right: 0;top: 0;width: 0.4rem;height: 100%;display: flex;align-items: center;justify-content: center;}
.wap-op:after{display: block;content: ''; width: 0.1rem;height: 0.1rem;background: url(../images/select.svg) var(--bg-contain); transition: 0.3s;}
.wap-show .wap-op:after{transform: rotate(180deg);}
.nav-sub{visibility: hidden; height: 0;overflow: hidden;}
.nav-sub .sub-right{display: none;} 
.nav-sub .sub-left{display: block; padding: 1em;}
.nav-sub .sub-item{padding: 1em 0;}
.nav-sub .sub-item .wap-op{display: none;}
.wap-show .nav-sub{opacity: 1;clip-path: polygon(0 0,100% 0,100% 100%,0 100%);visibility: visible; height: auto;}
}

 .top-search{position: fixed; width: 100%;top: var(--header-height);left: 0;transition: 0.5s;opacity: 0; clip-path: polygon(0 0,100% 0,100% 0,0 0);z-index: 99; padding-bottom: 0.28rem;}
 .top-search .container{ border-radius: 0 0 0.06rem 0.06rem;background-color: var(--white-color); padding: var(--pm__60); box-shadow: 0 0.04rem 0.14rem 0.02rem rgba(26, 79, 154, 0.06);}
.search-show header.up{transform: translateY(0); opacity: 1;}
.search-show .top-search{opacity: 1;clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
 .top-search .tips{text-align: center; font-size: var(--font-size__20);font-weight: var(--font-weight__m); margin-bottom: 0.5em;}
.top-search .inner{margin: 0 auto; max-width: 6rem;width: 90%;position: relative;}
.top-search .form-input{line-height: 2; padding-left: 0.2rem;padding-right: 0.8rem;}
.top-search .btn{position: absolute;right: 0;top: 0;width: 0.7rem;height: 100%;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.top-search .btn [data-icon]{width: 0.2rem; height: 0.2rem;}

.gettop{position: fixed;right: 2%; bottom: 10%;width: 0.52rem; height: 0.52rem;box-shadow: 0 0.1rem 0.36rem rgba(2, 30, 59, 0.1); background: var(--white-color) url(../images/gettop.svg) no-repeat center center;background-size:0.14rem  auto;border-radius: 50%;z-index: 104; opacity: 0; transition: 0.5s; visibility: hidden;}
.gettop:hover{background-color: var(--hover-color);}
.gettop.show{opacity: 1; visibility: visible;}
.showArea-body .gettop{right: calc(2% + 0.6rem);bottom: 2%;}

.showArea-body .text-stroke{display: none;}

.online-kf{position: fixed;right: 0.1rem;width: 1.4rem;height: 1.13rem;background: url(../images/kf.png) var(--bg-contain);z-index: 103; top: 50%;}
@media (min-width:481px) {
.showArea-body .online-kf{left: 2%;right: auto;}
}
@media (max-width:480px) {
  .online-kf{width: 0.9rem; height: 0.73rem;} 
}

footer{color: var(--white-color); padding-top: var(--pm__110);z-index: 10;background: var(--bg-cover);background-position: center bottom;}
footer .bg{z-index: -1;background: rgba(var(--default-color__rgb), 0.88);}
.home-body footer{ pointer-events: none;background: none!important;margin-top: calc(-1px * var(--footer-height)); height: calc(var(--footer-height) + 1px);}
.home-body footer .hover-img,
.home-body footer a{pointer-events: auto;}
footer,
footer a:not(:hover){color: rgba(var(--white-color__rgb), 0.6);}
.footer-bottom{border-top: 1px solid rgba(var(--white-color__rgb), 0.1); padding: var(--pm__40) 0;}
.footer-bottom .other-nav a:not(:last-child):after{content: '·';margin: 0 1em;color: rgba(var(--white-color__rgb), 0.6);}
.footer-top{padding-bottom: var(--pm__70);}
.footer-top .logo{ margin-bottom: var(--pm__40);}
.footer-top .logo img{max-height: 0.66rem;}
footer .hotline{margin-bottom: var(--pm__30);}
footer .hotline h4{margin: 0.1rem 0;color: var(--hover-color);font-family: var(--f-family__en); font-size: var(--font-size__24);letter-spacing: 0.01rem; font-weight: var(--font-weight__sb);}
footer .address{ line-height: calc(28 / 16);color: var(--white-color);}

.footer-right{width: calc(1214 / var(--max-width) * 100%);}
.f-nav .item{color:rgba(var(--white-color__rgb), 0.9); }
.f-nav .item h2{font-size: 0.19rem; font-weight: var(--font-weight__m); margin:0 0 0.2rem 0; position: relative; border-bottom: 1px solid rgba(var(--white-color__rgb), 0.12); padding-bottom: 0.15rem;}
.f-nav .item h2::before{position: absolute; content: '';background-color: var(--hover-color);width: 0.13rem;height: 0.03rem; left: 0; bottom: -0.02rem;}
.f-nav .item h2 a{color:rgba(var(--white-color__rgb), 0.9);}
.f-nav .item h2 a:hover{ color: var(--hover-color);}
.f-nav dd{line-height: calc(34 / 16); font-weight: var(--font-weight__r);}
.f-nav  .navs h3{ font-size: var(--font-size__16); font-weight: var(--font-weight__m);}
.f-nav  .navs .sub-item:not(:last-child){margin-right: 0.4rem;}
.f-nav  .navs .scroll-auto{max-height: calc(34 / 16 * 7em);     --default-color__rgb:255,255,255; width: 100%;}

.follow-us ul{margin-top: 0.2rem;}
.follow-us li{position: relative;z-index: 50;}
.follow-us li + li{margin-left: 0.3rem;}
.follow-us li  a img{ height: 0.2rem; filter: brightness(0) invert(1);opacity: 0.8;}
.follow-us li  a:hover img{opacity: 1;filter: none;}
.follow-us li .hover-img{position: absolute; bottom:calc(100% + 0.2rem);left: 50%;margin-left: -0.7rem;width: 1.4rem;  background-color: var(--white-color); padding: 0.1rem; transform: translateY(-0.3rem) translateZ(0); opacity: 0; visibility: hidden; transition: 0.4s; }
.follow-us li.active .hover-img{transform: translateY(0) translateZ(0); opacity: 1; visibility: visible;}
.follow-us li .hover-img:after{position: absolute; content: '';width: 0.08rem; height: 0.08rem;background-color: var(--white-color); top: calc(100% - 0.04rem); left: 50%;margin-left: -0.04rem; transform: rotate(45deg); border-radius: 0.02rem;}
.follow-us li .hover-img p{ color: #222;text-align: center; margin: 0.1rem 0 0 0;}
@media (min-width:1025px) {
 .follow-us .wap-url{display: none;}
.footer-top .footer-left{width: calc( 230 / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
   footer{text-align: center;}
   .footer-top .footer-left{display: flex;flex-direction: column;align-items: center;}
   .f-nav{display: none;}
   .footer-bottom{line-height: 1.5;}
   .copyright a{display: inline-block;}
.follow-us li .hover-img{width: 2rem;margin-left: -1rem; }
 .follow-us .wap-url{position: absolute; left: 0; top: 0;width: 100%;height: 100%;z-index: 10;}
 .follow-us li  .wap-url ~ .hover-img{display: none;}
}

.home-ban{position: relative;z-index: 1; aspect-ratio:1920 / 1000}
.home-ban .controls{bottom: calc(50 / 1000 * 100% + var(--br40));}
.home-ban .controls-page svg{display: none;}
.home-ban .controls-page span{width: 0.5rem;height: 0.04rem;background-color: rgba(var(--white-color__rgb), 0.3);border-radius: 0.02rem; position: relative;margin: 0 0.1rem;}
.home-ban .controls-page span:before{position: absolute; content: '';width: 0;height: 100%;background-color: var(--hover-color);border-radius: 0.02rem;}
.home-ban .controls-page span[class*=-active]:before{animation: active 5s linear;}
@keyframes active{
   0%{width: 0;}
   100%{width: 100%;}
}
@media (max-width:1024px) {
.home-ban .video-box,
.home-ban .open-video{top:var(--header-height); height:auto;bottom:0;}
}

[data-bg]{background-color:  var(--bg-color);}

.home-events{padding: var(--pm__100) 0 var(--pm__120) 0;}
.events-items {--itemgap:0.32rem}
.events-items .item .inner{ background-color: rgba(var(--white-color__rgb), 0.8); padding: var(--pm__40); height: 100%; transition: 0.5s;color: var(--text-color);}
.events-items .item:hover .inner{background-color: var(--white-color); box-shadow:0 0.1rem 0.36rem rgba(2, 30, 59, 0.1);}
.events-items .tit{display: flex;font-size: var(--font-size__26);font-weight: var(--font-weight__m); margin-bottom: var(--pm__30);color: var(--default-color);}
.events-items .tit i{margin-right: 0.11rem;}
.events-items .time-items{max-width: 3.8rem;color: var(--default-color);}
.events-items .time-items li:not(.line){flex-shrink: 0;}
.events-items .time-items li.line{flex: 1; height: var(--font-size__26);display: flex;align-items: center;justify-content: center;}
.events-items .time-items li.line:before{display: block; content: '';width: calc(100% - 0.2rem);height: 1px;background-color: #d2d6d9; }
.events-items .time-items li b{font-weight: var(--font-weight__sb);font-family: var(--f-family__en);font-size: var(--font-size__26);}
.events-items .time-items li p{margin: 0.1rem 0 0 0;}
.events-items .time-items li p span{color: var(--second-color);}
.events-items .text{margin-top: 0.1rem;align-items: initial;}
.events-items .text i{flex-shrink: 0; height: calc(26 / 16 * 1em);}
.events-items .text p{margin: 0; line-height: calc(26 / 16);}
.events-items .txt h3{line-height: calc(32 / 20);font-size: var(--font-size__20); font-weight: var(--font-weight__m); margin: 0;color: var(--default-color);}
.events-items .txt .desc{line-height: calc(32 / 18);font-size: var(--font-size__18); margin-top: 0.05rem;}
.events-items .figure{padding-bottom: calc(180 / 432 * 100%); margin:var(--pm__20) 0 var(--pm__30) 0;}
.events-items .btns a+ a{margin-left: 0.1rem;}
.events-items .btns {--button_height: 0.44rem;}
@media (max-width:1024px) {
.events-items{--itemgap:0rem;--itemnum:1;}
.events-items .item:not(:last-child){margin-bottom: 0.2rem;}
}
@media (min-width:481px) and (max-width:1024px) {
.events-items .item .inner{flex-direction: row;}
.events-items .item .txt{flex:1;margin-right:0.2rem}
.events-items .item .pic-btns{width: 45%;flex-shrink:0;}
.events-items .btns{justify-content: flex-end;}
}
@media (max-width:480px) {
   .events-items .item .inner{padding: var(--pm__60);}
}

.same-label{background-color: var(--bg-color);border-radius: 0.05rem;display: inline-flex; padding: 0 0.13rem; line-height: calc(32 / 16);color: var(--text-color);}

.rcently-events{margin-top: calc(var(--pm__120) - 0.32rem);}
.rcently-events .list-top{overflow: hidden; background-color: var(--white-color);}
.rcently-events .list-top .pic .figure{padding-bottom: calc(512 / 910 * 100%); display: block;}
.rcently-events .list-top .pic .figure:hover img{transform: scale(1.15);}
.rcently-events .list-top .txt{flex: 1; padding: var(--pm__40) var(--pm__80);}
.rcently-events .list-top .txt-top time{color: var(--second-color); display: none;}
.rcently-events .list-top h3{ margin: 0.2rem 0 var(--pm__30) 0; line-height:1.5}
.rcently-events .list-top p{font-size: var(--font-size__18); line-height: calc(32 / 18);color: var(--text-color); margin: 0 0  var(--pm__80) 0;}
.rcently-events .lists{--itemgap:0.26rem}
.rcently-events .lists .item{margin-bottom: 0; margin-top: var(--itemgap);}
.rcently-events .lists .inner{padding: var(--pm__40); background-color: var(--white-color);display: flex;flex-direction: column; justify-content: space-between; overflow: hidden; position: relative;}
.rcently-events .lists .inner > div{position: relative;z-index: 5;}
.rcently-events .lists .tit{font-size: var(--font-size__24); line-height: calc(38 / 24); margin-bottom: var(--pm__30);}
.rcently-events .lists time{color: var(--second-color);display: none;}
.rcently-events .lists .figure{opacity: 0;transition: 0.3s;}
.rcently-events .lists .inner:hover .figure{opacity: 1;}
.rcently-events .lists .inner:hover .same-label{background-color: var(--hover-color);}
@media (min-width:481px) {
.rcently-events .list-top .pic{width: calc(910 / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
   .rcently-events .list-top p{--clamp:2;}
}
@media (max-width:480px) {
   .rcently-events .list-top{display: block;}
   .rcently-events .lists{--itemgap:0rem;--itemnum:1;}
   .rcently-events .lists .item{margin-top: var(--pm__30);}
}

.edit-info{font-size: var(--font-size__18); line-height: 2;text-align: justify;}
.edit-info p + p{margin-top: 2em;}
.edit-info b,.edit-info strong{font-weight: var(--font-weight__m);}
.edit-info ul{padding-left: 1.1em;}

.feed-times .num{position: absolute; width: max-content;}
.feed-times .num .svg-text-outline{height: 1.4rem; opacity: 0.6;}
.feed-times .num .svg-text-content-fill{visibility: hidden;}
.feed-times .num .svg-text-content-outline{stroke-width: 0.5;}

.feed-times .title{font-size: var(--font-size__20);}
.feed-times .edit-info{margin-bottom: var(--pm__20);line-height: calc(32 / 18);}
.feed-times .title + .edit-info{margin-top: var(--pm__30);}
.feed-times .title,
.feed-times .title b{font-weight: var(--font-weight__m);}
.feed-times .title b{font-size: var(--font-size__36); margin-right: 0.3em;}
.feed-times .title[data-flex="column"] b{margin-bottom: 0.5em;}
.feed-times .feed-time{margin-bottom: var(--pm__60);align-items: center;}
.feed-times .feed-time i[data-icon]{flex-shrink: 0;}
.feed-times .feed-time .time,
.feed-times .feed-time .time span{position: relative;z-index: 2;}
.feed-times .feed-time .time::before{position: absolute; content: '';width: 70%;height: 0.05rem;background:linear-gradient(to right, rgba(var(--hover-color__rgb), 0.8) 0%, rgba(var(--hover-color__rgb), 0) 50%); bottom: -0.02rem;left: 0;}
.feed-times .con[data-flex] .title{flex-shrink: 0;}


.home-feed .item1{--lw:440; --rw:1022;--pic1w:380;--pic2w:600;}
.home-feed{position:relative;}
.home-feed .feed-btn{position:absolute;z-index:10;right:var(--pm__30);top:var(--pm__30);}
.home-feed .feed-btn .btn{width:var(--pm__60);height:var(--pm__60); background:var(--hover-color);cursor:pointer;display:flex;align-items:center;justify-content:center; border-radius:50%;margin:0.1rem 0;}
.home-feed .feed-btn .btn i{margin:0;width:var(--pm__20);height:var(--pm__20);}
.home-feed .feed-btn .btn.prev i{transform:rotate(180deg);}
.home-feed .feed-btn .btn.disabled{background:rgba(var(--black-color__rgb),0.5);cursor:default;}

.feed-times .item1 .pic{position: relative;}
.feed-times .item1 .num{bottom: 0; left:-0.82rem;z-index: 10;}
.feed-times .item1 .num svg{transform: translateY(19%);}
.feed-times .item1 .pic li:nth-child(1){width: calc(var(--pic1w) / var(--rw) * 100%);}
.feed-times .item1 .pic li:nth-child(2){width: calc(var(--pic2w) / var(--rw) * 100%);}
@media (min-width:1025px) {
.feed-times .item1 .left{width: calc(var(--lw) / var(--max-width) * 100%);}
.feed-times .item1 .right{width: calc(var(--rw) / var(--max-width) * 100%);}
.home-feed .feed-btn{top:30%;}
}
@media (max-width:1024px) {
.feed-times .first-column{margin-bottom: var(--pm__80);}
.feed-times .item .container{display: block;}
.feed-times .item1 .right{padding-left: 1rem;}
.home-feed .feed-btn{display:flex;align-items:center;}
.home-feed .feed-btn .btn{margin:0 0.1rem;}
}

.home-feed .item2{--lw:360; --rw:890;--lpicw:419;--rconw:630;}
.feed-times .item2 .left{position: relative;}
.feed-times .item2 .left .pic{position: relative;z-index: 3;}
.feed-times .item2 .left .pic img{width: calc(var(--lpicw) / var(--lw) * 100%);max-width: none;}
.feed-times .item2 .right .pic{margin-bottom: var(--pm__30);}
.feed-times .item2 .num{left:65%;top: -0.61rem;}
.feed-times .item2 .left > .num{clip-path: polygon(50% 0,100% 0,100% 100%,50% 100%);}
.feed-times .item2 .left .pic .num{clip-path: polygon(0 0,50% 0,50% 100%,0 100%);}
.feed-times .item2 .con-right{width: calc(var(--rconw) / var(--rw) * 100%); margin-left: var(--pm__30);}
@media (min-width:1025px) {
.feed-times .item2 .left{width: calc(var(--lw) / var(--max-width) * 100%); }
.feed-times .item2 .right{width: calc(var(--rw) / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
.feed-times .item2 .left{z-index: 10;}
.feed-times .item2 .left .pic img{display: none;}
}
@media (max-width:480px) {
   .feed-times .con[data-flex] .title{flex-direction: row;align-items: baseline;}
   .feed-times .item2 .con{display: block;}
   .feed-times .item2 .con-right{width: 100%;margin: 0;}
   .feed-times .item2 .num{top: -0.4rem;}
}

.home-feed .item3{--lw:742;--rw:550;--li1w:294;--li1picw:384;--li2picw:504;}
.feed-times .item3 .right{ padding-bottom: calc(80 / 960 * 100vh);}
.feed-times .item3 .num{position: relative; margin-bottom: var(--pm__70);}
.feed-times .item3 .title{margin-bottom: var(--pm__30);}
.feed-times .item3 .left li img{max-width: none; }
.feed-times .item3 .left li:nth-child(1){flex-shrink: 0;width: calc(var(--li1w) / var(--lw) * 100%);}
.feed-times .item3 .left li:nth-child(1) img{width: calc(var(--li1picw) / var(--li1w) * 100%);border-radius: var(--br20);}
.feed-times .item3 .left li:nth-child(2){flex:1;padding-top:calc(160 /  960 * 100vh);}
.feed-times .item3 .left li:nth-child(2) img{width: calc(var(--li2picw) / (var(--lw) - var(--li1w)) * 100%);}
@media (min-width:1025px) {
.feed-times .item3 .left{width: calc(var(--lw) / var(--max-width) * 100%);  }
.home-feed .item3  .left{margin-left: calc(78 / var(--max-width) * 100%);}
.feed-times .item3 .right{width: calc(var(--rw) / var(--max-width) * 100%); }
}
@media (max-width:1024px) {
.feed-times .item3 .right{margin-top: -1.2rem;}
}
@media (max-width:480px) {
.feed-times .item3 .left li:nth-child(2){padding-top:0.8rem;}
.feed-times .item3 .num{margin-bottom: 0.2rem;}
}

.home-feed .item4{--lw:600;--rw:630;--lpicw:665;}
.feed-times .item4 .left .pic{position: relative;}
.feed-times .item4 .left .pic img{max-width: none;width: calc(var(--lpicw) / var(--lw) * 100%);}
.feed-times .item4 .num{top: 0.62rem; left: calc(100% - 0.47rem);}
.feed-times .item4 .right .pic{margin-top: calc(60 / 960 * 100vh);}
@media (min-width:1025px) {
.feed-times .item4 .left{width: calc(var(--lw) / var(--max-width) * 100%); }
.feed-times .item4 .right{width: calc(var(--rw) / var(--max-width) * 100%); }
.feed-times .item4 .right .pic img{max-width: 6rem;}
}
@media (max-width:1024px) {
.feed-times .item4 .left{margin-bottom:var(--pm__60); width: 80%;}
.feed-times .item4 .title{flex-direction: column;align-items: flex-start;}
.feed-times .item4 .title b{margin: 0 0 0.2rem 0;}
}

.page-feed-times .items .item .btn{height: var(--button_height);}
.page-feed-times .items .item:nth-child(2n){background: var(--bg-color);}
.page-feed-times .items .item1 > .container{align-items: flex-end;}
.page-feed-times .feed-times .item1{--lw:440; --rw:824;--pic1w:306;--pic2w:485;}
.page-feed-times .feed-times .item2{--lw:316; --rw:778;--lpicw:365;--rconw:540;}
.page-feed-times .feed-times .item2 .btn{height: 0.15rem;}
.page-feed-times .feed-times .item2 .right .pic{margin-bottom: var(--pm__60);}
.page-feed-times .feed-times .item3{--lw:754;--rw:500;--li1w:278;--li1picw:361;--li2picw:475;}
.page-feed-times .feed-times .item3 .svg-text-outline{transform: translateY(19%);}
.page-feed-times .feed-times .item3 .right{padding-bottom: 0;}
.page-feed-times .feed-times .item4{--lw:525;--rw:540;--lpicw:584;}
.page-feed-times .feed-times .item4 .btn{display: none;}
@media (min-width:1025px) {
.page-feed-times .first-column .edit-info{max-width: 4.5rem;}
.page-feed-times .feed-times .item4 .right .pic img{max-width: 5.26rem;}
}
@media (max-width:1024px) {
.page-feed-times .feed-times .feed-time{margin-bottom: 0;}
}

.home-feed .feed-times{min-height: calc(100vh + var(--br30)); padding: var(--pm__60) 0;}

.home-feed .item{width: 100vw;display: flex;align-items: center;flex-shrink: 0;}
.home-feed [data-effect]{visibility: hidden;}
.home-feed .in-view{visibility: visible;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-delay: 0.3s;}
@media (max-width:768px) {
   .home-feed .feed-times .first-column{margin-bottom: 10vh;}
   .home-feed .container{width: 85%;}
   .home-feed .feed-times .item2 .right .pic{margin-bottom: 10vh;}
   .home-feed .feed-times .item3 .right{margin-top: -0.85rem;}
   .home-feed .feed-times .item4 .left{width: 40%;}
   .home-feed .feed-times .item4 .right .pic{display: flex;justify-content: flex-end;}
   .home-feed .feed-times .item4 .right .pic img{width:60%}
}

.home-theme{color: var(--white-color);}
.home-theme .swiper-big{height: calc(1000 / 1920 * 100vw);position: relative;z-index: 1;}
.home-theme .txt-area .container,
.home-theme .swiper-big .swiper,
.home-theme .swiper-big .figure{height: 100%;}
.home-theme .b-area .swiper-wrapper{display: flex;align-items: flex-end;}
.home-theme .b-area-left .num{transition-delay: 1s;color: var(--hover-color);font-weight: var(--font-weight__m);font-size: var(--font-size__22); margin-bottom: 0.1rem;}
.home-theme .b-area-left .name{font-weight: var(--font-weight__m);font-size: var(--font-size__36);transition-delay: 1.2s;}
.home-theme .b-area-left .edit-info{margin: var(--pm__30) 0 var(--pm__60) 0;transition-delay: 1.4s;}
.home-theme .b-area-left .num,
.home-theme .b-area-left .name,
.home-theme .b-area-left .btns,
.home-theme .b-area-left .edit-info{transition: 0.4s; transform: translateY(0.3rem); opacity: 0;}
.home-theme .b-area-left .swiper-slide-active .num,
.home-theme .b-area-left .swiper-slide-active .name,
.home-theme .b-area-left .swiper-slide-active .btns,
.home-theme .b-area-left .swiper-slide-active .edit-info{ transform: translateY(0); opacity: 1;}
.home-theme .b-area-left .btns{transition-delay: 1.6s;}
@media (min-width:769px) {
.home-theme{z-index: 2;}
.home-theme .txt-area{top: calc(112 / 1000 * 100%); height: auto; bottom: calc(120 / 1000 * 100%);}
.home-theme .b-area-left{width: calc(584 / var(--max-width) * 100%);}
.home-theme .b-area-right{width: calc(602 / var(--max-width) * 100%);}
}
@media (max-width:768px) {
.home-theme{padding-bottom: var(--pm__100);}
.home-theme .common-title{position: absolute;left: 3%;z-index: 4;top: 3%;}
.home-theme .txt-area{position: initial;}
.home-theme .b-area{flex-direction: column;}
.home-theme .b-area-left,
.home-theme .b-area-right{width: 100%;}
.home-theme .b-area-left{margin-top: -3rem; height: 3rem; margin-bottom: 0.2rem;}
}
@media (max-width:480px) {
.home-theme .b-area-left .edit-info{display: none;}
.home-theme .b-area-left{margin-top: -0.9rem; height: 0.9rem;}
.home-theme .b-area-left .swiper-slide{display: flex;justify-content: space-between;align-items: flex-end;}
.home-theme .b-area-left .btns{flex-shrink: 0;}
#swiper-thumbs .swiper-slide .tit{display: none;}
.home-theme .b-area-left .name{font-size: var(--font-size__30);}
}

.pages-process{position: relative; margin-top: var(--pm__30);height: 0.04rem;background-color: rgba(var(--white-color__rgb), 0.2);border-radius: 0.02rem;--swiper-pagination-color: var(--white-color);}

.home-theme .swiper-big::before{position: absolute;z-index: 2; left: 0;top: 0;width: 100%;height: 100%; background: url(../images/opacity.png) no-repeat center center; background-size: 100% 100%; content: '';}
#swiper-thumbs{overflow: hidden;}
#swiper-thumbs .swiper{margin: 0; }
#swiper-thumbs .swiper-wrapper{align-items: flex-end;}
#swiper-thumbs .swiper-slide{position: initial;}
#swiper-thumbs .swiper-slide .area{position: relative; opacity: 0; transition: 0.3s; cursor: pointer;}
#swiper-thumbs .swiper-slide .area:hover{z-index: 10;}
#swiper-thumbs .swiper-slide .figure{padding-bottom: 100%;}
#swiper-thumbs .swiper-slide-active .area,
#swiper-thumbs .swiper-slide-active ~ .swiper-slide .area{opacity: 1;}
#swiper-thumbs .swiper-slide .tit{position: absolute; left: 0;bottom: 0;width: 100%;padding: 0.15rem 0.2rem;z-index: 10;}
#swiper-thumbs .swiper-slide:not(.swiper-slide-active) .tit{text-align: center;font-size: var(--font-size__18);color:rgba(var(--white-color__rgb), 0.8); background: linear-gradient(to bottom,transparent 0%,rgba(var(--black-color__rgb),0.8));border-radius:0 0 var(--br20) var(--br20);}
#swiper-thumbs .swiper-slide-active .tit{font-size: var(--font-size__20);color: var(--default-color);}
#swiper-thumbs .swiper-slide  .figure:before{position: absolute; content: '';z-index: 10;left: 0; bottom: 0; height: 100%;width: 100%;background: url(../images/text-opacity.png) no-repeat left bottom;background-size: 100% auto; opacity: 0; transform: translateY(0.2rem);transition: 0.3s 0.3s;}
@media (min-width:769px) {
#swiper-thumbs{width:calc(760 / 602 * 100%); }
#swiper-thumbs .swiper{overflow: initial; width: 90.5%;}
#swiper-thumbs .swiper-slide:not(.swiper-slide-active) .area{transform: translateX(calc(40 / 160 * 100%));}
#swiper-thumbs .swiper-slide-active .area{width: calc(200 / 160 * 100%);}
#swiper-thumbs .swiper-slide-active .figure:before{opacity: 1; transform: translateY(0);}
}
@media (max-width:768px) {
#swiper-thumbs .swiper-slide-thumb-active .figure:before{opacity: 1; transform: translateY(0);}
}

.home-star{padding: var(--pm__120) 0 var(--pm__140);z-index: 3;}
.home-star .swiper-wrapper{justify-content: space-between;}
.home-star .swiper-slide{height: auto;display: flex;align-items: flex-end;}
.home-star .figure{padding-bottom: calc(675 / 1200 * 100%);clip-path: inset(0px 0px 16% 0px round var(--br20));width: 100%; transition: 0.3s; transform: translateY(16%);}
.home-star .swiper-slide-active .figure{  clip-path: inset(0px round var(--br20)); transform: translateY(0%); transition-delay: 0.3s;}
.home-star .txt{color: var(--white-color); padding: var(--pm__30) var(--pm__50);}
.home-star .txt .name{font-size: var(--font-size__36); font-weight: var(--font-weight__m); margin-bottom: var(--pm__20);}
.home-star .txt .edit-info{max-width: 7.73rem; }
.home-star .txt .name,
.home-star .txt > div[data-flex]{transform: translateX(0.3rem); opacity: 0; transition: 0.5s 0.5s;}
.home-star .swiper-slide-active .txt .name,
.home-star .swiper-slide-active .txt > div[data-flex]{transform: translateX(0); opacity: 1; }
.home-star  .txt > div[data-flex]{transition-delay: 0.7s;}
@media (min-width:481px) {
.home-star .txt .btns{flex-shrink: 0; margin-left: var(--pm__30);}
}
@media (min-width:1025px) {
.home-star .swiper{width: calc(2436 / var(--max-width) * 100%); cursor: grab;}
}
@media (max-width:480px) {
.home-star .txt .edit-info{display: none;}
.home-star .txt{display: flex;align-items: center;justify-content: space-between;}
.home-star .txt > div[data-flex]{flex-shrink: 0;}
.home-star .txt .name{font-size: var(--font-size__28);}
}

.home-mygreen{z-index: 4;}
.home-mygreen .bg{height: 14.1rem; background: var(--bg-cover);}
.home-mygreen .txt{pointer-events: none; height: auto; bottom:calc(var(--footer-height)* 1px);}
.home-mygreen .txt [data-button]{pointer-events: all;}
.home-mygreen .common-desc{margin-bottom: var(--pm__50);max-width: 90%;text-align: center; line-height: 2;}
@media (max-width:1024px) {
.home-mygreen .bg{height: calc(60vw + var(--footer-height) * 1px); }
.home-mygreen .txt{bottom:calc(4.6rem - var(--br40)); background-color: rgba(var(--default-color__rgb), 0.3);}
}

.page-ban{position: relative;z-index: 1;}
.page-ban .txt{color: var(--white-color);}
.page-ban h2{margin: 0; font-weight: var(--font-weight__b);font-size: var(--font-size__60); line-height: 1.2;text-align: center;max-width: 90%;}
.page-ban h2 + .desc{max-width: 10rem;width: 95%;text-align: center; font-size: var(--font-size__20); line-height: 1.8; font-weight: var(--font-weight__m); margin-top: var(--pm__30);}
.page-ban h2 .ip{width: 0.75rem; margin-right: 0.2rem;}
.page-ban .play-area{background: rgba(var(--black-color__rgb), 0.3);}
.page-ban .play-btn{display: flex;flex-direction: column;align-items: center;color: var(--white-color);}
.page-ban .play-btn .icon{width: var(--pm__90); height:var(--pm__90);border-radius: 50%;display: flex;align-items: center; justify-content: center; background: rgba(var(--white-color__rgb), 0.2) url(../images/play2.svg) no-repeat center center; background-size: auto calc(30 / 90 * 100%); transition: 0.3s;}
.page-ban .play-btn:hover .icon{background-color: rgba(var(--hover-color__rgb), 0.5);}
.page-ban .play-btn p{margin-bottom: 0;font-size: var(--font-size__18); color: var(--white-color);}
@media (max-width:1024px) {
 .page-ban .play-area{padding-top: var(--header-height);}
 .page-ban .txt{top: var(--header-height); height: auto;bottom: var(--br40);}
 .page-ban > img,
 .page-ban picture img{min-height: calc(2.4rem + var(--header-height)); object-fit: cover;}  
}
@media (max-width:480px) {
.page-ban{--font-size__60:var(--font-size__42);--font-size__20:var(--font-size__14);}
.page-ban h2 + .desc{line-height: 1.5;}
}

.about-intro .scroll-auto{max-height: 17em; line-height: 2;font-size: var(--font-size__18);}
.about-intro .right{ position: relative;}
.about-intro .common-title{margin-bottom: var(--pm__50);}
.about-intro .pic{position: relative;z-index: 1;}
.about-intro .pic:before,
.about-intro .right:after{position: absolute; content: ''; background: var(--bg-contain);z-index: 2;}
.about-intro .pic:before{width: 3.07rem;height: 1.61rem;background-image: url(../images/about-fish.png);top: calc(438 / 650 * 100%); right: calc(453 / 530 * 100%);}
/* .about-intro .right:after{background-image: url(../images/about-text.svg);width: 7.6rem; height: 1.52rem;bottom:0;right: 0;} */
.about-intro .video{position: relative;overflow: hidden; margin-top: var(--pm__50);}
.about-intro .video img{transition: 0.3s;}
.about-intro .video [data-play]{display: flex;align-items: center; justify-content: center;}
.about-intro .video:hover img{transform: scale(1.15);}
@media (min-width:1025px) {
.about-intro .left{width: calc(720 / var(--max-width) * 100%);}
.about-intro .right{width: calc(530 / var(--max-width) * 100%);}  
.about-intro .video{ max-width: 5.2rem;}
}
@media (max-width:1024px) {
  .about-intro .right{display: none;} 
}

.text-line,
.text-line span{position: relative;z-index: 2;}
.text-line span{line-height: 1.2;display: block;}
.text-line:before{position: absolute;content: '';z-index: 1;width: 1.1rem; height: 0.08rem; background:linear-gradient(to right , rgba(var(--hover-color__rgb),1) , rgba(var(--hover-color__rgb),0)); bottom: 0;}

.about-histroy .swiper-wrapper{justify-content: space-between;}
.about-histroy .swiper-slide{height: auto; }
.about-histroy .swiper-con{width: calc(3090 / var(--max-width) * 100%); margin-left: calc((3090 / var(--max-width) * 100% - 100%) / -2); -webkit-mask-image: linear-gradient( to right,transparent 0%, black 35%, black 65%, transparent 100%);mask-image: linear-gradient(to right, transparent 0%,black 35%,black 65%,transparent 100%);} 
.about-histroy .swiper-con .pic .figure{padding-bottom: calc(213 / 320 * 100%);}
.about-histroy .swiper-item{background-color: var(--white-color);padding: var(--pm__50); height: 100%;cursor: grab; transition: 0.3s;}
.about-histroy .swiper-con .swiper-slide-prev .swiper-item,
.about-histroy .swiper-con .swiper-slide-next .swiper-item{opacity: 0.6;}
.about-histroy .swiper-con .txt{flex: 1; margin-bottom: 0.24rem; position: relative;-webkit-mask-image: linear-gradient( to bottom, white 90%, transparent 100%);mask-image: linear-gradient( to bottom, white 90%, transparent 100%);}
.about-histroy .swiper-con .txt h3,
.about-histroy .swiper-con .txt h4{color: var(--primary-color);}
.about-histroy .swiper-con .txt h3{margin: 0;font-size: var(--font-size__60);font-family: var(--f-family__en); font-weight: var(--font-weight__sb);}
.about-histroy .swiper-con .txt h4{font-size: var(--font-size__28); font-weight: var(--font-weight__m); margin: 0 0 1em 0;}
.about-histroy .swiper-con .scroll-auto{height: 1.16rem;--white-color__rgb:var(--primary-color__rgb); padding: 0 0.2rem 0.2rem 0; width: 100%;cursor: default;}
.about-histroy .swiper-con .scroll-auto::-webkit-scrollbar-thumb{background-color: var(--primary-color);}
.about-histroy .swiper-con dd:not(:last-child){margin-bottom: 0.2rem;}
.about-histroy .swiper-con dd .mouth{font-size: var(--font-size__20); font-weight: var(--font-weight__m); margin-bottom: 0.05rem;}
.about-histroy .swiper-con dd pre{color: var(--text-color); line-height: calc(26 / 16);}

.about-histroy .swiper-year{color: var(--white-color); font-size: var(--font-size__20); margin-top: var(--pm__80);-webkit-mask-image: linear-gradient( to right,transparent 0%, black 15%, black 85%, transparent 100%);mask-image: linear-gradient(to right, transparent 0%,black 15%,black 85%,transparent 100%);
}
.about-histroy .swiper-year .tit{font-family: var(--f-family__en); font-weight: var(--font-weight__m);text-align: center; margin-bottom: 0.14rem;}
.about-histroy .swiper-year .swiper-slide{cursor: pointer;display: flex;justify-content: flex-end;flex-direction: column;}
.about-histroy .swiper-year .swiper-slide-thumb-active .tit{font-size: var(--font-size__24);color: var(--hover-color);}
.about-histroy .thumb-line{display: flex;align-items: flex-end; justify-content: space-between; margin: 0 -1px;}
.about-histroy .thumb-line i{width: 1px;background-color: rgba(var(--white-color__rgb),0.5); height: 0.1rem;}
.about-histroy .thumb-line i.mid,
.about-histroy .thumb-line i:first-child,
.about-histroy .thumb-line i:last-child{height: 0.2rem;}
.about-histroy .swiper-year .swiper-slide-thumb-active .thumb-line i.mid{height: 0.36rem;}
.about-histroy .swiper-year .swiper-slide-thumb-active .thumb-line i.mid,
.about-histroy .swiper-year .swiper-slide-thumb-active .thumb-line i.ml1,
.about-histroy .swiper-year .swiper-slide-thumb-active .thumb-line i.mr1,
.about-histroy .swiper-year .swiper-slide-thumb-active .thumb-line i.ml2,
.about-histroy .swiper-year .swiper-slide-thumb-active .thumb-line i.mr2{background-color: var(--white-color);}
@media (min-width:481px) {
.about-histroy .swiper-con .pic{width: calc(320 / 880 * 100%); margin-left: var(--pm__40);}
}
@media (max-width:480px) {
   .about-histroy .swiper-con{--font-size__60:var(--font-size__42);--font-size__28:var(--font-size__20)}
   .about-histroy .swiper-item{display: block;}
}

.about-love  .media{position: relative;z-index: 1; margin-top: var(--pm__50);}
.about-love .media:before{width: 2.75rem;height: 1.44rem;top: -0.98rem; left: -0.19rem;position: absolute; content: ''; background:url(../images/about-fish-down.png) var(--bg-contain);z-index: 2;}
.about-love  .txt{margin:  0 auto; max-width: 9.64rem;text-align: center; width: 80%;}
.about-love  .video{overflow: hidden;}
.about-love  .inside_video{overflow: hidden; border-radius: var(--br20);z-index: 1;}
.edit-info-lovekeep .tit-pic{text-align: right;padding: 0.17rem 0.42rem 0 0;}
.edit-info-lovekeep .tit-pic img{width: 40%;max-width: 2.84rem;}

.job-intro .left{background: url(../images/yinyan.png) no-repeat right top;background-size: calc(135 / 565 * 100%) auto;}
.job-email{box-shadow: 0.01rem 0.02rem 0.31rem 0.03rem rgba(var(--hover-color__rgb), 0.11);background-color: rgba(var(--white-color__rgb), 0.4); padding: 0.3rem 0; max-width: 4.92rem; margin-top: var(--pm__40);}
.job-email .icon{width: 1.17rem;flex-shrink: 0;display: flex;align-items: center; justify-content: center;}
.job-email .text{font-size: var(--font-size__18);font-weight: var(--font-weight__m);flex: 1;}
.job-email h3{font-size: var(--font-size__30); font-family: var(--f-family__en);font-weight: var(--font-weight__sb);margin: 0.1rem 0 0 0;}
.job-email h3 a{color: var(--hover-color); }

.job-lists .item{	position: relative;z-index: 1; margin-bottom: 0.1rem; padding: var(--pm__30) var(--pm__40)}
.job-lists .item:before,
.job-lists .item:after{position: absolute;content: ''; width: 0.61rem; height: 0.13rem;background: var(--bg-contain);right: 0.44rem;}
.job-lists .item:before{bottom: 100%; background-image: url(../images/job-title-ico.svg);}
.job-lists .item:after{bottom: 0; background-image: url(../images/job-title-ico-white.svg);}
.job-lists .item:last-child:after,
.job-lists .item:first-child:before{display: none;}
.job-lists .name h3{margin: 0;flex: 1;font-size: var(--font-size__24);font-weight: var(--font-weight__r);  line-height: calc(40 / 24);}
.job-lists .con{ background-color: var(--white-color); padding: var(--pm__40); margin-top: var(--pm__30);display: none;}
.job-lists .con-tit{font-size: var(--font-size__20);font-weight: var(--font-weight__m); margin-bottom: 1em;}
.job-lists .edit-info{line-height: calc(32 / 18);color: var(--text-color);}
.job-lists .edit-info + .con-tit{margin-top: var(--pm__40);}
@media (min-width:1025px) {
.job-intro .left{width: calc(565 / var(--max-width) * 100%); }   
.job-intro .right{width: calc(720 / var(--max-width) * 100%);}
}
@media(max-width:1024px){
.job-intro .left{background-size:14% auto;}
.job-intro .common-title{text-align: center;}
.job-intro .right{margin-top: var(--pm__50);}
.job-email{margin-left: auto; margin-right: auto;}
.job-email h3{font-size: var(--font-size__24);}
}

.edit-info-kpu-mygrenn .title{font-size: var(--font-size__36);font-weight: var(--font-weight__m); line-height: calc(50 / 36);}
.edit-info-kpu-mygrenn .title span{color: var(--hover-color ); margin-bottom: var(--pm__40);}
.edit-info-kpu-mygrenn .title + p{margin-top: calc(1em + 0.13rem);}

.myGreen-comeback  .imgs{--itemgap:0.34rem;}
.myGreen-comeback  .imgs dd img{display: block;width: 100%;}
@media (min-width:1025px) {
.myGreen-comeback  .edit-info-kpu-mygrenn{ margin-bottom: var(--pm__90); display: flex;justify-content: space-between;}
.myGreen-comeback  .edit-info-kpu-mygrenn  .title{flex-shrink: 0;}
.myGreen-comeback  .edit-info-kpu-mygrenn .p{max-width: calc(758 / var(--max-width) * 100%);}
}
@media(max-width:1024px){
.myGreen-comeback  .imgs{--itemgap:0.1rem;}
.edit-info-kpu-mygrenn .title{text-align: center;}
}

.myGreen-keep .left .pic{position: relative;z-index: 1;}
.myGreen-keep .left .pic:after{position: absolute; content: '';	width: 2.45rem;height: 1.29rem; background: url(../images/about-fish-down.png) var(--bg-contain); top: calc(113 / 560 * 100%);right: calc(-90 / 605 * 100%);}

@media (min-width:1025px) {
.myGreen-keep .left{width: calc(605 / var(--max-width) * 100%);}
.myGreen-keep .right{width: calc(593 / var(--max-width) * 100%);}
.myGreen-featrue .left{width: calc(595 / var(--max-width) * 100%);}
.myGreen-featrue .right{width: calc(674 / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
.myGreen-keep .container{display: flex;flex-direction: column-reverse;align-items: flex-start;}
.myGreen-keep .left{width: 85%;}
.myGreen-keep .right{width: 100%;}
}

.myGreen-intro .container{ position: relative;z-index: 1;}
.myGreen-intro .container:before,
.myGreen-intro .container:after{content: ''; background:  var(--bg-contain);}
.myGreen-intro .container:after{display: block; padding-bottom: calc(208 / 1402 * 100%); background-image: url(../images/my-green.png); margin-top: calc(0.64rem - 1em); position: relative;z-index: 2;}
.myGreen-intro .container:before{background-image: url(../images/about-fish3.png); width: 2.24rem;height: 1.18rem; right: calc(195 / var(--max-width) * 100%); bottom: 18%; position: absolute;}
.myGreen-intro .edit-info{text-align: center;}
@media (min-width:1025px) {
.myGreen-intro .container{padding-top: var(--pm__90);}
.myGreen-intro .edit-info{width: calc(648 / var(--max-width) * 100%); margin: 0 auto;}
.myGreen-intro .imgs{position: absolute;z-index: 10; width: 100%; left: 0; top: calc(var(--pm__30) * -1); bottom: 0;}
.myGreen-intro .imgs dd{position: absolute;width: 2.5rem;}
.myGreen-intro .imgs dd img{object-fit: cover; aspect-ratio: 1/1; }
.myGreen-intro .imgs dd:nth-child(2),
.myGreen-intro .imgs dd:nth-child(3){width: 1.5rem;}
.myGreen-intro .imgs dd:nth-child(1){top: calc(232 / 723* 100%); left:0;}
.myGreen-intro .imgs dd:nth-child(2){top: calc(498 / 723* 100%); left:calc(196 / var(--max-width) * 100%);}
.myGreen-intro .imgs dd:nth-child(3){top: 0; left:calc(1003 / var(--max-width) * 100%);}
.myGreen-intro .imgs dd:nth-child(4){top: calc(150 / 723* 100%); right:0;}
}
@media (max-width:1024px) {
.myGreen-intro .imgs{display: flex;justify-content: space-between;}
.myGreen-intro .imgs dd{width: 23%;}
.myGreen-intro .imgs dd img{display: block;width: 100%;}
}

.more-loading i{animation: loading 3s linear infinite;}
@keyframes loading {
   to{transform: rotate(360deg);}
}

.page-nav{margin-bottom: var(--pm__40);}
.page-nav li{margin: 0 0.1rem;}
.page-nav li a{display: block; border-radius: var(--br10); background-color: var(--white-color); line-height: 3;color: var(--second-color); font-size: var(--font-size__20); font-weight: var(--font-weight__m); padding: 0 2.5em; transition: 0.4s;text-align: center;}
.page-nav li a:hover,
.page-nav li.aon a{background-color: var(--hover-color); color: var(--default-color);}
@media (max-width:480px) {
   .page-nav li a{line-height: 2.1;padding: 0 1em;}
}

.page-desc{text-align: center; line-height: 1.6; margin: 0 auto var(--pm__50); max-width: 10rem;}

#loading-list .item .tit{font-size: var(--font-size__36);font-weight: var(--font-weight__m); margin-bottom: 1em;}
#loading-list .item .pic img{border-radius: var(--br20); }
#loading-list .item .edit-info{color: var(--text-color); line-height: calc(32 / 18);}
@media (max-width:480px) {
#loading-list .item{display: block;--font-size__36:var(--font-size__28)}
}

.ecology-list .item{padding: var(--pm__60) var(--pm__50); background-color: var(--white-color);border-radius: var(--br20); margin-bottom: var(--pm__40);}
.ecology-list .item .label{display: none;}
@media (min-width:481px) {
.ecology-list .item .txt,
.ecology-list .item .pic{width: calc(600 / 1300 * 100%);}
.ecology-list .item:nth-child(2n){flex-direction: row-reverse;}
}
@media (max-width:480px) {
.ecology-list .item .pic{margin-top: var(--pm__30);}
}

.layout-desc{margin-bottom: var(--pm__80);}
@media (min-width:481px) {
.layout-desc .common-title{margin-bottom: 0; flex-shrink: 0;}
.layout-desc .edit-info{width: calc(1040 / var(--max-width) * 100%);}
}
@media (max-width:480px) {
   .layout-desc{flex-direction: column;}
}

.biology-list .item{align-items:normal;margin-bottom: var(--pm__50);}
.biology-list .item .txt{display: flex;flex-direction: column;justify-content: center; border-radius: var(--br20); background-color: var(--white-color); padding: var(--pm__70);align-items: flex-start;}
.biology-list .item .label{display: inline-block;border-radius: var(--br10); font-size: var(--font-size__18); padding: 0 0.13rem; line-height: calc(32 / 18); margin-bottom: 1em; background-color: var(--hover-color);}
.biology-list .item .tit{margin-bottom: var(--pm__30);}
@media (min-width:481px) {
.biology-list .item:nth-child(2n+1){flex-direction: row-reverse;}
.biology-list .item .pic,
.biology-list .item .txt{width:50%;}
}

.list-news .item{overflow: hidden; background-color: var(--white-color); margin-bottom: var(--pm__50);}
.list-news .item .pic .figure{display: block; padding-bottom: calc(394 / 700 * 100%);}
.list-news .item .pic .figure:hover .img{transform: scale(1.15);}
.list-news .item .txt{flex: 1; padding: 0 var(--pm__80);}
.list-news .item h3{margin: 0; margin: 0.1rem 0 1em 0; line-height: calc(48 / 32); }
.list-news .item  p{line-height: 2;color: var(--text-color); margin: -0.1rem 0 var(--pm__30) 0;}
.list-news time{display: none;}
@media (min-width:481px) {
.list-news .item:nth-child(2n){flex-direction: row-reverse;}
.list-news .item .pic{width: 50%;flex-shrink: 0;}
}
@media(min-width:481px) and  (max-width:1024px) {
.list-news .item h3{--clamp:1; font-size: var(--font-size__28);margin-bottom: 0.1rem;}
.list-news .item  p{--clamp:2;}
}
@media (max-width:480px) {
   .list-news .item{display: block;}
.list-news .item .txt{padding: var(--pm__40);}
}

.news-info .title{ text-align:center; border-bottom:1px solid rgba(var(--black-color__rgb), 0.06); padding-bottom:1em; margin-bottom:1em;}
.news-info .title h2{  margin: 0; line-height: 1.2;}
.news-info .title p{ margin-bottom:0; color:var(--text-color);display: none;}
.news-info .edit-info{ padding:var(--pm__50) 0;}
.news-info .edit-info img{width:auto!important; height:auto!important}
.news-info .info-pn .back{flex-shrink: 0;}
.news-info .info-pn .back [data-button] i{transform: rotate(180deg);}
.news-info .info-pn .url{flex:1;margin-right: var(--pm__40); line-height: 2;}
.news-info .info-pn .url a:not(:hover){color: var(--text-color);}

@media (min-width:481px) {
.know-card .layout-desc{align-items: flex-start;}
}

.cards-tab{--itemgap:0.25rem; margin-bottom: var(--pm__50);}
.cards-tab .tab .inner{background-color: var(--white-color); border: 1px solid var(--white-color);transition: 0.3s; padding: var(--pm__30) var(--pm__50);cursor: pointer;}
.cards-tab .tab:hover .inner{border-color: var(--hover-color);box-shadow: 0 0.1rem 0.4rem 0rem rgba(var(--hover-color__rgb), 0.2);}
.cards-tab .t-left .icon img{width: 0.48rem; height: 0.48rem; object-fit: contain;}
.cards-tab .t-left p{margin: 1em 0 0 0; font-size: var(--font-size__24); font-weight: var(--font-weight__m);}
.cards-tab .t-right{color: var(--hover-color); font-size:var(--font-size__18);font-weight: var(--font-weight__m);}
.cards-tab .t-right b{font-size: var(--font-size__60);font-family: var(--f-family__en); font-weight: var(--font-weight__sb); margin-right: 0.1rem;display: block; line-height: calc(45 / 60);}
@media (max-width:480px) {
.cards-tab{--itemgap:0.1rem;--font-size__24: var(--font-size__20);--font-size__18:var(--font-size__14);--font-size__60: var(--font-size__36);}
.cards-tab .tab .inner{flex-direction: column;align-items: center;}
.cards-tab .t-left{display: flex;align-items: center;flex-direction: column;margin-bottom: 1em;}
}

.cards-list .item{margin-bottom: var(--pm__80);}
.cards-list .item:after{position: absolute;z-index: 1;content: '';width: 100%;bottom: calc(var(--pm__30) * -1); left: 0; height: 100%; background: url(../images/ying.png) no-repeat center bottom;background-size: 100% auto;}
.cards-list .inner{position: relative;z-index: 4; background-color: var(--white-color);padding: var(--pm__80) var(--pm__70); overflow: hidden;}
.cards-list .item .left{ padding-bottom: 0.15rem;}
.cards-list .item h3{text-align: center;margin: var(--pm__40) 0 0 0;}
.cards-list .item .pic{position: relative;}
.cards-list .item .reserve-img{position: absolute;left: 0;width: 100%;top: 100%; height:0.6rem; overflow: hidden;-webkit-mask-image: linear-gradient( to bottom, rgba(255,255,255,0.5) 0%, transparent 100%);mask-image: linear-gradient( to bottom, rgba(255,255,255,0.5) 0%, transparent 100%);  opacity: 0.15;}
.cards-list .item .reserve-img img{transform: rotateX(180deg); border-radius: var(--br15);}
.cards-list .item .tit{display: inline-flex;align-items: center;position: relative; font-size: var(--font-size__24);font-weight: var(--font-weight__m);z-index: 1; margin-bottom: var(--font-size__20);}
.cards-list .item .tit:before{display: block;content: '';width: 0.09rem;height: 0.09rem;border: solid 1px var(--hover-color); border-radius: 50%; margin-right: 0.2rem;}
.cards-list .item .tit span{position: absolute; left: calc(100% + 0.28rem);-webkit-mask-image: linear-gradient( to bottom, white 0%, transparent 90%);mask-image: linear-gradient( to bottom, white 0%, transparent 90%); width: max-content;}
.cards-list .item .tit .text-stroke{display: none;}
.cards-list .item .tit .svg-text-outline{ height: 0.75rem;}
.cards-list .item .intro{position: relative;z-index: 4;}
.cards-list .item .info + .info{margin-top: var(--pm__50);}
.cards-list .item .edit-info{line-height: calc(32 / 18);color: var(--text-color);}
.cards-list .item pre{font-weight: var(--font-weight__m);line-height: calc(32 / 18); font-size: var(--font-size__18);}
@media (min-width:1025px) {
.cards-list .item .left{width: calc(402 / 1260 * 100%);}
.cards-list .item .right{flex:1;}
.cards-list .item:nth-child(2n) .inner{flex-direction: row-reverse;}
.cards-list .item:nth-child(2n+1) .right{margin-left: var(--pm__70);}
.cards-list .item:nth-child(2n) .right{margin-right: var(--pm__70);}
}
@media (max-width:1024px) {
   .cards-list .item .left{margin-bottom: var(--pm__60);}
   .cards-list .item .pic{max-width: 4rem;margin: 0 auto;}
   .cards-list .item .tit .text-stroke{font-size: 1rem;}
   .cards-list .item .tit .svg-text-outline{height: 0.7rem;transform: translateY(30%);}
}

.cards-ask{margin-top: var(--pm__100);}
.cards-ask .list-box{--itemgap:0.25rem}
.cards-ask .box .inner{ background-color: var(--white-color); padding: var(--pm__30)  var(--pm__20) var(--pm__20);}
.cards-ask .box .icon{width: 1.12rem; flex-shrink: 0;display: flex; justify-content: center;}
.cards-ask .box p{line-height: 1.6; font-size: var(--font-size__20); font-weight: var(--font-weight__m); font-family: 'mt-sb','hm',sans-serif; margin: 0.07rem 0 0 0;}
.cards-ask .btn{margin-top: var(--pm__40);}
@media (max-width:1024px) {
.cards-ask .box .inner{padding: var(--pm__70) var(--pm__30);}
.cards-ask .box .icon{width: 0.8rem;}
}
@media (max-width:768px) {
.cards-ask .list-box{--itemnum:1}
}

.school-social .layout-desc{flex-direction: column;margin-bottom: var(--pm__20);}
.school-social .layout-desc .common-title{margin-bottom: var(--pm__30);}
.school-social .hotline{margin-bottom: var(--pm__130);}
.school-social .hotline .tit{font-size: var(--font-size__20); font-weight: var(--font-weight__m); color: rgba(var(--text-color__rgb), 0.8); margin-bottom: 1em;}
.school-social .hotline .text-line span{font-family: 'mt-sb','hm',sans-serif; font-weight: var(--font-weight__m); font-size: var(--font-size__26);}
.school-social .list .item:not(:last-child){margin-bottom: var(--pm__140);}
.school-social .list .figure{padding-bottom: calc(466 / 700 * 100%);}
@media (min-width:1025px) {
.school-social .list .item:nth-child(2n){flex-direction: row-reverse;}
.school-social .list .item .pic{width: 50%;flex-shrink: 0;}
.school-social .list .item .txt{width: calc(563 / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
   .school-social .list .item .txt{margin-bottom: var(--pm__60);}
}

.controls-pages{position: absolute;left: 0;width: 100%; bottom: 0; height: calc(130 / 466 * 100%);display: flex;align-items: flex-end;justify-content: center; padding-bottom: var(--pm__30);z-index: 10; pointer-events: none;}
.controls-pages span{pointer-events: auto;width: 0.2rem; height: 0.04rem; background-color: rgba(var(--white-color__rgb), 0.3); opacity: 1;border-radius: 0.02rem; margin: 0 0.06rem; position: relative;z-index: 1;}
.controls-pages span:before{position: absolute; left: 0;width: 0;height: 100%;background-color: var(--hover-color); top: 0;border-radius: 0.02rem; content: '';}
.controls-pages span[class*=active]{width: 0.5rem;}
.controls-pages span[class*=active]:before{width: 100%;transition: 4s;}

.school-social .list .controls-pages{background-image: linear-gradient(180deg, rgba(var(--black-color__rgb),0) 14%, 	rgba(var(--black-color__rgb),0.7) 100%);}

.behind-tour-intro .common-title{margin-bottom: 0;line-height: calc(70 / 50);}
.behind-tour-intro .intro{font-size: var(--font-size__18); line-height: 2;}
.behind-tour-intro .top {margin-bottom: var(--pm__50);}
.behind-tour-intro .bottom .left{position: relative;z-index: 1;}
.behind-tour-intro .bottom .left:before{position: absolute; content: '';width: 3.07rem; height: 1.61rem; background: url(../images/about-fish-down2.png) var(--bg-contain); left: calc(107 / 490 * 100%); bottom: calc(251 / 294 * 100%);}
.behind-tour-intro .edit-info p + p{margin-top: 1.5em;}
@media (min-width:1025px) {
.behind-tour-intro .left{width: calc(490 / var(--max-width) * 100%);}
.behind-tour-intro .right{width: calc(800 / var(--max-width) * 100%);}
.behind-tour-intro .top .left{padding-top: var(--pm__60);}
}
@media (max-width:1024px) {
.behind-tour-intro .top .left{margin-bottom: var(--pm__60);}
}

.behind-tour-list .common-title{margin-bottom: var(--pm__70);}
.behind-tour-list .item:not(:last-child){margin-bottom: var(--pm__120);}
.behind-tour-list .item .title{font-size: var(--font-size__36);font-weight: var(--font-weight__m); line-height: calc(42 / 36); margin-bottom: var(--pm__30);}
.behind-tour-list  .label{display: inline-block;border-radius: var(--br10); font-size: var(--font-size__18); padding: 0 0.13rem; line-height: calc(32 / 18); margin-bottom: 0.1rem; background-color: var(--hover-color);}
@media (min-width:1025px) {
.behind-tour-list .item:nth-child(2n+1){flex-direction: row-reverse;}
.behind-tour-list .item .pic{width: 50%;}
.behind-tour-list .item .txt{width: calc(545 / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
.behind-tour-list .item{display: flex;flex-direction: column-reverse;}
.behind-tour-list .item .pic,
.behind-tour-list .item .txt{width: 100%;}
.behind-tour-list .item .pic{margin-bottom: var(--pm__60);}
}

.behind-tour-activity .swiper-imgs{width: calc(2900 / var(--max-width) * 100%);margin-left: calc((2900 / var(--max-width) * 100% - 100%) / -2); margin-top: var(--pm__80); position: relative;z-index: 1;}
.behind-tour-activity .swiper-slide{padding-bottom: 1rem;}
.behind-tour-activity .swiper-slide .inside{overflow: hidden; position: relative; transition:all 0.5s;}
.behind-tour-activity .swiper-imgs .figure{padding-bottom: calc(540 / 960 * 100%);}
.behind-tour-activity .swiper-slide-prev .inside,
.behind-tour-activity .swiper-slide-next .inside{clip-path: inset(0px 0px 20% round var(--br20));}
.behind-tour-activity .swiper-slide-prev .inside{transform: rotate(-10deg) translateY(20%); transform-origin: right bottom;}
.behind-tour-activity .swiper-slide-next .inside{transform: rotate(10deg) translateY(20%); transform-origin: left bottom;}
.behind-tour-activity .swiper-slide .txt{background: linear-gradient(to bottom,rgba(var(--black-color__rgb),0) 0% , rgba(var(--black-color__rgb),0.7) 100%);color: var(--white-color); padding: var(--pm__30);}
.behind-tour-activity .swiper-slide:not(.swiper-slide-active) .txt{height: 80%;}
.behind-tour-activity .txt .title{font-weight: var(--font-weight__m);font-size: var(--font-size__24); margin-bottom: 0.1rem;}
.behind-tour-activity .txt .desc{font-size: var(--font-size__18); line-height: 2;}
.behind-tour-activity [data-arrows]{position: absolute; top: 50%; transform: translateY(-50%);z-index: 10;}
.behind-tour-activity [data-arrows].prev{left: 28%;}
.behind-tour-activity [data-arrows].next{right:28%;}
@media (max-width:480px) {
 .behind-tour-activity .txt{--font-size__24:var(--font-size__20);--font-size__18:var(--font-size__16)}  
.behind-tour-activity .txt .title{margin-bottom: 0.05rem;}
.behind-tour-activity .swiper-slide{padding-bottom: 0.6rem;}
}

.behind-tour-activity .infos-list{margin-top: var(--pm__90); margin-bottom: var(--pm__80);}
.behind-tour-activity .infos-list .common-title{margin-bottom: var(--pm__70);}
.behind-tour-activity .infos-list .items{--itemgap:0.4rem}
.behind-tour-activity .infos-list .inner{padding: var(--pm__50);}
.behind-tour-activity .infos-list .icon{flex-shrink: 0;width: 0.96rem;}
.behind-tour-activity .infos-list .icon img{max-width: 0.56rem;}
.behind-tour-activity .infos-list .tit{font-size: var(--font-size__24);font-weight: var(--font-weight__m); margin-bottom: 0.1rem;}
.behind-tour-activity .infos-list pre{font-size: var(--font-size__18);line-height: calc(30 / 18);}
@media (max-width:480px) {
.behind-tour-activity .infos-list .items{--itemnum:1;--itemgap:0rem}
.behind-tour-activity .infos-list .item:not(:last-child){margin-bottom: var(--pm__20);}
}

.edit-wuhouyou-ad{position: relative;z-index: 1;}
.edit-wuhouyou-ad .pic img{ opacity: 0.5;}
.edit-wuhouyou-ad .pic{background-color: var(--black-color);border-radius: var(--br20);overflow: hidden;}
.edit-wuhouyou-ad .txt{position: absolute; left: 0;width: 100%;color: var(--white-color); top: 0; height: 100%;display: flex;align-items: center; padding: 0 59% 0 var(--pm__80);}
.edit-wuhouyou-ad .msg{width: 2.9rem; height: 2.53rem;position: absolute;z-index: 19; top: -0.5rem; right: calc(200 / var(--max-width) * 100%); background: url(../images/message.svg) var(--bg-contain);}
.edit-wuhouyou-ad .msg .inside{font-size: var(--font-size__24); font-weight: var(--font-weight__m); line-height: calc(36 / 24); padding: 0 var(--pm__20) 0 var(--pm__30); text-align: left; padding-top: 27%;}
@media (max-width:1024px) {
   .edit-wuhouyou-ad .pic img{height: 2.4rem; object-fit: cover;}
}
@media (max-width:480px) {
   .edit-wuhouyou-ad{margin-top: 0.7rem;}
   .edit-wuhouyou-ad .msg {transform: scale(0.6); transform-origin: right top; right: 2%;}
   .edit-wuhouyou-ad .txt{padding:0 5% 0.2rem; line-height: 1.5;align-items: flex-end;}
}

.all-title{font-size: var(--font-size__32);font-weight: var(--font-weight__m); margin-bottom: 1em;}
@media (max-width:480px) {
.all-title{font-size:var(--font-size__30)!important;}   
}

.didi-list .item:not(:last-child){margin-bottom: var(--pm__130);}
.didi-list .all-title{line-height: calc(42 / 32); margin-bottom: var(--pm__50);max-width:4.5rem;}
.didi-list .edit-info{max-width:5.3rem;}
.didi-answer{display: flex;align-items: flex-end;}
.didi-answer .ip{width: calc(146 / 530 * 100%); margin-right: 0.15rem;flex-shrink: 0;}
.didi-answer dl{background: url(../images/line.svg) no-repeat left center; background-size: auto 100%; height: 2.59rem;display: flex;flex-direction: column; justify-content: space-around;}
.didi-answer dd{display: flex;align-items: center;}
.didi-answer dd:before{display: block;content: '';	width: 0.08rem;	height: 0.08rem;background-color: #00b0ec;border-radius: 50%; margin-right: 0.2rem;flex-shrink: 0;}
.didi-answer dd:nth-child(1){padding-left: 0.05rem;}
.didi-answer dd:nth-child(2){padding-left: 0.1rem;}
.didi-answer dd:nth-child(2):before{margin-right: 0.35rem;}
.didi-answer dd:nth-child(3){padding-left: 0.6rem;}
.didi-answer dd:nth-child(3):before{margin-right: 0.28rem;}
.didi-answer dd:nth-child(4){padding-left: 0.46rem;}
.didi-answer dd:nth-child(4):before{margin-right: 0.34rem;}
@media (min-width:1025px) {
.didi-list .item:nth-child(2n){flex-direction: row-reverse;}
.didi-list .txt{width: calc(600 / var(--max-width) * 100%);}
.didi-list .pic{width: calc(680 / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
.didi-list .txt{margin-bottom: var(--pm__40);} 
}
@media (max-width:480px) {
.didi-answer .ip{width: calc(130 / 530 * 100%); margin-right: 0.1rem;}
}

.night-news .list-top .all-title{text-align: center;}
.night-news .list-top a.figure{display: block;}
.night-news .list-top .img-txt{position: relative;z-index: 1; margin-top: var(--pm__60);}
.night-news .list-top .img-txt:before{position: absolute;content: '';width: 3.07rem;height: 1.61rem; background: url(../images/about-fish.png) var(--bg-contain); left: calc(80 / var(--max-width) * 100%); top:calc(var(--pm__60) * -1);z-index: 3;}
.night-news .list-top .img-area{position: relative; overflow: hidden;z-index: 2;}
.night-news .list-top .title{text-align: center;}
.night-news .list-top .txt .edit-info{line-height: calc(32 / 18);}

.night-news .list-top + .list{margin-top: var(--pm__120);}
.night-news .list .item{margin-bottom: var(--pm__100);}
@media (min-width:1025px) {
.night-news .list .item:nth-child(2n){flex-direction: row-reverse;}
.night-news .list .item .pic{width: calc(720 / var(--max-width) * 100%);}
.night-news .list .item .txt{width: calc(580 / var(--max-width) * 100%);}
.night-news .list-top .txt{background: rgba(var(--primary-color__rgb),0.5);color: var(--white-color); padding: 0 var(--pm__80);}
.night-news .list-top .txt .edit-info{max-width: 5rem;}
}
@media (max-width:1024px) {
.night-news .list .item .txt{margin-bottom: var(--pm__40);}
.night-news .list-top .txt{position: relative;}
.night-news .list-top .img-area{display: flex;flex-direction: column-reverse;}
}

.event-schedule{background:var(--bg-color) url(../images/active-step-bg.png) var(--bg-cover); padding: var(--pm__120) 0;position: relative;z-index: 1;}
.event-schedule:before,
.event-schedule:after{position: absolute;width: 100%;height: 1.04rem; background: url(../images/active-step-before.png) no-repeat center top; background-size: 100% 100%; content: ' ';}
.event-schedule:before{ top: 0;}
.event-schedule:after{bottom:0; transform: rotate(180deg);}
.event-schedule .common-title{margin-bottom: var(--pm__80);}
.event-schedule .list{--itemgap:0.4rem;}
.event-schedule .box .inner{background-color: var(--white-color); padding-bottom: calc(var(--pm__40) + 0.05rem);display: flex;flex-direction: column;justify-content: space-between;}
.event-schedule .cate-name{padding-left: 0.57rem; height: 0.45rem;}
.event-schedule .cate-name span{width: 0.9rem; height: 0.9rem; border-radius: 50%;background: url(../images/day-bg.svg) var(--bg-contain);color: var(--white-color);font-family: var(--f-family__en); font-weight: var(--font-weight__b); font-size: var(--font-size__18); transform: translateY(-0.45rem);}
.event-schedule dl{position: relative;z-index: 1; padding:var(--pm__30) 0;flex: 1;}
.event-schedule dl:before{position: absolute;content: '';top: 0;height: 100%;width: 1px;background-color: #e6e6e6;left: calc(0.97rem + 4.5px);}
.event-schedule dd{display: flex; align-items: baseline;}
.event-schedule dd:not(:last-child){margin-bottom: 0.22rem;}
.event-schedule dd time{width: 0.97rem;text-align: right;flex-shrink: 0; font-family: var(--f-family__en); font-weight: var(--font-weight__sb);color: var(--hover-color); padding-right: var(--pm__20);}
.event-schedule dd p{margin: 0;flex: 1; margin-left: 0.19rem; line-height: calc(30 / 18); font-size: var(--font-size__18); padding-right: var(--pm__60);}
.event-schedule dd  i{flex-shrink: 0;width: 9px;height: 9px; border-radius: 50%;background-color: var(--white-color);border: solid 0.01rem var(--hover-color);display: flex;align-items: center;justify-content: center;}
.event-schedule dd  i:before{width: 5px;height: 5px; background: var(--hover-color); border-radius: 50%;display: block; content: '';}
.event-schedule dd.last{margin-top: var(--pm__70);}
.event-schedule dd.last i{opacity: 0;}
.event-schedule dd.last p{color: var(--second-color);}
@media(max-width:480px){
   .event-schedule .list{overflow: auto;flex-wrap: nowrap; padding-top: 0.5rem;}
   .event-schedule .list .box{width: 90vw;flex-shrink: 0;}
.event-schedule:before,
.event-schedule:after{background-size: 100% auto;}
}

.precautions{margin: var(--pm__120) 0 calc(var(--pm__120) - var(--itemgap));--itemgap:0.2rem;}
.precautions .inner{background-color: var(--white-color); box-shadow: 0.01rem 0.02rem 0.31rem 0.03rem rgba(var(--hover-color__rgb), 0.11);padding: var(--pm__30);}
.precautions .tit{font-size: var(--font-size__20);font-weight: var(--font-weight__m); margin-bottom: 1em;}
.precautions pre.edit-info{line-height: calc(32 / 18);}
.precautions .ico{flex-shrink: 0; margin-top: var(--pm__30);}
@media (max-width:1024px){
 .precautions{--itemgap:0rem;--itemnum:1;}
.precautions .item:not(:last-child){margin-bottom: var(--pm__40);}
.precautions .inner{flex-direction: row-reverse;align-items: flex-start;padding: var(--pm__50);}
.precautions .ico{width: 0.4rem;margin-top: 0; margin-right: var(--pm__30);}
.precautions .top{flex: 1;}
}

.green{color: var(--hover-color);font-family: var(--f-family__en);font-weight: var(--font-weight__sb);}

.reg-instruction .left{padding: var(--pm__20) 0;}
.reg-instruction .all-title{ margin-bottom: var(--pm__40);}
.reg-instruction  .edit-info p + p{margin-top: 1em;}
@media (min-width:1025px) {
.reg-instruction .left{width: calc(580 / var(--max-width) * 100%); padding: var(--pm__20) 0;}
.reg-instruction .right{width: calc(720 / var(--max-width) * 100%);}
}

.change-desc .layout-desc{flex-direction: column;}
.change-desc .layout-desc .edit-info p + p{margin-top: 1em;}

.private-booking-Inq .all-title span{color: var(--second-color);}
.private-booking-Inq .item{margin-bottom: var(--pm__160);}
.private-booking-Inq .item .pic{position: relative;z-index: 1;}
.private-booking-Inq .item .pic .text-stroke{position: absolute;left: -43%;width: 186%;z-index: 10; height: 0.8rem; bottom: -0.4rem;display:none;}
.private-booking-Inq .item .pic .svg-text-content-fill{opacity: 0;}
.private-booking-Inq .item .pic .svg-text-content-outline{stroke-width: 0.4;}
.private-booking-Inq .swiper .figure{padding-bottom: calc(500 / 750 * 100%);}
.private-booking-Inq .swiper [data-arrows]{position: absolute; top: 50%;transform: translateY(-50%);z-index: 10;}
.private-booking-Inq .swiper .prev{left: 0.26rem;}
.private-booking-Inq .swiper .next{right: 0.26rem;}
.private-booking-Inq .scroll-auto{padding-right: var(--pm__50);  padding-bottom: var(--pm__30);}
.private-booking-Inq .scroll-auto::-webkit-scrollbar-thumb{background:#999 !important;}
.private-booking-Inq .all-title{margin-bottom: 0.2rem;}
.private-booking-Inq .seat{color: var(--hover-color);font-weight: var(--font-weight__m);font-size: var(--font-size__18); margin-bottom: var(--pm__20);}
.private-booking-Inq .seat span + span{margin-left: 2em;}
.private-booking-Inq .item .edit-info{line-height: calc(32 / 18); margin-bottom: var(--pm__30);}
.private-booking-Inq .dl-intro .tit{font-weight: var(--font-weight__m);font-size: var(--font-size__20); margin-bottom: 0.1rem;display: flex;align-items: center;}
.private-booking-Inq .dl-intro .tit:before{display: block;content: '';	width: 0.09rem;
height: 0.09rem;border: solid 1px #96d740; border-radius: 50%;margin-right: 0.13rem;}
.private-booking-Inq .dl-intro pre{line-height: calc(32 / 18);color: var(--text-color);font-size: var(--font-size__18);margin-left: 0.22rem;}
@media (min-width:1025px) {
.private-booking-Inq .layout-desc .edit-info{ margin-top: var(--pm__40); width: calc(1050 / var(--max-width) * 100%);}
.isMac .private-booking-Inq .layout-desc .edit-info{width: calc(1060 / var(--max-width) * 100%)}
.private-booking-Inq .item{align-items: flex-start;}
.private-booking-Inq .item:nth-child(2n){flex-direction: row-reverse;}
.private-booking-Inq .item .txt{width: calc(550 / var(--max-width) * 100%);}
.private-booking-Inq .item .pic{width: calc(750 / var(--max-width) * 100%);flex-shrink: 0; }
.private-booking-Inq .scroll-auto{max-height: 4.5rem;-webkit-mask-image: linear-gradient( to bottom, white 85%, transparent 100%);mask-image: linear-gradient( to bottom, white 85%, transparent 100%); }
.private-booking-Inq .dl-intro{padding-bottom: 2em;}
.private-booking-Inq .dl-intro .dl + .dl{margin-top: 0.2rem;}
}
@media (max-width:1024px) {
.private-booking-Inq .item{display: flex;flex-direction: column-reverse;}
.private-booking-Inq .item .txt,
.private-booking-Inq .item .pic{width: 100%;}
.private-booking-Inq .item .pic{margin-bottom: var(--pm__60);}
.private-booking-Inq .layout-desc .edit-info{width: 100%;}
.private-booking-Inq .scroll-auto{overscroll-behavior:auto;}
.private-booking-Inq .dl-intro{display: flex;justify-content: space-between;}
.private-booking-Inq .dl-intro .dl:nth-child(1){width:60%;}
.private-booking-Inq .dl-intro .dl:nth-child(2){width: 35%;}
}

.private-booking-Inq .ad,
.private-booking-Inq .ad:not(:hover){color: var(--white-color);}
.private-booking-Inq .ad .tit{font-size: var(--font-size__30); font-weight: var(--font-weight__m); margin-bottom: var(--pm__40);}
.private-booking-Inq .ad .txt{padding-left: var(--pm__80);}
.private-booking-Inq .ad dd{display: flex;align-items: center;font-size: var(--font-size__20); font-weight: var(--font-weight__sb); font-family: var(--f-family__en);}
.private-booking-Inq .ad dd:not(:last-child){margin-right: var(--pm__40);}
.private-booking-Inq .ad dd [data-icon]{width: 0.3rem; height: 0.3rem; margin-right: 0.15rem;}
@media (max-width:480px) {
.private-booking-Inq .ad img{height: 2.4rem; object-fit: cover;}
.private-booking-Inq .ad dl{display: block;}
.private-booking-Inq .ad dd:not(:last-child){margin: 0 0 var(--pm__40) 0;}
}

.team-booking .change-desc{padding-bottom: 1px;border-bottom: 1px solid #f2f6f9; margin-bottom: var(--pm__60);}
.team-booking .layout-desc{border-bottom: 2px solid #f2f6f9; margin: 0; padding-bottom: var(--pm__50);}
.team-booking .layout-desc .edit-info{margin-top: var(--pm__40);}
.team-booking .layout-desc .edit-info p{margin: 0;}
.team-booking .form textarea.form-input{height: 2.73rem; line-height: calc(32 / 18); padding-top: 0.16rem;}
.team-booking .form .el-input{--el-input-focus-border:var(--default-color);--el-input-focus-border-color:var(--default-color);--el-input-placeholder-color:rgba(139, 144, 150,0.4);}
.team-booking .form .el-input__wrapper.is-focus{box-shadow:0 0 0 2px rgba(var(--primary-color__rgb),.2); border: 1px solid var(--default-color);}
@media (min-width:1025px) {
.team-booking .right,
.team-booking .left{width: calc(684 / var(--max-width) * 100%);}
}
@media (min-width:481px) {
   .isMac .team-booking .layout-desc .edit-info{width: calc(1090 / var(--max-width) * 100%);}
   .team-booking .layout-desc .edit-info{width: calc(1090 / var(--max-width) * 100%);}
}

.form-item{margin-bottom: 0.25rem;}
.form-label{width: 1.44rem;text-align: right;color: var(--text-color); line-height: var(--button_height);}
.form-text{flex:1;position: relative;margin-left:var(--pm__20);}
.form-text [data-icon]{position: absolute;right: 0.25rem; top: 50%;transform: translateY(-50%);}
.radio-groups{height: var(--button_height);color: var(--second-color);}
.radio-groups .radio{cursor: default; margin: 2px 0;}
.radio-groups span{ font-size: var(--font-size__18);color: var(--default-color);}
.radio-groups .radio:not(:last-child){margin-right: var(--pm__20);}
.radio-groups i{width: 0.24rem;height: 0.24rem;	border-radius: 0.04rem;border: solid 0.02rem #d3d7da; margin-right: 0.1rem;}
.radio-groups  a{font-size: var(--font-size__16);color: var(--second-color);}
.radio-groups  a[href]{text-decoration: underline;color: var(--default-color);}
.radio-groups  a[href]:hover{color: var(--hover-color);}
.radio-groups input{width: 0; height: 0;position: absolute;appearance: none;}
.radio-groups input:checked + i,
.radio-groups .radio.checked i{background: var(--hover-color) url(../images/form-checked.svg) no-repeat center center;background-size: auto 0.12rem;border-color: var(--hover-color);}
@media (max-width:480px) {
.form-label{width: 1.14rem;}
}

.booking-main{position: relative;z-index: 1; padding-top: calc(1.41rem + var(--header-height)); padding-bottom: var(--pm__140);}
.booking-main .page-ban{position: absolute; left: 0;top: 0;width: 100%;z-index: -1;}
.booking-main .page-ban:before{position: absolute; content: ''; left: 0;bottom: 0;width: 100%; height: var(--br40); border-radius: var(--br40) var(--br40) 0 0; background-color: var(--white-color);}
.booking-main .page-ban .location,
.booking-main .page-ban .txt{visibility: hidden;}
.booking-box{margin-bottom: var(--pm__80);}
.booking-box .container{background-color: var(--white-color);box-shadow: 0rem 0.08rem 0.36rem 0rem rgba(2, 30, 59, 0.08);padding: var(--pm__60);}
.booking-box .common-title{margin-bottom: var(--pm__60);} 

.booking-tab{margin-bottom: var(--pm__60);}
.booking-tab li{flex: 1;text-align: center; font-size: var(--font-size__20); line-height: 0.65rem;position: relative;z-index: 1; font-weight: var(--font-weight__r);}
.booking-tab li.active{color: var(--text-color);}
.booking-tab li:before{position: absolute; left: 0;width: calc(100% + 0.16rem);height: 100%;background: url(../images/step-bg-m.svg) no-repeat center center;background-size: 100% 100%;content: '';z-index: -1;}
.booking-tab li:first-child::before{background-image: url(../images/step-bg-start.svg);}
.booking-tab li:last-child::before{background-image: url(../images/step-bg-end.svg);width: 100%;}
.booking-tab .status-ticket li.active::before{background-image: url(../images/step-bg-start-on.svg);}
.booking-tab .status-order li.active::before,
.booking-tab .status-pay li.active::before{background-image: url(../images/step-bg-m-on.svg);}
.booking-tab .status-complete li.active::before{background-image: url(../images/step-bg-end-on.svg);}
@media (min-width:481px) {
.booking-box .common-title span{font-size: var(--font-size__46);}
}
@media (max-width:1024px) {
   .booking-tab li:before{width: calc(100% + 0.08rem);}
}
@media (max-width:480px) {
.booking-tab li{line-height: 2.4;font-size: var(--font-size__16);}
.booking-tab li:before{width: calc(100% + 0.04rem);}
}

.pay-form{padding: var(--pm__40);margin-bottom: 0.25rem;}
.pay-form .info-top{margin-bottom: var(--pm__20);}
.pay-form .info-top .tit{margin-bottom: 0;}
.pay-form .info-top .price{font-size: var(--font-size__20);font-weight: var(--font-weight__m);}
.pay-form .info-top .price span{color: var(--orange-color);}
.pay-form .total-price{font-size: var(--font-size__30);font-weight: var(--font-weight__m);flex-shrink: 0;}
.pay-form .total-price b{color: var(--orange-color);}
.pay-form .verif-info table{width: auto;}
.pay-form .verif-info table td{width: 3.26rem; padding:0.1rem 0  0.1rem var(--pm__40);}
.pay-form .verif-info  table td.td-label{width: 0.95rem;text-align: right;padding-left: 0;}
.pay-btn [data-button]{min-width: 1.6rem;}
@media (max-width:480px) {
.pay-form .verif-info{display: block;}
.pay-form .info-top .price{font-size: var(--font-size__16);}
.pay-form .verif-info table tr{display: flex;flex-wrap: wrap;}
.pay-form .verif-info table td{width: calc(100% - 5em);}
.pay-form .verif-info  table td.td-label{width: 5em;}
.pay-form .total-price{text-align: right;font-size: var(--font-size__24);}
}

.pay-method li{max-width: 3rem;width: 25%;}
.pay-method li .pic{border-radius: 0.06rem;border: solid 0.01rem var(--second-color);width: 100%; height: 1.46rem; overflow: hidden;background-color: var(--white-color);position: relative;z-index: 1;}
.pay-method li .pic img{max-width: 70%;}
.pay-method li.active .pic{border-color: var(--hover-color);}
.pay-method li.active .pic:after{position: absolute;right: -0.25rem; top: -0.25rem; width: 0.5rem;height: 0.5rem;background: var(--hover-color) url(../images/form-checked.svg) no-repeat left 0.06rem bottom 0.06rem; background-size: auto 0.11rem; border-radius:0.16rem;content: '';z-index: 10;}
.pay-method li .radio{display: flex;align-items: center;font-size: var(--font-size__18);font-weight: var(--font-weight__m); margin-top: var(--pm__20);}
.pay-method li .radio i{display: flex;align-items: center;justify-content: center;width: 0.12rem; height: 0.12rem; border: solid 0.01rem var(--second-color);border-radius: 50%;margin-right: 0.15rem;}
.pay-method li .radio i:before{display: block;content: '';width: 0.06rem;height: 0.06rem; border-radius: 50%;opacity: 0;background-color: var(--hover-color);}
.pay-method li.active .radio i{border-color: var(--hover-color);}
.pay-method li.active .radio i:before{opacity: 1;}
@media (max-width:480px) {
.pay-method li{width: 50%;}
.pay-method li .pic{height: 0.9rem;}
}

.tickets-list{--itemgap: var(--pm__20);background-color: rgba(var(--bg-color__rgb), 0.8); padding: var(--pm__40) var(--pm__40) var(--pm__20);}
.tickets-list .inner{background-color: var(--white-color); padding: var(--pm__50);text-align: center;}
.tickets-list .box .btns button{width: 100%;max-width: 1.6rem;}
.tickets-list .box .sale-price{color: var(--second-color);font-size: var(--font-size__18); font-weight: var(--font-weight__r); margin: var(--pm__30) 0 var(--pm__20) 0;text-decoration: line-through;}
.tickets-list .box .price{color: var(--orange-color);font-size: var(--font-size__30);font-weight: var(--font-weight__b);margin: 0;}
.tickets-list .box .name{font-size: var(--font-size__20);font-weight: var(--font-weight__m); margin-bottom: 1em; min-height: 2em;}
@media (max-width:1024px) {
   .tickets-list{--itemnum:2;}
}
@media (max-width:480px) {
   .tickets-list .box .sale-price{font-size: var(--font-size__16); }
}

.tips-tab{ margin-bottom: var(--pm__50);}
.tips-tab ul{border-bottom: var(--border-color);}
.tips-tab li{padding-bottom: 0.27rem;color: var(--second-color);font-size: var(--font-size__24);font-weight: var(--font-weight__r);cursor: pointer; position: relative;z-index: 1;}
.tips-tab li:not(:last-child){margin-right: calc(var(--pm__60) + 0.06rem);}
.tips-tab li:after{position: absolute; content: '';height: 2px;background-color: var(--hover-color); left: 0; bottom: -1px; width: 0; transition: 0.3s;}
.tips-tab li.active{font-size: var(--font-size__30);font-weight: var(--font-weight__m);color: var(--default-color);}
.tips-tab li.active:after{ width: 100%;}
@media (max-width:480px) {
.tips-tab ul{overflow-y: hidden;overscroll-behavior:auto; overflow-x: auto;}
.tips-tab li{font-size: var(--font-size__20);flex-shrink: 0;}
.tips-tab li.active{font-size: var(--font-size__24);}
.tips-tab li:not(:last-child){margin-right: 0.2rem;}
}

.buy-tit{display: flex;align-items: center;font-size: var(--font-size__20); font-weight: var(--font-weight__m); margin-bottom: 0.24rem;}
.buy-tit .price{margin-left: 2em;}
.buy-tit .price span{color: var(--orange-color);}
.buy-tit:before{width: 0.07rem;height: 0.07rem;border: solid 0.02rem #96d740; margin-right: 0.1rem;border-radius: 50%;display: block;content: '';}

.ischeck{font-size: var(--font-size__18);}
.ischeck a{color: var(--hover-color); text-decoration: underline; font-weight: var(--font-weight__r);}
.ischeck label{position: relative;}
.ischeck input{position: absolute;width: 0;height: 0;opacity: 0;}
.ischeck i{width: 0.2rem;height: 0.2rem; border: 0.02rem solid  #d3d7da;border-radius: 0.04rem;display: block; margin-right: 0.1rem;}
.ischeck input:checked + i{background: var(--hover-color) url(../images/form-checked.svg) no-repeat center center;background-size: auto 0.11rem;border-color: var(--hover-color);}

.order-form{font-size: var(--font-size__18);}
.order-form .ischeck{margin: var(--pm__50) 0;}
.order-form .total-price b{font-weight: var(--font-weight__b);font-size: var(--font-size__30);color: var(--orange-color);}
.order-form [data-button]{min-width: 1.6rem;}
.order-form .options .buy-tit{color: #8b9096;font-size: var(--font-size__24);}
.order-form .nav dd:not(:last-child){margin-right: var(--pm__10);}
.order-form .nav dd a{background-color: var(--white-color);border-radius: 0.06rem; font-size: var(--font-size__18); height: 100%;display: flex;align-items: center; line-height: 2; padding: 0.05rem 0.2rem; transition: 0.3s;}
.order-form .nav dd a.disabled{cursor: not-allowed; background:rgba(var(--black-color__rgb), 0.06);color: var(--second-color);}
.order.order-form .nav dd a:hover{background-color: var(--hover-color);color: var(--default-color);}
.order-form[data-bg]{padding: var(--pm__50) var(--pm__40);}
@media (max-width:1024px) {
.order-form .options{margin-bottom: 0.2rem;}
}
@media (max-width:480px) {
.order-form{font-size: var(--font-size__16);}
.order-form .bottom{display: block;}
.order-form .bottom .right{display: flex;justify-content: flex-end; margin-top: var(--pm__40);}
.order-form .bottom .total-price{text-align: right;}
.order-form .nav dd a{padding: 0.05rem 0.07rem;font-size: var(--font-size__16);}
}

.order-detail .tips{border-bottom: var(--border-color); padding-bottom: var(--pm__50); margin-bottom: var(--pm__40); margin-top: 0.07rem;}
.order-detail .tips h3{margin: 0;font-size: var(--font-size__30);font-weight: var(--font-weight__m);}
.order-detail .tips p{font-size: var(--font-size__16);color: #8b9096; line-height: 1.2;}
.order-detail .tables .t-name{width: 1.6rem;text-align: right; padding-right: 0.34rem;}
.order-detail .tables .table{width: auto;}
.order-detail .tables td{padding-top: 0.1rem;padding-bottom: 0.1rem;color: #222;}
.order-detail .tables td:nth-child(2){width: 2.34rem;}
.order-detail .tables td b{font-weight: var(--font-weight__m);}
.order-code{font-size: var(--font-size__20);font-weight: var(--font-weight__m); margin-top: var(--pm__70);}
.order-code a{font-size: var(--font-size__24);color: var(--hover-color);margin-left: 1em; line-height: 1.3;display: block;   background-image: linear-gradient(var(--hover-color), var(--hover-color)),  repeating-linear-gradient(   to right, var(--hover-color) 0 0.12rem,  transparent 0.12rem 0.2rem);background-position: 0 100%, 0 100%; background-repeat: no-repeat, repeat-x;  background-size: 100% 2px, 0% 2px;}
.order-code a:hover{ background-size: 0% 2px, 200% 2px; animation: dashMove 1s linear infinite; transition: background-size .4s ease;}
 @keyframes dashMove{
    from { background-position: 0 100%, 0 100%; }
    to   { background-position: 0 100%, 0.4rem 100%; }
}
@media (max-width:480px) {
.order-detail .tables tr{display: flex;flex-wrap: wrap;}
.order-detail .tables .t-name{flex-shrink: 0; padding-right: 0.2rem; width: calc(6em + 0.2rem);}
.order-detail .tables td:not(.t-name){width: calc(100% - (6em + 0.2rem));}
.order-detail .tables tr:last-child td:nth-child(1),
.order-detail .tables tr:last-child td:nth-child(2){display: none;}
.order-code,
.order-code a{font-size: var(--font-size__18);}
}

.form .el-form{--itemgap:0.6rem;--el-text-color-placeholder:rgba(var(--second-color__rgb),0.4);}
.form .el-form-item{margin-bottom: 0.2rem;align-items: center;}
.form .el-form-item__label{height:var(--button_height); line-height: var(--button_height);font-size: var(--font-size__18); padding-right: 0.21rem;}
.form .el-form-item__label:before{color: var(--text-color)!important;}
.form .el-input{--el-input-height:var(--button_height); --el-font-size-base:var(--font-size__18);--el-input-width:100%;--el-input-bg-color: #f2f6f9;--el-border-color:#f2f6f9;}
.form .el-input-number{width: 100%;}
.form .el-input-number .el-input{--el-input-bg-color: #fff;--el-fill-color-light:#f2f6f9;}
.form .el-input-number > [class*=el-input-number__]{width: 0.8rem;--el-border:1px solid #f2f6f9;}
.form .el-input-number .el-icon{width: 0.17rem;height: 0.17rem; background: var(--bg-contain);}
.form .el-input-number .el-icon svg{display: none;}
.form .el-input-number .el-input-number__decrease .el-icon{background-image: url(../images/mins2.svg);}
.form .el-input-number .el-input-number__increase .el-icon{background-image: url(../images/plus2.svg);}
.form .el-input__wrapper{padding: 0 0.25rem;--el-input-border-radius:0.06rem}
.form .el-date-editor{--el-date-editor-width:100%;}
.form .el-date-editor .el-input__wrapper{flex-direction: row-reverse;}
.form .el-date-editor .el-icon{color: var(--default-color);width: 0.22rem;margin: 0;}
.form .el-date-editor .el-icon svg{width: 0.22rem; height: 0.22rem;}
.form .el-date-editor .el-input__suffix{position: absolute;margin: 0;right: 0.5rem;}
.form .el-select{--el-select-font-size:var(--font-size__18);--el-fill-color-blank:#f2f6f9;--el-border-color:#f2f6f9;}
.form .el-select__wrapper{ line-height: var(--button_height);height: var(--button_height); font-size: var(--font-size__18);padding: 0 0.25rem;}
.form .el-input__inner::placeholder{font-weight: var(--font-weight__l);}

.form [data-button]{min-width: 1.6rem;}
@media (max-width:480px) {
   .form .el-form{--itemgap:0rem;--itemnum:1;}
.form .el-input-number > [class*=el-input-number__]{width: 0.6rem;}
}

.buy-ticket-intro h3{font-weight: var(--font-weight__m);font-size: var(--font-size__24); margin-bottom: var(--pm__20);line-height: 1;}
.buy-ticket-intro .note{color: var(--second-color);}
.buy-ticket-intro .info-item{display: flex;}
.buy-ticket-intro .info-item .label{width: 1.23rem;flex-shrink: 0;color: var(--second-color);}
.buy-ticket-intro .info-item .content{flex: 1;}
.buy-ticket-intro .info-list{padding: 0;list-style: none;}
.buy-ticket-intro .info-list li{display: flex;align-items: baseline;}
.buy-ticket-intro .info-list li:before{display: block; content: '';width: 0.04rem;height: 0.04rem; border-radius: 50%;margin-right: 0.09rem; background-color: var(--hover-color);flex-shrink: 0;}

.no-orderdata{margin-top: var(--pm__80);}
.no-orderdata .ico{width: 3.08rem; height: 2.47rem;background: url(../images/empty.png) var(--bg-contain); margin-bottom: var(--pm__30);}
.no-orderdata p{text-align: center; line-height: calc(32 / 18); font-size: var(--font-size__18);}
.no-orderdata [data-button]{padding: 0 calc(33 / 18 * 1em);}
.pay-popup .inner{max-width: 10.3rem;}
.pay-popup .pay-count,
.pay-popup .total-price{text-align: center;}
.pay-popup .pay-count b,
.pay-popup .total-price b{color: var(--orange-color);font-weight: var(--font-weight__b);}
.pay-popup .total-price{font-size: var(--font-size__24);font-weight: var(--font-weight__m); margin-bottom: 0.2rem;}
.pay-popup .total-price b{font-size: var(--font-size__30);}
.pay-popup .btns [data-button]{margin: 0 0.1rem; min-width: 1.6rem;}
.pay-code{max-width: 5.6rem; width: 90%; margin: 0.1rem auto 0.4rem;}
.pay-code .phone{position: relative;z-index: 1; width: calc(216 / 560 * 100%);}
.pay-code .phone .svg-ani{position: absolute; bottom: 0.4rem; right: calc(78 / 216 * 100%);width: calc(271 / 216 * 100%);}
.pay-code .phone .svg-ani svg{width: 100%;animation: resetAnimation 4s linear infinite;}
.pay-code .phone .svg-ani svg .line{stroke-dasharray: 4, 2;}

.pay-code .code{text-align: center; width: calc(193 / 560 * 100%);}
.pay-code .code .img{border-radius: var(--br10); border: 1px solid #efefef; overflow: hidden;}
.pay-code .code h3{margin: 0.2rem 0 0 0;font-size: var(--font-size__18);font-weight: var(--font-weight__m); line-height: calc(32 / 18);}

.contract-popup  .title{margin-bottom: 0.2rem;}
.contract-popup  .inner{max-width: 7.8rem;}
.contract-popup .edit-info{padding: 0 var(--pm__50);text-indent: 2em;color: #222;}
.contract-popup .edit-info p,
.contract-popup .edit-info p + p{margin: 0;}

.refund-popup .inner{max-width:10.3rem;margin: 15vh 0;}
.refund-popup .el-form{width: 90%;max-width:6rem; margin: 0 auto var(--pm__30);}
.refund-popup .el-form-item__label{line-height: var(--button_height); height: var(--button_height);font-size: var(--font-size__18);color: var(--text-color);}
.refund-popup .el-select{--el-border-color:var(--bg-color);--el-fill-color-blank:var(--bg-color);}
.refund-popup .el-select__wrapper{line-height: var(--button_height); min-height: var(--button_height); padding: 0 0.24rem;font-size: var(--font-size__18);}
.refund-popup .order-form{box-shadow: 0 0 0.16rem rgba(var(--default-color__rgb), 0.1);border-radius: 0.13rem;border: solid 0.01rem var(--bg-color); margin: 0 var(--pm__50); padding: var(--pm__40);}
.refund-popup .btns{margin-top: var(--pm__40);}
.refund-popup .btns [data-button]{font-size: var(--font-size__16); min-width: 1.6rem;}
.refund-popup .tables td{color: #222;font-size: var(--font-size__18); }
.refund-popup .tables tr:not(:last-child) td{padding-bottom: 0.2rem;}
.refund-popup .t-name{width: 1.43rem;text-align: right;padding-right: 0.34rem;}
.refund-popup .el-form .small-lh *{line-height: calc(24 / 18); height: auto; font-size: var(--font-size__18);}

@media (min-width:481px) {
.contract-popup .close{right: -0.1rem; top: -0.1rem;}
}
@media (max-width:480px) {
[data-popup] .title{font-size: var(--font-size__24); height: 0.75rem;padding-bottom: 0.1rem;margin-top: -0.18rem;}
[data-popup] .close{width: 0.7rem;height: 0.7rem; top: 0.1rem;}
}

.faq-search{position: relative;z-index: 1;max-width: 8.5rem; width: 90%;margin: 0 auto var(--pm__80);}
.faq-search .form-input{background: #fff;border-radius: var(--br16); padding-right: 1.5rem;font-size: var(--font-size__18);--input-height:0.6rem}
.faq-search .form-input:not(:focus){border-color: var(--white-color);font-weight: var(--font-weight__l);color: #aeb4ba;}
.faq-search .btn{width: 1.4rem;background-color: var(--hover-color);color: var(--white-color);border-radius:var(--br16);display: flex;align-items: center;height: 100%;justify-content: center;position: absolute;right: 0;top: 0; cursor: pointer;font-size: var(--font-size__20);}
.faq-search .btn i{filter: brightness(0) invert(1);}

.faq-list .box{margin-bottom: var(--pm__30);border-radius: var(--br16); background-color: rgba(var(--white-color__rgb), 0.4); padding: var(--pm__40);}
.faq-list .box .tit{display: flex;align-items: baseline;cursor: pointer;}
.faq-list .box .tit i,
.faq-list .box i.a{display: flex;align-items: center;justify-content: center;font-weight: var(--font-weight__sb);font-family: var(--f-family__en);border-radius: 50%;flex-shrink: 0;color: var(--white-color);}
.faq-list .box .tit i{width: 0.6rem;height: 0.6rem;background-color: var(--hover-color);font-size: var(--font-size__30);}
.faq-list .box i.a{background-color: var(--default-color);width: 0.4rem;height: 0.4rem;font-size: var(--font-size__20);}
.faq-list .box .txt{flex: 1;margin-left: 0.62rem;background: var(--white-color);border-radius: 0 0.06rem 0.06rem 0;position: relative;z-index: 1;font-size: var(--font-size__24); line-height: calc(40 / 24); padding: 0.1rem 0.6rem 0.1rem 0;font-weight: var(--font-weight__r);}
.faq-list .box .txt:after,
.faq-list .box .txt::before{position: absolute;content: '';}
.faq-list .box .txt::before{background: url(../images/faq-tit-bg.svg) no-repeat left top;background-size: auto 100%;width: 0.62rem;top: 0;right: 100%; height: 100%;}
.faq-list .box .txt:after{width: 0.2rem;height: 0.2rem;right: 0.2rem; top: 50%;margin-top: -0.1rem;background: url(../images/plus.svg) var(--bg-contain);}
.faq-list .box.active .txt:after{background-image: url(../images/mins.svg);}
.faq-list .box .answer{padding-top: var(--pm__20);display: none;}
.faq-list .box .inside{background-color: var(--white-color); padding: var(--pm__30);position: relative;z-index: 1;border-radius: var(--br10);}
.faq-list .box .inside:before{position: absolute;content: '';border:0.1rem solid transparent;border-bottom-color: var(--white-color); left: 0.2rem;  bottom: 100%;}
.faq-list .box .edit-info{flex: 1; margin-left: 0.2rem; line-height: calc(32 / 18);}
.faq-list .box .edit-info p{margin: 0!important;}
@media (max-width:480px) {
   .faq-list .box .tit i{ width: 0.36rem;height: 0.36rem; font-size: var(--font-size__20);}
.faq-list .box i.a{width: 0.3rem;height: 0.3rem;font-size: var(--font-size__18);}
   .faq-list .box .txt{ font-size: var(--font-size__20); line-height: 1.3;}
}

.sevice-equ .left .edit-info{line-height: calc(32 / 18);}
.sevice-equ .left .edit-info strong{font-weight: var(--font-weight__m);}
.edit-equ{display: flex;align-items: baseline;font-weight: var(--font-weight__m);flex-wrap: wrap;}
.edit-equ .text-line{margin-left: 0.3em;}
@media (min-width:1025px) {
.sevice-equ .right{width: calc(440 / var(--max-width) * 100%);}
.sevice-equ .left{width: calc(780 / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
.sevice-equ .right{margin-top: var(--pm__60);}
}

.map-js{overflow: hidden; background-color: var(--white-color); margin-top: var(--pm__60);}
.map-js #map{height: 5rem;}
.map-js #map .img{height: 100%; object-fit:cover;}
.map-js .right{flex: 1;display: flex;align-items: center; justify-content: center;}
.map-js .all-title{font-size: var(--font-size__30);}
.map-js .right-con{max-width: 90%; align-items: baseline;}
.map-js .right-con p{font-size: var(--font-size__20); margin-bottom: 0; line-height:1.5}
.map-js .right-con i[data-icon]{flex-shrink: 0;}
@media (min-width:1025px) {
.map-js .left{width: calc(900 / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
.map-js #map{height: 4rem;}
.map-js .right{justify-content: flex-start;padding: var(--pm__40);}
}

.traffic .item{margin-top: var(--pm__30); background-color: var(--white-color); padding: 0 var(--pm__40) var(--pm__40);}
.traffic .item .edit-info{background-color: rgba(var(--bg-color__rgb), 0.6); padding: var(--pm__30);}
.traffic .title{font-size: var(--font-size__24);font-weight: var(--font-weight__m); padding: var(--pm__30) 0;}
.traffic .title .icon{width: 0.24rem;height: 0.27rem; object-fit: contain;flex-shrink: 0; margin-right: 0.12rem;}
.traffic .edit-info{line-height: calc(32 / 18);}
.edit-dl dl ~ dl{margin-top: var(--pm__40);}
.edit-dl dt{display: flex;align-items: center;font-weight: var(--font-weight__m);}
.edit-dl dt:before{display: block; content: '';width: 0.07rem;height: 0.07rem;border: solid 0.02rem #96d740; border-radius: 50%; margin-right: 0.1rem;}
@media (max-width:480px) {
.traffic .title{font-size: var(--font-size__20);}
}

.parkNav{margin-top: var(--pm__80);}
@media (min-width:481px) {
.parkNav .layout-desc{align-items: flex-start;}
.parkNav .layout-desc .edit-info{width: calc(1130 / var(--max-width) * 100%);}
}

.parkNav-map{background-color: var(--white-color); padding: var(--pm__60);}
.parkNav-map .left li{text-align: center;font-size: var(--font-size__18);background-color:var(--bg-color);border-radius: 0.08rem; font-weight: var(--font-weight__m);margin-bottom: var(--pm__30); padding: 0.1rem; line-height: calc(37 / 18);cursor: pointer;}
.parkNav-map .left li.active{background-color: var(--hover-color);}
.parkNav-map .area dl,
.parkNav-map .area dd{display: flex;align-items: center;}
.parkNav-map .area dl{flex-wrap: wrap;}
.parkNav-map .area dd{color: var(--text-color); margin-right: var(--pm__20); margin-top: var(--pm__20);}
.parkNav-map .area dd:before{display: block; content: '';width: 0.4rem;height: 0.14rem;background-color: var(--color);border-radius: 0.03rem; margin-right: 0.1rem;}
.parkNav-map .map-img{position: relative;z-index: 1;}
.parkNav-map .point{position: absolute; left: calc(var(--left) / 900 * 100%); top: calc(var(--top) / 750 * 100%);z-index: 10;cursor: pointer;--color:var(--hover-color);}
.parkNav-map .point:hover{z-index: 12;}
.parkNav-map .point .num{display: flex;align-items: center;height: 0.34rem; width: 0.34rem; justify-content: center;}
.parkNav-map .point .num span{font-weight: var(--font-weight__b);position: relative;z-index: 2;display: block;}
.parkNav-map .point .num i{position: absolute; left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;background-color: var(--color);z-index: 1; transition: 0.3s; border: 1px solid rgba(var(--white-color__rgb),0.2);}
.parkNav-map .point .num i:after{position: absolute;content: '';background-color: var(--color); left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;}
.parkNav-map .point .num.True i,
.parkNav-map .point .num.True i:after{background-color: var(--white-color);}
.parkNav-map .point:hover .num i{transform: scale(calc(38 / 34));}
.parkNav-map .point:hover .num i:after{animation: point 2s infinite linear;}
@keyframes point {
   0%{transform: scale(1);opacity: 0.8;}
   100%{transform: scale(2); opacity: 0;}
}
.parkNav-map .point .hover-tit{position: absolute;width: max-content;left: 50%;bottom: calc(100% + 0.16rem); background-color: var(--white-color);font-weight: var(--font-weight__m);padding: 0.1rem 0.18rem; line-height: 1.2; box-shadow: 0 0.08rem 0.3rem rgba(2, 30, 59, 0.3); border-radius: 0.08rem;border-left: 0.04rem solid var(--color); transform: translateX(-50%) translateY(-0.3rem);opacity: 0; visibility: hidden; transition: 0.3s;max-width: 4rem;}
.parkNav-map .point .hover-tit:after{position: absolute; content: '';border: 5px solid transparent; border-top-color: var(--white-color); top: 100%;left: 50%;margin-left: -5px;}
.parkNav-map .point:hover .hover-tit{opacity: 1;visibility: visible; transform:translateX(-50%) translateY(0);}
@media (min-width:1025px) {
.parkNav-map .left{width: calc(200 / 1280 * 100%);}
.parkNav-map .right{width: calc(900 / 1280 * 100%);}
.parkNav-map .area{width: calc(402 / 200 * 100%);}
}
@media (max-width:1024px) {
   .parkNav-map .left{margin-bottom: var(--pm__60);}
   .parkNav-map .left ul{display: flex;flex-wrap: wrap;--lin:4;--limr:0.1rem}
   .parkNav-map .left li{width: calc((100% - var(--limr) * (var(--lin) - 1)) / var(--lin)); margin-bottom:var(--limr); line-height: 1.2;}
}
@media (min-width:481px) and (max-width:1024px) {
   .parkNav-map .left li:not(:nth-child(4n)){margin-right:var(--limr);}
}
@media (max-width:480px) {
   .parkNav-map .left ul{--lin:2;}
   .parkNav-map .left li:not(:nth-child(2n)){margin-right:var(--limr);}
   .parkNav-map .point .num{transform: scale(0.7);}
.parkNav-map .point .hover-tit{max-width: 2rem;}
}

.explain-time .content-1 .figure{padding-bottom: calc(394 / 700 * 100%);}
.explain-time .controls-pages{width: auto;right: var(--pm__30);left: auto; height: auto; }
.explain-time .content-1 .tit{color: var(--white-color);padding: var(--pm__30);font-size: var(--font-size__18);font-weight: var(--font-weight__m);}
.explain-time .content-2{margin-top: var(--pm__100); padding: var(--pm__40);}
@media (min-width:1025px) {
.explain-time .content-1 .left{width: calc(600 / var(--max-width) * 100%);}
.explain-time .content-1 .right{width: calc(700 / var(--max-width) * 100%);}
}
@media (max-width:1024px) {
.explain-time .content-1 .left{margin-bottom: var(--pm__60);}
}

.edit-talk-table h3,
.edit-talk-table .subtitle{text-align: center;}
.edit-talk-table h3{font-size: var(--font-size__30); font-weight: var(--font-weight__m);}
.edit-talk-table .subtitle{margin: 0 0 var(--pm__30) 0;color: var(--text-color);}
.edit-talk-table .note{margin-top: var(--pm__20);color: var(--text-color);}
.talk-schedule{border-radius: var(--br16);background-color: var(--white-color);}
.talk-schedule td,
.talk-schedule th{padding: var(--pm__20);border: solid 0.02rem rgba(var(--bg-color__rgb), 0.9);width: calc(100% / 3);}
.talk-schedule td{text-align: center;}
.talk-schedule tr:nth-child(2n+1) td{background-color: rgba(var(--bg-color__rgb), 0.2);}
.talk-schedule th{font-weight: var(--font-weight__m);}
@media (max-width:1024px) {
   .talk-schedule td{line-height: 1.4;}
}

.area-menu{position: fixed;right: 0;height: 100%;z-index: 103; top: 0; overflow: hidden; width: 1.2rem;}
.area-menu ul{display: flex;justify-content: center;flex-direction: column; height: 100%;position: relative;z-index: 2;}
.area-menu li{flex-shrink: 0; position: relative; padding-left: 0.7rem; height:calc(104 / 940 * 100vh); transition: 0.3s;}
.area-menu li:nth-child(1){height:calc(105 / 940 * 100vh);}
.area-menu li:nth-child(9){height:calc(107 / 940 * 100vh);}
.area-menu li:hover,
.area-menu li.active{padding-left: 0.6rem; }
.area-menu li:not(:last-child):after{position: absolute; content: '';width: 2px;height: 2px;border-radius: 50%;background-color: var(--white-color); bottom: 0;right: 0.25rem;z-index: 2; opacity: 0.5;}
.area-menu li a{color: rgba(var(--white-color__rgb), 0.6); writing-mode: vertical-lr;display: flex; align-items: center;justify-content: center;height: 100%;width: 100%;letter-spacing: -4px;position: relative;z-index: 3;}
.area-menu li:hover a,
.area-menu li.active a{color: var(--white-color);}
.area-menu li:before{position: absolute;right: 0;top: 0;height: 100%;width: 1.07rem;background: no-repeat left center; background-size: auto calc(104 / 940 * 100vh); content: '';transform: translateX(0.17rem);transition: 0.3s;z-index: 1;}
.area-menu li:hover::before,
.area-menu li.active::before{transform: translateX(0);}
.area-menu li:nth-child(1):before{background-image: url(../images/menu/1.png);background-size: auto calc(105 / 940 * 100vh);}
.area-menu li:nth-child(2):before{background-image: url(../images/menu/2.png);}
.area-menu li:nth-child(3):before{background-image: url(../images/menu/3.png);}
.area-menu li:nth-child(4):before{background-image: url(../images/menu/4.png);}
.area-menu li:nth-child(5):before{background-image: url(../images/menu/5.png);}
.area-menu li:nth-child(6):before{background-image: url(../images/menu/6.png);}
.area-menu li:nth-child(7):before{background-image: url(../images/menu/7.png);}
.area-menu li:nth-child(8):before{background-image: url(../images/menu/8.png);}
.area-menu li:nth-child(9):before{background-image: url(../images/menu/9.png);background-size: auto calc(107 / 940 * 100vh);}
.area-menu li:nth-child(1).active:before{background-image: url(../images/menu-on/1.png);}
.area-menu li:nth-child(2).active:before{background-image: url(../images/menu-on/2.png);}
.area-menu li:nth-child(3).active:before{background-image: url(../images/menu-on/3.png);}
.area-menu li:nth-child(4).active:before{background-image: url(../images/menu-on/4.png);}
.area-menu li:nth-child(5).active:before{background-image: url(../images/menu-on/5.png);}
.area-menu li:nth-child(6).active:before{background-image: url(../images/menu-on/6.png);}
.area-menu li:nth-child(7).active:before{background-image: url(../images/menu-on/7.png);}
.area-menu li:nth-child(8).active:before{background-image: url(../images/menu-on/8.png);}
.area-menu li:nth-child(9).active:before{background-image: url(../images/menu-on/9.png);}
.area-menu .svg-bg{position: absolute;right: 0;top: 0;height: 100%;width: 1.68rem;z-index: 1;background: url(../images/menu.svg) no-repeat left top;background-size: auto 100%; display: none;}
.area-menu .svg-bg svg{width: 100%;height: 100%;}
.area-menu .svg-bg svg path{transform: translateX(0.55rem);}
@media (max-width:1024px) {
.area-menu{display: none;}
}

.highlights [data-arrows]{position: absolute; top: 65%;z-index: 10;cursor: pointer;}
.highlights .prev{left: 29%;}
.highlights .next{right: 29%;}
.highlights .common-title{margin-bottom: var(--pm__60);}
.highlights .swiper{width: calc(2946 / 1920 * 100%); margin-left: calc((2946 / 1920 * 100% - 100%) / -2);}
.highlights .swiper-slide .figure{padding-bottom: calc(540 / 960 * 100%); transition: 0.3s; clip-path: inset(0px 0px 35.4% 0px round var(--br20));transform: translateY(35.4%);}
.highlights .swiper-slide-active .figure{clip-path: inset(0px round var(--br20));transform: translateY(0%);}
@media (max-width:480px) {
.highlights [data-arrows]{top: 50%;}
.highlights .prev{left: 25%;}
.highlights .next{right: 25%;}
}

.highlights:before,
.highlights:after{position: absolute;content: '';background: var(--bg-contain); width: calc(var(--w) / 1920 * 100vw); padding-bottom: calc(var(--h) / 1920 * 100vw); left: calc(var(--left) / 1920 * 100vw); top:calc(var(--top) / 920 * 100%)}

.SpecialArea .highlights:before{--w:354;--h:199;--left:174;--top:206;background-image: url(../images/cssimg/SpecialArea/6.png); }
.SpecialArea .highlights:after{--w:537;--h:302;--left:1251;--top:13;background-image: url(../images/cssimg/SpecialArea/7.png);}

.ChinaArea .highlights:before{--w:290;--h:51;--left:266;--top:286; background-image: url(../images/cssimg/ChinaArea/5.png);}
.ChinaArea .highlights:after{ --w:286;--h:59;--left:1495;--top:126;background-image: url(../images/cssimg/ChinaArea/6.png);}

.SouthAmerica .highlights:before{ --w:225;--h:175;--left:0;--top:209;background-image: url(../images/cssimg/SouthAmerica/4.png);}
.SouthAmerica .highlights:after{--w:443;--h:202;--left:1322;--top:122;background-image: url(../images/cssimg/SouthAmerica/5.png);}

.Australia .highlights:before{--w:118;--h:98;--left:0;--top:209; background-image: url(../images/cssimg/Australia/4.png); }
.Australia .highlights:after{--w:180;--h:102;--left:1531;--top:120;background-image: url(../images/cssimg/Australia/5.png); }

.Africa .highlights:before{--w:294;--h:122;--left:144;--top:214; background-image: url(../images/cssimg/Africa/5.png);}
.Africa .highlights:after{ --w:374;--h:156;--left:1469;--top:87;background-image: url(../images/cssimg/Africa/6.png);}

.SoutheastAsia .highlights:before{--w:462;--h:166;--left:81;--top:251; background-image: url(../images/cssimg/SoutheastAsia/4.png); }
.SoutheastAsia .highlights:after{--w:506;--h:284;--left:1290;--top:89;background-image: url(../images/cssimg/SoutheastAsia/5.png); }

.ColdWaterZone .highlights:before{--w:329;--h:217;--left:0;--top:178; background-image: url(../images/cssimg/ColdWaterZone/3.png); }
.ColdWaterZone .highlights:after{--w:480;--h:269;--left:1347;--top:52;background-image: url(../images/cssimg/ColdWaterZone/4.png); }

.PolarRegions .highlights:before{--w:439;--h:248;--left:108;--top:125; background-image: url(../images/cssimg/PolarRegions/3.png); }
.PolarRegions .highlights:after{--w:296;--h:167;--left:1568;--top:241;background-image: url(../images/cssimg/PolarRegions/4.png); }

.CoastalZone .highlights:before{--w:333;--h:187;--left:90;--top:182; background-image: url(../images/cssimg/CoastalZone/5.png);}
.CoastalZone .highlights:after{ --w:548;--h:205;--left:1372;--top:142;background-image: url(../images/cssimg/CoastalZone/6.png);}

.DeepSeaZone .highlights:before{--w:477;--h:88;--left:140;--top:287; background-image: url(../images/cssimg/DeepSeaZone/4.png); }
.DeepSeaZone .highlights:after{--w:535;--h:115;--left:1351;--top:84;background-image: url(../images/cssimg/DeepSeaZone/5.png); }

.activity-common{padding-bottom: 0;}
.activity-common .common-title{margin-bottom: 0.26rem;}
.activity-common .swiper{padding: 0 0.36rem;margin: 0 -0.36rem;width: auto;}
.activity-common .swiper-wrapper{justify-content: space-between;}
.activity-common .swiper-slide{padding-bottom: 0.44rem;height: auto; padding-top: 0.24rem;}
.activity-common a.inner{display: block;box-shadow: 0 0.08rem 0.36rem rgba(2, 30, 59, 0.08); overflow: hidden; height: 100%; transition: 0.3s;}
.activity-common a.inner:hover{box-shadow: 0 0.08rem 0.36rem rgba(2, 30, 59, 0.15);}
.activity-common .figure{padding-bottom: calc(248 / 440 * 100%);}
.activity-common a.inner:hover .figure .img{transform: scale(1.15);}
.activity-common .txt{padding: var(--pm__40);}
.activity-common .txt h3{font-size: var(--font-size__22); line-height: calc(36 / 22);font-weight: var(--font-weight__m);margin: 0;}
.activity-common .txt p{line-height: calc(30 / 16);color: var(--text-color); margin: var(--pm__20) 0 var(--pm__30) 0;}
.activity-common .txt time{color: var(--second-color);}
.activity-common .btn{margin-top: 0.16rem;}

#playAuto.isplaying .before,
#playAuto .after{display: none;}
#playAuto .after{position: relative;z-index: 2;}
#playAuto.isplaying .after{display: flex;align-items: center;}
#playAuto .sound__wave{margin-right: 0.14rem; }
#playAuto.isplaying:not(.ispause) [data-icon*='audio']{background-image: url(../images/audio-pause.svg);}
#playAuto.ispause .sound__wave .wave{animation: none; height: 10%;}

.area-intro{margin-top: -0.24rem;position: relative;z-index: 1;}
.area-intro:before,
.area-intro:after{position: absolute;content:'';background: var(--bg-contain);width: calc(var(--w) / 1920 * 100vw);height: calc(var(--h) / 1920 * 100vw); left: calc(var(--left) / 1920 * 100vw); top: calc(var(--top) / 1920 * 100vw);}
.area-intro .common-title{margin-bottom: var(--pm__30);}
.area-intro .edit-info{width: 90%;max-width: 9.52rem; margin: 0 auto var(--pm__40);text-align: center; min-height: 4em;}
.area-intro .option [data-button]{min-width: 1.5rem;}
.area-intro .option [data-button] + [data-button]{margin-left: 0.16rem;}
.area-intro .option [data-button]:hover .sound__wave {filter: brightness(0) invert(1);}
@media (max-width:480px) {
.area-intro{margin: 0 0 var(--pm__140) 0;}
}

.Australia .area-intro:before{--w:314;--h:300;--left:0;--top:28; background-image: url(../images/cssimg/Australia/1.png);}
.Australia .area-intro:after{--w:295;--h:206;--left:1476;--top:178; background-image: url(../images/cssimg/Australia/2.png);}
.SoutheastAsia .area-intro:before{--w:400;--h:226;--left:128;--top:91; background-image: url(../images/cssimg/SoutheastAsia/1.png);}
.SoutheastAsia .area-intro:after{--w:432;--h:243;--left:1325;--top:168; background-image: url(../images/cssimg/SoutheastAsia/2.png);}
.ColdWaterZone .area-intro:before{--w:388;--h:145;--left:165;--top:190; background-image: url(../images/cssimg/ColdWaterZone/1.png);}
.PolarRegions .area-intro:before{--w:440;--h:248;--left:123;--top:100; background-image: url(../images/cssimg/PolarRegions/1.png);}
.CoastalZone .area-intro:before{--w:288;--h:162;--left:113;--top:42; background-image: url(../images/cssimg/CoastalZone/1.png);}
.CoastalZone .area-intro:after{--w:268;--h:150;--left:1391;--top:206; background-image: url(../images/cssimg/CoastalZone/2.png);}
.DeepSeaZone .area-intro:before{--w:374;--h:210;--left:97;--top:88; background-image: url(../images/cssimg/DeepSeaZone/1.png);}
.DeepSeaZone .area-intro:after{--w:420;--h:236;--left:1370;--top:174; background-image: url(../images/cssimg/DeepSeaZone/2.png);}

.area-items  [class*=item-style_]:last-child{margin-bottom: var(--pm__170)!important;}

[class*=item-style_] .inner{position: relative;}
[class*=item-style_] .inner:before,
[class*=item-style_] .inner:after{content: ''; position: absolute;background: var(--bg-contain);width: calc(var(--w) / var(--max-width) * 100%);height: calc(var(--h) / var(--mh) * 100%); left: calc(var(--left) / var(--max-width) * 100%); top: calc(var(--top) / var(--mh) * 100%);}
[class*=item-style_] .tit{font-size: var(--font-size__36);font-weight: var(--font-weight__m);margin: 0 0 0.27rem 0;}
[class*=item-style_] .edit-info{color: var(--text-color); line-height: calc(32 / 18);}
[class*=item-style_] .svg-text-content-fill{opacity: 0;}
[class*=item-style_] .svg-text-content-outline{stroke-width: 0.4;}
[class*=item-style_] .text-stroke{position: absolute; width: max-content;z-index: 2;}
[class*=item-style_] .svg-text-outline{ height: 1.05rem; transform: translateY(19%);}
@media (max-width:480px) {
[class*=item-style_]{margin: var(--pm__80) 0;}
[class*=item-style_] .inner{display: block;}
[class*=item-style_] .svg-text-outline{ height: 0.7rem; }
[class*=item-style_] .svg-text-content-outline{stroke-width: 1;}
}
/* 左图右（文+图） */
.item-style_1{margin: var(--pm__140) 0 var(--pm__180) 0;}
.item-style_1 .left{ padding-bottom: calc(var(--pm__50) + 0.06rem);}
.item-style_1 .right{display: flex;align-items: flex-end;flex-direction: column;}
.item-style_1 .left .figure{padding-bottom: calc(438 / 730 * 100%);}
.item-style_1 .right .figure{padding-bottom: calc(216 / 360 * 100%);}
.item-style_1 .right .txt{padding-right: var(--pm__50); margin-bottom: var(--pm__40);}
.item-style_1 .right > .img{width: calc(360 / 533 * 100%);}
.item-style_1 .text-stroke{bottom: 0;left: calc(279 / var(--max-width) * 100%);}
.item-style_1 .inner{--mh:494;}
.ChinaArea .item-style_1 .inner:before{ --w:228;--h:60;--left:-42;--top:-202;background-image: url(../images/cssimg/ChinaArea/1.png);}
.ChinaArea .item-style_1 .inner:after{ --w:343;--h:59;--left:1127;--top:-111;background-image: url(../images/cssimg/ChinaArea/2.png);}
.SpecialArea .item-style_1 .inner:before{ --w:438;--h:246;--left:1189;--top:-109;background-image: url(../images/cssimg/SpecialArea/1.png);}
@media (min-width:481px) {
.item-style_1 .left{width: calc(730 / var(--max-width) * 100%);}
.item-style_1 .right{width: calc(533 / var(--max-width) * 100%);}
}
@media (max-width:480px) {
   .item-style_1 .text-stroke{left: 0;}
}

.item-style_6{margin: var(--pm__180) 0 var(--pm__160) 0;}
.item-style_6 .right .figure{padding-bottom: calc(516 / 860 * 100%);}
.item-style_6 .text-stroke{bottom: 0;left: 0;}
.item-style_6 .text-stroke .svg-text-outline{ transform: translateY(5%);}
.item-style_6 .inner{--mh:516;}
.ChinaArea .item-style_6 .inner:before{ --w:343;--h:59;--left:371;--top:49;background-image: url(../images/cssimg/ChinaArea/3.png);}
.SpecialArea .item-style_6 .inner:before{ --w:391;--h:220;--left:-213;--top:-164;background-image: url(../images/cssimg/SpecialArea/2.png);}
@media (min-width:481px) {
.item-style_6 .left{width: calc(395 / var(--max-width) * 100%); }
.item-style_6 .right{width: calc(860 / var(--max-width) * 100%); }
}
@media (max-width:480px) {
.item-style_6 .right{margin-top: var(--pm__80);}
}

.item-style_5{margin: var(--pm__160) 0;}
.item-style_5 .right{padding-bottom: var(--pm__90);}
.item-style_5 ul li:nth-child(1) {width: calc(440 / 800 * 100%);}
.item-style_5 ul li:nth-child(1) .figure{padding-bottom: calc(550 / 440 * 100%);}
.item-style_5 ul li:nth-child(2) {width: calc(320 / 800 * 100%); position: relative;}
.item-style_5 ul li:nth-child(2) .figure{padding-bottom: calc(400 / 320 * 100%);}
.item-style_5  .text-stroke{top: -0.37rem;left: 0.16rem;}
.item-style_5 .inner{--mh:550;}
.Australia .item-style_5 .inner:before{--w:282;--h:197;--left:1125;--top:-108;background-image: url(../images/cssimg/Australia/3.png);}
.SoutheastAsia .item-style_5 .inner:before{--w:324;--h:182;--left:1175;--top:-104;background-image: url(../images/cssimg/SoutheastAsia/3.png);}
.ChinaArea .item-style_5 .inner:before{ --w:543;--h:149;--left:877;--top:-84;background-image: url(../images/cssimg/ChinaArea/4.png);}
.DeepSeaZone .item-style_5 .inner:before{ --w:280;--h:157;--left:1130;--top:-119;background-image: url(../images/cssimg/DeepSeaZone/3.png);}
.SpecialArea .item-style_5 .inner:before{ --w:385;--h:216;--left:1040;--top:-171;background-image: url(../images/cssimg/SpecialArea/3.png);}
@media (min-width:481px) {
.item-style_5 ul{width: calc(800 / var(--max-width) * 100%);}
.item-style_5 .right{width: calc(486 / var(--max-width) * 100%); }
.item-style_5 .svg-text-outline{ height: 0.95rem; transform: translateY(0%);}
}
@media (max-width:480px) {
.item-style_5 .right{margin-top: var(--pm__120);}
.item-style_5  .text-stroke{left: -30vw; top:90%}
}

.item-style_4 .figure{padding-bottom: 50%;}
.item-style_4 .txt-area{padding: var(--pm__40);}
.item-style_4 .text-stroke{bottom: -0.37rem;left: 0.16rem;}
.item-style_4 .inner{--mh:700;}
@media (min-width:481px) {
.item-style_4{margin: var(--pm__140) 0 var(--pm__180) 0;}
.item-style_4 .txt{color: var(--white-color);width: calc(519 / var(--max-width) * 100%);}
.item-style_4 .edit-info{color: var(--white-color);}
}
@media (max-width:480px) {
.item-style_4 .txt-area{position: relative;padding-left: 0; padding-right: 0;}
.item-style_4 .text-stroke{position: relative; margin-top: -0.37rem;z-index: 10; bottom: auto;left: 0;}
}

.SouthAmerica .item-style_4 .inner::before{--w:1499;--h:194;--left:-48;top: auto;bottom: 100%; background-image: url(../images/cssimg/SouthAmerica/1.png); background-position: center bottom;}
.Africa .item-style_4 .inner::before{--w:394;--h:144;--left:0;top: auto;bottom: 100%; background-image: url(../images/cssimg/Africa/1.png); background-position: center bottom;}
.Africa .item-style_4 .inner::after{--w:394;--h:95;left:auto;right:0;top: auto;bottom: 100%; background-image: url(../images/cssimg/Africa/2.png); background-position: center bottom;}

.item-style_3 .right{position: relative;}
.item-style_3 .txt{margin-bottom: var(--pm__80); }
.item-style_3 .left .figure{padding-bottom:calc(282 / 500 * 100%)}
.item-style_3 .right .figure{padding-bottom:calc(417 / 741 * 100%)}
.item-style_3 .text-stroke{left: calc(-93 / 741 * 100%);bottom: -0.37rem;}
.item-style_3 .inner::before{--mh:613;}
@media (min-width:481px) {
.item-style_3{margin: var(--pm__190) 0 var(--pm__90) 0;}
.item-style_3 .left{width: calc(500 / var(--max-width) * 100%);}
.item-style_3 .right{width: calc(741 / var(--max-width) * 100%); }
.item-style_3 .txt{padding-top: var(--pm__60);}
}
@media (max-width:480px) {
.item-style_3 .right{margin-left: 0.7rem; margin-top: 0.3rem;}
}

.SouthAmerica .item-style_3 .inner::before{--w:369;--h:143;--left:1056;--top: 505;background-image: url(../images/cssimg/SouthAmerica/2.png);}
.Africa .item-style_3 .inner::before{--w:410;--h:231;--left:1009;--top: 461;background-image: url(../images/cssimg/Africa/3.png);}
.ColdWaterZone .item-style_3 .inner::before{--w:411;--h:116;--left:990;--top: 510;background-image: url(../images/cssimg/ColdWaterZone/2.png);}
.PolarRegions .item-style_3 .inner::before{--w:332;--h:123;--left:1098;--top: 505;background-image: url(../images/cssimg/PolarRegions/2.png);}
.CoastalZone .item-style_3 .inner::before{--w:354;--h:198;--left:1065;--top: 429;background-image: url(../images/cssimg/CoastalZone/3.png);}
.SpecialArea .item-style_3 .inner::before{--w:349;--h:196;left: auto;right:0;--top: 482;background-image: url(../images/cssimg/SpecialArea/4.png);}

.item-style_2{margin: var(--pm__140) 0;}
.item-style_2 .in-top{margin-bottom: var(--pm__50);}
.item-style_2 .figure{padding-bottom: calc(585 / 1040 * 100%);}
.item-style_2 .nums{position: absolute; z-index: 10;}
.item-style_2 .nums .text-stroke{position: relative;}
.item-style_2 .inner{--mh:731;}
.SouthAmerica .item-style_2 .inner::before{--w:479;--h:237;--left:118;--top: 521;background-image: url(../images/cssimg/SouthAmerica/3.png);}
.Africa .item-style_2 .inner::before{--w:394;--h:161;--left:130;--top: 554;background-image: url(../images/cssimg/Africa/4.png);}
.CoastalZone .item-style_2 .inner::before{--w:347;--h:195;--left:133;--top: 550;background-image: url(../images/cssimg/CoastalZone/4.png);}
.SpecialArea .item-style_2 .inner::before{--w:464;--h:261;--left:106;--top: 480;background-image: url(../images/cssimg/SpecialArea/5.png);}
@media (min-width:481px) {
.item-style_2 .tit{flex-shrink: 0; max-width: 27%;}
.item-style_2 .edit-info{width: calc(718 / 1040 * 100%);}
.item-style_2 .nums{ transform-origin: left top;transform: rotate(90deg); top: calc(150 / 726 * 100%);left: 2.1rem;}
.item-style_2 .nums .svg-text-outline{height: 0.92rem;}
.item-style_2 .inside{width: calc(1040 / var(--max-width) * 100%);}
}
@media (max-width:480px) {
   .item-style_2 .in-top{display: block;}
.item-style_2 .nums{bottom:-0.3rem;left: 0;}
}

.special-zone-main{margin-top: var(--pm__150);}
.special-zone-main .main-box:nth-child(2n+1){background-color: var(--bg-color);}
.special-zone-main .num{height: 0.4rem; overflow: hidden;}
.special-zone-main .num .svg-text-outline{height: 0.8rem;}
.special-zone-main .num .svg-text-content-fill{display: none;}
.special-zone-main .num .svg-text-content-outline{stroke: var(--hover-color);}
.special-zone-main .cate-intro .edit-info{max-width: 9.6rem;margin: 0 auto;text-align: center; font-weight: var(--font-weight__m); line-height: calc(32 / 18);}
.special-zone-main .main-box [class*=item-style_]:last-child{margin-bottom: 0!important;}
.special-zone-main .main-box [class*=item-style_]:first-child{margin-top: var(--pm__100)!important;}

.list-links ul{--itemgap:0.2rem}
.list-links .pic{border: 1px solid #eee; height: 0.9rem;}
.list-links .pic img{max-width: 80%;max-height: 80%;}
.list-links li aside{text-align: center; margin-top: 1em;}
@media (max-width:768px) {
.list-links ul{--itemnum:3;--itemgap:0.1rem}
}

.single-page{min-height: 48vh;}
.isMac .text-stroke .svg-text-content-outline{stroke: 1!important;}

.tickets-details{padding: var(--pm__40);}
.tickets-details .tit{border-bottom: var(--border-color); padding-bottom: var(--pm__30); margin-bottom: var(--pm__30);}
.tickets-details .tit b{font-weight: var(--font-weight__m); font-size: var(--font-size__30);}
.tickets-details .tit span{color: var(--hover-color);}
.tickets-details .tit span,
.tickets-details .sub-tit{font-weight: var(--font-weight__m); font-size: var(--font-size__24);}
.tickets-details .sub-tit{margin-bottom: 0.2rem;}
.tickets-details .tables table{width: auto;color: #222222;font-size: var(--font-size__18);}
.tickets-details .tables td{padding: 0.1rem 0;}
.tickets-details .tables td:nth-child(1){width: 1.16rem;text-align: right;}
.tickets-details .tables td b{font-weight: var(--font-weight__m);}
.tickets-details .ticket-name{text-align: center;background-color: var(--white-color);border-radius: 0.08rem; padding: 0.2rem;font-weight: var(--font-weight__m); font-size: var(--font-size__24); margin: 0.26rem 0;}
.tickets-details .ticket-name .price{color: var(--orange-color);}
.ticket-code{margin: var(--pm__60) 0;}
.ticket-code .pic{width: calc(var(--widthscale) * 2.5rem); max-width: 100%;}
.ticket-code .pic-control{margin-top: 0.1rem;}
.ticket-code .pic-control i{width: 0.16rem;height: 0.16rem;margin: 0;}
.ticket-code .pic-control .prev,
.ticket-code .pic-control .next{padding: 0.1rem;cursor: pointer;}
.ticket-code .pic-control .prev i{transform: rotate(180deg);}
.ticket-code .pic-control .pages{font-size: var(--font-size__18);margin: 0 0.1rem;}
.ticket-code .option{display: inline-flex;background-color: #e0e4e8; border-radius: 0.18rem; margin-bottom: 0.2rem;}
.ticket-code .option a{display: flex;align-items: center;padding: 0.07rem 0.2rem;font-weight: var(--font-weight__m);color: var(--default-color);}
.ticket-info{background-color: var(--white-color);border-radius: var(--br15 ); padding: var(--pm__30);}
.ticket-info .tables td:nth-child(1){text-align: left;}
.ticket-info .tables td.status{color: var(--hover-color);}
.ticket-info .btns{margin-top: 0.1rem;--button_height: 0.4rem;}
.ticket-info .btns > span{font-size: var(--font-size__18);}
.ticket-info .back a{display: block;font-size: var(--font-size__18);line-height: calc(40 / 18);background-color: var(--default-color);color: var(--white-color);border-radius: 0.08rem; padding: 0 0.26rem;}
@media (max-width:480px) {
.tickets-details .tit b{font-size: var(--font-size__24);}
.tickets-details .tit span,
.tickets-details .sub-tit{ font-size: var(--font-size__20);}
.tickets-details .tables table{font-size: var(--font-size__16);}
.tickets-details .ticket-name .price,
.tickets-details .ticket-name {display: block;}
.tickets-details .ticket-name{line-height: 1.2;}
.tickets-details .tables td:nth-child(1){width: 1rem;}
.ticket-code .pic{width: calc(var(--widthscale) * 2rem);}
}

.my-orders{min-height: 50vh;}
.my-orders .inq{margin-bottom: 0.25rem;}
.my-orders .inq .el-form{flex: 1;}
.my-orders .inq .el-form-item{margin-bottom: 0;}
.my-orders .inq .el-form-item__label{white-space: nowrap;}
.my-orders .inq .el-form-item__label::before{display: none;}
.my-orders .inq .getcode{flex-shrink: 0; background-color: var(--bg-color); padding: 0 0.29rem;display: flex;align-items: center;border-radius: 0.06rem; margin-left: 0.2rem; font-size: var(--font-size__18); color: var(--default-color);}
.my-orders .inq .getcode.disabled{cursor:not-allowed; color: rgba(var(--black-color__rgb), 0.6);}
.my-orders .inq .btns{flex-shrink: 0;margin-left: var(--pm__60);}
.my-orders .inq .btns [data-button]{min-width: 1.2rem;font-size: var(--font-size__18);}
.my-orders .inq .code-box{width: 100%;}
.my-orders .inq .code-box .el-input{flex: 1;}
@media (max-width:1024px) {
.my-orders .inq .el-form-item__label{width: 1.1rem!important;}
.my-orders .inq .el-form-item{margin-bottom: 0.1rem;}
.my-orders .inq {align-items: flex-end;}
}
@media (max-width:480px) {
.my-orders .inq{display: block;}
.my-orders .inq .btns{margin: 0;display: flex;justify-content: center;}
}

.order-list table{font-size: var(--font-size__18);}
.order-list table th{font-weight: var(--font-weight__l); background-color: var(--bg-color); padding: 0.28rem 0;}
.order-list table td [data-button]{--button_height: 0.4rem; padding: 0 calc(24 / 18 * 1em);}
.order-list table td:nth-child(1){color: var(--orange-color);font-weight: var(--font-weight__m);}
.order-list table td p{margin: 0;}
.order-list table td .grey{color: #aaaaaa;}
@media (min-width:641px) {
.order-list{border-radius: var(--br15);border: 1px solid #e4e8ec;overflow: hidden;}
.order-list table td,
.order-list table th{text-align: center;}
.order-list table td:not(:last-child),
.order-list table th:not(:last-child){border-right: 1px solid #e4e8ec;}
.order-list table td{padding: 0.14rem; border-top: 1px solid #e4e8ec;}
}
@media (max-width:640px) {
   .order-list table tr{display: block; margin-bottom: 0.2rem;}
   .order-list table td{display: flex;flex-wrap: wrap;border: 1px solid #e4e8ec; margin-top: -1px;}
   .order-list table tr.tr-top{display: none;}
   .order-list table td::before{display: block; flex-shrink: 0;width: calc(5em + 0.2rem); background-color: var(--bg-color); padding: 0.1rem;}
   .order-list table td p{padding: 0.1rem;}
   .order-list table td:nth-child(1):before{content:'订单号'; color: var(--default-color); font-weight: var(--font-weight__l);}
   .order-list table td:nth-child(2):before{content:'票种';}
   .order-list table td:nth-child(3):before{content:'数量';}
   .order-list table td:nth-child(4):before{content:'金额';}
   .order-list table td:nth-child(5):before{content:'订购日期';}
   .order-list table td:nth-child(6):before{content:'取票人';}
   .order-list table td:nth-child(7):before{content:'手机号';}
   .order-list table td:nth-child(8):before{content:'状态';}
   .order-list table td:nth-child(9){justify-content: flex-end;}
   .order-list table td:nth-child(9):before{display: none;}
   .order-list table td:nth-child(9) [data-button]{margin: 0.05rem;}
  }

.about-didi .pic{position: relative;z-index: -1;}
.about-didi .pic:before{position: absolute; content: '';width: 100vw; background: url(../images/dd-wave.svg) no-repeat center bottom;background-size: auto 100%; height:calc(243.5 / 472 * 100%); top: 53%;left: 50%;margin-left: -50vw;z-index: 1;}
.about-didi .pic img{position: relative;z-index: 4;}
@media (min-width:481px){
.about-didi .pic{ margin-top: -16%;}
}
@media (min-width:1025px) {
.about-didi .common-title{width: calc(317 / var(--max-width) * 100%);flex-shrink: 0; padding-right: 0.2rem;}
.about-didi .edit-info{width: calc(598 / var(--max-width) * 100%);}
}
@media (min-width:481px) and (max-width:1024px) {
.about-didi .edit-info{width: 66%;}
}

.contact-page .layout-desc .common-title{margin-bottom: var(--pm__30); max-width: none;}
.contact-page .layout-desc,
.contact-page .layout-desc .edit-info{text-align: center;}
.contact-page .layout-desc .edit-info{margin: 0 auto;}
.contact-page .layout-desc{border-bottom: 1px solid #f2f6f9;margin-bottom: var(--pm__60); padding-bottom: 2px;}
.contact-page .layout-desc:after{display: block; content: '';height:2px; background-color: #f2f6f9;  width: 100%; margin-top: var(--pm__60);}
.contact-page .form-item{margin-bottom: var(--pm__30);}
.contact-page .form .full{width: 100%;}
.contact-page .form .form-input{font-size: var(--font-size__18);}
.contact-page .form textarea.form-input{height: 1.68rem;}
.contact-page .form .form-label{width: 1.05rem; text-align: left;font-size: var(--font-size__18);}
@media (min-width:1025px) {
.contact-page .form{--itemgap:0.4rem}
}
@media(max-width:1024px) {
  .contact-page .form{--itemnum:1} 
}

.contact-way{margin-top: var(--pm__100);}
.contact-way .common-title span{line-height: calc(68 / 50);}
.contact-way [class*=item-]{border-radius: 0.13rem; border: solid 1px #ebf0f5; background: no-repeat right bottom; background-size: 100% auto; padding: var(--pm__40) 30% var(--pm__40) var(--pm__60);}
.contact-way [class*=item-]:not(:last-child){margin-bottom: var(--pm__20);}
.contact-way .item-tel{background-image: url(../images/c-tel.jpg);}
.contact-way .item-add{background-image: url(../images/c-add.jpg);}
.contact-way .item-zip{background-image: url(../images/c-zip.jpg);}
.contact-way .way-items .tit{display: flex;align-items: center;font-weight: var(--font-weight__l);font-size: var(--font-size__18);}
.contact-way .way-items .tit i{margin-right: 0.15rem;}
.contact-way .way-items h3{margin: 0.2rem 0 0 0;color: var(--hover-color); font-size: var(--font-size__30);letter-spacing: 0.01rem; font-family: var(--f-family__en); font-weight: var(--font-weight__sb);}
.contact-way .way-items .item-add h3{ font-family: var(--f-family);font-weight: var(--font-weight__m);font-size: var(--font-size__24);}
@media (min-width:1025px) {
.contact-way .common-title{max-width: calc(600 / var(--max-width) * 100%); padding-top: var(--pm__30);}
.contact-way .way-items{width: calc(646 / var(--max-width) * 100%);}
}

.volunteer-intro:after{position: absolute; content: ''; left: 2%;width: 100%;background: url(../images/zyz-line.svg) no-repeat right center;background-size: 21.26rem auto; height: 100%; bottom: -7.2%;z-index: -1}
.volunteer-intro .pic img{display: block;width: 100%;}
@media (min-width:1025px) {
.volunteer-intro .left{width: calc(576 / var(--max-width) * 100%); padding-bottom: var(--pm__100);}
.volunteer-intro .right{width: calc(637 / var(--max-width) * 100%);}
.volunteer-intro .job-email{max-width:none;width: max-content;padding-right: 0.2rem;}
}
@media(max-width:768px) {
.volunteer-intro:after{background-size: 150% auto; bottom: 0.3rem; background-position: right bottom;}
}

.volunteer-list .common-title{margin-bottom: var(--pm__60);}
.volunteer-list .boxs{--itemgap:0.4rem;border-bottom: 1px solid #ebf0f5; margin-bottom: var(--pm__50);padding-bottom: var(--pm__40);}
.volunteer-list .box .inner{	border-radius: var(--br20);border: solid 1px #ebf0f5; transition: 0.5s; padding: var(--pm__50);background: no-repeat right bottom;background-size: 100% auto;}
.volunteer-list .box:hover .inner{box-shadow: 0rem 0.07rem 0.54rem rgba(var(--default-color__rgb), 0.05); background-image: url(../images/zyz-hover.jpg);}
.volunteer-list .box .inner > h3{margin: 0 0 0.2rem 0;font-size: var(--font-size__24);font-weight: var(--font-weight__m);}
.volunteer-list .box .inner > pre{font-size: var(--font-size__18); line-height: calc(36 / 18);}
@media(max-width:768px) {
.volunteer-list .boxs{--itemgap:0.2rem;--itemnum:1;}
}

.edit-volunteer-req table{width: auto;}
.edit-volunteer-req td{line-height: 2; }
.edit-volunteer-req td:nth-child(1){font-weight: var(--font-weight__m);font-size: var(--font-size__24); }
@media (min-width:769px) {
.edit-volunteer-req td{vertical-align: text-top; padding: 0.15rem 0;}
   .edit-volunteer-req td:nth-child(1){padding-right: 0.3rem;width: max-content;}
}
@media(max-width:768px) {
.edit-volunteer-req td,
.edit-volunteer-req tr{display: block;}
}

.kf-iframe{ position: fixed;bottom: 0;right: 16px; z-index: 99999; width: 400px; height: 580px; pointer-events: auto;border: 0px;border-radius: 16px 16px 0 0;overflow: hidden;box-shadow: 0 0 8px #aaa;transition: all .2s ease-in-out;background: linear-gradient(to bottom, transparent 0%, transparent 20%, #f3f3f3 100%);}
.kf-iframe .close{cursor:pointer;width:60px;height:60px;position:absolute;z-index:4;right:0;top:0;background: url(../images/close.svg) no-repeat center center;background-size: auto 0.18rem;filter:brightness(0) invert(1);}
.kf-iframe iframe{width:100%;height:100%;}

.el-date-table td .el-date-table-cell{color:#000;font-size:14px;}
.el-date-table td.disabled .el-date-table-cell{color:#ddd;font-size:12px;}

.page-search{height:3.73rem;padding-top:var(--header-height); padding-bottom:var(--br30);}
.page-search .tips{text-align: center; font-size: var(--font-size__20);font-weight: var(--font-weight__m); margin-bottom: 0.29rem;color: #00162d;}
.page-search .inner{margin: 0 auto; max-width: 6.4rem;width: 90%;position: relative; }
.page-search .form-input{line-height: 2; padding-left: 0.2rem;padding-right: 0.8rem;background:var(--white-color);border-radius:0.06rem}
.page-search .btn{position: absolute;right: 0;top: 0;width: 0.7rem;height: 100%;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.page-search .btn [data-icon]{width: 0.2rem; height: 0.2rem;}

#searchApp{padding-bottom:var(--pm__120);}
#searchApp .total-num{color: #888888;}
#searchApp .total-num .name{font-size:var(--font-size__18);border-bottom:1px solid #f2f6f9;padding:0.39rem 0 0.2rem 0;margin-bottom:0.19rem;color: #00162d;}
#searchApp .Pages{justify-content:flex-start;}
#searchApp .Pages a{background-color: #f2f6f9; cursor:pointer;}
#searchApp .Pages a.a_cur,
#searchApp .Pages a:hover{background-color: var(--hover-color);}
.list-search .item{padding:var(--pm__30) 0;border-bottom:1px solid #f2f6f9;}
.list-search .pic{flex-shrink:0;width: 2rem;margin-right:var(--pm__30);}
.list-search .pic .figure{display:block;padding-bottom:calc(113 / 200 * 100%);border-radius: 0.06rem;}
.list-search .txt{flex:1;}
.list-search .txt h3{margin:0;font-weight:var(--font-weight__r);font-size:var(--font-size__20);}
.list-search .txt p{line-height:calc(30 / 16);margin:0.1rem 0 0 0;color:#434b53;width:90%;}
.list-search .loca{color:#888;font-size:var(--font-size__14);font-weight:var(--font-weight__l);margin-top:0.2rem;}
.list-search .highlight{color: var(--hover-color);}