@charset "utf-8";
/**
 * Author: cxl(964732)
 * Version: 0.1.0
 * Compile Date: 2025-07-17
*/ 
* {-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: #d9d8d6;  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: #d9d8d6;  text-decoration:none; outline:none;-webkit-text-size-adjust: none;  }
a:active {  color: #d9d8d6; }
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-y: auto;overflow-x: hidden;}
body{height: 100%;box-sizing: border-box;background: #000;width: 750px; margin: 0 auto;/*padding-bottom: 80px;*/}
.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; box-sizing: border-box;}

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

.mod-top{background: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/top.png) center no-repeat;width: 750px;height: 85px;position: fixed;left: 50%;margin-left: -375px;top: 0;z-index: 2;display: flex;align-items: center;justify-content: space-between;}
.mod-info{padding-left: 90px;background: url(https://zydown.99.com/gw/mykd/icon/logo-bg.png) 10px center no-repeat;background-size: 26%;display: flex;justify-content: center;flex-direction: column;line-height: 1.3;height: 101px;}
.mod-info b{font-size: 30px; color: #f9ffb7;}
.mod-info span{color: #dffdff;}
.bnt-dl{background: url(https://img7.99.com/m.mykd/img/acts/2025/bzgy/btn-dl.png) no-repeat;width: 221px;height: 59px;margin-right: 10px;}
.mod-bot{background: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/bot.png) center 0 no-repeat;width: 750px;height: 100px;position: fixed;left: 50%;margin-left: -375px;bottom: 0;z-index: 100;display: none;}
.mod-bot.on{display: flex;}
.mod-bot span{width: 20%;height: 100%;}
.mod-bot span:not(:last-of-type){background: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/nav-line.png) right center no-repeat;}
.mod-bot span.on,.mod-bot span:active{background: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/nav-on.png) center/100% 112% no-repeat;}
.mod-bot span i{display: block;width: 100%;height: 100%;background: #e7efb1;transform: translateY(2px);}
.btn-home i{-webkit-mask: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/btn-home.png) center 12px no-repeat;}
.btn-zy i{-webkit-mask: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/btn-zy.png) center 12px no-repeat;}
.btn-jn i{-webkit-mask: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/btn-jn.png) center 12px no-repeat;}
.btn-xt i{-webkit-mask: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/btn-xt.png) center 12px no-repeat;}
.btn-hd i{-webkit-mask: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/btn-hd.png) center 12px no-repeat;}
.mod-bot span.on i,.mod-bot span:active i{background: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/nav-on-i.jpg) center 0 no-repeat;}

/*首页*/
.p-ind{width: 100%;height: 100%;overflow: hidden;position: relative;}
.p-ind.p{background: none;}
.p-ind .main{background: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/p1.jpg) center no-repeat;}
.btns{width: 68px;position: absolute;left: 680px;bottom: 333px;}
.btns i{display: block;width: 68px;height: 68px;background-repeat: no-repeat;background-position: center;margin-top: 8px;}
.btn{cursor: pointer;}
.btn-dy {background-image: url(" https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/btn-dy.png");}
.btn-gzh {background-image: url(" https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/btn-gzh.png");}
.btn-gw { background-image: url(" https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/btn-gw.png");}
.btn-yy { background-image: url(" https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/btn-yy.png"); position: absolute; left: 195px; top: 1009px; width: 459px; height: 138px;  }
.sharp { background-image: url(" https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/sharp.png"); position: absolute; left: 211px; top: 1076px; width: 432px; height: 227px;pointer-events: none; }
.sharp{animation:  sharp 0.8s linear infinite alternate;}
@keyframes sharp {
    100%{transform:translateY(-10px)}
}
#videoPop,#popVideo .pop-cont{width: 750px;height: 346px;}
#popVideo .pop-close{top: 350px;left: 50%;transform: translateX(-50%);}

