body{background:#181b2e;overflow-x:hidden}html{font-size:625%}a,div{background-size:100%;background-repeat:no-repeat}@font-face{font-family:barbaro;src:url(../css/BeaufortforLOL-Bold.ttf)}.stage{height:100%;-webkit-transform:translate3d(0,0,0)}.stage.in{-webkit-animation:fadeIn .5s .2s 1 ease-in-out both}.stage.out{-webkit-animation:fadeOut .8s .2s 1 ease-in-out both}#main{width:19.2rem;min-height:49.5rem}.click_button{cursor:pointer}.tips_mc video{position:absolute;width:8rem;height:5rem;top:0;bottom:0;left:0;right:0;margin:auto}.stage1 .order_bg{position:absolute;width:100vw;height:6rem;background-color:#f5f4f0;left:0;top:44rem}.stage1 .bg{position:absolute;width:19.2rem;top:0;left:0}.stage1 .page1{background:url(../img/page1_bg_new.png) no-repeat;background-size:100% 100%;position:absolute;width:19.2rem;height:9rem;top:0;left:0}li{list-style:none}a{text-decoration:none}.stage1 .page1 .nav{position:absolute;color:#e2ad73;font-family:barbaro;font-size:.2rem;height:.3rem;right:.5rem;top:.37rem}.stage1 .page1 ul li{cursor:pointer;list-style-type:none;display:inline-block;margin-right:.5rem}.stage1 .page1 ul li:last-child{margin-right:0}.stage1 .page1 ul li a{color:#e2ad73;background-image:-webkit-linear-gradient(top,#efd6b1,#efd6b1,#c37e3a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.stage1 .page1 ul li a:hover{border-bottom:2px solid #fff;background-image:-webkit-linear-gradient(top,#fff,#fff);color:#fff;font-weight:700}.stage1 .page1 .pic{position:absolute;width:100vw;height:8.7rem;top:0;left:0;object-fit:cover}.stage1 .page1 .line{position:absolute;width:19.2rem;height:1.04rem;top:8.26rem;left:0;background-image:url(../img/stage1_page1_line_21.png)}.stage1 .page1 .slogan{position:absolute;width:8.38rem;height:2.66rem;top:5.6rem;left:0;right:0;margin:0 auto;background-image:url(../img/stage1_page1_slogan_61.png)}.stage1 .page1 .logo{position:absolute;width:2.5rem;height:1.38rem;top:.1rem;left:.33rem;background-image:url(../img/stage1_page1_logo_55.png)}.stage1 .page1 .download_buttons{position:absolute;height:.66rem;top:7.63rem;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center}.stage1 .page1 .download_buttons>div+div{margin-left:.2rem}.stage1 .page1 .download_buttons .register_button{width:2.79rem;height:.66em;top:0;left:0;background:url(../img/registerBtn.png) no-repeat;background-size:100% 100%}.stage1 .page1 .download_buttons .android_button{width:2.24rem;height:.66rem;top:0;left:3rem;background-image:url(../img/stage1_page1_download_buttons_android_button_3.png)}.stage1 .page1 .download_buttons .ios_button{width:2.24rem;height:.66rem;top:0;left:5.45rem;background-image:url(../img/stage1_page1_download_buttons_ios_button_97.png)}.stage1 .page1 .download_buttons .redeem_button{width:2.31rem;height:.66rem;top:0;left:7.9rem;background-image:url(../img/redeem_button.png);background-size:100% 100%}.appgallery_button{width:2.24rem;height:.67rem;background-image:url(../img/app_gallery.png);background-size:100% 100%}.purchase_button{width:2.24rem;height:.67rem;background-image:url(../img/purchase.png);background-size:100% 100%}.stage1 .page2{position:absolute;width:16.25rem;height:8.78rem;top:10rem;left:2.02rem}.stage1 .page2 .bg{position:absolute;left:-2.02rem;background:url(../img/page2_bg.png) no-repeat;background-size:100% 100%;background-color:rgba(24,27,46,.76);width:19.2rem;height:7.49rem;top:2.35rem;opacity:.76}.stage1 .page2 .title{position:absolute;width:7.45rem;height:.5rem;top:1.3rem;left:3.86rem;background-image:url(../img/stage1_page2_title_91.png)}.stage1 .page2 .map_mc{position:absolute;width:14rem;height:6.62rem;top:2.5rem;left:-6%;right:0;margin:0 auto}.stage1 .page2 .map_mc .map_bg{position:absolute;width:14rem;height:5.51rem;top:.15rem;left:0;background-image:url(../img/stage1_page2_map_mc_map_bg_23.png)}.stage1 .page2 .map_mc .people_list{position:absolute;width:14rem;height:5.8rem;top:0;left:0;right:0;margin:0 auto}.stage1 .page2 .map_mc .people_list .people{position:relative;width:5rem;height:5.8rem;-webkit-transform:scale(.9)}.stage1 .page2 .map_mc .people_list .people .over{position:absolute;width:2.56rem;height:5.09rem;top:0;left:0;right:0;margin:0 auto;display:none}.stage1 .page2 .map_mc .people_list .people .out{position:absolute;width:2.56rem;height:5.11rem;top:0;left:0;right:0;margin:0 auto;display:block}.stage1 .page2 .map_mc .people_list .people .pic{position:absolute;pointer-events:none;width:5rem;height:5.8rem;top:-.5rem;left:-34%;right:0;margin:0 auto;object-fit:contain;object-position:bottom;-webkit-transform:scale(1);-webkit-transform-origin:bottom;-webkit-transition:-webkit-transform .5s}.stage1 .page2 .map_mc .people_list .people .name{position:absolute;width:100%;text-align:center;color:#fff;font-size:.2rem;font-weight:700;top:4rem}.stage1 .page2 .map_mc .people_list_1 .people .over{background-image:url(../img/player_bg_fengbao_hover.png)}.stage1 .page2 .map_mc .people_list_1 .people .out{background-image:url(../img/player_bg_fengbao.png)}.stage1 .page2 .map_mc .people_list_2 .people .over{background-image:url(../img/player_bg_dongfang_hover.png)}.stage1 .page2 .map_mc .people_list_2 .people .out{background-image:url(../img/player_bg_dongfang.png)}.stage1 .page2 .map_mc .people_list_3 .people .over{background-image:url(../img/player_bg_yidian_hover.png)}.stage1 .page2 .map_mc .people_list_3 .people .out{background-image:url(../img/player_bg_yidian.png)}.stage1 .page2 .map_mc .people_list .people.swiper-slide-active .over{display:block}.stage1 .page2 .map_mc .people_list .people.swiper-slide-active .out{display:none}.stage1 .page2 .map_mc .people_list .people.swiper-slide-active .pic{-webkit-transform:scale(1)}.stage1 .page2 .map_mc .people_list .people.swiper-slide-duplicate-active .over{display:block}.stage1 .page2 .map_mc .people_list .people.swiper-slide-duplicate-active .out{display:none}.stage1 .page2 .map_mc .people_list .people.swiper-slide-duplicate-active .pic{-webkit-transform:scale(1)}.stage1 .page2 .map_mc .right_button{position:absolute;outline:0;z-index:10;width:.68rem;height:.68rem;top:2.46rem;right:-.5rem;background-image:url(../img/stage1_page2_map_mc_right_button_49.png)}.stage1 .page2 .map_mc .left_button{position:absolute;outline:0;z-index:10;width:.68rem;height:.68rem;top:2.46rem;left:-.5rem;background-image:url(../img/stage1_page2_map_mc_left_button_16.png)}.stage1 .page2 .msg_mc{position:absolute;width:8.21rem;height:1.18rem;top:6.6rem;left:3.47rem}.stage1 .page2 .msg_mc .name_txt{position:absolute;font-family:barbaro;width:2rem;top:.05rem;white-space:nowrap;left:0;right:0;margin:0 auto;color:#303030;font-size:.32rem;line-height:.3rem;text-align:center}.stage1 .page2 .msg_mc .name_txt::before{position:relative;margin-right:.1rem;background-size:100%;content:'';width:.42rem;height:.31rem;background-image:url(../img/stage1_page2_msg_mc_icon_90.png);display:inline-block}.stage1 .page2 .msg_mc .desc_txt{position:absolute;font-family:AdelleSansEXT-Regular,sans-serif;width:8.21rem;top:.56rem;left:0;color:#36312b;font-size:.2rem;line-height:.3rem}.stage1 .page2 .tab_mc{position:absolute;width:.91rem;height:3.78rem;top:3rem;left:15.34rem}.stage1 .page2 .tab_mc .tab1{position:absolute;width:.91rem;height:1.15rem;top:0;left:0}.stage1 .page2 .tab_mc .tab1 .out{position:absolute;width:.91rem;height:1.15rem;top:0;left:0;background-image:url(../img/stage1_page2_tab_mc_tab1_out_47.png)}.stage1 .page2 .tab_mc .tab1 .over{position:absolute;width:.91rem;height:1.15rem;top:0;left:0;background-image:url(../img/stage1_page2_tab_mc_tab1_over_82.png)}.stage1 .page2 .tab_mc .tab2{position:absolute;width:.91rem;height:1.15rem;top:1.32rem;left:0}.stage1 .page2 .tab_mc .tab2 .out{position:absolute;width:.91rem;height:1.15rem;top:0;left:0;background-image:url(../img/stage1_page2_tab_mc_tab2_out_20.png)}.stage1 .page2 .tab_mc .tab2 .over{position:absolute;width:.91rem;height:1.15rem;top:0;left:0;background-image:url(../img/stage1_page2_tab_mc_tab2_over_70.png)}.stage1 .page2 .tab_mc .tab3{position:absolute;width:.91rem;height:1.15rem;top:2.63rem;left:0}.stage1 .page2 .tab_mc .tab3 .out{position:absolute;width:.91rem;height:1.15rem;top:0;left:0;background-image:url(../img/stage1_page2_tab_mc_tab3_out_1.png)}.stage1 .page2 .tab_mc .tab3 .over{position:absolute;width:.91rem;height:1.15rem;top:0;left:0;background-image:url(../img/stage1_page2_tab_mc_tab3_over_2.png)}.stage1 .page3{position:absolute;width:14.52rem;height:4.97rem;top:28.72rem;left:0}.stage1 .page4{background:url(../img/page3_bg.png) no-repeat;background-size:100% 100%;position:absolute;width:19.2rem;height:8.7rem;top:19.7rem;left:0}.stage1 .page3 .page_bg{position:absolute;width:19.2rem;height:9.83rem;top:0;left:0;background:url(../img/stage1_page3_page_bg_52.png) no-repeat}.stage1 .page3 .banners{position:absolute;width:12.5rem;height:5.4rem;top:1.99rem;left:3.4rem;right:0;margin:0 auto}.stage1 .page3 .banners .pic{position:absolute;width:9.51rem;opacity:0;height:5.4rem;top:0;left:0;right:0;margin:0 auto;-webkit-transition:.3s,opacity .3s;-webkit-transform:scale(.6);opacity:0}.stage1 .page3 .banners .pic.current{opacity:1;-webkit-transform:scale(1) translate3d(0,0,0);z-index:1}.stage1 .page3 .banners .pic.left{opacity:.6;-webkit-transform:scale(.6) translate3d(-5rem,0,0)}.stage1 .page3 .banners .pic.right{opacity:.6;-webkit-transform:scale(.6) translate3d(5rem,0,0)}.stage1 .page3 .banners .pic .banner{position:absolute;width:9.41rem;height:5.29rem;top:.05rem;left:.05rem}.stage1 .page3 .banners .pic .side{position:absolute;width:9.51rem;height:5.4rem;top:0;left:0;background-image:url(../img/stage1_page3_banners_pic_side_38.png)}.stage1 .page3 .dots{position:absolute;width:.5rem;height:.18rem;top:7.69rem;left:8.87rem}.stage1 .page3 .dots .full{position:absolute;width:.18rem;height:.18rem;top:0;left:.32rem;background-image:url(../img/stage1_page3_dots_full_24.png)}.stage1 .page3 .dots .empty{position:absolute;width:.18rem;height:.18rem;top:0;left:0;background-image:url(../img/stage1_page3_dots_empty_34.png)}.stage1 .page3 .right_button{position:absolute;z-index:10;outline:0;width:.68rem;height:.68rem;top:4.35rem;left:15.91rem;background-image:url(../img/stage1_page3_right_button_94.png)}.stage1 .page3 .left_button{position:absolute;z-index:10;outline:0;width:.68rem;height:.68rem;top:4.35rem;left:2.52rem;background-image:url(../img/stage1_page3_left_button_8.png)}.stage1 .page3 .title{position:absolute;width:4.55rem;height:.5rem;top:1.12rem;left:7.33rem;background-image:url(../img/stage1_page3_title_29.png)}.stage1 .page4 .play_button{position:absolute;cursor:pointer;width:8.29rem;height:4.97rem;top:0;left:0}.stage1 .page4 .play_button .phone_pic{position:absolute;width:9.56rem;height:4.77rem;top:2.4rem;left:5rem;background-image:url(../img/stage1_page4_play_button_phone_pic_76.png);background-size:100% 100%}.stage1 .page4 .play_button .icon{position:absolute;width:.89rem;height:.89rem;top:4.45rem;left:9.37rem;background-image:url(../img/stage1_page4_play_button_icon_63.png)}.stage1 .page4 .word{position:absolute;width:8.81rem;height:.49rem;top:1.4rem;left:5.33rem;background-image:url(../img/stage1_page4_word_57.png)}.stage1 .page5{position:absolute;width:19.2rem;height:20.85rem;top:37.95rem;left:0}.stage1 .page5 .page_bg{position:absolute;width:19.2rem;height:8.36rem;left:0;background:url(../img/stage1_page5_page_bg_70.png) no-repeat;background-size:100% 100%}.stage1 .page5 .news_list{position:absolute;width:10.5rem;height:4.13rem;top:2.46rem;left:0;right:0;margin:0 auto;display:-webkit-flex;-webkit-flex-direction:row;-webkit-justify-content:space-around;-webkit-align-items:center}.stage1 .page5 .news{position:relative;width:500px;overflow-y:hidden;margin:0 auto}.facebook-login-wrap{display:flex;justify-content:center;line-height:40px}.stage1 .page5 .news_list .news .news_bg{position:absolute;width:5.56rem;height:4.13rem;top:0;left:0;background-image:url(../img/stage1_page5_news_list_news_news_bg_57.png)}.stage1 .page5 .news_list .news .cover{position:absolute;width:5rem;height:3.19rem;top:0;left:.28rem;background-image:url(../img/stage1_page5_news_list_news_cover_12.png)}.stage1 .page5 .news_list .news .title_txt{position:absolute;width:2.85rem;top:3.41rem;left:.6rem;color:#303030;font-size:.2rem;line-height:.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage1 .page5 .news_list .news .date_txt{position:absolute;white-space:nowrap;width:.83rem;top:3.41rem;left:4.19rem;color:#989898;font-size:.18rem;line-height:.18rem}.stage1 .page5 .news_list .news .top{position:absolute;width:4.9rem;height:3.09rem;top:.05rem;left:.33rem;background-image:url(../img/stage1_page5_news_list_news_top_86.png)}.stage1 .page5 .title{width:8.15rem;height:.5rem;margin:1.47rem auto .6rem;background-image:url(../img/stage1_page5_title_26.png)}.stage1 .order_mc{position:absolute;width:12rem;height:6.7rem;top:47.5rem;left:3.6rem}.stage1 .order_mc .pic{position:absolute;width:12rem;height:6.7rem;top:0;left:0;background-image:url(../img/stage1_order_mc_pic_13.png)}.stage1 .order_mc .input_bg{position:absolute;width:4.27rem;height:.99rem;top:2.25rem;left:3.7rem;background-image:url(../img/stage1_order_mc_input_bg_57.png)}.stage1 .order_mc .code_input{position:absolute;width:1.3rem;top:2.81rem;left:4.75rem;color:#fff;font-size:.14rem;line-height:.14rem;padding:.13rem 0;text-indent:.1rem}.stage1 .order_mc .mail_input{position:absolute;width:3.1rem;top:2.24rem;left:4.75rem;color:#fff;font-size:.14rem;line-height:.14rem;padding:.12rem 0;text-indent:.1rem}.stage1 .order_mc .code_button{position:absolute;cursor:pointer;width:1.69rem;height:.43rem;top:2.81rem;left:6.27rem}.stage1 .order_mc .code_button .button_bg{position:absolute;width:1.69rem;height:.43rem;top:0;left:0;background-image:url(../img/send.png)}.stage1 .order_mc .code_button .code_txt{position:absolute;width:1.75rem;top:0;left:0;color:#fff;font-size:.13rem;line-height:.48rem;text-align:center}.stage1 .order_mc .post_button{position:absolute;cursor:pointer;width:3.12rem;height:.99rem;top:3.6rem;left:0;right:0;margin:0 auto;background-image:url(../img/confirm.png)}.stage1 .order_mc .ios_button{position:absolute;cursor:pointer;width:2.19rem;height:.66rem;top:5.02rem;left:6.21rem;background-image:url(../img/stage1_order_mc_ios_button_57.png)}.stage1 .order_mc .android_button{position:absolute;cursor:pointer;width:2.19rem;height:.66rem;top:5.02rem;left:50%;transform:translateX(-50%);background-image:url(../img/stage1_order_mc_android_button_20.png)}.stage1 .front{position:absolute;pointer-events:none;width:19.2rem;height:25.82rem;top:20rem;left:0}.stage1 .front .p1{position:absolute;width:5.41rem;height:8.19rem;background-image:url(../img/p1.png);left:0;top:2.5rem;-webkit-animation:upAndDown 4s infinite ease-in-out both}.stage1 .front .p2{position:absolute;width:6.41rem;height:7.59rem;right:0;top:13rem;-webkit-animation:upAndDown 6s infinite ease-in-out both}.stage1 .front .p3{position:absolute;width:6.12rem;height:10.1rem;background-image:url(../img/p3.png);right:0;top:15rem;-webkit-animation:upAndDown 8s infinite ease-in-out both}.stage1 .foot{position:absolute;width:19.2rem;height:3.3rem;bottom:0;left:0}.stage1 .foot .foot_bg{position:absolute;width:19.2rem;height:3.29rem;top:0;left:0;background:#000}.stage1 .foot .android_button{position:absolute;width:2.06rem;height:.61rem;top:5.41rem;left:5.91rem;background-image:url(../img/stage1_foot_android_button_1.png)}.stage1 .foot .ios_button{position:absolute;width:1.82rem;height:.62rem;top:5.41rem;left:3.71rem;background-image:url(../img/stage1_foot_ios_button_67.png)}.stage1 .foot .buttons{position:absolute;width:4.63rem;height:.62rem;top:.45rem;left:7.7rem}.stage1 .foot .buttons .youtube_button{position:absolute;width:.74rem;height:.52rem;top:.05rem;left:0;background-image:url(../img/stage1_foot_buttons_youtube_button_55.png)}.stage1 .foot .buttons .fb_button{position:absolute;width:.61rem;height:.59rem;top:.02rem;left:1.14rem;background-image:url(../img/stage1_foot_buttons_fb_button_46.png)}.stage1 .foot .buttons .ins_button{position:absolute;width:.61rem;height:.62rem;top:0;left:2.11rem;background-image:url(../img/stage1_foot_buttons_ins_button_55.png)}.stage1 .foot .buttons .contact_button{position:absolute;width:.48rem;height:.48rem;top:.07rem;left:4.15rem;background-image:url(../img/stage1_foot_buttons_contact_button_48.png)}.stage1 .foot .buttons .discord_button{position:absolute;width:.37rem;height:.48rem;top:.07rem;left:3.34rem;background-image:url(../img/stage1_foot_buttons_discord_button_18.png)}.stage1 .foot_pic{position:absolute;width:100vw;height:10.8rem;bottom:0;left:0;object-fit:cover}.stage1 .foot_txt{position:absolute;white-space:nowrap;display:-webkit-flex;-webkit-flex-direction:row;-webkit-justify-content:space-around;-webkit-align-items:center;width:12.8rem;height:1.4rem;bottom:0;background:#000;color:#8c8f8e;font-size:.2rem;left:0;margin:0 auto;right:0;line-height:.4rem;text-align:left;margin-bottom:.2rem}.stage1 .foot_txt div{position:relative;display:flex;align-items:center}.stage1 .foot_txt div.foot_desc{position:relative}.stage1 .foot_txt div.foot_desc p{line-height:1;white-space:nowrap}.stage1 .foot_txt div.foot_desc .split{margin:0 .05rem}.stage1 .foot_txt div.foot_desc .terms{position:absolute;right:0;transform:translateY(calc(100% + .07rem))}.stage1 .foot_txt span{text-indent:30px;-ms-user-select:text;-webkit-user-select:text;user-select:text}.stage1 .foot_txt a{color:#8c8f8e;text-decoration:underline;transition:all .3s ease-in;cursor:pointer}.stage1 .foot_txt a:hover{color:#fff}.stage1 .foot_txt .logo{position:relative;width:1.3rem;height:.72rem;background-image:url(../img/stage1_page1_logo_55.png);display:-webkit-inline-box;background-size:100%}.stage1 .foot_txt .foot_desc{height:.62rem}.stage1 .foot_line{position:absolute;width:12rem;height:.05rem;left:0;right:0;bottom:1.6rem;margin:0 auto;background-color:#5d5d5d;transform:scaleY(.2)}@-webkit-keyframes upAndDown{0%,100%{-webkit-transform:translate3d(0,.2rem,0)}50%{-webkit-transform:translate3d(0,0,0)}}.stage1 .page1 .nav ul li .submenu{z-index:999;position:absolute;right:.01rem;display:none;white-space:nowrap}.stage1 .page1 .nav ul li .submenu ul{margin-top:.1rem;background:rgba(0,0,0,.4);display:flex;flex-direction:column}.stage1 .page1 .nav ul li .submenu ul li{margin-right:0;padding:.1rem}.stage1 .page1 .nav ul li:hover>.submenu{display:block}