@charset "UTF-8";
:root {
  --el-color-white: #ffffff;
  --el-color-black: #000000;
  --el-color-primary-rgb: 64, 158, 255;
  --el-color-success-rgb: 103, 194, 58;
  --el-color-warning-rgb: 230, 162, 60;
  --el-color-danger-rgb: 245, 108, 108;
  --el-color-error-rgb: 245, 108, 108;
  --el-color-info-rgb: 144, 147, 153;
  --el-font-size-extra-large: 20px;
  --el-font-size-large: 18px;
  --el-font-size-medium: 16px;
  --el-font-size-base: 14px;
  --el-font-size-small: 13px;
  --el-font-size-extra-small: 12px;
  --el-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  --el-font-weight-primary: 500;
  --el-font-line-height-primary: 24px;
  --el-index-normal: 1;
  --el-index-top: 1000;
  --el-index-popper: 2000;
  --el-border-radius-base: 4px;
  --el-border-radius-small: 2px;
  --el-border-radius-round: 20px;
  --el-border-radius-circle: 100%;
  --el-transition-duration: 0.3s;
  --el-transition-duration-fast: 0.2s;
  --el-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
  --el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
  --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
  --el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-component-size-large: 40px;
  --el-component-size: 32px;
  --el-component-size-small: 24px;
  color-scheme: light;
  --el-color-primary: #409eff;
  --el-color-primary-light-3: #79bbff;
  --el-color-primary-light-5: #a0cfff;
  --el-color-primary-light-7: #c6e2ff;
  --el-color-primary-light-8: #d9ecff;
  --el-color-primary-light-9: #ecf5ff;
  --el-color-primary-dark-2: #337ecc;
  --el-color-success: #67c23a;
  --el-color-success-light-3: #95d475;
  --el-color-success-light-5: #b3e19d;
  --el-color-success-light-7: #d1edc4;
  --el-color-success-light-8: #e1f3d8;
  --el-color-success-light-9: #f0f9eb;
  --el-color-success-dark-2: #529b2e;
  --el-color-warning: #e6a23c;
  --el-color-warning-light-3: #eebe77;
  --el-color-warning-light-5: #f3d19e;
  --el-color-warning-light-7: #f8e3c5;
  --el-color-warning-light-8: #faecd8;
  --el-color-warning-light-9: #fdf6ec;
  --el-color-warning-dark-2: #b88230;
  --el-color-danger: #f56c6c;
  --el-color-danger-light-3: #f89898;
  --el-color-danger-light-5: #fab6b6;
  --el-color-danger-light-7: #fcd3d3;
  --el-color-danger-light-8: #fde2e2;
  --el-color-danger-light-9: #fef0f0;
  --el-color-danger-dark-2: #c45656;
  --el-color-error: #f56c6c;
  --el-color-error-light-3: #f89898;
  --el-color-error-light-5: #fab6b6;
  --el-color-error-light-7: #fcd3d3;
  --el-color-error-light-8: #fde2e2;
  --el-color-error-light-9: #fef0f0;
  --el-color-error-dark-2: #c45656;
  --el-color-info: #909399;
  --el-color-info-light-3: #b1b3b8;
  --el-color-info-light-5: #c8c9cc;
  --el-color-info-light-7: #dedfe0;
  --el-color-info-light-8: #e9e9eb;
  --el-color-info-light-9: #f4f4f5;
  --el-color-info-dark-2: #73767a;
  --el-bg-color: #ffffff;
  --el-bg-color-page: #f2f3f5;
  --el-bg-color-overlay: #ffffff;
  --el-text-color-primary: #303133;
  --el-text-color-regular: #606266;
  --el-text-color-secondary: #909399;
  --el-text-color-placeholder: #a8abb2;
  --el-text-color-disabled: #c0c4cc;
  --el-border-color: #dcdfe6;
  --el-border-color-light: #e4e7ed;
  --el-border-color-lighter: #ebeef5;
  --el-border-color-extra-light: #f2f6fc;
  --el-border-color-dark: #d4d7de;
  --el-border-color-darker: #cdd0d6;
  --el-fill-color: #f0f2f5;
  --el-fill-color-light: #f5f7fa;
  --el-fill-color-lighter: #fafafa;
  --el-fill-color-extra-light: #fafcff;
  --el-fill-color-dark: #ebedf0;
  --el-fill-color-darker: #e6e8eb;
  --el-fill-color-blank: #ffffff;
  --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08);
  --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
  --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
  --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
  --el-disabled-bg-color: var(--el-fill-color-light);
  --el-disabled-text-color: var(--el-text-color-placeholder);
  --el-disabled-border-color: var(--el-border-color-light);
  --el-overlay-color: rgba(0, 0, 0, 0.8);
  --el-overlay-color-light: rgba(0, 0, 0, 0.7);
  --el-overlay-color-lighter: rgba(0, 0, 0, 0.5);
  --el-mask-color: rgba(255, 255, 255, 0.9);
  --el-mask-color-extra-light: rgba(255, 255, 255, 0.3);
  --el-border-width: 1px;
  --el-border-style: solid;
  --el-border-color-hover: var(--el-text-color-disabled);
  --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
  --el-svg-monochrome-grey: var(--el-border-color);
}
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: var(--el-transition-fade-linear);
}
.fade-in-linear-enter-from,
.fade-in-linear-leave-to {
  opacity: 0;
}
.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: var(--el-transition-fade-linear);
}
.el-fade-in-linear-enter-from,
.el-fade-in-linear-leave-to {
  opacity: 0;
}
.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}
.el-fade-in-enter-from,
.el-fade-in-leave-active {
  opacity: 0;
}
.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}
.el-zoom-in-center-enter-from,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}
.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center top;
  transition: var(--el-transition-md-fade);
}
.el-zoom-in-top-enter-active[data-popper-placement^=top],
.el-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}
.el-zoom-in-top-enter-from,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center bottom;
  transition: var(--el-transition-md-fade);
}
.el-zoom-in-bottom-enter-from,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1);
  transform-origin: top left;
  transition: var(--el-transition-md-fade);
}
.el-zoom-in-left-enter-from,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45);
}
.collapse-transition {
  transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out;
}
.el-collapse-transition-enter-active,
.el-collapse-transition-leave-active {
  transition: var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out;
}
.horizontal-collapse-transition {
  transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out;
}
.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}
.el-list-enter-from,
.el-list-leave-to {
  opacity: 0;
  transform: translateY(-30px);
}
.el-list-leave-active {
  position: absolute !important;
}
.el-opacity-transition {
  transition: opacity var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}
.el-icon-loading {
  animation: rotating 2s linear infinite;
}
.el-icon--right {
  margin-left: 5px;
}
.el-icon--left {
  margin-right: 5px;
}
@keyframes rotating {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.el-icon {
  --color: inherit;
  align-items: center;
  display: inline-flex;
  height: 1em;
  justify-content: center;
  line-height: 1em;
  position: relative;
  width: 1em;
  fill: currentColor;
  color: var(--color);
  font-size: inherit;
}
.el-icon.is-loading {
  animation: rotating 2s linear infinite;
}
.el-icon svg {
  height: 1em;
  width: 1em;
}

.el-badge {
  --el-badge-bg-color: var(--el-color-danger);
  --el-badge-radius: 10px;
  --el-badge-font-size: 12px;
  --el-badge-padding: 6px;
  --el-badge-size: 18px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: -moz-fit-content;
  width: fit-content;
}
.el-badge__content {
  align-items: center;
  background-color: var(--el-badge-bg-color);
  border: 1px solid var(--el-bg-color);
  border-radius: var(--el-badge-radius);
  color: var(--el-color-white);
  display: inline-flex;
  font-size: var(--el-badge-font-size);
  height: var(--el-badge-size);
  justify-content: center;
  padding: 0 var(--el-badge-padding);
  white-space: nowrap;
}
.el-badge__content.is-fixed {
  position: absolute;
  right: calc(1px + var(--el-badge-size)/2);
  top: 0;
  transform: translateY(-50%) translateX(100%);
  z-index: var(--el-index-normal);
}
.el-badge__content.is-fixed.is-dot {
  right: 5px;
}
.el-badge__content.is-dot {
  border-radius: 50%;
  height: 8px;
  padding: 0;
  right: 0;
  width: 8px;
}
.el-badge__content.is-hide-zero {
  display: none;
}
.el-badge__content--primary {
  background-color: var(--el-color-primary);
}
.el-badge__content--success {
  background-color: var(--el-color-success);
}
.el-badge__content--warning {
  background-color: var(--el-color-warning);
}
.el-badge__content--info {
  background-color: var(--el-color-info);
}
.el-badge__content--danger {
  background-color: var(--el-color-danger);
}

.el-message {
  --el-message-bg-color: var(--el-color-info-light-9);
  --el-message-border-color: var(--el-border-color-lighter);
  --el-message-padding: 11px 15px;
  --el-message-close-size: 16px;
  --el-message-close-icon-color: var(--el-text-color-placeholder);
  --el-message-close-hover-color: var(--el-text-color-secondary);
  align-items: center;
  background-color: var(--el-message-bg-color);
  border-color: var(--el-message-border-color);
  border-radius: var(--el-border-radius-base);
  border-style: var(--el-border-style);
  border-width: var(--el-border-width);
  box-sizing: border-box;
  display: flex;
  gap: 8px;
  left: 50%;
  max-width: calc(100% - 32px);
  padding: var(--el-message-padding);
  position: fixed;
  top: 20px;
  transform: translateX(-50%);
  transition: opacity var(--el-transition-duration), transform 0.4s, top 0.4s;
  width: -moz-fit-content;
  width: fit-content;
}
.el-message.is-plain {
  background-color: var(--el-bg-color-overlay);
  border-color: var(--el-bg-color-overlay);
  box-shadow: var(--el-box-shadow-light);
}
.el-message p {
  margin: 0;
}
.el-message--success {
  --el-message-bg-color: var(--el-color-success-light-9);
  --el-message-border-color: var(--el-color-success-light-8);
  --el-message-text-color: var(--el-color-success);
}
.el-message--success .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}
.el-message .el-message-icon--success {
  color: var(--el-message-text-color);
}
.el-message--info {
  --el-message-bg-color: var(--el-color-info-light-9);
  --el-message-border-color: var(--el-color-info-light-8);
  --el-message-text-color: var(--el-color-info);
}
.el-message--info .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}
.el-message .el-message-icon--info {
  color: var(--el-message-text-color);
}
.el-message--warning {
  --el-message-bg-color: var(--el-color-warning-light-9);
  --el-message-border-color: var(--el-color-warning-light-8);
  --el-message-text-color: var(--el-color-warning);
}
.el-message--warning .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}
.el-message .el-message-icon--warning {
  color: var(--el-message-text-color);
}
.el-message--error {
  --el-message-bg-color: var(--el-color-error-light-9);
  --el-message-border-color: var(--el-color-error-light-8);
  --el-message-text-color: var(--el-color-error);
}
.el-message--error .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: break-word;
}
.el-message .el-message-icon--error {
  color: var(--el-message-text-color);
}
.el-message .el-message__badge {
  position: absolute;
  right: -8px;
  top: -8px;
}
.el-message__content {
  font-size: 14px;
  line-height: 1;
  padding: 0;
}
.el-message__content:focus {
  outline-width: 0;
}
.el-message .el-message__closeBtn {
  color: var(--el-message-close-icon-color);
  cursor: pointer;
  font-size: var(--el-message-close-size);
}
.el-message .el-message__closeBtn:focus {
  outline-width: 0;
}
.el-message .el-message__closeBtn:hover {
  color: var(--el-message-close-hover-color);
}
.el-message-fade-enter-from,
.el-message-fade-leave-to {
  opacity: 0;
  transform: translate(-50%, -100%);
}

.el-button {
  --el-button-font-weight: var(--el-font-weight-primary);
  --el-button-border-color: var(--el-border-color);
  --el-button-bg-color: var(--el-fill-color-blank);
  --el-button-text-color: var(--el-text-color-regular);
  --el-button-disabled-text-color: var(--el-disabled-text-color);
  --el-button-disabled-bg-color: var(--el-fill-color-blank);
  --el-button-disabled-border-color: var(--el-border-color-light);
  --el-button-divide-border-color: rgba(255, 255, 255, 0.5);
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-color-primary-light-9);
  --el-button-hover-border-color: var(--el-color-primary-light-7);
  --el-button-active-text-color: var(--el-button-hover-text-color);
  --el-button-active-border-color: var(--el-color-primary);
  --el-button-active-bg-color: var(--el-button-hover-bg-color);
  --el-button-outline-color: var(--el-color-primary-light-5);
  --el-button-hover-link-text-color: var(--el-text-color-secondary);
  --el-button-active-color: var(--el-text-color-primary);
  align-items: center;
  -webkit-appearance: none;
  background-color: var(--el-button-bg-color);
  border: var(--el-border);
  border-color: var(--el-button-border-color);
  box-sizing: border-box;
  color: var(--el-button-text-color);
  cursor: pointer;
  display: inline-flex;
  font-weight: var(--el-button-font-weight);
  height: 32px;
  justify-content: center;
  line-height: 1;
  outline: none;
  text-align: center;
  transition: 0.1s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}
