:root {
    --download-bar-height: 1rem;
    --download-bar-bg: #3b5998;
    --header-height: 1rem;
    --download-bar-height: 1rem;
    --header-bg: #fff;
    --download-bar-height: 1rem;
    --footer-height: 1.2rem;
    --play: running;
    --direction: normal;
    --duration: 22.092222086588542s;
    --delay: 0s;
    --iteration-count: infinite;
    --footer-height: 1.2rem;
  --footer-bg: linear-gradient(180deg,#263f89,#0d243c);
  --vh: 1dvh;
}
* {
    box-sizing: border-box;
    padding: 0;
    padding-top: 0px;
    margin: 0;
}
html {
    font-size: 50px;
}

body {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-size: calc(32vw / var(--unit, 7.5)) !important;
    font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
    line-height: 1.5;
    color: #3a3a3a;
}
.open_nav #app {
  position: fixed;
}
/* Modle Style */
.popup-modle {
    position: fixed;
    top: 0;
    max-width: 400px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    padding: 20px;
    display: none;
        z-index: 22;
}

.overlay {
    position: absolute;
    top: 0;
    max-width: 400px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    background-color: rgba(33, 33, 33, 0.46);
}

.modle-content {
    background: #fff;
    position: relative;
    border-radius: 5px;
    padding: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.modle-header {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 10px;
    position: relative;
    border-bottom: 3px dashed #ccc;
    padding-bottom: 10px;
    align-items: center;
}

.modle-title {
    font-size: 16px;
    font-weight: 700;
}
.close-modle {
    padding: 10px;
    border: none;
    background: transparent;
    cursor: pointer;
    align-items: center;
    display: inline-flex;
    font-feature-settings: "liga";
    font-size: 24px;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    position: relative;
    text-indent: 0;
    transition: .3s cubic-bezier(.25, .8, .5, 1), visibility 0s;
    vertical-align: middle;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.close-modle:before {
    display: inline-block;
    font: normal normal normal 24px / 1 Material Design Icons;
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
        content: "\F156";
}
.lang-option {
    width: 100%;
}
.lang-option .lang-list {
    display: flex;
    flex-wrap: wrap;
    color: #acacac;
    align-items: center;
}
.lang-list .flag img {
    max-width: 35px;
    width: 100%;
}
.lang-list .currency-name {
    text-align: center;
    font-size: 14px;
}
.lang-name_wrapper {
    display: flex;
    flex-wrap: wrap;
}
.lang-name_wrapper .lang-name {
    border: 1px solid rgba(0, 0, 0, .12);
    min-width: 48px;
    text-align: center;
    font-family: 'Heebo-Bold', sans-serif !important;
    font-size: 12px !important;
    height: 35px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    text-transform: uppercase;
}
.lang-name_wrapper .lang-name.active {
    color: #fddd04;
    background-color: rgba(253, 221, 4, 0.18);
}
/* Modle Style */
a {
    text-decoration: none;
    outline: none;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
.row {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 auto;
}
#app {
    max-width: 400px;
    width: 100%;
    height: fit-content;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 0px 10px #a0a0a0;
    background: #f2f4f7;
    padding-bottom: 0;
}

.shell-header {
    height: 1.2rem;
}

.header_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    color: #108ee9;
    z-index: 11 !important;
    top: 0;
    width: 100%;
    height: 1.2rem;
    transform: translateZ(0);
    position: fixed;
    overflow: initial;
    background: #fff;
}

.inner-page-header{
  
  height: 1rem;
}
.inner-page-header-wrapper {
  top: 0rem;
  z-index: 1003;
  justify-content: space-between;
  height: 1rem;
  background: var(--header-bg);
  transition: top .5s;
  display: flex;
  align-items: center;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  max-width: 400px;
  width: 100%;
}
.inner-page-header .am-icon-left {
  font-size: .3rem !important;
  color: #b2b1b6 !important;
}
.inner-page-header-wrapper .am-navbar-left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1 1 0%;
  height: 100%;
  font-size: .32rem;
  display: flex;
  align-items: center;
  flex: 0 0 20%;
}

.inner-page-header .am-icon-left {
  font-size: .3rem !important;
  color: #b2b1b6 !important;
}
.inner-page-header .right-wrapper {
  display: flex;
  align-items: center;
  gap: .1rem;
}
.inner-page-header  .report-icon {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.inner-page-header .report-icon svg {
  width: .44rem;
  height: .44rem;
  display: inline-block !important;
  flex: unset !important;
}
.inner-page-header .report-icon .am-navbar-title {
  white-space: wrap;
  text-align: center;
}
.inner-page-header {
}
.inner-page-header .cs-icon svg {
  width: .44rem;
  height: .44rem;
  display: inline-block !important;
  flex: unset !important;
}
.inner-page-header .cs-icon .am-navbar-title {
  white-space: wrap;
  text-align: center;
}
.inner-page-header .am-navbar-right {
  display: flex;
  align-content: center;
  flex: 0 0 20%;
  margin-right: 0;
  padding-right: .3rem;
  font-size: .3rem;
  color: #fff;
}
.inner-page-header .cs-icon {
  height: 100%;
  display: flex;
  align-items: center;
  margin-left: .2rem;
}
.side-nav {
    position: absolute;
    top: 50px;
    width: 100%;
    height: 100%;
    left: -100%;
    transition: all 0.3s;
    z-index: 999;
}
.home-header .side-nav {
    top: 100px;
}
.open_nav .side-nav {
    left: 0;
}

.am-navbar-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    height: 100%;
    -ms-flex-align: center;
    font-size: .32rem;
}

