@charset "UTF-8";
#music-box .list-box .list li .label,#music-box .list-box::-webkit-scrollbar,#music-box .tab-bar a,#music-box .tab-bar a.on,#music-box::after,#theme-box .img-box::after,#theme-box .nav-box li,#theme-box .nav-box li.on,#theme-box .p-box,.btn-bg1,.btn-bg1-on,.btn-bg2,.btn-bg2-on,.btn-download-bg,.btn-download-tip,.btn-download-tip2,.btn-play-bg,.btn-play-tip,.floor1 .btn-box .btn::after,.floor1 .btn-download,.floor1 .btn-download::before,.floor1 .btn-play,.floor1 .btn-play::before,.floor1 .download2::before,.frame-bg1,.frame-bg2,.frame-bg3,.frame-bg4,.icon-arrow1,.icon2,.icon3,.label-bg1,.music-tab-1,.music-tab-1-on,.pendant-box .txt,.pendant-box a,.pendant1,.pendant1-txt,.scrollbar-bg,.scrollbar-thumb-bg,.side-nav-bar .side-nav,.side-nav-bar .side-nav li,.side-nav-bar .side-nav li.on,.spr-pc{background-image:url(//game.gtimg.cn/images/x5/cp/a20250902bbrz/spr-pc.png?2025_9_10_16_29_50);background-size:2346px 1645px;background-repeat:no-repeat}
.btn-bg1-on{background-position:-1680px -912px;width:227px;height:65px}
.btn-bg1{background-position:-1912px -912px;width:227px;height:65px}
.btn-bg2-on{background-position:-1375px -912px;width:300px;height:74px}
.btn-bg2{background-position:-1070px -912px;width:300px;height:74px}
.btn-download-bg{background-position:-1638px -795px;width:420px;height:109px}
.btn-download-tip{background-position:-1296px -991px;width:221px;height:56px}
.btn-download-tip2{background-position:-1966px -720px;width:269px;height:68px}
.btn-play-bg{background-position:-1213px -795px;width:420px;height:109px}
.btn-play-tip{background-position:-1070px -991px;width:221px;height:56px}
.frame-bg1{background-position:0 -912px;width:278px;height:733px}
.frame-bg2{background-position:-1213px 0;width:1108px;height:581px}
.frame-bg3{background-position:-1213px -586px;width:748px;height:204px}
.frame-bg4{background-position:0 0;width:1208px;height:907px}
.icon-arrow1{background-position:-2173px -586px;width:35px;height:35px}
.icon2{background-position:-622px -912px;width:443px;height:153px}
.icon3{background-position:-1966px -586px;width:202px;height:129px}
.label-bg1{background-position:-2063px -868px;width:160px;height:27px}
.music-tab-1-on{background-position:-283px -1129px;width:95px;height:385px}
.music-tab-1{background-position:-383px -1129px;width:95px;height:384px}
.pendant1-txt{background-position:-2063px -795px;width:230px;height:68px}
.pendant1{background-position:-283px -912px;width:334px;height:212px}
.scrollbar-bg{background-position:-2326px 0;width:20px;height:767px}
.scrollbar-thumb-bg{background-position:-2326px -772px;width:16px;height:124px}
*{box-sizing:border-box;margin:0;padding:0}
:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}
article,body,dd,dl,footer,form,h1,h2,h3,h4,h5,h6,header,ol,p,section,ul{margin:0}
body,button,input,select,textarea{font:12px/1.5 tahoma,'\5FAE\8F6F\96C5\9ED1',sans-serif}
h1,h2,h3,h4,h5,h6{font-size:100%}
b,em{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:underline}
img{border:0}
button,input,select,textarea{font-size:100%;outline:0}
table{border-collapse:collapse;border-spacing:0}
ol,td,th,ul{padding:0;list-style:none}
.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;pointer-events:none}
a:not(.gray):hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{*zoom:1}
/*!! 通用底部样式*/
#afooter{background:#1c1c1c;text-align:center}
#afooter .wrap_ieg{width:1240px;margin:0 auto;padding:30px 0}
#afooter p{color:#6e6e6e;line-height:24px;font-size:10px}
#afooter a{color:#6e6e6e;font-size:12px}
/*!! asyncCookie的iframe样式*/
#loginStatusSyncFrame_ams_ame{display:block}
body{background-color:#d5edf9}
.g-wrap{overflow:hidden;position:relative;font-family:'\5FAE\8F6F\96C5\9ED1';max-width:1920px;margin:0 auto;box-sizing:border-box}
.g-wrap a{-webkit-transition:filter .3s,border .3s,color .3s;transition:filter .3s,border .3s,color .3s}
.g-wrap a:hover{text-decoration:none;-webkit-filter:brightness(1.2);filter:brightness(1.2)}
.btn-bar{text-align:center;font-size:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.btn-bar .btn{text-align:center;display:inline-flex;justify-content:center;align-items:flex-start}
.prop-bar{text-align:center;font-size:0;display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap}
.prop-bar .prop-item{text-align:center;display:inline-flex;justify-content:flex-start;align-items:center;flex-direction:column;position:relative}
.prop-bar .prop{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0 auto}
.title{font-size:0;text-align:center;display:block;margin:0 auto}
.dia,.followMouse{display:none;border:2px solid #ff8d2a;border-radius:22px}
.dia>.dia-close,.followMouse>.dia-close{position:absolute;right:-42px;top:0}
.dia .dia-cont,.followMouse .dia-cont{border-radius:10px;box-sizing:border-box;overflow:hidden}
.dia .title,.followMouse .title{display:flex;justify-content:center;align-items:center;font-size:26px;color:#e35530;padding:24px 0 20px}
.dia .txt,.followMouse .txt{font-size:14px;text-align:center;line-height:1.2;color:#e35530;padding:20px}
.dia .btn-box,.followMouse .btn-box{text-align:center;font-size:0;display:flex;justify-content:center;align-items:center}
.dia .btn-box .btn,.followMouse .btn-box .btn{text-align:center;display:inline-flex;justify-content:center;align-items:flex-start;font-size:0;color:#fff;cursor:pointer;text-decoration:none;box-sizing:border-box}
.dia .btn-box .btn+.btn,.followMouse .btn-box .btn+.btn{margin-left:40px}
.followMouse{display:none;position:fixed;pointer-events:none;text-decoration:none;z-index:999;color:#fff;background:url(//game.gtimg.cn/images/x5/cp/a20250902bbrz/rule-bg.png) no-repeat center top/100% 100%;width:275px;box-sizing:border-box;box-shadow:0 4px 10px rgba(0,0,0,.5)}
.followMouse .txt{font-size:14px;text-align:justify;line-height:1.2;color:#e35530;padding:20px}
.followMouse p+p{margin-top:8px}
.dia-comm{height:auto}
.dia-comm .txt{font-size:20px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;height:100px}
.rule-box{text-align:left;font-size:18px;color:#e35530}
.rule-box .rule-txt{padding-left:30px;position:relative;text-indent:-28px}
.rule-box a{color:#f4df31;text-decoration:underline;position:relative}
.rule-box a:hover{text-decoration:underline}
.login-bar{display:flex;justify-content:center;align-items:center;background:rgba(255,255,255,.75);border-radius:30px;height:30px;padding:0 30px;color:#eb4a37;font-size:20px;text-align:center;margin:20px auto 0}
.login-bar a{color:#eb4a37}
::-webkit-scrollbar{width:5px;background-color:#8f8f8f;border-radius:4px;overflow:hidden}
::-webkit-scrollbar-thumb{background:#fff;border:1px solid #8f8f8f;border-radius:5px}
.animate__animated,.dia,.followMouse{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes bounceIns{
20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes bounceIn{
20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
}
@keyframes breathe{
0%{transform:scale(1)}
50%{transform:scale(1.2)}
100%{transform:scale(1)}
}
.animate__bounceIn,.dia,.followMouse{-webkit-animation-duration:calc(1s * .75);animation-duration:calc(1s * .75);-webkit-animation-duration:calc(var(--animate-duration) * .75);animation-duration:calc(var(--animate-duration) * .75);-webkit-animation-name:bounceIn;animation-name:bounceIn}
.floor1{position:relative;width:100%;height:1080px;background:url(//game.gtimg.cn/images/x5/cp/a20250902bbrz/bg_img/bg_01.jpg) no-repeat center top}
.floor2{position:relative;width:100%;height:1316px;background:url(//game.gtimg.cn/images/x5/cp/a20250902bbrz/bg_img/bg_02.jpg) no-repeat center top}
.floor3{position:relative;width:100%;height:2770px;background:url(//game.gtimg.cn/images/x5/cp/a20250902bbrz/bg_img/bg_03.jpg) no-repeat center top}
.floor4{position:relative;width:100%;height:2457px;background:url(//game.gtimg.cn/images/x5/cp/a20250902bbrz/bg_img/bg_04.jpg) no-repeat center top}
.floor5{position:relative;width:100%;height:794px;background:url(//game.gtimg.cn/images/x5/cp/a20250902bbrz/bg_img/bg_05.jpg) no-repeat center top}
.floor .p-box{margin:0 auto;width:1200px}
.floor .p-box p{color:#424242;font-size:20px;font-family:FZXS24}
.floor .part{height:100%}
.floor .part1{padding-top:280px}
.floor .part2{height:1170px;padding-top:870px}
.floor .part2 .p-box{padding:2em 0 0 5em}
.floor .part2 .p-box p{margin:2em 0}
.floor .part3{height:calc(100% - 1170px);padding-top:1116px}
.floor .part3 .p-box{padding:0 0 0 2em}
.floor .part3 .p-box p{margin:2em 0}
.floor .part4{height:1024px}
.floor .part5{position:relative;padding-top:235px;height:calc(100% - 1024px)}
.floor .part6{padding-top:278px}
.floor .part6 .p-box{padding:1em 0 0 2em}
.floor .part6 .p-box p{margin:1.5em 0}
.floor1 .btn-box{z-index:1;position:absolute;top:1005px;left:0;right:0;display:flex;align-items:center;justify-content:center;margin:0 auto}
.floor1 .btn-box .btn{position:relative;display:flex;align-items:center;justify-content:center;margin:0 40px;font-size:50px;color:#424242;font-family:FZXS24}
.floor1 .btn-box .btn::before{pointer-events:none;content:'';position:absolute;top:-38px;left:230px}
.floor1 .btn-box .btn::after{content:'';display:block;margin-left:.2em;background-position:-2173px -586px;width:35px;height:35px}
.floor1 .btn-download{background-position:-1638px -795px;width:420px;height:109px}
.floor1 .btn-download::before{background-position:-1296px -991px;width:221px;height:56px}
.floor1 .download2::before{background-position:-1966px -720px;width:269px;height:68px}
.floor1 .btn-play{background-position:-1213px -795px;width:420px;height:109px}
.floor1 .btn-play::before{background-position:-1070px -991px;width:221px;height:56px}
.floor1 .video-wrap{position:absolute;top:0;right:0;bottom:0;left:0}
.floor1 .video-wrap video{width:100%;height:100%;object-fit:cover}
#theme-box{z-index:0;position:relative;margin:0 auto;width:1200px;height:802px}
#theme-box::before{z-index:-1;content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #424242}
#theme-box .nav-box{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
#theme-box .nav-box li{display:flex;align-items:center;justify-content:center;font-size:22px;color:#424242;cursor:pointer;font-family:FZXS24;background-position:-1070px -912px;width:300px;height:74px;line-height:1.1;text-align:center;user-select:none}
#theme-box .nav-box li span{font-size:1.2em;margin-bottom:-.2em}
#theme-box .nav-box li.on{background-position:-1375px -912px;width:300px;height:74px}
#theme-box .cont-box{position:absolute;top:134px;left:0;right:0}
#theme-box .cont-box .cont{position:relative;display:none}
#theme-box .img-box{margin:0 auto;padding:67px 20px 0}
#theme-box .img-box img{width:100%;max-height:100%}
#theme-box .img-box::after{content:'';position:absolute;bottom:-35px;right:0;background-position:-622px -912px;width:443px;height:153px}
#theme-box .p-box{position:absolute;top:520px;left:-78px;padding:2em;padding-top:calc(20px + 2em);padding-left:calc(20px + 2em);display:flex;align-items:center;justify-content:center;flex-direction:column;background-position:-1213px -586px;width:748px;height:204px}
#music-box{position:relative;margin:0 auto}
#music-box::after{content:'';position:absolute;bottom:-70px;left:-125px;background-position:-1966px -586px;width:202px;height:129px}
#music-box .tab-bar{position:absolute;top:125px;left:15px;width:95px;text-align:center;user-select:none}
#music-box .tab-bar a{display:flex;align-items:center;justify-content:center;background-position:-383px -1129px;width:95px;height:384px;writing-mode:vertical-lr;font-size:30px;color:#424242;font-family:FZXS24}
#music-box .tab-bar a.on{background-position:-283px -1129px;width:95px;height:385px}
#music-box .list-box{overflow:hidden auto;position:absolute;top:125px;left:122px;padding-right:5px;width:1040px;height:765px}
#music-box .list-box::-webkit-scrollbar{border-radius:0;padding:14px 0;background-position:-2326px 0;width:20px;height:767px;overflow:hidden}
#music-box .list-box::-webkit-scrollbar-track{margin:14px 0}
#music-box .list-box::-webkit-scrollbar-thumb{margin:14px 0;width:16px;border-radius:0;background:#dce1f1}
#music-box .list-box .group{position:relative;display:flex;align-items:center;text-align:center}
#music-box .list-box .group.color1{background-color:#dedcf1}
#music-box .list-box .group.color1 .list li::before{background-color:#5f38b3}
#music-box .list-box .group.color2{background-color:#d2ccec}
#music-box .list-box .type{width:20%;font-size:22px;color:#424242;font-family:FZXS24}
#music-box .list-box .list{width:calc(100% - 20%)}
#music-box .list-box .list li{position:relative;display:flex;align-items:center;border-bottom:1px dashed #c9c2e6}
#music-box .list-box .list li:last-of-type{border-bottom-color:transparent}
#music-box .list-box .list li::before{position:absolute;content:'';width:calc(100% - 10px);height:70%;background-color:#f0ecff;border:1px solid #abafc6}
#music-box .list-box .list li>span{z-index:1;position:relative;padding:20px .2em;width:calc(100% / 4);color:#f452ff;font-size:18px;line-height:1.1;font-family:FZXS24}
#music-box .list-box .list li .label{position:absolute;top:0;left:42%;display:flex;align-items:center;justify-content:center;padding-bottom:5px;font-size:15px;color:#000;background-position:-2063px -868px;width:160px;height:27px}
.side-nav-bar{z-index:999;position:fixed;top:50%;right:20px;transform:translateY(-50%)}
.side-nav-bar .side-nav{padding-top:38px;background-position:0 -912px;width:278px;height:733px}
.side-nav-bar .side-nav li{display:flex;align-items:center;justify-content:center;margin:0 auto 30px;background-position:-1912px -912px;width:227px;height:65px;font-size:26px;color:#424242;cursor:pointer;user-select:none}
.side-nav-bar .side-nav li.on{background-position:-1680px -912px;width:227px;height:65px}
.pendant-box{position:absolute;bottom:-155px;right:-18px}
.pendant-box a{display:block;background-position:-283px -912px;width:334px;height:212px}
.pendant-box .txt{position:absolute;top:112px;left:36px;background-position:-2063px -795px;width:230px;height:68px;animation:breathe 1.5s linear infinite}
/*!# sourceMappingURL=comm.css.map */