.wrapper{margin: 0 auto;}
#cont01{width: 100%; height: 11.56rem;}
#cont02{width: 100%; height: 7.55rem;}
#cont03{width: 100%; height: 11.8rem;}
#cont03-1{width: 100%; height: 8.1rem;}
#cont04{width: 100%; height: 46.5rem;}
#side-nav{position: absolute !important; top: 0.83rem !important; right: 0 !important;}


.pages1{position: relative; width: 100%; height: 11.56rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/pages1.jpg) no-repeat center center / cover; background-size: 100% 100%;}
.pages1 .sidebar_list{width: 60%;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display: flex;justify-content: center;align-items: center;z-index: 10;}
.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.22rem; height: 1.21rem;}
.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/m/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/m/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/m/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/m/sidebar_list_type4.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: 7.5rem; height: 2.47rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/slogan.png) no-repeat center/cover;margin: 0 auto;} */
.pages1 .home-main .slogan{width: 7.5rem; height: 2.31rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/slogan2.png) no-repeat center/cover;margin: 0 auto .9rem;}
.pages1 .home-main .home-btn-list{display: flex; justify-content: center; align-items: center;margin: 0 auto 1rem;}
.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: 4.82rem;height: 1.18rem;font-size: 0.38rem;font-weight: bold;color: #ffffff;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/home-main-btn.png) no-repeat;background-size: 100% 100%;position: relative;}
.pages1 .home-main .home-btn-list .btn-download:hover{opacity: 1;}
.pages1 .platform_box {width: 3.57rem;height: .47rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/platform_box.png) no-repeat center center / contain;position: absolute;bottom: 2.4rem;left: 50%;transform: translateX(-50%);}

