html {font-size: calc(100/2560*100vw);}
body{width: 100vw;height: 100vh; background-color: #000;position: relative;overflow-x: hidden;}

@font-face {
    font-family: 'font-dd';
    src: url('./font/fzltyjtzc.ttf');
}

@font-face {
    font-family: 'font-zz';
    src: url(./font/zzgfqht.otf);
}

@font-face {
    font-family: 'font-sd';
    src: url(./font/sdddt.ttf);
}

.wrap {width: 100vw; height: 14.4rem; position: absolute;top: 50%;transform: translateY(-50%);overflow-x: hidden; overflow-y: auto;display: flex;justify-content: start;align-items: center;flex-direction: column;}
.wrap::-webkit-scrollbar {width: 0 !important;height: 0 !important;}
.wrap .content_box {width: 25.6rem; height: 14.4rem;}
.wrap .nav_box{width: 25.6rem;height: .94rem;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/nav_bg.png)no-repeat center/cover;position: absolute;top: 0;z-index: 500;}
.wrap .nav_box .rocom_logo{width: 1.94rem;height: .61rem;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/logo.png)no-repeat center/contain;position: absolute;top: 50%;transform: translateY(-50%);left: 1rem;}

.wrap .nav_box .nav_list {display: flex;position: absolute;top: 50%;transform: translateY(-50%);left: 4.2rem;height: .94rem;align-items: center;} 
.wrap .nav_box .nav_list >li {margin-right: .65rem;height: .94rem;}

