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

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


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

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

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

@font-face {
    font-family: "MISTRAL";
    src: url(./MISTRAL.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: 100%;
}

.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.3rem;
    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: 3.86rem;
    height: 0.92rem;
    padding: 0;
    cursor: pointer;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.35rem;
    position: relative;
    overflow: hidden;
    user-select: none;
}

.apply_inclusion {
    margin: 0.27rem 0 0.23rem 0;
}

.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 #c6d3db;
    color: #ffffff;
    /*padding: 0.27rem 0;*/
    text-align: center;
}


th {
    /*border: 1px solid #2d3236;*/
    /*position: relative;*/
    /*background: #161a1f;*/
    font-size: max(12px, 0.4rem);
    position: sticky;
    top: 0;
    z-index: 7;
    padding: 0.24rem 0;
    /*background: #1d1a19;*/
    /*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;
}
.table_box tr th:nth-of-type(2){
    width: 30%;
}
td {
    /*background: #0c0c0f;*/
    font-size: max(12px, 0.42rem);
    cursor: auto;
    /*padding: 0.2rem 0;*/
}

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

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


.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: 19.99rem;
    bottom: 0.7rem;
    margin: auto;
    left: 0;
    right: 0;
}

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

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

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

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

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

.sub_title {
    font-size: max(12px, 0.45rem);
    color: #c6d3db;
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
    text-align: center;
}

.sub_title::after {
    content: '';
    display: block;
    width: 95%;
    height: 0.1rem;
    margin: 0.4rem auto 0;
    background: url("../img/title_line.png") no-repeat center center/100% 100%;
}

.container_bg {
    background: url("../img/bg.jpg") no-repeat top center/cover;
    min-height: 88rem;
    padding-top: 0.9rem;
}

.container {
    width: 20.85rem;
    margin: auto;
}

.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;*/
    top: 1.7rem;
    left: 0;
    right: 0;
}

.line1 {
    width: 2.3rem;
    height: 2px;
    background: linear-gradient(to right, rgba(163, 39, 61, 0.14), rgba(163, 39, 61, 0.46), #a3273d);
}

.line2 {
    width: 5.88rem;
    height: 2px;
    background: #a3273d;
}

.line3 {
    width: 2.3rem;
    height: 2px;
    background: linear-gradient(to right, #a3273d, rgba(163, 39, 61, 0.46), rgba(163, 39, 61, 0.14));
}

.dot {
    width: 0.39rem;
    height: 0.39rem;
    background: url("../img/dot.png") no-repeat center center/100% 100%;
}

.dot.end {
    background: url("../img/dot_end.png") no-repeat center center/100% 100%;
}

.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;
}


.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, .swiper_page .swiper-button-prev {
    width: auto;
    height: auto;
}


.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.35rem;
    top: 0.35rem;
    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.44rem);
    font-family: rdh;
    color: #fff;
    text-align: center;
    margin-bottom: 0.6rem;
}

.pop_title {
    margin: 0.2rem auto 0;
}

#_popMaskMF_ {
    opacity: 0.8 !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: 5.5rem;
    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;
}

.date_list {
    justify-content: center;
    gap: 1.1rem;
    margin-top: 0.5rem;
}

