.speed-container {
  width: 519px;
  position: relative
}

.speed-container .speed-title {
  width: 100%;
  position: relative
}

.speed-container .speed-title h5,
.speed-container .speed-title h6 {
  background: var(--gold-gradient, linear-gradient(0deg, #e0af42, #fdf597 66.67%, #eec94d));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent
}

.speed-container .speed-title .sub-title {
  line-height: 1.31;
  color: #fff
}

.speed-container .container-center {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.speed-container .speed-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  padding: 30px 0
}

.speed-container .speed-item {
  width: 100%;
  height: 79px;
  display: flex;
  align-items: center;
  padding: 20px;
  border-radius: 5px;
  border: 2px solid #e0af42;
  background: #194c38;
  cursor: pointer;
  font-size: 20px;
  color: #fff
}

.speed-container .speed-icon {
  width: 30px;
  height: 30px;
  object-fit: contain;
  margin-right: 10px
}

.speed-container .speed-icon.fast {
  background: url(data:image/png;base64,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) no-repeat 50%/contain
}

.speed-container .speed-icon.normal {
  background: url(../img/down.png) no-repeat 50%/contain
}

.speed-container .speed-icon.slow {
  background: url(data:image/png;base64,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) no-repeat 50%/contain
}

.speed-container .speed-text.fast {
  color: #03ffc3
}

.speed-container .speed-text.normal {
  color: #00ffc2;
}

.speed-container .speed-text.slow {
  color: #ff6565
}

.speed-container .domain-info {
  position: relative;
  width: 0;
  flex: 1;
  line-height: normal;
  text-align: center;
  padding: 0 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5
}

.speed-container .domain {
  background-image: linear-gradient(101deg, #ff883e -14%, #e96749 52%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent
}

.speed-container .btn-enter {
  -webkit-user-select: none;
  -ms-user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: .2s;
  cursor: pointer;
  user-select: none;
  text-transform: capitalize;
  border-radius: 5px;
  border: 2px solid #e0af42;
  background: linear-gradient(0deg, #e0af42, #fdf597 66.67%, #eec94d);
  color: var(--bg, #111b27);
  text-shadow: 1px .5px 0 #fff;
  min-width: 100px;
  height: 34px;
  font-size: 13px;
  font-weight: 400;
  min-width: 92px;
  height: 39px
}

.speed-container .btn-enter.active,
.speed-container .btn-enter:not(.disabled):hover {
  filter: brightness(1.1)
}

.speed-container .btn-enter.disabled {
  cursor: not-allowed;
  opacity: .7
}

.speed-container .btn-retest {
  -webkit-user-select: none;
  -ms-user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: .2s;
  cursor: pointer;
  user-select: none;
  text-transform: capitalize;
  border-radius: 5px;
  border: 2px solid #e0af42;
  background: linear-gradient(0deg, #e0af42, #fdf597 66.67%, #eec94d);
  color: var(--bg, #111b27);
  text-shadow: 1px .5px 0 #fff;
  min-width: 100px;
  height: 34px;
  font-size: 13px;
  font-weight: 400;
  min-width: 112px;
  height: 39px;
  margin: 0 auto
}

.speed-container .btn-retest.active,
.speed-container .btn-retest:not(.disabled):hover {
  filter: brightness(1.1)
}

.speed-container .btn-retest.disabled {
  cursor: not-allowed;
  opacity: .7
}

.simple-select {
  position: relative
}

.simple-select .select-input {
  cursor: pointer
}

.simple-select .select-input .arrow-icon {
  display: block
}

.simple-select .select-options {
  position: absolute;
  z-index: 1
}

.simple-select .arrow-icon {
  transition: all .3s ease;
  transform: rotate(0deg)
}

.simple-select .arrow-icon.up {
  transform: rotate(-180deg)
}

.language-select {
  flex-shrink: 0;
  padding: 0 10px;
  height: 35px;
  position: relative;
  border-radius: 5px;
  border: 2px solid var(--gold-gradient, #e0af42);
  font-size: 14px;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center
}

.language-select .selected-name {
  background: var(--gold-gradient, linear-gradient(0deg, #e0af42, #fdf597 66.67%, #eec94d));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent
}

.language-select .simple-select {
  position: static;
  width: 100%
}

.language-select .select-input {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 6px
}

.language-select .language-selected {
  display: flex
}

.language-select .arrow-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  object-fit: contain;
  color: #fff
}

.language-select .flag-icon {
  display: block;
  width: 23px;
  height: 23px;
  object-fit: contain;
  margin-right: 9px
}

.language-select .select-options {
  top: 40px;
  width: 150px;
  right: 0;
  border-radius: 10px;
  border: 1px solid var(--gold-gradient, #e0af42);
  background: #1a293c;
  overflow: hidden;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 0
}

.language-select .select-options .select-option {
  display: flex;
  align-items: center;
  height: 40px;
  padding: 0 20px;
  cursor: pointer;
  width: 100%;
  font-size: 16px
}

.language-select .select-options .select-option .flag-icon {
  margin-right: 10px;
  width: 20px;
  height: 20px;
  object-fit: contain
}

.language-select .select-options .select-option.selected {
  background: #313e50
}

.win-item {
  display: flex;
  width: 300px;
  align-items: center;
  gap: 10px;
  background: linear-gradient(85deg, #e0af42 .22%, #fdf597 66.59%, #eec94d 99.78%);
  color: var(--bg, #111b27);
  text-shadow: 1px .5px 0 #fff;
  font-size: 16px;
  font-weight: 600;
  height: 92px;
  padding: 16px 10px;
  cursor: pointer
}

.win-item,
.win-item .game-icon {
  flex-shrink: 0;
  border-radius: 10px
}

.win-item .game-icon {
  width: 60px;
  height: 60px
}

.win-item .game-info {
  width: 0;
  flex: 1
}

.win-item .game-amount {
  flex-shrink: 0;
  white-space: nowrap
}

.win-item .customer-name,
.win-item .game-name {
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 1.5
}

.win-item .customer-name {
  font-size: 14px
}

.winner-wrapper {
  height: 100%
}

.winner-wrapper .winner-seamless {
  width: 620px;
  height: 300px;
  overflow: hidden;
  position: relative
}

.winner-wrapper .winner-seamless:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 60px;
  pointer-events: none;
  background: linear-gradient(180deg, transparent, #00331f)
}

.winner-wrapper .win-wrap {
  padding-bottom: 20px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px
}

.jackpot-num__list {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1px;
  color: var(--Second, #5d17eb);
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  background: linear-gradient(0deg, #e0af42 14.52%, #fdf597 56.45%, #eec94d 77.42%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: inherit;
  text-align: center;
  filter: drop-shadow(0px 1px 0 #835c1e);
  font-size: 42px;
  color: transparent;
  letter-spacing: 2px;
}

.jackpot-num__list .jackpot-num__item {
  position: relative;
  overflow: hidden;
  font-size: inherit;
  color: inherit;
  color: transparent
}

.jackpot-num__list .scroll-num {
  width: 100%;
  transition: transform 1s
}

.jackpot-num__list .scroll-num li {
  color: inherit
}

.jackpot-num__list .point,
.jackpot-num__list .scroll-num li {
  background: linear-gradient(0deg, #e0af42 14.52%, #fdf597 56.45%, #eec94d 77.42%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: inherit;
  text-align: center;
  filter: drop-shadow(3px 3px 0 #835c1e)
}

.jackpot-num__list .point {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  color: transparent
}

.winner-and-jackpot {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px
}

.winner-and-jackpot.rng {
  background: radial-gradient(74.73% 81.58% at 1.22% 2.64%, #731d50 0, rgba(115, 29, 80, 0) 100%), radial-gradient(81.04% 59.32% at 99.14% 100%, #571d73 0, rgba(87, 29, 115, 0) 100%), #111b27;
  padding: 30px;
  border-radius: 20px 20px 0 0
}

.winner-and-jackpot.rng .common-title {
  display: none
}

.roll-num {
  flex: 1;
  height: 318px;
  background: url(../img/jackpot-bg.863b1cbf.png) no-repeat 50%/contain;
  padding-top: 232px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px
}

.symbol {
  background: linear-gradient(0deg, #e0af42 14.52%, #fdf597 56.45%, #eec94d 77.42%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(3px 3px 0 #835c1e);
  font-size: 51px;
  font-weight: 700
}

.page-center {
  width: 1000px
}

.home-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all .3s
}

.home-container .home-header {
  position: relative;
  z-index: 10
}

.home-container .header-content {
  height: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 50px
}

.home-container .header-content .logo {
  display: block;
  position: absolute;
  left: 50%;
    height: 100%;
  transform: translateX(-50%)
}

.home-container .header-right {
  display: flex;
  align-items: center;
  display: none
}

.home-container .service-img {
  height: 100%
}

.home-container .home-content {
  margin: 0 auto;
  position: relative
}

.home-container .winner-and-jackpot {
  display: flex;
  flex-direction: column-reverse
}

.home-container .common-title {
  display: none;
}

.home-container .roll-num {
  flex: unset;
  width: 410px;
  height: 305px;
  padding-bottom: 14px
}

.home-container .win-item {
  cursor: unset
}

.home-container .home-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 90px;
  background: #194c38;


}

.home-container .footer-item {
  width: 400px;
  height: 100%;
  position: relative;
  color: hsla(0, 0%, 100%, .5);
  font-size: 20px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: .2s;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  gap: 15px;
}

.home-container .footer-item:after {
  content: "";
  background: hsla(0, 0%, 100%, .2);
  width: 1px;
  height: 33px;
  position: absolute;
  right: 0;
  top: 50%;
  translate: 0 -50%;
  pointer-events: none
}

.home-container .footer-item>svg {
  width: 50px;
  height: 50px
}

.home-container .footer-item .footer-text {
  /* white-space: pre-wrap; */
  text-align-last: left
}

#speed {
  width: 100%;
  height: 100%;
  margin: 0 auto
}

.common-message {
  position: fixed;
  left: 50%;
  top: 60px;
  min-width: 150px;
  height: 60px;
  transform: translateX(-50%);
  padding: 0 35px;
  line-height: 58px;
  text-align: center;
  font-size: 0;
  font-weight: 500;
  background: #fffdf5;
  border-radius: 8px;
  border: 2px solid #ebeef5;
  transition: all .15s linear 0s;
  z-index: 9999
}

.common-message span {
  color: #333;
  font-size: 16px;
  vertical-align: middle
}

.common-message.mobile {
  top: 150px;
  min-width: 450px;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center
}

.common-message.mobile span {
  font-size: 28px
}

.common-message.mobile .message-fade-enter {
  top: -150px
}

.common-message.mobile .message-fade-leave-active {
  top: -150px;
  opacity: 0
}

.message-fade-enter {
  top: -60px
}

.message-fade-leave-active {
  top: -60px;
  opacity: 0
}

svg[data-v-598dcf46] {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  fill: currentColor
}

body,
button,
code,
dd,
details,
div,
dl,
dt,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
input,
li,
ol,
p,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0;
  outline: 0;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent
}

* {
  box-sizing: border-box
}

li,
ol,
ul {
  list-style: none
}

input {
  outline: none
}

input:-webkit-autofill {
  -webkit-text-fill-color: #dedede;
  -webkit-box-shadow: inset 0 0 0 1000px #3d4145 !important
}

input::-webkit-search-cancel-button {
  display: none
}

input:-ms-input-placeholder {
  -ms-transition: .2s;
  transition: .2s;
  font-family: DinPro, dinpro, PingFangSC-Regular, sans-serif
}

input::placeholder {
  transition: .2s;
  font-family: DinPro, dinpro, PingFangSC-Regular, sans-serif
}

input::-webkit-input-placeholder {
  -webkit-transition: .2s;
  transition: .2s;
  font-family: DinPro, dinpro, PingFangSC-Regular, sans-serif
}

button {
  outline: none;
  border: 0 none
}

body,
html {
  width: 100%;
  height: 100%;
  color: #333;
  background: #111b27;
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Arial, PingFang SC, Microsoft YaHei, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

html {
  overflow-y: auto !important
}

#app *,
.mcHelp * {
  -webkit-font-smoothing: initial !important;
  -moz-osx-font-smoothing: initial !important
}

svg {
  width: 100%;
  height: 100%;
  fill: currentColor
}

img {
  flex-shrink: 0;
  object-fit: contain
}

.hover:hover {
  opacity: .7
}

.br_sbgimg {
  background-position: 50%;
  background-repeat: no-repeat
}

.br_word {
  word-break: break-all;
  word-wrap: break-word
}

.fl {
  float: left
}

.fr {
  float: right
}

#app .v--modal {
  background-color: transparent
}

#app .v--modal-overlay {
  background: rgba(0, 0, 0, .3)
}

#app .v--modal-overlay .v--modal-box {
  overflow: visible;
  box-shadow: none
}

@font-face {
  font-family: br_model;
  src: url("data:font/opentype;base64,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") format("truetype"), url("data:font/woff;base64,d09GRgABAAAAAAhIAAsAAAAAB/wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFx2NtYXAAAAFoAAAAVAAAAFQXVtKKZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAABCAAAAQgMisD/2hlYWQAAAXkAAAANgAAADYTlAPbaGhlYQAABhwAAAAkAAAAJAfCA8lobXR4AAAGQAAAACAAAAAgFgAA/WxvY2EAAAZgAAAAEgAAABIDVAIybWF4cAAABnQAAAAgAAAAIAANAGduYW1lAAAGlAAAAZIAAAGSccNEVXBvc3QAAAgoAAAAIAAAACAAAwAAAAMDmgGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QMDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkD//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAABAAA/8AEAAPAABsANwA7AEUAAAEiBw4BBwYVFBceARcWMzI3PgE3NjU0Jy4BJyYDIicuAScmNTQ3PgE3NjMyFx4BFxYVFAcOAQcGAzMVIxMhNTM1IzUzETMCAGpdXosoKCgoi15dampdXosoKCgoi15dalZMTHEgISEgcUxMVlZMTHEgISEgcUxMloCAwP8AQEDAQAPAKCiLXl1qal1eiygoKCiLXl1qal1eiygo/GAhIHFMTFZWTExxICEhIHFMTFZWTExxICECoID+gEDAQP8AAAADACv/6wPVA5UAGwA3AGQAAAUiJy4BJyY1NDc+ATc2MzIXHgEXFhUUBw4BBwYnMjc+ATc2NTQnLgEnJiMiBw4BBwYVFBceARcWEzc+ATMyFhUUBg8BFx4BFRQGIyImLwEHDgEjIiY1NDY/AScuATU0NjMyFh8BAgBhVlWAJCUlJIBVVmFhVlWAJCUlJIBVVmFQRUZpHh4eHmlGRVBQRUZpHh4eHmlGRVCNBRAIEhkHBY2NBQcZEggQBoyNBRAIEhkHBY2NBQcZEggQBowVJSSAVVZhYVZVgCQlJSSAVVZhYVZVgCQlVR4eaUZFUFBFRmkeHh4eaUZFUFBFRmkeHgG8jQUHGRIIEAaMjQUQCBIZBwWNjQUHGRIIEAaMjQUQCBIZBwWNAAAAAAMAdQA1A4sDSwAYADUAUQAAARYUDwEOASMiJicxLwEmNDc2Mh8BNzYyFxcUBw4BBwYjIicuAScmNTQ3PgE3NjMyFx4BFxYVIzQnLgEnJiMiBw4BBwYVFBceARcWMzI3PgE3NgLSDAz3Bg4ICA4FAnQMCwwgC1vcDCALuR8fa0hIUlJISGsfHx8fa0hIUlJISGsfH0kaGVc7OkNDOjtXGRoaGVc7OkNDOjtXGRoCVwsgDPgFBgYFA3QLIAsMDFrcDAyXUkhIax8fHx9rSEhSUkhIax8fHx9rSEhSQzo7VxkaGhlXOzpDQzo7VxkaGhlXOzoAAAAEAF0AHwOhA2MAHAA5AEcAUwAAARQHDgEHBiMiJy4BJyY1NDc+ATc2MzIXHgEXFhUjNCcuAScmIyIHDgEHBhUUFx4BFxYzMjc+ATc2NSUVFAYjIiY9ATQ2MzIWERQGIyImNTQ2MzIWA6EhIXFNTFZXTExxISEhIXFMTFdWTE1xISFOGxtcPj5GRj4+XBsbGxtcPj5GRj4+XBsb/uAfFRYeHhYVHx8VFh4eFhUfAcFWTUxxISEhIXFMTVZWTUxxISEhIXFMTVZGPj5cGxsbG1w+PkZGPj5cGxsbG1w+PkadnRYeHhadFR8f/rEVHx8VFh4eAAAAAQAAAAEAAEATqhdfDzz1AAsEAAAAAADYOl+vAAAAANg6X68AAP/ABAADwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAAEAAABAAAAAAAAAAAAAAAAAAAACAQAAAAAAAAAAAAAAAIAAAAEAAAABAAAKwQAAHUEAABdAAAAAAAKABQAHgCIARwBlgIQAAAAAQAAAAgAZQAEAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAgAAAABAAAAAAACAAcAaQABAAAAAAADAAgAOQABAAAAAAAEAAgAfgABAAAAAAAFAAsAGAABAAAAAAAGAAgAUQABAAAAAAAKABoAlgADAAEECQABABAACAADAAEECQACAA4AcAADAAEECQADABAAQQADAAEECQAEABAAhgADAAEECQAFABYAIwADAAEECQAGABAAWQADAAEECQAKADQAsGJyX21vZGVsAGIAcgBfAG0AbwBkAGUAbFZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGJyX21vZGVsAGIAcgBfAG0AbwBkAGUAbGJyX21vZGVsAGIAcgBfAG0AbwBkAGUAbFJlZ3VsYXIAUgBlAGcAdQBsAGEAcmJyX21vZGVsAGIAcgBfAG0AbwBkAGUAbEZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("woff"), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxmb250IGlkPSJicl9tb2RlbCIgaG9yaXotYWR2LXg9IjEwMjQiPjxmb250LWZhY2UgdW5pdHMtcGVyLWVtPSIxMDI0IiBhc2NlbnQ9Ijk2MCIgZGVzY2VudD0iLTY0Ii8+PGdseXBoIGhvcml6LWFkdi14PSI1MTIiLz48Z2x5cGggdW5pY29kZT0i7qSAIiBnbHlwaC1uYW1lPSJpbmZvIiBkPSJNNTEyIDk2MEMyMjkuMjE2IDk2MCAwIDczMC43ODQgMCA0NDhTMjI5LjIxNi02NCA1MTItNjRzNTEyIDIyOS4yMTYgNTEyIDUxMi0yMjkuMjE2IDUxMi01MTIgNTEyem0wLTkyOEMyODIuMjQgMzIgOTYgMjE4LjI0IDk2IDQ0OHMxODYuMjQgNDE2IDQxNiA0MTYgNDE2LTE4Ni4yNCA0MTYtNDE2Uzc0MS43NiAzMiA1MTIgMzJ6bS02NCA2NzJoMTI4VjU3Nkg0NDh6bTE5Mi01MTJIMzg0djY0aDY0djE5MmgtNjR2NjRoMTkyVjI1Nmg2NHoiLz48Z2x5cGggdW5pY29kZT0i7qSBIiBnbHlwaC1uYW1lPSJlcnJvciIgZD0iTTUxMi0yMS4zMzNDMjUyLjgtMjEuMzMzIDQyLjY2NyAxODguOCA0Mi42NjcgNDQ4UzI1Mi44IDkxNy4zMzMgNTEyIDkxNy4zMzMgOTgxLjMzMyA3MDcuMiA5ODEuMzMzIDQ0OCA3NzEuMi0yMS4zMzMgNTEyLTIxLjMzM3pNNTEyIDY0YzIxMi4wNzUgMCAzODQgMTcxLjkyNSAzODQgMzg0UzcyNC4wNzUgODMyIDUxMiA4MzIgMTI4IDY2MC4wNzUgMTI4IDQ0OCAyOTkuOTI1IDY0IDUxMiA2NHptMCA0NDQuMzMxbDE0MC41MDEgMTQwLjUwMWM3LjY2NSA3LjQxIDE4LjEyIDExLjk3NyAyOS42NDEgMTEuOTc3IDIzLjU2NCAwIDQyLjY2Ny0xOS4xMDMgNDIuNjY3LTQyLjY2NyAwLTExLjUyMS00LjU2Ny0yMS45NzYtMTEuOTg5LTI5LjY1M0w1NzIuMzMxIDQ0OGwxNDAuNTAxLTE0MC41MDFjNy40MS03LjY2NSAxMS45NzctMTguMTIgMTEuOTc3LTI5LjY0MSAwLTIzLjU2NC0xOS4xMDMtNDIuNjY3LTQyLjY2Ny00Mi42NjctMTEuNTIxIDAtMjEuOTc2IDQuNTY3LTI5LjY1MyAxMS45ODlMNTEyIDM4Ny42NjkgMzcxLjQ5OSAyNDcuMTY4Yy03LjY2NS03LjQxLTE4LjEyLTExLjk3Ny0yOS42NDEtMTEuOTc3LTIzLjU2NCAwLTQyLjY2NyAxOS4xMDMtNDIuNjY3IDQyLjY2NyAwIDExLjUyMSA0LjU2NyAyMS45NzYgMTEuOTg5IDI5LjY1M0w0NTEuNjY5IDQ0OCAzMTEuMTY4IDU4OC41MDFjLTcuNDEgNy42NjUtMTEuOTc3IDE4LjEyLTExLjk3NyAyOS42NDEgMCAyMy41NjQgMTkuMTAzIDQyLjY2NyA0Mi42NjcgNDIuNjY3IDExLjUyMSAwIDIxLjk3Ni00LjU2NyAyOS42NTMtMTEuOTg5TDUxMiA1MDguMzMxeiIvPjxnbHlwaCB1bmljb2RlPSLupIIiIGdseXBoLW5hbWU9InN1Y2Nlc3MiIGQ9Ik03MjIuMTEyIDU5OS40NTZjMTUuNDU2LTE1LjQ1NiAxNS40NTYtMzkuNzQ0IDAtNTUuMjMyTDQ3NC43ODQgMjk2LjI4OGMtNy4xMzUtNi45MTktMTYuODc3LTExLjE4NC0yNy42MTYtMTEuMTg0cy0yMC40ODEgNC4yNjUtMjcuNjI2IDExLjE5NGwuMDEtLjAxLTEuOTIgMi4yNC0xMTUuNjggMTE2LjIyNGMtMTUuNDU2IDE0Ljg4LTE1LjQ1NiAzOS40ODgtLjU0NCA1NC42NTZzMzkuNzQ0IDE1LjIgNTQuNjU2IDBsOTEuMTA0LTkwLjgxNiAyMTkuNzc2IDIyMC44MzJjMTUuNDU2IDE1LjE2OCA0MCAxNS4xNjggNTUuMiAwek05MDYuNzIgNDQ4YzAtMjE4LjAxNi0xNzYuNzM2LTM5NC43Mi0zOTQuNzItMzk0LjcyUzExNy4yOCAyMjkuOTg0IDExNy4yOCA0NDggMjk0LjAxNiA4NDIuNzIgNTEyIDg0Mi43MmMyMTguMDE2IDAgMzk0Ljc1Mi0xNzYuNzM2IDM5NC43NTItMzk0Ljcyem0tNzMuMDg4IDBjMCAxNzcuNjMyLTE0NCAzMjEuNjMyLTMyMS42NjQgMzIxLjYzMnMtMzIxLjYtMTQ0LTMyMS42LTMyMS42MzIgMTQzLjk2OC0zMjEuNjMyIDMyMS42LTMyMS42MzIgMzIxLjY2NCAxNDQgMzIxLjY2NCAzMjEuNjMyeiIvPjxnbHlwaCB1bmljb2RlPSLupIMiIGdseXBoLW5hbWU9Indhcm5pbmciIGQ9Ik05MjguODk0IDQ0OC45NzRjMC0yMzAuNTI3LTE4Ny41NTItNDE4LjA3Ny00MTguMDc3LTQxOC4wNzdTOTIuNzQyIDIxOC40NDcgOTIuNzQyIDQ0OC45NzRjMCAyMzAuNTI1IDE4Ny41NTIgNDE4LjA3NyA0MTguMDc1IDQxOC4wNzdzNDE4LjA3Ny0xODcuNTUyIDQxOC4wNzctNDE4LjA3N3ptLTc4LjM4OSAwYzAgMTg3LjI5OC0xNTIuMzc2IDMzOS42ODQtMzM5LjY4NyAzMzkuNjg0UzE3MS4xMzIgNjM2LjI3MiAxNzEuMTMyIDQ0OC45NzRjMC0xODcuMyAxNTIuMzc2LTMzOS42ODggMzM5LjY4Ny0zMzkuNjg4czMzOS42ODYgMTUyLjM4OSAzMzkuNjg2IDMzOS42ODl6TTU2My4wNzkgNjA1Ljc1VjQ0OC45NzVjMC0yOC44Ni0yMy4zOTktNTIuMjYtNTIuMjYtNTIuMjZzLTUyLjI2IDIzLjM5OS01Mi4yNiA1Mi4yNlY2MDUuNzVjMCAyOC44NiAyMy4zOTkgNTIuMjYgNTIuMjYgNTIuMjZzNTIuMjYtMjMuMzk5IDUyLjI2LTUyLjI2em0wLTMxMy41NTRjMC0yOC44NjMtMjMuMzk5LTUyLjI2My01Mi4yNi01Mi4yNjNzLTUyLjI2IDIzLjM5OS01Mi4yNiA1Mi4yNjNjMCAyOC44NTggMjMuMzk5IDUyLjI1NyA1Mi4yNiA1Mi4yNTdzNTIuMjYtMjMuMzk5IDUyLjI2LTUyLjI1N3oiLz48L2ZvbnQ+PC9kZWZzPjwvc3ZnPg==") format("svg");
  font-weight: 400;
  font-style: normal
}

[class*=" br_dialog_d"],
[class^=br_dialog_d] {
  font-family: br_model !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.br_dialog_dinfo:before {
  content: ""
}

.br_dialog_derror:before {
  content: ""
}

.br_dialog_dsuccess:before {
  content: ""
}

.br_dialog_dwarning:before {
  content: ""
}

.pp_model_dialog {
  display: none;
  z-index: 99999;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

.pp_model_dialog.active {
  display: block
}

.pp_model_dcover {
  background-color: rgba(0, 0, 0, .4);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0
}

.pp_model_dmain {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
  position: relative
}

.pp_model_dbody {
  min-width: 260px;
  padding: 20px 0 0;
  background: #2b3248;
  box-shadow: 0 5px 18px 0 rgba(26, 0, 0, .56);
  border-radius: 5px;
  text-align: center;
  overflow: hidden;
  z-index: 9;
  position: relative
}

.pp_model_dbicon {
  padding-bottom: 20px
}

.pp_model_dbicon span {
  font-size: 42px
}

.pp_model_dbicon.info span {
  color: #f8bb86
}

.pp_model_dbicon.error span {
  color: #f11
}

.pp_model_dbicon.success span {
  color: #00ff37
}

.pp_model_dbicon.warning span {
  color: #fbff0b
}

.pp_model_dbtitle {
  color: #fff;
  padding: 0 20px 20px;
  font-size: 27px;
  line-height: normal;
  text-align: center;
  font-weight: 600
}

.pp_model_dbhtml {
  display: inline-block;
  padding: 0 20px 20px;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  text-align: left
}

.pp_model_dbbtn {
  display: flex
}

.pp_model_dbbtn>div {
  flex: 1;
  height: 52px;
  font-weight: 600;
  font-size: 14px;
  line-height: 52px;
  cursor: pointer
}

.pp_model_dbbtn>div span {
  color: #fff
}

.pp_model_dbbtn>div.cancel {
  background-color: rgba(135, 134, 134, .9)
}

.pp_model_dbbtn>div.cancel:hover {
  background-color: #878686
}

.pp_model_dbbtn>div.confirm {
  background: rgba(224, 175, 66, .9)
}

.pp_model_dbbtn>div.confirm:hover {
  background-color: #e0af42
}

.swal-button:focus {
  box-shadow: inherit
}

.br_loader_child,
.br_loader_root {
  display: none
}

.br_loader_child.active,
.br_loader_root.active {
  display: block;
  z-index: 1000;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

.br_loader_root.active {
  position: fixed
}

.br_loader_child.active {
  position: absolute
}

.br_loader_main {
  position: relative;
  width: 100%;
  height: 100%
}

.br_loader_bg {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .8)
}

.br_loader_content {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px
}

.br_spinner,
.br_spinner * {
  box-sizing: border-box
}

.br_spinner {
  height: 60px;
  width: 60px;
  overflow: hidden
}

.br_spinner .spinner_inner {
  position: relative;
  display: block;
  height: 100%;
  width: 100%
}

.br_spinner .spinner_circle {
  display: block;
  position: absolute;
  color: #e0af42;
  font-size: 14.4px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.br_spinner .spinner_line {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation-duration: 1s;
  border-left-width: 2.4px;
  border-top-width: 2.4px;
  border-left-color: #e0af42;
  border-left-style: solid;
  border-top-style: solid;
  border-top-color: transparent
}

.br_spinner .spinner_line:first-child {
  animation: br_spinner_animation_1 1s linear infinite;
  transform: rotate(120deg) rotateX(66deg) rotate(0deg)
}

.br_spinner .spinner_line:nth-child(2) {
  animation: br_spinner_animation_2 1s linear infinite;
  transform: rotate(240deg) rotateX(66deg) rotate(0deg)
}

.br_spinner .spinner_line:nth-child(3) {
  animation: br_spinner_animation_3 1s linear infinite;
  transform: rotate(1turn) rotateX(66deg) rotate(0deg)
}

@keyframes br_spinner_animation_1 {
  to {
    transform: rotate(120deg) rotateX(66deg) rotate(1turn)
  }
}

@keyframes br_spinner_animation_2 {
  to {
    transform: rotate(240deg) rotateX(66deg) rotate(1turn)
  }
}

@keyframes br_spinner_animation_3 {
  to {
    transform: rotate(1turn) rotateX(66deg) rotate(1turn)
  }
}

@keyframes floating {
  0% {
    transform: translate(0)
  }

  61% {
    transform: translateY(5px)
  }

  to {
    transform: translate(0)
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -100%, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 45px, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes lol {
  0% {
    opacity: 0;
    transform: translateX(-300px)
  }

  33%,
  66% {
    opacity: 1;
    transform: translateX(0)
  }

  to {
    opacity: 0;
    transform: translateX(300px)
  }
}

@keyframes iMfa-dD {
  0% {
    transform: scale(1)
  }

  10% {
    transform: scale(1.25)
  }

  20% {
    transform: scale(1)
  }
}

@keyframes breath {
  0% {
    opacity: .2
  }

  50% {
    opacity: 1
  }

  to {
    opacity: .2
  }
}

@keyframes jxwNOZ {
  0% {
    transform: translateY(104px)
  }

  25% {
    transform: translateY(120px)
  }

  50% {
    transform: translateY(144px)
  }

  to {
    transform: translateY(176px)
  }
}

@keyframes gamejxwNOZ {
  0% {
    transform: translateY(30px)
  }

  25% {
    transform: translateY(50px)
  }

  50% {
    transform: translateY(100px)
  }

  to {
    transform: translateY(120px)
  }
}

@keyframes loadRoate {
  0% {
    transform: rotate(0);
    animation-timing-function: cubic-bezier(.55, .055, .675, .19)
  }

  50% {
    transform: rotate(180deg);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  to {
    transform: rotate(1turn)
  }
}

@keyframes Ip_Lt {
  0% {
    transform: scale(1)
  }

  to {
    transform: scale(1.2)
  }
}

@keyframes O5_Kv {
  0% {
    transform: scale(1.25)
  }

  to {
    transform: scale(1)
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(100px, 0, 0)
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(-100px, 0, 0)
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100px, 0, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes pc_Kk {
  0% {
    transform: scale(1.1)
  }

  to {
    transform: scale(1)
  }
}

@keyframes prev_animation {
  0% {
    transform: scale(1);
    opacity: 1
  }

  to {
    transform: scale(1.2);
    opacity: 0
  }
}

@keyframes selected_animation {
  0% {
    transform: scale(.8);
    opacity: 0
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes cf_c5 {
  0% {
    transform: translateX(0)
  }

  50% {
    transform: translateX(-10px)
  }

  to {
    transform: translateX(0)
  }
}

@keyframes cf_cv {
  0% {
    transform: translateZ(0)
  }

  50% {
    transform: translate3D(-10px, 10px, 0)
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes cf_cp {
  0% {
    transform: translateX(0)
  }

  50% {
    transform: translateY(-10px)
  }

  to {
    transform: translateX(0)
  }
}

@keyframes cf_cr {
  0% {
    transform: translateZ(0)
  }

  50% {
    transform: translate3D(10px, -10px, 0)
  }

  to {
    transform: translateZ(0)
  }
}

@keyframes cf_KS {
  0% {
    opacity: 0;
    transform: translate3d(50px, 0, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

@keyframes cf_ch {
  0% {
    opacity: 0;
    transform: translateX(-50px)
  }

  to {
    opacity: 1;
    transform: translateX(0)
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3)
  }

  50% {
    opacity: 1
  }
}

@keyframes rotate-full {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

.hd_login.important {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  z-index: 2;
  margin-bottom: 20px
}

.hd_login.important .label-box {
  display: none
}

.hd_login.important .login-form {
  flex-direction: row;
  align-items: center;
  gap: 10px
}

.hd_login.important .login-form .item-box .country_code {
  height: 42px
}

.hd_login.important .login-form .item-box.hasCountry .country-code {
  left: 0
}

.hd_login.important .login-form .item-box.hasCountry>input {
  padding-left: 100px
}

.hd_login.important .login-form .item-box>input {
  width: 200px;
  height: 42px;
  border-radius: 8px;
  background: #26292e;
  box-shadow: 0 -1px 0 0 hsla(0, 0%, 100%, .25);
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  padding: 0 20px
}

.hd_login.important .login-form .item-box>input:-ms-input-placeholder {
  color: #c4c4c4
}

.hd_login.important .login-form .item-box>input::placeholder {
  color: #c4c4c4
}

.hd_login.important .login-form .item-box>input:focus,
.hd_login.important .login-form .item-box>input:hover {
  border-color: #e0af42
}

.hd_login.important .login-form .item-box>input.err {
  border: 1px solid #f04646
}

.hd_login.important .login-form .item-box>input.phone_input,
.hd_login.important .login-form .item-box>input.sms_input {
  width: 180px
}

.hd_login.important .login-form .item-box>input+.input-icon {
  top: 4px;
  left: 7px;
  display: none
}

.hd_login.important .login-form .item-box .header-forget {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  white-space: nowrap;
  transition: .2s;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: capitalize;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  width: 15px;
  height: 15px;
  color: #fff
}

.hd_login.important .login-form .item-box .header-forget.active,
.hd_login.important .login-form .item-box .header-forget:not(.disabled):hover {
  filter: brightness(1.1)
}

.hd_login.important .login-form .item-box .header-forget.disabled {
  cursor: not-allowed;
  opacity: .7
}

.hd_login.important .login-form .errorMsg {
  display: none
}

.hd_login.important .login-form .btn-wrap {
  padding: 0;
  margin: 0
}

.hd_login.important .sms-btn {
  min-width: 50px;
  font-size: 12px;
  padding: 0 5px;
  height: 20px;
  right: 5px
}

.hd_login.important .submit_btn {
  -webkit-user-select: none;
  -ms-user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: .2s;
  cursor: pointer;
  user-select: none;
  text-transform: capitalize;
  border-radius: 5px;
  border: 2px solid #e0af42;
  background: linear-gradient(0deg, #e0af42, #fdf597 66.67%, #eec94d);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  min-width: 100px;
  height: 34px;
  font-size: 13px;
  font-weight: 400
}

.hd_login.important .submit_btn.active,
.hd_login.important .submit_btn:not(.disabled):hover {
  filter: brightness(1.1)
}

.hd_login.important .submit_btn.disabled {
  cursor: not-allowed;
  opacity: .7
}

.hd_login.important .register-btn {
  -webkit-user-select: none;
  -ms-user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: .2s;
  cursor: pointer;
  user-select: none;
  text-transform: capitalize;
  border-radius: 5px;
  border: 2px solid #e0af42;
  background: linear-gradient(0deg, #e0af42, #fdf597 66.67%, #eec94d);
  color: var(--bg, #111b27);
  text-shadow: 1px .5px 0 #fff;
  min-width: 100px;
  height: 34px;
  font-size: 13px;
  font-weight: 400
}

.hd_login.important .register-btn.active,
.hd_login.important .register-btn:not(.disabled):hover {
  filter: brightness(1.1)
}

.hd_login.important .register-btn.disabled {
  cursor: not-allowed;
  opacity: .7
}

.hd_login.important .free-btn {
  -webkit-user-select: none;
  -ms-user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: .2s;
  cursor: pointer;
  user-select: none;
  text-transform: capitalize;
  border-radius: 5px;
  border: 2px solid #e0af42;
  background: linear-gradient(0deg, #e0af42, #fdf597 66.67%, #eec94d);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  min-width: 100px;
  height: 34px;
  font-size: 13px;
  font-weight: 400
}

.hd_login.important .free-btn.active,
.hd_login.important .free-btn:not(.disabled):hover {
  filter: brightness(1.1)
}

.hd_login.important .free-btn.disabled {
  cursor: not-allowed;
  opacity: .7
}

.hd_login.important .login-select {
  width: 200px;
  height: 42px;
  font-size: 12px
}

.hd_login.important .login-select .select-input {
  width: 100%;
  height: 100%;
  padding: 0 16px;
  border-radius: 5px;
  border: 1px solid #414141;
  background-color: #0b0b0b;
  color: #fff
}

.hd_login.important .login-select>ul>li {
  padding: 10px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: .2s;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #0b0b0b;
  color: #fff;
  justify-content: flex-start
}

.hd_login.important .login-select>ul>li:hover {
  color: #e0af42
}

.hd_login.important .firebase-btn {
  -webkit-user-select: none;
  -ms-user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: .2s;
  cursor: pointer;
  user-select: none;
  text-transform: capitalize;
  border-radius: 5px;
  border: 2px solid #e0af42;
  background: linear-gradient(0deg, #e0af42, #fdf597 66.67%, #eec94d);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  min-width: 100px;
  height: 34px;
  font-size: 13px;
  font-weight: 400;
  gap: 10px
}

.hd_login.important .firebase-btn.active,
.hd_login.important .firebase-btn:not(.disabled):hover {
  filter: brightness(1.1)
}

.hd_login.important .firebase-btn.disabled {
  cursor: not-allowed;
  opacity: .7
}

.hd_login.important .firebase-btn .main-button {
  border: 0;
  background-color: transparent;
  flex: 1;
  height: 100%;
  cursor: pointer;
  color: inherit;
  font: inherit;
  text-transform: inherit;
  padding-left: 20px
}

.hd_login.important .firebase-btn .fire-arrow {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 0 0 10px
}

.hd_login.important .firebase-btn .fire-arrow:hover .fire-drop {
  display: block
}

.hd_login.important .firebase-btn .fire-arrow:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 15px;
  top: 15px;
  left: 0;
  background: #fff
}

.hd_login.important .firebase-btn .fire-arrow .fire-arrow-icon {
  display: block;
  width: 14px;
  height: 7.9px;
  color: #fff
}

.hd_login.important .firebase-btn .or-connect {
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  padding: 10px 0 0;
  margin: 0
}

.hd_login.important .firebase-btn .fire-drop-bg {
  position: absolute;
  left: -80px;
  top: 82%;
  padding-top: 20px
}

.hd_login.important .firebase-btn .fire-drop {
  display: none;
  width: 170px;
  border-radius: 10px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
  background-color: #1b1b1b
}

.hd_login.important .firebase-btn .firebase-group {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 20px
}

.hd_login.important .firebase-btn .item {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: .2s;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: capitalize
}

.hd_login.important .firebase-btn .item.active,
.hd_login.important .firebase-btn .item:not(.disabled):hover {
  filter: brightness(1.1)
}

.hd_login.important .firebase-btn .item.disabled {
  cursor: not-allowed;
  opacity: .7
}

.hd_login.important .method-select {
  background-color: transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0
}

.hd_login.important .method-select .method-item {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 5px;
  color: #ffba5b;
  font-size: 15px;
  font-weight: 400
}

.hd_login.important .method-select .method-item svg {
  width: 16px;
  height: 16px
}

.hd_login.important .login-btn-switch {
  display: flex;
  position: absolute;
  top: 0;
  right: 10px
}

.hd_login.important .login-btn-switch .btn-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  width: 25px;
  height: 51px;
  color: #f2890b
}

.hd_login.important .login-btn-switch .btn-arrow:before {
  content: "";
  background: #c6c6c6;
  width: 1px;
  height: 8.6px
}

.hd_login.important .login-btn-switch .btn-arrow svg {
  width: 15px;
  height: 8.6px
}

.hd_login.important .login-btn-switch .btn-arrow:hover .switch-options {
  visibility: visible
}

.hd_login.important .login-btn-switch .option-item {
  display: flex;
  align-items: center;
  gap: 9px;
  height: 60px;
  background-color: #fff;
  padding-left: 20px;
  cursor: pointer;
  transition: .2s
}

.hd_login.important .login-btn-switch .option-item.active,
.hd_login.important .login-btn-switch .option-item:hover {
  background-image: linear-gradient(260deg, #f2890b, #ee3a22);
  color: #fff
}

.hd_login.important .login-btn-switch .option-item.active .option-icon,
.hd_login.important .login-btn-switch .option-item:hover .option-icon {
  background: #fff
}

.hd_login.important .login-btn-switch .option-item.active .option-icon svg,
.hd_login.important .login-btn-switch .option-item:hover .option-icon svg {
  fill: #ee3a22
}

.hd_login.important .login-btn-switch .option-icon {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(270deg, #f2890b, #ee3a22)
}

.hd_login.important .login-btn-switch .option-icon svg {
  width: 70%;
  height: 70%;
  fill: #fff
}

.form-container>form {
  display: flex;
  flex-direction: column;
  gap: 5px
}

.form-container .form_item {
  position: relative
}

.form-container .errorMsg {
  width: 100%;
  padding: 8px 0;
  font-size: 12px;
  color: #ec3207;
  text-align: left
}

.form-container .errorMsg.created {
  display: none
}

.form-container .item-box {
  width: 100%;
  position: relative
}

.form-container .item-box.capt {
  display: flex;
  align-items: center
}

.form-container .item-box.capt>input {
  padding-right: 100px
}

.form-container .item-box.hasCountry {
  display: flex;
  align-items: center
}

.form-container .item-box.hasCountry .country-code {
  color: #000;
  left: 34px
}

.form-container .item-box.hasCountry .select-options {
  background: #fff
}

.form-container .item-box.hasCountry>input {
  padding-left: 130px
}

.form-container .item-box .input-icon {
  width: 26px;
  height: 26px;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #999;
  top: 50%;
  transform: translateY(-50%);
  left: 13px
}

.form-container .item-box>input {
  transition: .2s;
  overflow: hidden;
  width: 100%;
  padding: 0 20px 0 50px;
  height: 48px;
  border-radius: 5px;
  background: #fff;
  color: #000;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  box-shadow: none;
  border: 2px solid transparent
}

.form-container .item-box>input:active,
.form-container .item-box>input:focus,
.form-container .item-box>input:hover {
  border-color: #e0af42
}

.form-container .item-box>input:-ms-input-placeholder {
  color: #999
}

.form-container .item-box>input::placeholder {
  color: #999
}

.form-container .item-box>input.err {
  border: 1px solid #f04646
}

.form-container .password-eyes {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: .2s;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 13px;
  color: #999
}

.form-container .password-eyes:hover {
  color: #e0af42
}

.form-container .captcha_box {
  cursor: pointer;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  display: flex;
  justify-content: center;
  align-items: center
}

.form-container .captcha_box img {
  height: 28px
}

.form-container .label-box {
  display: flex;
  align-items: center;
  padding-bottom: 5px
}

.form-container .label-box .errorMsg {
  display: none
}

.form-container .label-box .label-text {
  color: #fff;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: normal
}

.form-container .label-box .label-text.isRequire:after {
  content: "*";
  color: #e10030;
  margin-left: 2px
}

.form-container:hover .clear-icon {
  display: block
}

.form-container .forget-btn,
.form-container .online-service {
  cursor: pointer;
  transition: .2s;
  color: #e0af42;
  font-size: 14px
}

.form-container .forget-btn:hover,
.form-container .online-service:hover {
  filter: brightness(1.1)
}

.form-container .sms-btn {
  -webkit-user-select: none;
  -ms-user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: .2s;
  cursor: pointer;
  user-select: none;
  text-transform: capitalize;
  border-radius: 5px;
  border: 2px solid #e0af42;
  background: linear-gradient(0deg, #e0af42, #fdf597 66.67%, #eec94d);
  color: var(--bg, #111b27);
  text-shadow: 1px .5px 0 #fff;
  min-width: 100px;
  height: 34px;
  font-size: 13px;
  font-weight: 400;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  padding: 0 10px
}

.form-container .sms-btn.active,
.form-container .sms-btn:not(.disabled):hover {
  filter: brightness(1.1)
}

.form-container .sms-btn.disabled {
  cursor: not-allowed;
  opacity: .7
}

.form-container .rem-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0 10px 0;
  font-size: 14px;
  color: #fff
}

.form-container .rem-wrap.term {
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px
}

.form-container .rem-wrap.term>p {
  flex: 1;
  width: 0
}

.form-container .rem-wrap.term .terms-label {
  white-space: nowrap
}

.form-container .rem-wrap.term .terms-tip {
  color: #e0af42;
  cursor: pointer
}

.form-container .rem-wrap .remember-item {
  display: flex;
  align-items: center;
  gap: 5px
}

.form-container .rem-wrap .remember-item .remPass_box {
  position: relative
}

.form-container .rem-wrap .remember-item .remPass_box .remPass_checkbox {
  width: 20px;
  height: 20px;
  display: block;
  border: none;
  outline: none;
  position: relative;
  border-radius: 5px;
  background-color: transparent;
  opacity: 0;
  z-index: 3;
  cursor: pointer
}

.form-container .rem-wrap .remember-item .remPass_box.checked .gougou {
  opacity: 1
}

.form-container .rem-wrap .remember-item .remPass_box .checked-bg {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: 1px solid #e0af42;
  background-color: #fff;
  cursor: pointer;
  transition: all .15s linear;
  opacity: 1
}

.form-container .rem-wrap .remember-item .remPass_box .gougou {
  border-width: 0 2px 2px 0;
  width: 5px;
  height: 10px;
  transform: rotate(45deg);
  border-style: solid;
  border-color: #000;
  position: absolute;
  left: 8px;
  top: 4px;
  display: inline-block;
  opacity: 0
}

.form-container .rem-wrap .remember-item .jzmm {
  color: #fff
}

.form-container .btn-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  padding-top: 20px;
  margin-bottom: 20px
}

.form-container .freePlay,
.form-container .submit_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: .2s;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 5px;
  border: 2px solid #e0af42;
  background: linear-gradient(0deg, #e0af42, #fdf597 66.67%, #eec94d);
  height: 48px;
  color: #000;
  text-shadow: 1px .5px 0 #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  min-width: 100%;
  height: 46px
}

.form-container .freePlay:hover,
.form-container .submit_btn:hover {
  filter: brightness(1.1)
}

.form-container .freePlay {
  margin-left: 5px
}

.method-select {
  width: 100%;
  flex-shrink: 0;
  color: #585f68;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 30px
}

.method-select,
.method-select .method-item {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center
}

.method-select .method-item {
  flex: 1;
  width: 0;
  transition: .2s;
  cursor: pointer;
  position: relative;
  flex-direction: column;
  gap: 10px
}

.method-select .method-item:after {
  content: "";
  width: 100%;
  height: 2px;
  background: #585f68
}

.method-select .method-item:not(.active):hover {
  color: transparent;
  background: linear-gradient(0deg, #e0af42, #fdf597 66.67%, #eec94d);
  -webkit-background-clip: text;
  background-clip: text
}

.method-select .method-item.active,
.method-select .method-item:not(.active):hover:after {
  background: linear-gradient(0deg, #e0af42, #fdf597 66.67%, #eec94d)
}

.method-select .method-item.active {
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text
}

.method-select .method-item.active:after {
  background: linear-gradient(0deg, #e0af42, #fdf597 66.67%, #eec94d)
}

.form-page-container,
.form-popup-container {
  display: flex
}

.form-page-container .form-popup-banner,
.form-popup-container .form-popup-banner {
  flex-shrink: 0;
  font-size: 0;
  position: relative
}

.form-page-container .form-popup-banner.hasImg,
.form-popup-container .form-popup-banner.hasImg {
  padding: 0
}

.form-page-container .form-popup-banner__img,
.form-popup-container .form-popup-banner__img {
  max-width: 566px;
  max-height: 90vh;
  min-height: 400px;
  object-fit: cover
}

.form-page-container .form-popup-bg,
.form-popup-container .form-popup-bg {
  flex-shrink: 0;
  width: 470px;
  max-height: 90vh;
  padding: 40px 30px 30px;
  position: relative;
  color: #000;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden
}

.form-page-container .form-popup-bg::-webkit-scrollbar,
.form-popup-container .form-popup-bg::-webkit-scrollbar {
  width: 3px
}

.form-page-container .form-popup-bg::-webkit-scrollbar-thumb,
.form-popup-container .form-popup-bg::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #e0af42
}

.form-page-container .form-popup-bg::-webkit-scrollbar-track,
.form-popup-container .form-popup-bg::-webkit-scrollbar-track {
  background: transparent
}

.form-page-container .form-popup-bg .form-title,
.form-popup-container .form-popup-bg .form-title {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  gap: 10px
}

.form-page-container .form-popup-bg .form-title__text,
.form-popup-container .form-popup-bg .form-title__text {
  color: var(--White, #fff);
  font-size: 25px;
  font-weight: 600;
  padding-bottom: 30px
}

.form-page-container .form-popup-bg .form-title .form-logo,
.form-popup-container .form-popup-bg .form-title .form-logo {
  height: 59px;
  display: none
}

.form-page-container .form-popup-bg .form-title h5,
.form-page-container .form-popup-bg .form-title p,
.form-popup-container .form-popup-bg .form-title h5,
.form-popup-container .form-popup-bg .form-title p {
  color: #d1d1d1;
  font-size: 16px;
  padding-bottom: 20px
}

.form-page-container .form-tip,
.form-popup-container .form-tip {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  position: relative;
  padding-bottom: 20px;
  margin-top: auto
}

.form-page-container .form-tip a,
.form-popup-container .form-tip a {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  -webkit-user-select: none;
  -ms-user-select: none;
  text-transform: capitalize;
  user-select: none;
  cursor: pointer;
  transition: .2s;
  background: var(--gold-gradient, linear-gradient(0deg, #e0af42, #fdf597 66.67%, #eec94d));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  border-bottom: 1px solid #fdf597
}

.form-page-container .form-tip a.active,
.form-page-container .form-tip a:not(.disabled):hover,
.form-popup-container .form-tip a.active,
.form-popup-container .form-tip a:not(.disabled):hover {
  filter: brightness(1.1)
}

.form-page-container .form-tip a.disabled,
.form-popup-container .form-tip a.disabled {
  cursor: not-allowed;
  opacity: .7
}

.form-page-container .form-tip2,
.form-popup-container .form-tip2 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 26px;
  color: #e0af42
}

.form-page-container .form-tip2>a,
.form-popup-container .form-tip2>a {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: .2s;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 400
}

.form-page-container .form-tip2>a.active,
.form-page-container .form-tip2>a:not(.disabled):hover,
.form-popup-container .form-tip2>a.active,
.form-popup-container .form-tip2>a:not(.disabled):hover {
  filter: brightness(1.1)
}

.form-page-container .form-tip2>a.disabled,
.form-popup-container .form-tip2>a.disabled {
  cursor: not-allowed;
  opacity: .7
}

.form-page-container .form-cs,
.form-popup-container .form-cs {
  padding-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  gap: 10px;
  transition: .2s;
  cursor: pointer
}

.form-page-container .form-cs .cs-icon,
.form-popup-container .form-cs .cs-icon {
  width: 20px;
  height: 20px
}

.form-page-container .form-cs:hover,
.form-popup-container .form-cs:hover {
  color: #e0af42
}

.form-page-container .reset_btn,
.form-popup-container .reset_btn {
  -webkit-user-select: none;
  -ms-user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: .2s;
  cursor: pointer;
  user-select: none;
  text-transform: capitalize;
  border-radius: 10px;
  border: 1px solid #000;
  background-color: #fff;
  font-size: 28px;
  font-weight: 700;
  color: #ff9000
}

.form-page-container .reset_btn.active,
.form-page-container .reset_btn:not(.disabled):hover,
.form-popup-container .reset_btn.active,
.form-popup-container .reset_btn:not(.disabled):hover {
  filter: brightness(1.1)
}

.form-page-container .reset_btn.disabled,
.form-popup-container .reset_btn.disabled {
  cursor: not-allowed;
  opacity: .7
}

.firebase-login {
  flex-direction: column
}

.firebase-login,
.firebase-login .tips {
  display: flex;
  align-items: center;
  width: 100%
}

.firebase-login .tips {
  height: 34px
}

.firebase-login .or-connect {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  width: 100%
}

.firebase-login .firebase-group {
  display: flex;
  justify-content: center;
  gap: 20px;
  padding-top: 10px
}

.firebase-login .firebase-group .item {
  width: 45px;
  height: 45px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center
}

.firebase-login .firebase-group .item.google {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAmHSURBVHgB7Z3NThtXFMePjWlDpQYnqEolIgGLLLoJRl2URaTALjSpwLt2hfMEwBMEnqDwBJBNpa5MlCbNDpC6yKYyZJEusmCQEilZhDipFEgxuOc/H8T4817P3A+b+UmOjXFsM/85H/fcc+8kyHLyRMMpokwv0dAJP+anhst8SxCl+T5N3q2SIv+uyPeO//N2kh8fEe2U+HHW+521JMgyIEAf0fQxi8BfbqLsiRAlDr/vNt/WWeCd2/yYLMIKQR7yge9hEfjhjAIBWuHwbZPFuf8T35NhjAnClpC+QDTHAuQMiNAIh93b4iHRVvazy9OKdkEesSviuzm+zVCt/7eJtf+IlnQLo02QP71gvMq3CeostAqjXBC4pi+J7rEQ89TZaBFGqSBP2DVxtrRIdrsmGdwYM8UJAClCiSAd7J5E2WZryaqwliRFDKyCU8hCF4sBMl/w3/hYgRuOzEK6KFZIwQdw+ZMXWyKpAEQiCFzUiauJm9KeRxx2YZNRuLDQgvjxYsOiwZ0pIhEllCD+IG+DuieLCgvc1mSY+ljbgsRiNCSUKG0JEovRkrZFkRbED+AFisVoRZFjyphsTJEahwQBnGIxREjzWGUjL5nsCFuIP84oxNmUNNt+9iU0ThG2EH/QN0wxsmRw7ERfLCTIE28i6VyNwKMEx060zNLSZcVBPDKEgnxLC/FLIrEY4UEMXm31oqYWwuONHAm8iW5602nqGx6mi5kM9fb3U+rSJff50rt39HFvj0rFIn3Y3qajon0dP3zAF37kgmST39fHphoVBLg6O+sKcHliwhVDhAPHcYV5s75O+1tb9JF/tgC4rpFGWVdDQR55lpEjgwzwwb92754rQhTsb27S7sqKK5BJULJnK1lo8Lta/EC+S4a4msu5QohagiywnBeLi/TyvrKZ2Jb4VuJUP183qJ9I5M1RApc0vrFB11dXlYkB8N7X19boRqFAXyn8nGY0CvA1FmLKOkbm5ui75WUyAazlxdISGWCsugBZYyG6rQMBG1ZhSgwwMDlJhpirfuKMhei2DriLH1iMPkNuAyCePGVBDsxkYDUZ1xkLOdHYKWKDGODvbNaUGCCdqiqpnBEkocldwU3ZIAbiBsYpJmEBZit/PnVZWBKQ9OY6lPN9Pk9XZmYoDBiNH/Co/EOhcPpcioWG2MjW8LgZLznLenb3LtkAe6bJYClEKniyWilVYHzRrhgQAQM7DPDe8q0ZGFQO8nhm4ObNGkuEi/pnYYEsAgdkEw9OLYTLw7uqyySIGxO78jlDIITDmVg79anqgebGyIjJuFEPh9PfETxwBfGbFgqkmEkWQzZuoMwB1xK2UIjPvcbjDcQMx2CK3Yhg5B64LOUdhzhLZcV4zm4lqoMHi3jG38FWej23tewKwmYyXSa1wGXIAKtA4D0vsAajuA/SXqUWImsdSEfPkxg+E/gnkffaVd6RQlAaES2h25SO6gZxJJlSbB3IrETFcMviZop8VsAV4EwyoVgQmcklVF0tS0e1gp0qkqrHHt9OTwu9DkKYnDCyAWiR6uHorjLD+jojZoCtRt6t0DXRhPGQquaJpLevizqC7hARXoW0jnYqAO2AGAfXqoghpL3DpIiLGfHwFNZCuoR0sqywCU7UOkyXwC0iDQsxLkjp/XuKcUlHvk69HT7uau+psBYrBIn5jFJBSoLpYa/fmxvjCaKsI1k0X+8bGqJOQXEloZhMKBTkX8HsCcG/N90ZKx6UC1JWKIhot3nQmNAJKE7R91JsIU5ZUYERLgtnlEj6i8aHMIPDx4mWi8EaMrq66jZEtAJ/i+o1J8ljVoUU8nZrS+h1g7OzRtwWamCDglO7H3Z2SCUn2GM4oXjLOtE4AjGG5+dJNzgRRHmTz5NKoAViiEMKkZmKHZ6b02olsI6rEo0PotbeLmVYSErxzs7wufuCsQFiYG2ILmQWBWFJnOrJM2yFnpzytt52SCEy07II7rIdKu2AzxiUsI6X6k8UB13w7kidg4lSW0T2JHN2oaFNpShYQHpNYk5D02ymmzEEpRPl9W/Z5gVVouA9r0u2GCmckDol6e0H4LWS6lqoI9MOFPCKDx7EDLukOYhPso3esA70AmvAXd6mtdkao/EbBfkWYhyUoNlaFjed5uxthFPqVBsZnKbG7NNm657gmZ/5CVZnnBTy6fVrdzLqm1u3pP4fDir+D1LUfhYV79HsIOH1l8bH3YWko2xh+L/JCxdIFlimpjXt678RPcADIwt22nFd9UBdqeSXZ0DKr4lFsTILQmC5mw4qF+ycKQDpcFsAZzBcl+klbY2AwH+NjenaK+XUXYEzE1THCjeZrwR/qMGVr00JVuXq2rgm6V2soPLnz5S8XWq0fBPDy5HrYuI7HVaNAc8IgpFi2Q8uOghcgw0tpIgZ+C6aT5C16v1Oeqpf8Yt32bkcaeLk8NDLZHg+YyCiXX9kwUotLALFd9EJLnnxe5VHqjur89jbJ2uCNIMgj8miy5qEQcHwOY9PDDXqrXEwr1kIU7frJFHnhToIfDgW7Kh0HcF6w6csvKmuSVw+qd7zDec9eVyynKyzOYpOMBBEITCyDczYIlCXsqCPuK51gIaC+EvdUN8y3g4CV4b4cmV6Wmrgh50e9nkQCitA4mDJHoxNL2vRtDPgD6J5fsGvZBlBlwruK9efYBPMIy6rQAAdDQntwF4n1+yiYi1bNUwF+G6Ej+POnRYdPi1bSf0Ab9+p1nkUj7zNAZrSUpApr29LbnYppoay4EUphZqt2cyWuSK5QjFtgWN3p8nmyZUId7+XvCJYvNRJHqdUVUBshrAgfkdEVnWHSpfhyFw7BLTMsqqJr5YgjPpLHoEp7wMmKc68muFeFKydaxpKW0hAfKW2hui/bF5ALEoNocQAodYY4oP5DcbiQO+CAD52O2QmGnrRp98bPHnORdmO6uLEkazChSif+Ow4j4NH/M1RiQFCxZB6+BViNOV2e1xB/8GS6AhclMgFAf7lkla7uEq8xVaRyypw00oECcBFxRLddUFKJVZRidKdHDjjWEPAL2tqwFOJHytGVIoBlFpIJXBjx1xkS2jaYz5ClLmnemgTJKBDhMEAD23vK7c1V7i1CxLgFyknLIsxe/yd1tBSmzVUqzMmSCUPPWFyHNBuGhBnj2/rLMR6sCTAJFYIUolfH8tgP3rcKxAIAmz0sCs6IHqQtazCYJ0g1eS96zRleolGj71VXu6m9WVvTUU/1Q5A4Wrel70JNax32eODv3vE91gHbpsA1fwPGSmsmQFzIysAAAAASUVORK5CYII=) no-repeat 50%/contain
}

.firebase-login .firebase-group .item.facebook {
  background: url(data:image/png;base64,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) no-repeat 50%/contain
}

.firebase-login .firebase-group .item svg {
  display: none
}

.modal-register-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: .2s;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 5px;
  border: 2px solid #e0af42;
  background: linear-gradient(0deg, #e0af42, #fdf597 66.67%, #eec94d);
  height: 48px;
  min-width: 100%;
  color: #000;
  text-shadow: 1px .5px 0 #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center
}

.modal-register-btn:hover {
  filter: brightness(1.1)
}

.modal-free-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: .2s;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: capitalize;
  font-size: 16px;
  color: #e0af42;
  gap: 5px;
  padding: 15px 0
}

.modal-free-btn.active,
.modal-free-btn:not(.disabled):hover {
  filter: brightness(1.1)
}

.modal-free-btn.disabled {
  cursor: not-allowed;
  opacity: .7
}

.form-page-container.register .reset_btn,
.form-popup-container.register .reset_btn {
  display: none
}

#ui-datepicker-div.ui-widget-content {
  background: #3b2726
}

#ui-datepicker-div.mc-custom .ui-state-disabled .ui-state-default {
  color: #fff !important
}

#messagePreview #messageLink {
  display: none
}

.user-center-bg .user-center-content {
  width: 1350px;
  margin: 0 auto;
  padding: 40px 0;
  display: flex;
  justify-content: center
}

.user-center-bg .user-center-content .content-left {
  width: 220px;
  background-image: linear-gradient(180deg, #ff883e 1%, #e96749);
  border-radius: 4px;
  padding: 20px 0
}

.user-center-bg .user-center-content .content-left li {
  position: relative;
  height: 46px;
  line-height: 46px;
  color: #fff;
  font-size: 14px;
  padding-left: 60px;
  cursor: pointer
}

.user-center-bg .user-center-content .content-left li.active,
.user-center-bg .user-center-content .content-left li:hover {
  background-color: #fff;
  color: #e96749
}

.user-center-bg .user-center-content .content-left li.active:after,
.user-center-bg .user-center-content .content-left li:hover:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3.6px;
  height: 23.5px;
  background-image: linear-gradient(174deg, #ff883e 32%, #e96749 131%)
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon {
  background-image: linear-gradient(120deg, #ff883e -6%, #e96749 65%);
  -webkit-mask-image: url(../img/icons.94345a04.png);
  mask-image: url(../img/icons.94345a04.png);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_securityCenter,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_securityCenter {
  -webkit-mask-position: -228px -15px;
  mask-position: -228px -15px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_transferFund,
.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_transferUpline,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_transferFund,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_transferUpline {
  -webkit-mask-position: -274px -15px;
  mask-position: -274px -15px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_depositv2,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_depositv2 {
  -webkit-mask-position: -316px -15px;
  mask-position: -316px -15px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_personalProfit,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_personalProfit {
  -webkit-mask-position: -57px -84px;
  mask-position: -57px -84px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_bonusDetails,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_bonusDetails {
  -webkit-mask-position: -182px -85px;
  mask-position: -182px -85px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_withdraw,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_withdraw {
  -webkit-mask-position: -14px -49px;
  mask-position: -14px -49px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_personalHistoryCopy,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_personalHistoryCopy {
  -webkit-mask-position: -59px -48px;
  mask-position: -59px -48px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_transactionHistory,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_transactionHistory {
  -webkit-mask-position: -274px -53px;
  mask-position: -274px -53px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_rewardCenter,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_rewardCenter {
  -webkit-mask-position: -106px -49px;
  mask-position: -106px -49px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_messageV2,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_messageV2 {
  -webkit-mask-position: -148px -48px;
  mask-position: -148px -48px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_securityCenter,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_securityCenter {
  -webkit-mask-position: -148px -84px;
  mask-position: -148px -84px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_referral,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_referral {
  -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ4RjNFMkY5REQxRjExRUFBOEEwOUIxQUI1RDA2MDlBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ4RjNFMkZBREQxRjExRUFBOEEwOUIxQUI1RDA2MDlBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDhGM0UyRjdERDFGMTFFQUE4QTA5QjFBQjVEMDYwOUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDhGM0UyRjhERDFGMTFFQUE4QTA5QjFBQjVEMDYwOUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4hOTE9AAABN0lEQVR42ozTO0sDQRSG4UmwsFWSRiSFlRYWFnaWkj8gQSwEEUT0N4iNTQoJClqEGBQrC2svpQELEUUINkJAtNAmRghYeGF8Jx7hcFzJDDww++3Mmd2dWee9d5Hm8OF/2h1GQh47eVomVrGIBj6RiS3whWOThbaTdnEtjLs0WQvDSast4RYXmJRsAy3k5LqAd0zYyWV5tDPcSD+Pfv+3PdiPOC43CipbVxPOsYkSKnhFUxdYkYE6y0pWTHjVwbAjOhiTwVMq25W9/3eHbHAoRWq4lv5sbIFtvOEZ93hEGy+YMeP2bYFTWW3BrNCHPSyrLOzOky7w+/FGu5zGLZzIE7WlX+3hNK1hFfUup3EAQ+iVkxn66VRn35yr4AgpM6mJmsmukEWuc8X8efmzklo94VUO9I/1LcAArirCocw7wKgAAAAASUVORK5CYII=) no-repeat center/contain;
  mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ4RjNFMkY5REQxRjExRUFBOEEwOUIxQUI1RDA2MDlBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ4RjNFMkZBREQxRjExRUFBOEEwOUIxQUI1RDA2MDlBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDhGM0UyRjdERDFGMTFFQUE4QTA5QjFBQjVEMDYwOUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDhGM0UyRjhERDFGMTFFQUE4QTA5QjFBQjVEMDYwOUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4hOTE9AAABN0lEQVR42ozTO0sDQRSG4UmwsFWSRiSFlRYWFnaWkj8gQSwEEUT0N4iNTQoJClqEGBQrC2svpQELEUUINkJAtNAmRghYeGF8Jx7hcFzJDDww++3Mmd2dWee9d5Hm8OF/2h1GQh47eVomVrGIBj6RiS3whWOThbaTdnEtjLs0WQvDSast4RYXmJRsAy3k5LqAd0zYyWV5tDPcSD+Pfv+3PdiPOC43CipbVxPOsYkSKnhFUxdYkYE6y0pWTHjVwbAjOhiTwVMq25W9/3eHbHAoRWq4lv5sbIFtvOEZ93hEGy+YMeP2bYFTWW3BrNCHPSyrLOzOky7w+/FGu5zGLZzIE7WlX+3hNK1hFfUup3EAQ+iVkxn66VRn35yr4AgpM6mJmsmukEWuc8X8efmzklo94VUO9I/1LcAArirCocw7wKgAAAAASUVORK5CYII=) no-repeat center/contain
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_missionLeaderboard,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_missionLeaderboard {
  -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM1MiwgMjAyMC8wMS8zMC0xNTo1MDozOCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RThGNzAwNkYxQUIwMTFFQkIwRDdFMDdFMDZCMTZGRDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNzAwNzAxQUIwMTFFQkIwRDdFMDdFMDZCMTZGRDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFOEY3MDA2RDFBQjAxMUVCQjBEN0UwN0UwNkIxNkZEMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFOEY3MDA2RTFBQjAxMUVCQjBEN0UwN0UwNkIxNkZEMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqdMjsIAAAGGSURBVHja7NavSwNhHMdxp1P8gQajIBgsgkOX1LItCKsaB0aDcUERTIdlIoY1k/+AwShL4tSgpmlQFFSwDAwi/kLQOd+PfJTzeJ6DgYJhX3hx9+z2PJ/j+XK3RcrlcoOjmtCLLrzAfPHBd70DPWjFI65RsS3U6AhowS6ucIQz3GMVbVjS+BzHuEQJnbWEZDCGO6ygoM9ncIJ5zd3CMm4wiGnbYlFHSL+O65jT+SQ20KexWXBN529YwIArpB2LgcAhHadQVU9M3aIbT4ghr63N+OblfeuYHuUiND6mff2rmjB3H9GgiG3HF1NI4kD9CY5tNYo0mv1bZAI8xwRPi+7rPDi2VVYhP/qQCpmQCrlbL+Tad+OrOk9KLTUiYfVqQi70LIxjWPu8b7kr22Il9dJfcSRwik3smZBnPQt5hRQsW+A5Qora+2AvTMghZsOe+F+tekg9pB7yT0Kijrdn1vFGjetacOyvZFjIu47pr98BSyXENfZX1RaSw07In4taqqIX5Gd9CDAA5RtU4khk3wUAAAAASUVORK5CYII=) no-repeat left top/21px 21px;
  mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM1MiwgMjAyMC8wMS8zMC0xNTo1MDozOCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RThGNzAwNkYxQUIwMTFFQkIwRDdFMDdFMDZCMTZGRDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNzAwNzAxQUIwMTFFQkIwRDdFMDdFMDZCMTZGRDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFOEY3MDA2RDFBQjAxMUVCQjBEN0UwN0UwNkIxNkZEMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFOEY3MDA2RTFBQjAxMUVCQjBEN0UwN0UwNkIxNkZEMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqdMjsIAAAGGSURBVHja7NavSwNhHMdxp1P8gQajIBgsgkOX1LItCKsaB0aDcUERTIdlIoY1k/+AwShL4tSgpmlQFFSwDAwi/kLQOd+PfJTzeJ6DgYJhX3hx9+z2PJ/j+XK3RcrlcoOjmtCLLrzAfPHBd70DPWjFI65RsS3U6AhowS6ucIQz3GMVbVjS+BzHuEQJnbWEZDCGO6ygoM9ncIJ5zd3CMm4wiGnbYlFHSL+O65jT+SQ20KexWXBN529YwIArpB2LgcAhHadQVU9M3aIbT4ghr63N+OblfeuYHuUiND6mff2rmjB3H9GgiG3HF1NI4kD9CY5tNYo0mv1bZAI8xwRPi+7rPDi2VVYhP/qQCpmQCrlbL+Tad+OrOk9KLTUiYfVqQi70LIxjWPu8b7kr22Il9dJfcSRwik3smZBnPQt5hRQsW+A5Qora+2AvTMghZsOe+F+tekg9pB7yT0Kijrdn1vFGjetacOyvZFjIu47pr98BSyXENfZX1RaSw07In4taqqIX5Gd9CDAA5RtU4khk3wUAAAAASUVORK5CYII=) no-repeat left top/21px 21px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_manualRebate,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_manualRebate {
  -webkit-mask-position: -228px -15px;
  mask-position: -228px -15px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_agentAnnouncement,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_agentAnnouncement {
  -webkit-mask-position: -274px -53px;
  mask-position: -274px -53px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_agentTeamOverview,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_agentTeamOverview {
  -webkit-mask-position: -14px -49px;
  mask-position: -14px -49px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_linkRegister,
.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_registerCenter,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_linkRegister,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_registerCenter {
  -webkit-mask-position: -316px -52px;
  mask-position: -316px -52px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_downlineManagmentView,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_downlineManagmentView {
  -webkit-mask-position: -228px -15px;
  mask-position: -228px -15px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_linkManager,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_linkManager {
  -webkit-mask-position: -225px -87px;
  mask-position: -225px -87px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_agentRedRain,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_agentRedRain {
  -webkit-mask-position: -182px -85px;
  mask-position: -182px -85px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_agentDownlineTransactionDetailsCopy,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_agentDownlineTransactionDetailsCopy {
  -webkit-mask-position: -59px -48px;
  mask-position: -59px -48px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_agentHourSalary,
.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_agentRevenueReport,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_agentHourSalary,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_agentRevenueReport {
  -webkit-mask-position: -57px -84px;
  mask-position: -57px -84px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_subordinateManagementV2,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_subordinateManagementV2 {
  -webkit-mask-position: -228px -15px;
  mask-position: -228px -15px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_agentDividendRecordCopy,
.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_agentDividendRecordCopy2,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_agentDividendRecordCopy,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_agentDividendRecordCopy2 {
  -webkit-mask-position: -148px -85px;
  mask-position: -148px -85px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_agentDailyWages,
.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_agentDailyWages2,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_agentDailyWages,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_agentDailyWages2 {
  -webkit-mask-position: -105px -85px;
  mask-position: -105px -85px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_personalHistoryCopy,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_personalHistoryCopy {
  -webkit-mask-position: -182px 105px;
  mask-position: -182px 105px
}

.user-center-bg .user-center-content .content-left li.active .acmc_icon.icon_palStatementsAgentCopy,
.user-center-bg .user-center-content .content-left li:hover .acmc_icon.icon_palStatementsAgentCopy {
  -webkit-mask-position: -14px -83px;
  mask-position: -14px -83px
}

.user-center-bg .user-center-content .content-left .acmc_icon {
  position: absolute;
  left: 30px;
  top: 12px;
  width: 25px;
  height: 25px;
  background-image: url(../img/icons.94345a04.png)
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_securityCenter {
  background-position: -228px -15px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_transferFund,
.user-center-bg .user-center-content .content-left .acmc_icon.icon_transferUpline {
  background-position: -274px -15px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_depositv2 {
  background-position: -316px -15px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_personalProfit {
  background-position: -57px -84px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_bonusDetails {
  background-position: -182px -85px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_withdraw {
  background-position: -14px -49px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_personalHistoryCopy {
  background-position: -59px -48px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_transactionHistory {
  background-position: -274px -53px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_rewardCenter {
  background-position: -106px -49px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_messageV2 {
  background-position: -148px -48px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_securityCenter {
  background-position: -148px -84px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_referral {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ4RjNFMkY5REQxRjExRUFBOEEwOUIxQUI1RDA2MDlBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ4RjNFMkZBREQxRjExRUFBOEEwOUIxQUI1RDA2MDlBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDhGM0UyRjdERDFGMTFFQUE4QTA5QjFBQjVEMDYwOUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDhGM0UyRjhERDFGMTFFQUE4QTA5QjFBQjVEMDYwOUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4hOTE9AAABN0lEQVR42ozTO0sDQRSG4UmwsFWSRiSFlRYWFnaWkj8gQSwEEUT0N4iNTQoJClqEGBQrC2svpQELEUUINkJAtNAmRghYeGF8Jx7hcFzJDDww++3Mmd2dWee9d5Hm8OF/2h1GQh47eVomVrGIBj6RiS3whWOThbaTdnEtjLs0WQvDSast4RYXmJRsAy3k5LqAd0zYyWV5tDPcSD+Pfv+3PdiPOC43CipbVxPOsYkSKnhFUxdYkYE6y0pWTHjVwbAjOhiTwVMq25W9/3eHbHAoRWq4lv5sbIFtvOEZ93hEGy+YMeP2bYFTWW3BrNCHPSyrLOzOky7w+/FGu5zGLZzIE7WlX+3hNK1hFfUup3EAQ+iVkxn66VRn35yr4AgpM6mJmsmukEWuc8X8efmzklo94VUO9I/1LcAArirCocw7wKgAAAAASUVORK5CYII=) no-repeat
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_missionLeaderboard {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDM1MiwgMjAyMC8wMS8zMC0xNTo1MDozOCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RThGNzAwNkYxQUIwMTFFQkIwRDdFMDdFMDZCMTZGRDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RThGNzAwNzAxQUIwMTFFQkIwRDdFMDdFMDZCMTZGRDIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFOEY3MDA2RDFBQjAxMUVCQjBEN0UwN0UwNkIxNkZEMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFOEY3MDA2RTFBQjAxMUVCQjBEN0UwN0UwNkIxNkZEMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqdMjsIAAAGGSURBVHja7NavSwNhHMdxp1P8gQajIBgsgkOX1LItCKsaB0aDcUERTIdlIoY1k/+AwShL4tSgpmlQFFSwDAwi/kLQOd+PfJTzeJ6DgYJhX3hx9+z2PJ/j+XK3RcrlcoOjmtCLLrzAfPHBd70DPWjFI65RsS3U6AhowS6ucIQz3GMVbVjS+BzHuEQJnbWEZDCGO6ygoM9ncIJ5zd3CMm4wiGnbYlFHSL+O65jT+SQ20KexWXBN529YwIArpB2LgcAhHadQVU9M3aIbT4ghr63N+OblfeuYHuUiND6mff2rmjB3H9GgiG3HF1NI4kD9CY5tNYo0mv1bZAI8xwRPi+7rPDi2VVYhP/qQCpmQCrlbL+Tad+OrOk9KLTUiYfVqQi70LIxjWPu8b7kr22Il9dJfcSRwik3smZBnPQt5hRQsW+A5Qora+2AvTMghZsOe+F+tekg9pB7yT0Kijrdn1vFGjetacOyvZFjIu47pr98BSyXENfZX1RaSw07In4taqqIX5Gd9CDAA5RtU4khk3wUAAAAASUVORK5CYII=) !important;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 21px 21px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_manualRebate {
  background-position: -228px -15px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_agentAnnouncement {
  background-position: -274px -53px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_agentTeamOverview {
  background-position: -14px -49px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_linkRegister,
.user-center-bg .user-center-content .content-left .acmc_icon.icon_registerCenter {
  background-position: -316px -52px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_downlineManagmentView {
  background-position: -228px -15px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_linkManager {
  background-position: -225px -87px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_agentRedRain {
  background-position: -182px -85px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_agentDownlineTransactionDetailsCopy {
  background-position: -59px -48px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_agentHourSalary,
.user-center-bg .user-center-content .content-left .acmc_icon.icon_agentRevenueReport {
  background-position: -57px -84px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_subordinateManagementV2 {
  background-position: -228px -15px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_agentDividendRecordCopy,
.user-center-bg .user-center-content .content-left .acmc_icon.icon_agentDividendRecordCopy2 {
  background-position: -148px -85px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_agentDailyWages,
.user-center-bg .user-center-content .content-left .acmc_icon.icon_agentDailyWages2 {
  background-position: -105px -85px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_personalHistoryCopy {
  background-position: -182px 105px
}

.user-center-bg .user-center-content .content-left .acmc_icon.icon_palStatementsAgentCopy {
  background-position: -14px -83px
}

.user-center-bg .user-center-content .active-content {
  width: 1110px;
  height: 100%;
  position: relative;
  border-radius: 0 4px 4px 0;
  background-color: #fff;
  overflow: hidden
}

.hover {
  cursor: pointer;
  transition: .25s
}

.hover :hover {
  opacity: .8
}

.cupinter {
  cursor: pointer
}

.width_1200 {
  margin: 0 auto;
  width: 1110px
}

.svg-gradient {
  visibility: hidden;
  width: 0;
  height: 0;
  position: fixed;
  z-index: -1;
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.logo {
  flex-shrink: 0;
  height: 120px;
  transition: .2s;
  cursor: pointer
}

.logo:hover {
  transform: scale(1.05)
}

.page-center {
  width: 1110px;
  margin: 0 auto;
  transition: .3s;
  transform: translateX(0)
}

.page-center.off {
  transform: translateX(124px)
}

.notice-box {
  background-color: #e0e0e0;
  color: #56575c
}

.grecaptcha-badge {
  visibility: hidden
}

.paginate-wrapper .pagination-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto !important;
  padding: 0
}

.paginate-wrapper .pagination-container .page-item.active .page-link-item,
.paginate-wrapper .pagination-container .page-item:hover .page-link-item {
  background: #e0af42;
  color: #372408
}

.paginate-wrapper .pagination-container .page-link-item {
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #2d2d2d;
  background: #2d2d2d;
  font-size: 12px;
  font-weight: 400;
  color: #fff
}

.paginate-wrapper .pagination-container .page-link-item.break-view-link {
  border: none
}

.paginate-wrapper .pagination-container .next-item:not(.disabled):hover .next-link-item,
.paginate-wrapper .pagination-container .next-item:not(.disabled):hover .prev-link-item,
.paginate-wrapper .pagination-container .prev-item:not(.disabled):hover .next-link-item,
.paginate-wrapper .pagination-container .prev-item:not(.disabled):hover .prev-link-item {
  background: #e0af42
}

.paginate-wrapper .pagination-container .next-item:not(.disabled):hover .next-link-item:before,
.paginate-wrapper .pagination-container .next-item:not(.disabled):hover .prev-link-item:before,
.paginate-wrapper .pagination-container .prev-item:not(.disabled):hover .next-link-item:before,
.paginate-wrapper .pagination-container .prev-item:not(.disabled):hover .prev-link-item:before {
  border-color: #372408
}

.paginate-wrapper .pagination-container .next-item.disabled>a,
.paginate-wrapper .pagination-container .prev-item.disabled>a {
  background: #2d2d2d;
  cursor: not-allowed
}

.paginate-wrapper .pagination-container .next-link-item,
.paginate-wrapper .pagination-container .prev-link-item {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  border: 1px solid #2d2d2d;
  background: #2d2d2d;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center
}

.paginate-wrapper .pagination-container .next-link-item:before,
.paginate-wrapper .pagination-container .prev-link-item:before {
  content: "";
  width: 4px;
  height: 4px;
  border-top: 1.5px solid #fff;
  border-left: 1.5px solid #fff
}

.paginate-wrapper .pagination-container .prev-link-item:before {
  transform: rotate(-45deg) translate(.8px, .8px)
}

.paginate-wrapper .pagination-container .next-link-item:before {
  transform: rotate(135deg) translate(.8px, .8px)
}

.vhtml {
  font-size: 14px;
  color: #fff;
  word-break: break-all
}

.vhtml pre {
  white-space: break-spaces !important
}

.vhtml img {
  max-width: 100%
}

.vhtml h1,
.vhtml h2 {
  color: #e0af42
}

.vhtml ul {
  list-style: disc;
  white-space: normal;
  padding-left: 2.5em;
  margin-top: 1em;
  margin-bottom: 1em
}

.vhtml ul li {
  display: list-item !important;
  list-style: disc outside;
  overflow: visible;
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0
}

.vhtml ol {
  white-space: normal;
  list-style: decimal;
  padding-left: 2.5em;
  margin-top: 1em;
  margin-bottom: 1em
}

.vhtml ol li {
  display: list-item !important;
  list-style: decimal outside;
  overflow: visible;
  padding-right: 0;
  padding-left: 0;
  margin-right: 0;
  margin-left: 0
}

@keyframes arrow {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(1turn)
  }
}

.hide_scroll_bar::-webkit-scrollbar {
  width: 0
}

.swiper-arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: .2s;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: absolute;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  color: hsla(0, 0%, 100%, .4);
  width: 25px;
  height: 25px;
  border: 2px solid hsla(0, 0%, 100%, .4);
  border-radius: 50%;
  z-index: 1
}

.swiper-arrow>svg {
  width: 10px;
  height: 10px
}

.swiper-arrow:not(.swiper-button-disabled):hover {
  color: #fff;
  border-color: #fff
}

.swiper-arrow.prev {
  top: 50%;
  left: 0
}

.swiper-arrow.prev>svg {
  rotate: 180deg
}

.swiper-arrow.next {
  top: 50%;
  right: 0
}

.swiper-arrow.swiper-button-disabled {
  cursor: not-allowed;
  opacity: .8
}

.swiper-pagination {
  bottom: 60px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0 0 30px;
  gap: 9px
}

.swiper-pagination .swiper-pagination-bullet {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  opacity: 1;
  border-radius: 50%;
  background-color: #36567b
}

.swiper-pagination .swiper-pagination-bullet-active {
  background: linear-gradient(0deg, #e0af42, #fdf597 66.67%, #eec94d)
}

.back_mask_gamepopup {
  --gamePopupMainColor: #fff
}

.back_mask_gamepopup .game_popup {
  border-radius: 10px;
  border: 2px solid hsla(0, 0%, 100%, .2);
  background: #111b27;
  color: var(--gamePopupMainColor)
}

.back_mask_gamepopup .game_popup .title {
  color: inherit
}

.back_mask_gamepopup .game_popup .close_gamepopup_button {
  color: inherit;
  border-color: var(--gamePopupMainColor);
  transition: .2s
}

.back_mask_gamepopup .game_popup .close_gamepopup_button:hover {
  border-color: var(--gamePopupMainColor);
  color: inherit;
  rotate: 90deg
}

.back_mask_gamepopup .game_popup .game_popup_list .game_item .game_title {
  color: inherit
}

.back_mask_gamepopup .game_popup .game_popup_list .game_item .br_gamePopup_mgulbutton span.star_game {
  -webkit-user-select: none;
  -ms-user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: .2s;
  cursor: pointer;
  user-select: none;
  text-transform: capitalize;
  border-radius: 5px;
  border: 2px solid #e0af42;
  background: linear-gradient(0deg, #e0af42, #fdf597 66.67%, #eec94d);
  color: var(--bg, #111b27);
  text-shadow: 1px .5px 0 #fff;
  min-width: 100px;
  height: 34px;
  font-size: 13px;
  font-weight: 400
}

.back_mask_gamepopup .game_popup .game_popup_list .game_item .br_gamePopup_mgulbutton span.star_game.active,
.back_mask_gamepopup .game_popup .game_popup_list .game_item .br_gamePopup_mgulbutton span.star_game:not(.disabled):hover {
  filter: brightness(1.1)
}

.back_mask_gamepopup .game_popup .game_popup_list .game_item .br_gamePopup_mgulbutton span.star_game.disabled {
  cursor: not-allowed;
  opacity: .7
}

.back_mask_gamepopup .game_popup .game_popup_list .game_item .br_gamePopup_mgulbutton span.free_demo {
  -webkit-user-select: none;
  -ms-user-select: none;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: .2s;
  cursor: pointer;
  user-select: none;
  text-transform: capitalize;
  border-radius: 5px;
  border: 2px solid #e0af42;
  background: linear-gradient(0deg, #e0af42, #fdf597 66.67%, #eec94d);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  min-width: 100px;
  height: 34px;
  font-size: 13px;
  font-weight: 400
}

.back_mask_gamepopup .game_popup .game_popup_list .game_item .br_gamePopup_mgulbutton span.free_demo.active,
.back_mask_gamepopup .game_popup .game_popup_list .game_item .br_gamePopup_mgulbutton span.free_demo:not(.disabled):hover {
  filter: brightness(1.1)
}

.back_mask_gamepopup .game_popup .game_popup_list .game_item .br_gamePopup_mgulbutton span.free_demo.disabled {
  cursor: not-allowed;
  opacity: .7
}

.back_mask_gamepopup .game_popup .game_popup_list .game_item .br_gamePopup_mgulbutton span.free_demo,
.back_mask_gamepopup .game_popup .game_popup_list .game_item .br_gamePopup_mgulbutton span.star_game {
  min-width: 120px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 12px
}

.back_mask_gamepopup .pagination>li>a,
.back_mask_gamepopup .pagination>li>span {
  padding: 0;
  width: 28px;
  height: 28px;
  border-radius: 3px;
  line-height: 28px;
  display: inline-block;
  font-size: 14px;
  margin: 0 5px;
  background-color: transparent;
  border-color: #fff;
  color: #fff
}

.back_mask_gamepopup .pagination>.active>a,
.back_mask_gamepopup .pagination>.active>a:focus,
.back_mask_gamepopup .pagination>.active>a:hover,
.back_mask_gamepopup .pagination>.active>span,
.back_mask_gamepopup .pagination>.active>span:focus,
.back_mask_gamepopup .pagination>.active>span:hover,
.back_mask_gamepopup .pagination>li>a:hover {
  color: #e0af42;
  background-color: transparent;
  border-color: #e0af42
}

@keyframes slide-in1 {
  0% {
    opacity: 0;
    transform: translate3d(0, 40px, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.close_btn,
.popup_modal_close {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  transition: .2s;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  transition: .4s
}

.close_btn:hover,
.popup_modal_close:hover {
  transform: rotate(90deg);
  color: #e0af42
}

.close_btn {
  color: #000;
  top: 10px;
  right: 10px
}

.iframe-wrapper {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 64px)
}

.iframe-wrapper iframe {
  flex: 1;
  border: none
}

.iframe-wrapper .back-home {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  color: #4e5979
}

.iframe-wrapper .back-home .svg-icon {
  width: 100%;
  height: 100%
}

.iframe-wrapper .drag-mask {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .45)
}

.common-title {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  padding-bottom: 20px;
  font-size: 20px;
  font-weight: 600
}

.common-title__icon {
  width: 30px;
  height: 30px;
  flex-shrink: 0
}

.game-list-wrapper {
  min-height: 500px
}

.game-list {
  display: grid;
  grid-template-columns: repeat(6, 170px);
  gap: 20px;
  padding-bottom: 20px
}

.more-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 24px
}

.more-info .page-info {
  padding-bottom: 24px;
  font-size: 12px;
  gap: 2px;
  font-weight: 700
}

.more-info .more-btn,
.more-info .page-info {
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center
}

.more-info .more-btn {
  white-space: nowrap;
  transition: .2s;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: 10px;
  background: #1d2431;
  min-width: 150px;
  height: 40px
}

.more-info .more-btn:hover {
  background: #e0af42
}

.more-info .light {
  color: #e0af42
}

.zoom-in-top-enter-active,
.zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
  transform-origin: center top
}

.zoom-in-top-enter,
.zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0)
}

.zoom-in-bottom-enter-active,
.zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
  transform-origin: center bottom
}

.zoom-in-bottom-enter,
.zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0)
}

@media screen and (max-width:1200px) {
  .page-max-wrap {
    zoom: .8
  }
}

@media screen and (min-width:800px) {
  .hide_scroll_bar {
    scrollbar-width: none;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
  }

  .hide_scroll_bar::-webkit-scrollbar {
    width: 0
  }
}

@media(min-width:769px) {
  .page-center {
    width: 1200px;
    margin: 0 auto
  }

  .mySwiper {
    display: none !important;
  }

  .serviceImg {
    width: 70px;
  }

  .home-container {
    background: url(../img/home-bg-web.93b9a622.jpg) no-repeat top/cover
  }

  .home-container .home-header {
    height: 85px
  }

  .home-container .home-content {
    padding-top: 80px
  }

  .home-container .main-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px 20px
  }

  .home-container .main-container .speed-container {
    flex-shrink: 0
  }

  .home-container .main-container .speed-title h5 {
    font-size: 30px
  }

  .home-container .main-container .speed-title h6 {
    font-size: 32px
  }

  .home-container .main-container .speed-title .sub-title {
    margin-top: 10px;
    font-size: 20px
  }

  .home-container .main-container .domain-info {
    height: 24px;
    line-height: 24px;
    font-size: 14px
  }

  .home-container .main-container .side-menu-container {
    padding: 105px 16px 0 0
  }

  .home-container .main-container .down-content {
    display: flex;
    padding: 0 86px;
    gap: 24px
  }

  .home-container .main-container .app-info .qr-code {
    width: 160px;
    height: 167px;
    padding: 39px 35px
  }

  .home-container .main-container .app-info .qr-name {
    margin-top: 12px;
    font-size: 16px
  }

  .side-menu-container {
    display: block
  }

  .download-bar-container {
    display: none
  }
}

.heade-text {
  display: none;
}

@media(max-width:768px) {
  .page-center {
    width: 100%
  }

  .home-container {
    background: url(../img/home-bg-web.93b9a622.jpg) no-repeat top/cover
  }

  .page-max-wrap {
    zoom: 1;
    /* padding: 0 1.3333333333vw; */
  }

  .download-bar-container.show-bar+.home-container {
    padding-top: 16vw
  }

  .home-container .home-header {
    height: auto;
    padding: 0 4vw;
    margin: 0 0;
    /* background-color: #194c38; */
  }

  .home-container .home-header .header-content {
    display: flex;
    /* flex-direction: column; */
    align-items: center;
    gap: 5.3333333333vw;
    padding: 0;
    justify-content: space-between;
  }

  .heade-text {
    display: block;
    color: white;
    font-size: 12px;
    color: #fdf597;
    max-width: 180px;
    text-align: end;
  }

  .home-container .home-header .logo {
    width: 130px;
    height: 70px;
    position: static;
    transform: translate(0)
  }

  .home-container .home-content .home-banner img {
    display: block;
    width: 100%
  }

  .home-container .main-container {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
    padding: 0 4vw 1.3333333333vw
  }

  .home-container .main-container .speed-container {
    order: 2;
    width: 100%
  }

  .home-container .main-container .speed-title {
    padding-left: 5vw
  }

  .home-container .main-container .speed-title:before {
    width: 7.3333333333vw;
    height: 8.5333333333vw
  }

  .home-container .main-container .speed-title h5 {
    font-size: 5vw
  }

  .home-container .main-container .speed-title h6 {
    font-size: 6.6666666667vw
  }

  .home-container .main-container .speed-title .sub-title {
    margin-top: 2.6666666667vw;
    line-height: 1.18;
    font-size: 3.7333333333vw
  }

  .home-container .main-container .speed-text {
    font-size: 3.2vw
  }

  .home-container .main-container .speed-title img {
    display: block;
    width: 66.6666666667vw
  }

  .home-container .main-container .btn-enter {
    font-size: 2.6666666667vw;
    min-width: 18.4vw;
    height: 8.1333333333vw;
    border-radius: 2vw
  }

  .home-container .main-container .container-center {
    align-items: center
  }

  .home-container .main-container .speed-list {
    grid-template-columns: repeat(1, 1fr);
    column-gap: 0;
    row-gap: 2.6666666667vw;
    padding: 5.3333333333vw 0
  }

  .home-container .main-container .speed-list .speed-item {
    height: 15.0666666667vw;
    line-height: 15.0666666667vw;
    font-size: 2.1333333333vw
  }

  .home-container .main-container .speed-list .speed-icon {
    width: 6.6666666667vw;
    height: 6.6666666667vw
  }

  .home-container .main-container .speed-list .domain-info {
    height: 7.2vw;
    line-height: 7.2vw;
    font-size: 3.2vw
  }

  .home-container .main-container .speed-list .domain-info:after {
    height: 7.2vw
  }

  .home-container .btn-retest {
    min-width: 53.3333333333vw;
    max-width: 80vw;
    height: 11.7333333333vw;
    margin: 4vw 0 8vw;
    padding: 0 6.6666666667vw;
    border-radius: 2vw;
    font-size: 3.2vw;
    font-weight: 700
  }

  .side-menu-container {
    display: none
  }

  .download-bar-container {
    display: block
  }

  .winner-and-jackpot {
    margin-bottom: 22vw;
  }

  .winner-and-jackpot .roll-num {
    width: 91.8666666667vw;
    height: 68.8666666667vw
  }

  .winner-and-jackpot .winner-seamless {
    width: 100%
  }

  .winner-and-jackpot .win-item {
    width: 100%;
    height: 17.6vw
  }

  .winner-and-jackpot .jackpot-num__list,
  .winner-and-jackpot .point,
  .winner-and-jackpot .symbol {
    font-size: 6.8vw
  }

  .winner-and-jackpot .point {
    line-height: 51px
  }

  .winner-and-jackpot .roll-num {
    padding-top: 53.666667vw
  }

  .winner-and-jackpot .win-wrap {
    padding: 2.6666666667vw 2.3333333333vw
  }

  .home-footer .footer-item {
    flex: 1;
    width: 0;
    gap: 1.3333333333vw;
    font-size: 3.2vw;
    padding: 0 2.6666666667vw
  }

  .home-footer .footer-item>svg {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    flex-shrink: 0
  }
}


.footer-item img {
  width: 80px;
  padding: 15px;
}

@media(max-width:768px) {
  .win-wrap li {
    width: 100%;
  }

  .home-container .home-footer {

    position: fixed;
    bottom: 0;
  }

  .footer-item img {
    width: 70px;
    padding: 15px;
  }

  .mySwiper {
    width: 100%;
    margin-bottom: 20px;
    display: block !important;
  }
}

.service1 {
  width: 50px;
  position: fixed;
  right: 5px;
  bottom: 160px;
}

.service {
  width: 52px;
  position: fixed;
  right: 5px;
  bottom: 230px;
}

.serviceImg {
  width: 50px;
}

.swiper-slide img {
  width: 100%;
}