body,dl,dd,h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0px;}
body{font:12px/1.5 microsoft yahei,tahoma,simsun,sans-serif;color:#adadad;background: #fdfcfc;width: 100%;height: 100%;overflow: hidden;position:relative;}
*{outline: none;}
body,html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;-webkit-user-select:none;user-select:none;overflow: hidden;}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{border: none;padding: 0;margin:0}
em,i,b{font-style:normal}
ul,ol{list-style:none;margin:0;padding:0}
a{text-decoration:none}
a:hover{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}
.f14{font-size:14px}
.fl{float:left}
.fr{float:right}
.cb{clear: both}
.bc{margin-left: auto;margin-right: auto}
.pr{position:relative}
.pa{position:absolute}
.ovh{overflow:hidden}
.db{display:block}
.none{display:none}
.ht{display:block;overflow:hidden;text-indent:-999em}
.tc{text-align:center}
.tl{text-align: left;}
.tr{text-align: right;}
.wp{width: 100%;min-width: 1200px;}
.wb{width: 1200px;}
/* html {font-size: calc(100/2560*100vw);} */
.imgitem{
  width: 100%;
  vertical-align: top;
}
.db, .ht {
    text-indent: -9999em;
    display: block;
    overflow: hidden;
}

/*wraper*/
.wraper{
  width: 100vw;
  height: 100vh;
  background: #fdfcfc;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translate(0,0);
}
.container{
	position: static;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #fdfcfc;
	transform: translate(0,0);
    animation: all 0.3s;
}
/*swiper_page*/
.swiper_page{
	width: 100%;
	height: 100%;
}
.swiper_page .swiper-slide{
	width: 100%;
	height: 100%;
}
.swiper_page .swiper-slide .content{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: start;
	flex-direction: column;
}
.swiper_page .swiper-slide .title{
	width: 100%;
	height: 2.19rem;
}

