@charset "utf-8";
/**
 * Author: cxl(964732)
 * Version: 0.1.0
 * Compile Date: 2026-09-28
*/
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body { font-size: 24px; font-family: "Lucida Grande", Helvetica, Arial, Verdana, "Microsoft YaHei", sans-serif; color: #fff7c5; line-height: 1.5; -webkit-text-size-adjust: auto; min-width: 320px; margin: 0 auto; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
address, cite, dfn, em, var, i { font-style: normal; }
code, kbd, pre, samp { font-family: courier new, courier, monospace; }
form { display: inline; }
small { font-size: 12rem; }
ul, ol { list-style: none; }
a { color: #fff7c5; text-decoration: none; outline: none; -webkit-text-size-adjust: auto; }
img { vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
button, input, select, textarea { font-size: 100%; vertical-align: middle; outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
textarea { resize: none; }
.l { float: left; display: inline; }
.r { float: right; display: inline; }
.hidden { line-height: 99999px; overflow: hidden }
.clearfix:after { content: ""; height: 0; visibility: hidden; display: block; clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both }
.relative { position: relative }
header, footer, article, section, nav, menu, hgroup { display: block; clear: all; }
html, body { height: 100%; overflow: hidden; background: #000; transform: translate3d(0, 0, 0); }
.zoom-container{width: 0;height: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(var(--zoomScale));margin-top:calc( var(--zoomHeight) * -1px )}

.main { width: 850px; height: 1624px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 2%, rgba(0, 0, 0, 1) 98%, rgba(0, 0, 0, 0)); box-sizing: border-box; background-repeat: no-repeat; background-position: center center; padding: 212px 100px; box-sizing: border-box; -webkit-transform: translate3d(0, 0, 0)  translate(-50%,-50%);; background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/mask.png) center no-repeat; }

.p { position: absolute; left: 0; top: 0; overflow: hidden; visibility: hidden; width: 100%; height: 100%; transform: translate3d(0, 0, 0); }
.p.active { z-index: 1000; visibility: visible; }
.p.show { z-index: 10007; animation: mask .5s linear 1 forwards; -webkit-mask: url(https://img6.99.com/mykd/img/acts/2026/sjsj/mask.png) center center no-repeat; -webkit-mask-size: 0%; visibility: visible; }
@keyframes mask {
  0% {
      -webkit-mask-size: 0%;
 }
  100% {
      -webkit-mask-size: 1200%;
 }
 }
.p.active.show { pointer-events: none; }

.nav-box{width: 174px; position: absolute;right: 0;top: 50%;z-index: 1000;transform: scale(calc( var(--zoomScale) * 1) );transform-origin: right center;margin-top: -320px;}
.nav-box nav.on{visibility: hidden;}
.nav-box nav{width: 174px;height: 560px; position: absolute;left: 0;margin-left: 0;top: 50%;margin-top: -230px;}
.nav-dot{background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/nav-dot.png) center no-repeat;display: block;width: 67px;height: 65px; margin: 0 auto;visibility: visible;}
.nav-list{background:url(https://img6.99.com/mykd/img/acts/2026/sjsj/nav-bg.png) center no-repeat;width: 100%;height: 493px;box-sizing: border-box;padding-top: 45px;}
.nav-dot.on ~ .nav-list{display: none;}
.nav-dot.on{ animation: bounce 1.6s linear infinite;}

.nav-list a{width: 100%;height: 100px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/nav-line.png) center bottom no-repeat;position: relative;display:flex;justify-content: center;align-items: center;}
.nav-list a:last-of-type{background: none;}
.nav-list a::before{content: "";background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/nav-on.png)  center no-repeat;position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}
.nav-list a.on::before,.nav-list a:active::before{display: block;}
.nav-list a span{font-size: 24px;width: 100%;height: 24px;position: relative;z-index: 2;background:-webkit-linear-gradient(top,#e7bb51 40%,#fff0c2 80%,#fff0c2 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;line-height: 1;text-align: center;    }
.nav-list a:active{text-decoration: none;}
.nav-list a:active span,.nav-list a.on span{background-image:-webkit-linear-gradient(top,#613715 20%,#955420 80%,#955420 100%);}

.tips-box{width: 100%;position: absolute;left: 0;bottom: 0;z-index: 1000;pointer-events: none;transform: scale(var(--zoomScale));transform-origin: center 0;}
.tips-box .contain{zoom: 0.79;}
.tips{ position: absolute; left: 50%;margin-left: -51px;bottom: -10px; width: 102px; height: 66px;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p1-tips.png);}
.tips{animation: tips 1s linear alternate infinite;}
@keyframes tips{
    100%{transform: translateY(-5px);}
}



/*p1*/
.p1 { background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/m/bg-p1.jpg) center 0 no-repeat; }
#logo { position: absolute; left: 98px; top: 210px; width: 118px; height: 91px; }
#logo img{width: 145px;}
.btn:active{filter: brightness(1.2);}

.p1-btn1{position: absolute; left: 29px; top: 1230px; width: 434px; height: 97px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p1-btn1.png) no-repeat;transform: scale(0.9);}
.p1-btn2{ position: absolute; left: 390px; top: 1234px; width: 434px; height: 79px; background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p1-btn2.png) no-repeat;transform: scale(0.9); }
.p1-btn3{ position: absolute; left: 582px; top: 218px; width: 165px; height: 36px; background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p1-btn3.png) no-repeat;background-size: 100% 100%;  }
.p1-sub-ti{position: absolute; left: 102px; top: 1092px; width: 698px; height: 125px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p1-sub-ti.png) center no-repeat;background-size: 100% 100%;}
/*p1End*/

/*p2*/
.p2 { background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/m/bg-p2.jpg) center 0 no-repeat; }
.p2 .btn.p2-btn1{margin-top: -50px;}
.p2 .btn.p2-btn3{margin-top: -35px;}
.p2-btn1{ position: absolute; left: 261px; top: 1333px; width: 289px; height: 83px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p2-btn1.png) no-repeat;background-size: 100% 100%; }
.p2-btn2{position: absolute; left: 296px; top: 656px; width: 289px; height: 83px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p2-btn2.png) no-repeat; background-size: 100% 100%; }
.p2-btn3{position: absolute; left: 296px; top: 656px; width: 289px; height: 83px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p2-btn3.png) no-repeat; background-size: 100% 100%; }
.p2-ti1 { position: absolute; left: 131px; top: 1070px; width: 515px; text-align: center; }
.p2-ti2 { position: absolute; left: 210px; top: 402px; width: 514px; text-align: center; }
.p2-ti b{font-size: 28px;font-weight: bold; background: -webkit-linear-gradient(top,#d7c570 40%,#fffdeb 80%,#fffdeb 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 2px rgba(0,0,0,0.5))}
.p2-ti h3{background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p2-ti1.png) center no-repeat;height: 35px;text-align: center;line-height: 35px;font-size: 20px;}
.p2-ti1 h3 span{background: -webkit-linear-gradient(top,#d7c570 40%,#fffdeb 80%,#fffdeb 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.p2-ti2 h3{background-image: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p2-ti2.png);}
.p2-ti2 h3 span{background: -webkit-linear-gradient(top,#fff7c3 40%,#fffdeb 80%,#fffdeb 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.p2-list { display: flex; position: absolute; left: 100px; top: 1150px; justify-content: space-around; width: 630px; }
.p2-list2 { left: 210px; width: 510px; top: 480px; }
.p2-list li{width: 91px;position: relative;text-align: center;}
.p2-list li img{display: block;}
.p2-list li span{ background: -webkit-linear-gradient(top,#d7c570 40%,#fffdeb 80%,#fffdeb 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bold;font-size: 18px;filter: drop-shadow(0 0 1px #09535a) drop-shadow(0 0 2px #09535a) drop-shadow(0 0 2px #09535a);display: block;padding-top: 3px;}
.p2-list2 li span{ background: -webkit-linear-gradient(top,#942d00 40%,#ff6f18 80%,#ff6f18 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 0 2px #fff);}
.p2-list li::after{content: "";background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p2-tag2.png) center no-repeat;position: absolute;right: -5px;top: 13px;width: 19px;height: 33px;}
.p2-list li:first-child:after{background-image: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p2-tag1.png) }
/*p2End*/

/*p3*/
.p3{background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/m/bg-p3.jpg) center no-repeat;}
.btn-back{background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/btn-back.png) center no-repeat;position: absolute; left: 106px; top: 216px; width: 48px; height: 48px;background-size: 100% auto; }
.skill-list { width: 680px; position: absolute; top: 743px; left: 86px; height: 120px; display: flex;align-items: center; justify-content: center; }
.skill-item{width: 130px;height: 120px;box-sizing: border-box;position: relative;cursor: pointer;padding-top: 97px;text-align: center;}
.skill-copy{display: flex;justify-content: center;flex-direction: column;height: 100%}
.skill-copy strong{font-size: 20px;background: -webkit-linear-gradient(top, #d7c570 40%, #fffdeb 80%, #fffdeb 100%);-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;    filter: drop-shadow(0 0 1px #09535a) drop-shadow(0 0 2px #09535a) drop-shadow(0 0 2px #09535a);display: block;}
.skill-item::after { content: ""; background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p2-tag2.png) center no-repeat; position: absolute; right: 15px; top: 13px; width: 19px; height: 33px;z-index: 3; }
.skill-list .skill-item:first-child:after { background-image: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p2-tag1.png); }
.skill-item img{position: absolute;left: 50%;top: 0;transform: translateX(-55%);}
.skill-copy small{display: none;}
.skill-item::before { content: ""; background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/m/skill-on.png) center no-repeat; width: 112px;height: 97px;position: absolute;left: 7px;top: 3px;z-index: 2;display: none;}
.skill-item.on::before ,.skill-item:active::before {display: block;}
.skill-panel { color: #29679d; width: 600px; height: 430px; position: absolute; left: 125px; top: 927px; }
.skill-panel-item{display: none;}
.skill-panel-item.on{display: block;}
.skill-panel-head{height: 48px;line-height: 1;display: flex;align-items: flex-start;margin-bottom: 25px;}
.skill-panel-head h2{font-size: 44px;font-weight: bold;}
.skill-panel-head span{font-size: 16px;opacity: 0.54;align-self: flex-end;margin-left: 10px;transform: translate(0, -5px);}
.skill-description{font-size: 20px;position: relative;}
.skill-description p{position: relative;padding-left: 20px;margin-bottom: 10px;line-height: 1.4;}
.skill-description i{position: absolute;left: 0;top: 2px;font-style: normal;}
.video-card{width: 360px;height: 211px;position: relative; margin: 25px auto 0;display: block;}
/*p3End*/

/*p4*/
.p4{ background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/m/bg-p4.jpg) center 0 no-repeat; }
.page-tip { width: 440px; text-align: center; font-size: 18px; color: #fdffdb; text-shadow: 0 0 5px #3ea1d0, 0 0 5px #3ea1d0, 0 0 5px #3ea1d0; position: absolute; left: 200px; top: 1280px; }
.stage-nav { height: 48px; width: 760px; position: absolute; left: 120px; top: 762px; padding-left: 20px; z-index: 2; }
.stage-nav li{width: 212px;height: 48px;display: inline-block;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/stage-nav.png) center no-repeat;font-size: 20px;--stage-bg:-webkit-linear-gradient(top,#e6f784 40%,#f9ffc7 80%,#f9ffc7 100%);text-align: center;line-height: 48px;margin-left: -20px;cursor: pointer;margin-bottom: 18px;}
.stage-nav li.on,.stage-nav li:active{background-image: url(https://img6.99.com/mykd/img/acts/2026/sjsj/stage-nav-on.png);--stage-bg:-webkit-linear-gradient(top,#785918 40%,#b48625 80%,#b48625 100%);}
.stage-nav li span{background: var(--stage-bg);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight: bold;display: block;transform: translate3d(0,0,0);}
.p4 .skill-panel{left: 162px;width: 580px;color: #2c7186;top: 940px;}
.p4 .skill-panel h2{color: #2992af;}
.p4 .skill-panel-head span{color: #ff8400;opacity: 1;}
.p4 .skill-panel-head{margin-top: 16px;margin-bottom: 13px;}
.p4 .skill-description p{padding-left: 0;}
/*p4End*/

/*p5*/
.p5{ background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/m/bg-p5.jpg) center 0 no-repeat; }
.p5 .skill-copy strong{background-image: -webkit-linear-gradient(top,#942d00 40%,#ff6f18 80%,#ff6f18 100%);filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 0 2px #fff);}
.p5 .skill-list{top: 773px;}
.p5 .skill-panel {color: #bb573c;top: 947px;}
/*p5End*/

/*p6*/
.p6{ background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/m/bg-p6.jpg) center 0 no-repeat; }
.p6 .stage-nav { left: 145px; top: 845px; width: 700px; }
.p6 .page-tip {text-shadow: 0 0 5px #9a4f0d, 0 0 5px #9a4f0d; color: #fff;top: 1310px; }
.p6 .skill-panel { color: #a93c23;top: 1010px; }
.p6 .skill-panel-head span{color: #50a0f1;opacity: 1;}
.p6 .skill-panel-head{margin-bottom: 15px;}
.p6 .skill-description{color: #5d2213;padding-left: 0;}
.p6 .skill-description p{padding-bottom: 6px;padding-left: 0;margin-bottom: 0;}
.p6 .stage-nav li{width: 199px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/stage-nav-2.png) 0 center no-repeat;--stage-bg:-webkit-linear-gradient(top,#f2d371 40%,#faedac 80%,#faedac 100%);margin-left: -24px;}
.p6 .stage-nav li.on,.p6 .stage-nav li:active{background-image: url(https://img6.99.com/mykd/img/acts/2026/sjsj/stage-nav-2-on.png);--stage-bg:-webkit-linear-gradient(top,#7b4305 40%,#bc6608 80%,#bc6608 100%);}
/*p6End*/

/*p7*/
.p7{ background:#000 }
/* .sub-p { position: absolute; top: 50%; left: 50%; margin: -540px 0 0 -960px; width: 1920px; max-width: 1920px; height: 1080px; overflow: hidden; opacity: 0;transition: opacity 0.2s linear,visibility 0.2s linear;visibility: hidden;  }
.sub-p.on{opacity: 1;visibility: visible;transition-delay: 0s!important;} */
.sub-p { position: absolute; top: 50%; left: 50%; margin: -812px 0 0 -425px; width: 850px; height: 1624px; overflow: hidden; transform: translate3d(0,0,0); }
.sub-p.on{opacity: 0;visibility: hidden;transition-delay: 0s!important; animation:sub-p 0.3s linear 1 forwards;}
@keyframes sub-p {
    0%{opacity: 0;visibility: hidden;transform: translate3d(0,0,0);}
    97%,100%{opacity: 1;visibility: visible;transform: translate3d(0,0,0);}
}

.sub-p-1{background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/m/bg-p7-1.jpg) center  no-repeat;z-index: 4;}
.sub-p-2{background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/m/bg-p7-2.jpg) center  no-repeat;}
.sub-p-3{background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/m/bg-p7-3.jpg) center no-repeat;}

.p7-btn1 {position: absolute; left: 159px; top: 1130px; width: 234px; height: 57px; background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p7-btn1.png) center no-repeat; background-size: 100% 100%; }
.p7-btn2{ position: absolute; left: 461px; top: 1130px; width: 235px; height: 57px;background:url(https://img6.99.com/mykd/img/acts/2026/sjsj/p7-btn2.png) center no-repeat; background-size: 100% 100%;}
.mod-video { position: absolute; left: 125px; top: 746px; width: 100px; height: 91px;  }
.v-name,.mod-video img{display: none;}
.v-btn{background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/btn-video.png) center no-repeat;width: 100px;height: 91px;display: block;}
.on .v-btn{animation: v-btn 0.3s linear infinite alternate;}
@keyframes v-btn{
    100%{transform:scale(1.06)}
}
.p7-btn3,.p7-btn4{ width: 272px; height: 42px;background:url(https://img6.99.com/mykd/img/acts/2026/sjsj/p7-btn.png) center no-repeat;display: block;margin: 0 auto;text-align: center;line-height: 40px;font-size: 22px; }
.p7-btn3 span,.p7-btn4 span{background: -webkit-linear-gradient(top,#fffa78 30%,#fffece 80%,#fffece 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;transform: translate3d(0,0,0); }
.p7-btn3:active,.p7-btn4:active{text-decoration: none;}
.p7-btn3::after,.p7-btn4::after{content: "";background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/sharp.png) no-repeat;width: 17px;height: 27px;display: inline-block;vertical-align:middle;margin-left: 8px;margin-top: -3px;}
.p7 .p1-btn3{z-index: 1000;}
.zs-sub-ti { position: absolute; left: 153px; top: 1025px; width: 552px; height: 101px; background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/zs-sub-ti.png) center no-repeat; background-size: 100% 100%; }
.zs-sub-ti1 { position: absolute; left: 218px; top: 201px; width: 476px; height: 162px; background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/zs-sub-ti1.png) center no-repeat;  }
.zs-sub-ti-h3 { width: 600px; text-align: center; font-size: 28px; display: flex; justify-content: center; align-items: center; filter: drop-shadow(0 0 20px #000) drop-shadow(0 0 20px #000) drop-shadow(0 0 20px #000); position: absolute; left: 121px; top: 350px; }
.sub-p-2 .zs-sub-ti1,.sub-p-2 .zs-sub-ti-h3{margin-top: 30px;}
.zs-sub-ti-h3::before,.zs-sub-ti-h3::after{content: "";background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/ti-l.png) center no-repeat;width: 64px;height: 20px;transform: translateY(3px);}
.zs-sub-ti-h3::after{background-image: url(https://img6.99.com/mykd/img/acts/2026/sjsj/ti-r.png);}
.zs-sub-ti-h3 span{background: -webkit-linear-gradient(top,#f9f28c 30%,#dcba50 80%,#dcba50 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent; padding: 0 20px;}
.zs-list { position: absolute; left: 104px; top: 835px; width: 643px; }
.zs-list li{width: 100%;height: 140px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/m/zs-item.png) center no-repeat;margin-bottom: 13px;box-sizing: border-box;padding-top: 12px;}
.zs-list li h4,.zs-ld h4{font-size: 22px;text-align: center;line-height: 28px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/zs-item-ti.png) center no-repeat;width: fit-content; margin: 1px auto;background-size: 100% 29px;min-width:272px;box-sizing: border-box;padding: 0 25px;}
.zs-list li span,.zs-ld h4 span{background: -webkit-linear-gradient(top,#ffa139 30%,#e2d35d 80%,#e2d35d 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.zs-list li div{font-size: 18px;height: 90px;display: flex;align-items: center;box-sizing: border-box;padding: 0 15px;}
.zs-sub-ti2 { position: absolute; left: 153px; top: 230px; width: 553px; height: 208px; background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/zs-sub-ti2.png) center no-repeat; }
.sub-p-3 .zs-sub-ti-h3{left: 87px;top: 372px;}
.sub-p-3 .zs-list li{margin-bottom: 15px;}
.sub-p-3 .zs-sub-ti-h3 span{padding: 0 10px;}
.sub-p-1 .zs-sub-ti-h3 { left: 185px; top: 708px;transform: translate3d(0,0,0) rotate(-1deg); }
.sub-p-1 .zs-sub-ti-h3 span{padding: 0 5px;} 
.zs-ld { position: absolute; left: -45px; top: 1224px; width: 938px; height: 153px; font-size: 16px; transform: translate3d(0,0,0) }
.zs-ld .zs-ld-item{height: 75%;display:inline-flex;flex-direction: column;justify-content: center;position: absolute;top:17px;zoom: 0.8;}
.zs-ld .zs-ld-item b{font-size: 20px;background: -webkit-linear-gradient(top,#d98e23 30%,#ffef3e 80%,#ffef3e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display: block;}
.zs-ld .zs-ld-item:nth-of-type(1){left: 267px;}
.zs-ld .zs-ld-item:nth-of-type(2){left: 445px;}
.zs-ld .zs-ld-item:nth-of-type(3){left: 625px;}
.zs-ld .zs-ld-item:nth-of-type(4){left: 839px;}

.zs-sub-ti-h3 { filter: none; }
.zs-sub-ti-h3 span { position: relative; display: block; white-space: nowrap; padding: 0!important; margin: 0 5px; }
.zs-sub-ti-h3 span::before, .zs-sub-ti-h3 span::after { content: attr(data-txt); }
.zs-sub-ti-h3 span::before { background: rgba(0,0,0,0); color: rgba(0,0,0,0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: block; text-align: center; text-shadow: 0 5px 10px rgba(0,0,0,0.8), 0 0 20px rgba(0,0,0,1) }
.zs-sub-ti-h3 span::after { background: -webkit-linear-gradient(top, #f9f28c 30%, #dcba50 80%, #dcba50 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text; position: absolute; left: 0; top: 0; }

/*p7End*/


/*p8*/
.p8{ background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/m/bg-p8.jpg) center  no-repeat; }
.p8 img{display: block;width: 100%;}
.p8-pic1{ position: absolute; left: 132px; top: 366px; width: 590px; height: 478px;}
.p8-pic2{ position: absolute; left: 112px; top: 870px; width: 311px; height: 175px; }
.p8-pic3{ position: absolute; left: 429px; top: 870px; width: 298px; height: 176px; }
.p8-btn1{ position: absolute; left: 943px; top: 550px; width: 143px; height: 62px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p8-btn1.png) center no-repeat;background-size: 100% 100%;}
.p8-btn2{position: absolute; left: 1089px; top: 549px; width: 143px; height: 62px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p8-btn2.png) center no-repeat;background-size: 100% 100%;}
/*p78End*/

/*pop*/
.pop { position: fixed; width: 100%; height: 100%; left: 0; top: 0; visibility: hidden; opacity: 0; transition: all 0.2s linear; z-index: 100000; }
.pop.show { visibility: visible; opacity: 1; transform: translate3d(0, 0, 0); }
.pop-bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(3px); }
.pop-main { width: 998px; height: 560px; position: absolute; left: 50%; top: 50%; background-color: #000; font-size: 24px; transform: translate(-50%, -50%); }
.video-box { width: 100%; height: 100%; overflow: hidden; }
.pop .pop-close { position: absolute; width: 62px; height: 62px; right: -30px; top: 10px; transition: all .2s }
.pop .pop-close i { display: block; width: 100%; height: 100%; background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/pop-close.png) no-repeat center;}
.pop-video .pop-main { width: 96%; background-color: #000;height: auto;transform: translate(-50%, -55%); }
.pop-video .pop-main #video, .pop-video .pop-main video { width: 100%; height: 100%;display: block; }
.pop-video .pop-close { left: 50%; top: 100%; margin-top: 0; right: auto; margin-left: -31px; }
/*popEnd*/