.el-button:hover {
  background-color: var(--el-button-hover-bg-color);
  border-color: var(--el-button-hover-border-color);
  color: var(--el-button-hover-text-color);
  outline: none;
}
.el-button:active {
  background-color: var(--el-button-active-bg-color);
  border-color: var(--el-button-active-border-color);
  color: var(--el-button-active-text-color);
  outline: none;
}
.el-button:focus-visible {
  outline: 2px solid var(--el-button-outline-color);
  outline-offset: 1px;
  transition: outline-offset 0s, outline 0s;
}
.el-button > span {
  align-items: center;
  display: inline-flex;
}
.el-button + .el-button {
  margin-left: 12px;
}
.el-button {
  border-radius: var(--el-border-radius-base);
  font-size: var(--el-font-size-base);
}
.el-button,
.el-button.is-round {
  padding: 8px 15px;
}
.el-button::-moz-focus-inner {
  border: 0;
}
.el-button [class*=el-icon] + span {
  margin-left: 6px;
}
.el-button [class*=el-icon] svg {
  vertical-align: bottom;
}
.el-button.is-plain {
  --el-button-hover-text-color: var(--el-color-primary);
  --el-button-hover-bg-color: var(--el-fill-color-blank);
  --el-button-hover-border-color: var(--el-color-primary);
}
.el-button.is-active {
  background-color: var(--el-button-active-bg-color);
  border-color: var(--el-button-active-border-color);
  color: var(--el-button-active-text-color);
  outline: none;
}
.el-button.is-disabled,
.el-button.is-disabled:hover {
  background-color: var(--el-button-disabled-bg-color);
  background-image: none;
  border-color: var(--el-button-disabled-border-color);
  color: var(--el-button-disabled-text-color);
  cursor: not-allowed;
}
.el-button.is-loading {
  pointer-events: none;
  position: relative;
}
.el-button.is-loading:before {
  background-color: var(--el-mask-color-extra-light);
  border-radius: inherit;
  bottom: -1px;
  content: "";
  left: -1px;
  pointer-events: none;
  position: absolute;
  right: -1px;
  top: -1px;
  z-index: 1;
}
.el-button.is-round {
  border-radius: var(--el-border-radius-round);
}
.el-button.is-circle {
  border-radius: 50%;
  padding: 8px;
  width: 32px;
}
.el-button.is-text {
  background-color: transparent;
  border: 0 solid transparent;
  color: var(--el-button-text-color);
}
.el-button.is-text.is-disabled {
  background-color: transparent!important;
  color: var(--el-button-disabled-text-color);
}
.el-button.is-text:not(.is-disabled):hover {
  background-color: var(--el-fill-color-light);
}
.el-button.is-text:not(.is-disabled):focus-visible {
  outline: 2px solid var(--el-button-outline-color);
  outline-offset: 1px;
  transition: outline-offset 0s, outline 0s;
}
.el-button.is-text:not(.is-disabled):active {
  background-color: var(--el-fill-color);
}
.el-button.is-text:not(.is-disabled).is-has-bg {
  background-color: var(--el-fill-color-light);
}
.el-button.is-text:not(.is-disabled).is-has-bg:hover {
  background-color: var(--el-fill-color);
}
.el-button.is-text:not(.is-disabled).is-has-bg:active {
  background-color: var(--el-fill-color-dark);
}
.el-button__text--expand {
  letter-spacing: 0.3em;
  margin-right: -0.3em;
}
.el-button.is-link {
  background: transparent;
  border-color: transparent;
  color: var(--el-button-text-color);
  height: auto;
  padding: 2px;
}
.el-button.is-link:hover {
  color: var(--el-button-hover-link-text-color);
}
.el-button.is-link.is-disabled {
  background-color: transparent!important;
  border-color: transparent!important;
  color: var(--el-button-disabled-text-color);
}
.el-button.is-link:not(.is-disabled):active,
.el-button.is-link:not(.is-disabled):hover {
  background-color: transparent;
  border-color: transparent;
}
.el-button.is-link:not(.is-disabled):active {
  color: var(--el-button-active-color);
}
.el-button--text {
  background: transparent;
  border-color: transparent;
  color: var(--el-color-primary);
  padding-left: 0;
  padding-right: 0;
}
.el-button--text.is-disabled {
  background-color: transparent!important;
  border-color: transparent!important;
  color: var(--el-button-disabled-text-color);
}
.el-button--text:not(.is-disabled):hover {
  background-color: transparent;
  border-color: transparent;
  color: var(--el-color-primary-light-3);
}
.el-button--text:not(.is-disabled):active {
  background-color: transparent;
  border-color: transparent;
  color: var(--el-color-primary-dark-2);
}
.el-button__link--expand {
  letter-spacing: 0.3em;
  margin-right: -0.3em;
}
.el-button--primary {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-primary);
  --el-button-border-color: var(--el-color-primary);
  --el-button-outline-color: var(--el-color-primary-light-5);
  --el-button-active-color: var(--el-color-primary-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-primary-light-5);
  --el-button-hover-bg-color: var(--el-color-primary-light-3);
  --el-button-hover-border-color: var(--el-color-primary-light-3);
  --el-button-active-bg-color: var(--el-color-primary-dark-2);
  --el-button-active-border-color: var(--el-color-primary-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-primary-light-5);
  --el-button-disabled-border-color: var(--el-color-primary-light-5);
}
.el-button--primary.is-link,
.el-button--primary.is-plain,
.el-button--primary.is-text {
  --el-button-text-color: var(--el-color-primary);
  --el-button-bg-color: var(--el-color-primary-light-9);
  --el-button-border-color: var(--el-color-primary-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-primary);
  --el-button-hover-border-color: var(--el-color-primary);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--primary.is-link.is-disabled,
.el-button--primary.is-link.is-disabled:active,
.el-button--primary.is-link.is-disabled:focus,
.el-button--primary.is-link.is-disabled:hover,
.el-button--primary.is-plain.is-disabled,
.el-button--primary.is-plain.is-disabled:active,
.el-button--primary.is-plain.is-disabled:focus,
.el-button--primary.is-plain.is-disabled:hover,
.el-button--primary.is-text.is-disabled,
.el-button--primary.is-text.is-disabled:active,
.el-button--primary.is-text.is-disabled:focus,
.el-button--primary.is-text.is-disabled:hover {
  background-color: var(--el-color-primary-light-9);
  border-color: var(--el-color-primary-light-8);
  color: var(--el-color-primary-light-5);
}
.el-button--success {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-success);
  --el-button-border-color: var(--el-color-success);
  --el-button-outline-color: var(--el-color-success-light-5);
  --el-button-active-color: var(--el-color-success-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-success-light-5);
  --el-button-hover-bg-color: var(--el-color-success-light-3);
  --el-button-hover-border-color: var(--el-color-success-light-3);
  --el-button-active-bg-color: var(--el-color-success-dark-2);
  --el-button-active-border-color: var(--el-color-success-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-success-light-5);
  --el-button-disabled-border-color: var(--el-color-success-light-5);
}
.el-button--success.is-link,
.el-button--success.is-plain,
.el-button--success.is-text {
  --el-button-text-color: var(--el-color-success);
  --el-button-bg-color: var(--el-color-success-light-9);
  --el-button-border-color: var(--el-color-success-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-success);
  --el-button-hover-border-color: var(--el-color-success);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--success.is-link.is-disabled,
.el-button--success.is-link.is-disabled:active,
.el-button--success.is-link.is-disabled:focus,
.el-button--success.is-link.is-disabled:hover,
.el-button--success.is-plain.is-disabled,
.el-button--success.is-plain.is-disabled:active,
.el-button--success.is-plain.is-disabled:focus,
.el-button--success.is-plain.is-disabled:hover,
.el-button--success.is-text.is-disabled,
.el-button--success.is-text.is-disabled:active,
.el-button--success.is-text.is-disabled:focus,
.el-button--success.is-text.is-disabled:hover {
  background-color: var(--el-color-success-light-9);
  border-color: var(--el-color-success-light-8);
  color: var(--el-color-success-light-5);
}
.el-button--warning {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-warning);
  --el-button-border-color: var(--el-color-warning);
  --el-button-outline-color: var(--el-color-warning-light-5);
  --el-button-active-color: var(--el-color-warning-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-warning-light-5);
  --el-button-hover-bg-color: var(--el-color-warning-light-3);
  --el-button-hover-border-color: var(--el-color-warning-light-3);
  --el-button-active-bg-color: var(--el-color-warning-dark-2);
  --el-button-active-border-color: var(--el-color-warning-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-warning-light-5);
  --el-button-disabled-border-color: var(--el-color-warning-light-5);
}
.el-button--warning.is-link,
.el-button--warning.is-plain,
.el-button--warning.is-text {
  --el-button-text-color: var(--el-color-warning);
  --el-button-bg-color: var(--el-color-warning-light-9);
  --el-button-border-color: var(--el-color-warning-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-warning);
  --el-button-hover-border-color: var(--el-color-warning);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--warning.is-link.is-disabled,
.el-button--warning.is-link.is-disabled:active,
.el-button--warning.is-link.is-disabled:focus,
.el-button--warning.is-link.is-disabled:hover,
.el-button--warning.is-plain.is-disabled,
.el-button--warning.is-plain.is-disabled:active,
.el-button--warning.is-plain.is-disabled:focus,
.el-button--warning.is-plain.is-disabled:hover,
.el-button--warning.is-text.is-disabled,
.el-button--warning.is-text.is-disabled:active,
.el-button--warning.is-text.is-disabled:focus,
.el-button--warning.is-text.is-disabled:hover {
  background-color: var(--el-color-warning-light-9);
  border-color: var(--el-color-warning-light-8);
  color: var(--el-color-warning-light-5);
}
.el-button--danger {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-danger);
  --el-button-border-color: var(--el-color-danger);
  --el-button-outline-color: var(--el-color-danger-light-5);
  --el-button-active-color: var(--el-color-danger-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-danger-light-5);
  --el-button-hover-bg-color: var(--el-color-danger-light-3);
  --el-button-hover-border-color: var(--el-color-danger-light-3);
  --el-button-active-bg-color: var(--el-color-danger-dark-2);
  --el-button-active-border-color: var(--el-color-danger-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-danger-light-5);
  --el-button-disabled-border-color: var(--el-color-danger-light-5);
}
.el-button--danger.is-link,
.el-button--danger.is-plain,
.el-button--danger.is-text {
  --el-button-text-color: var(--el-color-danger);
  --el-button-bg-color: var(--el-color-danger-light-9);
  --el-button-border-color: var(--el-color-danger-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-danger);
  --el-button-hover-border-color: var(--el-color-danger);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--danger.is-link.is-disabled,
.el-button--danger.is-link.is-disabled:active,
.el-button--danger.is-link.is-disabled:focus,
.el-button--danger.is-link.is-disabled:hover,
.el-button--danger.is-plain.is-disabled,
.el-button--danger.is-plain.is-disabled:active,
.el-button--danger.is-plain.is-disabled:focus,
.el-button--danger.is-plain.is-disabled:hover,
.el-button--danger.is-text.is-disabled,
.el-button--danger.is-text.is-disabled:active,
.el-button--danger.is-text.is-disabled:focus,
.el-button--danger.is-text.is-disabled:hover {
  background-color: var(--el-color-danger-light-9);
  border-color: var(--el-color-danger-light-8);
  color: var(--el-color-danger-light-5);
}
.el-button--info {
  --el-button-text-color: var(--el-color-white);
  --el-button-bg-color: var(--el-color-info);
  --el-button-border-color: var(--el-color-info);
  --el-button-outline-color: var(--el-color-info-light-5);
  --el-button-active-color: var(--el-color-info-dark-2);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-link-text-color: var(--el-color-info-light-5);
  --el-button-hover-bg-color: var(--el-color-info-light-3);
  --el-button-hover-border-color: var(--el-color-info-light-3);
  --el-button-active-bg-color: var(--el-color-info-dark-2);
  --el-button-active-border-color: var(--el-color-info-dark-2);
  --el-button-disabled-text-color: var(--el-color-white);
  --el-button-disabled-bg-color: var(--el-color-info-light-5);
  --el-button-disabled-border-color: var(--el-color-info-light-5);
}
.el-button--info.is-link,
.el-button--info.is-plain,
.el-button--info.is-text {
  --el-button-text-color: var(--el-color-info);
  --el-button-bg-color: var(--el-color-info-light-9);
  --el-button-border-color: var(--el-color-info-light-5);
  --el-button-hover-text-color: var(--el-color-white);
  --el-button-hover-bg-color: var(--el-color-info);
  --el-button-hover-border-color: var(--el-color-info);
  --el-button-active-text-color: var(--el-color-white);
}
.el-button--info.is-link.is-disabled,
.el-button--info.is-link.is-disabled:active,
.el-button--info.is-link.is-disabled:focus,
.el-button--info.is-link.is-disabled:hover,
.el-button--info.is-plain.is-disabled,
.el-button--info.is-plain.is-disabled:active,
.el-button--info.is-plain.is-disabled:focus,
.el-button--info.is-plain.is-disabled:hover,
.el-button--info.is-text.is-disabled,
.el-button--info.is-text.is-disabled:active,
.el-button--info.is-text.is-disabled:focus,
.el-button--info.is-text.is-disabled:hover {
  background-color: var(--el-color-info-light-9);
  border-color: var(--el-color-info-light-8);
  color: var(--el-color-info-light-5);
}
.el-button--large {
  --el-button-size: 40px;
  height: var(--el-button-size);
}
.el-button--large [class*=el-icon] + span {
  margin-left: 8px;
}
.el-button--large {
  border-radius: var(--el-border-radius-base);
  font-size: var(--el-font-size-base);
  padding: 12px 19px;
}
.el-button--large.is-round {
  padding: 12px 19px;
}
.el-button--large.is-circle {
  padding: 12px;
  width: var(--el-button-size);
}
.el-button--small {
  --el-button-size: 24px;
  height: var(--el-button-size);
}
.el-button--small [class*=el-icon] + span {
  margin-left: 4px;
}
.el-button--small {
  border-radius: calc(var(--el-border-radius-base) - 1px);
  font-size: 12px;
  padding: 5px 11px;
}
.el-button--small.is-round {
  padding: 5px 11px;
}
.el-button--small.is-circle {
  padding: 5px;
  width: var(--el-button-size);
}

.el-button-group {
  display: inline-block;
  vertical-align: middle;
}
.el-button-group:after,
.el-button-group:before {
  content: "";
  display: table;
}
.el-button-group:after {
  clear: both;
}
.el-button-group > .el-button {
  float: left;
  position: relative;
}
.el-button-group > .el-button + .el-button {
  margin-left: 0;
}
.el-button-group > .el-button:first-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.el-button-group > .el-button:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.el-button-group > .el-button:first-child:last-child {
  border-bottom-left-radius: var(--el-border-radius-base);
  border-bottom-right-radius: var(--el-border-radius-base);
  border-top-left-radius: var(--el-border-radius-base);
  border-top-right-radius: var(--el-border-radius-base);
}
.el-button-group > .el-button:first-child:last-child.is-round {
  border-radius: var(--el-border-radius-round);
}
.el-button-group > .el-button:first-child:last-child.is-circle {
  border-radius: 50%;
}
.el-button-group > .el-button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.el-button-group > .el-button:not(:last-child) {
  margin-right: -1px;
}
.el-button-group > .el-button.is-active,
.el-button-group > .el-button:active,
.el-button-group > .el-button:focus,
.el-button-group > .el-button:hover {
  z-index: 1;
}
.el-button-group > .el-dropdown > .el-button {
  border-bottom-left-radius: 0;
  border-left-color: var(--el-button-divide-border-color);
  border-top-left-radius: 0;
}
.el-button-group .el-button--primary:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--primary:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--success:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--success:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--success:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--warning:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--warning:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--danger:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--danger:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--info:first-child {
  border-right-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--info:last-child {
  border-left-color: var(--el-button-divide-border-color);
}
.el-button-group .el-button--info:not(:first-child):not(:last-child) {
  border-left-color: var(--el-button-divide-border-color);
  border-right-color: var(--el-button-divide-border-color);
}

.el-popper {
  --el-popper-border-radius: var(--el-popover-border-radius, 4px);
  border-radius: var(--el-popper-border-radius);
  font-size: 12px;
  line-height: 20px;
  min-width: 10px;
  overflow-wrap: break-word;
  padding: 5px 11px;
  position: absolute;
  visibility: visible;
  z-index: 2000;
}
.el-popper.is-dark {
  color: var(--el-bg-color);
}
.el-popper.is-dark,
.el-popper.is-dark > .el-popper__arrow:before {
  background: var(--el-text-color-primary);
  border: 1px solid var(--el-text-color-primary);
}
.el-popper.is-dark > .el-popper__arrow:before {
  right: 0;
}
.el-popper.is-light,
.el-popper.is-light > .el-popper__arrow:before {
  background: var(--el-bg-color-overlay);
  border: 1px solid var(--el-border-color-light);
}
.el-popper.is-light > .el-popper__arrow:before {
  right: 0;
}
.el-popper.is-pure {
  padding: 0;
}
.el-popper__arrow,
.el-popper__arrow:before {
  height: 10px;
  position: absolute;
  width: 10px;
  z-index: -1;
}
.el-popper__arrow:before {
  background: var(--el-text-color-primary);
  box-sizing: border-box;
  content: " ";
  transform: rotate(45deg);
}
.el-popper[data-popper-placement^=top] > .el-popper__arrow {
  bottom: -5px;
}
.el-popper[data-popper-placement^=top] > .el-popper__arrow:before {
  border-bottom-right-radius: 2px;
}
.el-popper[data-popper-placement^=bottom] > .el-popper__arrow {
  top: -5px;
}
.el-popper[data-popper-placement^=bottom] > .el-popper__arrow:before {
  border-top-left-radius: 2px;
}
.el-popper[data-popper-placement^=left] > .el-popper__arrow {
  right: -5px;
}
.el-popper[data-popper-placement^=left] > .el-popper__arrow:before {
  border-top-right-radius: 2px;
}
.el-popper[data-popper-placement^=right] > .el-popper__arrow {
  left: -5px;
}
.el-popper[data-popper-placement^=right] > .el-popper__arrow:before {
  border-bottom-left-radius: 2px;
}
.el-popper[data-popper-placement^=top] > .el-popper__arrow:before {
  border-left-color: transparent!important;
  border-top-color: transparent !important;
}
.el-popper[data-popper-placement^=bottom] > .el-popper__arrow:before {
  border-bottom-color: transparent!important;
  border-right-color: transparent !important;
}
.el-popper[data-popper-placement^=left] > .el-popper__arrow:before {
  border-bottom-color: transparent!important;
  border-left-color: transparent !important;
}
.el-popper[data-popper-placement^=right] > .el-popper__arrow:before {
  border-right-color: transparent!important;
  border-top-color: transparent !important;
}

.el-scrollbar {
  --el-scrollbar-opacity: 0.3;
  --el-scrollbar-bg-color: var(--el-text-color-secondary);
  --el-scrollbar-hover-opacity: 0.5;
  --el-scrollbar-hover-bg-color: var(--el-text-color-secondary);
  height: 100%;
  overflow: hidden;
  position: relative;
}
.el-scrollbar__wrap {
  height: 100%;
  overflow: auto;
}
.el-scrollbar__wrap--hidden-default {
  scrollbar-width: none;
}
.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
  display: none;
}
.el-scrollbar__thumb {
  background-color: var(--el-scrollbar-bg-color, var(--el-text-color-secondary));
  border-radius: inherit;
  cursor: pointer;
  display: block;
  height: 0;
  opacity: var(--el-scrollbar-opacity, 0.3);
  position: relative;
  transition: var(--el-transition-duration) background-color;
  width: 0;
}
.el-scrollbar__thumb:hover {
  background-color: var(--el-scrollbar-hover-bg-color, var(--el-text-color-secondary));
  opacity: var(--el-scrollbar-hover-opacity, 0.5);
}
.el-scrollbar__bar {
  border-radius: 4px;
  bottom: 2px;
  position: absolute;
  right: 2px;
  z-index: 1;
}
.el-scrollbar__bar.is-vertical {
  top: 2px;
  width: 6px;
}
.el-scrollbar__bar.is-vertical > div {
  width: 100%;
}
.el-scrollbar__bar.is-horizontal {
  height: 6px;
  left: 2px;
}
.el-scrollbar__bar.is-horizontal > div {
  height: 100%;
}
.el-scrollbar-fade-enter-active {
  transition: opacity 0.34s ease-out;
}
.el-scrollbar-fade-leave-active {
  transition: opacity 0.12s ease-out;
}
.el-scrollbar-fade-enter-from,
.el-scrollbar-fade-leave-active {
  opacity: 0;
}

.el-dropdown {
  --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
  --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
  --el-dropdown-menuItem-hover-color: var(--el-color-primary);
  --el-dropdown-menu-index: 10;
  color: var(--el-text-color-regular);
  display: inline-flex;
  font-size: var(--el-font-size-base);
  line-height: 1;
  position: relative;
  vertical-align: top;
}
.el-dropdown.is-disabled {
  color: var(--el-text-color-placeholder);
  cursor: not-allowed;
}
.el-dropdown__popper {
  --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
  --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
  --el-dropdown-menuItem-hover-color: var(--el-color-primary);
  --el-dropdown-menu-index: 10;
}
.el-dropdown__popper.el-popper {
  background: var(--el-bg-color-overlay);
  box-shadow: var(--el-dropdown-menu-box-shadow);
}
.el-dropdown__popper.el-popper,
.el-dropdown__popper.el-popper .el-popper__arrow:before {
  border: 1px solid var(--el-border-color-light);
}
.el-dropdown__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
  border-left-color: transparent;
  border-top-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.el-dropdown__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
  border-right-color: transparent;
  border-top-color: transparent;
}
.el-dropdown__popper .el-dropdown-menu {
  border: none;
}
.el-dropdown__popper .el-dropdown__popper-selfdefine {
  outline: none;
}
.el-dropdown__popper .el-scrollbar__bar {
  z-index: calc(var(--el-dropdown-menu-index) + 1);
}
.el-dropdown__popper .el-dropdown__list {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0;
}
.el-dropdown .el-dropdown__caret-button {
  align-items: center;
  border-left: none;
  display: inline-flex;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  width: 32px;
}
.el-dropdown .el-dropdown__caret-button > span {
  display: inline-flex;
}
.el-dropdown .el-dropdown__caret-button:before {
  background: var(--el-overlay-color-lighter);
  bottom: -1px;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: -1px;
  width: 1px;
}
.el-dropdown .el-dropdown__caret-button.el-button:before {
  background: var(--el-border-color);
  opacity: 0.5;
}
.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
  font-size: inherit;
  padding-left: 0;
}
.el-dropdown .el-dropdown-selfdefine {
  outline: none;
}
.el-dropdown--large .el-dropdown__caret-button {
  width: 40px;
}
.el-dropdown--small .el-dropdown__caret-button {
  width: 24px;
}
.el-dropdown-menu {
  background-color: var(--el-bg-color-overlay);
  border: none;
  border-radius: var(--el-border-radius-base);
  box-shadow: none;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 5px 0;
  position: relative;
  top: 0;
  z-index: var(--el-dropdown-menu-index);
}
.el-dropdown-menu__item {
  align-items: center;
  color: var(--el-text-color-regular);
  cursor: pointer;
  display: flex;
  font-size: var(--el-font-size-base);
  line-height: 22px;
  list-style: none;
  margin: 0;
  outline: none;
  padding: 5px 16px;
  white-space: nowrap;
}
.el-dropdown-menu__item:not(.is-disabled):focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: var(--el-dropdown-menuItem-hover-fill);
  color: var(--el-dropdown-menuItem-hover-color);
}
.el-dropdown-menu__item i {
  margin-right: 5px;
}
.el-dropdown-menu__item--divided {
  border-top: 1px solid var(--el-border-color-lighter);
  margin: 6px 0;
}
.el-dropdown-menu__item.is-disabled {
  color: var(--el-text-color-disabled);
  cursor: not-allowed;
}
.el-dropdown-menu--large {
  padding: 7px 0;
}
.el-dropdown-menu--large .el-dropdown-menu__item {
  font-size: 14px;
  line-height: 22px;
  padding: 7px 20px;
}
.el-dropdown-menu--large .el-dropdown-menu__item--divided {
  margin: 8px 0;
}
.el-dropdown-menu--small {
  padding: 3px 0;
}
.el-dropdown-menu--small .el-dropdown-menu__item {
  font-size: 12px;
  line-height: 20px;
  padding: 2px 12px;
}
.el-dropdown-menu--small .el-dropdown-menu__item--divided {
  margin: 4px 0;
}

