@charset "utf-8";
/**
 * Author: cxl(964732)
 * Version: 0.1.0
 * Compile Date: 2026-09-17
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
ol, ul, dl { list-style: none; }
body { font: 12px/1.5 "Microsoft YaHei", simsun, tahoma; color: #fff7c5; background: #000; }
img { border: none }
table { border-collapse: collapse; border-spacing: 0 }
input, textarea, select { font: 12px "Microsoft YaHei", simsun, tahoma; outline: none }
a { color: #fff7c5; text-decoration: none; outline: none }
a:hover { text-decoration: underline; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100% }
.clearfix:after { visibility: hidden; display: block; content: ""; clear: both; font-size: 0; height: 0; }
.clearfix { zoom: 1; }
.clear { clear: both }
.hidden { line-height: 99999px; overflow: hidden }
.relative { position: relative }
.left { float: left }
.right { float: right }
.wrapper { width: 1400px; margin: 0 auto; position: relative; }
body, html { position: relative; width: 100%; height: 100%; overflow: hidden; }
.full-bg { position: relative; width: 100%; height: 100%; max-width: 1920px; max-height: 1080px; margin: 0 auto; overflow: hidden; }
.contain { position: absolute; left: 50%; top: 50%; z-index: 10; width: 0; height: 0; }
.p { position: absolute; top: 50%; left: 50%; margin: -540px 0 0 -960px; width: 1920px; max-width: 1920px; height: 1080px; overflow: hidden; visibility: hidden; background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/mask.png) center no-repeat; }
.p.active { z-index: 1000; visibility: visible; }
.p.show { z-index: 10007; animation: mask 0.5s linear 1 forwards; -webkit-mask: url(https://img6.99.com/mykd/img/acts/2026/sjsj/mask.png) center center no-repeat; visibility: visible; }
/* @keyframes mask {
 0% {
 -webkit-mask-size: 20%;
 -webkit-transform: translate3d(0, 0, 0);
 opacity: 1;
}
 100% {
 -webkit-mask-size: 252%;
 -webkit-transform: translate3d(0, 0, 0);
 opacity: 1;
}
} */
@keyframes mask {
    0% {
        -webkit-mask-size: 0%;
   }
    100% {
        -webkit-mask-size: 550%;
   }
   }
.p.active.show { pointer-events: none; }