.date_list li {
    background: url("../img/date_bg.png") no-repeat center center / 100% 100%;
    width: 5.13rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.date_list li p:first-child {
    font-size: 0.35rem;
    color: #f45976;
}

.date_list li p:nth-of-type(2) {
    font-size: 0.35rem;
    color: #c6d3db;
    margin: 0.06rem 0;
}

.date_list li p:nth-of-type(3) {
    font-size: 0.2rem;
    color: #c6d3db;
}

.support_btn {
    background: url(../img/click_bg.png) no-repeat center center / 100% 100%;
    width: 9.71rem;
    height: 2.77rem;
    flex-direction: column;
    justify-content: flex-start;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    padding-top: 0.4rem;
}

.support_btn div:first-child span {
    font-size: 0.5rem;
    color: #fff;
}

.zh-tw .support_btn div:first-child span {
    font-size: 0.6rem;
}

.es .support_btn div:first-child span {
    font-size: 0.45rem;
}

.ja .support_btn div:first-child span {
    font-size: 0.4rem;
}

.fr .support_btn div:first-child span {
    font-size: 0.46rem;
}

.support_btn .support_btn_tips {
    font-size: 0.34rem;
    margin-top: 0.4rem;
    padding: 0 0.5rem;
}

.zh-tw .support_btn .support_btn_tips {
    margin-top: 0.5rem;
    font-size: 0.24rem;
}

.ja .support_btn .support_btn_tips {
    font-size: 0.3rem;
}

.arrow_right {
    width: 0.4rem;
    margin-left: 0.4rem;
}

.es .arrow_right {
    margin-left: 0.22rem;
}

.divider_vertical {
    width: 0.04rem;
    height: 0.5rem;
    background: #fff;
    margin: 0 0.5rem;
}

.zh-tw .divider_vertical {
    margin: 0 0.8rem;
}

.support_unbind .divider_vertical {
    width: 0.04rem;
    height: 1.6rem;
    background: #fff;
    margin: 0 0.3rem 0 0.4rem;
}

.support_box {
    gap: 0.4rem;
    margin-top: 1.43rem;
    justify-content: center;
}

.support_unbind_name {
    font-size: 0.45rem;
}

.support_unbind_status {
    font-size: 0.6rem;
}


.ja .support_unbind_status {
    font-size: 0.5rem;
}

.support_unbind_status_box {
    /*    display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;*/
}

.divider_line {
    width: 100%;
    margin-top: 0.78rem;
    margin-bottom: 1.1rem;
}

.decoration_img {
    width: 7rem;
}

.sort_list {
    gap: 0.2rem;
}

.sort_list li {
    width: 2.82rem;
    height: 0.67rem;
    background: url("../img/sort_bg.png") no-repeat center center / 100% 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.25rem;
    color: #fff;
    cursor: pointer;
    user-select: none;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.sort_list li:last-child {
    width: 3.4rem;
    margin-left: 0.2rem;
}

.sort_list li.on {
    background: url("../img/sort_bg1.png") no-repeat center center / 100% 100%;
    text-align: center;
}

.search_icon {
    width: 0.24rem;
    margin-right: 0.3rem;
}

.sort_info p:first-child {
    font-size: 0.28rem;
    color: #c6d3db;
    /*margin-bottom: 0.14rem;*/
    text-align: right;
}

.sort_info p:nth-of-type(2) {
    font-size: 0.28rem;
    text-align: right;
    color: #fff;
}

.sort_box {
    top: 0.3rem;
    left: 0.2rem;
    right: 0.2rem;
}


/*.check_me:active {
    background: url("../img/sort_bg1.png") no-repeat center center / 100% 100%;
}*/

.champion_icon {
    width: 0.52rem;
    margin: 0 auto 0.05rem;
}

.table_box tr td:first-child {
    font-size: 0.5rem;
}

.user_icon {
    border-radius: 50%;
    width: 1.15rem;
    height: 1.15rem;
    background: url("../img/user_bg.png") no-repeat center center/100% 100%;
    padding: 0.04rem;
    box-sizing: border-box;
    object-fit: cover;
    margin-right: 0.2rem;
}

.fans_text,.partner_text {
    font-size: 0.24rem;
    border: 1px solid;
    padding: 0.05rem 0.1rem;
    display: inline-block;
    min-width: 2.5rem;
    margin-top: 0.2rem;
}

.anchor_infor {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0.8rem;
}

.anchor_name {
    letter-spacing: 2px;
    max-width: 3rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vote_btn {
    width: 2.03rem;
    height: 0.66rem;
    margin: auto;
    font-size: 0.3rem;
}

.vote_btn_grey {
    filter: grayscale(1);
}

.pagination_box {
    position: absolute;
    bottom: 1.1rem;
    left: 0.5rem;
    right: 0.5rem;
}

#light-pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

#light-pagination li {
    background: #152125;
    border: 1px solid #67787f;
    margin-right: 0.18rem;
    width: 0.7rem;
    height: 0.7rem;
    font-size: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
    text-align: center;
}

#light-pagination li.active {
    border: 1px solid #aa283f;
    background: #aa283f;
}

#light-pagination li:first-child.active,
#light-pagination li:last-child.active {
    border: 1px solid #3c474c;
    background: #131c1f;
    color: #888b8c;
}

#light-pagination li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#light-pagination li:first-child {
    margin-right: 0.4rem;
}

#light-pagination li:last-child {
    margin-left: 0.4rem;
}

#light-pagination li:first-child, #light-pagination li:last-child {
    width: 1.85rem;
}

.page_tips {
    color: #c6d3db;
    font-size: 0.3rem;
}

tr:hover {
    background: #496472;
}

.main2 {
    background: url("../img/main2_bg.png") no-repeat center center/100% 100%;
    width: 100%;
    min-height: 13.8rem;
    /*padding-left: 1.5rem;*/
}

.out_date {
    filter: grayscale(1);
}

.out_date p {
    color: #a4a4a4 !important;
}

.box3d_card {
    transform-style: preserve-3d;
    perspective: 2000px;
    padding-left: 1.5rem;
    cursor: pointer;
}

.card_box {
    width: 8.68rem;
    height: 11.87rem;
    transform-style: preserve-3d;
    transition: all .1s;
    position: relative;
    overflow: hidden;
}

.card_box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 35%;
    height: 35%;
    background: radial-gradient(
            ellipse at top left,
            rgba(255, 255, 255, 0.44) 0%,
            rgba(234, 138, 159, 0.42) 60%,
            rgba(225, 142, 161, 0.26) 60%,
            transparent 100%
    );
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
    filter: blur(0.15rem);
}

