@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(/half_anniversary/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(/half_anniversary/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(/half_anniversary/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(/half_anniversary/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(/half_anniversary/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:7059px;height:100vh;background:url(/half_anniversary/images/pc/content_bg-fefe81bc74.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(-150px)}.index .swiper-container .page_bg_ani1{-webkit-transform:translateX(-600px)}.index .swiper-container .page_bg_ani2{-webkit-transform:translateX(-1200px)}.index .swiper-container .page_bg_ani3{-webkit-transform:translateX(-2960px)}.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(/half_anniversary/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 80px;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:44px;height:40px;margin:-18px 0 0 -98px;background:url(/half_anniversary/images/pc/nav_active_icon-1e2a6d10b1.png) no-repeat;content:'';transition:all .15s;opacity:0}.index .swiper-container .nav-btn-box ul li::before{position:absolute;top:11px;left:226px;width:107px;height:9px;background:url(/half_anniversary/images/pc/nav_fg-b92d396d69.png) 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(/half_anniversary/images/pc/icon_img_all-cf05460064.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 strong{display:block;position:absolute;left:50%;transform:translateX(-50%);opacity:0}.index .swiper-container .nav-btn-box ul li:nth-last-child(1)::before{opacity:0}.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.tab_01::after{margin-left:-63px}.index .swiper-container .nav-btn-box ul .active.tab_01 strong{opacity:1;width:90px;bottom:-14px}.index .swiper-container .nav-btn-box ul .active.tab_02::after{margin-left:-80px}.index .swiper-container .nav-btn-box ul .active.tab_02 strong{opacity:1;width:110px;bottom:-18px}.index .swiper-container .nav-btn-box ul .active.tab_03::after{margin-left:-105px}.index .swiper-container .nav-btn-box ul .active.tab_03 strong{opacity:1;width:180px;bottom:-28px}.index .swiper-container .nav-btn-box ul .active.tab_04::after{margin-left:-100px}.index .swiper-container .nav-btn-box ul .active.tab_04 strong{opacity:1;width:190px;bottom:-28px}.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:85px;height:83px}.index .swiper-slide .share-box-other{right:55px}.index .swiper-slide .share-box-other .share-btn{background:url(/half_anniversary/images/pc/share_btn_2-4888482f24.png) no-repeat;background-size:100% 100%}.index .swiper-slide .share-box-other .official-btn{background:url(/half_anniversary/images/pc/office_btn_2-0b9217056f.png) no-repeat;background-size:100% 100%}.index .swiper-slide .share-box-other-2{right:55px}.index .swiper-slide .share-box-other-2 .share-btn{background:url(/half_anniversary/images/pc/share_btn-d9da628642.png) no-repeat;background-size:100% 100%}.index .swiper-slide .share-box-other-2 .official-btn{background:url(/half_anniversary/images/pc/office_btn-608664e45a.png) no-repeat;background-size:100% 100%}.index .content-01{position:relative;width:100%;height:100%}.index .content-01::after{position:absolute;top:0;left:50%;width:2408px;margin-left:-960px;height:100vh;background:url(/half_anniversary/images/pc/page_1-cf0dad7ee9.png) no-repeat;background-size:cover;content:'';z-index:2}.index .content-01 .role{position:absolute;top:0;left:0;width:2285px;height:1080px;z-index:2}.index .content-01 .atmosphere-box{position:absolute;left:0;top:0;width:100vw;height:100%;max-width:2408px;overflow:hidden}.index .content-01 .atmosphere{position:absolute;left:0;top:0;width:100%;height:100%;z-index:3}@keyframes atmosphereAni1{0%{opacity:0;transform:scale(1)}100%{opacity:.3;transform:scale(3)}}@keyframes atmosphereAni2{0%{opacity:0;transform:scale(1) rotate(-50deg)}100%{opacity:.3;transform:scale(3) rotate(-50deg)}}@keyframes atmosphereAni3{0%{opacity:0;transform:scale(1) rotate(50deg)}100%{opacity:.3;transform:scale(3) rotate(50deg)}}.index .content-01 .atmosphere.atmosphere-ani{animation:atmosphereAni1 2.2s ease-in-out infinite;transform:scale(1);opacity:0}.index .content-01 .atmosphere.atmosphere-ani-2{animation:atmosphereAni2 2.5s ease-in-out infinite;animation-delay:.8s;opacity:0;transform:scale(1) rotate(-50deg)}.index .content-01 .atmosphere.atmosphere-ani-3{animation:atmosphereAni3 2.3s ease-in-out infinite;animation-delay:1.6s;opacity:0;transform:scale(1) rotate(50deg)}.index .content-01 .mask{position:absolute;right:0;top:50%;width:727px;height:1080px;margin-top:-540px}.index .content-01 .share-box{z-index:11}.index .content-01 .share-box .share-btn{background:url(/half_anniversary/images/pc/share_btn-d9da628642.png) no-repeat;background-size:100% 100%}.index .content-01 .share-box .official-btn{background:url(/half_anniversary/images/pc/office_btn-608664e45a.png) no-repeat;background-size:100% 100%}.index .content-01 .main-content{position:relative;top:0;left:50%;width:2487px;margin-left:-960px;height:100vh;z-index:10}.index .content-01 .main-content .title{position:absolute;top:50%;left:50%;width:860px;height:412px;margin:-350px 0 0 -1130px;z-index:5}.index .content-01 .main-content .title img{display:block;width:100%;height:auto}.index .content-01 .main-content .title .butterfly{position:absolute;width:2408px;height:1080px;background:url(/half_anniversary/images/pc/page_1_butterfly-8ff27e8810.png) no-repeat;background-size:100% 100%;left:-93px;top:-246px}.index .content-01 .main-content .sub_title{position:absolute;top:50%;left:50%;width:448px;height:68px;margin:70px 0 0 -920px}.index .content-01 .main-content .download_box{position:absolute;top:50%;left:50%;width:626px;height:210px;margin:150px 0 0 -1008px;background:url(/half_anniversary/images/pc/download_btn-3d1d461a71.png) no-repeat;background-size:100% 100%;z-index:10}.index .content-01 .main-content .download_box .qrcode{position:absolute;width:192px;height:156px;top:25px;left:60px}.index .content-01 .main-content .download_box .andriod_btn{display:block;position:absolute;right:60px;top:115px;width:278px;height:69px}.index .content-01 .main-content .download_box .ios_btn{display:block;top:30px;right:60px;position:absolute;width:278px;height:69px}.index .content-01 .mouse{position:absolute;top:50%;right:30px;width:134px;height:79px;margin-top:-40px;background:url(/half_anniversary/images/pc/icon_img_all-cf05460064.png) 0 -243px no-repeat;cursor:pointer;z-index:9;animation:mouseAni 1s ease-in-out infinite}.index .content-01 .logo{z-index:15}.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:2035px;height:1080px;margin:-576px 0 0 -1160px;background:url(/half_anniversary/images/pc/page_2_content-db2eaab8f2.png) no-repeat}.index .content-03 .main-content .singer-content .video-btn{position:absolute;top:50%;left:50%;width:115px;height:114px;margin:10px 0 6px 370px;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(/half_anniversary/images/pc/icon_img_all-cf05460064.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(/half_anniversary/images/pc/video_btn-2fb30d2b7d.png) no-repeat;content:'';animation:rotateAni360 6s linear infinite}.index .content-03 .main-content .singer-content .video-btn:hover{opacity:1}.index .content-03 .main-content .singer-content .btn{position:absolute;width:270px;height:73px;top:50%;left:50%;background:url(/half_anniversary/images/pc/page_2_btn-242854ea62.png) no-repeat;background-size:100% 100%;margin:310px 0 0 285px;cursor:pointer}.index .content-03 .title{position:absolute;top:20px;left:50%;width:628px;height:181px;margin-left:-314px;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(/half_anniversary/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%;z-index:10}.index .content-04 .main-content .bg .content .reward-box::after{position:absolute;top:90px;left:0;width:100%;height:100%;background:url(/half_anniversary/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(/half_anniversary/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;z-index:2;background:url(/half_anniversary/images/pc/hl_1-69fdadce19.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;z-index:2;background:url(/half_anniversary/images/pc/hl_2-fce8e581c5.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;z-index:2;background:url(/half_anniversary/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:216px;height:229px;z-index:2;background:url(/half_anniversary/images/pc/hl_4-e08983dbf3.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:1599px;height:966px;margin:-440px 0 0 -814px;z-index:1;background:url(/half_anniversary/images/pc/hl_5-a229c68fe6.png) no-repeat;animation-delay:.8s}.index .content-04 .main-content .bg .title-and-btn{position:absolute;top:50%;left:50%;width:664px;height:55px;margin:52px 0 0 -304px;z-index:12}.index .content-04 .main-content .bg h3{width:100%;margin-top:25px}.index .content-04 .main-content .bg h3 img{display:block;width:100%;height:auto}.index .content-04 .main-content .bg .area_btn{width:100px;height:97px;position:absolute}.index .content-04 .main-content .bg .area_btn img{display:block;width:100%;height:auto}.index .content-04 .main-content .bg .area_btn.fx_area_btn{top:74px;left:71px;cursor:auto}.index .content-04 .main-content .bg .area_btn.sn_area_btn{top:74px;left:488px;cursor:auto}.index .content-04 .main-content .details-btn{position:absolute;top:46%;left:50%;width:231px;height:78px;margin:65px 0 0 -115px;background:url(/half_anniversary/images/pc/icon_img_all-cf05460064.png) 0 -400px no-repeat}.index .content-04 .title{position:absolute;top:20px;left:50%;width:592px;height:174px;margin-left:-300px;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:1696px;height:635px;margin:-260px 0 0 -848px;background:url(/half_anniversary/images/pc/page_5_bg-c26c1df882.png) no-repeat}.index .content-05 .main-content .bg .name{position:absolute;top:-40px;left:200px;width:244px;height:307px;background:url(/half_anniversary/images/pc/page_5_role_name-62ad0c6a08.png) no-repeat}.index .content-05 .main-content .bg .role-dgjs{position:absolute;width:874px;height:733px;left:50%;top:50%;margin:-370px 0 0 -366px;background:url(/half_anniversary/images/pc/page_5_role-219711ee69.png) no-repeat;background-size:100% 100%;z-index:5}.index .content-05 .main-content .bg .weapon{position:absolute;top:50%;left:50%;width:225px;height:462px;margin:-214px 0 0 440px;background:url(/half_anniversary/images/pc/page_5_role_wq-a6daf26bfe.png) no-repeat}.index .content-05 .main-content .bg .skill-box{position:absolute;top:275px;left:160px;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(/half_anniversary/images/pc/jn_selected-23072da8fc.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(/half_anniversary/images/pc/dgjs_jn-8531f586bc.png) no-repeat;content:'';z-index:1}.index .content-05 .main-content .bg .skill-box .skill-icon .skill-1::before{background-position:-10px -10px}.index .content-05 .main-content .bg .skill-box .skill-icon .skill-2::before{background-position:-77px -10px}.index .content-05 .main-content .bg .skill-box .skill-icon .skill-3::before{background-position:-144px -10px}.index .content-05 .main-content .bg .skill-box .skill-icon .skill-4::before{background-position:-211px -10px}.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(/half_anniversary/images/pc/gdjs_jn_desc-3f8aef515c.png) no-repeat;opacity:0}.index .content-05 .main-content .bg .skill-box .skill-desc .desc-1{width:360px;height:158px;background-position:-1146px -10px}.index .content-05 .main-content .bg .skill-box .skill-desc .desc-2{width:360px;height:116px;background-position:-766px -10px}.index .content-05 .main-content .bg .skill-box .skill-desc .desc-3{width:356px;height:94px;background-position:-10px -10px}.index .content-05 .main-content .bg .skill-box .skill-desc .desc-4{width:360px;height:200px;background-position:-386px -10px}.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:786px;height:181px;margin-left:-393px;z-index:5}.index .content-05 .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(/half_anniversary/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(/half_anniversary/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(/half_anniversary/images/pc/icon_img_all-cf05460064.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(/half_anniversary/images/pc/icon_img_all-cf05460064.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(/half_anniversary/images/pc/icon_img_all-cf05460064.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(/half_anniversary/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-03 .main-content .singer-content,.index .content-04 .main-content .bg .content,.index .content-05 .main-content .bg{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-101a0f7b50.css.map */