.am-navbar-left-content {
    padding-left: .3rem;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.am-navbar-left-icon {
    margin-right: .1rem;
    display: inherit;
}

.am-icon {
    fill: currentColor;
    background-size: cover;
    width: .44rem;
    height: .44rem;
}

.am-icon-md {
    width: .44rem;
    height: .44rem;
}

.am-navbar-left-icon .am-icon-md {
    display: none;
}

.header_inner .am-icon-left {
    font-size: .3rem !important;
    color: #b2b1b6 !important;
}

.am-navbar-left .am-navbar-left-content {
    padding-left: .3rem;
}

.am-navbar-left-content {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.am-navbar-left-content svg {
    display: block;
}

.shell-header .header_inner .shell_return_icon .am-icon-left {
    width: .48rem;
    height: .48rem;
    color: #fff;
}

.am-navbar-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
    font-size: .3rem !important;
    color: #0766ff !important;
    font-weight: 500;
}

.am-navbar-right {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 0;
}

.header-inner .am-navbar-right {
    font-size: .3rem;
    color: #fff;
}

.am-navbar-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1 1 0%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
    font-size: .3rem !important;
    color: #0766ff !important;
    font-weight: 600;
}

.header-inner .am-navbar-right {
    font-size: .3rem;
    color: #fff;
}

/* Login Page */
.page_title_wrapper {
    padding: 15px 10px;
    background-color: #000;
    color: #ffce01;
    text-align: center;
}

.page_title_wrapper .page_title {
    font-size: 14px;
}

.form_wrapper {
    width: 100%;
    padding: 0 .76rem;
}

.form-menu {
    display: flex;
    margin-bottom: .48rem;
}

.input-feild .lable {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 14px;
    color: rgba(0, 0, 0, .87);
    font-weight: 600;
}

input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=submit]), input[readonly]:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=submit]), select, textarea, .input-text {
    animation-timing-function: ease-in-out;
    -webkit-appearance: none;
    font-family: SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;
    width: 100%;
    height: .61rem;
    padding: 0 .16rem;
    font-size: .24rem;
    font-weight: 400;
    color: #000;
    background: #e3e5e9;
    border: 1px solid transparent;
    border-radius: .12rem;
    outline: none;
}

.panel-default {
    margin: .1rem 0;
}

.form_wrapper .panel-default {
    min-height: .48rem;
    padding: .1rem 0;
    text-align: left;
}

.input.country-code-wrapper {
    position: relative;
}

.otp-field button {
    position: absolute;
    right: 0;
    height: 100%;
    top: 0;
    border: 1px solid #333;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0px 5px;
    font-size: 12px;
    cursor: pointer;
}

.otp-field {
    position: relative;
    flex-grow: 1;
}

.otp-field input#mobileNumber {
    width: 100% !important;
}

form input[disabled] {
    background-color: rgba(0, 0, 0, .1) ! IMPORTANT;
    color: #3a3a3a !important;
    opacity: .7;
}

.form-content {
    font-size: 14px;
    padding-bottom: 10px;
}

.form-content a {
    color: #0766ff;
    font-weight: 600;
    font-size: 14px;
}

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

.form-control .btn {
    width: 100%;
    color: #fff;
    background: linear-gradient(180deg, #1cadfe, #0064e0);
    border: none;
}

.btn {
    display: block;
    cursor: pointer;
    text-decoration: none;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    transition: all 0.3s;
    border: 1px solid;
    font-weight: 600;
}

.btn-primary {
    background-color: #fddd04;
    border-color: #fddd04;
    color: #000000;
}

.btn-primary:hover {
    opacity: 0.8;
    transition: all 0.3s;
}

.btn-secondary {
    background-color: #0066d1;
    border-color: #0066d1;
    color: #fff;
}

.full-width {
    width: 100%;
}

.form-control .btn {
    width: 100%;
}

.horizontal-line hr {
    margin: 20px 0;
}

form .btn {
    width: 100%;
}

.form-menu {
    display: flex;
    margin-bottom: .48rem;
}

.form-menu .menu-links {
    gap: .15rem;
    padding: .08rem .16rem;
    margin: auto;
    background: #e3e5e9;
    border-radius: .12rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.form-menu .menu-links .menu-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: .54rem;
    font-size: .24rem;
    font-weight: 500;
    color: #5e6771;
}

.form-menu .menu-links .menu-link.on {
    color: #fff;
    background: #1778ff;
    border-radius: .08rem;
}

.checkbox-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .24rem;
    color: #0766ff;
}