.card_box.glow::before {
    opacity: 1;
    animation: cornerFlash 1.5s ease-in-out infinite;
}

@keyframes cornerFlash {
    0%, 100% {
        opacity: 0;
        transform: scale(0.8);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
}

.card_box::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40%;
    height: 40%;
    background: radial-gradient(ellipse at bottom right, rgb(255 255 255 / 24%) 0%, rgb(200 220 255 / 27%) 30%, rgba(150, 200, 255, 0.19) 60%, #00000000 100%);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease;
    filter: blur(0.15rem);
}

.card_box.glow::after {
    opacity: 1;
    animation: cornerFlash2 1.5s ease-in-out infinite;
    animation-delay: 0.75s;
}

@keyframes cornerFlash2 {
    0%, 100% {
        opacity: 0;
        transform: scale(0.8);
    }
    50% {
        opacity: 1;
        transform: scale(1);
    }
}

.card_box .light-sweep {
    position: absolute;
    top: 6rem;
    left: 3rem;
    width: 20rem;
    height: 2rem;
    background: linear-gradient(
            138deg,
            transparent 0%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.01) 50%,
            rgba(255, 255, 255, 0.1) 60%,
            transparent 100%
    );
    transform: rotate(138deg);
    opacity: 0;
    pointer-events: none;
}

.card_box.glow .light-sweep {
    opacity: 1;
    animation: sweepLight 2s ease-in-out infinite;
}

.card_box.glow {
    box-shadow: 0px 0px 25px 0px #ffffff91;
}

@keyframes sweepLight {
    0% {
        transform: translateX(-100%) rotate(45deg);
    }
    100% {
        transform: translateX(200%) rotate(45deg);
    }
}

.card_bg {
    width: 100%;
    height: 100%
}

.card_desc_box {
    width: 8.53rem;
    height: 6.66rem;
}

