/*
 * Author: bindy
 * Version: 0.1.0
 * Compile Date: 2025-06-13 11:30
*/
* { -webkit-box-sizing: border-box; box-sizing: border-box }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, cmsArea, p, blockquote, th, td { padding: 0; margin: 0 }
ol, ul, dl { list-style: none }
body { font: 12px/1.6 "Microsoft YaHei", simsun, tahoma; color: #fff; background: #000; min-width: 1300px }
img { border: 0 }
table { border-collapse: collapse; border-spacing: 0 }
input, cmsArea, select { font: 12px "Microsoft YaHei", simsun, tahoma; outline: 0 }
a { color: #fff; text-decoration: none; outline: 0 }
h1, h2, h3, h4, h5, h6 { font-weight: 400; font-size: 100% }
.clearfix:after { visibility: hidden; display: block; content: ""; clear: both; font-size: 0; height: 0 }
.clearfix { zoom: 1 }
.clear { clear: both }
.btn { display: block; cursor: pointer; text-align: center; font-size: 0; margin: 0 auto }
.logo { position: absolute;margin-left: -583px;top: 46px; left: 50%; width: 155px; }
.logo a, .logo img { display: block; width: 100% }
.logo img{visibility: hidden;}
.list { display: flex; text-align: center; justify-content: center; align-items: flex-start }
.list.list-wrap { flex-wrap: wrap }
@font-face { font-family: systm; src: url(https://mykdvideo.99.com/games/mykd/ydy/v37/font/SourceHanSerifCN-Medium.eot); src: url(https://mykdvideo.99.com/games/mykd/ydy/v37/font/SourceHanSerifCN-Medium.eot?#iefix) format("embedded-opentype"), url(https://mykdvideo.99.com/games/mykd/ydy/v37/font/SourceHanSerifCN-Medium.woff) format("woff"), url(https://mykdvideo.99.com/games/mykd/ydy/v37/font/SourceHanSerifCN-Medium.ttf) format("truetype"), url(https://mykdvideo.99.com/games/mykd/ydy/v37/font/SourceHanSerifCN-Medium.svg#SourceHanSerifCN-Bold) format("svg"); font-style: normal; font-weight: 400 }
@font-face { font-family: slidefontxyh; src: url(https://mykdvideo.99.com/games/mykd/ydy/v37/font/SlidefontXYH-Regular.eot); src: url(https://mykdvideo.99.com/games/mykd/ydy/v37/font/SlidefontXYH-Regular.eot?#iefix) format("embedded-opentype"), url(https://mykdvideo.99.com/games/mykd/ydy/v37/font/SlidefontXYH-Regular.woff) format("woff"), url(https://mykdvideo.99.com/games/mykd/ydy/v37/font/SlidefontXYH-Regular.ttf) format("truetype"), url(https://mykdvideo.99.com/games/mykd/ydy/v37/font/SlidefontXYH-Regular.svg#SourceHanSerifCN-Bold) format("svg"); font-style: normal; font-weight: 400 }

.font-xyh, .gift-name { font-family: slidefontxyh }
.font-systm, .sub-slogan, .swiper-profession .detail { font-family: systm, SimSun }
.body-hide { background: #f7f7f7 }
.body-hide *, #downTip { display: none }
.body-hide #downTip { display: block; width: 100% }
.full-bg { margin: 0 auto; position: relative; max-width: 1920px; min-width: 1200px; overflow: hidden;background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/header.jpg) center 0 no-repeat,url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/s-1.jpg) center 1190px  no-repeat; }

.wrapper { position: relative; width: 1400px; margin: 0 auto }
.header {  height: 1110px }
.header .wrapper { padding: 785px 0 0; display: flex; align-items: flex-start; justify-content: center }
.ani-bg { position: absolute; width: 1920px; height: 1110px; pointer-events: none; left: 50%; margin-left: -960px; top: 0;-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 90%,rgba(0,0,0,0));display: none;}
.ani-bg video{width:100%;height: 100%;-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 90%,rgba(0,0,0,0));}
@supports(-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 90%,rgba(0,0,0,0))){
    .ani-bg{display: block;}   
}
#enterVideo,#videoBg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
#enterVideo{z-index: 2;}

.slogan { font-size: 0; width: 0; height: 0; overflow: hidden }
.sub-slogan { background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/sub-slogan.png); width: 572px; height: 55px; position: absolute; font-size: 20px; color: #fff1c2; top: 681px; left: 160px; line-height: 50px; text-align: center }
.side { position: absolute; top: 70px; text-align: right; z-index: 20;right: 30px; }
.side .btn-gw { display: inline-block; width: 264px; height: 72px; -webkit-transition: all .2s; transition: all .2s;position: relative; }
.side .btn-gw::after{content: "";background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/btn-index.png);width: 100%;height: 72px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-40%);pointer-events: none; }
.side .btn-gw:hover { -webkit-filter: brightness(1.05); filter: brightness(1.05) }
.sidebar-develop { margin-top: 17px; color: #7d540e; font-size: 14px; text-align: right; line-height: 18px;text-shadow: 0 -1px 3px rgba(255,255,255,1) }
.sidebar-develop a { color: #7d540e; margin-left: 5px }
#btnAgeTip { background: url(https://img5.99.com/news/images/topmenu/0620/sixteen.png) no-repeat; width: 77px; height: 100px; display: inline-block; transform: scale(0.8) }
.download { position: relative; padding-left: 158px }
.download::before { content: ""; background: url(https://mykdvideo.99.com/games/mykd/ydy/v36/pc/images/light.png) no-repeat center/100% 100%; width: 150px; height: 26px; position: absolute; left: -2px; top: 0; animation: light 2s linear infinite alternate; visibility: hidden; z-index: 2 }
/* .download::after{content: "";background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/layer.png) no-repeat;width: 584px;height: 161px;position: absolute;left: -15px;top: -7px;pointer-events: none;} */
.download .ewm { border: 10px solid #fff; box-shadow: 0 0 0 2px #ab8d5d; width: 148px; height: 148px; position: absolute; border-radius: 15px; left: 0; top: 2px }
.download .ewm::after{content: "";background: url(https://zydown.99.com/gw/mykd/icon/icon-s.png) no-repeat;width: 42px;height: 42px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0.8);}
.download .ewm  img{width: 100%;height: 100%;border-radius: 8px;}
.download .btn { width: 241px; height: 72px }
.download .btn:hover { -webkit-filter: brightness(1.05); filter: brightness(1.05) }
.download .btn-ios { background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/btn-d-ios.png) }
.download .btn-android { margin-top: 8px; background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/btn-d-android.png);}
.new-server { margin: 0 0 0 6px; background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/new-server.png); width: 158px; text-align: center; height: 152px }
.new-server p { color: #fff; font-size: 18px }
.new-server .list-xf { overflow: hidden; height: 86px }
.new-server li { height: 86px; display: flex; flex-direction: column; align-items: center; justify-content: center }
.new-server .dq { margin-bottom: 2px; font-weight: 700; color: #e0b962; font-size: 14px; white-space: nowrap }
.new-server .ser { display: inline-block; margin: 3px auto; background: #e0b962; color: #fff; border-radius: 6px; height: 16px; line-height: 16px; font-size: 11px; padding: 0 5px }
.new-server .time { color: #929292 }
.new-server .btn-server { background: #e0b962; border-radius: 15px; color: #fff; height: 30px; line-height: 30px; width: 108px; font-size: 16px }
.new-server .btn-server:hover { -webkit-filter: brightness(1.05); filter: brightness(1.05) }
.sec .tit { height: 1px;line-height: 999px;overflow: hidden; }

.gift-name { display: flex; align-items: center; justify-content: center }
.sec-gift { height: 693px;position: relative;z-index: 2; }
.sec-gift .wrapper { padding: 1px 0 0 }
.sec-gift .tit { margin-top: -129px }
.list-gift { color: #da775b; font-size: 22px; margin-top: 145px;  }
.list-gift li { height: 388px; padding: 282px 0 0; margin-bottom: 35px; width: 237px; position: relative; margin: 0 20px 30px;}
.list-gift li::before { content: ''; background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/gift-1.png) center no-repeat; width: 100%; height: 100%; top: 0; left: 0; position: absolute }
.list-gift li > p { position: relative;color: #fff;padding-top: 30px;background:-webkit-linear-gradient(top,#da775b 0%,#da775b 50%,#da775b 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.item-6 p,.item-7 p,.item-8 p,.item-9 p{margin-top: -10px;font-size: 19px;}
.list-gift .item-1::before { background-image: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/n-1.png) }
.list-gift .item-2::before { background-image: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/n-2.png) }
.list-gift .item-3::before { background-image: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/n-3.png);background-position: 0 6px; }
.list-gift .item-4::before { background-image: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/n-4.png) }
.list-gift .item-5::before { background-image: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/n-5.png) }
.list-gift .item-6::before { background-image: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/n-6.png) }
.list-gift .item-7::before { background-image: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/n-7.png) }
.list-gift .item-8::before { background-image: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/n-8.png) }
.list-gift .item-9::before { background-image: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/n-9.png) }
.list-gift .gift-name { position: relative; margin-bottom: 5px; display: none }
.list-gift .gift-name b { font-size: 48px; color: #f3fcff; background-image: -webkit-linear-gradient(-90deg, #f3fcff 20%, #d0f4ff 50%); -webkit-background-clip: text; -webkit-text-fill-color: transparent }
.list-gift .gift-img { display: none; width: 164px; height: 164px; margin: 0 auto; padding: 10px 0 }
.list-gift .item-1 img { margin: -11px 0 0 -1px }
.list-gift .item-2 img { margin: -41px 0 0 0 }
.list-gift .item-3 img { margin: -20px 0 0 8px }
.list-gift .item-4 img { margin: -30px 0 0 -1px }
.list-gift .item-5 img { margin: -35px 0 0 0 }
.list-gift .item-6 img { margin: -20px 0 0 -5px }
.list-gift .item-7 img { margin: -30px 0 0 -5px }
.list-gift .item-8 img { margin: -33px 0 0 -4px }
.list-gift .item-9 img { margin: -31px 0 0 -3px }
.btn-go { width: 331px; height: 92px;position: relative;}
.btn-go::after{background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/btn-go.png);width: 100%;height: 100%;pointer-events: none;content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); }
.btn-go:hover { -webkit-filter: brightness(1.05); filter: brightness(1.05) }
.sec-back {height: 620px }
.sec-back .wrapper { padding-top: 25px }
.sec-back .tit { margin-top: -25px }
.list-back { margin: 20px 0 0;padding: 0 20px; }
.list-back>li { background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/back-1.png); width: 567px; height: 595px; padding: 36px 70px 0 75px; margin: 0 35px; }
/* .list-back>li+li { margin-left: 140px } */
.list-back .gift-img { background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/back-img.png); width: 121px; height: 120px }
.list-back .gift-name b { font-size: 44px; margin: 0 2px; font-weight: 400; color: #cea855; background-image: -webkit-linear-gradient(-90deg, #b43b1e 20%, #e78f48 50%); -webkit-background-clip: text; -webkit-text-fill-color: transparent }
.list-back .gift-name::before, .list-back .gift-name::after { content: ''; display: inline-block; width: 83px; height: 26px; background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/desc-r.png) no-repeat center;}
.list-back .gift-name::before { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.list-back .item-1 img { width: 100px }
.list-back .item-1 .l-4 img { width: 134px }
.list-img { padding: 2px 33px 0 35px }
.list-img li { width: 50%; height: 165px }
.list-img .img { margin: 0 auto; background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/back-bg.png) no-repeat center; width: 121px; height: 120px; display: flex; justify-content: center; align-items: center }
.list-img .name { line-height: 1.4; text-align: center; font-size: 24px; color: #da775b;}
.sec-profession { height: 910px;padding-top: 60px; }
.sec-profession .wrapper { padding: 1px 0 0 }
.sec-profession .tit { margin-top: 62px }
.swiper-profession { width: 1920px; margin-left: -310px; padding-top: 25px; height: 760px }
.swiper-profession .swiper-wrapper { height: 100% }
.swiper-profession .swiper-slide { height: 100%; padding: 100px 0 0 990px }
.swiper-profession .swiper-button-prev, .swiper-profession .swiper-button-next { width: 56px; height: 49px; margin-top: -72px; -webkit-transition: all .3s; transition: all .3s }
.swiper-profession .swiper-button-prev { background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/p-l.png); left: 320px }
.swiper-profession .swiper-button-prev:hover { -webkit-transform: translate(-10%, 0); transform: translate(-10%, 0) }
.swiper-profession .swiper-button-next { right: 320px; background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/p-r.png) }
.swiper-profession .swiper-button-next:hover { -webkit-transform: translate(10%, 0); transform: translate(10%, 0) }
.swiper-profession .names { position: absolute; z-index: 2; left: 50%; top: 50%; width: 180px; height: 600px; margin: -302px 0 0 -172px }
.swiper-profession .names::after, .swiper-profession .names::before { content: ''; position: absolute }
.swiper-profession .names::before { background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/name-line.png); width: 168px; height: 133px; left: 0; top: 315px }
.swiper-profession .names::after { background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/name-line-h.png); width: 3px; height: 159px; left: 130px; top: 380px }
.swiper-profession .name { margin: 0 auto; font-size: 0; width: 73px; height: 308px; position: absolute; left: 60px; top: 62px; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end }
.swiper-profession .flag { position: absolute; top: 160px; right: -40px; width: 22px; height: 24px; pointer-events: none }
.swiper-profession .flag-hot { background: url(https://img7.99.com/mykd/images/version/v9/icon-hot.png) }
.swiper-profession .flag-new { background: url(https://img4.99.com/mykd/images/version/v9/icon-new-p.png) no-repeat center }
.swiper-profession .name-3 .flag { top: 100px }
.swiper-profession .name-4 .flag { top: 20px }
.swiper-profession .attrs { position: absolute; top: 389px; left: 83px; display: flex; flex-direction: row; align-items: flex-start; overflow: hidden; width: 100px }
.swiper-profession .attr { word-break: break-all; white-space: nowrap; -ms-writing-mode: tb-lr; -webkit-writing-mode: vertical-lr; writing-mode: vertical-lr; width: 1em; color: #ffe5a3; font-size: 30px }
.swiper-profession .attr-1 { margin-right: 25px }
.swiper-profession .detail { color: #ffd978; font-size: 18px; width: 454px; text-align: justify; display: flex; height: 290px; flex-direction: column; justify-content: center; line-height: 1.2 }
.swiper-profession .three { margin: 40px 0 0 110px;    filter: sepia(1) brightness(1.2); }
.swiper-profession .three img { width: 210px }
.swiper-profession .img { width: 749px; height: 686px; margin: -290px 0 0 -750px; left: 50%; top: 50%; position: absolute }
.swiper-profession .slide-xcsz .name { top: 77px }
.swiper-profession .slide-yjs .name { top: 73px }
.swiper-profession .slide-jlyx .name { top: 86px }
.swiper-profession .slide-kzs .name { top: 67px }
.swiper-profession .slide-wlws .name { top: 85px }
.swiper-profession .slide-fs .name { top: 73px }
.swiper-profession .slide-ynz .name { top: 71px }
.swiper-profession .slide-xz .name { top: 82px }
.swiper-profession .slide-lq .name { top: 82px }
.swiper-profession .slide-zs .name { top: 60px }
.swiper-profession .swiper-pagination { top: 25px; left: 0; display: flex; justify-content: center; -webkit-transform: translate(0); transform: translate(0); align-items: center; height: 80px }
.swiper-profession .swiper-pagination .swiper-pagination-bullet { margin: 0 15px }
.swiper-profession .swiper-pagination-bullet { width: 78px; height: 78px; opacity: 1; background: 0 0; border-radius: 0; position: relative }
.swiper-profession .swiper-pagination-bullet::before, .swiper-profession .swiper-pagination-bullet::after { -webkit-transition: all .3s ease; transition: all .3s ease; content: ''; top: 0; left: 0; background: no-repeat center/contain; position: absolute; width: 100%; height: 100% }
.swiper-profession .swiper-pagination-bullet::after { opacity: 0; -webkit-transform: scale(1.3); transform: scale(1.3) }
.swiper-profession .swiper-pagination-bullet-active::after { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
.swiper-profession .swiper-pagination-bullet-active::before { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0 }
.swiper-profession .icon-ls::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-ls.png) }
.swiper-profession .icon-xcsz::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-xcsz.png) }
.swiper-profession .icon-yjs::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-yjs.png) }
.swiper-profession .icon-jlyx::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-jlyx.png) }
.swiper-profession .icon-kzs::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-kzs.png) }
.swiper-profession .icon-wlws::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-wlws.png) }
.swiper-profession .icon-fs::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-fs.png) }
.swiper-profession .icon-ynz::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-ynz.png) }
.swiper-profession .icon-xz::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-xz.png) }
.swiper-profession .icon-lq::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-lq.png) }
.swiper-profession .icon-zs::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-zs.png) }
.swiper-profession .icon-ls::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-ls-on.png) }
.swiper-profession .icon-xcsz::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-xcsz-on.png) }
.swiper-profession .icon-yjs::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-yjs-on.png) }
.swiper-profession .icon-jlyx::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-jlyx-on.png) }
.swiper-profession .icon-kzs::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-kzs-on.png) }
.swiper-profession .icon-wlws::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-wlws-on.png) }
.swiper-profession .icon-fs::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-fs-on.png) }
.swiper-profession .icon-ynz::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-ynz-on.png) }
.swiper-profession .icon-xz::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-xz-on.png) }
.swiper-profession .icon-lq::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-lq-on.png) }
.swiper-profession .icon-zs::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-zs-on.png) }
.sec-special {  height: 680px }