.langOptions {
  width: 180px;
  border: none !important;
  background: #313131 !important;
  opacity: 0.88 !important;
}
.langOptions .langOptionsItem {
  display: flex;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  padding-inline-start: 18px;
}
.langOptions .langOptionsItem:hover {
  background: #1e1e1e;
}
.langOptions .langOptionsItem.active {
  color: #ffb200;
}
.langOptions .ar {
  direction: rtl;
}
.langOptions .el-popper__arrow::before {
  border: none !important;
  background: #313131 !important;
  opacity: 0.88;
}

@keyframes iconShake-182a8058 {
0%,
  20%,
  100% {
    transform: rotate(-15deg);
}
2.5% {
    transform: rotate(-25deg);
}
7.5% {
    transform: rotate(-5deg);
}
12.5% {
    transform: rotate(-25deg);
}
17.5% {
    transform: rotate(-5deg);
}
}
.stickyNav[data-v-182a8058] {
  position: sticky;
  z-index: 4;
  display: flex;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/en_mafia/home/assets/bg_top.64a86581.png) center bottom no-repeat;
  background-size: cover;
  color: #acacac;
  line-height: 50px;
  transition: top 0.2s ease;
  -webkit-user-select: none;
  user-select: none;
}
.gameLogo[data-v-182a8058] {
  height: 60%;
  margin: 0 2%;
  cursor: pointer;
}
.navList[data-v-182a8058] {
  display: flex;
  height: calc(100% - 2px);
  align-items: center;
  margin-bottom: 2px;
}
.btnNav[data-v-182a8058] {
  position: relative;
  display: flex;
  height: 100%;
  box-sizing: border-box;
  align-items: center;
  padding: 2px 1.8em 0;
  margin-bottom: 2px;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
}
.btnNav[data-v-182a8058]:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.btnNav .avatar[data-v-182a8058] {
  width: 30px;
  height: 30px;
}
.btnNav.login[data-v-182a8058] {
  display: flex;
  align-items: center;
}
.btnNav.login .avatar[data-v-182a8058] {
  margin-inline-end: 10px;
}
.btnNav.profile[data-v-182a8058] {
  height: 50px;
  padding: 10px 20px;
}
.btnNav.profile .userInfo[data-v-182a8058] {
  border-bottom: 1px solid grey;
  color: #fff;
  cursor: default;
  padding-inline-start: 8px;
}
.btnNav.download[data-v-182a8058] {
  position: relative;
}
.btnNav.download[data-v-182a8058]:hover {
  background-color: transparent;
}
.btnMoreNav[data-v-182a8058] {
  padding: 2px 0.8em 0;
}
.btnMoreNav .downArrow[data-v-182a8058] {
  width: 12px;
  margin-inline-start: 8px;
  transform: translateY(2px);
}
.btnMoreNav .moreNavWrapper[data-v-182a8058] {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  padding-top: 6px;
  visibility: hidden;
}
.btnMoreNav.profile .moreNavWrapper[data-v-182a8058] {
  right: 0;
  left: auto;
  width: 210px;
}
.btnMoreNav .moreNavList[data-v-182a8058] {
  width: 100%;
  height: 100%;
  border: 1px solid darkgray;
  border-radius: 2px;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/en_mafia/home/assets/bg_top.64a86581.png) center no-repeat;
  background-size: cover;
}
.btnMoreNav .moreNavList .moreNavItem[data-v-182a8058] {
  height: 40px;
  padding: 0 8px;
  line-height: 40px;
  text-align: start;
}
.btnMoreNav .moreNavList .moreNavItem[data-v-182a8058]:hover {
  background-color: rgba(0, 0, 0, 0.7);
}
.btnMoreNav:hover .moreNavWrapper[data-v-182a8058] {
  visibility: visible;
}
.btnStore[data-v-182a8058] {
  position: relative;
  height: 100%;
  cursor: pointer;
}
.btnStore > img[data-v-182a8058] {
  height: 100%;
}
.btnStore .offIcon[data-v-182a8058] {
  position: absolute;
  top: -2px;
  left: -23px;
  height: 132%;
  -webkit-animation: iconShake-182a8058 3s linear 0s infinite;
  animation: iconShake-182a8058 3s linear 0s infinite;
}
.btnStore .offIcon.rechargeIcon[data-v-182a8058] {
  height: 100%;
  top: 5px;
}
.btnStore .blackOffIcon[data-v-182a8058] {
  top: 0;
  left: -14px;
  height: 130%;
}
.downloadQR[data-v-182a8058] {
  position: absolute;
  top: calc(100% + 1em);
  right: 0;
  width: 8em;
  height: 8em;
  padding: 1em;
  border: 1px solid #62626254;
  /* background-image: url('@/assets/img/StickyNav/downloadQR.png'); */
  background-color: #333;
  background-size: 100% 100%;
}
.downloadQR > img[data-v-182a8058] {
  width: 100%;
  height: 100%;
}
.navBlank[data-v-182a8058] {
  flex-grow: 1;
}
.navDivider[data-v-182a8058] {
  width: 0;
  height: 30%;
  border-left: 1px dashed #acacac;
  transform: scale(1, 2);
}
.langSelector[data-v-182a8058] {
  display: flex;
  height: 100%;
  align-items: center;
}
.langSelector .displayLang[data-v-182a8058] {
  display: flex;
  width: 130px;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  text-align: center;
}
.langSelector .displayLang img.arrow[data-v-182a8058] {
  width: 15px;
  height: 10px;
}
.langSelector .displayLang img.global[data-v-182a8058] {
  width: 24px;
  height: 24px;
}
@media screen and (width <= 1660px) {
.stickyNav .btnNav[data-v-182a8058] {
    font-size: 14px;
}
.stickyNav .btnNav .downArrow[data-v-182a8058] {
    transform: translateY(0);
}
.stickyNav .displayLang[data-v-182a8058] {
    font-size: 14px;
}
}
.stickyNav.ar[data-v-182a8058] {
  direction: rtl;
}
.stickyNav.ar .moreNavWrapper[data-v-182a8058] {
  right: 0;
  left: unset;
}
.stickyNav.ar .btnStore .offIcon[data-v-182a8058] {
  right: -23px;
  left: unset;
}

@charset "UTF-8";
:root {
  --el-color-white: #ffffff;
  --el-color-black: #000000;
  --el-color-primary-rgb: 64, 158, 255;
  --el-color-success-rgb: 103, 194, 58;
  --el-color-warning-rgb: 230, 162, 60;
  --el-color-danger-rgb: 245, 108, 108;
  --el-color-error-rgb: 245, 108, 108;
  --el-color-info-rgb: 144, 147, 153;
  --el-font-size-extra-large: 20px;
  --el-font-size-large: 18px;
  --el-font-size-medium: 16px;
  --el-font-size-base: 14px;
  --el-font-size-small: 13px;
  --el-font-size-extra-small: 12px;
  --el-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
  --el-font-weight-primary: 500;
  --el-font-line-height-primary: 24px;
  --el-index-normal: 1;
  --el-index-top: 1000;
  --el-index-popper: 2000;
  --el-border-radius-base: 4px;
  --el-border-radius-small: 2px;
  --el-border-radius-round: 20px;
  --el-border-radius-circle: 100%;
  --el-transition-duration: 0.3s;
  --el-transition-duration-fast: 0.2s;
  --el-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
  --el-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
  --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
  --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
  --el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
  --el-component-size-large: 40px;
  --el-component-size: 32px;
  --el-component-size-small: 24px;
}
:root {
  color-scheme: light;
  --el-color-white: #ffffff;
  --el-color-black: #000000;
  --el-color-primary: #409eff;
  --el-color-primary-light-3: #79bbff;
  --el-color-primary-light-5: #a0cfff;
  --el-color-primary-light-7: #c6e2ff;
  --el-color-primary-light-8: #d9ecff;
  --el-color-primary-light-9: #ecf5ff;
  --el-color-primary-dark-2: #337ecc;
  --el-color-success: #67c23a;
  --el-color-success-light-3: #95d475;
  --el-color-success-light-5: #b3e19d;
  --el-color-success-light-7: #d1edc4;
  --el-color-success-light-8: #e1f3d8;
  --el-color-success-light-9: #f0f9eb;
  --el-color-success-dark-2: #529b2e;
  --el-color-warning: #e6a23c;
  --el-color-warning-light-3: #eebe77;
  --el-color-warning-light-5: #f3d19e;
  --el-color-warning-light-7: #f8e3c5;
  --el-color-warning-light-8: #faecd8;
  --el-color-warning-light-9: #fdf6ec;
  --el-color-warning-dark-2: #b88230;
  --el-color-danger: #f56c6c;
  --el-color-danger-light-3: #f89898;
  --el-color-danger-light-5: #fab6b6;
  --el-color-danger-light-7: #fcd3d3;
  --el-color-danger-light-8: #fde2e2;
  --el-color-danger-light-9: #fef0f0;
  --el-color-danger-dark-2: #c45656;
  --el-color-error: #f56c6c;
  --el-color-error-light-3: #f89898;
  --el-color-error-light-5: #fab6b6;
  --el-color-error-light-7: #fcd3d3;
  --el-color-error-light-8: #fde2e2;
  --el-color-error-light-9: #fef0f0;
  --el-color-error-dark-2: #c45656;
  --el-color-info: #909399;
  --el-color-info-light-3: #b1b3b8;
  --el-color-info-light-5: #c8c9cc;
  --el-color-info-light-7: #dedfe0;
  --el-color-info-light-8: #e9e9eb;
  --el-color-info-light-9: #f4f4f5;
  --el-color-info-dark-2: #73767a;
  --el-bg-color: #ffffff;
  --el-bg-color-page: #f2f3f5;
  --el-bg-color-overlay: #ffffff;
  --el-text-color-primary: #303133;
  --el-text-color-regular: #606266;
  --el-text-color-secondary: #909399;
  --el-text-color-placeholder: #a8abb2;
  --el-text-color-disabled: #c0c4cc;
  --el-border-color: #dcdfe6;
  --el-border-color-light: #e4e7ed;
  --el-border-color-lighter: #ebeef5;
  --el-border-color-extra-light: #f2f6fc;
  --el-border-color-dark: #d4d7de;
  --el-border-color-darker: #cdd0d6;
  --el-fill-color: #f0f2f5;
  --el-fill-color-light: #f5f7fa;
  --el-fill-color-lighter: #fafafa;
  --el-fill-color-extra-light: #fafcff;
  --el-fill-color-dark: #ebedf0;
  --el-fill-color-darker: #e6e8eb;
  --el-fill-color-blank: #ffffff;
  --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08);
  --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, 0.12);
  --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, 0.12);
  --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16);
  --el-disabled-bg-color: var(--el-fill-color-light);
  --el-disabled-text-color: var(--el-text-color-placeholder);
  --el-disabled-border-color: var(--el-border-color-light);
  --el-overlay-color: rgba(0, 0, 0, 0.8);
  --el-overlay-color-light: rgba(0, 0, 0, 0.7);
  --el-overlay-color-lighter: rgba(0, 0, 0, 0.5);
  --el-mask-color: rgba(255, 255, 255, 0.9);
  --el-mask-color-extra-light: rgba(255, 255, 255, 0.3);
  --el-border-width: 1px;
  --el-border-style: solid;
  --el-border-color-hover: var(--el-text-color-disabled);
  --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
  --el-svg-monochrome-grey: var(--el-border-color);
}
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  transition: var(--el-transition-fade-linear);
}
.fade-in-linear-enter-from,
.fade-in-linear-leave-to {
  opacity: 0;
}
.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  transition: var(--el-transition-fade-linear);
}
.el-fade-in-linear-enter-from,
.el-fade-in-linear-leave-to {
  opacity: 0;
}
.el-fade-in-enter-active,
.el-fade-in-leave-active {
  transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}
