html{font-size: calc(100/3840*100vw);}
@font-face {
    font-family: "font-en";
    src: url(./RefrigeratorDeluxe.ttf);
}

body{background-color: #0e1115;}
body::-webkit-scrollbar {width: 0; height: 0;}
.wrap {font-size: .35rem;color: #fff;font-family: "font-en";overflow-x: hidden;}

.wrap .page_top {display: block; width: 100vw;height: 100vh;background: url(../img/header_bg.jpg)no-repeat center/cover;position: relative;}
.wrap .rank_wrap {width: 100vw;height: 100vh;background: url(../img/main_bg.jpg)no-repeat center/cover;position: relative;}
.wrap .rank_wrap.end::before{content: '';position: absolute;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.3) url(../img/forbin.png)no-repeat center/cover;}


.wrap .page_top nav {width: 100vw; position: fixed;top: 0;z-index: 998; height: 1.33rem;right: 0; display: flex;align-items: center;}
.wrap .page_top .logo {width: 5.29rem;height: .88rem;background: url(../img/logo.png)no-repeat center/contain;position: absolute;left: .25rem;top: .25rem;}
.wrap .page_top nav .right_nav {display: flex;position: absolute;right: 0;}

.wrap .page_top .navigation_list {display: flex;height: .8rem;justify-content: center;align-items: center;margin-right: .5rem;}
.wrap .page_top .navigation_list li {height: 100%;width: auto;display: flex;justify-content: center;align-items: center;position: relative;cursor: pointer;}

/* .wrap .page_top .navigation_list li:nth-child(7):after {content: "";position: absolute;width: .025rem; height: .5rem; background-color: #fff;top: 50%;transform: translateY(-45%);right: -.3rem;} */
.wrap .page_top .navigation_list li a {font-size: .5rem;color: #ffffff;box-sizing: border-box;padding: 0 .35rem;position: relative;}
.wrap .page_top .navigation_list li a::before{content: "";position: absolute;width: .12rem;height: .81rem;background: url(../img/left.png)no-repeat center/contain;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.wrap .page_top .navigation_list li a::after{content: "";position: absolute;width: .12rem;height: .81rem;background: url(../img/right.png)no-repeat center/contain;right: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}

.wrap .page_top .navigation_list li .camp_list {position: absolute;left: 50%;transform: translateX(-50%);top: .8rem;background-color: rgba(0, 0, 0, 0.8);width: 2.5rem;box-sizing: border-box;padding: .05rem 1.8rem;display: none;}
.wrap .page_top .navigation_list li .camp_list li {white-space: nowrap;font-size: .4rem;}
.wrap .page_top .navigation_list li .camp_list li a::before {content: initial;}
.wrap .page_top .navigation_list li .camp_list li a::after {content: initial;}
.wrap .page_top .navigation_list li .camp_list li a:hover {color: #dc6029;}

.wrap .page_top .navigation_list li.camp_li:hover .camp_list {display: block;}

.wrap .page_top .navigation_list li:nth-child(5) a::before{content: initial;}
.wrap .page_top .navigation_list li:nth-child(8) a::before{content: initial;}
.wrap .page_top .navigation_list li:nth-child(5) a::after{content: initial;}
.wrap .page_top .navigation_list li:nth-child(8) a::after{content: initial;}

.wrap .page_top .navigation_list li:hover a::before {opacity: 1;transition: all .2s;left: 0;transform: translate(0,-50%);}
.wrap .page_top .navigation_list li:hover a::after {opacity: 1;transition: all .2s;right: 0;transform: translate(0,-50%);}

.wrap .page_top .navigation_list li:nth-child(5) a {width: 1.59rem;height: .81rem;background: url(../img/pc_bg.png)no-repeat center/contain;display: flex;justify-content: center;align-items: center;}
.wrap .page_top .navigation_list li:nth-child(8) {box-sizing: border-box;padding: .1rem .35rem 0 .5rem;}
.wrap .page_top .navigation_list li:nth-child(8) a {width: .46rem;height: .44rem;background: url(../img/car.png)no-repeat center/contain;}

.wrap .page_top .login_wrap {display: flex;justify-content: center;align-items: center;}
.wrap .page_top .login_wrap .role_icon {width: .42rem;height: .44rem;background: url(../img/role_icon.png)no-repeat center/contain;margin-right: .2rem;}

.wrap .page_top .login_btn {font-size: .5rem;margin: 0 .15rem;}
.wrap .page_top .is_login {font-size: .4rem;margin: 0 .15rem;display: flex;align-items: center;justify-content: center;}
.wrap .page_top .is_login span {display: block;}
.wrap .page_top .is_login a {font-size: .4rem;margin-left: .25rem;text-decoration: underline;}

.wrap .page_top .language_wrap {width: 5rem;height: .8rem;font-size: .5rem;box-sizing: border-box;padding-left: .2rem;cursor: pointer;margin-right: .8rem;position: relative;}
.wrap .page_top .language_wrap .c_lang{white-space: nowrap;font-size: .5rem;}
.wrap .page_top .language_wrap .earth{width: .51rem;height: .51rem;background: url(../img/earth.png)no-repeat center/contain;margin-right: .5rem;}
.wrap .page_top .language_wrap .triangle_icon {width: .2rem;height: .13rem;background: url(../img/triangle.png)no-repeat center/contain;margin-left: .25rem; transition: .3s transform;}




.wrap .page_top .language_wrap:hover .lang_list {display: block;}
.wrap .page_top .language_wrap:hover .lang_list2 {display: none;}
.wrap .page_top .language_wrap:hover .triangle_icon {transform: rotate(-180deg); transition: .3s transform;}

.wrap .page_top .language_wrap .lang_list {position: absolute; top: .8rem; background-color: rgba(0, 0, 0, 0.8);box-sizing: border-box;padding: .2rem .5rem;text-align: center;right: -.2rem;display: none;}
.wrap .page_top .language_wrap .lang_list li {font-size: .4rem;line-height: 1.5; white-space: nowrap;border-bottom: .01rem solid #999; width: 3rem;margin-bottom: .15rem;}
.wrap .page_top .language_wrap .lang_list li.active {color: #E26103;}
.wrap .page_top .language_wrap .lang_list li:hover {color: #E26103;}
.wrap .page_top .language_wrap .lang_list li:last-child {border: none;}


/* 内容 */
.wrap .page_top .header_content {bottom: 3rem;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.wrap .page_top .header_content .act_title {width: 20.76rem; height: 4.47rem; background: url(../img/en_title.png)no-repeat center/contain;}
.wrap .page_top .header_content .act_subtitle {display: none;}

.wrap .page_top .header_content .award_list {display: flex;}
.wrap .page_top .header_content .award_list li {width: 4.58rem;height: 2.92rem;background:url(../img/award_box.png)no-repeat center/contain;margin: 0 .34rem;position: relative;box-sizing: border-box;padding-bottom: .65rem;}
.wrap .page_top .header_content .award_list li img {display: block;width: auto;height: auto;max-width: 50%;max-height: 50%;object-fit: cover;position: absolute;left: 50%;top: 50%; transform: translate(-50%,-75%);}
.wrap .page_top .header_content .award_list li p {position: absolute;width: 100%;height: .65rem;bottom: 0;display: flex;justify-content: center;align-items: center;box-sizing: border-box;padding-bottom: .1rem;font-size: .45rem;}


.wrap .page_top .header_content .code_wrap {display: flex;margin-top: .5rem; justify-content: center;align-items: center;}
.wrap .page_top .header_content .code_wrap .code_bg {width: 11.16rem;height: 1.04rem;background: url(../img/code_bg.png)no-repeat center/contain;color: #737373;font-size: .45rem;box-sizing: border-box;line-height: 1.04rem;padding-left: .25rem;}
.wrap .page_top .header_content .code_wrap .code_bg::placeholder {font-family: "font-en";}
.wrap .page_top .header_content .code_wrap a {width: 4.41rem;height: 1.08rem;background: url(../img/btn1.png)no-repeat center/contain;color: #000;font-size: .5rem;box-sizing: border-box;padding:  0 0rem.1rem 0;font-weight:600;position: relative;display: flex;justify-content: center;align-items: center;}
.wrap .page_top .header_content .code_wrap a::after{content: "";position: absolute;width: .38rem;height: .5rem;background: url(../img/right_icon.png)no-repeat center/contain;right: .3rem;top: 50%;transform: translateY(-50%);}
.wrap .page_top .header_content .code_wrap a.confirm {margin: 0 .2rem;}
.wrap .page_top .header_content .code_wrap a.confirm.has_confirmed {background: url(../img/btn2.png)no-repeat center/contain;pointer-events: none;}

.wrap .page_top .header_content .be_creator {font-size: .45rem;color: #737373;margin-top: .5rem;box-sizing: border-box;padding-bottom: .1rem;border-bottom: .01rem solid #737373;position: relative;}
.wrap .page_top .header_content .be_creator::before{content: "";position: absolute;width: .33rem;height: .38rem;background: url(../img/triangle2.png)no-repeat center/contain;top: 50%;transform: translateY(-50%);left: -.5rem;}
.wrap .page_top .header_content .be_creator::after {content: "";position: absolute;width: 19.10rem;height: 1.47rem;background: url(../img/scrolldown.png)no-repeat center/contain;left: 50%;transform: translateX(-50%);bottom: -2rem;pointer-events: none;}




.wrap .rank_wrap .chart_wrap{position: absolute;width: 20.45rem; left: 50%;top: 50%;transform: translate(-50%,-50%) scale(.85);}
.wrap .rank_wrap .chart_wrap .chart_content {width: 20.45rem;height: 15.75rem;background: url(../img/chart_bg2.png)no-repeat 50% 0/cover;position: relative;border-bottom: .01rem solid #999;}
.wrap .rank_wrap .chart_wrap .chart_content .chart_title {width: 11.11rem;height: .82rem;background: url(../img/chart_tiitle.png)no-repeat center/contain;top: .47rem;}
.wrap .rank_wrap .chart_wrap .chart_content .chart_subtitle {top: 1.5rem;font-size: .35rem;white-space: nowrap;}
.wrap .rank_wrap .chart_wrap .chart_content .chart_tips1{font-family: 'font-en';font-size: .25rem;position: absolute;left: .1rem;top: 2.2rem;color: #6d6d6d;}


.wrap .rank_wrap .chart_wrap .chart_content .select_box{position: absolute;height: .56rem;right: .1rem;top: 2rem;}
.chart_wrap .select_box .select{width: 4rem;height: .56rem;background-color: #484848;border: .01rem solid #989898;box-sizing: border-box;padding-left: .6rem;font-size: .3rem;color: #fff;}
.chart_wrap .select_box .search_btn {width: .45rem;height: .33rem;background: url(../img/search_btn.png)no-repeat center/contain;position: absolute;top: 50%;transform: translateY(-50%);margin-left: .1rem;}
.chart_wrap .select_box .select_btn {width: .34rem;height: .34rem;background: url(../img/fold.png)no-repeat center/contain;position: absolute;top: 50%;transform: translateY(-50%);right: .15rem;}

/* .wrap .rank_wrap .chart_wrap .chart_content  .table_box {height: 12.6rem;position: absolute;width: 100%;bottom: 0;display: flex;justify-items: center;align-items: start;} */
.wrap .rank_wrap .chart_wrap .chart_content .display_table {width: 100%;max-height: 12.5rem;position: absolute; border: .01rem solid #3a3e40;border-collapse: collapse;top:2.8rem;}
/* .wrap .rank_wrap .chart_wrap .chart_content .display_table {border-bottom: 0;} */
/* head */
.display_table thead {height: .9rem;}
.display_table thead tr {height: 100%;}
.display_table thead tr th {height: 100%;font-size: .35rem;border: .01rem solid #3a3e40;}
.display_table thead tr th:nth-child(1){width: 3rem;}
.display_table thead tr th:nth-child(2){width: 4.35rem;}
.display_table thead tr th:nth-child(3){width: 4.35rem;}
.display_table thead tr th:nth-child(4){width: 4.35rem;}
.display_table thead tr th:nth-child(5){width: 4.2rem;}
.display_table thead tr th a {font-size: .35rem;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.display_table thead tr th a i {width: .34rem;height: .34rem;background: url(../img/fold.png)no-repeat center/contain;margin:.1rem 0 0 .1rem;}
/* body */
.display_table tbody {height: .735rem;}
.display_table tbody tr {height: .735rem;}
.display_table tbody tr td {height: .735rem; text-align: center;line-height: .735rem; border: .01rem solid #3a3e40;}
.display_table tbody tr td:nth-child(1){width: 3rem;}
.display_table tbody tr td:nth-child(2){width: 4.35rem;}
.display_table tbody tr td:nth-child(3){width: 4.35rem;}
.display_table tbody tr td:nth-child(4){width: 4.35rem;}
.display_table tbody tr td:nth-child(5){width: 4.2rem;}

.display_table tbody tr:last-child td{border-bottom: 0;}

/* 前三名处理 */
.display_table tbody tr td .rank1 {display: block; width: .18rem;height: .35rem; margin: auto;}
.display_table tbody tr td .rank2 {display: block; width: .18rem;height: .35rem; margin: auto;}
.display_table tbody tr td .rank3 {display: block; width: .18rem;height: .35rem; margin: auto;}

/* 换页按钮 */
.wrap .rank_wrap .chart_wrap .page_turning {width: 20.45rem;display: flex;align-items: center;justify-content: end;margin-top: .3rem;}
.wrap .rank_wrap .chart_wrap .page_turning a{width: .61rem;height: .57rem;margin-left: .15rem;background:url(../img/page_icon.png)no-repeat center/contain;font-size: .4rem;display: flex;justify-content: center;align-items: center;}
.wrap .rank_wrap .chart_wrap .page_turning a.active {background: url(../img/page_icon_active.png)no-repeat center/contain;}


/* 弹窗 */
.layer1 {width: 10.62rem;height: 5.28rem;background: url(../img/layer1.png)no-repeat center/contain; transform: translate(-50%,-50%) scale(1.3);font-family: 'font-en';}
.close {width: .75rem;height: .75rem;background: url(../img/close.png)no-repeat center/contain;position: absolute;right: -.1rem;top: -.25rem;}

/* 通用弹窗 */
.common_layer {display: none;}
.common_layer .layer_tips {font-size: .4rem;text-align: center;position: absolute;width: 100%;box-sizing: border-box;padding: 0 .45rem;color: #fff;top: 50%;transform: translateY(-50%);}

/* 下载弹窗 */
.download_layer {display: none;}
.download_layer::before{content: "";position: absolute;left: 50%;transform: translateX(-50%);width: 3.64rem;height: .46rem;background: url(../img/downLoad_title.png)no-repeat center/contain;top: .35rem;}
.download_layer .android_download {width: 2.88rem;height: 0.855rem;background: url(../img/android_download.png)no-repeat center/contain;position: absolute;left: .95rem;top: 2.85rem;}
.download_layer .ios_download {width: 2.88rem;height: .855rem;background: url(../img/ios_download.png)no-repeat center/contain;position: absolute;right: .95rem;top: 2.85rem;}
/* 复制 */
.copy_layer {display: none;}
.copy_layer::before{content: "";position: absolute;left: 50%;transform: translateX(-50%);width: 5.04rem;height: .46rem;background: url(../img/bound_title.png)no-repeat center/contain;top: .35rem;}
.copy_layer .bound_success {font-size: .5rem; color: #fff;position: absolute;width: 100%;text-align: center;top: 1.8rem;}
.copy_layer .my_key {width: 6.36rem;height: .975rem;background: url(../img/key_bg.png)no-repeat center/contain;color: #dc6029;font-size: .5rem;display: flex;align-items: center;box-sizing: border-box;padding-left: .2rem;position: absolute; left: .8rem;top: 2.8rem;}
.copy_layer .copy_btn {width: 2.34rem;height: .915rem;background: url(../img/copy_btn.png)no-repeat center/contain;display: flex;justify-content: center;align-items: center;box-sizing: border-box;padding-bottom: .1rem;position: absolute;left: 7.5rem;top: 2.85rem;font-size: .5rem;}

.login-role-popup {width: 8rem;background: #191922;border-radius: 0.12rem;margin: 0 auto;padding: 0 0 0.32rem;position:fixed;display: none;top: 50%;left: 50%;z-index: 9999;transform: scale(1) translate(-50%, -50%);overflow: hidden;font-family: Lato;}
.login-role-popup .btn-close {width: 0.5rem;height: 0.5rem;overflow: hidden;text-indent: -9999rem;position: absolute; top: 0.1rem;right: 0.1rem;background-position: -5.35rem -.05rem;}
.login-role-popup .spr{background: url(../img/close2.png) no-repeat; background-size: contain;}
.login-role-popup h3 {height: 1rem;background: #000 url(https://common-web.intlgame.com/li-pass/static/li_logo_2.png) no-repeat 50% 50%/auto 40%;}
.login-role-content {padding: 0.5rem 0.4rem;}
.login-role-content ul {padding: 0.2rem 0 0;color: #6D68F6;}
.login-role-content ul li { font-size: .4rem; margin-bottom: .8rem;}
.login-role-content ul span {padding: 0.2rem 0;color: #fff;}
.login-role-popup p {font-size: 0.4rem;color: #ffffffe6;}
.login-role-popup .ant-form-item-row {display: flex;justify-content: space-between;padding: 0 0.4rem;}
.login-role-btn {width: 180px;height: 1.3rem;background-color: #7064FF;border: none;border-radius: 0.08rem;font-size: 0.25rem;color: #fff;padding: 0;}
.toast-for-result {position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 10px 16px;line-height: 1.1;border-radius: 15px;box-shadow: 0 1px 5px rgba(0,0,0,.1);background: rgba(255,0,0,.85);color: #FFF;z-index: 10001;}
#s12_1,#s12_2 { color: #ff7036;}

#loginRolePopup2 {width: 10rem;}
#loginRolePopup2 .ant-form-item-row {display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 0;}
#loginRolePopup2 .close-btn {position: absolute;width: .5rem;height: .5rem;text-indent: -99rem; overflow: hidden;right: .1rem;top: .1rem;}
#loginRolePopup2 .local-btn-wrapper {width: 100%; display: flex;justify-content: space-around;align-items: center;margin-bottom: .3rem;}
#loginRolePopup2 .local-btn-wrapper .login-role-btn {width: 2.4rem;font-size: .3rem;}
#loginRolePopup2 .ant-form-item-row > .login-role-btn {font-size: .3rem;width: 9.1rem;}

/* 多语言处理 */
.pt #loginRolePopup2 .local-btn-wrapper .login-role-btn {width: 2.4rem;font-size: .25rem;}
.pt #loginRolePopup2 .ant-form-item-row > .login-role-btn {font-size: .25rem;width: 2.8rem;}


.toast-for-result {position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 10px 16px;line-height: 1.1;border-radius: 15px;box-shadow: 0 1px 5px rgba(0,0,0,.1);background: rgba(255,0,0,.85);color: #FFF;z-index: 10001;}
#s12_1,#s12_2 { color: #ff7036;}



.ja .page_top .header_content .code_wrap a.confirm {font-size: .4rem;}
.ja .page_top .header_content .code_wrap a.download {font-size: .35rem;box-sizing: border-box;padding-right: .4rem;}
.ja .page_top .navigation_list li a  {font-size: .4rem;}
.ja .page_top .language_wrap .c_lang {font-size: .4rem;}

.lang_list2{display: none;}
.navigation_m {display: none;}


  .footer {width: 100vw;font-family: 'Arial,sans-serif';color: #9f9f9f;background-color: #000;display: flex;justify-content: center;align-items: center;overflow-y: hidden;box-sizing: border-box;padding: .7rem 0;}
  .footer .footer_content {display: flex;justify-content: center;align-items: center;flex-direction: column;}
  .footer .footer_content .logo_wrap img {width: 4.79rem;height: .8rem;}
  .footer .footer_content .copyright {font-size: .3rem;margin: .15rem 0;user-select: none;}
  .footer .footer_content .footer_list {display: flex;justify-content: center;align-items: center;}
  .footer .footer_content .footer_list li a {font-size: .3rem;margin: 0 .2rem;color: #9f9f9f;}
  .footer .footer_content .footer_list li #ot-sdk-btn{color: #9f9f9f;border: 0; padding: 0;}
  .footer .footer_content .footer_list li #ot-sdk-btn:hover {background-color: transparent;color: #9f9f9f;}


@media (min-width:1200px) and (max-aspect-ratio:2400/1410) {
    .wrap .page_top .header_content {transform: translateX(-50%) scale(1.1);bottom: 4rem;}
    .wrap .rank_wrap .chart_wrap {transform: translate(-50%,-50%) scale(1);}
}

@media (min-width:1200px) and (max-aspect-ratio:2000/1410) {
    .wrap .page_top .header_content {transform: translateX(-50%) scale(1.3);bottom: 5rem;}
    .wrap .rank_wrap .chart_wrap {transform: translate(-50%,-50%) scale(1.25);}
}

@media (min-width:1200px) and (max-aspect-ratio:1700/1410) {
    .wrap .page_top .header_content {transform: translateX(-50%) scale(1.4);bottom: 5rem;}
    .wrap .rank_wrap .chart_wrap {transform: translate(-50%,-50%) scale(1.4);}

    .footer {width: 100vw;font-family: 'Arial,sans-serif';color: #9f9f9f;background-color: #000;display: flex;justify-content: center;align-items: center;}
    .footer .footer_content {display: flex;justify-content: center;align-items: center;flex-direction: column;box-sizing: border-box;padding: .5rem 0;transform: scale(1.2);}
    .footer .footer_content .logo_wrap img {width: 4.79rem;height: .8rem;}
    .footer .footer_content .copyright {font-size: .3rem;margin: .15rem 0;user-select: none;}
    .footer .footer_content .footer_list {display: flex;justify-content: center;align-items: center;}
    .footer .footer_content .footer_list li a {font-size: .3rem;margin: 0 .2rem;color: #9f9f9f;}
}

@media (min-width:1200px) and (max-aspect-ratio:1350/1410) {
    .wrap .rank_wrap .chart_wrap {transform: translate(-50%,-50%) scale(1.6);}
}

/* 适配移动端 */
@media (max-width:1200px) {
    html{font-size: calc(100/1080*100vw);}
    .wrap {position: relative;}
    .wrap .page_top{width: 100vw;height: 100vh;background: url(../img/header_m_bg.jpg)no-repeat center/cover;}
    .wrap .rank_wrap {width: 100vw;height: 22.66rem;background: url(../img/main_m_bg.jpg)no-repeat center/contain;}

    .wrap .page_top nav {width: 100vw;position: absolute;top: 0;z-index: 899;height: 1.33rem;right: 0;display: flex;align-items: center;}

    .wrap .page_top nav .right_nav {display: flex;position: absolute;right: 0;top: 0;}
    /* logo + 导航条 */
    .wrap .page_top .logo {width: 3.15rem;height: .6rem;}
    .wrap .page_top .navigation_list {right: 2.3rem;}
    .wrap .page_top .navigation_list li {display: none;}
    .wrap .page_top .navigation_list li:nth-child(8){display: block;padding-top: .1rem;}
    .wrap .page_top .navigation_list li:nth-child(8) a {width: .57rem;height: .55rem;background: url(../img/m/car.png)no-repeat center/contain;}

    .wrap .page_top .right_nav {position: relative;width: 100vw;}
    .wrap .page_top .right_nav .login_wrap {display: flex;justify-content: center;align-items: center;position: absolute;right: .2rem;top: 1rem;white-space: nowrap;}
    .wrap .page_top .login_btn {font-size: .4rem;margin: 0 .15rem;}



    /* 语言切换 */
    .wrap .page_top .language_wrap {width: 2rem;height: .8rem;position: absolute;top: 0rem;right: .5rem;font-size: .5rem;box-sizing: border-box;padding-left: .2rem;cursor: initial;margin-right: 0;padding-top: .2rem;}
    .wrap .page_top .language_wrap span {display: none;}
    /* .wrap .page_top .language_wrap::before{content: "";position: absolute;width: .54rem;height: .55rem;background: url(../img/m/earth.png)no-repeat center/contain;top: 50%;transform: translateY(-30%);left: 0rem;} */
    .wrap .page_top .language_wrap .triangle_icon {width: .6rem;height: .5rem;background-image: none;display: flex;justify-content: space-between;align-items: center;flex-direction: column;transform-origin: 100% 100%;}
    .wrap .page_top .language_wrap .triangle_icon span {display: block;width: 100%;height: .06rem; background-color: #000;transition: transform .3s;}

    /* .wrap .page_top .language_wrap .triangle_icon.unfold .line1 {transform: rotate(45deg);transform-origin: 0 100%;transition: .5s transform;}
    .wrap .page_top .language_wrap .triangle_icon.unfold .line2 {display: none;}
    .wrap .page_top .language_wrap .triangle_icon.unfold .line3 {transform: rotate(-45deg);transform-origin: 0 0;transition: .5s transform;} */



    .wrap .page_top .language_wrap .earth {width: .54rem;height: .55rem;background: url(../img/m/earth.png) no-repeat center / contain;margin-right: .2rem;}


    /* 移动端语言栏 */
    .lang_list2 {width: 100vw;height: 100vh;position: fixed;top: 0rem;background-color: rgba(0, 0, 0, 0.8);box-sizing: border-box;padding: 2rem .5rem 0 .5rem;text-align: center;right: 0;display: none;justify-content: start;align-items: center;flex-direction: column;z-index: 997;}
    .lang_list2 li {font-size: .45rem;line-height: 2.5;white-space: nowrap;border-bottom: .01rem solid #4d4343;width: 95%;margin-bottom: .15rem;color: #fff;font-family: 'Arial,sans-serif';}
    .lang_list2 li.active {color: #e26103;font-weight: 600;font-family: 'Arial,sans-serif';}
    .lang_list2 li a {pointer-events: initial;color: #fff;font-family: 'Arial,sans-serif';}

    /* 移动端导航条 */
    .navigation_m {display: none;position: fixed;width: 100vw;height: 100vh;background-color: rgba(0, 0, 0, 0.8);z-index: 990;left: 0;top: 0;justify-content: start;align-items: start;flex-direction: column;box-sizing: border-box;padding: 2rem .5rem 0 .5rem;font-family: 'Arial,sans-serif';}
    .navigation_m li {width: 100%; border-bottom: .01rem solid #4d4343;box-sizing: border-box;padding: .3rem 0 .3rem 6vw;position: relative;}
    .navigation_m li.active >a {color: #e26103;}
    .navigation_m li.creator_content::before {position: absolute;content: "";background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAUCAYAAADskT9PAAAACXBIWXMAAAsTAAALEwEAmpwYAAABRElEQVRIib3UTytEYRTH8Y/h/dh4AV6Bv0kpJMlCSkqyYSOFZKOUrCXZyEoWSHaSlGxm4d/KLMTCYjTG4t7FNY3r3jtmzub2/M55zu97n87zND0MaEI7mjU2SjhtQRltWGkwwBxOcuFiFTsNNN/FMuQi4hguG2B+hVHByf8A+EA3XupoXkBX6KUSAJ7Rg2IdzIvoxVNUrASAC0zUAWAS55ViNQDYxsY/mm9iq1riNwCYxsk/mJ9h6rdkHMAn+nFfg/kj+sTMVBwAwdR2ikxtivgI9xbiiv4CgBsMC+9twihjBNd/FSYBgH0spgBYwl6SwqQAsICDBHWHmE/aNA1AGUO4jam5wyC+6gEA74Kn9LVK7g0d4TdxpAWAvOB6liJaKdTyaZtlAYBjzETWszjK0qglIwCso1XwE2tZm9QCAOOynyL4BqJ/PyYBUd1kAAAAAElFTkSuQmCC)no-repeat center/contain;width: .32rem;height: .2rem;top: .65rem;transform: rotate(-90deg);left: 1vw;}
    .navigation_m li.creator_content.unfold::before {transform: rotate(0);}
    .navigation_m li.creator_content a.creator_act {display: none;font-size: .4rem;margin-top: .3rem;}
    .navigation_m li >a {font-size: .55rem;font-family: 'Arial,sans-serif';}
    


    .wrap .page_top .language_wrap:hover .lang_list  {display: none;}
    .wrap .page_top .language_wrap:hover .triangle_icon {transform: initial;}

    .wrap .page_top .header_content {bottom: 3.5rem;}
    .wrap .page_top .header_content .act_title {width: 10.75rem;height: 2.12rem; background: url(../img/m/en_title.png)no-repeat center/contain;}
    .wrap .page_top .header_content .act_subtitle {white-space: nowrap; text-align: center;margin-bottom: .25rem;}

    .wrap .page_top .header_content .award_list {display: flex;}
    .wrap .page_top .header_content .award_list li {width: 2.31rem;height: 1.47rem;background:url(../img/award_box.png)no-repeat center/contain;margin: 0 .15rem;position: relative;box-sizing: border-box;padding-bottom: .65rem;}
    .wrap .page_top .header_content .award_list li img {display: block;width: auto;height: auto;max-width: 50%;max-height: 50%;object-fit: cover;position: absolute;left: 50%;top: 50%; transform: translate(-50%,-75%);}
    .wrap .page_top .header_content .award_list li p {position: absolute;width: 100%;height: .3rem;bottom: 0;display: flex;justify-content: center;align-items: center;box-sizing: border-box;padding-bottom: .05rem;font-size: .4rem;transform: scale(.65);}

    .wrap .page_top .header_content .code_wrap {display: flex;width: 8.6rem;height: 2.1rem; margin-top: .1rem; justify-content: center;align-items: center;position: relative;}

    .wrap .page_top .header_content .code_wrap .code_bg {width: 7.66rem;height: .72rem;background: url(../img/code_bg.png)no-repeat center/contain;color: #737373;font-size: .3rem;box-sizing: border-box;line-height: .72rem;padding-left: .25rem;position: absolute;left: 50%;transform: translateX(-50%);top: .1rem;}
    .wrap .page_top .header_content .code_wrap .code_bg::placeholder {font-family: "font-en";}

    .wrap .page_top .header_content .code_wrap a {width: 3.59rem;height: .89rem;background: url(../img/btn1.png)no-repeat center/contain;color: #000;font-size: .4rem;box-sizing: border-box;padding: 0 0rem.1rem 0;font-weight:600;position: relative;display: flex;justify-content: center;align-items: center;margin-top: .8rem;}
    .wrap .page_top .header_content .code_wrap a::after{content: "";position: absolute;width: .31rem;height: .41rem;background: url(../img/right_icon.png)no-repeat center/contain;right: .3rem;top: 50%;transform: translateY(-50%);}
    .wrap .page_top .header_content .code_wrap a.confirm {margin: .8rem .2rem 0 .2rem;}


    .wrap .page_top .header_content .be_creator {font-size: .3rem;color: #737373;margin-top: 0;box-sizing: border-box;padding-bottom: .1rem;border-bottom: .01rem solid #737373;position: relative;}
    .wrap .page_top .header_content .be_creator::before{content: "";position: absolute;width: .21rem;height: .25rem;background: url(../img/triangle2.png)no-repeat center/contain;top: 50%;transform: translateY(-50%);left: -.3rem;}
    .wrap .page_top .header_content .be_creator::after {content: "";position: absolute;width: 8.33rem;height: 1.76rem;background: url(../img/m/scrolldown.png)no-repeat center/contain;left: 50%;transform: translateX(-50%);bottom: -2.7rem;pointer-events: none;}


    /* 下半页 */
    .wrap .rank_wrap .chart_wrap{position: absolute;width: 10.17rem; left: 50%;top: 50%;transform: translate(-50%,-50%);}
    .wrap .rank_wrap .chart_wrap .chart_content {width: 10.17rem;height: 17rem;background: url(../img/m/chart_bg2.png)no-repeat 50% 0/cover;position: relative;overflow: hidden;border: .01rem solid #999;}
    .wrap .rank_wrap .chart_wrap .chart_content .chart_title {width: 7.53rem;height: .54rem;background: url(../img/m/chart_title.png)no-repeat center/contain;top: .6rem;}
    .wrap .rank_wrap .chart_wrap .chart_content .chart_subtitle {top: 1.5rem;}
    .wrap .rank_wrap .chart_wrap .chart_content .chart_tips1{font-family: 'font-en';font-size: .25rem;position: absolute;left: .1rem;top: 3.1rem;color: #6d6d6d;}


    .wrap .rank_wrap .chart_wrap .chart_content .select_box{position: absolute;height: .56rem;right: .1rem;top: 2rem;}
    .chart_wrap .select_box .select{width: 4rem;height: .56rem;background-color: #484848;border: .01rem solid #989898;box-sizing: border-box;padding-left: .6rem;font-size: .3rem;color: #989898;}
    .chart_wrap .select_box .search_btn {width: .45rem;height: .33rem;background: url(../img/search_btn.png)no-repeat center/contain;position: absolute;top: 50%;transform: translateY(-50%);margin-left: .1rem;}
    .chart_wrap .select_box .select_btn {width: .34rem;height: .34rem;background: url(../img/fold.png)no-repeat center/contain;position: absolute;top: 50%;transform: translateY(-50%);right: .15rem;}

    /* 表格开始 */
    .wrap .rank_wrap .chart_wrap .chart_content .select_box{position: absolute;height: .56rem;right: .1rem;top: 2.2rem;}
    .chart_wrap .select_box .select{width: 4rem;height: .56rem;background-color: #484848;border: .01rem solid #989898;box-sizing: border-box;padding-left: .6rem;font-size: .3rem;color: #989898;}
    .chart_wrap .select_box .search_btn {width: .45rem;height: .33rem;background: url(../img/search_btn.png)no-repeat center/contain;position: absolute;top: 50%;transform: translateY(-50%);margin-left: .1rem;}
    .chart_wrap .select_box .select_btn {width: .34rem;height: .34rem;background: url(../img/fold.png)no-repeat center/contain;position: absolute;top: 50%;transform: translateY(-50%);right: .15rem;}

    /* .wrap .rank_wrap .chart_wrap .chart_content .table_box {height: 12.9rem;width: 100%;position: absolute;bottom: 0;} */
    .wrap .rank_wrap .chart_wrap .chart_content .display_table {width: 100%;max-height: 12.9rem;position: absolute; border: .01rem solid #3a3e40;border-collapse: collapse;top: 3.8rem;}
    /* head */
    .display_table thead {height: .9rem;}
    .display_table thead tr {height: 100%;}
    .display_table thead tr th {height: 100%;font-size: .3rem;border: .01rem solid #3a3e40;}
    .display_table thead tr th:nth-child(1){width: 3rem;white-space: nowrap;}
    .display_table thead tr th:nth-child(2){width: 4.35rem;}
    .display_table thead tr th:nth-child(3){width: 4.35rem;}
    .display_table thead tr th:nth-child(4){width: 4.35rem;}
    .display_table thead tr th:nth-child(5){width: 4.2rem;}
    .display_table thead tr th a {font-size: .3rem;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
    /* body */
    .display_table tbody {height: .735rem;}
    .display_table tbody tr {height: .735rem;}
    .display_table tbody tr td {height: .735rem; text-align: center;line-height: .735rem; border: .01rem solid #3a3e40;}
    .display_table tbody tr td:nth-child(1){width: 3rem;}
    .display_table tbody tr td:nth-child(2){width: 4.35rem;}
    .display_table tbody tr td:nth-child(3){width: 4.35rem;}
    .display_table tbody tr td:nth-child(4){width: 4.35rem;}
    .display_table tbody tr td:nth-child(5){width: 4.2rem;}
    /* 前三名处理 */
    .display_table tbody tr td .rank1 {display: block; width: .18rem;height: .35rem; margin: auto;}
    .display_table tbody tr td .rank2 {display: block; width: .18rem;height: .35rem; margin: auto;}
    .display_table tbody tr td .rank3 {display: block; width: .18rem;height: .35rem; margin: auto;}

    /* 换页按钮 */
    .wrap .rank_wrap .chart_wrap .page_turning {width: 10.17rem;display: flex;align-items: center;justify-content: end;margin-top: .2rem;}
    .wrap .rank_wrap .chart_wrap .page_turning a{width: .61rem;height: .57rem;margin-left: .15rem;background:url(../img/page_icon.png)no-repeat center/contain;font-size: .4rem;display: flex;justify-content: center;align-items: center;}
    .wrap .rank_wrap .chart_wrap .page_turning a.active {background: url(../img/page_icon_active.png)no-repeat center/contain;}

    .layer1 {width: 7.08rem;height: 3.52rem;background: url(../img/layer1.png)no-repeat center/contain; transform: translate(-50%,-50%) scale(1.3);font-family: 'font-en';}
    .close {width: .5rem;height: .5rem;background: url(../img/close.png)no-repeat center/contain;position: absolute;right: -.1rem;top: -.15rem;}

    /* 通用弹窗 */
    .common_layer {display: none;}
    .common_layer .layer_tips {font-size: .3rem;text-align: center;position: absolute;width: 100%;box-sizing: border-box;padding: 0 .45rem;color: #fff;top: 50%;transform: translateY(-50%);}

    /* 下载弹窗 */
    .download_layer {display: none;}
    .download_layer::before{content: "";position: absolute;left: 50%;transform: translateX(-50%);width: 3.64rem;height: .46rem;background: url(../img/downLoad_title.png)no-repeat center/contain;top: .35rem;}
    .download_layer .android_download {width: 1.92rem;height: 0.57rem;background: url(../img/android_download.png)no-repeat center/contain;position: absolute;left: .95rem;top: 1.85rem;}
    .download_layer .ios_download {width: 1.92rem;height: .57rem;background: url(../img/ios_download.png)no-repeat center/contain;position: absolute;right: .95rem;top: 1.85rem;}
    /* 复制 */
    .copy_layer {display: none;}
    .copy_layer::before{content: "";position: absolute;left: 50%;transform: translateX(-50%);width: 5.04rem;height: .46rem;background: url(../img/bound_title.png)no-repeat center/contain;top: .35rem;}
    .copy_layer .bound_success {font-size: .3rem; color: #fff;position: absolute;width: 100%;text-align: center;top: 1.2rem;}
    .copy_layer .my_key {width: 4.24rem;height: .65rem;background: url(../img/key_bg.png)no-repeat center/contain;color: #dc6029;font-size: .35rem;display: flex;align-items: center;box-sizing: border-box;padding-left: .2rem;position: absolute; left: .45rem;top: 2rem;}
    .copy_layer .copy_btn {width: 1.56rem;height: .61rem;background: url(../img/copy_btn.png)no-repeat center/contain;display: flex;justify-content: center;align-items: center;box-sizing: border-box;padding-bottom: .1rem;position: absolute;left: 4.8rem;top: 2.015rem;}

    .login-role-popup {width: 8rem;background: #191922;border-radius: 0.12rem;margin: 0 auto;padding: 0 0 0.32rem;position:fixed;display: none;top: 50%;left: 50%;z-index: 9999;transform: scale(1) translate(-50%, -50%);overflow: hidden;font-family: Lato;}
    .login-role-popup .btn-close {width: 0.6rem;height: 0.6rem;overflow: hidden;text-indent: -9999rem;position: absolute; top: 0.15rem;right: 0.15rem;background-position: -5.35rem -.05rem;}
    .login-role-popup .spr{background: url(../img/close2.png) no-repeat; background-size: contain;}
    .login-role-popup h3 {height: 1rem;background: #000 url(https://common-web.intlgame.com/li-pass/static/li_logo_2.png) no-repeat 50% 50%/auto 40%;}
    .login-role-content {padding: 0.5rem 0.4rem;}
    .login-role-content ul {padding: 0.2rem 0 0;color: #6D68F6;}
    .login-role-content ul li { font-size: .2rem; margin-bottom: 30px;}
    .login-role-content ul span {padding: 0.2rem 0;color: #fff;}
    .login-role-popup p {font-size: 0.3rem;color: #ffffffe6;}
    .login-role-popup .ant-form-item-row {display: flex;justify-content: space-between;padding: 0 0.4rem;}
    .login-role-btn {width: 3rem;height: 1rem;background-color: #7064FF;border: none;border-radius: 0.08rem;font-size: 0.25rem;color: #fff;padding: 0;}
    .toast-for-result {position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 10px 16px;line-height: 1.1;border-radius: 15px;box-shadow: 0 1px 5px rgba(0,0,0,.1);background: rgba(255,0,0,.85);color: #FFF;z-index: 10001;}
    #s12_1,#s12_2 { color: #ff7036;}

    #loginRolePopup2 {width: 9rem;}
    #loginRolePopup2 .ant-form-item-row {display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 0;}
    #loginRolePopup2 .close-btn {position: absolute;width: .6rem;height: .6rem;text-indent: -99rem; overflow: hidden;right: .15rem;top: .15rem;}
    #loginRolePopup2 .local-btn-wrapper {width: 100%; display: flex;justify-content: space-around;align-items: center;margin-bottom: .3rem;}
    #loginRolePopup2 .local-btn-wrapper .login-role-btn {width: 2.4rem;font-size: .3rem;display: flex;justify-content: center;align-items: center;}
    #loginRolePopup2 .ant-form-item-row > .login-role-btn {font-size: .3rem;display: flex;justify-content: center;align-items: center;}

/* 多语言处理 */
.pt #loginRolePopup2 .local-btn-wrapper .login-role-btn {width: 2.7rem;height: 1.2rem; font-size: .25rem;}
.pt #loginRolePopup2 .ant-form-item-row > .login-role-btn {font-size: .25rem;width: 2.8rem;height: 1rem;}


    .toast-for-result {position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 10px 16px;line-height: 1.1;border-radius: 15px;box-shadow: 0 1px 5px rgba(0,0,0,.1);background: rgba(255,0,0,.85);color: #FFF;z-index: 10001;}
    #s12_1,#s12_2 { color: #ff7036;}

    .ja .page_top .header_content .code_wrap .code_bg {font-size: .3rem;}
    .ja .page_top .header_content .code_wrap a.confirm {font-size: .29rem;}
    .ja .page_top .header_content .code_wrap a.download {font-size: .29rem;box-sizing: border-box;padding-right: .4rem;}
    .ja .display_table thead tr th a {font-size: .2rem;}
    .ja .rank_wrap .chart_wrap .chart_content .chart_tips1{font-family: 'font-en';font-size: .25rem;position: absolute;left: .1rem;top: 2.8rem;color: #6d6d6d;}

    .footer {width: 100vw;font-family: 'Arial,sans-serif';color: #9f9f9f;background-color: #000;display: flex;justify-content: center;align-items: center;overflow-y: hidden;box-sizing: border-box;padding: .7rem 0;}
    .footer .footer_content {display: flex;justify-content: center;align-items: center;flex-direction: column;}
    .footer .footer_content .logo_wrap img {width: 4.79rem;height: .8rem;}
    .footer .footer_content .copyright {font-size: .3rem;margin: .15rem 0;user-select: none;}
    .footer .footer_content .footer_list {display: flex;justify-content: center;align-items: center;width: 90vw;height: auto;flex-wrap: wrap;}
    .footer .footer_content .footer_list li a {font-size: .3rem;margin: 0 .05rem;color: #9f9f9f;white-space: nowrap;}
}


/* .en .page_top .language_wrap .c_lang {font-size: .5rem;}
.en .page_top .login_btn {font-size: .5rem;}

.es .page_top .language_wrap .c_lang {font-size: .5rem;}
.es .page_top .login_btn {font-size: .5rem;}

.th .page_top .language_wrap .c_lang {font-size: .5rem;}
.th .page_top .login_btn {font-size: .5rem;}

.id .page_top .language_wrap .c_lang {font-size: .5rem;}
.id .page_top .login_btn {font-size: .5rem;} */

.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;}
.gray{background-color: #666666;}

@media (max-width:350px){
    .wrap .rank_wrap .chart_wrap .chart_content{height: 17.5rem;}
} 

@media (min-width:1800px) {
    .wrap .rank_wrap .chart_wrap .chart_content .display_table {top: 3rem;}
}