@charset "UTF-8";
body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, p, form, header, section, article, footer { margin: 0; }

body, button, input, select, textarea { font: 12px/1.5 "微软雅黑", "微软雅黑", sans-serif; }

@font-face { font-family: hyyakuhei; src: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/font/hyyakuhei.ttf"); }

@font-face { font-family: font1; src: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/font/fzlt1.ttf"); }

@font-face { font-family: font3; src: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/font/font4.ttf"); }

@font-face { font-family: font2; src: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/font/fzlt2.ttf"); }

@font-face { font-family: zzgf; src: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/font/zzgf.ttf"); }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

em, b { font-style: normal; }

a { text-decoration: none; color: inherit; cursor: pointer; }

a:hover { text-decoration: none; }

img { border: 0; }

body, html { /* padding-top: 42px; */ background-color: #000000; }

body, html { height: 100%; overflow: hidden; }

button, input, select, textarea { font-size: 100%; outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

td, th, ul, ol { padding: 0; }

ul li { list-style: none; }

body { overflow-x: hidden; font-family: font1; }

.loading { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/loading.jpg") 0 0/cover no-repeat; width: 100%; height: 100%; z-index: 99999999999; position: absolute; left: 0; top: 0; }

.loading .loading_box { width: 4.84rem; height: 3.97rem; position: relative; top: 40%; left: 50%; transform: translate(-50%, -50%); }

.loading .loading_box .loading_gif { width: 5rem; height: .7rem; margin: auto; object-fit: cover; }

.loading .loading_box .logo { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/logo2.png") no-repeat; background-size: 100% 100%; width: 2.65rem; height: 2.75rem; display: block; margin: auto; }

.loading .loading_box #loading_icon { display: block; height: .25rem; margin: .35rem auto; }

.loading .loading_box .loading_num { color: #edfafc; font-size: .2rem; text-align: center; width: 100%; display: block; }

/* nav */
.nav { width: auto; height: .69rem; box-sizing: border-box; z-index: 9999999; color: #565765; font-size: .2rem; display: flex; font-family: font3; position: absolute; right: 5rem; top: 0; align-items: center; }

.nav li { margin-right: 1.85rem; cursor: pointer; text-align: center; width: .92rem; height: .69rem; color: #302641; line-height: .69rem; position: relative; }

.nav li.active { color: #a653f3; font-family: font2; }

.nav li.active img { display: block; }

.nav li img { width: 1.2rem; height: .3rem; left: -.1rem; right: 0; bottom: -.03rem; margin: auto; opacity: 1; display: none; pointer-events: none; position: absolute; }

.nav li:hover { color: #a653f3; }

.nav li:hover img { opacity: 1; }

.nav li:last-child { margin-right: 0; }

.wrap { position: relative; margin: 0 auto; width: 100%; height: 100%; overflow: hidden; }

.wrap .a_register0 { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_register0_1.png") no-repeat; background-size: 100% 100%; width: 2.63rem; height: 2.42rem; display: block; position: absolute; left: .3rem; bottom: 1.5rem; z-index: 12; }

.wrap .nav-logo-box { height: .69rem; width: 100%; position: absolute; align-items: center; top: 0; transform-origin: top; padding-left: .5rem; box-sizing: border-box; left: 0; display: flex; box-sizing: border-box; z-index: 2; }

.wrap .nav-logo-box::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(0.2rem); height: 100%; background: rgba(255, 255, 255, 0.3); }

.wrap .nav-logo-box::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.3); }

.wrap .nav-logo-box .logo { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/logo.png") no-repeat; background-size: 100% 100%; width: 1.07rem; height: 1.09rem; display: block; position: absolute; top: .3rem; left: .3rem; z-index: 11; }

.wrap .nav-logo-box .login_box { position: absolute; right: .5rem; display: flex; align-items: center; top: 0; bottom: 0; color: #fff; font-size: .16rem; height: .44rem; z-index: 11; margin: auto; }

.wrap .nav-logo-box .login_box a { color: #eaf93f; text-decoration: underline; }

.wrap .nav-logo-box .login_box .login_con a { color: #00d8ff; }

.wrap .nav-logo-box .a_music { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_music.png") no-repeat; background-size: 100% 100%; width: .44rem; height: .44rem; display: block; margin-right: .3rem; }

.wrap .nav-logo-box .a_music.on { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_music_on.png") no-repeat; background-size: 100% 100%; }

.wrap .nav-logo-box .user_logo { background-size: 100% 100%; width: auto; height: .44rem; align-items: center; display: block; margin-right: .1rem; position: relative; display: flex; }

.wrap .nav-logo-box .user_logo img { overflow: hidden; border-radius: 50%; width: 100%; height: 100%; }

.wrap .nav-logo-box .a_login { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_login.png") no-repeat; background-size: 100% 100%; width: .44rem; height: .44rem; display: block; margin-right: .1rem; }

.wrap .p_box { width: 100%; height: 9rem; position: absolute; z-index: 11; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.wrap .page_tips { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/page_tips.png") no-repeat; background-size: 100% 100%; width: 3.82rem; height: .65rem; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; animation: UpAni 2s linear infinite; }

.wrap .home { width: 100%; height: 100%; }

.wrap .p1_bg { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/part1.jpg") no-repeat; background-size: cover; position: relative; width: 100%; height: 100%; }

.wrap .p1_bg .p1_about { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/p1_about.png") no-repeat; background-size: 100% 100%; width: 2.29rem; height: 3.71rem; position: absolute; left: .2rem; top: 1.3rem; padding-top: .85rem; padding-left: .5rem; box-sizing: border-box; margin: auto; }

.wrap .p1_bg .p1_about .ewm_box { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/ewm_box.png") no-repeat; background-size: 100% 100%; width: 1.2rem; margin-left: .02rem; height: 1.06rem; padding: .05rem .05rem; box-sizing: border-box; }

.wrap .p1_bg .p1_about .ewm_box img { width: .95rem; height: .95rem; display: block; }

.wrap .p1_bg .p1_about .a_reserve_tap { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_reserve_tap.png") no-repeat; background-size: 100% 100%; width: 1.2rem; height: .5rem; margin: .2rem 0 .1rem; display: block; }

.wrap .p1_bg .p1_about .a_reserve_tap:hover { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_reserve_tap_hover.png") no-repeat; background-size: 100% 100%; }

.wrap .p1_bg .p1_about .a_go_bilibili { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_go_bilibili.png") no-repeat; background-size: 100% 100%; width: 1.2rem; display: block; height: .5rem; }

.wrap .p1_bg .p1_about .a_go_bilibili:hover { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_go_bilibili_hover.png") no-repeat; background-size: 100% 100%; }

.wrap .p1_bg .p1_title { position: absolute; width: 6.61rem; height: 4.61rem; right: 0; bottom: 2rem; }

.wrap .p1_bg .p1_title::before { content: ''; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/p1_title1_2.png") no-repeat; position: absolute; top: -1.58rem; z-index: -1; left: -7.75rem; width: 14.38rem; height: 9.16rem; background-size: 100% 100%; pointer-events: none; }

.wrap .p1_bg .p1_title .a_play { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/icon2.png") no-repeat; background-size: 100% 100%; width: .5rem; height: .5rem; position: absolute; right: 2.5rem; bottom: 1.74rem; transition: all .3s; }

.wrap .p1_bg .p1_title .a_play:hover { animation: playAni 1.5s linear infinite; }

.wrap .p1_bg .p1_btn_box { display: flex; width: 6.25rem; position: absolute; bottom: .9rem; justify-content: center; right: .1rem; }

.wrap .p1_bg .p1_btn_box .a_reserve { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_reserve2.png") no-repeat; background-size: 100% 100%; width: 3.5rem; height: 1.5rem; font-size: 0; display: block; transform: translateX(0.4rem); }

.wrap .p1_bg .p1_btn_box .a_reserve.gray { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_reserve_gray.png") no-repeat; background-size: 100% 100%; }

.wrap .p1_bg .p1_btn_box .a_register { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_register1.png") no-repeat; background-size: 100% 100%; width: 3.5rem; font-size: 0; height: 1.5rem; display: block; position: relative; }

.wrap .p1_bg .p1_btn_box .a_register .a_gif1 { width: 3.5rem; height: 1.33rem; pointer-events: none; position: absolute; left: -.25rem; opacity: 0; }

.wrap .p1_bg .p1_btn_box .a_register .a_gif { width: 3rem; height: 1.2rem; position: absolute; pointer-events: none; right: .1rem; top: .05rem; display: block; opacity: 1; }

.wrap .p2_bg { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/bg2.jpg") 0% 0%/cover no-repeat; position: relative; width: 100%; height: 100%; }

.wrap .p2_bg .page_tips { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/page_tips2.png") no-repeat; background-size: 100% 100%; width: 3.74rem; height: .57rem; position: absolute; bottom: -.5rem; left: 0; right: 0; margin: auto; animation: UpAni 2s linear infinite; }

.wrap .p2_bg .p_box { width: 14rem; position: relative; top: 50%; left: 50%; height: 8.8rem; transform: translate(-50%, -50%); }

.wrap .p2_bg .p2_tab { position: absolute; top: 1.35rem; left: 0; }

.wrap .p2_bg .p2_tab li { margin-bottom: .45rem; }

.wrap .p2_bg .p2_tab li:hover .tab_tit { color: #fff; display: block; animation: playAni 2s linear infinite; }

.wrap .p2_bg .p2_tab li.on:hover .tab_tit { color: #fff; display: block; animation: none; }

.wrap .p2_bg .p2_tab li.on .tab_tit { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/tab_tit.png") no-repeat; background-size: 100% 100%; width: 3.49rem; transform: translateX(-0.2rem); height: 1.38rem; display: block; text-align: center; line-height: 1.38rem; color: #fff; }

.wrap .p2_bg .p2_tab li.on .tab_tit em { display: block; transform: translateX(-0.05rem); }

.wrap .p2_bg .p2_tab li.on .tab_txt { display: block; }

.wrap .p2_bg .p2_tab .tab_tit { font-size: .48rem; color: #000000; cursor: pointer; font-family: zzgf; }

.wrap .p2_bg .p2_tab .tab_tit em { font-style: italic; }

.wrap .p2_bg .p2_tab .tab_txt { color: #ffffff; font-size: .16rem; font-family: hyyakuhei; display: none; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/tab_txt.png") no-repeat; background-size: 100% 100%; width: 3.31rem; text-align: center; padding-top: .25rem; box-sizing: border-box; height: .95rem; transform: translate(-0.1rem, -0.05rem); }

.wrap .p2_bg .p2_tab .tab_txt.on { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/tab_txt1.png") no-repeat; background-size: 100% 100%; height: 1.15rem; }

.wrap .p2_bg .p2_tab .tab_txt span { display: block; }

.wrap .p2_bg .p2_con { position: absolute; right: 0; width: 10rem; height: 8.8rem; }

.wrap .p2_bg .p2_con .p2_item { width: 100%; position: relative; height: 100%; }

.wrap .p2_bg .p2_con .p2_info1 { width: 100%; height: 100%; position: relative; }

.wrap .p2_bg .p2_con .p2_info1::before { content: ''; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/icon1.png") no-repeat; background-size: 100% 100%; width: 2.16rem; height: 2.69rem; display: block; position: absolute; right: -1.1rem; bottom: 1rem; z-index: 11; pointer-events: none; }

.wrap .p2_bg .p2_con .p2_info2 { width: 100%; height: 100%; position: relative; }

.wrap .p2_bg .p2_con .p2_info2 .gif_canvas { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/gif_canvas.png") no-repeat; top: .72rem; background-size: 100% 100%; width: 9.16rem; height: 5.24rem; right: 0; position: absolute; }

.wrap .p2_bg .p2_con .p2_info2 .gif_canvas video { position: absolute; width: 8.89rem; height: 4.96rem; right: .13rem; top: .14rem; border-radius: .08rem; }

.wrap .p2_bg .p2_con .p2_info2 .gif_canvas canvas { position: absolute; width: 8.89rem; height: 4.96rem; right: .13rem; top: .14rem; border-radius: .08rem; }

.wrap .p2_bg .p2_con .p2_info2::before { content: ''; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/icon1.png") no-repeat; background-size: 100% 100%; width: 2.16rem; height: 2.69rem; display: block; position: absolute; right: -1.1rem; bottom: 1rem; z-index: 11; pointer-events: none; }

.wrap .p2_bg .p2_con .p2_info3 { width: 100%; height: 100%; }

.wrap .p2_bg .p2_con .p2_info3::before { content: ''; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/icon1.png") no-repeat; background-size: 100% 100%; width: 2.16rem; height: 2.69rem; display: block; position: absolute; right: -1.1rem; bottom: 1rem; z-index: 11; pointer-events: none; }

.wrap .p2_bg .p2_con .p2_info3 img { position: absolute; right: 0; width: 9.16rem; height: 5.24rem; top: .75rem; }

.wrap .p2_bg .part2_swiper { width: 10rem; position: absolute; right: 0; height: 7.6rem; top: 0; }

.wrap .p2_bg .part2_swiper .swiper-container { width: 10rem; overflow: hidden; height: 7.6rem; }

.wrap .p2_bg .part2_swiper .swiper-slide-next { right: -1.3rem; opacity: 1 !important; }

.wrap .p2_bg .part2_swiper .swiper-button-prev { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/swiper-button-prev.png") no-repeat; background-size: 100% 100%; width: .69rem; height: 1.4rem; left: 1.35rem; top: 0; bottom: 0; animation: playAni 2s linear infinite; margin: auto; }

.wrap .p2_bg .part2_swiper .swiper-button-prev::before, .wrap .p2_bg .part2_swiper .swiper-button-prev::after { display: none; }

.wrap .p2_bg .part2_swiper .swiper-button-next { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/swiper-button-prev.png") no-repeat; background-size: 100% 100%; width: .69rem; right: 1.35rem; height: 1.4rem; transform: rotate(180deg); top: 0; bottom: 0; margin: auto; animation: playAniNext 2s linear infinite; }

.wrap .p2_bg .part2_swiper .swiper-button-next::before, .wrap .p2_bg .part2_swiper .swiper-button-next::after { display: none; }

.wrap .p2_bg .part2_swiper .swiper-slide-prev { opacity: 1 !important; left: -1.3rem; }

.wrap .p2_bg .part2_swiper .swiper-pagination { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: .2rem; }

.wrap .p2_bg .part2_swiper .swiper-pagination .swiper-pagination-bullet { width: .13rem; margin-right: .35rem; height: .13rem; opacity: 1; background: #eae3e0; }

.wrap .p2_bg .part2_swiper .swiper-pagination .swiper-pagination-bullet-active { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/swiper_pagination_active.png") no-repeat; width: .38rem; height: .38rem; display: block; }

.wrap .p2_bg .part2_swiper .swiper-slide { width: 4.41rem; height: 7.64rem; opacity: 0; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/part2_swiper.png") no-repeat center center; background-size: 100% 100%; filter: brightness(0.7); object-fit: cover; }

.wrap .p2_bg .part2_swiper .swiper-slide.swiper-slide-active { opacity: 1; filter: brightness(1); }

.wrap .p2_bg .part2_swiper .swiper-slide img { width: 4.08rem; height: 7.29rem; position: absolute; left: .16rem; object-fit: cover; top: .15rem; border-radius: .06rem; }

.wrap .p3_bg { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/bg3.jpg") 0% 0%/cover no-repeat; position: relative; width: 100%; height: 100%; }

.wrap .p3_bg .a_all { width: 1.14rem; height: .68rem; color: #000000; font-size: .18rem; font-family: 'font3'; text-align: center; line-height: .82rem; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_all.png") no-repeat; background-size: 100% 100%; z-index: 11; border-radius: .25rem; position: absolute; right: 1.16rem; transform: translateY(-0.18rem); }

.wrap .p3_bg .a_all::before { content: ''; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/part3_a.png") no-repeat; background-size: 100% 100%; width: 2.8rem; height: 1.5rem; display: block; position: absolute; right: 1rem; top: -.4rem; pointer-events: none; }

.wrap .p3_bg .a_all.act { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_all_act.png") no-repeat; background-size: 100% 100%; color: #fff; }

.wrap .p3_bg .p_box { width: 16rem; height: 8.33rem; display: block; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.wrap .p3_bg .swiper-pagination { display: flex; align-items: center; justify-content: center; width: 100%; position: absolute; bottom: .5rem; }

.wrap .p3_bg .swiper-pagination .swiper-pagination-bullet { width: .13rem; margin-right: .35rem; height: .13rem; opacity: 1; background: #eae3e0; }

.wrap .p3_bg .swiper-pagination .swiper-pagination-bullet-active { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/swiper_pagination_active.png") no-repeat; background-size: 100% 100%; width: .38rem; height: .38rem; display: block; }

.wrap .p3_bg .p3_swiper { width: 100%; height: 100%; transition: all .5s ease; position: relative; }

.wrap .p3_bg .p3_swiper .p3_swiper_conter { width: 14.5rem; padding-left: .2rem; padding-right: .2rem; height: 6.9rem; margin: auto; position: absolute; left: 0; right: 0; margin: auto; overflow: hidden; top: .75rem; padding-top: .3rem; box-sizing: border-box; }

.wrap .p3_bg .p3_swiper .p3_swiper_conter .swiper-slide { opacity: 0; pointer-events: none; }

.wrap .p3_bg .p3_swiper .p3_swiper_conter .swiper-slide.swiper-slide-active { opacity: 1; pointer-events: auto; }

.wrap .p3_bg .p3_swiper .p3_info { display: flex; width: 120%; flex-wrap: wrap; position: relative; }

.wrap .p3_bg .p3_swiper .p3_info .p3_img { width: 2.41rem; height: 2.5rem; display: block; position: absolute; left: .17rem; top: .17rem; margin: auto; border-right: .03rem solid #a9faff; }

.wrap .p3_bg .p3_swiper .p3_info .p3_img img { width: 100%; height: 100%; display: block; border-top-left-radius: .06rem; border-bottom-left-radius: .06rem; z-index: 1; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item { width: 2.88rem; height: 2.89rem; margin-right: .8rem; margin-bottom: .3rem; font-size: .16rem; cursor: pointer; overflow: hidden; position: relative; transition: transform .3s ease, box-shadow .3s ease; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .video_box { width: 2.4rem; opacity: 0; transition: all .3s ease; height: 2.5rem; position: relative; z-index: 11; overflow: hidden; top: 49%; left: 48%; transform: translate(-50%, -50%); }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .video_box::after { content: ''; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); position: absolute; left: 0; top: 0; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .video_box video { width: 101%; height: 101%; border-radius: .05rem; object-position: center; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item::after { content: ''; background: #302641; opacity: 0.2; transition: all .3s ease; width: 93.5%; height: 93.5%; position: absolute; opacity: 0; left: .07rem; top: .07rem; z-index: 999; border-radius: .09rem; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item:nth-child(4n) { margin-right: 0; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .item_hover { width: 100%; height: 100%; position: absolute; z-index: 99; opacity: 0; display: none; left: 0; bottom: 0; transition: all .3s; padding-top: 0; padding-left: 0; box-sizing: border-box; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .item_hover.max .txt_info { height: 1.16rem; padding-top: 0.1rem; box-sizing: border-box; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .item_hover.max::before { width: 2.44rem; height: 1.16rem; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .item_hover::before { content: ''; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/txt_before2.png") no-repeat; background-size: 100% 100%; width: 2.43rem; height: .81rem; opacity: 0.95; display: block; z-index: -1; position: absolute; left: .16rem; bottom: .21rem; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .item_hover .txt_info { position: absolute; bottom: .2rem; left: 0; height: .8rem; width: 100%; padding-left: .35rem; padding-right: 0.3rem; box-sizing: border-box; padding-top: 0; overflow: hidden; box-sizing: border-box; padding-top: 0.1rem; box-sizing: border-box; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .item_hover .music_name { color: #ffffff; font-family: 'font3'; font-size: .24rem; display: block; line-height: .35rem; word-break: break-all; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .item_hover .music_author { color: #fff; display: block; line-height: .24rem; font-family: 'font1'; opacity: 0.7; margin-bottom: 0; font-size: .16rem; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .item_hover .music_tag { margin-top: .2rem; display: flex; flex-wrap: wrap; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .item_hover .music_tag span { margin-bottom: .1rem; margin-right: .2rem; border: 0.01rem solid rgba(255, 255, 255, 0.7); border-radius: .25rem; width: auto; text-align: center; font-family: 'font1'; height: .3rem; line-height: .3rem; color: #ffffff; font-size: .13rem; padding: 0 .18rem; box-sizing: border-box; height: .3rem; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .item_hover .music_difficulty { display: flex; flex-wrap: wrap; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .item_hover .music_difficulty span { margin-bottom: .1rem; margin-right: .2rem; background: rgba(48, 38, 65, 0.45); border-radius: .25rem; width: .7rem; text-align: center; font-family: 'font1'; height: .3rem; line-height: .35rem; font-size: .15rem; color: #ffffff; height: .3rem; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .icon_box { position: absolute; left: .05rem; width: .86rem; top: .25rem; z-index: 11; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .icon_hot { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/hot.png") no-repeat; background-size: 100% 100%; width: .86rem; height: .36rem; display: none; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .icon_new { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/new.png") no-repeat; background-size: 100% 100%; display: none; width: .86rem; height: .36rem; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .icon_hasChoreography { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/icon_hasChoreography.png") no-repeat; background-size: 100% 100%; width: .86rem; display: none; height: .36rem; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .p3_item_bg { width: 100%; height: 100%; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/p3_info2.png") no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 0; padding-left: .35rem; padding-top: 1.9rem; box-sizing: border-box; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .p3_item_bg::before { content: ''; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/icon5.png") no-repeat; background-size: 100% 100%; width: .19rem; height: .53rem; display: block; position: absolute; left: .07rem; bottom: .92rem; z-index: 999; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .p3_item_bg::after { content: ''; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/icon8.png") no-repeat; background-size: 100% 100%; width: .65rem; height: .29rem; display: block; position: absolute; right: .05rem; top: -.08rem; z-index: 999; opacity: 0.5; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item .item_hover::before { display: none !important; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item.show { cursor: pointer; transform: scale(1.1); }

.wrap .p3_bg .p3_swiper .p3_info .p3_item.show .video_box { opacity: 1; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item.show .item_hover { display: block; opacity: 1; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item.show::after { display: none; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item.show .p3_item_bg::after { opacity: 1; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item.play { cursor: pointer; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item.play .item_hover { display: block; opacity: 1; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item.play .item_hover::after { content: ''; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/cursor_hover_pause.png") no-repeat; background-size: 100% 100%; width: .89rem; height: .93rem; display: block; z-index: 11; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item.pause .p3_img::before { content: ''; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/cursor_hover_play.png") no-repeat; background-size: 100% 100%; width: .89rem; height: .93rem; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.wrap .p3_bg .p3_swiper .p3_info .p3_item:nth-child(4n) { margin-right: 0; }

.wrap .p3_bg .p3_swiper .swiper-button-prev { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/swiper-button-prev.png") no-repeat; background-size: 100% 100%; width: .69rem; height: 1.4rem; left: -.1rem; top: 0; bottom: 0; animation: playAni 2s linear infinite; margin: auto; }

.wrap .p3_bg .p3_swiper .swiper-button-prev::before, .wrap .p3_bg .p3_swiper .swiper-button-prev::after { display: none; }

.wrap .p3_bg .p3_swiper .swiper-button-next { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/swiper-button-prev.png") no-repeat; background-size: 100% 100%; width: .69rem; right: -.1rem; height: 1.4rem; transform: rotate(180deg); animation: playAniNext 2s linear infinite; top: 0; bottom: 0; margin: auto; }

.wrap .p3_bg .p3_swiper .swiper-button-next::before, .wrap .p3_bg .p3_swiper .swiper-button-next::after { display: none; }

.wrap .p3_bg .p3_tab { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/p3_tab.png") no-repeat; background-size: 100% 100%; width: 9.5rem; height: .4rem; display: block; position: absolute; left: 1rem; color: #000000; font-size: .18rem; display: flex; justify-content: space-between; text-align: center; }

.wrap .p3_bg .p3_tab li { width: 1.66rem; cursor: pointer; height: 100%; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; padding-top: .03rem; font-family: 'font3'; box-sizing: border-box; }

.wrap .p3_bg .p3_tab li:hover { color: #fff; }

.wrap .p3_bg .p3_tab.on0 li:nth-child(1) { color: #fff; }

.wrap .p3_bg .p3_tab.on0::before { left: -.05rem; display: block; }

.wrap .p3_bg .p3_tab.on1 li:nth-child(2) { color: #fff; }

.wrap .p3_bg .p3_tab.on1::before { left: 1.54rem; display: block; }

.wrap .p3_bg .p3_tab.on2 li:nth-child(3) { color: #fff; }

.wrap .p3_bg .p3_tab.on2::before { left: 3.15rem; display: block; }

.wrap .p3_bg .p3_tab.on3 li:nth-child(4) { color: #fff; }

.wrap .p3_bg .p3_tab.on3::before { left: 4.7rem; display: block; }

.wrap .p3_bg .p3_tab.on4 li:nth-child(5) { color: #fff; }

.wrap .p3_bg .p3_tab.on4::before { left: 6.3rem; display: block; }

.wrap .p3_bg .p3_tab.on5 li:nth-child(6) { color: #fff; }

.wrap .p3_bg .p3_tab.on5::before { left: 7.85rem; display: block; }

.wrap .p3_bg .p3_tab::before { content: ''; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/p3_tab_act.png") no-repeat; background-size: 100% 100%; width: 1.74rem; height: .68rem; display: none; position: absolute; z-index: 0; transition: all .3s; left: -.05rem; bottom: -.09rem; }

.wrap .p3_bg .page_tips { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/page_tips3.png") no-repeat; background-size: 100% 100%; width: 3.74rem; height: .57rem; position: absolute; bottom: -.2rem; left: 0; cursor: pointer; right: 0; z-index: 11; margin: auto; animation: UpAni 2s linear infinite; }

.wrap .p4_bg { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/bg4.jpg") 0% 0%/cover no-repeat; position: relative; width: 100%; height: 100%; }

.wrap .p4_bg .p4_box { width: 100%; height: 7.91rem; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.wrap .p4_bg .p4_title { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/p4_title.png") no-repeat; background-size: 100% 100%; width: 7.98rem; height: .53rem; position: relative; margin: auto; }

.wrap .p4_bg .p4_con { display: flex; width: 13rem; margin: .8rem auto 0; flex-wrap: wrap; position: relative; justify-content: space-between; }

.wrap .p4_bg .page_tips { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/page_tips4.png") no-repeat; background-size: 100% 100%; width: 2.22rem; height: .62rem; position: absolute; bottom: -.2rem; cursor: pointer; left: 0; right: 0; margin: auto; z-index: 11; }

.wrap .p4_bg .p4_item { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/p4_item.png") no-repeat; background-size: 100% 100%; width: 1.5rem; cursor: pointer; height: 1.5rem; display: block; position: relative; transition: all .3s; margin-right: .8rem; margin-bottom: .55rem; }

.wrap .p4_bg .p4_item:nth-child(6n) { margin-right: 0; }

.wrap .p4_bg .p4_item:hover { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/p4_item_hover.png") no-repeat; background-size: 100% 100%; transform: scale(1.05); }

.wrap .p4_bg .p4_item img { width: 100%; height: 100%; }

.wrap .p4_bg .p4_item span { font-size: .16rem; color: #ffffff; position: absolute; bottom: .15rem; width: 100%; z-index: 11; text-align: center; left: 0; }

.wrap .p4_bg #afooter { text-align: center; position: absolute; width: 100%; font-size: .16rem; bottom: 1.2rem; }

.pop { width: 100%; height: 100%; position: fixed; top: 0; z-index: 9999; left: 0; background: rgba(0, 0, 0, 0.85); }

.pop .pop_qrcode2 { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/pop_qrcode.png") no-repeat; background-size: 100% 100%; width: 3.24rem; height: 3.34rem; display: block; padding-top: .2rem; box-sizing: border-box; padding-right: .05rem; box-sizing: border-box; }

.pop .pop_qrcode2 .ewm { width: 2rem; height: 2rem; object-fit: cover; display: block; margin: .1rem auto 0; }

.pop .pop_qrcode2 span { display: block; font-size: .24rem; color: #000000; text-align: center; width: 100%; margin-top: .2rem; }

.pop .dia_close { display: block; width: .8rem; height: .8rem; position: absolute; top: 0rem; transition: all .3s; right: -1rem; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/dia_close.png") no-repeat; background-size: 100% 100%; }

.pop .dia_close:hover { transform: rotate(180deg); }

.pop .pop_box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.pop .pop_box::before { content: ''; width: 50%; height: 100%; }

.pop .pop_login { width: 8rem; padding-top: 2.05rem; box-sizing: border-box; height: 4.8rem; display: block; }

.pop .pop_login .pop_bg { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/pop_login.png") no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }

.pop .pop_login .login_box { width: 4.5rem; display: flex; justify-content: space-between; margin: auto; }

.pop .pop_login .login_box .a_wx { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_wx.png") no-repeat; background-size: 100% 100%; width: 1.5rem; height: 1.54rem; display: block; }

.pop .pop_login .login_box .a_qq { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_qq.png") no-repeat; background-size: 100% 100%; width: 1.5rem; height: 1.54rem; display: block; margin-left: .5rem; }

.pop .pop_tips { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/pop_tips.png") no-repeat; background-size: 100% 100%; width: 8rem; padding-top: 1.25rem; box-sizing: border-box; height: 4.8rem; display: block; }

.pop .pop_tips p { color: #000000; font-family: 'hyyakuhei'; font-size: .26rem; width: 100%; text-align: center; padding: 0.2rem .5rem; box-sizing: border-box; height: 3rem; align-items: center; justify-content: center; display: flex; }

.pop .pop_tips p a { color: #e2ed49; display: inline; }

.pop .popCom { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/pop_tips.png") no-repeat; background-size: 100% 100%; width: 8rem; padding-top: 1.15rem; box-sizing: border-box; height: 4.8rem; display: block; }

.pop .popCom p { color: #000000; font-family: 'font1'; font-size: .26rem; width: 100%; text-align: center; padding: 0.2rem .5rem; box-sizing: border-box; }

.pop .popCom p.short_tip { padding: 1.2rem .5rem; }

.pop .popCom p a { color: #e2ed49; display: inline-block; }

.pop .pop_qrcode { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/pop_qrcode.png") no-repeat; background-size: 100% 100%; width: 8rem; padding-top: 2.05rem; box-sizing: border-box; height: 6.9rem; display: block; padding-top: 1.6rem; box-sizing: border-box; }

.pop .pop_qrcode .qrcode_txt { font-size: .16rem; color: #000000; text-align: center; margin-top: .2rem; opacity: .3; }

.pop .pop_qrcode .qrcode_l { font-size: .24rem; width: 6.6rem; height: .72rem; display: flex; align-items: center; background: #fff; border-radius: .5rem; margin: .2rem auto 0; text-align: center; justify-content: center; color: #000000; }

.pop .pop_qrcode .ewm_box { width: 2rem; height: 2rem; display: block; margin: auto; }

.pop .pop_qrcode .ewm_box img { width: 100%; height: 100%; display: block; }

.pop .pop_qrcode .a_copy { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_copy.png") no-repeat; background-size: 100% 100%; width: 4.34rem; height: 1.56rem; display: block; margin: auto; position: absolute; bottom: .2rem; left: 0; right: 0; margin: auto; }

.pop .pop_video { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/pop_video.png") no-repeat; background-size: 100% 100%; width: 12.8rem; height: 7.2rem; }

.pop .pop_video #popVideo { width: 100%; height: 7.1rem; position: absolute; bottom: 0; left: 0; border-top-left-radius: .4rem; border-bottom-right-radius: .4rem; }

.pop .pop_video #popVideo video { width: 100%; height: 100%; object-fit: cover; }

.pop .pop_phone { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/pop_phone.png") no-repeat; background-size: 100% 100%; width: 8rem; height: 6.9rem; padding-top: 1.7rem; box-sizing: border-box; }

.pop .pop_phone .a_submit { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_submit.png") no-repeat; background-size: 100% 100%; width: 4.34rem; height: 1.56rem; display: block; margin: auto; position: absolute; bottom: .2rem; font-size: 0; left: 0; right: 0; }

.pop .pop_phone .a_getcode { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_getcode.png") no-repeat; background-size: 100% 100%; width: 1.6rem; height: .51rem; display: flex; align-items: center; display: block; color: #ffffff; font-size: .2rem; margin-left: .5rem; text-align: center; display: flex; justify-content: center; }

.pop .pop_phone .a_getcode.on { filter: grayscale(1); pointer-events: none; }

.pop .pop_phone .agree_box { display: flex; width: 6.6rem; margin: .3rem auto 0; }

.pop .pop_phone .agree_box .a_agree { width: .22rem; font-size: 0; height: .2rem; display: block; margin-right: .2rem; background: #fff; }

.pop .pop_phone .agree_box .a_agree.active { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_agree_act.png") no-repeat; background-size: 100% 100%; }

.pop .pop_phone .agree_box span { color: #000000; opacity: 0.7; font-family: font1; line-height: .28rem; font-size: .16rem; width: 6.28rem; }

.pop .pop_phone .phone_box, .pop .pop_phone .code_box { width: 6.6rem; margin: 0 auto .2rem; display: flex; align-items: center; height: .7rem; background: #fff; border-radius: .35rem; padding-left: .35rem; box-sizing: border-box; }

.pop .pop_phone .phone_box span, .pop .pop_phone .code_box span { color: #000000; font-size: .2rem; height: .3rem; line-height: .3rem; font-family: font2; display: block; position: relative; width: .8rem; margin-right: .2rem; }

.pop .pop_phone .phone_box span::before, .pop .pop_phone .code_box span::before { content: ''; width: .01rem; height: 100%; background: #565765; position: absolute; right: 0; }

.pop .pop_phone .phone_box input, .pop .pop_phone .code_box input { outline: none; border: none; width: 3rem; font-size: .2rem; font-family: font1; }

.pop .popUnbind { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/popUnbind.png") no-repeat; background-size: 100% 100%; width: 8rem; height: 6.91rem; padding-top: 1.7rem; box-sizing: border-box; }

.pop .popUnbind .a_release { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_release.png") no-repeat; background-size: 100% 100%; width: 4.34rem; height: 1.56rem; display: block; margin: auto; position: absolute; bottom: .2rem; font-size: 0; left: 0; right: 0; }

.pop .popUnbind .a_submit { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_submit.png") no-repeat; background-size: 100% 100%; width: 4.34rem; height: 1.56rem; display: block; margin: auto; position: absolute; bottom: .2rem; font-size: 0; left: 0; right: 0; }

.pop .popUnbind .a_getcode { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_getcode.png") no-repeat; background-size: 100% 100%; width: 1.6rem; height: .51rem; display: flex; align-items: center; display: block; color: #ffffff; font-size: .2rem; margin-left: .5rem; text-align: center; display: flex; justify-content: center; }

.pop .popUnbind .a_getcode.on { filter: grayscale(1); pointer-events: none; }

.pop .popUnbind .agree_box { display: flex; width: 6.6rem; margin: .3rem auto 0; }

.pop .popUnbind .agree_box .a_agree { width: .22rem; font-size: 0; height: .2rem; display: block; margin-right: .2rem; background: #fff; }

.pop .popUnbind .agree_box .a_agree.active { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_agree_act.png") no-repeat; background-size: 100% 100%; }

.pop .popUnbind .agree_box span { color: #000000; opacity: 0.7; font-family: font1; line-height: .28rem; font-size: .16rem; width: 6.28rem; }

.pop .popUnbind .phone_box, .pop .popUnbind .code_box { width: 6.6rem; margin: 0 auto .2rem; display: flex; align-items: center; height: .7rem; background: #fff; border-radius: .35rem; padding-left: .35rem; box-sizing: border-box; }

.pop .popUnbind .phone_box span, .pop .popUnbind .code_box span { color: #000000; font-size: .2rem; height: .3rem; line-height: .3rem; font-family: font2; display: block; position: relative; width: .8rem; margin-right: .2rem; }

.pop .popUnbind .phone_box span::before, .pop .popUnbind .code_box span::before { content: ''; width: .01rem; height: 100%; background: #565765; position: absolute; right: 0; }

.pop .popUnbind .phone_box input, .pop .popUnbind .code_box input { outline: none; border: none; width: 3rem; font-size: .2rem; font-family: font1; }

.pop .pop_zxjh { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/pop_zxjh.png") no-repeat; background-size: 100% 100%; width: 15.89rem; height: 16.89rem; display: block; margin: auto; transform: scale(0.5) translate(-50%, -50%); transform-origin: left top; }

.pop .pop_zxjh .a_go_zm { width: 5.12rem; height: 1.4rem; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; }

.pop .pop_zxjh .dia_close { background: none; font-size: 0; right: .2rem; top: .1rem; }

@keyframes UpAni { 0% { transform: translateY(-20%); }
  50% { transform: translateY(0); }
  100% { transform: translateY(-20%); } }

@keyframes playAni { 0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); } }

@keyframes playAniNext { 0% { transform: scale(1) rotate(180deg); }
  50% { transform: scale(1.1) rotate(180deg); }
  100% { transform: scale(1) rotate(180deg); } }

#logined { display: flex; align-items: center; }

#user_img { width: 0.44rem; height: 0.44rem; border-radius: 50%; overflow: hidden; margin-right: .05rem; }

.scale_con { width: 100%; height: 100%; }

@keyframes rotateAni { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

.video { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; }

.m { display: none; }

.wrapper { width: 100%; height: 100%; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/kv_ani/1.png") center/cover no-repeat; position: absolute; top: 0; }

.wrapper::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/kv_ani/5.png") center/cover no-repeat; z-index: 5; }

.wrapper::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/kv_ani/2.png") center/cover no-repeat; z-index: 2; }

.wrapper .card-3 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/kv_ani/2_2.png") center/cover no-repeat; z-index: 3; transition: transform 0.3s ease-out; }

.wrapper .card-4 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/kv_ani/2_1.png") center/cover no-repeat; z-index: 4; transition: transform 0.3s ease-out; }

.wrapper .card-1 { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/kv_ani/3.png") center/cover no-repeat; width: 100%; height: 100%; position: absolute; top: 0; z-index: 5; transition: transform 0.3s ease-out; left: 0; }

.wrapper .card-2 { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/kv_ani/4.png") center/cover no-repeat; width: 100%; height: 100%; top: 0; z-index: 6; left: 0; transition: transform 0.3s ease-out; position: absolute; }

#btn_jb { color: #f748a4 !important; }

.p3_bg_img11 { width: 14.19rem; height: 6.22rem; position: absolute; pointer-events: 0; left: .95rem; top: .9rem; }

#canvas_bg2, #canvas_bg4, #canvas_bg5, #canvas_bg3 { display: none !important; }

.p_box2 { width: 13.85rem; height: 8.5rem; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.p_box2 .p3_swiper2 { width: 9.78rem; height: 5.6rem; position: absolute; top: .88rem; left: 0; margin: auto; right: 0; }

.p_box2 .p3_swiper2 .swiper-slide { opacity: 0; transition: all 0.5s ease-in-out; pointer-events: none; }

.p_box2 .p3_swiper2 .swiper-slide-active { opacity: 1; pointer-events: all; }

.p_box2 .game_container { width: 9.78rem; height: 5.6rem; display: flex; justify-content: space-between; }

.p_box2 .game_container .difficulty_section { width: 4.4rem; height: 1.85rem; }

.p_box2 .game_container .difficulty_options { display: flex; width: 100%; align-items: center; }

.p_box2 .game_container .a_other_songs { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_other_songs.png") no-repeat; width: 1.6rem; background-size: 100% 100%; display: block; height: .51rem; margin-top: .45rem; }

.p_box2 .game_container .character_panel { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/character_panel.png") no-repeat; width: 3.25rem; height: 5.6rem; background-size: 100% 100%; position: relative; }

.p_box2 .game_container .character_panel::before { content: ''; position: absolute; top: -.04rem; left: -.01rem; right: 0; width: 3.02rem; height: 5.35rem; z-index: 11; bottom: 0; margin: auto; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/video_before.png") no-repeat; background-size: 100% 100%; }

.p_box2 .game_container .character_panel video { height: 5.26rem; width: 2.98rem; position: absolute; pointer-events: none; left: 0.13rem; top: .14rem; border-radius: .05rem; }

.p_box2 .game_container .difficulty_hr { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/loading2.png") no-repeat; width: 8rem; margin: .2rem 0; height: 1rem; transform: translateX(-0.2rem); background-size: 100% 100%; }

.p_box2 .game_container .song_info { display: flex; align-items: center; }

.p_box2 .game_container .song_info .song_icon { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/song_icon.png") no-repeat; width: 1.28rem; height: 1.28rem; display: flex; align-items: center; margin-right: .1rem; justify-content: center; position: relative; background-size: 100% 100%; }

.p_box2 .game_container .song_info .song_icon:before { content: ''; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/icon9.png") no-repeat; background-size: 100% 100%; width: .39rem; height: .17rem; display: block; position: absolute; right: .1rem; top: -.05rem; z-index: 999; }

.p_box2 .game_container .song_info .song_icon img { width: 1.08rem; height: 1.08rem; border-radius: .05rem; }

.p_box2 .game_container .song_info .song_artist { font-size: .2rem; color: #302641; opacity: 0.5; display: block; font-family: 'font2'; }

.p_box2 .game_container .song_info .song_title { font-size: .42rem; color: #302641; font-family: 'font2'; }

.p_box2 .game_container .content_panel { width: 6.25rem; height: 100%; }

.p_box2 .a_back { width: 1.16rem; height: .4rem; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_back.png") no-repeat; background-size: 100% 100%; display: block; margin: auto; position: absolute; top: 0; left: 0; }

.p_box2 .a_back:hover { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/a_back_hover.png") no-repeat; background-size: 100% 100%; }

.p_box2 .difficulty-icon { width: 100%; height: 100%; }

.p_box2 .difficulty-icon img { width: 100%; height: 100%; transform: translateY(-0.2rem); }

.p_box2 .difficulty_option { width: 1.37rem; height: 1.89rem; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/medium.png") no-repeat; background-size: 100% 100%; position: relative; margin-right: .15rem; cursor: pointer; transition: all 0.3s ease-in-out; }

.p_box2 .difficulty_option:hover { transform: scale(1.1); background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/medium_hover.png") no-repeat !important; background-size: 100% 100% !important; }

.p_box2 .difficulty_option.on { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/medium_hover.png") no-repeat !important; background-size: 100% 100% !important; }

.p_box2 .difficulty_option:last-child { margin-right: 0; }

.p_box2 .difficulty_option:last-child::after { content: ''; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/reward-hint.png") no-repeat; position: absolute; right: -2.7rem; width: 2.8rem; pointer-events: none; height: 1.5rem; bottom: 0; top: 0; margin: auto; background-size: 100% 100%; }

.p_box2 .difficulty_option .difficulty_name { color: #fff; font-size: .16rem; font-family: 'font2'; width: 1.2rem; height: .25rem; line-height: .28rem; display: block; position: absolute; left: 0; text-align: center; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/simple1.png") no-repeat; background-size: 100% 100%; width: 1.22rem; height: .25rem; right: .02rem; bottom: .03rem; margin: auto; }

.p_box2 .difficulty_option.simple .difficulty_name { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/simple1.png") no-repeat; background-size: 100% 100%; }

.p_box2 .difficulty_option.medium .difficulty_name { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/simple2.png") no-repeat; background-size: 100% 100%; }

.p_box2 .difficulty_option.hard .difficulty_name { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/simple3.png") no-repeat; background-size: 100% 100%; }

.p_box2 .difficulty_option.hard::before { content: ''; position: absolute; right: .08rem; width: .47rem; z-index: 111; height: .24rem; bottom: .27rem; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/difficulty_desc.png") no-repeat; background-size: 100% 100%; }

.p_box2 .swiper-button-prev { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/swiper-button-prev.png") no-repeat; background-size: 100% 100%; width: .69rem; height: 1.4rem; left: -1rem; top: 0; bottom: 0; animation: playAni 2s linear infinite; margin: auto; }

.p_box2 .swiper-button-prev::before, .p_box2 .swiper-button-prev::after { display: none; }

.p_box2 .swiper-button-next { background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/swiper-button-prev.png") no-repeat; background-size: 100% 100%; width: .69rem; right: -1rem; height: 1.4rem; transform: rotate(180deg); animation: playAniNext 2s linear infinite; top: 0; bottom: 0; margin: auto; }

.p_box2 .swiper-button-next::before, .p_box2 .swiper-button-next::after { display: none; }

.p_box3 { width: 7.85rem; height: 100%; right: .25rem; z-index: 111; position: absolute; }

.p_box3::before { content: ''; position: absolute; background: url("//game.gtimg.cn/images/jdm/cp/a20260105jdmindex/p_box3.png") no-repeat; background-size: 100% 100%; width: 7.73rem; height: 100%; right: 0; top: 0; }

.p_box3 .songs-grid { height: 80%; top: 50%; position: relative; transform: translateY(-50%); overflow-y: auto; }

.p_box3 .song_card { height: 1.3rem; cursor: pointer; padding-left: .45rem; box-sizing: border-box; display: flex; align-items: center; width: 110%; position: relative; }

.p_box3 .song_card.on { background: #e4faff; }

.p_box3 .song_card:hover { background: #e4faff; }

.p_box3 .song-info { position: relative; }

.p_box3 .song-info .song_artist { font-size: .26rem; color: #302641; opacity: 0.5; display: block; font-family: 'font2'; }

.p_box3 .song-info .song_title { font-size: .32rem; color: #302641; font-family: 'font2'; }

.p_box3 .album_art { width: .94rem; height: .93rem; display: block; margin-right: .15rem; }

.p_box3 .album_art img { width: 100%; height: 100%; }

::-webkit-scrollbar { display: none; }