.pages2{position: relative; width: 100%; height: 7.63rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/pages2.jpg) no-repeat center center / cover; margin-top: -0.01rem;}
.pages2 .textcast {width: 100%;height: 0.43rem;position: absolute; top: 0; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/textcast_1.png) repeat-x center center / cover;animation: bg-scroll 16s linear infinite;}
.pages2 .title{width: 7.07rem; height: 2.15rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/pages2_title.png) no-repeat center center / cover; position: absolute; top: .9rem; right: 0;}
.pages2 .swiper_box{width: 100%;height: 4rem;position: absolute;top:3.2rem;left: 50%;transform: translateX(-50%);z-index: 10;}
.pages2 .swiper_box .swiper{width: 100%; height: 100%;}
.pages2 .swiper_box .swiper .swiper-slide{ width: 6.2rem; height: auto; margin: 0 auto; transform: scale(.9); 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: 6.12rem;height: 3.4425rem;}
.pages2 .swiper_box .swiper .swiper-slide .swiper__img_wrap::before{width: 6.27rem;height: 3.4425rem;content: "";position: absolute;top: 0;left: 0;z-index: 1;background-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/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: 6.12rem;height: 3.4425rem;object-fit: cover;display: block;font-size: 0;-webkit-mask-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/swiper__img_wrap_mask2.png);mask-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/swiper__img_wrap_mask2.png);-webkit-mask-size: cover;mask-size: cover;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;position: relative;}
.tips{width: 84%;position: absolute;top: 35%;left: 50%;transform: translateX(-50%);}
.tips p{line-height: 0.2rem;text-align: center;}
.tips span:nth-of-type(1){font-size: 0.42rem; color: #253550; font-weight: bold;}
.tips span:nth-of-type(2){font-size: 0.42rem; color: #253550; 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: .54rem; height: .77rem; cursor: pointer;}
.pages2 .swiper_buttom_bg_left{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/swiper-left.png) no-repeat center center / cover; position: absolute; left: 8%; top: 58%; z-index: 10; transition: all 0.3s;}
.pages2 .swiper_buttom_bg_right{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/swiper-right.png) no-repeat center center / cover; position: absolute; right: 8%; top: 58%; z-index: 10; transition: all 0.3s;}
.pages2 .swiper1_num{font-size: 0.35rem; color: #bebebe; position: absolute; top: 29%; right: 10%;z-index: 2; text-align: center; font-family: 'Borda-ExtraBold';}
.pages2 .swiper1_num .swiper1_num_current{font-size: 0.5rem; color: #4074f6;}
.pages2 .pages2_more{font-size: .2rem;color: #3366ff;position: absolute;bottom: .6rem;right: .5rem; z-index: 10;}



.pages3{position: relative; width: 100%; height: 17.31rem; background-color: #fff;}
.pages3 .textcast {width: 100%;height: 0.43rem;position: absolute; bottom: 0; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/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: 17.31rem;position: absolute; top: 0; left: 0; transition: all .3s  ease-in-out;}
.pages3 .pages_title{width: 7.29rem; height: 2.19rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/pages3_title.png)  no-repeat center center / cover;; position: absolute;  top: 1.1rem; right: 0; z-index: 1;}
.pages3 .role_swiper{width:100%; height: auto; position: absolute; right: 0; top: 0; z-index: 3;}
.pages3 .role_swiper .swiper{width: 100%; height: 100%;}
.pages3 .role_swiper .swiper .swiper-slide{width: 100%; height: 17.31rem;box-sizing: border-box; padding-top: 8.6rem;}
.pages3 .role_swiper .swiper .swiper-slide .role_bg{width: 100%; height: 16.8rem; position: absolute; top:-0.8rem; right: 0; 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.slide3 .role_bg{top: 0;}
.pages3 .role_swiper .swiper .swiper-slide.slide3 .role_bg>div{background-size: contain; height: 14.4rem;}
.pages3 .role_swiper .swiper .swiper-slide .name{width: 94%;margin: 0.3rem auto 0; 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: .92rem; 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.25rem;font-weight: initial; font-family: 'Connoisseurs'; transform: skew(0, -20deg);position: absolute;top: -0.5rem; left: 2.3rem;}
.pages3 .role_swiper .swiper .swiper-slide .name span:nth-of-type(2){position: absolute; top: -1.1rem; left: 0; display: block;width: 1.22rem; height: 1.1rem;}
.pages3 .role_swiper .swiper .swiper-slide .introduce{width: 94%; margin: .2rem auto 0; transform: translateX(-1rem);opacity: 0;transition: all 1s;}
.pages3 .role_swiper .swiper .swiper-slide .introduce p{width: 51%; font-size: 0.2rem; color: #dcfaff; }
.pages3 .swiper .heros-skill-attributes__main{width: 46%;display: flex;flex-wrap: wrap;position: absolute;top: 9.6rem;right: 0.1rem;}
.pages3 .swiper .heros-skill-attributes__main .heros-skill-attributes__item{ transform: translateX(1rem);opacity: 0;transition: all .9s; margin-bottom: 0.16rem; width: 3.38rem;height: 0.44rem;background-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/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.4rem;}
.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/m/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/m/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/m/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{    width: 94%;margin: .9rem auto 0;display: flex;position: relative;justify-content: space-between;}
.pages3 .swiper .heros-skill-select .heros-skill-select-item{cursor: pointer;position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 1.15rem; height: 1.92rem;transform: translateX(-1rem);opacity: 0;transition: all .6s;} 
.pages3 .swiper .heros-skill-select .heros-skill-select-item .icon-skill{width: 1.15rem; height: 1.32rem;}
.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: .1rem; color: #e4fffd; font-size: 0.22rem; 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/m/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/m/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.34rem;}
.pages3 .swiper .heros-skill-select .heros-skill-select-item:nth-of-type(2) .heros-select-dialog::before{left: 2.17rem;}
.pages3 .swiper .heros-skill-select .heros-skill-select-item:nth-of-type(3) .heros-select-dialog::before{left: 4.15rem;}
.pages3 .swiper .heros-skill-select .heros-skill-select-item:nth-of-type(4) .heros-select-dialog::before{left: 6.05rem;}
.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/m/heros/heros_btn.png) no-repeat center center / cover;margin: 2rem auto 0;}
.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/m/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/m/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/m/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/m/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/m/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/m/heros/career_type6.png) no-repeat center center / cover;}
/* 轮播动画 */
.pages3 .role_swiper .swiper .swiper-slide.fadeline .role_bg {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{width: 94%;margin: 0 auto;position: absolute;left: 50%;transform: translateX(-50%);bottom: 1.68rem;z-index: 10;}
.pages3 .heros-tabs .swiper{width: 82%; height: auto; margin: 0 auto;}
.pages3 .heros-tabs .swiper .swiper-slide{width: 1.68rem; height: 1.68rem; 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.68rem; height: 1.68rem;transition: all .3s; }
.pages3 .heros-tabs .swiper .swiper-slide.slide1 .heros-tabs-list .avatar{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/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/m/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/m/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/m/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/m/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/m/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.active.slide1 .heros-tabs-list .avatar{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/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/m/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/m/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/m/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/m/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/m/heros/heros-tabs-6.png) no-repeat center center / cover; transition: all .3s;}
.pages3 .heros-tabs .swiper .swiper-slide.active .avatar{box-shadow: 0 0 0.2rem 0.2rem rgba(0, 153, 255, .53)}
.pages3 .heros-tabs .swiper-button-prev3{position: absolute; z-index: 3; width: .48rem; height: 1.25rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/heros/heros_left.png)  no-repeat center center / cover; top: .21rem; left: 0;}
.pages3 .heros-tabs .swiper-button-next3{position: absolute; z-index: 3; width: .48rem; height: 1.25rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/heros/hero_right.png)  no-repeat center center / cover; top: .21rem; right: 0;}
.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/m/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/m/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.5rem;height: 0.35rem; background-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/heros/icon-shortcut3.webp);background-size: 100% 100%; display: inline-block;background-repeat: no-repeat;vertical-align: middle;}
.icon-shortcut3_1{width: 0.5rem;height: 0.35rem; background-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/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/m/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/m/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/m/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/m/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/m/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/m/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: 22rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/pages4.jpg) no-repeat center center / cover; background-size: 100% 100%;margin-top: -1px;}
.pages4 .pages_title{width: 7.23rem; height: 2.26rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/pages4_title.png)  no-repeat center center / cover; position: absolute;  top: .8rem; right: 0; z-index: 1;}
.pages4 .news-center{width: 100%;margin: 0 auto;box-sizing: border-box;padding: 3.1rem 0 0 0;}
.pages4 .news-center .news-center-wrap{display: flex;flex-direction: column;justify-content: space-around; position: relative;}
.pages4 .news-center .news-center-wrap .news-center-banner{width: 6.91rem; height: 3.89rem; position: relative;margin: 0 auto .15rem;}
.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/m/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{height: .2rem;left: unset;bottom: 1.1rem;right: 0.2rem;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: 7.2rem;height: 6.52rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/news-tab-content-bg.png) no-repeat center center / cover;box-sizing: border-box;padding-right: 0.5rem;position: absolute;top: 4.1rem;right: 0;}
.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 {max-width: 7rem;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: .5rem;position: relative;color: #ffffff;font-size: 0.24rem;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: .3rem;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-top-tab-list .news-top-tab-btn.on::before {content: "";display: block;width:calc(100% - .6rem);height: 0.03rem;background-color: #3399ff;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
.pages4  .news-tab-content .news-top-tab .news-more-btn {position: absolute;right: 0;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.22rem;color: #7f7f7f;}
.pages4  .news-tab-content .news-list{width: 100%;margin-top: 0.2rem;}
.pages4  .news-tab-content .news-list .news-item{height: 1.2rem;position: relative;box-sizing: border-box; padding: 0 .2rem; transition: all .3s;}
.pages4  .news-tab-content .news-list .news-item::before{content: "";display: none;width: 100%;height: 1.31rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/news-item-hover.png) no-repeat center center / contain;position: absolute;left: 0;top: .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 {height: 100%;display: flex;align-items: center;justify-content: center;}
.pages4  .news-tab-content .news-list .news-type {width: 0.9rem;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;font-size: .2rem;color: #828282;margin-left: 1.18rem;bottom: 0;left: 0;}
.pages4  .news-tab-content .news-list .news-item:hover .news-data{color: #fff;}

.pages4 .video-center{width: 100%;margin: 1.8rem auto;overflow: hidden;position: relative;}
.pages4 .video-center .video_title{width: 7.17rem; height: 2.22rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/pages4_1_title.png)  no-repeat center center / cover; position: absolute; top: .8rem; right: 0; z-index: 1;}
.pages4 .video-center .pages4_decorate_box{position: absolute; top: 7%; left: 45%; z-index: 1;}
.pages4 .video-center .video-top-tab{position: relative; margin-top: 3.2rem; z-index: 10;}
.pages4 .video-center .video-top-tab .video-top-tab-list {display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: center;align-items: center;width: 86%;position: relative;}
.pages4 .video-center .video-top-tab .video-top-tab-list .video-top-tab-btn {width: 1.35rem;height: 0.38rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/video-top-tab1.png) no-repeat center center / cover; position: relative;color: #666;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.05rem;text-decoration: none;white-space: nowrap;}
.pages4 .video-center .video-top-tab .video-top-tab-list .video-top-tab-btn.on {font-size: 0.18rem;font-weight: bold; color: #fff; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/video-top-ta-on2.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: 100%;height: 3.65rem;margin: .6rem auto 0;box-sizing: border-box;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.10rem; 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.95rem;height: 2.78rem;margin: 0 auto; padding-left: .15rem; position: relative;}
.pages4 .news-video-box::before{content: "";display: block;width: .29rem;height: .04rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/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; padding-left: .35rem;padding-right: 0.25rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/news-video-info.png)no-repeat center center / cover;position: absolute;bottom: 0;left: 0;box-sizing: border-box;}
.pages4 .news-video-box .news-video-tit {font-size: 0.28rem;font-weight: normal;color: #1a1d28;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;font-family: 'title1';}
.pages4 .news-video-box .news-video-desc {font-size: 0.18rem;color: #555;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pages4 .news-video-box .play-icon {display: block;position: absolute;top: 66%;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/m/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.33rem;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/m/time-icon.png);mask-size: 100%;mask-repeat: no-repeat;background-color: #1f13b0;margin-right: 0.05rem;position: absolute;left: 0rem;}
.pages4 .video-center .video-wrap .swiper-button-prev5{position: absolute; z-index: 2; width:.54rem;height: .77rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/swiper-left.png) no-repeat center center / cover; top: 1.2rem; left: 6%;}
.pages4 .video-center .video-wrap .swiper-button-next5{position: absolute; z-index: 2; width:.54rem;height: .77rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/swiper-right.png) no-repeat center center / cover; top: 1.2rem; right: 6%;}
.pages4 .video-center .video-more-btn{position: absolute;right: .5rem;top: .05rem;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: 11.3rem; background-color: #f4f4f2;}
.pages5 .pages_title{width: 7.17rem; height: 2.13rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/pages5_title.png)  no-repeat center center / cover;; position: absolute; top:.3rem; right: 0; z-index: 2;}
.pages5 .pages5_decorate_1{width: 7.5rem; height: 1.99rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/pages5_decorate_1.png)  no-repeat center center / cover;; position: absolute; top: .9rem; left: 0; z-index: 1;}
.pages5 .pages5_decorate_2{width: 100%; height: 11.3rem; position: absolute; top: 0; left: 0; z-index: 1;}
.pages5 .feature-bg-content {width: 7.31rem;height: 3.91rem;position: absolute;left: 50%;transform: translateX(-50%);top: 2.8rem;}
.pages5 .feature-bg-content::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/m/video__img_wrap_mask1.png);background-repeat: no-repeat;background-size: 100% 100%;pointer-events: none;}
.pages5 .feature_num{font-size: 0.35rem;color: #bebebe;position: absolute;left: 50%;transform: translateX(-50%);bottom: 2.2rem;z-index: 2;text-align: center;font-family: 'Borda-ExtraBold';}
.pages5 .feature_num .feature_num_current {font-size: 0.5rem;color: #4074f6;}
.pages5 .feature-btn{width: 100%; position: absolute; top: 50%; transform: translateY(-50%); display: flex; justify-content: space-between; align-items: center; z-index: 3;}
.pages5 .feature-btn div{width: .54rem; height: .77rem;}
.pages5 .feature-btn .feature_left{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/swiper-left.png) no-repeat center center / cover; margin-left: .5rem;}
.pages5 .feature-btn .feature_right{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/swiper-right.png) no-repeat center center / cover;  margin-right: .5rem;}
.pages5 .feature-bg-content .feature-box {width: 100%;height: 100%;background-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/feature1.jpg);background-size: cover;background-repeat: no-repeat;background-position: center;mask-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/video__img_wrap_mask2.png);-webkit-mask-size: cover;mask-size: cover;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;}
.pages5 .feature-bg-content .feature-box .feature-canvas {width: 100%;height: 100%;background-color: #000000;object-fit: cover;mask-image: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/video__img_wrap_mask2.png);-webkit-mask-size: cover;mask-size: cover;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;}

.pages5 .feature-bottom {display: flex;justify-content: center;align-items: center;width: 5.37rem;height: 2.55rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/feature-slide-bg.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;bottom: .3rem;left: 50%;transform: translateX(-50%);}
.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 .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: #fff;z-index: 2;}
.pages5 .feature-info-box  {position: absolute;top: 7rem;left: 50%;transform: translateX(-50%);z-index: 10;}
.pages5 .feature-info-box .feature-info-item {text-align: center;font-size: 0.5rem;font-weight: bold;color: #3a5acc;line-height: 1;text-indent: -999em;margin: 0 auto;}
.pages5 .feature-info-box .feature-info-item.ft1 {width: 6.91rem; height: .84rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/feature-info-item1.png) no-repeat center center / cover;}
.pages5 .feature-info-box .feature-info-item.ft2 {width: 6.95rem; height: .84rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/feature-info-item2.png) no-repeat center center / cover;}
.pages5 .feature-info-box .feature-info-item.ft3 {width: 6.96rem; height: .84rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/feature-info-item3.png) no-repeat center center / cover;}
.pages5 .feature-info-box .feature-info-item.ft4 {width: 6.95rem; height: .84rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/feature-info-item4.png) no-repeat center center / cover;}
.pages5 .feature_pagination{width: 98%;position: absolute;left: 50%;transform: translateX(-50%);bottom: .9em;z-index: 2;display: flex;flex-wrap: wrap;justify-content: space-around;align-items: center;}
.pages5 .feature_pagination div{width: 3.63rem;height: 1.08rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/feature-slide-bg2.png) no-repeat center center / cover;background-size: cover;}
.pages5 .feature_pagination div.on{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/feature-slide-bg.png) no-repeat center center / cover;}
.pages5 .feature_pagination div p{line-height: 1.08rem;text-align: center;box-sizing: border-box;font-size: 0.28rem;font-weight: bold;color: #9ea1af;}
.pages5 .feature_pagination div.on p{color: #fff;}
.pages6{position: relative; width: 100%; height: 17.95rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/pages6.jpg) no-repeat center center / cover;margin-top: -0.01rem;}
.pages6 .pages_title{width: 6.94rem; height: 2.19rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/pages6_title.png)  no-repeat center center / cover;; position: absolute; top: .2rem; right: 0; z-index: 1;}
.pages6 .textcast {width: 100%;height: 0.43rem;position: absolute; bottom: 0; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/textcast_1.png) repeat-x center center / cover;animation: bg-scroll 16s linear infinite; z-index: 2;}
.pages6 .perks-con-bd{position: absolute; top: 8.7rem; left: 50%; transform: translateX(-50%); width: 6.90rem; height: 6.45rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/perks/perks-item-bg.png) no-repeat center center / cover; z-index: 2;}
.pages6 .perks-con-bd .perks-item-1{width: 100%; height: 2.35rem; position: relative;}
.pages6 .perks-con-bd .perks-item-2{width: 100%; height: 1.6rem; position: relative;}
.pages6 .perks-con-bd .perks-item-3{width: 100%; height: 2.5rem; position: relative;}
.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.22rem; color: #fff; font-weight: bold;}
.pages6 .perks-con-bd .perks-item-icon{box-sizing: border-box; padding: 0.15rem 0.1rem;display: flex; flex-wrap: wrap;}
.pages6 .perks-con-bd .perks-item-icon .icon-demo {width: 16%;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-1 .perks-item-icon{height:2rem; align-content: center;}
.pages6 .perks-con-bd .perks-item-2 .perks-item-icon{height: 1.3rem; align-content: center;}
.pages6 .perks-con-bd .perks-item-2 .perks-item-icon{height: 1.3rem; align-content: center;}
.pages6 .perks-con-bd .perks-item-3 .icon-demo{width: 16%;}
.pages6 .perks-img {width: 7.5rem;height: 10.93rem;position: absolute;top: 1.3rem;right: 0;z-index: 1;}
.pages6 .perks-img img {display: block;width: 100%;height: 100%;object-fit: contain;}
.pages6 .perks-tabs{width: 100%; height: 2.6rem; position: absolute;left: 50%;transform: translateX(-50%);bottom: .42rem;z-index: 10;}
/* .pages6 .perks-tabs .perks-tabs-mask{content: ''; width: 100%; height: 2.12rem;  background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/perks/perks-tabs-bg.png) repeat-x center center / cover; position: absolute; top: .25rem; left: 0; z-index: 3;} */
.pages6 .perks-tabs .swiper{width: 100%; height: 2.6rem;}
.pages6 .perks-tabs .swiper .swiper-slide{width: 2.48rem; height: 2.6rem; position: relative;}


.pages6 .perks-tabs .swiper .swiper-slide.slide1{width: 2.48rem; height: 2.6rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/perks/perks-tabs-1.png) repeat-x center center / cover;}
.pages6 .perks-tabs .swiper .swiper-slide.slide2{width: 2.48rem; height: 2.6rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/perks/perks-tabs-2.png) repeat-x center center / cover;}
.pages6 .perks-tabs .swiper .swiper-slide.slide3{width: 2.48rem; height: 2.6rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/perks/perks-tabs-3.png) repeat-x center center / cover;}
.pages6 .perks-tabs .swiper .swiper-slide.slide4{width: 2.48rem; height: 2.6rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/perks/perks-tabs-4.png) repeat-x center center / cover;}
.pages6 .perks-tabs .swiper .swiper-slide.slide5{width: 2.48rem; height: 2.6rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/perks/perks-tabs-5.png) repeat-x center center / cover;}
.pages6 .perks-tabs .swiper .swiper-slide.slide6{width: 2.48rem; height: 2.6rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/perks/perks-tabs-6.png) repeat-x center center / cover;}
.pages6 .perks-tabs .swiper .swiper-slide.slide7{width: 2.48rem; height: 2.6rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/perks/perks-tabs-7.png) repeat-x center center / cover;}
.pages6 .perks-tabs .swiper .swiper-slide.slide8{width: 2.48rem; height: 2.6rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/perks/perks-tabs-8.png) repeat-x center center / cover;}
.pages6 .perks-tabs .swiper .swiper-slide.on.slide1{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/perks/perks-tabs-1-on.png) repeat-x center center / cover;}
.pages6 .perks-tabs .swiper .swiper-slide.on.slide2{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/perks/perks-tabs-2-on.png) repeat-x center center / cover;}
.pages6 .perks-tabs .swiper .swiper-slide.on.slide3{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/perks/perks-tabs-3-on.png) repeat-x center center / cover;}
.pages6 .perks-tabs .swiper .swiper-slide.on.slide4{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/perks/perks-tabs-4-on.png) repeat-x center center / cover;}
.pages6 .perks-tabs .swiper .swiper-slide.on.slide5{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/perks/perks-tabs-5-on.png) repeat-x center center / cover;}
.pages6 .perks-tabs .swiper .swiper-slide.on.slide6{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/perks/perks-tabs-6-on.png) repeat-x center center / cover;}
.pages6 .perks-tabs .swiper .swiper-slide.on.slide7{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/perks/perks-tabs-7-on.png) repeat-x center center / cover;}
.pages6 .perks-tabs .swiper .swiper-slide.on.slide8{background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/perks/perks-tabs-8-on.png) repeat-x center center / cover;}
.pages6 .perks-tabs .swiper .swiper-slide span{display: block;font-size: .16rem;color: rgba(255, 255, 255, .3);text-align: center;position: absolute;bottom: 0.55rem;left: 44%;transform: translateX(-50%);}
.pages6 .perks-tabs .swiper .swiper-slide.on span{color: rgba(0, 51, 51, 1);}
.pages6 .perks-tabs .swiper-button-prev6{position: absolute; width:1.1rem;height: 1.69rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/swiper_buttom_bg_left.png) no-repeat center center / cover; top: .5rem; left: 0; z-index: 4;}
.pages6 .perks-tabs .swiper-button-next6{position: absolute; width:1.1rem;height: 1.69rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/swiper_buttom_bg_right.png) no-repeat center center / cover; top: .5rem; right: 0; z-index: 4;}
.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.3rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/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/m/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-dias-box{position: absolute;top: 1.1rem;left: .35rem;z-index: 2;}

.pages7{position: relative; width: 100%; height: 11.04rem; background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/pages7.jpg) no-repeat center center / cover;margin-top: -0.01rem;}
.pages7 .now_download{display: flex;justify-content: center;align-items: center;width: 3.63rem;height: 1.08rem;background: url(//game.gtimg.cn/images/lrwj/cp/a20250716mainpage/m/feature-slide-bg.png) no-repeat center center / cover;background-size: cover;line-height: 1.08rem;text-align: center;box-sizing: border-box;font-size: 0.28rem;font-weight: bold;color: #fff;z-index: 2;position: absolute;top: 83%;left: 50%;transform: translateX(-50%);}