.wrapper{margin: 0 auto;}
#cont01{width: 100%; height: 13.79rem;}
#cont02{width: 100%; height: 12.22rem;}
#cont03{width: 100%;height:9.4rem;}
#cont03-1{width: 100%;height: 11.65rem;}
/* #cont04{width: 100%; height: 40.7rem;} */
#cont04{width: 100%;
    height: 43.1rem;
    position: absolute;
    top: -2.5rem;}
#side-nav{position: sticky !important;}




.pages1{position: relative; width: 100%; height: 13.79rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/pages1.jpg) no-repeat center center / cover; background-size: 100% 100%;}
.pages1 .kv-box {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.pages1 .kv-box video {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;position: absolute;left: 0;top: 0;-o-object-position: top center;object-position: top center;}
.pages1 .kv-box::after {content: "";width: 100%;height: 110%;background-color: #000000;opacity: 0.4;position: absolute;left: 0;top: 0;}
.pages1 .sidebar_list{position: absolute; bottom: 1.9rem; right: 0.3rem; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 5;}
.pages1 .sidebar_list a{width: 100%;height: 100%;margin-bottom: 0.4rem;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.pages1 .sidebar_list a i{display: block; width:1.02rem; height: 1.01rem;}
.pages1 .sidebar_list a span{display: block; font-size: 0.18rem; text-align: center; color: #e9f0ff; font-weight: bold; margin-top: 0.15rem;}
.pages1 .sidebar_list .sidebar_list_type1 i{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/sidebar_list_type1.png) no-repeat center center / contain;}
.pages1 .sidebar_list .sidebar_list_type2 i{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/sidebar_list_type2.png) no-repeat center center / contain;}
.pages1 .sidebar_list .sidebar_list_type3 i{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/sidebar_list_type3.png) no-repeat center center / contain;}
.pages1 .sidebar_list .sidebar_list_type4 i{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/sidebar_list_type4.png) no-repeat center center / contain;}
.pages1 .sidebar_list .sidebar_list_type5 i{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/sidebar_list_type5.png) no-repeat center center / contain;}
.pages1 .sec-con{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;padding-bottom: 1.6rem;width: 100%;height: 100%;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;padding-top: 0.71rem;padding-bottom: 0.86rem;}
.pages1 .sec-con .home-main{position: relative; z-index: 5;}
/* .pages1 .home-main .slogan{width: 13.63rem; height: 3.71rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/slogan.png) no-repeat center/cover;margin: 0 auto 0.32rem;} */
.pages1 .home-main .slogan{width: 13.63rem; height: 3.72rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/slogan2.png) no-repeat center/cover;margin: 0 auto 0.32rem;}
.pages1 .home-main .home-btn-list{width: 5.16rem;height: 1.3rem; position: relative;margin: 0.6rem auto 1.3rem;}
.pages1 .home-main .home-btn-list .btn-download{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 6.58rem;height: 2.79rem;font-size: 0.41rem;font-weight: bold;color: #ffffff;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/home-main-btn.png) no-repeat;background-size: 100% 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.pages1 .home-main .home-btn-list .btn-download span{z-index: 2; animation: identifier 1.5s infinite ease-in-out;}
@keyframes identifier {0% {transform: scale(1);}50% {transform: scale(1.1);}100% {transform: scale(1);}}
.pages1 .home-main .home-btn-list .btn-download2{opacity: 0; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 8.66rem;height: 4.20rem;font-size: 0.41rem;font-weight: bold;color: #ffffff;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/home-main-btn2.png) no-repeat;background-size: 100% 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
/* .pages1 .home-main .home-btn-list .btn-download::before{content: "";width: 8.66rem;height: 4.2rem;position: absolute;left: -0.42rem;top: -0.26rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/home-main-btn2.png) no-repeat 0 0 / 100% 100%;z-index: 0;pointer-events: none;opacity: 0;} */
/* .pages1 .home-main .home-btn-list .btn-download:hover::before{opacity: 1;} */
.pages1 .home-main .home-btn-list:hover .btn-download{opacity: 0;}
.pages1 .home-main .home-btn-list:hover .btn-download2{opacity: 1;}
.pages1 .platform_box{width: 5.11rem; height: .68rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/platform_box.png)  no-repeat center center / contain;margin: 0.3rem auto 0;}















.pages2{position: relative; width: 100%; height: 12.22rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/pages2.jpg) no-repeat center center / cover; margin-top: -0.01rem;}
.pages2 .textcast {width: 100%;height: 0.53rem;position: absolute; top: 0; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/textcast_1.png) repeat-x center center / cover;animation: bg-scroll 16s linear infinite;}
.pages2 .title{width: 7.62rem; height: 2.22rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/pages2_title.png) no-repeat center center / cover; position: absolute; top: 1.4rem; left: 1.79rem;}
.pages2 .swiper_box{width: 100%;height: 8.9rem;position: absolute;top: 2.3rem;left: 50%;transform: translateX(-50%);z-index: 10;}
.pages2 .swiper_box .swiper{width: 100%; height: 90%; padding-top: 1.8rem;}
.pages2 .swiper_box .swiper .swiper-slide{ width: 12.80rem; height: 7.2rem; margin: 0 auto; transform: scale(.8); transition: all 0.3s ease-in-out}
.pages2 .swiper_box .swiper .swiper-slide.swiper-slide-active{transform: scale(1);  transition: all 0.3s ease-in-out}
.pages2 .swiper_box .swiper .swiper-slide .swiper__img_wrap{position: relative;width: 12.80rem;overflow: hidden;}
.pages2 .swiper_box .swiper .swiper-slide .swiper__img_wrap::before{width: 100%;height: 100%;content: "";position: absolute;top: 0;left: 0;z-index: 1;background-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/swiper__img_wrap_mask1.png);background-repeat: no-repeat;background-size: 100% 100%;pointer-events: none;}
.pages2 .swiper_box .swiper .swiper-slide .swiper__img_wrap img{width: 99%;object-fit: cover; display: block;font-size: 0;-webkit-mask-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/swiper__img_wrap_mask2.png);mask-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/swiper__img_wrap_mask2.png);-webkit-mask-size: cover;mask-size: cover;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;position: relative;}
.pages2 .swiper_box .swiper .swiper-slide .activityTitle{opacity: 0; position: absolute;top: -1.1rem;left: 1.2rem;line-height: 0.1rem;font-size: 0.4rem;color: #333366;font-weight: bold;}
.pages2 .swiper_box .swiper .swiper-slide.swiper-slide-active .activityTitle{opacity: 1;}
.tips{width: 10.6rem;text-align: center;position: absolute;top: 2.65rem;left: 8.74rem;}
.tips p{line-height: 0.1rem;font-size: 0.4rem; color: #333366;font-weight: bold;}
.pages2 .swiper_box .swiper .swiper-pagination{bottom: 0;}
.pages2 .swiper_box .swiper .swiper-pagination .swiper-pagination-bullet{width: 0.2rem; height: 0.2rem; margin: 0 0.1rem; background: rgba(197, 197, 197, 1);clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);  transition: all 0.3s ease-in-out;}
.pages2 .swiper_box .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgba(13, 19, 236, 1);}
.pages2 .swiper1_btn{width: 5.08rem; height: 12.46rem; cursor: pointer;}
.pages2 .swiper_buttom_bg_left{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/swiper_buttom_bg_left.png) no-repeat center center / cover; position: absolute; left: 0; top: 13%; z-index: 10; transition: all 0.3s;}
.pages2 .swiper_buttom_bg_left:hover{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/swiper_buttom_hover_left.png) no-repeat center center / cover; transition: all 0.3s;}
.pages2 .swiper_buttom_bg_right{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/swiper_buttom_bg_right.png) no-repeat center center / cover; position: absolute; right: 0; top: 13%; z-index: 10; transition: all 0.3s;}
.pages2 .swiper_buttom_bg_right:hover{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/swiper_buttom_hover_right.png) no-repeat center center / cover; transition: all 0.3s;}
.pages2 .swiper1_num{font-size: 0.35rem; color: #bebebe; position: absolute; top: 2.6rem; right: 3rem;z-index: 2; text-align: center; font-family: 'Borda-ExtraBold';}
.pages2 .swiper1_num .swiper1_num_current{font-size: 0.5rem; color: #4074f6; font-style: italic;}
.pages2 .pages2_more{font-size: .2rem; font-weight: bold; color: #3366ff;position: absolute;top: 18%;right: 3rem; z-index: 10;}


.pages3{position: relative; width: 100%; height: 12.55rem;}
.pages3 .textcast {width: 100%;height: 0.53rem;position: absolute; bottom: 0; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/textcast_1.png) repeat-x center center/ cover;animation: bg-scroll 16s linear infinite; z-index: 2;}
.pages3 .heros .role_big_bg{width: 100%; height: 14.82rem;position: absolute; top: -2.3rem; left: 0; transition: all .3s  ease-in-out; background-size: 100% 100%; background-repeat: no-repeat; background-position: center;}
.pages3 .pages_title{width: 7.83rem; height: 2.26rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/pages3_title.png)  no-repeat center center / cover;; position: absolute; top: 0; left: 1.79rem; z-index: 1;}
.pages3 .role_swiper{width: 20.75rem; height: auto; position: absolute; right: 0; bottom: -1.63rem; z-index: 3;}
.pages3 .role_swiper .swiper{width: 100%; height: 100%;}
.pages3 .role_swiper .swiper .swiper-slide{width: 100%; height: 17.75rem;box-sizing: border-box;padding-top: 6.55rem;}
.pages3 .role_swiper .swiper .swiper-slide .role_bg{width: 16.47rem; height: 18.87rem; position: absolute; right: 0; transform: translateX(1rem);opacity: 0;transition: all .6s;}
.pages3 .role_swiper .swiper .swiper-slide .role_bg>div{width: 100%; height: 100%; object-fit: cover; display: block;background-repeat: no-repeat; background-size: cover;}
.pages3 .role_swiper .swiper .swiper-slide.slide1 .role_bg{bottom: -0.08rem}
.pages3 .role_swiper .swiper .swiper-slide.slide2 .role_bg{bottom: -0.35rem}
.pages3 .role_swiper .swiper .swiper-slide.slide3 .role_bg{bottom: .02rem}
.pages3 .role_swiper .swiper .swiper-slide.slide4 .role_bg{bottom: 0rem}
.pages3 .role_swiper .swiper .swiper-slide.slide5 .role_bg{bottom: 0.08rem}
.pages3 .role_swiper .swiper .swiper-slide.slide6 .role_bg{bottom: 0.19rem;right: -0.9rem;}
.pages3 .role_swiper .swiper .swiper-slide .name{ display: flex; align-items: center; position: relative;  transform: translateX(-1rem);opacity: 0;transition: all .8s;}
.pages3 .role_swiper .swiper .swiper-slide .name span:nth-of-type(1){width: 4.8rem; font-size: 1.15rem; color: #fff; font-weight: bold; font-family: 'Microsoft Yahei';}
.pages3 .role_swiper .swiper .swiper-slide .name span:nth-of-type(1) i{font-size: 1.92rem;font-weight: initial; font-family: 'Connoisseurs'; transform: skew(0, -20deg);position: absolute; top: -0.85rem; left: 1.9rem;}
.pages3 .role_swiper .swiper .swiper-slide .name span:nth-of-type(2){margin-left: 1.45rem; display: block;width: 1.22rem; height: 1.1rem;}
.pages3 .role_swiper .swiper .swiper-slide .introduce{width: 36%; margin-top: 0.35rem; transform: translateX(-1rem);opacity: 0;transition: all 1s;}
.pages3 .role_swiper .swiper .swiper-slide .introduce p{width: 100%; font-size: 0.2rem; color: #dcfaff; }
.pages3 .swiper .heros-skill-attributes__main{margin-top: 0.55rem; width: 36%;display: flex;flex-wrap: wrap;}
.pages3 .swiper .heros-skill-attributes__main .heros-skill-attributes__item{ transform: translateX(-1rem);opacity: 0;transition: all .9s; margin-bottom: 0.16rem; width: 3.39rem;height: 0.44rem;background-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros-skill-bg.png);background-repeat: no-repeat;background-size: 100% 100%;box-sizing: border-box;color: rgb(243, 243, 243);display: flex;align-items: center;justify-content: space-between;padding: 0rem 0.7rem 0rem 0.34rem;}
.pages3 .swiper .heros-skill-attributes__main .heros-skill-attributes__item-bd {display: flex;align-items: center;}
.pages3 .swiper .heros-skill-attributes__main .heros-skill-attributes__item-bd .skill-icon{width: 0.37rem; height: 0.34rem;}
.pages3 .swiper .heros-skill-attributes__main .heros-skill-attributes__item-bd .skill-icon.icon-hp{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros-skill-type-1.png) no-repeat center center/cover;}
.pages3 .swiper .heros-skill-attributes__main .heros-skill-attributes__item-bd .skill-icon.icon-damage{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros-skill-type-2.png) no-repeat center center/cover;}
.pages3 .swiper .heros-skill-attributes__main .heros-skill-attributes__item-bd .skill-icon.icon-shield{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros-skill-type-3.png) no-repeat center center/cover;}
.pages3 .swiper .heros-skill-attributes__main .heros-skill-attributes__item-text{margin-left: 0.12rem; font-size: 0.2rem; color: #f3f3f3; font-weight: bold;}
.pages3 .swiper .heros-skill-attributes__main .heros-skill-attributes__item-value{margin-left: 0.12rem; font-size: 0.3rem; color: #f3f3f3; font-weight: bold;}
.pages3 .swiper .heros-skill-select{margin-top: 0.55rem;display: flex; position: relative;}
.pages3 .swiper .heros-skill-select .heros-skill-select-item{cursor: pointer;position: relative; margin-right: 0.11rem; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 1.81rem; height: 1.92rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros-skill-select-item.png) no-repeat center center/cover;transform: translateX(-1rem);opacity: 0;transition: all .6s;} 
.pages3 .swiper .heros-skill-select .heros-skill-select-item .icon-skill{width: 1rem; height: 1.14rem;}
.pages3 .swiper .heros-skill-select .heros-skill-select-item .icon-skill img{display: block; width: 100%; height: 100%; object-fit: contain; position: relative;}
.pages3 .swiper .heros-skill-select .heros-skill-select-item .skill-select-block{margin-top: 0.28rem; color: #e4fffd; font-size: 0.19rem; font-weight: bold;text-transform: uppercase;}
.pages3 .swiper .heros-skill-select .heros-skill-select-item .heros-select-dialog{display: none;width: 7.04rem;height: auto;position: absolute;bottom: 2.07rem;box-sizing: border-box;padding: 0.15rem 0.45rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-select-dialog-mask.png) no-repeat center center / cover;border: 0.04rem solid #0099ff;border-radius: 100% 0% 5% 0% / 0% 50% 15% 0;}
/* .pages3 .swiper .heros-skill-select .heros-skill-select-item .heros-select-dialog::after{content: '';width: 0.3rem;height: 3rem;clip-path: polygon(0% 0%, 0% 100%, 96% 100%, 100% 90%, 100% 0%);position: absolute;right: 0;bottom: 0;z-index: 2;} */
.pages3 .swiper .heros-skill-select .heros-skill-select-item:nth-of-type(1) .heros-select-dialog{left: 0;}
.pages3 .swiper .heros-skill-select .heros-skill-select-item:nth-of-type(2) .heros-select-dialog{left: -1.9rem;}
.pages3 .swiper .heros-skill-select .heros-skill-select-item:nth-of-type(3) .heros-select-dialog{left: -3.85rem;}
.pages3 .swiper .heros-skill-select .heros-skill-select-item:nth-of-type(4) .heros-select-dialog{left: -5.73rem;}
.pages3 .swiper .heros-skill-select .heros-skill-select-item .heros-select-dialog::before{content: ''; width: 0.53rem; height: 0.27rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-select-dialog-icon.png) no-repeat center center / contain; position: absolute;bottom: -0.27rem;}
.pages3 .swiper .heros-skill-select .heros-skill-select-item:nth-of-type(1) .heros-select-dialog::before{left: 0.64rem;}
.pages3 .swiper .heros-skill-select .heros-skill-select-item:nth-of-type(2) .heros-select-dialog::before{left: 2.57rem;}
.pages3 .swiper .heros-skill-select .heros-skill-select-item:nth-of-type(3) .heros-select-dialog::before{left: 4.5rem;}
.pages3 .swiper .heros-skill-select .heros-skill-select-item:nth-of-type(4) .heros-select-dialog::before{left: 6.15rem;}
.pages3 .swiper .heros-skill-select .heros-skill-select-item.select .heros-select-dialog{display: block;}
.pages3 .swiper .heros-skill-select .heros-skill-select-item .heros-select-dialog .title{font-size: 0.37rem; color: #253550; font-weight: bold; }
.pages3 .swiper .heros-skill-select .heros-skill-select-item .heros-select-dialog .key-type{display: table;padding: 0.02rem 0.15rem;background-color: #414eff;text-transform: uppercase;font-size: 0.18rem;color: #fff;text-align: center;line-height: 0.3rem;margin-bottom: 0.1rem;}
.pages3 .swiper .heros-skill-select .heros-skill-select-item .heros-select-dialog .details{font-size: 0.2rem;color: #253550;line-height: 0.27rem;border-top: 0.01rem solid rgba(51, 51, 102, .1);padding-top: 0.05rem;}
.pages3 .swiper .heros_btn{display: block; width: 4.03rem; height: 1.08rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros_btn.png) no-repeat center center / cover;margin: 0.8rem 0 0 1.9rem;}
.pages3 .swiper .heros_btn span{display: block; text-align: center; line-height: 1.08rem; font-size: 0.28rem; color: #333333; font-weight: bold;}
.pages3 .role_swiper .swiper .swiper-slide.slide1 .name span:nth-of-type(1) i{color: #ff6c2b;}
.pages3 .role_swiper .swiper .swiper-slide.slide2 .name span:nth-of-type(1) i{color: #f3c566; left: 1.64rem;}
.pages3 .role_swiper .swiper .swiper-slide.slide3 .name span:nth-of-type(1) i{color: #f3c566;top: -0.83rem;left: 2.75rem;}
.pages3 .role_swiper .swiper .swiper-slide.slide4 .name span:nth-of-type(1) i{color: #fd49ff;top: -0.7rem; left: 1.24rem;}
.pages3 .role_swiper .swiper .swiper-slide.slide5 .name span:nth-of-type(1) i{color: #ff91cd;top: -0.8rem; left: 1.38rem;}
.pages3 .role_swiper .swiper .swiper-slide.slide6 .name span:nth-of-type(1) i{color: #f3c566;}
.pages3 .role_swiper .swiper .swiper-slide.slide1 .name span:nth-of-type(2){background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/career_type1.png) no-repeat center center / cover;}
.pages3 .role_swiper .swiper .swiper-slide.slide2 .name span:nth-of-type(2){background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/career_type2.png) no-repeat center center / cover;}
.pages3 .role_swiper .swiper .swiper-slide.slide3 .name span:nth-of-type(2){background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/career_type3.png) no-repeat center center / cover;}
.pages3 .role_swiper .swiper .swiper-slide.slide4 .name span:nth-of-type(2){background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/career_type4.png) no-repeat center center / cover;}
.pages3 .role_swiper .swiper .swiper-slide.slide5 .name span:nth-of-type(2){background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/career_type5.png) no-repeat center center / cover;}
.pages3 .role_swiper .swiper .swiper-slide.slide6 .name span:nth-of-type(2){background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/career_type6.png) no-repeat center center / cover;}
/* 轮播动画 */
.pages3 .role_swiper .swiper .swiper-slide.fadeline .role_bg {transform: translateX(0);opacity: 1;transition: all .8s;}
.pages3 .role_swiper .swiper .swiper-slide.fadeline .name {transform: translateX(0);opacity: 1;transition: all .8s;}
.pages3 .role_swiper .swiper .swiper-slide.fadeline .introduce {transform: translateX(0);opacity: 1;transition: all 1s;}
.pages3 .role_swiper .swiper .swiper-slide.fadeline .heros-skill-select-item:nth-of-type(1){transform: translateX(0);opacity: 1;transition: all 1.2s;}
.pages3 .role_swiper .swiper .swiper-slide.fadeline .heros-skill-select-item:nth-of-type(2){transform: translateX(0);opacity: 1;transition: all 1.3s;}
.pages3 .role_swiper .swiper .swiper-slide.fadeline .heros-skill-select-item:nth-of-type(3){transform: translateX(0);opacity: 1;transition: all 1.4s;}
.pages3 .role_swiper .swiper .swiper-slide.fadeline .heros-skill-select-item:nth-of-type(4){transform: translateX(0);opacity: 1;transition: all 1.5s;}
.pages3 .role_swiper .swiper .swiper-slide.fadeline .heros-skill-attributes__item:nth-of-type(1){transform: translateX(0);opacity: 1;transition: all .9s;}
.pages3 .role_swiper .swiper .swiper-slide.fadeline .heros-skill-attributes__item:nth-of-type(2){transform: translateX(0);opacity: 1;transition: all 1s;}
.pages3 .role_swiper .swiper .swiper-slide.fadeline .heros-skill-attributes__item:nth-of-type(3){transform: translateX(0);opacity: 1;transition: all 1.1s;}
.pages3 .role_swiper .swiper .swiper-slide.fadeline .heros-skill-attributes__item:nth-of-type(4){transform: translateX(0);opacity: 1;transition: all 1.2s;}
.pages3 .heros-tabs{position: absolute;left: 2.24rem;top: 3.18rem;}
.pages3 .heros-tabs .swiper{width: 2.1rem; height: auto;}
.pages3 .heros-tabs .swiper .swiper-slide{width: 1.8rem; height: 1.25rem; cursor: pointer;}
.pages3 .heros-tabs .swiper .swiper-slide .heros-tabs-list{display: flex; justify-content: space-between; align-items: center;}
.pages3 .heros-tabs .swiper .swiper-slide .heros-tabs-list .num{font-size: 0.21rem; color: rgba(228, 255, 253, .3);; font-family: 'Borda-ExtraBold'; transition: all .3s;}
.pages3 .heros-tabs .swiper .swiper-slide .heros-tabs-list .avatar{display: block; width: 1.17rem; height: 1.17rem;transition: all .3s; }
.pages3 .heros-tabs .swiper .swiper-slide.slide1 .heros-tabs-list .avatar{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-tabs-1-1.png) no-repeat center center / cover;}
.pages3 .heros-tabs .swiper .swiper-slide.slide2 .heros-tabs-list .avatar{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-tabs-2-2.png) no-repeat center center / cover;}
.pages3 .heros-tabs .swiper .swiper-slide.slide3 .heros-tabs-list .avatar{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-tabs-3-3.png) no-repeat center center / cover;}
.pages3 .heros-tabs .swiper .swiper-slide.slide4 .heros-tabs-list .avatar{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-tabs-4-4.png) no-repeat center center / cover;}
.pages3 .heros-tabs .swiper .swiper-slide.slide5 .heros-tabs-list .avatar{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-tabs-5-5.png) no-repeat center center / cover;}
.pages3 .heros-tabs .swiper .swiper-slide.slide6 .heros-tabs-list .avatar{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-tabs-6-6.png) no-repeat center center / cover;}
.pages3 .heros-tabs .swiper .swiper-slide.active .heros-tabs-list .avatar{box-shadow: 0 0 .25rem .05rem rgba(0, 153, 255, 0.5);}
.pages3 .heros-tabs .swiper .swiper-slide:hover .heros-tabs-list .avatar{box-shadow: 0 0 .25rem .05rem rgba(0, 153, 255, 0.5);}
.pages3 .heros-tabs .swiper .swiper-slide.active.slide1 .heros-tabs-list .avatar{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-tabs-1.png) no-repeat center center / cover; transition: all .3s;}
.pages3 .heros-tabs .swiper .swiper-slide.active.slide2 .heros-tabs-list .avatar{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-tabs-2.png) no-repeat center center / cover; transition: all .3s;}
.pages3 .heros-tabs .swiper .swiper-slide.active.slide3 .heros-tabs-list .avatar{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-tabs-3.png) no-repeat center center / cover; transition: all .3s;}
.pages3 .heros-tabs .swiper .swiper-slide.active.slide4 .heros-tabs-list .avatar{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-tabs-4.png) no-repeat center center / cover; transition: all .3s;}
.pages3 .heros-tabs .swiper .swiper-slide.active.slide5 .heros-tabs-list .avatar{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-tabs-5.png) no-repeat center center / cover; transition: all .3s;}
.pages3 .heros-tabs .swiper .swiper-slide.active.slide6 .heros-tabs-list .avatar{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-tabs-6.png) no-repeat center center / cover; transition: all .3s;}
.pages3 .heros-tabs .swiper .swiper-slide:hover.slide1 .heros-tabs-list .avatar{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-tabs-1.png) no-repeat center center / cover; transition: all .3s;}
.pages3 .heros-tabs .swiper .swiper-slide:hover.slide2 .heros-tabs-list .avatar{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-tabs-2.png) no-repeat center center / cover; transition: all .3s;}
.pages3 .heros-tabs .swiper .swiper-slide:hover.slide3 .heros-tabs-list .avatar{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-tabs-3.png) no-repeat center center / cover; transition: all .3s;}
.pages3 .heros-tabs .swiper .swiper-slide:hover.slide4 .heros-tabs-list .avatar{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-tabs-4.png) no-repeat center center / cover; transition: all .3s;}
.pages3 .heros-tabs .swiper .swiper-slide:hover.slide5 .heros-tabs-list .avatar{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-tabs-5.png) no-repeat center center / cover; transition: all .3s;}
.pages3 .heros-tabs .swiper .swiper-slide:hover.slide6 .heros-tabs-list .avatar{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-tabs-6.png) no-repeat center center / cover; transition: all .3s;}
.pages3 .heros-tabs .swiper .swiper-slide.active .heros-tabs-list .num{font-size: 0.26rem; color: rgba(228, 255, 253, 1);transition: all .3s;}
.pages3 .heros-tabs .swiper .swiper-slide:hover .heros-tabs-list .num{font-size: 0.26rem; color: rgba(228, 255, 253, 1);transition: all .3s;}
.pages3 .shortcut {display: inline-block;background-repeat: no-repeat;height: 0.3rem;vertical-align: middle;}
.icon-shortcut1{width: 0.35rem;background-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/icon-shortcut1.webp);background-size: 100% 100%; display: inline-block;background-repeat: no-repeat;height: 0.3rem;vertical-align: middle;}
.icon-shortcut2{width: 0.35rem;background-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/icon-shortcut2.webp);background-size: 100% 100%; display: inline-block;background-repeat: no-repeat;height: 0.3rem;vertical-align: middle;}
.icon-shortcut3{width: 0.6rem;height: 0.45rem; background-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/icon-shortcut3.webp);background-size: 100% 100%; display: inline-block;background-repeat: no-repeat;vertical-align: middle;}
.icon-shortcut3_1{width: 0.6rem;height: 0.45rem; background-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/icon-shortcut3_1.webp);background-size: 100% 100%; display: inline-block;background-repeat: no-repeat;vertical-align: middle;}
.icon-shortcut4{width: 0.35rem;background-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/icon-shortcut4.webp);background-size: 100% 100%; display: inline-block;background-repeat: no-repeat;height: 0.3rem;vertical-align: middle;}
.icon-shortcut5{width: 0.72rem;background-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/icon-shortcut5.webp);background-size: 100% 100%; display: inline-block;background-repeat: no-repeat;height: 0.3rem;vertical-align: middle;}
.icon-shortcut6{width: 0.72rem;background-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/icon-shortcut6.webp);background-size: 100% 100%; display: inline-block;background-repeat: no-repeat;height: 0.3rem;vertical-align: middle;}
.XQingE{width: 0.3rem;background-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/XQingE.webp);background-size: 100% 100%; display: inline-block;background-repeat: no-repeat;height: 0.3rem;vertical-align: middle;}
.LLanE{width: 0.3rem;background-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/LLanE.webp);background-size: 100% 100%; display: inline-block;background-repeat: no-repeat;height: 0.3rem;vertical-align: middle;}
.TarosE{width: 0.3rem;background-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/TarosE.webp);background-size: 100% 100%;  display: inline-block;background-repeat: no-repeat;height: 0.3rem;vertical-align: middle;}
.heros_dialog_theme{color: #ff9933;}

.pages4{position: relative; width: 100%; height: 21.05rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/pages4.jpg)  no-repeat center center / cover;}
.pages4 .pages_title{width: 7.87rem; height: 2.32rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/pages4_title.png)  no-repeat center center / cover;; position: absolute; top: 1.1rem; left: 1.79rem; z-index: 1;}
.pages4 .news-center{box-sizing: border-box;padding: 3.45rem 0 0 0;display: flex;justify-content: start;margin-left: 2.8rem;}
.pages4 .news-center .news-center-wrap{display: flex; justify-content: space-between;}
.pages4 .news-center .news-center-wrap .news-center-banner{width: 10.56rem; height: 5.94rem; position: relative;margin-right: .3rem;}
.pages4 .news-center .news-center-wrap .news-center-banner::after {content: "";position: absolute;right: 0;bottom: 0;width: 100%;height: 100%;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/news-center-banner-bg.png) no-repeat 0 0 / cover;pointer-events: none;z-index: 2;}
.pages4 .news-center .news-center-wrap .news-center-banner .swiper{width: 100%; height: 100%;}
.pages4 .news-center .news-center-wrap .news-center-banner .swiper .news-banner-box{display: block; width: 100%; height: 100%;}
.pages4 .news-center .news-center-wrap .news-center-banner .swiper .news-banner-box:hover{filter:brightness(1);}
.pages4 .news-center .news-center-wrap .news-center-banner .swiper .news-banner-box img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;}
.pages4 .swiper .swiper-pagination{left: unset;bottom: 0.25rem;right: 0.6rem; text-align: right;}
.pages4 .swiper .swiper-pagination .swiper-pagination-bullet{width: 0.2rem; height: 0.2rem; margin: 0 0.06rem; background: rgba(0, 0, 0, .7);clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);  transition: all 0.3s ease-in-out;}
.pages4 .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgba(0, 237, 255, 1);}
.pages4  .news-tab-content{width: 10.02rem; height: 5.94rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/news-tab-content-bg.png) no-repeat center center / cover;box-sizing: border-box;padding-right: 0.86rem;}
.pages4  .news-tab-content .news-top-up{width: 100%;height: 0.7rem;box-sizing: border-box;padding-left: 0.1rem;}
.pages4  .news-tab-content .news-top-up .news-top-up-item {height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.pages4  .news-tab-content .news-top-up .news-top-up-title {font-size: 0.35rem;color: #fff;font-weight: bold;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;}
.pages4  .news-tab-content .news-top-tab{position: relative; padding-right: 1rem; margin-top: 0.2rem;}
.pages4  .news-tab-content .news-top-tab .news-top-tab-list {display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: flex-start;align-items: center;width: 100%;position: relative;}
.pages4  .news-tab-content .news-top-tab .news-top-tab-list .news-top-tab-btn {width: 1.25rem;height: 0.7rem;position: relative;color: #ffffff;font-size: 0.2rem;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0 0.1rem;text-decoration: none;white-space: nowrap;}
.pages4  .news-tab-content .news-top-tab .news-top-tab-list .news-top-tab-btn.on {font-size: 0.28rem;font-weight: bold;}
.pages4  .news-tab-content .news-top-tab .news-top-tab-list .news-top-tab-btn::after {content: "";display: block;width: 0.08rem;height: 0.11rem;background-color: #e4e4e4;clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);position: absolute;top: 50%;right: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.pages4  .news-tab-content .news-top-tab .news-top-tab-list .news-top-tab-btn:last-child::after{display: none;}
.pages4  .news-tab-content .news-top-tab .news-more-btn {position: absolute;right: 0.25rem;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 0.18rem;color: #7f7f7f;}
.pages4  .news-tab-content .news-list{width: 100%;}
.pages4  .news-tab-content .news-list .news-item{height: 0.96rem;position: relative;box-sizing: border-box; padding: 0 0.45rem; transition: all .3s;}
.pages4  .news-tab-content .news-list .news-item::before{content: "";display: none;width: 100%;height: 1.23rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/news-item-hover.png) no-repeat center center / contain;position: absolute;left: 0;top: -0.05rem; transition: all .3s;}
.pages4  .news-tab-content .news-list .news-item:hover::before{display: block; transition: all .3s;}
.pages4  .news-tab-content .news-list .news-item-href {position: relative;height: .96rem;display: flex;align-items: center;justify-content: center;}
.pages4  .news-tab-content .news-list .news-type {width: 0.73rem;height: 0.25rem;line-height: 0.25rem;-webkit-box-sizing: border-box;box-sizing: border-box;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 0.15rem;color: #fff;background-color: #3494fa;clip-path: polygon(0% 0%, 100% 0%, 92.67% 56%, 85.67% 100%, 0% 100%);}
.pages4  .news-tab-content .news-list .news-item:hover .news-type{background-color: #ff027e;}
.pages4  .news-tab-content .news-list .news-title {font-size: 0.24rem;color: #848383;width: 7.09rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: left;margin-left: 0.3rem;}
.pages4  .news-tab-content .news-list .news-top{width: 100%;display: flex;justify-content: flex-start;align-items: center;}
.pages4  .news-tab-content .news-list .news-item:hover .news-title{color: #fff;}
.pages4  .news-tab-content .news-list .news-data {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;position: absolute;bottom: 0;left: 0; font-size: 0.15rem;color: #828282;margin-left: 1.18rem;}
.pages4  .news-tab-content .news-list .news-item:hover .news-data{color: #fff;}

.pages4 .video-center{width: 20.2rem;margin: 0 0 0 6.3rem;overflow: hidden;position: relative;box-sizing: border-box;}
.pages4 .video-center .video_title{width: 7.98rem; height: 2.21rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/pages4_1_title.png)  no-repeat center center / cover;; position: absolute; top: 1.1rem; right: 2.25rem; z-index: 1;}
.pages4 .video-center .pages4_decorate_1{width: 9.58rem; height: 3.33rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/pages4_decorate_1.png)  no-repeat center center / cover;; position: absolute; top: 1.5rem; left: .4rem; z-index: 1;}
.pages4 .video-center .pages4_decorate_box{position: absolute; top: 21%; left: 40%; z-index: 1;}
.pages4 .video-center .pages4_decorate_box .pages4_decorate_2{width: 1.71rem; height: 1.55rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/pages4_decorate_2.png)  no-repeat center center / cover;}
.pages4 .video-center .video-top-tab{position: relative; padding-right: 2.8rem; margin-top: 3.5rem; z-index: 10;}
.pages4 .video-center .video-top-tab .video-top-tab-list {display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: flex-end;;align-items: center;width: 88%;position: relative;}
.pages4 .video-center .video-top-tab .video-top-tab-list .video-top-tab-btn {width: 1.8rem;height: 0.5rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/video-top-tab.png) no-repeat center center / cover; position: relative;color: #555555;font-size: 0.18rem;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin: 0 0.1rem;text-decoration: none;white-space: nowrap;}
.pages4 .video-center .video-top-tab .video-top-tab-list .video-top-tab-btn.on {font-size: 0.22rem;font-weight: bold; color: #fff; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/video-top-ta-on.png) no-repeat center center / cover;}
/* .pages4 .video-center .video-top-tab .video-more-btn {position: absolute;right: 0.6rem;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 0.18rem;color: #7f7f7f;} */
.pages4 .video-center .video-wrap{width: 17.5rem;height: 3.65rem;margin: 0.3rem 0 0 0rem;box-sizing: border-box;padding: 0 0.7rem;position: relative;}
.pages4 .video-center .video-wrap .swiper{width: 100%; height: 100%; margin: 0 auto;}
.pages4 .video-center .video-wrap .swiper .swiper-slide{width: 5.22rem; height: 3.66rem;}
.pages4 .news-video-box {display: block;width: 100%;height: 100%;position: relative;box-sizing: border-box;}
.pages4 .news-video-box:hover{filter:brightness(1);}
.pages4 .news-video-box img {width: 4.96rem;height: 2.79rem;margin: 0 auto;padding-left: .13rem;}
.pages4 .news-video-box::before{content: "";display: block;width: .29rem;height: .03rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/news-video-box-icon2.png) no-repeat center center / cover;position: absolute;right: 0.15rem;top: 0.73rem;z-index: 1;}
.pages4 .news-video-info{width: 5.10rem;height: .88rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/news-video-info.png) no-repeat center center / cover;position: absolute;bottom: 0;left: 0;box-sizing: border-box;padding: 0 0.43rem;}
.pages4 .news-video-box .news-video-tit {font-size: 0.28rem;font-weight: normal;color: #1a1d28;font-family: 'title1'; line-height: 0.4rem;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;margin-top: 0.15rem; line-height: .28rem;}
.pages4 .news-video-box .news-video-desc {font-size: 0.18rem;color: #555555;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pages4 .news-video-box .play-icon {display: block;position: absolute;top: 75%;right: 0.4rem;width: 1.34rem;height: 0.3rem;font-size: 0.18rem;line-height: 0.3rem;text-align: center;color: #203cff;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/play-icon.png) no-repeat center center / contain;}
.pages4 .news-video-box .news-video-data {box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;font-size: 0.14rem;color: #203cff;position: absolute;left: 0.35rem;top: 2.32rem;font-weight: bold;padding-left: .2rem;}
.pages4 .news-video-box .news-video-data::before{content: '';width: 0.15rem;height: 0.15rem;mask-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/time-icon.png);mask-size: 100%;mask-repeat: no-repeat;background-color: #1f13b0;margin-right: 0.05rem;position: absolute;left: 0rem;}
.pages4 .news-video-box .news-video-data i {width: 0.15rem;height: 0.15rem;mask-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/time-icon.png);mask-size: 100%;mask-repeat: no-repeat;background-color: #1f13b0;margin-right:0.05rem;}
.pages4 .video-center .video-wrap .swiper-button-prev5{position: absolute; cursor: pointer; width: 0.58rem;height: 0.84rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/news-video-left.png) no-repeat center center / cover; top: 1.6rem; left: 0;}
.pages4 .video-center .video-wrap .swiper-button-prev5:hover{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/news-video-left-on.png) no-repeat center center / cover;}
.pages4 .video-center .video-wrap .swiper-button-next5{position: absolute; cursor: pointer; width: 0.58rem;height: 0.84rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/news-video-right.png) no-repeat center center / cover; top: 1.6rem; right: 0;}
.pages4 .video-center .video-wrap .swiper-button-next5:hover{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/news-video-right-on.png) no-repeat center center / cover;}
.pages4 .video-center .video-more-btn{position: absolute;right: 3.9rem;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 0.18rem;color: #7f7f7f;}

.pages5{position: relative; width: 100%; height: 12.90rem;}
.pages5 .pages_title{width: 6.44rem; height: 2.04rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/pages5_title.png)  no-repeat center center / cover;; position: absolute; top: 0.95rem; left: 1.79rem; z-index: 2;}
.pages5 .pages5_decorate_1{width: 98%;height: 11.76rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/pages5_decorate_1.png) no-repeat center center / cover;background-size: 100% 100%;position: absolute;top: 0.6rem;left: 0;z-index: 1;}
.pages5 .pages5_decorate_2{width: 100%; height: 12.90rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/pages5.png) no-repeat center center / cover;background-size: 100% 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.pages5 .feature-bg-content {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.pages5 .feature-bg-content .feature-box {width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: none;}
.pages5 .feature-bg-content .feature-box.on {display: block;}
.pages5 .feature-bg-content .feature-box img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: bottom center;object-position: bottom center;position: absolute;left: 0;top: 0;}
.pages5 .feature-bg-content .feature-box video {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;position: absolute;left: 0;top: 0;-o-object-position: bottom center;object-position: bottom center;}
.pages5 .feature-bottom {width: 100%;position: absolute;left: 50%;transform: translateX(-50%);bottom: 1rem;z-index: 3;height: 1.02rem;}
.pages5 .feature-bottom .feature-container {width: 100%;height: 100%;overflow: hidden;}
.pages5 .feature-bottom .feature-container .swiper-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.pages5 .feature-bottom .swiper-slide {width: 3.99rem;height: 1.02rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/feature-slide-bg.png) no-repeat center center / cover;background-size: cover;}
.pages5 .feature-bottom .swiper-slide.on{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/feature-slide-on.png) no-repeat center center / cover;}
/* .pages5 .feature-bottom .swiper-slide:hover{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/feature-slide-on.png) no-repeat center center / cover;} */
.pages5 .feature-bottom .feature-slide-box {width: 100%;height: 100%;position: relative;cursor: pointer;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.pages5 .feature-bottom .feature-slide-box .feature-slide-desc {text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;line-height: 0.45rem;font-size: 0.28rem;font-weight: bold;color: #ccc;z-index: 2;}
.pages5 .feature-bottom .swiper-slide.on .feature-slide-desc{color: #fff;}
.pages5 .feature-bottom .swiper-slide:hover .feature-slide-desc{color: #fff; display: none;}

.pages5 .feature-bottom .swiper-slide:nth-of-type(1):hover{width: 3.92rem; height: 2.8rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/feature-slide-on_1.png) no-repeat center center / cover;}
.pages5 .feature-bottom .swiper-slide:nth-of-type(2):hover{width: 3.92rem; height: 2.8rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/feature-slide-on_2.png) no-repeat center center / cover;}
.pages5 .feature-bottom .swiper-slide:nth-of-type(3):hover{width: 3.92rem; height: 2.8rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/feature-slide-on_3.png) no-repeat center center / cover;}
.pages5 .feature-bottom .swiper-slide:nth-of-type(4):hover{width: 3.92rem; height: 2.8rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/feature-slide-on_4.png) no-repeat center center / cover;}
.pages5 .feature-bottom .swiper-slide:nth-of-type(5):hover{width: 3.92rem; height: 2.8rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/feature-slide-on_5.png) no-repeat center center / cover;}




.pages6{position: relative; width: 100%; height: 15.31rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/pages6.jpg) no-repeat center center / cover;margin-top: -0.01rem;}
.pages6 .pages_title{width: 8.02rem; height: 2.21rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/pages6_title.png)  no-repeat center center / cover;; position: absolute; top: 0.7rem; left: 1.79rem; z-index: 1;}
.pages6 .textcast {width: 100%;height: 0.53rem;position: absolute; bottom: 0; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/textcast_1.png) repeat-x center center / cover;animation: bg-scroll 16s linear infinite; z-index: 2;}
.pages6 .perks-con-bd{position: absolute; top: 3.25rem; left: 2.7rem; width: 6.48rem; height: 7.08rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-item-bg.png) no-repeat center center / cover; z-index: 2;}
.pages6 .perks-con-bd .perks-item-1{width: 100%; height: 2.28rem;}
.pages6 .perks-con-bd .perks-item-2{width: 100%; height: 2.16rem;}
.pages6 .perks-con-bd .perks-item-3{width: 100%; height: 2.48rem;}
.pages6 .perks-con-bd .perks-item-title{width: 30%; height: 0.31rem; line-height: 0.31rem; text-align: left; padding-left: 0.18rem; font-size: 0.2rem; color: #fff; font-weight: bold;}
.pages6 .perks-con-bd .perks-item-icon{box-sizing: border-box; padding: 0.2rem 0.1rem;display: flex; flex-wrap: wrap;}
.pages6 .perks-con-bd .perks-item-icon .icon-demo {width: 19%;height: 0.78rem;position: relative;display: flex;justify-content: center;align-items: center;margin-bottom: .15rem;}
.pages6 .perks-con-bd .perks-item-icon .icon-demo img{cursor: pointer; display: block; width: auto; height: auto; max-width: 100%; max-height: 100%;}
.pages6 .perks-con-bd .perks-item-2 .perks-item-icon{height: 1.85rem; align-content: center;}
.pages6 .perks-con-bd .perks-item-3 .icon-demo{width: 16%;}
.pages6 .perks-img {height: 100%;position: absolute;width: auto;top: 0;right: 0;z-index: 1;}
.pages6 .perks-img img {height: 100%;font-size: 0;}
.pages6 .perks-con-dia{display: none;width: 7.04rem;height: auto;position: absolute;bottom: 0.97rem;left: -0.4rem;box-sizing: border-box;padding: 0.15rem 0.45rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-select-dialog-mask.png) no-repeat center center / cover;border: 0.04rem solid #0099ff;border-radius: 100% 0% 5% 0% / 0% 50% 15% 0;}
.pages6 .perks-con-dia::before {content: '';width: 0.53rem;height: 0.27rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/heros/heros-select-dialog-icon.png) no-repeat center center / contain;position: absolute;bottom: -0.27rem;left: 0.64rem;}
.pages6 .perks-con-dia .title{font-size: 0.37rem;color: #333366;font-weight: bold;margin: 0.1rem 0;}
.pages6 .perks-con-dia .details{font-size: 0.2rem;color: #333366;line-height: 0.27rem;margin-top: 0.2rem;}
.pages6 .perks-tabs{display: flex;width: 19.78rem;height: 2.82rem;position: absolute;left: 50%;transform: translateX(-50%);bottom: 1rem;z-index: 10;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-bg.png)  no-repeat center center / cover;}
.pages6 .perks-tabs div{cursor: pointer; width:3.52rem; height: 2.82rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-list.png) no-repeat center center / cover; position: absolute;}
.pages6 .perks-tabs div:last-child{background: none;}
.pages6 .perks-tabs div:first-child{background: none;}
.pages6 .perks-tabs div:nth-of-type(1){left: 0; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-list2.png) no-repeat center center / cover;}
.pages6 .perks-tabs div:hover:nth-of-type(1){left: 0;}
.pages6 .perks-tabs div.on:nth-of-type(1){left: 0;}
.pages6 .perks-tabs div.on:hover:nth-of-type(1){left: 0;}
.pages6 .perks-tabs div:nth-of-type(2){left: 1.89rem;}
.pages6 .perks-tabs div:nth-of-type(3){left: 4.38rem;}
.pages6 .perks-tabs div:nth-of-type(4){left: 6.85rem;}
.pages6 .perks-tabs div:nth-of-type(5){left: 9.33rem;}
.pages6 .perks-tabs div:nth-of-type(6){left: 11.78rem;}
.pages6 .perks-tabs div:nth-of-type(7){left: 14.25rem;}
.pages6 .perks-tabs div:nth-of-type(8){right: 0;}
.pages6 .perks-tabs .perks-icon{display: block;width: 1.57rem;height: 1.24rem;position: absolute;top: 0.7rem;left: 1.1rem;}
.pages6 .perks-tabs div:nth-of-type(1){width: 2.89rem;}
.pages6 .perks-tabs div:nth-of-type(1) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-1.png) no-repeat center/cover; left: .5rem;}
.pages6 .perks-tabs div:nth-of-type(2) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-2.png) no-repeat center/cover;}
.pages6 .perks-tabs div:nth-of-type(3) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-3.png) no-repeat center/cover;}
.pages6 .perks-tabs div:nth-of-type(4) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-4.png) no-repeat center/cover;}
.pages6 .perks-tabs div:nth-of-type(5) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-5.png) no-repeat center/cover;}
.pages6 .perks-tabs div:nth-of-type(6) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-6.png) no-repeat center/cover;}
.pages6 .perks-tabs div:nth-of-type(7) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-7.png) no-repeat center/cover;}
.pages6 .perks-tabs div:nth-of-type(8) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-8.png) no-repeat center/cover; left: 1.1rem;}