@font-face {
	font-family:'ddt';
	src: url(./fonts/dundun.ttf);
}
@font-face {
	font-family:'RUNEREGULAR';
	src: url(./fonts/RUNEREGULAR.ttf);
}
@font-face {
    font-family: "FZLTYJT";
    src: url(https://game.gtimg.cn/images/rocom/web202504/font-origin/FZLTYJT.ttf);
  }

  /* 当屏幕宽度较小时，调整背景位置 */
/* @media screen and (max-width: 1960px) {
    .channel1 .section_header {
        background: url(https://game.gtimg.cn/images/rocom/act/a20260304media/bgperson.jpg) no-repeat center / cover;
    }
  } */
  
 
  /*section_header*/
  .channel1 .section_header{
	width: 100%;
	display: flex;
  align-items: center;
	flex-direction: column;
  justify-content: flex-end;
  background: url(https://game.gtimg.cn/images/rocom/act/a20260304media/s3/bg.jpg) no-repeat center / cover;
  position: relative;
  
  }

  .channel2 .section_header{
	width: 100%;
	display: flex;
  align-items: center;
	flex-direction: column;
  justify-content: flex-end;
  background: url(https://game.gtimg.cn/images/rocom/act/a20260304media/bgfive.jpg) no-repeat center / cover;
  background-position: center -1.4rem;
    position: relative;
  }
  .channel3 .section_header{
	width: 100%;
	display: flex;
  align-items: center;
	flex-direction: column;
  justify-content: flex-end;
  background: url(https://game.gtimg.cn/images/rocom/act/a20260304media/bgking-no.jpg) no-repeat center / cover;
  background-position: center 0px;
    position: relative;
  }

  .channel2 .user-name{
    color: #292827;
}
.top_nav {
    width: 100%;
    height: 2rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1px;
    box-sizing: border-box;
    transform-origin: top left;
}

.logo {
    background: url(https://game.gtimg.cn/images/rocom/act/a20251107media/logo.png) no-repeat 50% 0;
    width: 3.1rem;
    height: 1.23rem;
    background-size: 100% auto;
    margin-left: .5rem;
    pointer-events: none;
}

.topnav_right {
    position: absolute;
    top: 0;
    right: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    /* width: 5rem; */
}

.btn_login,
.logined_box {
    width: 100%;
    font-size: .38rem;
    color: #fff;
    text-align: center;
    line-height: .5rem;
    /* font-family: 'ddt'; */
    /* font-family:'RUNEREGULAR'; */
    font-family: "FZLTYJT";
}

.btn_login p {
    color: #f3b449;
    display: inline-block;
    text-align: end;
    margin-left: -.3rem;
    cursor: pointer;
}
.logined_box a {
    color: #f3b449;
    /* margin-left: -.5rem; */
}

.logined_box p {
    max-width: 3.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* display: inline-block; */
    vertical-align: middle;
    margin-bottom: .2rem;
}

.pr-bg{
    width: 100%;
    /* height: 6.6rem; */
    height: calc(100vw * 660 / 2560);
    /* background-color: red; */
    position: absolute;
}

/*section_features*/
.section_features .features_container{
  width: 100%;
  height: 100%;
}
.section_features .swiper_features{
	width: 100%;
	height: 100%;
}
.section_features .swiper-slide{
	width: 100%;
	height: 100%;
}
.bg2::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    user-select: none;
    pointer-events: none;
    z-index: 3;
    background: linear-gradient(115deg, rgba(0, 0, 0, 0.35) 10%, rgba(0, 0, 0, 0) 55%);
}
.bg_slide{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: url(https://game.gtimg.cn/images/rocom/act/a20251107media/cover-1.jpg) no-repeat center / cover;
    /* background-image: url(https://game.gtimg.cn/images/rocom/act/a20251107media/cover-1.jpg);
    background-repeat: no-repeat;
    object-fit: cover; */
    /* position: relative;
    z-index: 0; */
}
.slogan{
    width: 11.54rem;
    height: 6.76rem;
    /* width: calc(100vw * 1389 / 2560);
    height: calc(100vw * 562 / 2560); */
    background: url(https://game.gtimg.cn/images/rocom/act/a20260304media/s3/slogan.png) no-repeat center / contain;
    position: absolute;
    left: 0;
    bottom: 0;
    /* left: 50%; */
    /* bottom: 1.3rem; */
    /* transform: translateX(-50%); */
}

.slogansub{
    width: 6.44rem;
    height: 0.99rem;
    /* background: url(https://game.gtimg.cn/images/rocom/act/a20260304media/subtitle.png) no-repeat center / contain; */
    position: absolute;
    left: 50%;
    bottom: 2.2rem;
    transform: translateX(-50%);
}
.slogantop{
    width: 15.04rem;
    height: 4.53rem;
    /* background: url(https://game.gtimg.cn/images/rocom/act/a20260304media/slogan-king.png) no-repeat center / contain; */
    position: absolute;
    top: 0rem;
    left: 50%;
    transform: translateX(-50%);
}

.bottom-all{
    width: 100%;
    height: 2rem;
    /* height: 10%; */
    display: flex;
    align-items: end;
    justify-content: center;
    position: absolute;
    bottom: .42rem;
    /* gap: 26px; */
    transform: translateX(-1rem);
    /* background-color: red; */
}

/* .bottom-bg{
    width: 20rem;
    height: 1.99rem;
    position: absolute;
    left: 50%;
    bottom: .1rem;
    transform: translateX(-50%);
    background: url(https://game.gtimg.cn/images/rocom/act/a20260304media/bottom-icon.png) no-repeat center / contain;
} */
.left-per{
    width: 7.13rem;
    height: 1.98rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20260304media/s3/left-icon.png)no-repeat center / contain;
    position: relative;
    z-index: 2;
}
.left-per::after {
    content: "";
    width: 11.54rem;
    height: 6.76rem;
    /* width: calc(100vw * 1389 / 2560);
    height: calc(100vw * 562 / 2560); */
    background: url(https://game.gtimg.cn/images/rocom/act/a20260304media/s3/slogan.png) no-repeat center / contain;
    position: absolute;
    position: absolute;
    left: -1.7rem;
    bottom: 1.2rem;
    z-index: 1;
    pointer-events: none;
    user-select: none;
}

.right-per{
    width: 6.12rem;
    height: 1.9rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20260304media/s3/right-icon.png)no-repeat center / contain;
}

.join-btn{
    /* width: calc(100vw * 632/ 2560);
    height: calc(100vw * 173/ 2560); */
    width: 6.32rem;
    height: 1.73rem;
    cursor: pointer;
    /* background-color: green; */
    /* position: absolute;
    bottom: 0rem;
    left: 8.8rem; */
    background: url(https://game.gtimg.cn/images/rocom/act/a20260304media/button.png) no-repeat center / contain;
    margin: 0 .22rem 0 .28rem;
}

.two-btn{
    position: absolute;
    bottom: 0.2rem;
    left: 50%; 
    transform: translateX(-50%);
    background: url(https://game.gtimg.cn/images/rocom/act/a20260304media/button.png) no-repeat center / contain;

}

.pre-btn{
    background: url(https://game.gtimg.cn/images/rocom/act/a20260304media/button-pre.png)no-repeat center / contain;
}

.channel3 .left-per{
    width: 7.13rem;
    height: 1.97rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20260304media/left-icon.png)no-repeat center / contain;
}
.channel3 .right-per{
    width: 6.12rem;
    height: 1.93rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20260304media/right-icon.png)no-repeat center / contain;
}
.channel3 .join-btn{
    width: 6.32rem;
    height: 1.73rem;
    cursor: pointer;
    background: url(https://game.gtimg.cn/images/rocom/act/a20260304media/button.png) no-repeat center / contain;
}

.d-flex{
    display: flex;
    align-items: center;
}

.mt-25{
    margin-top: .25rem;
}

.left_info{
    position: absolute;
    top: 3.86rem;
    left: 1.05rem;
    color: #f3efe3;
    font-size: .26rem;
    z-index: 5;
    display: flex;
    flex-direction: column;
}

.sprite_name{
    height: 1.18rem;
    /* width: 2.07rem; */
    background: url(https://game.gtimg.cn/images/rocom/act/a20251107media/name-1.png)  no-repeat center / contain;
}

.sprite_type_box{
    width: 1.05rem;
    height: .4rem;
    line-height: .4rem;
    overflow: hidden;
    border-radius: .18rem;
    padding: 0 .07rem 0 .03rem;
    background-color: #1f1f1f;
}

.sprite_icon{
    width: .33rem;
    height: .34rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20251107media/icon-type-10.png)  no-repeat center / contain;
}

.sprite_type_box span{
    width: .56rem;
    text-align: center;
}

.sprite_height{
    width: .65rem;
    height: .39rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20251107media/icon-height.png) center / contain no-repeat;
    margin-right: .6rem;
}

.sprite_weight{
    width: .65rem;
    height: .38rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20251107media/icon-weight.png) center / contain no-repeat;
    margin-right: .6rem;
}

.font-runeregular{
    font-family: "RUNEREGULAR" !important;
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'tnum';
}

.sprite_desc{
    width: 4.8rem;
    height: auto;
    text-align: justify;
    line-height: .36rem;
    margin-top: .45rem;
}

.switch_sprite{
    width: 8.5rem;
    height: 1.6rem;
    position: absolute;
    bottom: 1.8rem;
    left: 1.1rem;
    z-index: 11;
    cursor: pointer;
}

.sprite_picture{
    width: 1.62rem;
    height: 1.51rem;
    position: absolute;
    top: 0;
    transform-origin: center;
    transition: transform .25s ease;
    z-index: 1;
    overflow: visible;
}

.sprite_box1{
    left: -.43rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20251107media/icon1.png) no-repeat center / contain;
}
.sprite_box2{
    left: 1.45rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20251107media/icon2.png) no-repeat center / contain;
}
.sprite_box3{
    left: 3.2rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20251107media/icon3.png) no-repeat center / contain;
}
.sprite_box4{
    left: 5rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20251107media/icon4.png) no-repeat center / contain;
}
.sprite_box5{
    left: 6.78rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20251107media/icon5.png) no-repeat center / contain;
}

