:root {
    --fontColor: #edf6f7;
    --activeColor: #cd5f30;
    --main-tx-c: rgba(209, 209, 209, 0.8);
}

.activeColor, #a3_1, #s4_2 {
    color: #cd5f30;
}


@font-face {
    font-family: "rdh";
    src: url(./RefrigeratorDeluxeHeavy.ttf);
}

@font-face {
    font-family: "rd";
    src: url(./RefrigeratorDeluxe.ttf);
}

@font-face {
    font-family: "RefrigeratorDeluxeExtrabold";
    src: url(./font/RefrigeratorDeluxeExtrabold.otf);
}

@font-face {
    font-family: "MFMingHeiRegular";
    src: url(./MFMingHeiRegular.ttf);
}

html, body {
    /*overflow-x: hidden;*/
    background: #010103;
    font-size: max(12px, 0.2rem);
    color: var(--fontColor);
    margin: 0 auto;
    /*height: 100%;*/
    font-family: 'rd';
}


img {
    display: block;
}

.mt-45 {
    margin-top: 0.35rem;
}

.logo {
    width: 4.31rem;
}

.head_top {
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    position: fixed;
    background: linear-gradient(0deg, transparent 20%, rgba(0, 0, 0, .8));
    padding: 0.2rem 0.4rem;
}

.pop-age-message .pop-content {
    text-align: left !important;
}

.head_contain {
    top: 7.36rem;
    left: 49%;
    transform: translateX(-50%);
}

.head_contain .slogan {
    width: 11.72rem;
}

.head_text {
    font-size: max(12px, 0.22rem);
    color: #BCBBBBFF;
    margin: 0.18rem auto 0.2rem;
    padding: 0.08rem;
    background: url("//game.gtimg.cn/images/aqwx/act/a20250321linkage/pc/text_bg.png") no-repeat center center/auto 100%;
    animation-delay: 0.4s;
}

.head_text span {
    color: var(--activeColor);
}

.bind_btn {
    width: 2.87rem;
    margin: auto;
    cursor: pointer;
    transition: all 0.3s;

}


.login_icon {
    width: 0.21rem;
    margin-top: 0.017rem;
}


.login {
    margin: 0 0.4rem 0 0.1rem;
    cursor: pointer;
    font-size: max(12px, 0.28rem);
    /*border-bottom: 1px solid #8a878696;*/
}

.logout:hover {
    /*color: var(--activeColor);*/
}

.loginAfter {
    margin: 0 0.2rem 0 0.1rem;
    display: flex;
    align-items: center;
}

.username, #common_s2_1 {
    /*margin: 0 0.2rem 0 0;*/
    max-width: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

#common_a2_1 {
    margin-left: 0.12rem;
    display: inline-block;
    color: var(--activeColor);
}

.logout {
    margin-right: 0.4rem;
    cursor: pointer;

}


.main {
    background: url("../img/bg.jpg") no-repeat center center/cover;
}

.btn_box {
    background: url("../img/btn_bg.png") no-repeat center center/100% 100%;
    width: 1.44rem;
    height: 0.45rem;
    padding: 0;
    cursor: pointer;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.18rem;
    font-weight: 600;
}


.btn_grey {
    filter: grayscale(1);
    color: #bababa;
    pointer-events: none;
}


.tohome:hover {
    color: var(--activeColor);
}

.tohome {
    padding: 0 0.4rem 0.015rem;
    width: auto;
    background: url("../img/tohome.png") no-repeat center center/100% 100%;
    color: #c5cdc5;
    height: 0.36rem;
    font-size: 0.18rem;
}


.foot * {
    font-size: 12px !important;
}

.disabled {
    cursor: not-allowed;
    /*pointer-events: none;*/
}


.close_btn:hover {
    transform: rotate(180deg);
    transition: all 0.3s;
}

.close_btn {
    position: absolute;
    top: 0.1rem;
    right: 0.1rem;
    width: 0.32rem;
    transition: all 0.3s;
    cursor: pointer;
    z-index: 2;
}


