.no-scroll {
  overflow: hidden;
}
.wraper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.container {
  position: relative;
  width: 10.8rem;
  margin: 0 auto;
  overflow: hidden;
}

@font-face {
  font-family: 'hywh';
  src: url('fonts/hywh75.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ljh';
  src: url('fonts/DFPLiJinHeiW8.TTF') format('truetype');
  font-weight: normal;
  font-style: normal;
}
/*topbar*/
.header_btns .btn_login, .header_btns .btn_logined, .header_btns .btn_logined_wx {
  background-image: url(https://game.gtimg.cn/images/op/m202406/topbar/spr.png);
  background-size: .74rem 8.04rem;
  background-repeat: no-repeat;
}

.btn_downloadgift_fixed{
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/btn_download_fix_right.png) no-repeat 0 0/100% 100%;
  position: fixed;
  left: 50%;
  top: 50%;
  text-indent: -999em;
  z-index: 99;
  width: 1.17rem;
  height: 3.03rem;
  margin-top: -2.86rem;
  margin-left: calc(5.4rem - 1.17rem);
  opacity: 0;
  transform: translateX(100%);
  transition: all linear .3s;
}
.btn_downloadgift_show{
  opacity: 1;
  transform: translateX(0);
}
.topbar {
  z-index: 10;
  width: 10.8rem;
  height: 3.6rem;
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -5.4rem;
  z-index: 10;
  transform: translateY(-100%);
}
.header_btns .btn_item {
  width: .74rem;
  height: .74rem;
  margin-right: 0.26rem;
  z-index: 2;
}
.header_btns .btn_login {
  background-position: 0 -2.99rem;
}
.header_btns .btn_logined {
  background-position: 0 -4.47rem;
}
.header_btns .btn_logined_wx {
  background-position: 0 -3.73rem;
}
.topbar_time {
  z-index: 10;
  width: 10.8rem;
  height: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
  padding: 0 .34rem;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/bg_download.jpg) no-repeat 0 0/100% 100%;
}
.topbar_fixed {
  position: fixed;
  top: 0;
  left: 50%;
  margin-left: -5.4rem;
}
.topbar_info {
  position: fixed;
  z-index: 10;
  width: 10.8rem;
  height: 1.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 .34rem;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/bg_downloadgift.jpg) no-repeat 0 0/100% 100%;
  bottom: 0;
  left: 50%;
  margin-left: -5.4rem;
  overflow: hidden;
}
.closebox{
  width: .92rem;
  height: .28rem;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/closeprz.png) no-repeat 0 0/100% 100%;
  position: absolute;
  left: 0;
  top: .15rem;
}
.topbar_info_left,
.topbar_time_left {
  display: flex;
  justify-content: space-between;
  width: 7.5rem;
  align-items: center;
  height: 1.8rem;
  position: relative;
}

.topbar_icon {
  width: 1.82rem;
  height: .43rem;
  flex-shrink: 0;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/common/downloadgift/download_txt.png) no-repeat 0 0/100% 100%;
  margin-right: .3rem;
}
.cbtnbox{
  width: 2.25rem;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  height: 1.28rem;
}

.topbar_prize_ul {
  display: flex;
  justify-content: space-between;
}
.topbar_prize_li {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/common/downloadgift/bg_list.png) no-repeat 0 0/100% 100%;
  margin-right: .08rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.topbar_prize_li img {
  width: .84rem;
}

.topbar_prize_li span {
  position: absolute;
  right: .13rem;
  bottom: .08rem;
  font-size: .2rem;
  font-family: 'hywh', system-ui, sans-serif;
  color: #fff;
  text-indent: 0;
}
.ico_geted{
  position: absolute;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/common/downloadgift/getedcover.png) center center rgba(0,0,0,.4) no-repeat;
  background-size: .42rem .42rem;
  width: 1rem;
  height: 1rem;
  left: 0;
  top: 0;
  display: none;
}
.geted .ico_geted{
  display: block;
}
.download_wrap {
  width: 4.69rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-top: .1rem;
}