.el-fade-in-enter-from,
.el-fade-in-leave-active {
  opacity: 0;
}
.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  transition: all var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}
.el-zoom-in-center-enter-from,
.el-zoom-in-center-leave-active {
  opacity: 0;
  transform: scaleX(0);
}
.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: var(--el-transition-md-fade);
  transform-origin: center top;
}
.el-zoom-in-top-enter-active[data-popper-placement^=top],
.el-zoom-in-top-leave-active[data-popper-placement^=top] {
  transform-origin: center bottom;
}
.el-zoom-in-top-enter-from,
.el-zoom-in-top-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: var(--el-transition-md-fade);
  transform-origin: center bottom;
}
.el-zoom-in-bottom-enter-from,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  transform: scaleY(0);
}
.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  transform: scale(1);
  transition: var(--el-transition-md-fade);
  transform-origin: top left;
}
.el-zoom-in-left-enter-from,
.el-zoom-in-left-leave-active {
  opacity: 0;
  transform: scale(0.45);
}
.collapse-transition {
  transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out;
}
.el-collapse-transition-enter-active,
.el-collapse-transition-leave-active {
  transition: var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out;
}
.horizontal-collapse-transition {
  transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out;
}
.el-list-enter-active,
.el-list-leave-active {
  transition: all 1s;
}
.el-list-enter-from,
.el-list-leave-to {
  opacity: 0;
  transform: translateY(-30px);
}
.el-list-leave-active {
  position: absolute !important;
}
.el-opacity-transition {
  transition: opacity var(--el-transition-duration) cubic-bezier(0.55, 0, 0.1, 1);
}
.el-icon-loading {
  -webkit-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
.el-icon--right {
  margin-left: 5px;
}
.el-icon--left {
  margin-right: 5px;
}
@-webkit-keyframes rotating {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}
.el-icon {
  --color: inherit;
  height: 1em;
  width: 1em;
  line-height: 1em;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  fill: currentColor;
  color: var(--color);
  font-size: inherit;
}
.el-icon.is-loading {
  -webkit-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
.el-icon svg {
  height: 1em;
  width: 1em;
}
.el-badge {
  --el-badge-bg-color: var(--el-color-danger);
  --el-badge-radius: 10px;
  --el-badge-font-size: 12px;
  --el-badge-padding: 6px;
  --el-badge-size: 18px;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.el-badge__content {
  background-color: var(--el-badge-bg-color);
  border-radius: var(--el-badge-radius);
  color: var(--el-color-white);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: var(--el-badge-font-size);
  height: var(--el-badge-size);
  padding: 0 var(--el-badge-padding);
  white-space: nowrap;
  border: 1px solid var(--el-bg-color);
}
.el-badge__content.is-fixed {
  position: absolute;
  top: 0;
  right: calc(1px + var(--el-badge-size)/2);
  transform: translateY(-50%) translate(100%);
  z-index: var(--el-index-normal);
}
.el-badge__content.is-fixed.is-dot {
  right: 5px;
}
.el-badge__content.is-dot {
  height: 8px;
  width: 8px;
  padding: 0;
  right: 0;
  border-radius: 50%;
}
.el-badge__content--primary {
  background-color: var(--el-color-primary);
}
.el-badge__content--success {
  background-color: var(--el-color-success);
}
.el-badge__content--warning {
  background-color: var(--el-color-warning);
}
.el-badge__content--info {
  background-color: var(--el-color-info);
}
.el-badge__content--danger {
  background-color: var(--el-color-danger);
}
.el-message {
  --el-message-bg-color: var(--el-color-info-light-9);
  --el-message-border-color: var(--el-border-color-lighter);
  --el-message-padding: 15px 19px;
  --el-message-close-size: 16px;
  --el-message-close-icon-color: var(--el-text-color-placeholder);
  --el-message-close-hover-color: var(--el-text-color-secondary);
}
.el-message {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: calc(100% - 32px);
  box-sizing: border-box;
  border-radius: var(--el-border-radius-base);
  border-width: var(--el-border-width);
  border-style: var(--el-border-style);
  border-color: var(--el-message-border-color);
  position: fixed;
  left: 50%;
  top: 20px;
  transform: translate(-50%);
  background-color: var(--el-message-bg-color);
  transition: opacity var(--el-transition-duration), transform 0.4s, top 0.4s;
  padding: var(--el-message-padding);
  display: flex;
  align-items: center;
}
.el-message.is-center {
  justify-content: center;
}
.el-message.is-closable .el-message__content {
  padding-right: 31px;
}
.el-message p {
  margin: 0;
}
.el-message--success {
  --el-message-bg-color: var(--el-color-success-light-9);
  --el-message-border-color: var(--el-color-success-light-8);
  --el-message-text-color: var(--el-color-success);
}
.el-message--success .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: anywhere;
}
.el-message .el-message-icon--success {
  color: var(--el-message-text-color);
}
.el-message--info {
  --el-message-bg-color: var(--el-color-info-light-9);
  --el-message-border-color: var(--el-color-info-light-8);
  --el-message-text-color: var(--el-color-info);
}
.el-message--info .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: anywhere;
}
.el-message .el-message-icon--info {
  color: var(--el-message-text-color);
}
.el-message--warning {
  --el-message-bg-color: var(--el-color-warning-light-9);
  --el-message-border-color: var(--el-color-warning-light-8);
  --el-message-text-color: var(--el-color-warning);
}
.el-message--warning .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: anywhere;
}
.el-message .el-message-icon--warning {
  color: var(--el-message-text-color);
}
.el-message--error {
  --el-message-bg-color: var(--el-color-error-light-9);
  --el-message-border-color: var(--el-color-error-light-8);
  --el-message-text-color: var(--el-color-error);
}
.el-message--error .el-message__content {
  color: var(--el-message-text-color);
  overflow-wrap: anywhere;
}
.el-message .el-message-icon--error {
  color: var(--el-message-text-color);
}
.el-message__icon {
  margin-right: 10px;
}
.el-message .el-message__badge {
  position: absolute;
  top: -8px;
  right: -8px;
}
.el-message__content {
  padding: 0;
  font-size: 14px;
  line-height: 1;
}
.el-message__content:focus {
  outline-width: 0;
}
.el-message .el-message__closeBtn {
  position: absolute;
  top: 50%;
  right: 19px;
  transform: translateY(-50%);
  cursor: pointer;
  color: var(--el-message-close-icon-color);
  font-size: var(--el-message-close-size);
}
.el-message .el-message__closeBtn:focus {
  outline-width: 0;
}
.el-message .el-message__closeBtn:hover {
  color: var(--el-message-close-hover-color);
}
.el-message-fade-enter-from,
.el-message-fade-leave-to {
  opacity: 0;
  transform: translate(-50%, -100%);
}
.leftArea[data-v-af9de541] {
  height: 100%;
  position: relative;
  width: 60px;
  background: unset !important;
}
.iconArea[data-v-af9de541] {
  width: 50px;
  height: 50px;
  flex: none;
  border-radius: 50%;
}
.barButton[data-v-af9de541] {
  position: relative;
  overflow: hidden;
  width: auto;
  height: 50px;
  box-sizing: border-box;
  margin-bottom: 15px;
  cursor: pointer;
  text-decoration: none;
  background: #2b2b2b;
  color: #fff;
  display: flex;
}
.btIcon1[data-v-af9de541] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin: auto 0;
  background-size: 100% 100%;
}
.btText1[data-v-af9de541] {
  top: 0;
  right: 0;
  bottom: 0;
  flex: auto;
  height: 2em;
  margin-inline-start: 30px;
  line-height: 2em;
  align-self: center;
}
.iconButton[data-v-af9de541] {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 50px;
  height: 50px;
  margin: 0 10px;
  cursor: pointer;
  flex: none;
}
.btIcon2[data-v-af9de541] {
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  background-size: 100% 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.fbLink[data-v-af9de541] {
  background: #3c5a9a;
  color: #fff;
}
.googleLink[data-v-af9de541],
.iconButton.googleLink[data-v-af9de541] {
  background: #eaeaea;
  color: #000;
}
.lineLink[data-v-af9de541] {
  background: #fff;
  color: #fff;
}
.yahooLink[data-v-af9de541] {
  background: #8b579f;
  color: #fff;
}
.twitterLink[data-v-af9de541] {
  background: #000;
  color: #fff;
}
.vkLink[data-v-af9de541] {
  background: #eaeaea;
  color: #fff;
}
.anonymousLink[data-v-af9de541] {
  background: #ff8a00;
  color: #fff;
}
.yandexLink[data-v-af9de541] {
  background: #fc3f1d;
  color: #fff;
}
.gpgLink[data-v-af9de541] {
  background: #eaeaea;
  color: #000;
}
.appleLink[data-v-af9de541] {
  background: #000;
  color: #fff;
}
.actionButton[data-v-57a79995] {
  height: 50px;
  background-color: #d0343a;
  width: 100%;
  font-size: 20px;
  line-height: 50px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.fppHead[data-v-1e9bb066] {
  font-size: 32px;
  color: #fff;
  text-align: center;
  margin-bottom: 15px;
}
.subtitle[data-v-1e9bb066] {
  font-size: 14px;
  color: #818181;
  text-align: center;
  margin-bottom: 20px;
}
.fpsMain[data-v-1e9bb066] {
  width: 100%;
}
.fpsInput[data-v-1e9bb066] {
  display: block;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  padding: 05px 10px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 50px;
}
.fpsMain[data-v-13d4843d] {
  color: #c4c4c4;
}
.fppHead[data-v-13d4843d] {
  font-size: 32px;
  color: #fff;
  text-align: center;
  margin-bottom: 15px;
}
.subtitle[data-v-13d4843d] {
  font-size: 14px;
  color: #818181;
  text-align: center;
  margin-bottom: 20px;
}
.fpsMain[data-v-13d4843d] {
  width: 100%;
}
.fpeInput[data-v-13d4843d] {
  display: block;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  padding: 05px 10px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 50px;
}
.fpsMain[data-v-13d4843d],
.codeBox[data-v-13d4843d] {
  width: 100%;
}
.sendCode[data-v-13d4843d] {
  position: absolute;
  right: 5px;
  height: 40px;
  padding: 0 20px;
  top: 50%;
  min-width: 70px;
  transform: translateY(-50%);
  background: #c4c4c4;
  color: #383737;
  cursor: pointer;
  line-height: 40px;
  text-align: center;
}
.sendCode.disable[data-v-13d4843d] {
  color: #d2d2d2;
  cursor: not-allowed;
}
.fppBottom[data-v-13d4843d] {
  margin: 0 auto;
}
.fppHead[data-v-7fd43579] {
  font-size: 32px;
  color: #fff;
  text-align: center;
  margin-bottom: 15px;
}
.subtitle[data-v-7fd43579] {
  font-size: 14px;
  color: #818181;
  text-align: center;
  margin-bottom: 20px;
}
.fpsMain[data-v-7fd43579] {
  width: 100%;
}
.fpsInput[data-v-7fd43579] {
  display: block;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  padding: 05px 10px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 50px;
}
.fppHead[data-v-024b9c39] {
  font-size: 32px;
  color: #fff;
  text-align: center;
}
.subtitle[data-v-024b9c39] {
  font-size: 14px;
  color: #818181;
  text-align: center;
  margin-bottom: 20px;
}
.fpsMain[data-v-024b9c39] {
  width: 100%;
}
.fpsInput[data-v-024b9c39] {
  display: block;
  width: 100%;
  height: 50px;
  box-sizing: border-box;
  padding: 05px 10px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 50px;
}
.subcontent[data-v-0e5ce3ac] {
  width: 90%;
  box-sizing: border-box;
  margin: 0 auto;
  text-align: center;
}
.subcontent .title[data-v-0e5ce3ac] {
  font-size: 30px;
  line-height: 30px;
  color: #fff;
  margin: 40px 0;
}
.subcontent img[data-v-0e5ce3ac] {
  height: 40px;
  margin-top: -5px;
  vertical-align: middle;
}
.fppHead[data-v-570fa055] {
  font-size: 32px;
  color: #fff;
  text-align: center;
  margin-bottom: 15px;
}
.subtitle[data-v-570fa055] {
  font-size: 14px;
  color: #818181;
  text-align: center;
  margin-bottom: 20px;
}
.subcontent[data-v-570fa055] {
  color: #818181;
  border: solid #3f3f3f;
  border-width: 1px 0;
  margin-bottom: 20px;
}
.subcontent .optionRow[data-v-570fa055] {
  margin: 20px 0;
  display: flex;
  align-items: center;
}
.subcontent .text2[data-v-570fa055] {
  color: #c4c4c4;
  font-weight: 700;
}
.subcontent .btn[data-v-570fa055] {
  color: #d0343a;
}
.subcontent .pad[data-v-570fa055] {
  min-width: 10px;
  flex: auto;
}
.remember[data-v-736e0c83] {
  display: flex;
  align-items: center;
  margin-top: 10px;
  font-size: 14px;
  margin-bottom: 5px;
}
.remember .checkbox[data-v-736e0c83] {
  cursor: pointer;
  width: 16px;
  height: 16px;
  background-color: #3f3f3f;
  border: solid 1px #525252;
}
.remember .checkbox.check[data-v-736e0c83] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAYAAABv7tTEAAAAZElEQVR4XmNgIAH8//9fAojZ0MVxAqBiGSC+A8QN6HJYAZKGfUDMBRNkRlMHB7g0sAHxeSCORlOPXQOSZCYQ/0HWiFcDDCBrJEoDDCBpfEqUBhgAKswA4t1Ea4ABoAZGdDFkAABe2JbGN8bvXwAAAABJRU5ErkJggg==) center / contain no-repeat, #3f3f3f;
}
.remember .rememberUser[data-v-736e0c83] {
  cursor: pointer;
  color: #dedede;
  margin-inline-start: 5px;
}
.findPassword[data-v-736e0c83] {
  cursor: pointer;
  color: #d0343a;
  font-size: 14px;
  text-align: end;
}
.indexWrapper[data-v-7c49ef9b] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #00000080;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.container[data-v-7c49ef9b] {
  width: 414px;
  background-color: #1e1e1e;
  box-sizing: border-box;
  padding: 19px 37px 31px;
  max-width: 90%;
  position: relative;
}
.logo[data-v-7c49ef9b] {
  height: 87px;
  width: calc(100% - 30px);
  object-fit: contain;
  margin: 0 auto 10px;
  display: block;
}
.moreInfoLine[data-v-7c49ef9b] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0 20px;
  color: #717171;
  font-size: 14px;
  text-align: center;
}
.moreInfoLine .line[data-v-7c49ef9b] {
  display: inline-block;
  width: 125px;
  flex: auto;
  border-top: 1px solid #717171;
}
.moreInfoLine .content[data-v-7c49ef9b] {
  flex: none;
  padding: 0 10px;
}
.gameSelector[data-v-7c49ef9b] {
  width: 414px;
  background-color: #1e1e1e;
  max-width: 90%;
  position: relative;
  height: 490px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 20px 0 0;
  overflow: hidden;
}
.gameSelector > *[data-v-7c49ef9b] {
  flex: none;
}
.selectGameTip[data-v-7c49ef9b] {
  color: #a2a2a2;
  text-align: center;
}
.gameItem[data-v-7c49ef9b] {
  padding: 12px 0;
  margin: 0 45px;
  display: flex;
  color: #cacaca;
  border-bottom: #2e2e2e 1px solid;
  font-size: 18px;
  align-items: center;
  cursor: pointer;
}
.gameItem img[data-v-7c49ef9b] {
  flex: none;
  width: 56px;
  height: 56px;
  object-fit: cover;
}
.icon[data-v-7c49ef9b] {
  width: 26px;
  height: 26px;
  flex: none;
  border-radius: 13px;
  border: solid 1px #8b8b8b;
  box-sizing: border-box;
}
.icon.active[data-v-7c49ef9b] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOCAMAAAC5dNAvAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAhZQTFRFAAAAxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGxsbGOR+ylQAAALJ0Uk5TAAFU1/7//dROJaqkIuLeTw+U/IwNta4eKc7IJC7o4yrhJuXkIcsgDrKxkI9S4KuoU9jV+TFKiggn76EHtKW4CdwTBNMfA3fZLWv3LAJu++dj8y9b9vQ7R+pG8lY6X936n0GTfRfafmT4jQUWw0v1HcnslaO8v+6pEazADFoVBpnCGMULvtCIxxnwwRzpNmDbPeY/WMxI6808RURRK88o1jPtYa9ZmLYQIzcyML0Sorq3YtABTxQAAANkSURBVHic7dj5PxVRFADw+5j7EEWSULbQa6FsWSNrVE9KCfGS9lLKVlqpqMSjkFSStC9a/sPmvTnTezNzZ7tzf+z89Nw7vp87nznn3LmDkCRsAYEcNhz2oGCkFSErjFtChIapYraAlWY1jFeF28haxGq7eQ3jyDVRJC1sLQ3mieh1Si0m1sQzkAYXt16ubYinxTyRECPVEpOsaBgnJfpryRutaRinJPu01DSrGsZpm0TNsZn6KfiC2+KA7N1qHfPENiGfA6iyVxn2dI8WQlFZ5Mjg08+2nZWG8Q6EMtlpGIejLJZcNmKQI77gEEsN4/+c0cgJzXXsjGXG5eXzVVVQyIgrKvZ2kF1suJJioSMVMeFKdwtaVBkLLq5c0Cry/EdpucoqQaveI6lSSq6mFjaGvfsk43Rc0H4Bc9YdkE5QcfWg2Q4eks3QcPUNcKeHj8inKLjGo6A1KTQKrrkJtJZjyknTXGErvB62NRNmzXJ2l1PQqo6TpqVc+4mOjpM5Glr7KbjT02eI81LubDV/5bnz6tyFi4LWeYk8L+FyhKq+3KWC2fNgbVeuqlwh4brh6nSV9fXA2qJU1ia/Wch21NpIWlsvPIXyPjVNxvV3gue6priSuz4gzOXfUNVkHHfzFvSd24ocLb0jTN0d1HhxkOfd0D1YX7Csgu4/gLX1aL0OKtJ4WPQyJc93BIZtDyM1NEJVPHosVviobzADBivqtDBikT0ZE/NlXBxKcMPQBKHsdTg8GQL//BQOLylwqHG6tDGVFjAC+wpqe+Zd2xT8OU1KR30Oz0BSoOezfK00QUtqGSVerM/hF6ngzY12vYSfr2Z1NdV+NyN6U6/hhztFX1Nvn1myQ/48qfka5/CbZH9t4a0RTau5B435NEelIU1zrwj8d+aNGDamaW89ZYtQ9kY1nZ1s1vtmE2H8G4bOxlgzh9BAifETqu4+OxT9zjDGH6IsfqKQxiRaYslNI2cpO+093ytqLX3f8Y+EAk8eLDE60nIfvEla3cuG+yju6v0MMO7TZ7EkY4y1C80Y+eJrGIvKdwiTET/v386+Wny88d+kzdbdbUXrdiNZ5GbTa9nf5Rr/PH7Qan0LSg2h5Z9U+cwVLZM0Pp+XDO1W0hifcJI1Php+mdV+16pifDj/mPmax2W4ZEv7C4jVz/HNFKg1AAAAAElFTkSuQmCC) center / cover;
  border: none;
}
.gameName[data-v-7c49ef9b] {
  margin: 0 15px;
  flex: auto;
}
.bottomAction[data-v-7c49ef9b] {
  display: flex;
  height: 72px;
  align-items: stretch;
  color: #fff;
  font-size: 20px;
}
.bottomAction .cancel[data-v-7c49ef9b] {
  width: 50%;
  background-color: #292929;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.bottomAction .confirm[data-v-7c49ef9b] {
  width: 50%;
  background-color: #292929;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #d0343a;
}
.gameSelectArea[data-v-7c49ef9b] {
  flex: auto;
  overflow: auto;
}
.close[data-v-7c49ef9b] {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
@media screen and (max-width: 900px) {
  .close[data-v-7c49ef9b] {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
  }
  .container[data-v-7c49ef9b] {
    padding: 12px 25px 20px;
    width: 360px;
  }
  .gameSelector[data-v-7c49ef9b] {
    height: 400px;
  }
  .logo[data-v-7c49ef9b] {
    height: 60px;
  }
  .gameItem[data-v-7c49ef9b] {
    font-size: 14px;
  }
  .gameItem img[data-v-7c49ef9b] {
    width: 40px;
    height: 40px;
  }
  .gameItem .icon[data-v-7c49ef9b] {
    width: 20px;
    height: 20px;
    border-radius: 10px;
  }
  .gameSelector[data-v-7c49ef9b] {
    width: 360px;
  }
  .bottomAction[data-v-7c49ef9b] {
    height: 50px;
    font-size: 14px;
  }
}
[data-v-7c49ef9b] input {
  height: 50px;
  color: #dedede;
  display: block;
  width: 100%;
  outline: none;
  background: transparent;
  border: solid 1px #525252;
  margin-bottom: 10px;
  padding: 0 14px;
  box-sizing: border-box;
  font-size: 14px;
}
[data-v-7c49ef9b] input.wrongStyle {
  border: solid 1px #d0343a;
}
[data-v-7c49ef9b] input::placeholder {
  color: #565656;
}
[data-v-7c49ef9b] .errorBox {
  font-size: 18px;
  color: #d0343a;
  margin-top: -10px;
}
.termsTip[data-v-7c49ef9b] {
  margin-top: 15px;
  font-size: 13px;
  color: #717171;
}
.termsTip a[data-v-7c49ef9b] {
  color: #717171;
}
.iconArea[data-v-7c49ef9b] {
  display: grid;
  grid-gap: 10px 0;
  grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
}

.topArea[data-v-af9a1388] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 38px;
  box-shadow: 0 5px 15px #e5e6e9;
}