.sec-special .tit{margin-top: 70px;}
.swiper-special { height: 630px; margin-top: 40px }
.swiper-special .swiper-wrapper { padding: 30px 0 0 }
.swiper-special .swiper-slide { width: 845px; height: 476px; position: relative }
.swiper-special .swiper-slide::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,.4) }
.swiper-special .swiper-slide img { width: 100%; height: 100%; object-fit: cover }
.swiper-special .swiper-slide.swiper-slide-active { z-index: 20 }
.swiper-special .swiper-slide.swiper-slide-active::after { opacity: 0 }
.swiper-special .swiper-slide.swiper-slide-active::before { content: ''; position: absolute; background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/s-border.png); width: 983px; height: 551px; pointer-events: none; left: 50%; top: 50%; margin: -280px 0 0 -492px }
.swiper-special .swiper-slide.swiper-slide-active img { -webkit-transform: scale(1.14); transform: scale(1.14); border: 2px solid #fff }
.swiper-special .swiper-pagination { bottom: 45px }
.swiper-special .swiper-pagination .swiper-pagination-bullet { margin: 0 3px }
.swiper-special .swiper-pagination-bullet { background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/page.png); width: 26px; height: 26px; opacity: 1 }
.swiper-special .swiper-pagination-bullet.swiper-pagination-bullet-active { background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/page-a.png) }
.swiper-special .swiper-button-prev { left: 0 }
.swiper-special .swiper-button-next { right: 0 }
.swiper-special .swiper-button-next, .swiper-special .swiper-button-prev { width: 120px; height: 540px; background: 0 0; top: 0; margin-top: 0 }
.footer .wrapper { padding: 10px 0 }
.footer a:hover{text-decoration: underline;}
.music { position: absolute; width: 37px; height: 37px; top: -50px; right: 40px; z-index: 20; cursor: pointer; }
.music:hover { -webkit-filter: brightness(1.05); filter: brightness(1.05) }
.music::before, .music::after { content: '' }
.music::before { background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/music.png) no-repeat center/100% 100%; position: absolute; left: 50%; top: 50%; width: 54px; height: 54px; margin: -27px 0 0 -27px; z-index: 1 }
.music::after { position: relative; z-index: 2; background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/music-c.png) no-repeat center; width: 100%; height: 100%; display: block }
.music.playing::after { -webkit-animation: playing 2s infinite linear; animation: playing 2s infinite linear }
.swiper-profession .img { opacity: 0; -webkit-transform: translateX(50%); transform: translateX(50%) }
.swiper-profession .names::after { opacity: 0; -webkit-transform: translate(0, -100%); transform: translate(0, -100%) }
.swiper-profession .names::before { opacity: 0; -webkit-transform: translate(200%, -190%); transform: translate(200%, -190%) }
.swiper-profession .name img { opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%) }
.swiper-profession .attr { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%) }
.swiper-profession .detail { opacity: 0; -webkit-transform: translateY(10%); transform: translateY(10%) }
.swiper-profession .three img { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: 0 }
.swiper-profession .swiper-slide-active .img { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all .3s .1s; transition: all .3s .1s }
.swiper-profession .swiper-slide-active .names::before { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all .15s .1s; transition: all .15s .1s }
.swiper-profession .swiper-slide-active .names::after { -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all .15s .25s; transition: all .15s .25s; opacity: 1 }
.swiper-profession .swiper-slide-active .name img { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all .25s .35s; transition: all .25s .35s }
.swiper-profession .swiper-slide-active .attr { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1 }
.swiper-profession .swiper-slide-active .attr-2 { -webkit-transition: all .2s .4s; transition: all .2s .4s }
.swiper-profession .swiper-slide-active .attr-1 { -webkit-transition: all .2s .5s; transition: all .2s .5s }
.swiper-profession .swiper-slide-active .detail { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all .25s .45s; transition: all .25s .45s }
.swiper-profession .swiper-slide-active .three img { opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .2s .55s; transition: all .2s .55s }

 @-webkit-keyframes light {
 0% {
 visibility: visible;
 -webkit-transform: translateY(5px)
}
 100% {
 visibility: visible;
 -webkit-transform: translateY(134px)
}
}
 @keyframes light {
 0% {
 visibility: visible;
 transform: translateY(5px)
}
 100% {
 visibility: visible;
 transform: translateY(134px)
}
}
 @-webkit-keyframes playing {
 100% {
 -webkit-transform: rotate(360deg)
}
}
 @keyframes playing {
 100% {
 transform: rotate(360deg)
}
}
#pGn,#pBah{display: none;}
 .html-825 #pGn,.html-825 #pBah{display: block;}

.new-btn-box{display: flex;width: 100%;justify-content: center;margin: -113px 0 146px;position: relative;z-index: 2;}
.new-btn-box span{background: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/btn-xs.png) center no-repeat;width: 278px;height: 67px;cursor: pointer; margin: 0 20px;}
.new-btn-box span:hover{filter: brightness(1.1);}
.new-btn-box span.btn-lwj{background-image: url( https://mykdvideo.99.com/games/mykd/ydy/v47/pc/images/btn-lwj.png);}
#xfBox .list-xf{color: #000;}