@charset "utf-8";
/**
 * Author: cxl(964732)
 * Version: 0.1.0
 * Compile Date: 2025-07-28
*/ 

@font-face {
    font-family: 'dlskt';
    src: url('https://mykdvideo.99.com/games//mykd/2025/0731/wudang/dingliesongtypeface.woff2') format('woff2'),
        url('https://mykdvideo.99.com/games//mykd/2025/0731/wudang/dingliesongtypeface.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {-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:'dlskt', "Lucida Grande", Helvetica, Arial, Verdana, "Microsoft YaHei", sans-serif;  color: #fff;  line-height: 1.5;  -webkit-text-size-adjust: none; 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: #fff;  text-decoration:none; outline:none;-webkit-text-size-adjust: none;  }
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);}
.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);background: url(https://img5.99.com/mykd/img/acts/2024/bwcg/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: 6;visibility: visible; }
.p.show{z-index: 7;animation: mask .5s linear 1 forwards;-webkit-mask: url(https://img5.99.com/mykd/img/acts/2024/bwcg/mask.png) center center no-repeat;-webkit-mask-size: 0%;visibility: visible;}
@keyframes mask {
    0% {
        -webkit-mask-size: 0%;
        -webkit-transform: translate3d(0,0,0);
        opacity: 1;
    }

    100% {
        -webkit-mask-size: 452%;
        -webkit-transform: translate3d(0,0,0);
        opacity: 1;
    }
}
.p.active.show{pointer-events: none;}
.ani-bg,.ani-bg iframe,.ani-bg video{width: 100%;height: 100%;position: absolute;left: 0;top: 0;pointer-events: none;}

/* .main::after{content: "";width: 2px;height: 1624px;position: absolute;top: 0;left: 50%;margin-left: -1px;background: red;z-index: 100;} */

.nav{width: 750px;height: 84px;position: fixed;left: 50%;bottom: 0;z-index: 10;padding-top: 2px;box-sizing: border-box;padding: 2px 0 0;margin-left:-375px;z-index: 2;display: none;}
.nav.on{display: block;}
.nav-box{line-height: 84px;white-space: nowrap;font-size: 0;display: flex;}
.nav-item{box-sizing: border-box;height: 84px;color: #f9ecc8;font-size: 34px;position: relative;line-height: 84px;width: 25%;text-align: center;background: url(https://img7.99.com/mykd/img/acts/2025/wudang/m/nav-bg.jpg) center/100% 100% no-repeat;}
.nav-item.on{background: url(https://img7.99.com/mykd/img/acts/2025/wudang/m/nav-on.jpg) center/100% 100% no-repeat!important;}
.nav-item i{background:url(https://img7.99.com/mykd/img/acts/2025/wudang/m/v-txt.jpg) center 0 no-repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter: drop-shadow(0 0 10px rgba(0,0,0,1));
}
.nav-item.on i{background-color: #ffeda7;}
#mainLogo{pointer-events: none;z-index: 100;background: none;}
.logo-box{position: absolute; left: 250px; top: 242px; width: 281px; height: 103px;pointer-events: all;display: none;}
.p1 .logo-box{display: block;}
.logo{width: 160px;position: absolute;left: -10px;top: -10px;}
.logo img{width: 100%;display: block;visibility: hidden;}

/*p1*/
.p1{background: url(https://img7.99.com/mykd/img/acts/2025/wudang/m/p1.jpg) center 0 no-repeat;}
.p1-txt {position: absolute;left: 0;top: 1321px; width: 100%; height: 72px;background: url(https://img7.99.com/mykd/img/acts/2025/wudang/p1-txt.png) center no-repeat;}
.p1-bg {position: absolute; left: 315px; top: 1124px;width: 215px; height: 216px;cursor: pointer;}
/* .p.active .p1-bg{animation: p1-bg 0.5s linear alternate infinite;}
@keyframes p1-bg {
  100% {transform: scale(0.98);filter: brightness(1.2);}
} */

/*p4*/
.p4{background: url(https://img7.99.com/mykd/img/acts/2025/wudang/m/p4.jpg) center 0 no-repeat;}
.gz{position: absolute; width: 137px; height: 166px;cursor: pointer;}
.gz::after{content: "";width: 123px; height: 149px;background: url(https://img7.99.com/mykd/img/acts/2025/wudang/bg-gz.png) 0 0/100% 100% no-repeat;position: absolute;left: 0;bottom: 0;}
.gz1{ left: 229px; top: 683px;}
.gz2{ left: 607px; top: 616px;}
.gz3{ left: 389px; top: 907px;}
.gz4{ left: 570px; top: 885px;}
.gz p{background: url(https://img7.99.com/mykd/img/acts/2025/wudang/gz-btn.png) center 0  no-repeat;position: absolute;left: 50%;width: 58px;bottom: 35px;color: #fff;font-size: 30px;line-height: 1;display: flex;justify-content: center;align-items: center;text-align: center;text-shadow: 0 0 6px rgba(246,211,88,0.58),0 0 6px rgba(246,211,88,0.58);margin-left: -29px;padding-top: 70px;padding-bottom: 10px;zoom: 0.9;}
.active p{animation: gz-btn 0.5s linear infinite alternate;}
@keyframes gz-btn{
    100%{transform: translateY(-5px);}
}
.gz1 p{animation-delay: -0.1s;}
.gz2 p{animation-delay: -0.2s;}
.gz3 p{animation-delay: -0.3s;}
.gz4 p{animation-delay: -0.4s;}

/*pop*/
#popBox{z-index: 1000002;}
.pop{width:100%;height: 100%;left: 0;top: 0;visibility: hidden;z-index: 100000;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
.pop.show{visibility: visible;}
.pop-layer{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.8);backdrop-filter: blur(3px);}
.pop-cont{width: 1158px;height: 724px;position: absolute;left: 50%;top: 50%;background: url(https://img7.99.com/mykd/img/acts/2025/wudang/pop-bg.png) center no-repeat;font-size: 30px;transform: translate(-50%,-50%) scale(0.65);margin-left: -26px;padding: 10px 30px 0 120px;box-sizing: border-box;}
.pop h4{font-size: 73px;background: url(https://img7.99.com/mykd/img/acts/2025/wudang/p3-txt-on.png) center no-repeat;-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-align: center;    filter: drop-shadow(0 0 8px rgba(9,38,41,0.76)) drop-shadow(0 0 8px rgba(9,38,41,0.76));}
.pop img{display: block; margin: 16px auto 0 ;}

.pop .pop-close {position: absolute;width: 80px;height: 80px;right: -38px;top:-30px;background: url(https://img7.99.com/mykd/img/acts/2025/wudang/pop-close.png) no-repeat center;}


/*p3*/
.p3{background: url(https://img7.99.com/mykd/img/acts/2025/wudang/m/bg.jpg) center 0 no-repeat;}
.p3-slogan{position: absolute; left: 52%; top: 305px; width: 1074px; height: 209px;background: url(https://img7.99.com/mykd/img/acts/2025/wudang/p3-slogan.png) no-repeat center;transform:translateX(-51%) scale(0.65);transform-origin: center 0;}
.p3-tab{width: 100%;display: flex;justify-content: center;height: 71px;position: absolute;left: 0;top:445px;transform: scale(0.8);transform-origin: center 0;}
.p3-tab span{background: url(https://img7.99.com/mykd/img/acts/2025/wudang/p3-tab.png) no-repeat;width: 260px;height: 71px;box-sizing: border-box;text-align: center;padding-left: 50px;line-height: 71px;font-size: 40px; margin: 0 20px;letter-spacing: 10px;cursor: pointer;}
.p3-tab span i{font-style: normal;background: url(https://img7.99.com/mykd/img/acts/2025/wudang/p3-txt.png) no-repeat;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.p3-tab span:hover,.p3-tab span.on{background: url(https://img7.99.com/mykd/img/acts/2025/wudang/p3-tab-on.png) no-repeat}
.p3-tab span:hover i,.p3-tab span.on i{background-image: url(https://img7.99.com/mykd/img/acts/2025/wudang/p3-txt-on.png);background-position: center -270px ;}
.jz{  position: absolute; left: 89px; top: 519px; width: 672px; height: 612px;background: url(https://img7.99.com/mykd/img/acts/2025/wudang/m/p3-jz.png) no-repeat;}
.jz-tab{width: 490px;height: 50px;position: absolute;left: 80px;top: 60px;align-items: center;display: none;overflow-x: auto;flex-wrap: nowrap;overflow-y: hidden;}
.jz-tab.on{display: flex;}
.jz-tab span{flex-basis: 110px;height: 50px;text-align: center;color: #35413d;font-size: 24px;line-height: 50px;cursor: pointer;margin: 5px 0;flex-grow: 0;flex-shrink: 0;}
.jz-tab span.on,.jz-tab span:hover{background: url(https://img7.99.com/mykd/img/acts/2025/wudang/p3-tab-main.png) center /100% auto no-repeat;color: #e9e4db;}
::-webkit-scrollbar { width:3px;display: none;}
::-webkit-scrollbar-thumb {border-radius:3px;
background:#568a5f}
::-webkit-scrollbar-track { border-radius:3px;background:rgba(0,0,0,.1)}


.jz-txt{color: #35413d;font-size: 20px;position: absolute;right: 90px;top: 490px;background: url(https://img7.99.com/mykd/img/acts/2025/wudang/m/p3-line.png)center 0 repeat-y;z-index: 2;padding-bottom: 5px;width: 500px;line-height: 40px;}
.jz-pic{width: 1063px;height: 684px;-webkit-mask: url(https://img7.99.com/mykd/img/acts/2025/wudang/jz-mask.png) center no-repeat;position: absolute;left: -201px;top: -30px;pointer-events: none;transform: scale(0.65);}
.jz-pic img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
#sharpLeftP3,#sharpRightP3{background: url(https://img7.99.com/mykd/img/acts/2025/wudang/m/sharp-l.png) no-repeat center;width: 40px;height: 50px;position: absolute;left: 37px;top: 60px;cursor: pointer;}
#sharpRightP3{background-image: url(https://img7.99.com/mykd/img/acts/2025/wudang/m/sharp-r.png);left: auto;right: 47px;}

/*p2*/
.p2{background: url(https://img7.99.com/mykd/img/acts/2025/wudang/m/bg.jpg) center 0 no-repeat;}
.p2-slogan{position: absolute; left: 0; top: 318px; width: 100%; height: 116px;background: url(https://img7.99.com/mykd/img/acts/2025/wudang/p2-slogan.png) no-repeat center/auto 100%;}
.p2-txt{font-size: 27px; color: rgb(255, 255, 255); line-height: 1.25; text-align: center; text-shadow: 0px 0px 16px rgba(20, 28, 38, 0.82),0px 0px 16px rgba(20, 28, 38, 0.82),0px 0px 16px rgba(20, 28, 38, 0.82); position: absolute; left: 0; top: 447px; width: 100%;text-align: center;box-sizing: border-box;padding: 0 100px;}

.sharp-l,.sharp-r{ position: absolute; left: 163px; top: 966px; width: 79px; height: 48px;background: url(https://img7.99.com/mykd/img/acts/2025/wudang/sharp-l.png) center/100% 100% no-repeat;cursor: pointer;}
.sharp-r{ background: url(https://img7.99.com/mykd/img/acts/2025/wudang/sharp-r.png) center/100% 100% no-repeat; left: 609px; top: 968px; }
.v-name{position: absolute;left: 290px;top: 953px;width: 259px;height: 72px;background: url(https://img7.99.com/mykd/img/acts/2025/wudang/m/v-name.png) center no-repeat;line-height: 72px;text-align: center;font-size: 28px;box-sizing: border-box;padding-left: 60px;/*letter-spacing: -4px;*/}
.v-name i{font-style: normal;
background:url(https://img7.99.com/mykd/img/acts/2025/wudang/v-txt.jpg) no-repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

.swiper-box{position: absolute;left: 58%;margin-left: -571px;top: 470px;width: 1009px;height: 571px;box-sizing: border-box;transform: scale(0.63);}
#swiperP2Video{width: 100%;height: 100%;}
#swiperP2Video .swiper-slideP{position: relative;}
#swiperP2Video .swiper-slide i{background:url(https://img7.99.com/mykd/img/acts/2025/wudang/btn-video.png) center no-repeat, rgba(0,0,0,0.3);position: absolute;left: 0;top: 0;width: 100%;height: 100%;cursor: pointer;}
#swiperP2Video .swiper-slide{width: 1009px;height: 571px;position: relative;transform: scale(0.9);}
/* #swiperP2Video .swiper-slide.swiper-slide-next{transform-origin: 0 center;left: -20px;}
#swiperP2Video .swiper-slide.swiper-slide-prev{transform-origin: right center;left: 20px;} */
#swiperP2Video .swiper-slide.swiper-slide-active{transform: scale(1);z-index: 2;}
#swiperP2Video .swiper-slide::after{content: "";background: url(https://img7.99.com/mykd/img/acts/2025/wudang/v-border.png) center 0/100% 100% no-repeat;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;pointer-events: none;}
#swiperP2Video img,#swiperP2Video video{width: 100%;height: 100%;display: block;background-color: #000;cursor: pointer;}
#swiperP2Video video,#swiperP2Video .swiper-slide i.on ~ img,#swiperP2Video .swiper-slide i.on{display: none;}
#swiperP2Video .swiper-slide i.on ~ video{display: block;}

.pop-txt{font-size: 36px;line-height: 1.3;text-align: justify;}