.topbar_download {
  width: 3.42rem;
  height: .95rem;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/common/topbar/btn_download.png) no-repeat 0 0/100% 100%;
  flex-shrink: 0;
}

.topbar_getbtn {
  width: 2.25rem;
  height: .56rem;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/common/downloadgift/btn_get_gift.png) no-repeat 0 0/100% 100%;
  flex-shrink: 0;
}
.topbar_btn_download{
  width: 2.25rem;
  height: .56rem;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/common/downloadgift/btn_download_gift.png) no-repeat 0 0/100% 100%;
  flex-shrink: 0;
}
.geted .topbar_btn_download {
  display: none;
}
.geted .topbar_getbtn {
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/btn_geted.png) no-repeat 0 0/100% 100%;
  width: 1.59rem;
  height: 1.4rem;
  flex-shrink: 0;
}
.download_wrap p {
  font-size: 0.28rem;
  color: #fff;
  font-family: 'hywh55';
}

/*header*/
.header {
  width: 100%;
  position: relative;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/bg_header.png) no-repeat 50% 50%/cover;
}

.header::before {
  content: " ";
  display: block;
  width: 100%;
  height: 5rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transform: translateY(-30%);
  background-image: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, 1));
}

.header_bg_video {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.header_bg_video_rp{
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
.logo {
  z-index: 3;
  position: absolute;
  width: 2.94rem;
  height: 1.26rem;
  left: .35rem;
  top: .5rem;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/common/header/logo.png) no-repeat 0 0/100% 100%;
}

.btn_age {
  z-index: 4;
  width: .87rem;
  height: 1.13rem;
  left: .4rem;
  top: 2.15rem;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/common/header/btn_age.png) no-repeat 0 0/100% 100%;
}

.header_btns {
  width: 100%;
  height: .85rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: .5rem;
  overflow: hidden;
  position: relative;
  z-index: 4;
}

.header_btns .btn_share,
.header_btns .btn_tohome {
  width: 2.25rem;
  height: .74rem;
  margin-right: .24rem;
}

.header_btns .btn_audio {
  width: .85rem;
  height: .85rem;
  margin-right: .24rem;
}

.header_btns .btn_share {
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/common/header/btn_share.png) no-repeat 0 0/100% 100%;
}

.header_btns .btn_tohome {
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/common/header/btn_tohome.png) no-repeat 0 0/100% 100%;
}