/**
 * Swiper 11.2.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: March 19, 2025
 */
/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, 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');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform,
        200ms top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
        200ms left;
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

:root {
  --el-loading-spinner-size: 42px;
  --el-loading-fullscreen-spinner-size: 50px;
}
.el-loading-parent--relative {
  position: relative !important;
}
.el-loading-parent--hidden {
  overflow: hidden !important;
}
.el-loading-mask {
  background-color: var(--el-mask-color);
  bottom: 0;
  left: 0;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity var(--el-transition-duration);
  z-index: 2000;
}
.el-loading-mask.is-fullscreen {
  position: fixed;
}
.el-loading-mask.is-fullscreen .el-loading-spinner {
  margin-top: calc((0px - var(--el-loading-fullscreen-spinner-size))/2);
}
.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
  height: var(--el-loading-fullscreen-spinner-size);
  width: var(--el-loading-fullscreen-spinner-size);
}
.el-loading-spinner {
  margin-top: calc((0px - var(--el-loading-spinner-size))/2);
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}
.el-loading-spinner .el-loading-text {
  color: var(--el-color-primary);
  font-size: 14px;
  margin: 3px 0;
}
.el-loading-spinner .circular {
  animation: loading-rotate 2s linear infinite;
  display: inline;
  height: var(--el-loading-spinner-size);
  width: var(--el-loading-spinner-size);
}
.el-loading-spinner .path {
  animation: loading-dash 1.5s ease-in-out infinite;
  stroke-dasharray: 90,150;
  stroke-dashoffset: 0;
  stroke-width: 2;
  stroke: var(--el-color-primary);
  stroke-linecap: round;
}
.el-loading-spinner i {
  color: var(--el-color-primary);
}
.el-loading-fade-enter-from,
.el-loading-fade-leave-to {
  opacity: 0;
}
@keyframes loading-rotate {
  to {
    transform: rotate(1turn);
  }
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -40px;
  }
  to {
    stroke-dasharray: 90,150;
    stroke-dashoffset: -120px;
  }
}

* {
  padding: 0;
  margin: 0;
}
body {
  margin: 0;
}
#mainPage,
html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  background: #000;
  font-family: system-ui;
}
#mainPage {
  overflow: hidden;
}
/* 滚动条样式 */
::-webkit-scrollbar-track-piece {
  background-color: #ccc;
}
::-webkit-scrollbar {
  width: 10px;
  height: 9px;
}
::-webkit-scrollbar-thumb {
  min-height: 28px;
  background-clip: padding-box;
  background-color: #737373;
  border-radius: 15px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}
::-webkit-scrollbar-thumb:window-inactive {
  /* 当焦点不在当前区域滑块的状态 */
  background-color: #121212;
}

.endRow[data-v-31772e0e] {
  display: flex;
  align-items: center;
  padding: 22px 100px 34px;
  background: #202020;
  line-height: 200%;
}
.endRow.ar[data-v-31772e0e] {
  direction: rtl;
}
.logo_link[data-v-31772e0e] {
  width: 197px;
  margin-inline-end: 49px;
}
.logo_link.phantix[data-v-31772e0e] {
  height: 120px;
  width: auto;
}
.logo_link.phantix .logo[data-v-31772e0e] {
  width: auto;
  height: 100%;
}
.logo[data-v-31772e0e] {
  width: 100%;
}
.links[data-v-31772e0e] {
  border-inline-start: 1px solid #333;
  color: #cacaca;
  font-size: 14px;
  padding-inline-start: 50px;
}
.links[data-v-31772e0e] > * {
  margin-bottom: 12px;
}
.links[data-v-31772e0e] > *:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 900px) {
.logo_link[data-v-31772e0e] {
    width: 30%;
    margin-bottom: 17px;
    margin-inline-end: unset;
}
.endRow[data-v-31772e0e] {
    flex-direction: column;
    padding: 22px 18px 34px;
}
.links[data-v-31772e0e] {
    align-self: stretch;
    padding: 17px 0;
    border-top: 1px solid #333;
    border-inline-start: unset;
    text-align: center;
}
}
.game_link[data-v-31772e0e],
.term_link[data-v-31772e0e] {
  display: inline-block;
  padding: 0 20px;
  color: #cacaca;
}
.game_link[data-v-31772e0e]:first-child,
.term_link[data-v-31772e0e]:first-child {
  padding-inline-start: 0;
}
.limit-container[data-v-31772e0e] {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}
.limit-container > div[data-v-31772e0e] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-left: 50px;
  font-size: 14px;
  gap: 2px;
}

.listPage[data-v-0cc7a2d5] {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  height: calc(100% - 50px);
  box-sizing: border-box;
  padding-top: 38px;
  background: #222 url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/en_mafia/home/assets/bg.59e1585c.jpg) no-repeat fixed top center;
}
.listContainer[data-v-0cc7a2d5] {
  position: relative;
  display: flex;
  width: 800px;
  min-height: calc(100% - 130px);
  flex-direction: column;
  padding-right: 100px;
  margin: 70px auto 60px;
}
.listContainer[data-v-0cc7a2d5] .el-loading-mask {
  background: transparent;
}
.listContainer[data-v-0cc7a2d5] .el-loading-mask circle {
  stroke: #ffb100;
}
.listNav[data-v-0cc7a2d5] {
  position: absolute;
  top: -68px;
  left: 0;
  height: 68px;
  width: calc(100% - 100px);
  display: flex;
  border-bottom: 1px solid #434343;
  z-index: -1;
  color: #fff;
}
.listNav .listNavItem[data-v-0cc7a2d5] {
  box-sizing: border-box;
  padding-top: 14px;
  width: 160px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex: none;
  font-size: 14px;
}
.listNav .listNavItem.active[data-v-0cc7a2d5] {
  background: url(data:image/png;base64,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) center / 100% 100%;
}
.listItem[data-v-0cc7a2d5] {
  display: flex;
  width: 800px;
  height: 160px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #434343;
  background-color: transparent;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.3s ease;
}
.listItem[data-v-0cc7a2d5]:first-of-type {
  border-top: 1px solid #434343;
}
.listItem[data-v-0cc7a2d5]:hover {
  padding-inline-start: 20px;
  border: 1px solid #7d7d7d;
  background-color: #323232;
}
.listItem img[data-v-0cc7a2d5] {
  width: 210px;
  height: 120px;
  margin-inline-end: 20px;
}
.listItem .itemText[data-v-0cc7a2d5] {
  display: flex;
  width: 548px;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.listItem .itemText .title[data-v-0cc7a2d5] {
  display: -webkit-box;
  overflow: hidden;
  width: 100%;
  margin-bottom: 4px;
  -webkit-box-orient: vertical;
  color: #fff;
  font-size: 18px;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
}
.listItem .itemText .description[data-v-0cc7a2d5] {
  flex-grow: 1;
  color: #a0a0a0;
}
.listItem .itemText .time[data-v-0cc7a2d5] {
  margin-top: 8px;
  color: #707070;
}
.btnMore[data-v-0cc7a2d5] {
  display: flex;
  width: 120px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid #535353;
  margin: 20px auto;
  background: #2c2c2c;
  color: #7d7d7d;
  cursor: pointer;
  transition: all 0.3s ease;
}
.btnMore[data-v-0cc7a2d5]:hover {
  border-color: #a0a0a0;
  color: #a0a0a0;
}
.listPage.ar[data-v-0cc7a2d5] {
  direction: rtl;
}

.essayPage[data-v-0f0da1cc] {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  height: calc(100% - 50px);
  box-sizing: border-box;
  padding-top: 38px;
  background: #222 url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/en_mafia/home/assets/bg.59e1585c.jpg) no-repeat fixed top center / cover;
}
.essay-container[data-v-0f0da1cc] {
  position: relative;
  display: flex;
  width: 730px;
  min-height: calc(100% - 130px);
  flex-direction: column;
  padding-right: 80px;
  margin: 50px auto 60px;
}
.banner-wrap[data-v-0f0da1cc] {
  position: relative;
  width: 730px;
  padding-right: 80px;
  margin: 0 auto;
}
.banner[data-v-0f0da1cc] {
  width: 100%;
}
.discount[data-v-0f0da1cc] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 70%;
  margin: auto;
}
.arrow[data-v-0f0da1cc] {
  position: absolute;
  top: 0;
  right: 100px;
  bottom: 0;
  height: 40%;
  margin: auto;
  cursor: pointer;
}
.essay-title[data-v-0f0da1cc] {
  color: #fff;
  font-size: 30px;
  line-height: 40px;
}
.essay-info[data-v-0f0da1cc] {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  border-bottom: 1px solid #434343;
  color: #999;
  font-size: 14px;
}
.essay-info div[data-v-0f0da1cc] {
  line-height: 50px;
  margin-inline-end: 15px;
}
.essay-content[data-v-0f0da1cc] {
  width: 100%;
  margin: 40px 0;
  color: #fff;
}
.essay-content[data-v-0f0da1cc] img {
  max-width: 100%;
}
.like-area[data-v-0f0da1cc] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #7d7d7d;
}
.like-area .like-btn[data-v-0f0da1cc],
.like-area .dislike-btn[data-v-0f0da1cc] {
  width: 18px;
  cursor: pointer;
}
.like-area .dislike-btn[data-v-0f0da1cc] {
  transform: rotate(180deg);
}
.like-area div[data-v-0f0da1cc] {
  width: 45px;
  box-sizing: border-box;
  padding: 6px;
}
.essayPage.ar[data-v-0f0da1cc] {
  direction: rtl;
}

.babeSlidesWrapper[data-v-85a1feac] {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.bg-details[data-v-85a1feac] {
  width: 100%;
  height: 100%;
}
.babeSlides[data-v-85a1feac] {
  width: 100%;
  height: 100%;
}
.details[data-v-85a1feac] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
}
.babePrev[data-v-85a1feac],
.babeNext[data-v-85a1feac] {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 5.5vw;
  height: 5.5vw;
  margin: auto;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGoAAABqCAMAAABj/zSlAAAASFBMVEX///////////////////////////9HcEz////////////////////////////////////////////////////////////////kvP/OAAAAGHRSTlOZJwWVClxrAJEBRTCGHjZ8EnONGGY+TVM/WwWnAAAEvklEQVRo3s1a27KjIBAERXG8R03y/3+6OYAKRqVBK7U8bdXq6TjT03NhmIQP9VWZ5V1dFIwVRd3lWVn1hL/PsMcS/np8EL5P8Xjx5D4o0ea7MAtc3oo7oIhPKfOedOJ0EUqUNQNPXYoLUOJVuH75EKEZhZCJ6Bv+IYnrv+IlIqGoLGx/lI0ykWsnakrbj0VJMVC8W/9CduIJIp6taB0PhhLZ8vaj9bI5aR/L45kIg6qGmVrZiEXNmM1EHaoAKHovP7HH1aBfDPEmFKqfrfFoZIDwkGyWF3sMihvjDa0MPu38LkegWmPzXIQjSRK58XHrh3qaR58htrOt+DQ/9emDKo3KNDL6NEbLynMo802dkBeO6Ha/y4VqjZuSK0iSEuOw9hiKazNPJC8emrTD+QEU9cNNSAvW0O9DJd0d1puxtA27ZA+Ksq//vHLMD8/2oCrNciFvOkJzvvqG0o5Kj+KpyubDURM2imRF/wU17Yf4NlY+78LRrYN02kJp8+Un+WjJtMOIYuWOCQ1Uogw7nDmqWmsjNIkJ5ZQ6caDKnejentdaQIDcodYWQw0llHUeUFiqJ9GIULmyEBaU/sENKKN/TgUVpVFPv1aopNhEm5caLAOxlC4UyQKlPJUCzl6pwd5gbZMu3vqDohr7KIcaX5nv7LNq0lDE1atjgGIDfF2Mrp7l5qsmT/QeUCPleBxPGkqkrizC1EgRiSLl31QoKBVnA5wPLWpAEkWDsTYzX5hJ+FjUgCQqM/5hJqg4DmVTA5EobkKLmX+F1BMWNZCkrS3IP1AvJ6mEUgORqEmLE9OK+AxL5hY1AIl6ai1nVMDxu08Nv0SN2kWsD3aVlWAxidJf07MKyFQeanglSvmoYmVgVO1RI62AyCpZFqDSh9TwVFH6c1geIoCH1DiVKC2DOeuQVH9WlgMSpdJ+x1Ra7GOgTEXnlyhSLK+Z8m5koW5T40yihPLnJSiHGsfdEiUaSp3odsOmxkkPaD0U3bAJ24TpeA51yYD0YIhoJDf46s0QKSRDizpG2N3Zg1fgR032+BCWTYGlLTIhHC9Mwo7g02RshClabh1KnHdBRm5jk4hDCU/hZJJIZGp0KOErB01qjEz4NiV8Re6c8OPKGJsSvtKd5jImqjizKeFvSObiLKbkdCjhb7OWkpOHNSJbSvjtsRbSwe2BQwmgJV7bg+Cmx6YE0uivTU9oK2dTAhlf2K1cWINqUwIaytgNalDbbVMCGzXZbbcMGCbYlMAGaO4wIWBEYlECHAs6I5KAwY9FCXDYuRn8wOMsixLgfIS24yxwSGdTArzbGrdDOmz0aFMClefv0SM0ULUo8Q6KjDJ0TGxRAlQx2h0T+4ffFiXQaer+8Ns70rcoAc+ID0b6si9Ok/dKCfjG7vCiwnP9MvL5oDP24+sXIyGHzR+tB+teTy6V6HdXZfO90p0XgMXBBaCkn11ryrsuayVwWXvPFTRBV9C/vFi31wUiD7wucHEJQoYsQfxytcNdWAnzUujCyoesP1vDkZeXi0KgSKy3ETmyMpWvO3VHhri+CCavLoL9/dTd9bbtoGWz3nZigJilvc+fS8TY3Li0p7/sR6uI2hM/WrD8S/TY2qg/x/1ny7DLuPzaiu8/NwkNq/Y5itUAAAAASUVORK5CYII=) center no-repeat;
  background-size: contain;
  cursor: pointer;
}
.babePrev.disable[data-v-85a1feac],
.babeNext.disable[data-v-85a1feac] {
  cursor: default;
  filter: brightness(0.3);
}
.babePrev[data-v-85a1feac] {
  left: 2.8vw;
  transform: rotate(180deg);
}
.babeNext[data-v-85a1feac] {
  right: 2.8vw;
}
.btnBack[data-v-85a1feac] {
  position: absolute;
  z-index: 1;
  bottom: 4.5vw;
  left: 13vw;
  width: 5.1vw;
  height: 1.5vw;
  cursor: pointer;
}

