@font-face{font-family:myFont;src:url(//static2.qcplay.com/fonts/SiYuanSongTi/SourceHanSerifCN-SemiBold-7.otf),url(//static2.qcplay.com/fonts/SiYuanSongTi/SourceHanSerifCN-Bold-2.otf),url(//static2.qcplay.com/fonts/SiYuanSongTi/SourceHanSerifCN-ExtraLight-3.otf),url(//static2.qcplay.com/fonts/SiYuanSongTi/SourceHanSerifCN-Heavy-4.otf),url(//static2.qcplay.com/fonts/SiYuanSongTi/SourceHanSerifCN-Light-5.otf),url(//static2.qcplay.com/fonts/SiYuanSongTi/SourceHanSerifCN-Medium-6.otf),url(//static2.qcplay.com/fonts/SiYuanSongTi/SourceHanSerifCN-Regular-1.otf)}@font-face{font-family:myFont-bold;src:url(https://static2.qcplay.com/fonts/SiYuanSongTi/SourceHanSerifCN-Bold-2.otf)}body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,html,li,ol,p,strong,td,ul{font-family:myFont}body,html{overflow:hidden;max-width:1920px;margin:0 auto;height:100%;width:100%;min-height:600px;min-width:1200px}a{display:block;width:100%;height:100%}.font-h{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}img{display:block;width:100%;height:100%}.aniBtnHover .ani-btn:hover{animation:ani4 .2s ease-in-out;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-o-animation-fill-mode:forwards}@keyframes ani4{0%{transform:scale(1)}80%{transform:scale(1.1)}100%{transform:scale(1.05)}}.ani-btn:hover{animation:ani4 .2s ease-in-out;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-o-animation-fill-mode:forwards}.footer{position:relative;width:100%;background:#282f3e;z-index:9}.footer .footer-content{max-width:1300px;background:#282f3e;padding:20px 0;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between;color:#fff;font-size:12px;line-height:30px}.footer .footer-content a{display:inline-block;width:auto;height:auto}.footer .footer-content .l-logo{display:block;width:180px;height:40.8px;padding-left:30px;margin-top:24px}.footer .footer-content .c-link ul{display:block;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between}.footer .footer-content .c-link ul li a{padding:0 9px;color:#fff}.footer .footer-content .c-link ul .li-01 a{padding-left:0}.footer .footer-content .line{display:block;width:1px;height:80px;margin-top:5px;background:#c9cbcd}.popup_wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url(/summer/images/pc/mengban-291323a55e.png);-ms-background-size:100% 100%;background-size:100% 100%;z-index:9999}.popup_wrap .close_wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.popup_wrap .ani{animation:ani3 .2s ease-in-out;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-ms-animation-fill-mode:forwards;-o-animation-fill-mode:forwards}.popup_wrap .ani-ie{transform:scale(1)}.popup_wrap .close-bg{position:absolute;top:50%;left:50%;width:1920px;height:1080px;margin:-540px 0 0 -960px}.index{display:block;width:100%;height:100%}.index .ani_box .firework_01{position:absolute;top:0;left:11vw;width:570px;height:647px;background:url(/summer/images/pc/firework_01.png);-ms-background-size:100% 100%;background-size:100% 100%;animation:fireworks 2s infinite 1s}.index .ani_box .firework_02{position:absolute;top:10vh;left:5vw;width:289px;height:289px;background:url(/summer/images/pc/firework_02.png);-ms-background-size:100% 100%;background-size:100% 100%;animation:fireworks 1.5s infinite .75s}.index .ani_box .firework_03{position:absolute;top:10vh;right:5vw;width:280px;height:303px;background:url(/summer/images/pc/firework_03.png);-ms-background-size:100% 100%;background-size:100% 100%;animation:fireworks 2s infinite .5s}.index .ani_box .firework_04{position:absolute;top:5vh;right:20vw;width:189px;height:186px;background:url(/summer/images/pc/firework_04.png);-ms-background-size:100% 100%;background-size:100% 100%;animation:fireworks 1.7s infinite 1s}.index .swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto}.index .swiper-container .first_bg{position:absolute;top:0;left:0;width:4706px;height:100vh;background:url(/summer/images/pc/content_bg-fb145f4e5a.png) center no-repeat;background-size:cover;background-position-y:50%;transition:all 1.5s;z-index:1}.index .swiper-container .first_bg .ani_box{position:absolute;top:0;left:50%;z-index:2}.index .swiper-container .page_bg_ani0{-webkit-transform:translateX(0)}.index .swiper-container .page_bg_ani1{-webkit-transform:translateX(-2280px)}.index .swiper-container .page_bg_ani2{-webkit-transform:translateX(-2380px)}.index .swiper-container .page_bg_ani3{-webkit-transform:translateX(-2480px)}.index .swiper-container .page_bg_ani4{-webkit-transform:translateX(-2580px)}.index .swiper-container .page_bg_ani5{-webkit-transform:translateX(-2680px)}.index .swiper-container .page_bg_ani6{-webkit-transform:translateX(-2780px)}.index .swiper-container .moveDown{top:0}.index .swiper-container .nav-btn-box{position:fixed;bottom:0;left:0;width:100%;height:66px;min-width:1200px;padding-top:70px;background:url(/summer/images/pc/shadow_bg-62a31f714b.png) no-repeat;background-size:100% 100%;z-index:999}.index .swiper-container .nav-btn-box ul{height:30px;justify-content:space-between;display:flex;align-items:center;justify-content:center}.index .swiper-container .nav-btn-box ul li{position:relative;width:126px;min-width:80px;padding:0 50px;color:#fff;font-size:18px;text-align:center;cursor:pointer}.index .swiper-container .nav-btn-box ul li::after{position:absolute;top:50%;left:50%;width:181px;height:54px;margin:-25px 0 0 -98px;background:url(/summer/images/pc/icon_img_all-26e2a930ed.png) -93px -24px no-repeat;content:'';transition:all .15s;opacity:0}.index .swiper-container .nav-btn-box ul li::before{position:absolute;top:11px;left:194px;width:67px;height:7px;background:url(/summer/images/pc/icon_img_all-26e2a930ed.png) 0 -122px no-repeat;content:''}.index .swiper-container .nav-btn-box ul li i{position:absolute;top:-60px;left:50%;display:block;width:235px;height:68px;padding-top:5px;margin-left:-117px;background:url(/summer/images/pc/icon_img_all-26e2a930ed.png) 0 -478px no-repeat;font-style:normal;color:#2c3241;opacity:0;transition:all .15s}.index .swiper-container .nav-btn-box ul li i b{color:#da5e21}.index .swiper-container .nav-btn-box ul li:nth-last-child(1)::before{opacity:0}.index .swiper-container .nav-btn-box ul li:nth-last-child(1)::after{width:211px;height:50px;margin:-25px 0 0 -110px;background:url(/summer/images/pc/icon_img_all-26e2a930ed.png) -78px -76px no-repeat}.index .swiper-container .nav-btn-box ul li:hover{color:#f0f174}.index .swiper-container .nav-btn-box ul li:hover i{top:-73px;opacity:1}.index .swiper-container .nav-btn-box ul .active{color:#f0f174}.index .swiper-container .nav-btn-box ul .active::after{opacity:1}.index .swiper-slide .logo{position:absolute;top:10px;left:57px;width:241px;height:104px;z-index:5}.index .swiper-slide .logo img{display:block;width:100%;height:auto}.index .swiper-slide .share-box{position:absolute;top:30px;right:55px;width:185px;height:65px;display:flex;justify-content:space-between;z-index:4}.index .swiper-slide .share-box a{position:relative;display:block;width:62px;height:65px}.index .swiper-slide .share-box-other{right:55px}.index .swiper-slide .share-box-other a{background:url(/summer/images/pc/icon_all_1-5a71417ac2.png) no-repeat}.index .swiper-slide .share-box-other .share-btn{background-position:0 100%}.index .swiper-slide .share-box-other .official-btn{background-position:100% 100%}.index .swiper-slide .share-box-other-2{right:55px}.index .swiper-slide .share-box-other-2 a{background:url(/summer/images/pc/icon_all_1-5a71417ac2.png) no-repeat}.index .swiper-slide .share-box-other-2 .share-btn{background-position:0 0}.index .swiper-slide .share-box-other-2 .official-btn{background-position:100% 0}.index .content-01{position:relative;width:100%;height:100%}.index .content-01::after{position:absolute;top:0;left:50%;width:2273px;margin-left:-960px;height:100vh;background:url(/summer/images/pc/page_1-35b3ba5acc.png) no-repeat;background-size:cover;content:''}.index .content-01 .share-box a{background:url(/summer/images/pc/icon_all_1-5a71417ac2.png) no-repeat}.index .content-01 .share-box .share-btn{background-position:0 0}.index .content-01 .share-box .official-btn{background-position:100% 0}.index .content-01 .main-content{position:relative;top:0;left:50%;width:2273px;margin-left:-960px;height:100vh;z-index:3}.index .content-01 .main-content .title{position:absolute;top:50%;left:50%;width:1060px;height:488px;margin:-80px 0 0 -710px;z-index:5}.index .content-01 .main-content .title img{display:block;width:100%;height:auto}.index .content-01 .main-content .trophy{position:absolute;top:50%;left:50%;width:506px;height:608px;margin:-233px 0 0 -435px;z-index:4}.index .content-01 .main-content .trophy .brightPowder-box b::after,.index .content-01 .main-content .trophy .brightPowder-box b::before{position:absolute;top:0;left:0;width:100%;height:100%;content:''}.index .content-01 .main-content .trophy .brightPowder-box .brightPowder-1,.index .content-01 .main-content .trophy .brightPowder-box .brightPowder-2,.index .content-01 .main-content .trophy .brightPowder-box .brightPowder-3{position:absolute;bottom:105px;left:50%;width:829px;height:426px;margin-left:-395px}.index .content-01 .main-content .trophy .brightPowder-box .brightPowder-1::after,.index .content-01 .main-content .trophy .brightPowder-box .brightPowder-1::before,.index .content-01 .main-content .trophy .brightPowder-box .brightPowder-2::after,.index .content-01 .main-content .trophy .brightPowder-box .brightPowder-2::before,.index .content-01 .main-content .trophy .brightPowder-box .brightPowder-3::after,.index .content-01 .main-content .trophy .brightPowder-box .brightPowder-3::before{background:url(/summer/images/pc/brightPowder_2-5d5aa6298f.png) no-repeat}.index .content-01 .main-content .trophy .brightPowder-box .brightPowder-1::after,.index .content-01 .main-content .trophy .brightPowder-box .brightPowder-1::before{animation:Beat4 6s ease-in-out infinite;-webkit-transform:rotate(-3deg)}.index .content-01 .main-content .trophy .brightPowder-box .brightPowder-1::after{animation-delay:2s;-webkit-transform:rotate(-3deg)}.index .content-01 .main-content .trophy .brightPowder-box .brightPowder-2::after,.index .content-01 .main-content .trophy .brightPowder-box .brightPowder-2::before{animation:Beat4 5s ease-in-out infinite;-webkit-transform:rotate(5deg)}.index .content-01 .main-content .trophy .brightPowder-box .brightPowder-2::after{animation-delay:2s;-webkit-transform:rotate(5deg)}.index .content-01 .main-content .trophy .brightPowder-box .brightPowder-3::after,.index .content-01 .main-content .trophy .brightPowder-box .brightPowder-3::before{animation:Beat4 4s ease-in-out infinite;-webkit-transform:rotate(-4deg)}.index .content-01 .main-content .trophy .brightPowder-box .brightPowder-3::after{animation-delay:2s;-webkit-transform:rotate(-5deg)}.index .content-01 .main-content .role{position:absolute;bottom:0}.index .content-01 .main-content .role-left{top:96px;left:-590px;width:1567px;height:1729px;background:url(/summer/images/pc/role_l-7d4c338a99.png) no-repeat}.index .content-01 .main-content .role-rigit{top:120px;right:-245px;width:1286px;height:1850px;background:url(/summer/images/pc/role_r-1d8695b8c3.png) no-repeat}.index .content-01 .spark{position:absolute;bottom:0;left:-40px;width:100%;height:642px;z-index:8}.index .content-01 .spark span{position:absolute;top:0;display:block;width:100%;height:100%;background:url(/summer/images/pc/spark_bg-b5e4f66e29.png) top center no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;opacity:0}.index .content-01 .spark span:nth-child(1){top:20px;left:0;animation:Beat2 2.2s ease-in-out infinite;-webkit-transform:rotate(0)}.index .content-01 .spark span:nth-child(2){top:30px;left:0;animation:Beat2 3.3s ease-in-out infinite;-webkit-transform:rotate(5deg)}.index .content-01 .spark span:nth-child(3){top:54px;left:0;animation:Beat2 1.75s ease-in-out infinite;-webkit-transform:rotate(-5deg)}.index .content-01 .mouse{position:absolute;top:50%;right:30px;width:134px;height:79px;margin-top:-40px;background:url(/summer/images/pc/icon_img_all-26e2a930ed.png) 0 -243px no-repeat;cursor:pointer;z-index:9;animation:mouseAni 1s ease-in-out infinite}.index .content-02{position:relative;width:100%;height:100%}.index .content-02::after{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/summer/images/pc/page_2_bg-44a1a6fa22.png) 50% no-repeat;background-size:cover;content:''}.index .content-02 .main-content{position:relative;top:0;width:100%;height:100vh;z-index:3}.index .content-02 .main-content .turntable{position:absolute;top:50%;left:50%;width:673px;height:668px;margin:-324px 0 0 -362px}.index .content-02 .main-content .turntable::after{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/summer/images/pc/page_2_turntable-01a59f9847.png) no-repeat;content:'';z-index:1}.index .content-02 .main-content .turntable .role-left{position:absolute;left:-378px;top:66px;width:457px;height:623px;z-index:2}.index .content-02 .main-content .turntable .role-left::after{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/summer/images/pc/page_2_role_l-bc338e2355.png) no-repeat;content:'';animation:Beat3 1.9s ease-in-out infinite}.index .content-02 .main-content .turntable .role-right{position:absolute;right:-447px;top:75px;width:656px;height:634px;z-index:0}.index .content-02 .main-content .turntable .role-right::after{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/summer/images/pc/page_2_role_r-1bd541ca87.png) no-repeat;content:'';animation:Beat3 1.8s ease-in-out infinite}.index .content-02 .title{position:absolute;top:20px;left:50%;width:656px;height:168px;margin-left:-328px;z-index:5}.index .content-02 .title img{display:block;width:100%;height:auto}.index .content-03{position:relative;width:100%;height:100%}.index .content-03 .main-content{position:relative;top:0;width:100%;height:100vh;z-index:3}.index .content-03 .main-content .singer-content{position:absolute;top:50%;left:50%;width:1706px;height:666px;margin:-333px 0 0 -853px;background:url(/summer/images/pc/singer_bg-000f568951.png) no-repeat}.index .content-03 .main-content .singer-content .video-btn{position:absolute;top:50%;left:50%;width:115px;height:114px;margin:2px 0 6px -185px;opacity:.8}.index .content-03 .main-content .singer-content .video-btn::after{position:absolute;top:50%;left:50%;width:62px;height:62px;margin:-31px 0 0 -30px;background:url(/summer/images/pc/icon_img_all-26e2a930ed.png) 0 -60px no-repeat;content:'';z-index:1}.index .content-03 .main-content .singer-content .video-btn::before{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/summer/images/pc/icon_img_all-26e2a930ed.png) 0 -129px no-repeat;content:'';animation:rotateAni360 6s linear infinite}.index .content-03 .main-content .singer-content .video-btn:hover{opacity:1}.index .content-03 .title{position:absolute;top:20px;left:50%;width:596px;height:170px;margin-left:-296px;z-index:5}.index .content-03 .title img{display:block;width:100%;height:auto}.index .content-04{position:relative;width:100%;height:100%}.index .content-04::after{position:absolute;top:0;left:50%;width:2537px;height:100vh;margin-left:-1268px;background:url(/summer/images/pc/page_4_bg-6af8c94950.png) no-repeat;background-size:cover;content:''}.index .content-04 .main-content{position:relative;top:0;width:100%;height:100vh;z-index:3}.index .content-04 .main-content .bg{position:absolute;top:0;left:50%;width:2537px;height:100vh;margin-left:-1268px;z-index:0}.index .content-04 .main-content .bg .content{position:absolute;top:50%;left:50%;width:1406px;height:795px;margin:-398px 0 0 -733px}.index .content-04 .main-content .bg .content .reward-box{position:absolute;top:0;left:0;width:100%;height:100%}.index .content-04 .main-content .bg .content .reward-box::after{position:absolute;top:90px;left:0;width:100%;height:100%;background:url(/summer/images/pc/page_4_con-f9ef8e477d.png) no-repeat;content:''}.index .content-04 .main-content .bg .content .reward-box .brightPowder-box b::after,.index .content-04 .main-content .bg .content .reward-box .brightPowder-box b::before{position:absolute;top:0;left:0;width:100%;height:100%;content:''}.index .content-04 .main-content .bg .content .reward-box .brightPowder-box .brightPowder-1,.index .content-04 .main-content .bg .content .reward-box .brightPowder-box .brightPowder-2,.index .content-04 .main-content .bg .content .reward-box .brightPowder-box .brightPowder-3{position:absolute;bottom:-95px;left:50%;width:829px;height:426px;margin-left:-395px}.index .content-04 .main-content .bg .content .reward-box .brightPowder-box .brightPowder-1::after,.index .content-04 .main-content .bg .content .reward-box .brightPowder-box .brightPowder-1::before,.index .content-04 .main-content .bg .content .reward-box .brightPowder-box .brightPowder-2::after,.index .content-04 .main-content .bg .content .reward-box .brightPowder-box .brightPowder-2::before,.index .content-04 .main-content .bg .content .reward-box .brightPowder-box .brightPowder-3::after,.index .content-04 .main-content .bg .content .reward-box .brightPowder-box .brightPowder-3::before{background:url(/summer/images/pc/brightPowder_2-5d5aa6298f.png) no-repeat}.index .content-04 .main-content .bg .content .reward-box .brightPowder-box .brightPowder-1::after,.index .content-04 .main-content .bg .content .reward-box .brightPowder-box .brightPowder-1::before{animation:Beat4 6s ease-in-out infinite;-webkit-transform:rotate(-3deg)}.index .content-04 .main-content .bg .content .reward-box .brightPowder-box .brightPowder-1::after{animation-delay:2s;-webkit-transform:rotate(-3deg)}.index .content-04 .main-content .bg .content .reward-box .brightPowder-box .brightPowder-2::after,.index .content-04 .main-content .bg .content .reward-box .brightPowder-box .brightPowder-2::before{animation:Beat4 5s ease-in-out infinite;-webkit-transform:rotate(5deg)}.index .content-04 .main-content .bg .content .reward-box .brightPowder-box .brightPowder-2::after{animation-delay:2s;-webkit-transform:rotate(5deg)}.index .content-04 .main-content .bg .content .reward-box .brightPowder-box .brightPowder-3::after,.index .content-04 .main-content .bg .content .reward-box .brightPowder-box .brightPowder-3::before{animation:Beat4 4s ease-in-out infinite;-webkit-transform:rotate(-4deg)}.index .content-04 .main-content .bg .content .reward-box .brightPowder-box .brightPowder-3::after{animation-delay:2s;-webkit-transform:rotate(-5deg)}.index .content-04 .main-content .bg .content ul{position:relative;top:0;left:0;width:100%;height:100%;z-index:1}.index .content-04 .main-content .bg .content ul li{position:absolute;animation:Beat5 2s ease-in-out infinite}.index .content-04 .main-content .bg .content ul .jl-1{top:98px;left:140px;width:284px;height:229px;background:url(/summer/images/pc/hl_1-01f949c856.png) no-repeat;background-size:100% 100%}.index .content-04 .main-content .bg .content ul .jl-2{top:67px;left:1020px;width:184px;height:238px;background:url(/summer/images/pc/hl_2-ebd9ca2f8d.png) no-repeat;background-size:100% 100%;animation-delay:.2s}.index .content-04 .main-content .bg .content ul .jl-3{top:265px;left:20px;width:243px;height:300px;background:url(/summer/images/pc/hl_3-7ac1aa086c.png) no-repeat;background-size:100% 100%;animation-delay:.4s}.index .content-04 .main-content .bg .content ul .jl-4{top:295px;left:1225px;width:187px;height:229px;background:url(/summer/images/pc/hl_4-6ca3a196e8.png) no-repeat;background-size:100% 100%;animation-delay:.6s}.index .content-04 .main-content .bg .content ul .jl-5{top:50%;left:50%;width:1000px;height:691px;margin:-380px 0 0 -440px;background:url(/summer/images/pc/hl_5-2b47f8f833.png) no-repeat;animation-delay:.8s}.index .content-04 .main-content .bg .title-and-btn{position:absolute;top:50%;left:50%;width:985px;height:319px;margin:0 0 0 -474px;z-index:2}.index .content-04 .main-content .bg h3{width:100%}.index .content-04 .main-content .bg h3 img{display:block;width:100%;height:auto}.index .content-04 .main-content .details-btn{position:absolute;top:46%;left:50%;width:231px;height:78px;margin:0 0 0 -115px;background:url(/summer/images/pc/icon_img_all-26e2a930ed.png) 0 -400px no-repeat}.index .content-04 .title{position:absolute;top:20px;left:50%;width:612px;height:168px;margin-left:-306px;z-index:5}.index .content-04 .title img{display:block;width:100%;height:auto}.index .content-05{position:relative;width:100%;height:100%}.index .content-05 .main-content{position:relative;top:0;width:100%;height:100vh;z-index:3}.index .content-05 .main-content .bg{position:absolute;top:50%;left:50%;width:1875px;height:486px;margin:-154px 0 0 -940px;background:url(/summer/images/pc/page_5_bg-cec9d0eb6e.png) no-repeat}.index .content-05 .main-content .bg .name{position:absolute;top:-100px;left:195px;width:238px;height:281px;background:url(/summer/images/pc/page_5_role_name-cfc459f763.png) no-repeat}.index .content-05 .main-content .bg .role-bg{position:absolute;top:50%;left:50%;width:817px;height:709px;margin:-415px 0 0 -403px;background:url(/summer/images/pc/page_5_role_bg-630e25ecc0.png) no-repeat}.index .content-05 .main-content .bg .role-bg .h-sqs{position:absolute;top:50%;left:50%;width:556px;height:802px;margin:-360px 0 0 -220px;background:url(/summer/images/pc/page_5_role-5699442599.png) no-repeat}.index .content-05 .main-content .bg .weapon{position:absolute;top:50%;left:50%;width:527px;height:309px;margin:-165px 0 0 380px;background:url(/summer/images/pc/page_5_role_wq-7e8ecd6339.png) no-repeat}.index .content-05 .main-content .bg .skill-box{position:absolute;top:190px;left:190px;width:344px;height:272px}.index .content-05 .main-content .bg .skill-box .skill-icon{height:47px;padding-left:30px;display:flex;flex-wrap:wrap;align-content:space-between}.index .content-05 .main-content .bg .skill-box .skill-icon a{position:relative;width:47px;height:47px;margin:0 10px}.index .content-05 .main-content .bg .skill-box .skill-icon a::after{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url(/summer/images/pc/sqs_jn_select-8b39210d33.png) no-repeat;background-size:100% 100%;content:'';opacity:0}.index .content-05 .main-content .bg .skill-box .skill-icon a::before{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/summer/images/pc/sqs_jn-ef34d6fa37.png) no-repeat;content:'';z-index:1}.index .content-05 .main-content .bg .skill-box .skill-icon .skill-1::before{background-position:0 0}.index .content-05 .main-content .bg .skill-box .skill-icon .skill-2::before{background-position:33.33% 0}.index .content-05 .main-content .bg .skill-box .skill-icon .skill-3::before{background-position:66.66% 0}.index .content-05 .main-content .bg .skill-box .skill-icon .skill-4::before{background-position:100% 0}.index .content-05 .main-content .bg .skill-box .skill-icon .select{transform:scale(1.1)}.index .content-05 .main-content .bg .skill-box .skill-icon .select::after{opacity:1}.index .content-05 .main-content .bg .skill-box .skill-desc{position:relative;width:344px;height:164px;margin-top:30px}.index .content-05 .main-content .bg .skill-box .skill-desc .desc{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/summer/images/pc/sqs_jn_desc-3a33ec6af3.png) no-repeat;opacity:0}.index .content-05 .main-content .bg .skill-box .skill-desc .desc-1{background-position:0 0}.index .content-05 .main-content .bg .skill-box .skill-desc .desc-2{background-position:33.33% 0}.index .content-05 .main-content .bg .skill-box .skill-desc .desc-3{background-position:66.66% 0}.index .content-05 .main-content .bg .skill-box .skill-desc .desc-4{background-position:100% 0}.index .content-05 .main-content .bg .skill-box .skill-desc .show{opacity:1}.index .content-05 .main-content .bg .skill-box .tips{padding:15px 0 0 20px;color:#466796;font-size:12px}.index .content-05 .title{position:absolute;top:20px;left:50%;width:871px;height:161px;margin-left:-435px;z-index:5}.index .content-05 .title img{display:block;width:100%;height:auto}.index .content-06{position:relative;width:100%;height:100%}.index .content-06 .main-content{position:relative;top:0;width:100%;height:100vh;z-index:3}.index .content-06 .main-content .bg{position:absolute;top:50%;left:50%;width:1875px;height:486px;margin:-154px 0 0 -940px;background:url(/summer/images/pc/page_5_bg-cec9d0eb6e.png) no-repeat}.index .content-06 .main-content .bg .name{position:absolute;top:-100px;left:200px;width:257px;height:281px;background:url(/summer/images/pc/page_6_role_name-5c466b4923.png) no-repeat}.index .content-06 .main-content .bg .role-bg{position:absolute;top:50%;left:50%;width:817px;height:709px;margin:-415px 0 0 -403px;background:url(/summer/images/pc/page_5_role_bg-630e25ecc0.png) no-repeat}.index .content-06 .main-content .bg .role-bg .h-zx{position:absolute;top:50%;left:50%;width:709px;height:775px;margin:-315px 0 0 -378px;background:url(/summer/images/pc/page_6_role-1a93154745.png) no-repeat}.index .content-06 .main-content .bg .weapon{position:absolute;top:50%;left:50%;width:529px;height:373px;margin:-188px 0 0 380px;background:url(/summer/images/pc/page_6_role_wq-d809e9b22a.png) no-repeat}.index .content-06 .main-content .bg .skill-box{position:absolute;top:190px;left:190px;width:344px;height:272px}.index .content-06 .main-content .bg .skill-box .skill-icon{height:47px;padding-left:30px;display:flex;flex-wrap:wrap;align-content:space-between}.index .content-06 .main-content .bg .skill-box .skill-icon a{position:relative;width:47px;height:47px;margin:0 10px}.index .content-06 .main-content .bg .skill-box .skill-icon a::after{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url(/summer/images/pc/sqs_jn_select-8b39210d33.png) no-repeat;background-size:100% 100%;content:'';opacity:0}.index .content-06 .main-content .bg .skill-box .skill-icon a::before{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/summer/images/pc/zx_jn-4795d999a5.png) no-repeat;content:'';z-index:1}.index .content-06 .main-content .bg .skill-box .skill-icon .skill-1::before{background-position:0 0}.index .content-06 .main-content .bg .skill-box .skill-icon .skill-2::before{background-position:33.33% 0}.index .content-06 .main-content .bg .skill-box .skill-icon .skill-3::before{background-position:66.66% 0}.index .content-06 .main-content .bg .skill-box .skill-icon .skill-4::before{background-position:100% 0}.index .content-06 .main-content .bg .skill-box .skill-icon .select{transform:scale(1.1)}.index .content-06 .main-content .bg .skill-box .skill-icon .select::after{opacity:1}.index .content-06 .main-content .bg .skill-box .skill-desc{position:relative;width:344px;height:164px;margin-top:30px}.index .content-06 .main-content .bg .skill-box .skill-desc .desc{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/summer/images/pc/zx_jn_desc-2525c6a3ac.png) no-repeat;opacity:0}.index .content-06 .main-content .bg .skill-box .skill-desc .desc-1{background-position:0 0}.index .content-06 .main-content .bg .skill-box .skill-desc .desc-2{background-position:33.33% 0}.index .content-06 .main-content .bg .skill-box .skill-desc .desc-3{background-position:66.66% 0}.index .content-06 .main-content .bg .skill-box .skill-desc .desc-4{background-position:100% 0}.index .content-06 .main-content .bg .skill-box .skill-desc .show{opacity:1}.index .content-06 .main-content .bg .skill-box .tips{padding:15px 0 0 20px;color:#466796;font-size:12px}.index .content-06 .title{position:absolute;top:20px;left:50%;width:866px;height:168px;margin-left:-433px;z-index:5}.index .content-06 .title img{display:block;width:100%;height:auto}.index .content-07{position:relative;width:100%;height:100%}.index .content-07 .main-content{position:relative;top:0;width:100%;height:100vh;z-index:3}.index .content-07 .main-content .content{position:absolute;top:50%;left:50%;width:1514px;height:549px;margin:-275px 0 0 -730px;background:url(/summer/images/pc/page_7_con-78cd3474bc.png) no-repeat}.index .content-07 .main-content .content .book-mmortal-btn{position:absolute;bottom:-65px;left:48%;width:287px;height:73px;margin-left:-143px;background:url(/summer/images/pc/icon_img_all-26e2a930ed.png) 0 -551px no-repeat}.index .content-07 .title{position:absolute;top:20px;left:50%;width:831px;height:168px;margin-left:-415px}.index .content-07 .title img{display:block;width:100%;height:auto}.video-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);-ms-background-size:100% 100%;background-size:100% 100%;z-index:99}.video-wrap .video-content{position:absolute;top:50%;left:50%;width:940px;height:537px;margin:-268px 0 0 -470px;background:url(/summer/images/pc/video_pop-8ee5a797a6.png) 0 0 no-repeat;background-size:100% 100%;display:flex;align-items:center;justify-content:center}.video-wrap .video-content #media-play{width:97.2%;height:97.2%}.video-wrap .video-content .close-btn{position:absolute;top:-62px;right:-65px;display:block;width:66px;height:63px;background:url(/summer/images/pc/video_close-4e2692bd2e.png) 0 0 no-repeat;cursor:pointer}.share-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);-ms-background-size:100% 100%;background-size:100% 100%;z-index:99}.share-wrap .share-content{position:absolute;top:50%;left:50%;width:1100px;height:680px;margin:-330px 0 0 -550px}.share-wrap .share-content .close-btn{position:absolute;top:-50px;right:-50px;display:block;width:60px;height:60px;background:url(/summer/images/pc/icon_img_all-26e2a930ed.png) 0 0 no-repeat;cursor:pointer}.share-wrap .share-content img{display:block;width:100%;height:auto}.share-wrap .share-content p{display:block;width:100%;height:70px;color:#fffbd6;line-height:70px;font-size:24px;text-align:center}.share-wrap .share-content a{display:block;width:231px;height:78px;margin:0 auto;background:url(/summer/images/pc/icon_img_all-26e2a930ed.png) 0 -322px no-repeat}.share-wrap .share-content #copy{opacity:0}.loading{opacity:0}.footer{position:fixed!important;bottom:-130px;width:100%;background:#282f3e;z-index:9;transition:all .5s}.footer .footer-btn{position:absolute;top:-60px;right:20px;width:87px;height:23px;transition:all .5s}.footer .footer-btn a{display:block;width:100%;height:100%;background:url(/summer/images/pc/icon_img_all-26e2a930ed.png) -199px -1px no-repeat}.footer-on{display:block;bottom:0;transition:all .5s}.footer-on .footer-btn{top:-55px;transition:all .5s}.preloading{overflow-y:hidden;position:fixed;top:0;left:50%;width:1920px;height:100vh;margin-left:-960px;background:url(/summer/images/pc/preloading_bg-b54b5aceef.png) 50% no-repeat;background-size:cover;z-index:9999}.preloading .loding_time{position:absolute;top:50%;left:50%;width:388px;height:30px;margin:-24px 0 0 -194px;z-index:1}.preloading .loding_time p{color:#37536a;font-size:30px;line-height:30px;text-align:center;margin:0 auto}.preloading-ani{animation-fill-mode:forwards;animation:preloadingAni .8s}@media screen and (max-width:1800px){.index .swiper-slide .main-content,.share-wrap .share-content{transform:scale(.95)}.index .content-01 .main-content{margin-left:-970px}.footer .footer-btn{top:-105px}}@media screen and (max-width:1680px){.index .swiper-slide .main-content,.share-wrap .share-content{transform:scale(.9)}.index .content-01 .main-content{margin-left:-980px}}@media screen and (max-width:1585px){.index .swiper-container .nav-btn-box ul li{font-size:17px}.index .swiper-container .nav-btn-box ul li::before{left:182px}}@media screen and (max-width:1560px){.index .swiper-slide .main-content,.share-wrap .share-content{transform:scale(.88)}.index .swiper-container .nav-btn-box ul li{font-size:16px}}@media screen and (max-width:1440px){.index .swiper-container .nav-btn-box ul li{font-size:14px;padding:0 20px}.index .swiper-container .nav-btn-box ul li::before{opacity:0}.index .swiper-container .nav-btn-box ul li i{height:65px;padding-top:8px}.index .swiper-container .nav-btn-box ul li::before{top:7px;left:167px}}@media screen and (max-height:800px){.index .swiper-slide .main-content{transform:scale(.75);margin-top:-4vh}.share-wrap .share-content{transform:scale(.75)}.index .content-01 .main-content{margin-left:-1005px}.index .secondary-page .title img{transform:scale(.8);margin-top:-20px}.index .content-04::after{width:2000px;margin-left:-1000px}}@media screen and (min-width:2000px){body,html{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.15);max-height:1080px}.index .content-01{overflow:hidden}.index .content-01:after{margin-left:-1282px}.index .content-04::after{margin-left:-1500px}.index .content-01 .main-content .title,.index .content-01 .main-content .trophy,.index .content-02 .main-content .turntable,.index .content-03 .main-content .singer-content,.index .content-04 .main-content .bg .content,.index .content-05 .main-content .bg,.index .content-06 .main-content .bg,.index .content-07 .main-content .content{top:38%}}@keyframes mouseAni{16.65%{transform:translateX(6px)}33.3%{transform:translateX(-5px)}49.95%{transform:translateX(4px)}66.6%{transform:translateX(-2px)}83.25%{transform:translateX(1px)}to{transform:translateX(0)}}@keyframes rotateAni360{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes Beat2{0%{opacity:0}60%{opacity:1}100%{opacity:0;transform:scale(1.1)}}@keyframes Beat3{0%{transform:translateY(0);-webkit-transform:translateY(0)}60%{transform:translateY(10px);-webkit-transform:translateY(10px)}}@keyframes Beat4{0%{opacity:0;transform:scale(0)}60%{opacity:1}100%{opacity:0;transform:scale(1.3)}}@keyframes Beat5{0%{transform:translateY(0);-webkit-transform:translateY(0)}60%{transform:translateY(4px);-webkit-transform:translateY(4px)}}
/*# sourceMappingURL=style_index-4dfe2ad787.css.map */