/**
 * 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;
}

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: #fff; 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: #fff; 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,.pop{font-family: 'dlskt';}

.logo-box{position: absolute; left: 504px; top: 93px; width: 195px; height: 72px;}
.logo{width: 170px;position: absolute;left: -170px;top: 210px;filter: brightness(1.1);}
.logo img{width: 100%;display: block;visibility: hidden;}
.ani-bg{width: 1920px;height: 1080px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);pointer-events: none;}

.nav{width:135px;height: 535px;background: url(https://img7.99.com/mykd/img/acts/2025/wudang/nav-bg.png) right 0 no-repeat;transform: translateX(0);box-sizing: border-box;padding-top: 63px;position: absolute;left: 0;top: 50%;margin-left: -150px;margin-top: -267px;display: none;}
.nav.on{display: block;}
.nav-box{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column}
.nav-item{display: block;height: 69px;line-height: 55px;box-sizing: border-box;position: relative;font-size: 24px;text-align:center;font-size: 28px;font-family: 'dlskt';width: 100%;margin-bottom: 15px;}

.nav-item::after{content: "";background: url(https://img7.99.com/mykd/img/acts/2025/wudang/nav-line.png) center no-repeat;width: 100%;height: 2px;position: absolute;left: 0;bottom: 0;pointer-events: none;}
#navContain{position: absolute;right: 0;top: 50%;z-index: 10000;transform-origin: right center!important;left: auto;}
.nav-item i{font-style: normal;background:url(https://img7.99.com/mykd/img/acts/2025/wudang/nav-txt.jpg) 0 bottom no-repeat;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter: drop-shadow(0px 0px 0.1px #e9cd77)}

.nav-item.on::before,.nav-item:hover::before{content: "";background: url(https://img7.99.com/mykd/img/acts/2025/wudang/nav-on.jpg) -17px center  no-repeat;display: block;width: 100%;height: 55px;position: absolute;left: 0;top: 0;z-index: -1;}
.nav-item.on{pointer-events: none;}
.nav-item.on,.nav-item:hover{text-align: center;text-decoration: none;}

h1{ height:10px; line-height:99999px; 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://img5.99.com/mykd/img/acts/2024/bwcg/mask.png) center no-repeat;}
.p.active{z-index: 6;visibility: visible;}
.p.show{z-index: 7;animation: mask 0.5s linear 1 forwards;-webkit-mask: url(https://img5.99.com/mykd/img/acts/2024/bwcg/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: 452%;
        -webkit-transform: translate3d(0,0,0);
        opacity: 1;
    }
}
.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;z-index: 1000001;}
.go-footer.show i {transform: rotate(180deg)}
.go-footer i {display: inline-block;width: 22px;height: 22px;background: url(https://mykdvideo.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: 1000000;padding: 10px 0;transform: translateY(100%);visibility:hidden;}
.footer.show {transform: translateY(0);visibility: visible;}
.footer a{color: #fff;}

.hover{cursor: pointer;}
.hover:hover{filter: brightness(1.2);}

/*p1*/
.p1{background: url(https://img7.99.com/mykd/img/acts/2025/wudang/bg-p1.jpg) center 0 no-repeat;}
.p1-txt {position: absolute;left: 0;top: 803px; 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: 871px;top: 835px;width: 179px;height: 180px;}
/* .p.active .p1-bg{animation: p1-bg 0.5s linear alternate infinite;}
@keyframes p1-bg {
  100% {transform: scale(0.98);filter: brightness(1.2);}
} */

  
  

/*p2*/
.p2{background: url(https://img7.99.com/mykd/img/acts/2025/wudang/bg-p2.jpg) center 0 no-repeat;}
.p2-slogan{position: absolute; left: 0; top: 106px; width: 100%; height: 146px;background: url(https://img7.99.com/mykd/img/acts/2025/wudang/p2-slogan.png) no-repeat center;}
.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: 247px; width: 100%;text-align: center;}

.sharp-l,.sharp-r{position: absolute; left: 271px; top: 586px; width: 118px; height: 69px;background: url(https://img7.99.com/mykd/img/acts/2025/wudang/sharp-l.png) center/100% 100% no-repeat;}
.sharp-r{ background: url(https://img7.99.com/mykd/img/acts/2025/wudang/sharp-r.png) center/100% 100% no-repeat; position: absolute; left: 1531px; top: 587px; width: 118px; height: 69px; }
.v-name{position: absolute;left: 0; top: 921px; width: 100%; height: 40px;background: url(https://img7.99.com/mykd/img/acts/2025/wudang/v-name.png) center no-repeat;line-height: 40px;text-align: center;font-size: 28px;}
.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: 50%;margin-left: -575px; top: 330px; width: 1150px; height: 571px;box-sizing: border-box;}
#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) 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;}

/*p3*/
.p3{background: url(https://img7.99.com/mykd/img/acts/2025/wudang/bg-p2.jpg) center 0 no-repeat;}
.p3-slogan{position: absolute; left: 0; top: 77px; width: 100%; height: 209px;background: url(https://img7.99.com/mykd/img/acts/2025/wudang/p3-slogan.png) no-repeat center;}
.p3-tab{width: 100%;display: flex;justify-content: center;height: 71px;position: absolute;left: 0;top: 260px;}
.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: 251px; top: 325px; width: 1419px; height: 654px;background: url(https://img7.99.com/mykd/img/acts/2025/wudang/jz.png) no-repeat;}
.jz-tab{width: 170px;height: 600px;position: absolute;left: 80px;top: 26px;align-items: center;flex-direction: column;justify-content: center;display: none;}
.jz-tab.on{display: flex;}
.jz-tab span{width: 170px;height: 55px;text-align: center;color: #35413d;font-size: 30px;line-height: 50px;cursor: pointer;margin: 5px 0;}
.jz-tab span.on,.jz-tab span:hover{background: url(https://img7.99.com/mykd/img/acts/2025/wudang/p3-tab-main.png) no-repeat;color: #e9e4db;}

.jz-txt{color: #35413d;font-size: 30px;position: absolute;right: 130px;top: 60px;writing-mode:tb-rl;background: url(https://img7.99.com/mykd/img/acts/2025/wudang/p3-line.png) repeat-x;height: 525px;line-height: 52px;z-index: 2;}
.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: 145px;top: -8px;pointer-events: none;}
.jz-pic img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}

/*p4*/
.p4{background: url(https://img7.99.com/mykd/img/acts/2025/wudang/bg-p4.jpg) center 0 no-repeat;}
.gz{position: absolute; width: 137px; height: 166px;cursor: pointer;}
.gz::after{content: "";width: 137px; height: 166px;background: url(https://img7.99.com/mykd/img/acts/2025/wudang/bg-gz.png) no-repeat;position: absolute;left: 0;bottom: 0;}
.gz1{ left: 603px; top: 699px;}
.gz2{ left: 968px; top: 596px;}
.gz3{  left: 1292px; top: 447px;}
.gz4{ left: 1401px; top: 727px;}
.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: -24px;padding-top: 70px;padding-bottom: 10px;}
.gz:hover p{animation: gz-btn 0.5s linear infinite alternate;}
@keyframes gz-btn{
    100%{transform: translateY(-5px);}
}

/*pop*/
#popBox{z-index: 1000002;}
.pop{width: 1920px;height: 1080px;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%);margin-left: -36px;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;}