.number_bg {
    background: url("../img/number_bg.png") no-repeat center center/100% 100%;
    width: 5.53rem;
    height: 1.08rem;
    bottom: 2.4rem;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.number_bg p:first-child {
    font-size: 0.24rem;
    color: #0d2331;
}

.number_bg p:nth-of-type(2) {
    font-size: 0.45rem;
    color: #ba2f48;
}

.card_info {
    bottom: 0.74rem;
    left: 0.66rem;
    right: 0.66rem;

}

.card_info li p:first-child {
    font-size: 0.28rem;
    color: #def9ff;
}

.card_info li p:nth-of-type(2) {
    font-size: 0.4rem;
    color: #ff4545;
}

.card_desc_contain {
    top: 0.46rem;
    left: 0.6rem;
}

.card_desc_title {
    font-size: 0.67rem;
    color: #f03053;
    font-weight: 600;
    border-bottom: 1px solid #707a80;
}

.card_desc_text {
    font-size: 0.29rem;
    color: #c6d3db;
    margin: 0.6rem 1rem 1rem 0;
}

.platform_list {
    padding-right: 1rem;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.platform_list li {
    font-size: 0.37rem;
    color: #ffffff;
    background: rgba(16, 22, 25, 0.7);
    border: 1px solid #8a969c;
    width: 2.9rem;
    height: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.zh-tw .platform_list li {
    font-size: 0.37rem;
}

.platform_list li:hover {
    background: rgb(43, 59, 66);
    border: 1px solid #9ba7ae;
    transition: all 0.3s;
}

.download_btn {
    margin-top: 0.85rem;
    width: 6.2rem;
}

.contain3 {
    margin-top: 1.5rem;
}

.contain2 {
    margin-top: 1rem;
}

.rules_box {
    background: url("../img/rules_bg.png") no-repeat center center/100% 100%;
    width: 100%;
    height: 15.03rem;
    padding: 0.54rem 0.6rem;
}

.rules_box li {
    background: url("../img/rules_bg2.png") no-repeat center center/100% 100%;
    width: 9.5rem;
    height: 7rem;
    padding: 0.2rem;
    font-size: 0.3rem;
    color: #c6d3db;
}

.rule_title1 {
    font-size: 0.3rem;
    color: #c6d3db;
    border: 1px solid #646d72;
    padding: 0.05rem 1rem;
    margin-bottom: 0.2rem;
    display: inline-block;
    display: none;
}

.rule1 li .rule_name img {
    width: 0.17rem;
    margin-right: 0.3rem;
}

.rule1 li .rule_name {
    font-size: 0.3rem;
    color: #c6d3db;
    margin: 0 0 0.05rem;
}

.rule_title2 {
    font-size: 0.5rem;
    color: #ffffff;
    margin-bottom: 0.3rem;
}
.ja .rule_title2{
    font-size: 0.48rem;
}
.rule1 li .rule_contain {
    background: url("../img/rules_bg3.png") no-repeat center center/100% 100%;
    padding: 0.188rem 0.28rem;
    min-height: 1.2rem;
}

.rule1 li:first-child .rule_contain {
    padding: 0.3rem 0.28rem;
}

.rule1 li .rule_contain img {
    width: 0.24rem;
    margin-right: 0.16rem;
}

.rule1 li .rule_contain .divider_vertical {
    width: 1px;
    height: 0.38rem;
    color: #d9e0e6;
    margin: 0 0.2rem 0 0.9rem;
}

.rule2 .divider_vertical {
    margin: 0 0.3rem 0 0.3rem;
    width: 1px;
    height: 0.38rem;
    color: #d9e0e6;
}

.rule1 li .rule_contain .rule_text {
    flex: 1;
    padding-right: 0rem;
}

.rule1 li .rule_contain .rule_text p:first-child {
    font-size: 0.4rem;
    color: #ff4949;
    font-weight: 600;
}

.zh-tw .rule1 li .rule_contain .rule_text p:first-child {
    font-size: 0.4rem;
    /*font-weight: 600;*/
}

.rule1 li .rule_contain .rule_text p:nth-of-type(2) {
    font-size: 0.3rem;
    color: #c6d3db;
}

.zh-tw .rule1 li .rule_contain .rule_text p:nth-of-type(2) {
    font-size: 0.25rem;
}

.step_icon {
    margin: 0.2rem 0 0.2rem auto;
    width: 80%;
}
.ja .step_icon {
    margin: 0.1rem 0 0.1rem auto;
}

.step_icon img {
    width: 0.2rem;
    margin: auto;
    opacity: 0;
    transform: scale(0.5);
    animation: stepFadeIn 2s ease-out forwards infinite;
}

.step_icon img:nth-child(1) {
    animation-delay: 0s;
}

.step_icon img:nth-child(2) {
    animation-delay: 0.2s;
}

.step_icon img:nth-child(3) {
    animation-delay: 0.4s;
}

.rule2 .rule_contain span:first-child {
    color: #ff4a4a;
    min-width: 1.8rem;
}

.rule2 .rule_contain {
    background: #2b3438;
    padding: 0.2rem 0.28rem;
    margin-bottom: 0.2rem;
    min-height: 1.54rem;
}

.rule2 .rule_contain span:last-child {
    flex: 1;
}

@keyframes stepFadeIn {
    from {
        opacity: 0;
        transform: scale(0.8);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.rule_bg4 {
    background: url("../img/rule_bg4.png") no-repeat center center/100% 100%;
    height: 0.76rem;
    display: flex;
    align-items: center;
    padding-left: 0.24rem;
    padding-right: 0.14rem;
    margin-bottom: 0.25rem;
}

.gift_bg {
    background: url("../img/gift_bg.png") no-repeat center center/100% 100%;
    width: 10.18rem;
    height: 16.73rem;
    padding: 0.25rem 0.14rem;
    margin-bottom: 0.25rem;
}

.gift_title1 {
    font-size: 0.3rem;
    color: #c6d3db;
    border: 1px solid #677075;
    padding: 0.05rem 0.2rem;
    display: inline-block;
}

.gift_title2 {
    font-size: 0.6rem;
    color: #fff;
    border-bottom: 1px solid #677075;
    display: inline-block;
    margin: 0.5rem auto 0.6rem;
}
.ja .gift_title2{
    font-size: 0.56rem;
}
.zh-tw .gift_title2 {
    font-size: 0.8rem;
}

.gift_bg2 {
    background: url("../img/gift_bg2.png") no-repeat center center/100% 100%;
    width: 4.88rem;
    height: 8.71rem;
    padding: 0.8rem 0.15rem 0;
}

.gift_bg2 .top_contain p:first-child {
    font-size: 0.45rem;
    color: #c6d3db;
    text-align: center;
}

.gift_bg2 .top_contain p:nth-of-type(2) {
    font-size: 0.45rem;
    text-align: center;
    color: #ff4949;
    margin: 0.2rem;
}

.gift_bg2 .top_contain p:nth-of-type(3) {
    font-size: 0.68rem;
    text-align: center;
    color: #ff4949;
}

.gift_bg2 .score_list li .badge_icon {
    width: 0.32rem;
    margin-right: 0.3rem;
}

.gift_bg2 .score_list li {
    font-size: 0.45rem;
    color: #c6d3db;
    border: 1px solid;
    justify-content: center;
    padding: 0.36rem 0;
    margin-top: 0.43rem;
}

.gift_bg2 .score_list li .divider_vertical {
    width: 1px;
    height: 0.42rem;
    margin: 0 0.7rem 0 0.27rem;
}

.gift2_box {
    position: relative;
}

.gift2_box {
    width: 3.15rem;
    height: 3.27rem;
}

.gift2_box img {
    width: 100%;
    height: 100%;
}

.gift2_box p {
    font-size: 0.35rem;
    color: #c6d3db;
    text-align: center;
    position: absolute;
    bottom: 0.1rem;
    left: 0;
    right: 0;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.leave_message {
    width: 6rem;
    height: 1.6rem;
    font-size: 0.5rem;
    margin: 0.6rem auto 0.5rem;
    text-align: center;
}

.zh-tw .leave_message {
    font-size: 0.44rem;
}

.ru .leave_message {
    font-size: 0.48rem;
}

.es .leave_message {
    font-size: 0.58rem;
}

.ja .leave_message {
    font-size: 0.36rem;
}

.pt .leave_message {
    font-size: 0.5rem;
}

.gift_desc li {
    background: url("../img/text_bg.png") no-repeat center center/100% 100%;
    width: 9.79rem;
    height: 1.9rem;
    position: relative;
    padding: 0.37rem 0 0.3rem;
    margin-bottom: 0.35rem;
}

.gift_desc li:last-child {
    margin-bottom: 0
}

.gift_desc li span {
    color: #8b979e;
    font-size: 0.45rem;
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
}

.gift_desc li p:nth-of-type(1) {
    color: #ff4949;
    font-size: 0.4rem;
    font-weight: 600;
    text-align: center;
}

.gift_desc li p:nth-of-type(2) {
    color: #c6d3db;
    text-align: center;
    font-size: 0.4rem;
    margin-top: 0.15rem;
}

.ja .gift_desc li p:nth-of-type(2) {
    font-size: 0.32rem;
}

.contain4 {
    margin-top: 1.5rem;
}

.card_bg2_text {
    font-size: 0.6rem;
    color: #f03053;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 600;
}

.pop_step_tab span {
    font-size: 0.4rem;
    color: #c6d3db;
    text-align: center;
}

.pop_step_list {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding-left: 3.4rem;
    margin-bottom: 0.4rem;
}

.pop_step_list li {
    border: 1px solid #c6d3db;
    display: inline-block;
    padding: 0.05rem 0.6rem;
    min-width: 4.5rem;
    margin-bottom: 0.24rem;
    position: relative;
}

.pop_step_list li.active {
    border-color: #ff4949;
}

.pop_step_list li.active span {
    color: #ff4949;
}

.pop_step_list .divider_vertical {
    width: 0.02rem;
    height: 0.14rem;
    margin: 0 0.32rem 0 0.22rem;
}

.pop_step_list li.active .divider_vertical {
    background-color: #ff4949;
}

.pop_step_list li.active::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -0.3rem;
    width: 0.12rem;
    height: 0.14rem;
    background: url("../img/arrow_red.png") no-repeat center center/100% 100%;
    z-index: 1;
}

.step1_box p {
    font-size: 0.31rem;
    color: #c6d3db;
    margin-bottom: 0.2rem;
}

.input_box {
    font-size: 0.26rem;
    background: #0b1012;
    color: #c6d3db;
    border: 1px solid #c6d3db;
    padding: 0.1rem 0.25rem;
    margin-bottom: 0.2rem;
    height: 0.64rem;
    line-height: 0.64rem;
}

.step_btn {
    margin: 0.35rem auto;
}

.input_label {
    font-size: 0.31rem;
    color: #ff4949;
    margin-bottom: 0.15rem;
}

.pop_success .left_box, .pop_success .right_box {
    width: 5.5rem;
    height: 7.5rem;
    border: 1px solid #c6d3db;
    padding: 0.2rem 0;
}

.pop_success .card_box {
    width: 4.59rem;
    height: 6.28rem;
    margin: auto;
}

.pop_success .box_name {
    font-size: 0.45rem;
    text-align: center;
    margin-bottom: 0.2rem;
}

.pop_success .card_box .number_bg {
    width: 2.92rem;
    height: 0.56rem;
    bottom: 1.5rem;
}

.pop_success .card_box .card_bg2_text {
    font-size: 0.3rem;
}

.pop_success .card_info li p:first-child {
    font-size: 0.18rem;
}

.pop_success .card_info li p:nth-of-type(2) {
    font-size: 0.22rem;
}

.pop_success .card_info {
    bottom: 0.4rem;
    left: 0.4rem;
    right: 0.4rem;
}

.pop_success .number_bg p:first-child {
    font-size: 0.14rem;
    color: #0d2331;
    white-space: nowrap;
}

.pop_success .number_bg p:nth-of-type(2) {
    font-size: 0.24rem;
}

.pop_success .avator_pic {
    width: 2.22rem;
    height: 2.22rem;
    margin: 0 auto;
    border-radius: 50%;
}

.pop_success .right_box_text {
    font-size: 0.25rem;
    color: #c6d3db;
    text-align: center;
    margin-top: 0.28rem;
    padding: 0 0.2rem;
}

.pop_success .right_box_text2 {
    font-size: 0.25rem;
    text-align: center;
    color: #ff4949;
    margin-top: 0.28rem;
    padding-bottom: 0.28rem;
    border-bottom: 1px solid #c6d3db;
}

.pop_success .right_box_text3 {
    font-size: 0.25rem;
    color: #c6d3db;
    padding: 0.3rem 0.2rem;
    line-height: 1.5;
}

.pop_success .btn_box {
    padding: 0 0.1rem;
    /*width: auto;*/
}

.pop_success .btn_group {
    justify-content: center;
    gap: 0.5rem;
    margin-top: 0.4rem;
}

.upload_btn {
    width: 3rem;
}

.upload_box {
    padding: 0 3rem;
    text-align: center;
}

.upload_box_title {
    font-size: 0.31rem;
    color: #ff4949;
    margin-bottom: 0.32rem;
}

.choose_file {
    margin: auto;
}

.upload_btn {
    margin: auto;
}

.copy_text_box p {
    font-size: 0.31rem;
    color: #c6d3db;
}

.copy_text_box .copy_btn {
    width: 2rem;
    font-size: 0.31rem;
    height: 0.6rem;
    margin-left: 0.3rem;
}

.copy_text_box {
    border: 1px solid #c6d3db;
    padding: 0.24rem 0.12rem;
    margin-top: 0.2rem

}

.pop_download .pop_title_text {
    margin-bottom: 0.34rem;
}

.pop_download .btn_box {
    width: 3.54rem;
    height: 0.7rem;
    font-size: 0.3rem;
}

.zh-tw .pop_download .btn_box {
    font-size: 0.3rem;
}

.pop_download .back_leaderboard {
    font-size: 0.26rem;
    text-align: center;
}

.es .pop_download .back_leaderboard {
    white-space: nowrap;
}

.pt .pop_download .back_leaderboard {
    white-space: nowrap;
    font-size: 0.32rem;
}

.fr .pop_download .back_leaderboard {
    font-size: 0.3rem;
}

.ru .pop_download .back_leaderboard {
    font-size: 0.3rem;
}

.pop_download .platform_list {
    justify-content: center;
    padding-right: 0rem;
    margin-top: 0.3rem;
}

.pop_download.pop_common {
    width: 14rem;
    padding: 0.54rem 0.5rem 0.6rem;
}

.pop_tips.pop_common {
    min-height: 5.08rem;
}

.pop_tips .tips_text {
    font-size: 0.31rem;
    margin-bottom: 1rem;
}

.pop_tips .pop_title_text {
    font-weight: 600;
}

.btn_grey_l {
    filter: brightness(0.6);
    pointer-events: none;
}

.check_me {
    background: #aa283f !important;
    border: 1px solid #e7788c;
    pointer-events: none;
}

.check_me span {
    font-size: 0.34rem;
    margin-left: 0.1rem;
}

.table_box td .score_number {
    /*border-bottom: 1px solid;*/
}

.table_box td .score_time, .table_box td .score_number {
    height: 1.02rem;
    line-height: 1.02rem;
}

.card_username {
    font-family: "MISTRAL";
    font-size: 1rem;
    color: #eb2d54;
    bottom: 3.8rem;
    left: 0;
    right: 0;
    text-align: center;
    transform: rotate(-5deg);
}

.card_username2 {
    top: 2.3rem;
    right: 0.88rem;
    writing-mode: vertical-rl;
    font-size: 0.35rem;
    color: #a5dbe8;
    background: #334454;
    padding: 0.12rem 0.01rem 0.12rem 0.06rem;
    letter-spacing: 2px;

}

.poster_bottom_pic {
    width: 2.68rem;
    margin: .05rem auto 0;
}

.no_vote .card_username2 {
    display: none;
}

.card_userpic {
    width: 2.8rem;
    height: 2.8rem;
    margin: 0 auto;
    border-radius: 0.25rem;
    top: 2.78rem;
    left: 2.96rem;
}

.pop_download .card_username {
    font-size: 0.34rem;
    bottom: 2.2rem;
}

.pop_download .card_userpic {
    width: 1.5rem;
    height: 1.5rem;
    top: 1.46rem;
    left: 1.555rem;
    border-radius: 0.15rem;
}

.pop_download .card_username2 {
    font-size: 0.3rem;
    top: 1.2rem;
    right: 0.4rem;
    padding: 0.05rem 0;
    letter-spacing: 1px;
}

.rule2 {
    margin-top: 0.4rem
}

.rule2 li {
    height: 6rem;
}

.no_vote .has_vote_bg, .no_vote .card_userpic, .no_vote .card_username, .no_vote .card_info {
    display: none;
}

.no_vote .no_vote_bg {
    display: block !important;
}

.result_pic, .result_pic * {
    width: 6.68rem;
    height: 8.74rem;
    margin: auto;
}

#pop_download2 .card_box {
    width: 6.68rem;
    height: 8.74rem;
}

#pop_download2 .right_box_new {
    flex-direction: column;
    width: 5.2rem;
}

#pop_download2 .copy_text_box {
    flex-direction: column;
    width: 100%;
}

#pop_download2 .platform_list {
    justify-content: space-between;
    padding-right: 0rem;
    margin-top: 0.3rem;
}

#pop_download2 .platform_list li {
    width: 2.35rem;
    height: 0.7rem;
}