table {
    border-collapse: collapse;
    /*border-spacing: 0;*/
    /*border: 1px solid #2d3236;*/
}


th, td {
    border: 1px solid #dad0be;
    color: #feedcb;
    padding: 0.27rem 0;
    text-align: center;
}


th {
    /*border: 1px solid #2d3236;*/
    /*position: relative;*/
    /*background: #161a1f;*/
    font-family: RefrigeratorDeluxeExtrabold;
    font-size: max(12px, 0.45rem);
    position: sticky;
    top: 0;
    z-index: 7;
    background: #1d1a19;
    border: 2px solid #dad0be;
    /*box-shadow: 0 2px 0 0 #dad0be, 0 -2px 0 0 #dad0be;*/
}

.ru th {
    font-size: max(12px, 0.38rem);
}

.fr th {
    font-size: max(12px, 0.4rem);
}

th::after {
    content: none;
    display: block;
    width: 1px;
    height: 0.2rem;
    background: #444a4f;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}

th:last-child::after {
    display: none;
}

td {
    /*background: #0c0c0f;*/
    font-size: max(12px, 0.4rem);
    cursor: auto;
}

.ru td {
    font-size: max(12px, 0.36rem);
}

.fr td {
    font-size: max(12px, 0.4rem);
}

td img {
    width: 0.6rem;
    margin: 0 auto;
}


.foot {
    background: #000 !important;
    color: #494949 !important;
    min-width: 0 !important;
}


.changeLang {
    margin-right: 0.53rem;
    cursor: pointer;
    font-size: max(12px, 0.28rem);
}

.changeLang .text {
    /*border-bottom: 1px solid #8a878696;*/
}

.changeLang .text::before {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAE9GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuZjM1NGVmYzcwLCAyMDIzLzExLzA5LTEyOjA1OjUzICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjUuNSAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjUtMDMtMDZUMTU6MjA6NDIrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI1LTAzLTI1VDE0OjMyOjE2KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI1LTAzLTI1VDE0OjMyOjE2KzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpkNTdiNTIwNS05ZGYwLTRhODctOTNiNy00MWFmZmJiY2Y4NjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ZDU3YjUyMDUtOWRmMC00YTg3LTkzYjctNDFhZmZiYmNmODY3IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6ZDU3YjUyMDUtOWRmMC00YTg3LTkzYjctNDFhZmZiYmNmODY3Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpkNTdiNTIwNS05ZGYwLTRhODctOTNiNy00MWFmZmJiY2Y4NjciIHN0RXZ0OndoZW49IjIwMjUtMDMtMDZUMTU6MjA6NDIrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS41IChNYWNpbnRvc2gpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkwOPQoAAAQESURBVEiJtddfqN9zGAfw1zmWtJr8SWpxykJZocVKzJ9sQ/NnJn924c+F83AxCzfnKIktVpsLNJKecoGV4mIJp9MO7ciUrYzRpAmNjj+FQ1kSHRefz299zu/82Y7yvjq/5/Oc5/18nu/z79PjKJCZC3EjrsRinIqT8At+xH68i+0RMXYkexMTE3qOQLgED+M6jOJP3IA3sAL7cBG2YUGVDeGJiNg7G3HvDITzM3MrduJLLMLLuAJ3RMRq/I3bcA+ux2s4q+rvzMytmTl/JvIpxDWsu3AeLoyIh5QQP4OrIuKVVj8iElfV84uq/jk4G7uqvdmJM7NPCenuiLg8Ig7UcD+HVRHx4XRGqnxNMZGLI2IsIq7GboxWu5Nw+BvXsOxSwvpqo7MS/yjJ0+IuvI4/GtmlOA47GtlafIVLIuIQ5RvPaxQ2K8mzqZGtwm9djrT4Dr82v7/CLcpn2l5lm5SK2Iz1HcWeetslSiKdGxEHq+xYfIO1EfFeN2Nm/tbqN/KV1dHTOzesof4UV0TE3jarH8OWLiPXYXw60tkQETvwNW5qZAexpfKA3urNCiWBWtyk1Od/wUtKyFs8hxWdROtV4j8UEeNdihdj5D8SDyk1fxjV/lDl04vLMNwqZeYJOAMzdh88gt+nO4iIA9g0TQMZxnKYh/PxZJfCKXg2Iv7qNpqZi/E8TscDmTmLb/ozcz8+johHlRY70CFeiG8bwyurV32ZOVrPj2mMnTEb0zQ4s/n722pPT2ZOVOE2fI7H52j4aPCectv7oL+/v2ceDmEpxiJiPDN3Kzc+TQn5yY2B+UofnivGMah8oj2UUI9hQSerI2JHZn6BTbXfTkJmnoVnuxyaDd9gT0QcyswFlc88ZYhfgHYA/ICbM3Oge7DXjL06MzfgqWnKsNP1NmJjp3tVXFD59OIdTLpZzea9ypCfCQ/g+BnOluDWLlKV550O8Xalo5zQpfSmpu3NEWtMnlCd3rCi8umtfXQE67r++WWsmcahWVHDfKep7XYdRjrzoB0SA+22UBWG8OBciJU5PdYOl9qfBzRDol0Etipz9O3GyCLcrszUv7sINuBpk+cx3I8P1LKpWIV9EbGeqYvAoLKBDCibRQfvK01lm8nbBqXWT2x+r1Wy9ufqNNyMg9X+YUxab2tIduKtjndVPtp6XGWTFoHMHEQ/lnZKrEbxGixvZ/2U9bYeLsOyzBxulrTVuKYamoLMDCVSq2v368vM4Wrr8u4tZcqNG0PzlR3pTuU7vlCPRvCRskt/j3NxNwLXKq+Ke5UafwmD09TyUb8kHlMK/02lqaxTeu8ifKb07hfR2WSO6iUxK3HjQJ+yOSxX3k4LlYHxO37CJ+b6dpqYmDiS3v+CfwG4JJ5W+vNUJwAAAABJRU5ErkJggg==) no-repeat center center / 100% 100%;
    display: inline-block;
    margin-right: 0.05rem;
    width: 0.28rem;
    height: 0.28rem;
    background-size: 100% 100%;
}