.pages6 .perks-tabs div.on:nth-of-type(1) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-1-on.png) no-repeat center/cover;}
.pages6 .perks-tabs div.on:nth-of-type(2) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-2-on.png) no-repeat center/cover;}
.pages6 .perks-tabs div.on:nth-of-type(3) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-3-on.png) no-repeat center/cover;}
.pages6 .perks-tabs div.on:nth-of-type(4) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-4-on.png) no-repeat center/cover;}
.pages6 .perks-tabs div.on:nth-of-type(5) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-5-on.png) no-repeat center/cover;}
.pages6 .perks-tabs div.on:nth-of-type(6) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-6-on.png) no-repeat center/cover;}
.pages6 .perks-tabs div.on:nth-of-type(7) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-7-on.png) no-repeat center/cover;}
.pages6 .perks-tabs div.on:nth-of-type(8) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-8-on.png) no-repeat center/cover;}

.pages6 .perks-tabs div:hover:nth-of-type(1) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-1-on.png) no-repeat center/cover;}
.pages6 .perks-tabs div:hover:nth-of-type(2) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-2-on.png) no-repeat center/cover;}
.pages6 .perks-tabs div:hover:nth-of-type(3) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-3-on.png) no-repeat center/cover;}
.pages6 .perks-tabs div:hover:nth-of-type(4) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-4-on.png) no-repeat center/cover;}
.pages6 .perks-tabs div:hover:nth-of-type(5) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-5-on.png) no-repeat center/cover;}
.pages6 .perks-tabs div:hover:nth-of-type(6) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-6-on.png) no-repeat center/cover;}
.pages6 .perks-tabs div:hover:nth-of-type(7) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-7-on.png) no-repeat center/cover;}
.pages6 .perks-tabs div:hover:nth-of-type(8) .perks-icon{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-8-on.png) no-repeat center/cover;}

