body, div, ul, li, h1, h2, h3, h4, form, input, textarea, p, th, td {
    margin: 0;
    padding: 0
}

body {
    background-color: #1b2024;
}

table {
    border-spacing: 0
}

ul, li {
    list-style: none;
}

q:before,
q:after {
    content: '';
}

table {
    border-collapse: collapse;
}

input,
textarea,
select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    -webkit-appearance: none;
}

input,
textarea,
select {
    font-size: 100%
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html {
    font-size: 100px;
}

* {
    outline: none;
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    border: none;
}

input, button, button:hover, button:focus, button:visited {
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    border: none;
    -webkit-appearance: none;
}

img {
    display: block;
    border: 0;
    user-select: none;
    /* 禁止文本选中 */
    -webkit-user-select: none;
    /* Safari */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* IE/Edge */
}

.t {
    text-indent: -9999em;
    display: block;
    overflow: hidden;
}

.hide {
    display: none !important;
}

.bg {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
}

.t-c {
    text-align: center;
}

.t-l {
    text-align: left;
}

.t-r {
    text-align: right;
}

/*css 中定义红色变量*/
:root {
    --color-red: #cb3d28;
    --color-red-light: #e4d9cf;
    --color-default: #eedfc1;
    --color-yellow: #f7d05c;
    --color-white: #ffffff;
}

.t-red {
    color: var(--color-red);
}

.t-up {
    text-transform: uppercase;
}

a, a:visited, a:hover {
    transition: all .3s;
    text-underline-offset: .06rem;
}
a:hover {
    filter: brightness(1.2);
}

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

@font-face {
    font-family: 'font-en';
    src: url('../font/HOK-text.ttf');
}

.scroll {
    overflow: auto;
}
.scroll::-webkit-scrollbar {
    width: 0.05rem;
}
.scroll::-webkit-scrollbar-thumb {
    width: 0.05rem;
    border-radius: 0;
    background: #1b2024;
}
.scroll::-webkit-scrollbar-track {
    width: 0.02rem;
    border-radius:0;
    background: #4a5468;
}
.t-b{
    font-weight: normal;
}
body .font_en, .lang_en,body .font_ms, .lang_ms{
    font-family: 'font-en', serif;
    letter-spacing: -.01rem;
}
body .font_zh, .lang_zh {
    font-family: 'font-zh', serif;
    letter-spacing: -.01rem;
}

a:active {
    filter: brightness(1.2);
    transition: all .5s;
}

.login_wrap {
    /*position: absolute;*/
    /*right: 2.5rem;*/
    /*top: .1rem;*/
    font-size: .24rem;
    line-height: .43rem;
    color: #e1e1e1;
    z-index: 3;
}

.login_wrap a {
    color: #e1e1e1;
    display: inline-block;
    /*padding: 0 .2rem;*/
    letter-spacing: 0;
}

/*语言切换*/
/*.language-box {*/
/*    width: 100vw;*/
/*    height: 100vh;*/
/*    position: fixed;*/
/*    top: 0;*/
/*    right: 0;*/
/*    z-index: 999;*/
/*    text-transform: uppercase;*/
/*}*/

/*.language-btn {*/
/*    position: absolute;*/
/*    right: 0.3rem;*/
/*    top: .1rem;*/
/*    width: 2.06rem;*/
/*    height: .43rem;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    color: #fff;*/
/*    letter-spacing: 0;*/
/*    z-index: 2;*/
/*    cursor: pointer;*/
/*    font-size: .22rem;*/
/*    white-space: nowrap;*/
/*    text-shadow: 5px 5px 5px #000;*/
/*    background: rgba(0, 0, 0, .5);*/
/*}*/

/*.language-btn::after {*/
/*    content: " ";*/
/*    display: block;*/
/*    margin-left: .1rem;*/
/*    margin-right: .05rem;*/
/*    width: 0;*/
/*    height: 0;*/
/*    border: solid transparent;*/
/*    border-width: .08rem .07rem;*/
/*    border-top-color: #fff;*/
/*    margin-bottom: -.14rem;*/
/*}*/

/*.lang_ru .language-btn::after{*/
/*    margin-bottom: -.08rem;*/
/*}*/

/*.pc.lang_en .language-btn::after{*/
/*    margin-bottom: -.06rem;*/
/*}*/

/*.pc.lang_en .language-btn {*/
/*    box-sizing: border-box;*/
/*    padding-top: .04rem;*/
/*}*/

/*.language-box ul {*/
/*    width: 100%;*/
/*    max-height: 100%;*/
/*    overflow: auto;*/
/*    box-sizing: border-box;*/
/*    position: relative;*/
/*    z-index: 4;*/
/*    transition: all .3s;*/
/*}*/

/*.pc .language-box {*/
/*    width: 2.06rem;*/
/*    height: .43rem;*/
/*    right: 0.3rem;*/
/*}*/

/*.pc .language-btn {*/
/*    right: 0;*/
/*    border: 1px solid rgba(255, 255, 255, .2);*/
/*}*/

/*.pc .language-box ul {*/
/*    margin-top: .53rem;*/
/*    background: rgba(0, 0, 0, 0);*/
/*    right: 0;*/
/*    padding: .06rem 0;*/
/*    animation: ani-fade-in .3s;*/
/*    overflow: hidden;*/
/*}*/

/*@keyframes ani-fade-in {*/
/*    0% {*/
/*        opacity: 0;*/
/*    }*/
/*    100% {*/
/*        opacity: 1;*/
/*    }*/
/*}*/

/*.language-box ul li {*/
/*    width: 100%;*/
/*    margin: 0 auto;*/
/*    border-bottom: 1px solid hsla(0, 0%, 100%, .2);*/
/*    box-sizing: border-box;*/
/*    font-size: .2rem;*/
/*    cursor: pointer;*/
/*    color: var(--color-white);*/
/*}*/

/*.language-box ul li.cur span {*/
/*    background: rgba(220, 220, 220, .25);*/
/*}*/

/*.language-box ul li span {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    height: .5rem;*/
/*    transition: all .3s;*/
/*}*/

/*.language-box ul li {*/
/*    transform: translateX(.2rem);*/
/*    transition: all .3s;*/
/*    opacity: 0;*/
/*}*/

/*.language-box ul li:nth-child(1) {*/
/*    transition-delay: .1s;*/
/*}*/

/*.language-box ul li:nth-child(2) {*/
/*    transition-delay: .2s;*/
/*}*/

/*.language-box ul li:nth-child(3) {*/
/*    transition-delay: .3s;*/
/*}*/

/*.language-box ul li:nth-child(4) {*/
/*    transition-delay: .4s;*/
/*}*/

/*.language-box ul li:nth-child(5) {*/
/*    transition-delay: .5s;*/
/*}*/

/*.pc .language-box:hover {*/
/*    height: auto;*/
/*}*/

/*.pc .language-box:hover ul {*/
/*    background: rgba(0, 0, 0, .4);*/
/*}*/

/*.pc .language-box:hover ul li {*/
/*    transform: translateX(0);*/
/*    opacity: 1;*/
/*}*/

/*.language-box ul li:not(.cur):hover span {*/
/*    background: rgba(0, 0, 0, .5);*/
/*}*/

/*.language-box ul li:last-child {*/
/*    border-bottom: none;*/
/*}*/

/*.mobile .language-box.show::before {*/
/*    content: '';*/
/*    position: fixed;*/
/*    top: 0;*/
/*    right: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: rgba(0, 0, 0, .85);*/
/*    transition: all .3s;*/
/*    z-index: 3;*/
/*}*/
/*.mobile .language-box{*/
/*    margin-top: 0;*/
/*    height: auto;*/
/*    position: absolute;*/
/*}*/
/*.mobile .language-box .language-btn{*/
/*    margin-top: .06rem;*/
/*}*/
/*.mobile .language-box .language-btn::after{*/
/*    margin-bottom: -.08rem;*/
/*}*/
/*.mobile .language-box ul{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    display: none;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/
/*.mobile .language-box.show ul{*/
/*    display: flex;*/
/*}*/
/*.mobile .language-box.show ul li {*/
/*    transform: translateX(0);*/
/*    opacity: 1;*/
/*    height: 1rem;*/
/*}*/
/*.mobile .language-box ul li {*/
/*    height: 1rem;*/
/*    font-size: .3rem;*/
/*}*/
/*.mobile .language-box ul li span{*/
/*    height: 1rem;*/
/*}*/


/*body.page_loading::after {*/
/*    content: '';*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    z-index: 9999;*/
/*    width: 100vw;*/
/*    height: 100%;*/
/*    background: rgba(0, 0, 0, .99);*/
/*}*/