.changeLang .text::after {
    content: "";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAANCAYAAACgu+4kAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAlklEQVQokZ3Sqw0CURAF0NmsQaBRVICkAxI8DSDx2wQF0AMNUAN+K0CiUQRBQnJQj2zI2+/oe4+ZW6CMiE1Mu1cgcDbtqgQs8BhZrlEmIHAYUf5gjWgCBa4DgVPqNYHACu+e8h3zNiBw7AF2zXwOmOHWUr7853NAYJspP7EcCuS2UeVyXUBzGzXKsUDaxu/nU4AC+67MF24SmDmFhdwtAAAAAElFTkSuQmCC) no-repeat center center;
    display: inline-block;
    margin-left: 0.05rem;
    width: 0.13rem;
    height: 0.11rem;
    background-size: 100% 100%;
}


.m .foot {
    width: 100% !important;
}


.footer {
    justify-content: space-around;
}

.footer_logo {
    background-size: contain;
    width: 3.98rem;
}

.footer_copyright p {
    font-size: 0.15rem;
}

.join_community h3 {
    font-size: 0.2rem;
}

.social_media a {
    width: 0.4rem;
    height: 0.4rem;
}

.m .footer {
    flex-direction: column-reverse;
    width: 100%;
    padding-top: 0.4rem;
}

.m .footer_logo {
    margin: 0.5rem auto;
    opacity: 0.5;
}

.m .footer_copyright {
    border: none;
    padding: 0;
    margin: 0;
    height: initial;
    text-align: center;
    font-size: 0.2rem;
}