.babePage[data-v-462b6cd4] {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/en_mafia/home/assets/bg_babe.71ff360d.jpg) center no-repeat;
  background-size: cover;
}
.babePage .pcTitle[data-v-462b6cd4] {
  position: relative;
  height: 8vw;
  margin-top: 0.5vw;
}
.babeListWrapper[data-v-462b6cd4] {
  display: flex;
  height: calc(100% - 8vw);
  align-items: center;
  justify-content: center;
}
@keyframes fadeInUp-462b6cd4 {
0% {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
}
100% {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeInDown-462b6cd4 {
0% {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
}
100% {
    opacity: 1;
    transform: none;
}
}
.babeList[data-v-462b6cd4] {
  position: relative;
  display: flex;
  width: 84vw;
  height: 35vw;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.babeList .babeItem[data-v-462b6cd4] {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
}
.babeList .babeItem:nth-last-of-type(2n-1).enterAnime[data-v-462b6cd4] {
  animation: 0.8s ease-in-out fadeInUp-462b6cd4;
}
.babeList .babeItem:nth-last-of-type(2n).enterAnime[data-v-462b6cd4] {
  animation: 0.8s ease-in-out fadeInDown-462b6cd4;
}
.babeList .babeItem img[data-v-462b6cd4] {
  width: 100%;
  pointer-events: none;
  transform: scale(1.7);
  transform-origin: top;
}
.babeList .babeItem[data-v-462b6cd4]:nth-of-type(2n - 1) {
  top: -3vw;
}
.babeList .babeItem[data-v-462b6cd4]:nth-of-type(2n) {
  top: 1.8vw;
}
.babeList .babeItem .hover-text[data-v-462b6cd4] {
  position: absolute;
  right: 0;
  bottom: 20%;
  left: 10%;
  width: 80px;
  margin: auto;
  color: white;
  font-size: large;
  opacity: 0;
  transform: translateY(10px) rotate(-11deg) skewX(-11deg);
  transition: all 0.5s ease;
}
.babeList .babeItem[data-v-462b6cd4]:hover {
  transform: scale(1.05);
}
.babeList .babeItem:hover .hover-text[data-v-462b6cd4] {
  opacity: 1;
  transform: translateY(0) rotate(-11deg) skewX(-11deg);
}

.comPage[data-v-6d7caf0a] {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/en_mafia/home/assets/bg_com.87ae27f5.jpg) center no-repeat;
  background-size: cover;
  direction: ltr;
}
.comPage .pcTitle[data-v-6d7caf0a] {
  width: 62vw;
  height: 8vw;
  margin-top: 1.1vw;
}
.comPage .pcTitle > img[data-v-6d7caf0a] {
  height: 100%;
  transform: translateX(8vw);
}
@keyframes fadeInLeft-6d7caf0a {
0% {
    opacity: 0;
    transform: translate3d(50px, 0, 0);
}
100% {
    opacity: 1;
    transform: none;
}
}
.comContent[data-v-6d7caf0a] {
  width: 32vw;
  height: 27vw;
  margin: 0 10vw;
  z-index: 4;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAsQAAAIsBAMAAAAHbKJfAAAAG1BMVEVHcExDQ0NDQ0NDQ0MAAADBwcFDQ0MjIyMfHx/e6PcMAAAABHRSTlMAm1ffoUM1XQAAA39JREFUeNrt1cFpQmEQhdFRGxAXb60IrsWFNhBiGkgBT+VPAYo2ICFlB8JoUsAbyOJ8JRyGuRERi23TwB1n8adlu2nw2ibi/aeIUXtRQW36JO4uOCra9w/i8QeNmq7zJJ6cYNT0uk7i1R1GUYck7lBU1SfxDkVV5yS2dnV7h7i6T8SIEQsxYsRCjFiIESMWYsSIhRixECNGLMSIEQsxYiFGjFiIESMWYsRCjBixECNGLMSIhRgxYiFGjFiIEQsxYsRCjBixECMWYsSIhRgxYiFGLMSIEQsxYsRCjFiIESMWYsSIhRixECNGLMSIEQsxYiFGjFiIESMWYsRCjBixECNGjBgxYiFGjFiIESNGjBixECNGLMSIESNGjFiIESMWYsSIESNGLMSIEQsxYiFGjFiIESMWYsRCjBixECNGLMSIhRgxYiFGjFiIEQsxYsRCjBixECMWYsSIhRgxYiFGLMSIEQsxYsRCjFiIESMWYsSIhRixECNGLMSIEQsxYiFGjFiIESMWYsRCjBixECNGLMSIhRgxYiFGjFiIEQsxYsRCjBgxCsSIhRgxYiFGjBgxYsRCjBixECNGjBgxYiFGjFiIESNGjBixECNGLMSIESNGjFiIESMWYsRCjBixECNGLMSIhRgxYiFGjFiIEQsxYsRCjBixECMWYsSIhRgxYiFGLMSIEQsxYsRCjFiIESMWYsSIhRixECNGLMSIEQsxYiFGjFiIESMWYsRCjBixECNGLMSIhRgxYiFGjFiIEQsxYsRCjBixECMWYsSIhRgxYsSIEQsxYsRCjBgxYsSIhRgxYiFGjBgxYsRCjBixECNGjBgxYiFGjFiIEQsxYsRCjBixECMWYsSIhRgxYiFGLMSIEQsxYsRCjFiIESMWYsSIhRixECNGLMSIEQsxYiFGjFiIESMWYsRCjBixECNGLMSIhRgxYiFGjFiIEQsxYsRCjBixECMWYsSIhRgxYiFGLMSIEQsxYsRCjFiIESMWYsSIUSBGLMSIEQsxYsSIESMWYsSIhRgxYsSIEQsxYsRCjBgxYsSIhRgxYiFGjBgxYsRCjBixECMWYsSIhRgxYiFGLMSIEQvxv+iaxDsUVZ2TuENRVZ/EqzuLmt4OSTw5wahpv07isb2rWrt5Ekd3oVFyxH08iEfNN66oTZ/EsWy3Lw3crW3ilzgW26aBO87iQfwNLTPlODjdfwMAAAAASUVORK5CYII=) center no-repeat;
  background-size: 100% 100%;
  border-radius: 12px;
}
.comContent.enterAnime[data-v-6d7caf0a] {
  animation: 0.8s ease-in-out fadeInLeft-6d7caf0a;
}
.comContent.fb[data-v-6d7caf0a] {
  margin: 0;
  height: 640px;
  width: 100%;
  border-radius: 0;
}
.comContent.ko[data-v-6d7caf0a] {
  background: none;
  box-sizing: border-box;
  border: 1px solid #fff;
}
.comContent.ko img[data-v-6d7caf0a] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fbWrapper[data-v-6d7caf0a] {
  width: 32vw;
  height: 24vw;
  overflow: auto;
  margin: 0 10vw;
  border-radius: 12px;
  z-index: 4;
}
.fbWrapper.enterAnime[data-v-6d7caf0a] {
  animation: 0.8s ease-in-out fadeInLeft-6d7caf0a;
}
[data-v-6d7caf0a] .comContent {
  overflow: auto;
  font-size: 0;
  text-align: center;
  background: #fff;
}
[data-v-6d7caf0a] .twitter-tweet {
  margin: 0 !important;
}
@media (min-width: 1719px) {
.twitter-content[data-v-6d7caf0a] {
    max-width: 550px;
    margin-right: calc((32vw - 550px) / 2 + 10vw);
}
}
@keyframes attentionSub-6d7caf0a {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
100% {
    transform: scale(1);
}
}
.btnSub[data-v-6d7caf0a] {
  width: 20vw;
  margin: 0 16vw 3vw;
  cursor: pointer;
  opacity: 0;
  transform: translate3d(0, 50px, 0);
  transition: all 0.01s linear;
}
.btnSub.enterAnime[data-v-6d7caf0a] {
  opacity: 1;
  transform: none;
  transition: all 0.8s ease-in-out;
  transition-delay: 0.8s;
  animation: 1s infinite ease-in-out attentionSub-6d7caf0a;
  animation-delay: 1.6s;
}

.firstPage[data-v-388ebb85] {
  position: relative;
  z-index: 5;
  width: 100%;
  height: 100%;
  background: black url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/en_mafia/home/assets/bg.73e75400.jpg) no-repeat center / cover;
}
.firstPage > video[data-v-388ebb85] {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.firstPage.anniv[data-v-388ebb85] {
  background-image: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/en_mafia/home/assets/bg_anniv.99e57365.jpg);
}
.bg[data-v-388ebb85] {
  width: 100%;
  height: 100%;
}
.comGroup[data-v-388ebb85] {
  position: absolute;
  top: 1.15vw;
  right: 0.78vw;
  display: flex;
  width: auto;
  height: 3.4vw;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  border: 2px solid #f6bc45;
  border-radius: 1.25vw;
  background: #000;
}
.comGroup .comItem[data-v-388ebb85] {
  display: flex;
  width: 2.3vw;
  height: 2.3vw;
  align-items: center;
  justify-content: center;
  margin: 0 0.7vw;
  cursor: pointer;
}
.comGroup .comItem > img[data-v-388ebb85] {
  width: 90%;
  height: 90%;
  object-fit: contain;
}
.btnVideo[data-v-388ebb85] {
  position: absolute;
  bottom: 15vw;
  left: 47vw;
  width: 6vw;
  height: 6vw;
  border-radius: 6vw;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/en_mafia/home/assets/btn_video_inner.71a3862f.png) rgba(0, 0, 0, 0.78) center no-repeat;
  background-size: 105%;
  box-shadow: 0 0 16px 0 #000;
  cursor: pointer;
}
.btnVideo img[data-v-388ebb85] {
  width: 100%;
  height: 100%;
  animation: 5s linear 0s infinite rotate-388ebb85;
}
@keyframes rotate-388ebb85 {
from {
    transform: rotate(0) scale(1.06);
}
to {
    transform: rotate(360deg) scale(1.06);
}
}
.videoWrapper[data-v-388ebb85] {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videoWrapper .videoPlayer[data-v-388ebb85] {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 60vw;
  height: 33.75vw;
  transform: translate(-50%, -50%);
}
.videoWrapper .videoMask[data-v-388ebb85] {
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
}
@keyframes fadeInUp-388ebb85 {
0% {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
}
100% {
    opacity: 1;
    transform: none;
}
}
@keyframes iconShake-388ebb85 {
0%,
  20%,
  100% {
    transform: rotate(0deg);
}
2.5% {
    transform: rotate(-10deg);
}
7.5% {
    transform: rotate(10deg);
}
12.5% {
    transform: rotate(-10deg);
}
17.5% {
    transform: rotate(10deg);
}
}
.imgLogo[data-v-388ebb85] {
  position: absolute;
  right: 2vw;
  bottom: 1.5vw;
  width: 4vw;
}
.imgTitle[data-v-388ebb85] {
  position: absolute;
  right: 0;
  bottom: 10.5vw;
  left: 0;
  width: 37vw;
  margin: auto;
}
.rewardBtn[data-v-388ebb85] {
  position: absolute;
  right: 0;
  bottom: 11vw;
  left: 0;
  display: flex;
  width: 16.3vw;
  height: 7.7vw;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  margin: auto;
  color: #fff;
  cursor: pointer;
  font-size: 1.4vw;
  font-weight: bold;
  line-height: 1.1;
  text-align: center;
  text-shadow: 0.04rem 0.04rem 0.04rem #000;
}
.rewardBtn.blackFriday[data-v-388ebb85] {
  width: 17.3vw;
  height: 6.1vw;
  padding: 0 1.7vw 0 4.2vw;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/en_mafia/home/assets/black_icon.7a9b683b.png) center / contain no-repeat;
  color: #ffea88;
  font-size: 1.4vw;
  line-height: 0.9;
  text-shadow: 0.04rem 0.04rem 0.04rem #0058ff;
  transform: scale(1.3);
}
.rewardBtn.blackFriday .rewardTooltip[data-v-388ebb85] {
  width: 30%;
  top: 0%;
  right: unset;
  left: 0;
}
.rewardBtn .rewardIcon[data-v-388ebb85] {
  position: absolute;
  top: 40%;
  left: 0;
  width: 50%;
  height: auto;
  transform: translate(-50%, -50%);
}
.rewardBtn .rewardTooltip[data-v-388ebb85] {
  position: absolute;
  top: -8%;
  right: -10%;
  width: 25%;
  height: auto;
  animation: iconShake-388ebb85 3s linear 0s infinite;
}
.rewardBtn.enterAnime[data-v-388ebb85] {
  animation: 0.8s ease-in-out fadeInUp-388ebb85;
}
.btnGroup[data-v-388ebb85] {
  position: absolute;
  right: 0;
  bottom: 5.5vw;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.btnGroup.enterAnime[data-v-388ebb85] {
  animation: 0.8s ease-in-out fadeInUp-388ebb85;
}
.btnGroup .btnDownload[data-v-388ebb85] {
  position: relative;
  width: 14vw;
  margin: 0 1.1vw;
  cursor: pointer;
}
.btnGroup .btnDownload img[data-v-388ebb85] {
  width: 100%;
  height: 100%;
}
.btnGroup .btnDownload .saleIcon[data-v-388ebb85] {
  position: absolute;
  top: -7px;
  right: -8px;
  width: 20%;
  height: auto;
  transform: rotate(15deg);
}
.btnGroup .btnGPG[data-v-388ebb85] {
  width: 19.8vw;
}
@keyframes bounceAlpha-388ebb85 {
0% {
    opacity: 0;
}
10% {
    opacity: 0;
    transform: translateY(-0.5vw);
}
50% {
    opacity: 1;
    transform: translateY(0);
}
90% {
    opacity: 0;
    transform: translateY(0.5vw);
}
100% {
    opacity: 0;
}
}
.arrowDown[data-v-388ebb85] {
  position: absolute;
  right: 0;
  bottom: 0.5vw;
  left: 0;
  width: 1.88vw;
  margin: 0 auto;
  animation: 3s infinite linear bounceAlpha-388ebb85;
}

.heroPage[data-v-6d7eed44] {
  position: relative;
  width: 100%;
  height: 100%;
}
.heroList[data-v-6d7eed44] {
  position: absolute;
  z-index: 3;
  top: 2.8vw;
  right: 2.5vw;
  display: flex;
  width: 37.3vw;
  height: 10.6vw;
  align-items: flex-end;
  justify-content: space-between;
  direction: ltr;
}
.heroList.enterAnime[data-v-6d7eed44] {
  animation: 0.8s ease-in-out fadeInDown-6d7eed44;
}
.heroList .heroHead[data-v-6d7eed44] {
  width: 8.5vw;
  cursor: pointer;
  filter: grayscale(1) brightness(50%);
  transform: scale(1);
  transition: all 0.4s ease-in-out;
}
.heroList .heroHead.active[data-v-6d7eed44] {
  filter: grayscale(0);
  transform: scale(1.2) translateY(-2vw);
}
.heroList .heroNail[data-v-6d7eed44] {
  position: absolute;
  top: -3.1vw;
  opacity: 0;
  pointer-events: none;
  transition: all 0.2s ease-in-out;
}
.heroList .heroNail.active[data-v-6d7eed44] {
  top: -1.9vw;
  opacity: 1;
}
.heroList .heroWanted[data-v-6d7eed44] {
  position: absolute;
  bottom: 1vw;
  opacity: 0;
  pointer-events: none;
  transform: scale(0.9) translateX(-1.5vw);
  transition: all 0.5s ease-in-out;
}
.heroList .heroWanted.active[data-v-6d7eed44] {
  opacity: 1;
}
@keyframes fadeInDown-6d7eed44 {
0% {
    opacity: 0;
    transform: translate3d(0, -50px, 0);
}
100% {
    opacity: 1;
    transform: none;
}
}
.heroSlides[data-v-6d7eed44] {
  width: 100%;
  height: 100%;
}
.heroPic[data-v-6d7eed44] {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.infoPagination .swiper-pagination-bullet {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAdUlEQVQYlY3QwQ3CQAxE0bdugGZCB7kQ0QxUgIAzqSY0QfrYNjiskThl8yUfPPqS5Sm1VskJVxxz/2DGGyLDRwYjDjkjFtyg1FqnDLY4R57rcQkMO8Qh+k4jsO7w1tAq6DGH9vFzQ7pjKX+FT1oDv+dWvGThX9OMGQGbAZZ5AAAAAElFTkSuQmCC) center / 100% 100% no-repeat;
  width: 0.9vw;
  height: 0.9vw;
  flex: none;
  opacity: 1;
  margin: 0 0.6vw !important;
}
.infoPagination .swiper-pagination-bullet-active {
  width: 1.4vw;
  height: 1.4vw;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA+klEQVQ4jaXTPUpDQRSG4Wfm3pkQ3IWCgqbIErRSdBsR7dyFtaUmrkMLA7oFIYVgoy7CwEWChXP9aUJMvmbgcN6X+TkTbs+3VTV1HaQUpBx6OYdByg5yJ6znHJrcCS8ph3HO4bpOYZISVR1UFdFPurjEI86whYQ17JTaY+nptlBd1owb7JqfiBNs4gBNu4OLBeDf2SuMiF6x/jcn6EUM/L2LRRNxHLG/BNxmP2JjBcF6RLOCoIl4XUHwFjFeQXAXMcJsCXiGUcQEwyUEQ0za9z/Dwz/g+8J8D1CDQ1yZf5xZ6TkqzJ8JnOIUfV8/7hkfeMdTqfVLz7SFPgGvOi3HuMgAcQAAAABJRU5ErkJggg==) center / 100% 100% no-repeat;
  margin: 0 0.35vw !important;
}