/*职业*/
.p{background: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/bg.jpg) center 0/cover no-repeat;padding-bottom: 30px;}
.ti{ width: 100%; height: 210px;background-position: center 0;background-repeat: no-repeat;line-height: 999px;overflow: hidden;}
.ti-tyzs{background-image: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/ti-tyzs.png);}
.role-box{width: 644px;min-height: 690px;margin: 20px auto 0;position: relative;background: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/role-box.png) no-repeat;}
.tag-nv,.tag-nan{position: absolute; left: 81px; top: 15px; width: 69px; height: 70px;background: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/tag.png) no-repeat center;text-align: center;line-height: 70px;font-size: 30px;color: #489276;z-index: 10; }
.tag-nan{left: 10px; top: 90px;}
.tag-nv.on,.tag-nan.on{color: #fff;background-image: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/tag-on.png);}
.role{transform: translateY(-60px);display: none;height: 689px;}
.role.on{display: block;}
.bq{width: 322px;height: 207px;position: absolute;left: 50%;transform: translateX(-50%);top: 380px;border-radius: 103px;background: rgba(255,255,255,0.8);display: flex;justify-content: center;align-items: center;}
.bq i{background: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/bq1.png) center no-repeat;width: 52px;height: 193px;text-align: center;line-height: 1.2;box-sizing: border-box;padding: 0 10px;display: flex;justify-content: center;align-items: center;color: #fff; margin: 0 10px;}
.bq i:nth-of-type(2){background-image: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/bq2.png);}
.bq i:nth-of-type(3){background-image: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/bq3.png);}
.zybj{border-radius: 30px; background-color: rgba(255, 255, 255,0.6);  width: 650px; margin: -50px auto 10px;box-sizing: border-box;padding: 10px 18px;font-size: 30px;color: #656c67; }
.zybj h3{color: #66a18d;font-size: 48px;padding-bottom: 5px;}
.jn-list{width: 650px; margin: 0 auto;display: flex;justify-content: space-evenly;flex-wrap: wrap;}
.jn-list li{ width: 310px; height: 228px; background-color: rgba(255, 255, 255,0.6);border-radius: 20px; margin:10px 5px;color: #656c67;font-size: 26px;box-sizing: border-box;padding: 10px 16px;line-height: 1.2; }
.jn-list li h4{color: #66a18d;font-size: 29px;font-weight: bold;padding: 5px 0 10px;}
.jn-icon{background: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/jn-bg.png) no-repeat;width: 115px;height: 115px;display: flex;justify-content: center;align-items: center;background-size: 100% 100%;}
.zswg{width: 650px; margin: 0 auto;}
.zswg h3{color: #f7ff7f;font-size: 48px;font-weight: bold;margin: 30px 0;background:-webkit-linear-gradient(top,#fff4d5 40%,#ffee7a 80%,#ffee7a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter: drop-shadow(0 0 9px rgba(8,38,3,0.5));}
#swiperZswg{color: #fff;font-size: 36px;width:700px;}
#swiperZswg .swiper-slide p{line-height: 40px;padding-top: 8px;}
#swiperZswg i{font-style: normal;text-shadow: 0 0 8px #337d3f;text-indent: 1em;display: inline-block;vertical-align: middle;}
.ysc,.wq,.zq{display: inline-block;height: 40px;line-height: 40px;border-radius: 20px;padding: 0 16px;color: #796514;background: #f5d656;vertical-align: middle;margin-left: 8px;font-size: 32px;}
.wq{color: #fff2bd;background: #f48052;}
.zq{color: #fff5ce;background: #2d912c;}
.p-zy .jn-icon{zoom: 0.8;}

.pop { width: 100%; height: 100%; background: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 200000; display: none;color: #599480; }
.pop-layer{width: 100%;height: 100%;}
.pop.show { display: block; }
.pop-cont { width: 850px; height: 831px; box-sizing: border-box; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%);background: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/pop-ysc.png) no-repeat center 0;box-sizing: border-box;padding: 30px 150px; }
#popZq .pop-cont{background: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/pop-zq.png) no-repeat center 0;}
#popWq .pop-cont{background: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/pop-wq.png) no-repeat center 0;}
.pop-close { position: absolute;right: 40px; top:-40px; width: 93px; height: 150px; background: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/pop-close.png) no-repeat right center;z-index: 2; }
.pop-zswg h4{height: 40px;line-height: 40px;padding-bottom: 20px;}
.pop-zswg h4 i{font-weight: bold;font-size: 36px;vertical-align: middle;}
.pop-zswg p{font-size: 26px;}

/*技能*/
.ti-jnxq{background-image: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/ti-jnxq.png);}
.jn-tab-ti{display: flex;justify-content: center;zoom: 1.1;}
.jn-tab-ti i{ width: 160px;height: 50px;color: #e1ffe6;font-size: 30px;line-height: 52px;text-align: center;background: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/jn-tab.png) no-repeat; margin: 0 5px;cursor: pointer;font-weight: bold;}    
.jn-tab-ti i.on{background-image: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/jn-tab-on.png);color: #ed9e49;}
.jn-tab-cont{padding-top: 20px;display: flex;flex-wrap: wrap;width: 680px;}
.jn-tab-cont li{border-style: solid; border-width: 1px; border-color: rgb(206, 255, 225); border-radius: 20px; background-color: rgba(255, 255, 255,0.6);  width: 200px; height: 200px;text-align: center;padding-top: 20px;box-sizing: border-box;cursor: pointer; }
.jn-tab-cont .jn-icon{ margin: 0 auto 10px;}
/* .jn-tab-cont .jn-icon img{width: 79px;} */
.jnbg{width: 650px; margin: 0 auto;}
.jnbg h3{color: #f7ff7f;font-size: 48px;font-weight: bold;margin: 30px 0;background:-webkit-linear-gradient(top,#fff4d5 40%,#ffee7a 80%,#ffee7a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter: drop-shadow(0 0 9px rgba(8,38,3,0.5));}
.jnbg-item{ border-radius: 30px; background-color: rgba(255, 255, 255,0.6); width: 650px; height: 317px; margin: 0 auto 35px;box-sizing: border-box;padding: 15px 18px; }
.jnbg-item h4{font-weight: bold;font-size: 42px;color: #66a18d;padding-bottom: 8px;}
.jnbg-item-pic{text-align: center;padding: 16px 0;pointer-events: none;}
.jnbg-item-pic img{width: 99px; margin: 0 15px;cursor: pointer;}
.jnbg-item p{text-align: center;font-size:30px;color: #656c67;}
.pop-jn .pop-cont{background-image: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/pop-jn.png);}
.pop-jn .jn-icon{margin-bottom: 16px;}
.pop-jn b{font-size: 32px;display: block;margin-bottom: 8px;}
.pop-jn video{display: block; width: 100%;margin-top: 20px;}

/*全新系统*/
.p-qxxt{background-image: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/bg2.jpg);position: relative;}
.ti-qxxt{background-image: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/ti-qxxt.png);}
.p-qxxt .swiper-container,.p-hd .swiper-container{width:653px;height: 381px; margin: 0 auto 20px;}
.p-qxxt .jnbg-item,.p-hd .jnbg-item{height: auto;}
.p-qxxt .swiper-container img{display: block;margin: 0 auto;width: 650px;}
.btn-gdhd{background: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/btn-gdhd.png) no-repeat;display: block;width: 447px;height: 69px; margin: 20px auto;}
#prevQxxt,#nextQxxt,#prevHd,#nextHd{top: 400px;width: 56px;height: 49px;background: url(https://wjdown.99.com/games/mykd/ydy/v47/pc/images/p-r.png) no-repeat;filter: hue-rotate(200deg) drop-shadow(0 0 10px #000);animation: zy 0.5s linear alternate infinite;}
@keyframes zy{100%{transform: scale(0.8)}}
#prevQxxt,#prevHd{background-image: url(https://wjdown.99.com/games/mykd/ydy/v47/pc/images/p-l.png);}

.p-qxxt .jnbg-item p{text-align: left;}
#txt1,#txt2,#txt3{display: none;}
.xt1 #txt1,.xt2 #txt2,.xt3 #txt3{display: block;}

/*新版本活动*/
.p-hd{background-image: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/bg3.jpg);position: relative;}
.ti-hd{background-image: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/ti-hd.png);}
.btn-cy{background: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/btn-cy.png) no-repeat;display: block;width: 447px;height: 69px; margin: 20px auto;}
#swiperHd p{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,0.6);width: 100%;padding: 5px 15px;box-sizing: border-box;font-size: 30px;border-radius: 0 0 20px 20px;}
#swiperHd p b{display: block;color: #f9fec4;}
#swiperHd img,#swiperQxxt img{width:100%;user-select: none;}

.p-hd .jn-tab-cont{width: 600px;}
.p-hd .jn-list li{background: #599480;width: 140px;height: 170px;padding: 8px 0 0; margin: 0 5px;line-height: 1.2;}
.p-hd .jn-list li h4{font-size: 24px;color: #fffcdb;margin-top: -10px;}
.p-hd .jn-icon{background-image: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/jn-bg-hd.png);}
.act-list{padding-top: 20px;}
.act-item h3{background: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/hd-head.png) 0 0 no-repeat;height: 81px;display: flex;justify-content: center;flex-direction: column;padding-left: 40px;line-height: 1.3;}
.act-item h3 b{color: #e48100;font-size: 36px;}
.act-item h3 i{font-size: 30px;color: #b8b8b8;}
.act-item  p{background: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/t-line.png) 8px 0 repeat-y;text-align: left;color: #66a18d;font-size: 36px;line-height: 1.3;padding: 20px 0 30px 40px;}
.act-list .act-item:last-of-type  p{padding-bottom: 0;margin-bottom: 8px;}
.p-hd .jnbg-item p{text-align: left;}
.p-hd .jnbg-item{display: none;}
.p-hd .jnbg-item.on,.p-hd .jnbg-item.act-time{display: block;}

.pop-s .pop-cont{background-image: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/pop-bg-s.png);width: 625px;height: 351px;font-size: 32px;padding: 0;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.pop-s .pop-cont .pop-close{right: -65px;}
.pop-btns{text-align: center;padding-top: 30px;}
.pop-btns a{display: inline-block;background: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/pop-btn-az.png) no-repeat;width: 201px;height: 53px;margin: 0 10px;}
.pop-btns a.pop-btn-ios{background-image: url( https://mykdvideo.99.com/games/mykd/2025/0724/tyzs/images/m/pop-btn-ios.png);}
#popDy img{border-radius: 20px;}
.jn-tip{text-align: center;font-size: 26px;color: #66a18d;padding-top: 10px;text-shadow: 0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff,0 0 20px #fff, 0 0 20px #fff, 0 0 20px #fff;}
#popGzh img{height: 200px;}
.swiper-slide{cursor: pointer;}


::-webkit-scrollbar {width:3px}
::-webkit-scrollbar-thumb {border-radius:3px;background:#568a5f}
::-webkit-scrollbar-track {border-radius:3px;background:rgba(0,0,0,.1)}

.p-hd{padding-bottom: 80px;}
.html-pc .p-ind{height: 1200px;}