.m .logo_copyright {
    display: block;
}

.m .join_community h3 {
    text-align: center;
}

.m .footer_copyright p a {
    color: #545555;
    padding: 0 0.09rem;
}


#common_a2_1 {
    display: none;
}

#contact-btn {
    display: none !important;
}

.slogan {
    width: 21.82rem;
    bottom: 1rem;
    margin: auto;
    left: 0;
    right: 0;
}

.title {
    background: url("../img/title_bg.png") no-repeat center center/100% 100%;
    font-size: max(12px, 0.85rem);
    font-family: rdh;
    width: 14.84rem;
    height: 1.61rem;
    justify-content: center;
    color: #e7d7c3;
    margin: 0 auto;
}

.ru .title {
    font-size: max(12px, 0.68rem);
}

.container {
    background: url("../img/bg2.jpg") no-repeat center center/cover;
    min-height: 41rem;
    padding-top: 0.4rem;
}

.tab_list {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 3.6rem;
    margin: 1.15rem auto 1rem;
}

.tab_list2 {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 1.4rem;
    margin: 0.78rem auto 0.12rem;
}

.tab_list li {
    width: 5.55rem;
    height: 1.1rem;
    background: #6c1b1b;
    border: 2px solid #8c3131;
    color: #E4D2BFFF;
    cursor: pointer;
    font-family: rdh;
    font-size: max(12px, 0.57rem);
    display: flex;
    align-items: center;
    transition: all 0.2s;
    justify-content: center;
}

.ru .tab_list li {
    font-size: max(12px, 0.4rem);
}

.tab_list2 li {
    width: 4.0rem;
    height: 0.64rem;
    background: #90784a;
    border: 2px solid #b39c6c;
    color: #231e1c;
    cursor: pointer;
    font-family: rdh;
    font-size: max(12px, 0.32rem);
    display: flex;
    align-items: center;
    transition: all 0.2s;
    justify-content: center;
}

.ru .tab_list2 li {
    font-size: max(12px, 0.22rem);
}

.tab_list li.active {
    background: #cd3d3d;
    border: 2px solid #f99a9a;
    color: #fff;
    transition: all 0.2s;
}

/* 水波纹效果样式 */
.tab_list li, .tab_list2 li {
    position: relative;
    overflow: hidden;
}

.ripple {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transform: scale(0);
    animation: ripple 0.8s linear;
    pointer-events: none;
}

.tab_list2 li.active {
    background: #e5c58a;
    border: 2px solid #fff4df;
    color: #120f0e;
    transition: all 0.2s;
}

@keyframes ripple {
    to {
        transform: scale(4);
        opacity: 0;
    }
}

.table_box {
    background: url("../img/table_bg.png") no-repeat center center/100% 100%;
    width: 20.15rem;
    height: 20.88rem;
    margin: auto;
    border: 1px solid #fff4df;
    padding-right: 0.01rem;
}

.line {
    width: 10.27rem;
}

.update_box {
    border: 1px solid #706f6e;
    padding: 0.12rem 0.1rem;
    cursor: pointer;
    user-select: none;
}

.update_box span {
    font-size: max(12px, 0.3rem);
    font-family: rd;
    color: #ffe9bf;
    margin-right: 0.1rem;
    display: inline-block;
    /*width: 1.5rem;*/
    text-align: center;
    position: relative;
    line-height: 0.9;
}

.en .update_box span {
    width: 1.5rem;
}

.update_box span::after {
    content: '';
    margin-left: 0.1rem;
    display: inline-block;
    width: 2px;
    height: 0.32rem;
    background: #ffe9bf;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.update_icon {
    margin-left: 0.1rem;
    width: 0.48rem;
}

.live_icon {
    width: 0.47rem;
    height: 0.47rem;
    object-fit: contain;
    transition: all 0.3s;
    cursor: pointer;
}

.live_icon:hover {
    transform: scale(1.1);
    transition: all 0.3s;
}

