@charset "UTF-8";
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

ul,
li {
    list-style: none;
}

a {
    text-decoration: none;
}

input {
  outline: none;
}

i {
    font-style: normal;
}

body,
html {
    height: 100%;
    overflow: hidden;
    /* background: #000; */
    -webkit-overflow-scrolling: touch;
}


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

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

@font-face {
    font-family: 'HeadlinerNo';
    src: url("../fonts/HeadlinerNo.45.otf");
}

.lang-en,
.lang-de,
.lang-fr,
.lang-es,
.lang-pt,
.lang-id {
    font-family: 'AGENCYB';
}

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

.lang-th {
    font-family: 'PSL054pro';
}

@font-face {
    font-family: 'RobotoCondensed';
    src: url("../fonts/RobotoCondensed-Regular.ttf");
}

.lang-tr,
.lang-ru,
.lang-vi {
    font-family: 'RobotoCondensed';
}

@font-face {
    font-family: 'SourceHanSansCN';
    src: url("../fonts/SourceHanSansCN-Regular.ttf");
}

.lang-zh,
.lang-hk,
.lang-tw {
    font-family: 'SourceHanSansCN';
}

/* ar */

.lang-ar {
    direction: rtl;
}


/* auto_img */

.auto_img {
    display: block;
    width: 100%;
}


/* 弹窗 */

.bg-color {
    display: none;
    background-color: #000000;
    border-top: 1px solid #000000;
    position: absolute;
    height: 49.67rem;
    z-index: 10;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0.8;
}

.dia {
    display: none;
    padding-top: 0.42rem;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 11;
    transform: translate(-50%, -50%);
}

.bg-color.on,
.dia.on {
    display: block;
}

.dia .dia-close {
    background: url(../images/close.png) no-repeat;
    height: 0.28rem;
    width: 0.28rem;
    background-size: 1.71rem;
    position: absolute;
    right: 0.05rem;
    top: 0.05rem;
    background-position: -1.44rem -2.03rem;
}

/* scroll */

.scrollbar::-webkit-scrollbar {
  width: 0.05rem;
  height: 0;
  border-radius: 0.5rem;
}

.scrollbar::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 2px #293988;
  -webkit-box-shadow: inset 0 0 0px #212f4c;
  background: #ffdf76;
  border-radius: 0.5rem;
  border: 1px solid #231B3C;
}

.scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
  background-color: #21252c;
  border-radius: 0.5rem;
}