.sprite_picture::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.88rem;
    height: 1.9rem;
    transform: translate(-50%, -50%);
    background: url(https://game.gtimg.cn/images/rocom/act/a20251107media/box_active.png) no-repeat center / contain;
    opacity: 0;
    transition: opacity .25s ease;
    pointer-events: none;
    z-index: -1;
}

.switch_sprite .active{
    transform: scale(1.1);
}

.switch_sprite .active::after{
    opacity: 1;
}

.part_video{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 50%;
    transform-origin: left top;
    -webkit-mask-repeat: no-repeat, no-repeat;
    mask-repeat: no-repeat, no-repeat;
    pointer-events: none;
}
/*footer*/
/* .section_footer{
	width: 100%;
	height: 2rem;
	background: #000;
	display: flex;
	align-items: center;
	justify-content: center;
}
.section_footer .footer{
  background: #000;
}
.section_footer .footer .foot_cpright{
  padding: .3rem .2rem;
}
.section_footer .footer .foot{
  background: #000;
} */
/*footer*/
#afooter {
    line-height: 1.4;
    color: #ffffff;
    background-color: #0e0e0e;
    padding: 0.2rem 0;
    text-align: center;
    font-size: .18rem;
    width: 100%;
    box-sizing: border-box;
    transform-origin: center center;
}