.wrap .nav_box .nav_list li >a {font-size: .25rem;color: #f4eee1;font-family: 'font-sd';height: .94rem;line-height: .94rem;}
.wrap .nav_box .nav_list li:hover >a {color: #ffc65f;}

.nav_list li:nth-child(3){position: relative;}
.nav_list li:nth-child(3) .media_list {display: none; background-color: #292D2E;position: absolute;top: .94rem;left: 50%;transform: translateX(-50%);border-radius: 8px;}
.nav_list li:nth-child(3):hover .media_list {display: block;}
.nav_list li:nth-child(3) .media_list li {width:1.6rem;box-sizing: border-box;padding: .05rem 0;position: relative;height: auto;}
.nav_list li:nth-child(3) .media_list li::after {content: '';position: absolute;width: 1.48rem;height: .04rem;background: url(https://game.gtimg.cn/images/rocom/web202504/index/nav/split-line.png)no-repeat center/contain;left: 50%;transform: translateX(-50%);}
.nav_list li:nth-child(3) .media_list li:last-child::after {content: initial;}
.nav_list li:nth-child(3) .media_list li a {text-align: center;width: 100%;font-family: 'font-dd';line-height: .5rem;height: .5rem;}
/* 抖音 */
.nav_list li:nth-child(3) .media_list li .extend_box {display: none; box-sizing: border-box; width: 1.45rem;height: auto;position: absolute;top: 50%;transform: translateY(-25%);left: 1.65rem;background-color: #292D2E;pointer-events: none;border-radius: 8px;}
.nav_list li:nth-child(3) .media_list .tiktok:hover .extend_box {display: block;}
.nav_list li:nth-child(3) .media_list li .extend_box img {width: 1.3rem;height: 1.3rem;display: block; margin: 0.1rem auto 0 auto;}
.nav_list li:nth-child(3) .media_list li .extend_box p {font-size: .18rem;color: #fff;text-align: center;}
/* 微信 */
.nav_list li:nth-child(3) .media_list .wechat:hover .extend_box {display: block;}
/* QQ频道 */
.nav_list li:nth-child(3) .media_list .qq:hover .extend_box {display: block;}
/* 快手 */
.nav_list li:nth-child(3) .media_list .kuaishou:hover .extend_box {display: block;}

.wrap .nav_box .login_and_reservation {display: flex;position: absolute;top: 0;right: 0;align-items: center;height: .94rem;}
.wrap .nav_box .login_and_reservation .login_box {display: flex;justify-content: center;align-items: center;margin-right: .1rem;height: 100%;}
.wrap .nav_box .login_and_reservation.logined .login_box {margin-right: 1rem;}

.wrap .nav_box .login_and_reservation .login_box .login_btn {font-size: .25rem;color: #c3c1b4;font-family: 'font-dd';}
.wrap .nav_box .login_and_reservation .login_box i {width: .41rem;height: .41rem;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/role_icon.png)no-repeat center/contain;margin-left: .2rem;}
.wrap .nav_box .login_and_reservation .login_box .user_name {font-size: .25rem;color: #c3c1b4;display: none;margin-left: .15rem;}
.wrap .nav_box .login_and_reservation .reserve_btn {width: 3.37rem;height: .95rem;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/btn1.png)no-repeat center/contain;color: #292828;font-family: 'font-sd';font-size: .4rem;}
/* .wrap .nav_box .login_and_reservation .login_box  .logout_btn{} */
.wrap .nav_box .login_and_reservation .menu_btn {display: none;}

/* 退出登录 */
.wrap .nav_box .login_and_reservation .login_box .logout_btn {display: none;color: #c3c1b4;cursor: pointer;}
.wrap .nav_box .login_and_reservation .login_box .logout_btn:hover {color: #ffc65f;}
.wrap .nav_box .login_and_reservation .login_box .unbind_phone {display: none;color: #F8C65F;text-shadow: .01rem .01rem #000;font-size: .25rem;}
.wrap .nav_box .login_and_reservation .login_box .bind_phone {display: none;color: #F8C65F;text-shadow: .01rem .01rem #000;font-size: .25rem;}

/* 背景图 */
.wrap .act_container {width: 25.6rem;height: 14.4rem;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/bg.jpg)no-repeat 100% 0/contain;position: relative;}

.wrap .act_container .commmunity_m_btn {display: none;}
.wrap .act_container .m_media_list {display: none;}


.wrap .people {width: 25.6rem;height: 14.4rem;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/people.png)no-repeat center/contain;position: absolute; left: 0;top: 0;}

.wrap .act_title{width: 13.28rem;height: 3.38rem;position: absolute;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/act_title.png)no-repeat 100% 0/contain;right: 6.35rem;bottom: 8.96rem;display: none;}



.wrap .page_btn_box {display: flex;justify-content: space-between;align-items: center;position: absolute;bottom: .9rem;}
.wrap .page_btn_box a {width: 4.8rem;height: 1.11rem;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/btn2.png)no-repeat center/contain;font-family: 'font-sd';color: #292828;display: flex;justify-content: center;align-items: center;font-size: .5rem;}
.wrap .page_btn_box a:nth-child(2) {margin: 0 .5rem;}

/* 弹窗 */
/* .pop_mask_mf {display: block;} */
.layer {position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.layer1 {width: 7.44rem;height: 5.92rem;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/layer1.png)no-repeat center/contain;}
.layer2 {width: 7.44rem;height: 5.92rem;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/layer2.png)no-repeat center/contain;}
.layer3 {width: 7.44rem;height: 5.92rem;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/layer3.png)no-repeat center/contain;}
.close {width: .41rem;height: .43rem;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/close.png)no-repeat center/contain;position: absolute;right: -.5rem;top: -.5rem;}
.ensure_btn {width: 2.22rem;height: .61rem;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/btn3.png)no-repeat center/contain;position: absolute;top: 4.6rem; font-family: 'font-sd';color: #292828;font-size: .33rem;display: flex;justify-content: center;align-items: center;}

.common_layer {display: none;}
.layer1 .layer_text {width: 100%;font-size: .3rem;position: absolute;top: 50%;transform: translateY(-50%);box-sizing: border-box;padding: 0 .35rem;text-align: center;font-family: 'font-dd';}
.layer1 .layer_text span {color: #9f573a;}

.get_test_cert {display: none;}
.layer1 .btn_wrap {display: flex;justify-content: space-evenly;align-items: center;width: 100%;position: absolute; top: 4.6rem;}
.layer1 .btn_wrap a {width: 2.22rem;height: .61rem;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/btn3.png)no-repeat center/contain;font-family: 'font-sd';color: #292828;font-size: .33rem;display: flex;justify-content: center;align-items: center;}
.layer1 .more_news {width: 100%;position: absolute;display: flex;justify-content: center;align-items: center;font-size: .2rem;bottom: .2rem;}
.layer1 .more_news a {font-size: .2rem;color: #9f573a;text-decoration: underline;}

.copy_to_download {display: none;}

.androd_qrcode_layer {display: none;}
.androd_qrcode_layer .androd_qrcode {width: 1.99rem;height: 2rem;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/qrcode.png)no-repeat center/contain;position: absolute;left: 50%;transform: translateX(-50%);top: 2.12rem;}
.androd_qrcode_layer .androd_qrcode::before{content: "扫码下载安卓安装包";position: absolute;font-size: .25rem;left: 50%;transform: translateX(-50%);top: -.5rem;white-space: nowrap;font-family: 'font-dd';}

.input_layer {display: none;}
.input_layer .input_bg.input_certification {width: 6.44rem;height: .65rem;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/input_bg.png)no-repeat center/contain;position: absolute;left: 50%;transform: translateX(-50%);display: flex;align-items: center;font-size: .25rem;top: 1.7rem;}
.input_layer .input_bg.input_checkcode {width: 6.35rem;height: .65rem;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/input_bg.png)no-repeat center/contain;position: absolute;left: 50%;transform: translateX(-50%);display: flex;align-items: center;font-size: .25rem;top: 2.57rem;}

.input_layer .input_bg span {display: flex;width: 1.8rem;justify-content: center;align-items:center;font-family: 'font-dd';position: relative;}
.input_layer .input_bg span::before {content: "";position: absolute;width: .01rem;height: .3rem;background-color: #74726c;right: 0;top: 50%;transform: translateY(-50%);}
.input_layer .input_bg input {flex: auto;height: 90%;box-sizing: border-box;padding-left: .25rem;font-size: .23rem;font-family: 'font-dd';}

.input_layer .checkcode_box{display: flex;justify-content: center;align-items: center;top: 3.6rem;width: 2rem;height: .55rem;border: .05rem solid #939088;border-radius: 5px;}
.input_layer .checkcode_box span {font-size: .25rem;flex: auto;display: flex;justify-content: center;align-items: center;}
.input_layer .checkcode_box .renew_btn {width: .6rem;height: .55rem;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/renew.png)no-repeat center/contain #000;border-top-right-radius: 5px;border-bottom-right-radius: 5px;}

.current_account {display: none;}

#copyDownloadModal .modal-content {margin-bottom: .85rem;}
    #androidAllowDownloadModal .modal-content {margin-bottom: .9rem;}


.footer {width: 25.6rem;height: 3rem;background: url(https://game.gtimg.cn/images/rocom/web202409/foot-bg.png)no-repeat center/cover;display: flex;justify-content: center;align-items: center;box-sizing: border-box;padding: .25rem .5rem;}
.footer .footer_content {display: flex;justify-content: center;align-items: center;transform: scale(1);}
.footer .footer-left{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.footer .footer-left .logo_box {display: flex;justify-content: center;align-items: center;margin-bottom: .3rem;}
.footer .footer-left .logo_box .tencent_logo {width: 1.8rem;height: .35rem;background: url(https://game.gtimg.cn/images/rocom/act/a20250616preview/web/icon-tencent.png)no-repeat center/contain;}
.footer .footer-left .logo_box .morefun_logo {width: 1.52rem;height: .39rem;margin-left: .3rem;background: url(https://game.gtimg.cn/images/rocom/act/a20250616preview/web/icon-morefun.png)no-repeat center/contain;}
.footer .footer-left .foot_tips {font-size: .2rem;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.footer .footer-left .foot_tips span {white-space: nowrap;color: #4c4c4c}

.footer .link_map {margin-left: .8rem;;}
.footer .link_map li{width: 100%; display: flex;justify-content: left;align-items: center;}
.footer .link_map li a,
.footer .link_map li p,
.footer .link_map li span {font-size: .2rem;color: #4c4c4c;white-space: nowrap;}

.footer .link_map li.link_map {margin-bottom: .15rem;}
.footer .link_map li.copyright_en {margin-bottom: 0rem;}
.footer .link_map li.copyright_public {display: flex;justify-content: left;align-items: center;}
.footer .link_map li.copyright_public a {display: flex;justify-content: center;align-items: center;}


    @media (max-width:950px) {
        .footer .footer_content {display: flex;justify-content: center;align-items: center;transform: scale(.8);}
    }

/* @media (max-width:800px) {
    html{font-size: calc(100/2560*800px);}
    
} */


@media (min-aspect-ratio:2560/1600) {
    html{font-size: calc(100/2560*100vw);}
    .wrap {width: 100vw; height: 100vh; left: 50%;transform: translate(-50%,-50%);display: flex;flex-direction: column;scrollbar-width: none;}
    .wrap::-webkit-scrollbar {width: 0 !important;height: 0 !important;}
    .wrap .content_box {width: 100vw; height: 100vh;}
    /* 背景图 */
    .wrap .act_container {width: 100vw;height: 100vh;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/bg.jpg)no-repeat 50% 30%/cover;position: relative;}
    .wrap .act_title{width: 13.28rem;height: 3.54rem;position: absolute;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/act_title.png)no-repeat center/contain;right: 6.35rem;bottom: 8.2rem;}

    .wrap .people {width: 100vw;height: 100vh;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/people.png)no-repeat 50% 30%/cover;position: absolute; right: .0;bottom: 0;}

    .footer {width: 100vw;height: 3rem;background: url(https://game.gtimg.cn/images/rocom/web202409/foot-bg.png)no-repeat center/cover;display: flex;justify-content: center;align-items: center;box-sizing: border-box;padding: .5rem 0;}
    .footer .footer-left{display: flex;justify-content: center;align-items: center;flex-direction: column;}
    .footer .footer-left .logo_box {display: flex;justify-content: center;align-items: center;margin-bottom: .1rem;}
    .footer .footer-left .logo_box .tencent_logo {width: 1.8rem;height: .35rem;background: url(https://game.gtimg.cn/images/rocom/act/a20250616preview/web/icon-tencent.png)no-repeat center/contain;}
    .footer .footer-left .logo_box .morefun_logo {width: 1.52rem;height: .39rem;margin-left: .3rem;background: url(https://game.gtimg.cn/images/rocom/act/a20250616preview/web/icon-morefun.png)no-repeat center/contain;}
    .footer .footer-left .foot_tips {font-size: .15rem;display: flex;justify-content: center;align-items: center;flex-direction: column;}
    .footer .footer-left .foot_tips span {white-space: nowrap;color: #4c4c4c}

    .footer .link_map {margin-left: 2rem;}
    .footer .link_map li{width: 100%; display: flex;justify-content: left;align-items: center;}
    .footer .link_map li a,
    .footer .link_map li p,
    .footer .link_map li span {font-size: .15rem;color: #4c4c4c;white-space: nowrap;}

    .footer .link_map li.link_map {margin-bottom: .1rem;}
    .footer .link_map li.copyright_public {display: flex;justify-content: left;align-items: center;}
    .footer .link_map li.copyright_public a {display: flex;justify-content: center;align-items: center;}
}

@media (min-aspect-ratio:2560/1600) and (max-aspect-ratio:2560/1440) {
    .wrap .act_title{width: 13.28rem;height: 3.54rem;position: absolute;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/act_title.png)no-repeat center/contain;right: 580px;bottom: 800px;}
}

/* 超长屏处理  >1.94*/
@media (min-aspect-ratio:4000/1970) {
    html {font-size: calc(100/1440*100vh);}
    .wrap {width: 25.6rem; height: 100vh; left: 50%;transform: translate(-50%,-50%);display: flex;flex-direction: column;scrollbar-width: none;}
    .wrap .nav_box{width: 25.6rem;height: .94rem;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/nav_bg.png)no-repeat center/cover;position: absolute;top: 0;left: 0; z-index: 500;}
    .wrap .content_box {width: 25.6rem; height: 100vh;}
    .wrap .act_container { width: 25.6rem;height: 100vh;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/bg.jpg)no-repeat center/contain;position: relative;}
    .wrap .act_title{width: 25.6rem;height: 100vh;position: absolute;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/act_title.png)no-repeat center/contain;right: 6.35rem;bottom: 8.2rem;}
    .wrap .people {width: 25.6rem;height: 100vh;background: url(//game.gtimg.cn/images/rocom/act/a20250901certification/people.png)no-repeat center/cover;position: absolute; right: .0;bottom: 0;}

    .footer {width: 100vw;height: 3rem;background: url(https://game.gtimg.cn/images/rocom/web202409/foot-bg.png)no-repeat center/cover;display: flex;justify-content: center;align-items: center;box-sizing: border-box;padding: .5rem 0;}
    .footer .footer-left{display: flex;justify-content: center;align-items: center;flex-direction: column;}
    .footer .footer-left .logo_box {display: flex;justify-content: center;align-items: center;margin-bottom: .1rem;}
    .footer .footer-left .logo_box .tencent_logo {width: 1.8rem;height: .35rem;background: url(https://game.gtimg.cn/images/rocom/act/a20250616preview/web/icon-tencent.png)no-repeat center/contain;}
    .footer .footer-left .logo_box .morefun_logo {width: 1.52rem;height: .39rem;margin-left: .3rem;background: url(https://game.gtimg.cn/images/rocom/act/a20250616preview/web/icon-morefun.png)no-repeat center/contain;}
    .footer .footer-left .foot_tips {font-size: .15rem;display: flex;justify-content: center;align-items: center;flex-direction: column;}
    .footer .footer-left .foot_tips span {white-space: nowrap;color: #4c4c4c}

    .footer .link_map {margin-left: 2rem;}
    .footer .link_map li{width: 100%; display: flex;justify-content: left;align-items: center;}
    .footer .link_map li a,
    .footer .link_map li p,
    .footer .link_map li span {font-size: .15rem;color: #4c4c4c;white-space: nowrap;}

    .footer .link_map li.link_map {margin-bottom: .1rem;}
    .footer .link_map li.copyright_public {display: flex;justify-content: left;align-items: center;}
    .footer .link_map li.copyright_public a {display: flex;justify-content: center;align-items: center;}
}



.footer_m {display: none;}

.landscape{display: none; width: 100vw;height: 100vh;background-color: #333;z-index: 9999;position: fixed;left: 0;top: 0;z-index: 9999;}
.landscape img{display: block; width: 25vh;height: 25vh;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-80%);}
.landscape::after{content: "为了更好的体验，请旋转手机";position: absolute;font-size: .25rem;color: #fff;left: 50%;top: 50%;transform: translate(-50%,200%);z-index: 9999;}