.pages6 .perks-tabs div:nth-of-type(8){ width: 3.04rem;}
.pages6 .perks-tabs div span{font-size: .24rem; color: rgba(255, 255, 255, .3); position: absolute; left: 53%; transform: translateX(-50%); bottom: .4rem;}
.pages6 .perks-tabs div:nth-of-type(1) span{left: 42%;}
.pages6 .perks-tabs div:nth-of-type(8) span{left: 63%;}
.pages6 .perks-tabs div.on span{color: #003333;}
.pages6 .perks-tabs div.on::before{content: ''; width:3.52rem; height: 2.82rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-list-on.png) no-repeat center center / cover; position: absolute; left: 0; top: 0;}
.pages6 .perks-tabs div:hover::before{content: ''; width:3.52rem; height: 2.82rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/perks-tabs-list-on.png) no-repeat center center / cover;position: absolute; left: 0; top: 0;}
.pages6 .perks-tabs div:nth-of-type(1).on::before{content: '';width: 2.95rem;height: 2.82rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/1-perks-tabs-list-on.png) no-repeat center center / cover;background-size: 100% 100%;position: absolute;left: 0rem;top: 0;}
.pages6 .perks-tabs div:nth-of-type(1):hover::before{content: '';width: 2.95em;height: 2.82rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/1-perks-tabs-list-on.png) no-repeat center center / cover;background-size: 100% 100%;position: absolute;left: 0rem;top: 0;}
.pages6 .perks-tabs div:nth-of-type(8).on::before{content: ''; width:3.26rem; height: 2.82rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/2-perks-tabs-list-on.png) no-repeat center center / cover; background-size: 100% 100%; position: absolute; left: -.15rem; top: 0;}
.pages6 .perks-tabs div:nth-of-type(8):hover::before{content: ''; width:3.26rem; height: 2.82rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/2-perks-tabs-list-on.png) no-repeat center center / cover; background-size: 100% 100%; position: absolute; left: -.15rem; top: 0;}

