.page2{background:url(../img/bg2.jpg) center;background-size:100% 100%}.page3{background:url(../img/bg3.jpg) center;background-size:cover;background-position:center;background-repeat:no-repeat}.page4{background:url(../img/bg4.jpg) center;background-size:cover;background-position:center;background-repeat:no-repeat}.swiper-slide{overflow:hidden;height:100%;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;overflow:hidden}body,html{background:#000;overflow:hidden;width:100%;margin:0 auto;height:100vh}.footer_info{position:absolute;width:100%;bottom:0;z-index:1000;transform:translateY(100%);transition:transform .6s ease-out}.footer_info.show{transform:translateY(0)}body,html{overflow:hidden}.page1 .bg{background:url(../img/bg1.jpg) center;background-size:cover;width:100%;height:100%}.page1 .mask{width:100%;height:100%;background:rgba(34,25,24,.6);position:absolute;top:0;left:0}.page1 .decorate{width:100%;height:3.86rem;background:url(../img/decorate1.png) no-repeat center/cover;position:absolute;bottom:0;left:0;background-size:100% 100%;margin-bottom:-1px;transform:translateY(.5rem);opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.page1 .decorate.fadeTop{transform:translateY(0);opacity:1}.page1 .player{width:1.79rem;height:1.78rem;background:url(../img/player.png) no-repeat center/cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity 1.5s ease-out,transform .6s ease-out}.mainSwiper .swiper-slide.fadeTop .player{opacity:1}.page1 .btn_box{width:38%;height:.9rem;position:absolute;left:50%;transform:translateX(-50%);bottom:2rem;display:flex;align-items:center;justify-content:space-around;transform:translateY(.5rem) translateX(-50%);opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.mainSwiper .swiper-slide.fadeTop .btn_box{transform:translateY(0) translateX(-50%);opacity:1}.page1 .btn_box a{transition:.3s all}.page1 .btn_box a:hover{transform:scale(1.05)}.page1 .btn_box .yuyue_btn{width:2.99rem;height:.91rem;background:url(../img/yuyue_btn.png) no-repeat center/cover}.page1 .btn_box .registration_btn{width:2.99rem;height:.91rem;background:url(../img/registration_btn.png) no-repeat center/cover}.page1 .ageappropriate{width:.73rem;height:.93rem;background:url(../img/ageappropriate.png) no-repeat center/cover;position:absolute;bottom:.88rem;left:1rem;transform:translateX(-.5rem);opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.mainSwiper .swiper-slide.fadeTop .ageappropriate{transform:translateX(0);opacity:1}.page1 .banner_swiper{width:3.88rem;height:2.9rem;position:absolute;bottom:.6rem;right:.82rem;background:url(../img/banner_swiper.png) no-repeat center/cover;box-sizing:border-box;padding:.36rem .4rem .12rem .51rem;transform:translateX(.5rem);opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.mainSwiper .swiper-slide.fadeTop .banner_swiper{transform:translateX(0);opacity:1}.page1 .banner_swiper .swiper{width:100%;height:100%;overflow:hidden}.page1 .banner_swiper .swiper .swiper-wrapper .swiper-slide .banner_img{width:2.96rem;height:1.67rem;display:flex;justify-content:center;align-items:center}.page1 .banner_swiper .swiper .swiper-wrapper .swiper-slide .banner_img img{display:block;width:100%;height:100%;object-fit:cover;border:.01rem solid #221918;border-radius:.1rem;box-sizing:border-box}.page1 .banner_swiper .swiper .swiper-wrapper .swiper-slide .banner_title{font-size:.16rem;font-family:SourceHanSansCN-Bold;color:#030303;margin-top:.08rem;width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page1 .banner_swiper .swiper .swiper-pagination{width:100%;position:absolute;left:50%;transform:translateX(-50%);bottom:.2rem;display:flex;justify-content:center;align-items:center;z-index:10}.page1 .banner_swiper .swiper .swiper-pagination .swiper-pagination-bullet{cursor:pointer;width:.08rem;height:.08rem;background:rgba(255,255,255,.7);margin-right:.05rem;border-radius:50%;transition:all .3s ease-in-out}.page1 .banner_swiper .swiper .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0}.page1 .banner_swiper .swiper .swiper-pagination .swiper-pagination-bullet-active{width:.27rem;height:.08rem;background:#fff;border-radius:.03rem}.page1 .skip_video{font-size:.2rem;position:absolute;z-index:999;top:.4rem;right:.7rem;cursor:pointer;width:1.18rem;height:.43rem;background:url(../img/skip_video.png) no-repeat center/cover;box-sizing:border-box;display:flex;justify-content:center;align-items:center;padding-top:.07rem;font-family:SourceHanSansCN-Heavy;color:#6148d8}.page2 .title{width:5rem;height:1.89rem;background:url(../img/section_title1.png) no-repeat center/cover;position:absolute;left:.9rem;top:1.1rem;transform:translateY(.5rem);opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.mainSwiper .swiper-slide.fadeTop .title{transform:translateY(0);opacity:1}.page2 .gameplayIntroduction{width:10.45rem;height:6.42rem;background:url(../img/gameplayIntroduction_swiper.png) no-repeat center/cover;position:absolute;left:1.35rem;top:2.6rem;z-index:1;transform:translateY(-.3rem) scale(.9);opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.mainSwiper .swiper-slide.fadeTop .gameplayIntroduction{transform:translateY(0) scale(.9);opacity:1}.page2 .gameplayIntroduction .swiper{width:8.57rem;height:4.81rem;position:absolute;left:.65rem;top:1.1rem;overflow:hidden}.page2 .gameplayIntroduction .swiper .swiper-wrapper .swiper-slide .swiper_img{width:8.57rem;height:4.81rem;display:flex;justify-content:center;align-items:center}.page2 .gameplayIntroduction .swiper .swiper-wrapper .swiper-slide .swiper_img img{display:block;width:100%;height:100%;object-fit:cover;border:.04rem solid #221918;border-radius:.125rem;box-sizing:border-box}.page2 .gameplayIntroduction .swiper-button-prev{width:.9rem;height:.59rem;background:url(../img/left_1.png) no-repeat center/cover;cursor:pointer}.page2 .gameplayIntroduction .swiper-button-next{width:.9rem;height:.59rem;background:url(../img/right_1.png) no-repeat center/cover;cursor:pointer}.page2 .gameplayIntroduction .swiper-button-prev{position:absolute;top:50%;left:-1.25rem}.page2 .gameplayIntroduction .swiper-button-next{position:absolute;top:50%;right:-.65rem}.page2 .characterStrip1{position:absolute;left:-10rem;bottom:calc(50% - 7.4rem);z-index:10;transform:translateY(-.05rem) rotate(30deg);opacity:1;transition:opacity .6s ease-out,transform .6s ease-out}.page2 .characterStrip2{position:absolute;left:-11.6rem;bottom:calc(50% - 5.4rem);z-index:0;transform:translateY(-.05rem) rotate(15deg);opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.mainSwiper .swiper-slide.fadeTop .characterStrip1{transform:translateY(0) rotate(30deg)}.mainSwiper .swiper-slide.fadeTop .characterStrip2{transform:translateY(0) rotate(15deg);opacity:.4}.page2 .characterStrip1{width:200%;height:.66rem;background:url(../img/characterStrip.png) repeat-x 0 0/auto 90%;animation:characterStripMarquee 80s linear infinite;will-change:background-position;pointer-events:none}.page2 .characterStrip2{width:200%;height:.66rem;background:url(../img/characterStrip.png) repeat-x 0 0/auto 90%;animation:characterStripMarquee2 80s linear infinite;will-change:background-position;pointer-events:none}@keyframes characterStripMarquee{from{background-position:0 0}to{background-position:47.44rem 0}}@keyframes characterStripMarquee2{from{background-position:0 0}to{background-position:-47.44rem 0}}.page2 .characterSwiper{width:8.4rem;height:7.7rem;position:absolute;right:1.1rem;bottom:0}.page2 .characterSwiper .quantity{display:flex;align-items:center;font-size:.3rem;line-height:1;color:#9b88e8;font-family:LithosPro-Black;justify-content:flex-end;margin-top:.2rem;transform:translateX(.5rem);opacity:0;transition:opacity .4s ease-out,transform .4s ease-out}.mainSwiper .swiper-slide.fadeTop .quantity{transform:translateY(0);opacity:1}.page2 .characterSwiper .quantity .currentNumber{color:#fff;font-size:.6rem}.page2 .characterSwiper .teamName{font-size:.7rem;line-height:1;color:#7affe4;font-family:SourceHanSansCN-Heavy;display:flex;align-items:center;justify-content:flex-end;margin-top:.2rem;transform:translateX(.5rem);opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.mainSwiper .swiper-slide.fadeTop .teamName{transform:translateY(0);opacity:1}.page2 .characterSwiper .teamInfo{font-size:.23rem;line-height:1;color:#c6b6fc;font-family:SourceHanSansCN-Regular;display:flex;align-items:center;justify-content:flex-end;margin-top:.2rem;transform:translateX(.5rem);opacity:0;transition:opacity .8s ease-out,transform .8s ease-out}.mainSwiper .swiper-slide.fadeTop .teamInfo{transform:translateY(0);opacity:1}.page2 .characterSwiper .character{display:flex;justify-content:center;align-items:center;position:absolute;right:0;transform:translateX(.5rem);opacity:0;transition:opacity 1s ease-out,transform 1s ease-out}.mainSwiper .swiper-slide.fadeTop .character{transform:translateY(0);opacity:1}.page2 .characterSwiper .character.character_1{width:6.34rem;height:5.29rem;bottom:.3rem;right:-.97rem}.page2 .characterSwiper .character.character_2{width:6.55rem;height:6.8rem;bottom:-.4rem;right:-.7rem}.page2 .characterSwiper .character.character_3{width:7.45rem;height:6.1rem;bottom:.4rem;right:-1.1rem}.page2 .characterSwiper .character.character_4{width:6.46rem;height:5.94rem;bottom:-.03rem;right:-.85rem}.page2 .characterSwiper .character.character_5{width:6.56rem;height:5.86rem;bottom:-.35rem;right:-1.1rem}.page2 .characterSwiper .character img{display:block;width:100%;height:100%}.page2 .decorate{width:7.69rem;height:1.67rem;background:url(../img/page2_decorate.png) no-repeat center/cover;position:absolute;bottom:0;right:0;background-size:100% 100%}.page3 .top_title{width:5rem;height:1.89rem;background:url(../img/section_title2.png) no-repeat center/cover;position:absolute;left:.9rem;top:1.1rem;transform:translateY(.5rem);opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.mainSwiper .swiper-slide.fadeTop .top_title{transform:translateY(0);opacity:1}.page3 .switchTeams{width:2.8rem;height:.5rem;background:url(../img/switchTeams_img1.png) no-repeat center/contain;position:absolute;left:50%;transform:translateX(-.5rem) translateX(-50%);top:1.9rem;z-index:100;display:flex;justify-content:space-between;align-items:center;transform:translateX(-50%) translateY(.5rem);opacity:0;transition:opacity 1s ease-out,transform 1s ease-out}.mainSwiper .swiper-slide.fadeTop .switchTeams{transform:translateX(-50%) translateY(0);opacity:1}.page3 .switchTeams span{display:block;width:1.4rem;height:.5rem;cursor:pointer}.Teams_box{width:100%;height:100%}.role .man_group{will-change:transform;position:absolute;width:calc(13rem * .8);height:calc(13rem * .8);opacity:0;transform:translateX(5.04rem) translateX(-50%);transition:opacity .6s ease-out,transform .6s ease-out;position:absolute;left:46%;top:.4rem;z-index:5}.role .man_group.show{opacity:1;transform:translateX(0) translateX(-50%)}.role .man_group .man_pic{position:absolute;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center center;opacity:0;transform:translateX(5.6rem);transition:opacity .6s ease-out,transform .6s ease-out}.role .man_group .man_pic.show{opacity:1;transform:translateX(0)}.role .man_group_heard{width:8.86rem;height:2.24rem;position:absolute;left:0;top:3rem;opacity:0;transform:translateX(-5.6rem);transition:opacity .6s ease-out,transform .6s ease-out}.role .man_group_heard.show{opacity:1;transform:translateX(0)}.role .man_group_heard img{width:100%;height:100%}.role .skin_list_box{position:absolute;left:1.08rem;top:4.8rem;opacity:0;transform:translateY(5.6rem);transition:opacity .6s ease-out,transform .6s ease-out;z-index:10}.role .skin_list_box.show{opacity:1;transform:translateY(0)}.role .skin_list_box .skin_icon{width:1.16rem;height:.41rem;background:url(../img/skin_icon.png) no-repeat center/contain}.role .skin_list_box .skin_list{margin-top:.14rem;display:flex;align-items:center}.role .skin_list_box .skin_list span{cursor:pointer;display:block;width:.64rem;height:.64rem;border-radius:50%;border:.04rem solid #646464;background-color:#6148d8;overflow:hidden;margin-right:.14rem;opacity:.5}.role .skin_list_box .skin_list span img{width:.64rem;height:.64rem;object-fit:cover}.role .skin_list_box .skin_list span.on{opacity:1;border:.04rem solid #7affe4;background-color:#6148d8}.role .role_rec{cursor:pointer;width:1.2rem;height:1.45rem;background:url(../img/role_rec_bg.png) no-repeat center/cover;position:absolute;right:6.9rem;top:7.3rem;box-sizing:border-box;opacity:0;transform:translateY(1rem);transition:opacity .6s ease-out,transform .6s ease-out;z-index:5}.role .role_rec.show{opacity:1;transform:translateY(0)}.role .role_rec .role_rec_img{width:.96rem;height:.96rem;overflow:hidden;position:absolute;top:.275rem;left:.13rem}.role .role_rec .role_rec_img img{display:block;width:100%;height:100%;object-fit:cover;border-radius:.2rem;clip-path:polygon(0 0,98% 6%,98% 100%,0 100%)}.role .role_rec .role_rec_btn{display:block;width:1.19rem;height:.4rem;background:url(../img/role_rec_btn.png) no-repeat center/cover;position:absolute;left:0;bottom:0;line-height:.4rem;text-align:center;font-size:.16rem;color:#f9f4ff;font-family:SourceHanSansCN-Heavy}.role .role_info_group{position:absolute;right:6.6rem;top:3.4rem;z-index:5}.role .role_info{position:absolute;opacity:0;transition:opacity .6s ease-out}.role .role_info.show{opacity:1}.role .role_info .t_con{opacity:0;transform:translateY(1.88rem);transition:opacity .6s ease-out,transform .6s ease-out}.role .role_info .t_con.show{opacity:1;transform:translateY(0)}.role .role_info .t_con .title{display:flex;flex-direction:column;padding-bottom:.1rem;width:5.5rem;box-sizing:border-box;position:relative}.role .role_info .t_con .title .cn{font-family:SourceHanSansCN-Heavy;font-size:1.17rem;line-height:1;color:#000;margin-right:.1rem}.role .role_info .t_con .title .other{display:flex;flex-direction:column;justify-content:center}.role .role_info .t_con .title .other .en{display:inline-block;font-family:LithosPro-Black;font-size:.32rem;color:#624ad8;line-height:1;margin-bottom:.03rem}.role .role_info .t_con .property_group{display:flex;align-items:center;position:relative}.role .role_info .t_con .property_group::before{content:'· ·';width:100%;height:.03rem;background:url(../img/t_con_line.png) no-repeat center/cover;position:absolute;left:0;bottom:0}.role .role_info .t_con .property_group .icon{display:block;width:auto;height:.64rem;margin-right:.14rem}.role .role_info .t_con .property_group .content{display:flex;justify-content:space-between;height:.64rem}.role .role_info .t_con .property_group .content .bt{display:flex;align-items:center}.role .role_info .t_con .property_group .content .property{display:flex;align-items:center}.role .role_info .t_con .property_group .content .bt .close_icon{display:block;width:.12rem;height:.17rem;margin-right:.1rem}.role .role_info .t_con .property_group .content .bt span{font-family:SourceHanSansCN-Bold;font-size:.21rem;color:#000;line-height:1;margin-right:.1rem}.role .role_info .t_con .property_group .content .property span{display:flex;justify-content:center;align-items:center;height:.24rem;font-family:SourceHanSansCN-Regular;font-size:.17rem;color:#f1eaf5;background-color:#674fd9;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);padding:0 .18rem;margin-right:.1rem}.role .role_info .t_con .desc{margin-top:.2rem;font-family:SourceHanSansCN-Regular;font-size:.14rem;color:#584f72;line-height:1.2}.role .skill_list{opacity:0;transform:translateY(1.88rem);transition:opacity .6s ease-out,transform .6s ease-out}.role .skill_list.show{opacity:1;transform:translateY(0)}.role .skill_list .skill_list_icon{display:flex;justify-content:start;align-items:center;margin-top:.2rem}.role .skill_list .skill_list_icon span{cursor:pointer;display:block;width:.79rem;height:.79rem;margin-right:.25rem;border-radius:50%;border:.05rem solid transparent}.role .skill_list .skill_list_icon span{background:url(../img/skill_icon.png) no-repeat center/cover}.role .skill_list .skill_list_icon span.on{border:.05rem solid #7affe4}.role .skill_list .skill_list_icon span img{display:block;width:100%;height:100%;object-fit:cover}.role .skill_name{font-size:.35rem;color:#000;line-height:1;font-family:SourceHanSansCN-Heavy;margin-top:.25rem}.role .skill_type_box{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}.role .skill_type_box .skill_type{display:flex;align-items:center}.role .skill_type_box .skill_type .skill_type_1{display:flex;justify-content:center;align-items:center;height:.24rem;font-family:SourceHanSansCN-Regular;font-size:.17rem;color:#f1eaf5;background-color:#674fd9;clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);padding:0 .18rem;margin-right:.3rem}.role .skill_type_box .skill_type .skill_type_2{font-size:.16rem;color:#000;font-family:SourceHanSansCN-Bold}.role .skill_type_box .skill_time span{font-size:.16rem;color:#000;font-family:SourceHanSansCN-Bold}.role .skill_desc{margin-top:.2rem;font-size:.14rem;color:#62597d;font-family:SourceHanSansCN-Regular}.role .skill_list{position:relative;z-index:8}.role .skill_list_icon{position:relative;z-index:8}.role .skill_list_icon span{cursor:pointer;pointer-events:auto}.role.partner .man_group{width:calc(8.36rem * .6);height:calc(7.82rem * .6);top:4.3rem;left:50%}.role .role_group{position:absolute;left:.85rem;top:6.5rem;z-index:6;opacity:0;transform:translateY(1rem);transition:opacity .6s ease-out,transform .6s ease-out}.role .role_group.show{opacity:1;transform:translateY(0)}.role .role_group .title{display:flex;align-items:end;padding-left:.17rem}.role .role_group .title .cn{display:flex;align-items:center;gap:.45rem;min-height:.44rem;padding-left:.2rem}.role .role_group .title .cn .inline_switch_btn::before{content:'';width:.15rem;height:.21rem;background:url(../img/cn_grey_icon_1.png) no-repeat center/cover;position:absolute;left:-.2rem;top:50%;transform:translateY(-50%)}.role .role_group .title .cn .inline_switch_btn{position:relative;display:inline-block;font-family:SourceHanSansCN-Heavy;font-size:.3rem;line-height:1;color:#6e6e6e}.role .role_group .title .cn .inline_switch_btn.active{color:#000}.role .role_group .title .cn .inline_switch_btn.active::before{content:'';width:.15rem;height:.21rem;background:url(../img/cn_grey_icon_3.png) no-repeat center/cover;position:absolute;left:-.2rem;top:50%;transform:translateY(-50%)}.role .role_group .title .en{font-size:.07rem;color:#737373;margin-left:.14rem;margin-right:.22rem}.role .role_group .title .more_btn{display:flex;align-items:center;margin-left:.35rem}.role .role_group .title .more_btn span{font-family:SourceHanSansCN-Regular;font-size:.17rem;color:#999;line-height:1;margin-right:.1rem}.role .role_group .title .more_btn .icon{display:block;width:1.07rem;height:.33rem}.role .role_group .role_profile_group{position:relative;width:5.85rem;margin-left:.1rem;margin-top:.1rem}.role .role_group .role_profile_group .roleProfileSwiper,.role .role_group .role_profile_group .roleProfileSwiper2{width:100%;overflow:hidden}.role .role_group .role_profile_group .swiper-slide{width:1.37rem;margin-right:.13rem}.role .role_group .role_profile_group .profile_btn{display:block;width:1.37rem}.role .role_group .role_profile_group .profile_btn .pic{position:relative;width:1.27rem;height:1.32rem;overflow:hidden;background:url(../img/role_profile_normal.png) no-repeat center/cover}.role .role_group .role_profile_group .profile_btn .pic img{position:absolute;display:block;width:1rem;height:1rem;top:.15rem;left:.15rem;border-radius:.1rem}.role .role_group .role_profile_group .profile_btn .pic img.sm{width:1.05rem;height:1.05rem;z-index:2;position:absolute;left:.2rem;top:.17rem;object-fit:cover;border-radius:.1rem}.role .role_group .role_profile_group .profile_btn .pic img.status2{opacity:1;transition:opacity .6s ease-out}.role .role_group .role_profile_group .profile_btn .pic img.status1{opacity:0;transition:opacity .6s ease-out}.role .role_group .role_profile_group .profile_btn .name{width:100%;text-align:center;line-height:1;font-size:.16rem;color:#999;margin-top:.15rem;transition:color .6s ease-out}.role .role_group .role_profile_group .profile_btn.active .pic{background:url(../img/role_profile_active.png) no-repeat center/cover}.role .role_group .role_profile_group .arrow_btn{position:absolute;transform:translateY(-50%);top:1.7rem;z-index:1;width:.6rem;height:.4rem}.role .role_group .role_profile_group .arrow_btn.prev{left:.15rem;background:url(../img/roleProfileSwiper_left.png) no-repeat center/cover}.role .role_group .role_profile_group .arrow_btn.next{right:.05rem;background:url(../img/roleProfileSwiper_right.png) no-repeat center/cover}.page4 .r_group .newsListSwiper .swiper-scrollbar{position:absolute;bottom:0;left:0;width:80%;height:.1rem;background:0 0;box-sizing:border-box;border:solid .02rem #404040;border-radius:.34rem}.page4 .r_group .newsListSwiper .swiper-scrollbar .swiper-scrollbar-drag{height:.08rem;background-color:#624ad8;border-radius:.34rem}.role .arrow-pagination,.role .arrow-pagination2{width:50%;height:.1rem;background-color:#fff;border-radius:.3rem;border:.03rem solid #000;position:absolute;left:50%;transform:translateX(-50%);top:1.7rem;overflow:hidden;display:flex;justify-content:space-between}.role .arrow-pagination span,.role .arrow-pagination2 span{opacity:0;display:block;width:100%;height:.1rem;background-color:#624ad8;border-radius:.3rem}.role .arrow-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.role .arrow-pagination2 .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1}.role .arrow-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.role .arrow-pagination2.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color:#624ad8;transform-origin:left center!important;height:100%}#partner_pop.dialog,#role_pop.dialog{display:none;position:fixed;top:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:1000}#partner_pop.dialog.show,#role_pop.dialog.show{display:block}.dialog#partner_pop .role_pop_group,.dialog#role_pop .role_pop_group{position:absolute;top:0;width:100%;height:100%;overflow-y:auto;transition:opacity .6s ease-out,transform .6s ease-out,top .6s ease-out;transform:translateY(2.7rem);opacity:0;-ms-overflow-style:none;scrollbar-width:none;padding-top:2.7rem;box-sizing:border-box}.dialog#partner_pop .role_pop_group.show,.dialog#role_pop .role_pop_group.show{opacity:1;transform:translateY(0)}.dialog#partner_pop .role_pop_group .item_group,.dialog#role_pop .role_pop_group .item_group{width:7.5rem;margin-left:5.8rem;margin-bottom:.35rem}.dialog#partner_pop .role_pop_group .item_group:last-child,.dialog#role_pop .role_pop_group .item_group:last-child{margin-bottom:calc(100vh - 5.08rem)}.dialog#partner_pop .role_pop_group .item_group .title,.dialog#role_pop .role_pop_group .item_group .title{position:relative}.dialog#partner_pop .role_pop_group .item_group .title::before,.dialog#role_pop .role_pop_group .item_group .title::before{content:'';display:block;width:5.52rem;height:.15rem;background:url(../img/role_pop_line3.png) no-repeat center/cover;position:absolute;top:50%;transform:translateY(-50%);right:0}.dialog#partner_pop .role_pop_group .item_group .title span,.dialog#role_pop .role_pop_group .item_group .title span{position:relative;display:inline-block;font-family:SourceHanSansCN-Heavy;font-size:.24rem;background:url(../img/role_pop_title_bg1.png) no-repeat center/cover;width:1.56rem;height:.43rem;line-height:.43rem;text-align:center;color:#fff}.dialog#partner_pop .role_pop_group .item_group .list_container,.dialog#role_pop .role_pop_group .item_group .list_container{width:100%;display:flex;flex-wrap:wrap}.dialog#partner_pop .role_pop_group .item_group .list_container a.profile_btn,.dialog#role_pop .role_pop_group .item_group .list_container a.profile_btn{display:block;width:1.37rem;margin-right:.3rem;margin-top:.3rem;transition:transform .6s ease-out}.dialog#partner_pop .role_pop_group .item_group .list_container a.profile_btn .pic,.dialog#role_pop .role_pop_group .item_group .list_container a.profile_btn .pic{position:relative;width:1.27rem;height:1.32rem;overflow:hidden;background:url(../img/role_profile_normal.png) no-repeat center/cover}.dialog#partner_pop .role_pop_group .item_group .list_container a.profile_btn.active .pic,.dialog#role_pop .role_pop_group .item_group .list_container a.profile_btn.active .pic{background:url(../img/role_profile_active.png) no-repeat center/cover}.dialog#partner_pop .role_pop_group .item_group .list_container a.profile_btn .pic img,.dialog#role_pop .role_pop_group .item_group .list_container a.profile_btn .pic img{position:absolute;display:block;width:1rem;height:.98rem;top:.15rem;left:.155rem;border-radius:.1rem}.dialog#partner_pop .role_pop_group .item_group .list_container a.profile_btn .pic .status,.dialog#role_pop .role_pop_group .item_group .list_container a.profile_btn .pic .status{transition:opacity .6s ease-out}.dialog#partner_pop .role_pop_group .item_group .list_container a.profile_btn.active .pic .status.active,.dialog#role_pop .role_pop_group .item_group .list_container a.profile_btn.active .pic .status{opacity:1}.dialog#partner_pop .role_pop_group .item_group .list_container a.profile_btn .pic .status.active,.dialog#role_pop .role_pop_group .item_group .list_container a.profile_btn .pic .status.active{opacity:0}.dialog#partner_pop .role_pop_group .item_group .list_container a.profile_btn.active .pic .status.active,.dialog#role_pop .role_pop_group .item_group .list_container a.profile_btn.active .pic .status.active{opacity:1}.dialog#partner_pop .role_pop_group .item_group .list_container a.profile_btn .name,.dialog#role_pop .role_pop_group .item_group .list_container a.profile_btn .name{font-size:.16rem;text-align:center;color:#fff;transition:color .6s ease-out;font-family:SourceHanSansCN-Regular}.dialog#partner_pop .role_pop_tab,.dialog#role_pop .role_pop_tab{position:absolute;left:1.12rem;transform:translateY(-50%);top:50%;transition:transform .6s ease-out}.dialog#partner_pop .role_pop_tab.show,.dialog#role_pop .role_pop_tab.show{transform:translateY(-50%)}.dialog#partner_pop .role_pop_tab .list,.dialog#role_pop .role_pop_tab .list{position:relative;margin-top:.78rem}.dialog#partner_pop .role_pop_tab .list .switch_btn,.dialog#role_pop .role_pop_tab .list .switch_btn{position:relative;display:block;margin:.16rem .2rem;white-space:nowrap;height:.3rem;transition:height .6s ease-out}.dialog#partner_pop .role_pop_tab .list .switch_btn.active,.dialog#role_pop .role_pop_tab .list .switch_btn.active{height:.35rem}.dialog#partner_pop .role_pop_tab .list .switch_btn .cn_grey,.dialog#role_pop .role_pop_tab .list .switch_btn .cn_grey{position:relative;padding-left:.04rem;font-size:.2rem;font-family:SourceHanSansCN-Heavy;color:#7c7c7c;height:.15rem;line-height:.15rem;opacity:1;transition:opacity .6s ease-out}.dialog#partner_pop .role_pop_tab .list .switch_btn .cn_grey::before,.dialog#role_pop .role_pop_tab .list .switch_btn .cn_grey::before{content:'';width:.15rem;height:.21rem;background:url(../img/cn_grey_icon_1.png) no-repeat center/cover;position:absolute;left:-.25rem;top:50%;transform:translateY(-50%)}.dialog#partner_pop .role_pop_tab .list .switch_btn.active .cn_grey,.dialog#role_pop .role_pop_tab .list .switch_btn.active .cn_grey{opacity:0}.dialog#partner_pop .role_pop_tab .list .switch_btn .cn,.dialog#role_pop .role_pop_tab .list .switch_btn .cn{position:absolute;top:0;height:.29rem;line-height:.29rem;padding-left:.4rem;font-size:.4rem;font-family:SourceHanSansCN-Heavy;color:#fff;opacity:0;pointer-events:none;transition:opacity .6s ease-out}.dialog#partner_pop .role_pop_tab .list .switch_btn .cn::before,.dialog#role_pop .role_pop_tab .list .switch_btn .cn::before{content:'';width:.59rem;height:.29rem;background:url(../img/cn_grey_icon_2.png) no-repeat center/cover;position:absolute;left:-.25rem;top:50%;transform:translateY(-50%)}.dialog#partner_pop .role_pop_tab .list .switch_btn.active .cn,.dialog#role_pop .role_pop_tab .list .switch_btn.active .cn{opacity:1;pointer-events:unset}.dialog#partner_pop .role_pop_tab .list .switch_btn .en,.dialog#role_pop .role_pop_tab .list .switch_btn .en{font-family:avantm;position:absolute;top:.31rem;padding-left:.12rem;font-size:.08rem;color:#737373;height:.06rem;line-height:.06rem;opacity:0;pointer-events:none;transition:opacity .6s ease-out}.dialog#partner_pop .role_pop_tab .list .switch_btn.active .en,.dialog#role_pop .role_pop_tab .list .switch_btn.active .en{opacity:1;pointer-events:unset}.dialog#partner_pop .role_pop_tab .line,.dialog#role_pop .role_pop_tab .line{position:absolute;transform:translateY(-50%);top:50%;display:block;width:.02rem;height:7.93rem}.dialog#partner_pop .role_pop_slogan,.dialog#role_pop .role_pop_slogan{position:absolute;right:.97rem;top:50%;transform:translateY(-50%);display:block;width:1.92rem;height:7.94rem;transition:transform .6s ease-out}.dialog#partner_pop .role_pop_slogan.show,.dialog#role_pop .role_pop_slogan.show{transform:translateY(-50%)}.dialog#partner_pop .close_btn,.dialog#role_pop .close_btn{position:absolute;right:calc(50% - 4.9rem);top:calc(50% - 3.2rem);background:url(../img/close.png) no-repeat center/cover;background-size:.27rem .27rem;display:block;width:.34rem;height:.34rem}.role .role_group .role_profile_group .arrow_btn.prev2{left:.15rem;background:url(../img/roleProfileSwiper_left.png) no-repeat center/cover}.role .role_group .role_profile_group .arrow_btn.next2{right:.05rem;background:url(../img/roleProfileSwiper_right.png) no-repeat center/cover}.page4 .title{width:5rem;height:1.89rem;background:url(../img/section_title3.png) no-repeat center/cover;position:absolute;left:.9rem;top:1.1rem;transform:translateY(.5rem);opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.page4 .news_container{position:absolute;width:100%;display:flex;justify-content:space-between;top:calc(50% - 1.7rem)}.page4 .news_swiper{position:relative;width:7.17rem;height:5.26rem;background:url(../img/page4_swiper_bg.png) no-repeat center/cover;margin-left:.9rem;transform:translateY(1rem);opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.mainSwiper .swiper-slide.fadeTop .news_swiper{transform:translateY(0);opacity:1}.page4 .page4_decorate_1{width:2.32rem;height:2rem;background:url(../img/page4_decorate_1.png) no-repeat center/cover;position:absolute;right:-.6rem;top:-1.35rem;z-index:5}.page4 .page4_decorate_2{width:2.53rem;height:1.64rem;background:url(../img/page4_decorate_2.png) no-repeat center/cover;position:absolute;left:calc(50% - -3rem);bottom:-.55rem;z-index:5}.page4 .news_swiper .swiper{width:5.8rem;height:100%;margin:.5rem auto 0;overflow:hidden}.page4 .news_swiper .swiper .swiper-slide .banner_img{width:5.8rem;height:3.27rem;display:flex;justify-content:center;align-items:center}.page4 .news_swiper .swiper .swiper-slide .banner_img img{display:block;width:100%;height:100%;object-fit:cover;border:.03rem solid #221918;border-radius:.1rem;box-sizing:border-box}.page4 .news_swiper .swiper .swiper-slide .banner_title{font-size:.25rem;font-family:SourceHanSansCN-Bold;color:#030303;margin-top:.2rem;width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page4 .news_swiper .swiper .swiper-pagination{width:100%;position:absolute;left:50%;transform:translateX(-50%);bottom:.2rem;display:flex;justify-content:center;align-items:center;z-index:10}.page4 .news_swiper .swiper .swiper-pagination .swiper-pagination-bullet{cursor:pointer;width:.12rem;height:.12rem;background:rgba(107,85,216,.3);margin-right:.05rem;border-radius:50%;transition:all .3s ease-in-out}.page4 .news_swiper .swiper .swiper-pagination .swiper-pagination-bullet:last-child{margin-right:0}.page4 .news_swiper .swiper .swiper-pagination .swiper-pagination-bullet-active{width:.43rem;height:.12rem;background:#6b55d8;border-radius:.05rem}.page4 .latest_news{flex:none;font-size:1.19rem;line-height:1;font-family:LithosPro-Black;color:#674fd9;position:absolute;left:calc(50% - .1rem);top:-1.05rem;transform:translateY(.3rem);opacity:0;transition:opacity .6s ease-out,transform .6s ease-out}.mainSwiper .swiper-slide.fadeTop .latest_news{transform:translateY(0);opacity:1}.page4 .r_group{width:50%;opacity:0;transform:translateY(5.14rem);transition:transform .6s ease-out,opacity .6s ease-out}.mainSwiper .swiper-slide.fadeTop .r_group{transform:translateY(0);opacity:1}.page4 .r_group .tab_list_box{display:flex;justify-content:space-between;align-items:center}.page4 .r_group .tab_list{display:flex;margin-top:.7rem}.page4 .r_group .tab_list li{width:1.84rem;height:.63rem}.page4 .r_group .tab_list li a{display:block;width:100%;height:100%;font-size:.24rem;color:#000;font-family:SourceHanSansCN-Heavy;line-height:.66rem;text-align:center}.page4 .r_group .tab_list li.active a{background:url(../img/news_tab_bg.png) no-repeat center/cover;color:#f4f0ff}.page4 .r_group .news_more{display:block;width:.88rem;height:.35rem;font-size:0;background:url(../img/news_more.png) no-repeat center/cover;margin-top:.7rem;margin-right:1rem}.page4 .r_group .newsListSwiper{position:relative;margin-top:.75rem;width:100%;height:3.15rem;overflow:hidden}.page4 .r_group .newsListSwiper .swiper-slide{width:auto;overflow:hidden}.page4 .r_group .newsListSwiper .swiper-slide .news_box{width:3.68rem;display:block}.page4 .r_group .newsListSwiper .swiper-slide .news_box .pic{width:3.68rem;height:2.21rem;overflow:hidden;background:url(../img/group_news_bg.png) no-repeat center/cover;display:flex;justify-content:center;align-items:center}.page4 .r_group .newsListSwiper .swiper-slide .news_box .pic img{display:block;width:3.35rem;height:1.92rem;object-fit:cover;border:.03rem solid #221918;border-radius:.2rem;margin-bottom:.05rem}.page4 .r_group .newsListSwiper .swiper-slide .news_box .desc{font-size:.2rem;font-family:SourceHanSansCN-Bold;color:#030303;margin-top:.1rem;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page4 .r_group .newsListSwiper .swiper-scrollbar{position:absolute;bottom:0;left:0;width:90%;height:.1rem;background:0 0;box-sizing:border-box;border:solid .02rem #404040;border-radius:.34rem}.page4 .r_group .newsListSwiper .swiper-scrollbar .swiper-scrollbar-drag{height:.08rem;background-color:#624ad8;border-radius:.34rem}.loading{position:fixed;top:0;width:100%;height:100%;background:url(../img/loading_bg.png) no-repeat center #000;background-size:cover;z-index:1000;transition:transform .6s cubic-bezier(.84,.02,1,1)}.loading.out{transform:translateY(-100%)}.loading .progress_box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading .progress_text{font-size:.24rem;font-family:SourceHanSansCN-Heavy;color:#fff;text-align:center;margin-top:.3rem}.loading .progress_num{font-size:.3rem;font-family:SourceHanSansCN-Heavy;color:#fff;text-align:center;margin-top:.1rem}.loading .loading_start{display:flex;justify-content:center;align-items:center}.loading .loading_start span{display:block;width:.64rem;height:.99rem;background:url(../img/loading_start.png) no-repeat center/cover;margin:0 .1rem;opacity:.25;transform:translateY(0) scale(.92);animation:loading_start_pulse 1.2s ease-in-out infinite}.loading .loading_start span:nth-child(2){animation-delay:.2s}.loading .loading_start span:nth-child(3){animation-delay:.4s}@keyframes loading_start_pulse{0%,100%{opacity:.25;transform:translateY(0) scale(.92)}35%{opacity:1;transform:translateY(-.08rem) scale(1)}70%{opacity:.25;transform:translateY(0) scale(.92)}}