.infoPage[data-v-12fb4172] {
  position: relative;
  background: black url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/en_mafia/home/assets/bg.2338e354.png) no-repeat center;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 7.5vw 7vh;
  box-sizing: border-box;
  color: #fff;
}
.infoPage .pcTitle[data-v-12fb4172] {
  width: 100%;
  height: 8vw;
  margin-bottom: 2vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.infoPage .pcTitle > img[data-v-12fb4172] {
  height: 100%;
}
.infoWrapper[data-v-12fb4172] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 31.1vw;
  width: 100%;
}
@keyframes fadeInRight-12fb4172 {
0% {
    opacity: 0;
    transform: translate3d(-100px, 0, 0);
}
100% {
    opacity: 1;
    transform: none;
}
}
.infoBannerBox[data-v-12fb4172] {
  width: 46.4vw;
  height: 100%;
}
.infoBannerBox.enterAnime[data-v-12fb4172] {
  animation: 0.8s ease-in-out fadeInRight-12fb4172;
}
.infoBannerBox .bannerItem[data-v-12fb4172] {
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/en_mafia/home/assets/border_banner.20a21fe2.png) center / 100% 100%;
  width: 46.4vw;
  height: 26.1vw;
  cursor: pointer;
  padding: 3px;
  box-sizing: border-box;
}
.infoBannerBox .bannerItem img[data-v-12fb4172] {
  border-radius: 7px;
  width: 100%;
  height: 100%;
}
.infoBannerBox .infoPagination[data-v-12fb4172] {
  height: 5vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
@keyframes fadeInLeft-12fb4172 {
0% {
    opacity: 0;
    transform: translate3d(100px, 0, 0);
}
100% {
    opacity: 1;
    transform: none;
}
}
.recArticleBox[data-v-12fb4172] {
  display: flex;
  align-items: center;
  width: 37.2vw;
  height: 100%;
  margin-left: 1.4vw;
  box-sizing: border-box;
  justify-content: space-between;
  flex-direction: column;
  font-size: 0.9vw;
}
.recArticleBox.enterAnime[data-v-12fb4172] {
  animation: 0.8s ease-in-out fadeInLeft-12fb4172;
}
.recArticleBox .listNav[data-v-12fb4172] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 0.6vw;
  padding: 0 0.7vw;
  box-sizing: border-box;
  width: 100%;
  height: 4.3vw;
  flex-shrink: 0;
  flex-grow: 0;
}
.recArticleBox .listNav .listNavItem[data-v-12fb4172] {
  position: relative;
  height: calc(100% - 1vw);
  padding: 0 1%;
  box-sizing: border-box;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 1.4vw;
  text-align: center;
  line-height: 0.8vw;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQkAAABNCAYAAAC11pGqAAAACXBIWXMAAAsTAAALEwEAmpwYAAACqklEQVR4nO3cMY7bVhQF0Pc/qcSVK3cGkibIAlKmcefWG/FuvBO3BoJkFUmM2IC9hMCFgSH/dyGJZEbMa2cgnQMQkEQVqi7ueyRVaq0REfH1309xUgK4WU+e/ti378fzix798tvAzVtCQkYAe9Ym0aUEcElIAKnNTgLgkiYBpDaLyyUkXAKF2/Y/l0A1CWDHJiQe8mcAj9VekzBuAAvjBpByWzaQMm4AKYtLIKVJACmLSyClSQApTQJIaRJAagmJpkkAOzQJILWGRNMkgEuaBJASEkDKJVAgtffshiYBLIwbQMp9EkBKkwBSQgJIuboBpDQJICUkgJRxA0itl0CbJgFc0iSAlJ0EkBISQMq4AaQ0CSClSQAp/ycBpPYeFRcSwMK4AaQsLoHU3k4CYKFJACk7CSClSQApIQGkjBtASkgAqTUk1inDuAEsNAkgZXEJpDQJILWERPR2fqVJAIv60D8AeNzsJICUnQSQ2oSE+ySAS5ubqTQJ4NLe1Q2AhXEDSI3z368jIuLdP8YNIOKcCWd2EkDqHBLl5U9/lIiI3z78OtTSSxEacFN6lGi99FhvsuwR0cc47iDK6UT9fvx6GGqrtfRSSzufA65Xb7321kufW21xLA/tdKxNIo4hcfhuuDsMtQ1DabWUViUEXLceEb3XNvfa5lLniDhExF3caxI1IoaIGMc6jYc6j7VOY41eI7qcgKtWeovShjZOdzGUWJvEEhIRa1CMP/z84tUD/VLgMfjy55uImOK0ahjvn/cIB7B1Dokex3oxfX7/+9uhzuNQ21BKG4pxA65aj9J7r/Pc6jy3YXr2PKZYx40YYw2IOSKmX57/9fH0+RDHEURIwHX7Twacjvn0Wb/fJM4bzSnWgBAScN16rBnQIvabRGy+MIdwgFvUN8fy/hsnKDNcoy2U6AAAAABJRU5ErkJggg==) bottom / 100% 100% no-repeat;
}
.recArticleBox .listNav .listNavItem .activeArrow[data-v-12fb4172] {
  position: absolute;
  height: 1.2vw;
  top: -1vw;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.recArticleBox .listNav .listNavItem.active[data-v-12fb4172] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQkAAABNCAYAAAC11pGqAAAACXBIWXMAAAsTAAALEwEAmpwYAAACY0lEQVR4nO3aPW4TYRSG0febsZNYiIKSloJ1ULMOSpZDhcROKNgGBTViBTiJZz6K8SQWoCs6wD5HiuL8FK4e3XvHbRiGJMn0KasW4GKNr9JPfx7+1hsB/g8iAZREAihtfvM7Nwm4bG4SwJ8TCaBk3QBKIgGUrBtAySQBlEwSQMkkAZREAiiJBFASCaDkcAmUfjdJCAfwwLoBlEQCKIkEUBIJoCQSQEkkgJJHoEDJJAGURAIoWTeAkkkCKIkEULJuACWTBFASCaBk3QBKJgmgJBJASSSAkkgAJYdLoGSSAEoiAZREAiiJBFByuARKJgmgJBJASSSAkkgAJZEASp5uACWTBFAyNQAlkwRQcpMASoIAlKwbQEkkgJJIACWRAEoiAZREAiiJBFDyOQmgZJIASiIBlDbT57fLq6/v1t+JBFywhyYcuUkApXXdaHn+dkjS8u39Nm0c0gcTBVySNvf0ac7ShZ5kTtI3WdaL8fiHTcanT9LGMW0ck3FIa2IB56z3nkxz+jSlT1OSmySH49e0RmLIEoldht0ubXuVttmmDWO6SMBZG3pPn6f0w336/V2SXZLvWSaJ+XSS2Ca5SbveZbi6SdtcJ8MmrblbwFnrc9p8SD/cZh7GPE4SU36aJJZI7L98+HtvFvgHvExym+QuiSkBqJ1eMe+T7HPz4k3acd1ow1ZI4Nz1OX2+Tz/cpt/tk+yz9ODh6UbPsnsskXj2+mOWneQqS0REAs7bnOUGcZclEGskppxEYv2n9aK5zxKIMT6BCeduHRTWx563x++/TBI9jzVZPlglEHApeh4Hhvnkdf8BgNN9pLoqprgAAAAASUVORK5CYII=) bottom / 100% 100% no-repeat;
}
.recArticleBox .recArticle[data-v-12fb4172] {
  width: 100%;
  height: 4.36vw;
  cursor: pointer;
  border-bottom: 1px solid #5e5b5b;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.recArticleBox .recArticle.topBorder[data-v-12fb4172] {
  border-top: 1px solid #5e5b5b;
}
.recArticleBox .recArticle .recHeader[data-v-12fb4172] {
  display: flex;
  align-items: center;
}
.recArticleBox .recArticle .recHeader .recTitle[data-v-12fb4172] {
  font-size: 1.2vw;
  padding-inline-end: 1vw;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.recArticleBox .recArticle .recHeader .recFront[data-v-12fb4172] {
  font-weight: bold;
  margin-inline-start: 0.8vw;
  margin-inline-end: 2.2vw;
  color: #ffb200;
  flex: none;
}
.recArticleBox .recArticle .recTime[data-v-12fb4172] {
  color: #fff;
  margin-inline-end: 0.4vw;
}
.recArticleBox .btnMore[data-v-12fb4172] {
  align-self: flex-end;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffb200;
  font-weight: bold;
  cursor: pointer;
  height: calc(5vw);
  padding: 1vw 0 1vw 1vw;
  box-sizing: border-box;
}
.recArticleBox .btnMore > img[data-v-12fb4172] {
  height: 2.1vw;
  margin-inline-start: 0.3vw;
}
.infoPage.ar .recArticle[data-v-12fb4172] {
  direction: rtl;
}

.lastPage[data-v-79a8501c] {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
  scroll-snap-align: start end;
}
.lastWrapper[data-v-79a8501c] {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding-bottom: 10vw;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/en_mafia/home/assets/bg.d00ff14d.jpg) center no-repeat;
  background-size: cover;
}
@keyframes fadeInDown-79a8501c {
0% {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
}
100% {
    opacity: 1;
    transform: none;
}
}
.slogan[data-v-79a8501c] {
  width: 80%;
  height: calc(100% - 6vw);
  object-fit: contain;
}
.slogan.enterAnime[data-v-79a8501c] {
  animation: 0.8s ease-in-out fadeInDown-79a8501c;
}
.bottomBox[data-v-79a8501c] {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  width: 96%;
  height: 12vw;
  align-items: center;
  justify-content: flex-start;
  margin: auto;
}
.bottomBox .title[data-v-79a8501c] {
  height: 2vw;
  margin-inline-end: 1vw;
}
.bottomBox .download[data-v-79a8501c] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline-end: 1vw;
}
.bottomBox .download .btnDownloadWrapper .btnDownload[data-v-79a8501c] {
  position: relative;
  height: 4.3vw;
  cursor: pointer;
}
.bottomBox .download .btnDownloadWrapper .btnDownload > img[data-v-79a8501c] {
  height: 100%;
}
.bottomBox .download .btnDownloadWrapper .btnDownload .saleIcon[data-v-79a8501c] {
  position: absolute;
  top: -7px;
  right: -8px;
  width: 20%;
  height: auto;
  transform: rotate(15deg);
}
.bottomBox .download .gridDownloadWrapper[data-v-79a8501c] {
  display: grid;
  grid-gap: 1.4vw;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: 4.3vw 4.3vw;
}
.bottomBox .community[data-v-79a8501c] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.bottomBox .community .iconCom[data-v-79a8501c] {
  width: 3.2vw;
  margin: 0 1vw;
  cursor: pointer;
}
.bottomBox .community .iconCom[data-v-79a8501c]:last-of-type {
  margin-right: 0;
}

.warningText[data-v-1b2882e6] {
  text-align: center;
  color: #e23c3c;
  font-size: 1.5vw;
  width: 100%;
  font-style: italic;
  margin-top: 1vw;
}
@keyframes fadeInDown-1b2882e6 {
0% {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
}
100% {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeInUp-1b2882e6 {
0% {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
}
100% {
    opacity: 1;
    transform: none;
}
}

.videoPagination .swiper-pagination-bullet {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAdUlEQVQYlY3QwQ3CQAxE0bdugGZCB7kQ0QxUgIAzqSY0QfrYNjiskThl8yUfPPqS5Sm1VskJVxxz/2DGGyLDRwYjDjkjFtyg1FqnDLY4R57rcQkMO8Qh+k4jsO7w1tAq6DGH9vFzQ7pjKX+FT1oDv+dWvGThX9OMGQGbAZZ5AAAAAElFTkSuQmCC) center / 100% 100% no-repeat;
  width: 0.63vw;
  height: 0.63vw;
  margin: 0 0.3vw !important;
  flex: none;
  opacity: 1;
}
.videoPagination .swiper-pagination-bullet-active {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAA+klEQVQ4jaXTPUpDQRSG4Wfm3pkQ3IWCgqbIErRSdBsR7dyFtaUmrkMLA7oFIYVgoy7CwEWChXP9aUJMvmbgcN6X+TkTbs+3VTV1HaQUpBx6OYdByg5yJ6znHJrcCS8ph3HO4bpOYZISVR1UFdFPurjEI86whYQ17JTaY+nptlBd1owb7JqfiBNs4gBNu4OLBeDf2SuMiF6x/jcn6EUM/L2LRRNxHLG/BNxmP2JjBcF6RLOCoIl4XUHwFjFeQXAXMcJsCXiGUcQEwyUEQ0za9z/Dwz/g+8J8D1CDQ1yZf5xZ6TkqzJ8JnOIUfV8/7hkfeMdTqfVLz7SFPgGvOi3HuMgAcQAAAABJRU5ErkJggg==) center / 100% 100% no-repeat;
  width: 0.9vw;
  height: 0.9vw;
  margin: 0 0.18vw !important;
}