#pop_download2 .copy_btn {
    width: 3.00rem;
    height: 0.64rem;
    font-size: 0.3rem;
    margin-top: 0.6rem;
}

#pop_download2 .card_userpic {
    width: 1.05rem;
    height: 1.05rem;
    top: 3.22rem;
    left: 2.85rem;
}

#pop_download2 .card_username {
    font-size: 0.38rem;
    bottom: 3.5rem;
}

#pop_download2 .card_box .number_bg {
    width: 2.4rem;
    height: 0.5rem;
    bottom: 2.86rem;
}

#pop_download2 .card_username2 {
    font-size: 0.14rem;
    top: 3.0rem;
    right: 2.0rem;
}

#pop_download2 .usernamebox_new {
    top: 1.48rem;
    left: 0;
    right: 0;
    text-align: center;
}

#pop_download2 .usernamebox_new p:first-child {
    font-size: 0.14rem;
}

#pop_download2 .usernamebox_new p:nth-of-type(2) {
    font-size: 0.26rem;
    color: #eb2b53;
}

.cancel_btn {
    filter: grayscale(1);
}

.poster_bottom_text {
    bottom: 0.1rem;
    left: 0;
    right: 0;
}

.ja .poster_bottom_text {
    bottom: 0.1rem;
}


.poster_bottom_text p:first-child {
    color: #ececec;
    font-size: 0.3rem;
    text-align: center;
    font-family: rd;
    font-weight: 800;
}