.table_contain tr td:first-child {
    position: relative;
    min-width: 1.6rem;
}

.table2 tr:nth-of-type(2) td:first-child::before {
    content: '';
    display: inline-block;
    width: 0.52rem;
    height: 0.4rem;
    background: url("../img/champion.png") no-repeat center center/100% 100%;
    position: absolute;
    left: 50%;
    top: 1.2rem;
    transform: translateX(-50%)
}

.table1 tr:nth-of-type(2) td:first-child span {
    position: relative;
}

.table1 tr:nth-of-type(2) td:first-child span::before {
    content: '';
    display: inline-block;
    width: 0.52rem;
    height: 0.4rem;
    background: url("../img/champion.png") no-repeat center center/100% 100%;
    position: absolute;
    left: -0.7rem;
    top: 0;
}

.table_contain tr:not(:first-child):hover {
    background: #000000;
    cursor: pointer;
}

.row1:hover td {
    background: #000000;
    cursor: pointer;
}

.stream_ended, .stream_not_started {
    color: #837a77;
}

.stream_now {
    font-weight: 600;
}

.table_contain_box {
    max-height: 18rem;
    margin-top: 0.3rem;
    overflow: auto;
}


/* 自定义整个滚动条 */
.table_contain_box::-webkit-scrollbar {
    width: 5px !important; /* 设置滚动条的宽度 */
    /*display: none !important;*/
    /*height: 5px; !* 设置滚动条的宽度 *!*/
}

/* 自定义滚动条轨道 */
.table_contain_box::-webkit-scrollbar-track {
    background: rgb(0, 0, 0) !important; /* 设置轨道的背景颜色 */
    /*border-left: 1px solid #4E5B5AFF !important;*/
}

/* 自定义滚动条的滑块（thumb） */
.table_contain_box::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #eea414
}

.divider {
    width: 20.07rem;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.container1 {
    background: url("../img/container_bg.png") no-repeat center center/100% 100%;
    width: 21.05rem;
    height: 26.5rem;
    margin: auto;
    padding-top: 0.43rem;
}

.container2 {
    background: url("../img/container2_bg.png") no-repeat center center/100% 100%;
    width: 21.05rem;
    height: 11.32rem;
    margin: auto;
    padding-top: 0.8rem;
}

.swiper_page {
    width: 20.18rem;
    height: 7.8rem;
    margin-top: 0.9rem;
}

.swiper_page .swiper-slide img {
    width: 16.67rem;
    margin: auto;
    user-select: none;
}

.swiper_page .swiper-button-next:after, .swiper_page .swiper-rtl .swiper-button-prev:after {
    background: url("../img/arrow0.png") no-repeat center center/100% 100%;
    width: 0.99rem;
    height: 1.31rem;
    content: '';
}

.swiper_page .swiper-button-next, .swiper_page .swiper-button-prev {
    width: auto;
    height: auto;
}

.swiper_page .swiper-button-prev:after, .swiper_page .swiper-rtl .swiper-button-next:after {
    background: url("../img/arrow0.png") no-repeat center center/100% 100%;
    width: 0.99rem;
    height: 1.31rem;
    content: '';
    transform: rotate(-180deg);
}

.table_contain tr td p {
    border-bottom: 1px solid #dad0be;
    padding: 0.27rem 0;

}

.table_contain tr td p:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.table_contain tr td p:first-child {
    padding-top: 0;
}

.update_box:hover {
    border: 1px solid #f8ce86;
    transition: all 0.3s;
}

.tab_list li:not(.active):hover {
    transition: all 0.3s;
    /*border: 1px solid #f99a9a;*/
}

.tab_list2 li:not(.active):hover {
    transition: all 0.3s;
    border: 1px solid rgb(255, 244, 223);
}

.rotate360 {
    animation: animat_rotate360 0.4s linear infinite;
}

@keyframes animat_rotate360 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.rules_btn {
    color: #d2d7d9;
    font-size: max(12px, 0.28rem);
    background: #14151b;
    border: 1px solid #b9ac8e;
    padding: 0.01rem 0.28rem;
    cursor: pointer;
    margin-right: 0.4rem;
}

.rules_btn:hover {
    /*background: #e88f48;*/
    color: #fff;
    border: 1px solid #e8ba61;
    transition: all 0.3s;
}

.close {
    position: absolute;
    right: 0;
    top: -0.9rem;
    width: 0.43rem;
    z-index: 999;
    cursor: pointer;
}

.rules_text {
    margin-top: 0.3rem;
    font-size: max(12px, 0.24rem);
    padding: 0 0.4rem;
    height: 4.5rem;
    overflow: auto;
    line-height: 1.7;
}

.pop_title_box {
    position: absolute;
    top: -1rem;
    left: 0;
    right: 0;
}

.pop_title_text {
    font-size: max(12px, 0.6rem);
    font-family: rdh;
    color: #fff;
    text-align: center;
    position: relative;
}

.pop_title_text::after {
    content: '';
    display: inline-block;
    width: 0.3rem;
    height: 0.14rem;
    background: url("../img/title_icon.png") no-repeat center center/100% 100%;
    position: absolute;
    right: -0.7rem;
    top: 50%;
    transform: translateY(-50%);
}

.pop_title_text::before {
    content: '';
    display: inline-block;
    width: 0.3rem;
    height: 0.14rem;
    background: url("../img/title_icon.png") no-repeat center center/100% 100%;
    position: absolute;
    left: -0.7rem;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
}

.pop_title {
    margin: 0.2rem auto 0;
}

#_popMaskMF_ {
    opacity: 0.9 !important;
}

