@font-face{font-family:LI;src:url(//static2.qcplay.com/fonts/LI.ttf);font-family:"Cordia New Bold";src:url("//static2.qcplay.com/fonts/Cordia New Bold.ttf")}@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;min-width:1024px;margin:0 auto;height:100%;width:100%}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:62px;min-width:1200px;z-index:11;background:url(/official/images/pc/header_bg-c413a7aa85.png) no-repeat;transition:all .5s}.header .header-box{width:100%;height:56px;display:flex;align-items:center;justify-content:space-between}.header .header-box .icon{float:left;width:201px;height:48px;margin-left:20px;transition:all .5s}.header .header-box .icon img{display:block;width:100%;height:100%}.header .header-box .nav{float:right;height:52px;margin-right:50px}.header .header-box .nav ul{display:block;width:100%;height:68px;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:68px;padding:0 10px;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:60px;color:#6f5a57;font-size:24px;font-family:LI;font-weight:500}.header .header-box .nav .ani-btn:after{position:absolute;top:8px;left:30px;width:35px;height:35px;background:url(/official/images/pc/snail_ke-6838f235b8.png) 12px 9px no-repeat;-ms-background-size:65% 65%;background-size:65% 65%;content:""}.header .header-box .nav .on:after{background:url(/official/images/pc/snail-b2020d29db.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{text-shadow:1px 1px 0 #c46179,-1px -1px 0 #c46179,-1px 1px 0 #c46179,1px -1px 0 #c46179,1px 1px 0 #c46179,-1px -1px 0 #c46179,-1px 1px 0 #c46179,1px -1px 1px #c46179,1px 1px 1px #c46179,-1px -1px 1px #c46179,-1px 1px 1px #c46179,1px -1px 1px #c46179,1px 1px 1px #c46179,-1px -1px 1px #c46179,-1px 1px 1px #c46179,1px -1px 1px #c46179;color:#f5e6e6;transition:all .25s}.header .header-box .ani-btn:hover .hidden-info{display:block;transition:all .25s}.header .hidden-link-box{display:none;position:absolute;top:58px;right:-9px;width:195px;height:225px;background:url(/official/images/pc/hidden_box.png) no-repeat}.header .hidden-link-box div{padding-top:60px}.header .hidden-link-box div a{position:relative;width:100%;height:45px;color:#786c61;line-height:44px;font-size:16px;text-align:center;display:flex;align-items:center;font-weight:500}.header .hidden-link-box div a i{display:block;width:31px;height:31px;margin:0 10px 0 40px;background:url(/official/images/pc/nav_btn.png) no-repeat}.header .hidden-link-box div a:nth-child(1) i{background-position:0 0}.header .hidden-link-box div a:nth-child(2) i{background-position:0 -40px}.header .hidden-link-box div a:hover{color:#de3b5e}.header .hidden-link-box div a:nth-last-child(1):after{background:0 0}.ts-select-span span{text-shadow:1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #a16c76,1px -1px 0 #a16c76,1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #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;color:#faece8}.ts-select-on{background:url(/official/images/pc/snail-b2020d29db.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.header-bg{height:58px;background:url(/official/images/pc/header_bg-c413a7aa85.png) 50% no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.header-bg .header-box{height:58px;padding-top:0}.header-bg .icon{margin-top:0}.header-bg .nav ul .ani-btn span{color:#503d49}.header-bg .nav ul .ani-btn:hover span,.header-bg .nav ul .on span{text-shadow:1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #a16c76,1px -1px 0 #a16c76,1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #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;color:#faece8}.header-dh .nav ul .nav-link-01 span{text-shadow:1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #a16c76,1px -1px 0 #a16c76,1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #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;color:#faece8}.header-dh .nav ul .nav-link-01:after{background:url(/official/images/pc/snail-b2020d29db.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.header-zx .nav ul .nav-link-02 span{text-shadow:1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #a16c76,1px -1px 0 #a16c76,1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #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;color:#faece8}.header-zx .nav ul .nav-link-02:after{background:url(/official/images/pc/snail-b2020d29db.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.header-gl .nav ul .nav-link-05 span{text-shadow:1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #a16c76,1px -1px 0 #a16c76,1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #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;color:#faece8}.header-gl .nav ul .nav-link-05:after{background:url(/official/images/pc/snail-b2020d29db.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.header-st .nav ul .nav-link-04 span{text-shadow:1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #a16c76,1px -1px 0 #a16c76,1px 1px 0 #a16c76,-1px -1px 0 #a16c76,-1px 1px 0 #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;color:#faece8}.header-st .nav ul .nav-link-04:after{background:url(/official/images/pc/snail-b2020d29db.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%}.footer{position:relative;width:100%;background:#282f3e;z-index:9}.footer .footer-content{overflow:hidden;min-width:1200px;padding:45px 0;margin:0 auto;color:#fff;font-size:12px;line-height:40px}.footer .footer-content .left-logo{position:relative;float:left;display:block;width:110px;height:110px;margin-right:25px}.footer .footer-content .centre-info{float:left}.footer .footer-content .centre-info .btn-box{display:flex;height:54px;padding-bottom:10px}.footer .footer-content .centre-info .btn-box a{display:block;height:100%}.footer .footer-content .centre-info .btn-box .btn-1{width:144px;margin-right:37px;background:url(/official/images/pc/icon_all-4ed80e9ac9.png) -156px -828px no-repeat}.footer .footer-content .centre-info .btn-box .btn-2{width:181px;background:url(/official/images/pc/icon_all-4ed80e9ac9.png) -315px -828px no-repeat}.footer .footer-content .centre-info .info{padding-top:23px;color:#fff;line-height:32px;font-size:12px}.footer .footer-content .right-details{float:right;text-align:right;line-height:32px;margin-top:21px}.footer .footer-content .right-details a,.footer .footer-content .right-details p{color:#fff;font-size:12px}.footer .footer-content .right-details a:hover{text-decoration:underline}.select{right:-243px}.select .changes-btn .on{display:none;left:-78px}.select .changes-btn .off{display:block;left:0}.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 .swiper-slide .bg .enclosure .flame i{transition:all .5s}.index .swiper-slide .bg .enclosure .disappear{transform:scale(0)}.index .content-01{overflow:hidden;position:relative;width:100%;height:100%}.index .content-01 .banner{position:absolute;top:50%;left:50%;margin-top:-395px;width:1012px;height:527px;transform:translateX(-50%);z-index:9}.index .content-01 .banner .title{width:1012px}.index .content-01 .banner .title img{display:block;width:100%;height:100%}.index .content-01 .banner .title .play-btn{position:absolute;top:295px;right:225px;width:92px;height:97px}.index .content-01 .banner .title .play-btn i{display:block;width:100%;height:100%;background:url(/official/images/pc/play_btn-ee6caf9b2a.png) no-repeat;animation:playBtnAni 1.5s ease-in-out infinite}.index .content-01 .banner .title .play-btn:hover i{animation-play-state:paused}.index .content-01 .banner .code-btn{width:980px;margin:0 auto}.index .content-01 .banner .code-btn .top-code-box{position:relative;width:980px;height:121px}.index .content-01 .banner .code-btn .btn-box{width:980px;height:121px;margin:-45px auto 35px;padding-left:30px}.index .content-01 .banner .code-btn .btn-box a{float:left;display:block;width:240px;height:97px;margin-bottom:18px;margin-left:40px}.index .content-01 .banner .code-btn .btn-box .google-btn{background:url(/official/images/pc/google_btn-fc406b5710.png) no-repeat}.index .content-01 .banner .code-btn .btn-box .app-btn{background:url(/official/images/pc/app_btn-0b6bf9089b.png) no-repeat}.index .content-01 .banner .code-btn .btn-box .vision_btn{position:relative;background:url(/official/images/pc/vision_btn-da3881af28.png) no-repeat}.index .content-01 .banner .code-btn .btn-box .vision_btn::after{position:absolute;right:-50%;top:-74%;content:"";width:208px;height:141px;background:url(/official/images/pc/btn_tip-df84f95244.png) no-repeat}.index .content-01 .banner .code-btn .bottom-code-box{width:420px;height:auto;margin:0 auto}.index .content-01 .banner .code-btn .bottom-code-box a{float:left;width:131px;height:131px;margin:0 8px 0 0}.index .content-01 .banner .code-btn .bottom-code-box .facebook-btn{background:url(/official/images/pc/facebook_btn-7ab603e52f.png) no-repeat}.index .content-01 .banner .code-btn .bottom-code-box .zalo-btn{background:url(/official/images/pc/zalo_btn-87c462e685.png) no-repeat}.index .content-01 .banner .code-btn .bottom-code-box .discord-btn{background:url(/official/images/pc/discord_btn-d05d829ad7.png) no-repeat}.index .content-01 .banner .add-btn-box{position:absolute;top:285px;left:150px;height:171px}.index .content-01 .bg{position:absolute;left:50%;top:50%;width:1920px;height:1080px;margin:-540px 0 0 -960px;background:url(/official/images/pc/index_bg_3-31e4ce7b17.png) #667184 center center no-repeat}.index .content-01 .bg:after{position:absolute;top:0;left:0;bottom:0;right:0;content:""}.index .content-02{width:100%;height:100%;position:relative}.index .content-02 .title{background:url(/official/images/pc/tit-b80220dd0a.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;position:absolute;top:90px;left:50%;width:399px;height:104px;transform:translate(-50%);transition:all .5s ease-in-out;transform-origin:center top;z-index:3}.index .content-02 .bottom{background:url(/official/images/pc/bottom-aa531f41a1.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;position:absolute;bottom:0;width:100vw;height:8.75vw;transition:all .5s ease-in-out;transform-origin:center top;z-index:3;pointer-events:none}.index .content-02 .swiper-container-feature{position:absolute;width:100%;height:100%}.index .content-02 .swiper-container-feature .swiper-slide{position:relative;width:100%;height:100%;box-sizing:border-box}.index .content-02 .swiper-container-feature .slide_1{background:url(/official/images/pc/1-315cc00570.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;width:100%;height:100%;background-size:cover}.index .content-02 .swiper-container-feature .slide_1 .main{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.index .content-02 .swiper-container-feature .slide_1 .main .text{position:absolute;width:583px;height:452px;background:url(/official/images/pc/1_text-37166338d1.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;background-size:contain;right:6.7%;top:29.9%}.index .content-02 .swiper-container-feature .slide_2{background:url(/official/images/pc/2-79f64399b4.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;width:100%;height:100%;background-size:cover}.index .content-02 .swiper-container-feature .slide_2 .main{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.index .content-02 .swiper-container-feature .slide_2 .main .text{position:absolute;width:699px;height:462px;background:url(/official/images/pc/2_text-0f7289fa1b.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;top:19.8%;left:6.7%}@keyframes pendulum{0%{transform:translate(-50%,-50%) rotate(1deg)}50%{transform:translate(-50%,-50%) rotate(-1deg)}100%{transform:translate(-50%,-50%) rotate(1deg)}}.index .content-02 .swiper-container-feature .slide_3{background:url(/official/images/pc/3-132052a497.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;width:100%;height:100%;background-size:cover}.index .content-02 .swiper-container-feature .slide_3 .main{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.index .content-02 .swiper-container-feature .slide_3 .main .text{position:absolute;width:704px;height:508px;background:url(/official/images/pc/3_text-75f86be450.png) no-repeat;background-size:contain;left:7.37%;top:17.85%}.index .content-02 .swiper-container-feature .swiper-slide-active{opacity:1}.index .content-02 .swiper-container-feature .swiper-slide-active{overflow:initial!important}.index .content-02 .swiper-container-feature .swiper-button-prev{position:absolute;top:calc(100% - 50.5px);left:calc(50% - 160.5px);width:41px;height:53px;background-image:none;background:url(/official/images/pc/bt-decf18cc5d.png) no-repeat center center;background-size:cover;background-position:0}.index .content-02 .swiper-container-feature .swiper-button-next{position:absolute;top:calc(100% - 50.5px);left:calc(50% - -120.5px);width:41px;height:53px;background:url(/official/images/pc/bt-decf18cc5d.png) no-repeat center center;background-size:cover;background-position:100%}.index .content-02 .swiper-container-feature .swiper-pagination{width:176.4px;height:9px;background:url(/official/images/pc/dot_bg-ebea1d9797.png) no-repeat;background-size:contain;opacity:1;position:relative;left:calc(50% - 88.2px);top:-50px}.index .content-02 .swiper-container-feature .swiper-pagination .swiper-pagination-bullet{width:27.9px;height:27.9px;background:url(/official/images/pc/dot-3bc04acf1c.png) no-repeat;background-size:contain;opacity:1;position:relative;top:-12px}.index .content-02 .swiper-container-feature .swiper-pagination .swiper-pagination-bullet-active{width:27.9px;height:27.9px;background:url(/official/images/pc/active-e5bb929d59.png) no-repeat;background-size:contain;position:relative;top:-12px}.index .content-04{position:relative;width:100%}.index .content-04 .separate{overflow:hidden;position:absolute;top:-10px;width:100%;height:169px;background:url(/official/images/pc/pipeline-3c6ab3f110.png) 0 -25px no-repeat;z-index:10}.index .content-04 .separate span{position:absolute;display:block;width:100%;height:186px;margin-top:-52px;background:url(/official/images/pc/pipeline_04-1941479533.png) center no-repeat;z-index:3}.index .content-04 .separate b{position:absolute;top:63px;left:50%;width:68px;height:44px;z-index:2}.index .content-04 .separate .mouse-01{margin-left:960px;animation:mouse 10s ease-in-out infinite}.index .content-04 .separate .mouse-01 i{display:block;width:100%;height:100%;background:url(/official/images/pc/mouse_01-3126245d4e.png) no-repeat;animation:mouseAni1 .4s steps(2) infinite}.index .content-04 .separate .mouse-02{margin-left:1050px;animation:mouse 10s ease-in-out infinite}.index .content-04 .separate .mouse-02 i{display:block;width:100%;height:100%;background:url(/official/images/pc/mouse_02-8acb22a008.png) no-repeat;animation:mouseAni1 .4s steps(2) infinite}.index .content-04 .title{position:absolute;left:50%;top:0;width:394px;height:281px;margin-left:-197px;background:url(/official/images/pc/content_title_04-88f0d57a2a.png) no-repeat;z-index:9}.index .content-04 .bg{position:absolute;bottom:0;left:50%;width:1920px;height:100%;margin-left:-960px;background:#72686f url(/official/images/pc/content_bg_04-8126882e28.png) 50% bottom no-repeat}.index .content-04 .enclosure{position:absolute;bottom:0;left:50%;width:1920px;height:231px;margin-left:-960px;z-index:8}.index .content-04 .enclosure span{position:absolute;top:0;left:0;display:block;width:1920px;height:235px;background:url(/official/images/pc/seabed_img_04-2e0c1a9d95.png) no-repeat;z-index:2}.index .content-04 .enclosure .torch-01,.index .content-04 .enclosure .torch-02{position:absolute;bottom:143px;width:150px;height:150px;left:50%;z-index:2}.index .content-04 .enclosure .torch-01 i,.index .content-04 .enclosure .torch-02 i{display:block;width:100%;height:100%;background:url(/official/images/pc/combination/torch-d011b7c30f.png)}.index .content-04 .enclosure .torch-01{margin-left:-728px}.index .content-04 .enclosure .torch-01 i{animation:huobaAni 1.1s steps(13) infinite}.index .content-04 .enclosure .torch-02{margin-left:578px}.index .content-04 .enclosure .torch-02 i{animation:huobaAni 1.1s steps(13) infinite}.index .content-04 .amazed-snail{position:absolute;bottom:136px;left:291px;display:block;width:157px;height:208px;background:url(/official/images/pc/amazed_snail-817d381531.png) no-repeat;z-index:7;cursor:pointer}.index .content-04 .rubberBand2{animation-name:rubberBand2;animation-duration:.8s;-webkit-animation-duration:.8s;animation-delay:.2s;-webkit-animation-delay:.2s}.index .content-04 .main{position:absolute;top:50%;left:50%;width:710px;height:550px;margin:-200px 0 0 -355px;z-index:10;transform:scale(.9)}.index .content-04 .main .swiper-container-card{position:absolute;width:100%;height:512px}.index .content-04 .main .swiper-container-card .swiper-slide{position:relative;width:296px;height:511px;opacity:0}.index .content-04 .main .swiper-container-card .swiper-slide img{display:block;width:296px;height:511px;-o-object-fit:cover;object-fit:cover}.index .content-04 .main .swiper-container-card .swiper-slide-active,.index .content-04 .main .swiper-container-card .swiper-slide-next,.index .content-04 .main .swiper-container-card .swiper-slide-prev{opacity:1}.index .content-04 .main .swiper-container-card .swiper-slide-active{overflow:initial!important}.index .content-04 .main .swiper-container-card .swiper-pagination2{position:absolute;display:flex;bottom:-9%;justify-content:center;align-items:center}.index .content-04 .main .swiper-container-card .swiper-pagination2 .swiper-pagination-bullet{width:25px;height:25px;background:url(/official/images/pc/postcard/dot_01-278599478e.png) no-repeat;opacity:1;transform:scale(.8);margin:0;margin:0 5px}.index .content-04 .main .swiper-container-card .swiper-pagination2 .swiper-pagination-bullet-active{width:31px;height:31px;background:url(/official/images/pc/postcard/dot_02-ec8327df9f.png) no-repeat;transform:scale(.8)}.index .content-04 .main .swiper-container-card .swiper-button-prev{position:absolute;top:46.5%;left:-7%;width:53px;height:61px;background:url(/official/images/pc/postcard/left_arrow-4fd4c6c270.png) no-repeat;animation:playBtnAni 1s ease-in-out infinite}.index .content-04 .main .swiper-container-card .swiper-button-next{position:absolute;top:46.5%;right:-7%;width:53px;height:61px;background:url(/official/images/pc/postcard/right_arrow-44cf0942c3.png) no-repeat;animation:playBtnAni 1s ease-in-out infinite}.index .content-05{width:100%;height:320px;background:#000;z-index:12}.index .content-05 .footer-content{position:absolute;left:50%;width:96%;min-width:1600px;padding:30px 0;transform:translateX(-50%);display:flex;flex-wrap:wrap;justify-content:space-between;align-content:space-between;background:#000;color:#fff;font-size:22px;line-height:30px}.index .content-05 .footer-content .l-logo{width:200px;height:45px;display:flex}.index .content-05 .footer-content .l-logo img{display:block;width:100%;height:100%}.index .content-05 .footer-content .content p{font-size:16px;line-height:28px;color:#fff;text-align:center;font-family:"Times New Roman"}.index .content-05 .footer-content .content p a{color:#fff}.index .content-05 .footer-content .content p:nth-child(1){margin-top:11px}.index .content-05 .footer-content .r-logo{width:89px;height:128px;display:flex}.index .content-05 .footer-content .r-logo img{display:block;width:100%;height:100%}.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(/official/images/pc/combination/rocket-a07b99bece.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(/official/images/pc/mengban-ef16b29fcc.png);-ms-background-size:100% 100%;background-size:100% 100%;z-index:12}.index .video-wrap .popup-video{display:none;position:absolute;top:50%;left:50%;width:837px;height:520px;margin:-260px 0 0 -418px;background:url(/official/images/pc/popup_video-0177b59164.png) no-repeat;z-index:2}.index .video-wrap .popup-video .popup-box{overflow:hidden;position:absolute;top:10px;left:10px;width:817px;height:500px;border-radius:5px;z-index:9}.index .video-wrap .popup-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.index .video-wrap .popup-bg .close-btn{position:absolute;top:50%;left:50%;width:96px;height:94px;margin:-280px 0 0 410px;cursor:pointer}.index .video-wrap .popup-bg .close-btn:after{position:absolute;top:25px;left:27px;width:46px;height:46px;background:url(/official/images/pc/close_bg_02-44677341c1.png) no-repeat;content:"";-webkit-transform:rotate(0);transition:all .5s}.index .video-wrap .popup-bg .close-btn:hover:after{-webkit-transform:rotate(90deg);transition:all .5s}.index .wrap30 .popup30{position:absolute;top:50%;left:50%;width:493px;height:627px;margin:-313.5px 0 0 -246.5px;background:url(/official/images/pc/30w-5ba5b4d0e5.png) no-repeat;z-index:2}.index .wrap30 .popup30 .btn{position:absolute;width:170px;height:60px;bottom:60px;left:50%;transform:translateX(-50%);cursor:pointer}.index .wrap40 .popup40{position:absolute;top:50%;left:50%;width:493px;height:627px;margin:-313.5px 0 0 -246.5px;background:url(/official/images/pc/40w-99eb32b508.png) no-repeat;z-index:2}.index .wrap40 .popup40 .btn{position:absolute;width:170px;height:60px;bottom:60px;left:50%;transform:translateX(-50%);cursor:pointer}.index .wrap50 .popup50{position:absolute;top:50%;left:50%;width:493px;height:627px;margin:-313.5px 0 0 -246.5px;background:url(/official/images/pc/50w-41591e375e.png) no-repeat;z-index:2}.index .wrap50 .popup50 .btn{position:absolute;width:170px;height:60px;bottom:60px;left:50%;transform:translateX(-50%);cursor:pointer}.index .wrap60 .popup60{position:absolute;top:50%;left:50%;width:493px;height:627px;margin:-313.5px 0 0 -246.5px;background:url(/official/images/pc/60w-b9fb42fb05.png) no-repeat;z-index:2}.index .wrap60 .popup60 .btn{position:absolute;width:170px;height:60px;bottom:60px;left:50%;transform:translateX(-50%);cursor:pointer}.index .wrap80 .popup80{position:absolute;top:50%;left:50%;width:493px;height:627px;margin:-313.5px 0 0 -246.5px;background:url(/official/images/pc/80w-6d9aa7caca.png) no-repeat;z-index:2}.index .wrap80 .popup80 .btn{position:absolute;width:170px;height:60px;bottom:60px;left:50%;transform:translateX(-50%);cursor:pointer}.index-show{opacity:1;transition:all .5s}.preloading{overflow-y:hidden;position:fixed;top:50%;left:50%;width:1920px;height:1080px;margin-top:-540px;margin-left:-960px;background:url(/official/images/pc/index_bg_3-31e4ce7b17.png) 50% no-repeat;z-index:9999}.preloading .loding_time{position:absolute;top:50%;left:50%;width:588px;height:100px;margin:20px 0 0 -294px;background:url(/official/images/pc/m_jdt-3cb562c127.png) no-repeat;-ms-background-size:100% 100%;background-size:100% 100%;z-index:1}.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(/official/images/pc/m_dt_sz-3967c301d6.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(/official/images/pc/m_dt_t-1015431e0f.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:28px;text-align:center}.preloading .bg{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.32);content:""}.preloading:after .preloading-ani{animation-fill-mode:forwards;animation:preloadingAni .8s}.orientation-portrait{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:#fff;display:none;background:url(/official/images/pc/fanzhuan_bg-531d382ba7.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:693px;height:243px;margin-top:-200px}@media screen and (max-height:854px){.index .popup .popup_box{transform:scale(.9)}.index .content-02 .index .content-03 .swiper-container-snail .swiper-slide{z-index:1}.index .content-02 .index .content-03 .swiper-container-snail .swiper-slide-active{z-index:2}.index .content-02 .index .content-03 .swiper-container-snail .swiper-slide-active .main{z-index:9}.index .content-02 .title{transform:translate(-50%,-50%) scale(.9);transform-origin:top center}.index .content-02 .swiper-container-feature .swiper-slide-active .main{transform:translate(-50%,-50%) scale(.85);transform-origin:center center;z-index:9}.index .content-01 .banner{transform:translateX(-50%) scale(.9)}.index .content-01 .title{transform:scale(1)}.index .content-04 .title{transform:scale(.9);top:25px}.index .content-04 .main{transform:scale(.8)}.index .content-04 .enclosure{bottom:-20px}}@media screen and (max-height:810px){.preloading{transform:scale(.7)}.index .popup .popup_box{transform:scale(.85)}.index .content-01{background:#a4e4f8}.index .content-01 .title{transform:scale(1)}.index .content-01 .banner{transform:translateX(-50%) scale(.75);margin-top:-270px}.index .content-01 .bg{transform:scale(.8)}.index .content-02 .enclosure{bottom:-50px}.index .content-02 .treasure-02{bottom:32px}.index .content-02 .title-02{transform:scale(.7)}.index .content-04 .main{transform:scale(.8)}}@media screen and (max-height:768px){.index .header{min-width:auto}.index .swiper-slide .separate{top:-20px}.index .swiper-slide .title{top:10px}.index .content-01 .title{transform:scale(1)}.index .content-04 .enclosure{bottom:-40px}.index .popup .popup_box,.index .swiper-slide .title{transform:scale(.8)}.index .content-04 .main{transform:scale(.72);margin:-210px 0 0 -356px}.index .content-04 .amazed-snail{left:405px;transform:scale(.8)}.index .content-05{height:166px}.preloading{transform:scale(.75)}}@media screen and (max-height:730px){.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-04 .enclosure{bottom:-75px}}@media screen and (max-height:650px){.preloading{transform:scale(.75)}.header .icon{transform:scale(.8)}.index .content-01 .banner{transform:translateX(-50%) scale(.65);margin-top:-337px}.index .content-01 .bg{transform:scale(.75)}.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}.header .hidden-link-box{right:0}}@media screen and (max-height:550px){.index .content-01 .banner{transform:translateX(-50%) scale(.52);margin-top:-350px}.index .content-01 .bg{transform:scale(.6)}.index .content-04 .main,.index .popup .popup_box,.index .swiper-slide .title{transform:scale(.6)}.index .content-01 .banner{transform:translateX(-50%) scale(.6)}}@media screen and (max-width:1880px){.index .reward{right:10%}}@media screen and (max-width:1780px){.index .reward{right:5%}}@media screen and (max-width:1560px){.index .content-01 .banner{transform:translateX(-50%) scale(.8)}.index .content-01 .bg{transform:scale(.9)}.preloading{transform:scale(.8)}}@media screen and (max-width:1366px){.index .content-01 .bg{transform:scale(.95)}.preloading{transform:scale(.8)}.content-02 .index .content-02 .swiper-container-snail .swiper-slide{z-index:1}.content-02 .index .content-02 .swiper-container-snail .swiper-slide-active{z-index:2}.content-02 .index .content-02 .swiper-container-snail .swiper-slide-active .main{z-index:9}.content-02 .title{transform:translate(-50%,-50%) scale(.8);transform-origin:top center}.content-02 .text{transform:scale(.8)}.content-02 .eye_box{transform:scale(.8)}.index .content-01 .banner{transform:translateX(-50%) scale(.9)}.index .content-04 .amazed-snail{left:450px;transform:scale(.75)}.index .rocket{right:auto;left:990px}}@media screen and (max-width:1200px){.index .content-01 .banner{transform:translateX(-50%) scale(.75);margin-top:-340px}.content-02 .swiper-container-feature .swiper-slide-active .snail_box{transform:scale(.7);transform-origin:bottom right}.content-02 .swiper-container-feature .swiper-slide-active .main{z-index:9}.content-02 .title{transform:translate(-50%,-50%) scale(.7);transform-origin:top center}.index .content-04 .amazed-snail{left:450px;transform:scale(.75)}.index .content-01 .title{transform:scale(.8)}.index .content-04 .title{transform:scale(.75);top:5px}.index .rocket{right:auto;left:990px}}@media (orientation:portrait){.index{opacity:1}.orientation-portrait{display:block}}.turn{transform:rotateY(180deg)}@keyframes ani4{0%{transform:scale(1)}80%{transform:scale(1.1)}100%{transform:scale(1.05)}}@keyframes rotateAni{0%{transform:rotate(0)}50%{transform:rotate(3deg);opacity:.2}}@keyframes huobaAni{from{background-position:0 0}to{background-position:-1950px 0}}@keyframes playBtnAni{0%{transform:scale(1)}50%{transform:scale(.9)}}@keyframes preloadingAni{0%{transform:scale(1);opacity:1}100%{opacity:0;transform:scale(2)}}@keyframes Beat{0%{transform:translateY(0)}60%{transform:translateY(10px)}}@keyframes rocket{0%{transform:translateY(0)}25%{transform:translateY(5px)}75%{transform:translateY(-5px)}100%{transform:translateY(0)}}@keyframes rocketAni{from{background-position:0 0}to{background-position:-1600px 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 WobbleAni2{0%{transform:rotate(0)}50%{transform:rotate(-2deg)}}@keyframes WobbleAni3{0%{transform:translate(0,0)}60%{transform:translate(-10px,10px)}}@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 mouseAni1{from{background-position:0 0}to{background-position:-136px 0}}@media screen and (min-width:2100px){.index .content-02 .index .content-02 .swiper-container-snail .swiper-slide{z-index:1}.index .content-02 .index .content-02 .swiper-container-snail .swiper-slide-active{z-index:2}.index .content-02 .index .content-02 .swiper-container-snail .swiper-slide-active .main{z-index:9}.index .content-02 .title{transform-origin:top center}.index .content-02 .text{transform:scale(1.2)}}@media screen and (max-width:1590px){.index .content-02 .index .content-03 .swiper-container-snail .swiper-slide{z-index:1}.index .content-02 .index .content-03 .swiper-container-snail .swiper-slide-active{z-index:2}.index .content-02 .index .content-03 .swiper-container-snail .swiper-slide-active .main{z-index:9}.index .content-02 .title{transform-origin:top center}.index .content-02 .swiper-container-feature .swiper-slide-active .snail_box{transform:scale(.85);transform-origin:bottom right}.index .content-02 .swiper-container-feature .swiper-slide-active .main{z-index:9}}
/*# sourceMappingURL=style_index-d3dc5ef7c0.css.map */