.pages6 .top_icon{display: none; position: absolute; top: -1rem; left: 1rem; width: 1.2rem; height: 1.2rem;}
.pages6 .top_icon em:nth-of-type(1){display: block; width: .1rem; height: .12rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/top_icon1.png) no-repeat center/cover; position: absolute; left: 0; bottom: .1rem; animation: floatUpAndFade 2.5s infinite; }
.pages6 .top_icon em:nth-of-type(2){display: block; width: .14rem; height: .14rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/top_icon2.png) no-repeat center/cover; position: absolute; left: .1rem; bottom: .2rem;animation: floatUpAndFade 2s infinite;}
.pages6 .top_icon em:nth-of-type(3){display: block; width: .17rem; height: .16rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/top_icon3.png) no-repeat center/cover; position: absolute; left: .5rem; bottom: .5rem;animation: floatUpAndFade 1.5s infinite;}
.pages6 .top_icon em:nth-of-type(4){display: block; width: .19rem; height: .19rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/top_icon4.png) no-repeat center/cover; position: absolute; left: .6rem; bottom: .15rem;animation: floatUpAndFade 1.3s infinite;}
.pages6 .top_icon em:nth-of-type(5){display: block; width: .17rem; height: .19rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/top_icon5.png) no-repeat center/cover; position: absolute; left: .3rem; bottom: .1rem;animation: floatUpAndFade 1.8s infinite;}