/* 元素进入视口时的轻量动效 */
.io-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.6s ease, transform 0.6s ease;
    will-change: opacity, transform;
}

.io-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.top_icon {
    position: fixed;
    bottom: 1rem;
    right: 0.2rem;
    z-index: 9;
    width: 0.5rem;
    cursor: pointer;
    transition: all 0.3s;
}

.top_icon:hover {
    transform: scale(1.1);
    transition: all 0.3s;
}

.logo_box {
    width: 4.31rem;
    position: relative;
    overflow: hidden;
}

.logo_box::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(255 254 253 / 10%) 50%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(-20deg);
    animation: shine 3s infinite;
}

@keyframes shine {
    0% {
        left: -100%;
    }
    100% {
        left: 150%;
    }
}

.table2 td {
    padding: 0;
}

.table2 tr td p {
    padding: 0;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;

}

.table1 th:nth-of-type(3) {
    width: 3rem;
}

@media screen and (max-width: 768px) {
    .update_box span {
        width: 6.5rem;
    }

    .list_language li {
        height: 2rem;
    }

    .pop_common {
        /* background: url(//game.gtimg.cn/images/aqwx/m202408/bg-pop.png) no-repeat center center / 100% 100%; */
        /* min-height: 5rem; */
        width: 20rem;
    }

    .rules_text {
        height: 16.5rem;
        font-size: 0.8rem;
    }

    .pop_title_text {
        font-size: 0.9rem;
    }

    .pop_title_box {
        top: -2rem;
    }

    .close {
        top: -1.9rem;
        width: 0.9rem;
    }

    .tab_list2 li {
        width: 8rem;
        height: 1.8rem;
    }

    .tab_list li {
        width: 8.55rem;
        height: 1.8rem;
    }

    .container1 {
        width: 100%;
        height: 31.5rem;
    }

    .table_box {
        background: url(../img/table_bg.png) no-repeat center center / 100% 100%;
        width: 22.15rem;
        height: 23.88rem;
    }

    .showLanguage .list_language {
        background: #000000;
    }

    .update_box span {
        margin-right: 0.4rem;
    }

    .en .update_box span {
        width: auto;
    }
}

.m .list_language_box {
    width: auto;
}