html{ font-size: calc(100/750*100vw);background-color: #000 !important;}
body{width: 100%;margin: 0;font-family: -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;background-color: #000;box-sizing: border-box; }
a{display: block;text-decoration: none;color: #fff;-webkit-tap-highlight-color:transparent}
h1,h2,h3,p {margin: 0;font-weight: initial;}
ul{list-style: none;margin: 0;box-sizing: border-box;padding: 0 ;}
input {background-color: transparent;outline: none;border: 0;}


@font-face {
    font-family: 'font_fz';
    src: url(//game.gtimg.cn/images/rocom/act/a20260107music/fz.ttf);
}

@font-face {
    font-family: "font_dd";
    src: url(//game.gtimg.cn/images/rocom/act/a20260107music/dd.ttf);
}

/* pc */
.pc_tips { display: none;}
.pc_tips{width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: 9999999;background: #000 url(//game.gtimg.cn/images/rocom/act/a20250519trait/pc-bg.png) 100% 0 no-repeat;background-size: cover;min-width: 1000px;}
.pc_tips::before{content: "";position: absolute;width: 100vw;height: 100vh;background-color: rgba(0,0,0,.7);}
.pc_tips .main{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;align-items: center;display: flex;flex-direction: column;background-color: #fff;}
.pc_tips .main::after {content: '请使用微信/QQ扫码进入活动';position: absolute;white-space: nowrap;font-size: .5rem;color: #fff;bottom: -1rem;}
.pc_tips .main .qrcode{width: 256px;height: 256px;}
.pc_tips .main .qrcode canvas,.pc_tips .main .qrcode img {width: 95%; height: 95%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.pc_tips .main p{display: none;font-size: 16px;color: #fff;padding: 15px 0 5px;}


.text_hide {text-indent: -99rem;overflow: hidden;}
.h_center {position: absolute;left: 50%;transform: translateX(-50%);}
.text_flex_center{display: flex;justify-content: center;align-items: center;line-height: 1;}

.wrap {width: 7.5rem; overflow: hidden;margin: 0 auto;position: relative;}
.wrap >section {display: none;overflow: hidden;}
.wrap.main .main_page{display: block;}
.wrap.test .test_page{display: block;}
.wrap.result .result_page{display: block;}
.wrap.assist .assist_page{display: block;}

.wx_logo {position: absolute;width: 1.99rem;height: .44rem;z-index: 10;right: .1rem;top: .1rem;}
.qq_logo {position: absolute;width: auto;height: .35rem;z-index: 10;right: .1rem;top: .15rem;}

/* 首页 */
.main_page {width: 7.5rem;height: 100vh;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/home_page.jpg)no-repeat center/cover;position: relative;}
.main_page .logo {width: 1.47rem;height: .46rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/logo.png)no-repeat center/contain;position: absolute;left: .27rem;top: .5rem;}
.main_page .title{width: 5.54rem;height: 1.91rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/title.png)no-repeat center/contain;position: absolute;left: 50%; top: 50%;transform: translate(-50%,-5.1rem);}
.main_page .subtitle{width: 5.43rem;height: .42rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/subtitle.png)no-repeat center/contain;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-3.2rem);}
.main_page .rule_btn {font-size: .24rem;color: #f5f2e4;width: 1.72rem;height: .42rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/rule_btn.png)no-repeat center/contain; position: absolute;left: 50%;top: 50%;font-family: 'font_fz';transform: translate(-50%,5.6rem);}
.main_page .bottom_box{bottom: 2rem;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.main_page .bottom_box img {width: 4.42rem;height: auto;margin-right: .8rem;margin-bottom: .15rem;}
.main_page .start_test {width: 3.93rem;height: 1.16rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/start_test_btn.png)no-repeat center/contain;font-size: .46rem;color: #2b2822;font-family: 'font_dd';box-sizing: border-box;padding: .15rem 0 0 .4rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,4.4rem);}

.main_page .login_section {font-size: .22rem;color: #f5f2e4;position: absolute;top: .6rem;right: .13rem;}
.main_page .login_section a {font-size: .22rem;color: #f5f2e4;text-decoration: underline;}
.main_page .login_section >div {display: flex;justify-content: center;align-items: center;}
.main_page .login_section .logout_box {display: none;}
.main_page .login_section.is_login .logout_box {display: flex;}
.main_page .login_section.is_login .login_box {display: none;}


/* 测试页 */
.test_page {width: 7.5rem;height: 100vh;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/test_page.jpg)no-repeat center/cover;position: relative;}
.test_page .test_content {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.test_page .test_content .cd_box {width: 7.5rem;height: 6.57rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/cd.png)no-repeat center/contain;position: relative;}
.cd_box h3 {width: 3.91rem;height: .91rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/test_title.png)no-repeat center/contain;bottom: 1rem;margin-left: .15rem;}
.cd_box .countdown {width: 2.53rem;height: .92rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/countdown.png)no-repeat center/contain;font-size: .42rem;font-weight: bold;color: #4c2217;}
.index_box {width: 2.23rem;height: .64rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/index_box.png)no-repeat center/contain;font-size: .42rem;color: #5e331e;margin: 0 auto .2rem auto;font-family: 'font_dd';box-sizing: border-box;padding-top: .05rem;}
.option_list {display: flex;flex-wrap: wrap;padding: 0 .39rem;}
.option_list li {width: 3.14rem;height: 1.83rem;margin-bottom: .36rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/opt_bg.png)no-repeat center/contain;position: relative;}
.option_list li:nth-child(2n-1) {margin-right: .36rem;}
.option_list li img {width: 3rem;display: block;height: 1.3rem;position: absolute;left: 50%;transform: translateX(-50%);top: .1rem;border-radius: 17px 17px 0 0;}
.option_list li p {font-size: .24rem;color: #4c2217;position: absolute;left: 50%;transform: translateX(-50%);bottom: .05rem;white-space: nowrap;}


/* 结果页 */
/* .result_page {} */
/* 头部 */
.result_page .result_header {width: 7.5rem;height: 13.51rem;position: relative;overflow: hidden;}
.result_page.level1 .result_header {background: url(//game.gtimg.cn/images/rocom/act/a20260107music/result_header1.jpg)no-repeat center/cover;}
.result_page.level2 .result_header {background: url(//game.gtimg.cn/images/rocom/act/a20260107music/result_header1.jpg)no-repeat center/cover;}
.result_page.level3 .result_header {background: url(//game.gtimg.cn/images/rocom/act/a20260107music/result_header2.jpg)no-repeat center/cover;}
.result_page.level4 .result_header {background: url(//game.gtimg.cn/images/rocom/act/a20260107music/result_header2.jpg)no-repeat center/cover;}
.result_page.level5 .result_header {background: url(//game.gtimg.cn/images/rocom/act/a20260107music/result_header3.jpg)no-repeat center/cover;}
.result_page.level6 .result_header {background: url(//game.gtimg.cn/images/rocom/act/a20260107music/result_header3.jpg)no-repeat center/cover;}
.result_page.level7 .result_header {background: url(//game.gtimg.cn/images/rocom/act/a20260107music/result_header4.jpg)no-repeat center/cover;}
.result_page.level8 .result_header {background: url(//game.gtimg.cn/images/rocom/act/a20260107music/result_header4.jpg)no-repeat center/cover;}
.result_page.level9 .result_header {background: url(//game.gtimg.cn/images/rocom/act/a20260107music/result_header5.jpg)no-repeat center/cover;}
.result_page.level10 .result_header {background: url(//game.gtimg.cn/images/rocom/act/a20260107music/result_header5.jpg)no-repeat center/cover;}

.result_header::before {content: '';position: absolute;width: 1.37rem;height: .42rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/logo2.png)no-repeat center/contain;left: .45rem;top: 2.08rem;}

.result_page.level1 .result_header::after{content: '';position: absolute;width: 2.85rem;height: 2.86rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/medal1.png)no-repeat center/cover;left: 4.46rem;top: 2rem;}
.result_page.level2 .result_header::after{content: '';position: absolute;width: 2.78rem;height: 2.82rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/medal2.png)no-repeat center/cover;left: 4.5rem;top: 2rem;}
.result_page.level3 .result_header::after{content: '';position: absolute;width: 2.78rem;height: 2.81rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/medal3.png)no-repeat center/cover;left: 4.5rem;top: 2rem;}
.result_page.level4 .result_header::after{content: '';position: absolute;width: 2.84rem;height: 2.81rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/medal4.png)no-repeat center/cover;left: 4.4rem;top: 2rem;}
.result_page.level5 .result_header::after{content: '';position: absolute;width: 2.98rem;height: 2.87rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/medal5.png)no-repeat center/cover;left: 4.29rem;top: 2rem;}
.result_page.level6 .result_header::after{content: '';position: absolute;width: 3.01rem;height: 2.88rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/medal6.png)no-repeat center/cover;left: 4.29rem;top: 2rem;}
.result_page.level7 .result_header::after{content: '';position: absolute;width: 3.15rem;height: 2.87rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/medal7.png)no-repeat center/cover;left: 4.29rem;top: 2rem;}
.result_page.level8 .result_header::after{content: '';position: absolute;width: 3.15rem;height: 2.87rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/medal8.png)no-repeat center/cover;left: 4.29rem;top: 2rem;}
.result_page.level9 .result_header::after{content: '';position: absolute;width: 3.26rem;height: 3.08rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/medal9.png)no-repeat center/cover;left: 4.2rem;top: 2rem;}
.result_page.level10 .result_header::after{content: '';position: absolute;width: 3.26rem;height: 3.08rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/medal10.png)no-repeat center/cover;left: 4.2rem;top: 2rem;}

.result_header .data_box {display: flex;flex-direction: column;color: #fbf0da;position: absolute;}
.result_header .data_box .indicate{font-size: .44rem;font-family: 'font_dd';}
.result_header .data_box .res_data {font-size: .76rem;font-weight: bold;} 
.result_header .data_box.totle_time{left: .44rem;top: 2.8rem;}
.result_header .data_box.accuate{left: 2.6rem;top: 2.8rem;}

/* 数据区域 */
.result_data {width: 7.5rem;height: 9.74rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/result_neak.jpg)no-repeat center/cover;box-sizing: border-box;padding-top: .2rem;}
/* .result_data {width: 7.5rem;height: 9.74rem;background: url(../ossweb-img/result_neak.jpg)no-repeat center/contain;box-sizing: border-box;padding-top: .2rem;} */
.result_data h3{font-size: .4rem;color: #7d4436;font-family: 'font_dd';text-align: center;}
.result_data .my_identify {height: 1.07rem;width: auto;margin: .25rem auto 0 auto;display: block;}
.result_data .data_box {display: flex;justify-content: center;align-items: center;margin-top: .5rem;box-sizing: border-box;padding: 0 .5rem 0 .15rem;}
.result_data .data_box > div {width: 7.5rem; display: flex;justify-content: start;align-items: center;flex-direction: column;}
.result_data .data_box > div span:nth-child(1){font-size: .26rem;color: #7e5646;margin-bottom: .3rem;font-weight: 500;}
.data_box .score_box span:nth-child(2){display: flex;width: 2.2rem;height: .63rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/icon1.png)no-repeat center/contain;font-size: .8rem;color: #7d4436;justify-content: center;align-items: center;line-height: 1;font-weight: bold;white-space: nowrap;}
.data_box .add_box span:nth-child(2) {display: flex;justify-content: center;align-items: center;line-height: 1;width: 2.96rem;height: .63rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/icon2.png)no-repeat center/contain;font-size: .8rem;color: #7d4436;font-weight: bold;white-space: nowrap;}
.result_data .btn_box {display: flex;width: 7.5rem;justify-content: space-between;align-items: center;box-sizing: border-box;padding: 0 .3rem;margin: .5rem 0 .3rem 0;}
.result_data .btn_box .share_btn {width: 3.61rem;height: .98rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/share_btn.png)no-repeat center/contain;font-size: .36rem;color: #282828;font-family: 'font_dd';box-sizing: border-box;padding-left: .35rem;}
.result_data .btn_box .reTest_btn {width: 2.75rem;height: .9rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/retest_btn.png)no-repeat center/contain;font-size: .36rem;color: #282828;font-family: 'font_dd';position: relative;} 
.result_data .btn_box .reTest_btn::after{content: '*准备播放音乐';position: absolute;font-size: .22rem;color: #272727;bottom: -.28rem;font-family: -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.result_data .chenghao {display: block; width: 2.96rem;height: 2.37rem;margin: .25rem auto 0 auto;}
.result_data .receive_btn {width: 2.25rem;height: .69rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/btn1.png)no-repeat center/contain;color: #272727;font-size: .3rem;font-family: 'font_dd';margin: .05rem auto 0 auto;pointer-events: none;position: relative;}
.result_data .receive_btn.can_get {background: url(//game.gtimg.cn/images/rocom/act/a20260107music/btn2.png)no-repeat center/contain;pointer-events: initial;}
.result_data .receive_btn::after{content: '评分9到10级可获得音乐传说评价';position: absolute;left: 50%;transform: translateX(-50%); bottom: -.35rem;font-size: .22rem;color: #272727;white-space: nowrap;font-family: 'font_fz';}
/* 抽奖区域 */
.result_draw {width: 7.5rem;height: 24.95rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/result_draw.jpg)no-repeat 100% 100%/cover;box-sizing: border-box;padding-top: 3.5rem;position: relative;}

.result_draw .rule_btn{width: 1.8rem;height: .45rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/rule_btn.png)no-repeat center/contain;position: absolute;left: 50%;transform: translateX(-50%); top: .2rem;font-size: .25rem;display: flex;justify-content: center;align-items: center;}

.result_draw .draw_title {width: 5.14rem;height: 1.15rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/draw_title.png)no-repeat center/contain;margin: 0 auto;}
.result_draw .subtitle {font-size: .24rem;white-space: nowrap;color: #fff2dc;text-align: center;margin-top: .1rem;}
.result_draw .subtitle span {font-size: .28rem;color: #fcc152;}
.result_draw .res_wrap {display: flex;justify-content: space-between;align-items: center;}
.result_draw .res_wrap .resevation {width: 4.11rem;height: 1.49rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/reservation_btn3.png)no-repeat center/contain;font-size: .38rem;color: #2b2822;font-family: 'font_dd';display: flex;justify-content: center;align-items: center;box-sizing: border-box;padding-right: 1.5rem;padding-top: .17rem;transform: scale(.9);}
.result_draw .res_wrap .resevation.has_reservated {background: url(//game.gtimg.cn/images/rocom/act/a20260107music/reservated_btn2.png)no-repeat center/contain;pointer-events: none;}


.draw_box{width: 7.5rem;height: 10.89rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/draw_box.png)no-repeat center/contain;margin-top: .1rem;box-sizing: border-box;padding-top: 1.04rem;position: relative;}
.draw_box .big_card {display: block;width: auto;height: 2.49rem;margin: 0 auto .3rem auto;}
.draw_box .small_card {display: block;width: auto;height: 2.02rem;margin: 0 auto;}

.draw_box .btn_box {display: flex;justify-content: space-between;align-items: center;box-sizing: border-box;padding: 0 .6rem;margin-top: .25rem;}
.draw_box .btn_box >div {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.draw_box .btn_box .draw_moduel .my_award {color: #7d4436;font-size: .22rem;text-decoration: underline;}
.draw_box .btn_box .draw_moduel .draw_btn {width: 2.81rem;height: .87rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/btn3.png)no-repeat center/contain;color: #272727;font-size: .28rem;font-family: 'font_dd';margin: .1rem 0;}
.draw_box .btn_box >div p {font-size: .2rem;color: #977162;text-align: center;font-weight: 500;}
.draw_box .btn_box .refresh_box .times {color: #977162;font-size: .22rem;white-space: nowrap;font-weight: 500;}
.draw_box .btn_box .refresh_box .invite {width: 2.81rem;height: .87rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/btn3.png)no-repeat center/contain;color: #272727;font-size: .28rem;font-family: 'font_dd';margin: .1rem 0;}

.invite_box {display: flex;justify-content: center;align-items: center;position: absolute;left: 2.3rem;bottom: 1rem;z-index: 10;}
.invite_box a {width: 1.08rem;height: 1.08rem;background-color: transparent;border-radius: 50%;}
.invite_box a:nth-child(2){margin: 0 .72rem;}

.my_friends {display: flex;align-items: center;position: absolute;z-index: 20;left: 1.8rem;bottom: .45rem;padding: 0 .39rem;}
.my_friends li {display: flex;justify-content: center;align-items: center;flex-direction: column;}
.my_friends li:nth-child(2){margin: 0 .4rem;}
.my_friends li .avator_box {width: 1.37rem;height: 1.25rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/avator_bg.png)no-repeat center/contain;display: flex;justify-content: center;align-items: center;}
.my_friends li .avator_box img {width: 1.08rem;height: 1.08rem;border-radius: 50%;object-fit: cover;object-position: center;}
.my_friends li p{font-size: .22rem;white-space: nowrap;color: #5e321d;margin-top: .1rem;max-width: 1.4rem;text-overflow: ellipsis;overflow: hidden;}

/* 分享海报*/
/* .temeplate_page {position: absolute;left: -175px;top: -450px;z-index: 999;transform: scale(.45);} */
.temeplate_page {position: absolute;left: -9999px;top: 0;z-index: 999;}
.temeplate_page .hb_bg {display: block;width: 750px;height: 1624px;}
.temeplate_page .hb_level {display: block;position: absolute;width: auto;height: 64px;left: 39px;top: 155px;}
.temeplate_page .grade {display: block;position: absolute;width: 290px;height: auto;top: 70px;right: 20px;}
.temeplate_page > span {display: block;position: absolute;font-weight: bold;}
.temeplate_page .duration {color: #7d4436;font-size: 34px;left: 65px;top: 1270px;} 
.temeplate_page .currect {color: #7d4436;font-size: 34px;left: 69px;top: 1375px;}
.temeplate_page .score {color: #b35014;font-size: 90px;left: 210px;top: 1265px;}
.temeplate_page .draw_add {color: #b35014;font-size: 90px;left: 435px;top: 1265px;}
.temeplate_page p {font-size: 22px;position: absolute;white-space: nowrap;left: 210px;top: 1376px;color: #7e5646;font-weight: 500;display: flex;justify-content: center;align-items: center;font-family: 'font_fz';}
.temeplate_page p span {font-size: 34px;color: #7d4436;}
.temeplate_page .qrcode_box {width: 135px;height: 135px;position: absolute;top: 1400px;background-color: #fff;left: 45px;top: 1453px;}
.temeplate_page .qrcode_box img,.temeplate_page .qrcode_box canvas {position: absolute;width: 95%;height: 95%;left: 50%;top: 50%;transform: translate(-50%,-50%);}

/* 给好友助力页 */
.assist_page {width: 7.5rem;height: 100vh;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/assist_page.jpg)no-repeat 50% 0/cover;position: relative;}
.assist_page::before{content: '';position: absolute;width: 1.47rem;height: .46rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/logo.png)no-repeat center/contain;left: .2rem;top: .2rem;}
.assist_page h3 {width: 6.65rem;height: 3.32rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/assist_title.png)no-repeat center/contain;position: absolute;left: 50%;top: 2.1rem;transform: translateX(-50%);}
.assist_page .award_box {display: flex;justify-content: center;align-items: center;flex-direction: column;position: absolute;left: 50%;transform: translateX(-50%) scale(.9);top: 6.8rem;}
.assist_page .award_box .big_card {display: block;width: 4.65rem;height: 2.49rem;}
.assist_page .award_box .small_card {display: block;width: 6.95rem;height: 2.02rem;margin-top: .1rem;}
.assist_page p{color: #af8638;font-size: .24rem;white-space: nowrap;position: absolute;left: 50%;transform: translateX(-50%);font-weight: 500;top: 11.3rem;}
.assist_page p span {color: #7d4436;}
.assist_page .assist_btn ,.assist_page .join_btn {position: absolute;width: 2.75rem;height: .9rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/retest_btn.png)no-repeat center/contain;font-family: 'font_dd';font-size: .38rem;color: #272727;position: absolute;top: 11.8rem;} 
.assist_page .assist_btn{left: .65rem;}
.assist_page .join_btn{right: .65rem;}
.assist_page .assist_btn.assisted {background: url(//game.gtimg.cn/images/rocom/act/a20260107music/retested_btn.png)no-repeat center/contain;}

/* 弹窗 */
.pop_mask_mf {display: none;width: 100%;height: 100vh;position: fixed;top: 0;left: 50%;background-color: #000;opacity: 0.7;z-index: 998;transform: translateX(-50%);}
.layer {position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 998;background-color: #f4eee1;border-radius: .08rem;}
.layer1 {width: 6.4rem;height: 5rem;}
.close_btn {width: .5rem;height: .5rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/icon-close.png)no-repeat center/contain;text-indent: -99rem;overflow: hidden;position: absolute;right: 0;top: -.7rem;}
.text_tips {height: 3rem;width: 100%;box-sizing: border-box;padding: .1rem .5rem;font-size: .3rem;display: flex;justify-content: center;align-items: center;text-align: center;}

.layer h3 {font-weight: 500;font-family: 'font_dd';width: 6.2rem; height: .9rem; background: url(//game.gtimg.cn/images/rocom/act/a20260107music/title-newbg.png) no-repeat center/contain;margin: .08rem auto 0 auto;display: flex;justify-content: center;align-items: center;color: #f4eee0;font-size: .4rem;line-height: 1;}
/* 登录弹窗 */
.login_layer {display: none;}
.login_layer .qq_login {width: 1.73rem;height: 2.21rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/icon-qq.png)no-repeat center/contain;position: absolute;left: .8rem;top: 1.7rem;}
.login_layer .wx_login {width: 1.73rem;height: 2.21rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/icon-wechat.png)no-repeat center/contain;position: absolute;right: .8rem;top: 1.7rem;}

/* 通用弹窗 */
.common_layer {display: none;}
.common_layer .ensure_btn {width: 2.4rem;height: .6rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/btn3.png)no-repeat center/contain;color: #000;font-family: 'font_dd';font-size: .4rem;display: flex;justify-content: center;align-items: center;margin: 0 auto;}

/* 规则弹窗 */
.rule_layer {display: none;height: 9rem;}
.rule_content {max-height: 7.5rem;width: 100%;box-sizing: border-box;padding: .1rem .2rem;font-size: .28rem;margin-top: .15rem;overflow-y: auto;overflow-x: hidden;}
.rule_content p,.rule_content table {margin-bottom: .4rem;}
.rule_content table {width: 5.8rem;border-collapse: collapse;}
.rule_content table th,.rule_content table td{text-align: center;box-sizing: border-box; padding: .05rem 0;border: .03rem solid #272727;}
.rule_content .table1 th:nth-child(1) {width: 30%;}
.rule_content .table1 th:nth-child(2) {width: 40%;}
.rule_content .table1 th:nth-child(3) {width: 30%;}
.rule_content .table2 th:nth-child(1) {width: 40%;}
.rule_content .table2 th:nth-child(2) {width: 19%;}
.rule_content .table2 th:nth-child(3) {width: 41%;}

/* 获奖弹窗 */
.reward_layer {display: none;}
.reward_layer .award_box {width: 6.3rem;height: 3.6rem;margin:0 auto;display: flex;justify-content: center;align-items: center;flex-direction: column;box-sizing: border-box;padding-bottom: .3rem;}
.reward_layer .award_box img{height: 2.1rem;width: auto;}
.reward_layer .award_box p{font-size: .26rem;color: #5e331e;text-align: center;}
.cdk_box {display: flex;justify-content: space-evenly;align-items: center;font-size: .35rem;position: absolute;bottom: .15rem;width: 100%;box-sizing: border-box;padding: .1rem .2rem;}
.cdk_box p {display: flex;justify-content: center;align-items: center;line-height: 1;font-family: 'font_fz';font-size: .28rem;}
.cdk_box p span {display: block;box-sizing: border-box;padding: .1rem .3rem .1rem .2rem;background-color: #BBA28A;border-radius: 15px;color: #fff;}
.cdk_box a {color: #272727;line-height: 1;width: 2.1rem;height: .6rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/btn2.png)no-repeat center/contain;display: flex;justify-content: center;align-items: center;font-family: 'font_dd';font-size: .3rem;}

/* cdk列表弹窗 */
.cdk_layer{display: none;height: 6.5rem;}
.cdk_list {display: flex;align-items: center;flex-direction: column;margin-top: .15rem;width: 100%; height: 5rem;overflow-y: auto;}
.cdk_list li {width: 5.77rem;height: 1.28rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/cdk_bg.png)no-repeat center/contain;flex-shrink: 0;margin-bottom: .2rem;display: flex;justify-content: center;align-items: center;}
.cdk_list li .index {font-size: .6rem;font-weight: bold;color: #856248;display: block;width: 1.06rem;display: flex;justify-content: center;align-items: center;}
.cdk_list li .award_box2 {width: 5.2rem;height: 1.38rem;display: flex;flex-direction: column;justify-content: center;}
.cdk_list li .award_box2 .award_name {font-size: .24rem;color: #856248;box-sizing: border-box;padding-left: .2rem;}
.cdk_list li .award_box2 .cdk_box2 {display: flex;justify-content: center;align-items: center;box-sizing: border-box;padding-top: .1rem;}
.cdk_list li .award_box2 .cdk_box2 .cdk_code {font-size: .24rem;color: #fef2da;width: 3.2rem;height: .48rem;background-color: #b79d83;border-radius: 15px;display: flex;align-items: center;font-weight: bold;box-sizing: border-box;padding-left: .2rem;}
.cdk_list li .award_box2 .cdk_box2 .copy_btn {width: 1.19rem;height: .48rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/btn5.png)no-repeat center/contain;color: #272727;font-size: .32rem;font-family: 'font_dd';display: flex;justify-content: center;align-items: center;margin-left: .05rem;} 

/* 分享好友 */
.share_layer {display: none; width: 7.5rem;height: 100vh;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 998;}
.share_layer::before{content: '';position: absolute;width: 4.12rem;height: .89rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/share_tips.png)no-repeat center/contain;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.share_layer::after {content: '';position: absolute;width: 1.18rem;height: .91rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/share_right.png)no-repeat center/contain;right: .2rem;top: .2rem;}

/* 分享海报弹窗 */
.hb_layer {display: none; position: fixed;width: 7.5rem;height: 100vh; left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 998;}
.hb_layer .mock {height: 85%;width: auto;display: block; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.hb_layer .picture {height: 85%;width: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.hb_layer .picture::before{content: '长按保存或截图分享海报';position: absolute; color: #fff;font-size: .25rem;white-space:nowrap;left: 50%;transform: translateX(-50%);top: -.5rem;}
.hb_layer .picture img {height: 100%;width: auto;}

/* 复制活动链接 */
.copy_link {display: none;}
.copy_link .link_box {width: 5.5rem;height: .58rem;border: .02rem solid #CCB2A8;border-radius: 12px;top: 1.8rem;font-size: .35rem;display: flex;align-items: center;line-height: 1;box-sizing: border-box;padding: 0 1rem 0 .2rem;color: #272727;}
.copy_link .link_box::after{content: '复制链接至微信参与活动';position: absolute;white-space: nowrap;bottom: -.8rem;left: 50%;transform: translateX(-50%);font-size: .25rem;font-family: 'font_fz';}
.copy_link .link_box span {line-height: 1;font-size: .25rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.copy_link .link_box .copy_link_btn {position: absolute;font-size: .25rem;color: #272727;line-height: 1;top: 50%;transform: translateY(-50%);right: .15rem;box-sizing: border-box;padding-top: .05rem;font-family: 'font_fz';}
.copy_link .link_box .copy_link_btn::before{content: "";position: absolute;width: .01rem;height: .35rem;background-color: #CCB2A8;top: 50%;transform: translateY(-50%);left: -.1rem;}

/* 复制活动链接给好友 */
.copy_link_to {display: none;}
.copy_link_to .link_box {width: 5.5rem;height: .58rem;border: .02rem solid #CCB2A8;border-radius: 12px;top: 1.8rem;font-size: .35rem;display: flex;align-items: center;line-height: 1;box-sizing: border-box;padding: 0 1rem 0 .2rem;color: #272727;}
.copy_link_to .link_box::after{content: '复制链接给好友参与答题吧！';position: absolute;white-space: nowrap;bottom: -.8rem;left: 50%;transform: translateX(-50%);font-size: .25rem;font-family: 'font_fz';}
.copy_link_to .link_box span {line-height: 1;font-size: .25rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.copy_link_to .link_box .copy_link_btn {position: absolute;font-size: .25rem;color: #272727;line-height: 1;top: 50%;transform: translateY(-50%);right: .15rem;box-sizing: border-box;padding-top: .05rem;font-family: 'font_fz';}
.copy_link_to .link_box .copy_link_btn::before{content: "";position: absolute;width: .01rem;height: .35rem;background-color: #CCB2A8;top: 50%;transform: translateY(-50%);left: -.1rem;}


/* 绑定账号 */
.bind_layer {display: none;height: 6.5rem;}
.bind_layer input::placeholder {font-size: .25rem;}
.bind_layer .phone_box,
.bind_layer .code_box {width: 5.65rem;height: .63rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/input-phone.png)no-repeat center/contain;margin: .25rem auto 0 auto;position: relative;box-sizing: border-box;padding-left: .15rem;}
.bind_layer .phone_box input{position: absolute;width: 5.63rem;height: .63rem;position: absolute;font-size: .28rem;}
.bind_layer .code_box input{position: absolute;width: 3rem;height: .63rem;position: absolute;}
.bind_layer .code_box .get_code {font-size: .3rem;color: #000;position: absolute;width: 2rem; height: 100%;right: 0;}
.bind_layer .code_box .get_code::before {content: "";position: absolute;width: .01rem;height: .4rem;background-color: #888;top: 50%;transform: translateY(-50%);left: 0;}
.bind_layer .code_box .get_code.clock {pointer-events: none;}
.bind_layer p {font-size: .22rem;color: #666;width: 100%;box-sizing: border-box;padding: 0 .4rem;top: 4.5rem;line-height: 1.5;margin-top: .15rem;}
.bind_layer .bind_btn {width: 2.25rem;height: .69rem;background: url(//game.gtimg.cn/images/rocom/act/a20260107music/btn2.png)no-repeat center/contain;font-size: .3rem;color: #000;font-family: 'font_dd';margin: .2rem auto 0 auto;}

.toast-for-result {position: fixed; top: 50%; left: 50%; height: .68rem;transform: translate(-50%,-50%);line-height: .68rem; text-align: center; color: #ffffff!important; z-index: 9999; background: rgba(0, 0, 0, .8); border-radius: .68rem; white-space: nowrap; display: block; font-size: 0.28rem;color: #f4eee1;box-sizing: border-box;padding-left: .65rem;padding-right: .2rem;}
.toast-for-result::after {content: "";width: .46rem;height: .46rem;background: url(//game.gtimg.cn/images/rocom/m/m202407/home/modal/icon-toast.png) 50% 50% / 100% 100% no-repeat;position: absolute;top: .1rem;left: .1rem;user-select: none;pointer-events: none;}

.toast-for-result {max-width: 7rem; height: .6rem;line-height: .6rem; border-radius: .8rem; font-size: 0.3rem;padding-left: .8rem;padding-right: .3rem;}
.toast-for-result::after {width: .5rem;height: .5rem;top: 50%;left: .05rem;transform: translateY(-50%);}


@media all and (orientation : landscape ) and (min-width:480px) and (min-aspect-ratio: 750/600) {  
    html,body { position:relative; overflow:hidden;width:100%; height:100%;padding:0;margin:0; position: initial!important;}
    html::before {content: ""; position:fixed; top:0; left:0; height:100%; width:100%; background:#333; z-index:99999; }
    body::after {content: "\4e3a\4e86\66f4\597d\7684\4f53\9a8c\ff0c\8bf7\5c06\624b\673a\7ad6\8fc7\6765"; text-align:center; font-size:16px; color:#fff; position:absolute; top:50%; left:0; height:30px; width:100%; margin-top:50px; z-index:99999; }
    body::before { content: "";position:absolute; z-index:99999; height:200px; width:100px; left:50%; top:50%; margin:-140px 0 0 -50px; color:#fff;background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHQAAAB2CAYAAAAZUrcsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDAwMjcwNkVEQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDAwMjcwNkREQzczMTFFNjlFMDFGQTEzNkM3N0JBMTMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ0NzhCMTlBREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjQ0NzhCMTlCREM1ODExRTZCNTdFRjQ0Q0I1QzRCODZBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+J30rNQAACRRJREFUeNrsXQlsFVUUfW2hpexQlhYJi0IQJaCgoLgAsohIkFWIURQFNaBgBKMRgZAY1KgYlRIiQVkEo4IBEVAxBsQgyFIkLAHRgFCkgJhCgVqg33syd+R1nPb/+Z3fzpvek5y0s/6Ze+Zt9933XlIkElExIpN4HfF6YmviJWUGkonFxP3Eg8QjxL9VSJEUg6CNiD2Jw4mdiRnEBmwkI96RiJc8xdxCXEz8sSoKOpH4PLFlCN99PfE94ldVQVBkq9nEe1yO5RPPEFMMeccIp9LGxHSX4/P5wy306fc6EjsQtxF/DYKg/YnLOFu1AQEXEncwc4nVDBO0FbEr8V7iUMc5OcRBxGM+/B4SwniuY3xD/IH4GZfdFfC2JKjGbsSiSElkE5s7zjOdvYnfOt5zF7FmOe+bGXHHKeIyYqdEv5u+0Yx4UnuIAuLgkAnp5GyH4VeU836NiPOJOZHSsZTYuSIEXeX44b4hF9Pmy473Hu/DPWsR2xOnEX9xEfU8cSYxKVGCDnT84NgqIqbNFdq7nyM29Pn+Q4hfugi7ye/Uav+zWvuRrVVMTLAl8axmg2cT9DsjiHscoqJoG+anoK2JhdoP9K6CgoIzNBtsSeDvpBLfcUmtvuSKyMPHUGX3Q670HiK2J172UFG+kViXWMRNGjeX4UCP94zVA4SmwXKf2pBo0mzm9nUht8UT2dQYRlxArKfte5z4UXmbLdnaV/K+h6+hPnGR4ytbR2zhOK9vJLFo6lPKSSHu0+47vAJyhXbE3Y73GVeeeyazb9bGUQ/fAhwNo12cEp8Tq2v7EunEP++jT/mKI0W2qwA3wAHifQ6P0gfEXvHeEN6eJtr2iRiv6018QPPE4IGyiHU463qQuNTlujziVr4mOU6jw33Xg1gjAQb+R/s/tYI8WbnsYv2e2Jb3IVHc7DGB/SdolrZ9Lsbrumj/b2cR5xAn8L7OpQi62cXt5hVp3A3WIkFdbfrHU1GAy3EU8WcuwzPYx9w/HkGLHduxIE/7H4Z9kXh7Kcd1dGM/cXGcvmBUvGpzl17YsJM4hrv2FPucR2vbMVeK9HbRiBgL3wbEvFIqKReJbbRzeyWwQnSB2NjHSore+J9eSc2nL7RnyGVbe6oUxQP0+I906fkv5K/skLYvkd1s6dx8CRPGanZtRpziNcuNFxu4rHyE+/+OExcRd7nU5F7xsb9R/1AKPZT7puAMd7zP4O1xxLd5f8Ky3LAyCFmuXaSdiMcVmawEQQSy3Hna9uh4qumCYGEZ1+rtZuAtLuc8QVxJvEYEDR6clbuD3Ma3dbrfcbwp8Q128OTYbVavlaJO7KoqUuaEcSr2Kv3FX/35AD4fOkfQKTLE4a1DRGJ3/r+r45qP1VW3bYbd9vcqKFx+rxmaAvARrgmYoCncAhjD23i+h7hlAOixw8h2EbmI2OKniX20Y49xKvWc5RYZnKWdDWCukqSXfyzaRnU1fHa31ibN5ATYlJs1NuD3XRJvO1Q3SD67q4KMauySxN/LAXw+PNOTXF6+qZWN65Tl80aKRXxvPz52K6dguzcrl1OrL46Fnco9EDtoOK1KdhEGEW8R/+ByEWKlcvn5qLLG5PTTzmurXfeU0+FQHkFTDRCznkE1eQRjFxA/UVYEiGLP22ntHF3MBZyCpR0aYKzlbHWvts+tZwm+8oniWDADKE8HKGuUXGl4mHhBBDUHKE/vIq5yOTZLWVEfSgQ1C6gBDybO1vYh1U6NVq0XBBuTuQ09mWu1ZUJSqBmYqSzn/G4RNFyVJSWCVjGIoCKoQAQViKACEVTAguqiRgtaTjLwY0j28LxebBHYl9XnI0qLcr4+4qu+Ae8HUewBtRkxiFpX+7+miYLC9YeobIyFRBR6NE/ET8S5LGyOAe+Hd3pVWVEA6N2PFmW/UFldU7juOxMFjWXyRoEIKhBBBSKoIH5BEZyEWJfmXBO8LKarsEorKnKHldW5faS8giJ2BeM/7yDWEvtWKiAsIukRCfipV0ExAGYqp0pB8IDgawwIXheLoJi8N1tsFnhEWKt5ZQn6kjJ3MFJVBWKNZrsJivn4Vot9jMQAO/u1BUXNFbOBNRHbGImTylpTp8B2Vk8RMY0GtHvOTqGYmQsRZVk+3Rxj/uEQTxE7lwlMPYfBvoN9uh9GfrdBw7WHj2IqbvzuEL1itpVfwIDgrshy7/b5IWuKTpVmq54QtJXYNTRo4ZwAWWA2spJ9Lj8F/iGemcCbS9Rf8AB/QE/iTcRnlLdpeJJQy5UO0eAAU6RjurdNvL1PWU6fWTFeH5EUGiz8qYlpY6OXG4igwQJmCrvN2RTxcgMZwR0sIIgA8yqgBwUTN8KLNE0ENRvwyy7hWm51rxdLlhtcVI/nIhE0ZBBBQwYpQ4OHPdx8qcHt0obsZEgWQc3EJGWtg2YDy15i5tN0yXLDAU+ePBE0eHBOW5smgkotVyCCCkLTbPmNiZXzOogJzU2hGP2E9UUwHwMWK+2orMntD4oZzRMUVedByppU4oq2b72yhhoeFlOaJSgWe9lQyjGsWjBXTGmWoJuiHM8RU5olaLQV42WIvmGC3hnleDcxpVmCjlLWGEQ3oPkySUxplqA4bzlxgrICmTAmA3MEYi4GrCEiwdoGOhbQfTOHOF1Z/XWYvLGlmNBcQW00UTI42PgsVyCCCuKEcwpYLLwbcye3hKAEDzdwHQUd3YjN7eAl4YmgwcO7ypqA2V5mGsKmiaDmIl3FGBAmZahUigQiqEAEFYigAhFUBBUYKqhMshgepEDQi2KH0CAfgh4RO4QGxyFovtghNDgNQXf5fNNisWul2WofBPV7WcVLolOl2eprTFGO6VMwyVFHn266HzdWMhFyNFwg9ie29+l+CNbrbq8KMZS4QmxsNIYQV+rrtmCihl5iFyOxRlnr7pRYiAcB09v4r8AcHFPWGnUnnIICmAlyrSq50LoguMjjlLnd3uG2mB2ClBYTu4i9Ag0scI/lQH/Xd5a23CRiWl5Q1opLdcR2gcIZ4uvKGsXwP7dttAVhWxH7EEcqa0ar2ixwkpKpzRMN28aI0y0gHiAuZb/B0VIvinHJ5muVFR+ayZWmZCUeoUTDtvFxrvDsVdZkJWXiXwEGAB5thUjn4vqyAAAAAElFTkSuQmCC"); background-repeat:no-repeat; background-position:center center; background-size:100px auto; transform:rotateZ(-90deg);}
  }

/* 宽手机 */
@media (min-aspect-ratio:.61){
    html{font-size: calc(100/1624*var(--page-height));}
}
/* 平板 */
@media (min-width:720px) {
    html{font-size: calc(100/1624*var(--page-height));}
}

.foot {font-size: .24rem;color: #fff;text-align: center;background: #000;position: relative;height: .8rem;}
.foot p {margin-top: .1rem;}
.wrap_ieg > p {font-size: .24rem;color: #fff;text-align: center;padding: .1rem 0 0 0;background: #000;position: relative;}
.wrap_ieg > p:nth-child(1){display: none;}