:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:16px}body{margin:0;min-width:1200px;min-height:100vh}#app{overflow:hidden;min-width:1200px;height:100vh;width:100%;min-height:700px;margin:0 auto}p{margin:0;padding:0}@keyframes textAnimate-da77ac1c{0%{transform:translateY(0)}50%{transform:translateY(4rem)}to{transform:translateY(0)}}.loading[data-v-da77ac1c]{display:fixed;z-index:999;top:0;width:100%;height:100vh;background:#1d1d1d;position:absolute}.loading .loadItem[data-v-da77ac1c]{display:flex;justify-content:center;align-items:center;height:100%;flex-direction:column}.loading .loadItem .loadTv[data-v-da77ac1c]{width:8rem;height:4.79rem;position:relative}.loading .loadItem .loadTv div[data-v-da77ac1c]:nth-child(1){background:url(/img/loading/lodingItem1.png)}.loading .loadItem .loadTv div[data-v-da77ac1c]:nth-child(2){background:url(/img/loading/lodingItem2.png)}.loading .loadItem .loadTv div[data-v-da77ac1c]:nth-child(3){background:url(/img/loading/lodingItem3.png)}.loading .loadItem .loadTv div[data-v-da77ac1c]{position:absolute;top:0;width:inherit;height:inherit;background-position:center;background-size:100%!important;transition:height 1s ease-in-out}.loading .loadItem .loadText[data-v-da77ac1c]{margin-top:2rem;position:relative;width:25.8rem;height:8rem}.loading .loadItem .loadText .textLight[data-v-da77ac1c],.loading .loadItem .loadText .textDark[data-v-da77ac1c]{position:absolute;top:0;display:flex;align-items:end}.loading .loadItem .loadText .textLight div[data-v-da77ac1c],.loading .loadItem .loadText .textDark div[data-v-da77ac1c]{margin:0 .5rem;width:2rem;height:2.5rem;background-position:center;background-size:auto 100%;background-repeat:no-repeat;transition:opacity 1s ease}.loading .loadItem .loadText .textLight div[data-v-da77ac1c]:nth-child(10),.loading .loadItem .loadText .textLight div[data-v-da77ac1c]:nth-child(8),.loading .loadItem .loadText .textLight div[data-v-da77ac1c]:nth-child(9),.loading .loadItem .loadText .textDark div[data-v-da77ac1c]:nth-child(10),.loading .loadItem .loadText .textDark div[data-v-da77ac1c]:nth-child(8),.loading .loadItem .loadText .textDark div[data-v-da77ac1c]:nth-child(9){width:.6rem;margin:0 .5rem;height:.6rem}.loading .loadItem .loadText .textLight div[data-v-da77ac1c]{opacity:0}.animation[data-v-da77ac1c]{animation:textAnimate-da77ac1c 1.6s ease-in-out infinite;opacity:1!important}@keyframes cityShadow-e9c9d551{0%{top:-2rem}50%{top:5rem}to{top:4.85rem}}header[data-v-e9c9d551]{height:4.8rem;position:relative;z-index:10;min-width:1200px;width:100vw}header .main[data-v-e9c9d551]{display:flex;background-color:#1d1d1d;height:4.8rem;padding:0 2rem;z-index:10;position:relative;align-items:center;justify-content:space-between}header .main .logo[data-v-e9c9d551]{width:4.2rem;display:flex;margin-left:4rem;justify-content:center;align-items:center}header .main .logo img[data-v-e9c9d551]{width:4.2rem}header .main .logo[data-v-e9c9d551]:hover{cursor:pointer}header .main nav[data-v-e9c9d551]{display:flex;z-index:10;align-items:center;position:relative;height:inherit}header .main nav .navBox[data-v-e9c9d551]{background:#1d1d1d;z-index:10;height:inherit;padding:0 3rem}header .main nav .navBox .navItem[data-v-e9c9d551]{width:8.8rem;height:1.4rem;margin:1.7rem 0;display:inline-block;background-position:0}header .main nav .navBox .navItem[data-v-e9c9d551]:nth-child(1){background:url(/img/header/headerNav1.png) no-repeat;background-size:cover}header .main nav .navBox .navItem[data-v-e9c9d551]:nth-child(2){background:url(/img/header/headerNav2.png) no-repeat;background-size:cover}header .main nav .navBox .navItem[data-v-e9c9d551]:nth-child(3){background:url(/img/header/headerNav3.png) no-repeat;background-size:cover}header .main nav .navBox .navItem[data-v-e9c9d551]:nth-child(4){background:url(/img/header/headerNav4.png) no-repeat;background-size:cover}header .main nav .navBox .navItem[data-v-e9c9d551]:nth-child(5){background:url(/img/header/headerNav5.png) no-repeat;background-size:cover}header .main nav .navBox .navItem[data-v-e9c9d551]:hover{background-position:center -1.46rem!important;cursor:pointer}header .main nav .navBox .active[data-v-e9c9d551],header .main nav .navBox .active[data-v-e9c9d551]:hover{background-position:center -2.92rem!important}header .main nav .navShadow[data-v-e9c9d551]{width:13rem;height:5rem;position:absolute;z-index:9}header .main nav .navShadow .shadowBox[data-v-e9c9d551]{position:relative;height:inherit;width:inherit;top:-1rem}header .main nav .navShadow .shadowBox .navSlider1[data-v-e9c9d551],header .main nav .navShadow .shadowBox .navSlider2[data-v-e9c9d551]{height:4rem;width:inherit;position:absolute}header .main nav .navShadow .shadowBox .navSlider1 .shadow[data-v-e9c9d551],header .main nav .navShadow .shadowBox .navSlider1 .shadow1[data-v-e9c9d551],header .main nav .navShadow .shadowBox .navSlider2 .shadow[data-v-e9c9d551],header .main nav .navShadow .shadowBox .navSlider2 .shadow1[data-v-e9c9d551]{top:0;left:0;width:inherit;position:absolute;height:5rem}header .main nav .navShadow .shadowBox .navSlider1 .animate1[data-v-e9c9d551],header .main nav .navShadow .shadowBox .navSlider2 .animate1[data-v-e9c9d551]{animation:cityShadow-e9c9d551 1s ease forwards}header .main nav .navShadow .shadowBox .navSlider1 .animate2[data-v-e9c9d551],header .main nav .navShadow .shadowBox .navSlider2 .animate2[data-v-e9c9d551]{animation:cityShadow-e9c9d551 .7s ease forwards}header .main nav .navShadow .shadowBox .navSlider1 .shadow[data-v-e9c9d551]:nth-child(1),header .main nav .navShadow .shadowBox .navSlider2 .shadow[data-v-e9c9d551]:nth-child(1){background:url(/img/header/city_shadow1-2.png) no-repeat;background-size:100% auto}header .main nav .navShadow .shadowBox .navSlider1 .shadow[data-v-e9c9d551]:nth-child(2),header .main nav .navShadow .shadowBox .navSlider2 .shadow[data-v-e9c9d551]:nth-child(2){background:url(/img/header/city_shadow2-2.png) no-repeat;background-size:100% auto}header .main nav .navShadow .shadowBox .navSlider1 .shadow[data-v-e9c9d551]:nth-child(3),header .main nav .navShadow .shadowBox .navSlider2 .shadow[data-v-e9c9d551]:nth-child(3){background:url(/img/header/city_shadow3-2.png) no-repeat;background-size:100% auto}header .main nav .navShadow .shadowBox .navSlider1 .shadow[data-v-e9c9d551]:nth-child(4),header .main nav .navShadow .shadowBox .navSlider2 .shadow[data-v-e9c9d551]:nth-child(4){background:url(/img/header/city_shadow4-2.png) no-repeat;background-size:100% auto}header .main nav .navShadow .shadowBox .navSlider1 .shadow1[data-v-e9c9d551]:nth-child(1),header .main nav .navShadow .shadowBox .navSlider2 .shadow1[data-v-e9c9d551]:nth-child(1){background:url(/img/header/city_shadow1.png) no-repeat;background-size:100% auto}header .main nav .navShadow .shadowBox .navSlider1 .shadow1[data-v-e9c9d551]:nth-child(2),header .main nav .navShadow .shadowBox .navSlider2 .shadow1[data-v-e9c9d551]:nth-child(2){background:url(/img/header/city_shadow2.png) no-repeat;background-size:100% auto}header .main nav .navShadow .shadowBox .navSlider1 .shadow1[data-v-e9c9d551]:nth-child(3),header .main nav .navShadow .shadowBox .navSlider2 .shadow1[data-v-e9c9d551]:nth-child(3){background:url(/img/header/city_shadow3.png) no-repeat;background-size:100% auto}header .main nav .navShadow .shadowBox .navSlider1 .shadow1[data-v-e9c9d551]:nth-child(4),header .main nav .navShadow .shadowBox .navSlider2 .shadow1[data-v-e9c9d551]:nth-child(4){background:url(/img/header/city_shadow4.png) no-repeat;background-size:100% auto}header .main nav .navShadow .shadowBox .navSlider1[data-v-e9c9d551]{left:.1rem;top:.1rem}header .main .deco[data-v-e9c9d551]{position:absolute;right:3rem;width:16rem;z-index:7;height:inherit;background:url(/img/header/header.png);background-size:140%;background-position:right top}header .main .bgMusic[data-v-e9c9d551]{width:3rem;margin-left:5.6rem;height:3rem;z-index:8;background:url(/img/header/bgMusicSwitch.png);background-size:cover;background-position-x:3rem}header .main .bgMusic[data-v-e9c9d551]:hover{cursor:pointer}header .main .playing[data-v-e9c9d551]{background-position-x:-6rem}footer[data-v-1eb6e407]{z-index:7;width:100%;min-width:1200px;height:4.8rem;background:#1d1d1d;display:flex;align-items:center;justify-content:center}footer .footerContent[data-v-1eb6e407]{background:url(/img/footer/indexFoot.png);background-size:60rem;background-position:center 4.6rem;height:4rem;width:inherit;display:flex;justify-content:space-between;align-items:center}footer .footerContent .footerL[data-v-1eb6e407]{height:inherit;width:22rem;display:flex;justify-content:space-between;padding-left:1rem;align-items:center;background:#1d1d1d}footer .footerContent .footerL div[data-v-1eb6e407]{width:2.7rem;height:2.7rem;background:url(/img/footer/otherPlatform.png);background-size:23rem}footer .footerContent .footerL div[data-v-1eb6e407]:hover{background-position-y:2.65rem}footer .footerContent .footerL div[data-v-1eb6e407]:nth-child(1){background-position-x:0}footer .footerContent .footerL div[data-v-1eb6e407]:nth-child(2){background-position-x:-3.3rem}footer .footerContent .footerL div[data-v-1eb6e407]:nth-child(3){background-position-x:-6.8rem}footer .footerContent .footerL div[data-v-1eb6e407]:nth-child(4){background-position-x:-10.1rem}footer .footerContent .footerL div[data-v-1eb6e407]:nth-child(5){background-position-x:-13.5rem}footer .footerContent .footerL div[data-v-1eb6e407]:nth-child(6){background-position-x:-16.9rem}footer .footerContent .footerL div[data-v-1eb6e407]:nth-child(7){background-position-x:-20.3rem}footer .footerContent .footerR[data-v-1eb6e407]{background:#1d1d1d;padding-right:2rem;height:4rem;display:flex;align-items:center}footer .footerContent .footerR img[data-v-1eb6e407]{height:3.16rem}@keyframes scale-cd9a8150{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.home[data-v-cd9a8150]{overflow:hidden;display:flex;flex-direction:column;min-width:1200px;background:#1d1d1d;position:relative;width:100vw;transition:opacity .4s ease-in-out}.home .subject[data-v-cd9a8150]{position:relative;height:calc(100vh - 9.6rem);z-index:7;display:flex;justify-content:center;align-items:center}.home .subject video[data-v-cd9a8150]{position:absolute;top:30%;left:50%;transform:translate(-50%,-30%);width:100%;min-width:1000px;height:auto;z-index:2}.home .subject .character[data-v-cd9a8150]{position:absolute;bottom:.8rem;right:.8rem}.home .subject .character img[data-v-cd9a8150]{height:3.6rem}.home .subject .net[data-v-cd9a8150]{position:absolute;left:1rem;bottom:.8rem;height:3.8rem;z-index:2}.home .subject .net img[data-v-cd9a8150]{height:inherit}.home .subject .tapBooking[data-v-cd9a8150]{position:absolute;right:0rem;top:36%;width:6.72rem;height:12rem;z-index:8;background:url(/img/home/tapAside.png);background-size:cover;background-position:right}.home .subject .tapBooking[data-v-cd9a8150]:hover{background-position:left}.home .subject .homeMain[data-v-cd9a8150]{position:absolute;bottom:8vh;z-index:4}.home .subject .homeMain img[data-v-cd9a8150]{margin:0 auto;display:block;height:1.2rem}.home .subject .homeMain .homeBtn[data-v-cd9a8150]{display:flex;width:33rem;position:relative;margin-top:.5rem;justify-content:space-between}.home .subject .homeMain .homeBtn .homeBtnL[data-v-cd9a8150]{background:url(/img/home/image.png);background-position:top}.home .subject .homeMain .homeBtn .homeBtnL[data-v-cd9a8150]:hover{background-position-y:-4.62rem}.home .subject .homeMain .homeBtn .homeBtnR[data-v-cd9a8150]{background:url(/img/home/indexYyBtn2.png);background-position-y:-1rem;position:relative}.home .subject .homeMain .homeBtn .tv[data-v-cd9a8150]{position:absolute;top:-7rem;right:0;z-index:8;height:4.6rem;width:6.6rem;background:url(/img/home/pvBtn.png);background-position:top;background-size:cover;display:flex;justify-content:center;align-items:center}.home .subject .homeMain .homeBtn .tv .tvPlay[data-v-cd9a8150]{width:2rem;height:2rem;background:url(/img/home/pvPlayer.png);background-position:top;background-size:cover;animation:scale-cd9a8150 2s ease infinite}.home .subject .homeMain .homeBtn .homeBtnR[data-v-cd9a8150]:hover{background-position-y:-6.84rem}.home .subject .homeMain .homeBtn .homeBtnL[data-v-cd9a8150],.home .subject .homeMain .homeBtn .homeBtnR[data-v-cd9a8150]{width:16rem;height:4.6rem;background-size:cover}.character[data-v-a42efb37]{position:relative;width:100vw;overflow:hidden;min-width:1200px;height:calc(100vh - 4.8rem);transition:opacity .4s ease-in-out}.character video[data-v-a42efb37]{position:absolute;z-index:0;width:100%;min-width:1200px;transition:opacity .4s ease-in-out;top:60%;left:0;transform:translateY(-60%);min-height:700px;opacity:0}.character .characterTitle[data-v-a42efb37]{width:22rem;height:6rem;background:url(/img/character/role_character.png) no-repeat;background-position:left;background-size:contain;position:absolute;top:50%;margin-top:-15rem;left:11rem;text-align:right;transition:opacticy .4s ease-in-out;opacity:0}.character .characterTitle span[data-v-a42efb37]{background:url(/img/character/role_character_sign1.png) no-repeat;top:8rem;left:26rem;width:3.4rem;height:3.4rem;display:inline-block;background-size:100%;background-position:center;margin-right:6rem;margin-top:-.4rem}.character .characterInfo[data-v-a42efb37]{position:absolute;top:58%;margin-top:-10rem;width:43rem}.character .characterInfo .characterName[data-v-a42efb37]{margin-left:11rem;height:9rem;transition:opacticy .4s ease-in-out}.character .characterInfo .characterdetail[data-v-a42efb37]{margin:1rem 0 0 11rem;width:inherit;height:4rem;background-position:left;transition:opacticy .4s ease-in-out;background-size:auto 100%!important;z-index:2}.character .characterInfo .characterdetail .characterSelf[data-v-a42efb37]{margin-left:11rem;font-size:.8rem;color:#afafaf;height:3.8rem;overflow:hidden;position:absolute;bottom:4rem;left:-1.2rem;z-index:1;display:flex;flex-direction:column;padding:0 1.2rem;width:30.4rem}.character .characterInfo .characterdetail .characterSelf[data-v-a42efb37]:hover{height:7.6rem;background:#212121;padding:.8rem 1.4rem;z-index:1;border:.01rem solid rgb(75,73,73);font-size:.7rem;justify-content:center}.character .characterInfo .line[data-v-a42efb37]{width:100%;height:.01rem;background:#636363;margin:.6rem 0 .2rem;position:relative;z-index:1}.character .characterInfo .line .roleDesSwitch[data-v-a42efb37]{position:absolute;left:9rem;top:-.8rem;width:1.6rem;z-index:2;height:1.6rem;background:url(/img/character/roleDesSwitch.png) no-repeat;background-size:100% auto}.character .characterInfo .characterList[data-v-a42efb37]{margin:4.2rem 0 0 11rem;height:3.8rem;overflow:hidden}.character .characterInfo .characterList img[data-v-a42efb37]{height:7.6rem}.opacity[data-v-a42efb37]{opacity:1!important}.active[data-v-a42efb37]{transform:translateY(-3.8rem)}@keyframes rotate-66c15ceb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.city[data-v-66c15ceb]{position:relative;width:100vw;min-width:1200px;background:url(/img/city/page_city.jpg) no-repeat;background-size:100% auto;background-position:center;height:calc(100vh - 4.8rem);transition:opacity .4s ease-in-out}.city .tapeAnimate div[data-v-66c15ceb]{position:absolute;height:22rem;width:14rem;top:6rem}.city .tapeAnimate div[data-v-66c15ceb]:nth-child(1){left:60rem;background:url(/img/city/tapeAnimateT1.png) no-repeat;background-size:auto 100%}.city .tapeAnimate div[data-v-66c15ceb]:nth-child(2){left:62rem;background:url(/img/city/tapeAnimateT2.png) no-repeat;background-size:auto 100%}.city .tapeAnimate div[data-v-66c15ceb]:nth-child(3){left:64rem;background:url(/img/city/tapeAnimateT3.png) no-repeat;background-size:auto 100%}.city .tape[data-v-66c15ceb]{margin:1.4rem 0 0 12rem;width:50rem;height:30.2rem;position:relative;z-index:0;transition:transform .6s linear}.city .tape .tapeA[data-v-66c15ceb],.city .tape .tapeB[data-v-66c15ceb]{position:absolute;top:0;left:0;z-index:3;width:inherit;height:inherit;background:url(/img/city/tape.png) no-repeat;background-size:cover;background-position:top;transition:opacity .3s linear}.city .tape .tapeB[data-v-66c15ceb]{transform:rotateY(180deg);background-position:bottom}.city .tape .cogs[data-v-66c15ceb]{position:absolute;background:url(/img/city/tapeAxle.png);animation:rotate-66c15ceb 4s linear infinite;width:8rem;z-index:4;height:8rem;background-position:top;background-size:cover}.city .tape .cogs[data-v-66c15ceb]:nth-child(1){left:8.3rem;top:9.5rem}.city .tape .cogs[data-v-66c15ceb]:nth-child(2){right:8.3rem;top:9.5rem}.city .tapeOrnament1[data-v-66c15ceb]{position:absolute;top:4rem;left:58rem;transition:opacity .1s ease-in-out;background-position:left top!important;background-size:100% auto!important;width:19.5rem;height:4.5rem}.city .tapeOrnament2[data-v-66c15ceb]{position:absolute;top:5rem;left:66rem;transition:opacity .1s ease-in-out;background-position:left top!important;background-size:cover!important;width:20rem;height:20rem}.city .cityNum[data-v-66c15ceb]{background-size:100% auto!important;background-position:center!important;width:13.6rem;height:5rem;margin:1rem 0 0 14rem;transition:opacity .1s ease-in-out}.city .slideContent[data-v-66c15ceb]{position:absolute;left:25rem;top:9rem;display:flex;flex-direction:column;align-items:center}.city .slideContent .citySlide[data-v-66c15ceb]{display:flex;align-items:center}.city .slideContent .citySlide .prev[data-v-66c15ceb]{background:url(/img/city/citySlidePrev.png) no-repeat;background-position:left top}.city .slideContent .citySlide .next[data-v-66c15ceb]{background:url(/img/city/citySlideNext.png) no-repeat;background-position:left top}.city .slideContent .citySlide .prev[data-v-66c15ceb],.city .slideContent .citySlide .next[data-v-66c15ceb]{background-size:200% auto;width:3.6rem;height:12.9rem;z-index:6;cursor:pointer!important}.city .slideContent .citySlide .slide[data-v-66c15ceb]{background:#585858;border:.6rem solid rgb(88,88,88);margin:0 1rem;width:50rem;overflow:hidden}.city .slideContent .citySlide .slide .slideBox[data-v-66c15ceb]{transition:transform .2s ease;display:flex}.city .slideContent .citySlide .slide .slideBox img[data-v-66c15ceb]{width:50rem;height:auto}.city .slideContent .slideText[data-v-66c15ceb]{margin-top:.4rem;width:51rem;height:4rem;background-size:auto 100%!important;background-position:left top!important;transition:opacity .1s ease-in-out}.city .slideContent .slideSignal[data-v-66c15ceb]{display:flex;margin-top:.8rem}.city .slideContent .slideSignal div[data-v-66c15ceb]{border:.1rem solid rgb(101,101,101);width:4rem;height:.4rem;margin:0 .4rem;cursor:pointer!important}.city .guide[data-v-66c15ceb]{position:absolute;right:1rem;bottom:3rem;background:url(/img/city/guide_intel.png) no-repeat;background-size:auto 100%;width:10rem;height:4rem}.city .nextPage[data-v-66c15ceb]{position:absolute;width:1rem;height:12rem;background:url(/img/city/guide_nextPage.png) no-repeat;background-size:100% auto;right:1rem;top:40%}.city .bottom[data-v-66c15ceb]{position:absolute;bottom:0rem;width:100vw;height:6rem}.city .bottom .bBox[data-v-66c15ceb]{position:relative;height:inherit}.city .bottom .bBox .b1[data-v-66c15ceb]{background:url(/img/city/wavyLline2.png);top:1rem}.city .bottom .bBox .b2[data-v-66c15ceb]{background:url(/img/city/wavyLline1.png);top:0;height:4rem!important}.city .bottom .bBox .b1[data-v-66c15ceb],.city .bottom .bBox .b2[data-v-66c15ceb]{width:200vw;height:5rem;position:absolute;background-size:auto 100%}.container[data-v-4db96bd9]{height:inherit;position:relative;display:flex}.sub[data-v-4db96bd9]{background:url(/img/character/aside_yy.png) no-repeat;background-position:right -4rem;background-size:160% auto;height:calc(100vh - 4.8rem);min-height:600px;width:16.6rem;position:absolute;top:4.8rem;left:0;margin-left:-6rem;text-align:right;z-index:10}.sub .subBtn[data-v-4db96bd9]{background:url(/img/character/aside_yyBtn.png) no-repeat;background-position:left;background-size:auto 100%;height:14rem;width:6rem;display:inline-block;margin:2.6rem 3rem 0 0}