/*
 * Author: bindy
 * Version: 0.1.0
 * Compile Date: 2025-07-03 11:30
*/
* { -webkit-tap-highlight-color: rgba(0,0,0,0); box-sizing: border-box }
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, cmsArea, th, td { margin: 0; padding: 0 }
body { font: 24px 'Lucida Grande', Helvetica, Arial, Verdana, 'Microsoft YaHei', sans-serif; color: #fff; line-height: 1.3; background-color: #3d1f15; min-width: 320px; margin: 0 auto;overflow-x: hidden;overflow-y: auto; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400 }
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: 12px }
ul, ol { list-style: none }
a { text-decoration: none; color: #e8b308; -webkit-text-size-adjust: auto }
a:hover, a:active, a:focus { color: #e7deb9; text-decoration: none }
img { vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic }
button, input, select, cmsArea { font-size: 100%; vertical-align: middle; outline: 0; -webkit-appearance: auto }
table { border-collapse: collapse; border-spacing: 0 }
cmsArea { resize: none }
.l { float: left; display: inline }
.r { float: right; display: inline }
.radius_4 { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px }
.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 }
.btn { display: block; cursor: pointer; text-align: center; font-size: 0; margin: 0 auto }
.logo { position: absolute }
.logo a, .logo img { display: block; width: 100% }
.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 { font-family: slidefontxyh }
.font-systm, .sub-slogan, .list-back .gift-name, .swiper-profession .detail { font-family: systm, SimSun }
body { background: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/header.jpg) no-repeat center 113px, url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/sec-1.jpg) no-repeat center 1129px, #294e54 }
body { padding-bottom: 160px; width: 750px; margin: 0 auto; position: relative }
.hide { display: none!important }
.pop { background: rgba(0,0,0,.85); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1000001; display: none }
.pop-cont { width: 414px; padding-right: 30px; height: 212px; background: url(https://img5.99.com/m.mykd/img/2018/10/17/ydy/tc-jhm.png) no-repeat; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%) scale(1.3); color: #fff }
.pop-close { width: 40px; height: 40px; display: block; position: absolute; right: 0; top: 0 }
.pop-jhm { padding: 50px 0 25px; text-align: center; color: #fff; font-size: 28px }
.pop-jhm span { color: #d8b972 }
.pop-btns { text-align: center }
.pop-btn { display: inline-block; width: 220px; height: 60px; margin: 0 10px; background: url(https://img8.99.com/m.mykd/img/2015/08/07/img/tc-btn.jpg) center 0 no-repeat; text-align: center; line-height: 60px; font-size: 30px; color: #fff; zoom: .7 }
.body-hide { background: #f7f7f7 }
.body-hide *, #downTip { display: none!important }
.body-hide #downTip { display: block!important; width: 100% }
.btn-gw { font-size: 0 }
.sec .tit { height: 1px;line-height: 999px;overflow: hidden; }
/* .sec .tit::before { background: no-repeat center; content: ''; height: 198px; display: block; pointer-events: none;margin-left: 7px; }
.sec .tit-1::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/tit-1.png) }
.sec .tit-2::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/tit-2.png) }
.sec .tit-3::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/tit-3.png) }
.sec .tit-4::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/tit-4.png) } */
.top { position: absolute;  width: 100%; height: 115px; top: 0; left: 0; padding: 20px 0 0 130px; z-index: 20;background: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/top.png) center no-repeat; }
.top .t-1 { line-height: 1.4; font-size: 35px; font-weight: 700; color: #fff294 }
.top .t-2 { line-height: 1.2; font-size: 28px; color: #fffbe1 }
.top .btn-gw { right: 58px; top: 38px; background: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/btn-d.png) no-repeat center/100% 100%; width: 207px; height: 56px; position: absolute }
.top .logo { position: absolute; left: -20px; top: -12px; z-index: 2 }
.top .logo img { width: 150px;transform: translate(9px,-4px)}
.header { padding: 1000px 0 0; height: 1017px; position: relative; z-index: 12 }
.header .btn-gw { width: 413px; height: 112px; display: block; margin: -20px auto 0; position: relative; z-index: 2; 
  /*background: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/btn-d.png) no-repeat;-webkit-mask: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/btn-d.png) no-repeat; animation: scl 0.3s linear alternate infinite;*/ }
@keyframes scl{
    100%{transform: scale(1.05);}
}
@supports (filter: blur(20px))
{
    .header .btn-gw:after,#botBtnDownload::after,#topBtnDownload::after { content: ""; width: 60px; height: 100%; position: absolute; left: 0; top: 0; transform: rotate(20deg); animation: my-light 2s linear infinite; background: rgba(255,255,255,.4); filter: blur(20px);display: none; }
  @keyframes my-light{0%{transform: translateX(-90px);}100%{transform: translateX(620px);}}
}
.ani-bg { z-index: 1; position: absolute; left: 0; top: 115px;width: 750px;height: 1334px;pointer-events: none;-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1) 73%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));}
.ani-bg iframe{width: 100%;background: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/ani-bg-v1.jpg);height: 1344px;top: -114px;position: relative;}
.slogan { font-size: 0; width: 0; height: 0; overflow: hidden }

.sec-gift { padding: 5px 0 0; position: relative; z-index: 10; height: 858px }
.sec-gift .tit { position: relative; z-index: 2; margin-top: 70px }
.sec-gift img { margin-top: 88px;transform: scale(1.16); }
.sec-gift .btn-gw { z-index: 5; width: 100%; height: 85%; top: 140px; left: 0; position: absolute }
.sec-back { height: 807px; position: relative }
/* .sec-back::before { content: ''; position: absolute; left: 0; background: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/hl.png); width: 391px; height: 1023px; top: -95px } */
.sec-back .tit { position: relative }
.list-back { position: relative; margin-top: 130px; flex-direction: column }
.list-back>li { margin-bottom: 20px; background: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/back-bg.png) no-repeat center top; width: 100%; height: 250px; padding: 0 88px;position: relative; }
/* .list-back>li::before{content: "";background: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/xue-back.png) center 0 no-repeat;width: 657px;height: 80px;position: absolute;left: 56px;top: -33px;z-index: 3;pointer-events: none;} */
.list-back .gift-name { background: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/tit.png) no-repeat; width: 298px; height: 33px; line-height: 33px; color: #fff; display: flex; margin: -17px auto 0; align-items: center; justify-content: center }
.list-back .btn-gw { background: url(https://mykdvideo.99.com/games/mykd/ydy/v38/m/images/btn-get.png); width: 199px; height: 44px; display: block; margin: 0 auto }
.list-back .item-1 .l-4 img { width: 80px }
.list-img { padding: 5px 0; height: 146px }
.list-img li { flex: 1 1 auto }
.list-img .img { background: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/gift.png) no-repeat center left; height: 111px; width: 130px; position: relative; margin: 0 auto; display: flex; justify-content: center; align-items: center; padding-right: 6px }
.list-img img { width: 60px }
.list-img .name { margin-top: -10px; font-size: 15px; color: #c4ab5f; font-weight: 700; padding-right: 10px }
.sec-profession { padding: 0; margin-top: -50px; }
.sec-profession .tit{margin-top: -10px;}
.swiper-profession-page { padding: 0 80px; position: relative; font-size: 0 }
.swiper-profession-page .swiper-wrapper { padding: 10px 0 }
.swiper-profession-page .swiper-button-prev, .swiper-profession-page .swiper-button-next { background: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/p-arrow.png); width: 17px; height: 31px; position: absolute; top: 50%; margin-top: -15px }
.swiper-profession-page .swiper-button-disabled { opacity: 0 }
.swiper-profession-page .swiper-button-prev { left: 50px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg) }
.swiper-profession-page .swiper-button-next { right: 50px }
.swiper-profession-page .swiper-slide { margin: 0 10px; width: 78px; height: 78px; opacity: 1; background: 0 0; border-radius: 0; position: relative }
.swiper-profession-page .swiper-slide::before, .swiper-profession-page .swiper-slide::after { content: ''; top: 0; left: 0; background: no-repeat center/contain; -webkit-transition: all .3s ease; transition: all .3s ease; position: absolute; width: 100%; height: 100% }
.swiper-profession-page .swiper-slide::after { opacity: 0; -webkit-transform: scale(1.3); transform: scale(1.3) }
.swiper-profession-page .swiper-slide.active::after { -webkit-transform: scale(1); transform: scale(1); opacity: 1 }
.swiper-profession-page .swiper-slide.active::before { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0 }
.swiper-profession-page .icon-ls::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-ls.png) }
.swiper-profession-page .icon-xcsz::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-xcsz.png) }
.swiper-profession-page .icon-yjs::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-yjs.png) }
.swiper-profession-page .icon-jlyx::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-jlyx.png) }
.swiper-profession-page .icon-kzs::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-kzs.png) }
.swiper-profession-page .icon-wlws::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-wlws.png) }
.swiper-profession-page .icon-fs::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-fs.png) }
.swiper-profession-page .icon-ynz::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-ynz.png) }
.swiper-profession-page .icon-xz::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-xz.png) }
.swiper-profession-page .icon-lq::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-lq.png) }
.swiper-profession-page .icon-zs::before { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-zs.png) }
.swiper-profession-page .icon-ls::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-ls-on.png) }
.swiper-profession-page .icon-xcsz::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-xcsz-on.png) }
.swiper-profession-page .icon-yjs::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-yjs-on.png) }
.swiper-profession-page .icon-jlyx::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-jlyx-on.png) }
.swiper-profession-page .icon-kzs::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-kzs-on.png) }
.swiper-profession-page .icon-wlws::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-wlws-on.png) }
.swiper-profession-page .icon-fs::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-fs-on.png) }
.swiper-profession-page .icon-ynz::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-ynz-on.png) }
.swiper-profession-page .icon-xz::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-xz-on.png) }
.swiper-profession-page .icon-lq::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-lq-on.png) }
.swiper-profession-page .icon-zs::after { background-image: url(https://mykdvideo.99.com/games/mykd/ydy/v47/pic/head-zs-on.png) }
.swiper-profession { height: 760px }
.swiper-profession .swiper-wrapper { height: 100% }
.swiper-profession .swiper-slide { height: 100%; overflow: hidden; padding: 20px 230px 0 80px }
.swiper-profession .swiper-button-prev, .swiper-profession .swiper-button-next { width: 56px; height: 65px; margin-top: -72px }
.swiper-profession .swiper-button-prev { background: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/p-l.png) center no-repeat }
.swiper-profession .swiper-button-next { background: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/p-r.png)  center no-repeat }
.swiper-profession .names { position: absolute; z-index: 2; right: 88px; top: 50%; width: 180px; height: 600px; margin: -436px 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/m/images/name-line.png); width: 148px; height: 118px; left: 0; top: 331px }
.swiper-profession .names::after { background: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/name-line-h.png); width: 2px; height: 86px; left: 111px; top: 380px }
.swiper-profession .name { margin: 0 auto; font-size: 0; width: 73px; height: 308px; position: absolute; overflow: hidden; left: 60px; top: 62px; 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; overflow: hidden; top: 384px; left: 85px; display: flex; flex-direction: row; align-items: flex-start; width: 120px }
.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: #fee5a3; font-size: 16px }
.swiper-profession .attr-1 { margin-right: 15px }
.swiper-profession .detail { position: relative; color: #ffe09d; font-size: 18px; text-align: justify; line-height: 1.2; z-index: 20 }
.swiper-profession .three { position: absolute; bottom: 158px; right: 70px ;filter: sepia(1) brightness(1.2);}
.swiper-profession .three img { width: 180px }
.swiper-profession .img { width: 630px; height: 557px; margin: -320px 0 0 -450px; 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 }
.sec-special { height: 440px; padding: 110px 0 0 }
.sec-special .tit{margin-top: -120px;}
.swiper-special { height: 380px; margin: 10px 45px 0 }
.swiper-special .swiper-wrapper { padding: 30px 0 0 }
.swiper-special .swiper-slide { width: 453px; height: 255px; 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/m/images/s-border.png); width: 527px; height: 297px; pointer-events: none; left: 50%; top: 50%; margin: -149px 0 0 -264px }
.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: 26px }
.swiper-special .swiper-pagination .swiper-pagination-bullet { margin: 0 6px }
.swiper-special .swiper-pagination-bullet { background: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/page.png); width: 17px; height: 17px; opacity: 1 }
.swiper-special .swiper-pagination-bullet.swiper-pagination-bullet-active { background: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/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: 70px; height: 303px; background: 0 0; top: 0; margin-top: 0 }
#menuBot { width: 100%; height: 46px; line-height: 46px; background: #000; display: none }
#menuBot a { float: left; text-align: center; line-height: 46px; width: 50% }
.mod-bot { width: 100%; max-width: 750px; position: fixed; background: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/bottom.png) no-repeat center bottom; height: 187px; bottom: -8px; overflow: hidden; z-index: 100000; left: 50%; opacity: 0; -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%); -webkit-transition: all .3s; transition: all .3s }
.mod-bot.active { opacity: 1; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0) }
.mod-bot::before, .mod-bot::after { color: #fff; position: absolute; left: 137px }
.mod-bot::before { top: 44px; content: '魔域口袋版'; font-size: 24px;color: #fbef98; }
.mod-bot::after { top: 80px; content: '热血PK手游'; font-size: 18px;color: #fffbe1; }
.bot-icon { width: 160px; height: 155px; position: absolute; left: -30px; top: -30px }
.bot-icon img { width: 191px;pointer-events: none; }
#topBtnDownload, #botBtnDownload,#botBtnGift { width: 196px; height: 53px; position: absolute; left: 330px; top: 47px }
#topBtnDownload{margin: 0;top: 37px;}
#topBtnDownload,#botBtnDownload { background: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/bot-btn-dl.png) no-repeat;-webkit-mask: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/bot-btn-dl.png) no-repeat; left: 540px; }
#topBtnDownload { background: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/top-d.png) no-repeat;-webkit-mask: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/top-d.png) no-repeat; width: 246px;height: 66px;left: 490px;top: 25px;}
#botBtnGift { background: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/images/bot-btn-gift.png) no-repeat }
#menuBotBd { padding: 10px 0; color: #f1d79a; line-height: 1.2; font-size: 22px; display: none; text-align: center }
#menuBotBd a { color: #f1d79a}
#btnAgeTip { background: url(https://img5.99.com/news/images/topmenu/0620/sixteen.png) no-repeat; width: 77px; height: 100px; position: absolute; right: 5px; bottom: 15px; transform: scale(0.6); transform-origin: center bottom }
.mod-bot-develop { font-size: 16px; color: rgba(255,238,147,.5); padding: 130px 10px 0; text-align: center }
.mod-bot-develop a { color: rgba(255,238,147,.5); vertical-align: middle }
.mod-bot-develop span { padding: 0 5px; vertical-align: middle }
#tipGn { display: none }
.html-824 .mod-bot-develop, .no-id .mod-bot-develop { padding-top: 120px }
.html-824 #tipGn, .no-id #tipGn { display: inline-block }
.html-824 .mod-bot-develop, .no-id .mod-bot-develop { line-height: 1.1 }
.music { position: fixed; width: 37px; height: 37px; top: 145px; z-index: 20; left: 50%; margin-left: 320px; -webkit-transition: all .3s; transition: all .3s;filter: drop-shadow(0 0 2px rgba(255,255,255,1)); }
.music.active { top: 45px }
.music::before, .music::after { content: '' }
.music::before { background: url(https://mykdvideo.99.com/games/mykd/ydy/v47/m/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/m/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)
}
}
 @keyframes btnScale {
 50% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
 filter: drop-shadow(0 0 3px #fff) brightness(1.1)
}
}
 @keyframes btnRotate {
 from {
 transform: rotate(10deg)
}
 to {
 transform: rotate(-10deg)
}
}
 @keyframes buzz {
 from {
 -webkit-transform: rotate(2deg);
 transform: rotate(2deg)
}
 100% {
 -webkit-transform: rotate(-2deg);
 transform: rotate(-2deg)
}
}
.sec-back .btn-gw { -webkit-animation: buzz .25s linear alternate infinite; animation: buzz .25s linear alternate infinite }
#botBtnDownload,#topBtnDownload { -webkit-animation: buzz .2s linear alternate infinite; animation: buzz .2s linear alternate infinite }
#videoCanvas1,#videoCanvas2{visibility: hidden;width: 750px;height: 1280px;}
#videoCanvas1.show,#videoCanvas2.show{visibility: visible;}

.header .btn-gw:last-child::after{display: none;}