.header_btns .btn_audio {
  background: url(https://game.gtimg.cn/images/op/m202406/topbar/btn_audio.png) no-repeat 0 0/100% 100%;
}

.header_btns .btn_audio_muted {
  background: url(https://game.gtimg.cn/images/op/m202406/topbar/btn_audio_muted.png) no-repeat 0 0/100% 100%;
}

.header_main {
  z-index: 3;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  padding-bottom: 0.8rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
}

.slogan {
  width: 10.8rem;
  height: 7.38rem;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/slogan.png) no-repeat 0 0/100% 100%;
  bottom: 4rem;
}

/*content*/
.content {
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  position: relative;
  display: block;
}
.main {
  padding-top: 1.8rem;
  width: 100%;
  position: relative;
  padding-bottom: 8.5rem;
}
.bg_main{
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; 
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  padding-top: 1.8rem;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/slogan.png) no-repeat 0 1.8rem/100% auto;
}
.bg_main::before,.bg_main::after{
  content: " ";
  display: block;
  width: 100%;
  flex-shrink: 0;
}
.bg_main::before{
  height: 28rem;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/bg_content_top.jpg) no-repeat 50% 0 / 100% 100%;
}
.bg_main::after{
  height: 53.78rem;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/bg_content_bottom.jpg) no-repeat 50% 0 / 100% 100%;
}
/*character_info*/
.character_info{
  width: 100%;
  height: 45rem;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0.6rem .6rem 2rem;
  z-index: 2;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/bg_main_1.jpg) no-repeat 50% 0 / 100% auto;
}
.character_video{
  width: 5.5rem;
  height: 2.35rem;
  display: block;
  box-sizing: border-box;
  opacity: 0;
  transform: translateX(-50px);
  flex-shrink: 0;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/cover_pv.jpg) no-repeat 50% 50% / 100% 100%;
  border: 1px solid #e3aa1b;
  overflow: hidden;
  padding: .08rem;
}
.character_video::before{
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/pv.webp) no-repeat 50% 50% / 100% 100%;
}
.character_video .btn_play_video{
  width: 100%;
  height: 100%;
  display: block;
  box-sizing: border-box;
  border: 1px solid #e3aa1b;
}
.character_video .btn_play_video::before,
.character_video .btn_play_video::after{
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
}
.character_video .btn_play_video::before{
  box-sizing: border-box;
}
.character_video .btn_play_video::after{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/btn_play.png) no-repeat 50% 50% / 0.73rem 0.73rem;  
}
.character_name{
  flex-shrink: 0;
  margin-top: 9.8rem;
  width: 6.59rem;
  height: 3.22rem;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/character_name.png) no-repeat 50% 50% / 100% 100%;
  opacity: 0;
  transform: translateX(-50px);
}
.character_skill{
  flex-shrink: 0;
  width: 100%;
  margin-top: 1.3rem;
  opacity: 0;
  transform: translateX(-50px);
}
.character_skill::before{
  content: " ";
  display: block;
  width: 1.8rem;
  height: .51rem;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/title_skill.png) no-repeat 0 0 / 100% 100%;
}
.skill_tab{
  width: 100%;
  margin-top: .3rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  opacity: 0;
  transform: translateX(-50px);
}
.skill_tab li{
  width: 1.48rem;
  height: 1.48rem;
  margin-right: .48rem;
  box-sizing: border-box;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.skill_tab li img{
  width: 1.42rem;
  height: 1.42rem;
  vertical-align: top;
  border-radius: 100%;
  overflow: hidden;
}
.skill_tab li.active{
  background: #e3aa1b;
  box-shadow: 0 0 .1rem rgba(233, 175, 67, 0.4);
}
.skill_info{
  width: 100%;
  height: 15rem;
  position: relative;
}
.skill_info_item{
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.skill_info_item.active{
  display: block;
  z-index: 2;
}
.skill_title{
  font-size: .72rem;
  color: #fff;
  line-height: .9rem;
  font-family: 'ljh';
  font-weight: normal;
  padding-top: .5rem;
  opacity: 0;
  transform: translateX(-50px);
}
.skill_stitle{
  font-size: .53rem;
  color: #e3aa1b;
  line-height: 1rem;
  font-family: 'ljh';
  font-weight: normal;
  opacity: 0;
  transform: translateX(-50px);
}
.skill_desc{
  font-size: .36rem;
  line-height: .44rem;
  font-family: 'hywh';
  color: #b4b4b4;
  padding-top: 4.7rem;
  opacity: 0;
  transform: translateX(-50px);
}
.skill_desc span{
  color: #e3aa1b;
}
.skill_info_2.active .skill_title,
.skill_info_2.active .skill_stitle,
.skill_info_2.active .skill_desc,
.skill_info_3.active .skill_title,
.skill_info_3.active .skill_stitle,
.skill_info_3.active .skill_desc,
.skill_info_4.active .skill_title,
.skill_info_4.active .skill_stitle,
.skill_info_4.active .skill_desc{
  opacity: 1;
  transform: translateX(0);
}
.skill_video{
  z-index: 3;
  width: 9.6rem;
  height: 4.3rem;
  left: 50%;
  top: 4.75rem;
  margin-left: -4.8rem;
  border: 1px solid #555555;
}
.skill_video .btn_play_skill{
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  z-index: 2;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/btn_play.png) no-repeat 50% 50% / 1.22rem 1.22rem;
}
.skill_webp{
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.skill_video_0{
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/skill_1.jpg) no-repeat 0 0 / 100% 100%;
}
.skill_video_1{
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/skill_2.jpg) no-repeat 0 0 / 100% 100%;
}
.skill_video_2{
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/skill_3.jpg) no-repeat 0 0 / 100% 100%;
}
.skill_video_3{
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/skill_4.jpg) no-repeat 0 0 / 100% 100%;
}
.skill_webp_0{  
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/skill_1_2.webp) no-repeat 50% 50%/cover;  
}
.skill_webp_1{  
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/skill_2_2.webp) no-repeat 50% 50%/cover;  
}
.skill_webp_2{  
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/skill_3_2.webp) no-repeat 50% 50%/cover;  
}
.skill_webp_3{  
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/skill_4_2.webp) no-repeat 50% 50%/cover;  
}
/*main_bottom*/
.main_bottom{
  position: relative;
  z-index: 4;
  width: 100%;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/bg_main_3.jpg) no-repeat 50% 13rem / 100% auto;
}
.main_bottom::before{
  content: "";
  width: 100%;
  height: 43.42rem;
  position: absolute;
  top: -4rem;
  left: 0;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/bg_main_2.png) no-repeat 50% 0 / 100% 100%;
}
/*beta_info*/
.beta_info{
  width: 100%;
  height: 43rem;
  z-index: 2;
  
}
.beta_info_frist{
  padding-top: 14rem;
}
.beta_box{
  width: 5.48rem;
    height: 2.9rem;
  position: absolute;
  top: -5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
.beta_title{
    width: 100%;
    height: 100%;
    background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/title_beta.png) no-repeat 50% 0 / auto 100%;
    opacity: 0;
    transform: translateY(20px);
}
.beta_info_item{
  position: relative;
  width: 100%;  
  margin-top: 0.8rem;
}
.beta_info_title{
  width: 100%;
  height: 2.02rem;
}
.beta_info_img{
  margin: .36rem auto 0;
  width: 8rem;
  height: 4.3rem;
  box-sizing: border-box;
  border: .02rem solid #39b9e9;
  box-shadow: 0 .03rem .08rem rgba(0, 0, 0, .5);
}
.beta_info_img img{
  width: 100%;
  height: 100%;
  vertical-align: top;
}
/* .beta_info_desc{
  width: 9.6rem;
  margin: 0 auto;
  color: #131216;
  font-size: .36rem;
  line-height: .48rem;
  font-family: 'hywh';
  padding-top: .35rem;
  font-weight: normal;
  opacity: 0;
  transform: translateX(-50px);
} */
 .beta_info_desc{
  width: 100%;
  height: 0.61rem;
 }

