@media screen and (min-width:2000px){body,html{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.15);max-height:1080px}}body,html{max-width:1920px;margin:0 auto;height:100%;width:100%;min-width:1250px;overflow:auto}a:active{opacity:.8}.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}.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}.header{position:fixed;top:0;width:100%;height:77px;min-width:1200px;background:url(/pre-order/images/pc/header_bg-4cf5fdb715.png) center no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;z-index:11;transition:all .5s}.header .header-box{width:1200px;height:70px;margin:0 auto;padding-top:20px}.header .header-box .icon{float:left;width:313px;height:51px;transition:all .5s}.header .header-box .icon img{display:block;width:100%;height:100%}.header .header-box .iconAni{width:0;transition:all .5s}.header .header-box .nav{height:52px}.header .header-box .nav ul{display:block;width:100%;height:52px;display:flex;justify-content:flex-end}.header .header-box .nav ul li{cursor:pointer}.header .header-box .nav .ani-btn{position:relative;display:block;height:58px;padding:0 15px;color:#503d49;line-height:58px;font-size:18px;text-align:center;transition:all .5s}.header .header-box .nav .ani-btn span{float:left;padding-left:35px;color:#fffefe;font-size:16px}.header .header-box .nav .ani-btn:after{position:absolute;top:6px;left:10px;width:35px;height:35px;background:url(/pre-order/images/pc/snail_ke-41557eb9e1.png) 12px 9px no-repeat;-ms-background-size:65% 65%;background-size:65% 65%;content:''}.header .header-box .nav .on:after{background:url(/pre-order/images/pc/snail_01-d1485996fa.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.header .header-box .nav .ani-btn:hover span,.header .header-box .nav .on span{color:#fdd5a2;transition:all .25s}.header .header-box .nav-right{float:right;height:42px}.header .header-box .nav-right ul{width:360px;height:42px;display:flex;justify-content:space-between;align-items:center}.header .header-box .nav-right ul .icon-btn{width:43px;height:42px;cursor:pointer;transition:all .5s;overflow:hidden}.header .header-box .nav-right ul .icon-btn a{display:block;width:100%;height:100%}.header .header-box .nav-right ul .icon-btn .facebook{background:url(/pre-order/images/pc/friendship_link_logo/facebook-1b1e3896a5.png) no-repeat}.header .header-box .nav-right ul .icon-btn .twitter{background:url(/pre-order/images/pc/friendship_link_logo/twitter-b136785e34.png) no-repeat}.header .header-box .nav-right ul .icon-btn .youtube{background:url(/pre-order/images/pc/friendship_link_logo/Youtube-fill-a1b05f19c1.png) no-repeat}.header .header-box .nav-right ul .icon-btn .reddit{background:url(/pre-order/images/pc/friendship_link_logo/reddit-e377bd38be.png) no-repeat}.header .header-box .nav-right ul .icon-btn .instagram{background:url(/pre-order/images/pc/friendship_link_logo/instagram-fill-217530a7b4.png) no-repeat}.header .header-box .nav-right ul .icon-btn .twitch{background:url(/pre-order/images/pc/friendship_link_logo/twitch-6302b402d1.png) no-repeat}.header .header-box .nav-right ul .icon-btn .discord{background:url(/pre-order/images/pc/friendship_link_logo/discord-c4a9fb1381.png) no-repeat}.header .header-box .show{display:block}.header:after{position:absolute;top:0;left:0;width:100%;height:90px;content:'';background:url(/pre-order/images/pc/header_bg2-9a160e23b3.png);-ms-background-size:auto 100%;background-size:auto 100%;transition:all .25s;z-index:-1}.header-shadow:after{top:0;height:151px;transition:all .5s}.footer{position:relative;width:100%;background:#2b2b36;z-index:9}.footer .footer-content{overflow:hidden;width:887px;height:40px;padding:28px 0;margin:0 auto;color:#fff;font-size:12px;line-height:40px;display:flex;justify-content:space-between}.footer .footer-content .l-logo{width:430px;height:49px;display:flex;justify-content:space-between;margin:0 auto}.footer .footer-content .l-logo img{width:150px;height:38px;display:block}.footer .footer-content .l-logo a{display:block}.footer .footer-content .l-logo .google-btn{width:135px;height:40px;background:url(/pre-order/images/pc/google_btn_2-164215b96a.png) no-repeat}.footer .footer-content .l-logo .app-btn{width:118px;height:39px;background:url(/pre-order/images/pc/app_store_2-68c9a661dd.png) no-repeat}.footer .footer-content .r-content{width:410px;color:#e8e8ea;font-size:15px;line-height:40.5px;margin:0 auto}.footer .footer-content .r-content a{color:#e8e8ea}.index{display:block;width:100%;height:100%;opacity:0}.index .swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto}.index .swiper-slide{overflow:hidden}.index .content-01{overflow:hidden;position:relative;width:100%;height:100%}.index .content-01 .bg{position:absolute;left:50%;top:50%;width:1920px;height:1080px;margin:-540px 0 0 -960px;background:url(/pre-order/images/pc/index_bg-89686d1bfe.png) bottom center no-repeat}.index .content-01 .official-btn{position:absolute;top:70px;right:67px;width:205px;height:77px;background:url(/pre-order/images/pc/official_btn-ab298ddce3.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;cursor:pointer}.index .content-01 .official-btn a{display:block;width:100%;height:100%}.index .content-01 .banner{position:absolute;top:315px;left:50%;width:539px;height:520px;margin-left:-269.5px;z-index:9}.index .content-01 .banner .video-box{position:relative;width:157px;height:158px;margin:0 auto}.index .content-01 .banner .video-box .video-bg{width:157px;height:158px;background:url(/pre-order/images/pc/video_btn_bg-2b266a5a84.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;animation:playBtnAni 2.5s linear infinite}.index .content-01 .banner .video-box .video-btn{position:absolute;top:50%;left:50%;width:102px;height:102px;margin:-51px 0 0 -51px;background:url(/pre-order/images/pc/video_btn-77e7b31138.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.index .content-01 .banner .appointments-number{width:473px;height:139px;background:url(/pre-order/images/pc/appointment/people_count_bg-82004e0a3a.png) no-repeat;margin:80px auto 0;text-align:center;color:#ffe58a;text-shadow:2px 2px 0 #5d6163,-2px -2px 0 #5d6163,-2px 2px 0 #5d6163,2px -2px 0 #5d6163,2px 2px 0 #5d6163,-2px -2px 0 #5d6163,-2px 2px 0 #5d6163,2px -2px 2px #5d6163,2px 2px 2px #5d6163,-2px -2px 2px #5d6163,-2px 2px 2px #5d6163,2px -2px 2px #5d6163,2px 2px 2px #5d6163,-2px -2px 2px #5d6163,-2px 2px 2px #5d6163,2px -2px 2px #5d6163}.index .content-01 .banner .appointments-number span{font-size:40px;letter-spacing:2px;line-height:164px}.index .content-01 .banner .btn-box{display:block;width:539px;height:100px;display:flex;justify-content:space-between;align-items:center;margin:23px auto 25px}.index .content-01 .banner .btn-box a{float:left;display:block;width:248px;height:100px}.index .content-01 .banner .btn-box .ios-btn{background:url(/pre-order/images/pc/app_store-6d69d4da1a.png) no-repeat}.index .content-01 .banner .btn-box .google-btn{background:url(/pre-order/images/pc/google_btn-0cc31d9590.png) no-repeat}.index .content-02{position:relative;width:100%;background:url(/pre-order/images/pc/content_bg_02_02-3f02900167.png) top no-repeat}.index .content-02 .separate{overflow:hidden;position:absolute;top:-3px;width:100%;height:169px;background:url(/pre-order/images/pc/pipeline_02_03-b77899dd24.png) 0 -25px no-repeat;z-index:13}.index .content-02 .separate span{position:absolute;display:block;width:1920px;height:135px;margin-top:1px;background:url(/pre-order/images/pc/pipeline_03-62f193a0e5.png) center no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;z-index:3}.index .content-02 .separate b{position:absolute;top:63px;left:50%;width:68px;height:44px;z-index:2}.index .content-02 .separate .mouse-01{margin-left:960px;animation:mouse 10s ease-in-out infinite}.index .content-02 .separate .mouse-01 i{display:block;width:100%;height:100%;background:url(/pre-order/images/pc/combination/mouse_01-1389626267.png) no-repeat;animation:mouseAni1 .4s steps(2) infinite}.index .content-02 .separate .mouse-02{margin-left:1050px;animation:mouse 10s ease-in-out infinite}.index .content-02 .separate .mouse-02 i{display:block;width:100%;height:100%;background:url(/pre-order/images/pc/combination/mouse_02-17baf7a6e3.png) no-repeat;animation:mouseAni1 .4s steps(2) infinite}.index .content-02 .title-02{position:absolute;top:-30px;left:50%;width:388px;height:324px;margin-left:-194px;background:url(/pre-order/images/pc/milestone/title-aaeb205131.png) no-repeat;z-index:12;transform:scale(.85)}.index .content-02 .main{position:absolute;top:50%;left:50%;width:1347px;height:724px;margin-left:-673.5px;margin-top:-320px;z-index:11;transform:scale(.85)}.index .content-02 .main .map-box{width:1389px;height:724px;background:url(/pre-order/images/pc/milestone/map_bg-38e2f237dc.png) no-repeat}.index .content-02 .main .map-box .move-snail{position:absolute;top:333px;left:163px;width:86px;height:100px;background:url(/pre-order/images/pc/milestone/move_snail-08788b9a61.png) no-repeat;z-index:2;animation:snailAni 2s ease-in-out infinite}.index .content-02 .main .map-box .award-01{position:absolute;top:357px;left:312px;width:155px;height:192px;background:url(/pre-order/images/pc/milestone/award_01_01-e57df07d9c.png) no-repeat}.index .content-02 .main .map-box .award-02{position:absolute;top:190px;left:486px;width:186px;height:183px;background:url(/pre-order/images/pc/milestone/award_02_01-8edebb5366.png) no-repeat}.index .content-02 .main .map-box .award-03{position:absolute;top:418px;left:635px;width:224px;height:227px;background:url(/pre-order/images/pc/milestone/award_03_01-65a5b7e24d.png) no-repeat}.index .content-02 .main .map-box .award-04{position:absolute;top:91px;left:707px;width:176px;height:258px;background:url(/pre-order/images/pc/milestone/award_04_01-277900b0c1.png) no-repeat}.index .content-02 .main .map-box .award-05{position:absolute;top:71px;left:990px;width:206px;height:264px;background:url(/pre-order/images/pc/milestone/award_05_01-b91cadefa6.png) no-repeat}.index .content-02 .main .map-box .award-06{position:absolute;top:410px;left:1039px;width:220px;height:277px;background:url(/pre-order/images/pc/milestone/award_06_01-2541ca94a0.png) no-repeat}.index .content-02 .main .got-01 .award-01{position:absolute;top:357px;left:312px;width:167px;height:192px;background:url(/pre-order/images/pc/milestone/award_01_02-f172eec3c6.png) no-repeat}.index .content-02 .main .got-02 .award-01{position:absolute;top:357px;left:312px;width:167px;height:192px;background:url(/pre-order/images/pc/milestone/award_01_02-f172eec3c6.png) no-repeat}.index .content-02 .main .got-02 .award-02{position:absolute;top:190px;left:486px;width:186px;height:187px;background:url(/pre-order/images/pc/milestone/award_02_02-f8f81cf444.png) no-repeat}.index .content-02 .main .got-03 .award-01{position:absolute;top:357px;left:312px;width:167px;height:192px;background:url(/pre-order/images/pc/milestone/award_01_02-f172eec3c6.png) no-repeat}.index .content-02 .main .got-03 .award-02{position:absolute;top:190px;left:486px;width:186px;height:187px;background:url(/pre-order/images/pc/milestone/award_02_02-f8f81cf444.png) no-repeat}.index .content-02 .main .got-03 .award-03{position:absolute;top:414px;left:637px;width:224px;height:227px;background:url(/pre-order/images/pc/milestone/award_03_02-3a5607e2f5.png) no-repeat}.index .content-02 .main .got-04 .award-01{position:absolute;top:357px;left:312px;width:167px;height:192px;background:url(/pre-order/images/pc/milestone/award_01_02-f172eec3c6.png) no-repeat}.index .content-02 .main .got-04 .award-02{position:absolute;top:190px;left:486px;width:186px;height:187px;background:url(/pre-order/images/pc/milestone/award_02_02-f8f81cf444.png) no-repeat}.index .content-02 .main .got-04 .award-03{position:absolute;top:414px;left:637px;width:224px;height:227px;background:url(/pre-order/images/pc/milestone/award_03_02-3a5607e2f5.png) no-repeat}.index .content-02 .main .got-04 .award-04{position:absolute;top:87px;left:686px;width:216px;height:258px;background:url(/pre-order/images/pc/milestone/award_04_02-164692bed3.png) no-repeat}.index .content-02 .main .got-05 .award-01{position:absolute;top:357px;left:312px;width:167px;height:192px;background:url(/pre-order/images/pc/milestone/award_01_02-f172eec3c6.png) no-repeat}.index .content-02 .main .got-05 .award-02{position:absolute;top:190px;left:486px;width:186px;height:187px;background:url(/pre-order/images/pc/milestone/award_02_02-f8f81cf444.png) no-repeat}.index .content-02 .main .got-05 .award-03{position:absolute;top:414px;left:637px;width:224px;height:227px;background:url(/pre-order/images/pc/milestone/award_03_02-3a5607e2f5.png) no-repeat}.index .content-02 .main .got-05 .award-04{position:absolute;top:87px;left:686px;width:216px;height:258px;background:url(/pre-order/images/pc/milestone/award_04_02-164692bed3.png) no-repeat}.index .content-02 .main .got-05 .award-05{position:absolute;top:28px;left:912px;width:380px;height:380px;background:url(/pre-order/images/pc/milestone/award_05_02-91f48c41aa.png) no-repeat}.index .content-02 .main .got-06 .award-01{position:absolute;top:357px;left:312px;width:167px;height:192px;background:url(/pre-order/images/pc/milestone/award_01_02-f172eec3c6.png) no-repeat}.index .content-02 .main .got-06 .award-02{position:absolute;top:190px;left:486px;width:186px;height:187px;background:url(/pre-order/images/pc/milestone/award_02_02-f8f81cf444.png) no-repeat}.index .content-02 .main .got-06 .award-03{position:absolute;top:414px;left:637px;width:224px;height:227px;background:url(/pre-order/images/pc/milestone/award_03_02-3a5607e2f5.png) no-repeat}.index .content-02 .main .got-06 .award-04{position:absolute;top:87px;left:686px;width:216px;height:258px;background:url(/pre-order/images/pc/milestone/award_04_02-164692bed3.png) no-repeat}.index .content-02 .main .got-06 .award-05{position:absolute;top:28px;left:912px;width:380px;height:380px;background:url(/pre-order/images/pc/milestone/award_05_02-91f48c41aa.png) no-repeat}.index .content-02 .main .got-06 .award-06{position:absolute;top:359px;left:951px;width:384px;height:382px;background:url(/pre-order/images/pc/milestone/award_06_02-04b6f1541d.png) no-repeat}.index .content-02 .enclosure{position:absolute;bottom:-42px;left:50%;width:1920px;height:161px;margin-left:-960px;z-index:12}.index .content-02 .enclosure .ghost{position:absolute;bottom:319px;left:50%;width:159px;height:173px;margin-left:-748px;z-index:9;background:url(/pre-order/images/pc/milestone/ghost-a07cbf375e.png) no-repeat;animation:ghostAni 1.5s ease-in-out infinite}.index .content-02 .enclosure span{position:absolute;top:0;left:0;display:block;width:1920px;height:161px;background:url(/pre-order/images/pc/seabed_img_02-dbd7b18288.png) no-repeat;z-index:2}.index .content-02 .enclosure .treasure-01{position:absolute;bottom:82px;width:292px;height:212px;left:50%;margin-left:-873px;background:url(/pre-order/images/pc/milestone/treasure-a78d547552.png) no-repeat;z-index:1}.index .content-02 .treasure-02{position:absolute;bottom:23px;width:376px;height:348px;left:50%;margin-left:437px;background:url(/pre-order/images/pc/milestone/dgl_snail-fb5b09daa7.png) no-repeat;z-index:11}.index .content-03{position:relative;width:100%}.index .content-03 .separate{overflow:hidden;position:absolute;top:-3px;width:100%;height:169px;background:url(/pre-order/images/pc/pipeline_02_03-b77899dd24.png) 0 -25px no-repeat;z-index:13}.index .content-03 .separate span{position:absolute;display:block;width:1920px;height:186px;margin-top:-52px;background:url(/pre-order/images/pc/pipeline_06-eb2457b0c8.png) center no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;z-index:3}.index .content-03 .separate b{position:absolute;top:63px;left:50%;width:68px;height:44px;z-index:2}.index .content-03 .separate .mouse-01{margin-left:960px;animation:mouse 10s ease-in-out infinite}.index .content-03 .separate .mouse-01 i{display:block;width:100%;height:100%;background:url(/pre-order/images/pc/combination/mouse_01-1389626267.png) no-repeat;animation:mouseAni1 .4s steps(2) infinite}.index .content-03 .separate .mouse-02{margin-left:1050px;animation:mouse 10s ease-in-out infinite}.index .content-03 .separate .mouse-02 i{display:block;width:100%;height:100%;background:url(/pre-order/images/pc/combination/mouse_02-17baf7a6e3.png) no-repeat;animation:mouseAni1 .4s steps(2) infinite}.index .content-03 .bg{position:absolute;bottom:0;left:50%;width:1920px;height:100%;margin-left:-960px;background:#5a5a66 url(/pre-order/images/pc/content_bg_04_03-1426b8caad.png) 50% no-repeat;z-index:10}.index .content-03 .foreground{position:absolute;bottom:-51px;left:50%;width:1920px;height:485px;margin-left:-960px;background:url(/pre-order/images/pc/foreground-a741604bf2.png) 50% no-repeat;z-index:11}.index .content-03 .main{position:absolute;top:50%;left:50%;width:1495px;height:778px;margin:-328px 0 0 -750px;display:flex;justify-content:space-between;z-index:11}.index .content-03 .main .marquee-box{width:750px;height:751px}.index .content-03 .main .marquee-box .marquee-base{position:absolute;bottom:-34px;left:-48px;width:739px;height:617px;background:url(/pre-order/images/pc/marquee_base_2-d58285f5b1.png) center no-repeat;z-index:2}.index .content-03 .main .marquee-box .swiper-box{position:absolute;top:8%;left:0;width:645px;height:498px;z-index:10}.index .content-03 .main .marquee-box .swiper-box .swiper-container-worldview{position:absolute;width:100%;height:498px}.index .content-03 .main .marquee-box .swiper-box .swiper-container-worldview .swiper-slide{position:relative;width:286px;height:498px;opacity:0}.index .content-03 .main .marquee-box .swiper-box .swiper-container-worldview .swiper-slide img{display:block;width:286px;height:498px;-o-object-fit:cover;object-fit:cover}.index .content-03 .main .marquee-box .swiper-box .swiper-container-worldview .swiper-slide-active,.index .content-03 .main .marquee-box .swiper-box .swiper-container-worldview .swiper-slide-next,.index .content-03 .main .marquee-box .swiper-box .swiper-container-worldview .swiper-slide-prev{opacity:1}.index .content-03 .main .marquee-box .swiper-box .swiper-container-worldview .swiper-slide-active{overflow:initial!important}.index .content-03 .main .marquee-box .swiper-box .swiper-container-worldview .swiper-button-prev{position:absolute;top:46.5%;left:-5%;width:35px;height:46px;background:url(/pre-order/images/pc/left_arrow_3-4596cedcfe.png) no-repeat}.index .content-03 .main .marquee-box .swiper-box .swiper-container-worldview .swiper-button-next{position:absolute;top:46.5%;right:-5%;width:35px;height:46px;background:url(/pre-order/images/pc/right_arrow_3-18f870e340.png) no-repeat}.index .content-03 .main .txtMarquee-right{float:right;overflow:hidden;top:50%;left:50%;width:800px;height:48vh;margin-top:13vh;margin-right:80px}.index .content-03 .main li{color:#fff;font-size:22px;line-height:50px;text-align:center;text-shadow:1px 1px 0 #454760,-1px -1px 0 #454760,-1px 1px 0 #454760,1px -1px 0 #454760,1px 1px 0 #454760,-1px -1px 0 #454760,-1px 1px 0 #454760,1px -1px 1px #454760,1px 1px 1px #454760,-1px -1px 1px #454760,-1px 1px 1px #454760,1px -1px 1px #454760,1px 1px 1px #454760,-1px -1px 1px #454760,-1px 1px 1px #454760,1px -1px 1px #454760}.index .content-04{position:relative;width:100%;background:url(/pre-order/images/pc/content_bg_03_02-47b614cba8.png) center no-repeat}.index .content-04 .main{position:absolute;top:50%;left:50%;margin:-286px 0 0 -449.5px;width:917px;height:657px}.index .content-04 .main .detail-btn{position:absolute;top:-17%;right:6%;width:140px;height:148px;background:url(/pre-order/images/pc/detail_btn-a3990babba.png) no-repeat;z-index:9;transform-origin:50% 0;animation:shakeAni 4s infinite linear;-webkit-animation:shakeAni 4s infinite linear;cursor:pointer}.index .content-04 .main .desk{position:absolute;bottom:-170px;left:50%;width:1045px;height:751px;margin-left:-522.5px;background:url(/pre-order/images/pc/desk-1e0bb9b30b.png) no-repeat}.index .content-04 .main .guide{position:absolute;top:23%;left:55%;width:170px;height:170px;transition:all .25s}.index .content-04 .main .guide .circle{position:absolute;width:170px;height:170px;background:url(/pre-order/images/pc/shine_circle-afacef1b40.png) no-repeat;z-index:2;background-size:contain;animation:circleAni 1.3s linear infinite;transition:all .25s;visibility:visible}.index .content-04 .main .guide .hand_drag{position:absolute;top:46%;left:47%;width:142px;height:114px;background:url(/pre-order/images/pc/hand_drag-9916fb549a.png) no-repeat;z-index:2;animation:handAni 1.3s ease-in-out infinite}.index .content-04 .main .machine{position:absolute;top:-6px;left:30.5%;width:535px;height:570px;background:url(/pre-order/images/pc/machine_work_2-951bfb73de.png) no-repeat;z-index:2;cursor:pointer}.index .content-04 .main .machine-ani{animation:machineAni 4s steps(104) infinite;animation-iteration-count:1}.index .content-04 .main .skew-ani{animation:skewAni 1s ease-in-out infinite}.index .content-04 .main .shadow{position:absolute;top:-6.5%;left:24.4%;width:646px;height:605px;background:url(/pre-order/images/pc/machine_shine-08738f78e1.png) no-repeat;animation:shineAni 1.5s ease-in-out infinite;display:none;transition:all 1s linear}.index .content-04 .main .machine:hover~.guide{display:none}.index .content-04 .main .machine:hover~.shadow{display:block;transition:all 1s linear}.index .content-04 .main .drawer{display:none;position:absolute;top:38.9%;left:30.2%;width:275px;height:275px;background:url(/pre-order/images/pc/drawer_3-a407c80ed5.png) no-repeat;animation:drawerAni 1.5s steps(235);animation-fill-mode:forwards;z-index:9}.index .content-04 .main .show{display:block}.index .content-04 .main .part-box{display:none}.index .content-04 .main .part-box .facebook-btn{position:absolute;bottom:19%;left:14.5%;width:160px;height:160px;background:url(/pre-order/images/pc/part_01-1760c7d685.png) no-repeat;z-index:9;cursor:pointer}.index .content-04 .main .part-box .youtube-btn{position:absolute;bottom:-1%;left:14%;width:160px;height:160px;background:url(/pre-order/images/pc/part_02-47a38f4787.png) no-repeat;z-index:9;cursor:pointer}.index .content-04 .main .part-box .twitter-btn{position:absolute;bottom:15%;right:3%;width:160px;height:160px;background:url(/pre-order/images/pc/part_03-493a07a3a0.png) no-repeat;z-index:9;cursor:pointer}.index .content-04 .main .tips{position:absolute;top:-16%;left:9.5%;width:363px;height:120px;background:url(/pre-order/images/pc/tips_come_pop-41a5656c43.png) no-repeat;z-index:9}.index .content-04 .main .fix{position:absolute;top:-14%;left:9.5%;width:338px;height:120px;background:url(/pre-order/images/pc/tips_fix_pop-0fb1de61d7.png) no-repeat;z-index:9}.index .content-04 .main .receive{top:-14.5%;left:18%;width:304px;height:223px;background:url(/pre-order/images/pc/tips_receive_pop-3d3cad871e.png) no-repeat}.index .content-04 .main .bag{position:absolute;bottom:2%;right:17.5%;width:186px;height:149px;background:url(/pre-order/images/pc/bag-33a8877a82.png) no-repeat;z-index:9}.index .content-04 .main .bag .bag-tips{position:absolute;top:-40px;right:6px;width:91px;height:93px;background:url(/pre-order/images/pc/tips-2f5f45c1ba.png) no-repeat;cursor:pointer;animation:breatheAni 1.5s ease-in-out infinite}.index .content-04 .main .smoke{position:absolute;top:-8%;left:28.5%;width:571px;height:612px;background:url(/pre-order/images/pc/smoke-6f6ba54f2a.png) no-repeat;animation:smokeAni 1s steps(8) infinite;display:none;z-index:4}.index .content-04 .main .shake-ani{animation:shake 1.5s ease-in-out infinite;animation-delay:.3s}.index .content-04 .main .disable-hover{pointer-events:none}.index .content-05{height:95px}.index .rocket{display:none;overflow:hidden;position:absolute;bottom:10px;right:22px;width:110px;height:182px;z-index:10;animation:rocket 4s linear infinite}.index .rocket .return-btn{display:block;width:200px;height:200px;margin-left:-40px}.index .rocket .return-btn:after{display:block;width:100%;height:100%;background:url(/pre-order/images/pc/combination/rocket-82a208772f.png) no-repeat;animation:rocketAni 1s steps(8) infinite;content:''}.index .rocket-ani{bottom:100vh;transition:all 1s}.index .popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url(/pre-order/images/pc/mengban_2-5e8016303f.png);-ms-background-size:100% 100%;background-size:100% 100%;z-index:12}.index .popup .popup-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.index .popup .popup-bg .close-btn{position:absolute;top:50%;left:50%;width:96px;height:94px;margin:-280px 0 0 410px;cursor:pointer}.index .popup .popup-bg .close-btn:after{position:absolute;top:25px;left:27px;width:42px;height:42px;background:url(/pre-order/images/pc/float_code-f214da6407.png) -459px -423px no-repeat;content:'';-webkit-transform:rotate(0);transition:all .5s}.index .popup .popup-bg .close-btn:hover:after{-webkit-transform:rotate(90deg);transition:all .5s}.index .popup .popup-img{display:none;position:absolute;top:50%;left:50%;width:521px;height:641px;margin:-360px 0 0 -260px;background:url(/pre-order/images/pc/popup_img-4c00edabf3.png) no-repeat;z-index:2}.index .popup .popup-img .popup-box{overflow:auto;position:absolute;top:10px;left:10px;width:502px;height:625px;border-radius:5px;z-index:9}.index .popup .popup-img .popup-box img{display:block;width:100%;height:auto}.index .popup .popup-img .popup-bg .close-btn{margin-top:340px}.index-show{opacity:1;transition:all .5s}.appointment-wrap{display:none}.appointment-wrap .popup-appointment{position:absolute;top:50%;left:50%;width:579px;height:732px;margin:-366px 0 0 -289.6px;background:url(/pre-order/images/pc/appointment/appointment_pop-cfcba775bb.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.appointment-wrap .popup-appointment .close-btn{position:absolute;top:50%;left:50%;width:70px;height:70px;margin:-192px 0 0 280px;cursor:pointer}.appointment-wrap .popup-appointment .close-btn:after{position:absolute;top:-40px;left:25px;width:46px;height:46px;background:url(/pre-order/images/pc/close_bg_02-af1232dbcb.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;content:'';-webkit-transform:rotate(0);transition:all .5s}.appointment-wrap .popup-appointment .close-btn:hover:after{-webkit-transform:rotate(90deg);transition:all .5s}.appointment-wrap .popup-appointment .form{width:495px;margin:0 auto;padding:300px 0 16px;color:#565656}.appointment-wrap .popup-appointment .form .box-type{position:relative;width:234px;height:50px;color:#565656;font-size:20px;line-height:34px;margin:20px auto 0}.appointment-wrap .popup-appointment .form .box-type b{position:absolute;display:block;width:85px;padding-left:22px;font-weight:400}.appointment-wrap .popup-appointment .form .box-type .ios{top:0;left:6%}.appointment-wrap .popup-appointment .form .box-type .and{top:0;left:60%}.appointment-wrap .popup-appointment .form .box-type b:after{position:absolute;top:3px;left:-17px;width:27px;height:27px;background:url(/pre-order/images/pc/appointment/dot-1-ac53333a20.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;content:'';cursor:pointer}.appointment-wrap .popup-appointment .form .box-type .select:after{background:url(/pre-order/images/pc/appointment/dot-2-48bd1ecd2f.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;cursor:pointer}.appointment-wrap .popup-appointment .form div{width:480px;margin:0 auto}.appointment-wrap .popup-appointment .form div label{position:relative;display:block;height:54px;margin:0 auto 25px;background:0 0}.appointment-wrap .popup-appointment .form div label input{position:absolute;display:block;width:480px;height:70px;margin:0 auto;padding:0;border:3px solid #c3ac8c;border-radius:4px;background:#f8efe2;font-size:20px;text-indent:30px;color:#986c5d;box-sizing:border-box}.appointment-wrap .popup-appointment .form div label .code-inp{width:280px}.appointment-wrap .popup-appointment .form div label input::-webkit-input-placeholder{color:#bbac97}.appointment-wrap .popup-appointment .form div label input::-moz-placeholder{color:#bbac97}.appointment-wrap .popup-appointment .form div label input:-moz-placeholder{color:#bbac97}.appointment-wrap .popup-appointment .form div label input:-ms-input-placeholder{color:#bbac97}.appointment-wrap .popup-appointment .form div .code-box{float:left}.appointment-wrap .popup-appointment .form div .get-code-btn{width:192px;height:70px;cursor:pointer;float:right}.appointment-wrap .popup-appointment .form div .get-code-btn .btn-box{width:192px;height:70px;background:url(/pre-order/images/pc/appointment/get_verification_btn-b59e9ac520.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.appointment-wrap .popup-appointment .form div .get-code-btn p{font-size:30px;line-height:70px;color:#986c5d;font-weight:500;text-align:center}.appointment-wrap .popup-appointment .form div:nth-child(3){height:85px}.appointment-wrap .popup-appointment .form .agreement{padding:4px 0 0;animation:fadeInLeft 1s}.appointment-wrap .popup-appointment .form .agreement a{display:block;text-align:center;color:#e24660;font-size:35px}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}100%{opacity:1;transform:translateZ(0)}}.appointment-wrap .popup-appointment .form .agreement-selection{position:relative;width:485px}.appointment-wrap .popup-appointment .form .agreement-selection p{padding-left:32px;display:block;color:#626269;font-size:17px;line-height:27px}.appointment-wrap .popup-appointment .form .agreement-selection:after{position:absolute;top:2px;left:0;width:21.6px;height:21.6px;background:url(/pre-order/images/pc/appointment/dot-1-ac53333a20.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;content:'';cursor:pointer}.appointment-wrap .popup-appointment .form .agreement-selection.select:after{background:url(/pre-order/images/pc/appointment/dot-2-48bd1ecd2f.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.appointment-wrap .popup-appointment .email-appointment-btn{width:308px;height:90.8px;margin:0 auto}.appointment-wrap .popup-appointment .email-appointment-btn a{display:block;width:100%;height:90.8px;background:url(/pre-order/images/pc/appointment/register_btn_2-38f5a7fcad.png) 0 0 no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.success-wrap{display:none}.success-wrap .success-box{position:absolute;top:50%;left:50%;width:578.8px;height:692px;margin:-346px 0 0 -289.6px;background:url(/pre-order/images/pc/appointment/success_pop-023346e9cd.png) 0 0 no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.success-wrap .success-box .success-info{position:absolute;top:50%;left:50%;width:480px;height:260px;margin-left:-240px;margin-top:-80px;display:flex;align-items:center;justify-content:center}.success-wrap .success-box .success-info p{color:#b38069;font-size:28px;text-align:center}.success-wrap .success-box .link-box{position:absolute;bottom:40px;left:50%;width:480px;height:90px;margin-left:-240px;display:flex;justify-content:space-between}.success-wrap .success-box .link-box a{display:block;width:214px;height:90px}.success-wrap .close-btn{position:absolute;top:50%;left:50%;width:70px;height:70px;margin:-220px 0 0 290px;cursor:pointer}.success-wrap .close-btn:after{position:absolute;top:-12px;left:15px;width:46px;height:46px;background:url(/pre-order/images/pc/close_bg_02-af1232dbcb.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;content:'';-webkit-transform:rotate(0);transition:all .5s}.success-wrap .close-btn:hover:after{-webkit-transform:rotate(90deg);transition:all .5s}.fail-wrap{display:none}.fail-wrap .fail-box{position:absolute;top:50%;left:50%;width:578.8px;height:692px;margin:-346px 0 0 -289.6px;background:url(/pre-order/images/pc/appointment/fail_pop-f4b9d884b1.png) 0 0 no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.fail-wrap .fail-box .popup_content{padding-top:440px;width:92%;height:94px;margin:0 auto;display:flex;align-items:center;justify-content:center}.fail-wrap .fail-box .popup_content p{display:block;margin:0 auto;color:#b38069;font-size:29px;line-height:35px;text-align:center}.fail-wrap .fail-box .link-box{display:block;width:47%;height:88px;margin:32px auto}.fail-wrap .fail-box .link-box .close-btn{position:static;display:block;width:100%;height:100%;margin:0}.fail-wrap .close-btn{position:absolute;top:50%;left:50%;width:70px;height:70px;margin:-220px 0 0 290px;cursor:pointer}.fail-wrap .close-btn:after{position:absolute;top:16.5%;right:-10.6%;width:46px;height:46px;background:url(/pre-order/images/pc/close_bg_02-af1232dbcb.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;content:'';-webkit-transform:rotate(0);transition:all .5s}.fail-wrap .close-btn:hover:after{-webkit-transform:rotate(90deg);transition:all .5s}.detail-pop .detail_box_pop{position:absolute;top:50%;left:50%;width:888px;height:532px;margin:-290px 0 0 -444px;background:url(/pre-order/images/pc/detail_pop_bg-0a705da9a2.png) no-repeat}.detail-pop .close-btn{position:absolute;top:50%;left:50%;width:46px;height:46px;margin:-145px 0 0 370px;cursor:pointer}.detail-pop .close-btn:after{position:absolute;top:0;right:0;width:46px;height:46px;background:url(/pre-order/images/pc/close_bg_02-af1232dbcb.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;content:'';-webkit-transform:rotate(0);transition:all .5s}.detail-pop .close-btn:hover:after{-webkit-transform:rotate(90deg);transition:all .5s}.award-pop .award_box_pop{position:absolute;top:50%;left:50%;width:598px;height:711px;margin:-355.5px 0 0 -299px}.award-pop .award_box_pop .title{width:598px;height:134px;background:url(/pre-order/images/pc/award_title-cbd412c3f8.png) no-repeat}.award-pop .award_box_pop .awards{width:491px;height:364px;background:url(/pre-order/images/pc/awards-2d9be0364a.png) no-repeat;margin:60px auto}.award-pop .award_box_pop .get-btn{width:282px;height:93px;background:url(/pre-order/images/pc/get_btn-6b24d28ac2.png) no-repeat;margin:0 auto;cursor:pointer}.tips-award-pop .tips_award_box_pop{position:absolute;top:50%;left:50%;width:714px;height:510px;margin:-300px 0 0 -357px;background:url(/pre-order/images/pc/award_pop_bg-561d843312.png) no-repeat}.tips-award-pop .close-btn{position:absolute;top:50%;left:50%;width:70px;height:70px;margin:-160px 0 0 350px;cursor:pointer}.tips-award-pop .close-btn:after{position:absolute;top:16.5%;right:0;width:46px;height:46px;background:url(/pre-order/images/pc/close_bg_02-af1232dbcb.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;content:'';-webkit-transform:rotate(0);transition:all .5s}.tips-award-pop .close-btn:hover:after{-webkit-transform:rotate(90deg);transition:all .5s}.embedded{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url(/pre-order/images/pc/mengban-cf8cde172a.png);-ms-background-size:100% 100%;background-size:100% 100%;z-index:12}.embedded .box_pop{position:absolute;top:50%;left:50%;width:1009px;height:729px;margin:-375.5px 0 0 -504.5px;background:url(/pre-order/images/pc/part_pop_bg-0f82e486df.png) no-repeat}.embedded .box_pop .community-box{overflow:auto;position:relative;top:165px;left:8px;width:994px;height:554px;border-radius:2px}.embedded .box_pop .community-box .fb-page{position:absolute;top:0;left:0;width:100%;height:100%}.embedded .box_pop .community-box div{position:absolute;top:0;left:0;width:100%;height:100%}.embedded .box_pop .community-box img{width:100%;height:auto}.embedded .box_pop .community-box::-webkit-scrollbar{width:13px}.embedded .box_pop .community-box::-webkit-scrollbar-track{background-color:#fce8d0}.embedded .box_pop .community-box::-webkit-scrollbar-thumb{border-radius:5px;border:2px solid #b5b5b5;background-color:#d0cdc8}.embedded .close-btn{position:absolute;top:50%;left:50%;width:46px;height:46px;margin:-285px 0 0 510px;cursor:pointer}.embedded .close-btn::after{content:'';position:absolute;top:25px;left:27px;width:46px;height:46px;background:url(/pre-order/images/pc/close_btn-b7ab7033a6.png) no-repeat;transform:rotate(0);transition:all .5s}.embedded .close-btn:hover::after{transform:rotate(90deg);transition:all .5s}.popup-video{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url(/pre-order/images/pc/mengban-cf8cde172a.png);-ms-background-size:100% 100%;background-size:100% 100%;z-index:100}.popup-video .popup-wrap{position:absolute;top:50%;left:50%;width:874px;height:500px;margin:-250px 0 0 -437px;background:url(/pre-order/images/pc/video_bg-cfc64944a6.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;transform:scale(1.05)}.popup-video .popup-wrap .popup-box{position:absolute;top:11px;left:11px;overflow:hidden;width:852px;height:479px}.popup-video .popup-wrap .popup-box video{display:block;width:100%;height:100%}.popup-video .popup-wrap .close-btn{position:absolute;top:-41px;right:-35px;width:42px;height:42px;margin:-21px 0 0 21px;background:url(/pre-order/images/pc/close_bg-bf72225c31.png) -54px -96px no-repeat;content:"";-webkit-transform:rotate(0);transition:all .5s;cursor:pointer}.popup-video .popup-wrap .close-btn:hover{-webkit-transform:rotate(90deg);transition:all .5s}.popup-img{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url(/pre-order/images/pc/mengban-cf8cde172a.png);-ms-background-size:100% 100%;background-size:100% 100%;z-index:100}.popup-img .popup-wrap{position:absolute;top:50%;left:50%;width:874px;height:500px;margin:-250px 0 0 -437px;background:url(/pre-order/images/pc/video_bg-cfc64944a6.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;transform:scale(1.05)}.popup-img .popup-wrap .popup-box{position:absolute;top:11px;left:11px;overflow:hidden;width:852px;height:479px}.popup-img .popup-wrap .popup-box video{display:block;width:100%;height:100%}.popup-img .popup-wrap .close-btn{position:absolute;top:-41px;right:-35px;width:42px;height:42px;margin:-21px 0 0 21px;background:url(/pre-order/images/pc/close_bg-bf72225c31.png) -54px -96px no-repeat;content:"";-webkit-transform:rotate(0);transition:all .5s;cursor:pointer}.popup-img .popup-wrap .close-btn:hover{-webkit-transform:rotate(90deg);transition:all .5s}.wiki-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url(/pre-order/images/mobile/mengban-cf8cde172a.png);-ms-background-size:100% 100%;background-size:100% 100%;z-index:12}.wiki-popup .wiki-wrap{position:absolute;top:50%;left:50%;width:601px;height:926px;margin:-450px 0 0 -300.5px;background:url(/pre-order/images/mobile/wiki_popup_bg-692a4a642a.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;z-index:2;transform:scale(.85)}.wiki-popup .wiki-wrap .goods-info{position:absolute;top:-8.4px;right:64px;width:246px;height:53px;display:flex;justify-content:space-evenly;align-items:center;padding-top:12px;box-sizing:border-box}.wiki-popup .wiki-wrap .goods-info .pj{display:none;height:33px;margin-left:8px}.wiki-popup .wiki-wrap .goods-info .SSS{width:65px;background:url(/pre-order/images/mobile/wiki/pj_sss-f1a5609a06.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .goods-info .SS{width:46px;background:url(/pre-order/images/mobile/wiki/pj_ss-36f7f9efde.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .goods-info .S{width:29px;background:url(/pre-order/images/mobile/wiki/pj_s-d9fe8e7b96.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .goods-info .AAA{width:61px;background:url(/pre-order/images/mobile/wiki/pj_aaa-4dc1047766.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .goods-info .AA{width:43px;background:url(/pre-order/images/mobile/wiki/pj_aa-22fe9ddf92.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .goods-info .A{width:27px;background:url(/pre-order/images/mobile/wiki/pj_a-a89f221992.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .goods-info p{display:block;font-size:24px;line-height:24px;text-align:center}.wiki-popup .wiki-wrap .goods-info .font-01{color:#9c6e58}.wiki-popup .wiki-wrap .goods-info .font-02{color:#678b9c}.wiki-popup .wiki-wrap .goods-info .font-03{color:#78875b}.wiki-popup .wiki-wrap .goods-info .font-04{width:132px;color:#a9819f}.wiki-popup .wiki-wrap .info-img-01{background:url(/pre-order/images/mobile/wiki/goods_pj_01-7298058e29.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .info-img-02{background:url(/pre-order/images/mobile/wiki/goods_pj_02-e615091220.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .info-img-03{background:url(/pre-order/images/mobile/wiki/goods_pj_03-438fa12136.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .info-img-04{background:url(/pre-order/images/mobile/wiki/goods_pj_04-949daec35f.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .pic-chart{display:block;width:81%;margin:72px auto 0}.wiki-popup .wiki-wrap .pic-img{float:left;width:248px;height:296px;display:flex;align-items:center;justify-content:center;margin-left:-12px}.wiki-popup .wiki-wrap .pic-img img{position:absolute;display:block;width:144px;height:144px;margin-top:-40px;animation:Beat 4s ease-in-out infinite}.wiki-popup .wiki-wrap .pic-img .shadow{position:absolute;top:184px;width:136px;height:32px;background:url(/pre-order/images/mobile/wiki_goods_shadow-259c710ab5.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;margin:72px auto 0;animation:shadowAni 4s ease-in-out infinite}.wiki-popup .wiki-wrap .pic-img .star-level{width:117px;height:29px;margin:184px auto 0}.wiki-popup .wiki-wrap .pic-img .l-1{background:url(/pre-order/images/mobile/wiki/star_01-d2950b1fff.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .pic-img .l-2{background:url(/pre-order/images/mobile/wiki/star_02-6e06e4c302.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .pic-img .l-3{background:url(/pre-order/images/mobile/wiki/star_03-82df260125.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .pic-img .l-4{background:url(/pre-order/images/mobile/wiki/star_04-ecfbf2eb7c.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .pic-img .l-5{background:url(/pre-order/images/mobile/wiki/star_05-5f0b76e5f1.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .pic-img .l-6{background:url(/pre-order/images/mobile/wiki/star_06-51f24bc12b.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap #chartmain{float:right;width:240px;height:240px;margin:-14px 8px 0 0;transform:scale(.9)}.wiki-popup .wiki-wrap .skill-btn{position:absolute;margin-top:220px;margin-left:10px;display:inline-block}.wiki-popup .wiki-wrap .skill-btn li{display:inline-block;width:68px;height:65px;margin-right:8px;position:relative;cursor:pointer}.wiki-popup .wiki-wrap .skill-btn li img{width:40px;height:40px;-o-object-fit:contain;object-fit:contain;margin:12px auto}.wiki-popup .wiki-wrap .skill-btn .s-01{background:url(/pre-order/images/mobile/wiki/skill_bg_01-b0b484c0e7.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .skill-btn .s-02{background:url(/pre-order/images/mobile/wiki/skill_bg_02-f885ff64cb.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .skill-btn .s-03{background:url(/pre-order/images/mobile/wiki/skill_bg_03-eca6db22a6.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .pic-img-01{background:url(/pre-order/images/mobile/wiki/wiki_goods_bg_01-a3e842d6ee.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .pic-img-02{background:url(/pre-order/images/mobile/wiki/wiki_goods_bg_02-10971c2a16.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .pic-img-03{background:url(/pre-order/images/mobile/wiki/wiki_goods_bg_03-576611eb7b.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .pic-img-04{background:url(/pre-order/images/mobile/wiki/wiki_goods_bg_04-c76097a6df.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .form{display:block;width:494px;height:222px;margin:16px auto 0;margin-left:48px;padding:20px 28px;box-sizing:border-box}.wiki-popup .wiki-wrap .form p{color:#db814b;font-size:24px;line-height:34px}.wiki-popup .wiki-wrap .info-wrap{position:absolute;display:block;width:540px;height:222px;margin:47.6px auto 0;padding-top:40px;box-sizing:border-box;margin-left:26px;z-index:5;background:url(/pre-order/images/mobile/goods_popup_content_bg-5a60cecbe3.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-popup .wiki-wrap .info-wrap .info-01{overflow:auto;display:block;width:448px;height:140px;margin:0 auto;padding-right:30px;margin-left:50px}.wiki-popup .wiki-wrap .info-wrap .info-02{position:relative;display:block;width:592.8px;height:114.4px;margin:0 auto;border-radius:.2rem;border:.075rem solid #a78f88;background:#f6efe5}.wiki-popup .wiki-wrap .info-wrap .info-01 .con div,.wiki-popup .wiki-wrap .info-wrap .info-02 .con div{color:#94897b;line-height:34px;font-size:24px}.wiki-popup .wiki-wrap .info-wrap .info-01 .con div p,.wiki-popup .wiki-wrap .info-wrap .info-02 .con div p{background:url(/pre-order/images/mobile/text_decoration_bg-0096f6a136.png) bottom repeat;background-size:contain;padding-left:4px}.wiki-popup .wiki-wrap .info-wrap .info-01 .con .show,.wiki-popup .wiki-wrap .info-wrap .info-02 .con .show{display:block}.wiki-popup .wiki-wrap .info-wrap .info-02 .con div{height:78.4px}.wiki-popup .wiki-wrap .info-wrap .info-box::-webkit-scrollbar{width:8px;height:1px}.wiki-popup .wiki-wrap .info-wrap .info-box::-webkit-scrollbar-thumb{border-radius:4px;border:2px solid #ccb8a6;background-color:#ccb8a6}.wiki-popup .wiki-wrap .tit{position:absolute;bottom:84px;left:0;display:none}.wiki-popup .wiki-wrap .tit li{position:absolute;width:90px;height:111px;cursor:pointer}.wiki-popup .wiki-wrap .tit li:nth-child(1){left:44px;background:url(/pre-order/images/mobile/label_06_01-3ce6059d22.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;z-index:4}.wiki-popup .wiki-wrap .tit li:nth-child(2){left:148px;background:url(/pre-order/images/mobile/label_07_01-85582917aa.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;z-index:4}.wiki-popup .wiki-wrap .tit li:hover{-webkit-transform:translateY(8px)}.wiki-popup .wiki-wrap .tit .on{-webkit-transform:translateY(8px)}.wiki-popup .wiki-wrap .tit .on:nth-child(1){background:url(/pre-order/images/mobile/label_06_02-3083e37373.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;z-index:6}.wiki-popup .wiki-wrap .tit .on:nth-child(2){background:url(/pre-order/images/mobile/label_07_02-1f742ec67a.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;z-index:6}.wiki-popup .wiki-wrap::after{content:"";position:absolute;top:32px;left:12.8px;width:141px;height:808px;background:url(/pre-order/images/mobile/wiki_goods_bg_dec-9272b2d2d4.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;z-index:9}.wiki-popup .close-btn{position:absolute;top:50%;left:50%;width:96px;height:94px;margin:-440px 0 0 290px;cursor:pointer}.wiki-popup .close-btn:after{position:absolute;top:25px;left:27px;width:42px;height:42px;background:url(/pre-order/images/pc/float_code-f214da6407.png) -459px -423px no-repeat;content:'';-webkit-transform:rotate(0);transition:all .5s}.wiki-popup .close-btn:hover:after{-webkit-transform:rotate(90deg);transition:all .5s}.map-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:url(/pre-order/images/pc/mengban-cf8cde172a.png);-ms-background-size:100% 100%;background-size:100% 100%;z-index:12}.map-popup .map-wrap{position:absolute;top:50%;left:50%;width:601px;height:926px;margin:-444px 0 0 -300.5px;background:url(/pre-order/images/pc/map_popup_bg-3585022432.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;z-index:2;transform:scale(.85)}.map-popup .map-wrap .clip{position:absolute;top:22px;left:120px;width:73px;height:85px;background:url(/pre-order/images/pc/popup_clip-4892578588.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;z-index:2}.map-popup .map-wrap .title{width:494px;height:261px;margin:68px auto 0}.map-popup .map-wrap .map-t-01{background:url(/pre-order/images/pc/map_title_koryeo-70af1ec9a7.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.map-popup .map-wrap .map-t-02{background:url(/pre-order/images/pc/map_title_yamato-aa2d3e6e0e.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.map-popup .map-wrap .map-t-03{background:url(/pre-order/images/pc/map_title_cathay-e376a9cf24.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.map-popup .map-wrap .content-box{width:507px;height:524px;margin:8px auto;overflow:auto;padding-right:3px;overflow-x:hidden;margin-left:48px}.map-popup .map-wrap .content-box .content{width:503px}.map-popup .map-wrap .content-box .map-c-01{height:991px;background:url(/pre-order/images/pc/map_content_koryeo-6d51dcc883.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.map-popup .map-wrap .content-box .map-c-02{height:944px;background:url(/pre-order/images/pc/map_content_yamato-f082b6fb4b.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.map-popup .map-wrap .content-box .map-c-03{height:991px;background:url(/pre-order/images/pc/map_content_cathay-501bd9e46f.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.map-popup .map-wrap .content-box::-webkit-scrollbar{width:5px;height:1px}.map-popup .map-wrap .content-box::-webkit-scrollbar-thumb{border-radius:4px;border:2px solid #ccb8a6;background-color:#ccb8a6}.map-popup .close-btn{position:absolute;top:50%;left:50%;width:96px;height:94px;margin:-400px 0 0 245px;cursor:pointer}.map-popup .close-btn:after{position:absolute;top:25px;left:27px;width:42px;height:42px;background:url(/pre-order/images/pc/float_code-f214da6407.png) -459px -423px no-repeat;content:'';-webkit-transform:rotate(0);transition:all .5s}.map-popup .close-btn:hover:after{-webkit-transform:rotate(90deg);transition:all .5s}.orientation-portrait{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:#fff;display:none;background:url(/pre-order/images/pc/fanzhuan_bg-ef980989a5.png) 50% no-repeat;background-size:cover;transition:all 0}.orientation-portrait div{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem;background:rgba(0,0,0,.5);transition:all 0}.orientation-portrait div img{width:681px;height:242px;margin-top:-200px}.preloading{overflow-y:hidden;position:fixed;top:0;width:100%;height:1080px;background:url(/pre-order/images/pc/index_bg-89686d1bfe.png) bottom center no-repeat;z-index:9999}.preloading .loding_time{position:absolute;top:50%;left:50%;width:588px;height:100px;margin:88px 0 0 -294px;background:url(/pre-order/images/pc/m_jdt-53c40dabf1.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.preloading .loding_time div{position:absolute;bottom:43px;left:33px;width:509px;height:24px}.preloading .loding_time span{position:absolute;position:relative;display:block;width:10%;height:24px;border-radius:50px;background:url(/pre-order/images/pc/m_dt_sz-d35ae8162e.png);-ms-background-size:auto 100%;background-size:auto 100%}.preloading .loding_time span:before{position:absolute;top:-22px;right:-1%;display:block;width:40px;height:47px;background:url(/pre-order/images/pc/m_dt_t-4dce075ef4.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;content:''}.preloading .loding_time b{position:absolute;bottom:-30px;left:0;width:100%;color:#fff;text-shadow:1px 1px 1px #7d5f5f,-1px -1px 1px #7d5f5f,1px -1px 1px #7d5f5f,-1px 1px 1px #7d5f5f;font-size:22px;text-align:center}.preloading .bg{width:100%;height:100%;background:url(/pre-order/images/pc/mengban-cf8cde172a.png)}.preloading-ani{animation-fill-mode:forwards;animation:preloadingAni .8s}.recommend-popup{position:fixed;top:0;width:100%;height:100%;background:rgba(60,56,67,.7);z-index:99;display:none}.recommend-popup .recommend-wrap{position:absolute;top:50%;left:50%;width:684px;height:764px;margin:-382px 0 0 -342px}.recommend-popup .recommend-wrap .close-btn{position:absolute;top:0;right:0;width:45px;height:45px;background:url(/pre-order/images/pc/close_bg_02-af1232dbcb.png);-ms-background-size:100% 100%;background-size:100% 100%;cursor:pointer}.recommend-popup .recommend-wrap .shake-little{animation-name:shake-little;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-delay:0s;animation-play-state:running}.recommend-popup .recommend-wrap .rec-box{position:absolute;top:0;left:0;width:auto;height:764px;-moz-user-select:none;-webkit-user-select:none;user-select:none}.recommend-popup .recommend-wrap .hide-ani{transform:translateX(800px) translateY(-500px) scale(.1);transition:all .5s}@keyframes shake-little{0%{-webkit-transform:translate(0,0) rotate(0)}2%{-webkit-transform:translate(-1px,0) rotate(-.5deg)}4%{-webkit-transform:translate(-1px,-1px) rotate(-.5deg)}6%{-webkit-transform:translate(-1px,-1px) rotate(-.5deg)}8%{-webkit-transform:translate(0,0) rotate(-.5deg)}10%{-webkit-transform:translate(0,-1px) rotate(-.5deg)}12%{-webkit-transform:translate(-1px,0) rotate(-.5deg)}14%{-webkit-transform:translate(-1px,-1px) rotate(-.5deg)}16%{-webkit-transform:translate(0,0) rotate(-.5deg)}18%{-webkit-transform:translate(-1px,-1px) rotate(-.5deg)}20%{-webkit-transform:translate(-1px,-1px) rotate(-.5deg)}22%{-webkit-transform:translate(0,-1px) rotate(-.5deg)}24%{-webkit-transform:translate(0,0) rotate(-.5deg)}26%{-webkit-transform:translate(-1px,-1px) rotate(-.5deg)}28%{-webkit-transform:translate(-1px,-1px) rotate(-.5deg)}30%{-webkit-transform:translate(-1px,-1px) rotate(-.5deg)}32%{-webkit-transform:translate(0,-1px) rotate(-.5deg)}34%{-webkit-transform:translate(-1px,-1px) rotate(-.5deg)}36%{-webkit-transform:translate(0,-1px) rotate(-.5deg)}38%{-webkit-transform:translate(-1px,0) rotate(-.5deg)}40%{-webkit-transform:translate(0,0) rotate(-.5deg)}42%{-webkit-transform:translate(-1px,-1px) rotate(-.5deg)}44%{-webkit-transform:translate(-1px,0) rotate(-.5deg)}46%{-webkit-transform:translate(0,0) rotate(-.5deg)}48%{-webkit-transform:translate(-1px,-1px) rotate(-.5deg)}50%{-webkit-transform:translate(0,0) rotate(-.5deg)}52%{-webkit-transform:translate(0,0) rotate(-.5deg)}54%{-webkit-transform:translate(0,0) rotate(-.5deg)}56%{-webkit-transform:translate(-1px,0) rotate(-.5deg)}58%{-webkit-transform:translate(0,-1px) rotate(-.5deg)}60%{-webkit-transform:translate(-1px,-1px) rotate(-.5deg)}62%{-webkit-transform:translate(-1px,-1px) rotate(-.5deg)}64%{-webkit-transform:translate(-1px,0) rotate(-.5deg)}66%{-webkit-transform:translate(0,0) rotate(-.5deg)}68%{-webkit-transform:translate(-1px,0) rotate(-.5deg)}70%{-webkit-transform:translate(0,-1px) rotate(-.5deg)}72%{-webkit-transform:translate(0,-1px) rotate(-.5deg)}74%{-webkit-transform:translate(-1px,-1px) rotate(-.5deg)}76%{-webkit-transform:translate(0,0) rotate(-.5deg)}78%{-webkit-transform:translate(0,-1px) rotate(-.5deg)}80%{-webkit-transform:translate(0,-1px) rotate(-.5deg)}82%{-webkit-transform:translate(-1px,0) rotate(-.5deg)}84%{-webkit-transform:translate(-1px,0) rotate(-.5deg)}86%{-webkit-transform:translate(0,0) rotate(-.5deg)}88%{-webkit-transform:translate(0,0) rotate(-.5deg)}90%{-webkit-transform:translate(-1px,-1px) rotate(-.5deg)}92%{-webkit-transform:translate(0,0) rotate(-.5deg)}94%{-webkit-transform:translate(0,0) rotate(-.5deg)}96%{-webkit-transform:translate(-1px,-1px) rotate(-.5deg)}98%{-webkit-transform:translate(0,0) rotate(-.5deg)}}.animation,.cartoon,.colleagues,.drawing-details,.news,.video-center,.wiki-precious{width:100%;height:100%}.animation .banner,.cartoon .banner,.colleagues .banner,.drawing-details .banner,.news .banner,.video-center .banner,.wiki-precious .banner{position:relative;width:100%;height:400px}.animation .banner img,.cartoon .banner img,.colleagues .banner img,.drawing-details .banner img,.news .banner img,.video-center .banner img,.wiki-precious .banner img{position:absolute;top:0;left:50%;display:block;width:1920px;height:100%;margin-left:-960px}.animation .banner-news,.cartoon .banner-news,.colleagues .banner-news,.drawing-details .banner-news,.news .banner-news,.video-center .banner-news,.wiki-precious .banner-news{background:url(/pre-order/images/pc/news_banner_01-58b5404ee8.jpg) 50% no-repeat}.animation .banner-video,.cartoon .banner-video,.colleagues .banner-video,.drawing-details .banner-video,.news .banner-video,.video-center .banner-video,.wiki-precious .banner-video{background:url(/pre-order/images/pc/animation_banner_01-9a22e3f672.jpg) 50% no-repeat}.animation .banner-wiki,.cartoon .banner-wiki,.colleagues .banner-wiki,.drawing-details .banner-wiki,.news .banner-wiki,.video-center .banner-wiki,.wiki-precious .banner-wiki{background:url(/pre-order/images/pc/wiki_banner_01-97b37ba7e4.jpg) 50% no-repeat}.animation .main,.cartoon .main,.colleagues .main,.drawing-details .main,.news .main,.video-center .main,.wiki-precious .main{width:100%;margin:0 auto}.animation .main .position,.cartoon .main .position,.colleagues .main .position,.drawing-details .main .position,.news .main .position,.video-center .main .position,.wiki-precious .main .position{width:1200px;height:60px;margin:0 auto;color:#626269;font-size:14px;line-height:60px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.animation .main .position a,.cartoon .main .position a,.colleagues .main .position a,.drawing-details .main .position a,.news .main .position a,.video-center .main .position a,.wiki-precious .main .position a{color:#626269}.animation .main .position a:hover,.cartoon .main .position a:hover,.colleagues .main .position a:hover,.drawing-details .main .position a:hover,.news .main .position a:hover,.video-center .main .position a:hover,.wiki-precious .main .position a:hover{color:#c69e7b}.animation .main .news-title,.cartoon .main .news-title,.colleagues .main .news-title,.drawing-details .main .news-title,.news .main .news-title,.video-center .main .news-title,.wiki-precious .main .news-title{position:relative;width:1200px;margin:0 auto;font-size:32px;color:#444;margin:60px auto 20px;box-sizing:border-box;text-align:center}.animation .main .news-title .fh_btn,.cartoon .main .news-title .fh_btn,.colleagues .main .news-title .fh_btn,.drawing-details .main .news-title .fh_btn,.news .main .news-title .fh_btn,.video-center .main .news-title .fh_btn,.wiki-precious .main .news-title .fh_btn{display:block;width:52px;height:52px;position:absolute;top:0;left:0;background:url(/pre-order/images/pc/inner_return-4be9ac6ec3.jpg)}.animation .main .subtitle,.cartoon .main .subtitle,.colleagues .main .subtitle,.drawing-details .main .subtitle,.news .main .subtitle,.video-center .main .subtitle,.wiki-precious .main .subtitle{width:1200px;height:30px;margin:0 auto;padding-bottom:20px;border-bottom:1px dashed #d8d8d9;text-align:center}.animation .main .subtitle span,.cartoon .main .subtitle span,.colleagues .main .subtitle span,.drawing-details .main .subtitle span,.news .main .subtitle span,.video-center .main .subtitle span,.wiki-precious .main .subtitle span{height:30px;margin:0 30px;line-height:30px;display:inline-block;font-size:12px;color:#565656}.animation .main .subtitle b,.cartoon .main .subtitle b,.colleagues .main .subtitle b,.drawing-details .main .subtitle b,.news .main .subtitle b,.video-center .main .subtitle b,.wiki-precious .main .subtitle b{font-weight:400}.animation .main .subtitle #share-2,.cartoon .main .subtitle #share-2,.colleagues .main .subtitle #share-2,.drawing-details .main .subtitle #share-2,.news .main .subtitle #share-2,.video-center .main .subtitle #share-2,.wiki-precious .main .subtitle #share-2{display:inline-block}.animation .main .tab-title,.cartoon .main .tab-title,.colleagues .main .tab-title,.drawing-details .main .tab-title,.news .main .tab-title,.video-center .main .tab-title,.wiki-precious .main .tab-title{width:100%;height:70px;margin-top:10px;border-bottom:1px dashed #d8d8d9;text-align:center}.animation .main .tab-title a,.cartoon .main .tab-title a,.colleagues .main .tab-title a,.drawing-details .main .tab-title a,.news .main .tab-title a,.video-center .main .tab-title a,.wiki-precious .main .tab-title a{margin:0 26px;color:#6b6b6b;height:70px;line-height:70px;width:60px;display:inline-block;position:relative;font-size:14px}.animation .main .tab-title .on,.animation .main .tab-title a:hover,.cartoon .main .tab-title .on,.cartoon .main .tab-title a:hover,.colleagues .main .tab-title .on,.colleagues .main .tab-title a:hover,.drawing-details .main .tab-title .on,.drawing-details .main .tab-title a:hover,.news .main .tab-title .on,.news .main .tab-title a:hover,.video-center .main .tab-title .on,.video-center .main .tab-title a:hover,.wiki-precious .main .tab-title .on,.wiki-precious .main .tab-title a:hover{color:#c69e7b}.animation .main .tab-title .on:after,.animation .main .tab-title a:hover:after,.cartoon .main .tab-title .on:after,.cartoon .main .tab-title a:hover:after,.colleagues .main .tab-title .on:after,.colleagues .main .tab-title a:hover:after,.drawing-details .main .tab-title .on:after,.drawing-details .main .tab-title a:hover:after,.news .main .tab-title .on:after,.news .main .tab-title a:hover:after,.video-center .main .tab-title .on:after,.video-center .main .tab-title a:hover:after,.wiki-precious .main .tab-title .on:after,.wiki-precious .main .tab-title a:hover:after{position:absolute;bottom:-2px;left:0;width:60px;height:3px;background:#c69e7b;content:''}.animation .main .new-list,.cartoon .main .new-list,.colleagues .main .new-list,.drawing-details .main .new-list,.news .main .new-list,.video-center .main .new-list,.wiki-precious .main .new-list{min-height:600px}.animation .main .new-list li,.cartoon .main .new-list li,.colleagues .main .new-list li,.drawing-details .main .new-list li,.news .main .new-list li,.video-center .main .new-list li,.wiki-precious .main .new-list li{width:100%;border-bottom:1px solid #f2f2f2}.animation .main .new-list li a,.cartoon .main .new-list li a,.colleagues .main .new-list li a,.drawing-details .main .new-list li a,.news .main .new-list li a,.video-center .main .new-list li a,.wiki-precious .main .new-list li a{display:block;width:970px;margin:0 auto;padding:40px 0;position:relative;transition:all .5s}.animation .main .new-list li a i,.cartoon .main .new-list li a i,.colleagues .main .new-list li a i,.drawing-details .main .new-list li a i,.news .main .new-list li a i,.video-center .main .new-list li a i,.wiki-precious .main .new-list li a i{position:absolute;top:40px;left:50px;color:#fff;font-size:14px;width:74px;height:35px;background:url(/pre-order/images/pc/icon_all.png) 0 -781px no-repeat no-repeat}.animation .main .new-list li a em,.cartoon .main .new-list li a em,.colleagues .main .new-list li a em,.drawing-details .main .new-list li a em,.news .main .new-list li a em,.video-center .main .new-list li a em,.wiki-precious .main .new-list li a em{position:absolute;top:50%;right:0;margin-top:-10px;width:15px;height:26px;background:url(/pre-order/images/pc/right_arrow_01-f2eff1fdcc.png) no-repeat;opacity:0;transform:translate(-10px,0);transition:all .6s ease;background-repeat:no-repeat}.animation .main .new-list li a .lside,.cartoon .main .new-list li a .lside,.colleagues .main .new-list li a .lside,.drawing-details .main .new-list li a .lside,.news .main .new-list li a .lside,.video-center .main .new-list li a .lside,.wiki-precious .main .new-list li a .lside{padding-left:150px;padding-right:48px;transition:all .6s ease}.animation .main .new-list li a .lside .time,.cartoon .main .new-list li a .lside .time,.colleagues .main .new-list li a .lside .time,.drawing-details .main .new-list li a .lside .time,.news .main .new-list li a .lside .time,.video-center .main .new-list li a .lside .time,.wiki-precious .main .new-list li a .lside .time{padding-right:10px;font-size:20px;color:#565656;font-weight:700}.animation .main .new-list li a .lside .title,.cartoon .main .new-list li a .lside .title,.colleagues .main .new-list li a .lside .title,.drawing-details .main .new-list li a .lside .title,.news .main .new-list li a .lside .title,.video-center .main .new-list li a .lside .title,.wiki-precious .main .new-list li a .lside .title{font-size:20px;color:#565656;font-weight:700}.animation .main .new-list li a .lside .comment,.cartoon .main .new-list li a .lside .comment,.colleagues .main .new-list li a .lside .comment,.drawing-details .main .new-list li a .lside .comment,.news .main .new-list li a .lside .comment,.video-center .main .new-list li a .lside .comment,.wiki-precious .main .new-list li a .lside .comment{display:block;line-height:22px;color:#626269;margin-top:12px;font-size:16px}.animation .main .new-list li:hover,.cartoon .main .new-list li:hover,.colleagues .main .new-list li:hover,.drawing-details .main .new-list li:hover,.news .main .new-list li:hover,.video-center .main .new-list li:hover,.wiki-precious .main .new-list li:hover{background:#ebebeb}.animation .main .new-list li:hover a,.cartoon .main .new-list li:hover a,.colleagues .main .new-list li:hover a,.drawing-details .main .new-list li:hover a,.news .main .new-list li:hover a,.video-center .main .new-list li:hover a,.wiki-precious .main .new-list li:hover a{-webkit-transform:translateX(-50px);transition:all .5s}.animation .main .new-list li:hover a i,.cartoon .main .new-list li:hover a i,.colleagues .main .new-list li:hover a i,.drawing-details .main .new-list li:hover a i,.news .main .new-list li:hover a i,.video-center .main .new-list li:hover a i,.wiki-precious .main .new-list li:hover a i{background:url(/pre-order/images/pc/icon_all.png) -74px -781px no-repeat no-repeat}.animation .main .new-list li:hover a em,.cartoon .main .new-list li:hover a em,.colleagues .main .new-list li:hover a em,.drawing-details .main .new-list li:hover a em,.news .main .new-list li:hover a em,.video-center .main .new-list li:hover a em,.wiki-precious .main .new-list li:hover a em{-webkit-transform:translateX(50px);opacity:1;transition:all .5s}.animation .main .details-info,.cartoon .main .details-info,.colleagues .main .details-info,.drawing-details .main .details-info,.news .main .details-info,.video-center .main .details-info,.wiki-precious .main .details-info{width:1200px;margin:0 auto;padding:20px 0;min-height:400px}.animation .main .details-info iframe,.cartoon .main .details-info iframe,.colleagues .main .details-info iframe,.drawing-details .main .details-info iframe,.news .main .details-info iframe,.video-center .main .details-info iframe,.wiki-precious .main .details-info iframe{overflow:auto;width:100%;margin:0 0 1em;border:0}.animation .main .details-info .btnVote,.cartoon .main .details-info .btnVote,.colleagues .main .details-info .btnVote,.drawing-details .main .details-info .btnVote,.news .main .details-info .btnVote,.video-center .main .details-info .btnVote,.wiki-precious .main .details-info .btnVote{position:relative;width:205px;height:48px;margin:40px auto 20px;background:url(/pre-order/images/pc/button_zan-c9a208dade.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;font-size:26px;color:#df8281;line-height:48px;text-indent:101px;display:block;transition:all .25s}.animation .main .details-info .btnVote:hover,.cartoon .main .details-info .btnVote:hover,.colleagues .main .details-info .btnVote:hover,.drawing-details .main .details-info .btnVote:hover,.news .main .details-info .btnVote:hover,.video-center .main .details-info .btnVote:hover,.wiki-precious .main .details-info .btnVote:hover{-webkit-transform:translateY(-3px);transition:all .25s}.animation .main .share-box,.cartoon .main .share-box,.colleagues .main .share-box,.drawing-details .main .share-box,.news .main .share-box,.video-center .main .share-box,.wiki-precious .main .share-box{display:block;width:1200px;padding:50px 0;margin:0 auto;display:flex;align-items:center;justify-content:center}.animation .main .pager,.cartoon .main .pager,.colleagues .main .pager,.drawing-details .main .pager,.news .main .pager,.video-center .main .pager,.wiki-precious .main .pager{position:relative;width:890px;height:40px;margin:60px auto 140px}.animation .main .pager .pager-number,.cartoon .main .pager .pager-number,.colleagues .main .pager .pager-number,.drawing-details .main .pager .pager-number,.news .main .pager .pager-number,.video-center .main .pager .pager-number,.wiki-precious .main .pager .pager-number{display:block;width:100px;height:40px;margin:0 auto;color:#626269;font-size:16px;line-height:40px;text-align:center}.animation .main .pager .link,.cartoon .main .pager .link,.colleagues .main .pager .link,.drawing-details .main .pager .link,.news .main .pager .link,.video-center .main .pager .link,.wiki-precious .main .pager .link{position:absolute;top:0;right:0}.animation .main .pager .link a,.cartoon .main .pager .link a,.colleagues .main .pager .link a,.drawing-details .main .pager .link a,.news .main .pager .link a,.video-center .main .pager .link a,.wiki-precious .main .pager .link a{display:inline-block;width:40px;height:40px;margin-left:11px}.animation .main .pager .link .front-link,.cartoon .main .pager .link .front-link,.colleagues .main .pager .link .front-link,.drawing-details .main .pager .link .front-link,.news .main .pager .link .front-link,.video-center .main .pager .link .front-link,.wiki-precious .main .pager .link .front-link{background:url(/pre-order/images/pc/icon_all.png) -149px -781px no-repeat no-repeat}.animation .main .pager .link .after-link,.cartoon .main .pager .link .after-link,.colleagues .main .pager .link .after-link,.drawing-details .main .pager .link .after-link,.news .main .pager .link .after-link,.video-center .main .pager .link .after-link,.wiki-precious .main .pager .link .after-link{background:url(/pre-order/images/pc/icon_all.png) -189px -781px no-repeat no-repeat}.animation .page-down,.cartoon .page-down,.colleagues .page-down,.drawing-details .page-down,.news .page-down,.video-center .page-down,.wiki-precious .page-down{display:block;width:1000px;height:52px;margin:0 auto;display:flex;align-items:center;justify-content:center}.animation .page-down a,.cartoon .page-down a,.colleagues .page-down a,.drawing-details .page-down a,.news .page-down a,.video-center .page-down a,.wiki-precious .page-down a{overflow:hidden;display:block;width:111px;height:52px;margin:0 10px;color:#333;font-size:16px;line-height:52px;text-align:center;transition:all .25s;display:none}.animation .page-down a:nth-child(1),.cartoon .page-down a:nth-child(1),.colleagues .page-down a:nth-child(1),.drawing-details .page-down a:nth-child(1),.news .page-down a:nth-child(1),.video-center .page-down a:nth-child(1),.wiki-precious .page-down a:nth-child(1){background:url(/pre-order/images/pc/updown_02-6eb148b1a2.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.animation .page-down a:nth-last-child(1),.cartoon .page-down a:nth-last-child(1),.colleagues .page-down a:nth-last-child(1),.drawing-details .page-down a:nth-last-child(1),.news .page-down a:nth-last-child(1),.video-center .page-down a:nth-last-child(1),.wiki-precious .page-down a:nth-last-child(1){background:url(/pre-order/images/pc/updown_01-3903abf552.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.animation .page-down a:hover,.cartoon .page-down a:hover,.colleagues .page-down a:hover,.drawing-details .page-down a:hover,.news .page-down a:hover,.video-center .page-down a:hover,.wiki-precious .page-down a:hover{-webkit-transform:translateY(-3px);transition:all .25s}.animation .page-down .show,.cartoon .page-down .show,.colleagues .page-down .show,.drawing-details .page-down .show,.news .page-down .show,.video-center .page-down .show,.wiki-precious .page-down .show{display:block}.news .main .new-list{opacity:0}.news .main .new-list-show{opacity:1;transition:all .5s}.news-det{height:auto;transition:all .5s}.news-det .main{position:relative;opacity:0}.news-det .return-top{display:none;position:fixed;bottom:170px;left:50%;width:52px;height:52px;margin-left:592px;background:url(/pre-order/images/pc/return_top-1009326d80.jpg) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;cursor:pointer;z-index:10}.news-det .main-show{opacity:1;transition:all .5s}.colleagues .main .htmleaf-container{margin-top:50px;opacity:0;min-height:400px}.colleagues .main .htmleaf-container-show{margin-top:0;opacity:1;transition:all .5s}.colleagues .main #wrapper{margin-bottom:72px;text-align:center;width:100%;padding-top:40px}.colleagues .main .grid-wrapper{max-width:80%;margin:0 auto;position:relative}.colleagues .main .grid-item{padding:6px 0;border-radius:6px;transition:all .5s}.colleagues .main .grid-item a{display:block;width:100%;height:100%;background:url(/pre-order/images/pc/colleagues_li_bg-e2accdd738.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.colleagues .main .grid-item img{display:block;height:auto;width:92%;margin:0 auto;border:2px solid #bfbfbf;border-radius:5px;transition:all .5s}.colleagues .main .grid-item .pic_info{display:-moz-flex;display:-o-flex;display:-ms-flex;display:flex;-moz-align-items:center;-ms-align-items:center;align-items:center;-ms-flex-align:center;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:space-between;padding-left:16px;width:100%;height:60px;box-sizing:border-box}.colleagues .main .grid-item .pic_info .txt_info{width:66%}.colleagues .main .grid-item .pic_info .txt_info .pic_name{width:100%;color:#666;font-size:14px;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.colleagues .main .grid-item .pic_info .txt_info .author_name{text-align:left;color:#999;font-size:12px}.colleagues .main .grid-item .hot_level{display:-moz-flex;display:-o-flex;display:-ms-flex;display:flex;-moz-align-items:center;-ms-align-items:center;align-items:center;-ms-flex-align:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;-ms-flex-pack:center;-moz-flex-direction:column;flex-direction:column;width:50px;height:100%}.colleagues .main .grid-item .hot_level em{display:block;width:20px;height:20px;background:url(/pre-order/images/pc/zan-59c8625dec.png) no-repeat}.colleagues .main .grid-item .hot_level span{margin-top:4px;color:#ce808a;font-size:12px;text-align:center}.colleagues .main .grid-item:before{position:absolute;top:-4px;left:0;width:100%;height:10px;background:url(/pre-order/images/pc/colleagues_li_bg_top-89aed3fd5b.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;content:''}.colleagues .main .grid-item:after{position:absolute;bottom:0;left:0;width:100%;height:17px;background:url(/pre-order/images/pc/colleagues_li_bg_bottom-7697b17b93.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;content:''}.colleagues .main .grid-item:hover{box-shadow:0 5px 0 #bfbfbf38;-webkit-filter:brightness(1.05);border-radius:6px;-webkit-transform:translateY(-2px);transition:all .5s}.colleagues .main .pager-more{width:100%;height:50px;background:#e2e2e2;color:#999;font-size:18px;line-height:50px;text-align:center}.colleagues .main .pager-more a{display:block;width:50%;margin:0 auto;color:#999}.animation .main .animation-content{width:1200px;height:auto;margin:0 auto;padding:45px 0 0}.animation .main .animation-content .outline{display:none;width:1200px;height:500px;margin-bottom:30px}.animation .main .animation-content .outline .left-video{position:relative;float:left;width:817px;height:500px;background:url(/pre-order/images/pc/animation_page_bg_03-8c6adbde51.png) no-repeat}.animation .main .animation-content .outline .left-video video{position:absolute;top:0;left:0;display:block;width:817px;height:500px;border-radius:10px}.animation .main .animation-content .outline .right-select{float:right;width:362px;height:500px;background:url(/pre-order/images/pc/animation_page_bg_02-a1fb889603.png) no-repeat}.animation .main .animation-content .outline .right-select h3{width:320px;height:52px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.animation .main .animation-content .outline .right-select h3 strong{color:#626269;font-size:17px}.animation .main .animation-content .outline .right-select h3 span{color:#626269;font-size:12px}.animation .main .animation-content .outline .right-select ul{overflow:auto;width:342px;height:420px;margin:0 auto}.animation .main .animation-content .outline .right-select ul li{float:left;width:74px;height:44px;margin:0 4px 8px;background:url(/pre-order/images/pc/icon_all.png) -74px -548px no-repeat no-repeat;line-height:44px;color:#fff;font-size:14px;text-align:center}.animation .main .animation-content .outline .right-select ul li a{display:block;width:100%;height:44px;color:#fff;text-shadow:1px 1px 1px #a16c76,-1px -1px 1px #a16c76,-1px 1px 1px #a16c76,1px -1px 1px #a16c76,1px 1px 1px #a16c76,-1px -1px 1px #a16c76,-1px 1px 1px #a16c76,1px -1px 1px #a16c76,1px 1px 1px #a16c76,-1px -1px 1px #a16c76,-1px 1px 1px #a16c76,1px -1px 1px #a16c76,1px 1px 1px #a16c76,-1px -1px 1px #a16c76,-1px 1px 1px #a16c76,1px -1px 1px #a16c76}.animation .main .animation-content .outline .right-select ul .on,.animation .main .animation-content .outline .right-select ul li:hover{background:url(/pre-order/images/pc/icon_all.png) 0 -548px no-repeat no-repeat}.animation .main .animation-content .outline .right-select ul::-webkit-scrollbar{width:13px}.animation .main .animation-content .outline .right-select ul::-webkit-scrollbar-track{background-color:#f2e9d9}.animation .main .animation-content .outline .right-select ul::-webkit-scrollbar-thumb{border-radius:2px;border:2px solid #b5b5b5;background-color:#d0cdc8}.animation .main .animation-content .show{display:block}.animation .main .introduce{position:relative;width:1205px;height:254px;margin:0 auto;padding-bottom:100px}.animation .main .introduce .int-bg{position:absolute;top:0;left:0;width:1205px;height:244px;padding-top:10px;background:url(/pre-order/images/pc/animation_page_bg_01-8ea82bca22.png) no-repeat;display:none;z-index:5}.animation .main .introduce .int-bg .img{float:left;width:185px;height:234px;margin:0 20px 0 10px}.animation .main .introduce .int-bg .img img{display:block;width:100%;height:100%}.animation .main .introduce .int-bg .inf{float:right;width:972px;height:234px}.animation .main .introduce .int-bg .inf h2{height:40px;line-height:40px;color:#626269;font-size:28px}.animation .main .introduce .int-bg .inf h3{height:40px;line-height:40px;color:#6b6a6e;font-size:16px}.animation .main .introduce .int-bg .inf h4{height:30px;line-height:30px;color:#6b6a6e;font-size:14px}.animation .main .introduce .int-bg .inf p{overflow:auto;height:80px;padding-top:10px;line-height:22px;color:#6b6a6e}.animation .main .introduce .int-bg .inf p::-webkit-scrollbar{width:13px}.animation .main .introduce .int-bg .inf p::-webkit-scrollbar-track{background-color:#f2e9d9}.animation .main .introduce .int-bg .inf p::-webkit-scrollbar-thumb{border-radius:2px;border:2px solid #b5b5b5;background-color:#d0cdc8}.animation .main .introduce .show{display:block}.animation .main .introduce .label h4{position:absolute;bottom:40px;width:145px;height:82px;overflow:hidden;line-height:200px;cursor:pointer;z-index:4}.animation .main .introduce .label .label-01{right:160px;background:url(/pre-order/images/pc/label_03-caaa6c4a4f.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.animation .main .introduce .label .label-02{right:10px;background:url(/pre-order/images/pc/label_04-014a4bc6b8.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.animation .main .introduce .label .label-01.on{bottom:38px;background:url(/pre-order/images/pc/label_03_02-d742c03b3a.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;z-index:6}.animation .main .introduce .label .label-02.on{bottom:38px;background:url(/pre-order/images/pc/label_04_02-1f601868c3.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;z-index:6}.animation .main .introduce .label h4:hover{bottom:38px}.cartoon .main .cartoon-content{width:1200px;height:auto;margin:0 auto;padding:45px 0 100px}.cartoon .main .cartoon-content .introduction{width:1200px;height:350px;background:url(/pre-order/images/pc/cartoon_page_bg_01-a7d407cf30.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;display:flex;align-items:center}.cartoon .main .cartoon-content .introduction .img{display:block;width:248px;height:327px;margin:0 35px 0 11px}.cartoon .main .cartoon-content .introduction .img img{display:block;width:100%;height:100%}.cartoon .main .cartoon-content .introduction .synopsis{width:850px;height:327px}.cartoon .main .cartoon-content .introduction .synopsis h2{height:50px;color:#626269;font-size:28px;display:flex;align-items:center}.cartoon .main .cartoon-content .introduction .synopsis h3{height:40px;color:#6b6a6e;font-size:16px;display:flex;align-items:center}.cartoon .main .cartoon-content .introduction .synopsis h4{height:31px;color:#6b6a6e;font-size:14px;display:flex;align-items:center}.cartoon .main .cartoon-content .introduction .synopsis p{overflow:auto;height:80px;padding-top:10px;color:#6b6a6e;line-height:22px;font-size:14px}.cartoon .main .cartoon-content .introduction .synopsis p::-webkit-scrollbar{width:13px}.cartoon .main .cartoon-content .introduction .synopsis p::-webkit-scrollbar-track{background-color:#f2e9d9}.cartoon .main .cartoon-content .introduction .synopsis p::-webkit-scrollbar-thumb{border-radius:2px;border:2px solid #b5b5b5;background-color:#d0cdc8}.cartoon .main .cartoon-content .introduction .synopsis div{display:flex;width:100%;height:46px}.cartoon .main .cartoon-content .introduction .synopsis div a{display:block;width:203px;height:46px;margin-right:15px;line-height:46px;color:#fff;text-align:center;text-shadow:1px 1px 1px #848484,-1px -1px 1px #848484,-1px 1px 1px #848484,1px -1px 1px #848484,1px 1px 1px #848484,-1px -1px 1px #848484,-1px 1px 1px #848484,1px -1px 1px #848484,1px 1px 1px #848484,-1px -1px 1px #848484,-1px 1px 1px #848484,1px -1px 1px #848484,1px 1px 1px #848484,-1px -1px 1px #848484,-1px 1px 1px #848484,1px -1px 1px #848484}.cartoon .main .cartoon-content .introduction .synopsis div .start{background:url(/pre-order/images/pc/icon_all.png) 0 -593px no-repeat}.cartoon .main .cartoon-content .introduction .synopsis div .subscribe{background:url(/pre-order/images/pc/icon_all.png) 0 -640px no-repeat}.cartoon .main .cartoon-content .introduction .synopsis div a:hover{opacity:.8}.cartoon .main .cartoon-content .cartoon-list{width:1200px;height:auto;padding-bottom:100px}.cartoon .main .cartoon-content .cartoon-list h2{width:100%;height:70px;color:#626269;font-size:24px;line-height:70px}.cartoon .main .cartoon-content .cartoon-list h2 span{color:#6b6a6e;font-size:16px}.cartoon .main .cartoon-content .cartoon-list ul{width:1220px;height:auto}.cartoon .main .cartoon-content .cartoon-list ul li{float:left;width:226px;height:46px;margin:0 18px 17px 0;background:url(/pre-order/images/pc/icon_all.png) 0 -687px no-repeat}.cartoon .main .cartoon-content .cartoon-list ul li a{display:block;width:210px;height:46px;margin:0 auto;color:#fff;font-size:14px;line-height:46px;text-shadow:1px 1px 1px #848484,-1px -1px 1px #848484,-1px 1px 1px #848484,1px -1px 1px #848484,1px 1px 1px #848484,-1px -1px 1px #848484,-1px 1px 1px #848484,1px -1px 1px #848484,1px 1px 1px #848484,-1px -1px 1px #848484,-1px 1px 1px #848484,1px -1px 1px #848484,1px 1px 1px #848484,-1px -1px 1px #848484,-1px 1px 1px #848484,1px -1px 1px #848484;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-indent:10px}.cartoon .main .cartoon-content .cartoon-list ul li:hover{background:url(/pre-order/images/pc/icon_all.png) 0 -734px no-repeat}.drawing-details .main .video-content,.video-center .main .video-content{width:1200px;height:auto;margin:0 auto;padding:45px 0 100px}.drawing-details .main .video-content .outline,.video-center .main .video-content .outline{width:1200px;height:500px}.drawing-details .main .video-content .outline .left-video,.video-center .main .video-content .outline .left-video{position:relative;float:left;width:817px;height:500px;background:url(/pre-order/images/pc/animation_page_bg_03-8c6adbde51.png) no-repeat}.drawing-details .main .video-content .outline .left-video video,.video-center .main .video-content .outline .left-video video{position:absolute;top:0;left:0;display:block;width:817px;height:500px;border-radius:10px}.drawing-details .main .video-content .outline .right-select,.video-center .main .video-content .outline .right-select{float:right;width:362px;height:500px;background:url(/pre-order/images/pc/animation_page_bg_02-a1fb889603.png) no-repeat}.drawing-details .main .video-content .outline .right-select h3,.video-center .main .video-content .outline .right-select h3{width:320px;height:52px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.drawing-details .main .video-content .outline .right-select h3 strong,.video-center .main .video-content .outline .right-select h3 strong{color:#626269;font-size:17px}.drawing-details .main .video-content .outline .right-select h3 span,.video-center .main .video-content .outline .right-select h3 span{color:#626269;font-size:12px}.drawing-details .main .video-content .outline .right-select ul,.video-center .main .video-content .outline .right-select ul{overflow:auto;width:342px;height:420px;margin:0 auto}.drawing-details .main .video-content .outline .right-select ul li,.video-center .main .video-content .outline .right-select ul li{width:320px;height:96px;margin:0 auto 4px;border:2px solid #e6dac6;border-radius:6px;background:#efe2ce;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center}.drawing-details .main .video-content .outline .right-select ul li .pic,.video-center .main .video-content .outline .right-select ul li .pic{position:relative;overflow:hidden;width:157px;height:87px;margin:0 7px 0 5px;background:url(/pre-order/images/pc/more_videos_bg_02-34a76e4400.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;border-radius:6px;display:flex;align-items:center;justify-content:center}.drawing-details .main .video-content .outline .right-select ul li .pic span,.video-center .main .video-content .outline .right-select ul li .pic span{overflow:hidden;display:block;width:141px;height:71px;border-radius:5px}.drawing-details .main .video-content .outline .right-select ul li .pic span img,.video-center .main .video-content .outline .right-select ul li .pic span img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.drawing-details .main .video-content .outline .right-select ul li .pic:after,.video-center .main .video-content .outline .right-select ul li .pic:after{position:absolute;top:3px;left:3px;width:98%;height:95%;border-radius:5px;background:url(/pre-order/images/pc/mengban-cf8cde172a.png);-ms-background-size:100% 100%;background-size:100% 100%;content:'';opacity:.8;transition:all .5s}.drawing-details .main .video-content .outline .right-select ul li .pic:before,.video-center .main .video-content .outline .right-select ul li .pic:before{position:absolute;top:50%;left:50%;width:35px;height:35px;margin:-17px 0 0 -17px;background:url(/pre-order/images/pc/play_btn_02-ada9ba77f8.png);-ms-background-size:100% 100%;background-size:100% 100%;content:'';z-index:1;opacity:1}.drawing-details .main .video-content .outline .right-select ul li .name,.video-center .main .video-content .outline .right-select ul li .name{width:145px}.drawing-details .main .video-content .outline .right-select ul li .name h4,.video-center .main .video-content .outline .right-select ul li .name h4{color:#bd8249;line-height:30px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.drawing-details .main .video-content .outline .right-select ul li .name p,.video-center .main .video-content .outline .right-select ul li .name p{overflow:hidden;height:40px;margin-bottom:10px;color:#626269;line-height:20px;font-size:12px}.drawing-details .main .video-content .outline .right-select ul .on,.drawing-details .main .video-content .outline .right-select ul li:hover,.video-center .main .video-content .outline .right-select ul .on,.video-center .main .video-content .outline .right-select ul li:hover{border:2px solid #eacaa7;background:#f9e2c3}.drawing-details .main .video-content .outline .right-select ul .on .pic:after,.drawing-details .main .video-content .outline .right-select ul .on .pic:before,.drawing-details .main .video-content .outline .right-select ul li:hover .pic:after,.drawing-details .main .video-content .outline .right-select ul li:hover .pic:before,.video-center .main .video-content .outline .right-select ul .on .pic:after,.video-center .main .video-content .outline .right-select ul .on .pic:before,.video-center .main .video-content .outline .right-select ul li:hover .pic:after,.video-center .main .video-content .outline .right-select ul li:hover .pic:before{opacity:0;transition:all .5s}.drawing-details .main .video-content .outline .right-select ul .on .pic img,.drawing-details .main .video-content .outline .right-select ul li:hover .pic img,.video-center .main .video-content .outline .right-select ul .on .pic img,.video-center .main .video-content .outline .right-select ul li:hover .pic img{transition:all .5s;transform:scale(1.2)}.drawing-details .main .video-content .outline .right-select ul::-webkit-scrollbar,.video-center .main .video-content .outline .right-select ul::-webkit-scrollbar{width:13px}.drawing-details .main .video-content .outline .right-select ul::-webkit-scrollbar-track,.video-center .main .video-content .outline .right-select ul::-webkit-scrollbar-track{background-color:#f2e9d9}.drawing-details .main .video-content .outline .right-select ul::-webkit-scrollbar-thumb,.video-center .main .video-content .outline .right-select ul::-webkit-scrollbar-thumb{border-radius:2px;border:2px solid #b5b5b5;background-color:#d0cdc8}.drawing-details .main .video-content .more-videos,.video-center .main .video-content .more-videos{width:1225px;padding-bottom:100px}.drawing-details .main .video-content .more-videos h2,.video-center .main .video-content .more-videos h2{width:100%;height:60px;padding-top:7px;color:#626269;font-size:17px;line-height:60px}.drawing-details .main .video-content .more-videos ul,.video-center .main .video-content .more-videos ul{display:block;width:100%}.drawing-details .main .video-content .more-videos ul li,.video-center .main .video-content .more-videos ul li{float:left;height:161px;height:200px;margin-right:30px;cursor:pointer}.drawing-details .main .video-content .more-videos ul li a,.video-center .main .video-content .more-videos ul li a{position:relative;width:276px;height:161px;background:url(/pre-order/images/pc/more_videos_bg_01-4abe9120c9.png) no-repeat;display:flex;align-items:center;justify-content:center}.drawing-details .main .video-content .more-videos ul li a:after,.video-center .main .video-content .more-videos ul li a:after{position:absolute;top:0;left:0;width:100%;height:161px;border-radius:5px;background:url(/pre-order/images/pc/mengban-cf8cde172a.png);-ms-background-size:100% 100%;background-size:100% 100%;content:'';opacity:0;transition:all .5s}.drawing-details .main .video-content .more-videos ul li a:before,.video-center .main .video-content .more-videos ul li a:before{position:absolute;top:50%;left:50%;width:70px;height:70px;margin:-35px 0 0 -35px;background:url(/pre-order/images/pc/play_btn_02-ada9ba77f8.png);-ms-background-size:100% 100%;background-size:100% 100%;content:'';z-index:1;opacity:0}.drawing-details .main .video-content .more-videos ul li span,.video-center .main .video-content .more-videos ul li span{position:relative;overflow:hidden;width:260px;height:145px;border-radius:5px}.drawing-details .main .video-content .more-videos ul li img,.video-center .main .video-content .more-videos ul li img{display:block;width:276px;height:160px;-o-object-fit:cover;object-fit:cover;transition:all .5s}.drawing-details .main .video-content .more-videos ul li p,.video-center .main .video-content .more-videos ul li p{display:block;width:100%;height:40px;color:#626269;font-size:14px;line-height:30px}.drawing-details .main .video-content .more-videos ul li:hover a:after,.drawing-details .main .video-content .more-videos ul li:hover a:before,.video-center .main .video-content .more-videos ul li:hover a:after,.video-center .main .video-content .more-videos ul li:hover a:before{opacity:1;transition:all .5s}.drawing-details .main .video-content .more-videos ul li:hover img,.video-center .main .video-content .more-videos ul li:hover img{transition:all .5s;transform:scale(1.2)}.drawing-details .main .video-info img,.drawing-details .main .video-info video,.video-center .main .video-info img,.video-center .main .video-info video{width:700px;margin:100px auto 100px}.drawing-details .alert_box,.video-center .alert_box{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;font-family:"Microsoft YaHei";font-size:14px;display:none;background:rgba(0,0,0,.5);transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear}.drawing-details .alert_box .alert_wrap,.video-center .alert_box .alert_wrap{width:480px;position:absolute;top:50%;left:50%;margin-left:-240px;line-height:30px;margin-top:-255px}.drawing-details .alert_box .alert_main,.video-center .alert_box .alert_main{padding:55px 30px 90px;position:relative;min-height:110px}.drawing-details .alert_box .alert_wrap,.video-center .alert_box .alert_wrap{color:#3c3c3c;background:url(/pre-order/images/pc/alert_wrap-8437f19a22.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.drawing-details .alert_box .btns_wrap,.video-center .alert_box .btns_wrap{position:absolute;right:177px;bottom:30px;z-index:100;overflow:hidden}.drawing-details .alert_box .alert_content,.video-center .alert_box .alert_content{text-align:center;line-height:80px;font-size:20px}.drawing-details .alert_box .btns,.video-center .alert_box .btns{width:122px;height:46px;display:block;float:right;text-align:center;line-height:46px;font-size:20px;background:url(/pre-order/images/pc/button_zan_02-c9a6e04b58.jpg) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;color:#9c6e58}.drawing-details .alert_box .alertClose,.video-center .alert_box .alertClose{width:36px;height:36px;position:absolute;top:10px;right:-35px;z-index:100;cursor:pointer}.drawing-details .alert_box .alertClose i,.video-center .alert_box .alertClose i{display:block;width:100%;height:100%;position:absolute;top:0;right:0;background:url(/pre-order/images/pc/close_bg_02-af1232dbcb.png) no-repeat;cursor:pointer;z-index:2;background-position:-3px 3px;background-position:0 0;transition:all .5s}.drawing-details .alert_box .alertClose i:hover,.video-center .alert_box .alertClose i:hover{-webkit-transform:rotate(90deg);transition:all .5s}.drawing-details .return-top,.video-center .return-top{display:none;position:fixed;bottom:170px;left:50%;width:52px;height:52px;margin-left:540px;background:url(/pre-order/images/pc/return_top-1009326d80.jpg) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;cursor:pointer;z-index:10}.drawing-details video{width:35%;margin:0 auto}.video-center video{width:35%;margin:0 auto}.wiki-precious .precious-content{width:1200px;min-height:500px;margin:0 auto}.wiki-precious .precious-content .option-selection-wrap{width:100%;height:auto}.wiki-precious .precious-content .option-selection-wrap .option-selection-box{width:100%;padding:0 0 20px}.wiki-precious .precious-content .option-selection-wrap .selection-box{width:100%;height:auto}.wiki-precious .precious-content .option-selection-wrap .selection-box h3{position:relative;float:left;width:130px;height:41px;line-height:41px;color:#535253;font-size:15px;text-indent:45px}.wiki-precious .precious-content .option-selection-wrap .selection-box h3:after{position:absolute;top:7px;left:7px;width:28px;height:27px;background:url(/pre-order/images/pc/icon_all.png) -94px -134px no-repeat;content:''}.wiki-precious .precious-content .option-selection-wrap .selection-box ul{float:right;width:1070px}.wiki-precious .precious-content .option-selection-wrap .selection-box ul li{float:left;width:100px;height:32px;border:2px solid #fff;border-radius:3px;margin:0 5px 6px;line-height:32px;color:#535253;font-size:13px;text-align:center;cursor:pointer;transition:all .5s;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wiki-precious .precious-content .option-selection-wrap .selection-box ul .on,.wiki-precious .precious-content .option-selection-wrap .selection-box ul li:hover{background:url(/pre-order/images/pc/gwzw_btn-25d39fc14e.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;color:#535253;transition:all .5s}.wiki-precious .precious-content .option-selection-wrap .selection-box .grade_array li{font-size:13px;width:148px}.wiki-precious .precious-content .option-selection-wrap .selection-box .grade_array li:first-child{width:80px}.wiki-precious .precious-content .reset-wrap{width:100%;height:65px}.wiki-precious .precious-content .reset-wrap .reset-btn{display:block;width:179px;height:52px;margin:0 auto;background:url(/pre-order/images/pc/reset_btn_01-22aa29a3aa.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;transition:all .25s}.wiki-precious .precious-content .reset-wrap .reset-btn:hover{-webkit-transform:translateY(-5px);opacity:.8;transition:all .25s}.wiki-precious .precious-content .search-wrap{width:100%;height:100px;padding:47px 0 52px;line-height:45px}.wiki-precious .precious-content .search-wrap .tips{float:left;line-height:51px;margin-left:20px;color:silver;font-size:15px}.wiki-precious .precious-content .search-wrap p{line-height:51px;margin-left:20px;color:#535253;font-size:15px}.wiki-precious .precious-content .search-wrap .search-box{position:relative;float:right;width:330px;height:45px;border:3px solid #a08675;border-radius:10px;color:#545454;font-size:18px;text-indent:25px}.wiki-precious .precious-content .search-wrap .search-box input,.wiki-precious .precious-content .search-wrap .search-box label{margin:0;padding:0;width:260px}.wiki-precious .precious-content .search-wrap .search-box a{position:absolute;top:0;right:0;width:45px;height:45px;background:url(/pre-order/images/pc/icon_all.png) -460px -4px no-repeat}.wiki-precious .precious-content .loading-wrap{display:none;width:100%;padding:47px 0 0;line-height:50px;text-align:center;color:#535253;font-size:15px}.wiki-precious .precious-content .tips-wrap{display:none;width:100%;padding:47px 0 0;line-height:50px;text-align:center;color:#535253;font-size:15px}.wiki-precious .precious-content .tips-wrap img{display:block;width:464px;margin:0 auto}.wiki-precious .precious-content .goods-list-wrap{width:100%;min-height:200px;padding-bottom:62px}.wiki-precious .precious-content .goods-list-wrap ul{width:100%}.wiki-precious .precious-content .goods-list-wrap ul li{float:left;display:block;width:208px;height:310px;margin:0 16px 38px;cursor:pointer;transition:all .25s;background:url(/pre-order/images/pc/wiki_goods_bg-353bb7496e.png) no-repeat}.wiki-precious .precious-content .goods-list-wrap ul li div{display:block;width:189px;height:227px;margin:12px auto 0;display:flex;align-items:center;justify-content:center}.wiki-precious .precious-content .goods-list-wrap ul li div img{display:block;width:152px;height:152px}.wiki-precious .precious-content .goods-list-wrap ul li span{display:block;width:82%;height:40px;padding-top:15px;margin:0 auto;color:#94897b;line-height:38px;font-size:20px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wiki-precious .precious-content .goods-list-wrap ul li:hover{-webkit-transform:translateY(-15px);opacity:.9;transition:all .25s}.wiki-precious .precious-content .goods-list-wrap ul .li-color-01 div{background:url(/pre-order/images/pc/wiki_goods_bg_01-707a2d5961.png) no-repeat}.wiki-precious .precious-content .goods-list-wrap ul .li-color-02 div{background:url(/pre-order/images/pc/wiki_goods_bg_02-55ee49b1e6.png) no-repeat}.wiki-precious .precious-content .goods-list-wrap ul .li-color-03 div{background:url(/pre-order/images/pc/wiki_goods_bg_03-a04d8ff74e.png) no-repeat}.wiki-precious .precious-content .goods-list-wrap ul .li-color-04 div{background:url(/pre-order/images/pc/wiki_goods_bg_04-d26e8e47a5.png) no-repeat}.wiki-precious .precious-content .more-wrap{display:none;width:100%;height:81px;padding:0 0 100px}.wiki-precious .precious-content .more-wrap .more-btn{display:block;width:193px;height:81px;margin:0 auto;background:url(/pre-order/images/pc/more_btn_01-ad014cedca.png) no-repeat}.wiki-index{background:#fff}.wiki-index .content{width:1186px;height:auto;margin:0 auto;padding-top:153px}.wiki-index .main{float:left;width:733px;min-height:1500px}.wiki-index .main h2{display:block;width:712px;height:68px;margin-bottom:22px;background:url(/pre-order/images/pc/wiki/wiki_title_01-86f224cd8b.png) no-repeat;line-height:80px;color:#fbf9f6;font-size:22px;text-indent:54px;text-shadow:1px 1px 0 #5b5c5c,-1px -1px 0 #5b5c5c,-1px 1px 0 #5b5c5c,1px -1px 0 #5b5c5c,1px 1px 0 #5b5c5c,-1px -1px 0 #5b5c5c,-1px 1px 0 #5b5c5c,1px -1px 1px #5b5c5c,1px 1px 1px #5b5c5c,-1px -1px 1px #5b5c5c,-1px 1px 1px #5b5c5c,1px -1px 1px #5b5c5c,1px 1px 1px #5b5c5c,-1px -1px 1px #5b5c5c,-1px 1px 1px #5b5c5c,1px -1px 1px #5b5c5c}.wiki-index .main .banner{height:362px}.wiki-index .main .banner .swiper-container{width:733px;height:362px}.wiki-index .main .banner .swiper-container .swiper-wrapper{width:100%;height:315px}.wiki-index .main .banner .swiper-container .swiper-pagination-bullet{width:12px;height:12px;background:url(/pre-order/images/pc/wiki/dot_03-28900221d2.png) no-repeat}.wiki-index .main .form-intr{padding-bottom:20px}.wiki-index .main .form-intr ul{display:block}.wiki-index .main .form-intr ul li{float:left;width:112px;height:auto;margin-right:8px;transition:all .25s}.wiki-index .main .form-intr ul li img{display:block;width:112px;height:135px}.wiki-index .main .form-intr ul li span{display:block;width:100%;padding-top:8px;color:#626269;font-size:16px;text-align:center}.wiki-index .main .form-intr ul li:hover{-webkit-transform:translateY(-5px);opacity:.8;transition:all .25s}.wiki-index .main .map-exploration{overflow:hidden;padding-bottom:30px}.wiki-index .main .map-exploration ul{display:block;width:745px}.wiki-index .main .map-exploration ul li{position:relative;float:left;width:111px;height:135px;margin-right:38px;transition:all .25s}.wiki-index .main .map-exploration ul li span{position:absolute;bottom:0;left:0;width:100%;height:40px;color:#535253;font-size:16px;line-height:36px;text-align:center}.wiki-index .main .map-exploration ul li:hover{-webkit-transform:translateY(-5px);opacity:.8;transition:all .25s}.wiki-index .main .snail-files{padding-bottom:20px}.wiki-index .main .snail-files ul li{float:left;width:170px;height:65px;margin-right:22px;border-radius:6px;color:#535253;font-size:15px;line-height:65px;text-align:center}.wiki-index .main .snail-files ul li a{display:block;width:100%;height:65px;background:url(/pre-order/images/pc/wnda_btn_01-0e825b7335.png);-ms-background-size:100% 100%;background-size:100% 100%;color:#535253}.wiki-index .main .snail-files ul li:hover a{background:url(/pre-order/images/pc/wnda_btn_02-3e2eb1cdd6.png);-ms-background-size:100% 100%;background-size:100% 100%}.wiki-index .main .novice-guide{height:400px}.wiki-index .main .novice-guide h2{margin-bottom:39px}.wiki-index .main .novice-guide ul{position:relative;width:516px;height:216px;padding-left:217px;margin-bottom:30px}.wiki-index .main .novice-guide ul li{float:left;width:89px;height:216px;margin-right:12px;transition:all .25s}.wiki-index .main .novice-guide ul li a{display:block;width:100%;height:100%}.wiki-index .main .novice-guide ul li:hover{-webkit-transform:translateY(-5px);opacity:.8;transition:all .25s}.wiki-index .main .novice-guide ul .li-00 a{background:url(/pre-order/images/pc/wiki/more_img_01-dbb42a6ee1.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-index .main .novice-guide ul .li-01 a{background:url(/pre-order/images/pc/wiki/more_img_02-c093965a6a.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-index .main .novice-guide ul .li-02 a{background:url(/pre-order/images/pc/wiki/more_img_03-1cfbebf03b.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-index .main .novice-guide ul .li-03 a{background:url(/pre-order/images/pc/wiki/more_img_04-6f04bb4eb9.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-index .main .novice-guide ul .li-04 a{background:url(/pre-order/images/pc/wiki/more_img_05-3299611617.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.wiki-index .main .novice-guide ul:after{position:absolute;top:-32px;left:0;width:201px;height:251px;background:url(/pre-order/images/pc/wiki/role_07-f04be029be.png) no-repeat;content:''}.wiki-index .main .novice-guide .more{width:100%;height:30px;line-height:30px}.wiki-index .main .novice-guide .more a{float:right;color:#aa7c87;font-size:14px;margin-right:15px}.wiki-index .columns{float:right;width:358px;min-height:1000px}.wiki-index .columns h2{display:block;width:358px;height:68px;background:url(/pre-order/images/pc/wiki/wiki_title_02-b633671227.png) no-repeat;line-height:84px;color:#fbf9f6;font-size:22px;text-indent:54px;text-shadow:1px 1px 0 #5b5c5c,-1px -1px 0 #5b5c5c,-1px 1px 0 #5b5c5c,1px -1px 0 #5b5c5c,1px 1px 0 #5b5c5c,-1px -1px 0 #5b5c5c,-1px 1px 0 #5b5c5c,1px -1px 1px #5b5c5c,1px 1px 1px #5b5c5c,-1px -1px 1px #5b5c5c,-1px 1px 1px #5b5c5c,1px -1px 1px #5b5c5c,1px 1px 1px #5b5c5c,-1px -1px 1px #5b5c5c,-1px 1px 1px #5b5c5c,1px -1px 1px #5b5c5c}.wiki-index .columns .hot-pages{padding-bottom:20px;min-height:340px}.wiki-index .columns .hot-pages ul{overflow:hidden;padding-top:15px;width:346px;padding-left:12px}.wiki-index .columns .hot-pages ul li{position:relative;width:100%;height:32px;color:#626269;line-height:32px;font-size:18px}.wiki-index .columns .hot-pages ul li a{display:block;color:#626269;text-indent:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .25s}.wiki-index .columns .hot-pages ul li:hover a{text-indent:20px;transition:all .25s}.wiki-index .columns .hot-pages ul li:after{position:absolute;top:13px;left:-9px;width:7px;height:7px;border-radius:50%;background:#626269;content:''}.wiki-index .columns .hot-pages .more{width:100%;height:30px;line-height:30px}.wiki-index .columns .hot-pages .more a{float:right;color:#aa7c87;font-size:14px}.wiki-index .columns .game-intr{overflow:hidden;min-height:280px}.wiki-index .columns .game-intr ul{width:100%;padding-top:17px}.wiki-index .columns .game-intr ul li{width:100%;height:35px;margin-bottom:10px;line-height:35px}.wiki-index .columns .game-intr ul li a{display:block;width:100%;display:flex;flex-wrap:wrap}.wiki-index .columns .game-intr ul li span{display:block;width:100px;height:35px;background:url(/pre-order/images/pc/wiki/label_bg-54a0f2cc97.png) no-repeat;text-align:center;color:#fff;font-size:14px;text-shadow:1px 1px 0 #707f59,-1px -1px 0 #707f59,-1px 1px 0 #707f59,1px -1px 0 #707f59,1px 1px 0 #707f59,-1px -1px 0 #707f59,-1px 1px 0 #707f59,1px -1px 1px #707f59,1px 1px 1px #707f59,-1px -1px 1px #707f59,-1px 1px 1px #707f59,1px -1px 1px #707f59,1px 1px 1px #707f59,-1px -1px 1px #707f59,-1px 1px 1px #707f59,1px -1px 1px #707f59}.wiki-index .columns .game-intr ul li p{width:240px;margin-left:13px;color:#626269;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;transition:all .25s}.wiki-index .columns .game-intr ul li:hover p{text-indent:10px;transition:all .25s}.wiki-index .columns .game-intr .more{width:100%;height:30px;line-height:30px}.wiki-index .columns .game-intr .more a{float:right;color:#aa7c87;font-size:14px}.wiki-index .columns .about-wiki{height:460px}.wiki-index .columns .about-wiki p{padding:20px 14px;color:#626269;line-height:30px;font-size:18px}.friendship{width:100%;min-width:1000px;height:auto;margin:0 auto;background:#061019}.friendship .f-header{position:relative;width:100%;height:296px;background:url(/pre-order/images/pc/f_header_bg-c84de58bb1.jpg) center no-repeat}.friendship .f-header .logo{position:absolute;top:21px;left:60px;width:303px;height:80px}.friendship .f-header .logo img{display:block;width:100%;height:100%}.friendship .f-header .other{position:absolute;top:21px;right:48px;width:auto;height:31px}.friendship .f-header .other a{position:relative;float:right;padding-bottom:7px;color:#000;font-weight:700;font-size:18px}.friendship .f-header .other a:after{position:absolute;bottom:0;left:50%;width:17px;height:3px;margin-left:-8.5px;background:#961e23;content:"";transition:all .5s}.friendship .f-header .other a:hover{opacity:.8}.friendship .f-header .other a:hover:after{left:0;width:100%;margin-left:0;transition:all .5s}.friendship .f-main{width:100%;height:auto;background:#bdc6ba url(/pre-order/images/pc/main_bottom_bg-6bc4ffce71.png) bottom no-repeat}.friendship .f-main .main-box{width:1000px;min-height:800px;margin:0 auto}.friendship .f-main .main-box ul{display:block;padding-top:100px}.friendship .f-main .main-box ul li{float:left;width:136px;margin:0 15px 15px}.friendship .f-main .main-box ul li a{border:1px solid #ccc;transition:all .5s}.friendship .f-main .main-box ul li a{display:block;width:100%;height:100%}.friendship .f-main .main-box ul li a:hover{transform:scale(1.05);transition:all .25s}.friendship .slide-footer{display:none}@media screen and (min-height:1080px){.foreground{bottom:0!important}.index .content-01 .banner{top:410px}.index .content-02 .main{margin-top:-405px}.index .content-02 .treasure-02{margin-left:393px}.index .content-03 .main{margin:-300px 0 0 -750px}.index .content-03 .main .marquee-box .swiper-box{top:4%}.index .content-03 .main .txtMarquee-right{margin-top:5vh}}@media screen and (max-height:854px){.index .content-01 .banner,.index .content-03 .main,.index .content-04 .main,.index .content-04 .more-btn,.index .popup .popup{transform:scale(.9)}.index .content-02 .main{transform:scale(.75)}.index .content-02 .title-02{top:-30px;transform:scale(.75)}.index .content-03 .main .txtMarquee-right{margin-top:16vh;margin-right:50px}}@media screen and (max-height:810px){.index .content-01 .banner,.index .content-03 .main,.index .content-04 .main,.index .content-04 .more-btn,.index .popup .popup{transform:scale(.85)}.index .content-02 .main{transform:scale(.7)}.index .content-02 .enclosure{bottom:-50px}.index .content-02 .treasure-02{bottom:32px}.index .content-02 .title-02{transform:scale(.7)}.index .content-03 .main{margin:-345px 0 0 -750px}.index .content-03 .main .txtMarquee-right{margin-top:19vh;margin-right:20px}}@media screen and (max-height:768px){.index .swiper-slide .separate{top:-20px}.index .swiper-slide .title{top:122px}.index .content-02 .enclosure{bottom:-50px}.index .content-02 .separate{top:-35px}.index .content-02 .treasure-01{bottom:70px}.index .content-02 .treasure-02{bottom:17px}.index .content-02 .title-02{top:-54px;transform:scale(.65)}.index .content-03 .main{margin:-345px 0 0 -750px}.index .content-03 .main .txtMarquee-right{margin-top:21vh;margin-right:0}.index .content-01 .banner,.index .content-03 .main,.index .content-04 .main,.index .content-04 .more-btn,.index .popup .popup{transform:scale(.8)}.index .content-01 .banner{top:270px}}@media screen and (max-height:730px){.index .content-02 .main{transform:scale(.8)}.index .content-02 .enclosure{bottom:-50px}.index .content-02 .separate{top:-50px}.index .content-02 .treasure-01{bottom:60px}.index .content-02 .treasure-02{bottom:5px}.index .content-02 .title-02{top:-70px}.index .content-03 .main{margin:-366px 0 0 -750px}}@media screen and (max-width:1560px){.index .content-02 .treasure-01{margin-left:-938px}.index .content-03 .main{transform:scale(.9);margin:-305px 0 0 -750px}}@media screen and (max-width:1200px){.index .rocket{right:auto;left:1090px}.index .content-03 .main{transform:scale(.75);margin:-277px 0 0 -750px}.index .content-03 .main .marquee-box .swiper-box{top:0}.index .content-03 .main .txtMarquee-right{margin-top:5vh}}@media screen and (max-height:820px){.index .content-01{background:#6c6f9e}.index .content-01 .official-btn{top:85px;right:70px}.index .content-01 .banner{transform:scale(.8)}.index .content-01 .bg{transform:scale(.75)}.index .content-02 .main{transform:scale(.7)}.index .content-03 .main .detail-btn{top:-13%;right:3%}}@media screen and (max-height:650px){.index .content-01 .official-btn{transform:scale(.8)}.index .content-01 .banner{transform:scale(.65);margin-top:-135px}.index .content-01 .bg{transform:scale(.7)}.index .content-01 .banner,.index .content-04 .main,.index .content-04 .more-btn,.index .popup .popup{transform:scale(.65)}.index .content-02 .main{transform:scale(.65)}.index .content-02 .separate{top:-60px}.index .content-02 .enclosure{bottom:-60px}.index .content-02 .enclosure .treasure-01{bottom:60px}.index .content-02 .treasure-02{bottom:30px}.index .content-03 .main{transform:scale(.7)}.index .content-03 .main .txtMarquee-right{margin-top:29vh;margin-right:0}}@media screen and (max-height:550px){.index .content-01 .banner{transform:scale(.6);margin-top:-180px}.index .content-01 .official-btn{right:278px}.index .content-01 .bg{transform:scale(.6)}.index .content-01 .banner,.index .content-03 .main,.index .content-04 .main,.index .popup .popup_box,.index .swiper-slide .title{transform:scale(.6)}.index .content-02 .main{transform:scale(.55);margin-top:-359px}.index .content-03 .main{margin:-347px 0 0 -750px}.index .content-03 .main .txtMarquee-right{margin-top:35vh;margin-right:0}}@media (orientation:portrait){.index{opacity:0}.orientation-portrait{display:block}}@keyframes tadpoleAni01{0%,100%{transform:translateX(0)}50%{transform:translateX(180px)}}@keyframes tadpoleAni02{0%,100%{transform:translateX(0)}50%{transform:translateX(250px)}}@keyframes tadpoleAni03{0%,100%{transform:translateX(0)}50%{transform:translateX(300px)}}@keyframes tadpoleAni04{0%,100%{transform:translateX(0)}50%{transform:translateX(220px)}}@keyframes tadpoleAni05{0%,100%{transform:translateX(0)}50%{transform:translateX(200px)}}@keyframes tadpoleAni06{0%,100%{transform:translateX(0)}50%{transform:translateX(-180px)}}@keyframes tadpoleAni07{0%,100%{transform:translateX(0)}50%{transform:translateX(-320px)}}@keyframes caseAni{0%,100%{transform:translateY(0) rotate(1deg)}20%{transform:rotate(2deg)}34%{transform:rotate(-1deg)}50%{transform:translateY(3px) rotate(0)}}@keyframes woniuAni{0%,100%{transform:translateX(0) translateY(0)}50%{transform:translateX(250px) translateY(80px) scale(1.1)}}.turn{transform:rotateY(180deg)}@keyframes ani4{0%{transform:scale(1)}80%{transform:scale(1.1)}100%{transform:scale(1.05)}}@keyframes rotate2{0%{-webkit-transform:rotate(0)}10%{-webkit-transform:rotate(10deg)}20%{-webkit-transform:rotate(-10deg)}30%{-webkit-transform:rotate(10deg)}40%{-webkit-transform:rotate(-10deg)}50%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(0)}}@keyframes rotate3{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes rotateAni{0%{transform:rotate(0)}50%{transform:rotate(3deg);opacity:.2}}@keyframes woniuAni2{from{background-position:0 0}to{background-position:-200px 0}}@keyframes televisionAni{from{background-position:0 0}to{background-position:-6500px 0}}@keyframes robotAni{from{background-position:0 0}to{background-position:-16200px 0}}@keyframes mailboxAni{from{background-position:0 0}to{background-position:-2193px 0}}@keyframes machineAni{from{background-position:0 0}to{background-position:-2880px 0}}@keyframes frogAni{from{background-position:0 0}to{background-position:-11250px 0}}@keyframes stoveAni{from{background-position:0 0}to{background-position:-3780px 0}}@keyframes rippleAni{from{background-position:0 0}to{background-position:-11100px 0}}@keyframes delAni{from{background-position:0 0}to{background-position:-4800px 0}}@keyframes tadpoleAni{from{background-position:0 0}to{background-position:-228px 0}}@keyframes stoneAni{from{background-position:0 0}to{background-position:-7350px 0}}@keyframes wnAni{from{background-position:0 0}to{background-position:-900px 0}}@keyframes huobaAni{from{background-position:0 0}to{background-position:-1950px 0}}@keyframes mouseAni1{from{background-position:0 0}to{background-position:-136px 0}}@keyframes tortoiseAni1{from{background-position:0 0}to{background-position:-400px 0}}@keyframes monsterAni1{from{background-position:0 0}to{background-position:-900px 0}}@keyframes fanAni1{from{background-position:0 0}to{background-position:-1260px 0}}@keyframes roleAni1{from{background-position:0 0}to{background-position:-1440px 0}}@keyframes mouse{0%{-webkit-transform:translateX(0)}20%{-webkit-transform:translateX(-400px)}30%{-webkit-transform:translateX(-400px)}70%{-webkit-transform:translateX(-2200px)}100%{-webkit-transform:translateX(-2200px)}}@keyframes tortoise{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(-2200px)}}@keyframes playBtnAni{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes preloadingAni{0%{transform:scale(1);opacity:1}100%{opacity:0;transform:scale(2)}}@keyframes Beat{0%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(-10px)}0%{-webkit-transform:translateY(0)}}@keyframes breatheAni{0%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes scaleAni{0%{transform:scale(1)}100%{transform:scale(1.5);opacity:0}}@keyframes rubberBand2{0%{transform:translateY(0) scale3d(1,1,1)}30%{transform:translateY(-50px) scale3d(1.25,.75,1)}40%{transform:translateY(-55px) scale3d(.75,1.25,1)}50%{transform:translateY(-50px) scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}100%{transform:translateY(0) scale3d(1,1,1)}}@keyframes rocketAni{from{background-position:0 0}to{background-position:-1600px 0}}@keyframes shineAni{0%{transform:scale(.98);opacity:.7}50%{transform:scale(1.02);opacity:1}100%{transform:scale(.98);opacity:.7}}@keyframes PlayBtnAni{50%{transform:scale(.9)}}@keyframes handAni{0%{transform:translateY(0)}50%{transform:translate(10px,10px)}}@keyframes circleAni{0%{transform:scale(1);opacity:1;filter:brightness(1)}50%{opacity:.5;filter:brightness(1.1)}100%{transform:scale(1);opacity:1;filter:brightness(1)}}@keyframes drawerAni{from{background-position:0 0}to{background-position:-64625px 0}}@keyframes smokeAni{0%{background-position:0 0}100%{background-position:-4568px 0}}@keyframes skewAni{60%{transform:skew(.3deg);transform-origin:50% 100%}40%,80%{transform:skew(-.9deg);transform-origin:50% 100%}}@keyframes machineAni{from{background-position:0 0}to{background-position:-55640px 0}}@keyframes shake{0%{transform:scale(1)}10%,20%{transform:scale(1)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}@keyframes shakeAni{29%{transform:rotate(0)}30%{transform:rotate(4deg)}32%{transform:rotate(-4deg)}34%{transform:rotate(4deg)}36%{transform:rotate(-4deg)}38%{transform:rotate(4deg)}40%{transform:rotate(-4deg)}42%{transform:rotate(4deg)}44%{transform:rotate(-4deg)}46%{transform:rotate(4deg)}48%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}52%{transform:rotate(-4deg)}54%{transform:rotate(0)}}@keyframes snailAni{0%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(3px)}0%{-webkit-transform:translateY(0)}}@keyframes ghostAni{0%{-webkit-transform:translateY(0);opacity:1;filter:brightness(1)}50%{-webkit-transform:translateY(5px);opacity:.7;filter:brightness(1.1)}0%{-webkit-transform:translateY(0);opacity:1;filter:brightness(1)}}
/*# sourceMappingURL=style_index-b70e7f6913.css.map */