.ja .poster_bottom_text p:first-child {
}

.poster_bottom_text p:nth-of-type(2) {
    color: #a1273b;
    font-size: 0.44rem;
    font-weight: 800;
    text-align: center;
    font-family: rd;
}

.poster_bottom_text p:nth-of-type(3) {
    color: #d4dddc;
    text-align: center;
    font-family: rd;
    font-size: 0.2rem;
}

.fr .poster_bottom_text p:nth-of-type(3) {
    font-size: 0.18rem;
}

.rules_itemtitle {
    font-size: 0.4rem;
    font-weight: 600;
}

.zh-tw .rules_itemtitle {
    font-size: 0.3rem;
}

.fr .fix_lang_divider {
    margin: 0 0.2rem;
}

.support_btn:hover {
    transform: translateY(-2px);
    box-shadow: 0px 0px 17px 0 #ad3046;
    transition: all 0.2s;
}

.zh-tw .fix_zh_gift_title2 {
    font-size: 0.64rem;
    margin-top: 0.73rem;
}

.gift2_box_left {
    gap: 0.1rem;
    padding-right: 0.16rem;
    border-right: 1px dashed;
}

.gift2_box_name {
    margin-top: 0.15rem;
}

.gift2_box_name div {
    font-size: 0.4rem;
    color: #ff4a4a;
    border: 1px solid #c6d3db;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.gift2_box_name div:first-child {
    width: 6.4rem;
    height: 0.88rem
}