.submit-button {
    margin-top: .48rem;
}

.checkbox-container a {
    color: #0766ff;
    text-decoration: underline;
}

label#remember-password-label {
    display: flex;
    align-items: center;
    gap: .12rem;
}

.form-header {
    padding: .8rem 0 0;
    margin-bottom: .8rem;
}

.form-header .form-logo {
    display: flex;
    justify-content: center;
}

.form-header .form-logo img {
    object-fit: contain;
    display: block;
    height: 1.32rem;
}

/* Login Page */
/* Register page */
.input-feild .input {
    position: relative;
}

#toggle-password, #toggle-password2 {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

#toggle-password.fa-eye .fa-eye, #toggle-password2.fa-eye .fa-eye {
    display: block;
}

#toggle-password .fa-eye, #toggle-password .fa-eye-slash, #toggle-password2 .fa-eye, #toggle-password2 .fa-eye-slash {
    display: none;
}

/* Register page */
/* header */
.shell-download-bar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10001;
    display: flex;
    align-items: center;
    height: var(--download-bar-height);
    padding: 0 .26rem;
    background: var(--download-bar-bg);
    transition: top .5s;
    position: fixed;
  left: 50%;
  transform: translateX(-50%);
  max-width: 400px;
  width: 100%;
}

.shell-download-bar .download-bar-icon {
    width: .8rem;
    height: .8rem;
    overflow: hidden;
    border-radius: .1rem;
}

.shell-download-bar .download-bar-icon img {
    display: block;
    width: 100%;
    height: 100%;
}

.shell-download-bar .download-bar-btn {
    position: absolute;
    right: .76rem;
    height: .56rem;
    padding: 0 .16rem;
    font-size: .24rem;
    font-weight: 600;
    line-height: .56rem;
    color: #fff;
    text-transform: capitalize;
    background: linear-gradient(180deg,#1cadfe,#0064e0);
    border-radius: .08rem;
}

.shell-download-bar .download-bar-close {
    position: absolute;
    right: .32rem;
    width: .32rem;
    height: .32rem;
}

.shell-download-bar .download-bar-close .am-icon {
    width: 100%;
    height: 100%;
    margin-top: .02rem;
}

.app-full-name-wrap {
    max-width: 46vw;
}

.shell-download-bar .app-full-name-wrap {
    margin-left: .15rem;
    font-size: .24rem;
    font-weight: 600;
    color: #fff;
}

.shell-download-bar .app-star-grade {
    display: flex;
    align-items: center;
    margin-top: .1rem;
}

.shell-download-bar .app-star-grade .star-icon {
    width: .32rem;
    height: .32rem;
    margin-right: .16rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQ+SURBVHgB5ZtNdtMwEMdnZCeEj0XYscM9QdMNNI9NcwLKCQgnAE7Q9gbtCQgnoJyAsgqsak5AuIEXQJPG1qBJcV9pk0bjWMJJfu/1pa0Vx/PXSCPNKAj/gXH/wQ5itmd+bZmfJiLGpPEobP/qgWcQPJN9vbdHRPvTrrEQql7v4FaSgCcUeCT7cvf1LOMZc62VjUbvwCNeBTC8sWizO+43dsAT3gRI+40uAURWjTHYBU94mwOM+3+3FgAgCe7c2fAxF3jxAFHvX9BMh+c2w2VhvHiAsPdzvHiBcw9Iv97bLWA848UL3A8BotdQEMTi77XFqQC84jMvO1CcZtq/3wWHOBUAUb+ERSnjHrfdHhxB/UaUIX6HEjArxE6tPTwBBzjzgAzVHpSE2SOUdq8b9wYHlNn7l/d05AVOPKDM3s9x5QWle4CL3s8JiDawPRxAiZTuATpAZ7FbY/n3XsgDqN+MMpW1dJZGSuEmIrR4Tw8OMQ88MCvLmAi/oQpijXpQq9UGRZfMcwWg02ZzPB5HKoMWBrBJWkfmTa2Cy1uXsAAxKhVnqf6BGMRhI4znCfOPALxyI8pa3JvGdDY0qqChUibC8Ct7jRn1J7X2z5P84kQA7mWTivoAiy1blwjsBaQPeEKdCFBwu7rU5AnYgJMV5q8urB+PdKpHaNLUp65n7gozwPTLXYI1hhdC3ooQFSRhAWJYX2Jlxv8BrCuIR4q3mOsoAtscPv19fLkSNOWofZeJhyrBxpuO3+ffry2FV1+Eq8YzNzZDqyzCdeOZqbvBVRRhmvHMzO3wKomgid7X28PutGu35gNWQYTbjGfmJkSWWYR5xjNWKbFlFMHGeMY6J7hMItgaz4iSossggsR4RpwVPu83egrRacFyAY7D7bMXkjeI6wJGsR5UFK2UeE9ToDASQlXBLGuCELEAnDaHikKI4meTDwFV3ewxgopASJE5YBOqiqlagZAixdHKDgHjneLOEQnAFSTzIp5oPBL9fUZrRAKkw7Ty9QMu5ErayzygwhEgh6vYovaSxlWOADmELgWocgTIEUYCaRSo/BCQRgJrAZYgAuSIIoG1AMsQAXIkkcDeA9xEgAQcFGclkcBagJIjQKIB3pq9+0P+Meq+4tNfUBIEFNm2tRegnAiQcH6evwlS3z47zP8Ztoc9U6XtlFWjRITHtm3tBUBcdAI8Doi2uDgx7egaH1jia3waVBO+h4Vw4AGmd4qOVa4+dzhVZXPMldvU27+7JruzVeawmIVAAPwMAiYnOi8ML3TKu/7kVxxsn20Umh9IWXuQdVKUY6sejU4tjtPxBHdwdYyXAWekORk77/NZLJ5PbA9Vi7LCfBJcI36a8RA8wR2Fjcahq6+68eePQRkhaFZWOtFZ2qk/G1sf+xGnxScPQbQbBMFL455NMzsmWuuPLg2f+gwXQjwH/vq96XUN6mNI2aH0OP0fGqPxgolxjhkAAAAASUVORK5CYII=) no-repeat 50%/cover;
}