.mediaPage[data-v-ded2c500] {
  position: relative;
  width: 100%;
  height: 100%;
  background: black url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/en_mafia/home/assets/bg.067dffe8.png) no-repeat center;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
}
.mediaPage .pcTitle[data-v-ded2c500] {
  width: 100%;
  height: 8vw;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex: none;
  padding: 1% 0;
}
.mediaPage .pcTitle > img[data-v-ded2c500] {
  max-height: 100%;
  max-width: 100%;
}
@keyframes fadeInDown-ded2c500 {
0% {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
}
100% {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeInUp-ded2c500 {
0% {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
}
100% {
    opacity: 1;
    transform: none;
}
}
.mediaWrapper[data-v-ded2c500] {
  position: relative;
  width: 100%;
  height: calc(100% - 8vw);
  padding-bottom: 3vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mediaWrapper.enterAnime[data-v-ded2c500] {
  animation: 0.8s ease-in-out fadeInUp-ded2c500;
}
.videoSlides[data-v-ded2c500] {
  position: relative;
  width: 62vw;
}
.videoSlides[data-v-ded2c500] .videoSlide {
  width: 39.4vw;
  height: 100%;
  backface-visibility: hidden;
  background-color: transparent;
}
.videoSlides .swiper-slide[data-v-ded2c500] {
  opacity: 0;
  transition: all 0.5s;
}
.videoSlides .swiper-slide .inner[data-v-ded2c500] {
  position: relative;
}
.videoSlides .swiper-slide-visible[data-v-ded2c500] {
  opacity: 1;
  transition: all 0.5s;
}
.videoSlides .videoSlideItem[data-v-ded2c500] {
  position: relative;
}
.videoSlides .videoSlideItem .itemImg[data-v-ded2c500] {
  width: 100%;
  box-sizing: border-box;
  border-radius: 0.6vw;
  border: 0.12vw solid #fff;
  cursor: pointer;
}
.videoSlides .videoSlideItem .playBtn[data-v-ded2c500] {
  width: 4vw;
  height: 4vw;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.videoSlides .swiper-slide-active .playBtn[data-v-ded2c500] {
  opacity: 1;
}
.videoSlides .videoNext[data-v-ded2c500],
.videoSlides .videoPrev[data-v-ded2c500] {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 2.4vw;
  height: 3.8vw;
  cursor: pointer;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/en_mafia/home/assets/btn_prev.08da20ac.png) center / 100% 100% no-repeat;
}
.videoSlides .videoNext[data-v-ded2c500] {
  right: -2.8vw;
}
.videoSlides .videoPrev[data-v-ded2c500] {
  left: -2.8vw;
  transform: scaleX(-1);
}
.videoSlides .videoPagination[data-v-ded2c500] {
  height: 1.8vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.picSlides[data-v-ded2c500] {
  position: relative;
  width: 72vw;
  overflow: hidden;
  margin-top: 0.2vw;
}
.recPictures[data-v-ded2c500] {
  width: 80.5vw;
  display: flex;
}
.recPictures .recPicItem[data-v-ded2c500] {
  position: relative;
  width: auto;
  cursor: pointer;
  margin-right: 1.5vw;
}
.recPictures .recPicItem > img[data-v-ded2c500] {
  width: 10vw;
  box-sizing: border-box;
  border: 1px solid #9d9d9d;
  border-radius: 10px;
}
.bottomBtn[data-v-ded2c500] {
  font-size: 1.2vw;
  width: 100%;
  margin: 0.2vw auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bottomBtn > a[data-v-ded2c500] {
  color: #9f9f9f;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.bottomBtn .picBtn[data-v-ded2c500],
.bottomBtn .videoBtn[data-v-ded2c500] {
  margin-inline-end: 0.4vw;
}
.bottomBtn .picBtn[data-v-ded2c500] {
  width: 1.3vw;
  height: 1.3vw;
}
.bottomBtn .videoBtn[data-v-ded2c500] {
  width: 1.88vw;
  height: 1.25vw;
}
.videoWrapper[data-v-ded2c500] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.videoWrapper .videoPlayer[data-v-ded2c500] {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 60vw;
  height: 33.75vw;
  transform: translate(-50%, -50%);
}
.videoWrapper .videoMask[data-v-ded2c500] {
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
}
.picPreview[data-v-ded2c500] {
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.picPreview .previewMask[data-v-ded2c500] {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  z-index: -1;
  cursor: pointer;
}
.picPreview img[data-v-ded2c500] {
  height: 85%;
}

.seasonOptions {
  width: auto;
  border: none !important;
  background: #313131 !important;
  opacity: 0.88 !important;
}
.seasonOptions .seasonOptionsItem {
  display: flex;
  width: 100%;
  min-width: 10em;
  height: 2.8em;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  padding: 0 1.3em;
  color: #fff;
  cursor: pointer;
  font-size: 1.2em;
}
.seasonOptions .seasonOptionsItem:hover {
  background: #1e1e1e;
}
.seasonOptions .seasonOptionsItem.active {
  color: #ffb200;
}
.seasonOptions .ar {
  direction: rtl;
}
.seasonOptions .el-popper__arrow::before {
  border: none !important;
  background: #313131 !important;
  opacity: 0.88;
}
.chaFilter .el-dropdown {
  font-size: var(--661c050d) !important;
}

.seasonPage[data-v-5029fb65] {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 0 5%;
  background: black url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/en_mafia/home/assets/bg.53cc5170.png) no-repeat center;
  background-size: cover;
}
.seasonWrapper[data-v-5029fb65] {
  position: relative;
  display: flex;
  width: var(--086ef079);
  height: var(--086ef06a);
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  font-size: var(--661c050d);
}
.leftWrapper[data-v-5029fb65] {
  display: flex;
  width: 50%;
  height: 35.95em;
  flex-direction: column;
  transform: translateX(-2em);
}
.leftWrapper .pcTitle[data-v-5029fb65] {
  height: 9.35em;
  box-sizing: border-box;
  padding-top: 1.15em;
}
.leftWrapper .pcTitle > img[data-v-5029fb65] {
  height: 100%;
  transform: translateX(-38%);
}
.leftWrapper .chaWrapper[data-v-5029fb65] {
  position: relative;
  width: 100%;
  height: 26.6em;
}
.leftWrapper .chaWrapper.enterAnime[data-v-5029fb65] {
  animation: 0.8s ease-in-out fadeInDown-5029fb65;
}
.leftWrapper .chaWrapper .chaFilter[data-v-5029fb65] {
  position: relative;
  display: flex;
  width: 100%;
  height: 4.25em;
  box-sizing: border-box;
  padding-inline-start: 0.5em;
}
.leftWrapper .chaWrapper .chaFilter .chaFilterItem[data-v-5029fb65] {
  position: relative;
  display: flex;
  height: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 1em 1em 0;
  background-size: 100% 100%;
  color: #fff;
  cursor: pointer;
  font-size: 1.28em;
}
.leftWrapper .chaWrapper .chaFilter .chaFilterItem > img[data-v-5029fb65] {
  position: absolute;
  top: 0.2em;
  height: 1.4em;
}
.leftWrapper .chaWrapper .chaFilter .chaFilterItem .arrow[data-v-5029fb65] {
  position: relative;
  top: unset;
  width: 0.6em;
  height: 0.36em;
  margin-inline-start: 0.3em;
}
.leftWrapper .chaWrapper .chaFilter .btnMore[data-v-5029fb65] {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  height: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding-top: 1em;
  color: #ffb200;
  cursor: pointer;
  font-size: 1.2em;
  font-weight: bold;
}
.leftWrapper .chaWrapper .chaFilter .btnMore > img[data-v-5029fb65] {
  height: 1.5em;
  margin-inline-start: 0.3em;
}
.leftWrapper .chaWrapper .chaList[data-v-5029fb65] {
  position: relative;
  display: grid;
  height: calc(100% - 4.25em);
  box-sizing: border-box;
  padding: 1.25em 1.45em 0;
  grid-row-gap: 2.5em;
  grid-template-columns: repeat(5, 20%);
  grid-template-rows: repeat(auto-fill, 6.8em);
  overflow-y: scroll;
}
.leftWrapper .chaWrapper .chaList .chaItem[data-v-5029fb65] {
  position: relative;
  width: 6.8em;
  height: 6.8em;
  box-sizing: border-box;
  margin-right: 2.5em;
  cursor: pointer;
}
.leftWrapper .chaWrapper .chaList .chaItem > img[data-v-5029fb65] {
  width: 100%;
  height: 100%;
}
.leftWrapper .chaWrapper .chaList .chaItem .chaHead[data-v-5029fb65] {
  border-radius: 0.5em;
  box-shadow: 0 0.25rem 0.34rem 0.02rem #000;
}
.leftWrapper .chaWrapper .chaList .chaItem .chaBorder[data-v-5029fb65] {
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(108%);
}
.leftWrapper .chaWrapper .chaList[data-v-5029fb65]::-webkit-scrollbar {
  width: 0.3em;
}
.leftWrapper .chaWrapper .chaList[data-v-5029fb65]::-webkit-scrollbar-track-piece {
  border-radius: 0.1em;
  background: linear-gradient(90deg, transparent 0 50%, #454747 50% 100%);
}
.leftWrapper .chaWrapper .chaList[data-v-5029fb65]::-webkit-scrollbar-thumb {
  border-radius: 0.1em;
  background: #ffb100;
}
@keyframes fadeInDown-5029fb65 {
0% {
    opacity: 0;
    transform: translate3d(0, -50px, 0);
}
100% {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeInHero-5029fb65 {
0% {
    opacity: 0;
    transform: translate3d(-50px, 0, 0) scale(1.1);
}
100% {
    opacity: 1;
    transform: none;
}
}
.rightWrapper[data-v-5029fb65] {
  position: relative;
  width: 50%;
  height: 100%;
}
.rightWrapper .chaContainer[data-v-5029fb65] {
  position: absolute;
  top: 1em;
  right: -2em;
  height: calc(100% - 1em);
}
.rightWrapper .chaContainer.enterAnime[data-v-5029fb65] {
  animation: 0.8s ease-in-out fadeInHero-5029fb65;
}
.rightWrapper .fullCharacter[data-v-5029fb65] {
  height: 100%;
  transform: none;
  transform-origin: top;
}
.rightWrapper .fullCharacter.cha20001[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20008[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20011[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20012[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20016[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20024[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20026[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20043[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20045[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20048[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20050[data-v-5029fb65] {
  transform: translateX(-7em);
}
.rightWrapper .fullCharacter.cha20005[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20035[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20036[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20038[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20040[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20047[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20049[data-v-5029fb65] {
  transform: translateX(-5em);
}
.rightWrapper .fullCharacter.cha20017[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20019[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20029[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20033[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20037[data-v-5029fb65] {
  transform: translateX(-4em);
}
.rightWrapper .fullCharacter.cha20013[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20015[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20042[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20046[data-v-5029fb65] {
  transform: translateX(-3em);
}
.rightWrapper .fullCharacter.cha20032[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20034[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20041[data-v-5029fb65] {
  transform: translateX(-2em);
}
.rightWrapper .fullCharacter.cha20010[data-v-5029fb65],
.rightWrapper .fullCharacter.cha20023[data-v-5029fb65] {
  transform: scale(0.9);
}
.rightWrapper .fullCharacter.cha20039[data-v-5029fb65] {
  transform: translate(-4em, -18%) scale(1.2);
}
.rightWrapper .fullCharacter.cha20006[data-v-5029fb65] {
  transform: translateX(2em);
}
.rightWrapper .fullCharacter.cha20020[data-v-5029fb65] {
  transform: translateX(4em) scale(0.9);
}
.rightWrapper .fullCharacter.cha20022[data-v-5029fb65] {
  transform: translateX(8em) scale(0.84);
}
.rightWrapper .fullCharacter.cha20021[data-v-5029fb65] {
  transform: translateX(9em);
}
.rightWrapper .seasonBg[data-v-5029fb65] {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.rightWrapper .chaDetails[data-v-5029fb65] {
  position: relative;
  z-index: 6;
  width: 19.05em;
  max-height: 30.05em;
  margin-top: 5.85em;
  margin-left: 2.15em;
  cursor: default;
}
.rightWrapper .chaDetails.enterAnime[data-v-5029fb65] {
  animation: 0.8s ease-in-out fadeInDown-5029fb65;
}
.rightWrapper .chaDetails .chaStyle[data-v-5029fb65] {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: flex-start;
  color: #c4e0ff;
  font-size: 1.5em;
}
.rightWrapper .chaDetails .chaStyle > img[data-v-5029fb65] {
  height: 2.7em;
  margin-inline-end: 0.15em;
}
.rightWrapper .chaDetails .chaName[data-v-5029fb65] {
  width: 120%;
  flex: none;
  color: #fff;
  font-size: 3em;
  font-weight: bold;
  white-space: pre-line;
}
.rightWrapper .chaDetails .chaSentence[data-v-5029fb65] {
  width: 120%;
  flex: none;
  margin-bottom: 0.5em;
  color: #257ad8;
  font-size: 1.2em;
  font-weight: bold;
  white-space: pre-line;
}
.rightWrapper .chaDetails .chaDescription[data-v-5029fb65],
.rightWrapper .chaDetails .switchBtn[data-v-5029fb65] {
  background: rgba(0, 0, 0, 0.75);
}
.rightWrapper .chaDetails .chaDescription[data-v-5029fb65] {
  position: relative;
  overflow: auto;
  height: 16em;
  box-sizing: border-box;
  flex: 1;
  padding: 0.75em 0.55em 0 0.9em;
  border-radius: 0.5em 0.5em 0 0;
  color: #fff;
  font-size: 1.05em;
  line-height: 1.5em;
  transition: height 0.2s ease-in-out;
  white-space: pre-line;
}
.rightWrapper .chaDetails .chaDescription[data-v-5029fb65]::-webkit-scrollbar {
  width: 0.35em;
}
.rightWrapper .chaDetails .chaDescription[data-v-5029fb65]::-webkit-scrollbar-track-piece {
  background: #000;
}
.rightWrapper .chaDetails .chaDescription[data-v-5029fb65]::-webkit-scrollbar-thumb {
  border-radius: 0.18em;
  background: #7c8489;
}
.rightWrapper .chaDetails .chaDescription.fold[data-v-5029fb65] {
  display: -webkit-box;
  overflow: hidden;
  height: 5.2em;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  padding-inline-end: 0.9em;
}
.rightWrapper .chaDetails .switchBtn[data-v-5029fb65] {
  display: flex;
  height: 2.4em;
  box-sizing: border-box;
  flex: none;
  align-items: flex-end;
  padding: 0 0.9em 0.75em;
  border-radius: 0 0 0.5em 0.5em;
  color: #9c9c9c;
  cursor: pointer;
  font-size: 0.91em;
  text-decoration: underline;
}
@keyframes fadeInUp-5029fb65 {
0% {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
}
100% {
    opacity: 1;
    transform: none;
}
}
.bottomNav[data-v-5029fb65] {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.bottomNav.enterAnime[data-v-5029fb65] {
  animation: 0.8s ease-in-out fadeInUp-5029fb65;
}
.bottomNav .navItem[data-v-5029fb65] {
  position: relative;
  width: 30em;
  height: 12.55em;
  box-sizing: border-box;
  padding: 0.5em 0.55em;
  border: solid 2px #b3892c;
  border-radius: 10px;
  cursor: pointer;
}
.bottomNav .navItem[data-v-5029fb65]::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-size: cover;
  content: '';
}
.bottomNav .navItem.story[data-v-5029fb65]::before {
  background-image: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/en_mafia/home/assets/bg_story.5ee6d78b.jpg);
}
.bottomNav .navItem.weapon[data-v-5029fb65]::before {
  background-image: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/en_mafia/home/assets/bg_weapon.03b0698c.jpg);
}
.bottomNav .navItem.hero[data-v-5029fb65]::before {
  background-image: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/en_mafia/home/assets/bg_hero.d6d3a7b7.jpg);
}
.bottomNav .navItem .shadow[data-v-5029fb65] {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: linear-gradient(90deg, #000 0, transparent 70%);
}
.bottomNav .navItem .title[data-v-5029fb65] {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 1.65em;
  font-weight: bold;
}
.bottomNav .navItem .divider[data-v-5029fb65] {
  position: relative;
  z-index: 1;
  width: 9.75em;
  height: 0.1em;
  margin: 0.5em 0 0.3em;
  background: #b3892c;
  opacity: 0.25;
}
.bottomNav .navItem .subTitle[data-v-5029fb65] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #cd9323;
  font-size: 1.2em;
}
.bottomNav .navItem .subTitle img[data-v-5029fb65] {
  height: 0.6em;
  margin-inline-start: 0.4em;
}
.seasonPage.ar .chaFilter[data-v-5029fb65] {
  direction: rtl;
}
.seasonPage.ar .chaFilter .btnMore[data-v-5029fb65] {
  right: unset;
  left: 0;
}
.seasonPage.ar .chaFilter .btnMore > img[data-v-5029fb65] {
  transform: scaleX(-1);
}
.seasonPage.ar .chaDetails[data-v-5029fb65] {
  direction: rtl;
}
.seasonPage.ar .chaDescription[data-v-5029fb65] {
  padding: 0.75em 0.9em 0 0.55em;
}
.seasonPage.ar .navItem[data-v-5029fb65] {
  direction: rtl;
}
.seasonPage.ar .navItem[data-v-5029fb65]::before {
  transform: scaleX(-1);
}
.seasonPage.ar .navItem .shadow[data-v-5029fb65] {
  transform: scaleX(-1);
}
.seasonPage.ar .navItem .subTitle > img[data-v-5029fb65] {
  transform: scaleX(-1) translateY(0.1em);
}

.mainPagination .swiper-pagination-bullet {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAaElEQVQYlY2QMQ5AQBREh9rBiGTtkVQ0TkRC1JxFQ6J8mv2JxtqXTDWvmIwAhZTACBwhE1BZb1LLN72JdUQynIA5QVwz4JRUKM6d/whGlkvaE8RNgEvY6O2eLiINvH4U0IQHrpAF8NY/XSIIX5y4zLQAAAAASUVORK5CYII=) center / 100% 100% no-repeat;
  width: 10px;
  height: 10px;
  margin: 9px 0 !important;
  flex: none;
  opacity: 1;
}
.mainPagination .swiper-pagination-bullet-active {
  background: url(data:image/png;base64,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) center / 100% 100% no-repeat;
  width: 25px;
  height: 25px;
  margin: 1.5px 0 !important;
}

.main[data-v-cf69ae8a] {
  position: relative;
  z-index: 1;
  width: 100%;
  height: calc(100% - 50px);
  box-sizing: border-box;
  align-items: center;
}
.main.hide[data-v-cf69ae8a] {
  height: 100%;
}
.main > div[data-v-cf69ae8a] {
  width: 100%;
  height: 100%;
}
.main[data-v-cf69ae8a]::-webkit-scrollbar {
  display: none;
}
.mainPagination[data-v-cf69ae8a] {
  position: absolute;
  top: 0 !important;
  bottom: 60px;
  right: 9px;
  margin: auto 0;
  color: #fff;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transform: none !important;
  width: 25px !important;
  height: 300px !important;
}