.main-wrap {
  margin: 0 auto;
  position: relative;
  width: 1200px;
}
.app header {
  background-color: #fff;
  border-bottom: 2px solid #aa3614;
  position: relative;
  z-index: 20;
}
.icon-box.featured-box.icon-box-left.text-left p {
    margin-top: 15px !important;
}
div#text-2345470719 p {
    margin-top: 5px !important;
}

div#text-2345470719 {
    margin-top: 20px;
}
div#vn876543 {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}
.app header .navigation.main-wrap {
  margin: auto;
  min-width: 1200px;
  width: 90%;
}
.app header .navigation .logo {
  background-position: 0;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  flex: 0 0 200px;
  height: 75px;
  width: 200px;
}
.app header .navigation .nav {
  align-items: center;
  display: flex;
  flex: 1;
  padding: 0 20px;
}
.app header .navigation .nav li {
  flex: 1;
}
a#header-login {
    margin-top: 5px;
}
.app header .navigation .nav .nav-item {
  color: #454545;
  cursor: pointer;
  font-size: 16px;
  height: 90px;
  letter-spacing: -0.3px;
  line-height: 90px;
  padding: 0 10px;
  position: relative;
  text-align: center;
  white-space: nowrap;
}
.app header .navigation .nav .nav-item:before {
  display: none;
}
.app header .navigation .nav .nav-item a {
  align-items: center;
  color: #454545;
  display: flex;
  height: 100%;
  justify-content: center;
  text-decoration: none;
}
.app header .navigation .nav .nav-item:hover + .submenu {
  height: 300px;
  opacity: 1;
}
.app header .navigation .nav .nav-item a:hover {
  color: #111;
}
.app header .navigation .nav .nav-item a:hover:after {
  background-color: #f8721b;
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}
.app header .navigation .nav .submenu {
  background: url(https://img.gashinzo.com/img/static/desktop/sub-menu-bg.png);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
  height: 0;
  left: 0;
  min-width: 1004px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
  transition: 0.3s;
  width: 100%;
}
.app header .navigation .nav .submenu:hover {
  height: 300px;
  opacity: 1;
}
.app header .navigation .nav .submenu ul {
  font-size: 0;
  height: 300px;
  margin: auto;
  position: relative;
}
.app header .navigation .nav .submenu ul li {
  display: inline-block;
  height: 100%;
  position: relative;
}
.app header .navigation .nav .submenu ul li a {
  display: block;
  height: 100%;
  padding: 0 15px;
  position: relative;
  transition: 0.3s;
}
.app header .navigation .nav .submenu ul li a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.app header .navigation .nav .submenu ul li a:hover:after {
  background-color: #f8721b;
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}
.app header .navigation .nav .submenu ul li img {
  display: block;
  height: 80%;
  position: relative;
  top: 10%;
}
.app:not(.account) header .nav .submenu .qr-item {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
.app:not(.account) header .nav .submenu .qr-item .qr-android,
.app:not(.account) header .nav .submenu .qr-item .qr-ios {
  color: #fff;
  padding: 0 20px;
}
* {
  outline: none;
}
a,
canvas,
div,
h3,
h4,
header,
img,
li,
ul {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
ul {
  list-style: none;
}
a img {
  border: none;
}
header {
  display: block;
}
.maintenance {
  cursor: not-allowed !important;
}
.maintenance-block {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 8px;
  box-shadow: inset 0 0 0 4px gold, 0 2px 6px rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  position: absolute;
}
.maintenance-block .time {
  color: gold;
  display: block;
  font-weight: 100;
  padding: 10px 0;
}
header .nav .submenu ul li.maintenance:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
header .nav .submenu ul li.maintenance a:hover {
  background-color: transparent;
}
header .nav .submenu ul li.maintenance a:hover:after {
  display: none;
}
header .nav .submenu ul li.maintenance img {
  filter: grayscale(60%);
  opacity: 0.3;
}
header .nav .submenu ul li.maintenance:after {
  background-position: center 24%;
  background-repeat: no-repeat;
  background-size: 60% auto;
}
header .nav .submenu ul li.maintenance .maintenance-block {
  box-shadow: inset 0 0 0 3px gold, 0 2px 5px rgba(0, 0, 0, 0.6);
  left: 7%;
  padding: 5px 10px;
  top: 48%;
  width: 86%;
}
header .nav .submenu ul li.maintenance .maintenance-block .time {
  font-size: 11px;
}
.app header {
  border: 0;
  border-bottom: 1px solid #eee;
  height: 90px;
  left: 0;
  margin-top: 0;
  min-width: 1200px;

  width: 100%;
}
.app header .navigation {
  width: 1200px !important;
}
.app header .navigation .nav .nav-item {
  font-size: 13px;
  height: 90px;
  padding: 0 5px;
}
.app header .navigation .nav .nav-item a {
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.app header .navigation .nav .nav-item a:hover:after {
  display: none;
}
.app header .navigation .nav .nav-item a:hover h3 {
  color: #fff;
}
.app.root header {
    background: rgba(13,84,62,.9);
    border: none;
}

.app.root header a {
    color: #fff !important;
}
.app header .navigation .nav .nav-item a:hover h3:before {
  transform: scale(1.1);
}

.app header .navigation .nav .nav-item a h3 {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  text-transform: uppercase;
  font-weight: 400;
  justify-content: center;
  line-height: 1;
  width: 100%;
}



li.nav-logo img {
    width: 160px;
    margin-right: 25px;
}

@-webkit-keyframes reviewAct {
  0%,
  to {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
  }
  50% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
}
@keyframes reviewAct {
  0%,
  to {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
  }
  50% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
}
@-webkit-keyframes popShow {
  0% {
    top: 10%;
    opacity: 0;
  }
  to {
    top: 15%;
    opacity: 1;
  }
}
@keyframes popShow {
  0% {
    top: 10%;
    opacity: 0;
  }
  to {
    top: 15%;
    opacity: 1;
  }
}
@-webkit-keyframes popHide {
  0% {
    top: 15%;
    opacity: 1;
  }
  to {
    top: 10%;
    opacity: 0;
  }
}
@keyframes popHide {
  0% {
    top: 15%;
    opacity: 1;
  }
  to {
    top: 10%;
    opacity: 0;
  }
}
@-webkit-keyframes fallin {
  0% {
    -webkit-transform: scale(3);
    transform: scale(3);
    opacity: 0;
  }
  50%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes fallin {
  0% {
    -webkit-transform: scale(3);
    transform: scale(3);
    opacity: 0;
  }
  50%,
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  60% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@-webkit-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}

@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
    opacity: 0;
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
    opacity: 1;
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes buzz-out {
  10%,
  30% {
    -webkit-transform: translate(3px, -5px) rotate(2deg) scale(1.05);
    transform: translate(3px, -5px) rotate(2deg) scale(1.05);
  }
  20%,
  40% {
    -webkit-transform: translate(-3px, -5px) rotate(-2deg) scale(1.05);
    transform: translate(-3px, -5px) rotate(-2deg) scale(1.05);
  }
  50%,
  70% {
    -webkit-transform: translate(2px, -5px) rotate(1deg) scale(1.05);
    transform: translate(2px, -5px) rotate(1deg) scale(1.05);
  }
  60%,
  80% {
    -webkit-transform: translate(-2px, -5px) rotate(-1deg) scale(1.05);
    transform: translate(-2px, -5px) rotate(-1deg) scale(1.05);
  }
  90% {
    -webkit-transform: translate(1px, -5px) rotate(0) scale(1.05);
    transform: translate(1px, -5px) rotate(0) scale(1.05);
  }
  to {
    -webkit-transform: translate(-1px, -5px) rotate(0) scale(1.05);
    transform: translate(-1px, -5px) rotate(0) scale(1.05);
  }
}
@keyframes buzz-out {
  10%,
  30% {
    -webkit-transform: translate(3px, -5px) rotate(2deg) scale(1.05);
    transform: translate(3px, -5px) rotate(2deg) scale(1.05);
  }
  20%,
  40% {
    -webkit-transform: translate(-3px, -5px) rotate(-2deg) scale(1.05);
    transform: translate(-3px, -5px) rotate(-2deg) scale(1.05);
  }
  50%,
  70% {
    -webkit-transform: translate(2px, -5px) rotate(1deg) scale(1.05);
    transform: translate(2px, -5px) rotate(1deg) scale(1.05);
  }
  60%,
  80% {
    -webkit-transform: translate(-2px, -5px) rotate(-1deg) scale(1.05);
    transform: translate(-2px, -5px) rotate(-1deg) scale(1.05);
  }
  90% {
    -webkit-transform: translate(1px, -5px) rotate(0) scale(1.05);
    transform: translate(1px, -5px) rotate(0) scale(1.05);
  }
  to {
    -webkit-transform: translate(-1px, -5px) rotate(0) scale(1.05);
    transform: translate(-1px, -5px) rotate(0) scale(1.05);
  }
}
@-webkit-keyframes bubble {
  0%,
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
  66% {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }
}
@keyframes bubble {
  0%,
  to {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  33% {
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
  }
  66% {
    -webkit-transform: translate(0, -10px);
    transform: translate(0, -10px);
  }
}
@-webkit-keyframes bubblerise {
  0% {
    bottom: 0;
    opacity: 0;
  }
  5% {
    bottom: 0;
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  to {
    bottom: 100%;
    opacity: 0;
  }
}
@keyframes bubblerise {
  0% {
    bottom: 0;
    opacity: 0;
  }
  5% {
    bottom: 0;
    opacity: 1;
  }
  99% {
    opacity: 1;
  }
  to {
    bottom: 100%;
    opacity: 0;
  }
}
@-webkit-keyframes bubblewobble {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 2px;
  }
}
@keyframes bubblewobble {
  0% {
    margin-left: 0;
  }
  50% {
    margin-left: 2px;
  }
}
@-webkit-keyframes rubberBand {
  0%,
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
}
@keyframes rubberBand {
  0%,
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
}
@-webkit-keyframes rubberBand2 {
  0%,
  to {
    -webkit-transform: scale3d(1.15, 1.2, 1);
    transform: scale3d(1.15, 1.2, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
}
@keyframes rubberBand2 {
  0%,
  to {
    -webkit-transform: scale3d(1.15, 1.2, 1);
    transform: scale3d(1.15, 1.2, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
}
@-webkit-keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: translate3d(0, 200px, 0) rotate(25deg) scale(0.3);
    transform: translate3d(0, 200px, 0) rotate(25deg) scale(0.3);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-25deg);
    transform: translate3d(0, -20px, 0) rotate(-25deg);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) rotate(15deg);
    transform: translate3d(0, 10px, 0) rotate(15deg);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) rotate(-15deg);
    transform: translate3d(0, -5px, 0) rotate(-15deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
    transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
  }
}
@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: translate3d(0, 200px, 0) rotate(25deg) scale(0.3);
    transform: translate3d(0, 200px, 0) rotate(25deg) scale(0.3);
    opacity: 0;
  }
  60% {
    -webkit-transform: translate3d(0, -20px, 0) rotate(-25deg);
    transform: translate3d(0, -20px, 0) rotate(-25deg);
    opacity: 1;
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0) rotate(15deg);
    transform: translate3d(0, 10px, 0) rotate(15deg);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0) rotate(-15deg);
    transform: translate3d(0, -5px, 0) rotate(-15deg);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
    transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
  }
}
@-webkit-keyframes dartMove {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes dartMove {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes childMove {
  0% {
    background-position: 0-3px;
  }
  4% {
    background-position: -217px -3px;
  }
  8% {
    background-position: -434px -3px;
  }
  12% {
    background-position: -651px -3px;
  }
  16% {
    background-position: -868px -3px;
  }
  20% {
    background-position: -1085px -3px;
  }
  24% {
    background-position: -1302px -3px;
  }
  28% {
    background-position: -1519px -3px;
  }
  32% {
    background-position: -1736px -3px;
  }
  36% {
    background-position: 0-261px;
  }
  40% {
    background-position: -217-261px;
  }
  44% {
    background-position: -434px -261px;
  }
  48% {
    background-position: -651px -261px;
  }
  52% {
    background-position: -868px -261px;
  }
  56% {
    background-position: -1085px -261px;
  }
  60% {
    background-position: -1302px -261px;
  }
  64% {
    background-position: -1519px -261px;
  }
  68% {
    background-position: -1736px -261px;
  }
  72% {
    background-position: 0-519px;
  }
  76% {
    background-position: -217-519px;
  }
  80% {
    background-position: -434px -519px;
  }
  84% {
    background-position: -651px -519px;
  }
  88% {
    background-position: -868px -519px;
  }
  92% {
    background-position: -1085px -519px;
  }
  96% {
    background-position: -1302px -519px;
  }
  to {
    background-position: -1519px -519px;
  }
}
@keyframes childMove {
  0% {
    background-position: 0-3px;
  }
  4% {
    background-position: -217px -3px;
  }
  8% {
    background-position: -434px -3px;
  }
  12% {
    background-position: -651px -3px;
  }
  16% {
    background-position: -868px -3px;
  }
  20% {
    background-position: -1085px -3px;
  }
  24% {
    background-position: -1302px -3px;
  }
  28% {
    background-position: -1519px -3px;
  }
  32% {
    background-position: -1736px -3px;
  }
  36% {
    background-position: 0-261px;
  }
  40% {
    background-position: -217-261px;
  }
  44% {
    background-position: -434px -261px;
  }
  48% {
    background-position: -651px -261px;
  }
  52% {
    background-position: -868px -261px;
  }
  56% {
    background-position: -1085px -261px;
  }
  60% {
    background-position: -1302px -261px;
  }
  64% {
    background-position: -1519px -261px;
  }
  68% {
    background-position: -1736px -261px;
  }
  72% {
    background-position: 0-519px;
  }
  76% {
    background-position: -217-519px;
  }
  80% {
    background-position: -434px -519px;
  }
  84% {
    background-position: -651px -519px;
  }
  88% {
    background-position: -868px -519px;
  }
  92% {
    background-position: -1085px -519px;
  }
  96% {
    background-position: -1302px -519px;
  }
  to {
    background-position: -1519px -519px;
  }
}
@-webkit-keyframes dragonFx {
  0% {
    background-position: 0 0;
  }
  3% {
    background-position: -80px 0;
  }
  6% {
    background-position: -160px 0;
  }
  9% {
    background-position: -240px 0;
  }
  12% {
    background-position: -320px 0;
  }
  15% {
    background-position: -400px 0;
  }
  18% {
    background-position: -480px 0;
  }
  21% {
    background-position: -560px 0;
  }
  24% {
    background-position: -640px 0;
  }
  27% {
    background-position: -720px 0;
  }
  30% {
    background-position: -800px 0;
  }
}
@keyframes dragonFx {
  0% {
    background-position: 0 0;
  }
  3% {
    background-position: -80px 0;
  }
  6% {
    background-position: -160px 0;
  }
  9% {
    background-position: -240px 0;
  }
  12% {
    background-position: -320px 0;
  }
  15% {
    background-position: -400px 0;
  }
  18% {
    background-position: -480px 0;
  }
  21% {
    background-position: -560px 0;
  }
  24% {
    background-position: -640px 0;
  }
  27% {
    background-position: -720px 0;
  }
  30% {
    background-position: -800px 0;
  }
}
@-webkit-keyframes tipClose {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  to {
    opacity: 0;
    height: 0;
    margin: 0;
    padding: 0;
  }
}
@keyframes tipClose {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  to {
    opacity: 0;
    height: 0;
    margin: 0;
    padding: 0;
  }
}
@-webkit-keyframes reloadmove {
  0% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  to {
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
@keyframes reloadmove {
  0% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  to {
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
@-webkit-keyframes errorShow {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes errorShow {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes TopToBottom {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes TopToBottom {
  0% {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes BottomToTop {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
}
@keyframes BottomToTop {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
  }
}
@-webkit-keyframes failPopShow {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes failPopShow {
  0% {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes failPopHide {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
  }
}
@keyframes failPopHide {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  to {
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
  }
}
@-webkit-keyframes btnOpen {
  0% {
    -webkit-transform: rotatex(90deg);
    transform: rotatex(90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotatex(0deg);
    transform: rotatex(0deg);
    opacity: 1;
  }
}
@keyframes btnOpen {
  0% {
    -webkit-transform: rotatex(90deg);
    transform: rotatex(90deg);
    opacity: 0;
  }
  to {
    -webkit-transform: rotatex(0deg);
    transform: rotatex(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes shadowOpen {
  0% {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}
@keyframes shadowOpen {
  0% {
    opacity: 0;
  }
  to {
    opacity: 0.7;
  }
}
@-webkit-keyframes btnmove {
  0% {
    right: 0;
  }
  99% {
    right: -100%;
  }
  to {
    width: 0;
  }
}
@keyframes btnmove {
  0% {
    right: 0;
  }
  99% {
    right: -100%;
  }
  to {
    width: 0;
  }
}
@-webkit-keyframes mail {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes mail {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@-webkit-keyframes resend {
  0% {
    right: -100%;
  }
  to {
    right: 0;
  }
}
@keyframes resend {
  0% {
    right: -100%;
  }
  to {
    right: 0;
  }
}
@-webkit-keyframes mailani {
  0% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}
@keyframes mailani {
  0% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
}
@-webkit-keyframes smsAct {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }
}
@keyframes smsAct {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  to {
    -webkit-transform: translate(5px, 0);
    transform: translate(5px, 0);
  }
}
@-webkit-keyframes shake {
  0%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-3px, 0, 0);
    transform: translate3d(-3px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(3px, 0, 0);
    transform: translate3d(3px, 0, 0);
  }
}
@keyframes shake {
  0%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-3px, 0, 0);
    transform: translate3d(-3px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(3px, 0, 0);
    transform: translate3d(3px, 0, 0);
  }
}
@-webkit-keyframes chess-poker-move1 {
  0% {
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
  }
  to {
    -webkit-transform: translate(100%, 100%);
    transform: translate(100%, 100%);
  }
}
@keyframes chess-poker-move1 {
  0% {
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
  }
  to {
    -webkit-transform: translate(100%, 100%);
    transform: translate(100%, 100%);
  }
}
@-webkit-keyframes chess-poker-move2 {
  0% {
    -webkit-transform: translate(150%, -150%);
    transform: translate(150%, -150%);
  }
  50%,
  to {
    -webkit-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%);
  }
}
@keyframes chess-poker-move2 {
  0% {
    -webkit-transform: translate(150%, -150%);
    transform: translate(150%, -150%);
  }
  50%,
  to {
    -webkit-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%);
  }
}
@-webkit-keyframes infoShow {
  0% {
    height: 0;
    margin-bottom: 0;
    opacity: 0;
  }
  50% {
    height: auto;
    opacity: 1;
  }
  to {
    height: auto;
    margin-bottom: 0.9375rem;
    opacity: 1;
  }
}
@keyframes infoShow {
  0% {
    height: 0;
    margin-bottom: 0;
    opacity: 0;
  }
  50% {
    height: auto;
    opacity: 1;
  }
  to {
    height: auto;
    margin-bottom: 0.9375rem;
    opacity: 1;
  }
}
@-webkit-keyframes valueHide {
  0% {
    height: auto;
    opacity: 1;
  }
  to {
    height: 0;
    opacity: 0;
  }
}
@keyframes valueHide {
  0% {
    height: auto;
    opacity: 1;
  }
  to {
    height: 0;
    opacity: 0;
  }
}
@-webkit-keyframes inputShow {
  0% {
    height: 0;
    padding: 0;
    border-width: 0;
  }
  80% {
    height: 2.5rem;
    border-width: 0.125rem;
  }
  to {
    height: 2.5rem;
    padding: 0.6875rem;
    border-width: 0.125rem;
  }
}
@keyframes inputShow {
  0% {
    height: 0;
    padding: 0;
    border-width: 0;
  }
  80% {
    height: 2.5rem;
    border-width: 0.125rem;
  }
  to {
    height: 2.5rem;
    padding: 0.6875rem;
    border-width: 0.125rem;
  }
}
@-webkit-keyframes icon-copy-show {
  0% {
    top: -1.875rem;
    opacity: 0;
  }
  to {
    top: -0.3125rem;
    opacity: 1;
  }
}
@keyframes icon-copy-show {
  0% {
    top: -1.875rem;
    opacity: 0;
  }
  to {
    top: -0.3125rem;
    opacity: 1;
  }
}
@-webkit-keyframes icon-copy-hide {
  0% {
    top: -0.3125rem;
    opacity: 1;
  }
  to {
    top: -1.875rem;
    opacity: 0;
  }
}
@keyframes icon-copy-hide {
  0% {
    top: -0.3125rem;
    opacity: 1;
  }
  to {
    top: -1.875rem;
    opacity: 0;
  }
}
@-webkit-keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes third-party-icon-line-tip {
  0% {
    top: 1rem;
    left: -0.1875rem;
    width: 0;
  }
  40% {
    top: 1.5625rem;
    left: -0.3125rem;
    width: 2.0625rem;
  }
  70% {
    top: 1.9375rem;
    left: 0.5625rem;
    width: 1.0625rem;
  }
  80%,
  to {
    top: 1.875rem;
    left: 0.5rem;
    width: 1.125rem;
  }
}
@keyframes third-party-icon-line-tip {
  0% {
    top: 1rem;
    left: -0.1875rem;
    width: 0;
  }
  40% {
    top: 1.5625rem;
    left: -0.3125rem;
    width: 2.0625rem;
  }
  70% {
    top: 1.9375rem;
    left: 0.5625rem;
    width: 1.0625rem;
  }
  80%,
  to {
    top: 1.875rem;
    left: 0.5rem;
    width: 1.125rem;
  }
}
@-webkit-keyframes third-party-icon-line-long {
  0% {
    top: 2.25rem;
    right: 1.75rem;
    width: 0;
  }
  30% {
    top: 2.125rem;
    right: 1.875rem;
    width: 0;
  }
  60% {
    top: 2.125rem;
    right: 1.875rem;
    width: 0.25rem;
  }
  70% {
    top: 1.4375rem;
    right: 0.25rem;
    width: 2.1875rem;
  }
  to {
    top: 1.5625rem;
    right: 0.375rem;
    width: 2rem;
  }
}
@keyframes third-party-icon-line-long {
  0% {
    top: 2.25rem;
    right: 1.75rem;
    width: 0;
  }
  30% {
    top: 2.125rem;
    right: 1.875rem;
    width: 0;
  }
  60% {
    top: 2.125rem;
    right: 1.875rem;
    width: 0.25rem;
  }
  70% {
    top: 1.4375rem;
    right: 0.25rem;
    width: 2.1875rem;
  }
  to {
    top: 1.5625rem;
    right: 0.375rem;
    width: 2rem;
  }
}
@-webkit-keyframes rotate-circle {
  0%,
  5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  12%,
  to {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }
}
@keyframes rotate-circle {
  0%,
  5% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  12%,
  to {
    -webkit-transform: rotate(-405deg);
    transform: rotate(-405deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0turn);
    transform: rotate(0turn);
  }
  to {
    -webkit-transform: rotate(1.5turn);
    transform: rotate(1.5turn);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0turn);
    transform: rotate(0turn);
  }
  to {
    -webkit-transform: rotate(1.5turn);
    transform: rotate(1.5turn);
  }
}
@-webkit-keyframes popOpacity {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes popOpacity {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes square-animation {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  20%,
  40%,
  60% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes square-animation {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  20%,
  40%,
  60% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
header {
  z-index: 6000;
  
  top: 0;
  left: 0;
  width: 100%;
}
.pop-bg {
  z-index: 8000;
}
.login-pop-group,
.pop-wrap {
  z-index: 9000;
}
.gotop {
  z-index: 7000;
}
.rotating-pop {
  z-index: 10000;
}
.pop-bonuswallet {
  z-index: 8999;
}
.side-slider {
  z-index: 7000;
}
.side-slider.contact-service-box {
  z-index: 7001;
}
.side-slider.transfer-box.active {
  z-index: 7003;
}
.casino-lg .mask::after,
.casino-xs .mask::after,
.check-wrap [type="checkbox"] + label::after,
.clearfix::after,
.container-1200.casino .list-wrap-casino::after,
.content .container-1200::after,
.content .container-1400::after,
.content .container-register-success::after,
.content .container-w100::after,
.content.nomainnav .container-1200::after,
.featured-game-btn-group::after,
.fish-group .btn-subitem dl::after,
.fish-group::after,
.footer-article::after,
.footer-license::after,
.footer-link-group::after,
.footer-logo-wrap::after,
.footer-partner-wrap::after,
.form-btn-box::after,
.forpass-item::after,
.games-container .total-games-group::after,
.games-container::after,
.header-inner::after,
.hot-event .event-group::after,
.list-wrap-casino::after,
.main-banner-group li::after,
.main-nav ul::after,
.main-sub-nav .lv2-menu .lv2-menu-inner::after,
.main-wrap-2nd::after,
.main-wrap-casino-1st::after,
.main-wrap-slotgame .slotgame-inner::after,
.main-wrap-slotgame-1st .main-wrap-slotgame::after,
.main-wrap-slotgame-1st .slot-tab::after,
.main-wrap-slotgame-1st .slotgame-inner.no-jackpot::after,
.main-wrap-sport .navigation::after,
.main-wrap-sport-1st::after,
.mini-header .logo-wrap .login-input-group::after,
.navigation-1::after,
.navigation-2::after,
.navigation-3::after,
.pop-wrap.login .input-slides::after,
.promotion-card::after,
.register-block .register-form-inner::after,
.register-block .register-form-step3 .account-longword-wrap::after,
.register-block .register-form-step3 .account-wrap::after,
.register-block::after,
.register-card-wrap::after,
.register-tab::after,
.right-fish-wrap .fish-inner::after,
.select-platform-wrap ul::after,
.sport-lg .mask::after,
.sport-xs .mask::after,
.top-card-wrap ul::after,
.top-card-wrap::after,
.top-subnav-inner .select-platform-wrap::after,
.week-top-game-wrap.col-2 .games-icon::after {
  content: "";
  display: block;
  clear: both;
}
.main-sub-nav .nav-inner::after {
  display: block;
  clear: both;
}
.casino-lg .mask,
.casino-xs .mask,
.check-wrap [type="checkbox"] + label,
.clearfix,
.container-1200.casino .list-wrap-casino,
.content .container-1200,
.content .container-1400,
.content .container-register-success,
.content .container-w100,
.content.nomainnav .container-1200,
.featured-game-btn-group,
.fish-group,
.fish-group .btn-subitem dl,
.footer-article,
.footer-license,
.footer-link-group,
.footer-logo-wrap,
.footer-partner-wrap,
.form-btn-box,
.forpass-item,
.games-container,
.games-container .total-games-group,
.header-inner,
.hot-event .event-group,
.list-wrap-casino,
.main-banner-group li,
.main-nav ul,
.main-sub-nav .lv2-menu .lv2-menu-inner,
.main-sub-nav .nav-inner,
.main-wrap-2nd,
.main-wrap-casino-1st,
.main-wrap-slotgame .slotgame-inner,
.main-wrap-slotgame-1st .main-wrap-slotgame,
.main-wrap-slotgame-1st .slot-tab,
.main-wrap-slotgame-1st .slotgame-inner.no-jackpot,
.main-wrap-sport .navigation,
.main-wrap-sport-1st,
.mini-header .logo-wrap .login-input-group,
.navigation-1,
.navigation-2,
.navigation-3,
.pop-wrap.login .input-slides,
.promotion-card,
.register-block,
.register-block .register-form-inner,
.register-block .register-form-step3 .account-longword-wrap,
.register-block .register-form-step3 .account-wrap,
.register-card-wrap,
.register-tab,
.right-fish-wrap .fish-inner,
.select-platform-wrap ul,
.sport-lg .mask,
.sport-xs .mask,
.top-card-wrap,
.top-card-wrap ul,
.top-subnav-inner .select-platform-wrap,
.week-top-game-wrap.col-2 .games-icon {
  zoom: 1;
}
.clear {
  clear: both;
}
.casino-lg,
.casino-lg .img-wrap,
.casino-lg .mask li,
.casino-xs,
.casino-xs .mask li,
.container-1200.casino .casino-banner,
.container-1200.casino .casino-banner-lg,
.container-1200.casino .casino-banner-md,
.container-1200.casino .casino-banner-xs,
.container-1200.casino .list-wrap-casino,
.featured-game-btn-group li,
.fish-group li,
.float-L,
.footer-link-group li,
.footer-partner-wrap li,
.games-container,
.games-container .games-icon,
.games-container .total-award-wrap,
.games-container .total-games-group,
.games-container .week-top-game-wrap,
.hot-event .event-group li,
.language-wrap,
.main-banner-group .info-banner-wrap .dptoac-wrap,
.main-banner-group .info-banner-wrap .single-coin,
.main-banner-group .info-banner-wrap .wdtoac-wrap,
.main-banner-group li,
.main-wrap-banner-group,
.main-wrap-casino.left,
.main-wrap-hotsport.left,
.main-wrap-iframe.left,
.main-wrap-slotgame .game-wrap,
.main-wrap-slotgame .jackpot-wrap,
.main-wrap-slotgame-1st .slot-tab li,
.main-wrap-slotgame-1st .slotgame-inner,
.main-wrap-slotgame.left,
.main-wrap-sport.left,
.promotion-card li,
.register-block .register-banner,
.register-block .register-banner-skewx,
.register-block .register-form-step1,
.register-block .register-form-step1 .btn-default.prev,
.register-block .register-form-step2,
.register-block .register-form-step2 .btn-default.prev,
.register-block .register-form-step3,
.register-title .step-wrap li,
.select-platform-wrap li,
.sidenav-wrap,
.sport-lg,
.sport-lg .img-wrap,
.sport-lg .mask li,
.sport-xs,
.sport-xs .mask li,
.step-register .step-wrap li,
.toggle-theme-wrap .dark-icon,
.toggle-theme-wrap .light-icon,
.toggle-theme-wrap .toggle-btn,
.top-card-wrap li,
.week-top-game-wrap .games-slide .flex-prev,
header .header-btn-wrap li,
header .logo-wrap .header-online-sevice li,
header .logo-wrap .header-payment-info dd,
header .logo-wrap .header-payment-info dl,
header .logo-wrap .header-payment-info dt,
header .logo-wrap .header-payment-info h5,
header .status-wrap .header-online-sevice li,
header .status-wrap .header-payment-info dd,
header .status-wrap .header-payment-info dl,
header .status-wrap .header-payment-info dt,
header .status-wrap .header-payment-info h5,
header .time {
  float: left;
}
.casino-lg .word-wrap,
.container-1200.casino .casino-banner.right,
.container-1200.casino .right.casino-banner-lg,
.container-1200.casino .right.casino-banner-md,
.container-1200.casino .right.casino-banner-xs,
.fish-group .btn-subitem dd,
.float-R,
.main-wrap-banner-group.right,
.main-wrap-casino.right,
.main-wrap-hotsport.right,
.main-wrap-iframe.right,
.main-wrap-slotgame-1st .jackpot-winner-wrap,
.main-wrap-slotgame.right,
.main-wrap-sport .navigation a,
.main-wrap-sport.right,
.navigation-1 a,
.navigation-2 a,
.navigation-3 a,
.register-block .register-form,
.sport-lg .word-wrap,
.toggle-theme-wrap,
.week-top-game-wrap .games-slide .flex-next,
header .header-btn-wrap,
header .logo-wrap .header-online-sevice,
header .logo-wrap .header-payment-info,
header .status-wrap .header-online-sevice,
header .status-wrap .header-payment-info {
  float: right;
}
.align-L {
  text-align: left;
}
.align-R {
  text-align: right;
}
.align-C {
  text-align: center;
}
.btn-register-next,
.btn-register-prev,
.btn-register-submit,
.fish-nav.no-text li a,
.main-wrap-sport .navigation a,
.navigation-1 a,
.navigation-2 a,
.navigation-3 a {
  font-size: 0;
  text-indent: -99999px;
}
.login-pop-group .fail-pop .pop-btn-box button,
.pop-wrap.login .pop-title h3,
.pop-wrap.promotion-sty-a .time,
.promotion-big-card .time,
.promotion-card .explanation-wrap .text,
.promotion-card .explanation-wrap .time,
.promotion-card .explanation-wrap h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.btn-simple-dark:hover,
.btn-simple-light:hover,
.casino-lg:not(.maintenance).active,
.casino-xs:not(.maintenance).active,
.container-1200.casino .casino-banner-lg:hover,
.container-1200.casino .casino-banner-md:hover,
.container-1200.casino .casino-banner-xs:hover,
.container-1200.casino .casino-banner:hover,
.fish-group .btn-subitem dd:hover,
.flex-control-nav .flex-active,
.flex-control-nav .slick-active button,
.flex-control-nav li a:hover,
.flex-control-nav li button:hover,
.iplimit-card-wrap,
.main-wrap-casino .casino-lg .play-item:hover,
.main-wrap-sport .sport-lg .play-item:hover,
.select-platform-wrap li .radio-cube::before,
.slick-dots .flex-active,
.slick-dots .slick-active button,
.slick-dots li a:hover,
.slick-dots li button:hover,
.sport-lg:not(.maintenance).active,
.sport-subnav-sub li a.active,
.sport-subnav-sub li a:hover,
.sport-xs:not(.maintenance).active {
  box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1), 0 4px 4px 1px rgba(0, 0, 0, 0.1),
    0 8px 8px 1px rgba(0, 0, 0, 0.1), 0 16px 16px 1px rgba(0, 0, 0, 0.1),
    0 32px 32px 1px rgba(0, 0, 0, 0.1);
}
.promotion-big-card .money-wrap h3,
.sport-subnav-sub li a {
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1),
    0 8px 8px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1),
    0 32px 32px rgba(0, 0, 0, 0.1);
}
.casino-lg,
.casino-lg .img,
.casino-lg:not(.maintenance).active,
.casino-xs,
.casino-xs .img,
.casino-xs:not(.maintenance).active,
.sport-lg,
.sport-lg .img,
.sport-lg:not(.maintenance).active,
.sport-xs,
.sport-xs .img,
.sport-xs:not(.maintenance).active {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: subpixel-antialiased;
  will-change: transform;
  -webkit-filter: blur(0);
}
.header-login .amount .balance,
.iplimit-card-wrap.vn,
.iplimit-card-wrap.vn .right-inner h3 {
  font-family: Helvetica, Tahoma, sans-serif;
}
.hot-event .event-group .team-name p,
.hot-event .event-group .vs p,
.iplimit-card-wrap .right-inner h3,
.iplimit-card-wrap.system .upgrade-time p,
.main-banner-group .info-banner-wrap .dptoac-wrap .bar::after,
.main-banner-group .info-banner-wrap .wdtoac-wrap .bar::after,
.main-banner-group .single-coin p i,
.main-wrap-sport .event-info-wrap .score,
.promotion-big-card .money-wrap h3.number {
  font-family: Impact, Helvetica, Tahoma, sans-serif;
}
.games-container .total-award-wrap .money {
  font-family: Menlo, Monaco, Consolas, TrebuchetMS, Rotobo, "Microsoft YaHei",
    sans-serif;
}
.promotion-big-card .money-wrap h3.number i,
body,
input {
  font-family: "Helvetica Neue", Helvetica, Tahoma, "PingFang SC",
    "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei",
    sans-serif !important;
}
.flex-control-nav li a,
.flex-control-nav li button,
.main-nav .nav-item,
.slick-dots li a,
.slick-dots li button {
  -ms-behavior: url(../js/ie/css3.htc);
  behavior: url(../js/ie/css3.htc);
}
.btn-2nd-radius::before,
.btn-2nd-xs::before,
.btn-2nd::before,
.btn-3rd-radius::before,
.btn-3rd-xs::before,
.btn-3rd::before,
.btn-4th-radius::before,
.btn-4th-xs::before,
.btn-4th::before,
.btn-5th-radius::before,
.btn-5th-xs::before,
.btn-5th::before,
.btn-default-radius::before,
.btn-default-xs::before,
.btn-default::before,
.btn-gray-radius::before,
.btn-gray-xs::before,
.btn-gray::before,
.casino-lg .img-wrap .AG,
.casino-lg .img-wrap .ALLBET,
.casino-lg .img-wrap .BBIN,
.casino-lg .img-wrap .BG,
.casino-lg .img-wrap .DG,
.casino-lg .img-wrap .EBET,
.casino-lg .img-wrap .KY,
.casino-lg .img-wrap .LG,
.casino-lg .img-wrap .MG,
.casino-lg .img-wrap .PT,
.casino-lg .img-wrap .SUN,
.casino-xs .img-wrap .AG,
.casino-xs .img-wrap .ALLBET,
.casino-xs .img-wrap .BBIN,
.casino-xs .img-wrap .BG,
.casino-xs .img-wrap .DG,
.casino-xs .img-wrap .EBET,
.casino-xs .img-wrap .KY,
.casino-xs .img-wrap .LG,
.casino-xs .img-wrap .MG,
.casino-xs .img-wrap .PT,
.casino-xs .img-wrap .SUN,
.footer-link-group .icon-wrap,
.main-banner-group .main-banner-xs-wrap,
.sport-lg .img-wrap .UG,
.sport-xs .img-wrap .UG,
header .icon-arrival,
header .icon-process {
  -ms-behavior: url(../js/ie/backgroundsize.min.htc);
  behavior: url(../js/ie/backgroundsize.min.htc);
}
.btn-2nd-radius::before,
.btn-2nd-xs::before,
.btn-2nd::before,
.btn-3rd-radius::before,
.btn-3rd-xs::before,
.btn-3rd::before,
.btn-4th-radius::before,
.btn-4th-xs::before,
.btn-4th::before,
.btn-5th-radius::before,
.btn-5th-xs::before,
.btn-5th::before,
.btn-default-radius::before,
.btn-default-xs::before,
.btn-default::before,
.btn-gray-radius::before,
.btn-gray-xs::before,
.btn-gray::before,
.btn-sort::before,
.casino-lg .play-item::before,
.casino-lg .rule::before,
.casino-lg .word-wrap h3::before,
.casino-lg::before,
.casino-xs .play-item::before,
.casino-xs .rule::before,
.casino-xs .word-wrap h3::before,
.casino-xs::before,
.check-wrap .check-cube::before,
.chess-menu li::before,
.featured-game-btn-group .icon-3d::before,
.featured-game-btn-group .icon-jackpot::before,
.featured-game-btn-group .icon-new::before,
.fish-group .right-fish-wrap .fish-inner .fish-AGIN::after,
.fish-group .right-fish-wrap .fish-inner .fish-AWCMFC::after,
.fish-group .right-fish-wrap .fish-inner .fish-AWCMP8::after,
.fish-group .right-fish-wrap .fish-inner .fish-AWCMYESBINGO::after,
.fish-group .right-fish-wrap .fish-inner .fish-AWCMYL::after,
.fish-group .right-fish-wrap .fish-inner .fish-BBIN::after,
.fish-group .right-fish-wrap .fish-inner .fish-BG::after,
.fish-group .right-fish-wrap .fish-inner .fish-CQ9::after,
.fish-group .right-fish-wrap .fish-inner .fish-GG::after,
.fish-group .right-fish-wrap .fish-inner .fish-JDB::after,
.fish-group .right-fish-wrap .fish-inner .fish-KA::after,
.fish-group .right-fish-wrap .fish-inner .fish-MWG::after,
.fish-group .right-fish-wrap .fish-inner .fish-SilkStonePT::after,
.fish-group .right-fish-wrap .fish-inner .fish-SilkStoneSW::after,
.fish-group .right-fish-wrap .fish-inner .fish-jili::after,
.fish-group .right-fish-wrap .fish-inner .fish-joker::after,
.fish-group .right-fish-wrap .fish-inner .fish-ps::after,
.fish-group .right-fish-wrap .fish-inner .fish-sh::after,
.fish-group li::before,
.fish-nav li a::after,
.fish-nav li a::before,
.fish-nav li::after,
.fish-nav::after,
.fish-nav::before,
.footer-logo-wrap .footer-logo .sponsor::before,
.games-container .games-icon .favorite::before,
.games-container .games-icon .game-inner::after,
.games-container .games-icon .game-inner::before,
.games-container .games-icon .tag.hot::before,
.hot-event::before,
.main-banner-group .info-banner-wrap .dptoac-wrap .bar::after,
.main-banner-group .info-banner-wrap .wdtoac-wrap .bar::after,
.main-banner-group .single-coin::after,
.main-banner-group .single-coin::before,
.main-casino-banner::before,
.main-logo .sponsor::before,
.main-nav .nav-item .arrow::after,
.main-nav .nav-item::after,
.main-nav .nav-item::before,
.main-nav li::after,
.main-nav li:first-child::before,
.main-sport-banner2::before,
.main-wrap-slotgame .game-wrap p::before,
.main-wrap-slotgame .jackpot-wrap p::before,
.main-wrap-slotgame-1st .jackpot-winner-wrap::after,
.main-wrap-slotgame-1st .jackpot-winner-wrap::before,
.main-wrap-slotgame-1st .slot-tab li::after,
.main-wrap-sport .event-info-wrap .flag-wrap::after,
.main-wrap-sport .navigation::before,
.navigation-1::before,
.navigation-2::before,
.navigation-3::before,
.pop-wrap.promotion-sty-a .time::before,
.post .post-icon::before,
.promotion-big-card .btn-more::before,
.promotion-big-card .money-wrap::before,
.promotion-big-card .time::before,
.promotion-big-card ul::after,
.promotion-big-card ul::before,
.promotion-card .explanation-wrap .time::before,
.promotion-card .explanation-wrap h3::before,
.register-block .register-form-step1 .check-wrap .check-cube::before,
.register-block .register-form-step2 .check-wrap .check-cube::before,
.register-title .step-wrap li::before,
.register-title .step-wrap::before,
.right-fish-wrap .fish-inner .fish-group .fish-AGIN::after,
.right-fish-wrap .fish-inner .fish-group .fish-AWCMFC::after,
.right-fish-wrap .fish-inner .fish-group .fish-AWCMP8::after,
.right-fish-wrap .fish-inner .fish-group .fish-AWCMYESBINGO::after,
.right-fish-wrap .fish-inner .fish-group .fish-AWCMYL::after,
.right-fish-wrap .fish-inner .fish-group .fish-BBIN::after,
.right-fish-wrap .fish-inner .fish-group .fish-BG::after,
.right-fish-wrap .fish-inner .fish-group .fish-CQ9::after,
.right-fish-wrap .fish-inner .fish-group .fish-GG::after,
.right-fish-wrap .fish-inner .fish-group .fish-JDB::after,
.right-fish-wrap .fish-inner .fish-group .fish-KA::after,
.right-fish-wrap .fish-inner .fish-group .fish-MWG::after,
.right-fish-wrap .fish-inner .fish-group .fish-SilkStonePT::after,
.right-fish-wrap .fish-inner .fish-group .fish-SilkStoneSW::after,
.right-fish-wrap .fish-inner .fish-group .fish-jili::after,
.right-fish-wrap .fish-inner .fish-group .fish-joker::after,
.right-fish-wrap .fish-inner .fish-group .fish-ps::after,
.right-fish-wrap .fish-inner .fish-group .fish-sh::after,
.right-fish-wrap .fish-inner .fish::after,
.select-platform-wrap h4::before,
.select-platform-wrap li .check-cube::before,
.select-platform-wrap li .radio-cube::before,
.sport-lg .play-item::before,
.sport-lg .rule::before,
.sport-lg .word-wrap h3::before,
.sport-lg::before,
.sport-xs .play-item::before,
.sport-xs .rule::before,
.sport-xs .word-wrap h3::before,
.sport-xs::before,
.step-register .step-wrap li::before,
.step-register .step-wrap::before,
.toggle-theme-wrap .toggle-btn::before,
header .logo-wrap .header-online-sevice .online-sevice-inner a::before,
header .sponsor::before,
header .status-wrap .header-online-sevice .online-sevice-inner a::before {
  content: "";
  display: inline-block;
  position: absolute;
}
.main-wrap-slotgame .jackpot-inner .tag {
  width: 5rem;
  height: 1.875rem;
}


.main-wrap-slotgame .game-wrap .mask,
.main-wrap-slotgame .jackpot-wrap .mask {
  position: absolute;
  z-index: 4;
}
.games-container .games-icon .mask,
.main-wrap-slotgame .game-wrap .mask,
.main-wrap-slotgame .jackpot-wrap .mask {
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease-in 0.1s, padding-top 0.3s ease-in 0.1s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: inset 0 0 1px 1px rgba(69, 108, 204, 0.4),
    inset 0 0 10px 0 rgba(255, 255, 255, 0.2);
}
.games-container .games-icon .mask .mask-inner,
.main-wrap-slotgame .game-wrap .mask .mask-inner,
.main-wrap-slotgame .jackpot-wrap .mask .mask-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
}
.games-container .games-icon .mask .mask-inner .mask-btn-wrap,
.main-wrap-slotgame .game-wrap .mask .mask-inner .mask-btn-wrap,
.main-wrap-slotgame .jackpot-wrap .mask .mask-inner .mask-btn-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  padding-top: 120%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all 0.3s ease-in 0.1s;
}
.games-container .games-icon .mask .mask-inner .mask-btn-wrap a,
.main-wrap-slotgame .game-wrap .mask .mask-inner .mask-btn-wrap a,
.main-wrap-slotgame .jackpot-wrap .mask .mask-inner .mask-btn-wrap a {
  width: 7.5rem;
  margin-bottom: 0.625rem;
}
.games-container .games-icon .mask .mask-inner .mask-btn-wrap a:last-child,
.main-tab-content .tab-pane section:last-child,
.main-wrap-slotgame .game-wrap .mask .mask-inner .mask-btn-wrap a:last-child,
.main-wrap-slotgame
  .jackpot-wrap
  .mask
  .mask-inner
  .mask-btn-wrap
  a:last-child {
  margin-bottom: 0;
}
.week-top-game-wrap .money-1 {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
}
.games-container .total-award-wrap .money-left,
.games-container .total-award-wrap .money-right,
.week-top-game-wrap .money-1,
.week-top-game-wrap .money-2,
.week-top-game-wrap .money-3 {
  -webkit-animation-name: bubble;
  animation-name: bubble;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.games-container .total-award-wrap .money-left,
.games-container .total-award-wrap .money-right {
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.step-register {
  position: relative;
  width: 100%;
  height: 4.375rem;
  margin-top: 1.875rem;
  background: #191e32;
  line-height: 4.375rem;
  text-align: center;
}
.step-register h3 {
  font-size: 22px;
  line-height: 40px;
  position: absolute;
  top: 0;
  left: 2.5rem;
  color: #c9a33d;
  line-height: 4.375rem;
}
.step-register p {
  font-size: 14px;
  line-height: 20px;
  color: #474747;
}
.step-register p a {
  color: #c9a33d;
}
.step-register p a:hover {
  color: #917528;
}
.step-register:not(.step-register) p {
  position: absolute;
  top: 50%;
  right: 1.875rem;
  max-width: 22%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  line-height: 1.2;
  text-align: right;
  word-wrap: break-word;
  word-break: break-all;
}
.step-register .step-wrap {
  display: inline-block;
  position: relative;
  height: 100%;
  padding-top: 1.375rem;
  color: #fff;
}
.step-register .step-wrap::before {
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  height: 0.25rem;
  background: #7a7a7a;
}
.step-register .step-wrap li {
  font-size: 15px;
  line-height: 20px;
  position: relative;
  z-index: 3;
  margin-right: 48px;
}
.step-register .step-wrap li span {
  position: relative;
  z-index: 2;
  padding: 0.125rem 0.75rem 0.1875rem;
  transition: background 0.3s ease-in;
  border-radius: 0.8125rem;
  background: #7a7a7a;
}
.step-register .step-wrap li:last-child {
  margin-right: 0;
}
.step-register .step-wrap li::before {
  z-index: 1;
  top: 0.5rem;
  left: 0;
  width: 100%;
  height: 0.25rem;
  margin-left: 24px;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  transition: all 0.5s ease-out 0.2s;
  border-radius: 4px;
  background: linear-gradient(-90deg, #c9a33d 0, #a5852e 100%);
}
.step-register .step-wrap li.step2::before,
.step-register .step-wrap li.step3::before {
  margin-left: 0;
}
.step-register .step-wrap li.step1.active span,
.step-register .step-wrap li.step2.active span,
.step-register .step-wrap li.step3.active span {
  background: #b99533;
}
.step-register .step-wrap.st2 .step2::before {
  margin-left: 24px;
  transition-delay: 0.5s;
}
@font-face {
  font-family: "Bebas Neue";
  src: url(/font/BebasNeue-Regular.ttf);
}
.tab-primary-box span {
  padding: 0 0.625rem;
  border-radius: 10px;
  background-color: #ff003f;
  color: #fff;
  font-size: 0.75rem;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.4) transparent;
}
body {
  width: 100%;
  height: 100%;
  overflow: overlay;
  overflow-x: hidden;
  background: #464646;
  color: #333;
  line-height: 20px;
}
a {
  display: inline-block;
  outline: 0;
  background-color: transparent;
  color: #444;
  text-decoration: none;
  cursor: pointer;
  hlbr: expression(this.onFocus=this.blur());
}
a:hover {
  color: #d4b665;
}
img {
  border-style: none;
}
table {
  border-collapse: collapse;
}
input {
  border: 1px #aaa solid;
  background-color: #fff;
  color: #666;
}
input:focus {
  outline: 0;
}
li,
ul {
  list-style: none;
}
li {
  display: inline-block;
}
i {
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
body,
button,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
optgroup,
p,
select,
textarea,
ul {
  margin: 0;
}
button,
optgroup,
select,
textarea {
  font-family: inherit;
}
button,
input,
optgroup,
select,
textarea {
  outline: 0;
  font-size: 100%;
  line-height: 1.15;
}
button:invalid,
input:invalid,
optgroup:invalid,
select:invalid,
textarea:invalid {
  box-shadow: none;
}
button,
input {
  overflow: hidden;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
::-webkit-scrollbar {
  width: 0.4375rem;
  height: 0.4375rem;
}
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 0.4375rem;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}
::-webkit-scrollbar-track {
  background: 0 0;
}
.error {
  padding-top: 3px;
  color: #f35e5e;
  font-size: 0.875rem;
  line-height: 1.2;
}
.error a {
  padding: 0 3px;
  color: #f35e5e;
  text-decoration: underline;
}
.error::before {
  content: "!";
  display: inline-block;
  width: 0.875rem;
  height: 0.875rem;
  margin-right: 0.3125rem;
  border-radius: 50%;
  background-color: #f35e5e;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 0.875rem;
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 1440px) {
  @-webkit-keyframes popShow {
    0% {
      top: 5%;
      opacity: 0;
    }
    to {
      top: 10%;
      opacity: 1;
    }
  }
  @keyframes popShow {
    0% {
      top: 5%;
      opacity: 0;
    }
    to {
      top: 10%;
      opacity: 1;
    }
  }
  @-webkit-keyframes popHide {
    0% {
      top: 10%;
      opacity: 1;
    }
    to {
      top: 5%;
      opacity: 0;
    }
  }
  @keyframes popHide {
    0% {
      top: 10%;
      opacity: 1;
    }
    to {
      top: 5%;
      opacity: 0;
    }
  }
}
.pop-bg,
.pop-wrap {
  display: none;
  position: fixed;
}
.pop-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
}
.pop-wrap {
  top: 10%;
  left: 50%;
  min-width: 400px;
  overflow: hidden;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 5px;
  background: #fff;
}
.pop-wrap.active {
  display: block !important;
  -webkit-animation: popShow 0.5s ease-in-out forwards;
  animation: popShow 0.5s ease-in-out forwards;
}
.pop-wrap.hide {
  -webkit-animation: popHide 0.3s ease-in-out forwards;
  animation: popHide 0.3s ease-in-out forwards;
}
.pop-wrap .pop-title {
  position: relative;
  height: 60px;
  border-bottom: 1px solid #dfc98d;
  background: #c9a33d;
}
.pop-wrap .pop-title h3 {
  padding: 0 24px;
  color: #fff;
  font-size: 18px;
  line-height: 60px;
}
.pop-wrap .btn-close {
  display: flex;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  transition: 0.5s ease-out;
  background-color: rgba(207, 172, 81, 0.2);
  cursor: pointer;
}
.pop-wrap .btn-close:hover {
  background-color: #cfac51;
}

.pop-wrap .pop-inner {
  position: relative;
  padding: 30px 0;
  text-align: center;
}
.pop-wrap ul,
.pop-wrap ul li {
  list-style: disc;
}
.pop-wrap ol,
.pop-wrap ol li {
  list-style: decimal;
}
.pop-wrap ol,
.pop-wrap ul {
  padding-left: 15px;
  text-align: left;
}
.pop-wrap li {
  display: list-item;
  padding-bottom: 5px;
}
.notshow-checkbox {
  position: absolute;
  bottom: -35p;
  left: 0;
  width: 100%;
  height: 35px;
  padding: 0 20px;
  background: linear-gradient(
    45deg,
    rgba(0, 0, 0, 0.9) 0,
    rgba(0, 0, 0, 0.8) 100%
  );
  color: #fff;
}
.notshow-checkbox .check-input {
  display: none;
}
.notshow-checkbox .check-cube {
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  border: 1px solid #fff;
  border-radius: 2px;
  vertical-align: middle;
}

.notshow-checkbox .check-input:checked + .check-label .check-cube::before,
.register-block
  .register-form-step1
  .check-wrap
  input:checked
  + label
  .check-cube::before,
.register-block
  .register-form-step2
  .check-wrap
  input:checked
  + label
  .check-cube::before,
.select-platform-wrap li input:checked + label .check-cube::before,
.select-platform-wrap li input:checked + label .radio-cube::before {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.notshow-checkbox .text {
  display: inline-block;
  transition: all 0.3s;
  opacity: 0.7;
  color: #fff;
  font-size: 14px;
  line-height: 35px;
}
.notshow-checkbox .text:hover {
  opacity: 1;
}
.check-label {
  cursor: pointer;
}
.msg_detail_popup.pop-wrap {
  -webkit-transform: none;
  transform: none;
}
.fail-pop,
.success-pop {
  width: 400px;
  padding: 0 35px 20px;
  overflow: visible;
  border-radius: 5px;
}
.fail-pop .pop-title,
.success-pop .pop-title {
  height: auto;
  border-bottom: 0;
  background-color: transparent;
}
.fail-pop .pop-title h3,
.success-pop .pop-title h3 {
  margin-bottom: 10px;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  text-align: center;
}
.fail-pop .pop-inner,
.success-pop .pop-inner {
  padding: 0;
}
.fail-pop p,
.success-pop p {
  font-size: 16px;
}
.fail-pop button,
.success-pop button {
  width: 100%;
  margin-top: 20px;
  border: 0;
}
.fail-pop .state,
.success-pop .state {
  position: relative;
  width: 100px;
  height: 100px;
  margin: -40px auto 30px;
  -webkit-animation: fallin 0.7s forwards 0.2s;
  animation: fallin 0.7s forwards 0.2s;
  border-radius: 100%;
  opacity: 0;
}
.fail-pop .state::before,
.success-pop .state::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.success-pop .pop-title h3,
.success-pop span {
  color: #4e916d;
}
.success-pop .state {
  background: linear-gradient(135deg, #57a279 0, #4e916d 100%);
}

.success-pop .btn-default,
header .logo-wrap .header-inner.no-sponsor .logo::before {
  display: none;
}
.fail-pop .pop-title h3,
.fail-pop span {
  color: #e93d3d;
}
.fail-pop .btn-default,
.fail-pop .state {
  background: linear-gradient(135deg, #ec5454 0, #e93d3d 100%);
}

.fail-pop .btn-default {
  text-shadow: 0 1px 3px #ac1414;
  cursor: pointer;
}
.fail-pop .btn-default:hover {
  box-shadow: 0 2px 5px 1px rgba(6, 8, 15, 0.1);
}

.btn-gray {
  display: inline-block;
  position: relative;
  height: 2.5rem;
  padding: 0 1.875rem;
  overflow: hidden;
  transition: box-shadow 0.5s ease-out 0.1s, background-position 0.3s ease-in,
    text-shadow 0.3s ease-in 0.1s;
  font-size: 15px;
  line-height: 2.5rem;
}
.btn-gray,
.btn-gray-xs {
  border-radius: 3px;
}
.btn-5th,
.btn-gray-radius,
.btn-gray-xs {
  display: inline-block;
  position: relative;
  padding: 0 1.875rem;
  overflow: hidden;
  transition: box-shadow 0.5s ease-out 0.1s, background-position 0.3s ease-in,
    text-shadow 0.3s ease-in 0.1s;
}
.btn-5th {
  height: 2.5rem;
  font-size: 15px;
  line-height: 2.5rem;
}
.btn-5th,
.btn-5th-xs {
  border-radius: 3px;
}
.btn-4th,
.btn-5th-radius,
.btn-5th-xs {
  display: inline-block;
  position: relative;
  padding: 0 1.875rem;
  overflow: hidden;
  transition: box-shadow 0.5s ease-out 0.1s, background-position 0.3s ease-in,
    text-shadow 0.3s ease-in 0.1s;
}
.btn-4th {
  height: 2.5rem;
  font-size: 15px;
  line-height: 2.5rem;
}
.btn-4th,
.btn-4th-xs {
  border-radius: 3px;
}
.btn-3rd,
.btn-4th-radius,
.btn-4th-xs {
  display: inline-block;
  position: relative;
  padding: 0 1.875rem;
  overflow: hidden;
  transition: box-shadow 0.5s ease-out 0.1s, background-position 0.3s ease-in,
    text-shadow 0.3s ease-in 0.1s;
}
.btn-3rd {
  height: 2.5rem;
  font-size: 15px;
  line-height: 2.5rem;
}
.btn-3rd,
.btn-3rd-xs {
  border-radius: 3px;
}
.btn-2nd,
.btn-3rd-radius,
.btn-3rd-xs {
  display: inline-block;
  position: relative;
  padding: 0 1.875rem;
  overflow: hidden;
  transition: box-shadow 0.5s ease-out 0.1s, background-position 0.3s ease-in,
    text-shadow 0.3s ease-in 0.1s;
}
.btn-2nd {
  height: 2.5rem;
  font-size: 15px;
  line-height: 2.5rem;
}
.btn-2nd,
.btn-2nd-xs {
  border-radius: 3px;
}
.btn-2nd-radius,
.btn-2nd-xs,
.btn-default {
  display: inline-block;
  position: relative;
  padding: 0 1.875rem;
  overflow: hidden;
  transition: box-shadow 0.5s ease-out 0.1s, background-position 0.3s ease-in,
    text-shadow 0.3s ease-in 0.1s;
}
.btn-default {
  height: 2.5rem;
  font-size: 15px;
  line-height: 2.5rem;
}
.btn-default,
.btn-default-xs {
  border-radius: 3px;
}
.btn-default-radius,
.btn-default-xs {
  display: inline-block;
  position: relative;
  padding: 0 1.875rem;
  overflow: hidden;
  transition: box-shadow 0.5s ease-out 0.1s, background-position 0.3s ease-in,
    text-shadow 0.3s ease-in 0.1s;
}

.btn-2nd-xs,
.btn-3rd-xs,
.btn-4th-xs,
.btn-5th-xs,
.btn-default-xs,
.btn-gray-xs {
  height: 2.1875rem;
  font-size: 14px;
  line-height: 2.1875rem;
}
.btn-2nd-radius,
.btn-3rd-radius,
.btn-4th-radius,
.btn-5th-radius,
.btn-default-radius,
.btn-gray-radius {
  height: 2.1875rem;
  border-radius: 20px;
  font-size: 14px;
  line-height: 2.1875rem;
}
.btn-default,
.btn-default-radius,
.btn-default-xs {
  background: linear-gradient(
    to right,
    #a56c0b 0,
    #d4b665 15%,
    #d4b665 30%,
    #a56c0b 55%,
    #a56c0b 100%
  );
  background-position: 50%0;
  background-size: 200%;
  box-shadow: 0 5px 10px 0 rgba(6, 8, 15, 0.1), inset 0 0 3px 0#ffdd8f;
  color: #fff;
}
.btn-default-radius.active,
.btn-default-radius:hover,
.btn-default-xs.active,
.btn-default-xs:hover,
.btn-default.active,
.btn-default:hover {
  background-position: 0 0;
  box-shadow: 0 2px 2px 1px rgba(6, 8, 15, 0.1),
    0 4px 4px 1px rgba(6, 8, 15, 0.1), 0 8px 8px 1px rgba(6, 8, 15, 0.1),
    0 16px 16px 1px rgba(6, 8, 15, 0.1), 0 32px 32px 1px rgba(6, 8, 15, 0.1),
    inset 0 0 3px 0#ffdd8f;
  color: #fff;
  text-shadow: 0 1px 3px #452d05;
}
.btn-2nd,
.btn-2nd-radius,
.btn-2nd-xs {
  background: linear-gradient(
    to right,
    #3e3e3e 0,
    #445187 15%,
    #445187 30%,
    #3e3e3e 55%,
    #3e3e3e 100%
  );
  background-position: 50%0;
  background-size: 200%;
  box-shadow: 0 5px 10px 0 rgba(25, 30, 50, 0.3), inset 0 0 3px 0#222843;
  color: #fff;
}
.btn-2nd-radius.active,
.btn-2nd-radius:hover,
.btn-2nd-xs.active,
.btn-2nd-xs:hover,
.btn-2nd.active,
.btn-2nd:hover {
  background-position: 0 0;
  box-shadow: 0 2px 2px 1px rgba(25, 30, 50, 0.3),
    0 4px 4px 1px rgba(25, 30, 50, 0.3), 0 8px 8px 1px rgba(25, 30, 50, 0.3),
    0 16px 16px 1px rgba(25, 30, 50, 0.3), 0 32px 32px 1px rgba(25, 30, 50, 0.3),
    inset 0 0 3px 0#222843;
  color: #fff;
  text-shadow: 0 1px 3px #000;
}
.btn-3rd,
.btn-3rd-radius,
.btn-3rd-xs {
  background: linear-gradient(
    to right,
    #2d2d2d 0,
    #474747 15%,
    #474747 30%,
    #2d2d2d 55%,
    #2d2d2d 100%
  );
  background-position: 50%0;
  background-size: 200%;
  box-shadow: 0 5px 10px 0 rgba(71, 71, 71, 0.1), inset 0 0 3px 0#999;
  color: #fff;
}
.btn-3rd-radius.active,
.btn-3rd-radius:hover,
.btn-3rd-xs.active,
.btn-3rd-xs:hover,
.btn-3rd.active,
.btn-3rd:hover {
  background-position: 0 0;
  box-shadow: 0 2px 2px 1px rgba(71, 71, 71, 0.1),
    0 4px 4px 1px rgba(71, 71, 71, 0.1), 0 8px 8px 1px rgba(71, 71, 71, 0.1),
    0 16px 16px 1px rgba(71, 71, 71, 0.1), 0 32px 32px 1px rgba(71, 71, 71, 0.1),
    inset 0 0 3px 0#999;
  color: #fff;
  text-shadow: 0 1px 3px #000;
}
.btn-4th,
.btn-4th-radius,
.btn-4th-xs {
  background: linear-gradient(
    to right,
    #14805e 0,
    #22d89f 15%,
    #22d89f 30%,
    #14805e 55%,
    #14805e 100%
  );
  background-position: 50%0;
  background-size: 200%;
  box-shadow: 0 5px 10px 0 rgba(6, 40, 29, 0.1), inset 0 0 3px 0#22d89f;
  color: #fff;
}
.btn-4th-radius.active,
.btn-4th-radius:hover,
.btn-4th-xs.active,
.btn-4th-xs:hover,
.btn-4th.active,
.btn-4th:hover {
  background-position: 0 0;
  box-shadow: 0 2px 2px 1px rgba(6, 40, 29, 0.1),
    0 4px 4px 1px rgba(6, 40, 29, 0.1), 0 8px 8px 1px rgba(6, 40, 29, 0.1),
    0 16px 16px 1px rgba(6, 40, 29, 0.1), 0 32px 32px 1px rgba(6, 40, 29, 0.1),
    inset 0 0 3px 0#22d89f;
  color: #fff;
  text-shadow: 0 1px 3px #06281d;
}
.btn-5th,
.btn-5th-radius,
.btn-5th-xs {
  background: linear-gradient(
    to right,
    #3356cd 0,
    #5471d5 15%,
    #5471d5 30%,
    #3356cd 55%,
    #3356cd 100%
  );
  background-position: 50%0;
  background-size: 200%;
  box-shadow: 0 5px 10px 0 rgba(30, 52, 124, 0.1), inset 0 0 3px 0#859ae1;
  color: #fff;
}
.btn-5th-radius.active,
.btn-5th-radius:hover,
.btn-5th-xs.active,
.btn-5th-xs:hover,
.btn-5th.active,
.btn-5th:hover {
  background-position: 0 0;
  box-shadow: 0 2px 2px 1px rgba(30, 52, 124, 0.1),
    0 4px 4px 1px rgba(30, 52, 124, 0.1), 0 8px 8px 1px rgba(30, 52, 124, 0.1),
    0 16px 16px 1px rgba(30, 52, 124, 0.1),
    0 32px 32px 1px rgba(30, 52, 124, 0.1), inset 0 0 3px 0#859ae1;
  color: #fff;
  text-shadow: 0 1px 3px #1e347c;
}
.btn-gray,
.btn-gray-radius,
.btn-gray-xs {
  background: linear-gradient(
    to right,
    #5a5a5a 0,
    #4d4d4d 15%,
    #4d4d4d 30%,
    #5a5a5a 55%,
    #5a5a5a 100%
  );
  background-position: 50%0;
  background-size: 200%;
  box-shadow: 0 5px 10px 0 rgba(71, 71, 71, 0.1), inset 0 0 3px 0#5a5a5a;
  color: gray;
}
.btn-gray-radius.active,
.btn-gray-radius:hover,
.btn-gray-xs.active,
.btn-gray-xs:hover,
.btn-gray.active,
.btn-gray:hover {
  background-position: 0 0;
  box-shadow: 0 2px 2px 1px rgba(71, 71, 71, 0.1),
    0 4px 4px 1px rgba(71, 71, 71, 0.1), 0 8px 8px 1px rgba(71, 71, 71, 0.1),
    0 16px 16px 1px rgba(71, 71, 71, 0.1), 0 32px 32px 1px rgba(71, 71, 71, 0.1),
    inset 0 0 3px 0#5a5a5a;
  color: gray;
  text-shadow: 0 1px 3px #1e347c;
}
.btn-player-secendary {
  display: inline-block;
  width: auto;
  height: 1.5625rem;
  padding: 0 0.3125rem;
  overflow: hidden;
  transition: 0.3s ease-in, text-shadow 0.3s ease-in-out 0.1s;
  border-radius: 3px;
  background-color: #3356cd;
  background-position: 50%0;
  background-size: 200%;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.5625rem;
  text-align: center;
  cursor: pointer;
}
.btn-player-secendary:hover {
  background-position: 0;
  box-shadow: 0 2px 2px 1px rgba(51, 86, 205, 0.1),
    0 4px 4px 1px rgba(51, 86, 205, 0.1), 0 8px 8px 1px rgba(51, 86, 205, 0.1),
    0 16px 16px 1px rgba(51, 86, 205, 0.1), inset 0 0 3px 0#8fd3ff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.btn-review {
  display: none;
  border: 1px dotted #c9a33d;
  background: 0 0;
  box-shadow: none;
  pointer-events: none;
}
.btn-review::before {
  content: none;
}
.btn-review .dotted,
.btn-review p {
  display: inline-block;
  margin-bottom: 0.3125rem;
  vertical-align: middle;
}
.btn-review,
.btn-review p {
  color: #c9a33d;
}
.btn-review .dotted {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  background-color: #c9a33d;
}
.btn-review span {
  display: inline-block;
  width: 3px;
  height: 3px;
  margin: 0 1px;
  border-radius: 50%;
  background: #888;
  vertical-align: middle;
}
.btn-review span:first-child {
  animation: reviewAct 0.5s 0.1s alternate-reverse 6;
}
.btn-review span:nth-child(2) {
  animation: reviewAct 0.5s 0.2s alternate-reverse 6;
}
.btn-review span:last-child {
  animation: reviewAct 0.5s 0.3s alternate-reverse 6;
}
.btn-simple,
.tab-primary-box ul {
  height: 1.875rem;
  border-radius: 3px;
}
.btn-simple,
.btn-simple-dark,
.btn-simple-light {
  font-size: 14px;
  line-height: 20px;
  padding: 0 1.75rem;
}
.btn-simple {
  line-height: 1.875rem;
}
.btn-simple-dark,
.btn-simple-light {
  height: 1.875rem;
  border-radius: 3px;
}
.btn-simple-light {
  line-height: 1.875rem;
}
.btn-simple-dark,
.btn-simple-light {
  transition: all 0.3s ease-in 0.1s;
}
.btn-simple-dark:hover,
.btn-simple-light:hover {
  transition: all 0.3s ease-out;
}
.btn-simple-dark {
  border: 1px solid #c9a33d;
  background: rgba(0, 0, 0, 0.8);
  color: #c9a33d;
  line-height: 1.75rem;
}
.btn-simple-dark:hover,
.btn-simple-light {
  background: #c9a33d;
  color: rgba(0, 0, 0, 0.8);
}
.btn-simple-light {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.btn-simple-light:hover {
  background: rgba(0, 0, 0, 0.8);
  color: #c9a33d;
  text-shadow: 0 1px 1px transparent;
}
.btn-jackpot-winner {
  font-size: 12px;
  line-height: 20px;
  padding: 0.125rem 0.6875rem;
  border-radius: 3px;
  background: #b99533;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1),
    inset 0 1px 3px 0 rgba(240, 229, 201, 0.5);
  color: #fff;
}
.btn-jackpot-winner:hover {
  background: #a5852e;
  color: #c9a33d;
}
.btn-sort {
  display: inline-block;
  position: relative;
  height: 3.5625rem;
  padding: 0 0.625rem;
  transition: color 0.3s ease-in-out;
  color: rgba(0, 0, 0, 0.7);
  line-height: 3.5625rem;
  text-align: center;
}
.btn-sort::before {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  transition: height 0.3s ease-in-out;
  background: #c9a33d;
}
.btn-sort.active,
.btn-sort:hover {
  color: #c9a33d;
}
.btn-sort.active::before,
.btn-sort:hover::before {
  height: 0.1875rem;
  background: #c9a33d;
}
.btn-select-more {
  font-size: 14px;
  line-height: 20px;
  width: 9.375rem;
  height: 100%;
  transition: background-position 0.3s ease-in,
    text-shadow 0.3s ease-in-out 0.1s;
  background-image: linear-gradient(180deg, #d4b665 0, #a56c0b 100%);
  background-position: 0 0;
  background-size: 100% 200%;
  color: #fff;
  cursor: pointer;
}
.btn-select-more:hover {
  background-position: 0 100%;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.flex-control-nav,
.slick-dots {
  position: absolute;
  z-index: 3;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  text-align: right;
}
.flex-control-nav li,
.slick-dots li {
  margin-left: 0.4375rem;
}
.flex-control-nav li a,
.flex-control-nav li button,
.slick-dots li a,
.slick-dots li button {
  width: 0.9375rem;
  height: 0.9375rem;
  transition: box-shadow 0.5s ease-out 0.1s, background 0.3s ease-out 0.1s;
  border: 0;
  border-radius: 50%;
  background: #a5852e;
  box-shadow: inset 0 2px 3px 0#7d6523;
  text-indent: 99999px;
  cursor: pointer;
}
.flex-control-nav li a:hover,
.flex-control-nav li button:hover,
.slick-dots li a:hover,
.slick-dots li button:hover {
  transition: box-shadow 0.3s ease-in, background 0.3s ease-in 0.1s;
  background: #f2f2f2;
  cursor: pointer;
}
.flex-control-nav .flex-active,
.flex-control-nav .slick-active button,
.slick-dots .flex-active,
.slick-dots .slick-active button {
  transition: box-shadow 0.3s ease-in, background 0.3s ease-in 0.1s;
  background: #f2f2f2;
}
.latest-game-area,
.main-banner,
.main-casino-banner,
.main-promotion-banner,
.main-slot-banner,
.main-sport-banner,
.main-sport-banner2,
.ranking-area,
.recommend-area {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.main-banner .banner,
.main-promotion-banner .banner {
  height: 100%;
}
.main-banner .banner,
.main-casino-banner .banner,
.main-promotion-banner .banner,
.main-slot-banner .banner,
.main-sport-banner .banner,
.main-sport-banner2 .banner {
  width: 100%;
  background: no-repeat center;
  background-size: cover;
}
.main-banner .banner a,
.main-casino-banner .banner a,
.main-promotion-banner .banner a,
.main-slot-banner .banner a,
.main-sport-banner .banner a,
.main-sport-banner2 .banner a {
  width: 100%;
  height: 100%;
}
.main-banner .slides,
.main-casino-banner .slides,
.main-promotion-banner .slides,
.main-slot-banner .slides,
.main-sport-banner .slides,
.main-sport-banner2 .slides {
  overflow: hidden;
  line-height: 0;
}
.main-banner .slides .banner,
.main-casino-banner .slides .banner,
.main-promotion-banner .slides .banner,
.main-slot-banner .slides .banner,
.main-sport-banner .slides .banner,
.main-sport-banner2 .slides .banner {
  height: 31.25rem;
}
.main-banner .flex-control-nav,
.main-promotion-banner .flex-control-nav {
  bottom: 2.5rem;
  width: 75rem;
}
.main-sport-banner .flex-control-nav,
.main-sport-banner2 .flex-control-nav {
  width: 75rem;
}
.main-slot-banner .flex-control-nav {
  bottom: 2.5rem;
  width: 75rem;
}
.main-casino-banner .flex-control-nav {
  width: 75rem;
}
.main-banner .slick-dots,
.main-promotion-banner .slick-dots {
  bottom: 2.5rem;
  width: 75rem;
}
.main-sport-banner .slick-dots,
.main-sport-banner2 .slick-dots {
  width: 75rem;
}
.main-slot-banner .slick-dots {
  bottom: 2.5rem;
  width: 75rem;
}
.main-casino-banner .slick-dots {
  width: 75rem;
}
.main-casino-banner .banner {
  height: 100%;
}
.main-casino-banner .flex-control-nav,
.main-casino-banner .slick-dots {
  bottom: 5.625rem;
}
.main-casino-banner::before,
.main-sport-banner2::before {
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 9.375rem;
  background: linear-gradient(
    0deg,
    rgba(17, 20, 33, 0.9) 0,
    rgba(17, 20, 33, 0) 100%
  );
}
.main-banner-wrap.slot {
  margin-bottom: 0;
}
.main-banner-wrap.slot .flex-control-nav,
.main-banner-wrap.slot .slick-dots {
  bottom: 0.625rem;
}
.main-slot-banner .banner {
  height: 100%;
}
.main-slot-banner .slick-slider .banner,
.main-slot-banner .slides {
  height: 22.5rem;
}
.latest-game-area .slides,
.ranking-area .slides,
.recommend-area .slides {
  position: relative;
  height: 23.4375rem;
  overflow: hidden;
  line-height: 0;
  pointer-events: none;
}
.latest-game-area .slides .slick-list,
.ranking-area .slides .slick-list,
.recommend-area .slides .slick-list {
  top: 0;
  height: 20rem;
}
.latest-game-area .slides .slick-track,
.ranking-area .slides .slick-track,
.recommend-area .slides .slick-track {
  display: flex;
}
.latest-game-area .slides li,
.ranking-area .slides li,
.recommend-area .slides li {
  width: 20.125rem;
}
.latest-game-area .slick-dots,
.ranking-area .slick-dots,
.recommend-area .slick-dots {
  display: flex;
  bottom: 1.25rem;
  align-items: center;
  height: 1.25rem;
  pointer-events: auto;
}
.latest-game-area .slick-dots li,
.ranking-area .slick-dots li,
.recommend-area .slick-dots li {
  width: 0.9375rem;
  height: 0.9375rem;
  margin: 0 0.625rem;
}
.latest-game-area .slick-dots li.slick-active button,
.ranking-area .slick-dots li.slick-active button,
.recommend-area .slick-dots li.slick-active button {
  background: #fff;
}
.latest-game-area .slick-dots li button,
.ranking-area .slick-dots li button,
.recommend-area .slick-dots li button {
  background: #6a582f;
}
.latest-game-area .slick-arrow,
.ranking-area .slick-arrow,
.recommend-area .slick-arrow {
  position: absolute;
  z-index: 1;
  top: 50%;
  width: 1.125rem;
  height: 3rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all 0.5s;
  border: 0;
  opacity: 0.8;
  color: transparent;
  cursor: pointer;
  pointer-events: auto;
}
.latest-game-area .slick-arrow:hover,
.ranking-area .slick-arrow:hover,
.recommend-area .slick-arrow:hover {
  opacity: 1;
}

.main-banner-wrap.sport {
  margin-bottom: 0;
}
.main-sport-banner .banner {
  height: 100%;
}
.main-sport-banner .flex-control-nav,
.main-sport-banner .slick-dots {
  bottom: 0.3125rem;
}
.main-sport-banner .slides {
  height: 7.5rem;
}
.main-sport-banner .slick-slider .banner {
  height: 7.5rem;
  background-position: top center;
}
.main-sport-banner2 .banner {
  height: 100%;
}
.main-sport-banner2 .flex-control-nav,
.main-sport-banner2 .slick-dots {
  bottom: 5.625rem;
}
.main-banner-wrap.promotion,
.main-tab-content .tab-pane .withdraw-section.bank-section {
  margin-bottom: 0;
}
.main-banner-wrap.promotion .flex-control-nav,
.main-banner-wrap.promotion .slick-dots {
  bottom: 0.625rem;
}
.main-promotion-banner .slick-slider,
.main-promotion-banner .slick-slider .banner {
  height: 23.375rem;
}
.gotop {
  position: fixed;
  right: 30px;
  bottom: 50px;
  width: 50px;
  height: 50px;
  padding: 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all 0.3s ease-in;
  border-radius: 34px 8px 34px 34px;
  opacity: 0;
  background: rgba(201, 163, 61, 0.7);
  color: #fff;
  cursor: pointer;
}
.gotop:hover {
  background: #c9a33d;
}
.gotop.is-visible {
  opacity: 1;
}
.gotop::after,
.gotop::before {
  content: "";
  position: absolute;
  top: 30%;
  width: 3px;
  height: 20px;
  border-radius: 2px;
  background: #fff;
}
.gotop::before {
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
.gotop::after {
  -webkit-transform: rotate(-40deg) translate(-1px, -1px);
  transform: rotate(-40deg) translate(-1px, -1px);
  -webkit-transform-origin: top right;
  transform-origin: top right;
}
.tab-primary-box {
  position: relative;
  width: 75rem;
  margin: 0 auto 1.25rem;
  line-height: 1.875rem;
  text-align: center;
}
.tab-primary-box ul {
  display: flex;
  position: relative;
  flex-flow: row nowrap;
  background-color: rgba(255, 255, 255, 0.1);
}
.tab-primary-box ul::after {
  content: "";
  display: block;
  clear: both;
}
.tab-primary-box li {
  position: relative;
  flex: 1;
  width: 49%;
}
.slider-tab,
.tab-primary-box a {
  position: absolute;
  left: 0;
  overflow: hidden;
  color: #fff;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tab-primary-box a {
  display: block;
  z-index: 2;
  top: 0;
  width: 100%;
  font-size: 0.875rem;
  font-weight: 700;
}
.tab-primary-box a:hover {
  color: #fff;
}
.tab-primary-box span {
  margin-right: 0.1875rem;
}
.slider-tab {
  z-index: 1;
  bottom: -10%;
  height: 120%;
  padding: 0 0.3125rem;
  transition: 0.5s;
  border-radius: 3px;
  background: linear-gradient(to right, #a5852e 0, #c9a33d 100%);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  line-height: 2.1875rem;
}
.main-tab-content .tab-pane {
  display: none;
  opacity: 0;
}
.main-tab-content .tab-pane.active {
  display: block;
  -webkit-animation: shows 0.5s ease-in-out;
  animation: shows 0.5s ease-in-out;
  opacity: 1;
}
.main-tab-content .tab-pane section {
  margin-bottom: 1.25rem;
}
.main-tab-content .tab-pane .tab-secondary-box {
  margin-bottom: 0;
}
.tips-group {
  position: relative;
}
.tips-group,
.tips-info {
  flex: 1;
  margin-bottom: 0.625rem;
  padding: 0.9375rem 1.25rem 0.9375rem 2.5rem;
  border-radius: 5px;
  text-align: left;
  white-space: normal;
}
.tips-group::before {
  background-color: #fff;
}

.tips-group b,
.tips-group p {
  display: inline-block;
  width: 100%;
  color: #fff;
  font-size: 0.875rem;
  text-align: left;
  vertical-align: middle;
}
.tips-info p {
  font-size: 0.875rem;
}
.tips-group .bet-info,
.tips-info b {
  display: inline-block;
  vertical-align: middle;
}
.tips-info b {
  width: 100%;
  color: #fff;
  font-size: 0.875rem;
  text-align: left;
}
.tips-group ol,
.tips-group ol li,
.tips-info ol,
.tips-info ol li {
  list-style: decimal outside;
}
.tips-group ul,
.tips-group ul li,
.tips-info ul,
.tips-info ul li {
  list-style: disc outside;
}
.tips-group ol,
.tips-group ul,
.tips-info ol,
.tips-info ul {
  display: inline-block;
  width: 100%;
  padding-left: 0.9375rem;
  font-size: 0.8125rem;
  text-align: left;
  vertical-align: top;
}
.tips-group li,
.tips-info li {
  display: list-item;
}
.tips-group span,
.tips-info span {
  padding: 0 0.3125rem;
  color: #c9a33d;
  font-size: 1rem;
  letter-spacing: 1px;
}
.tips-group span.win,
.tips-info span.win {
  color: #76bd6a;
}
.tips-group span.lose,
.tips-info span.lose {
  color: #f35e5e;
}
.tips-group {
  border: 1px solid #c9a33d;
  background-color: rgba(201, 163, 61, 0.4);
}
.tips-group ol,
.tips-group ul,
header .logo-wrap .header-payment-info b,
header .logo-wrap .header-payment-info dl,
header .logo-wrap .header-payment-info h5,
header .status-wrap .header-payment-info b,
header .status-wrap .header-payment-info dl,
header .status-wrap .header-payment-info h5 {
  color: #fff;
}
.tips-group .bet-info {
  width: 95%;
}
.tips-group .bet-info p {
  width: auto;
  margin-right: 0.9375rem;
  padding-right: 0.9375rem;
  border-right: 1px solid #fff;
}
.tips-group .bet-info p:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}
.tips-info {
  position: relative;
  background-color: rgba(201, 163, 61, 0.5);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.tips-info.hide {
  -webkit-animation: tipClose 1s ease-in-out forwards;
  animation: tipClose 1s ease-in-out forwards;
}
.tips-info.hide::before {
  opacity: 0;
}
.tips-info::before {
  background-color: #f3e3b6;
}
.tips-info ol,
.tips-info p,
.tips-info ul {
  color: #f3e3b6;
}
.tips-info p {
  display: inline-block;
  width: auto;
  text-align: left;
  vertical-align: middle;
}
.tips-info i {
  padding: 0 0.1875rem;
  color: #fff;
}
.tips-info a {
  margin: 0.125rem 0.1875rem;
  padding: 0.125rem 0.1875rem;
  background-color: #ffe813;
  border-radius: 3px;
  color: #000;
  transition: 0.3s;
}
.tips-info a:hover {
  background-color: #dfc900;
}

.close-tips:hover {
  opacity: 0.9;
}
.tips-warning {
  border: 1px solid #ff6459;
  background-color: rgba(255, 100, 89, 0.4);
}
.tips-warning::before {
  background: #ffa7a7;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
}
.tips-warning b {
  color: #ffa7a7;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.8);
}
.tips-warning.active {
  -webkit-animation: popShow 0.5s ease-in-out forwards;
  animation: popShow 0.5s ease-in-out forwards;
}
.header-inner {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
  width: 75rem;
  height: 100%;
}
.header-inner-info {
  display: inline-flex;
  flex-direction: row-reverse;
  float: right;
}
.main-logo .logo,
.main-logo .sponsor,
header .logo,
header .sponsor {
  float: left;
}
.main-logo .logo,
header .logo {
  position: relative;
  width: 150px;
  height: 60px;
  margin-right: 3rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.main-logo .logo,
.main-logo .logo::before,
.main-logo .sponsor p,
header .logo,
header .logo::before,
header .sponsor p {
  display: inline-block;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.main-logo .logo::before,
header .logo::before {
  content: "";
  position: absolute;
  right: -1.75rem;
  width: 0.0625rem;
  height: 2.375rem;
  background: rgba(255, 255, 255, 0.2);
}
.main-logo .sponsor,
header .sponsor {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
  height: 100%;
  text-align: left;
  vertical-align: middle;
}
.main-logo .sponsor p,
header .sponsor p {
  position: relative;
  padding-left: 2.6875rem;
  color: #fff;
  line-height: 1.25;
}

header .icon-arrival,
header .icon-process {
  margin-right: 0.3125rem;
}

header .time {
  margin-right: 0.625rem;
  color: #fff;
}
header .header-btn-wrap {
  height: 100%;
}
header .header-btn-wrap li {
  margin-right: 0.625rem;
  padding-top: 0.875rem;
}
header .header-btn-wrap li .btn-3rd {
  padding: 0 1rem;
}
.header-login dd a:last-child,
.header-login dd > a:last-child,
header .header-btn-wrap li:last-child,
header .logo-wrap .header-online-sevice li:last-child,
header .logo-wrap .header-payment-info dt:last-child,
header .status-wrap .header-online-sevice li:last-child,
header .status-wrap .header-payment-info dt:last-child {
  margin-right: 0;
}
header .logo-wrap,
header .status-wrap {
  width: 100%;
  height: 30px;
  border-bottom: 1px solid #191e32;
  background: #353535;
  text-align: center;
}
header .logo-wrap .header-payment-info,
header .status-wrap .header-payment-info {
  opacity: 0.7;
}
header .logo-wrap .header-payment-info dt,
header .status-wrap .header-payment-info dt {
  margin-right: 1.25rem;
  color: #fff;
}
header .logo-wrap .header-payment-info h5,
header .status-wrap .header-payment-info h5 {
  font-size: 14px;
  line-height: 20px;
  margin-right: 1.375rem;
  line-height: 1.875rem;
}
header .logo-wrap .header-online-sevice li,
header .status-wrap .header-online-sevice li {
  margin-right: 7px;
}
header .logo-wrap .header-online-sevice .online-sevice-inner a,
header .status-wrap .header-online-sevice .online-sevice-inner a {
  display: inline;
  position: relative;
  padding-right: 7px;
  padding-left: 20px;
  transition: color 0.3s ease-in;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.7);
}
header .logo-wrap .header-online-sevice .online-sevice-inner a::before,
header .status-wrap .header-online-sevice .online-sevice-inner a::before {
  top: 1px;
  left: 0;
  width: 0.9375rem;
  height: 0.9375rem;
  opacity: 0.8;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

header .logo-wrap .header-online-sevice .online-sevice-inner a.icon-wechat,
header .status-wrap .header-online-sevice .online-sevice-inner a.icon-wechat {
  padding-left: 1.4375rem;
}
header .logo-wrap .header-online-sevice .online-sevice-inner a:hover,
header .status-wrap .header-online-sevice .online-sevice-inner a:hover {
  color: #fff;
}
header .logo-wrap .header-online-sevice .online-sevice-inner a:hover::before,
header .status-wrap .header-online-sevice .online-sevice-inner a:hover::before {
  opacity: 1;
}
header .status-wrap .header-inner {
  line-height: 1.875rem;
}
header .logo-wrap {
  height: 6.25rem;
  background: linear-gradient(to bottom,#1bac7e 0,#14805e 100%);
}
header .logo-wrap .header-inner {
  line-height: 6.25rem;
}
header .logo-wrap .header-inner.no-sponsor .logo {
  margin-right: 0;
}
.header-login {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.header-login dd,
.header-login dt {
  float: none !important;
  line-height: normal;
}
.header-login dt {
  margin: 0 0 0.625rem;
  margin-right: 0 !important;
  text-align: right;
}
.header-login .amount .balance,
.header-login dt span {
  display: inline-block;
  vertical-align: middle;
}
.header-login dt a,
.header-login dt p {
  margin: 0;
  line-height: normal;
}
.header-login dd > a {
  margin-right: 0.625rem;
}
.header-login .balance-main {
  margin-right: 10px;
  padding: 0 5px;
  transition: background 0.5s ease-in, box-shadow 0.5s, color 0.3s;
  border-radius: 3px;
  background: #c9a33d;
  color: #191e32;
  cursor: default;
}
.btn-vcode.sending p span,
.header-login .amount a,
.header-login .amount p,
.pop-wrap.login div.error.active .icon-error {
  display: inline-block;
}
.header-login .amount .balance {
  font-size: 16px;
  padding: 0 7px;
  color: rgba(255, 255, 255, 0.7);
  line-height: normal;
}
.header-login .amount .balance::before {
  content: attr(data-currency);
  margin-right: 3px;
}

.header-login .amount .reload.active {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-animation-name: reloadmove;
  animation-name: reloadmove;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.toggle-theme-wrap {
  height: 1.875rem;
  margin-left: 10px;
  padding-top: 5px;
  cursor: pointer;
}
.toggle-theme-wrap .light-icon {
  background-size: 80%;
}
.toggle-theme-wrap .dark-icon,
.toggle-theme-wrap .light-icon {
  width: 20px;
  height: 20px;
  transition: opacity 0.5s;
  background-repeat: no-repeat;
  background-position: center;
}

.toggle-theme-wrap .toggle-btn {
  position: relative;
  width: 34px;
  height: 20px;
  margin: 0 3px 0 5px;
  transition: background-color 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99);
  border-radius: 10px;
  background-color: lignten(#474747, 20%);
}
.toggle-theme-wrap .toggle-btn::before {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 15px;
  height: 15px;
  transition: left 0.5s;
  border-radius: 50%;
  background-color: #fff;
}
.toggle-theme-wrap.dark .toggle-btn {
  transition: background-color 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99);
  background-color: #474747;
}
.toggle-theme-wrap.dark .toggle-btn::before {
  left: 16px;
  transition: left 0.5s;
}
.toggle-theme-wrap.dark .light-icon {
  opacity: 0.5;
}
.toggle-theme-wrap.dark .dark-icon {
  opacity: 1;
}
.mini-header .logo-wrap {
  height: 4.375rem;
}
.mini-header .logo-wrap .logo {
  margin-right: 1.5625rem;
  -webkit-transform: translate(0, -50%) scale(0.8);
  transform: translate(0, -50%) scale(0.8);
  -webkit-transform-origin: center left;
  transform-origin: center left;
}
.mini-header .logo-wrap .header-inner {
  line-height: 4.375rem;
}
.mini-header .logo-wrap .header-login dd,
.mini-header .logo-wrap .header-login dt {
  float: left !important;
}
.mini-header .logo-wrap .header-login dd {
  margin: 0 0 0 0.9375rem;
}
.mini-header .logo-wrap .header-login dd a {
  height: 1.875rem;
  margin-right: 0.625rem;
  padding: 0 1.25rem;
  line-height: 1.875rem;
}
.footer-partner-wrap .partner img:last-child,
.mini-header .logo-wrap .header-login dd a:last-child {
  margin-right: 0;
}
.mini-header .logo-wrap .header-login dt {
  margin: 0.4375rem 0 0;
}
.mini-header .logo-wrap .header-btn-wrap li {
  position: relative;
  height: 100%;
  padding: 0.9375rem 0 0;
  line-height: normal;
}
.mini-header .logo-wrap .header-btn-wrap li .btn-2nd,
.mini-header .logo-wrap .header-btn-wrap li .btn-3rd,
.mini-header .logo-wrap .header-btn-wrap li .btn-default {
  height: 1.875rem;
  line-height: 1.875rem;
}
.mini-header .logo-wrap .login-input-group {
  height: 1.875rem;
}
.mini-header .logo-wrap .login-input-group input:-webkit-autofill,
.mini-header .logo-wrap .login-input-group input:-webkit-autofill:focus,
.mini-header .logo-wrap .login-input-group input:-webkit-autofill:hover,
.mini-header .logo-wrap .login-input-group select:-webkit-autofill,
.mini-header .logo-wrap .login-input-group select:-webkit-autofill:focus,
.mini-header .logo-wrap .login-input-group select:-webkit-autofill:hover,
.mini-header .logo-wrap .login-input-group textarea:-webkit-autofill,
.mini-header .logo-wrap .login-input-group textarea:-webkit-autofill:focus,
.mini-header .logo-wrap .login-input-group textarea:-webkit-autofill:hover {
  -webkit-transition: background-color 9000s ease-in-out;
  transition: background-color 9000s ease-in-out;
  box-shadow: 0 0 0 1000px #272e4d inset;
  -webkit-text-fill-color: #333 !important;
}
.mini-header .logo-wrap .login-input-group .user-id,
.mini-header .logo-wrap .login-input-group .user-pass {
  display: block;
  position: relative;
  width: 11.875rem;
  height: 100%;
  float: left;
}
.mini-header .logo-wrap .login-input-group .user-id i,
.mini-header .logo-wrap .login-input-group .user-pass i {
  display: block;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 5px;
  width: 0.9375rem;
  height: 0.9375rem;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  opacity: 0.5;
}

.mini-header .logo-wrap .login-input-group .user-id .eyes,
.mini-header .logo-wrap .login-input-group .user-pass .eyes {
  top: -1px;
  width: 2rem;
  height: 2rem;
  background-color: rgba(255, 255, 255, 0.5);
}
.mini-header .logo-wrap .login-input-group .user-id:first-child,
.mini-header .logo-wrap .login-input-group .user-pass:first-child {
  margin-right: 0.5rem;
}
.mini-header .logo-wrap .login-input-group input {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0.125rem 0.5rem 0.125rem 1.5625rem;
  border-radius: 3px;
  border-color: transparent;
  outline: 0;
  background: #272e4d;
  box-shadow: 0 1px 2px #101935 inset;
  color: #333;
  letter-spacing: 1px;
}
.mini-header .logo-wrap .login-input-group input::-webkit-input-placeholder {
  opacity: 1;
  color: rgba(51, 51, 51, 0.5);
}
.mini-header .logo-wrap .login-input-group input::-moz-placeholder {
  opacity: 1;
  color: rgba(51, 51, 51, 0.5);
}
.mini-header .logo-wrap .login-input-group input::placeholder {
  opacity: 1;
  color: rgba(51, 51, 51, 0.5);
}
.forpass-item input:focus,
.mini-header .logo-wrap .login-input-group input:focus {
  border-color: #c9a33d;
  color: #c9a33d;
}
.btn-forpass {
  position: absolute;
  right: 0;
  bottom: -6%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: color 0.3s ease-in-out 0.1s;
  border: 0;
  background: 0 0;
  color: rgba(51, 51, 51, 0.5);
  font-size: 0.75rem;
}
.btn-forpass:hover,
.footer-link-group .text-wrap a:hover {
  color: #c9a33d;
}
.forpass-group {
  display: none;
  position: absolute;
  z-index: 1;
  top: 3.125rem;
  right: -5px;
  width: 12.5rem;
  padding: 5px;
  border-radius: 3px;
  background-color: rgba(17, 20, 33, 0.9);
}
.forpass-item {
  display: block;
  height: 1.875rem;
}
.forpass-item:not(:last-child) {
  margin-bottom: 5px;
}
.forpass-item input {
  width: calc(100% - 3.4375rem - 5px);
  height: 100%;
  margin-right: 5px;
  padding: 0 0.625rem;
  float: left;
  transition: border-color 0.2s ease-in-out 0.1s;
  border-radius: 3px;
  border-color: transparent;
  outline: 0;
  background: #272e4d;
  box-shadow: 0 1px 2px #101935 inset;
  color: #333;
  font-size: 0.75rem;
}
.forpass-item input::-webkit-input-placeholder {
  opacity: 1;
  color: #333;
}
.forpass-item input::-moz-placeholder {
  opacity: 1;
  color: #333;
}
.forpass-item input::placeholder {
  opacity: 1;
  color: #333;
}
.forpass-item a {
  width: 3.4375rem;
  height: 100%;
  padding: 0;
  float: left;
  border-radius: 3px;
  font-size: 0.75rem;
}
.forpass-item a.btn-3rd,
.pop-setwallet button {
  border: 0;
}
.header-dropdown {
  position: relative;
}
.header-dropdown-menu {
  display: none;
  position: absolute;
  top: 5.625rem;
  right: 0;
  width: 9.375rem;
  border-radius: 0.25rem;
  background: #2f2f2f;
  box-shadow: 0 2px 10px 0#474747, inset 0 0 3px 0#8a8a8a;
  line-height: initial;
}
.header-dropdown-menu::before {
  content: "";
  display: block;
  position: absolute;
  top: -8px;
  right: 13px;
  width: 0;
  height: 0;
  border-width: 0 7px 8px;
  border-style: solid;
  border-color: transparent transparent #2f2f2f;
}
.header-dropdown-menu li {
  display: block;
}
.header-dropdown-menu li:first-child {
  border-radius: 0.25rem 0.25rem 0 0;
}
.header-dropdown-menu li:last-child {
  border-radius: 0 0 0.25rem 0.25rem;
}
.header-dropdown-menu a {
  width: 100%;
  padding: 0.625rem 0.3125rem;
  color: #fff;
}
.header-dropdown-menu a.active,
.header-dropdown-menu a:hover {
  transition: background-color 0.3s;
  background-color: #917528;
  color: #fff;
}
.header-message {
  display: inline-block;
  position: relative;
}
.message-counter {
  position: absolute;
  top: -6.5px;
  right: 3px;
  padding: 2px 5px;
  border-radius: 0.625rem;
  background-color: #c9a33d;
  color: #fff;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1;
}
.ic-hamburger::before,
.ic-message::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: background-image 0.5s ease-in-out;
  background-size: contain;
}
.ic-message::before {
  width: 1.4375rem;
  height: 1.4375rem;
  background: svg-message(#fff) no-repeat center;
}
.ic-hamburger::before {
  background: svg-hamburger(#fff) no-repeat center;
}
.ic-hamburger.active,
.main-sub-nav .lv2-menu .menu-item:hover p {
  background: #c9a33d;
}
.footer-wrap {
  width: 100%;
  background: #353535;
  text-align: center;
}
.footer-1200 {
  display: inline-block;
  width: 75rem;
  padding: 1.875rem 0;
  text-align: left;
}
.footer-license,
.footer-link-group,
.footer-partner-wrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-link-group {
  padding-bottom: 1.25rem;
}
.footer-link-group li {
  width: 25%;
}
.footer-link-group .icon-wrap,
.footer-link-group .text-wrap {
  display: inline-block;
  vertical-align: top;
}
.footer-link-group .icon-wrap {
  width: 3.75rem;
  height: 3.75rem;
  margin-right: 1rem;
  background: no-repeat center;
  background-size: cover;
}

.footer-link-group .text-wrap {
  width: 12.5rem;
}
.footer-link-group .text-wrap h4 {
  font-size: 16px;
  line-height: 40px;
  color: #dedede;
}
.footer-link-group .text-wrap a,
.footer-link-group .text-wrap h5 {
  font-size: 12px;
  line-height: 20px;
}
.footer-link-group .text-wrap h5 {
  margin-bottom: 0.625rem;
  color: #999;
}
.footer-link-group .text-wrap a {
  margin-right: 5px;
  color: #b99533;
}
.footer-partner-wrap {
  padding-top: 20px;
}
.footer-partner-wrap li {
  position: relative;
  margin-bottom: 1.25rem;
}
.footer-partner-wrap li:not(:last-child) {
  margin-right: 2.5rem;
}
.footer-partner-wrap li h5 {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0.625rem;
  color: rgba(255, 255, 255, 0.8);
}
.footer-partner-wrap li img {
  height: 1.5625rem;
}
.footer-partner-wrap .partner {
  width: 100%;
}
.footer-partner-wrap .partner img {
  margin-right: 1.5625rem;
  margin-bottom: 1.25rem;
  opacity: 0.5;
}
.footer-partner-wrap .duty img:last-child,
.footer-partner-wrap .payment img:last-child,
.footer-partner-wrap .social-media a:last-child,
.footer-partner-wrap .social-media img:last-child,
.login-pop-group .fail-pop .pop-btn-box button:last-child {
  margin-right: 0;
}
.footer-partner-wrap .payment img {
  margin-bottom: 1.25rem;
}
.footer-partner-wrap .payment img,
.footer-partner-wrap .social-media img {
  margin-right: 1.5625rem;
  opacity: 0.5;
}
.footer-partner-wrap .duty img {
  opacity: 0.5;
  margin-right: 1.25rem;
}
.footer-partner-wrap .duty a,
.footer-partner-wrap .payment a,
.footer-partner-wrap .social-media a {
  margin-right: 1.25rem;
}
.footer-logo-wrap {
  padding-top: 1.25rem;
}
.footer-logo-wrap .footer-logo {
  height: 100%;
}
.footer-logo-wrap .footer-logo .logo,
.footer-logo-wrap .footer-logo .sponsor {
  float: left;
}
.footer-logo-wrap .footer-logo .logo {
  display: inline-block;
  position: relative;
  top: 0;
  width: 150px;
  height: 60px;
  margin-right: 3rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.footer-logo-wrap .footer-logo .logo::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: -1.75rem;
  width: 0.0625rem;
  height: 2.375rem;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  background: rgba(255, 255, 255, 0.2);
}
.footer-logo-wrap .footer-logo .sponsor {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  position: relative;
  height: 100%;
  margin-top: 0.75rem;
  text-align: left;
  vertical-align: middle;
}
.footer-logo-wrap .footer-logo .sponsor p {
  display: inline-block;
  position: relative;
  top: auto;
  padding-left: 2.6875rem;
  color: #fff;
  line-height: 1.25;
}

.footer-logo-wrap .footer-logo.no-sponsor .logo {
  margin-right: 0;
}
.footer-logo-wrap .footer-logo.no-sponsor .logo::before {
  display: none;
}
.footer-logo-wrap .link-wrap {
  margin-top: 0.375rem;
  text-align: right;
}
.footer-logo-wrap .link-wrap ul {
  margin-bottom: 0.3125rem;
}
.footer-logo-wrap .link-wrap li {
  padding: 0 0.9375rem;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.footer-logo-wrap .link-wrap a {
  font-size: 14px;
  line-height: 20px;
  color: #b99533;
}
.footer-logo-wrap .link-wrap a:hover,
.main-banner-group .main-banner-xs-wrap.type2 h4 i,
.main-banner-group .main-banner-xs-wrap.type3 h4 i,
.main-sub-nav .nav-item.active > a,
.main-sub-nav .nav-item:hover > a,
.main-sub-nav .nav-item > a:hover {
  color: #c9a33d;
}
.footer-logo-wrap .link-wrap p {
  font-size: 12px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.5);
}
.footer-partner-wrap a img {
  transition: all 0.3;
  -webkit-filter: saturate(0) brightness(90%) contrast(50%);
  filter: saturate(0) brightness(90%) contrast(50%);
}
.footer-partner-wrap a:hover img {
  opacity: 1;
  -webkit-filter: grayscale(0) brightness(100%);
  filter: grayscale(0) brightness(100%);
}
.float-banner {
  position: fixed;
  left: 35px;
  bottom: 75px;
  z-index: 7999;
  -webkit-filter: drop-shadow(0 0 0.375rem rgba(3, 25, 73, 0.7));
  filter: drop-shadow(0 0 0.375rem rgba(3, 25, 73, 0.7));
  opacity: 1;
}
.float-banner .btn-close {
  position: absolute;
  z-index: 2;
  top: 0;
  right: -0.3125rem;
  width: 1.5625rem;
  height: 1.5625rem;
  border-radius: 100%;
  background-color: #c9a33d;
  opacity: 1;
}
.float-banner .btn-close::after,
.float-banner .btn-close::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.6875rem;
  left: 0.3125rem;
  width: 0.9375rem;
  height: 0.125rem;
  border-radius: 0.125rem;
  background-color: #fff;
}
.float-banner .btn-close::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.float-banner .btn-close::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.float-banner .close,
.float-banner a {
  display: inline-flex;
  width: 9.0625rem;
  height: 9.0625rem;
  opacity: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.main-nav {
  width: 100%;
  height: 2.75rem;
  border-top: 1px solid #525252;
  border-bottom: 1px solid #525252;
  background: #3e3e3e;
  text-align: center;
}
.main-nav .header-inner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  margin: 0 auto;
}
.main-nav .nav-item {
  position: relative;
  width: 100%;
  margin-top: -1px;
  padding: 0 0.625rem;
  transition: background 0.5s ease-out 0.1s;
  color: #fff;
  line-height: 2.75rem;
}
.main-nav .nav-item::after {
  bottom: -0.0625rem;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  transition: bottom 0.2s ease-out 0.05s, opacity 0.5s ease-in;
  opacity: 0;
  background: #c9a33d;
}

.main-nav .nav-item .arrow::after {
  top: 1.25rem;
  right: 1.25rem;
  width: 0;
  height: 0;
  border-width: 4px 3.5px 0;
  border-style: solid;
  border-color: #fff transparent transparent;
}
.nav-item:hover .arrow:after {
  border-color: #c9a33d transparent transparent;
}
.main-nav .nav-item.active,
.main-nav .nav-item:hover {
  transition: background 0.3s ease-in 0.1s;
  background: rgba(0, 0, 0, 0.1);
  color: #c9a33d;
}
.main-nav .nav-item.active::after,
.main-nav .nav-item:hover::after {
  bottom: 0;
  height: 0.125rem;
  transition: bottom 0.2s ease-in, opacity 0.3s ease-out;
  opacity: 1;
}
.main-nav .nav-item.active::before,
.main-nav .nav-item:hover::before {
  height: 0.9375rem;
  transition: height 0.3s ease-out, opacity 0.3s ease-in;
  opacity: 1;
}
.main-nav li {
  display: inline-block;
  position: relative;
  flex-grow: 1;
  width: auto;
  min-width: 7.25rem;
  height: 100%;
  padding-right: 1px;
  float: none;
}
.main-nav li > a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-nav li::after {
  top: 0.875rem;
  right: 0;
  width: 1px;
  height: 0.875rem;
  background: rgba(255, 255, 255, 0.2);
}
.main-nav li:first-child::before {
  top: 0.875rem;
  left: 0;
  width: 1px;
  height: 0.875rem;
  background: rgba(255, 255, 255, 0.2);
}
.main-nav .nav-icon {
  flex: 0 0 auto;
  min-width: auto;
}
.main-nav .nav-icon .nav-item {
  padding: 0 0.625rem;
}
.main-nav .nav-icon .nav-item i {
  display: inline-block;
  width: 20px;
  height: 20px;
  transition: background-color 0.3s;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  vertical-align: middle;
}

.main-sub-nav {
  position: relative;
  height: 45px;
  border: 0;
}
.main-sub-nav .nav-inner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.main-sub-nav .nav-inner::after,
.main-sub-nav .nav-item::after,
.main-sub-nav .nav-item::before {
  content: none;
}
.main-sub-nav .nav-item {
  position: initial;
  width: auto;
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 0;
}

.main-sub-nav .nav-item.active > a::before,
.main-sub-nav .nav-item:hover > a::before {
  bottom: 0;
  height: 10px;
  transition: bottom 0.2s ease-in, opacity 0.3s ease-out;
  border-bottom: 2px solid #c9a33d;
  opacity: 1;
}

.main-sub-nav .nav-item:hover::after {
  top: 0.875rem;
  bottom: auto;
  height: 0.875rem;
  transition: bottom 0.2s ease-in, opacity 0.3s ease-out;
}
.main-sub-nav .nav-item > a {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 0.625rem;
  transition: color 0.3s;
  color: #fff;
  font-size: 0.875rem;
  line-height: 42px;
  text-align: center;
}

.main-sub-nav .nav-item > a::after {
  content: "";
  position: absolute;
  top: 0.875rem;
  right: 0;
  bottom: auto;
  left: auto;
  width: 1px;
  height: 0.875rem;
  opacity: 1;
  background: #fff;
}

.main-sub-nav .nav-item.yb-logo {
  width: 15rem;
}
.main-sub-nav .nav-item.yb-logo img {
  display: block;
  width: 9.375rem;
  height: auto;
  margin: 5px auto;
}
.main-sub-nav .back-index {
  width: auto;
  padding: 0;
}
.main-sub-nav .back-index a {
  width: 100%;
}
.main-sub-nav .back-index a::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}

.main-sub-nav .back-index .icon-app,
.main-sub-nav .back-index .icon-home {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #fff;
  background-position: center;
  vertical-align: middle;
}

.main-sub-nav .app-download,
.main-sub-nav .back-index {
  flex: 0 0 45px;
  min-width: auto;
}
.main-sub-nav .app-download:hover i {
  background-color: #c9a33d;
}

.login-pop-group .phone-area-code select,
.main-sub-nav .app-download a::before {
  display: none;
}
.main-sub-nav .lv2-menu {
  display: none;
  top: 2.75rem;
  height: 245px;
  background: rgba(238, 238, 238, 0.9);
}
.main-sub-nav .lv2-menu::after {
  content: "";
  bottom: 0;
  height: 30px;
  background: rgba(0, 0, 0, 0.9);
}
.main-sub-nav .lv2-menu .lv2-menu-inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: calc((100% - 1200px) / 2);
  width: 75rem;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
}
.main-sub-nav .lv2-menu .lv2-menu-inner.cardgame.col-2 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.casino.col-2 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.fish.col-2 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.slot.col-2 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.sport.col-2 .menu-item {
  width: calc((100% - 10rem) / 2);
}
.main-sub-nav .lv2-menu .lv2-menu-inner.cardgame.col-3 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.casino.col-3 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.fish.col-3 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.slot.col-3 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.sport.col-3 .menu-item {
  width: calc((100% - 10rem) / 3);
}
.main-sub-nav .lv2-menu .lv2-menu-inner.cardgame.col-4 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.casino.col-4 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.fish.col-4 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.slot.col-4 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.sport.col-4 .menu-item {
  width: calc((100% - 10rem) / 4);
}
.main-sub-nav .lv2-menu .lv2-menu-inner.cardgame.col-5 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.casino.col-5 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.fish.col-5 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.slot.col-5 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.sport.col-5 .menu-item {
  width: calc((100% - 10rem) / 5);
}
.main-sub-nav .lv2-menu .lv2-menu-inner.cardgame.col-6 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.casino.col-6 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.fish.col-6 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.slot.col-6 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.sport.col-6 .menu-item {
  width: calc((100% - 10rem) / 6);
}
.main-sub-nav .lv2-menu .lv2-menu-inner.cardgame.col2-2 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.casino.col2-2 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.fish.col2-2 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.slot.col2-2 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.sport.col2-2 .menu-item {
  width: calc((100% - 19.375rem) / 2);
}
.main-sub-nav .lv2-menu .lv2-menu-inner.cardgame.col2-3 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.casino.col2-3 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.fish.col2-3 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.slot.col2-3 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.sport.col2-3 .menu-item {
  width: calc((100% - 19.375rem) / 3);
}
.main-sub-nav .lv2-menu .lv2-menu-inner.cardgame.col2-4 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.casino.col2-4 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.fish.col2-4 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.slot.col2-4 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.sport.col2-4 .menu-item {
  width: calc((100% - 19.375rem) / 4);
}
.main-sub-nav .lv2-menu .lv2-menu-inner.cardgame.col2-5 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.casino.col2-5 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.fish.col2-5 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.slot.col2-5 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.sport.col2-5 .menu-item {
  width: calc((100% - 19.375rem) / 5);
}
.main-sub-nav .lv2-menu .lv2-menu-inner.cardgame.col2-6 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.casino.col2-6 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.fish.col2-6 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.slot.col2-6 .menu-item,
.main-sub-nav .lv2-menu .lv2-menu-inner.sport.col2-6 .menu-item {
  width: calc((100% - 19.375rem) / 6);
}
.main-sub-nav .lv2-menu .menu-item {
  height: 100%;
  padding-right: 0;
  float: none;
  transition: background-color 0.3s;
  vertical-align: middle;
}
.main-sub-nav .lv2-menu .menu-item::after,
.main-sub-nav .lv2-menu .menu-item::before,
.pop-wrap.login div.error::before {
  content: none;
}
.main-sub-nav .lv2-menu .menu-item:hover {
  background-color: #fff;
}
.main-sub-nav .lv2-menu .menu-item a,
.normal-item a {
  display: block;
  height: 100%;
}
.main-sub-nav .lv2-menu .menu-item a img {
  display: inline-block;
  width: auto;
  height: 215px;
  max-height: 100%;
}
.main-sub-nav .lv2-menu .menu-item p {
  width: 100%;
  height: 30px;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
}
.main-sub-nav .lv2-menu .promotion-text {
  width: 8.75rem;
  margin-left: 0.625rem;
  float: none;
  text-align: left;
  vertical-align: middle;
}
.main-sub-nav .lv2-menu .promotion-text .text,
.main-sub-nav .lv2-menu .promotion-text .title {
  display: none;
  color: #c9a33d;
  font-size: 2.25rem;
  font-weight: lighter;
  line-height: 1.5;
}
.main-sub-nav .lv2-menu .promotion-text .text {
  color: #848484;
  font-size: 1.25rem;
}
.main-sub-nav .lv2-menu .promotion-text .rebat {
  display: block;
  width: 100%;
  height: auto;
  max-height: 193px;
  margin: 0 0 30px;
}
.main-sub-nav li::after {
  width: 0;
}
.main-sub-nav .lv2-menu,
.main-sub-nav .lv2-menu::after,
.sub-nav,
.sub-nav::after {
  position: absolute;
  left: 0;
  width: 100%;
}

.sub-nav::after {
  content: "";
  bottom: 0;
  height: 30px;
  background: rgba(15, 21, 41, 0.9);
}
.sub-nav .sub-nav-item.normal-item {
  flex: 1;
}
.sub-nav .sub-nav-item.normal-item::after,
.sub-nav .sub-nav-item.normal-item::before {
  content: none;
  display: none;
}
.sub-nav .sub-nav-item.promotion-item,
.sub-nav-inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sub-nav .sub-nav-item.promotion-item {
  flex-flow: row;
}
.sub-nav .maintenance {
  pointer-events: auto;
}
.sub-nav-inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: calc((100% - 1200px) / 2);
  width: 75rem;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
}
.normal-item {
  position: relative;
  height: 100%;
  padding-right: 0;
  transition: background-color 0.3s;
  vertical-align: middle;
}
.normal-item:not(.maintenance):hover .item-box img.item-2nd {
  -webkit-transform: translate(-50%, -50%) scale(1.1);
  transform: translate(-50%, -50%) scale(1.1);
  opacity: 1;
}
.normal-item:not(.maintenance):hover a > p {
  background: #c9a33d;
}
.normal-item .item-box {
  display: block;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  overflow: hidden;
}
.normal-item .item-box img {
  display: inline-block;
  position: relative;
  width: auto;
  height: 215px;
  max-height: 100%;
}
.normal-item .item-box img.item-1st {
  z-index: 3;
  transition: all 0.1s;
}
.normal-item .item-box img.item-2nd {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  transition: opacity 0.2s, transform 0.1s;
  transition: opacity 0.2s, transform 0.1s, -webkit-transform 0.1s;
  opacity: 0;
}
.normal-item .item-box img.item-3rd {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  transition: all 0.1s;
}
.normal-item a > p,
.normal-item span {
  width: 100%;
  color: #fff;
  line-height: 30px;
}
.normal-item span {
  display: block;
  position: absolute;
  z-index: 4;
  bottom: 40px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  transition: all 0.5s;
  background-image: linear-gradient(90deg, #a56c0b, #b1934e);
  font-size: 18px;
  font-weight: 700;
  text-shadow: 0 2px 6px rgba(24, 37, 65, 0.35);
  text-transform: uppercase;
  background-clip: text;
  -webkit-background-clip: text;
}
.normal-item a > p {
  height: 30px;
  transition: 0.3s;
  background: #000;
  font-size: 14px;
}
.sub-nav-item .maintenance-box {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  height: calc(100% - 30px);
  background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0.3));
}
.sub-nav-item .maintenance-inner {
  position: relative;
  padding: 40px 0;
}
.maintenance-inner img {
  display: block;
  position: absolute;
  z-index: -1;
  top: 40px;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: 0 auto 5px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: 0.3s;
  -webkit-filter: blur(3px) opacity(0.2);
  filter: blur(3px) opacity(0.2);
}
.sub-nav-slide {
  display: none;
  position: absolute;
  top: 2.75rem;
  left: 0;
  width: 100%;
  height: 15.3125rem;
  background: rgba(15, 21, 41, 0.9);
}
.sub-nav-slide .sub-nav-inner {
  height: 100%;
}

.sub-nav-slide .arrow-next:hover,
.sub-nav-slide .arrow-prev:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  cursor: pointer;
}
.sub-nav-slide .arrow-prev:disabled {
  opacity: 0.4;
}
.sub-nav-slide .arrow-next:disabled,
.sub-nav-slide .arrow-prev:disabled {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.sub-nav-slide .arrow-next {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.sub-nav-slide .arrow-next:hover {
  -webkit-transform: rotate(180deg) scale(1.2);
  transform: rotate(180deg) scale(1.2);
}
.sub-nav-slide .arrow-next:disabled {
  -webkit-transform: rotate(180deg) scale(1);
  transform: rotate(180deg) scale(1);
  opacity: 0.4;
}
.sub-nav-slide .sub-nav-draggable {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.sub-nav-slide .sub-nav-track {
  display: flex;
}
.sub-nav-slide .item-box {
  display: block;
  position: absolute;
  top: 3rem;
  left: 5%;
  width: 90%;
  height: 90%;
  margin: auto;
  transition: all 0.3s;
}
.sub-nav-slide .sub-nav-item {
  display: flex;
  position: relative;
  flex-shrink: 0;
  align-items: center;
  width: 17.8125rem;
  height: 15.3125rem;
  float: left;
}
.sub-nav-slide .sub-nav-item:hover {
  cursor: pointer;
}
.sub-nav-slide .sub-nav-item:hover::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background: linear-gradient(180deg, #ebc132 0, #0f162b 100%);
}
.sub-nav-slide .sub-nav-item img {
  position: absolute;
  left: 0;
  width: 100%;
}
.sub-nav-slide span {
  position: relative;
  z-index: 3;
  left: 1.5rem;
  align-self: flex-start;
  max-width: 100%;
  margin-top: 1.25rem;
  padding-left: 0.75rem;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.125rem;
}
.sub-nav-slide span::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 0.125rem;
  height: 1.125rem;
  background: #f5d13c;
}
.sub-nav-slide p {
  position: absolute;
  z-index: 5;
  right: 0.5rem;
  bottom: 0.5rem;
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.25rem;
  text-shadow: 0 0.125rem 0.25rem #836b35;
}
.sub-nav-slide p::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  right: -0.5rem;
  bottom: -0.5rem;
  width: 4.375rem;
  height: 4.375rem;
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
  background: linear-gradient(90deg, #fad63e 1%, #d4a51d 50%);
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(6, 8, 15, 0.3),
    inset 0 0 0.1875rem 0#fffcfc;
  -webkit-clip-path: polygon(100%0, 0 100%, 100% 100%);
  clip-path: polygon(100%0, 0 100%, 100% 100%);
}
.sub-nav-slide .maintenance-box {
  height: 100%;
  background: rgba(11, 19, 35, 0.8);
}
.sub-nav-slide .maintenance-box h5 {
  position: relative;
  bottom: 4.5rem;
  color: #e4c375;
  font-size: 1.125rem;
  letter-spacing: 0.125rem;
  line-height: 1.25rem;
}
.content {
  min-height: 37.5rem;
  padding-top: 10.875rem;
  transition: height 3s;
}
.content.nomainnav {
  height: 100vh;
  padding: 6.25rem 0;
}
.content.nomainnav .container-1200 {
  justify-content: center;
  height: 100%;
  padding: 0;
  display: inline-block;
  width: 75rem;
  text-align: left;
}
.content.nomainnav .iplimit-card-wrap.service {
  margin: 0;
}
.content,
.content.nomainnav .container-1200.center {
  text-align: center;
}
.content.nomainnav .container-1200.casino {
  position: relative;
  z-index: 2;
  margin-top: -6.25rem;
}
.content.separate .container-1200.casino {
  margin-top: 0;
}
.content.separate .slick-dots {
  bottom: 2.5rem;
}
.content .container-1200 {
  display: inline-block;
  width: 75rem;
  text-align: left;
}
.content .container-1200.center {
  text-align: center;
}
.content .container-1200.casino {
  position: relative;
  z-index: 2;
  margin-top: -6.25rem;
}
.content .container-1400 {
  display: inline-block;
  width: 87.5rem;
}
.content .container-w100 {
  display: inline-block;
  width: 100%;
}
.mini-header .content {
  padding-top: 9rem;
}
.main-banner-wrap {
  position: relative;
  margin-bottom: 1.25rem;
  background: #0b0e17;
}
.post {
 
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1.875rem;
  background: rgba(13,84,62,.9);
  text-align: center;
}
.post .marquee,
.post .post-icon {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  line-height: 1.875rem;
}
.post .marquee {
  width: 73.125rem;
  height: 100%;
  margin-left: 1.875rem;
  overflow: hidden;
}
.post .marquee ul {
  display: flex;
  flex-direction: row;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.post .marquee ul li {
  padding-right: 1.25rem;
}
.post .marquee ul p {
  display: inline-block;
  white-space: nowrap;
}
.post .marquee,
.post a {
  color: rgba(255, 255, 255, 0.8);
}
.post a:hover {
  color: #dabf79;
}
.post .post-icon {
  position: absolute;
  padding-left: 1.5625rem;
  color: #f2f2f2;
}

.main-wrap,
.main-wrap-casino,
.main-wrap-slotgame,
.main-wrap-sport {
  background-color: #090d1a;
}
.main-wrap,
.main-wrap-casino,
.main-wrap-hotsport,
.main-wrap-iframe,
.main-wrap-slotgame,
.main-wrap-sport {
  width: 594px;
  height: 24.5rem;
  border-top: 1px solid #222843;
  background: no-repeat center;
}
.main-wrap-iframe {
  background-color: #090d1a;
}
.list-wrap-casino,
.main-wrap-casino-1st,
.main-wrap-sport-1st {
  width: 100%;
  margin-bottom: 0.75rem;
}
.main-wrap-hotsport,
.main-wrap-iframe,
.main-wrap-slotgame,
.main-wrap-sport {
  margin-bottom: 0.75rem;
  border-radius: 3px;
  overflow: hidden;
}
.main-wrap-hotsport h3,
.main-wrap-iframe h3,
.main-wrap-slotgame h3,
.main-wrap-sport h3 {
  font-size: 15px;
  line-height: 20px;
  position: relative;
  z-index: 3;
  width: 100%;
  height: 3.125rem;
  padding-left: 1.25rem;
  color: #c9a33d;
  line-height: 3.125rem;
}
.main-wrap-casino {
  margin-bottom: 0.75rem;
  border-radius: 3px;
}
.main-wrap-sport-1st .main-wrap-hotsport,
.main-wrap-sport-1st .main-wrap-sport {
  margin-bottom: 0;
}
.main-wrap-banner-group {
  width: 100%;
  margin-bottom: 0.75rem;
}
.main-wrap-banner-group.right {
  width: 594px;
}
.main-banner-group li {
  width: 18.1875rem;
  height: 11.875rem;
  margin-right: 0.75rem;
  border-radius: 3px;
  overflow: hidden;
}
.main-banner-group li:nth-last-of-type(1) {
  margin-right: 0;
}
.main-wrap-banner-group.right .main-banner-group li {
  margin-bottom: 0.75rem;
}
.main-wrap-banner-group.right .main-banner-group li:nth-of-type(even) {
  margin-right: 0;
}
.main-wrap-banner-group.right .main-banner-group li:nth-last-of-type(-n + 2) {
  margin-bottom: 0;
}
.main-banner-group .info-banner-wrap {
  position: relative;
}
.main-banner-group .info-banner-wrap .dptoac-wrap,
.main-banner-group .info-banner-wrap .wdtoac-wrap {
  width: 100%;
  height: 3rem;
  margin-bottom: 1px;
  background-color: #222843;
}
.main-banner-group .info-banner-wrap .dptoac-wrap .bar,
.main-banner-group .info-banner-wrap .wdtoac-wrap .bar {
  display: inline-block;
  position: relative;
  height: 100%;
  padding: 0.25rem 0.4375rem 0;
  border-bottom: 1px solid #d4b665;
  background: #c9a33d;
}
.main-banner-group .info-banner-wrap .dptoac-wrap .bar::after,
.main-banner-group .info-banner-wrap .wdtoac-wrap .bar::after {
  content: attr(data-time);
  top: 0;
  right: 0;
  -webkit-transform: translate(120%, 0);
  transform: translate(120%, 0);
  color: #c9a33d;
  font-size: 1.875rem;
  font-style: italic;
  font-weight: 700;
  line-height: 3rem;
}
.main-banner-group .info-banner-wrap .dptoac-wrap p,
.main-banner-group .info-banner-wrap .wdtoac-wrap p {
  opacity: 0.8;
}
.main-banner-group .info-banner-wrap .dptoac-wrap .bar {
  width: 30%;
}
.main-banner-group .info-banner-wrap .wdtoac-wrap .bar {
  width: 60%;
}
.main-banner-group .info-banner-wrap h5,
.main-banner-group .info-banner-wrap p {
  color: #fff;
}
.main-banner-group .info-banner-wrap h5 {
  font-size: 15px;
  line-height: 20px;
}
.main-banner-group .info-banner-wrap p {
  font-size: 12px;
  line-height: 20px;
}
.main-banner-group .single-coin {
  background-image: linear-gradient(-180deg, #222843 0, #191e32 100%);
  position: relative;
  width: 9.0625rem;
  height: 5.75rem;
  padding: 1rem 0.875rem;
}
.main-banner-group .single-coin::after {
  background-image: linear-gradient(
    -180deg,
    rgba(42, 50, 84, 0) 97%,
    rgba(17, 20, 33, 0.8) 100%
  );
}
.main-banner-group .single-coin::before {
  background-image: linear-gradient(
    180deg,
    rgba(42, 50, 84, 0) 0,
    rgba(0, 0, 0, 0.1) 100%
  );
}
.main-banner-group .single-coin::after {
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-banner-group .single-coin::before {
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  opacity: 0.5;
}
.main-banner-group .single-coin:nth-of-type(3) {
  margin-right: 1px;
}
.main-banner-group .single-coin h5 {
  color: #c9a33d;
  letter-spacing: 1px;
}
.main-banner-group .single-coin p {
  margin-top: 0.875rem;
  color: #c9a33d;
  letter-spacing: 1px;
}
.main-banner-group .single-coin p i {
  margin-right: 0.3125rem;
  font-size: 1.875rem;
  font-style: italic;
  font-weight: 700;
}
.main-banner-group .main-banner-xs-wrap {
  border-radius: 5px;
  position: relative;
  padding: 0.9375rem 1.25rem;
  background: no-repeat center;
  background-size: cover;
}
.main-banner-group .main-banner-xs-wrap h4 {
  font-size: 24px;
  line-height: 40px;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.main-banner-group .main-banner-xs-wrap h5 {
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  position: absolute;
  color: #fff;
}
.main-banner-group .main-banner-xs-wrap.type1 h4 {
  letter-spacing: 1px;
  line-height: 1.3;
}
.main-banner-group .main-banner-xs-wrap.type1 h5 {
  bottom: 0.9375rem;
}
.main-banner-group .main-banner-xs-wrap.type2,
.main-banner-group .main-banner-xs-wrap.type3 {
  text-align: center;
}
.main-banner-group .main-banner-xs-wrap.type2 h5,
.main-banner-group .main-banner-xs-wrap.type3 h5 {
  left: 1.25rem;
  width: 15.6875rem;
  top: 0.9375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.main-banner-group .main-banner-xs-wrap.type2 h4,
.main-banner-group .main-banner-xs-wrap.type3 h4 {
  display: -webkit-box;
  margin-top: 1.25rem;
  overflow: hidden;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: normal;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.main-banner-group .main-banner-xs-wrap.type2 a,
.main-banner-group .main-banner-xs-wrap.type3 a {
  position: absolute;
  bottom: 1.25rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.main-banner-group .main-banner-xs-wrap.type3 h4 {
  -webkit-line-clamp: 2;
}
.maintenance,
.promotion-card li.disable a,
.promotion-subnav li a i,
.promotion-subnav li a p {
  pointer-events: none;
}
.maintenance .maintenance-box {
  display: block;
}
.maintenance-box {
  display: none;
  width: 100%;
  line-height: 1.2;
}
.maintenance-box::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
.maintenance-inner {
  display: inline-block;
  width: 98%;
  text-align: center;
  vertical-align: middle;
}
.maintenance-inner p,
.maintenance-inner strong {
  color: #c9a33d;
  text-transform: uppercase;
}
.maintenance-inner strong {
  font-size: 1.875rem;
  font-weight: 700;
}
.maintenance-inner p {
  font-size: 0.875rem;
  letter-spacing: 1px;
}

.no-scroll-y {
  overflow-y: hidden;
}
select > option {
  color: #555;
}
.pop-wrap.login {
  width: 400px;
}
.pop-wrap.login div.error {
  font-size: 12px;
  line-height: 20px;
  display: none;
  width: 300px;
  height: 0;
  margin-bottom: 0;
  transition: all 0.3s linear;
  border: 1px solid #a62626;
  background: rgba(166, 38, 38, 0.2);
  color: #a62626;
  text-align: left;
}

.pop-wrap.login div.error.active {
  display: block;
  height: auto;
  margin-bottom: 12px;
  padding: 6px;
  -webkit-animation: errorShow 0.5s ease-in-out forwards;
  animation: errorShow 0.5s ease-in-out forwards;
  opacity: 0;
}
.pop-wrap.login .input-group {
  display: inline-block;
  width: 300px;
  padding: 0;
}
.pop-wrap.login .input-group input:-webkit-autofill,
.pop-wrap.login .input-group input:-webkit-autofill:focus,
.pop-wrap.login .input-group input:-webkit-autofill:hover {
  -webkit-transition: background-color 9000s ease-in-out;
  transition: background-color 9000s ease-in-out;
  -webkit-text-fill-color: #c9a33d !important;
}
.pop-wrap.login .input-group select:-webkit-autofill,
.pop-wrap.login .input-group select:-webkit-autofill:focus,
.pop-wrap.login .input-group select:-webkit-autofill:hover,
.pop-wrap.login .input-group textarea:-webkit-autofill,
.pop-wrap.login .input-group textarea:-webkit-autofill:focus,
.pop-wrap.login .input-group textarea:-webkit-autofill:hover {
  -webkit-transition: background-color 9000s ease-in-out;
  transition: background-color 9000s ease-in-out;
  box-shadow: 0 0 0 1000px #fff inset;
  -webkit-text-fill-color: #c9a33d !important;
}
.pop-wrap.login .input-group label {
  display: inline-block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 42px;
  height: 42px;
  border-right: 1px solid #adacb1;
  pointer-events: none;
}
.pop-wrap.login .input-group i {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: no-repeat center;
}

.pop-wrap.login .input-group input {
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 11px 0 11px 54px;
  transition: all 0.5s ease-in;
  border: 0;
  background: 0 0;
  font-weight: 700;
}
.pop-wrap.login .input-group input::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 1;
  color: #999;
  font-weight: 400;
}
.pop-wrap.login .input-group input::-moz-placeholder {
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  opacity: 1;
  color: #999;
  font-weight: 400;
}
.pop-wrap.login .input-group input::placeholder {
  transition: all 0.3s ease-out;
  opacity: 1;
  color: #999;
  font-weight: 400;
}
.pop-wrap.login .input-group input:-webkit-autofill,
.pop-wrap.login .input-group input:-webkit-autofill:focus,
.pop-wrap.login .input-group input:-webkit-autofill:hover {
  box-shadow: 0 0 0 50px #fff inset !important;
}
.pop-wrap.login .input-group li {
  display: block;
  position: relative;
  width: 100%;
  height: 44px;
  margin-bottom: 10px;
  border: 1px solid #adacb1;
  line-height: 44px;
}
.pop-wrap.login .input-group li:last-child {
  margin-bottom: 0;
}
.pop-wrap.login .input-group li.active,
.pop-wrap.login .input-group li.focus {
  border: 3px solid rgba(201, 163, 61, 0.4);
}
.pop-wrap.login .input-group li.active label,
.pop-wrap.login .input-group li.focus label {
  width: 40px;
  height: 39px;
  border-right: 1px solid rgba(201, 163, 61, 0.4);
}
.pop-wrap.login .forget:hover,
.pop-wrap.login .input-group li input,
.pop-wrap.login .link:hover {
  color: #c9a33d;
}
.pop-wrap.login .input-group li input:focus::-webkit-input-placeholder {
  -webkit-transform: translate(5px, 0);
  transform: translate(5px, 0);
  opacity: 0;
}
.pop-wrap.login .input-group li input:focus::-moz-placeholder {
  transform: translate(5px, 0);
  opacity: 0;
}
.pop-wrap.login .input-group li input:focus::placeholder {
  -webkit-transform: translate(5px, 0);
  transform: translate(5px, 0);
  opacity: 0;
}
.pop-wrap.login .input-group li.wrong {
  border: 1px solid #a62626;
}
.pop-wrap.login .input-group li.wrong label {
  width: 42px;
  height: 42px;
  border-right: 1px solid #a62626;
}
.pop-wrap.login .input-group li.wrong input {
  color: #a62626;
}
.pop-wrap.login .link {
  display: inline-block;
  text-decoration: underline;
}
.pop-wrap.login .forget,
.pop-wrap.login p {
  font-size: 14px;
  line-height: 20px;
  width: 300px;
}
.pop-wrap.login .forget {
  margin-bottom: 12px;
  color: #474747;
  text-align: right;
}
.pop-wrap.login .btn-default-xs {
  width: 300px;
  height: 40px;
  margin-bottom: 12px;
  line-height: 40px;
}
.pop-wrap.login p {
  display: inline-block;
  text-align: left;
}
.pop-wrap.login .pop-inner {
  overflow: hidden;
}
.pop-wrap.login .input-slides {
  width: 200%;
  overflow: hidden;
  transition: all 0.5s ease-out;
}
.pop-wrap.login .input-slides .input-forget,
.pop-wrap.login .input-slides .input-login {
  width: 400px;
  padding: 0 50px;
  float: left;
}
.pop-wrap.login .pop-title h3 {
  padding-right: 63px;
}
.pop-wrap.login .eyes {
  top: 0;
  z-index: 1;
}
.login-pop-group,
.login-pop-group.active {
  -webkit-animation: popShow 0.5s ease-in-out forwards;
  animation: popShow 0.5s ease-in-out forwards;
}
.login-pop-group {
  display: none;
  position: fixed;
  top: 25%;
  left: 50%;
  width: 400px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.login-pop-group.active {
  display: block !important;
}
.login-pop-group.hide {
  -webkit-animation: popHide 0.5s ease-in-out forwards;
  animation: popHide 0.5s ease-in-out forwards;
}
.login-pop-group .phone-code-list {
  width: 6.75rem;
  max-height: 7.5rem;
  padding-left: 0;
  background: #fff;
  color: #666;
}
.login-pop-group .phone-code-list li {
  flex: 1 0 45%;
}
.login-pop-group .pop-wrap {
  display: block;
  position: static;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.login-pop-group .tips-warning {
  width: 100%;
  opacity: 0;
}
.login-pop-group .tips-warning.active {
  -webkit-animation: TopToBottom 0.5s ease-in-out forwards;
  animation: TopToBottom 0.5s ease-in-out forwards;
}
.login-pop-group .tips-warning.hide {
  -webkit-animation: BottomToTop 0.5s ease-in-out backwards;
  animation: BottomToTop 0.5s ease-in-out backwards;
}
.login-pop-group .pop-wrap.login .pop-inner {
  padding: 20px 0;
}
.login-pop-group .pop-wrap.login li {
  height: auto;
  padding-bottom: 0;
  border: 0;
  line-height: 1.5;
  text-align: left;
}
.login-pop-group .pop-wrap.login li:last-child {
  margin-bottom: 10px;
}
.login-pop-group .pop-wrap.login .phone-code-list li {
  padding: 0.1875rem 0.3125rem;
  border-radius: 5px;
}
.login-pop-group .pop-wrap.login label {
  display: block;
  position: static;
  width: 100%;
  height: auto;
  border: 0;
}
.login-pop-group .pop-wrap.login input {
  position: static;
  height: 40px;
  padding: 0 10px 0 45px;
  border: 1px solid #adacb1;
  border-radius: 3px;
}
.login-pop-group .pop-wrap.login input:focus {
  border: 2px solid rgba(201, 163, 61, 0.4);
}
.login-pop-group .pop-wrap.login .input-icon-type {
  position: relative;
}
.login-pop-group .pop-wrap.login .input-icon-type i {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
}
.login-pop-group .pop-wrap.login .input-group,
.login-pop-group .tab-primary-box {
  width: 100%;
}
.login-pop-group .pop-wrap.login .input-slides {
  transition: 0.3s ease-out;
  text-align: left;
}
.login-pop-group .pop-wrap.login .forget {
  width: auto;
  max-width: 40%;
  float: right;
}
.login-pop-group .pop-wrap.login .btn-default-xs,
.vip-level-wrap tr {
  text-align: center;
}
.login-pop-group .pop-wrap.login .error {
  padding: 0;
}
.login-pop-group .pop-wrap.login span.error {
  display: inline-block;
  max-width: 60%;
  font-size: 0.875rem;
}
.login-pop-group .pop-wrap.login .lang-select {
  width: 6.875rem;
  line-height: 0;
}
.login-pop-group .pop-wrap.login .lang-select img {
  border-radius: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
.login-pop-group .pop-wrap.login .input-forget,
.login-pop-group .pop-wrap.login .input-login {
  padding: 8px 50px 15px;
}
.login-pop-group .pop-wrap.login .phone-info input,
.login-pop-group .pop-wrap.login .verification-input input {
  padding-left: 10px;
}
.login-pop-group .pop-wrap.login .phone-info li {
  margin: 0;
}

.login-pop-group .tab-primary-box ul {
  padding-left: 0;
  background: #aaa;
}
.login-pop-group .tab-primary-box li {
  list-style: none;
}
.login-pop-group .tab-primary-box a {
  line-height: 30px;
  text-align: center;
}
.login-pop-group .btn-select {
  height: 40px;
  border: 1px solid #adacb1;
  background: #fff;
}
.login-pop-group .btn-select:focus {
  border: 1px solid rgba(201, 163, 61, 0.4);
}

.login-pop-group .btn-select span {
  color: #666;
}
.login-pop-group .phone-code-list {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.login-pop-group .phone-code-list ul {
  padding-left: 0;
}
.login-pop-group .verification-input p {
  display: inline-block;
  width: auto;
}
.login-pop-group .verification-input .svg-mail-group li {
  height: 2px;
  margin: 1px 0;
}
.login-pop-group .verification-input .svg-mail-group li:last-child {
  margin: 1px 0;
}
.login-pop-group .fail-pop {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  transition: 0.3s;
  box-shadow: 0 2px 40px 8px rgba(0, 0, 0, 0.7);
}
.login-pop-group .fail-pop.active {
  -webkit-animation: failPopShow 0.2s ease-in-out forwards;
  animation: failPopShow 0.2s ease-in-out forwards;
}
.login-pop-group .fail-pop.hide {
  -webkit-animation: failPopHide 0.3s ease-in-out forwards;
  animation: failPopHide 0.3s ease-in-out forwards;
}
.login-pop-group .fail-pop .pop-btn-box {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.login-pop-group .fail-pop .pop-btn-box button {
  margin-right: 10px;
  padding: 0 0.625rem;
  cursor: pointer;
}
.login-pop-demo-tool {
  display: flex;
  position: fixed;
  justify-content: center;
  z-index: 8001;
  top: 20px;
  left: 50%;
  width: 1000px;
  flex-flow: row wrap;
  padding: 20px 10px 10px 20px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border: 1px solid #a56c0b;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 5px 2px rgba(212, 182, 101, 0.7);
  line-height: 0;
}
.login-pop-demo-tool h3 {
  flex: 1 0 100%;
  display: block;
  margin-bottom: 10px;
  font-size: 1.125rem;
  color: #d4b665;
  text-align: center;
  line-height: 1;
}
.login-pop-demo-tool a {
  margin: 0 10px 10px 0;
  padding: 0 10px;
  min-width: 150px;
  text-align: center;
}
.pop-wrap.message {
  max-width: 600px;
}
.pop-wrap.message .pop-inner {
  max-height: 500px;
  padding: 30px;
  overflow-y: scroll;
  text-align: left;
}
.pop-wrap.message .pop-inner a,
.pop-wrap.message .pop-inner b,
.pop-wrap.message .pop-inner ol li,
.pop-wrap.message .pop-inner p,
.pop-wrap.message .pop-inner span,
.pop-wrap.message .pop-inner ul li {
  color: #333 !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
}
.pop-wrap.message .pop-inner a {
  display: inline-block;
  transition: 0.3s;
  color: #c9a33d !important;
  text-decoration: underline !important;
}
.pop-wrap.message .pop-inner b {
  display: block !important;
}
.pop-wrap.message .pop-inner span {
  display: inline-block !important;
}
.pop-wrap.message .pop-inner a span:hover,
.pop-wrap.message .pop-inner a:hover {
  color: #a5852e !important;
}
.pop-wrap.message .pop-inner a span {
  color: #c9a33d !important;
}
.pop-wrap.message .pop-inner ol,
.pop-wrap.message .pop-inner p,
.pop-wrap.message .pop-inner ul {
  margin-bottom: 15px !important;
}
.pop-wrap.message .pop-inner table ol,
.pop-wrap.message .pop-inner table p,
.pop-wrap.message .pop-inner table ul {
  margin-bottom: 0 !important;
}
.pop-wrap.message .pop-inner p,
.title-wrap h3 {
  word-wrap: break-word;
}
.pop-wrap.message .pop-title {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.pop-wrap.message .pop-title h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  flex: 1;
  line-height: 1.3;
  word-break: break-all;
}
.pop-wrap.message .btn-close {
  position: static;
}
.pop-image {
  min-width: 0;
  background: 0 0 !important;
}
.pop-image.bg-png .notshow-checkbox {
  transition: all 0.3s;
  background: 0 0;
  text-align: center;
}
.pop-image.bg-png .notshow-checkbox .check-cube {
  text-align: left;
}
.pop-image.bg-png .btn-close {
  transition: all 0.3s;
  border-radius: 50%;
  background: #c9a33d;
}
.pop-image.bg-png .btn-close:hover {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}
.lightbox {
  line-height: 0;
}
.lightbox img {
  display: block;
  max-width: 1200px;
  max-height: 80vh;
}
.pop-wrap.promotion {
  width: 580px;
  line-height: 0;
}
.pop-wrap.promotion.active .pop-btn-register {
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-animation: btnOpen ease-out 1s alternate 0.7s forwards;
  animation: btnOpen ease-out 1s alternate 0.7s forwards;
  box-shadow: 0-2px 5px rgba(0, 0, 0, 0.1);
}
.pop-wrap.promotion .pop-inner {
  max-height: 40vh;
  padding: 10px 20px 0;
  overflow-x: hidden;
  overflow-y: auto;
  line-height: 24px;
  text-align: left;
}
.pop-wrap.promotion .article .title-wrap,
.pop-wrap.promotion .title-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.pop-wrap.promotion .title-wrap {
  width: 100%;
  padding: 5px 20px;
}
.pop-wrap.promotion .title-wrap a,
.title-wrap a {
  margin: 5px 0;
  padding: 0 25px;
  text-align: center;
}
.pop-wrap.promotion .title-wrap a,
.pop-wrap.promotion .title-wrap h3 {
  align-self: center;
}
.pop-wrap.promotion .article ol,
.pop-wrap.promotion .article p {
  margin: 10px 0;
  color: #333;
}
.pop-wrap.promotion .article table {
  color: #333;
}
.pop-wrap.promotion .article td,
.pop-wrap.promotion .article th {
  padding: 6px;
  border: 1px solid rgba(51, 51, 51, 0.5);
}
.pop-wrap.promotion .article ol,
.pop-wrap.promotion .article ul {
  padding-left: 20px;
}
.pop-wrap.promotion .article ol li,
.pop-wrap.promotion .article ul li {
  display: list-item;
  list-style-position: outside;
  color: #333;
  line-height: 24px;
}
.pop-wrap.promotion .article ul li ul li {
  list-style: circle;
}
.pop-wrap.promotion .article ul li ul li ul li {
  list-style: square;
}
.pop-wrap.promotion .article .title-wrap {
  padding: 5px 10px;
}
.detail-banner,
.lightbox {
  position: relative;
}
.detail-banner img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 230px;
}
.title-wrap {
  width: 100%;
}
.title-wrap h3 {
  flex: 1;
  margin-right: 15px;
  color: #c9a33d;
  line-height: 24px;
  word-break: break-all;
}
.title-wrap a,
.title-wrap h3 {
  align-self: center;
}
.pop-btn-register {
  width: 100%;
  height: 40px;
  transition: 0.3s;
  border-radius: 0;
  opacity: 0;
  line-height: 40px;
  text-align: center;
}
.pop-wrap.promotion-sty-a {
  width: 580px;
  min-width: auto;
  max-height: 95vh;
}
.pop-wrap.promotion .pop-inner > div,
.pop-wrap.promotion-sty-a .detail-banner,
.pop-wrap.promotion-sty-a .pop-inner > div {
  margin-bottom: 20px;
}

.pop-wrap.promotion-sty-a .title-wrap {
  padding: 0 20px;
  border: 0;
}
.pop-wrap.promotion-sty-a .title-wrap h3 {
  display: block;
  width: 100%;
  margin-right: 0;
  font-weight: 700;
}
.pop-wrap.promotion-sty-a .title-wrap a {
  margin-top: 0;
}
.pop-wrap.promotion-sty-a .pop-inner {
  max-height: 40vh;
  padding: 10px 20px 0;
  line-height: 24px;
}
.pop-wrap.promotion-sty-a h4 {
  margin-bottom: 5px;
  color: #333;
  font-weight: 700;
}
.pop-wrap.promotion-sty-a .article,
.pop-wrap.promotion-sty-a .article ol,
.pop-wrap.promotion-sty-a .article ul {
  margin-bottom: 15px;
}
.pop-wrap.promotion-sty-a .article p {
  margin: 0 0 15px;
  font-size: 14px;
}
.pop-wrap.promotion-sty-a .article li,
.pop-wrap.promotion-sty-a .article table {
  font-size: 14px;
}
.pop-wrap.promotion-sty-a .time {
  font-size: 12px;
  line-height: 20px;
  width: 100%;
  min-height: 15px;
  margin-top: 5px;
  letter-spacing: 0.5px;
}

.pop-wrap.promotion-sty-a .time span {
  margin-right: 5px;
}
.pop-wrap.promotion-sty-a .time span:last-child {
  margin-left: 5px;
}
.promotion-sty-a.active .detail-banner::after {
  -webkit-animation: shadowOpen ease-out 0.5s alternate 0.2s forwards;
  animation: shadowOpen ease-out 0.5s alternate 0.2s forwards;
}
.side-slider {
  position: fixed;
  top: 9.375rem;
  width: 195px;
}
.side-slider .slide-btn {
  position: absolute;
  top: 200px;
  left: -35px;
  padding: 10px 5px;
  border: 0;
  border-radius: 5px 0 0 5px;
  background: #b59232;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
  cursor: pointer;
}
.side-slider .slide-btn img {
  display: block;
  width: 25px;
  height: auto;
}
.side-slider .slide-btn span {
  display: block;
  width: 25px;
  margin-top: 5px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 25px;
  text-align: initial;
  word-break: keep-all;
  -webkit-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
}
.side-slider .slide-btn::before {
  display: none;
}
.side-slider .slide-btn.active {
  visibility: hidden;
  opacity: 0;
}
.side-slider .side-slider-content {
  position: absolute;
  top: 0;
  width: 12.1875rem;
  background: #3e3e3e;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.6);
}
.side-slider .contact-service-list {
  width: 90%;
  margin: 0 auto 10px;
  overflow: hidden;
  border-radius: 5px;
  background: #f5f5f5;
  color: #333;
}
.side-slider .contact-service-list li {
  display: block;
  overflow: hidden;
  transition: 0.3s;
  background: 0 0;
  font-size: 0;
}
.side-slider .contact-service-list li:hover {
  background: rgba(18, 18, 18, 0.2);
}
.side-slider .contact-service-list li:hover .contact-service-qrcode {
  height: 120px;
  margin-bottom: 10px;
}
.side-slider .contact-service-list li:last-child hr {
  display: none;
}
.side-slider .contact-service-list a {
  display: block;
  padding: 0 5px 0 10px;
}
.side-slider .contact-service-list hr {
  width: 100%;
  height: 1px;
  border: 0;
  background: rgba(51, 51, 51, 0.2);
}
.side-slider .contact-service-list span {
  display: inline-block;
  width: 79%;
  padding: 8px 0;
  color: #333;
  font-size: 0.875rem;
  font-weight: lighter;
  vertical-align: middle;
}
.side-slider .contact-service-list a img {
  width: 24px;
  height: 24px;
  margin-right: 5px;
  vertical-align: middle;
}
.side-slider .contact-service-list .qr-code {
  width: 15px;
  height: 15px;
  margin: 0 0 0 10px !important;
}
.side-slider #quickTransferForm label {
  display: block;
  width: 90%;
  margin: 0 auto 8px;
  color: #f35e5e;
  font-size: 0.8125rem;
  line-height: 1;
}
.side-slider.contact-service-box {
  right: -13.75rem;
  width: 13.75rem;
  transition: 0.3s;
}
.side-slider.contact-service-box .side-slider-content {
  width: 13.75rem;
}
.side-slider.contact-service-box:hover {
  right: 0;
}
.side-slider.contact-service-box .slide-btn {
  top: 0;
}
.side-slider.contact-service-box .contact-service-icon,
.side-slider.contact-service-box .contact-service-logo {
  margin: 10px 0;
}
.side-slider.contact-service-box .contact-service-icon > img,
.side-slider.contact-service-box .contact-service-logo > img {
  display: block;
  margin: 0 auto;
}
.side-slider.contact-service-box .contact-service-logo img {
  max-width: 45%;
}
.side-slider.contact-service-box .contact-service-qrcode {
  display: block;
  max-width: 60%;
  height: 0;
  margin: 0 auto;
  padding-bottom: 0;
  transition: height 0.3s ease;
}
.side-slider.contact-service-box .contact-service-list hr {
  width: 92%;
  margin: 0 auto;
}
.side-slider.contact-service-box .contact-service-list span {
  width: 67%;
}
.side-slider.transfer-box {
  top: 130px;
  right: -195px;
  transition: 0.3s;
}
.side-slider.transfer-box.active {
  visibility: visible;
  right: 0;
  transition: all 0.3s;
  opacity: 1;
}
.side-slider.transfer-box .side-slider-content {
  padding: 0.625rem 0 0;
  transition: left 0.1s, visibility 0.1s, opacity 0.3s;
}
.side-slider.transfer-box .side-slider-content input,
.side-slider.transfer-box .side-slider-content select {
  display: block;
  width: 90%;
  height: 25px;
  margin: 0 auto 0.625rem;
  border: 0;
  border-radius: 5px;
  background-color: #eee;
  font-size: 12px;
}
.side-slider.transfer-box .side-slider-content .btn-submit-transfer {
  display: block;
  width: 90%;
  height: 25px;
  margin: 0 auto 0.625rem;
  border: 0;
  border-radius: 5px;
  font-size: 12px;
}
.side-slider.transfer-box .side-slider-content input {
  padding: 0 0.625rem;
  color: #000;
}
.side-slider.transfer-box
  .side-slider-content
  input
  ::-webkit-input-placeholder {
  color: #666;
}
.side-slider.transfer-box .side-slider-content input ::-moz-placeholder {
  color: #666;
}
.side-slider.transfer-box .side-slider-content input ::placeholder {
  color: #666;
}
.side-slider.transfer-box .side-slider-content .btn-submit-transfer {
  transition: 0.3s;
  background-color: #c9a33d;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.5625rem;
  text-align: center;
}
.side-slider.transfer-box .side-slider-content .btn-submit-transfer:hover {
  background-color: #a5852e;
}
.side-slider.transfer-box .side-slider-content .wallet {
  width: 90%;
  margin: 0 auto 0.625rem;
  color: #555;
  text-align: center;
}
.side-slider.transfer-box .side-slider-content .wallet dt {
  margin-bottom: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 700;
}
.side-slider.transfer-box .side-slider-content .wallet dd {
  font-size: 1.125rem;
  font-weight: 700;
}
.side-slider.transfer-box .side-slider-content .wallet .btn-refresh {
  display: none;
  border: 0;
  background: 0 0;
  vertical-align: middle;
  cursor: pointer;
}
.side-slider.transfer-box .side-slider-content .game-wallet-list {
  width: 100%;
  max-height: 290px;
  overflow: scroll;
  overflow-x: hidden;
  font-size: 0.8125rem;
}
.side-slider.transfer-box
  .side-slider-content
  .game-wallet-list
  > li:nth-of-type(odd) {
  background: rgba(0, 0, 0, 0.1);
}
.side-slider.transfer-box .side-slider-content .game-wallet-item {
  display: block;
  font-size: 0;
  line-height: 0;
}
.side-slider.transfer-box .side-slider-content .game-wallet-item .balance,
.side-slider.transfer-box .side-slider-content .game-wallet-item .platform {
  display: inline-block;
  width: 50%;
  color: #555;
  font-size: 0.8125rem;
  line-height: 30px;
}
.side-slider.transfer-box .side-slider-content .game-wallet-item .platform {
  padding-left: 0.625rem;
}
.side-slider.transfer-box .side-slider-content .game-wallet-item .balance {
  padding-right: 0.625rem;
  text-align: right;
}
.side-slider.client-download-box {
  right: none;
  left: -195px;
  transition: 0.3s;
}
.side-slider.client-download-box:hover {
  left: 0;
}
.side-slider.client-download-box .slide-btn {
  top: 0;
  right: -35px;
  left: auto;
  border-radius: 0 5px 5px 0;
}
.side-slider.client-download-box .contact-service-devices {
  width: 90%;
  margin: 10px auto;
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 5px;
  line-height: 0;
}
.side-slider.client-download-box .contact-service-devices img {
  width: 100%;
}
.language-wrap {
  position: relative;
  z-index: 5;
  width: 10rem;
  background-color: rgba(238, 238, 238, 0.1);
  line-height: 0;
}
.language-wrap .language {
  width: 100%;
  height: 100%;
  line-height: 1.8125rem;
}
.language-wrap .language,
.language-wrap .other li {
  display: block;
  position: relative;
  height: 1.8125rem;
  padding: 0 0.625rem;
  transition: background 0.5s ease-in, color 0.3s;
  background: rgba(238, 238, 238, 0.1);
  color: #fff;
  text-align: left;
  cursor: pointer;
}
.language-wrap .language:hover,
.language-wrap .other li:hover {
  background: #221f4e;
  color: #fff;
}
.language-wrap .other {
  display: none;
  width: 100%;
}
.language-wrap img {
  width: 1.4375rem;
  height: auto;
  margin: 0.1875rem 0.3125rem 0 0;
  float: left;
  border-radius: 50%;
  box-shadow: 0 0 3px rgba(9, 13, 26, 0.4);
}
.language-wrap span {
  font-size: 0.75rem;
}
.language-wrap p {
  width: 6.5625rem;
  height: 1.8125rem;
  float: left;
  line-height: 1.8125rem;
}
.pop-language {
  min-width: 12.5rem;
}
.pop-language .pop-title h3 {
  padding-right: 4.0625rem;
}
.pop-language .pop-inner {
  padding: 0.9375rem;
  text-align: left;
}
.pop-language .language-list {
  padding-left: 0;
}
.language-list {
  display: block;
  margin: 0 auto;
}
.language-list li {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 0.3125rem;
  padding: 0.3125rem;
  border-bottom: 0.0625rem solid #eee;
}
.language-list li:last-child {
  border: 0;
}
.left-language-area,
.right-language-area {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
.left-language-area {
  min-width: 105px;
}
.left-language-area img {
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  margin-right: 0.625rem;
  border-radius: 50%;
  box-shadow: 0 0 3px rgba(9, 13, 26, 0.4);
  vertical-align: middle;
}
.left-language-area p {
  display: inline-block;
  width: 53%;
  color: rgba(102, 102, 102, 0.6);
  font-size: 0.75rem;
}
.left-language-area span {
  display: inline-block;
  min-width: 0.625rem;
}
.right-language-area {
  display: inline-flex;
  flex-flow: row nowrap;
}
.right-language-area .radio-box:last-child {
  margin-right: 0;
}
.radio-box {
  display: inline-block;
  min-width: 5.625rem;
  margin-right: 0.3125rem;
  margin-bottom: 0.3125rem;
  font-size: 0.875rem;
  vertical-align: top;
  cursor: pointer;
}
.radio-box [type="radio"] {
  display: none;
}
.radio-box [type="radio"] + label {
  display: block;
  padding: 0 0.3125rem;
  transition: 0.3s;
  border: 1px solid #eee;
  border-radius: 3px;
  color: #666;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}
.radio-box [type="radio"]:checked + label,
.radio-box:hover [type="radio"] + label {
  border: 0.0625rem solid #c9a33d;
  color: #c9a33d;
}
.register-wrap .resend-set {
  color: #ffdd8f;
}
.promotion-nav > ul li a:hover,
.register-wrap .resend-set:hover {
  color: #fff;
}
.vcode-input {
  position: relative;
}
.btn-vcode,
.resend-set,
.verify {
  position: absolute;
  transition: 0.3s;
}
.resend-set,
.verify {
  display: none;
  z-index: 1;
  top: 50%;
  right: 0.5rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #70571d;
  font-size: 0.75rem;
  line-height: 2.5rem;
  text-decoration: underline;
  pointer-events: none;
}
.resend-set.active,
.verify.active {
  display: inline-block;
  cursor: pointer;
  pointer-events: auto;
}
.resend-set.active:hover,
.verify.active:hover {
  color: #14805e;
}
.resend-set.countdown,
.verify.countdown {
  text-decoration: none;
  pointer-events: none;
}
.btn-vcode {
  z-index: 2;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 0 1.25rem;
  font-size: 0.8125rem;
  line-height: 0;
  cursor: pointer;
}
.btn-vcode p,
.btn-vcode > i,
.sms-svg-group {
  display: inline-block;
  vertical-align: middle;
}
.btn-vcode p,
.btn-vcode > i {
  text-align: center;
}
.btn-vcode p {
  padding: 0;
  color: #fff;
  font-size: 1rem;
  line-height: 2.5rem;
}
.btn-vcode p span {
  display: none;
  width: 3px;
  height: 3px;
  margin-left: 3px;
  border-radius: 50%;
  background-color: #fff;
}
.btn-vcode.active {
  padding: 0;
  -webkit-animation: btnmove 0.4s forwards ease-in;
  animation: btnmove 0.4s forwards ease-in;
}
.btn-vcode.active .line {
  -webkit-animation: none;
  animation: none;
  opacity: 0;
}
.btn-vcode.active.sending {
  overflow: auto;
  opacity: 0;
}
.btn-vcode.resend {
  -webkit-animation: resend 0.3s forwards ease-in;
  animation: resend 0.3s forwards ease-in;
}
.btn-vcode.resend .svg-mail {
  -webkit-transform-origin: center;
  transform-origin: center;
  animation: mail 0.6s ease-in-out alternate-reverse infinite;
}
.btn-vcode.sending {
  overflow: visible;
  cursor: wait;
  pointer-events: none;
}
.btn-vcode.sending .svg-phone {
  left: 0;
  opacity: 1;
}

.btn-vcode.sending .line {
  -webkit-animation: none;
  animation: none;
  opacity: 0;
}
.btn-vcode.mail-rotate .svg-mail {
  -webkit-transform-origin: center;
  transform-origin: center;
  animation: mailani 0.3s ease-out alternate-reverse infinite;
}
.sms-svg-group {
  position: relative;
  width: auto;
  height: 100%;
}
.sms-svg-group .svg-sms {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(1);
  transform: translateZ(1);
}
.sms-svg-group .path-sms {
  fill: transparent;
}

.svg-mail-group {
  width: 1.875rem;
  height: 100%;
}
.svg-mail-group .line {
  position: absolute;
  top: 50%;
  left: -13px;
  width: 0.75rem;
  padding: 0;
  -webkit-transform: translateY(-49%);
  transform: translateY(-49%);
}
.svg-mail-group .line li {
  width: 100%;
  height: 2px;
  margin: 1px 0;
  padding: 0;
  float: right;
  border-radius: 3px;
  background: #fff;
}
.svg-mail-group .line li:first-child {
  width: 70%;
  animation: smsAct 0.3s alternate-reverse infinite;
}
.svg-mail-group .line li:nth-child(2) {
  animation: smsAct 0.3s 0.1s alternate-reverse infinite;
}
.svg-mail-group .line li:last-child {
  width: 50%;
  animation: smsAct 0.3s 0.2s alternate-reverse infinite;
}
.svg-mail,
.svg-mail-outer {
  height: 100%;
  transition: 0.3s;
}

.communication-channel-box input,
.communication-channel-box select,
.register-kyc .form-inner li {
  margin-bottom: 0.625rem;
}
.communication-channel-box .first {
  margin-bottom: 0;
}
.register-kyc {
  overflow: hidden;
}
.register-kyc .register-tip {
  position: static;
  margin-right: 0.3125rem;
  -webkit-transform: translateX(-5px);
  transform: translateX(-5px);
}
.register-kyc .left-register-info,
.register-kyc .right-register-banner {
  vertical-align: middle;
}
.label-btn-group {
  display: flex;
  flex-wrap: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.communication-input-group .error {
  max-width: 60%;
  word-break: break-all;
}
.content-player .btn-add-input,
.content-player .btn-remove-input {
  position: relative;
  flex: 1 0 auto;
  max-width: 45%;
  height: 1.5625rem;
  padding: 0 0.625rem;
  border: 0;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.5625rem;
  word-break: break-all;
}
.content-player .btn-add-input::before,
.content-player .btn-remove-input::before {
  content: "";
  display: inline-block;
  position: static;
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.1875rem;
  background-color: #fff;
  vertical-align: middle;
}
.btn-add-input {
  cursor: pointer;
}

.pop-app-download {
  width: 62.5rem;
  height: auto;
  border-radius: 0.625rem;
  background: rgba(31, 40, 62, 0.9);
}
.pop-app-download .pop-title {
  border-color: transparent;
  background: 0 0;
}
.pop-app-download .pop-title .btn-close {
  background-color: transparent;
}
#wrap .content.nomainnav,
.pop-app-download .pop-inner {
  padding: 0;
}
.pop-app-download .pop-inner a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15.9375rem;
  height: 3.4375rem;
  margin: 0 1.25rem;
  border: 0.0625rem solid rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  color: #fff;
  font-weight: 700;
}
.pop-app-download .pop-inner a.active {
  border: 0;
  background-image: linear-gradient(180deg, #d4b665 0, #a46c0d 100%);
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.5),
    inset 0 0 0.25rem 0 rgba(251, 243, 222, 0.5);
  color: #fff;
}

.pop-app-download .pop-inner a .icon {
  width: 1.5625rem;
  height: 1.5625rem;
  margin-right: 0.625rem;
}

.pop-app-download .pop-inner .slides-wrap {
  width: 200%;
  padding: 0;
  overflow: hidden;
  transition: all 0.5s ease-out;
}
.pop-app-download .pop-inner .slides-wrap .android-wrap,
.pop-app-download .pop-inner .slides-wrap .ios-wrap {
  display: flex;
  flex-flow: row wrap;
  width: 62.5rem;
  height: 37.5rem;
  padding: 0.9375rem 1.875rem;
  float: left;
  overflow-y: scroll;
}
.pop-app-download .pop-inner .slides-wrap .android-wrap .step-wrap,
.pop-app-download .pop-inner .slides-wrap .ios-wrap .step-wrap {
  display: grid;
  grid-template-columns: 3.75rem calc(100% - 3.75rem);
  width: calc(50% - 1.875rem);
  margin: 0.9375rem;
  text-align: left;
}
.pop-app-download .pop-inner .slides-wrap .android-wrap .step-wrap .number,
.pop-app-download .pop-inner .slides-wrap .ios-wrap .step-wrap .number {
  color: #c9a33d;
  font-size: 2.1875rem;
  font-weight: 700;
  letter-spacing: 0.1875rem;
  line-height: 1;
}
.pop-app-download .pop-inner .slides-wrap .android-wrap .step-wrap .text,
.pop-app-download .pop-inner .slides-wrap .ios-wrap .step-wrap .text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  white-space: normal;
  max-height: 5rem;
  margin-top: 0.46875rem;
  color: #fff;
  font-size: 0.875rem;
}
.pop-app-download .pop-inner .slides-wrap .android-wrap .step-wrap img,
.pop-app-download .pop-inner .slides-wrap .ios-wrap .step-wrap img {
  grid-column: 2 / span 1;
}
@media (max-width: 1440px) {
  .pop-app-download.active {
    -webkit-animation: AppPopShow 0.5s ease-in-out forwards;
    animation: AppPopShow 0.5s ease-in-out forwards;
  }
  .pop-app-download.hide {
    -webkit-animation: AppPopHide 0.3s ease-in-out forwards;
    animation: AppPopHide 0.3s ease-in-out forwards;
  }
  @-webkit-keyframes AppPopShow {
    0% {
      top: 0;
      opacity: 0;
    }
    to {
      top: 3%;
      opacity: 1;
    }
  }
  @keyframes AppPopShow {
    0% {
      top: 0;
      opacity: 0;
    }
    to {
      top: 3%;
      opacity: 1;
    }
  }
  @-webkit-keyframes AppPopHide {
    0% {
      top: 3%;
      opacity: 1;
    }
    to {
      top: 0;
      opacity: 0;
    }
  }
  @keyframes AppPopHide {
    0% {
      top: 3%;
      opacity: 1;
    }
    to {
      top: 0;
      opacity: 0;
    }
  }
}

.pop-wrap.bonus-complete-pop.active {
  display: flex !important;
}
.pop-wrap.bonus-complete-pop .btn-close {
  background: 0 0;
}
.pop-wrap.bonus-complete-pop .pop-title {
  position: relative;
  bottom: -12.75rem;
  background: 0 0;
  border: 0;
}
.pop-wrap.bonus-complete-pop .pop-title .title {
  display: none;
}
.pop-wrap.bonus-complete-pop .pop-title .number {
  display: block;
  justify-content: center;
  background: linear-gradient(to top, #fff 15%, #cacaca 45%, #fff 70%);
  color: transparent;
  font-size: 2rem;
  line-height: 2rem;
  -webkit-background-clip: text;
  background-clip: text;
}
.pop-wrap.bonus-complete-pop .pop-title .number span {
  display: flex;
  justify-content: center;
  padding: 0.375rem 0.625rem 0 0;
  background: linear-gradient(135deg, #f8ff91 0, #ffdf3d 50%);
  color: transparent;
  font-size: 2.875rem;
  line-height: 2.875rem;
  -webkit-background-clip: text;
  background-clip: text;
}
.pop-wrap.bonus-complete-pop .pop-title .number span::before {
  content: attr(data-currency);
  font-size: 2rem;
}
.pop-wrap.bonus-complete-pop .kv-block {
  position: relative;
  right: 0;
  bottom: -0.375rem;
}
.pop-wrap.bonus-complete-pop .kv-block .kv-img {
  position: relative;
  display: inline-block;
  width: 6.5rem;
  height: 6.5rem;
}
.pop-wrap.bonus-complete-pop .kv-block .kv-img::after,
.pop-wrap.bonus-complete-pop .kv-block .kv-img::before {
  content: "";
  display: block;
  position: absolute;
  padding: 0.625rem;
  border: 0.125rem solid transparent;
  border-radius: 9.375rem;
  background-clip: padding-box;
}
.pop-wrap.bonus-complete-pop .kv-block .kv-img::before {
  z-index: -1;
  top: -0.3125rem;
  left: -0.3125rem;
  width: 5.625rem;
  height: 5.625rem;
  background: linear-gradient(to top, #fff 0, #8da5c0 50%, #fff 100%);
}
.pop-wrap.bonus-complete-pop .kv-block .kv-img::after {
  z-index: -2;
  top: -0.5rem;
  left: -0.5rem;
  width: 6rem;
  height: 6rem;
  background: linear-gradient(to top, #a5bad1 0, #fff 50%, #8da5c0 100%);
}
.pop-wrap.bonus-complete-pop .kv-block .kv-img img {
  z-index: 1;
  width: 100%;
  border-radius: 6.875rem;
}
.pop-wrap.bonus-complete-pop .kv-block .kv-img img::before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 6.875rem;
  box-shadow: 0.375rem 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.4) inset;
}
.pop-wrap.bonus-complete-pop .bonus-wallet-title {
  display: block;
  position: relative;
  bottom: 12.5rem;
  width: 80%;
  height: 4.6875rem;
  margin: 0 10%;
  overflow: hidden;
  background: linear-gradient(to top, #fff 15%, #bacfe7 50%, #fff 70%);
  color: transparent;
  font-family: Impact, Haettenschweiler, Franklin Gothic Bold;
  font-size: 2.25rem;
  line-height: 2.25rem;
  text-overflow: ellipsis;
  -webkit-background-clip: text;
  background-clip: text;
  line-clamp: 2;
  box-orient: vertical;
  -webkit-filter: drop-shadow(0 0.125rem 0.3125rem rgba(0, 0, 0, 0.7));
  filter: drop-shadow(0 0.125rem 0.3125rem rgba(0, 0, 0, 0.7));
}
.pop-wrap.bonus-complete-pop .pop-btn-box {
  position: relative;
  top: 1.5625rem;
  padding: 0 3.125rem;
}
.pop-wrap.bonus-complete-pop .pop-btn-box button {
  height: 2.5rem;
  border: 0;
  line-height: 2.5rem;
}
.casino-lg,
.casino-xs {
  display: inline-block;
  position: relative;
  height: 15.625rem;
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.1s;
  transition: transform 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.1s,
    -webkit-transform 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.1s;
  border-radius: 3px;
}
.casino-lg::before,
.casino-xs::before {
  z-index: 3;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 1px rgba(45, 36, 13, 0.1),
    inset 0 0 10px 0 rgba(255, 255, 255, 0.1);
  pointer-events: none;
}
.casino-lg .img-wrap,
.casino-xs .img-wrap {
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99);
}
.casino-lg .img,
.casino-xs .img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99);
  transition: transform 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99),
    -webkit-transform 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99);
  background: #0b0e17 no-repeat center;
  background-size: cover;
}
.casino-lg .word-wrap,
.casino-xs .word-wrap {
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  background: linear-gradient(0deg, #222843 0, #3e3e3e 100%);
}
.casino-lg .word-wrap h3,
.casino-xs .word-wrap h3 {
  font-size: 22px;
  line-height: 40px;
  position: relative;
  margin-top: -0.625rem;
  color: #c9a33d;
}
.casino-lg .word-wrap h3::before {
  top: 0.3125rem;
  left: -0.9375rem;
}
.casino-lg .word-wrap h3::before,
.casino-xs .word-wrap h3::before {
  z-index: 3;
  width: 0.25rem;
  height: 1.875rem;
  transition: transform 0.5s ease-in 0.1s;
  transition: transform 0.5s ease-in 0.1s, -webkit-transform 0.5s ease-in 0.1s;
  background: #cfac51;
  box-shadow: 0 2px 4px 0 rgba(15, 25, 46, 0.5);
}
.casino-lg .word-wrap p,
.casino-xs .word-wrap p {
  width: 100%;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.9);
}
.casino-lg .word-wrap .btn-default,
.casino-xs .word-wrap .btn-default {
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  bottom: 1.125rem;
  height: 2.1875rem;
  transition: bottom 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.1s,
    box-shadow 0.5s ease-out 0.1s, background-position 0.3s ease-in,
    text-shadow 0.3s ease-in 0.1s;
  line-height: 2.1875rem;
  text-align: center;
}
.casino-lg .rule,
.casino-xs .rule {
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  z-index: 2;
  transition: color 0.3s ease-out;
  color: rgba(255, 255, 255, 0.8);
}
.casino-lg .rule::before,
.casino-xs .rule::before {
  bottom: 0;
  width: 0;
  height: 1px;
  transition: width 0.3s linear 0.1s;
  background: #c9a33d;
}
.casino-lg .rule:hover,
.casino-xs .rule:hover {
  color: #c9a33d;
}
.casino-lg .rule:hover::before,
.casino-xs .rule:hover::before {
  width: 100%;
}
.casino-lg .mask {
  z-index: 2;
}
.casino-lg .mask,
.casino-xs .mask {
  position: absolute;
  left: 0;
  max-height: 130px;
  padding: 0.4375rem;
  overflow: auto;
  overflow-x: hidden;
}
.casino-lg .mask li,
.casino-xs .mask li {
  font-size: 12px;
  line-height: 20px;
  margin: 0 0.3125rem 0.3125rem 0;
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
  transition: transform 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99), opacity 0.5s;
  transition: transform 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99), opacity 0.5s,
    -webkit-transform 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99);
  opacity: 0;
}
.casino-lg .mask li:nth-child(1),
.casino-xs .mask li:nth-child(1) {
  transition-delay: 0.1s;
}
.casino-lg .mask li:nth-child(2),
.casino-xs .mask li:nth-child(2) {
  transition-delay: 0.2s;
}
.casino-lg .mask li:nth-child(3),
.casino-xs .mask li:nth-child(3) {
  transition-delay: 0.3s;
}
.casino-lg .mask li:nth-child(4),
.casino-xs .mask li:nth-child(4) {
  transition-delay: 0.4s;
}
.casino-lg .mask li:nth-child(5),
.casino-xs .mask li:nth-child(5) {
  transition-delay: 0.5s;
}
.casino-lg .mask li:nth-child(6),
.casino-xs .mask li:nth-child(6) {
  transition-delay: 0.6s;
}
.casino-lg .mask li:nth-child(7),
.casino-xs .mask li:nth-child(7) {
  transition-delay: 0.7s;
}
.casino-lg .mask li:nth-child(8),
.casino-xs .mask li:nth-child(8) {
  transition-delay: 0.8s;
}
.casino-lg .mask li:nth-child(9),
.casino-xs .mask li:nth-child(9) {
  transition-delay: 0.9s;
}
.casino-lg .mask li:nth-child(10),
.casino-xs .mask li:nth-child(10) {
  transition-delay: 1s;
}
.casino-lg .play-item,
.casino-xs .play-item {
  position: relative;
  height: 1.5rem;
  padding: 0 0.625rem 0 1.6875rem;
  border-radius: 0.875rem;
  background: #191e32;
  color: #fff;
  line-height: 1.5rem;
}
.casino-lg .play-item::before,
.casino-xs .play-item::before {
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.casino-lg .play-item:hover,
.casino-xs .play-item:hover {
  color: #dabf79;
}

.casino-lg {
  width: 594px;
  margin-right: 0.75rem;
}
.casino-lg:nth-child(even) {
  margin-right: 0;
}
.casino-lg .mask {
  bottom: -42%;
  width: 22.6875rem;
  transition: bottom 0.5s cubic-bezier(0.03, 0.98, 0.52, 0.99);
  background-image: linear-gradient(
    -180deg,
    rgba(9, 13, 26, 0) 0,
    rgba(9, 13, 26, 0.9) 100%
  );
}
.casino-lg .img-wrap {
  width: 22.625rem;
  height: 100%;
}

.casino-lg .word-wrap {
  width: 14.5rem;
  height: 100%;
  padding: 0.9375rem;
}
.casino-lg .word-wrap .rule {
  top: 0.9375rem;
  right: 0.9375rem;
}
.casino-lg .word-wrap h3,
.casino-lg .word-wrap h4 {
  margin-bottom: 0.625rem;
}
.casino-lg .word-wrap .btn-default {
  width: 12.625rem;
}
.casino-lg .word-wrap p {
  height: 6.25rem;
}
.casino-lg:not(.maintenance).active {
  z-index: 5;
}
.casino-lg:not(.maintenance).active .mask {
  bottom: -1px;
}
.casino-lg:not(.maintenance).active .mask li,
.casino-xs:not(.maintenance).active .mask li {
  -webkit-transform: scale(1) translate(0, 0);
  transform: scale(1) translate(0, 0);
  opacity: 1;
}
.casino-lg:not(.maintenance).active .img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  transition: transform 1s cubic-bezier(0.03, 0.98, 0.52, 0.99);
  transition: transform 1s cubic-bezier(0.03, 0.98, 0.52, 0.99),
    -webkit-transform 1s cubic-bezier(0.03, 0.98, 0.52, 0.99);
}
.casino-xs {
  width: 14.5rem;
  margin-right: 0.625rem;
}
.casino-xs:nth-child(5n) {
  margin-right: 0;
}
.casino-xs .mask {
  z-index: 3;
  top: 100%;
}
.casino-xs .img-wrap {
  width: 100%;
  height: 9.375rem;
}

.casino-xs .word-wrap {
  position: absolute;
  z-index: 2;
  bottom: 0;
  height: 6.25rem;
  padding: 0.625rem;
  transition: all 0.3s ease-in;
}
.casino-xs .word-wrap .rule {
  top: 0.625rem;
  right: 0.625rem;
}
.casino-xs .word-wrap h3 {
  margin-bottom: 0.3125rem;
  transition: all 0.3s ease-in;
}
.casino-xs .word-wrap h3::before {
  top: 0.3125rem;
  left: -0.625rem;
}
.casino-xs .word-wrap h4,
.main-wrap-casino .casino-lg .play-item::before {
  display: none;
}
.casino-xs .word-wrap p {
  height: 2.5rem;
}
.casino-xs .word-wrap .btn-default {
  bottom: -40px;
  width: 13.25rem;
}
.casino-xs:not(.maintenance).active {
  z-index: 5;
}
.casino-xs:not(.maintenance).active .mask {
  top: 6.25rem;
  max-height: 92px;
  overflow: hidden;
}
.casino-xs:not(.maintenance).active .img {
  height: 9.375rem;
  -webkit-transform: translate(0, -30%);
  transform: translate(0, -30%);
  transition: transform 0.5s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.1s;
  transition: transform 0.5s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.1s,
    -webkit-transform 0.5s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.1s;
}
.casino-xs:not(.maintenance).active .img-wrap {
  position: absolute;
}
.casino-xs:not(.maintenance).active .word-wrap {
  height: 11.25rem;
  margin-top: 4.375rem;
}
.casino-xs:not(.maintenance).active .word-wrap h3,
.sport-xs:not(.maintenance).active .word-wrap h3 {
  font-size: 15px;
  line-height: 20px;
  margin-top: 0;
}
.casino-xs:not(.maintenance).active .word-wrap h3::before,
.sport-xs:not(.maintenance).active .word-wrap h3::before {
  top: -0.3125rem;
  -webkit-transform: scale(2, 0.7);
  transform: scale(2, 0.7);
}
.casino-xs:not(.maintenance).active .word-wrap p,
.sport-xs:not(.maintenance).active .word-wrap p {
  height: 0;
  opacity: 0;
}
.casino-xs:not(.maintenance).active .word-wrap .btn-default {
  bottom: 0.625rem;
}
.container-1200.casino .casino-banner-lg,
.container-1200.casino .casino-banner-xs,
.container-1200.casino .casino-lg {
  margin-bottom: 0.75rem;
  border-radius: 3px;
}
.container-1200.casino .list-wrap-casino {
  margin-bottom: 0;
}
.container-1200.casino .casino-xs {
  margin-bottom: 0.75rem;
}
.container-1200.casino .casino-banner,
.container-1200.casino .casino-banner-lg,
.container-1200.casino .casino-banner-md,
.container-1200.casino .casino-banner-xs {
  height: 15.625rem;
  transition: box-shadow 0.5s ease-out;
}
.container-1200.casino .casino-banner a,
.container-1200.casino .casino-banner-lg a,
.container-1200.casino .casino-banner-md a,
.container-1200.casino .casino-banner-xs a {
  width: 100%;
  height: 100%;
  transition: background-color 0.5s ease-out;
}
.container-1200.casino .casino-banner-lg:hover a,
.container-1200.casino .casino-banner-md:hover a,
.container-1200.casino .casino-banner-xs:hover a,
.container-1200.casino .casino-banner:hover a {
  background-color: rgba(255, 255, 255, 0.1);
}
.container-1200.casino .casino-banner-lg,
.container-1200.casino .casino-banner-md,
.container-1200.casino .casino-banner-xs {
  background: #0b0e17;
}
.container-1200.casino .casino-banner-xs {
  width: 29.625rem;
}
.container-1200.casino .casino-banner-md {
  width: 37.125rem;
}
.container-1200.casino .casino-banner-lg {
  width: 44.75rem;
}
.main-wrap-casino .casino-lg {
  height: 24.5rem;
}
.main-wrap-casino .casino-lg li {
  -webkit-transform: scale(1) translate(0, 0);
  transform: scale(1) translate(0, 0);
  opacity: 1;
}
.main-wrap-casino .casino-lg .play-item {
  font-size: 14px;
  line-height: 20px;
  height: auto;
  padding: 0.3125rem 0.625rem;
  overflow: hidden;
  text-align: center;
}
.main-wrap-casino .casino-lg .play-item:hover {
  transition: box-shadow 0.3s ease-out;
}
.main-wrap-casino .casino-lg .mask {
  top: 11.875rem;
  right: 0;
  bottom: auto;
  left: auto;
  width: 14.5rem;
  padding: 0 0.9375rem;
  background: 0 0;
}
.main-wrap-casino .casino-lg.active .mask {
  bottom: auto;
}
.maintenance.casino-lg,
.maintenance.casino-xs {
  -webkit-filter: grayscale(30%);
  filter: grayscale(30%);
}
.maintenance.casino-lg .img,
.maintenance.casino-xs .img {
  -webkit-filter: grayscale(70%) saturate(0.7) opacity(0.9);
  filter: grayscale(70%) saturate(0.7) opacity(0.9);
}
.maintenance.casino-lg .icon-maintenance {
  background: linear-gradient(to bottom, #d4b665, #c9a33d);
}
.maintenance.casino-lg .maintenance-inner p {
  height: auto;
  color: #c9a33d;
}
.maintenance.casino-lg .maintenance-box {
  height: 75%;
}
.maintenance.casino-xs .maintenance-box {
  margin-top: 0.625rem;
}
.maintenance.casino-xs .icon-maintenance {
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  margin-right: 0.3125rem;
  background: linear-gradient(to bottom, #aeb5c2, #646b79);
}
.maintenance.casino-xs p,
.maintenance.casino-xs strong {
  display: inline-block;
  color: rgba(255, 255, 255, 0.9);
  vertical-align: middle;
}
.maintenance.casino-xs strong {
  font-size: 0.875rem;
}
.maintenance.casino-xs p {
  width: auto;
  height: auto;
  font-size: 0.75rem;
}
.main-wrap-slotgame-1st .winner-inner h6 i {
  display: none;
}
.main-wrap-slotgame h3 {
  background: #222843;
}
.main-wrap-slotgame .game-wrap,
.main-wrap-slotgame .jackpot-wrap {
  position: relative;
  margin-right: 0.375rem;
  overflow: hidden;
  border-radius: 3px;
}
.main-wrap-slotgame .game-wrap img,
.main-wrap-slotgame .jackpot-wrap img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: transform 0.5s ease-in;
  transition: transform 0.5s ease-in, -webkit-transform 0.5s ease-in;
}
.main-wrap-slotgame .game-wrap p,
.main-wrap-slotgame .jackpot-wrap p {
  font-size: 12px;
  line-height: 20px;
  padding-left: 1.0625rem;
  color: rgba(255, 255, 255, 0.5);
}
.main-wrap-slotgame .game-wrap p span,
.main-wrap-slotgame .jackpot-wrap p span {
  margin-left: 0.3125rem;
}

.main-wrap-slotgame .game-wrap h4,
.main-wrap-slotgame .game-wrap h5,
.main-wrap-slotgame .jackpot-wrap h4,
.main-wrap-slotgame .jackpot-wrap h5,
.main-wrap-slotgame .more a:hover,
.main-wrap-slotgame-1st .slot-tab li.active,
.main-wrap-slotgame-1st .slot-tab li:hover,
.maintenance.casino-lg .maintenance-inner strong {
  color: #c9a33d;
}
.main-wrap-slotgame .jackpot-wrap {
  width: 11.875rem;
  height: 18.9375rem;
}
.main-wrap-slotgame .jackpot-inner {
  position: absolute;
  z-index: 2;
  bottom: 0.1875rem;
  left: 0.1875rem;
  width: 11.5rem;
  height: 4.75rem;
  padding: 0.3125rem 0.4375rem 0;
  border-radius: 3px;
  background: #a5852e;
}
.main-wrap-slotgame .jackpot-inner .tag {
  top: -1.375rem;
  right: 0.1875rem;
}
.main-wrap-slotgame .jackpot-inner h4,
.main-wrap-slotgame .jackpot-inner h5 {
  width: 100%;
  height: 1.25rem;
  overflow: hidden;
  color: #fff;
  letter-spacing: 0.0625rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  line-height: 20px;
}
.main-wrap-slotgame .jackpot-inner h5 {
  font-size: 12px;
  margin-bottom: 0.3125rem;
}
.main-wrap-slotgame .jackpot-inner p {
  color: rgba(255, 255, 255, 0.5);
}
.main-wrap-slotgame .game-wrap {
  width: 11.875rem;
  height: 9.25rem;
  margin-bottom: 0.4375rem;
}
.main-wrap-slotgame .game-wrap .game-inner {
  position: absolute;
  z-index: 2;
  bottom: 0;
  width: 100%;
  height: 4.625rem;
  background-image: linear-gradient(
    -180deg,
    rgba(9, 4, 32, 0) 0,
    rgba(9, 4, 32, 0.9) 79%
  );
}
.main-wrap-slotgame .game-wrap .game-group {
  position: relative;
  padding: 1.875rem 0.625rem 0.625rem;
}
.main-wrap-slotgame .game-wrap .game-group h4 {
  margin-bottom: 0.0625rem;
}
.main-wrap-slotgame .game-wrap .game-group p::before {
  left: 0.625rem;
}
.games-container .games-icon .favorite.active::before,
.games-container .games-icon .favorite:hover::before,
.main-wrap-slotgame .game-wrap:hover .mask,
.main-wrap-slotgame .jackpot-wrap:hover .mask {
  opacity: 1;
}
.games-container .games-icon:hover .mask .mask-btn-wrap,
.main-wrap-slotgame .game-wrap:hover .mask .mask-btn-wrap,
.main-wrap-slotgame .jackpot-wrap:hover .mask .mask-btn-wrap {
  padding-top: 0;
}
.main-wrap-slotgame .game-wrap:hover img,
.main-wrap-slotgame .jackpot-wrap:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.main-wrap-slotgame .more {
  width: 100%;
  height: 1.6875rem;
  padding-right: 10px;
  background: #222843;
  line-height: 1.6875rem;
  text-align: right;
}
.main-wrap-slotgame .more a {
  font-size: 12px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.9);
}
.main-wrap-slotgame .jackpot-wrap.jackpot-slider {
  margin: 4px 6px 0;
}
.main-wrap-slotgame .jackpot-wrap.jackpot-slider .slotgame-jackpot-banner {
  position: relative;
  width: 100%;
  line-height: 0;
}
.main-wrap-slotgame .jackpot-wrap.jackpot-slider .banner {
  height: 303px;
  background: no-repeat center;
  background-size: cover;
}
.games-container .games-icon img,
.main-wrap-slotgame .jackpot-wrap.jackpot-slider .banner a {
  width: 100%;
  height: 100%;
}
.main-wrap-slotgame .jackpot-wrap.jackpot-slider .flex-control-nav,
.main-wrap-slotgame .jackpot-wrap.jackpot-slider .slick-dots {
  bottom: 10px;
}
.main-wrap-slotgame .slotgame-inner {
  padding: 0.25rem 0 0 0.375rem;
}
.main-wrap-slotgame-1st .main-wrap-slotgame {
  position: relative;
  width: 100%;
  height: auto;
}
.main-wrap-slotgame-1st .slot-tab {
  position: absolute;
  z-index: 4;
  right: 0;
}
.main-wrap-slotgame-1st .slot-tab li {
  font-size: 14px;
  line-height: 20px;
  position: relative;
  height: 3.125rem;
  padding: 0 1.25rem;
  color: rgba(255, 255, 255, 0.7);
  line-height: 3.125rem;
  cursor: pointer;
}
.main-wrap-slotgame-1st .slot-tab li::after {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  transition: height 0.2s linear, color 0.3s ease-in;
  background: #c9a33d;
}
.main-wrap-slotgame-1st .slot-tab li.active::after,
.main-wrap-slotgame-1st .slot-tab li:hover::after {
  height: 0.1875rem;
}
.main-wrap-slotgame-1st .slotgame-inner {
  width: 61.625rem;
}
.main-wrap-slotgame-1st .slotgame-inner.no-jackpot {
  width: 49.375rem;
}
.main-wrap-slotgame-1st .slotgame-inner.no-jackpot .game-wrap {
  margin-right: 6px;
}
.main-wrap-slotgame-1st .jackpot-winner-wrap {
  position: relative;
  width: 13.375rem;
  height: 19.375rem;
  padding: 0.25rem 0.375rem 0.25rem 0;
  overflow: hidden;
}
.main-wrap-slotgame-1st .jackpot-winner-wrap::after,
.main-wrap-slotgame-1st .jackpot-winner-wrap::before {
  z-index: 2;
  width: 100%;
  height: 20px;
}
.main-wrap-slotgame-1st .jackpot-winner-wrap::before {
  top: 0;
  background: linear-gradient(180deg, #090d1a 0, rgba(9, 13, 26, 0) 67%);
}
.main-wrap-slotgame-1st .jackpot-winner-wrap::after {
  bottom: 0;
  background: linear-gradient(0deg, #090d1a 0, rgba(9, 13, 26, 0) 67%);
}
.main-wrap-slotgame-1st .winner-inner,
.top-nav-wrap .top-nav-inner {
  position: relative;
  height: 100%;
}
.main-wrap-slotgame-1st .winner-inner li {
  position: relative;
  width: 100%;
  margin-bottom: 0.375rem;
  padding: 0.4375rem;
  border-radius: 0.1875rem;
  background: #252c4a;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  line-height: 0;
  border-radius: 3px;
}
.main-wrap-slotgame-1st .winner-inner li.active {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  opacity: 0;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.main-wrap-slotgame-1st .winner-inner h4,
.main-wrap-slotgame-1st .winner-inner h5 {
  font-size: 12px;
  line-height: 20px;
  color: #f2f2f2;
}
.main-wrap-slotgame-1st .winner-inner h4 span,
.main-wrap-slotgame-1st .winner-inner h5 span {
  margin-left: 0.1875rem;
}
.main-wrap-slotgame-1st .winner-inner h5 span {
  font-size: 15px;
  line-height: 20px;
  color: #c9a33d;
}
.main-wrap-slotgame-1st .winner-inner h6 {
  display: inline-block;
  width: 67%;
  color: #f2f2f2;
}
.main-wrap-slotgame-1st .winner-inner h6 span {
  display: inline-block;
  width: 84%;
  line-height: 1.2;
  vertical-align: top;
}
.main-wrap-slotgame-1st .winner-inner a {
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  right: 0.4375rem;
  bottom: 0.4375rem;
  padding: 0.125rem 0.6875rem;
  border-radius: 3px;
  background: #b99533;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1),
    inset 0 1px 3px 0 rgba(240, 229, 201, 0.5);
  color: #fff;
}
.main-wrap-slotgame-1st .winner-inner a:hover {
  background: #a5852e;
}
.main-wrap-slotgame-1st .jackpot-wrap.jackpot-slider {
  margin: 4px 0 0 6px;
}
.main-wrap-slotgame-1st .jackpot-wrap.jackpot-slider .banner {
  background: no-repeat center;
  background-size: cover;
}
.main-wrap-slotgame-1st .jackpot-wrap.jackpot-slider .flex-control-nav {
  bottom: 10px;
}
.top-nav-wrap {
  width: 100%;
  height: 3.5625rem;
  background: #fff;
  text-align: center;
}
.top-nav-wrap .top-nav-inner {
  display: inline-block;
  width: 75rem;
  text-align: right;
}
.search-wrap {
  position: absolute;
  top: 10.5px;
  left: 25.25rem;
}
.search-wrap input:-webkit-autofill,
.search-wrap input:-webkit-autofill:focus,
.search-wrap input:-webkit-autofill:hover,
.search-wrap select:-webkit-autofill,
.search-wrap select:-webkit-autofill:focus,
.search-wrap select:-webkit-autofill:hover,
.search-wrap textarea:-webkit-autofill,
.search-wrap textarea:-webkit-autofill:focus,
.search-wrap textarea:-webkit-autofill:hover {
  -webkit-transition: background-color 9000s ease-in-out;
  transition: background-color 9000s ease-in-out;
  box-shadow: 0 0 0 1000px #f2f2f2 inset;
  -webkit-text-fill-color: #c9a33d !important;
}

.search-wrap input {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  padding: 0.4375rem 0.625rem;
  transition: background 0.3s ease-in-out 0.1s, box-shadow 0.5s ease-in-out,
    border 0.3s ease-in-out 0.1s;
  border-radius: 5px;
  border-color: transparent;
  outline: 0;
  background: #f2f2f2;
  box-shadow: 0 0.125rem 0.3125rem #e6e6e6 inset;
  color: #c9a33d;
  letter-spacing: 1px;
  vertical-align: middle;
}
.search-wrap input::-webkit-input-placeholder {
  -webkit-transition: opacity 0.5s ease-in-out, color 0.3s ease-in-out,
    -webkit-transform 0.3s ease-in-out 0.1s;
  transition: transform 0.3s ease-in-out 0.1s, opacity 0.5s ease-in-out,
    color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out 0.1s, opacity 0.5s ease-in-out,
    color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out 0.1s;
  color: rgba(0, 0, 0, 0.4);
}
.search-wrap input::-moz-placeholder {
  -moz-transition: transform 0.3s ease-in-out 0.1s, opacity 0.5s ease-in-out,
    color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out 0.1s, opacity 0.5s ease-in-out,
    color 0.3s ease-in-out;
  color: rgba(0, 0, 0, 0.4);
}
.search-wrap input::placeholder {
  transition: transform 0.3s ease-in-out 0.1s, opacity 0.5s ease-in-out,
    color 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out 0.1s, opacity 0.5s ease-in-out,
    color 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out 0.1s;
  color: rgba(0, 0, 0, 0.4);
}
.search-wrap input:focus,
.search-wrap input:hover {
  border: 1px solid #c9a33d;
}
.search-wrap input:focus::-webkit-input-placeholder,
.search-wrap input:hover::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.search-wrap input:focus::-moz-placeholder,
.search-wrap input:hover::-moz-placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.search-wrap input:focus::placeholder,
.search-wrap input:hover::placeholder {
  color: rgba(0, 0, 0, 0.6);
}
.search-wrap input:focus::-webkit-input-placeholder {
  -webkit-transform: translate(10px, 0);
  transform: translate(10px, 0);
  opacity: 0;
}
.search-wrap input:focus::-moz-placeholder {
  transform: translate(10px, 0);
  opacity: 0;
}
.search-wrap input:focus::placeholder {
  -webkit-transform: translate(10px, 0);
  transform: translate(10px, 0);
  opacity: 0;
}
.sort-wrap {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  height: 3.5625rem;
  color: rgba(0, 0, 0, 0.7);
}
.sidenav-wrap {
  position: relative;
  width: 24.5rem;
  margin: 0.75rem 0.75rem 0 0;
  border-radius: 5px;
  background: #a5852e;
}
.sidenav-wrap .dragon-left,
.sidenav-wrap .dragon-top {
  position: absolute;
  pointer-events: none;
}

.featured-game-wrap h3,
.filter-game-wrap h3 {
  width: 100%;
  height: 3.125rem;
  padding: 0 0 0 0.9375rem;
  font-size: 14px;
  background-image: linear-gradient(-180deg, #c9a33d 0, #7d6523 100%);
  box-shadow: 0 0.125rem 0 0#554518;
  color: #f2f2f2;
  line-height: 3.125rem;
}
.featured-game-wrap {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-radius: 5px 5px 0 0;
}
.featured-game-btn-group {
  width: 100%;
  padding-bottom: 0.6875rem;
  white-space: nowrap;
}
.featured-game-btn-group li {
  width: 33.3333%;
  text-align: center;
}
.featured-game-btn-group li p {
  font-size: 14px;
  line-height: 20px;
  color: #f2f2f2;
}
.featured-game-btn-group li a span {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
}
.featured-game-btn-group li a:hover .icon-new {
  -webkit-transform: scale(0.98);
  transform: scale(0.98);
}
.featured-game-btn-group li a:hover .icon-new::before {
  -webkit-animation-name: buzz-out;
  animation-name: buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.featured-game-btn-group .icon-3d,
.featured-game-btn-group .icon-jackpot,
.featured-game-btn-group .icon-new {
  position: relative;
  display: inline-block;
  width: 4.5rem;
  height: 4.5rem;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  margin-top: 1.125rem;
  border-radius: 0.1875rem;
  background-image: linear-gradient(-220deg, #effcfe 14%, #90908f 100%);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5),
    inset 0 0 6px 1px rgba(255, 255, 255, 0.5);
}

.featured-game-btn-group .icon-3d,
.featured-game-btn-group .icon-jackpot {
  background-image: linear-gradient(-220deg, #facf51 14%, #7e0200 100%);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.3),
    inset 0 0 6px 1px rgba(255, 221, 133, 0.5);
}

.featured-game-btn-group .icon-jackpot {
  background-image: linear-gradient(-220deg, #faec7f 14%, #6c490d 100%);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.2),
    inset 0 0 6px 1px #fcf49c;
}

.filter-game-wrap {
  position: relative;
}
.filter-game-wrap .filter-clear-btn {
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  top: 0.5625rem;
  right: 0.9375rem;
  padding: 0.25rem 0.625rem;
  transition: color 0.3s ease-in-out, text-shadow 0.3s ease-in-out;
  border: 2px solid #cfac51;
  border-radius: 1rem;
  background: #c9a33d;
  box-shadow: 0 0 3px 0#e5d2a1, inset 0 2px 4px 0 rgba(125, 101, 35, 0.5);
  color: #fff;
  letter-spacing: 0;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.filter-game-wrap .filter-clear-btn:hover {
  color: #c9a33d;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
}
.select-platform-wrap {
  margin-top: 2px;
  border-radius: 0 0 5px 5px;
  overflow: hidden;
}
.select-platform-wrap h4 {
  font-size: 12px;
  line-height: 20px;
  position: relative;
  width: 100%;
  height: 1.875rem;
  padding: 0 0 0 0.9375rem;
  background: #7d6523;
  color: #fff;
  line-height: 1.875rem;
}
.select-platform-wrap h4::before {
  top: 0.8125rem;
  right: 0.9375rem;
  width: 0;
  height: 0;
  border-width: 4px 3.5px 0;
  border-style: solid;
  border-color: #fff transparent transparent;
}
.select-platform-wrap li {
  position: relative;
  width: 50%;
}
.select-platform-wrap li input {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.select-platform-wrap li label {
  display: block;
  position: relative;
  width: 100%;
  height: 2.75rem;
  overflow: hidden;
  transition: background 0.3s ease-out 0.1s, box-shadow 0.5s ease-in 0.1s;
}
.select-platform-wrap li .check-cube,
.select-platform-wrap li .radio-cube {
  display: inline-block;
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.9375rem;
  overflow: hidden;
  transition: transform 0.3s ease-out 0.1s, background 0.3s ease-in 0.1s;
  transition: transform 0.3s ease-out 0.1s, background 0.3s ease-in 0.1s,
    -webkit-transform 0.3s ease-out 0.1s;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 2px 3px 0 rgba(0, 0, 0, 0.05),
    0 3px 4px 0 rgba(0, 0, 0, 0.05);
  vertical-align: middle;
}
.select-platform-wrap li .radio-cube {
  border-radius: 100%;
}

.select-platform-wrap li .radio-cube::before {
  -webkit-transform: translate(0, 0) scale(0);
  transform: translate(0, 0) scale(0);
  border-radius: 100%;
  background: #fff;
}
.select-platform-wrap li .name {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  width: calc(100% - 55px);
  margin-left: 0.75rem;
  overflow: hidden;
  -webkit-transform-origin: left center;
  transform-origin: left center;
  transition: all 0.3s ease-out 0.1s;
  color: #fff;
  line-height: 2.75rem;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.select-platform-wrap li .game-logo {
  display: block;
  position: absolute;
  top: 0;
  right: -9.3125rem;
  width: 9.3125rem;
  height: 44px;
  transition: all 0.3s ease-out 0.1s;
  background: no-repeat;
  background-position: left center;
  background-size: 149px 44px;
}
.select-platform-wrap li input:checked + label .name {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  color: linear-gradient(180deg, #d4b665 0%, #a56c0b 100%);
}
.select-platform-wrap li input:checked + label .check-cube,
.select-platform-wrap li input:checked + label .radio-cube {
  background: #7d6523;
}
.select-platform-wrap li input:checked + label .radio-cube::before {
  -webkit-transform: translate(0, 0) scale(0.6);
  transform: translate(0, 0) scale(0.6);
}
.select-platform-wrap li:not(.maintenance):hover label {
  z-index: 1;
  background: linear-gradient(180deg, #d4b665 0, #a56c0b 100%);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.select-platform-wrap li:not(.maintenance):hover label .game-logo {
  right: 0;
}
.select-platform-wrap li:not(.maintenance):hover label .name {
  -webkit-transform: translate(0, -20px);
  transform: translate(0, -20px);
  opacity: 0;
}
.select-platform-wrap li:not(.maintenance):hover label.btn-gametype .name {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
  color: #fff;
}
.select-platform-wrap .maintenance .check-cube {
  background: #ffbf44;
}

.games-container {
  width: 49.75rem;
}
.games-container,
.games-container .total-games-group,
.games-container .week-top-game-wrap {
  position: relative;
}
.games-container .total-award-wrap {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 10.1875rem;
  margin-top: 0.625rem;
  background: no-repeat center;
}
.games-container .total-award-wrap .tag {
  z-index: 2;
  left: 7.75rem;
  width: 8.75rem;
  height: 3.25rem;
  -webkit-filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 8px 10px rgba(0, 0, 0, 0.5));
}
.games-container .total-award-wrap .money-left,
.games-container .total-award-wrap .money-right {
  position: absolute;
  z-index: 2;
  pointer-events: none;
}


.games-container .total-award-wrap .money {
  position: absolute;
  top: 3rem;
  right: 4.375rem;
  height: 61px;
  font-size: 50px;
  font-weight: 600;
  letter-spacing: -2px;
  text-align: right;
}
.games-container .total-award-wrap .money i,
.games-container .total-award-wrap .money span {
  display: inline-block;
  background: linear-gradient(180deg, #ffee43 0, #fe9035 100%);
  line-height: 61px;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.5));
}
.games-container .total-award-wrap .money i {
  margin-right: 5px;
  font-size: 30px;
  letter-spacing: 0;
}
.games-container .total-games-group {
  z-index: 2;
  width: 100%;
}
.games-container .games-slide a,
.games-container .total-games-group a {
  padding: 0 5%;
}
.games-container .games-icon {
  position: relative;
  width: 11.875rem;
  height: 8.875rem;
  margin: 0 0.75rem 0.75rem 0;
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 2px 2px 0 rgba(45, 45, 45, 0.1),
    0 4px 4px 0 rgba(49, 49, 49, 0.1), 0 8px 8px 0 rgba(42, 42, 42, 0.1),
    0 16px 16px 0 rgba(32, 32, 32, 0.1);
}
.games-container .games-icon:nth-child(4n) {
  margin-right: 0;
}
.games-container .games-icon .favorite,
.games-container .games-icon .game-group,
.games-container .games-icon .game-inner,
.games-container .games-icon .mask,
.games-container .games-icon .tag {
  position: absolute;
}
.games-container .games-icon .mask {
  z-index: 6;
}
.games-container .games-icon .game-inner {
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(0deg, #000 -20%, transparent 40%);
  box-shadow: inset 0 0 0 1px rgba(69, 108, 204, 0.2),
    inset 0 0 10px 0 rgba(255, 255, 255, 0.1);
}
.games-container .games-icon .game-inner::before {
  z-index: 3;
  height: 6px;
  background-image: linear-gradient(
    0deg,
    rgba(109, 140, 215, 0.2) 0,
    transparent 100%
  );
}
.games-container .games-icon .game-inner::after {
  z-index: 2;
  height: 3.375rem;
  background-image: linear-gradient(
    0deg,
    rgba(48, 84, 174, 0.5) 2%,
    transparent 100%
  );
}
.games-container .games-icon .game-inner::after,
.games-container .games-icon .game-inner::before {
  left: 0;
  bottom: 0;
  width: 100%;
}
.games-container .games-icon .game-group {
  z-index: 4;
  bottom: 0;
  width: 100%;
  padding: 0 15px 10px;
}
.games-container .games-icon h4,
.games-container .games-icon p {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  line-height: 20px;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.games-container .games-icon p {
  color: #fff;
  font-size: 12px;
}

.games-container .games-icon p span {
  margin-left: 0.3125rem;
}

.games-container .games-icon .tag {
  font-size: 12px;
  line-height: 20px;
  z-index: 5;
  top: 0.3125rem;
  left: 0.3125rem;
  padding: 0.0625rem 0.375rem 0;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5),
    inset 0 1px 3px 0 rgba(255, 255, 255, 0.2);
  color: #fff;
}
.games-container .games-icon .tag.hot {
  background: #a62323;
}

.games-container .games-icon .tag.new {
  background: #2371a6;
}
.games-container .games-icon:hover .mask {
  opacity: 1;
}
.content.no-sidenav .top-subnav-wrap {
  display: block;
}
.content .top-subnav-wrap,
.content.no-sidenav .sidenav-wrap {
  display: none;
}
.content.no-sidenav .search-wrap {
  left: 0;
}
.content.no-sidenav .total-award-wrap {
  margin-top: 1.5625rem;
}
.content.no-sidenav .total-award-wrap .tag {
  left: 50%;
  -webkit-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px);
}
.content.no-sidenav .total-games-group li:nth-child(4n) {
  margin-right: 0.75rem;
}
.content.no-sidenav .total-games-group li:nth-child(6n) {
  margin-right: 0;
}
.content.no-sidenav .total-games-group .btn-default-xs {
  padding: 0 5%;
}
.content.no-sidenav .games-container {
  width: 100%;
}
.content.no-sidenav .games-container .total-award-wrap {
  width: 50.5rem;
}
.content.no-sidenav .games-container .week-top-game-wrap {
  display: block;
}
.content.no-sidenav.week-col-2 .games-container {
  width: 100%;
}
.content.no-sidenav.week-col-2 .games-container .total-award-wrap {
  width: 43.75rem;
  background-size: contain;
}
.content.no-sidenav.week-col-2 .games-container .total-award-wrap .money {
  font-size: 1.625rem;
}
.content.no-sidenav.week-col-2 .games-container .week-top-game-wrap {
  display: block;
}
.games-container .week-top-game-wrap .games-icon:nth-child(4n) {
  margin-right: 0.75rem;
}
.top-subnav-inner {
  display: inline-block;
  position: relative;
  width: 75rem;
  height: 2.75rem;
}
.top-subnav-inner .select-platform-wrap {
  margin-top: 0;
  text-align: left;
}
.top-subnav-inner .select-platform-wrap li {
  width: 9.375rem;
  cursor: pointer;
}
.top-subnav-inner
  .select-platform-wrap
  li:not(.maintenance):hover
  label
  .game-logo {
  right: -1.25rem;
}
.top-subnav-inner .select-platform-wrap .game-logo {
  right: -7.8125rem;
  width: 7.8125rem;
  height: 44px;
  background-size: 120px 35px;
}
.top-subnav-inner .btn-select-more {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 2.75rem;
  width: auto;
  padding: 0 2.5rem;
  z-index: 10;
}
.select-wrap-expand {
  background: rgba(0, 0, 0, 0.2);
}
.select-wrap-expand .btn-select-more,
.select-wrap-expand h4 {
  position: relative;
  width: 100%;
  height: 1.875rem;
  line-height: 1.875rem;
}
.select-wrap-expand h4 {
  padding: 0 0 0 0.9375rem;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 14px;
  text-align: left;
}
.select-wrap-expand .btn-select-more {
  text-align: center;
}
.top-subnav-wrap {
  width: 100%;
  height: 2.75rem;
  background-image: linear-gradient(0deg, #c9a33d, #a5852e 100%);
  text-align: center;
}
.top-subnav-wrap .select-wrap-expand {
  display: none;
}
.top-subnav-wrap.active {
  display: block;
  height: 100%;
}
.top-subnav-wrap.active .top-subnav-inner {
  height: 100%;
}
.top-subnav-wrap.active .select-wrap-expand {
  display: block;
}
.top-subnav-wrap.active .select-wrap-collapse {
  display: none;
}
.week-top-game-wrap {
  display: none;
  position: relative;
  width: 24.5rem;
  height: 12.5rem;
  margin-top: 0.75rem;
  text-align: center;
}
.week-top-game-wrap .games-slide {
  display: inline-block;
  width: 11.875rem;
  height: 8.875rem;
}
.week-top-game-wrap .games-slide .slides {
  height: 8.875rem;
  overflow: hidden;
}
.week-top-game-wrap .games-slide .flex-viewport {
  border-radius: 3px;
  z-index: 2;
}
.week-top-game-wrap .games-icon {
  float: none;
  text-align: left;
  box-shadow: 0 0 0 transparent;
}

.week-top-game-wrap .week-top-title .period {
  position: absolute;
  bottom: 1.5625rem;
  left: 0;
  width: 100%;
  color: #000;
  font-size: 1.125rem;
  font-weight: 700;
}
.week-top-game-wrap .money-1,
.week-top-game-wrap .money-2,
.week-top-game-wrap .money-3 {
  position: absolute;
  pointer-events: none;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}

.week-top-game-wrap .navigation a.flex-next {
  right: 0;
}
.week-top-game-wrap .navigation a.flex-next:hover {
  -webkit-transform: scale(0.95) translateX(-3px);
  transform: scale(0.95) translateX(-3px);
}
.week-top-game-wrap .navigation a.flex-prev {
  left: 0;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.week-top-game-wrap .navigation a.flex-prev:hover {
  -webkit-transform: scaleX(-0.95) scaleY(0.95) translateX(-3px);
  transform: scaleX(-0.95) scaleY(0.95) translateX(-3px);
}
.week-top-game-wrap .navigation a.flex-next,
.week-top-game-wrap .navigation a.flex-prev {
  position: absolute;
  top: 0;
}
.week-top-game-wrap.col-2 {
  width: 31.25rem;
}
.week-top-game-wrap.col-2 .games-slide {
  width: 25rem;
}
.week-top-game-wrap.col-2 .games-icon .games-icon-col2 {
  position: relative;
  float: left;
  width: calc(50% - 0.75rem);
  margin: 0 0.75rem 0.75rem 0;
}
.week-top-game-wrap.col-2 .money-1 {
  right: 1.25rem;
}
.week-top-game-wrap.col-2 .money-2 {
  right: -0.625rem;
}
.week-top-game-wrap.col-2 .money-3 {
  left: 0.9375rem;
}
.total-games-group {
  margin-top: 1.875rem;
}
.total-award-wrap + .total-games-group {
  margin-top: 0.3125rem;
}
.promotion-nav {
  width: 100%;
  padding: 0.75rem 0;
  background: #3b4776;
  text-align: center;
}
.promotion-nav > ul {
  display: inline-block;
  width: 75rem;
}
.promotion-nav > ul li,
.sport-nav-wrap ul li {
  padding-right: 0.6875rem;
}
.promotion-nav > ul li:last-child,
.sport-nav-wrap ul li:last-child {
  padding-right: 0;
}
.promotion-nav > ul li .active {
  border: 1px solid #c9a33d;
  box-shadow: none;
  color: #fff;
  line-height: 30px;
}
.promotion-nav.fixed {
  position: fixed;
  z-index: 999;
  top: 174px;
  left: 0;
}
.promotion-card-wrap {
  padding: 0.75rem 0 0;
}
.promotion-card .img-wrap {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 13.625rem;
  overflow: hidden;
  border-radius: 0.1875rem 0.1875rem 0 0;
}
.promotion-card .img-wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.promotion-card .explanation-wrap {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 145px;
  padding: 0.4375rem 0.75rem 0.625rem;
  background: #fff;
}

.promotion-card .explanation-wrap .tag {
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  top: 0.875rem;
  right: 0.75rem;
  padding: 0.125rem 0.4375rem;
  border: 1px solid #c9a33d;
  border-radius: 2px;
  color: #c9a33d;
  z-index: 2;
}
.promotion-card .explanation-wrap h3,
.promotion-card .explanation-wrap > p {
  z-index: 2;
}
.promotion-card .explanation-wrap h3 {
  font-size: 22px;
  line-height: 40px;
  width: 70%;
  color: #353535;
}
.promotion-card .explanation-wrap h3::before {
  top: 0.75rem;
  left: -0.125rem;
  width: 0.25rem;
  height: 1.875rem;
  background-image: linear-gradient(0deg, #c9a33d 3%, #d4b665 100%);
  box-shadow: 0 2px 4px 0 rgba(15, 25, 46, 0.5);
}
.promotion-card .explanation-wrap > p {
  color: rgba(0, 0, 0, 0.8);
}
.promotion-card .explanation-wrap .text {
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  min-height: 20px;
  margin-bottom: 0.1875rem;
}
.promotion-card .explanation-wrap .time {
  font-size: 12px;
  line-height: 20px;
  width: 100%;
  min-height: 15px;
  margin-bottom: 0.625rem;
  letter-spacing: 0.5px;
  line-height: 0.9375rem;
}

.promotion-big-card .time span,
.promotion-card .explanation-wrap .time span {
  margin-right: 5px;
}
.promotion-big-card .time span:last-child,
.promotion-card .explanation-wrap .time span:last-child {
  margin-left: 5px;
}
.promotion-card .explanation-wrap a {
  margin-right: 0.75rem;
}
.promotion-card .card-inner {
  margin: 0 0.375rem 0.75rem;
  overflow: hidden;
  border-radius: 3px;
}
.promotion-card li {
  width: 50%;
}
.promotion-card li.disable .tag {
  border-color: rgba(77, 77, 77, 0.5);
  background-color: rgba(77, 77, 77, 0.5);
  color: #b3b3b3;
}
.promotion-card li.disable h3 {
  color: #404040;
}
.promotion-card li.disable img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.promotion-card.three li {
  width: 33.33%;
}
.promotion-card.three .img-wrap {
  height: 10rem;
}
.promotion-card.three .explanation-wrap h3 {
  font-size: 16px;
  line-height: 40px;
}
.promotion-subnav {
  position: fixed;
  z-index: 3;
  top: 12.5rem;
  right: -10%;
  transition: right 0.5s ease-in-out, opacity 0.5s ease-in 0.1s;
  opacity: 0;
}
.promotion-subnav.active {
  right: 10%;
  opacity: 1;
}
.promotion-subnav li {
  display: block;
  width: 4.375rem;
  height: 4.375rem;
  margin-bottom: 10px;
  border-radius: 10px;
  background: linear-gradient(-90deg, #d4b665 1%, #a5852e 74%);
  box-shadow: 0 1px 2px 0 rgba(6, 8, 15, 0.3),
    inset 0 0 4px 1px rgba(255, 255, 255, 0.5);
}
.promotion-subnav li p {
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px #554518;
}
.promotion-subnav li a {
  width: 100%;
  height: 100%;
  transition: box-shadow 0.5s ease-in-out;
  border-radius: 10px;
}
.promotion-subnav li a i {
  display: block;
  width: 100%;
  height: 2.5rem;
  margin-top: 5px;
  background: no-repeat center;
  background-size: 46px auto;
}

.promotion-subnav li a:hover {
  box-shadow: 0 2px 2px 0 rgba(165, 133, 46, 0.1),
    0 4px 4px 0 rgba(165, 133, 46, 0.1), 0 8px 8px 0 rgba(165, 133, 46, 0.1),
    0 16px 16px 0 rgba(165, 133, 46, 0.1), 0 32px 32px 0 rgba(165, 133, 46, 0.1);
}
.promotion-big-card {
  padding: 3.5625rem 0 0.75rem 2rem;
}
.promotion-big-card ul {
  position: relative;
  padding-top: 2.5rem;
}
.promotion-big-card ul::after,
.promotion-big-card ul::before {
  z-index: 1;
  left: 50%;
  width: 1px;
  -webkit-transform: translate(-91px, 0);
  transform: translate(-91px, 0);
}
.promotion-big-card ul::before {
  top: 0;
  height: 100%;
  background: #7d6523;
}
.promotion-big-card ul::after {
  bottom: 0;
  height: 80px;
  background-image: linear-gradient(180deg, #7d6523 0, #464646 100%);
}
.promotion-big-card li {
  position: relative;
  z-index: 2;
  width: 61.75rem;
  margin-bottom: 4.4375rem;
}
.promotion-big-card .stamp {
  position: absolute;
  right: 1.25rem;
  bottom: 1.25rem;
  width: 6.625rem;
  height: 6.625rem;
  background: no-repeat center;
}
.promotion-big-card .top-tag {
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  top: -2.5rem;
  left: 50%;
  padding: 0.125rem 0.5rem;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  border-radius: 2px;
  background: #a5852e;
  color: #f2f2f2;
  font-weight: 700;
}
.promotion-big-card .img-wrap {
  width: 14.375rem;
  height: 14.375rem;
}
.promotion-big-card .img-wrap img {
  width: 100%;
  height: 100%;
}
.promotion-big-card .money-wrap {
  position: relative;
  width: 100%;
  padding: 1.25rem 1.5625rem;
  border-radius: 0 0 0.1875rem 0.1875rem;
  background-image: linear-gradient(0deg, #7d6523 0, #c9a33d 74%);
  text-align: center;
}

.promotion-big-card .money-wrap h3 {
  margin-bottom: 1.25rem;
  color: #fff;
  font-size: 42px;
  line-height: 42px;
}
.promotion-big-card .money-wrap h3.number {
  margin: 0.625rem 0;
  font-size: 70px;
}
.promotion-big-card .money-wrap h3.number i {
  font-size: 20px;
  font-weight: 700;
}
.promotion-big-card .money-wrap .subtext {
  font-size: 14px;
  line-height: 20px;
  display: block;
  width: 100%;
  margin-bottom: 1.25rem;
  padding: 0.25rem 0.5625rem;
  border-radius: 1.125rem;
  background: rgba(85, 69, 24, 0.5);
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  color: #f2f2f2;
}
.promotion-big-card .money-wrap a {
  width: 100%;
}
.promotion-big-card .title-wrap {
  color: #fff;
  text-align: left;
}
.promotion-big-card .tag,
.promotion-big-card .time {
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  right: 1.25rem;
  text-align: right;
}
.promotion-big-card .tag {
  top: 1.4375rem;
  padding: 0.125rem 0.4375rem;
  border: 1px solid #c9a33d;
  border-radius: 2px;
  color: #c9a33d;
}
.promotion-big-card .time {
  display: inline-block;
  top: 3.5625rem;
  margin-bottom: 0.625rem;
  color: rgba(0, 0, 0, 0.8);
  letter-spacing: 0.5px;
  line-height: 0.9375rem;
}

.promotion-big-card .text-wrap {
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  height: 16.25rem;
  margin-bottom: 1.25rem;
  overflow: hidden;
  transition: all 0.5s ease-out;
  color: rgba(0, 0, 0, 0.6);
  text-align: left;
}
.promotion-big-card .text-wrap.heightAuto {
  height: auto;
}
.promotion-big-card .btn-more {
  font-size: 12px;
  line-height: 20px;
  padding: 0.25rem 0.5625rem 0.3125rem 0.5rem;
  transition: background 0.3s ease-out, box-shadow 0.5s ease-in;
  border-radius: 0.9375rem;
  background: #7d6523;
  color: #fff;
}

.promotion-big-card .btn-more:hover {
  background: #a5852e;
  box-shadow: 0 10px 20px rgba(65, 53, 18, 0.4),
    0 20px 30px rgba(65, 53, 18, 0.3);
  color: #d4b665;
}
.promotion-big-card .btn-more.open::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.promotion-big-card .left {
  display: inline-block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 14.375rem;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
}
.promotion-big-card .right {
  position: relative;
  width: 54.5625rem;
  margin: 1.125rem 0 0 7.1875rem;
  padding: 1rem 1.25rem 2.25rem 8.5rem;
  border-radius: 3px;
  background: #fff;
  text-align: center;
}
.promotion-big-card .right h4 {
  font-size: 22px;
  line-height: 40px;
  color: #353535;
}
.promotion-big-card .right h5 {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid rgba(64, 64, 64, 0.3);
  color: rgba(0, 0, 0, 0.8);
}
.pop-wrap.pop-setwallet {
  max-width: 31.25rem;
}
.pop-setwallet .pop-inner {
  padding: 1.25rem 1.875rem;
}
.pop-setwallet .inner-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 0.625rem 0 0;
  padding: 1.25rem 0.9375rem;
  border: 0.0625rem solid #eee;
  border-radius: 5px;
  box-shadow: inset 0 0 0.5rem #ddd;
}
.pop-setwallet .wallet {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 0 0.3125rem;
  padding: 0.5rem 0.9375rem;
  border: 0.125rem solid #eee;
  border-radius: 3.125rem;
  background: #fff;
  box-shadow: inset 0 0 0.3125rem rgba(0, 0, 0, 0.3);
  color: #474747;
}
.pop-setwallet .prompt {
  width: 100%;
  margin-bottom: 1.25rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.875rem;
  text-align: center;
}
.pop-setwallet .btn-box {
  margin-top: 1.25rem;
}
.pop-setwallet .error-ani {
  -webkit-animation: shake 1s linear 0.5s alternate forwards;
  animation: shake 1s linear 0.5s alternate forwards;
}
.pop-setwallet .input-box {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  margin-bottom: 0.625rem;
}
.pop-setwallet .input-box input:-webkit-autofill,
.pop-setwallet .input-box input:-webkit-autofill:focus,
.pop-setwallet .input-box input:-webkit-autofill:hover,
.pop-setwallet .input-box select:-webkit-autofill,
.pop-setwallet .input-box select:-webkit-autofill:focus,
.pop-setwallet .input-box select:-webkit-autofill:hover,
.pop-setwallet .input-box textarea:-webkit-autofill,
.pop-setwallet .input-box textarea:-webkit-autofill:focus,
.pop-setwallet .input-box textarea:-webkit-autofill:hover {
  -webkit-transition: background-color 9000s ease-in-out;
  transition: background-color 9000s ease-in-out;
  box-shadow: 0 0 0 1000px #fff inset;
  -webkit-text-fill-color: #c9a33d !important;
}
.pop-setwallet .input-box.mistake input:-webkit-autofill,
.pop-setwallet .input-box.mistake input:-webkit-autofill:focus,
.pop-setwallet .input-box.mistake input:-webkit-autofill:hover,
.pop-setwallet .input-box.mistake select:-webkit-autofill,
.pop-setwallet .input-box.mistake select:-webkit-autofill:focus,
.pop-setwallet .input-box.mistake select:-webkit-autofill:hover,
.pop-setwallet .input-box.mistake textarea:-webkit-autofill,
.pop-setwallet .input-box.mistake textarea:-webkit-autofill:focus,
.pop-setwallet .input-box.mistake textarea:-webkit-autofill:hover {
  -webkit-transition: background-color 9000s ease-in-out;
  transition: background-color 9000s ease-in-out;
  box-shadow: 0 0 0 1000px #fff inset;
  -webkit-text-fill-color: #f35e5e !important;
}
.pop-setwallet .input-box.mistake input {
  -webkit-animation: shake 1s linear 0.5s alternate forwards;
  animation: shake 1s linear 0.5s alternate forwards;
  border: 0.125rem solid #f35e5e;
  color: #f35e5e;
}
.pop-setwallet .input-box.mistake input:focus {
  border: 0.125rem solid #f35e5e;
  color: #f35e5e;
}
.pop-setwallet .input-box.mistake label {
  color: #f35e5e;
}
.pop-setwallet .input-box.mistake .error {
  display: block;
}
.pop-setwallet .input-box label {
  position: absolute;
  z-index: 1;
  top: -0.625rem;
  left: 0.9375rem;
  margin-bottom: 0.3125rem;
  padding: 0 0.3125rem;
  background-color: #fff;
  font-size: 0.875rem;
  text-align: left;
  color: #333;
}
.pop-setwallet .input-box input {
  height: 3.125rem;
  padding: 0 0.3125rem;
  border-radius: 3px;
  border-color: #999;
  outline: 0;
  background: #fff;
  color: #c9a33d;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 1px;
  text-align: right;
}
.pop-setwallet .input-box input::-webkit-input-placeholder {
  color: rgba(128, 128, 128, 0.6);
}
.pop-setwallet .input-box input::-moz-placeholder {
  color: rgba(128, 128, 128, 0.6);
}
.pop-setwallet .input-box input::placeholder {
  color: rgba(128, 128, 128, 0.6);
}
.pop-setwallet .input-box input:focus {
  border: 0.125rem solid #c9a33d;
  color: #c9a33d;
}
.pop-setwallet .input-box p {
  color: #c9a33d;
  line-height: 2.5rem;
  text-align: right;
}
.pop-setwallet .error {
  display: none;
  position: absolute;
  top: 35px;
  left: 2%;
  max-width: 43%;
  padding: 0.3125rem 0.3125rem 0.3125rem 1.5625rem;
  border-radius: 15px;
  background: #f35e5e;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1;
  text-align: left;
  text-indent: -20px;
}

.other-choice {
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0 0.3125rem 0.9375rem;
}
.other-choice .tips {
  position: relative;
  width: 100%;
  padding: 0.9375rem 0;
  font-size: 0.8125rem;
  text-align: center;
}
.other-choice .tips span {
  display: inline;
  padding: 0 0.3125rem;
  background: #fff;
  color: #555;
}
.other-choice .tips::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 0;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.other-choice .btn-link {
  display: inline-block;
  transition: 0.3s;
  color: #c9a33d;
  text-decoration: underline;
}
.other-choice .btn-link:hover {
  color: #a5852e;
}
.receive-amount {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 0 0.9375rem;
  color: #4e916d;
  text-align: left;
}
.receive-amount label,
.receive-amount p {
  display: inline-block;
  vertical-align: middle;
}
.receive-amount label {
  margin-right: 0.625rem;
  font-size: 0.9375rem;
}
.receive-amount p {
  font-size: 1.25rem;
  font-weight: 500;
}
.has-join .btn-apply,
.has-join .btn-joined,
.has-join .btn-review,
.never-join .btn-joined {
  display: none;
}
.has-join .btn-joined {
  background: linear-gradient(
    to right,
    #ffad00 0,
    #ffc400 15%,
    #ffc400 30%,
    #ffad00 55%,
    #ffad00 100%
  );
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1),
    inset 0 0 3px 0 rgba(255, 255, 255, 0.3);
}
.has-join .btn-joined:hover {
  box-shadow: 0 2px 2px 1px rgba(255, 173, 0, 0.1),
    0 4px 4px 1px rgba(255, 173, 0, 0.1), 0 8px 8px 1px rgba(255, 173, 0, 0.1),
    0 16px 16px 1px rgba(255, 173, 0, 0.1),
    0 32px 32px 1px rgba(255, 173, 0, 0.1),
    inset 0 0 3px 0 rgba(255, 255, 255, 0.3);
  text-shadow: 0 1px 3px #ffad00;
}
.has-join .state-requesting .btn-review {
  display: inline-block;
}
.has-join .state-joined .btn-apply,
.has-join .state-joined .btn-join,
.has-join .state-joined .btn-review,
.has-join .state-requesting .btn-apply,
.has-join .state-requesting .btn-join,
.has-join .state-requesting .btn-joined {
  display: none;
}
.has-join .state-joined .btn-joined {
  display: inline-block;
}
.has-join .state-apply .btn-join,
.has-join .state-apply .btn-joined,
.has-join .state-apply .btn-review {
  display: none;
}
.has-join .state-apply .btn-apply {
  display: inline-block;
}
.main-wrap-sport {
  position: relative;
  background: #222843;
}
.main-wrap-sport h3 {
  pointer-events: none;
}
.main-wrap-sport .sport-event {
  position: relative;
  z-index: 2;
  width: 100%;
}
.main-wrap-sport .sport-event,
.main-wrap-sport .sport-event .slides {
  height: 21.375rem;
  overflow: hidden;
}
.main-wrap-sport .sport-event li {
  position: relative;
  width: 100%;
  height: 100%;
}
.main-wrap-sport .sport-event .slick-list,
.main-wrap-sport .sport-event .slick-track {
  height: 100%;
}
.main-wrap-sport .navigation {
  position: absolute;
  z-index: 1;
  top: 1.1875rem;
  width: 100%;
}
.main-wrap-sport .navigation::before {
  top: -1.1875rem;
  right: 2.25rem;
  width: 1px;
  height: 24.5rem;
  opacity: 0.1;
  background: #fff;
}

.main-wrap-sport .navigation a.flex-disabled {
  background-position: 100%center;
  pointer-events: none;
}
.main-wrap-sport .navigation a:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.main-wrap-sport .navigation a:hover.flex-disabled {
  -webkit-transform: scale(1);
  transform: scale(1);
  cursor: default;
}
.main-wrap-sport .navigation a:hover.flex-prev {
  -webkit-transform: scale(1.2) rotate(180deg);
  transform: scale(1.2) rotate(180deg);
}
.main-wrap-sport .navigation a.flex-prev,
.main-wrap-sport .navigation a.flex-prev.flex-disabled {
  -webkit-transform: scale(1) rotate(180deg);
  transform: scale(1) rotate(180deg);
}
.main-wrap-sport .slides li .sport-img {
  position: absolute;
  z-index: 2;
  top: -1px;
  right: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center;
  background-size: cover;
}
.main-wrap-sport .event-info-wrap {
  display: inline-block;
  position: relative;
  z-index: 3;
  margin: 3.125rem 0 0 1.25rem;
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  transition: transform 0.8s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.3s,
    opacity 0.8s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.3s;
  transition: transform 0.8s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.3s,
    opacity 0.8s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.3s,
    -webkit-transform 0.8s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.3s;
  opacity: 0;
}
.main-wrap-sport .event-info-wrap .flag-wrap {
  position: relative;
  width: 13.6875rem;
  margin-bottom: 0.9375rem;
  padding-bottom: 0.875rem;
  -webkit-transform: translate(40%, 0);
  transform: translate(40%, 0);
  transition: transform 0.8s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.35s,
    opacity 0.8s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.35s;
  transition: transform 0.8s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.35s,
    opacity 0.8s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.35s,
    -webkit-transform 0.8s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.35s;
  opacity: 0;
}
.main-wrap-sport .event-info-wrap .flag-wrap::after {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.125rem;
  background-image: linear-gradient(-270deg, #c9a33d 0, #dfc98d 100%);
}
.main-wrap-sport .event-info-wrap .flag i {
  display: inline-block;
  width: 3.75rem;
  height: 3.75rem;
  margin-right: 0.375rem;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  background: no-repeat center/cover;
}
.main-wrap-sport .event-info-wrap .score {
  font-size: 22px;
  line-height: 40px;
  position: absolute;
  right: 0;
  bottom: 0.3125rem;
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  transition: transform 0.9s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s,
    opacity 0.9s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s;
  transition: transform 0.9s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s,
    opacity 0.9s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s,
    -webkit-transform 0.9s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s;
  opacity: 0;
  color: #f2f2f2;
  font-weight: 700;
  letter-spacing: 3px;
}
.main-wrap-sport .event-info-wrap h4,
.main-wrap-sport .event-info-wrap h5,
.main-wrap-sport .event-info-wrap p,
.receive-amount p {
  letter-spacing: 1px;
}
.main-wrap-sport .event-info-wrap h4 {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 0.125rem;
  -webkit-transform: translate(70%, 0);
  transform: translate(70%, 0);
  transition: transform 0.8s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s,
    opacity 0.8s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s;
  transition: transform 0.8s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s,
    opacity 0.8s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s,
    -webkit-transform 0.8s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s;
  opacity: 0;
  color: #f2f2f2;
}
.main-wrap-sport .event-info-wrap h4 span {
  margin: 0 0.375rem;
}
.main-wrap-sport .event-info-wrap h5,
.main-wrap-sport .event-info-wrap p {
  font-size: 12px;
  line-height: 20px;
  color: #f2f2f2;
  margin-bottom: 0.4375rem;
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  transition: transform 1s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s,
    opacity 1s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s;
  transition: transform 1s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s,
    opacity 1s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s,
    -webkit-transform 1s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s;
  opacity: 0;
}
.main-wrap-sport .event-info-wrap p {
  margin-bottom: 0.8125rem;
  transition: transform 1.2s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s,
    opacity 1.2s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s;
  transition: transform 1.2s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s,
    opacity 1.2s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s,
    -webkit-transform 1.2s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.4s;
}
.main-wrap-sport .event-info-wrap p .time {
  display: block;
}
.main-wrap-sport .slides .flex-active-slide .event-info-wrap,
.main-wrap-sport .slides .flex-active-slide .flag-wrap,
.main-wrap-sport .slides .flex-active-slide .score,
.main-wrap-sport .slides .flex-active-slide h4,
.main-wrap-sport .slides .flex-active-slide h5,
.main-wrap-sport .slides .flex-active-slide p,
.main-wrap-sport .slides .slick-active .event-info-wrap,
.main-wrap-sport .slides .slick-active .flag-wrap,
.main-wrap-sport .slides .slick-active .score,
.main-wrap-sport .slides .slick-active h4,
.main-wrap-sport .slides .slick-active h5,
.main-wrap-sport .slides .slick-active p {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

.hot-event-wrap {
  padding: 0 1rem;
}

.hot-event {
  position: relative;
  overflow: hidden;
  background-color: #ff0;
}
.hot-event::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease-in 0.1s;
  opacity: 0;
  background: rgba(255, 255, 255, 0.7);
}
.hot-event .event-name,
.hot-event .time {
  display: inline-block;
  width: 25.875rem;
  letter-spacing: 0.5px;
  text-align: left;
}
.hot-event .event-name,
.sport-subnav-sub li a {
  font-size: 14px;
  line-height: 20px;
  color: gray;
}
.hot-event .time {
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0.8125rem;
  color: rgba(128, 128, 128, 0.7);
}
.hot-event .event-group,
.sport-nav-wrap ul {
  display: inline-block;
  width: 25.875rem;
}
.hot-event .event-group .team-logo {
  width: 3.75rem;
  height: 3.75rem;
  background: no-repeat center;
  background-size: cover;
}
.hot-event .event-group .team-name,
.hot-event .event-group .vs {
  width: 6.125rem;
}
.hot-event .event-group .team-name h5,
.hot-event .event-group .vs h5 {
  font-size: 14px;
  line-height: 20px;
  margin: 0.1875rem 0 0.625rem;
  color: #fff;
}
.hot-event .event-group .vs h5 {
  font-size: 15px;
}
.hot-event .event-group .team-name p,
.hot-event .event-group .vs p {
  color: #fff;
  font-size: 1.875rem;
  letter-spacing: 2px;
  text-shadow: 0 4px 5px rgba(9, 13, 26, 0.8);
}
.hot-event .btn-default-xs {
  position: absolute;
  top: 120%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: top 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.1s,
    opacity 0.1s ease, box-shadow 0.5s ease-out 0.1s,
    background-position 0.3s ease-in, text-shadow 0.3s ease-in 0.1s;
  opacity: 0;
}
.fish-group li:hover::before,
.hot-event:hover:before {
  opacity: 1;
}
.hot-event:hover .btn-default-xs {
  top: 50%;
  opacity: 1;
}
.sport-nav-wrap {
  width: 100%;
  padding: 0.75rem 0;
  padding-bottom: 0.625rem;
  background: #3b4776;
  text-align: center;
}
.sport-nav-wrap ul {
  width: 75rem;
}
.sport-nav-wrap ul li a.active {
  border: 1px solid #c9a33d;
  line-height: 30px;
}
.sport-subnav-sub {
  width: 100%;
  border-top: 1px solid #fff;
  background: #fff;
}
.sport-subnav-sub li {
  padding: 0.3125rem 0;
}
.sport-subnav-sub li a {
  min-width: 6.25rem;
  padding: 0.3125rem 0.625rem;
  transition: all 0.3s ease-in;
  border: 1px solid #fff;
  border-radius: 20px;
  background: #191e32;
  color: #f2f2f2;
  cursor: pointer;
}
.sport-subnav-sub li a.active,
.sport-subnav-sub li a:hover {
  border: 1px solid #191e32;
  background: #222843;
  color: #f2f2f2;
  text-shadow: 0 0 0 transparent;
}
.sport-subnav-sub li a.active {
  border: 2px solid #333d65;
}
.sport-lg,
.sport-xs {
  display: inline-block;
  position: relative;
  height: 15.625rem;
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.1s;
  transition: transform 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.1s,
    -webkit-transform 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.1s;
  border-radius: 3px;
}
.sport-lg::before,
.sport-xs::before {
  z-index: 3;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 1px rgba(45, 36, 13, 0.1),
    inset 0 0 10px 0 rgba(255, 255, 255, 0.1);
  pointer-events: none;
}
.sport-lg .img-wrap,
.sport-xs .img-wrap {
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99);
}
.sport-lg .img,
.sport-xs .img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99);
  transition: transform 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99),
    -webkit-transform 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99);
  background: #0b0e17 no-repeat center;
  background-size: cover;
}
.sport-lg .word-wrap,
.sport-xs .word-wrap {
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  background: linear-gradient(0deg, #222843 0, #3e3e3e 100%);
}
.sport-lg .word-wrap h3,
.sport-xs .word-wrap h3 {
  font-size: 22px;
  line-height: 40px;
  position: relative;
  margin-top: -0.625rem;
  color: #c9a33d;
}
.sport-lg .word-wrap h3::before {
  top: 0.3125rem;
  left: -0.9375rem;
}
.sport-lg .word-wrap h3::before,
.sport-xs .word-wrap h3::before {
  z-index: 3;
  width: 0.25rem;
  height: 1.875rem;
  transition: transform 0.5s ease-in 0.1s;
  transition: transform 0.5s ease-in 0.1s, -webkit-transform 0.5s ease-in 0.1s;
  background: #cfac51;
  box-shadow: 0 2px 4px 0 rgba(15, 25, 46, 0.5);
}
.sport-lg .word-wrap p,
.sport-xs .word-wrap p {
  width: 100%;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.9);
}
.sport-lg .word-wrap .btn-default,
.sport-xs .word-wrap .btn-default {
  font-size: 14px;
  line-height: 20px;
  position: absolute;
  bottom: 1.125rem;
  height: 2.1875rem;
  transition: bottom 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.1s,
    box-shadow 0.5s ease-out 0.1s, background-position 0.3s ease-in,
    text-shadow 0.3s ease-in 0.1s;
  line-height: 2.1875rem;
  text-align: center;
}
.sport-lg .rule,
.sport-xs .rule {
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  z-index: 2;
  transition: color 0.3s ease-out;
  color: rgba(255, 255, 255, 0.8);
}
.sport-lg .rule::before,
.sport-xs .rule::before {
  bottom: 0;
  width: 0;
  height: 1px;
  transition: width 0.3s linear 0.1s;
  background: #c9a33d;
}
.sport-lg .rule:hover,
.sport-xs .rule:hover {
  color: #c9a33d;
}
.sport-lg .rule:hover::before,
.sport-xs .rule:hover::before {
  width: 100%;
}
.sport-lg .mask {
  z-index: 2;
}
.sport-lg .mask,
.sport-xs .mask {
  position: absolute;
  left: 0;
  max-height: 130px;
  padding: 0.4375rem;
  overflow: auto;
  overflow-x: hidden;
}
.sport-lg .mask li,
.sport-xs .mask li {
  font-size: 12px;
  line-height: 20px;
  margin: 0 0.3125rem 0.3125rem 0;
  -webkit-transform: translate(0, 30px);
  transform: translate(0, 30px);
  transition: transform 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99), opacity 0.5s;
  transition: transform 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99), opacity 0.5s,
    -webkit-transform 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99);
  opacity: 0;
}
.sport-lg .mask li:nth-child(1),
.sport-xs .mask li:nth-child(1) {
  transition-delay: 0.1s;
}
.sport-lg .mask li:nth-child(2),
.sport-xs .mask li:nth-child(2) {
  transition-delay: 0.2s;
}
.sport-lg .mask li:nth-child(3),
.sport-xs .mask li:nth-child(3) {
  transition-delay: 0.3s;
}
.sport-lg .mask li:nth-child(4),
.sport-xs .mask li:nth-child(4) {
  transition-delay: 0.4s;
}
.sport-lg .mask li:nth-child(5),
.sport-xs .mask li:nth-child(5) {
  transition-delay: 0.5s;
}
.sport-lg .mask li:nth-child(6),
.sport-xs .mask li:nth-child(6) {
  transition-delay: 0.6s;
}
.sport-lg .mask li:nth-child(7),
.sport-xs .mask li:nth-child(7) {
  transition-delay: 0.7s;
}
.sport-lg .mask li:nth-child(8),
.sport-xs .mask li:nth-child(8) {
  transition-delay: 0.8s;
}
.sport-lg .mask li:nth-child(9),
.sport-xs .mask li:nth-child(9) {
  transition-delay: 0.9s;
}
.sport-lg .mask li:nth-child(10),
.sport-xs .mask li:nth-child(10) {
  transition-delay: 1s;
}
.sport-lg .play-item,
.sport-xs .play-item {
  position: relative;
  height: 1.5rem;
  padding: 0 0.625rem 0 1.6875rem;
  border-radius: 0.875rem;
  background: #191e32;
  color: #fff;
  line-height: 1.5rem;
}
.sport-lg .play-item::before,
.sport-xs .play-item::before {
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.sport-lg .play-item:hover,
.sport-xs .play-item:hover {
  color: #dabf79;
}

.sport-lg {
  width: math ".div(1200px, 2)"-6px;
  margin-right: 0.75rem;
}
.sport-lg:nth-child(even) {
  margin-right: 0;
}
.sport-lg .mask {
  bottom: -42%;
  width: 22.6875rem;
  transition: bottom 0.5s cubic-bezier(0.03, 0.98, 0.52, 0.99);
  background-image: linear-gradient(
    -180deg,
    rgba(9, 13, 26, 0) 0,
    rgba(9, 13, 26, 0.9) 100%
  );
}
.sport-lg .img-wrap {
  width: 22.625rem;
  height: 100%;
}
.sport-lg .img-wrap .UG {
  background-size: cover;
}
.sport-lg .word-wrap {
  width: 14.5rem;
  height: 100%;
  padding: 0.9375rem;
}
.sport-lg .word-wrap .rule {
  top: 0.9375rem;
  right: 0.9375rem;
}
.sport-lg .word-wrap h3 {
  margin-bottom: 0.625rem;
}
.sport-lg .word-wrap h4 {
  margin-bottom: 0.625rem;
  color: red;
}
.sport-lg .word-wrap .btn-default {
  width: 12.625rem;
}
.sport-lg .word-wrap p {
  height: 6.25rem;
}
.sport-lg:not(.maintenance).active {
  z-index: 5;
}
.sport-lg:not(.maintenance).active .mask {
  bottom: -1px;
}
.sport-lg:not(.maintenance).active .mask li,
.sport-xs:not(.maintenance).active .mask li {
  -webkit-transform: scale(1) translate(0, 0);
  transform: scale(1) translate(0, 0);
  opacity: 1;
}
.sport-lg:not(.maintenance).active .img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  transition: transform 1s cubic-bezier(0.03, 0.98, 0.52, 0.99);
  transition: transform 1s cubic-bezier(0.03, 0.98, 0.52, 0.99),
    -webkit-transform 1s cubic-bezier(0.03, 0.98, 0.52, 0.99);
}
.sport-xs {
  width: 14.5rem;
  margin-right: 0.625rem;
}
.sport-xs:nth-child(5n) {
  margin-right: 0;
}
.sport-xs .mask {
  z-index: 3;
  top: 100%;
}
.sport-xs .img-wrap {
  width: 100%;
  height: 9.375rem;
}
.sport-xs .img-wrap .UG {
  background-size: cover;
}
.sport-xs .word-wrap {
  position: absolute;
  z-index: 2;
  bottom: 0;
  height: 6.25rem;
  padding: 0.625rem;
  transition: all 0.3s ease-in;
}
.sport-xs .word-wrap .rule {
  top: 0.625rem;
  right: 0.625rem;
}
.sport-xs .word-wrap h3 {
  margin-bottom: 0.3125rem;
  transition: all 0.3s ease-in;
}
.sport-xs .word-wrap h3::before {
  top: 0.3125rem;
  left: -0.625rem;
}
.main-wrap-sport .sport-lg .play-item::before,
.sport-xs .word-wrap h4 {
  display: none;
}
.sport-xs .word-wrap p {
  height: 2.5rem;
}
.sport-xs .word-wrap .btn-default {
  bottom: -40px;
  width: 13.25rem;
}
.sport-xs:not(.maintenance).active {
  z-index: 5;
}
.sport-xs:not(.maintenance).active .mask {
  top: 6.25rem;
  max-height: 92px;
  overflow: hidden;
}
.sport-xs:not(.maintenance).active .img {
  height: 9.375rem;
  -webkit-transform: translate(0, -30%);
  transform: translate(0, -30%);
  transition: transform 0.5s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.1s;
  transition: transform 0.5s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.1s,
    -webkit-transform 0.5s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.1s;
}
.sport-xs:not(.maintenance).active .img-wrap {
  position: absolute;
}
.sport-xs:not(.maintenance).active .word-wrap {
  height: 11.25rem;
  margin-top: 4.375rem;
}
.sport-xs:not(.maintenance).active .word-wrap .btn-default {
  bottom: 0.625rem;
}
.main-wrap-sport .sport-lg {
  height: 24.5rem;
}
.main-wrap-sport .sport-lg li {
  -webkit-transform: scale(1) translate(0, 0);
  transform: scale(1) translate(0, 0);
  opacity: 1;
}
.main-wrap-sport .sport-lg .play-item {
  font-size: 14px;
  line-height: 20px;
  height: auto;
  padding: 0.3125rem 0.625rem;
  overflow: hidden;
  text-align: center;
}
.main-wrap-sport .sport-lg .play-item:hover {
  transition: box-shadow 0.3s ease-out;
}
.main-wrap-sport .sport-lg .mask {
  top: 11.875rem;
  right: 0;
  bottom: auto;
  left: auto;
  width: 14.5rem;
  padding: 0 0.9375rem;
  background: 0 0;
}
.main-wrap-sport .sport-lg.active .mask {
  bottom: auto;
}
.maintenance.sport-lg,
.maintenance.sport-xs {
  -webkit-filter: grayscale(30%);
  filter: grayscale(30%);
}
.maintenance.sport-lg .img,
.maintenance.sport-xs .img {
  -webkit-filter: grayscale(70%) saturate(0.7) opacity(0.9);
  filter: grayscale(70%) saturate(0.7) opacity(0.9);
}
.maintenance.sport-lg .icon-maintenance {
  background: linear-gradient(to bottom, #d4b665, #c9a33d);
}
.maintenance.sport-lg .maintenance-inner p {
  height: auto;
  color: #c9a33d;
}
.maintenance.sport-lg .maintenance-inner strong {
  color: #c9a33d;
}
.maintenance.sport-lg .maintenance-box {
  height: 75%;
}
.maintenance.sport-xs .maintenance-box {
  margin-top: 0.625rem;
}
.maintenance.sport-xs .icon-maintenance {
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  margin-right: 0.3125rem;
  background: linear-gradient(to bottom, #aeb5c2, #646b79);
}
.maintenance.sport-xs p,
.maintenance.sport-xs strong {
  display: inline-block;
  color: rgba(255, 255, 255, 0.9);
  vertical-align: middle;
}
.maintenance.sport-xs strong {
  font-size: 0.875rem;
}
.maintenance.sport-xs p {
  width: auto;
  height: auto;
  font-size: 0.75rem;
}
.btn-fish .maintenance .chess-button-main a,
.fish-group .btn-subitem.reset,
.fish-group .maintenance .btn-subitem,
.fish-group .maintenance .btn-title,
.maintenance .word-wrap .btn-default,
.maintenance .word-wrap > h4,
.maintenance .word-wrap > p {
  display: none;
}
.terms-wrap h3,
.top-card-wrap h3 {
  font-size: 22px;
  line-height: 40px;
  margin: 0 0 1.25rem 0.625rem;
  background: #c9a33d;
  color: #fff;
  font-weight: 700;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.top-card-wrap li,
.top-card-wrap li .card {
  position: relative;
  -webkit-transform: perspective(1200px) rotateX(0deg) rotateY(0deg)
    scale3d(1, 1, 1);
  transform: perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
  transition: 4000ms cubic-bezier(0.03, 0.98, 0.52, 0.99);
}
.top-card-wrap li .card {
  z-index: 2;
  width: 18.1875rem;
  height: 10.25rem;
  margin-right: 0.75rem;
  will-change: transform;
}
.top-card-wrap li .card-sh {
  position: absolute;
  z-index: 1;
  top: 1.25rem;
  left: 0.625rem;
  width: 18.1875rem;
  height: 10.25rem;
  opacity: 0.6;
  -webkit-filter: blur(15px);
  filter: blur(15px);
}
.register-title .step-wrap li:last-child,
.top-card-wrap li:last-child .card {
  margin-right: 0;
}

.terms-wrap,
.vip-level-wrap {
  padding: 1.25rem 0;
}
.vip-level-wrap table {
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #fff;
  color: rgba(0, 0, 0, 0.6);
}
.vip-level-wrap td,
.vip-level-wrap th {
  padding: 0.375rem 0;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.vip-level-wrap th {
  background: #a5852e;
  color: #fff;
  text-align: center;
}
.terms-wrap {
  background: #222843;
}
.terms-wrap li {
  font-size: 14px;
  display: block;
  padding-left: 20px;
  color: rgba(242, 242, 242, 0.9);
  line-height: 30px;
}
.content-minheight {
  min-height: 500px;
}
.bubbles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bubble-container {
  position: absolute;
  bottom: 0;
  -webkit-animation: bubblerise 4s infinite ease-in;
  animation: bubblerise 4s infinite ease-in;
  opacity: 0;
  will-change: transform;
}
.bubble {
  width: 6px;
  height: 6px;
  margin: 0 auto;
  -webkit-animation: bubblewobble 0.4s infinite linear;
  animation: bubblewobble 0.4s infinite linear;
  border: 1px solid rgba(81, 123, 211, 0.5);
  border-radius: 10px;
  background: rgba(61, 107, 206, 0.2);
  will-change: transform;
}
.fish-wrap {
  position: relative;
  padding: 3.125rem 0;
  overflow: hidden;
  background: no-repeat center;
}

.fish-group li {
  position: relative;
  z-index: 1;
  width: 17.8125rem;
  height: 18.75rem;
  margin: 0 1.25rem 1.25rem 0;
  -webkit-transform: perspective(1200px) rotateX(0deg) rotateY(0deg)
    scale3d(1, 1, 1) translateZ(0);
  transform: perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1)
    translateZ(0);
  -webkit-transform-style: flat;
  transform-style: flat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: 4000ms cubic-bezier(0.03, 0.98, 0.52, 0.99);
  background-position: left center;
}
.fish-group li::before {
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease-in;
  opacity: 0;
  background-position: right center;
}
.fish-group li:nth-child(4n) {
  margin-right: 0;
}
.fish-group .btn-fish {
  position: absolute;
  z-index: 4;
  bottom: 0.75rem;
  left: 0.75rem;
  width: 16.3125rem;
  border-radius: 0.625rem;
  background-color: rgba(255, 255, 255, 0.15);
  background-image: linear-gradient(
    -180deg,
    rgba(255, 255, 255, 0.5) 0,
    rgba(255, 255, 255, 0) 100%
  );
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3),
    inset 0 0 2px 1px rgba(255, 255, 255, 0.5),
    inset 0 0 5px 0 rgba(255, 255, 255, 0.6);
}
.fish-group .btn-inner {
  position: relative;
  min-height: 3.875rem;
  padding: 0.4375rem;
}


.fish-group .btn-subitem {
  padding-top: 3rem;
  border-radius: 0.625rem;
  background-image: linear-gradient(0deg, #213561 0, #182747 100%);
  box-shadow: inset 0 0 0 1px rgba(96, 127, 181, 0.5),
    inset 0 0 2px 1px rgba(255, 255, 255, 0.5),
    inset 0 0 5px 0 rgba(255, 255, 255, 0.5);
}
.fish-group .btn-subitem dl {
  padding: 0 0.75rem;
}
.fish-group .btn-subitem dt {
  display: inline-block;
  color: #d7bc78;
  font-size: 18px;
  line-height: 45px;
}
.fish-group .btn-subitem dd {
  font-size: 14px;
  line-height: 20px;
  margin-top: 8px;
  padding: 2px 12px 3px;
  transition: box-shadow 0.3s ease-out 0.1s;
  border: 1px solid #4c79d4;
  border-radius: 20px;
  background: #436abb;
  box-shadow: 0 2px 4px 0#172950;
  color: #fff;
  cursor: pointer;
}
.fish-group .btn-subitem dd:hover {
  text-shadow: 0 2px 4px #172950;
}
.fish-group .fish,
.fish-group .fish-AGIN,
.fish-group .fish-AWCMFC,
.fish-group .fish-AWCMP8,
.fish-group .fish-AWCMYESBINGO,
.fish-group .fish-AWCMYL,
.fish-group .fish-BBIN,
.fish-group .fish-BG,
.fish-group .fish-CQ9,
.fish-group .fish-GG,
.fish-group .fish-JDB,
.fish-group .fish-KA,
.fish-group .fish-MWG,
.fish-group .fish-SilkStonePT,
.fish-group .fish-SilkStoneSW,
.fish-group .fish-jili,
.fish-group .fish-joker,
.fish-group .fish-ps,
.fish-group .fish-sh,
.fish-group .game-logo,
.fish-group .game-logo-AGIN,
.fish-group .game-logo-AWCMFC,
.fish-group .game-logo-AWCMP8,
.fish-group .game-logo-AWCMYESBINGO,
.fish-group .game-logo-AWCMYL,
.fish-group .game-logo-BBIN,
.fish-group .game-logo-BG,
.fish-group .game-logo-CQ9,
.fish-group .game-logo-GG,
.fish-group .game-logo-JDB,
.fish-group .game-logo-Joker,
.fish-group .game-logo-KA,
.fish-group .game-logo-MWG,
.fish-group .game-logo-SilkStonePT,
.fish-group .game-logo-SilkStoneSW,
.fish-group .game-logo-jili,
.fish-group .game-logo-ps {
  position: absolute;
}
.fish-group .fish {
  z-index: 2;
  pointer-events: none;
}
.fish-group .fish,
.fish-group .fish-AWCMYESBINGO,
.fish-group .fish-jili,
.fish-group .fish-ps,
.fish-group .fish-sh {
  -webkit-transform: perspective(1200px) rotateX(0deg) rotateY(0deg)
    scale3d(1, 1, 1);
  transform: perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
  transition: 8000ms cubic-bezier(0.03, 0.98, 0.52, 0.99);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.fish-group .fish-AWCMYESBINGO,
.fish-group .fish-jili,
.fish-group .fish-ps {
  z-index: 2;
  pointer-events: none;
}
.fish-group .fish-joker,
.fish-nav li i {
  background-repeat: no-repeat;
  background-position: center;
}
.fish-group .fish-joker {
  z-index: 2;
  -webkit-transform: perspective(1200px) rotateX(0deg) rotateY(0deg)
    scale3d(1, 1, 1);
  transform: perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
  transition: 8000ms cubic-bezier(0.03, 0.98, 0.52, 0.99);
  pointer-events: none;
}
.fish-group .fish-AGIN,
.fish-group .fish-AWCMFC,
.fish-group .fish-AWCMP8,
.fish-group .fish-AWCMYL,
.fish-group .fish-BBIN,
.fish-group .fish-BG,
.fish-group .fish-CQ9,
.fish-group .fish-GG,
.fish-group .fish-JDB,
.fish-group .fish-KA,
.fish-group .fish-MWG,
.fish-group .fish-SilkStonePT,
.fish-group .fish-SilkStoneSW {
  z-index: 2;
  -webkit-transform: perspective(1200px) rotateX(0deg) rotateY(0deg)
    scale3d(1, 1, 1);
  transform: perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
  transition: 8000ms cubic-bezier(0.03, 0.98, 0.52, 0.99);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}

.fish-group .fish-sh {
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  -webkit-filter: blur(5px) brightness(0);
  filter: blur(5px) brightness(0);
}
.fish-group .game-logo,
.fish-group .game-logo-AGIN,
.fish-group .game-logo-AWCMFC,
.fish-group .game-logo-AWCMP8,
.fish-group .game-logo-AWCMYESBINGO,
.fish-group .game-logo-AWCMYL,
.fish-group .game-logo-BBIN,
.fish-group .game-logo-BG,
.fish-group .game-logo-CQ9,
.fish-group .game-logo-GG,
.fish-group .game-logo-JDB,
.fish-group .game-logo-Joker,
.fish-group .game-logo-KA,
.fish-group .game-logo-MWG,
.fish-group .game-logo-SilkStonePT,
.fish-group .game-logo-SilkStoneSW,
.fish-group .game-logo-jili,
.fish-group .game-logo-ps {
  width: 9.375rem;
  height: 3.125rem;
  z-index: 3;
  background-position: center;
  -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: contain;
}
.fish-group .game-logo-AGIN {
  top: 170px;
  right: 17px;
}
.fish-group .game-logo-BBIN {
  top: 170px;
  right: 0;
}
.fish-group .game-logo-JDB,
.fish-group .game-logo-MWG {
  top: 170px;
  left: 20px;
}
.fish-group .game-logo-CQ9 {
  top: 170px;
  left: -5px;
}
.fish-group .game-logo-GG {
  top: 180px;
  right: 20px;
}
.fish-group .game-logo-SilkStonePT,
.fish-group .game-logo-SilkStoneSW {
  top: 170px;
  left: 20px;
}
.fish-group .game-logo-BG {
  top: 172px;
  left: 15px;
}
.fish-group .game-logo-AWCMFC {
  top: 172px;
  left: 13px;
}
.fish-group .game-logo-AWCMP8,
.fish-group .game-logo-KA {
  top: 172px;
  left: 15px;
}
.fish-group .game-logo-AWCMYL {
  top: 172px;
  left: -25px;
}
.fish-group .game-logo-Joker,
.fish-group .game-logo-ps {
  top: 172px;
  left: 15px;
}
.fish-group .game-logo-AWCMYESBINGO {
  top: 168px;
  left: 0;
}
.fish-group .game-logo-jili {
  top: 170px;
  left: 15px;
}
.fish-group .maintenance {
  -webkit-filter: grayscale(70%);
  filter: grayscale(70%);
}
.fish-group .maintenance .maintenance-inner {
  display: block;
}
.fish-nav,
.right-fish-wrap {
  display: inline-block;
  position: relative;
  vertical-align: top;
}

.fish-nav.no-text li a i {
  width: 11.5625rem;
  height: 2.8125rem;
  margin-right: 0;
  -webkit-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.5));
}

.fish-nav li {
  position: relative;
  z-index: 1;
  margin-bottom: 0.3125rem;
  padding-bottom: 0.3125rem;
}
.fish-nav li::after {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0-1px 0 rgba(255, 255, 255, 0.1);
}
.fish-nav li a {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.5rem;
  margin-bottom: 7px;
  transition: all 0.3s ease-in;
  color: #fff;
  font-size: 25px;
  font-weight: 700;
  line-height: 56px;
  text-align: left;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.fish-nav li a::after,
.fish-nav li a::before {
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  transition: transform 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.1s,
    opacity 0.3s ease-out 0.1s;
  transition: transform 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.1s,
    opacity 0.3s ease-out 0.1s,
    -webkit-transform 0.3s cubic-bezier(0.03, 0.98, 0.52, 0.99) 0.1s;
  border-radius: 28px;
  opacity: 0;
}
.fish-nav li a::before {
  z-index: -1;
  top: 0;
  background-image: linear-gradient(-180deg, #ffeb56 0, #f89704 100%);
  box-shadow: inset 0 0 10px 0 rgba(255, 255, 255, 0.5);
}
.fish-nav li a::after {
  z-index: -2;
  bottom: -3px;
  background-image: linear-gradient(-180deg, #ad4500 93%, #df7237 100%);
  box-shadow: 0 2px 4px 0 rgba(6, 34, 81, 0.5),
    inset 0 0 10px 0 rgba(255, 255, 255, 0.5);
}
.fish-nav li a.active,
.fish-nav li a:hover {
  color: #7f4430;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.fish-nav li a.active::after,
.fish-nav li a.active::before,
.fish-nav li a:hover::after,
.fish-nav li a:hover::before {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: transform 0.1s cubic-bezier(0.03, 0.98, 0.52, 0.99),
    opacity 0.1s ease-out;
  transition: transform 0.1s cubic-bezier(0.03, 0.98, 0.52, 0.99),
    opacity 0.1s ease-out,
    -webkit-transform 0.1s cubic-bezier(0.03, 0.98, 0.52, 0.99);
  opacity: 1;
}
.fish-nav li a.active {
  cursor: default;
}
.fish-nav li i {
  display: inline-block;
  width: 5rem;
  height: 2.1875rem;
  margin-right: 0.625rem;
  background-size: contain;
}
.fish-nav .maintenance-box {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 87%;
  border-radius: 27px;
  background: rgba(20, 60, 95, 0.9);
}
.fish-nav .maintenance .maintenance-box,
.fish-nav li {
  display: block;
}
.fish-nav .icon-maintenance {
  display: inline-block;
  width: 1.375rem;
  height: 1.375rem;
  margin: 0 0.3125rem 0 0;
  background: linear-gradient(to bottom, #d4b665, #a56c0b);
}
.fish-nav .maintenance-inner p,
.fish-nav .maintenance-inner strong {
  display: inline-block;
  color: #d4b665;
  font-size: 0.875rem;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  vertical-align: middle;
}
.fish-nav .maintenance-inner p {
  letter-spacing: 0;
}
.right-fish-wrap {
  z-index: 1;
  min-width: 50rem;
  min-height: 34.375rem;
}
.right-fish-wrap .fish-inner {
  position: relative;
  width: 100%;
  height: 30rem;
  opacity: 1;
}
.fish-group .right-fish-wrap .fish-inner .fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .fish-BG,
.fish-group .right-fish-wrap .fish-inner .fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .fish-GG,
.fish-group .right-fish-wrap .fish-inner .fish-JDB,
.fish-group .right-fish-wrap .fish-inner .fish-KA,
.fish-group .right-fish-wrap .fish-inner .fish-MWG,
.fish-group .right-fish-wrap .fish-inner .fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .fish-jili,
.fish-group .right-fish-wrap .fish-inner .fish-joker,
.fish-group .right-fish-wrap .fish-inner .fish-ps,
.fish-group .right-fish-wrap .fish-inner .fish-sh,
.right-fish-wrap .fish-inner .fish,
.right-fish-wrap .fish-inner .fish-group .fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .fish-BG,
.right-fish-wrap .fish-inner .fish-group .fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .fish-GG,
.right-fish-wrap .fish-inner .fish-group .fish-JDB,
.right-fish-wrap .fish-inner .fish-group .fish-KA,
.right-fish-wrap .fish-inner .fish-group .fish-MWG,
.right-fish-wrap .fish-inner .fish-group .fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .fish-jili,
.right-fish-wrap .fish-inner .fish-group .fish-joker,
.right-fish-wrap .fish-inner .fish-group .fish-ps,
.right-fish-wrap .fish-inner .fish-group .fish-sh {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 6.25rem;
  opacity: 0;
  pointer-events: none;
}

.fish-group .right-fish-wrap .fish-inner .active.fish-AGIN,
.fish-group .right-fish-wrap .fish-inner .active.fish-AWCMFC,
.fish-group .right-fish-wrap .fish-inner .active.fish-AWCMP8,
.fish-group .right-fish-wrap .fish-inner .active.fish-AWCMYESBINGO,
.fish-group .right-fish-wrap .fish-inner .active.fish-AWCMYL,
.fish-group .right-fish-wrap .fish-inner .active.fish-BBIN,
.fish-group .right-fish-wrap .fish-inner .active.fish-BG,
.fish-group .right-fish-wrap .fish-inner .active.fish-CQ9,
.fish-group .right-fish-wrap .fish-inner .active.fish-GG,
.fish-group .right-fish-wrap .fish-inner .active.fish-JDB,
.fish-group .right-fish-wrap .fish-inner .active.fish-KA,
.fish-group .right-fish-wrap .fish-inner .active.fish-MWG,
.fish-group .right-fish-wrap .fish-inner .active.fish-SilkStonePT,
.fish-group .right-fish-wrap .fish-inner .active.fish-SilkStoneSW,
.fish-group .right-fish-wrap .fish-inner .active.fish-jili,
.fish-group .right-fish-wrap .fish-inner .active.fish-joker,
.fish-group .right-fish-wrap .fish-inner .active.fish-ps,
.fish-group .right-fish-wrap .fish-inner .active.fish-sh,
.right-fish-wrap .fish-inner .fish-group .active.fish-AGIN,
.right-fish-wrap .fish-inner .fish-group .active.fish-AWCMFC,
.right-fish-wrap .fish-inner .fish-group .active.fish-AWCMP8,
.right-fish-wrap .fish-inner .fish-group .active.fish-AWCMYESBINGO,
.right-fish-wrap .fish-inner .fish-group .active.fish-AWCMYL,
.right-fish-wrap .fish-inner .fish-group .active.fish-BBIN,
.right-fish-wrap .fish-inner .fish-group .active.fish-BG,
.right-fish-wrap .fish-inner .fish-group .active.fish-CQ9,
.right-fish-wrap .fish-inner .fish-group .active.fish-GG,
.right-fish-wrap .fish-inner .fish-group .active.fish-JDB,
.right-fish-wrap .fish-inner .fish-group .active.fish-KA,
.right-fish-wrap .fish-inner .fish-group .active.fish-MWG,
.right-fish-wrap .fish-inner .fish-group .active.fish-SilkStonePT,
.right-fish-wrap .fish-inner .fish-group .active.fish-SilkStoneSW,
.right-fish-wrap .fish-inner .fish-group .active.fish-jili,
.right-fish-wrap .fish-inner .fish-group .active.fish-joker,
.right-fish-wrap .fish-inner .fish-group .active.fish-ps,
.right-fish-wrap .fish-inner .fish-group .active.fish-sh,
.right-fish-wrap .fish-inner .fish.active {
  -webkit-animation: bounceInUp 0.4s;
  animation: bounceInUp 0.4s;
  opacity: 1;
}
.fish-group .right-fish-wrap .fish-inner .active.fish-AGIN::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-AWCMFC::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-AWCMP8::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-AWCMYESBINGO::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-AWCMYL::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-BBIN::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-BG::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-CQ9::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-GG::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-JDB::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-KA::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-MWG::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-SilkStonePT::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-SilkStoneSW::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-jili::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-joker::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-ps::after,
.fish-group .right-fish-wrap .fish-inner .active.fish-sh::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-AGIN::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-AWCMFC::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-AWCMP8::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-AWCMYESBINGO::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-AWCMYL::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-BBIN::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-BG::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-CQ9::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-GG::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-JDB::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-KA::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-MWG::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-SilkStonePT::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-SilkStoneSW::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-jili::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-joker::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-ps::after,
.right-fish-wrap .fish-inner .fish-group .active.fish-sh::after,
.right-fish-wrap .fish-inner .fish.active::after {
  -webkit-transform: scale(4.6);
  transform: scale(4.6);
  opacity: 0.9;
}

.right-fish-wrap .fish-inner .dart-1,
.right-fish-wrap .fish-inner .dart-2 {
  position: absolute;
  -webkit-animation: dartMove 3s infinite;
  animation: dartMove 3s infinite;
  pointer-events: none;
}

.right-fish-wrap .fish-inner ol {
  position: absolute;
  z-index: 1;
  top: 50%;
  right: -100px;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  transition: right 0.5s ease-in, opacity 0.3s ease-out;
  opacity: 0;
  text-align: right;
  cursor: default;
  pointer-events: none;
}
.right-fish-wrap .fish-inner ol.active {
  z-index: 2;
  right: 0;
  opacity: 1;
  cursor: pointer;
  pointer-events: auto;
}
.right-fish-wrap .fish-inner ol li {
  margin-bottom: 2.1875rem;
}
.right-fish-wrap .fish-inner li {
  display: block;
  position: relative;
  margin-bottom: 0.625rem;
}
.right-fish-wrap .fish-inner li::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 10px);
  -webkit-transform: scale(1.15, 1.2);
  transform: scale(1.15, 1.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 3.125rem;
  background: rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 0 3px 0 rgba(255, 255, 255, 0.7),
    inset 0 0 5px 0 rgba(255, 255, 255, 0.6);
}
.right-fish-wrap .fish-inner li a {
  display: inline-block;
  min-width: 14.375rem;
  padding: 0.625rem 1.875rem;
  transition: 0.3s;
  border-radius: 2.75rem;
  background-image: linear-gradient(180deg, #ffe631 0, #f77a03 100%);
  box-shadow: 0 3px 3px 0#c85000, 0 10px 0 0#ce5c07, inset 0 0 1px 1px #faa900,
    inset 0 0 10px 0#ffef6c;
  color: #7f4430;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.right-fish-wrap .fish-inner li:hover::after {
  -webkit-animation: rubberBand2 0.8s;
  animation: rubberBand2 0.8s;
}
.right-fish-wrap .fish-inner li:hover a {
  -webkit-animation: rubberBand 0.5s;
  animation: rubberBand 0.5s;
  color: #fff;
}
.btn-fish .maintenance {
  pointer-events: none;
}
.btn-fish .maintenance .maintenance-inner {
  display: block;
}
.btn-fish .icon-maintenance {
  display: inline-block;
  width: 1.375rem;
  height: 1.375rem;
  margin: 0 0.3125rem 0 0;
}
.btn-fish .maintenance-inner {
  display: none;
}
.btn-fish .maintenance-inner p,
.btn-fish .maintenance-inner strong {
  display: inline-block;
  font-size: 0.75rem;
  vertical-align: middle;
}
.btn-fish .maintenance-inner p {
  letter-spacing: 0;
}
.register-title {
  position: relative;
  width: 100%;
  height: 4.375rem;
  margin-top: 1.875rem;
  border-radius: 3px 3px 0 0;
  background: #191e32;
  line-height: 4.375rem;
  text-align: center;
}
.register-title h3 {
  font-size: 22px;
  line-height: 40px;
  position: absolute;
  top: 0;
  left: 2.5rem;
  color: #c9a33d;
  line-height: 4.375rem;
}
.register-title p {
  font-size: 14px;
  line-height: 20px;
  color: #474747;
}
.register-block .register-form-step3 .account-longword-wrap .account span,
.register-block .register-form-step3 .account-longword-wrap .money span,
.register-block .register-form-step3 .account-wrap .account span,
.register-block .register-form-step3 .account-wrap .money span,
.register-title p a {
  color: #c9a33d;
}
.register-title p a:hover {
  color: #917528;
}
.register-title:not(.step-register) p {
  position: absolute;
  top: 50%;
  right: 1.875rem;
  max-width: 22%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  line-height: 1.2;
  text-align: right;
  word-wrap: break-word;
  word-break: break-all;
}
.register-title .step-wrap {
  display: inline-block;
  position: relative;
  height: 100%;
  padding-top: 1.375rem;
  color: #fff;
}
.register-title .step-wrap::before {
  position: absolute;
  z-index: 1;
  left: 0;
  width: 100%;
  height: 0.25rem;
  margin-top: 8px;
  background: #7a7a7a;
}
.register-title .step-wrap li {
  font-size: 15px;
  line-height: 20px;
  position: relative;
  z-index: 3;
  margin-right: 48px;
}
.register-title .step-wrap li span {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  padding: 0.125rem 0.75rem 0.1875rem;
  transition: background 0.3s ease-in;
  border-radius: 0.8125rem;
  background: #7a7a7a;
}
.register-title .step-wrap li::before {
  z-index: 1;
  top: 0.5rem;
  left: 0;
  width: 100%;
  height: 0.25rem;
  margin-left: 24px;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: left center;
  transform-origin: left center;
  transition: all 0.5s ease-out 0.2s;
  border-radius: 4px;
  background: linear-gradient(-90deg, #c9a33d 0, #a5852e 100%);
}
.register-title .step-wrap li.step2::before,
.register-title .step-wrap li.step3::before {
  margin-left: 0;
}
.register-title .step-wrap li.step1.active span,
.register-title .step-wrap li.step2.active span,
.register-title .step-wrap li.step3.active span {
  background: #b99533;
}
.register-title .step-wrap.st2 .step1::before {
  margin-left: 50px;
}
.register-title .step-wrap.st2 .step2::before {
  margin-left: 24px;
  transition-delay: 0.5s;
}
.register-title .step-wrap.st3 .step1::before,
.register-title .step-wrap.st3 .step2::before {
  margin-left: 50px;
}
.register-card-wrap {
  display: inline-block;
  position: relative;
  width: 55.3125rem;
  overflow: hidden;
  border-radius: 15px;
  background: #f2f2f2;
  text-align: left;
}
.register-card-wrap .flex-viewport,
.register-card-wrap ul,
.register-success-right-banner .flex-viewport,
.register-success-right-banner ul {
  height: 100%;
}
.register-card-wrap li,
.register-success-right-banner li {
  display: block;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.register-card-wrap li {
  background-size: cover;
}
.register-block {
  position: relative;
  height: auto;
  margin-bottom: 1.875rem;
  padding: 2.5rem 0 2.3125rem;
  border-radius: 0 0 3px 3px;
  background: #d4b665;
  text-align: center;
}
.register-block input:-webkit-autofill,
.register-block input:-webkit-autofill:focus,
.register-block input:-webkit-autofill:hover,
.register-block select:-webkit-autofill,
.register-block select:-webkit-autofill:focus,
.register-block select:-webkit-autofill:hover,
.register-block textarea:-webkit-autofill,
.register-block textarea:-webkit-autofill:focus,
.register-block textarea:-webkit-autofill:hover {
  -webkit-transition: background-color 9000s ease-in-out;
  transition: background-color 9000s ease-in-out;
  box-shadow: 0 0 0 1000px #fff inset;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.8) !important;
}
.register-block .register-banner,
.register-block .register-banner-skewx {
  position: absolute;
  z-index: 2;
  width: 28.75rem;
  height: 100%;
  margin-left: -35px;
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  background: no-repeat center;
  background-color: #333;
  background-size: cover;
}
.register-block .register-banner-skewx {
  -webkit-transform: skewX(-3deg);
  transform: skewX(-3deg);
}
.register-block .register-form {
  position: relative;
  width: 27.6875rem;
  overflow: hidden;
}
.register-block .register-form-inner {
  width: 300%;
  padding-bottom: 1.25rem;
  transition: margin-left 0.5s ease-in-out;
}
.register-block .register-form-inner.step2 {
  margin-left: -100%;
}
.register-block .register-form-inner.step3 {
  margin-left: -200%;
}
.register-block .form-inner {
  position: relative;
  width: 21.125rem;
  margin: 0 auto;
  margin-top: 2.9375rem;
  margin-bottom: 1.25rem;
  padding: 1.5625rem 1.25rem;
  border: 1px dashed rgba(0, 0, 0, 0.3);
  border-radius: 0.3125rem;
  color: rgba(0, 0, 0, 0.8);
  text-align: left;
}
.register-block .form-inner h4 {
  position: absolute;
  top: -15px;
  margin-left: -5px;
  padding: 0 5px;
  background: #f2f2f2;
  color: #c9a33d;
  font-size: 18px;
}
.register-block .form-inner li {
  display: block;
  position: relative;
  margin-bottom: 1.5625rem;
}
.register-block .form-inner li:last-child {
  margin-bottom: 0;
}
.register-block .form-inner li label {
  font-size: 14px;
  line-height: 20px;
  display: block;
  width: 100%;
  margin-bottom: 0.4375rem;
}
.register-block .form-inner li input {
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  padding: 0.6875rem;
  border: 1px solid #adacb1;
  color: rgba(0, 0, 0, 0.8);
}
.register-block .form-inner li input::-webkit-input-placeholder {
  color: #adacb1;
}
.register-block .form-inner li input::-moz-placeholder {
  color: #adacb1;
}
.register-block .form-inner li input::placeholder {
  color: #adacb1;
}

.register-block .form-inner .vodiapicker {
  display: none;
}
.form-inner .label-btn-group label,
.register-block .form-inner .phone-code-list li {
  margin-bottom: 0;
}
.register-block .error {
  font-size: 12px;
  position: absolute;
  top: 4.625rem;
  left: 0;
  font-weight: 700;
  line-height: 1;
}
.register-block .lang-select {
  line-height: 0;
  pointer-events: none;
}
.register-block .phone-area-code {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  height: 100%;
}
.register-block .btn-select {
  height: 100%;
  color: #333;
}
.register-block .btn-select::after {
  content: none;
}
.register-block .form-inner .phone-info {
  position: relative;
}
.register-block .form-inner .phone-info > input {
  padding-left: 30%;
}
.register-block .register-form-step1,
.register-block .register-form-step2,
.register-block .register-form-step3 {
  width: 27.6875rem;
  height: 100%;
}
.register-block .register-form-step1,
.register-block .register-form-step2 {
  text-align: right;
}
.register-block .register-form-step1 .btn-default,
.register-block .register-form-step2 .btn-default {
  margin-right: 3.5rem;
}
.register-block .register-form-step1 .btn-default.prev,
.register-block .register-form-step2 .btn-default.prev {
  margin-right: 0;
  margin-left: 3.5rem;
}
.register-block .register-form-step1 li .flag,
.register-block .register-form-step2 li .flag {
  position: absolute;
  top: 2.3125rem;
  left: 0.6875rem;
  font-size: 18px;
  font-weight: 700;
}
.register-block .register-form-step1 li .flag i,
.register-block .register-form-step2 li .flag i {
  display: inline-block;
  width: 1.5625rem;
  height: 1.5625rem;
  margin-right: 0.375rem;
  border-radius: 100%;
  background: no-repeat center;
  background-size: contain;
  box-shadow: 0 0 1px #555;
  vertical-align: middle;
}
.register-block .register-form-step1 li .phone,
.register-block .register-form-step2 li .phone {
  padding-left: 5.625rem;
}

.register-block .register-form-step1 li .vcode,
.register-block .register-form-step2 li .vcode {
  padding-right: 8.5rem;
}
.register-block .register-form-step1 .check-wrap,
.register-block .register-form-step2 .check-wrap {
  position: relative;
  width: 20.9375rem;
  margin: 0 auto 1.5625rem;
  text-align: left;
}
.register-block .register-form-step1 .check-wrap input,
.register-block .register-form-step2 .check-wrap input {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.register-block .register-form-step1 .check-wrap label,
.register-block .register-form-step2 .check-wrap label {
  display: block;
  position: relative;
  width: 100%;
  transition: background 0.3s ease-out 0.1s, box-shadow 0.5s ease-in 0.1s;
  cursor: pointer;
}
.register-block .register-form-step1 .check-wrap p,
.register-block .register-form-step2 .check-wrap p {
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  width: 18.75rem;
  color: rgba(0, 0, 0, 0.8);
  vertical-align: middle;
}
.register-block .register-form-step1 .check-wrap .check-cube,
.register-block .register-form-step2 .check-wrap .check-cube {
  display: inline-block;
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.625rem;
  overflow: hidden;
  transition: transform 0.3s ease-out 0.1s, background 0.3s ease-in 0.1s;
  transition: transform 0.3s ease-out 0.1s, background 0.3s ease-in 0.1s,
    -webkit-transform 0.3s ease-out 0.1s;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 2px 3px 0 rgba(0, 0, 0, 0.05),
    0 3px 4px 0 rgba(0, 0, 0, 0.05);
  vertical-align: middle;
}

.check-wrap [type="checkbox"]:checked + label .check-cube,
.register-block
  .register-form-step1
  .check-wrap
  input:checked
  + label
  .check-cube,
.register-block
  .register-form-step2
  .check-wrap
  input:checked
  + label
  .check-cube {
  background: #dabf79;
}
.check-wrap [type="checkbox"]:checked + label:hover .check-cube,
.register-block
  .register-form-step1
  .check-wrap
  input:checked
  + label:hover
  .check-cube,
.register-block
  .register-form-step2
  .check-wrap
  input:checked
  + label:hover
  .check-cube {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}
.register-block .register-form-step3 {
  padding-top: 4.6875rem;
  text-align: center;
}

.register-block .register-form-step3 h4 {
  margin-bottom: 0.3125rem;
  color: #bda46a;
  font-size: 30px;
  line-height: 30px;
}
.register-block .register-form-step3 p {
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.8);
}
.register-block .register-form-step3 .account-longword-wrap,
.register-block .register-form-step3 .account-wrap {
  width: 25rem;
  margin: 1.875rem auto 2.5rem;
  padding: 1.5rem 0 1.6875rem;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.register-block .register-form-step3 .account-longword-wrap .account,
.register-block .register-form-step3 .account-longword-wrap .money,
.register-block .register-form-step3 .account-wrap .account,
.register-block .register-form-step3 .account-wrap .money {
  font-size: 16px;
  line-height: 40px;
}
.register-block .register-form-step3 .account-wrap .account,
.register-block .register-form-step3 .account-wrap .money {
  width: 50%;
  float: left;
}
.register-block .register-form-step3 .account-longword-wrap .account,
.register-block .register-form-step3 .account-longword-wrap .money {
  width: 70%;
  margin: 0 auto;
  text-align: left;
}

.register-tip {
  position: absolute;
  display: inline-block;
  top: 10px;
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  border: 1px solid #5dac81;
  border-radius: 3px;
  line-height: 0;
}
.register-tip label,
.register-tip span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.3125rem;
  line-height: 1.2;
}
.register-tip label {
  background: #5dac81;
  color: #464646;
}
.register-tip span {
  color: #5dac81;
}
.iplimit-card-wrap {
  display: inline-block;
  width: 54.375rem;
  height: 33.75rem;
  margin: 4.375rem 0;
  border-radius: 15px;
  background: #fff;
  font-size: 0;
  word-wrap: break-word;
  word-break: break-all;
}
.iplimit-card-wrap .left-inner,
.iplimit-card-wrap .right-inner {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}
.iplimit-card-wrap .left-inner {
  height: 100%;
}


.iplimit-card-wrap .server-img.img-4 {
  width: 100%;
  height: 27.625rem;
  margin-top: 3.0625rem;
  margin-left: 1.4375rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.iplimit-card-wrap .right-inner {
  padding-right: 2%;
}
.iplimit-card-wrap .right-inner h3 {
  color: #c9a33d;
  font-size: 180px;
  line-height: normal;
  text-transform: uppercase;
  white-space: nowrap;
}
.iplimit-card-wrap .right-inner h4 {
  margin-bottom: 2.125rem;
  color: #c9a33d;
  font-size: 18px;
  word-break: normal;
}
.iplimit-card-wrap .right-inner p {
  margin-bottom: 3.125rem;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
}
.iplimit-card-wrap .right-inner p span,
.no-game-container .right-inner h3,
.no-game-container .right-inner h4,
.no-game-right-container .right-inner h3,
.no-game-right-container .right-inner h4 {
  color: #c9a33d;
}
.iplimit-card-wrap .right-inner a:not(:first-child) {
  margin-left: 0.75rem;
}
.iplimit-card-wrap.sorry .left-inner {
  width: 34.375rem;
}
.iplimit-card-wrap.sorry .right-inner {
  width: 20rem;
}
.iplimit-card-wrap.sorry .right-inner h3 {
  font-size: 80px;
}
.iplimit-card-wrap.service .right-inner h3,
.iplimit-card-wrap.system .right-inner h3 {
  font-size: 4.375rem;
}
.iplimit-card-wrap.system,
.mobile .iplimit-card-wrap {
  margin: 0;
}
.chess-wrap,
.iplimit-card-wrap.system .left-inner {
  position: relative;
}
.iplimit-card-wrap.system .left-inner .logo {
  position: absolute;
  top: -55px;
  left: 3%;
  width: 140px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
}
.iplimit-card-wrap.system .upgrade-time {
  display: inline-block;
  padding: 0.9375rem;
  border-radius: 10px;
}
.iplimit-card-wrap.system .upgrade-time > div {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}
.iplimit-card-wrap.system .upgrade-time > div span {
  margin-right: 10px;
  padding: 5px 20px;
  border-radius: 15px;
  background: #4caf50;
  color: #fff;
  font-size: 1rem;
}
.iplimit-card-wrap.system .upgrade-time p {
  margin-top: 15px;
  margin-bottom: 10px;
  color: #4caf50;
  font-size: 3rem;
  line-height: 1;
}
.iplimit-card-wrap.system .upgrade-time p span {
  margin-left: 0.3125rem;
  color: #4caf50;
  font-size: 1rem;
}
.iplimit-card-wrap.system .upgrade-time .gmt {
  font-size: 1rem;
}
.iplimit-card-wrap.vn .right-inner h3 {
  font-size: 2.5rem;
  font-weight: bolder;
}
#wrap,
.chess-menu ul {
  display: flex;
  justify-content: center;
}
#wrap {
  align-items: center;
  height: 100vh;
  background: linear-gradient(to bottom, #141414, #3c3c3c);
}
.iplimit-sys-bg canvas {
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.content.nomainnav .container-1200 {
  display: inline-flex;
  align-items: center;
}
.logo-wrap.maintain {
  background: #191e32;
}
.logo-wrap.maintain .logo {
  margin-right: 0;
  float: none;
}
.chess-menu .maintenance .chess-button-main a,
.logo-wrap.maintain .logo::before {
  display: none;
}
.chess-wrap {
  height: 680px;
  overflow: hidden;
  background: no-repeat center;
}

.chess-girl {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 50%;
  margin-left: -740px;
  -webkit-transform: translateX(-700px);
  transform: translateX(-700px);
  transition: all 0.5s ease-in-out;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: 100%;
}

.chess-girl.active {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.chess-menu {
  position: absolute;
  z-index: 3;
  top: 50%;
  right: 50%;
  width: 57.5rem;
  -webkit-transform: translate(68%, -50%);
  transform: translate(68%, -50%);
}
.chess-menu ul {
  flex-wrap: wrap;
}

.chess-menu li {
  position: relative;
  width: 17.8125rem;
  height: 16.25rem;
  margin: 0 1.25rem 1.25rem 0;
  padding: 1.25rem;
  -webkit-transform: perspective(1200px) rotateX(0deg) rotateY(0deg)
    scale3d(1, 1, 1) translateZ(0);
  transform: perspective(1200px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1)
    translateZ(0);
  -webkit-transform-style: flat;
  transform-style: flat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: 4000ms cubic-bezier(0.03, 0.98, 0.52, 0.99);
  background-position: left center;
  cursor: pointer;
}
.chess-menu li::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease-in;
  opacity: 0;
  background-position: right center;
}
.chess-menu li.active::before {
  opacity: 1;
}
.chess-menu li img {
  height: 80px;
  margin-bottom: 0.625rem;
}
.chess-menu li h2 {
  margin-bottom: 0.625rem;
  color: rgba(201, 163, 61, 0.5);
}
.chess-menu li > p {
  margin-bottom: 1.25rem;
  color: #fff;
}
.chess-menu .maintenance {
  -webkit-filter: grayscale(70%);
  filter: grayscale(70%);
}
.chess-menu .maintenance .maintenance-inner {
  display: block;
}
.chess-menu .icon-maintenance {
  display: inline-block;
  width: 1.375rem;
  height: 1.375rem;
  margin: 0 0.3125rem 0 0;
}
.chess-menu .maintenance-inner {
  display: none;
}
.chess-menu .maintenance-inner p,
.chess-menu .maintenance-inner strong {
  display: inline-block;
  font-size: 0.75rem;
  vertical-align: middle;
}
.chess-menu .maintenance-inner p {
  letter-spacing: 0;
}
.chess-button {
  position: absolute;
  z-index: 4;
  bottom: 0.75rem;
  left: 0.75rem;
  width: 16.3125rem;
  padding: 0.4375rem 0;
  transition: all 0.3s;
  border-radius: 0.625rem;
  background-color: rgba(255, 255, 255, 0.15);
  background-image: linear-gradient(
    -180deg,
    rgba(255, 255, 255, 0.5) 0,
    rgba(255, 255, 255, 0) 100%
  );
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3),
    inset 0 0 2px 1px rgba(255, 255, 255, 0.5),
    inset 0 0 5px 0 rgba(255, 255, 255, 0.6);
}
.chess-button:hover {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.chess-button .chess-button-main a {
  display: block;
  color: #d6bb78;
}

.chess-money,
.chess-poker1,
.chess-poker2 {
  position: absolute;
  background-repeat: no-repeat;
  background-position: left center;
}


.content .aboutus-wrap {
  display: flex;
  min-height: 100vh;
  margin: 3.125rem auto 0;
}
.aboutus-tab-wrap {
  flex: 0 0 11.25rem;
}
.aboutus-tab-group {
  overflow: hidden;
  border-radius: 3px;
  box-shadow: 0 5px 10px 0 rgba(9, 13, 26, 0.1);
}
.aboutus-tab-item {
  display: block;
  background-color: #fff;
}
.aboutus-tab-item:last-child .aboutus-tab-link::after {
  display: none;
}
.aboutus-tab-link {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  min-height: 2.8125rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.875rem;
}
.aboutus-tab-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 70%;
  height: 1px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.1);
}
.aboutus-tab-link.active,
.aboutus-tab-link:hover {
  background-color: #c9a33d;
  color: #fff;
}
.aboutus-body {
  flex: 1;
}
.article-content {
  margin: 0 3.4375rem;
}
.article-content-title {
  margin-bottom: 2.5rem;
  color: #c9a33d;
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 2.1875rem;
}
.article-detail {
  margin-bottom: 2.1875rem;
}
.article-detail-tile {
  color: #c9a33d;
  font-weight: 700;
  line-height: 2.1875rem;
}
.article-detail-sub-tile {
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  font-style: italic;
  font-weight: 700;
  line-height: 1.875rem;
}
.article-detail-content .list,
.article-detail-content .list-dot,
.article-detail-content .list-number,
.article-detail-content .text {
  margin-bottom: 1.25rem;
  color: rgba(242, 242, 242, 0.9);
  font-size: 0.875rem;
  line-height: 1.6;
}
.article-detail-content .list,
.article-detail-content .list-dot,
.article-detail-content .list-number {
  margin-left: 1.25rem;
}
.article-detail-content .list-dot > li,
.article-detail-content .list-number > li {
  display: list-item;
  padding-bottom: 0.625rem;
  counter-increment: li;
}
.article-detail-content .list-number li {
  list-style: decimal;
}
.article-detail-content .list-dot li {
  list-style: disc;
}
.article-detail-content .point {
  display: block;
  margin-left: 0.9375rem;
}
.article-detail-content .point::before {
  content: "▸";
  display: inline-block;
  margin-right: 0.5rem;
  margin-left: -0.9375rem;
  color: #c9a33d;
}
.article-detail-content .point-list > li {
  display: block;
}
.article-detail-content .link {
  display: inline-block;
  border-bottom: 1px solid #c9a33d;
  color: #c9a33d;
}
.table {
  margin-bottom: 1.25rem;
  background-color: #f2f2f2;
  line-height: 1.8;
}
.table td,
.table-title {
  padding: 0 0.625rem;
  border: 1px solid rgba(51, 51, 51, 0.2);
}
.table-title {
  border-bottom: 0;
  background-color: #c9a33d;
  color: #fff;
  text-align: center;
}
.table td {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.6);
}
.register-tab.register-tab-one li,
.table-100 {
  width: 100%;
}
.txt-center {
  text-align: center;
}
.no-game-container,
.no-game-right-container {
  position: relative;
  z-index: 2;
  width: 100%;
  margin-top: 20px;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
}
.no-game-container .left-inner,
.no-game-right-container .left-inner {
  width: 55%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.no-game-container .right-inner {
  width: 45%;
}
.no-game-container .right-inner h3 {
  font-size: 6.25rem;
}
.no-game-container .right-inner h4,
.no-game-right-container .right-inner h4 {
  opacity: 0.8;
  line-height: 1.8;
}

.no-game-right-container .right-inner {
  width: 100%;
  text-align: center;
}
.no-game-right-container .right-inner h3 {
  display: inline-block;
  width: 45%;
  font-size: 7rem;
  vertical-align: middle;
}
.no-game-right-container .right-inner > div {
  display: inline-block;
  width: auto;
  max-width: 53%;
  text-align: left;
  vertical-align: middle;
}
.no-game-right-container .right-inner h4 {
  margin-bottom: 0.9375rem;
}
.no-game-right-container .right-inner a:not(:first-child) {
  margin-left: 0;
}
.container-register {
  overflow: hidden;
}
.container-register .register-tip {
  right: auto;
  top: -32px;
  left: -5px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.register-wrap {
  position: relative;
  margin: 3.4375rem 0;
  padding: 1.875rem;
  border: 0.0625rem solid #c9a33d;
  border-width: 0.375rem;
  text-align: center;
  -o-border-image: linear-gradient(to bottom, #c9a33d 0, #dabf79 100%);
  border-image: linear-gradient(to bottom, #c9a33d 0, #dabf79 100%);
  border-image-slice: 1;
}
.register-notice,
.sign-in-notice {
  position: absolute;
  top: -1.875rem;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.875rem;
}
.register-notice a,
.sign-in-notice a {
  transition: 0.3s;
  color: #c9a33d;
}
.register-notice a:hover,
.register-tab li.active a,
.sign-in-notice a:hover {
  color: #c9a33d;
}
.register-notice {
  right: 0;
}
.sign-in-notice {
  left: 0;
}
.sign-in-notice p {
  display: inline-block;
  vertical-align: middle;
}
.left-register-info,
.right-register-banner {
  display: inline-block;
  vertical-align: top;
}
.register-tab {
  margin-bottom: 1.25rem;
  border-bottom: 0.0625rem solid #666;
  font-size: 1.125rem;
  line-height: 2;
}
.register-tab a {
  color: #666;
}
.register-tab li {
  position: relative;
  width: 50%;
  float: left;
  cursor: pointer;
}
.register-tab li.active::after {
  content: "";
  position: absolute;
  bottom: -0.1875rem;
  left: 0;
  width: 100%;
  height: 0.3125rem;
  background: #c9a33d;
}
.register-tab.register-tab-one {
  border-color: #c9a33d;
}
.register-tab.register-tab-one li::after {
  content: none;
}
.left-register-info {
  width: 30%;
  margin-right: 3%;
}
.left-register-info input:-webkit-autofill,
.left-register-info input:-webkit-autofill:focus,
.left-register-info input:-webkit-autofill:hover,
.left-register-info select:-webkit-autofill,
.left-register-info select:-webkit-autofill:focus,
.left-register-info select:-webkit-autofill:hover,
.left-register-info textarea:-webkit-autofill,
.left-register-info textarea:-webkit-autofill:focus,
.left-register-info textarea:-webkit-autofill:hover {
  -webkit-transition: background-color 9000s ease-in-out;
  transition: background-color 9000s ease-in-out;
  box-shadow: 0 0 0 1000px rgba(51, 51, 51, 0.3) inset;
  -webkit-text-fill-color: #fff !important;
}
.left-register-info .form-inner input {
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  padding: 0.6875rem;
  border: 0.125rem solid transparent;
  border-radius: 3px;
  background: rgba(51, 51, 51, 0.3);
  color: #fff;
}
.left-register-info .form-inner input::-webkit-input-placeholder,
.register-info input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.left-register-info .form-inner input::-moz-placeholder,
.register-info input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.left-register-info .form-inner input::placeholder,
.register-info input::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.left-register-info .form-inner input:focus {
  border: 0.125rem solid #e5d2a1;
  background: 0;
}
.left-register-info .form-inner .vcode {
  display: inline-block;
  width: 50%;
  font-size: 1.2rem;
  vertical-align: top;
}
.left-register-info .form-inner .vcode-box input::-webkit-input-placeholder,
.left-register-info .form-inner .vcode::-webkit-input-placeholder {
  font-size: 1rem;
}
.left-register-info .form-inner .vcode-box input::-moz-placeholder,
.left-register-info .form-inner .vcode::-moz-placeholder {
  font-size: 1rem;
}
.left-register-info .form-inner .vcode-box input::placeholder,
.left-register-info .form-inner .vcode::placeholder {
  font-size: 1rem;
}
.left-register-info .form-inner .vcode-box input {
  width: 55%;
  font-size: 1.2rem;
}
.left-register-info .form-inner .vcode-box button,
.third-party-login .register-info .form-inner .vcode-box button {
  height: 2.875rem;
  float: right;
  border: 0;
}
.left-register-info .form-inner .error {
  color: #f35e5e;
  font-size: 0.875rem;
  line-height: 1.2;
}
.left-register-info .form-inner .flag {
  position: absolute;
  top: 2.1875rem;
  left: 0.6875rem;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
}
.left-register-info .form-inner .flag i,
.third-party-login .register-info .form-inner .flag i {
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  margin-right: 0.375rem;
  border-radius: 100%;
  background: no-repeat center;
  background-size: cover;
  vertical-align: middle;
}
.left-register-info .form-inner .phone {
  padding-left: 5.9375rem;
}
.left-register-info .eyes {
  background-color: #fff;
}
.right-register-banner {
  position: relative;
  width: 65%;
}
.right-register-banner::before {
  content: "";
  position: absolute;
  top: 0.625rem;
  left: -0.9375rem;
  width: 100%;
  height: 100%;
  border: 0.1875rem solid rgba(255, 255, 255, 0.1);
  border-radius: 3px;
}
.right-register-banner .slides {
  height: 33.125rem;
  overflow: hidden;
  border-radius: 3px;
}
.right-register-banner .slides .banner {
  height: 33.125rem;
  background-position: center;
  background-size: cover;
}
.right-register-banner .flex-control-nav,
.right-register-banner .slick-dots {
  right: 0.9375rem;
  bottom: 0.625rem;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.right-register-banner .flex-control-nav li,
.right-register-banner .slick-dots li {
  margin-left: 0.9375rem;
}
.right-register-banner .flex-control-nav li a,
.right-register-banner .flex-control-nav li button,
.right-register-banner .slick-dots li a,
.right-register-banner .slick-dots li button {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0, 0, 0, 0.2);
}
.right-register-banner .flex-control-nav .flex-active,
.right-register-banner .flex-control-nav .slick-active button,
.right-register-banner .slick-dots .flex-active,
.right-register-banner .slick-dots .slick-active button {
  background: #fff;
}
.right-register-banner .slick-dots {
  z-index: 1001;
}
.form-inner {
  text-align: left;
}
.benefits-table table.benefits,
.form-inner li,
.form-inner ul {
  margin-bottom: 1.25rem;
}
.form-inner li {
  display: block;
  position: relative;
}
.form-inner li:last-child {
  margin-bottom: 0;
}

.form-inner label,
.form-inner select {
  font-size: 14px;
  line-height: 20px;
  display: block;
  width: 100%;
  color: #fff;
}
.form-inner .label-btn-group,
.form-inner label {
  margin-bottom: 0.4375rem;
}
.vcode-img {
  position: relative;
  width: 47%;
  height: 2.875rem;
  float: right;
  overflow: hidden;
  border-radius: 0.3125rem;
  background: #000;
}
.vcode-img img {
  width: auto;
  max-width: 120px;
  height: 100%;
}

.reload:hover {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.btn-register-next,
.btn-register-prev,
.btn-register-submit {
  width: 2.8125rem;
  height: 2.8125rem;
  transition: 0.3s;
  border-radius: 100%;
  color: rgba(51, 51, 51, 0.1);
  vertical-align: top;
}
.btn-register-next:hover,
.btn-register-prev:hover,
.btn-register-submit:hover {
  box-shadow: 0.125rem 0.125rem 0.5rem rgba(0, 0, 0, 0.3);
}

.check-wrap {
  position: relative;
}
.check-wrap .check-cube {
  display: inline-block;
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.625rem;
  overflow: hidden;
  transition: transform 0.3s ease-out 0.1s, background 0.3s ease-in 0.1s;
  transition: transform 0.3s ease-out 0.1s, background 0.3s ease-in 0.1s,
    -webkit-transform 0.3s ease-out 0.1s;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 2px 3px 0 rgba(0, 0, 0, 0.05),
    0 3px 4px 0 rgba(0, 0, 0, 0.05);

  vertical-align: middle;
}

.check-wrap p {
  position: initial;
  width: 91%;
  float: right;
  color: #fff;
  line-height: 1.3;
}
.check-wrap [type="checkbox"] {
  display: none;
}
.check-wrap [type="checkbox"] + label {
  cursor: pointer;
}
.check-wrap [type="checkbox"]:checked + label .check-cube::before {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}
.step-register {
  height: auto;
  margin: 0;
  background: 0 0;
  line-height: 0;
}
.step-register .step-wrap {
  margin-bottom: 15px;
  padding: 0;
}
.step-register .step-wrap::before {
  margin-top: 13px;
  background: #222843;
}
.step-register .step-wrap li {
  width: 30px;
  height: 30px;
}
.step-register .step-wrap li::before {
  top: 13px;
}
.step-register .step-wrap li span {
  display: block;
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 100%;
  background: #222843;
  line-height: 30px;
}
.step-register .step-wrap.st2 .step1::before,
.step-register .step-wrap.st3 .step1::before,
.step-register .step-wrap.st3 .step2::before {
  width: 60px;
  margin-left: 25px;
}
.phone-area-code {
  flex: 0 0 34%;
  margin-right: 10px;
}
.phone-info {
  display: flex;
  flex-flow: row nowrap;
}
.form-inner .vodiapicker {
  display: none;
}
.form-inner .phone-code-list li {
  margin-bottom: 0;
}
.lang-select {
  position: relative;
  font-size: 0.875rem;
}
.phone-code-list {
  position: absolute;
  z-index: 3;
  top: 3.125rem;
  left: 0;
  width: 100%;
  max-height: 11.25rem;
  overflow: scroll;
  border-radius: 0.3125rem;
  background: #1d1e26;
  color: #fff;
  overflow-x: hidden;
}
.phone-code-list li {
  width: 100%;
  padding: 0.3125rem;
  list-style: none;
  cursor: pointer;
}
.phone-code-list li:hover {
  background: #464646;
}
.phone-code-list img,
.third-party-login .form-pop .phone-area-code .phone-code-list img {
  margin: 5px;
  border-radius: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
.third-party-login .currency-code-list img,
.third-party-login .phone-code-list img,
.third-party-login .social-code-list img {
  margin: 5px;
}
.btn-select img,
.phone-code-list img {
  width: 30px;
}
.btn-select span,
.phone-code-list span {
  margin-left: 0.5rem;
}
.btn-select img,
.btn-select span,
.phone-code-list img,
.phone-code-list span {
  display: inline-block;
  vertical-align: middle;
}
.phone-code-list-group {
  display: none;
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.open {
  display: show !important;
}
.btn-select {
  position: relative;
  width: 100%;
  height: 2.8125rem;
  padding: 0 0.625rem;
  border: 0;
  border-radius: 5px;
  background: rgba(51, 51, 51, 0.3);
  color: #fff;
  cursor: pointer;
}
.btn-select li {
  padding-bottom: 0;
  float: left;
  list-style: none;
}
.btn-select:hover li {
  margin-left: 0;
}
.btn-select:focus {
  outline: 0;
}

.content .container-register-success {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  margin: 2.5rem auto;
  text-align: center;
}
.content .container-register-success .right-register-banner {
  width: 61.3%;
  margin-left: 2%;
}

.register-success-left-wrap.short-height .success-img {
  width: 10.625rem;
  height: 6.25rem;
}
.success-img {
  position: absolute;
  z-index: 1;
  bottom: -11%;
  left: -15%;
  width: 11.25rem;
  height: 8.75rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.register-success-cont {
  display: inline-block;
  width: 98%;
  margin-bottom: 1.375rem;
  word-wrap: break-word;
  word-break: break-all;
  vertical-align: middle;
}

.register-success-cont h5 {
  margin-bottom: 1.25rem;
  color: #fff;
  font-size: 2rem;
  line-height: 1.2;
  text-align: center;
  word-break: keep-all;
}
.register-success-cont > p {
  max-height: 160px;
  margin-bottom: 20px;
  padding: 0.3125rem 0;
  overflow-x: hidden;
  overflow-y: auto;
  color: rgba(255, 255, 255, 0.6);
  word-break: normal;
}
.register-success-cont .btn-default {
  width: 100%;
}
.register-member-info {
  margin-bottom: 1.25rem;
  padding: 0.9375rem 7%;
  border-radius: 5px;
  background: rgba(136, 136, 136, 0.2);
}
.register-member-info ul {
  margin: 0;
}
.register-member-info li {
  display: block;
  margin-bottom: 0.9375rem;
  text-align: left;
}
.promotion-2 li:last-child .card-inner,
.register-member-info li:last-child {
  margin-bottom: 0;
}
.register-member-info p {
  display: inline-block;
  max-width: 77%;
  color: #dfc98d;
  line-height: 20px;
  vertical-align: text-top;
}
.register-member-info label {
  display: block;
  margin-bottom: 0;
  color: #fff;
}
.register-member-info .error::before {
  color: #464646;
}
.register-member-info .confirm-passward {
  height: 0;
  margin: 0;
  opacity: 0;
}
.register-member-info .confirm-passward.active {
  -webkit-animation: infoShow 0.1s ease-in forwards;
  animation: infoShow 0.1s ease-in forwards;
}
.register-info {
  position: relative;
  line-height: 0;
}
.register-info input:-webkit-autofill,
.register-info input:-webkit-autofill:focus,
.register-info input:-webkit-autofill:hover,
.register-info select:-webkit-autofill,
.register-info select:-webkit-autofill:focus,
.register-info select:-webkit-autofill:hover,
.register-info textarea:-webkit-autofill,
.register-info textarea:-webkit-autofill:focus,
.register-info textarea:-webkit-autofill:hover {
  -webkit-transition: background-color 9000s ease-in-out;
  transition: background-color 9000s ease-in-out;
  box-shadow: 0 0 0 1000px rgba(51, 51, 51, 0.3) inset;
  -webkit-text-fill-color: #fff !important;
}
.register-info input {
  font-size: 14px;
  line-height: 20px;
  width: 100%;
  margin-top: 0.1875rem;
  padding: 0.6875rem;
  border: 0.125rem solid transparent;
  border-radius: 3px;
  background: rgba(51, 51, 51, 0.3);
  color: #fff;
}
.register-info input:focus {
  border: 0.125rem solid #dabf79;
  background: 0;
}
.register-info input:-internal-autofill-selected {
  background-color: rgba(51, 51, 51, 0.3);
}
.register-info input:-webkit-autofill {
  -webkit-transition: background-color 9000s ease-in-out 0s;
  transition: background-color 9000s ease-in-out 0s;
  box-shadow: 0 0 0 1000px rgba(51, 51, 51, 0.3) inset;
  -webkit-text-fill-color: #fff;
}
.register-info:not(.recommomd-code) input {
  height: 0;
  padding: 0;
  border-width: 0;
}
.register-info .eyes {
  display: none;
  height: 100%;
  background-color: #fff;
}
.register-info.active:not(.recommomd-code) input {
  -webkit-animation: inputShow 0.5s forwards 0.6s;
  animation: inputShow 0.5s forwards 0.6s;
}
.register-info.active .eyes {
  display: block;
  opacity: 0;
}
.register-info.active > div:not(.eyes) {
  -webkit-animation: valueHide 0.4s ease-in forwards;
  animation: valueHide 0.4s ease-in forwards;
}
.register-success-right-banner {
  width: 63%;
  height: 38.75rem;
  float: right;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.register-success-right-banner li {
  background-size: contain !important;
}
.register-right-promotion {
  display: inline-block;
  width: 32%;
  text-align: left;
  vertical-align: middle;
}
.register-right-promotion .promotion-card li {
  width: 100%;
}
.register-right-promotion .promotion-card .img-wrap {
  height: 10rem;
}
.register-right-promotion .promotion-card .card-inner {
  margin: 0 0 0.75rem;
}
.register-right-promotion.two-columns {
  width: 63%;
  float: right;
}
.register-right-promotion.two-columns li {
  width: 49%;
}
.register-right-promotion.two-columns li:nth-child(2n) {
  float: right;
}
.register-right-promotion.two-columns li:nth-child(3) .card-inner,
.register-right-promotion.two-columns li:nth-child(4) .card-inner {
  margin-bottom: 0;
}
.register-img {
  height: 19.0625rem;
  border-radius: 0.1875rem;
  background-position: center;
  background-size: cover;
}
.icon-edit,
.tooltip {
  display: inline-block;
  transition: 0.3s;
}

.icon-edit:hover + .tooltip {
  opacity: 1;
}
.tooltip {
  position: relative;
  padding: 0 0.3125rem;
  border-radius: 0.125rem;
  opacity: 0;
  background: #474747;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.6;
}
.tooltip::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -0.3125rem;
  width: 0;
  height: 0;
  -webkit-transform: translate(0, -4px);
  transform: translate(0, -4px);
  border-width: 0.25rem 0.3125rem 0.25rem 0;
  border-style: solid;
  border-color: transparent #474747 transparent transparent;
}
.btn-edit-group .btn-default {
  display: inline-block;
  width: 49%;
  border: 0;
  vertical-align: top;
}
.recommomd-code > input {
  display: block;
}
.register-btn-group {
  display: flex;
  flex-wrap: row nowrap;
  align-items: center;
  justify-content: space-between;
}
.register-btn-group .btn-default {
  flex: 1 1 auto;
  width: auto;
  white-space: nowrap;
}
.register-btn-group .btn-default:first-child {
  margin-right: 0.625rem;
}
.app-download {
  padding-top: 0;
}
.app-download .download-title {
  margin: 3.75rem 0;
  text-align: center;
  text-transform: uppercase;
}
.app-download .download-title h1,
.app-download .download-title h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(180deg, #fff 0, #d5dae0 100%);
  font-size: 4.25rem;
  font-weight: 700;
  line-height: 1;
  position: relative;
  -webkit-text-fill-color: transparent;
}
.app-download .download-title h4 {
  font-size: 3rem;
}
.app-download .section {
  background-color: #191e32;
}

.app-download .section:nth-child(1) .col-5:nth-child(2) {
  align-self: flex-start;
}
.app-download .section:nth-child(2) {
  background-image: linear-gradient(
    180deg,
    transparent 0,
    rgba(0, 0, 0, 0.4) 40%,
    rgba(0, 0, 0, 0.4) 60%,
    transparent 100%
  );
}

.app-download .section .section-inner {
  display: inline-flex;
  text-align: left;
  width: 75rem;
}
.app-download .section .col-5 {
  display: block;
  align-self: center;
  width: 50%;
}
.app-download .section .col-5 img {
  height: auto;
  width: 90%;
}
.app-download .section .col-5 .text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  color: #fff;
  font-size: 0.9375rem;
}
.app-download .section .col-5 .text + .text {
  margin-top: 0.9375rem;
}
.app-download .section .col-5 .sub-title {
  -webkit-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(180deg, #f7dc92 0, #c3951a 100%);
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 2.5rem 0;
  -webkit-text-fill-color: transparent;
}
.app-download .section .col-5 .sub-title span {
  display: inline-block;
  height: 2.1875rem;
  max-width: 100%;
  overflow: hidden;
  padding-right: 0.625rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-download .section .col-5 .sub-title span + span {
  -o-border-image: linear-gradient(180deg, #f7dc92 0, #c3951a 100%);
  border-image: linear-gradient(180deg, #f7dc92 0, #c3951a 100%);
  border-left: 0.125rem solid;
}
.app-download .section .col-5 .sub-title span a {
  border-bottom: 0.125rem solid #c3951a;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.app-download .section .col-5 .qr-code-box {
  display: flex;
}
.app-download .section .col-5 .qr-code-box li {
  flex: 1 0 auto;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 40%;
  margin-right: 1.25rem;
}
.app-download .section .col-5 .qr-code-box li .qr-code {
  display: block;
  height: 8.75rem;
  left: 50%;
  margin-bottom: 1.25rem;
  position: relative;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 8.75rem;
}
.app-download .section .col-5 .qr-code-box li .icon {
  display: inline-block;
  height: 1.5625rem;
  margin-right: 0.625rem;
  width: 1.5625rem;
}
.app-download .section .col-5 .qr-code-box li span {
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  position: relative;
  top: -0.3125rem;
}
.app-download .section .col-5 .icon-box {
  display: flex;
  flex-direction: column;
}
.app-download .section .col-5 .icon-box li {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0.625rem 0;
  text-align: left;
}
.app-download .section .col-5 .icon-box li img {
  height: 6.25rem;
  margin-right: 2.5rem;
  width: 6.25rem;
}
.app-download .section .col-5 .icon-box li span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  white-space: normal;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
}
#fp-nav ul li {
  margin: 0.9375rem;
}
#fp-nav ul li:hover a span {
  height: 0.75rem;
  margin: 0;
  width: 0.75rem;
  background: rgba(255, 255, 255, 0.7);
}
#fp-nav ul li a.active span {
  background: #fff;
  margin: 0 !important;
}
#fp-nav ul li a span {
  background: rgba(255, 255, 255, 0.5);
  height: 0.75rem;
  margin: 0;
  width: 0.75rem;
}
.fp-scrollable {
  overflow-y: scroll;
}
.third-party-login {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.third-party-login,
.third-party-login a,
.third-party-login h1,
.third-party-login h2,
.third-party-login h3,
.third-party-login h4,
.third-party-login i,
.third-party-login p,
.third-party-login pre,
.third-party-login span {
  font-family: Helvetica;
}
.third-party-login .register-wrap {
  border: unset;
  margin: 3.125rem 0;
  padding: 0;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.third-party-login .register-wrap .error::before {
  display: none;
}
.third-party-login .register-banner,
.third-party-login .register-info {
  display: inline-block;
  vertical-align: top;
}
.third-party-login .register-info {
  width: 27.5rem;
  margin-left: 7.5rem;
  padding: 2.625rem 3rem;
  border-radius: 5px;
  background: #191e33;
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(0, 0, 0, 0.5);
}
.third-party-login .register-info input:-webkit-autofill,
.third-party-login .register-info input:-webkit-autofill:focus,
.third-party-login .register-info input:-webkit-autofill:hover,
.third-party-login .register-info select:-webkit-autofill,
.third-party-login .register-info select:-webkit-autofill:focus,
.third-party-login .register-info select:-webkit-autofill:hover,
.third-party-login .register-info textarea:-webkit-autofill,
.third-party-login .register-info textarea:-webkit-autofill:focus,
.third-party-login .register-info textarea:-webkit-autofill:hover {
  -webkit-transition: background-color 9000s ease-in-out;
  transition: background-color 9000s ease-in-out;
  box-shadow: 0 0 0 1000px rgba(51, 51, 51, 0.3) inset;
  -webkit-text-fill-color: #fff !important;
}
.third-party-login .register-info input {
  margin-top: 0;
}
.third-party-login .register-info .form-inner input {
  font-size: 12px;
  line-height: 20px;
  width: 100%;
  padding: 0.6875rem;
  border: 0.125rem solid transparent;
  border-radius: 3px;
  background: rgba(51, 51, 51, 0.3);
  color: #fff;
}
.third-party-login .register-info .form-inner input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.third-party-login .register-info .form-inner input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.third-party-login .register-info .form-inner input::placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.third-party-login .register-info .form-inner input:focus {
  border: 0.125rem solid #e5d2a1;
  background: 0;
}
.third-party-login .register-info .form-inner .vcode {
  display: inline-block;
  width: 50%;
  font-size: 1.2rem;
  vertical-align: top;
}
.third-party-login
  .register-info
  .form-inner
  .vcode-box
  input::-webkit-input-placeholder,
.third-party-login
  .register-info
  .form-inner
  .vcode::-webkit-input-placeholder {
  font-size: 1rem;
}
.third-party-login
  .register-info
  .form-inner
  .vcode-box
  input::-moz-placeholder,
.third-party-login .register-info .form-inner .vcode::-moz-placeholder {
  font-size: 1rem;
}
.third-party-login .register-info .form-inner .vcode-box input::placeholder,
.third-party-login .register-info .form-inner .vcode::placeholder {
  font-size: 1rem;
}
.third-party-login .register-info .form-inner .vcode-box input {
  width: 55%;
  font-size: 1.2rem;
}
.third-party-login .register-info .form-inner .error {
  color: #f35e5e;
  font-size: 0.875rem;
  line-height: 1.2;
}
.third-party-login .register-info .form-inner .flag {
  position: absolute;
  top: 2.1875rem;
  left: 0.6875rem;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
}
.third-party-login .register-info .form-inner .phone {
  padding-left: 5.9375rem;
}
.third-party-login .choose-box label::before,
.third-party-login .register-info .eyes {
  background-color: #fff;
}
.third-party-login .register-banner {
  position: relative;
  width: 30.375rem;
}
.third-party-login .register-banner::before {
  content: "";
  position: absolute;
  top: 0.625rem;
  left: -0.9375rem;
  width: 100%;
  height: 100%;
}
.third-party-login .register-banner .slides {
  height: 30.375rem;
  overflow: hidden;
}
.third-party-login .register-banner .slides .banner {
  height: 30.375rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.third-party-login .register-banner .banner-title {
  position: relative;
  display: block;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.2;
  color: #c9a33d;
  text-transform: uppercase;
  font-family: Helvetica;
  bottom: 1.875rem;
}
.third-party-login .register-banner .flex-control-nav,
.third-party-login .register-banner .slick-dots {
  right: auto;
  left: 12.8125rem;
  bottom: 0.625rem;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.third-party-login .register-banner .flex-control-nav li,
.third-party-login .register-banner .slick-dots li {
  margin: 0 0.4375rem;
}
.third-party-login .register-banner .flex-control-nav li a,
.third-party-login .register-banner .flex-control-nav li button,
.third-party-login .register-banner .slick-dots li a,
.third-party-login .register-banner .slick-dots li button {
  background: #7d6523;
  box-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0, 0, 0, 0.2);
}
.third-party-login .register-banner .flex-control-nav .slick-active button,
.third-party-login .register-banner .slick-dots .slick-active button {
  background: #c9a33d;
}
.third-party-login .register-banner .slick-dots {
  z-index: 1001;
}
.third-party-login .register-info-title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #c9a33d;
  font-size: 1.5625rem;
  font-weight: 700;
  text-align: left;
  font-family: Helvetica;
}
.third-party-login .register-info-title + .menu-box,
.third-party-login .register-info-title + .verification-wrap {
  margin-top: 1.5rem;
}
.third-party-login .register-info-title p {
  display: block;
  line-height: 1;
}
.third-party-login .button,
.third-party-login .invitation-code {
  display: flex;
  position: relative;
  align-content: center;
  justify-content: flex-start;
}
.third-party-login .invitation-code p,
.third-party-login .invitation-code span {
  padding: 0;
  color: #5c6485;
  font-size: 0.875rem;
  line-height: 1.2;
}
.third-party-login .invitation-code p {
  position: relative;
}
.third-party-login .invitation-code .item-icon {
  display: block;
  width: 0.9375rem;
  height: 0.9375rem;
  margin-right: 0.5625rem;
  background-color: #5c6485;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.third-party-login .form-btn-box .button {
  height: 3rem;
}
.third-party-login .button {
  border-radius: 0.3125rem;
  color: #fff;
  font-size: 0.9375rem;
  text-align: center;
  justify-content: center;
  box-shadow: 0 0.0625rem 2px rgba(6, 8, 15, 0.3), inset 0 0 0.1875rem #f0e5c9;
  line-height: 1;
}
.third-party-login .button .btn-signup-next,
.third-party-login .button .btn-signup-prev,
.third-party-login .button a {
  display: inline-flex;
  align-items: center;
  padding: 0 0.9375rem;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.third-party-login .button.facebook,
.third-party-login .button.google {
  display: flex;
  align-items: center;
  justify-content: center;
}
.third-party-login .button.facebook a,
.third-party-login .button.google a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0;
}
.third-party-login .button.facebook .item-icon,
.third-party-login .button.google .item-icon {
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.third-party-login .btn-default,
.third-party-login .btn-primary {
  background: linear-gradient(to right, #d4b665 0, #a46c0d 50%);
  box-shadow: inset 0 0 0.1875rem #f0e5c9;
}
.third-party-login .btn-secondary {
  background: linear-gradient(to right, #445187 0, #3e3e3e 50%);
  box-shadow: inset 0 0 0.1875rem #4c5b98;
}
.third-party-login .btn-fourth {
  background: linear-gradient(to right, #d5deed 0, #d5deed 50%);
  box-shadow: inset 0 0 0.1875rem #d5deed;
}
.third-party-login .btn-fourth a {
  color: #222;
}
.third-party-login .btn-saving {
  background: linear-gradient(
    to right,
    rgba(212, 182, 101, 0.5) 0,
    rgba(164, 108, 13, 0.5) 50%
  );
  box-shadow: inset 0 0 0.1875rem #f0e5c9;
}
.third-party-login .btn-disable {
  background: #414960;
  box-shadow: 0 0.0625rem 2px rgba(6, 8, 15, 0.3), inset 0 0 0.1875rem #06080f;
}
.third-party-login .btn-disable a {
  color: rgba(255, 255, 255, 0.5);
}
.third-party-login .refresh {
  display: inline-flex;
  position: absolute;
  right: 1rem;
  bottom: calc(50% - 0.625rem);
}
.third-party-login .refresh.active {
  -webkit-animation: rotate 1s forwards;
  animation: rotate 1s forwards;
}
.third-party-login .refresh-icon {
  width: 1.25rem;
  height: 1.25rem;
  background: #5c6485;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: top center;
  mask-position: top center;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.benefits-table table.conversion,
.third-party-login .form-btn-box {
  margin-top: 1.25rem;
}
.third-party-login .verification-wrap {
  display: block;
}
.third-party-login .verification-wrap input[type="number"],
.third-party-login .verification-wrap input[type="number"]:active {
  border: 1px solid #272e4d;
  background: #080a10;
}
.third-party-login .verification-wrap input[type="number"].input-disabled,
.third-party-login .verification-wrap input[type="number"]:disabled {
  background: #1f283e;
}
.third-party-login .verification-wrap input[type="number"].input-error {
  border: 1px solid #f35e5e;
}
.third-party-login .verification-wrap input[type="number"].input-focus,
.third-party-login .verification-wrap input[type="number"]:focus {
  border: 1px solid #c9a33d;
}
.third-party-login .verification-wrap.input-disable input[type="number"] {
  background: #1f283e;
}
.third-party-login .verification-wrap.input-error input[type="number"] {
  border: 1px solid #f35e5e;
}
.third-party-login .verification-tips,
.third-party-login .verification-txt {
  margin: 1rem auto;
  text-align: left;
}
.third-party-login .verification-tips p,
.third-party-login .verification-txt p {
  color: #5c6485;
  font-size: 0.875rem;
  line-height: 1.5;
}
.third-party-login .verification-tips p span,
.third-party-login .verification-txt p span {
  color: #fff;
}
.third-party-login .verification-tips p a,
.third-party-login .verification-txt p a {
  color: #c9a33d;
}
.third-party-login .verification-tips p .player,
.third-party-login .verification-txt p .player {
  display: block;
  width: 100%;
  margin-top: 0.3125rem;
}
.third-party-login .verification-tips p .resend-btn,
.third-party-login .verification-tips p .time,
.third-party-login .verification-txt p .resend-btn,
.third-party-login .verification-txt p .time {
  display: none;
}
.third-party-login .verification-tips p .resend-btn,
.third-party-login .verification-txt p .resend-btn {
  transition: 0.5s;
  text-decoration: none;
}
.third-party-login .verification-tips p .resend-btn.active,
.third-party-login .verification-tips p .time.active,
.third-party-login .verification-txt p .resend-btn.active,
.third-party-login .verification-txt p .time.active {
  display: inline-block;
}
.third-party-login .verification-tips p .resend-btn.active,
.third-party-login .verification-txt p .resend-btn.active {
  transition: 0.5s;
}
.third-party-login .verification-tips {
  margin-bottom: 2rem;
}
.third-party-login .verification-content {
  display: block;
  color: #fff;
}
.third-party-login .verification-content.error::before {
  display: none;
}
.third-party-login .verification-code {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.third-party-login .verification-code fieldset {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}
.third-party-login .verification-code .label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  border: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
}
.third-party-login .verification-input {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  overflow: hidden;
}
.third-party-login .verification-input input[type="number"] {
  flex: 1;
  height: 5rem;
  border-radius: 0.3125rem;
  font-size: 1.875rem;
  font-weight: 700;
  text-align: center;
  color: #c9a33d;
  -webkit-text-fill-color: #fff;
}
.third-party-login
  .verification-input
  input[type="number"]::-webkit-input-placeholder {
  text-shadow: none;
  -webkit-text-fill-color: initial;
}
.third-party-login
  .verification-input
  input[type="number"]
  + input[type="number"] {
  margin-left: 0.1875rem;
}
.third-party-login .verification-input input::-webkit-inner-spin-button,
.third-party-login .verification-input input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.third-party-login .verification-input input[type="number"]:nth-child(n + 4) {
  order: 2;
}
.third-party-login .eyes {
  display: block;
  top: 2.125rem;
  width: 2.75rem;
  height: 2.75rem;
  background-color: #5c6485;
}
.third-party-login .eyes,
.third-party-login .eyes.active,
.third-party-login .input-status i {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.third-party-login .eyes,
.third-party-login .eyes.active {
  -webkit-mask-size: 39%;
  mask-size: 39%;
}
.third-party-login .input-status {
  position: absolute;
  z-index: 1;
  top: 2.125rem;
  right: 0;
  width: 2.75rem;
  height: 2.75rem;
  -webkit-transform: none;
  transform: none;
}
.third-party-login .input-status i {
  display: none;
  width: 100%;
  height: 100%;
}
.third-party-login .input-status i.icon-error {
  display: block;
  background-color: #f35e5e;
  -webkit-mask-size: 26%;
  mask-size: 26%;
}
.third-party-login .input-status i.icon-check {
  display: block;
  background-color: #c9a33d;
  -webkit-mask-size: 30%;
  mask-size: 30%;
}
.third-party-login .input-group input:focus .input-status i {
  display: none;
}
.third-party-login .puzzle-verification-box {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  border: 0.0625rem solid #272e4d;
  border-radius: 0.3125rem;
  background: #080a10;
}
.third-party-login .puzzle-verification-box .title {
  position: relative;
  width: 100%;
  padding: 1.0625rem;
  border-bottom: 1px solid #272e4d;
  line-height: 1;
}
.third-party-login .puzzle-verification-box .title p {
  padding: 0;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: left;
}
.third-party-login .puzzle-verification {
  display: block;
  width: 100%;
  padding: 1rem;
  overflow: hidden;
}
.third-party-login .puzzle-verification .captcha-pic {
  position: relative;
  width: 100%;
  height: 9.625rem;
  background-position: center;
  background-size: cover;
}
.third-party-login .puzzle-verification .captcha-blank {
  position: absolute;
  top: 50%;
  left: 70%;
  width: 3.875rem;
  height: 3.875rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  stroke: #fff;
  fill: #000;
  stroke-opacity: 0.3;
  fill-opacity: 0.5;
}
.third-party-login .puzzle-verification .captcha-frag-box {
  position: absolute;
  top: 0;
  left: 100px;
  width: inherit;
  height: inherit;
  background-image: inherit;
  background-position: inherit;
  background-size: inherit;
  -webkit-clip-path: path(
    "M23.4996992,0 C29.298523,0 33.9993985,4.70101013 33.9993985,10.5 C33.9993985,12.9548708 33.1569733,15.2129771 31.7454511,17.0009828 L42,17 C44.209139,17 46,18.790861 46,21 L46.0004981,31.2532274 C47.7882954,29.8421372 50.0459551,29 52.5003008,29 C58.2991245,29 63,33.7010101 63,39.5 C63,45.2989899 58.2991245,50 52.5003008,50 C50.0459551,50 47.7882954,49.1578628 46.0004981,47.7467726 L46,59 C46,61.209139 44.209139,63 42,63 L4,63 C1.790861,63 1.13686729e-13,61.209139 1.13686729e-13,59 L-0.000920548002,47.7461276 C1.78700598,49.1576062 4.04497962,50 6.49969924,50 C12.298523,50 16.9993985,45.2989899 16.9993985,39.5 C16.9993985,33.7010101 12.298523,29 6.49969924,29 C4.04497962,29 1.78700598,29.8423938 -0.000920548002,31.2538724 L1.13686729e-13,21 C1.13686729e-13,18.790861 1.790861,17 4,17 L15.2539474,17.0009828 C13.8424252,15.2129771 13,12.9548708 13,10.5 C13,4.70101013 17.7008755,0 23.4996992,0 Z"
  );
  clip-path: path(
    "M23.4996992,0 C29.298523,0 33.9993985,4.70101013 33.9993985,10.5 C33.9993985,12.9548708 33.1569733,15.2129771 31.7454511,17.0009828 L42,17 C44.209139,17 46,18.790861 46,21 L46.0004981,31.2532274 C47.7882954,29.8421372 50.0459551,29 52.5003008,29 C58.2991245,29 63,33.7010101 63,39.5 C63,45.2989899 58.2991245,50 52.5003008,50 C50.0459551,50 47.7882954,49.1578628 46.0004981,47.7467726 L46,59 C46,61.209139 44.209139,63 42,63 L4,63 C1.790861,63 1.13686729e-13,61.209139 1.13686729e-13,59 L-0.000920548002,47.7461276 C1.78700598,49.1576062 4.04497962,50 6.49969924,50 C12.298523,50 16.9993985,45.2989899 16.9993985,39.5 C16.9993985,33.7010101 12.298523,29 6.49969924,29 C4.04497962,29 1.78700598,29.8423938 -0.000920548002,31.2538724 L1.13686729e-13,21 C1.13686729e-13,18.790861 1.790861,17 4,17 L15.2539474,17.0009828 C13.8424252,15.2129771 13,12.9548708 13,10.5 C13,4.70101013 17.7008755,0 23.4996992,0 Z"
  );
}
.third-party-login .puzzle-verification .captcha-bar {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  height: 2.875rem;
  margin-top: 1rem;
  border: 0.0625rem solid #272e4d;
  background: #191e33;
}
.third-party-login .puzzle-verification .captcha-bar-slider {
  position: absolute;
  top: 0;
  height: 2.875rem;
}
.third-party-login .puzzle-verification .captcha-bar-btn {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: 2.875rem;
  height: 2.875rem;
  background: linear-gradient(90deg, #d4b665 0, #a46c0d 50%);
  box-shadow: 0 0.0625rem 0.125rem 0 rgba(6, 8, 15, 0.3),
    inset 0 0 0.1875rem 0#f0e5c9;
  cursor: pointer;
}
.third-party-login .puzzle-verification .captcha-bar-icon {
  width: 1rem;
  height: 1rem;
  background: #191e33;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: left;
  mask-position: left;
}
.third-party-login .puzzle-verification.active .captcha-bar-btn {
  left: 20%;
}
.third-party-login .puzzle-tips p::before,
.third-party-login .puzzle-verification.active .captcha-text {
  display: none;
}
.third-party-login .puzzle-verification.passed .captcha-bar-slider {
  width: 70%;
  border: 0.0625rem solid #108b64;
  background: rgba(16, 139, 100, 0.3);
}
.third-party-login .puzzle-verification.passed .captcha-bar-btn {
  left: 70%;
  background: #108b64;
  box-shadow: 0 0.0625rem 0.625rem 0#06080f, inset 0 0 0.1875rem 0#f0e5c9;
}
.third-party-login .puzzle-verification.passed .captcha-bar-icon {
  width: 0.875rem;
  height: 0.875rem;
  background: #fff;
}
.third-party-login .puzzle-verification.passed .puzzle-tips p {
  color: #108b64;
}
.third-party-login .puzzle-verification.passed .puzzle-tips .item-icon {
  background: #108b64;
}
.third-party-login .puzzle-verification.error::before {
  content: none;
}
.third-party-login .puzzle-verification.error .captcha-bar-slider {
  width: 30%;
  border: 0.0625rem solid #f35e5e;
  background: rgba(243, 94, 94, 0.3);
}
.third-party-login .puzzle-verification.error .captcha-bar-btn {
  left: 30%;
  background: #f35e5e;
  box-shadow: 0 0.0625rem 0.625rem 0#06080f, inset 0 0 0.1875rem 0#f0e5c9;
}
.third-party-login .puzzle-verification.error .captcha-bar-icon {
  width: 0.75rem;
  height: 0.75rem;
  background: #fff;
}
.third-party-login .puzzle-verification.error .puzzle-tips p {
  color: #f35e5e;
}
.third-party-login .puzzle-verification.error .puzzle-tips .item-icon {
  background: #f35e5e;
}
.third-party-login .item-icon,
.third-party-login .pop-wrap.add-phone-number .item-icon {
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.625rem;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: #5c6485;
}
.third-party-login .puzzle-tips {
  position: relative;
  flex: 1;
  width: 100%;
  padding-top: 0.75rem;
  text-align: left;
  white-space: normal;
}
.third-party-login .puzzle-tips p {
  display: flex;
  flex: 1;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 0;
  color: #5c6485;
  font-size: 0.75rem;
}
.third-party-login .pop-wrap.add-phone-number .item-icon {
  display: inline-flex;
  color: rgba(201, 163, 61, 0.5);
  text-align: center;
}
.third-party-login .menu-box {
  margin-top: 0;
  background: 0 0;
  font-family: helvetica;
}
.third-party-login .currency-wrap,
.third-party-login .phone-wrap,
.third-party-login .social-wrap {
  display: flex;
  flex-flow: row nowrap;
}
.third-party-login .currency-wrap p,
.third-party-login .phone-wrap p,
.third-party-login .social-wrap p {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.8125rem;
  line-height: 2.5rem;
}
.third-party-login .currency-area-code {
  width: 100%;
}
.third-party-login .social-area-code {
  flex: 0 0 48%;
  margin-right: 10px;
}
.third-party-login .phone-info {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
}
.third-party-login .lang-select::after {
  position: relative;
  font-size: 0.75rem;
}
.third-party-login .lang-select::after .button {
  margin: 0;
  width: 100%;
}
.third-party-login .lang-select::after .button span {
  font-size: 0.75rem;
  color: #5c6485;
}
.third-party-login .currency-code-list,
.third-party-login .form-pop .phone-area-code .phone-code-list,
.third-party-login .phone-code-list,
.third-party-login .social-code-list {
  position: absolute;
  z-index: 105;
  top: 2.8125rem;
  left: 0;
  width: 100%;
  max-height: 350px;
  overflow: scroll;
  border-radius: 5px;
  border: 0;
  background: #080a10;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  display: flex;
  text-align: left;
  flex-direction: column;
  overflow-x: hidden;
}
.third-party-login .currency-code-list li,
.third-party-login .form-pop .phone-area-code .phone-code-list li,
.third-party-login .phone-code-list li,
.third-party-login .social-code-list li {
  margin-bottom: 0;
  padding: 5px;
  list-style: none;
}
.third-party-login .currency-code-list span,
.third-party-login .form-pop .phone-area-code .phone-code-list span,
.third-party-login .phone-code-list span,
.third-party-login .social-code-list span {
  color: #fff;
  font-size: 0.75rem;
}
.third-party-login .phone-area-code .phone-code-list li:hover {
  background: #464646 !important;
}
.third-party-login .btn-select img,
.third-party-login .currency-code-list img,
.third-party-login .phone-code-list img,
.third-party-login .social-code-list img {
  width: 1.25rem;
  border-radius: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.8);
}
.third-party-login .btn-select span,
.third-party-login .currency-code-list span,
.third-party-login .phone-code-list span,
.third-party-login .social-code-list span {
  margin-left: 10px;
}
.third-party-login .btn-select img,
.third-party-login .btn-select span,
.third-party-login .currency-code-list img,
.third-party-login .currency-code-list span,
.third-party-login .phone-code-list img,
.third-party-login .phone-code-list span,
.third-party-login .social-code-list img,
.third-party-login .social-code-list span {
  display: inline-block;
  vertical-align: middle;
}
.third-party-login .currency-area-code li {
  cursor: pointer;
}
.third-party-login .currency-area-code li:hover {
  background: #464646;
}
.third-party-login .currency-code-list-group,
.third-party-login .phone-code-list-group,
.third-party-login .social-code-list-group {
  display: none;
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.third-party-login .open {
  display: show !important;
}
.third-party-login .btn-select {
  position: relative;
  width: 100%;
  height: 2.5rem;
  padding: 0 1rem 0 0.875rem;
  border: 0;
  border-radius: 0.1875rem;
  background: #080a10;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 300;
  box-shadow: none;
}
.third-party-login .btn-select li {
  padding-bottom: 0;
  float: left;
  list-style: none;
}
.third-party-login .btn-select:hover li {
  margin-left: 0;
}
.third-party-login .btn-select:focus {
  outline: 0;
}

.third-party-login .btn-select:disabled {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  background: 0 0;
  border-radius: 0;
}
.third-party-login .option-group label {
  font-size: 0.8125rem;
  text-align: left;
}
.third-party-login .input-group .btn-select,
.third-party-login .input-group .currency-code-list span,
.third-party-login .input-group .phone-code-list span,
.third-party-login .input-group [type="number"],
.third-party-login .input-group [type="password"],
.third-party-login .input-group [type="text"],
.third-party-login .option-group .btn-select,
.third-party-login .option-group .currency-code-list span,
.third-party-login .option-group .phone-code-list span,
.third-party-login .option-group [type="number"],
.third-party-login .option-group [type="password"],
.third-party-login .option-group [type="text"] {
  font-size: 0.8125rem;
}
.third-party-login .input-group {
  display: flex;
  position: relative;
  flex-direction: column;
  padding: 0;
  background: 0 0;
  font-size: 0.75rem;
  line-height: 1.5;
  margin-top: 0.875rem;
}
.third-party-login .input-group + .puzzle-verification-box {
  margin-top: 0.875rem;
}
.third-party-login .input-group + .login-info-box {
  margin-top: 0.3125rem;
}
.third-party-login .input-group:first-child {
  margin-top: 0;
}
.third-party-login .input-group label {
  position: relative;
  height: 1.5rem;
  margin-bottom: 0.625rem;
  overflow: hidden;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.third-party-login .input-group input {
  box-sizing: border-box;
  width: 100%;
  height: 2.75rem;
  padding: 0 1rem;
  transition: background 0.3s;
  border: 0.0625rem solid #272e4d;
  border-radius: 0.3125rem;
  background: #080a10;
  color: #fff;
  font-family: helvetica;
  font-size: 0.75rem;
}
.third-party-login .input-group input::-webkit-input-placeholder {
  color: #5c6485;
}
.third-party-login .input-group input::-moz-placeholder {
  color: #5c6485;
}
.third-party-login .input-group input::placeholder {
  color: #5c6485;
}
.third-party-login .input-group input:focus {
  padding: 0 2.75rem 0 1rem;
  border: 0.0625rem solid #c9a33d;
}
.third-party-login .input-group input:disabled {
  border: 0.0625rem solid #1f283e;
  background: #1f283e;
  color: #5c6485;
}
.third-party-login .input-group input.input-error,
.third-party-login .input-group.error input,
.third-party-login .input-group.error select {
  border: 1px solid #f35e5e;
}
.third-party-login .input-group .btn-select {
  align-content: center;
  align-items: center;
  justify-content: flex-start;
  border: 0.0625rem solid #272e4d;
  border-radius: 0.3125rem;
  background: #080a10;
}

.third-party-login .input-group .clear.active {
  opacity: 1;
}
.third-party-login .input-group .eyes {
  position: absolute;
  z-index: 1;
  right: 0;
  -webkit-transform: none;
  transform: none;
  background: #5c6485;
}
.third-party-login .input-group .refresh {
  position: absolute;
  top: 1.5rem;
  right: 0;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.1875rem;
  background-color: #5c6485;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 40%;
  mask-size: 40%;
}
.third-party-login .input-group .refresh.active {
  -webkit-animation: rotate 1s forwards;
  animation: rotate 1s forwards;
}
.third-party-login .input-group.error input:focus,
.third-party-login .input-group.error select:focus {
  border: 1px solid #c9a33d;
}
.third-party-login .input-group.new-password .clear,
.third-party-login .input-group.new-password .input-status,
.third-party-login .input-group.password .clear,
.third-party-login .input-group.password .input-status {
  right: 1.75rem;
}
.third-party-login .input-group.new-password .clear.hasbutton,
.third-party-login .input-group.password .clear.hasbutton {
  right: 6.875rem;
}
.third-party-login .input-group.currency label,
.third-party-login .input-group.money label {
  position: absolute;
  z-index: 2;
  top: 1.5rem;
  left: 1rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.third-party-login .input-group.currency input,
.third-party-login .input-group.money input {
  text-align: right;
}
.third-party-login .input-group.currency .clear,
.third-party-login .input-group.money .clear {
  top: 0;
}
.third-party-login .input-group.upload-file .input-wrap::before {
  content: "";
  display: flex;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0.625rem;
  border-radius: 0.5rem;
  background-color: #191e33;
  pointer-events: none;
}
.third-party-login .input-group.upload-file input {
  opacity: 0;
}
.third-party-login .input-group.date input:focus {
  padding: 0 1rem;
}
.third-party-login .input-group input:-webkit-autofill,
.third-party-login .input-group input:-webkit-autofill:focus,
.third-party-login .input-group input:-webkit-autofill:hover,
.third-party-login .input-group select:-webkit-autofill,
.third-party-login .input-group select:-webkit-autofill:focus,
.third-party-login .input-group select:-webkit-autofill:hover,
.third-party-login .input-group textarea:-webkit-autofill,
.third-party-login .input-group textarea:-webkit-autofill:focus,
.third-party-login .input-group textarea:-webkit-autofill:hover {
  background-image: none;
  box-shadow: 0 0 0 50px #06080f inset;
  color: #c9a33d;
  -webkit-text-fill-color: #fff;
  text-fill-color: #fff;
}
.third-party-login .input-wrap {
  position: relative;
}
.third-party-login .input-wrap .status {
  position: absolute;
  top: 50% !important;
  right: 0;
  flex-flow: row nowrap;
  padding: 0 1rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #40d0cb;
  font-size: 0.75rem;
  text-decoration: none;
}
.third-party-login .input-wrap .status::before {
  display: none !important;
}
.third-party-login .input-wrap .status span,
.third-party-login .input-wrap .unconfirm-btn span {
  display: inline-block;
  width: 0.8125rem;
  height: 0.8125rem;
  margin-right: 0.3125rem;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.third-party-login .input-wrap .status span {
  content: "";
  position: relative;
  top: 0.125rem;
  background-color: #40d0cb;
  -webkit-mask-position: 50% 50%;
  mask-position: 50% 50%;
}
.third-party-login .input-wrap .unconfirm-btn {
  color: #ffd259;
  text-decoration: underline;
}
.third-party-login .input-wrap .save-btn.hide,
.third-party-login .input-wrap .save-btn::before,
.third-party-login .input-wrap .unconfirm-btn::before {
  display: none;
}
.third-party-login .input-wrap .unconfirm-btn span {
  background-color: #ffd259;
  -webkit-mask-position: 100% 100%;
  mask-position: 100% 100%;
}
.third-party-login .input-wrap .save-btn {
  color: #00b5ff;
  text-decoration: underline;
}
.third-party-login .input-wrap .get-vcode-btn span {
  padding: 0.125rem 0.375rem;
  border-radius: 1.875rem;
  background: #79a5fc;
  color: #fff;
}
.third-party-login .input-wrap .get-vcode-btn.active {
  background: 0 0;
  color: #fff;
  pointer-events: none;
}
.third-party-login .phone-wrap {
  box-sizing: border-box;
  width: 100%;
  height: 2.75rem;
  padding: 0;
  transition: background 0.3s;
  border: 0.0625rem solid #272e4d;
  border-radius: 0.3125rem;
  background: #080a10;
  color: #fff;
  font-family: helvetica;
  font-size: 0.75rem;
}
.third-party-login .phone-wrap input {
  box-sizing: border-box;
  width: 100%;
  transition: background 0.3s;
  border: 0;
  background: 0 0;
  padding: 0 2.75rem 0 1rem;
}
.third-party-login .phone-wrap input:focus {
  border: 0.0625rem solid #c9a33d;
}
.third-party-login .phone-wrap .clear {
  top: 0;
}
.third-party-login .form-pop .phone-area-code .btn-select,
.third-party-login .phone-wrap .btn-select {
  padding: 0 0 0 0.875rem;
  border: 0;
  border-radius: unset;
  background: 0 0;
  color: #fff;
}
.third-party-login .form-pop .phone-area-code .btn-select::before,
.third-party-login .phone-wrap .btn-select::before {
  position: absolute;
  content: "";
  display: block;
  width: 1px;
  height: 1.375rem;
  right: 0;
  background: #272e4d;
}
.third-party-login .phone-area-code {
  flex: 0 0 28%;
  margin-right: 10px;
  position: relative;
  top: auto;
}
.third-party-login .phone-area-code .lang-select .btn-select::after {
  right: -5px;
}
.third-party-login .option-group .phone-area-code,
.third-party-login .option-group .social-area-code {
  flex: 0 0 100%;
  margin-right: 0;
}
.third-party-login .password-condition p {
  margin-top: 0.5rem;
  text-align: left;
  color: #5c6485;
}
.third-party-login .password-condition p span {
  color: #5c6485;
  line-height: 1.2;
}
.third-party-login .password-condition p span.active {
  color: #c9a33d;
}
.third-party-login .error-message {
  display: flex;
  flex-grow: row nowrap;
  justify-content: flex-start;
  margin-top: 1rem;
  color: #f35e5e;
  font-size: 0.875rem;
  text-align: left;
  align-items: flex-start;
}
.third-party-login .error-message::before {
  content: "!";
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  border-radius: 50%;
  background-color: #f35e5e;
  color: #191e33;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1rem;
  text-align: center;
}
.third-party-login .error-message span {
  display: inline-block;
  width: 90%;
  line-height: 1.2;
}
.third-party-login .another-login-block {
  margin-top: 2.25rem;
  text-align: center;
  font-size: 0.875rem;
}
.third-party-login .another-login-block .another-login-icon {
  display: block;
  text-align: center;
}
.third-party-login .another-login-block .another-login-icon a {
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.third-party-login .another-login-block .another-login-icon a + a {
  margin-left: 1.5rem;
}
.third-party-login .another-login-block .block-border {
  position: relative;
  display: block;
  text-align: center;
  color: #5c6485;
}
.third-party-login .another-login-block .block-border::after,
.third-party-login .another-login-block .block-border::before {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 9.375rem;
  height: 0.0625rem;
  font-size: 1.625rem;
  border-top: 1px solid #414960;
}
.third-party-login .another-login-block .block-border::before {
  left: 0;
}
.third-party-login .another-login-block .block-border::after {
  right: 0;
}
.third-party-login .another-login-block.verification {
  position: relative;
  width: 100%;
}
.third-party-login .another-login-block.verification a {
  display: block;
  color: #c9a33d;
  margin-top: 1.5rem;
  text-decoration: none;
}
.third-party-login .forgetpassword-buttn {
  color: #fff;
  font-size: 0.875rem;
}
.third-party-login .forgetpassword-buttn a {
  padding: 0.3125rem 0;
  border: 0;
  color: #c9a33d;
  text-decoration: none;
  display: block;
}
.third-party-login .another-signuplogin-block {
  margin-top: 1.375rem;
  text-align: center;
  font-size: 0.875rem;
}
.third-party-login .another-signuplogin-block .title {
  position: relative;
  display: flex;
  font-size: 0.875rem;
  margin-bottom: 1.25rem;
  color: #5c6485;
  text-align: center;
  width: 100%;
  align-content: center;
  justify-content: center;
}
.third-party-login .another-signuplogin-block .title::after,
.third-party-login .another-signuplogin-block .title::before {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 100%;
  height: 0.0625rem;
  font-size: 1.625rem;
  border-top: 1px solid #5c6485;
  z-index: 1;
}
.third-party-login .another-signuplogin-block .title::before {
  left: 0;
}
.third-party-login .another-signuplogin-block .title::after {
  right: 0;
}
.third-party-login .another-signuplogin-block .title p {
  display: inline-flex;
  padding: 10px;
  background: #191e33;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 2;
}
.third-party-login .another-signuplogin-block .block-border {
  position: relative;
  display: block;
  text-align: center;
  color: #5c6485;
}
.third-party-login .another-signuplogin-block .block-border::after,
.third-party-login .another-signuplogin-block .block-border::before {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 9.375rem;
  height: 0.0625rem;
  font-size: 1.625rem;
  border-top: 1px solid #414960;
}
.third-party-login .another-signuplogin-block .block-border::before {
  left: 0;
}
.third-party-login .another-signuplogin-block .block-border::after {
  right: 0;
}
.third-party-login .another-signuplogin-block.verification {
  position: absolute;
  width: calc(100% - 1rem);
  padding: 0 1rem;
  bottom: 0;
  left: 0;
}
.third-party-login .another-signuplogin-block.verification a {
  display: block;
  color: #c9a33d;
  margin-top: 1rem;
  text-decoration: none;
}
.third-party-login .another-signuplogin-icon {
  display: block;
  text-align: center;
}
.third-party-login .another-signuplogin-icon a {
  position: relative;
  display: inline-block;
  width: 1.875rem;
  height: 1.875rem;
  margin: 0 0.9375rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.third-party-login .another-signuplogin-icon a:hover::before {
  position: absolute;
  top: 2.8125rem;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 0.75rem;
  color: #5c6485;
  background: #090d1a;
  border-radius: 0.1875rem;
  padding: 0.5rem 0.9375rem;
  line-height: 1.2;
}
.third-party-login .another-signuplogin-icon a:hover::after {
  content: "";
  display: block;
  position: relative;
  top: 38px;
  left: 35%;
  width: 0;
  height: 0;
  border-top: 0.4375rem solid #090d1a;
  border-right: 0.3125rem solid transparent;
  border-left: 0.3125rem solid transparent;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.third-party-login .another-signuplogin-icon .facebook:hover::before {
  content: "Sign up by Facebook";
  left: -165%;
}
.third-party-login .another-signuplogin-icon .google:hover::before {
  content: "Sign up by Google";
  left: -150%;
}
.third-party-login .another-signuplogin-icon .account:hover::before {
  content: "Sign up by Account";
  left: -160%;
}
.third-party-login .another-signuplogin-icon .phone-mail:hover::before {
  content: "Sign up by Phone or email";
  left: -215%;
}
.third-party-login .another-signuplogin-icon .account,
.third-party-login .another-signuplogin-icon .phone-mail {
  background: #c9a33d;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.third-party-login .button-tips,
.third-party-login .footer-tips,
.third-party-login .signup-tips {
  display: block;
  margin: 1.125rem 0 0;
  color: #5c6485;
  font-size: 0.75rem;
  line-height: 1.2;
}
.third-party-login .footer-tips {
  margin: 1.5625rem 0 0;
  text-align: left;
}
.third-party-login .button-tips a,
.third-party-login .button-tips i,
.third-party-login .footer-tips a,
.third-party-login .footer-tips i,
.third-party-login .signup-tips a,
.third-party-login .signup-tips i {
  color: #c9a33d;
  margin-left: 0.3125rem;
}
.third-party-login .button-tips p,
.third-party-login .footer-tips p,
.third-party-login .signup-tips p {
  padding: 0;
}
.third-party-login .button-tips.right {
  text-align: right;
}
.third-party-login .icon-copy {
  display: none;
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  padding: 0.3125rem 0.625rem;
  border-radius: 0.1875rem;
  opacity: 0;
  background: #fff;
  box-shadow: 0 0 2px rgba(153, 153, 153, 0.5);
  font-size: 0.75rem;
  color: #000;
  line-height: 1.5;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
}
.third-party-login .icon-copy::before {
  content: "";
  position: absolute;
  right: 5px;
  bottom: -5px;
  width: 0;
  height: 0;
  border-width: 6px 3px 0;
  border-style: solid;
  border-color: #fff transparent transparent;
}
.third-party-login .icon-copy.show {
  display: block;
  -webkit-animation: icon-copy-show 0.3s linear forwards;
  animation: icon-copy-show 0.3s linear forwards;
}
.third-party-login .icon-copy.hide {
  display: block;
  -webkit-animation: icon-copy-hide 0.2s linear forwards;
  animation: icon-copy-hide 0.2s linear forwards;
}
.third-party-login .register-success-wrap {
  padding: 0;
  background-color: transparent;
  box-shadow: none;
}
.third-party-login .success-checkmark {
  margin: 0 auto;
  overflow: hidden;
  width: 3.8125rem;
  height: 5.6875rem;
}
.third-party-login .success-checkmark .check-icon {
  position: relative;
  box-sizing: content-box;
  width: 3.3125rem;
  height: 3.3125rem;
  border-radius: 50%;
  border: 0.25rem solid rgba(201, 163, 61, 0.5);
}
.third-party-login .success-checkmark .check-icon::before {
  top: 0.1875rem;
  left: -0.125rem;
  width: 1.875rem;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  border-radius: 6.25rem 0 0 6.25rem;
}
.third-party-login .success-checkmark .check-icon::after {
  top: 0;
  left: 1.875rem;
  width: 3.75rem;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-animation: rotate-circle 4s ease-in;
  animation: rotate-circle 4s ease-in;
  border-radius: 0 6.25rem 6.25rem x 0;
}
.third-party-login .success-checkmark .check-icon::after,
.third-party-login .success-checkmark .check-icon::before {
  content: "";
  position: absolute;
  height: 6.25rem;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: 0 0;
}
.third-party-login .success-checkmark .check-icon .icon-line {
  display: block;
  position: absolute;
  z-index: 10;
  height: 0.3125rem;
  border-radius: 0.125rem;
  background-color: #c9a33d;
}
.third-party-login .success-checkmark .check-icon .icon-line.line-tip {
  top: 1.875rem;
  left: 0.5rem;
  width: 1.125rem;
  -webkit-transform: rotate(46deg);
  transform: rotate(46deg);
  -webkit-animation: third-party-icon-line-tip 0.7s;
  animation: third-party-icon-line-tip 0.7s;
}
.third-party-login .success-checkmark .check-icon .icon-line.line-long {
  top: 1.5625rem;
  right: 0.375rem;
  width: 2rem;
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);
  -webkit-animation: third-party-icon-line-long 0.7s;
  animation: third-party-icon-line-long 0.7s;
}
.third-party-login .success-checkmark .check-icon .icon-circle {
  position: absolute;
  z-index: 10;
  top: -0.25rem;
  left: -0.25rem;
  box-sizing: content-box;
  width: 3.3125rem;
  height: 3.3125rem;
  border-radius: 50%;
  border: transparent;
}
.third-party-login .success-checkmark .check-icon .icon-fix {
  position: absolute;
  z-index: 1;
  top: 0.5rem;
  left: 1.625rem;
  width: 0.3125rem;
  height: 5.3125rem;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: transparent;
}
.third-party-login .register-success-cont .top-inner h3,
.third-party-login .register-success-cont .top-inner h4 {
  color: #c9a33d;
  font-family: helvetica;
  line-height: 1.2;
}
.third-party-login .register-success-cont .top-inner h3 {
  font-size: 1.875rem;
  font-weight: 700;
}
.third-party-login .register-success-cont .top-inner h3 + h4 {
  margin: 1rem 0 0;
}
.third-party-login .register-success-cont .top-inner h4 {
  font-size: 0.875rem;
}
.third-party-login .register-success-cont .top-inner p {
  margin-top: 1.5rem;
  color: #5c6485;
  font-size: 0.75rem;
  line-height: 1.2;
}
.third-party-login .btn-edit-group,
.third-party-login .register-success-btn {
  flex-wrap: nowrap;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  width: 100%;
}
.third-party-login .btn-edit-group .button,
.third-party-login .register-success-btn .button {
  margin: 0 0.125rem;
  flex: 1;
  border: 0;
  font-size: 0.9375rem;
  align-items: center;
}
.third-party-login .btn-edit-group .button + .button,
.third-party-login .register-success-btn .button + .button {
  margin-left: 0.5rem;
}
.third-party-login .register-success-btn {
  margin-top: 3.4375rem;
}
.third-party-login .user-password-info-box {
  margin: 1.5rem 0 0;
}
.third-party-login .user-password-info-box + .register-success-btn {
  margin-top: 1.5rem;
}
.third-party-login .user-password-info-box p {
  flex: 1;
  margin-right: 0.625rem;
  opacity: 0.7;
  color: #fff;
  text-align: right;
  word-break: break-word;
}
.third-party-login .user-password-info li {
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 0.9375rem;
  border: 1px solid #272e4d;
  border-radius: 0.3125rem;
  background: #080a10;
  font-size: 0.875rem;
  line-height: 1.5;
  text-align: left;
}
.third-party-login .user-password-info li + li {
  margin-top: 1rem;
}
.third-party-login .user-password-info label {
  padding-right: 0.3125rem;
  color: #5c6485;
}
.third-party-login .user-password-info label + .info {
  margin-top: 0.625rem;
}
.third-party-login .user-password-info .info {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-start;
}
.third-party-login .user-password-info p {
  color: #fff;
  text-align: left;
}
.third-party-login .user-password-info .info-copy {
  position: relative;
}
.third-party-login .user-password-info .info-copy .item-icon {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #c9a33d;
  cursor: pointer;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.third-party-login .user-password-info .icon-copy {
  min-width: 3.375rem;
  text-align: center;
}
.third-party-login .vodiapicker {
  display: none;
}
.third-party-login .login-info-box {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: flex-end;
  margin: 0.625rem 0 0;
}
.third-party-login .btn-loading .loading-spinner + p {
  margin-left: 0.625rem;
}
.third-party-login .loading-spinner {
  display: none;
}
.third-party-login .lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 1.5625rem;
  height: 1.5625rem;
}
.third-party-login .lds-spinner li {
  display: block;
  -webkit-transform-origin: 0.8125rem 0.8125rem;
  transform-origin: 0.8125rem 0.8125rem;
  -webkit-animation: lds-spinner 1.2s linear infinite;
  animation: lds-spinner 1.2s linear infinite;
}
.third-party-login .lds-spinner li:after {
  content: " ";
  display: block;
  position: absolute;
  top: 0.125rem;
  left: 0.75rem;
  width: 0.125rem;
  height: 0.3125rem;
  border-radius: 20%;
  background: currentColor;
}
.third-party-login .lds-spinner li:nth-child(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.third-party-login .lds-spinner li:nth-child(2) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.third-party-login .lds-spinner li:nth-child(3) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.third-party-login .lds-spinner li:nth-child(4) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.third-party-login .lds-spinner li:nth-child(5) {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.third-party-login .lds-spinner li:nth-child(6) {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.third-party-login .lds-spinner li:nth-child(7) {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.third-party-login .lds-spinner li:nth-child(8) {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.third-party-login .lds-spinner li:nth-child(9) {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.third-party-login .lds-spinner li:nth-child(10) {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.third-party-login .lds-spinner li:nth-child(11) {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
.third-party-login .lds-spinner li:nth-child(12) {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.third-party-login .submit-money-group .error {
  position: absolute;
  top: 3.125rem;
  left: 0.3125rem;
}
.third-party-login .deposit .submit-money-group,
.third-party-login .withdrawal .submit-money-group {
  align-items: center;
}
.third-party-login .deposit .submit-money-group .button,
.third-party-login .withdrawal .submit-money-group .button {
  position: relative;
  height: 2.5rem;
  border-radius: 0.3125rem;
  color: #fff;
  font-size: 0.9375rem;
  text-align: center;
  display: flex;
  align-content: center;
  justify-content: center;
  box-shadow: 0 0.0625rem 2px rgba(6, 8, 15, 0.3), inset 0 0 0.1875rem #f0e5c9;
  line-height: 1;
}
.third-party-login .deposit .submit-money-group .btn-disable,
.third-party-login .withdrawal .submit-money-group .btn-disable {
  background: #414960;
  box-shadow: 0 0.0625rem 2px rgba(6, 8, 15, 0.3), inset 0 0 0.1875rem #06080f;
  box-shadow: none;
  overflow: inherit;
}

.third-party-login .dialog {
  display: inline-flex;
  position: relative;
  margin-left: 1.25rem;
  align-items: center;
  justify-content: center;
  height: auto;
  padding: 0.5rem 0.625rem;
  border-radius: 0.5rem;
  color: #5c6485;
  background-color: #090d1a;
  font-size: 0.75rem;
  line-height: 1.2;
}
.third-party-login .dialog .arrow {
  position: absolute;
  top: calc(50% - 0.25rem);
  left: -0.625rem;
  width: 0;
  height: 0;
  border-top: 0.5rem solid #090d1a;
  border-right: 0.375rem solid transparent;
  border-left: 0.375rem solid transparent;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.third-party-login .dialog::before {
  content: " ";
  margin-right: 0.1875rem;
  font-size: 0.6875rem;
}
.third-party-login .input-box.input-money span {
  color: #fff;
  line-height: 3rem;
}
.bonus-wallet-wrap .title::before,
.third-party-login .input-box.input-money.active .reset-btn {
  background-color: #c9a33d;
}
.third-party-login .input-box [type="text"]:focus {
  border-color: #c9a33d;
}
.third-party-login .input-box [type="text"] {
  border-radius: 0.3125rem;
  color: #fff;
}
.third-party-login .choose-box label {
  border-color: #272e4d;
  background-color: #080a10;
}
.third-party-login .choose-box [type="checkbox"]:checked + label,
.third-party-login .choose-box [type="radio"]:checked + label {
  border-color: #c9a33d;
  color: #c9a33d;
}
.third-party-login .choose-box [type="checkbox"]:checked + label p,
.third-party-login .choose-box [type="radio"]:checked + label p {
  color: #c9a33d;
}
.third-party-login .choose-box label::after {
  border-color: transparent transparent #c9a33d;
}
.third-party-login .choose-box label,
.third-party-login .choose-box li {
  border-radius: 5px;
}
.third-party-login .tab-container {
  background-color: #191e33;
}
.third-party-login .tag-recommond {
  height: 1.25rem;
  background: linear-gradient(135deg, #698af2 0, #3356cd 50%);
}
.third-party-login .personal-info i {
  margin-right: 0.75rem;
}
.third-party-login .personal-info .default-tag {
  position: absolute;
  background-color: rgba(201, 163, 61, 0.5);
  border-radius: 0.125rem;
  padding: 0.0625rem 0.375rem;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.75rem;
  right: 1rem;
  top: -0.625rem;
}
.third-party-login .personal-data {
  border-radius: 5px;
}
.third-party-login .personal-data li {
  position: relative;
  display: flex;
  justify-content: flex-start;
  width: 18.6875rem;
  padding: 1rem;
  background-color: rgba(34, 40, 67, 0.5);
  cursor: pointer;
}
.third-party-login .personal-data .unconfirm-btn {
  border: 1px dotted #191e32;
  background-color: rgba(34, 40, 67, 0.2);
}
.third-party-login .form-pop .btn-close .input-group input,
.third-party-login .form-pop .info-list label,
.third-party-login .personal-data .unconfirm-btn p {
  color: #5c6485;
}
.third-party-login .personal-data .status {
  position: absolute;
  right: 1rem;
  font-size: 0.625rem;
}
.third-party-login .personal-data .status.unconfirm {
  color: #f35e5e;
}
.third-party-login .personal-data .status.confirm {
  color: #108b64;
}
.third-party-login .form-pop {
  background-color: #191e33;
  border-radius: 10px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
.third-party-login .form-pop .pop-inner {
  width: 90%;
}
.third-party-login .form-pop .info-list span {
  color: #fff;
}
.third-party-login .form-pop .pop-title {
  background: rgba(15, 21, 41, 0.9);
}
.pop-inner input,
.third-party-login .form-pop .pop-title h3 {
  color: #c9a33d;
}
.third-party-login .form-pop .btn-close {
  background-color: transparent;
}
.third-party-login .form-pop .btn-close::before {
  background-color: #5c6485;
}
.main-nav .nav-inner > li .app-download a::before,
.third-party-login .form-pop [type="date"]::before {
  display: none;
}
.third-party-login .form-pop .item-icon.social {
  background-color: unset;
}
.third-party-login .form-pop .item-icon + .info-block {
  margin-left: 1.25rem;
}
.third-party-login .form-pop.add-birthday-pop .item-icon {
  position: absolute;
  bottom: 12px;
  right: 5px;
  width: 20px;
  height: 20px;
}
.third-party-login .form-pop .btn-select li {
  margin: 0;
}
.third-party-login .form-pop .input-group.phone-number .clear {
  top: 0;
}
.pagination {
  margin: 0.9375rem auto;
}
.pagination > li {
  width: 1.875rem;
  height: 1.875rem;
  margin: 0 0.3125rem;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0.1875rem;
}
.pagination > li > a {
  display: inline-block;
  padding: 0 !important;
  font-size: 0.875rem !important;
  line-height: 1.875rem;
}
.pagination .next,
.pagination .prev,
.pagination > li.active {
  border: 0;
}
.pagination > li.active > a {
  background-color: #c9a33d !important;
}
.pagination .next.disabled > a,
.pagination .prev.disabled > a {
  opacity: 0.3;
  background-color: transparent;
}
.pagination .next > a,
.pagination .prev > a {
  text-indent: 9999px;
}

.content.mobile {
  height: 100vh;
  padding-top: 0;
}
.content.mobile .container-1200,
.pagination > li > a {
  width: 100%;
  height: 100%;
}
.content.mobile .container-1200::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
@media screen and (orientation: portrait) {
  .content.mobile .iplimit-card-wrap {
    width: 90vw;
    height: auto;
    vertical-align: middle;
  }
  .content.mobile .iplimit-card-wrap .left-inner {
    width: 100%;
  }
  .content.mobile .iplimit-card-wrap .server-img {
    width: 100%;
    height: 0;
    margin: 5%0;
    padding-bottom: 62.5%;
    background-size: contain;
  }
  .content.mobile .iplimit-card-wrap .server-img.img-2 {
    background-size: 90%;
  }
  .content.mobile .iplimit-card-wrap .server-img.img-3 {
    background-position-x: 80%;
  }
  .content.mobile .iplimit-card-wrap .right-inner {
    width: auto;
    margin-bottom: 6.6666666667vw;
    padding: 0 5%;
  }
  .content.mobile .iplimit-card-wrap .right-inner h3 {
    font-size: 26.6666666667vw;
  }
  .content.mobile .iplimit-card-wrap .right-inner h4 {
    margin-bottom: 5%;
    font-size: 4.8vw;
    line-height: normal;
  }
  .content.mobile .iplimit-card-wrap .right-inner p {
    margin-bottom: 5%;
    font-size: 3.7333333333vw;
    line-height: normal;
  }
  .content.mobile .iplimit-card-wrap .right-inner a {
    height: 9.3333333333vw;
    padding: 0 8vw;
    border-radius: 5.3333333333vw;
    font-size: 4.2666666667vw;
    line-height: 9.3333333333vw;
  }
  .content.mobile .iplimit-card-wrap .right-inner a:not(:first-child) {
    margin-left: 3.2vw;
  }
  .content.mobile .iplimit-card-wrap.service .right-inner h3 {
    font-size: 13.3333333333vw;
  }
  .content.mobile .iplimit-card-wrap.sorry .right-inner h3 {
    font-size: 17.3333333333vw;
  }
  .content.mobile .iplimit-card-wrap.system .right-inner h3 {
    font-size: 16vw;
  }
  .content.mobile .iplimit-card-wrap.system .upgrade-time > div {
    line-height: 0;
  }
  .content.mobile .iplimit-card-wrap.system .upgrade-time > div span {
    display: inline-block;
    max-width: 75%;
    padding: 1.3333333333vw 2.6666666667vw;
    border-radius: 3.4666666667vw;
    font-size: 3.7333333333vw;
    line-height: 1;
  }
  .content.mobile .iplimit-card-wrap.system .upgrade-time p,
  .content.mobile .iplimit-card-wrap.vn .right-inner h3 {
    font-size: 10.6666666667vw;
  }
  .content.mobile .iplimit-card-wrap.system .upgrade-time .gmt {
    margin: 0;
    padding: 1.3333333333vw 0;
    font-size: 3.7333333333vw;
  }
  .content.mobile .iplimit-card-wrap.system .left-inner .logo {
    top: -12vw;
    width: 32vw;
    height: 10.6666666667vw;
  }
}
@media screen and (orientation: landscape) and (min-aspect-ratio: 13/9) and (max-width: 1024px) {
  .content.mobile {
    padding: 2.2488755622vmax 0;
  }
  .content.mobile .iplimit-card-wrap {
    width: 90vw;
    height: 90vh;
    vertical-align: middle;
  }
  .content.mobile .iplimit-card-wrap .left-inner {
    width: calc(50% - 4.4977511244vmax);
    margin: 0 2.2488755622vmax;
  }
  .content.mobile .iplimit-card-wrap .server-img {
    width: 100%;
    height: 100%;
    margin: 0;
    background-size: contain;
  }
  .content.mobile .iplimit-card-wrap .right-inner h3 {
    font-size: 16.4917541229vmax;
  }
  .content.mobile .iplimit-card-wrap .right-inner h4 {
    margin-bottom: 5%;
    font-size: 2.6986506747vmax;
    line-height: normal;
  }
  .content.mobile .iplimit-card-wrap .right-inner p {
    margin-bottom: 5%;
    font-size: 2.0989505247vmax;
    line-height: normal;
  }
  .content.mobile .iplimit-card-wrap .right-inner a {
    height: 5.2473763118vmax;
    padding: 0 4.4977511244vmax;
    border-radius: 2.9985007496vmax;
    font-size: 2.3988005997vmax;
    line-height: 5.2473763118vmax;
  }
  .content.mobile .iplimit-card-wrap .right-inner a:not(:first-child) {
    margin-left: 1.7991004498vmax;
  }
  .content.mobile .iplimit-card-wrap.sorry .right-inner {
    width: 50%;
  }
  .content.mobile .iplimit-card-wrap.sorry .right-inner h3 {
    font-size: 8.9955022489vmax;
  }
  .content.mobile .iplimit-card-wrap.vn .right-inner h3 {
    font-size: 5.9970014993vmax;
  }
  .content.mobile .iplimit-card-wrap.service .right-inner h3,
  .content.mobile .iplimit-card-wrap.system .right-inner h3 {
    font-size: 8.9955022489vmax;
  }
  .content.mobile .iplimit-card-wrap.system .upgrade-time > div {
    line-height: 0;
  }
  .content.mobile .iplimit-card-wrap.system .upgrade-time > div span {
    display: inline-block;
    max-width: 70%;
    padding: 0.7496251874vmax 1.4992503748vmax;
    border-radius: 1.9490254873vmax;
    font-size: 2.0989505247vmax;
    line-height: 1;
  }
  .content.mobile .iplimit-card-wrap.system .upgrade-time p {
    font-size: 5.3973013493vmax;
  }
  .content.mobile .iplimit-card-wrap.system .upgrade-time .gmt {
    margin: 0;
    padding: 0.7496251874vmax 0;
    font-size: 2.0989505247vmax;
    line-height: 100%;
  }
  .content.mobile .iplimit-card-wrap.system .left-inner .logo {
    top: 1.4992503748vmax;
    width: 14.9925037481vmax;
    height: 5.9970014993vmax;
  }
}
header .status-wrap .header-online-sevice .online-sevice-inner li:last-child a {
  border-right: 0;
}
.total-games-group {
  margin-top: 30px;
}
.total-award-wrap + .total-games-group {
  margin-top: 5px;
}
.mini-header .logo-wrap .header-login {
  margin-top: 0;
}
.main-nav .nav-inner > li.back-index {
  min-width: auto;
}

.terms-wrap {
  margin-bottom: 35px;
}
.status-wrap {
  background: #191e32;
  background-color: none;
}
.footer-wrap .footer-partner-wrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-wrap .footer-partner-wrap .duty img,
.footer-wrap .footer-partner-wrap .partner img,
.footer-wrap .footer-partner-wrap .payment img,
.footer-wrap .footer-partner-wrap .social-media img {
  opacity: 0.8;
}
.footer-wrap .footer-partner-wrap .payment img {
  margin-bottom: 10px;
}
.footer-wrap .android-img {
  padding-left: 0.625rem;
  line-height: 0;
}
.footer-wrap .android-img img {
  width: auto;
  height: 60px;
  transition: 0.3s;
  -webkit-filter: grayscale(50%) opacity(70%);
  filter: grayscale(50%) opacity(70%);
}
.footer-license .sponsor img:hover,
.footer-wrap .android-img:hover img {
  -webkit-filter: grayscale(0%) opacity(100%);
  filter: grayscale(0%) opacity(100%);
}
.footer-license {
  padding-top: 1.25rem;
  padding-bottom: 0.625rem;
  color: #fff;
}
.footer-license .license-cont,
.footer-license .license-iframe {
  float: right;
}
.footer-license .license-iframe img {
  height: 2.8125rem;
}
.footer-license .license-cont {
  width: calc(100% - 150px);
}
.footer-license .license-cont p {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.875rem;
  line-height: 2;
}
.footer-license .license-cont a {
  color: #ffba1a;
}
.footer-license h5 {
  margin-bottom: 0.625rem;
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.25rem;
}
.footer-license .sponsor {
  float: left;
  font-size: 0.75rem;
}
.footer-license .sponsor > li {
  margin-right: 2.5rem;
  vertical-align: top;
}
.footer-license .sponsor img {
  width: auto;
  height: 3.125rem;
  transition: 0.3s;
  -webkit-filter: grayscale(60%) opacity(80%);
  filter: grayscale(60%) opacity(80%);
  padding: 0.625rem 0;
}
.footer-ambassadors li:not(:last-child) {
  margin-right: 1.875rem;
}
.footer-ambassadors p {
  height: 1.25rem;
  line-height: 1.25rem;
}
.footer-article {
  width: 100%;
  background: #353535;
  text-align: left;
}
.footer-article section {
  margin: 1.5rem auto 0;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-article .txtblock h1 {
  display: inline-block;
  margin-bottom: 1rem;
  color: #c9a33d;
  font-size: 1.125rem;
  font-weight: 600;
}
.footer-article .txtblock pre {
  display: inline-block;
  margin-bottom: 1rem;
  color: rgba(255, 255, 255, 0.8);
  font-family: "Helvetica Neue", Helvetica;
  font-size: 0.875rem;
  white-space: pre-wrap;
}
.promotion-card .card-inner {
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
}
.promotion-card li.disable .tag {
  background-color: transparent;
}
.pop-inner input:-webkit-autofill {
  box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: #c9a33d;
}
.child,
.money-left,
.money-right {
  display: none;
}
.promotion-item .promotion-box {
  width: 8.75rem;
  margin-left: 0.625rem;
  float: none;
  text-align: left;
  vertical-align: middle;
}
.promotion-item .promotion-box .text,
.promotion-item .promotion-box .title {
  display: none;
  color: #c9a33d;
  font-size: 2.25rem;
  font-weight: lighter;
  line-height: 1.5;
}
.promotion-item .promotion-box .text {
  color: #848484;
  font-size: 1.25rem;
}
.promotion-item .promotion-box .rebat {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 30px;
}
.main-banner-wrap .mask {
  display: none;
  position: absolute;
  z-index: 4;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(16, 24, 40, 0.75);
}
.btn-simple-light {
  text-shadow: none;
}
.main-wrap-sport .sport-event {
  border-bottom-left-radius: 0.3125rem;
  border-bottom-right-radius: 0.3125rem;
}
.dptoac-wrap,
.main-wrap-sport h3 {
  border-top-right-radius: 0.3125rem;
}
.dptoac-wrap .bar,
.main-wrap-sport h3 {
  border-top-left-radius: 0.3125rem;
}
.info-banner-wrap:nth-child(3) {
  border-bottom-left-radius: 0.3125rem;
}
.info-banner-wrap:nth-child(4) {
  border-bottom-right-radius: 0.3125rem;
}
.pop-wrap,
.right-register-banner .slides .banner,
.right-register-banner::before {
  border-radius: 0.3125rem;
}
.pop-wrap .pop-title {
  border-top-left-radius: 0.3125rem;
}
.pop-wrap .btn-close:hover,
.pop-wrap .pop-title {
  border-top-right-radius: 0.3125rem;
}
.sport-event-1,
.sport-event-2,
.sport-event-3 {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 340px;
  overflow: hidden;
}
.sport-event-1 .slides,
.sport-event-2 .slides,
.sport-event-3 .slides {
  height: 340px;
  overflow: hidden;
}
.sport-event-1 li,
.sport-event-2 li,
.sport-event-3 li {
  position: relative;
  width: 100%;
  height: 100%;
}
.sport-event-1 .slick-list,
.sport-event-1 .slick-track,
.sport-event-2 .slick-list,
.sport-event-2 .slick-track,
.sport-event-3 .slick-list,
.sport-event-3 .slick-track {
  height: 100%;
}
.navigation-1,
.navigation-2,
.navigation-3 {
  position: absolute;
  z-index: 4;
  top: 0;
  right: 0;
  width: 75px;
}
.navigation-1::before,
.navigation-2::before,
.navigation-3::before {
  top: 0;
  right: 2.25rem;
  width: 1px;
  height: 50px;
  opacity: 0.1;
  background: #fff;
}


.navigation-1 a.flex-disabled,
.navigation-2 a.flex-disabled,
.navigation-3 a.flex-disabled {
  background-position: 100%center;
  pointer-events: none;
}
.navigation-1 a:hover,
.navigation-2 a:hover,
.navigation-3 a:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.navigation-1 a:hover.flex-disabled,
.navigation-2 a:hover.flex-disabled,
.navigation-3 a:hover.flex-disabled {
  -webkit-transform: scale(1);
  transform: scale(1);
  cursor: default;
}
.navigation-1 a:hover.flex-prev,
.navigation-2 a:hover.flex-prev,
.navigation-3 a:hover.flex-prev {
  -webkit-transform: scale(1.2) rotate(180deg);
  transform: scale(1.2) rotate(180deg);
}
.navigation-1 a.flex-prev,
.navigation-1 a.flex-prev.flex-disabled,
.navigation-2 a.flex-prev,
.navigation-2 a.flex-prev.flex-disabled,
.navigation-3 a.flex-prev,
.navigation-3 a.flex-prev.flex-disabled {
  -webkit-transform: scale(1) rotate(180deg);
  transform: scale(1) rotate(180deg);
}
.customize-content .container-1200 {
  width: 1200px;
}
.customize-content .list-wrap-casino {
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(42, 50, 84, 0.5);
}
.customize-content .list-wrap-casino,
.customize-content .main-wrap-sport-1st {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  justify-content: space-between;
}
.customize-content .casino-xs {
  flex: 1;
  width: 179px;
  height: 144px;
  margin-right: 18px;
}
.customize-content .casino-xs:nth-child(5n) {
  margin-right: 18px;
}
.customize-content .casino-xs:last-child {
  margin-right: 0;
}
.customize-content .casino-xs:not(.maintenance).active .mask {
  top: 25px;
  max-height: 76px;
  overflow: scroll;
}
.customize-content .casino-xs:not(.maintenance).active .img {
  height: 6.25rem;
  -webkit-transform: translate(0, -30%);
  transform: translate(0, -30%);
}
.customize-content .casino-xs:not(.maintenance).active .word-wrap {
  height: 144px;
}
.customize-content .casino-xs:not(.maintenance).active .word-wrap h3::before {
  top: 0;
  -webkit-transform: scale(1.5, 0.7);
  transform: scale(1.5, 0.7);
}
.customize-content .casino-xs .img-wrap {
  height: 75px;
}
.customize-content .casino-xs .word-wrap {
  height: 70px;
  padding: 5px 8px;
}
.customize-content .casino-xs .word-wrap h3 {
  width: 80%;
  margin-top: 0;
  overflow: hidden;
  font-size: 16px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customize-content .casino-xs .word-wrap h3::before {
  top: 0;
  left: -5px;
  height: 20px;
}
.customize-content .casino-xs .word-wrap .btn-default {
  width: calc(100% - 16px);
  height: 30px;
  line-height: 30px;
}
.customize-content .casino-xs .word-wrap p {
  display: -webkit-box;
  height: auto;
  margin-top: 5px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.2;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.customize-content .casino-xs .word-wrap .rule {
  top: 5px;
}
.customize-content .casino-xs.maintenance .maintenance-box {
  margin-top: 0;
}
.customize-content .casino-xs.maintenance .maintenance-box::before {
  content: none;
}
.customize-content .casino-xs.maintenance .icon-maintenance,
.customize-content .casino-xs.maintenance .word-wrap .btn-default,
.customize-content .casino-xs.maintenance .word-wrap > h4,
.customize-content .casino-xs.maintenance .word-wrap > p {
  display: none;
}
.customize-content .casino-xs.maintenance p,
.customize-content .casino-xs.maintenance strong {
  font-size: 12px;
}
.customize-content .casino-xs.maintenance p {
  margin-top: 0;
}
.customize-content .main-wrap-sport {
  flex: 1;
  width: 376px;
  height: 256px;
  margin-right: 18px;
  overflow: hidden;
}
.customize-content .main-wrap-sport h3 {
  padding-right: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.customize-content .main-wrap-sport-1st {
  margin-bottom: 18px;
}
.customize-content .main-wrap-sport-1st .main-wrap-sport:last-child,
.customize-content .main-wrap-sport-1st .main-wrap-sport:nth-child(3) {
  margin-right: 0;
}
.customize-content .sport-event-1,
.customize-content .sport-event-2,
.customize-content .sport-event-3 {
  height: 206px;
}
.customize-content .sport-event-1 .slides,
.customize-content .sport-event-2 .slides,
.customize-content .sport-event-3 .slides {
  height: 100%;
}
.customize-content .main-wrap-slotgame-1st {
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(42, 50, 84, 0.5);
}
.customize-content .main-wrap-slotgame-1st .main-wrap-slotgame {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 0.3125rem;
  background: 0 0;
}
.customize-content .main-wrap-slotgame-1st .slotgame-inner {
  flex: 0 0 67.7%;
  padding: 0;
}
.customize-content .main-wrap-slotgame-1st .slotgame-inner li:nth-of-type(6),
.customize-content .main-wrap-slotgame-1st .slotgame-inner li:nth-of-type(7),
.customize-content .main-wrap-slotgame-1st .slotgame-inner li:nth-of-type(8),
.customize-content .main-wrap-slotgame-1st .slotgame-inner li:nth-of-type(9) {
  margin-bottom: 0;
}
.customize-content .main-wrap-slotgame-1st .jackpot-winner-wrap {
  flex: 1 1 14%;
  height: 306px;
  padding: 0;
}
.customize-content .main-wrap-slotgame-1st .jackpot-winner-wrap::after,
.customize-content .main-wrap-slotgame-1st .jackpot-winner-wrap::before {
  height: 0.625rem;
}
.customize-content .main-wrap-slotgame-1st .winner-inner li {
  margin-bottom: 10px;
  border-radius: 0.3125rem;
  box-shadow: inset 0 0 0 1px rgba(45, 36, 13, 0.1),
    inset 0 0 10px 0 rgba(255, 255, 255, 0.1);
}
.customize-content .main-wrap-slotgame-1st .winner-inner a {
  position: static;
}
.customize-content .main-wrap-slotgame-1st .winner-inner h6 {
  display: block;
  width: 100%;
}
.customize-content .main-wrap-slotgame-1st .winner-inner h6 span {
  width: 100%;
  margin-bottom: 0.3125rem;
}
.customize-content
  .main-wrap-slotgame-1st
  .jackpot-wrap.jackpot-slider
  .banner {
  height: 19.125rem;
}
.customize-content .main-wrap-slotgame h3 {
  flex: 1 0 100%;
  margin-bottom: 0.625rem;
  border-radius: 0.3125rem;
}
.customize-content .main-wrap-slotgame .jackpot-wrap {
  width: 11.5625rem;
  height: 19.125rem;
  margin: 0 1.125rem 0 0;
  border-radius: 0.3125rem;
}
.customize-content .main-wrap-slotgame .game-wrap {
  width: 11.5625rem;
  height: 9rem;
  margin: 0 1.125rem 1.125rem 0;
  border-radius: 0.3125rem;
}
.customize-content .main-wrap-slotgame .game-wrap h4 {
  text-shadow: 0 0 5px #000;
}
.customize-content .main-wrap-slotgame .game-wrap::before,
.customize-content .main-wrap-slotgame .jackpot-wrap::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 0 1px rgba(45, 36, 13, 0.1),
    inset 0 0 10px 0 rgba(255, 255, 255, 0.3);
  pointer-events: none;
}
.customize-content .main-wrap-slotgame .jackpot-inner {
  bottom: 3%;
  left: 3%;
  width: 94%;
}
.customize-content .games-container .games-icon h4 {
  color: #f5d78a;
  text-shadow: 0 0 5px #000;
}
.main-banner .slides .banner {
  height: 503px;
}
.casino-xs-preset {
  pointer-events: none;
}
.casino-lg .word-wrap h4 {
  color: #9093a1;
}
.right-register-banner::before {
  border: 0;
}

.normal-item span {
  text-shadow: 2px 2px 5px #000;
}
.normal-item:not(.maintenance):hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.normal-item:not(.maintenance):hover .sub-nav-p {
  background: #af7820;
}
.normal-item:not(.maintenance):hover .sub-nav-p::before {
  background: #d0ab58;
}
.sub-nav-p {
  position: relative;
  width: 60%;
  height: 30px;
  margin: 0 auto;
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
  transition: 0.3s;
  background: #242c4a;
  font-size: 14px;
  line-height: 30px;
}
.sub-nav-p::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0.9375rem;
  height: 100%;
  background: #3a467b;
}
.sub-nav-p p {
  -webkit-transform: skewX(25deg);
  transform: skewX(25deg);
  color: #fff;
  font-weight: 700;
}
.member-info .progress-group .progress-inner .progress {
  flex: 0 0 80%;
  margin: 0.625rem auto;
}
.member-info .progress-group .progress-inner .level {
  display: flex;
  flex: 0 0 80%;
  align-content: center;
  justify-content: space-between;
  width: 12.5rem;
  margin: 0 auto 0.9375rem;
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.75rem;
}
.member-info .progress-group p {
  padding: 0.625rem 0 0;
  color: rgba(13,84,62,.9);
  font-size: 0.75rem;
}
.games-container .games-icon h4 {
  color: #ebcd37;
  text-shadow: 0 0 5px #000;
}
ul.footer-link-group li:last-child {}

ul.footer-link-group li:last-child .text-wrap {
    display: none;
}

.icon-wrap.icon1 {}

ul.footer-link-group li:last-child .icon-wrap.icon1 {
    width: 100%;
    max-width: 100%;
    /* height: 100%; */
    background-size: inherit !important;
}
.loader-box {
  display: flex;
  position: fixed;
  z-index: 100;
  top: 40%;
  left: 50%;
  align-items: center;
  justify-content: center;
  width: 3.75rem;
  height: 3.75rem;
  margin: auto;
  padding: auto;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (orientation: landscape) and (min-aspect-ratio: 13/9) and (max-width: 1024px) {
  .loader-box {
    width: 29.9850074963vmax;
    height: 29.9850074963vmax;
  }
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 13/9) and (max-width: 1024px) {
  .mcw-logo {
    width: 16.4917541229vmax;
    height: 2.9985007496vmax;
  }
}
.jt-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.75rem;
  height: 3.75rem;
  margin: auto;
}
.jt-icon .icon-container {
  position: absolute;
  width: 120px;
  height: 120px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.jt-icon .icon-container .top-border-container div {
  position: absolute;
  width: 30px;
  height: 30px;
  background: linear-gradient(to bottom right, #f8e67d, #a56c0b);
}
.jt-icon .icon-container .top-border-container .square-1 {
  top: 90px;
  -webkit-animation: square-animation 1s infinite;
  animation: square-animation 1s infinite;
}
.jt-icon .icon-container .top-border-container .square-2,
.jt-icon .icon-container .top-border-container .square-3 {
  top: 60px;
  -webkit-animation: square-animation 1s infinite;
  animation: square-animation 1s infinite;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.jt-icon .icon-container .top-border-container .square-3 {
  top: 30px;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.jt-icon .icon-container .top-border-container .square-4 {
  left: 30px;
  -webkit-animation: square-animation 1s infinite;
  animation: square-animation 1s infinite;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.jt-icon .icon-container .bottom-border-container .square-6,
.jt-icon .icon-container .top-border-container .square-5 {
  left: 60px;
  -webkit-animation: square-animation 1s infinite;
  animation: square-animation 1s infinite;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.jt-icon .icon-container .center-square {
  position: absolute;
  top: 30px;
  left: 30px;
  width: 60px;
  height: 60px;
}
.jt-icon .icon-container .bottom-border-container div {
  position: absolute;
  width: 30px;
  height: 30px;
  background: linear-gradient(to bottom right, #a56c0b, #734b07);
}
.jt-icon .icon-container .bottom-border-container .square-6 {
  left: 90px;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.jt-icon .icon-container .bottom-border-container .square-7,
.jt-icon .icon-container .bottom-border-container .square-8 {
  top: 30px;
  right: 0;
  -webkit-animation: square-animation 1s infinite;
  animation: square-animation 1s infinite;
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}
.jt-icon .icon-container .bottom-border-container .square-8 {
  top: 60px;
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
}
.jt-icon .icon-container .bottom-border-container .square-10,
.jt-icon .icon-container .bottom-border-container .square-9 {
  top: 90px;
  left: 60px;
  -webkit-animation: square-animation 1s infinite;
  animation: square-animation 1s infinite;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
.jt-icon .icon-container .bottom-border-container .square-10 {
  left: 30px;
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}
.jt-icon,
.vip-about,
.vip-banner .mainbanner {
  position: relative;
}
.vip-banner .mainbanner .banner {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.vip-banner .mainbanner .object {
  position: absolute;
  z-index: 3;
  bottom: -7.25rem;
  left: 0;
  width: 100%;
  height: 14.375rem;
}
.vip-banner .mainbanner .title {
  display: flex;
  position: absolute;
  z-index: 3;
  top: 61%;
  justify-content: center;
  width: 100%;
  color: #fff;
  font-size: 1.875rem;
  font-style: italic;
  font-weight: 900;
  text-shadow: 0 0.5rem 0.625rem rgba(0, 0, 0, 0.8);
}
.vip-about {
  margin-bottom: 0.625rem;
  padding: 6.25rem 3.75rem;
}
.vip-about .title {
  display: flex;
  justify-content: center;
  margin-bottom: 1.875rem;
  color: #fff;
  font-size: 1.75rem;
  letter-spacing: 0.0625rem;
}
.vip-about .title p {
  margin-left: 0.625rem;
  color: #ebd36c;
}
.vip-about .title::after,
.vip-about .title::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 6.875rem;
  width: 12.5rem;
  height: 0.125rem;
}
.vip-about .title::after {
  right: 18.125rem;
  background: linear-gradient(to right, #3b3933 0, #464646 100%);
}
.vip-about .title::before {
  left: 18.125rem;
  background: linear-gradient(to left, #3b3933 0, #464646 100%);
}
.vip-about .text {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.625rem;
  text-align: justify;
}
.vip-levels,
.vip-levels-banner,
.vip-rewards {
  position: relative;
  margin-bottom: 0;
}
.vip-levels img {
  position: absolute;
}
.vip-levels img,
.vip-levels-banner img,
.vip-rewards img {
  z-index: -1;
  top: 0;
  right: 0;
  width: 100%;
}
.vip-rewards img {
  position: absolute;
}
.vip-levels .title,
.vip-levels-banner .title,
.vip-rewards .title {
  display: flex;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 50%;
  justify-content: center;
  margin-bottom: 1.25rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0.875rem #191e32;
  color: #ebd36c;
  font-size: 1.75rem;
  letter-spacing: 0.0625rem;
}
.vip-levels .title p,
.vip-levels-banner .title p,
.vip-rewards .title p {
  margin-left: 0.625rem;
  color: #fff;
}
.vip-levels .title::after,
.vip-levels-banner .title::after {
  top: 0.625rem;
  right: 11.875rem;
}
.vip-levels .title::after,
.vip-levels-banner .title::after,
.vip-rewards .title::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 12.5rem;
  height: 0.125rem;
  background: linear-gradient(to left, #3b3933 0, #464646 100%);
}
.vip-levels .title::before,
.vip-levels-banner .title::before {
  top: 0.625rem;
  left: 11.875rem;
}
.vip-levels .title::before,
.vip-levels-banner .title::before,
.vip-rewards .title::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 12.5rem;
  height: 0.125rem;
  background: linear-gradient(to right, #3b3933 0, #464646 100%);
}
.vip-levels .text,
.vip-levels-banner .text,
.vip-rewards .text {
  padding: 2.5rem 3.75rem;
  color: #ebd36c;
  font-size: 0.875rem;
  line-height: 1.625rem;
  text-align: justify;
}
.vip-levels .text p,
.vip-levels-banner .text p,
.vip-rewards .text p {
  color: #fff;
}
.vip-levels-banner {
  margin-bottom: 0.625rem;
}
.vip-levels-banner img {
  position: relative;
  padding: 0 3.75rem;
}
.vip-rewards .title::after {
  top: 0.625rem;
  right: 19.375rem;
}
.vip-rewards .title::before {
  top: 0.625rem;
  left: 19.375rem;
}
.benefits-table {
  margin-bottom: 6.25rem;
  padding: 0 3.75rem;
}
.benefits-table .text {
  padding: 0.625rem 1.25rem;
  color: #fff;
  line-height: 1.2;
  text-align: left;
}
.benefits-table .levels-icon {
  display: inline-flex;
  width: 100%;
}
.benefits-table .levels-icon .blank {
  width: 20%;
  height: 3.125rem;
}
.benefits-table .levels-icon .icon {
  width: 16%;
  padding: 0 2.5rem;
}
.benefits-table table {
  width: 100%;
  height: 100px;
  background: #040715;
  color: #fff;
  font-size: 0.8125rem;
  line-height: 1.1;
  text-align: center;
}
.benefits-table table tr,
.vip-faq .question .sal_expandable_section table tr {
  border: solid 2px #464646;
}
.benefits-table table .rewards {
  background: #a66f0f;
  font-weight: 500;
}
.benefits-table table .prize {
  color: #cfaf5d;
}
.benefits-table table .none {
  color: #ff5151;
}
.benefits-table table th {
  padding: 0.75rem 0.1875rem;
  background: #252c4a;
  font-weight: 400;
  text-align: center;
}
.benefits-table table td {
  width: 16%;
  padding: 0.1875rem;
}
.benefits-table .vip-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1.875rem auto 5rem;
}
.benefits-table .vip-button img {
  box-shadow: 0 0.3125rem 1.25rem rgba(0, 0, 0, 0.8);
}
.vip-faq {
  position: relative;
  margin-bottom: 6.25rem;
}
.vip-faq img {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 100%;
}
.loaderBox,
.vip-faq .title {
  display: flex;
  left: 50%;
  justify-content: center;
}
.vip-faq .title {
  position: absolute;
  z-index: 1;
  top: 0;
  margin-bottom: 1.25rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-shadow: 0 0 0.875rem #191e32;
  color: #fff;
  font-size: 1.75rem;
  letter-spacing: 0.0625rem;
}
.vip-faq .title p {
  margin-left: 0.625rem;
  color: #ebd36c;
}
.vip-faq .title::after,
.vip-faq .title::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0.625rem;
  width: 12.5rem;
  height: 0.125rem;
}
.vip-faq .title::after {
  right: 16.25rem;
  background: linear-gradient(to left, #3b3933 0, #464646 100%);
}
.vip-faq .title::before {
  left: 16.25rem;
  background: linear-gradient(to right, #3b3933 0, #464646 100%);
}
.vip-faq .question {
  padding: 2.5rem 3.75rem;
  text-align: left;
}
.vip-faq .question .sal_expandable {
  display: block;
  position: relative;
  padding: 1.25rem 0.625rem;
  border-bottom: 1px dashed rgba(235, 211, 108, 0.3);
  color: #ebd36c;
  font-weight: 500;
  line-height: 1.5;
}
.vip-faq .question .sal_expandable.active::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.vip-faq .question .sal_expandable span {
  margin-left: 0.625rem;
  color: #fff;
  font-weight: 400;
}
.vip-faq .question .sal_expandable_section {
  display: none;
  padding: 1.25rem 1.875rem 1.25rem 1.5625rem;
  transition: margin-top 0.5s;
  color: #a8acbd;
  line-height: 1.5;
  text-align: justify;
}
.vip-faq .question .sal_expandable_section.active {
  display: block;
}
.vip-faq .question .sal_expandable_section table {
  width: 100%;
  margin-top: 1.25rem;
  background: #1e243c;
  color: #fff;
  font-size: 0.875rem;
  text-align: center;
}
.vip-faq .question .sal_expandable_section table td {
  height: 1.875rem;
  padding: 0 0.3125rem;
}
.vip-faq .question .sal_expandable_section table th {
  background: #040715;
  line-height: 1.875rem;
  text-align: center;
}
.vip-faq .question .sal_expandable_section table .light {
  background: #1e243c;
}
.vip-faq .question .sal_expandable_section table .rewards {
  width: 25%;
  background: #a76f0f;
  font-weight: 500;
}
.vip-faq .question .sal_expandable_section table .example {
  background: #040715;
  color: #ebd36c;
}
.vip-faq .question .sal_expandable_section table .none {
  color: #ff5151;
}
.vip-faq .question .sal_expandable_section p {
  margin-top: 1.875rem;
}
.loaderBox {
  position: fixed;
  z-index: 100;
  top: 40%;
  align-items: center;
  width: 3.75rem;
  height: 3.75rem;
  margin: auto;
  padding: auto;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (orientation: landscape) and (min-aspect-ratio: 13/9) and (max-width: 1024px) {
  .loaderBox {
    width: 29.9850074963vmax;
    height: 29.9850074963vmax;
  }
}

@media screen and (orientation: landscape) and (min-aspect-ratio: 13/9) and (max-width: 1024px) {
  .mcwLogo {
    width: 16.4917541229vmax;
    height: 2.9985007496vmax;
  }
}
.post marquee {
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  width: 73.125rem;
  height: 100%;
  margin-left: 1.875rem;
  color: rgba(255, 255, 255, 0.8);
  line-height: 1.875rem;
}