.go-footer { position: fixed; bottom: 10px; right: 5px; height: 30px; line-height: 30px; font-size: 14px; color: #000; background: rgba(255, 255, 255, .75); z-index: 40; padding: 0 20px; border-radius: 15px }
.go-footer.show i { transform: rotate(180deg) }
.go-footer i { display: inline-block; width: 22px; height: 22px; background: url(https://wjdown.99.com/games/mykd/2022/zyjx/pc/images/icon-arrow.png) no-repeat; margin-left: 5px; vertical-align: middle; transition: all .3s }
.footer { position: fixed; bottom: 0; left: 0; width: 100%; font-size: 12px; color: #FFF; background: #000; -webkit-box-sizing: border-box; box-sizing: border-box; transition: all .3s linear; z-index: 22; padding: 10px 0; transform: translateY(100%); visibility: hidden; }
.footer.show { transform: translateY(0); visibility: visible; }
.footer a { color: #fff; }



.nav-box{width: 174px;height: 493px; position: absolute;right: 0;top: 50%;z-index: 1000;margin-top: -306px;}
.nav-box nav.on{visibility: hidden;}
.nav-box nav{width: 174px;height: 560px; position: absolute;left: 0;margin-left: -90px;top: 50%;margin-top: -280px;}
.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:hover::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:hover{text-decoration: none;}
.nav-list a:hover span,.nav-list a.on span{background-image:-webkit-linear-gradient(top,#613715 20%,#955420 80%,#955420 100%);}
/* .nav-list .nav1 span{-webkit-mask: url(https://img6.99.com/mykd/img/acts/2026/sjsj/nav-t1.png) center no-repeat;}
.nav-list .nav2 span{-webkit-mask: url(https://img6.99.com/mykd/img/acts/2026/sjsj/nav-t2.png) center no-repeat;}
.nav-list .nav3 span{-webkit-mask: url(https://img6.99.com/mykd/img/acts/2026/sjsj/nav-t3.png) center no-repeat;}
.nav-list .nav3 span{-webkit-mask: url(https://img6.99.com/mykd/img/acts/2026/sjsj/nav-t3.png) center no-repeat;}
.nav-list .nav4 span{-webkit-mask: url(https://img6.99.com/mykd/img/acts/2026/sjsj/nav-t4.png) center no-repeat;} */

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

.public_top_full_bg{width: 100%;position: absolute!important;left: 0;top: 0;}

/*p1*/
.p1 { background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/bg-p1.jpg) center 0 no-repeat; }
#logo{position: absolute;left:50%; margin-left: -720px;top: 80px;}
#logo img{width: 160px;}
.btn:hover{filter: brightness(1.2);}

.p1-btn1{position: absolute; left: 388px; top: 858px; width: 434px; height: 97px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p1-btn1.png) no-repeat; }
.p1-btn2{ position: absolute; left: 1169px; top: 863px; width: 434px; height: 79px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p1-btn2.png) no-repeat; }
.p1-btn3{ position: absolute; left: 1495px; top: 95px; width: 165px; height: 36px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p1-btn3.png) no-repeat; }
.p1-sub-ti{position: absolute; left: 684px; top: 640px; width: 761px; height: 136px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p1-sub-ti.png) center no-repeat;}

/*p1End*/

/*p2*/
.p2 { background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/bg-p2.jpg) center 0 no-repeat; }
.p2-btn1{position: absolute; left: 369px; top: 880px; width: 289px; height: 83px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p2-btn1.png) no-repeat; }
.p2-btn2{ position: absolute; left: 864px; top: 873px; width: 311px; height: 125px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p2-btn2.png) no-repeat; }
.p2-btn3{position: absolute; left: 1373px; top: 880px; width: 289px; height: 83px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p2-btn3.png) no-repeat; }
.p2-ti1{ position: absolute; left: 348px; top: 583px; width: 515px; text-align: center;}
.p2-ti2{  position: absolute; left: 1120px; top: 584px; 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: 310px;top: 685px;justify-content: space-around;width: 670px;}
.p2-list2{left: 1140px;width: 500px;}
.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/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: 297px; top: 120px; width: 48px; height: 48px; }
.skill-list{width: 286px;position: absolute;top: 257px;left: 298px;height: 560px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.skill-item{width: 100%;height: 93px;box-sizing: border-box;position: relative;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/skill-line.png) center bottom no-repeat;padding-left: 120px;cursor: pointer;--c-strong:#ffed58;--c-small:#bdbc6a;--bg-tag:url(https://img6.99.com/mykd/img/acts/2026/sjsj/ls-tag.png);margin: 5px 0;}
.skill-item.on,.skill-item:hover{background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/skill-on.png) no-repeat; --c-strong:#54310b;--c-small:#fffdc0;--bg-tag:url(https://img6.99.com/mykd/img/acts/2026/sjsj/ls-tag-on.png)}
.skill-item img{position: absolute;left: 20px;top: 50%;transform: translateY(-55%);}
.skill-copy{display: flex;justify-content: center;flex-direction: column;height: 100%}
.skill-copy strong{color:var(--c-strong);font-size: 20px;}
.skill-copy small{color: var(--c-small);font-size: 14px;background-image: var(--bg-tag);width: 104px;height: 27px;box-sizing: border-box;line-height: 27px;text-align: center;padding-right: 14px;background-repeat: no-repeat;margin-left: -6px;}

.skill-panel{color: #29679d;width: 600px;height: 430px;position: absolute;left: 614px;top: 330px;}
.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: 48px;font-weight: bold;}
.skill-panel-head span{font-size: 16px;opacity: 0.54;align-self: flex-end;margin-left: 10px;}
.skill-description{font-size: 18px;position: relative;}
.skill-description p{position: relative;padding-left: 20px;margin-bottom: 10px;}
.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/bg-p4.jpg) center 0 no-repeat; }
.page-tip{width: 940px;text-align: center;font-size: 16px;color: #fdffdb;text-shadow: 0 0 5px #3ea1d0,0 0 5px #3ea1d0,0 0 5px #3ea1d0;position: absolute;left: 310px;top: 280px;}
.stage-nav{height: 48px;width: 1190px;position: absolute;left: 280px;top: 645px;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;}
.stage-nav li.on,.stage-nav li:hover{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;}
.p4 .skill-panel{left: 414px;width: 750px;color: #2c7186;}
.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{line-height: 1.8;padding-left: 0;}
/*p4End*/

/*p5*/
.p5{ background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/bg-p5.jpg) center 0 no-repeat; }
.p5 .skill-panel{left: 980px;color: #bb573c;top: 367px;}
.p5 .skill-list{left: 693px;top: 337px;width: 262px;height: 453px;}
.p5 .skill-item{background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/skill-line-2.png) center bottom no-repeat;padding-left: 120px;cursor: pointer;--c-strong:#fff6a6;--c-small:#fffdc0;--bg-tag:url(https://img6.99.com/mykd/img/acts/2026/sjsj/js-tag.png);margin-bottom: 10px;}
.p5 .skill-item.on,.p5 .skill-item:hover{background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/skill-on-2.png) no-repeat; --c-strong:#842503;--c-small:#fffdc0;--bg-tag:url(https://img6.99.com/mykd/img/acts/2026/sjsj/js-tag-on.png)}
/*p5End*/

/*p6*/
.p6{ background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/bg-p6.jpg) center 0 no-repeat; }
.p6 .stage-nav{top: 670px;left: 540px;}
.p6 .skill-panel{color: #a93c23;}
.p6 .page-tip{text-align: right;top: 358px;left: 580px;text-shadow: 0 0 5px #9a4f0d,0 0 5px #9a4f0d;color: #fff;}
.p6 .skill-panel{left: 650px;top: 405px;width: 980px;} 
.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;margin-bottom: 3px;padding-left: 0;}
.p6 .stage-nav li{width: 199px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/stage-nav-2.png) center 0 no-repeat;--stage-bg:-webkit-linear-gradient(top,#f2d371 40%,#faedac 80%,#faedac 100%);}
.p6 .stage-nav li.on,.p6 .stage-nav li:hover{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: -540px 0 0 -960px; width: 1920px; max-width: 1920px; height: 1080px; overflow: hidden;  }
.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;}
    100%{opacity: 1;visibility: visible;}
}

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

.p7-btn1{position: absolute; left: 376px; top: 626px; width: 253px; height: 62px;background:url(https://img6.99.com/mykd/img/acts/2026/sjsj/p7-btn1.png) center no-repeat; }
.p7-btn2{position: absolute; left: 740px; top: 626px; width: 254px; height: 62px;background:url(https://img6.99.com/mykd/img/acts/2026/sjsj/p7-btn2.png) center no-repeat; }
.mod-video{position: absolute; left: 1255px; top: 663px; width: 360px; height: 211px;cursor: pointer; }
.v-name{width: 350px;height: 36px;text-align: center;line-height: 36px;color: #ffe9c0;font-size: 18px;background: rgba(0,0,0,.7);position: absolute;left: 5px;bottom: 2px;}
.v-btn{background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/btn-video.png) center no-repeat;width: 100px;height: 91px;position: absolute;left: 50%;top: 50%;margin: -45px 0 0 -50px;}
.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; }
.p7-btn3:hover,.p7-btn4:hover{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{left: 1375px;z-index: 10;}
.zs-sub-ti{position: absolute; left: 388px; top: 487px; width: 599px; height: 104px; background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/zs-sub-ti.png) center no-repeat;}
.zs-sub-ti1{position: absolute; left: 957px; top: 96px; 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: 860px;top: 246px;}
.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: 784px; top: 312px; width: 876px;}
.zs-list li{width: 100%;height: 128px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/zs-item.png) center no-repeat;margin-bottom: 43px;}
.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: 422px; top: 103px; 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: 355px;}
.sub-p-3 .zs-list{left: 282px;}
.sub-p-3 .zs-list li{margin-bottom: 20px;}
.sub-p-3 .zs-sub-ti-h3 span{padding: 0 10px;}
.sub-p-1 .zs-sub-ti-h3{left: 450px;top: 119px;transform: rotate(-2deg);}
.sub-p-1 .zs-sub-ti-h3 span{padding: 0 5px;} 
.zs-ld{ position: absolute; left: 265px; top: 723px; width: 938px; height: 153px;font-size: 16px; }
.zs-ld .zs-ld-item{height: 75%;display:inline-flex;flex-direction: column;justify-content: center;position: absolute;top:30px;}
.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: 110px;}
.zs-ld .zs-ld-item:nth-of-type(2){left: 323px;}
.zs-ld .zs-ld-item:nth-of-type(3){left: 536px;}
.zs-ld .zs-ld-item:nth-of-type(4){left: 770px;}

.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/bg-p8.jpg) center 0 no-repeat; }
.p8-pic1{position: absolute; left: 370px; top: 251px; width: 746px; height: 603px;}
.p8-pic2{ position: absolute; left: 1126px; top: 290px; width: 410px; height: 235px;}
.p8-pic3{ position: absolute; left: 1136px; top: 575px; width: 400px; height: 236px;}
.p8-btn1{ position: absolute; left: 1133px; top: 767px; width: 201px; height: 80px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p8-btn1.png) center no-repeat;}
.p8-btn2{position: absolute; left: 1340px; top: 766px; width: 201px; height: 78px;background: url(https://img6.99.com/mykd/img/acts/2026/sjsj/p8-btn2.png) center no-repeat;}
/*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: 90%; background-color: #000;max-width: 1000px;height: auto; }
.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: 20px; right: auto; margin-left: -31px; }
/*popEnd*/