.beta_info_1 .beta_info_desc{
  opacity: 0;
  transform: translateX(-50px);
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/sub_title_1.png) no-repeat 50% 0 / auto 100%;
}
.beta_info_2 .beta_info_desc{
  opacity: 0;
  transform: translateX(-50px);
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/sub_title_2.png) no-repeat 50% 0 / auto 100%;
}
.beta_info_3 .beta_info_desc{
  opacity: 0;
  transform: translateX(-50px);
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/sub_title_3.png) no-repeat 50% 0 / auto 100%;
}
.beta_info_1 .beta_info_title{
  opacity: 0;
  transform: translateX(-50px);
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/title_part_1.png) no-repeat 50% 0 / auto 100%;
}
.beta_info_2 .beta_info_title{
  opacity: 0;
  transform: translateX(-50px);
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/title_part_2.png) no-repeat 50% 0 / auto 100%;
}
.beta_info_3 .beta_info_title{
  opacity: 0;
  transform: translateX(-50px);
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/title_part_3.png) no-repeat 50% 0 / auto 100%;
}
/*features*/
.features {
  width: 10.14rem;
  height: calc(11rem*370/800);
  margin: 0 auto;
  position: relative;
  z-index: 2;
  opacity: 0;
  transform: translateY(20px);
}

.swiper_features {
  width: 100%;
  height: calc(10.14rem*370/800);
  border-radius: .08rem;
  border-bottom: 0.04rem solid #ab8446;
  overflow: hidden;
}

.swiper_features .swiper-slide {
  width: 100%;
  height: 100%;
}

.swiper_features .swiper-slide p img {
  width: 100%;
}

.op_pagination {
  width: 100%;
  height: .3rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .25rem;
}