.gift2_box_name div:nth-of-type(2) {
    width: 3.15rem;
    height: 0.88rem;
}

.fr .gift2_box_name div:nth-of-type(2) {
    font-size: 0.34rem;
}

.support_btn2 {
    justify-content: center;
    padding-top: 0;
}

.remove_list {
    font-size: 0.6rem !important;
    text-align: center;
}

.en .remove_list {
    font-size: 0.5rem !important;
}

.es .remove_list {
    font-size: 0.5rem !important;
}

.ja .remove_list {
    font-size: 0.4rem !important;
}

.support_unbind_status {
    font-size: 0.6rem;
    text-align: center;
}

.en .support_unbind_status {
    /*font-size: 0.4rem;*/
}

#s19_1 {
    font-size: 0.4rem;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    text-align: center;
}

.remove_list_box .divider_vertical {
    margin: 0 0.4rem;
}

.zh-tw .remove_list_box .divider_vertical {
    margin: 0 0.8rem;
}

.remove_list_box {
    padding: 0 0.15rem;
    pointer-events: none;
}

.rule_bg4 span:nth-of-type(2) {
    color: #ff4949;
    max-width: 4rem;
}
 .sub_desc{
     font-size: 0.34rem;
     margin-left:0.3rem;
     color: #ff4949;
 }
 .table_box td{
     height: 2.07rem;
 }