.home-header {
    flex-shrink: 0;
    width: 100%;
    height: 1rem;
    transition: all .5s;
}

.header-content {
    position: fixed;
    top: 0rem;
    left: 0;
    z-index: 1003;
    justify-content: space-between;
    width: 100%;
    height: 1rem;
    padding: 0 .32rem;
    background: var(--header-bg);
    transition: top .5s;
    display: flex;
    align-items: center;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    max-width: 400px;
    width: 100%;
}
.home-header .header-content{
    top: 1rem;
}
home-header .header-content .header-left {
    display: flex;
    align-items: center;
}

.header-content .header-menu {
    width: .48rem;
    height: .48rem;
    margin-right: .12rem;
}

.header-content .header-menu svg {
    display: block;
    width: 100%;
    height: 100%;
}

.header-logo img {
    position: relative;
    display: block;
    height: .8rem;
}

.header-content .user-info {
    display: flex;
    align-items: center;
}

.header-content .user-balance {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.member-balance {
    display: flex;
    align-items: center;
    height: .5rem;
    padding: 0 .12rem;
    background: #e3e5e9;
    border-radius: 1rem;
}

.member-balance .sum-balance {
    font-size: .2rem;
    font-weight: 600;
    line-height: normal;
    color: #080809;
}

.header-content .user-balance .sum-balance {
    max-width: 1.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

member-balance .sum-balance .symbol {
    margin-right: .06rem;
}

.member-balance .balance-control {
    position: relative;
    display: flex;
    align-items: center;
    padding: .04rem;
    margin-left: .08rem;
    background: hsla(252,3%,70%,.5);
    border-radius: 1rem;
}

.member-balance .balance-control .refresh-balance {
    width: .4rem;
    height: .4rem;
    color: #0766ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.member-balance .balance-control .refresh-balance svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: #0766ff;
}

.header-content .user-balance .deposit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 1.44rem;
    height: .56rem;
    padding: 0 .16rem;
    margin-left: .2rem;
    font-size: .24rem;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(180deg,#1cadfe,#0064e0);
    border-radius: .08rem;
}

.header-content .header-left {
    display: flex;
    align-items: center;
}

/* header */
/* Slider CSS */
.slick-arrow {
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    background: rgba(0, 0, 0, .3);
    border-radius: 50%;
    color: #fff;
    line-height: 1;
}

.slick-next {
    right: 10px;
}

.slick-prev {
    left: 10px;
}

.main_slider {
    padding: 0 .32rem
}

.main_slider_wrapper {
    border-radius: .1rem;
    overflow: hidden;
}

/* Slider CSS */
/* home page */
.home-container {
    width: 100%;
    transition: all .5s;
}

.page-container {
    padding-bottom: var(--footer-height);
}

.shell-download-bar.show-bar + .home-header + .home-container {
    padding-top: var(--download-bar-height);
}

.notice_root {
    padding: 0 .32rem;
    margin: .24rem 0 .32rem;
}

.notice_root .notice_bg {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: .56rem;
    padding: 0 .16rem;
    line-height: normal;
    background: #fff;
    border-radius: .08rem;
    box-shadow: 0 1px .05rem 0 rgba(0,0,0,.05);
}

.notice_root .notice-icon {
    width: .32rem;
    height: .32rem;
}

.notice_root .line {
    width: 1px;
    height: .32rem;
    margin: 0 .12rem;
    background: #b2b1b6;
}

.notice_root .marquee {
    position: relative;
    display: flex;
    flex: 1 1 0%;
    overflow: hidden;
    font-size: .24rem;
    font-weight: 400;
    color: #5e6771;
}

.notice_root .marquee {
    position: relative;
    display: flex;
    flex: 1 1 0%;
    overflow: hidden;
    font-size: .24rem;
    font-weight: 400;
    color: #5e6771;
}

.marquee .marquee_content {
    animation: marquee var(--duration) linear var(--delay) var(--iteration-count);
    animation-delay: var(--delay);
    animation-direction: var(--direction);
    animation-play-state: var(--play);
}

@keyframes marquee {
    0% {
        transform: translateX(67vw)
    }

    to {
        transform: translateX(-100%)
    }
}

.notice_root .marquee .marquee_content {
    position: relative;
    white-space: nowrap;
    will-change: right;
}

.notice_root .marquee .content-item {
    margin-left: .4rem;
    vertical-align: middle;
}
.home-hot-game {
  margin-top: .2rem;
}
.home-game-list-container {
  position: relative;
  width: 100%;
  padding: 0 .2rem;
  margin-bottom: .3rem;
}
.game-list-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: .3rem;
}
.game-title {
  width: 100%;
  height: .56rem;
  font-size: .24rem;
  font-weight: 600;
}
.game-title .title-content {
  justify-content: space-between;
  height: 100%;
  display: flex;
  align-items: center;
}
.game-title .title-content .title-text{
  display: flex;
  align-items: center;
}
.game-title .title-content .title-icon {
  display: block;
  width: .4rem;
  height: .4rem;
  margin-right: .12rem;
}
.game-title .title-content .title-name {
  background: linear-gradient(180deg,#1cadfe,#0064e0);
    background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.game-title .title-content .btn-more {
  display: flex;
  align-items: center;
  height: .56rem;
  padding: 0 .16rem;
  color: #fff;
  background: linear-gradient(180deg,#1cadfe,#0064e0);
  border-radius: .08rem;
}
.game-title .title-content .am-icon {
  width: .32rem;
  height: .32rem;
  margin-left: .1rem;
}
/* jackpot */
/* Il-kontenitur ewlieni tal-premju - Main jackpot container */
/* .jackpot-container {
    background: linear-gradient(135deg, #1b2845, #22355e);
    padding: 16px 24px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0,0,0,0.4);
    border: 1px solid #2a4073;
    margin: .32rem .32rem .48rem;
    color: #fff;
} */
.jackpot-container {
    margin: .32rem .32rem .48rem;
    color: #fff;
}

.jackpot-bg {
    position: relative;
    width: 100%;
    height: 1.64rem;
    padding: .83rem 0 0;
    background: url(../images-new/jackpot-bg.3b0ca6f8.png) no-repeat 50%/100% 100%;
}

/* Dekorazzjoni fl-isfond (stilel u muniti) - Background decorations */
.bg-star {
    position: absolute;
    color: rgba(255, 255, 255, 0.04);
    font-size: 100px;
    z-index: 1;
    user-select: none;
}

.bg-star.s1 {
    top: -30px;
    left: 0px;
}

.bg-star.s2 {
    bottom: -40px;
    right: 20px;
    font-size: 140px;
}

.bg-coin {
    position: absolute;
    font-size: 35px;
    opacity: 0.9;
    z-index: 1;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.6));
    user-select: none;
}

.bg-coin.c1 {
    top: -8px;
    right: 5px;
    transform: rotate(15deg);
}

.bg-coin.c2 {
    bottom: -15px;
    left: 15px;
    transform: rotate(-25deg);
    font-size: 45px;
}

/* Titlu - Title */
.jackpot-title {
    color: #5ea6ff;
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
    letter-spacing: 0.5px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

/* Kontenitur tal-lista tan-numri - Number list container */
.num-list {
    display: flex;
    height: .68rem;
    overflow: hidden;
    font-size: .48rem;
    font-weight: 700;
    justify-content: center;
}

/* Kaxxa għal kull numru - Individual number box */
.scroll-num {
    background: linear-gradient(to bottom, #ffffff, #e6ebf2);
    border: .02rem solid #0766ff;
    border-radius: 4px;
    width: 26px;
    height: 36px;
    overflow: hidden;
    position: relative;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.1);
    width: .5rem;
}

/* Il-lista animata - The animated list */
.animate-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* Dan jagħmel l-effett ta' slide - This creates the sliding effect */
    transition: transform 1.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.animate-list li {
    height: 36px;
    /* Għandu jkun l-istess bħall-għoli tal-kaxxa - Must match box height */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    font-weight: 900;
    color: #1d4ed8;
}

/* Virgoli u punti - Commas and decimal points */
.point {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: .26rem;
    font-size: .4rem;
    font-weight: 700;
    color: transparent;
    background: linear-gradient(180deg,#1cadfe,#0064e0);
    background-clip: border-box;
    -webkit-background-clip: text;
    background-clip: text;
}
/* jackpot */
.game-tabs {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    gap: .26667rem;
    overflow-x: auto;
    padding: .13333rem 0;
    scrollbar-width: none;
}
.hide-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.game-tabs__scroll {
    display: flex;
    overflow-x: auto;
    position: relative;
    gap: 8px;
    align-items: center;
}
.game-tabs__scroll-item {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    flex-direction: column;
    padding:10px .39rem 10px .39rem;
    white-space: nowrap;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    cursor: pointer;
    font-size: .24rem;
    color: #b2b1b6;
    text-align: center;
    border-radius: .1rem;
}
.game-tabs__scroll-item.active{
    color: #fff;
  background: linear-gradient(180deg,#1cadfe,#0064e0);
  border-radius: .12rem;
}

.game-tabs__scroll-item.active .icon_inactive{
    display:none
}
.game-tabs__scroll-item .icon_active{
    display:none;
}
.game-tabs__scroll-item.active .icon_active{
    display:block;
}
.game-menu-icon{
    display: block;
  width: .48rem;
  height: .48rem;
  margin-bottom: .12rem;
  object-fit: contain;
}
.game-tabs__scroll-item .game-menu-name {
width: 100%;
  margin-top: .05rem;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.1;
  white-space: nowrap;
  display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.tab-content {
    display: none;
    animation: fadeIn 0.4s ease;
    gap: 0;
}
.tab-content.active {
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
}
.game-section__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .21333rem;
}
.game-section__grid-item {
    position: relative;
    border: .02667rem solid #4d6776;
    border-radius: .18667rem;
    overflow: hidden;
    aspect-ratio: 37 / 50;
}
.game-section__grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.game-tabs__scroll-indicator {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: .66667rem;
    background: transparent;
    background: transparent;
    transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 1;
    border: .02667rem solid transparent;
    pointer-events: none;
}
.active_tab .home-banner,
.active_tab .jackpot-container,
.active_tab .game-list-title{
    display:none;
}
.home-footer-container {
  width: 100%;
  font-size: .24rem;
  font-weight: 600;
  color: #ebf5ff;
}
.home-footer-container .home-footer-content {
  width: 100%;
  padding: .32rem;
  background: #3b5998;
}
.home-footer-container .lr-logo img {
  display: block;
  height: 1.06rem;
  margin-bottom: .36rem;
}
.home-footer-container .home-footer-top {
  display: grid;
  grid-auto-flow: column;
  gap: .7rem;
  margin-bottom: .4rem;
}
.home-footer-container .footer-service {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1.14rem;
  padding: .16rem .24rem;
  font-size: .24rem;
  font-weight: 400;
  color: #b2b1b6;
  background: linear-gradient(90deg,#263f89,#0d243c);
  border-radius: .12rem;
}
.home-footer-container .footer-service-title {
  margin-bottom: .24rem;
  font-weight: 600;
  color: #fff;
}
.home-footer-container .footer-service-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: .56rem;
  padding: 0 .16rem;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(180deg,#1cadfe,#0064e0);
  border-radius: 1rem;
}
.home-footer-container .channel-list {
  display: flex;
  align-items: center;
  width: 100%;
  margin: .36rem 0 .64rem;
}
.home-footer-container .channel-list .channel-item {
  width: .64rem;
  height: .64rem;
}
.home-footer-container .channel-list .channel-item .am-icon {
  width: 100%;
  height: 100%;
}
svg:not(:root) {
  overflow: hidden;
}
.home-footer-container .copyright {
  font-size: .2rem;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}
.new-gametab-padding {
  gap: .5rem 2%;
  padding-top: 0;
}
.new-gametab-padding .mobile-provider-card-item {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  flex-direction: column;
  overflow: hidden;
  width: 23.5%;
}
.new-gametab-padding.column3 .mobile-provider-card-item {
  width: 32%;
}
.new-gametab-padding .mobile-provider-card-item img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.game-list-wrapper {
  margin-bottom: .3rem;
}
.active_tab .other_cat{
    display:none;
}
/* Home page */

/* footer */
footer.footer {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  max-width: 400px;
  width: 100%;
  bottom: 0;
  z-index: 5;
}
.footer-menu .footer-menu-bg {
  display: flex;
  width: 100%;
  height: var(--footer-height);
  background: var(--footer-bg);
}
.footer-menu .footer-menu-item {
  position: relative;
  flex: 1 1 0%;
  flex-direction: column;
  font-size: .2rem;
  font-weight: 600;
  line-height: normal;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-menu .footer-menu-item .footer-icon {
  position: relative;
  width: .4rem;
  height: .4rem;
  margin: 0 auto .12rem;
}
.footer-menu .footer-menu-item .footer-icon .am-icon {
  display: block;
  width: 100%;
  height: 100%;
  fill: #b2b1b6;
}
.footer-menu .footer-menu-item.on .footer-icon svg {
  fill: #0064e0;
}
.footer-menu .footer-menu-item.on .footer-menu-name {
  background: linear-gradient(180deg,#1cadfe,#0064e0);
    background-clip: border-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* footer */

/* Header menu */

.side-nav .left-side-menu {
  height: calc(var(--vh, 1vh)*100 - var(--header-height) - var(--download-bar-height));
  position: relative;
  z-index: 1;
  width: 4.4rem;
}
.side-nav .touch-move-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.left-side-menu .side-menu-content {
  width: 100%;
  height: 100%;
  padding: .28rem .24rem;
  overflow: hidden auto;
  background-color: #fff;
}
.left-side-menu .main-nav-wrap {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: .16rem .24rem;
}
.left-side-menu .main-nav-wrap .main-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 1.2rem;
  font-size: .24rem;
  font-weight: 400;
  color: #3b5998;
  background: #ebf5ff;
  border-radius: .08rem;
}
.left-side-menu .main-nav-wrap .item-icon {
  flex-shrink: 0;
  width: .48rem;
  height: .48rem;
  margin-bottom: .12rem;
}
.left-side-menu .sub-nav-wrap {
  display: flex;
  flex-direction: column;
  gap: .16rem;
  margin-top: .16rem;
  overflow: hidden;
}
.left-side-menu .sub-nav-wrap .sub-nav-item {
  position: relative;
  display: flex;
  align-items: center;
  height: .64rem;
  padding: 0 .24rem;
  font-size: .24rem;
  font-weight: 400;
  line-height: normal;
  color: #3b5998;
  white-space: nowrap;
  background: #ebf5ff;
  border-radius: .08rem;
}
.left-side-menu .sub-nav-wrap .nav-icon {
  width: .4rem;
  height: .4rem;
  margin-right: .16rem;
}
.left-side-menu .collapse-accordion {
  margin-top: .16rem;
}
.left-side-menu .am-accordion-item {
  position: relative;
}

.am-accordion-header {
  box-sizing: border-box !important;
  height: auto !important;
  padding: 0 !important;
  line-height: normal !important;
  background: none !important;
  position: relative;
  color: #000;
  font-size: .34rem;
}
.collapse-accordion .accordion-header {
  position: relative;
  display: flex;
  align-items: center;
  height: .64rem;
  padding: 0 .24rem;
  font-size: .24rem;
  font-weight: 400;
  color: #3b5998;
  background: #ebf5ff;
  border-radius: .08rem;
}
.collapse-accordion .accordion-header img {
  display: block;
  width: .48rem;
  height: .48rem;
  margin-right: .1rem;
}
.side-menu-content .collapse-accordion .lang-accordion-arrow {
  position: absolute;
  top: .15rem;
  right: .24rem;
  width: .4rem;
  height: .4rem;
  transition: all .2s;
}
.am-accordion-content .lang-nav-list {
  display: flex;
  flex-direction: column;
  gap: .24rem;
  padding: .16rem .24rem;
  overflow: hidden;
  background: #ebf5ff;
  border-radius: .08rem;
  margin-top: .14rem;
}
.lang-nav-item {
  position: relative;
  display: flex;
  align-items: center;
  font-size: .24rem;
  font-weight: 600;
  color: #080809;
}
.lang-nav-item .lang-nav-icon {
  display: block;
  width: .48rem;
  height: .48rem;
  margin-right: .1rem;
}
.am-accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
/* Header menu*/

/* promotion page */

.activity-preview {
  padding-top: 50px;
}
#app>.header-content {
  height: var(--header-height);
}
.activity_container .activity-main-title {
  padding: .32rem 0 0 .32rem;
}
.activity_container .activity-main-title span {
  font-size: .32rem;
  font-weight: 600;
  color: #0766ff;
}
.activity_container .promo_menu {
  position: relative;
  width: 100%;
  padding-left: .3rem;
  margin: .32rem 0;
  overflow: auto hidden;
}
.activity_container .activity_content {
  width: 100%;
  padding: 0 .2rem 1rem;
}
.activity_container .activity_content .promo_item {
  position: relative;
  width: 100%;
  padding: .24rem;
  margin-bottom: .24rem;
  background: #3b5998;
  border-radius: .08rem;
}
.activity_container .activity_content .promo_item .activity_img {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: .08rem .08rem 0 0;
}
.activity_container .activity_content .promo_item .activity_img img {
  display: block;
  width: 100%;
  min-height: 2rem;
}
.activity_container .activity_content .promo_item .activity_info {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .16rem 0 0;
  overflow: hidden;
}
.activity_container .activity_content .promo_item .activity_info .item-title {
  position: relative;
  z-index: 1;
  font-size: .28rem;
  font-weight: 900;
  color: #fff;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  word-break: break-word;
  -webkit-box-orient: vertical;
}
.activity_container {
  padding-bottom: 20px;
}
/* promotion page */

/* Deposit Page */
.wallet_page {
    padding: 0 .2rem 1.2rem;
    background-color: #fff;
}
.section_title{
    font-size: .26rem;
    font-weight: 700;   
    padding: 0 .2rem;
    color: #333;
    height: .7rem;
    line-height: .7rem;
    position: relative;
}
.section_title:before{
    content: "";
    left: 0;
    position: absolute; 
    width: .1rem;
    height: .1rem;
    display: inline-block;
    border-radius: .1rem;
    top: 50%;
    transform: translateY(-50%);
    background: #fb9e00;
}

.Recharge__container-tabcard {
    display: flex;
    align-content: flex-start;
    align-items: center;
    flex-flow: row wrap;
    padding-bottom: 10px;
}
.Recharge__container-tabcard .Recharge__container-tabcard__items {
border-radius: .1rem;
  padding: .15rem;
  text-align: center;
  display: inline-block;
  width: calc(25% - .06rem);
  min-height: 1.65rem;
  position: relative;
  margin: 0 .03rem .1rem;
  border: .02rem solid #e4e4e4 !important;
  overflow: hidden;
}
.Recharge__container-tabcard .Recharge__container-tabcard__items.active {
   border: .02rem solid #ec2529 !important;
}

.Recharge__container-tabcard .Recharge__container-tabcard__items.active svg{
    position: absolute;
  right: 0;
  width: .32rem;
  height: .32rem;
  bottom: 0;
  fill: #ec2529;
}
.Recharge__container-tabcard .Recharge__container-tabcard__items:not(.active) svg{
    display:none;
    
}

.Recharge__content-paymoney__money-list {
    overflow-x: scroll;
    margin-right: 0;
    display: flex;
    flex-wrap: wrap;
    margin: -.12rem 0 .2rem;
    overflow: visible;
}
.Recharge__content-paymoney__money-list .Recharge__content-paymoney__money-list__item{
    margin: .12rem .12rem 0 0;
    width: calc(20% - .1rem);
    height: .71rem;
    font-size: .24rem;
    white-space: nowrap;
    border: .02rem solid rgba(236,37,41,.2);
    border-radius: .12rem;
    color: #565656;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    position: relative;
}
.Recharge__content-paymoney__money-list .Recharge__content-paymoney__money-list__item:not(.active) svg{
    display:none;
}
.Recharge__content-paymoney__money-list .Recharge__content-paymoney__money-list__item:nth-child(5n) {
  margin-right: 0;
}
.Recharge__content-paymoney__money-list .Recharge__content-paymoney__money-list__item.active {
    border: .02rem solid #ec2529;
    background-color: #fff;
    color: #ec2529;
}
.Recharge__content-paymoney__money-list .Recharge__content-paymoney__money-list__item.active svg{
    position: absolute;
    right: 0;
    width: .32rem;
    height: .32rem;
    bottom: 0;
    fill: #ec2529;
}

.qr_code_wrapper,
.Recharger__menual__Process,
.Recharger__USD__Process{
    display: none;
}
.Recharge__container-rechageBtn {
    margin-top: 10px;
    background: linear-gradient(90deg, #CCCEDC 15.38%, #CDCFDD 98.73%);
    width: 100%;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 10px;
    padding: 5px;
}
.rechage_active {
    border: 2px solid #e0c400;
    background: #e0c400;
    color: #3a3a3a;
}

.Recharge__container-tabcard__items .deposit-img-new {
  display: flex;
  justify-content: center;
}
.Recharge__container-tabcard__items .deposit-img-new img {
  width: .7rem;
  height: .7rem;
  display: block;
}
.Recharge__container-tabcard__items .desc-content {
  position: relative;
  height: .8rem;
}
.Recharge__container-tabcard__items  .desc-info {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
.Recharge__container-tabcard__items .vcn-list-text {
  padding-top: .1rem;
  overflow: hidden;
  color: #333;
  font-size: .2rem;
  font-weight: 700;
  text-align: center;
  position: relative;
}
.Recharge__container-tabcard__items  p {
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.vc-v2-space-content {
  background: #f2f2f2;
  height: .16rem;
  position: relative;
  width: calc(100% + .4rem);
  left: -.2rem;
  bottom: 0;
}

.payment_type {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-y: scroll;
  font-family: Arial;
  display: flex;
  flex-wrap: wrap;
}
.payment_type li {
  height: .89rem;
  border-radius: .1rem;
  border: .02rem solid #e4e4e4 !important;
  margin-right: .2rem;
  text-align: center;
  display: ;
  overflow: hidden;
  font-size: .24rem;
  font-weight: 700;
  width: calc(33.33% - .1rem);
  margin: .05rem;
  vertical-align: top;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.14rem;
}
.payment_type li.active {
  border: .02rem solid #ec2529 !important;
  color: #ec2529;
}

.Recharge__content-paymoney .inputCon.false {
  width: 100%;
  padding-left: 0px;
  color: #1c1c1c;
  position: relative;
  height: .7rem;
  line-height: .7rem;
  font-size: .28rem;
  font-weight: 700;
  border: .02rem solid #e4e4e4 !important;
  border-radius: .12rem;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 0;
}
.Recharge__content-paymoney .inputCon.false i {
  font-style: normal;
  display: inline-block;
  text-align: center;
  font-size: .26rem;
  width: auto;
  flex: 0 0 0.5rem;
  padding: 0 .2rem;
}
.Recharge__content-paymoney .inputCon.false input {
  display: block;
  border: none !important;
  padding-right: .25rem !important;
  border-radius: .15rem !important;
  font-size: .26rem !important;
  outline: none !important;
  -webkit-appearance: none;
  line-height: normal !important;
  height: .7rem !important;
  padding-left: .04rem !important;
  color: #333 !important;
  background: none !important;
  position: relative;
  top: auto;
  left: auto;
  transform: unset;
  width: auto;
  padding-left: unset;
  flex: 1 1 0%;
}
.qr_code_wrapper img {
  max-width: 180px;
}
/* Deposit Page */