@charset "utf-8";
/**
 * Author: cxl(964732)
 * Version: 0.1.0
 * Compile Date: 2026-03-16
*/
* { -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 )}
@media (orientation: landscape) {
	.nav-box{transform: translate(-50%,2px) scale( var(--zoomScale));transform-origin: center bottom;zoom: 1.132;}
}

.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://img5.99.com/mykd/img/acts/2024/bwcg/m/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://img5.99.com/mykd/img/acts/2024/bwcg/m/mask.png) center center no-repeat; -webkit-mask-size: 0%; visibility: visible; }
@keyframes mask {
 0% {
 -webkit-mask-size: 0%;
}
 100% {
 -webkit-mask-size: 452%;
}
}
.p.active.show { pointer-events: none; }


.nav-box{position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); z-index: 20; width: 750px; height: 88px; background: url(https://img5.99.com/mykd/img/acts/2026/syzd/m/nav-bg.jpg) no-repeat center bottom; font-family: "HGJXT";box-sizing: border-box;overflow-x: auto;overflow-y: hidden;}

.nav-box .contain{top: 0;}
.nav-box nav{width:1100px;position: absolute;left: 0;top: 0;height: 88px;}
.nav-box nav .wrapper{height: 88px;display: flex;justify-content: space-between;align-items: center;width: 100%;}
.nav-box a{flex-basis: 220px;height: 88px;color: #fff;font-size: 24px;text-align: center;line-height: 83px;position: relative;letter-spacing: -5px;}
.nav-box a:active,.nav-box a.on{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/m/nav-on.png) center 0 no-repeat;}
.nav-box a:first-of-type{flex-basis: 300px;letter-spacing: -8px;}
.nav-box a:last-of-type{flex-basis: 250px;}
.nav-box a span,.nav-box a i{filter: drop-shadow(0 0 6px rgba(0,162,255,0.52)) drop-shadow(0 0 13px rgba(0,162,255,0.52));transform: scaleX(1.4);display: inline-block;}

.nav-box a:active span,.nav-box a.on span,.nav-box a:active i,.nav-box a.on i{filter: none;background:-webkit-linear-gradient(top,#6b4918 40%,#c8882c 70%,#c8882c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.nav-box a i{transform: scaleX(1);padding-left: 20px;}

.nav-box a i{font-style: normal;letter-spacing: 0;font-family: "syst-m";}

.tips-box{width: 100%;position: absolute;left: 0;bottom: 10px;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: 70px; width: 102px; height: 66px;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p1-tips.png);z-index: 100}
.tips{animation: tips 1s linear alternate infinite;}
@keyframes tips{
    100%{transform: translateY(-5px);}
}



/*p1*/
.p1 { background: url(https://img5.99.com/mykd/img/acts/2026/syzd/m/bg-p1.jpg) center 0 no-repeat; }
#logo { position: absolute; left: 50%; top: 450px; width: 200px; transform: translateX(-50%); }
#logo img { width: 100%; display: block; }
.btn:active{filter: brightness(1.1);}
.p1-btn-yy{position: absolute; left: 105px; top: 1106px; width: 296px; height: 75px;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p1-btn-yy.png) no-repeat;background-size: 100% 100%; }
.p1-btn-xz{ position: absolute; left: 450px; top: 1106px; width: 296px; height: 75px;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p1-btn-xz.png) no-repeat; background-size: 100% 100%; }
/*p1End*/


/*p2*/
.p2 { background: url(https://img5.99.com/mykd/img/acts/2026/syzd/m/bg-p2.jpg) center 0 no-repeat; }
.p2-ti{color: #fbfab8;font-size: 24px;text-align: center;padding-top: 300px;text-shadow: 0 0 4px rgba(0,0,0,0.6);}
.p2-bz i{position: absolute;  width: 25px; height: 137px;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p2-close.png) no-repeat; }
.p2-bz1 i{left: 195px;top: 750px;}
.p2-bz2 i{left: 458px;top: 926px;}
.p2-bz3 i{left: 604px;top: 780px;}
.p2-bz4 i{left: 344px;top: 791px;}
.p2-bz5 i{left: 405px;top: 642px;}
.p2-bz-txt{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p2-open.png) center no-repeat;width: 76px;height: 226px;position: absolute;color: #fcffcf;font-size: 18px;left: 175px;top: 762px;flex-direction: column;align-items: center;display: none;}
.p2-bz-txt b{font-weight: normal;height: 70px;text-align: center;box-sizing: border-box;padding-top: 32px;}
.p2-bz-txt span{width: 1em;display: flex;align-items: flex-start;justify-content: flex-start;flex-grow: 1;padding-top: 10px;line-height: 1.3;}
.p2-bz2 .p2-bz-txt{left: 445px;top: 880px;}
.p2-bz3 .p2-bz-txt{left: 589px;top: 740px;}
.p2-bz4 .p2-bz-txt{left: 309px;top: 750px;}
.p2-bz5 .p2-bz-txt{left: 372px;top: 600px;}
.p2-bz.open i{display: none; }
.p2-bz.open .p2-bz-txt{display: flex;}
.p2-tag{display: flex;justify-content: center;}
.p2-tag-txt{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/m/p2-tag2.png) no-repeat;width: 363px;height: 49px;text-align: center;line-height: 49px;color: #4d7ac1;font-size: 20px;margin-bottom: 15px;box-sizing: border-box;}
.p2-tag-txt::before{content: "";background: url(https://img5.99.com/mykd/img/acts/2026/syzd/m/p2-sharp.png) no-repeat;width: 22px;height: 22px;margin-right: 8px;display: inline-block;vertical-align: middle;margin-top: -4px;}
.p2-tag-txt:last-of-type{background-image: url(https://img5.99.com/mykd/img/acts/2026/syzd/m/p2-tag1.png);width: 300px;background-size: 100% 100%;}
.p2-info{width: 650px;position: absolute;left: 100px;top: 380px;color: #e6e2b5;font-size: 20px;}
.p2-info h4{font-size: 38px;line-height: 1;background: linear-gradient(to bottom, #ffeea7 30%, #fff7cc 70%, #fff7cc 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-family: "syst-b";text-align: center;margin-bottom: 16px;}
.p2-txt{padding: 0 20px 20px 26px;}
.p2-txt p{text-indent: 0;display: inline;}
.p2-tab{width: 750px;position: absolute;left: 50px;;top: 1120px;z-index: 2;display: flex;flex-wrap: wrap;justify-content: center;transform: scale(0.95);transform-origin: center 0;}
.p2-tab li{width: 235px;height: 69px;display: flex;align-items: center;justify-content: center;flex-direction: column;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/m/p2-tab.png) 0 0 no-repeat;cursor: pointer;box-sizing: border-box;padding-top: 13px;margin-bottom: 16px;}

.p2-tab li:active,.p2-tab li.on{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/m/p2-tab-on.png) 0 0 no-repeat ;}
.p2-tab li p{color: #fff;font-size: 24px;line-height: 1;font-family: "syst-b";filter: drop-shadow(0 0 4px rgba(0,0,0,0.3));}
.p2-tab li span{color:#d1f6fe ;font-size: 16px;display: block;line-height: 1;padding: 5px 0;filter: drop-shadow(0 0 4px rgba(0,0,0,0.5));}
.p2-tab li:active span,.p2-tab li.on span{color:#fffdd4;}
.p2-title{position: absolute; left: 50%; top:203px; width: 837px; height: 120px;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p2-title.png) no-repeat;line-height: 999px;overflow: hidden;transform:translate(-50%,0) ;}
/*p2End*/

/*p3*/
.p3{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/m/bg-p3.jpg) center no-repeat;}
.p3-ti{color: #fbfab8;font-size: 24px;text-align: center;padding-top: 302px;text-shadow: 0 0 4px rgba(0,0,0,0.6);}
/* 卡片主体 */
.p3-card { width: 400px;height: 510px;position: absolute;left: 336px;top: 480px;}

/* 卡片内容 */
.p3-card-content { }
/* 标题区域 */
.p3-header { text-align: center; margin-bottom: 10px;padding-top: 40px; }
.p3-title-wrapper { display: flex; align-items: center; justify-content: center; gap: 15px; margin-bottom: 5px; }
.p3-decor {background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p3-ti-l.png) no-repeat;width: 42px;height: 13px; }
.p3-decor:last-of-type {background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p3-ti-r.png) no-repeat; }
.p3-main-title { font-size: 50px;; background: linear-gradient(to bottom, #0176d6 30%, #61b5ff 70%, #61b5ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; font-family: "syht-b";line-height: 1;margin: 5px; }
.p3-description { font-size: 20px; color: #2f8dd3;padding: 0 25px; }
/* 词条列表 */
.p3-stats-list { display: flex; flex-direction: column;gap:10px;padding: 10px 0; }
/* 词条项 */
.p3-stat-item { display: flex; align-items: center;color: #308ed4;font-size: 24px;width: fit-content; margin: 0 auto; }
.p3-dot { flex-shrink: 0; }
.p3-stat-text{padding: 0 10px;}
.p3-bonus-label,.p3-skill-label{flex-basis:130px;text-align: right;}
/* MAX 标签 */
.p3-max-tag { background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p3-icon.png) no-repeat;width: 52px;height: 22px;}
/* 分隔线 */
.p3-divider {background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p3-line.png) center no-repeat; width: 90%; height: 1px;margin: 10px auto;background-size: 100% 100%;}
/* 神启属性 */
.p3-bonus-item,.p3-skill-item { display: flex; align-items: center; gap:0;  font-size: 24px;color: #308ed4;font-weight: bold;text-align: center;line-height: 1;margin: 3px 0;}

/* 锐意技能 */
.p3-skill-item { color: #a98013;background: linear-gradient(to bottom, #ad8518 30%, #d0bd7f 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
/* 底部提示 */
.p3-footer {  text-align: right;color: #3e96e1;font-size: 18px;position: absolute;right: 12px;bottom: 28px; }

.p3-sub-ti{font-family: "syht-b";font-size: 30px;text-align: center;display: flex;justify-content: center;width: 670px;position: absolute;left: 95px;top: 1043px;color: #fff;}
.p3-sub-ti::before,.p3-sub-ti::after{content: "";background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p3-ti-sub-l.png) no-repeat;width: 81px;height: 51px;}
.p3-sub-ti::after{background-image: url(https://img5.99.com/mykd/img/acts/2026/syzd/p3-ti-sub-r.png);}
.p3-sub-ti span{filter: drop-shadow(0 0 6px rgba(0,162,255,0.52)) drop-shadow(0 0 13px rgba(0,162,255,0.52)); }

/* #swiperDl{visibility: hidden;}
.active #swiperDl{visibility: visible;}
.show #swiperDl{animation: sw3 1.6s linear 1 forwards;}
@keyframes sw3{
    100%{visibility: visible;}
} */
#swiperDl{width: 700px;height: 201px;perspective: 1300px;position: absolute;left: 75px;top: 1096px;transform: scale(0.9);transform-origin:  center 0;}
#swiperDl .swiper-wrapper{width:317px;height: 100%;} 

.p3-sp-item{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p3-item.png) no-repeat;width: 317px;height: 201px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;padding-bottom: 12px;}
.p3-sp-item em{font-style: normal;color: #aedeff;font-size: 18px;padding: 0 0 0 74px;}
.p3-sp-item b{color: #fff88e;font-size: 41px;background: linear-gradient(to bottom, #fcffd1 40%, #ffe84a 70%, #ffe84a 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;text-align: center;}
.p3-sp-item span{display: block;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p3-line-s.png) center 0 no-repeat;padding-top: 8px;color: #ffffff;font-size: 22px;text-align: center;padding-left: 14px;}
.p3 .swiper-pagination{width: 710px;position: absolute;left: 968px;top: 966px;}
.p3 .swiper-pagination-bullet{opacity: 1;width: 18px;height: 10px;border-radius: 5px;background-color: #bccade; margin: 0 5px;}
.p3 .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #fff;width: 50px;}
.p3-title{ position: absolute; left: 50%; top: 204px; width: 832px; height: 121px; background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p3-title.png) no-repeat;line-height: 999px;overflow: hidden;transform:translate(-50%,0) ;}
/*p3End*/

/*p4*/
.p4{ background: url(https://img5.99.com/mykd/img/acts/2026/syzd/m/bg-p4.jpg) center 0 no-repeat; }
.p4-ti{color: #fbfab8;font-size: 24px;text-align: center;padding-top: 295px;text-shadow: 0 0 4px rgba(0,0,0,0.5),0 0 4px rgba(0,0,0,1);}
.p4-t1{position: absolute; left: 160px; top: 610px;color: #eeeeab;font-size: 20px;width: 510px;text-align: center;font-weight: bold;}
.p4-t2{position: absolute; left: 160px; top: 1206px;color: #c7ebff;font-size: 20px;width: 510px;text-align: center;font-weight: bold;}
.p4-btn1{position: absolute; left: 267px; top: 646px; width: 300px; height: 112px;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p4-btn1.png) no-repeat;background-size: 100% 100% }
.p4-btn2{  position: absolute; left: 282px; top: 1247px; width: 257px; height: 66px;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p4-btn2.png) no-repeat; background-size: 100% 100%}
.p4-title{ position: absolute; left:50%; top: 199px; width: 906px; height: 121px; background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p4-title.png) no-repeat;line-height: 999px;overflow: hidden;transform:translate(-50%,0) ;}
/*p4End*/

/*p5*/
.p5{ background: url(https://img5.99.com/mykd/img/acts/2026/syzd/m/bg-p5.jpg) center 0 no-repeat; }
.p5-ti{color: #fbfab8;font-size: 22px;text-align: center;padding-top: 308px;}
.p5-hl{position: absolute; left: 7px; top: 1023px; width: 196px; height: 241px;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p5-hl.png) no-repeat;pointer-events: none;background-size: 100% 100%;}
.p5-layer{position: absolute; left: 200px; top: 159px; width: 1175px; height: 539px;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p5-layer.png) no-repeat;pointer-events: none;background-size: 100% 100%;}
.p5-tab{width: 650px;position: absolute;left: 50%;top: 427px;z-index: 2;transform: translateX(-50%);display: flex;justify-content: center;flex-wrap: wrap;}
.p5-tab li{width: 258px;height: 88px;display: flex;align-items: center;justify-content: center;flex-direction: column;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/m/p5-tab.png) no-repeat;margin: 0 20px 30px;cursor: pointer;box-sizing: border-box;}
.p5-tab li:active,.p5-tab li.on{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/m/p5-tab-on.png) 0 0 no-repeat ;}
.p5-tab li p{color: #feffbe;font-size: 35px;line-height: 1;
 background-image:-webkit-linear-gradient(top,#fff3a1 40%,#ffffff 80%,#ffffff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family: "syht-b";filter: drop-shadow(0 0 4px rgba(0,0,0,0.4));}
.p5-tab li span{color: #feffbe;font-size: 20px;display: block;line-height: 1;padding: 8px 0 0;}
.p5-tab li:active p,.p5-tab li.on p{ background-image:-webkit-linear-gradient(top,#27745c 40%,#27745c 80%,#27745c 100%);-webkit-text-fill-color:transparent;font-family: "syht-b";filter: drop-shadow(0 0 4px rgba(255,255,255,1));}
.p5-tab li:active span,.p5-tab li.on span{color: #74ad74;}
.p5-tab-con{width: 592px;height: 313px;overflow: hidden;position: absolute;left: 128px;top: 729px;}
.p5-tab-item{display: none;}
.p5-tab-item.on,.p5-tab-item img{display: block;}
.p5-tab-item img{width: 100%;}
.p5-title{ position: absolute; left: 50%; top: 231px; width: 891px; height: 82px; background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p5-title.png) no-repeat;line-height: 999px;overflow: hidden;transform:translate(-50%,0) ;}
/*p5End*/

/*p6*/
.p6{ background: url(https://img5.99.com/mykd/img/acts/2026/syzd/m/bg-p6.jpg) center 0 no-repeat; }
.p6-ti{color: #fbfab8;font-size: 24px;text-align: center;padding-top: 296px;}
.p6-tip{font-size: 20px;color: #fff;filter: drop-shadow(0 0 6px rgba(0,0,0,1));position: absolute;left: 435px;top: 950px;width: 300px;}
.p6-list{width: 590px;display: flex;justify-content: space-between;position: absolute;left: 130px;top: 265px;flex-wrap: wrap;transform: scale(0.9);}
.p6-list li{width: 284px;height: 551px;box-sizing: border-box;padding-top: 360px;}
.p6-item1{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p6-item1.png) no-repeat;}
.p6-item2{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p6-item2.png) no-repeat;}
.p6-item3{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p6-item3.png) no-repeat;}
.p6-name{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p6-name.png) center no-repeat;height: 26px;text-align: center;color: #fff79e;font-size: 20px;margin-bottom: 8px;line-height: 26px;}
.p6-num{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p6-ti.png) center no-repeat;font-size: 26px;text-align: center;;height: 26px;color: #fffac6;margin-bottom: 8px;font-family: "fzxk";line-height: 1.2;}
.p6-prize{text-align: center;color: #fffac6;font-size: 22px;margin-bottom: 8px;}

.p6-btn{background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p6-btn.png) no-repeat;width: 219px;height: 45px;position: relative;display: flex;justify-content: center;align-items: center;box-sizing: border-box;padding-bottom: 3px;margin: 0 auto;}
.p6-btn p{background-image:-webkit-linear-gradient(top,#7d571b 40%,#a88539 80%,#a88539 100%);font-family: "syst-b";height: 30px;line-height: 30px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size: 28px;display: flex;justify-content: center;}
.p6-btn p::before{content: "";background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p6-bs.png) no-repeat;width: 29px;height: 30px;display: block;margin-right: 5px; }
.p6-btn span{margin-right: 5px;}
.p6-title{ position: absolute; left: 50%; top: 200px; width: 695px; height: 119px; background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p6-title.png) no-repeat;line-height: 999px;overflow: hidden;transform:translate(-50%,0) ;}
/*p6End*/

/*p7*/
.p7{ background: url(https://img5.99.com/mykd/img/acts/2026/syzd/m/bg-p7.jpg) center 0 no-repeat; }
.p7-imgs{width: 704px;height: 995px;position: absolute;position: absolute; left: 73px; top: 335px;}
.p7-img1{overflow: hidden;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/m/p7-img1.png) no-repeat center;width: 100%;height: 478px; }
.p7-img2{overflow: hidden;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/m/p7-img2.png) no-repeat center;width: 100%;height: 280px; }
.p7-img3{overflow: hidden;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/m/p7-img3.png) no-repeat center;width: 100%;height: 280px; }
.p7 img{background: #000;visibility: hidden;}
.p7-title{ position: absolute; left: 50%; top: 196px; width: 636px; height: 119px; background: url(https://img5.99.com/mykd/img/acts/2026/syzd/p7-title.png) no-repeat;line-height: 999px;overflow: hidden;transform:translate(-50%,0) ;}
.p7-imgs a{display: block;margin-top: -38px;position: relative;}
.p7-imgs a::after{content:attr(title);color: #fff;position: absolute;left: 65px;bottom: 40px;right: 65px;font-size: 24px;}
.p7-imgs a.p7-img1::after{bottom: 47px;}
/*p7End*/


/*弹窗*/
.pop { width: 100%; height: 100%; background: rgba(0,0,0,.7); position: fixed; left: 0; top: 0; z-index: 1000; display: none }
.pop-cont { width: 901px; height: 906px; padding: 0 10px 5px;  position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(0.8); background: url(https://img5.99.com/mykd/img/acts/2026/syzd/pop-bg.png) no-repeat; box-sizing: border-box;padding: 90px 80px 0;background-size: 100% 100%;}
.pop-close { background: url(https://img5.99.com/mykd/img/acts/2026/syzd/pop-close.png) no-repeat center; width: 55px; height: 55px; position: absolute; right: -15px; top: 60px; display: block; z-index: 10; line-height: 999px; overflow: hidden }
.pop.show{display: block;}

/* 标题区域 */
.pop-header { text-align: center; margin-bottom: 20px; }
.pop-title-wrapper { display: flex; align-items: center; justify-content: center; gap: 20px; margin-bottom: 5px; }
.pop-decor-line { width: 135px; height: 10px; position: relative; }
.pop-decor-line::before { content: ''; position: absolute; right: 0; top: 0;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/pop-ti-l.png);width: 100%;height: 10px;  }
.pop-decor-line:last-child::before { content: ''; position: absolute; right: 0; top: 0;background: url(https://img5.99.com/mykd/img/acts/2026/syzd/pop-ti-r.png);width: 100%;height: 10px; }
.pop-main-title { font-size: 42px; font-weight: bold; color: #3a7bc8; letter-spacing: 8px;line-height: 42px;background:-webkit-linear-gradient(top,#2e4ccb 30%,#77b7ff 80%,#77b7ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family: "syst-b";}
.pop-sub-title { font-size: 20px; color: #6ea9f8; margin-bottom: 15px; }
/* 顶部标签 */
.pop-tabs-container { display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; }
.pop-tab { border: none; font-size: 20px; color: #fff; cursor: pointer; position: relative;cursor: default;padding: 0 8px; }
.pop-tab-primary { background: #e4767b }
.pop-tab-secondary { background:#cab128 }
.pop-tab-tertiary { background: #76b4e4 }
/* 主要内容区域 */
.pop-content { display: flex; flex-direction: column; gap: 10px; }
/* 媒体区域 */
.pop-media-container { width: 100%; }
.pop-media-placeholder { width: 90%; background: #000; position: relative;border-radius: 10px; margin: 0 auto 5px;overflow: hidden; }
.pop-media-placeholder img{display: block;width: 100%;}
/* 分类标签 */
.pop-category-tags { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.pop-tag {background: #fff; border: 1px solid #6aa6f5;  font-size: 20px; color: #6aa6f5;padding: 0 8px;  }
/* 描述文字 */
.pop-description { padding: 10px 30px; color: #6aa6f5; }
.pop-description p { font-size: 20px; }
/* 按钮区域 */
.pop-button-container { display: flex; justify-content: center; padding: 10px 0; }
.pop-action-btn {background: url(https://img5.99.com/mykd/img/acts/2026/syzd/pop-btn.png) no-repeat; width: 540px;height: 44px;display: block;transform: scale(1.2); }
.pop-sub-title,.pop-tab,.pop-tag,.pop-description p{font-size: 26px;}
/*弹窗end*/

::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
background: #6282e8
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  background: #9bb5d9;
}


.main::after { content: ""; width: 650px; height: 1200px; background: rgba(0, 0, 0, 0.3); z-index: 999; pointer-events: none; position: relative; display: none; }