@media screen and (max-width: 1024px){
    .rules_box li{
        height: auto;
    }
    .rules_box {
        height: auto;
        padding: 0.54rem 0.6rem 1rem;
    }
}
@media screen and (max-width: 768px) {
    .support_btn {
        min-height: 3.77rem;
        width: 12.71rem;
        height: auto;
    }
    .toast_text{
        font-size: 0.34rem;
    }
    .pop_common {
        width: 22rem;
    }

    .pop_download.pop_common {
        width: 22rem;
    }

    .container {
        width: 100%;
        padding: 0 0.2rem;
        margin: auto;
    }
    .pop_success .number_bg p:first-child {
        font-size: 0.5rem;
        color: #0d2331;
    }
    .pop_success .number_bg p:nth-of-type(2) {
        font-size: 0.6rem;
    }
    .poster_bottom_text p:first-child {
        font-size: 0.7rem;
    }
    .fix_table_m {
        width: 45rem;
    }
    .poster_bottom_text p:nth-of-type(2) {
        font-size: 0.7rem;
    }
    .sort_list li {
        width: 5.82rem;
        height: 1.67rem;
    }
    .poster_bottom_text p:nth-of-type(3) {
        font-size: 0.4rem;
    }
    .sort_box {
        top: 0.6rem
    }
    .poster_bottom_pic {
        margin: .05rem auto 0;
    }
    .table_box {
        top: 3.7rem;
    }

    .sort_list li:last-child {
        width: 5.9rem;
        margin-left: 0.2rem;
    }

    .vote_btn {
        width: 3.03rem;
        height: 1.16rem;
    }

    .table_box td .score_time, .table_box td .score_number {
        height: 2.02rem;
        line-height: 2.02rem;
    }

    .pagination_box {
        bottom: 2.8rem;
    }

    #light-pagination li:first-child, #light-pagination li:last-child {
        width: 3.85rem;
    }

    #light-pagination li {
        height: 1.4rem;
        width: 1.4rem;
    }

    .card_desc_box {
        width: 12.53rem;
        height: 11.11rem;
    }

    #pop_download2 .card_userpic {
        width: 1.8rem;
        height: 1.8rem;
        top: 5.7rem;
        left: 5rem;
    }

    #pop_download2 .usernamebox_new {
        top: 2.6rem;
    }
    #pop_download2 .usernamebox_new p:first-child {
        font-size: 0.34rem;
    }
    #pop_download2 .usernamebox_new p:nth-of-type(2) {
        font-size: 0.38rem;
    }
    .poster_bottom_text {
        bottom: 0.3rem;
    }
    #pop_download2 .card_box {
        width: 11.68rem;
        height: 15.5rem;
    }

    .result_pic, .result_pic * {
        width: 11.68rem;
        height: 15.5rem;
        margin: auto;
    }

    .gift2_box {
        width: 4.15rem;
        height: 5.27rem;
    }

    .gift2_box_name {
        margin-top: 2.15rem;
    }

    .gift2_box_name div:nth-of-type(2) {
        width: 5.15rem;
        height: 1.5rem;
    }

    .container_bg {
        min-height: 139rem;
    }

    .gift2_box_name div:first-child {
        width: 6.4rem;
        height: 1.5rem;
    }

    #pop_download2 .card_username2 {
        font-size: 0.14rem;
        top: 4rem;
        right: 3rem;
    }

    #pop_download2 .card_box .number_bg {
        width: 4.4rem;
        height: 1rem;
        bottom: 4.5rem;
    }

    #pop_download2 .card_username {
        font-size: 0.9rem;
        bottom: 6rem;
    }

    #pop_download2 .right_box_new {
        width: 8.2rem;
    }

    .download_btn {
        width: 8.86rem;
        height: 1.92rem;
    }

    #pop_download2 .platform_list li {
        width: 3.35rem;
        height: 1.7rem;
    }

    .pop_download .btn_box {
        width: 4.54rem;
        height: 1.7rem;
        font-size: 0.3rem;
    }

    .rule1 li .rule_contain {
        min-height: 4.2rem;
    }

    .rule2 .rule_contain {
        min-height: 3.54rem;
    }

    .rules_box {
        height: 32.03rem;
    }

    .rules_box li {
        width: 12.5rem;
        height: 17rem;
    }

    .rule2 li {
        height: 10rem;
    }

    .gift_bg {
        width: 12.18rem;
        height: 24.73rem;
    }

    .gift_desc li {
        width: 11.79rem;
        height: 3.9rem;
    }

    .gift_bg2 {
        width: 5.88rem;
        height: 11.71rem;
    }

    .date_list li {
        height: 2.25rem;
    }

    .list_language li {
        height: 2.6rem;
    }

    .head_top {
        padding: 1rem 0.6rem;
    }
}

.m .list_language_box {
    width: auto;
}