.op_pagination .swiper_pagination {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.op_pagination .swiper_pagination span {
  width: 0.12rem;
  height: 0.12rem;
  margin: 0 .2rem !important;
  border-radius: 100%;
}

.characters .op_pagination .swiper_pagination span {
  background: rgba(0, 0, 0, .2);
}

.op_pagination .swiper_pagination span.swiper-pagination-bullet-active,
.op_pagination .swiper_pagination span.active {
  width: .28rem;
  height: .3rem;
  border-radius: 0;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/pagination_active.png) no-repeat 0 0/100% 100%;
}

.platform {
  width: 100%;
  height: 1.12rem;
  background: #070d1a;
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}

.platform ul {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.platform ul li {
  height: 0.4rem;
  padding: 0 0.18rem;
}

.platform ul li img {
  width: auto;
  height: 100%;
}

.tohome {
  width: 100%;
  height: 0.81rem;
  padding: 0.7rem 0 1.38rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  opacity: 0;
  transform: translateY(20px);
}

.tohome a {
  width: 4.05rem;
  height: 0.81rem;
  background: url(https://game.gtimg.cn/images/op/act/a20250520luqiversion/common/btn_tohome.png) no-repeat 0 0/100% 100%;
}

.pop_bind {
  background: url(//game.gtimg.cn/images/op/act/a20240914lucy/pop-bg.png) left top no-repeat;
  background-size: 9rem 9.08rem;
  width: 9rem;
  height: 9.08rem;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 99;
}

.poplist {
  width: 9rem;
  height: 15.8rem;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 99;
}

.pop-content {
  height: 9.08rem;
  ;
  margin-bottom: 1rem;
  font-size: .25rem;
  color: #3c444e;
  font-family: 'hywh75', system-ui, sans-serif;
}

.poplist .pop-content {
  height: 13.08rem;
  ;
}

.poptitle {
  width: 8.22rem;
  height: .96rem;
  margin: 0 auto;
  position: relative;
  text-indent: -999em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: .4rem;
}

.poptitle2 {
  background: url(//game.gtimg.cn/images/op/act/a20241105new/pop-bindbg.png) no-repeat 0 100%/100% auto;
}

.poptitle3 {
  background: url(//game.gtimg.cn/images/op/act/a20241105new/poptitle_3.png) no-repeat;
  background-size: 3.28rem .52rem;
}

.poplist .poptitle {
  width: 3.28rem;
  height: .52rem;
  margin: 0 auto;
  color: #fff;
  text-align: center;
  line-height: .21rem;
  position: relative;
  padding: 0;
}

.poplist .poptitle::after {
  width: 8.37rem;
  height: .19rem;
  background: url(//game.gtimg.cn/images/op/act/a20240914lucy/pop-line.png) no-repeat 0 100%/100% auto;
  margin-left: -4.18rem;
  position: absolute;
  left: 50%;
  bottom: -.4rem;
  content: "";
}

.rolepart {
  height: 9.4rem;
  overflow-y: auto;
  padding: .3rem 0 0;
  overflow-x: hidden;
}

.rolebox {
  display: flex;
  justify-content: space-between;
  width: 7.4rem;
  height: 1.36rem;
  margin: 0 auto .2rem;
  position: relative;
  background: rgba(0, 0, 0, .3);
  border-radius: .1rem;
}
.rolepart .on .selon{
  background: url(//game.gtimg.cn/images/op/act/a20241105new/pop_selon.png) no-repeat;
  background-size: 7.53rem 1.55rem;
  width: 7.53rem;
  height: 1.55rem;
  position: absolute;
  left: -.08rem;
  top: -.1rem;
  display: block;
}
.selon {
  display: none;
}

.wx .roleboxleft,
.qq .roleboxleft {
  color: #fff;
  font-size: .74rem;
  background: url(//game.gtimg.cn/images/op/act/a20240914lucy/qbg.png) center bottom no-repeat;
  background-size: 100%;
  width: 1.8rem;
  height: 1.36rem;
  text-align: center;
  line-height: 1.36rem;
}

.wx .roleboxleft {
  background: url(//game.gtimg.cn/images/op/act/a20240914lucy/wbg.png) center bottom no-repeat;
  background-size: 100%;
}

.roleboxright {
  flex: 1;
  background: #d5d3d2;
  border-radius: .05rem .1rem .1rem .05rem;
  overflow: hidden;
  margin-left: -.05rem;
  padding-left: .2rem;
}

.roleboxright p {
  color: #3c444e;
  font-size: .32rem;
  padding-top: .25rem;
  margin-bottom: .1rem;
}

.svbox {
  display: flex;
  justify-content: left;
  color: #6881a2;
  height: .4rem;
  line-height: .4rem;
  font-size: .28rem;
}

.wx .svname,
.qq .svname {
  color: #fff;
  background: #5d7ca3;
  border-radius: .1rem;
  margin-right: .05rem;
  line-height: .4rem;
  text-align: center;
  width: .82rem;
  height: .35rem;
  box-sizing: border-box;
  font-size: .2rem;
}

.bindbox,
.bindbox1 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 8.4rem;
  height: 6.2rem;
  margin: 0 auto 0;
  font-family: 'hywh75', system-ui, sans-serif;
}

.bindbox1 {
  height: 12rem;
  margin-top: .8rem;
}

.bindbox label,
.bindbox1 label {
  position: relative;
  display: block;
  align-items: center;
  cursor: pointer;
  margin: 0 auto;
}

.bindbox label input,
.bindbox1 label input {
  display: none;
}

.checkmark {
  width: .5rem;
  height: .5rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAgCAYAAACcuBHKAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAD6UlEQVRYhb2Y32/TVhTHP75undq188Nu6dYGWtZFgiE2jf3ehLTtYRM8seftz+OdByY0aRuqJiE0ab+YgE1dKZQ2FNrEblwnrmPH3oMdlkGaltLmK1k5vvH1+fjec4/PtXTh0te8gPJAGTgGFAENUIAYCAAXsIF1oAp09rrhtSuXGdmHYwk4AZzJnPeTANTsmAJOA23gHnAbaA5ysBeEBXwETAD4vm80m82plu+XoygqxHGsJUmiSJIUS5IUyLK8rSjKpqZp1WKhsJ7BVIA7wJ/sMjKDIN4A3gWE53lWw3XnW63W6X4XJkkikiRR4zhWwzA81mw2zziOU88bxl3LspaBt0incQHY3g+EBLyfPQWbtVpla2vr4wGwfRVFkWU7znnP8yqmaf5qGAbAReB70rh5KtGn/7kuwMPV1U8PAtCrdhi+8mRj40vbcU6QxswXgDEI4jXgLMCDlZULQRDMvgxAV0mSjNTr9c9s254FxoDP6ZmFXggN+BCgWq1+EIbhbivhwLId57zrulNAiXTEn4N4B1Dqtj3X8v1Thw0AkCSJXLft97LTU6S55imEAZwEaDQa557rfYiKosjarNUqme+zvRAVQNTq9flOp2PsdoPDkuu6b2bm3MWvvsl1IeYAPM+rHDUAQBzHuuM4xwEZKAvSgMwH7bYahuHUMCAAmq1WOTNfFaSRit9qlYYFABCGoZWZRQGMA4RRND5MiDiO9czUBTCaNSrDhEiSpJusRgVpLYAkSXu++w9ZcfdXkBYjyEK0h0kghAgyc0cADYBcLtcYJoQsy11/rgC2gEjX9bokSeGwIMZyufXMrAnSaucxgKqq94YFoWnaRmZWuxlzCUAfH18ZBsDY2NiyYRibpIXxZhfiIbBdKBQeq6q6eNQQecNYysy7165cTroQMfAHgGWat4UQO0cFUCwUbhbSItgFFuH/9cQy8EhV1W2zVLpxFACKoqxPTk4uAglwkyxX9EIkwE9As1QqrVmmuZC1HYpGRkbqx8vlH7PTW6QbJJ6FANgBfgB2TNNcmZiYuC6E8F8WQNO0v0/OzX0rhOiQLoJbvf/3q7Yd4DvAKxWLa+Vy+eq4pt05iHNZlhuWaS7MTE//nDX9BdzgmRHebfOzBVwFPskpyonp6elfXNdd9ZrNGd/35+M41gY5VxTlka7rS5Zp3s+a2qQxcL/f9YN2YAFwHZgF3s7n8+Tz+SfAb57nmUEQFKIo0uI4ViQhOkKItjI66mqaZiuK0l1dMenw/w7sOq372RCvkOaRGeB1YEbXdVvXdXtAHwd4APwDtPZysB8ISOdwLTskwAQKpKXhKGnqD/nv08ALBfO/+YFfUm/9LxUAAAAASUVORK5CYII=) no-repeat;
  background-size: .5rem .5rem;
  margin-right: .1rem;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: -.02rem;
}

.checkmark::after {
  content: "";
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: .6rem;
  height: .43rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAPCAYAAAALWoRrAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAC1UlEQVQ4jVWUW4hVdRTGf2vvfS5zxmujEo1zE8ccwYRBwoSpRu0iNUqBcOaM1FzywVIkMckc8tWHXo2ohx56it5MKCgKypzIvESYgS8KQRemGWcGlBnPXl8P+3JOG/bea6397e+//utb629zV8cwAzAwAJAAAQi5cl9KfHeQw7On5lcDQ8BK4JvPJys3JIjMEjLLCEltgWRYkK4iwDOseObU/BpgYnNH2HlsX+m5ZWWdXnzAsVLEp1FOmJJazgxNESTl7p6T82uBiW0bwu4ztXKtUrTlsQu5PpZzIcoJm0jF/23L0jcxeHzuYWC8vzfqenekPNJSoFWeYo0YUITBwOszRaAPuHnxg7YlSwsry8EAPP3m3UeAsR1bou7JWstwKaLV43RrRmxiAuNe+MWvXWVgdOUye+rwS60Hfr9T/6GvO7qPWV4BA548OtsBjA9sLfRMHqzUSgWrkAkISxI1xGcIIuDltauC3nMnVlTb14Tt/8z64Nc/Lz6xZ3vpb8xAYuDIbBfw6u7+Ys/Jaku1EFJuynDJxAHgfJZFAPx59vDyF9vbwnaAdauDnv5Nhctf/bS4HsHAGzMbgNHnHy9ufHukMlyMKNO47gP7gfNNMYKL7z/0bT1mqjnYtiLo2P5o4cd3PlzYBbwytLPUe2K4tVoIKTVQuocYAr7MGiNT2BZ+GcfMuPVH/ZNN66ODmeRCzMz79IVLi5equ8p7w0AFxdkAsOCuFxTrewk89nQghBxs4foY2QDcvFP/qK8rei0VP+kApb3viSFnzp29cp+Sg8fgcuSgOMEH+fhJbO6MDv12u35OnhLmO1X2mpXYDZrKPip75GAIGpmQEodHbtx+8J474M2zr2kSwit4OrVO8iN5ayGHwF15pnhyb+kM3/p3Lj7uTiwBzl9yBiVdyxZXU3bZ0ZALdffyaOOAssYWkrKwEfGYpO8kTSeE4KkgkpOI1xBJDv8BuXuSU4YLjpUAAAAASUVORK5CYII=) no-repeat center;
  background-size: .6rem .43rem;
  margin: -.2rem 0 0 -.3rem;
}
.bindbox label input:checked + .checkmark::after,.bindbox1 label input:checked + .checkmark::after {
  display: block; /* 选中时显示圆形标记 */
}
.bindbox .agreement,
.bindbox1 .agreement {
  text-indent: .6rem;
  line-height: .5rem;
  font-size: .3rem;
}

.agreement span {
  color: #9f793c;
}

.selectpart {
  height: 4.2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.selectbox {
  display: flex;
  justify-content: center;
  width: 6.8rem;
  margin: .2rem auto 0;
}

.lname {
  font-size: .28rem;
  margin-right: .1rem;
  font-weight: bold;
  line-height: .8rem;
}

.selectbox select {
  outline: none;
  color: #fff;
  background: #606b75;
  border-radius: .4rem;
  width: 5rem;
  padding: .1rem 0 .1rem .3rem;
  font-size: .28rem;
}

#pop_bind .downwrap {
  background: url(//game.gtimg.cn/images/op/act/a20241105new/btnbg6.png) center bottom no-repeat;
  background-size: 4.86rem .92rem;
  width: 4.86rem;
  height: .92rem;
  margin: 0 auto;
}

#pop_bind .downloadbtn {
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.86rem;
  height: .92rem;
  text-align: center;
  padding-left: .3rem;
  font-weight: lighter;
  font-size: .32rem;
  text-indent: -999em;
  box-sizing: border-box;
}

.btn3wrap {
  background: url(//game.gtimg.cn/images/op/act/a20241105new/btnbg4.png) no-repeat;
  background-size: 100% 100%;
  width: 4.13rem;
  height: .98rem;
}

.btn4wrap {
  background: url(//game.gtimg.cn/images/op/act/a20241105new/btnbg5.png) no-repeat;
  background-size: 100% 100%;
  width: 4.14rem;
  height: 1rem;
}

.poplist .btn1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.87rem;
  height: .63rem;
  text-align: center;
  color: #e4f2ff;
  font-size: .3rem;
  box-sizing: border-box;
  padding-left: .26rem;
  text-indent: -999em;
}

.poplist .btn2 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.87rem;
  height: .63rem;
  text-align: center;
  color: #272727;
  font-size: .3rem;
  text-indent: -999em;
  box-sizing: border-box;
  padding-left: .26rem;
}

.closebtn {
  background: url(//game.gtimg.cn/images/op/act/a20240914lucy/pop-close.png) left top / cover no-repeat;
  width: 1.55rem;
  height: 1.55rem;
  display: block;
  margin: 0 auto;
}

.poplist .bindbox label,
.poplist .bindbox1 label {
  width: 7.6rem;
  color: #fff;
}

.btnbox {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 1.25rem;
  padding: 0 .2rem;
  box-sizing: border-box;
  padding: 0.3rem 0 0 0;
}
.spbg {
  background: url(https://game.gtimg.cn/images/op/act/a20240914lucy/popcover.png) no-repeat 50% 50% / cover !important;
  backdrop-filter: blur(.08rem);
  -webkit-backdrop-filter: blur(0.08rem);
  opacity: 1 !important;
}
/*---------footer-----------*/
.section_footer {
  position: absolute;
  width: 100%;
  height: 6.8rem;
  text-align: center;
  color: #c9c9c9;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-family: 'hywh55';
  font-size: .3rem;
  background: #000000;
  left: 0;
  bottom: 0;
  padding-bottom: 1.8rem;
  z-index: 2;
}

.section_footer .footer_content {
  box-sizing: border-box;
  width: 100%;
  padding: 0 0.1rem;
  font-size: .3rem;
  margin-top: .8rem;
}

.footer_logos {
  width: 7.5rem;
  height: 1rem;
  margin: 0 auto;
  background: url(https://game.gtimg.cn/images/op/m202406/footer/foot_logo.png) 0 0 no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: space-between;
}

.copyright_nbgi {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.8;
  padding: .7rem 0;
}

.copyright_nbgi span {
  text-align: left;
}

.footer {
  width: 100%;
  text-align: center;
  padding: 0 .5rem;
  box-sizing: border-box;
}

.footer a {
  color: #c9c9c9 !important;
}

.footer p {
  line-height: 1.8;
}


.wraper_move {}

.page_1,
.page_2 {
  width: 100%;
  background: yellowgreen;
}

.page_2 {
  background: paleturquoise;
  height: 40rem;
}

@media all and (orientation : portrait) and (min-aspect-ratio: 1080/1850) {
  .header_main {
    padding-bottom: 0.5rem;
  }

}

.touch_cover {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  /* background: rgba(255, 255, 255, 0.3); */
  background: none;
  display: none;
}