#afooter a {
    color: #ffffff;
}

#footer_ieg {
    width: 100%;
}
/* 登录弹窗 */
.common_pop{
    width: 7.5rem;
    background: #f4eee0;
    border-radius: .2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999999;
    box-sizing: border-box;
    padding: .11rem;
    transform: translate(-50%, -50%);
    margin-top: 0 !important;
    margin-left: 0 !important;
}
.common_pop_close{
    right: .2rem;
    top: 1.7rem;
}
.common_pop_close{
    background: url(//game.gtimg.cn/images/rocom/act/a20250719icreate/pop/pop_close.png) no-repeat center/contain;
    width: .41rem;
    height: .43rem;
    position: absolute;
    right: -.6rem;
    top: 0;
}
.common_pop_tit{
    background: url(//game.gtimg.cn/images/rocom/act/a20250719icreate/pop/common_titlebg.png) no-repeat center/contain;
    height: 1.03rem;
    line-height: 1.03rem;
    text-align: center;
    font-family: "dundun";
    color: #f4eee1;
    font-size: .48rem;
}
.common_pop_tit h3{
    font-size: .48rem;
    font-weight: normal;
    font-family:'ddt';
}
.common_pop_info{
    display: flex;
    justify-content: space-between;
    width: 5rem;
    margin: 0 auto;
    padding: 1rem 0;
}
.common_pop_txt{
    width: 7rem;
    margin: 0 auto;
    padding: 1rem 0;
    font-size: .24rem;
    color: #000;
    text-align: center;
    font-family: 'fzlty-zz';
}
.common_pop_btn{
    display: flex !important;
    justify-content: center;
    width: 5.6rem;
    margin: 0 auto;
    padding-bottom: .5rem;
}
.common_pop_btn a{
    width: 2.22rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    border-radius: .5rem;
    color: #000;
    font-size: .24rem;
    margin: 0 .1rem;
    background: #ffc65f;
    font-family: "dundun";
}
.pop_btn_loginqq{
    background: url(//game.gtimg.cn/images/rocom/act/a20250719icreate/pop/login_qq.png) no-repeat center/contain;
    width: 2.11rem;
    height: 2.69rem;
}
.pop_btn_loginwx{
    background: url(//game.gtimg.cn/images/rocom/act/a20250719icreate/pop/login_wx.png) no-repeat center/contain;
    width: 2.11rem;
    height: 2.69rem;
}
.pop-content {
    width: 100%;
    height: 5.6rem;
    position: relative;
    color: #393633;
    overflow: hidden;
    margin: 0 auto;
    font-size: .32rem;
}
.common-tip {
    font-size: .26rem;
    color: #63625d;
    text-align: center;
    font-family: 'fzlty';
}
.qrcode-wrapper1 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.3rem auto;
    /* background: url(//game.gtimg.cn/images/yrzx2/act/a20250313reserve/pc/part2/pop/qrcode.png) center/contain no-repeat; */
}

.qrcode-img {
    position: relative;
    margin: 0.226rem 0.126rem;
    width: 2.14rem;
    height: 2.14rem;
    z-index: 0;
}

.download-qrcode {
    width: 2.72rem;
    height: 2.67rem;
    background: url(https://game.gtimg.cn/images/rocom/act/a20250528childhood/pop/qr-bg.png) no-repeat 50% 50% / cover;
}

.download-qrcode .qrcode-img::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    background-size: 60px 60px;
}
.bind-btn {
    width: 3.47rem;
    height: .91rem;
    line-height: .91rem;
    font-size: .48rem;
    color: #292828;
    background-color: #f9c150;
    font-family: "MIANFEIZITI" !important;
    font-variant-numeric: tabular-nums;
    font-feature-settings: 'tnum';
    text-align: center;
    border-radius: .45rem;
    overflow: hidden;
    user-select: none;
    cursor: pointer;
    transition: cubic-bezier(0.10, 0.00, 0.23, 1.00);
    position: absolute;
    bottom: .5rem;
    left: 50%;
    transform: translateX(-50%);
}
.ptips_box {
    position: fixed;
    top: 74%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999;
    font-size: 14px;
    display: none;
}

.ptips_box p {
    height: .64rem;
    box-sizing: border-box;
    padding: 0 .1rem;
    background: #000000;
    border-radius: .32rem;
    font-size: .28rem;
    color: #929086;
    text-align: center;
    line-height: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ptips_box p img {
    display: block;
    width: .49rem;
}

.ptips_box p span {
    padding: 0 .2rem;
    white-space: nowrap;
}