.pages6 .bottom_icon{display: none;position: absolute;bottom: -0.4rem;right: 0.6rem;width: 1.2rem;height: 1.2rem;}
.pages6 .bottom_icon em:nth-of-type(1){display: block; width: .1rem; height: .12rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/top_icon1.png) no-repeat center/cover; position: absolute; left: 0; bottom: .1rem; animation: floatUpAndFade2 3s infinite; }
.pages6 .bottom_icon em:nth-of-type(2){display: block; width: .14rem; height: .14rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/top_icon2.png) no-repeat center/cover; position: absolute; left: .1rem; bottom: .2rem;animation: floatUpAndFade2 2.5s infinite;}
.pages6 .bottom_icon em:nth-of-type(3){display: block; width: .17rem; height: .16rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/top_icon3.png) no-repeat center/cover; position: absolute; left: .5rem; bottom: .5rem;animation: floatUpAndFade2 2s infinite;}
.pages6 .bottom_icon em:nth-of-type(4){display: block; width: .19rem; height: .19rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/top_icon4.png) no-repeat center/cover; position: absolute; left: .6rem; bottom: .15rem;animation: floatUpAndFade2 1.8s infinite;}
.pages6 .bottom_icon em:nth-of-type(5){display: block; width: .17rem; height: .19rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/perks/top_icon5.png) no-repeat center/cover; position: absolute; left: .3rem; bottom: .1rem;animation: floatUpAndFade2 2.3s infinite;}

.pages6 .perks-tabs div:nth-of-type(1) .top_icon{left: 0;}
.pages6 .perks-tabs div:nth-of-type(1) .bottom_icon{right: 0;}
.pages6 .perks-tabs div:nth-of-type(8) .bottom_icon{right: 0;}
.pages6 .perks-tabs div:hover .top_icon{display: block;}
.pages6 .perks-tabs div:hover .bottom_icon{display: block;}

.pages7{position: relative; width: 100%; height: 10.86rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/pages7.jpg) no-repeat center center / cover;margin-top: -0.01rem;}
.pages7 .now_download_box{ width: 3.99rem;height: 1.02rem;position: absolute;top: 78%;right: 14%;}
.pages7 .now_download{display: block; width: 3.99rem;height: 1.02rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/feature-slide-on.png) no-repeat center center / cover;background-size: cover;line-height: 1.02rem;text-align: center;box-sizing: border-box;font-size: 0.28rem;font-weight: bold;color: #fff;z-index: 2;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.pages7 .now_download span{display: block; animation: identifier 1.5s infinite ease-in-out;}
.pages7 .now_download2{opacity: 0; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 5.29rem;height: 3.02rem;font-size: 0.41rem;font-weight: bold;color: #ffffff;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/home-main-btn2.png) no-repeat;background-size: cover;background-position: center; position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.pages7 .now_download_box:hover .now_download2{opacity: 1;}
.pages7 .now_download_box:hover .now_download{opacity: 0;}



@keyframes floatUpAndFade {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    80% {
        opacity: 1;
        transform: translateY(-.2rem);
    }
    100% {
        opacity: 0;
        transform: translateY(-.2rem);
    }
}

@keyframes floatUpAndFade2 {
    0% {
        opacity: 1;
        transform: translateY(0);
    }
    80% {
        opacity: 1;
        transform: translateY(.2rem);
    }
    100% {
        opacity: 0;
        transform: translateY(.2rem);
    }
}