@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: 207px;
  height: 365px;
  box-sizing: border-box;
  padding: 9px 8px 11px 9px !important;
  border: none !important;
  border-radius: 0 !important;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/survival/survival-official/assets/bg_lang.f72735b9.png) center / 100% 100% !important;
  inset-block: 71px !important;
  opacity: 1 !important;
}
.langOptions .langOptionsItem {
  display: flex;
  width: 100%;
  height: 62px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  color: #a19288;
  cursor: pointer;
  font-family: 'Geologica sans-serif', sans-serif;
  font-size: 21.8px;
  font-weight: bold;
  padding-inline-start: 21px;
}
.langOptions .langOptionsItem.zh {
  font-family: 'Noto Sans TC Bold', sans-serif;
}
.langOptions .langOptionsItem.active {
  color: #e9b649;
}
.langOptions .langOptionsItem:hover {
  background: url(data:image/png;base64,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) center / 100% 100%;
}
.langOptions .el-popper__arrow::before {
  border: none !important;
  background: transparent !important;
}

@keyframes iconShake-52e7df47 {
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);
}
}
@keyframes fadeIn-52e7df47 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes shining-52e7df47 {
0%,
  50%,
  100% {
    opacity: 0;
}
25%,
  75% {
    opacity: 1;
}
}
.stickyNav[data-v-52e7df47] {
  position: absolute;
  z-index: 4;
  display: flex;
  width: 100%;
  height: 71px;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1px;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/survival/survival-official/assets/bg.0e8f9f97.png) bottom left / 100% 100% no-repeat;
  background-size: cover;
  color: #acacac;
  font-family: 'Geologica sans-serif', sans-serif;
  line-height: 50px;
  transition: top 0.2s ease;
  -webkit-user-select: none;
  user-select: none;
}
.stickyNav.zh[data-v-52e7df47] {
  font-family: 'Noto Sans TC Bold', sans-serif;
}
.gameLogo[data-v-52e7df47] {
  height: 50px;
  margin-right: 35px;
  margin-left: 125px;
  cursor: pointer;
}
.navList[data-v-52e7df47] {
  display: flex;
  height: 100%;
  align-items: center;
}
.navBtn[data-v-52e7df47],
.rightBtn[data-v-52e7df47] {
  position: relative;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  color: #a19288;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  line-height: 22px;
  text-align: center;
}
.navBtn[data-v-52e7df47] {
  height: calc(100% - 20px);
  padding: 0 32px;
  margin: 10px -15px;
  transform: scale(1);
  transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
}
.navBtn[data-v-52e7df47]:hover {
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/survival/survival-official/assets/bg_nav.ff8bb52e.png) center / 90% 90% no-repeat;
  color: #f0bc4b;
  transform: scale(1.1);
}
.rightBtn[data-v-52e7df47] {
  height: 100%;
  padding: 0 18px;
  line-height: 30px;
}
.rightBtn.login[data-v-52e7df47] {
  display: flex;
  flex: none;
  align-items: center;
}
.rightBtn.profile[data-v-52e7df47] {
  height: 100%;
}
.rightBtn.profile .avatar[data-v-52e7df47] {
  height: 36px;
}
.rightBtn.download[data-v-52e7df47] {
  position: relative;
  text-decoration: none;
}
.rightBtn.download[data-v-52e7df47]:hover {
  background-color: transparent;
}
.btnMoreNav .moreNavWrapper[data-v-52e7df47] {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  visibility: hidden;
}
.btnMoreNav.profile .moreNavWrapper[data-v-52e7df47] {
  right: 0;
  left: auto;
  width: 210px;
}
.btnMoreNav .moreNavList[data-v-52e7df47] {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 9px 8px 11px 9px !important;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/survival/survival-official/assets/bg_profile.ad3d9ae3.png) center / 100% 100% no-repeat;
}
.btnMoreNav .moreNavList .moreNavItem[data-v-52e7df47] {
  display: flex;
  height: 62px;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  text-align: center;
}
.btnMoreNav .moreNavList .moreNavItem.userInfo[data-v-52e7df47] {
  cursor: default;
}
.btnMoreNav .moreNavList .moreNavItem[data-v-52e7df47]:hover {
  background: url(data:image/png;base64,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) center / 100% 100% no-repeat;
}
.btnMoreNav:hover .moreNavWrapper[data-v-52e7df47] {
  visibility: visible;
}
.btnStore[data-v-52e7df47] {
  position: relative;
  height: 95px;
  align-self: flex-start;
  cursor: pointer;
}
.btnStore > img[data-v-52e7df47] {
  position: relative;
  height: 100%;
}
.btnStore .offIcon[data-v-52e7df47] {
  position: absolute;
  top: 7px;
  right: 0;
  height: 69px;
}
.btnStore .blackOffIcon[data-v-52e7df47] {
  top: 0;
  left: -14px;
  height: 130%;
}
.navBlank[data-v-52e7df47] {
  flex-grow: 1;
}
.navDivider[data-v-52e7df47] {
  width: 2px;
  height: 37px;
}
.langSelector[data-v-52e7df47] {
  display: flex;
  height: 100%;
  align-items: center;
}
.langSelector .displayLang[data-v-52e7df47] {
  width: auto;
  height: 100%;
  cursor: pointer;
  outline: none !important;
}
.langSelector .displayLang .icon[data-v-52e7df47] {
  height: 32px;
}
.langSelector .displayLang .arrow[data-v-52e7df47] {
  height: 12px;
}
.langSelector .displayLang span[data-v-52e7df47] {
  margin: 12px;
}

@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-3dd4dcb0] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 38px;
  box-shadow: 0 5px 15px #e5e6e9;
}

.babeSlidesWrapper[data-v-76d2f2e2] {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.bg-details[data-v-76d2f2e2] {
  width: 100%;
  height: 100%;
}
.babeSlides[data-v-76d2f2e2] {
  width: 100%;
  height: 100%;
}
.details[data-v-76d2f2e2] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  object-fit: cover;
}
.babePrev[data-v-76d2f2e2],
.babeNext[data-v-76d2f2e2] {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 12vh;
  height: 12vh;
  margin: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
.babePrev[data-v-76d2f2e2] {
  left: 20vh;
  background-image: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/survival/survival-official/assets/btn_left.cb86b01e.png);
}
.babePrev[data-v-76d2f2e2]:hover {
  background-image: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/survival/survival-official/assets/btn_left_hl.2aede59a.png);
}
.babePrev.disable[data-v-76d2f2e2] {
  background-image: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/survival/survival-official/assets/btn_left.cb86b01e.png);
}
.babeNext[data-v-76d2f2e2] {
  right: 20vh;
  background-image: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/survival/survival-official/assets/btn_right.32d545b0.png);
}
.babeNext[data-v-76d2f2e2]:hover {
  background-image: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/survival/survival-official/assets/btn_right_hl.fdeaa754.png);
}
.babeNext.disable[data-v-76d2f2e2] {
  background-image: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/survival/survival-official/assets/btn_right.32d545b0.png);
}
.btnBack[data-v-76d2f2e2] {
  position: absolute;
  z-index: 1;
  bottom: 12vh;
  left: calc(50% - 75.4vh);
  height: 5vh;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.btnBack > img[data-v-76d2f2e2] {
  height: 100%;
}
.teeth[data-v-76d2f2e2] {
  position: absolute;
  z-index: 1;
  bottom: 18vh;
  width: 8.6vh;
  left: 50%;
  pointer-events: none;
  transform: translateX(calc(-80vh - 50%));
}

@keyframes iconShake-7f5be3fa {
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);
}
}
@keyframes fadeIn-7f5be3fa {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes shining-7f5be3fa {
0%,
  50%,
  100% {
    opacity: 0;
}
25%,
  75% {
    opacity: 1;
}
}
.babePage[data-v-7f5be3fa] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.babeDisplay[data-v-7f5be3fa] {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.sceneWrapper[data-v-7f5be3fa] {
  position: absolute;
  top: 0;
  left: 50%;
  transform-origin: left top;
  width: 1920px;
  height: 1080px;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/survival/survival-official/assets/bg.91225b8d.jpg) center / 100% 100% no-repeat;
}
.manItem[data-v-7f5be3fa],
.tableItem[data-v-7f5be3fa],
.babeItem[data-v-7f5be3fa] {
  position: absolute;
  pointer-events: none;
}
.manItem[data-v-7f5be3fa] {
  z-index: 5;
  top: 20.6%;
  left: 40%;
}
.tableItem[data-v-7f5be3fa] {
  z-index: 1;
  top: 44.8%;
  left: 26.6%;
}
.babeItem .actArea[data-v-7f5be3fa] {
  pointer-events: auto;
  position: absolute;
  cursor: pointer;
}
.babeItem.babe1[data-v-7f5be3fa] {
  z-index: 0;
  top: 11%;
  left: 28.4%;
}
.babeItem.babe1 .actArea[data-v-7f5be3fa] {
  width: 88%;
  height: 48%;
  top: 2%;
  left: 5%;
}
.babeItem.babe1 .babeTip[data-v-7f5be3fa] {
  top: 6%;
  left: 18%;
}
.babeItem.babe2[data-v-7f5be3fa] {
  z-index: 6;
  bottom: 0;
  left: 35.1%;
}
.babeItem.babe2 .actArea[data-v-7f5be3fa] {
  width: 74%;
  height: 98%;
  top: 2%;
  left: 22%;
}
.babeItem.babe2 .babeTip[data-v-7f5be3fa] {
  top: 18%;
  left: 28%;
}
.babeItem.babe3[data-v-7f5be3fa] {
  z-index: 4;
  bottom: 0;
  left: 22.2%;
}
.babeItem.babe3 .actArea[data-v-7f5be3fa] {
  width: 57%;
  height: 97%;
  top: 3%;
  left: 10%;
}
.babeItem.babe3 .babeTip[data-v-7f5be3fa] {
  top: 17%;
  left: 26%;
}
.babeItem.babe4[data-v-7f5be3fa] {
  z-index: 4;
  bottom: 0;
  left: 54.8%;
}
.babeItem.babe4 .actArea[data-v-7f5be3fa] {
  width: 86%;
  height: 97%;
  top: 2%;
  left: 9%;
}
.babeItem.babe4 .babeTip[data-v-7f5be3fa] {
  top: 18%;
  left: 10%;
}
.babeItem.babe5[data-v-7f5be3fa] {
  z-index: 0;
  top: 0;
  left: 48.7%;
}
.babeItem.babe5 .actArea[data-v-7f5be3fa] {
  width: 80%;
  height: 56%;
  top: 1%;
  left: 5%;
}
.babeItem.babe5 .babeTip[data-v-7f5be3fa] {
  top: 14%;
  left: 1%;
}
.babeItem .babeHighlight[data-v-7f5be3fa] {
  position: absolute;
  top: 0;
  left: 0;
  animation: 3260ms ease-in-out shining-7f5be3fa;
}
.babeItem .babeTip[data-v-7f5be3fa] {
  position: absolute;
  z-index: 1;
}
.fade-enter-active[data-v-7f5be3fa],
.fade-leave-active[data-v-7f5be3fa] {
  transition: opacity 0.2s linear;
}
.fade-enter-from[data-v-7f5be3fa],
.fade-leave-to[data-v-7f5be3fa] {
  opacity: 0;
}

@keyframes iconShake-1ca31512 {
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);
}
}
@keyframes fadeIn-1ca31512 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes shining-1ca31512 {
0%,
  50%,
  100% {
    opacity: 0;
}
25%,
  75% {
    opacity: 1;
}
}
.beastPage[data-v-1ca31512] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/survival/survival-official/assets/bg_side.9f140221.png) center / cover no-repeat, url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/survival/survival-official/assets/bg.452a6108.jpg) center bottom / cover no-repeat;
}
.leftBox[data-v-1ca31512] {
  position: absolute;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  left: 200px;
  z-index: 2;
}
.leftBox.switchAnime[data-v-1ca31512] {
  animation: 0.5s ease-in-out fadeIn-1ca31512;
}
.leftBox .title[data-v-1ca31512] {
  height: 4.84vw;
}
.leftBox .divider[data-v-1ca31512] {
  height: 1.46vw;
  margin: 0.6vw 0;
}
.leftBox .desc[data-v-1ca31512] {
  width: 20.1vw;
  height: 23.4vw;
  object-fit: contain;
  object-position: top;
}
.centerBox[data-v-1ca31512] {
  position: absolute;
  bottom: 0;
  left: 0;
  object-fit: cover;
  object-position: bottom;
  width: 100%;
  height: 100%;
  outline: none !important;
}
.tip[data-v-1ca31512],
.tipText[data-v-1ca31512] {
  position: absolute;
  z-index: 4;
  left: 6vw;
  right: 0;
  margin: 0 auto;
}
.tip[data-v-1ca31512] {
  width: 16vw;
  top: 1vw;
  pointer-events: none;
  mix-blend-mode: screen;
}
.tipText[data-v-1ca31512] {
  top: 5.1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f0bc4b;
  font-size: 1vw;
  font-weight: bold;
  text-shadow: 0 0 0.5vw rgba(0, 0, 0, 0.89);
}
.arrow[data-v-1ca31512] {
  z-index: 3;
  position: absolute;
  top: 55%;
  width: 6.6vw;
  cursor: pointer;
  transform: translateY(-50%);
}
.arrow.left[data-v-1ca31512] {
  left: 30vw;
}
.arrow.right[data-v-1ca31512] {
  right: 24vw;
}
.rightBox[data-v-1ca31512] {
  position: absolute;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
  right: 100px;
  z-index: 2;
}
.rightBox .tag[data-v-1ca31512] {
  position: absolute;
  top: -5.8vw;
  right: 0;
  width: 23.75vw;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
}
.rightBox .radar[data-v-1ca31512] {
  height: 17.8vw;
}
.rightBox .radar.switchAnime[data-v-1ca31512] {
  animation: 0.5s ease-in-out fadeIn-1ca31512;
}
.rightBox .paginationRow[data-v-1ca31512] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: calc(100% + 7.8vw);
}
.rightBox .paginationRow .numItem[data-v-1ca31512] {
  width: 4.43vw;
  height: 4.43vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.rightBox .paginationRow .numItem > img[data-v-1ca31512] {
  height: 1.3vw;
}
.rightBox .paginationRow .numItem.active[data-v-1ca31512] {
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/survival/survival-official/assets/bg_num.22fea5fb.png) center / 130% 130% no-repeat;
}
.rightBox .paginationRow .numItem.active > img[data-v-1ca31512] {
  height: 2.08vw;
}
.rightBox .paginationRow .divider[data-v-1ca31512] {
  height: 0.58vw;
}

.dinosaurPage[data-v-649fe556] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.text[data-v-649fe556] {
  position: absolute;
  left: calc(168px + 2% + 20px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  bottom: 10%;
}
.text .bg[data-v-649fe556] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  z-index: 0;
}
.text .title[data-v-649fe556] {
  height: 56px;
  margin-inline-start: -5px;
  margin-bottom: 12px;
  z-index: 1;
}
.text > div[data-v-649fe556] {
  font-size: 25px;
  line-height: 32px;
  width: 45vw;
  min-width: 640px;
  white-space: pre-line;
  color: #e6ded7;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.89);
  z-index: 1;
}
.bgVideo[data-v-649fe556] {
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.firstPage[data-v-3d373767] {
  position: relative;
  z-index: 5;
  width: 100%;
  height: calc(100% - 70px);
  margin-top: 70px;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/survival/survival-official/assets/bg.4aea0663.jpg) no-repeat center;
  background-size: cover;
}
.firstPage > video[data-v-3d373767] {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bg[data-v-3d373767] {
  width: 100%;
  height: 100%;
}
.comGroup[data-v-3d373767] {
  position: absolute;
  top: 40px;
  right: 340px;
  display: flex;
  width: auto;
  height: auto;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
}
.comGroup .comItem[data-v-3d373767] {
  display: flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  margin: 0 15px;
  cursor: pointer;
}
.comGroup .comItem > img[data-v-3d373767] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@keyframes fadeInUp-3d373767 {
0% {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
}
100% {
    opacity: 1;
    transform: none;
}
}
.btnGroup[data-v-3d373767] {
  position: absolute;
  right: 0;
  bottom: 140px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.btnGroup.enterAnime[data-v-3d373767] {
  animation: 0.8s ease-in-out fadeInUp-3d373767;
}
.btnGroup .btnDownload[data-v-3d373767] {
  position: relative;
  height: 80px;
  margin: 0 1.2vw;
  cursor: pointer;
}
.btnGroup .btnDownload img[data-v-3d373767] {
  width: 100%;
  height: 100%;
}
.btnGroup .btnDownload .saleIcon[data-v-3d373767] {
  position: absolute;
  top: -7px;
  right: -8px;
  width: 20%;
  height: auto;
  transform: rotate(15deg);
}
.storeBtn[data-v-3d373767] {
  position: absolute;
  bottom: calc(100% + 2vw);
  width: 472px;
  height: 176px;
  box-sizing: border-box;
  padding: 69.2px 50px 23px 57.6px;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/survival/survival-official/assets/btn_store.c57c1110.png) center / 100% 100%;
}
.storeBtn > div[data-v-3d373767] {
  display: flex;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  padding: 0 74.9px;
  color: #3a0e0d;
  cursor: pointer;
  font-size: 36px;
  text-align: center;
  text-decoration: none;
}
.storeBtn > div.small[data-v-3d373767] {
  font-size: 30px;
  line-height: 32px;
}
.storeBtn > div.de[data-v-3d373767] {
  font-size: 27px;
}
@keyframes bounceAlpha-3d373767 {
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-3d373767] {
  position: absolute;
  right: 0;
  bottom: 34px;
  left: 0;
  width: 60px;
  margin: 0 auto;
}

.gameplayPage[data-v-7f1ca1f4] {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.text[data-v-7f1ca1f4] {
  position: absolute;
  left: calc(168px + 2% + 20px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  bottom: 10%;
}
.text .bg[data-v-7f1ca1f4] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: multiply;
  z-index: 0;
}
.text .title[data-v-7f1ca1f4] {
  height: 56px;
  margin-inline-start: -5px;
  margin-bottom: 12px;
  z-index: 1;
}
.text > div[data-v-7f1ca1f4] {
  font-size: 25px;
  line-height: 32px;
  width: 45vw;
  min-width: 640px;
  white-space: pre-line;
  color: #e6ded7;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.89);
  z-index: 1;
}
.bgVideo[data-v-7f1ca1f4] {
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.endRow[data-v-1ffebe04] {
  display: flex;
  align-items: center;
  padding: 22px 100px 34px;
  background: #202020;
  line-height: 200%;
}
.logo_link[data-v-1ffebe04] {
  width: 197px;
  margin-inline-end: 49px;
}
.logo[data-v-1ffebe04] {
  width: 100%;
}
.links[data-v-1ffebe04] {
  border-inline-start: 1px solid #333;
  color: #cacaca;
  font-size: 14px;
  padding-inline-start: 50px;
}
.links[data-v-1ffebe04] > * {
  margin-bottom: 12px;
}
.links[data-v-1ffebe04] > *:last-child {
  margin-bottom: 0;
}
.game_link[data-v-1ffebe04],
.term_link[data-v-1ffebe04] {
  display: inline-block;
  padding: 0 20px;
  color: #cacaca;
}
.game_link[data-v-1ffebe04]:first-child,
.term_link[data-v-1ffebe04]:first-child {
  padding-inline-start: 0;
}
.limit-container[data-v-1ffebe04] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 40px;
  color: #cacaca;
}
.limit-container > div[data-v-1ffebe04] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin-left: 20px;
  font-size: 14px;
}

.sideNav[data-v-40f2d8ea] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  padding-left: calc(2% - 12px);
  margin: auto 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto !important;
  height: auto !important;
  pointer-events: none;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/survival/survival-official/assets/bg.fff6ff4a.png) center / 100% 100% no-repeat;
}
.sideNav img[data-v-40f2d8ea],
.sideNav div[data-v-40f2d8ea] {
  user-select: none;
  -webkit-user-drag: none;
}
.sideNav .navItem[data-v-40f2d8ea] {
  width: 180px;
  height: 7.6%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 15px;
  line-height: 16px;
  color: #d5c7af;
  box-sizing: border-box;
  font-weight: bold;
  padding-left: 12px;
  cursor: pointer;
  pointer-events: auto;
}
.sideNav .navItem.active[data-v-40f2d8ea] {
  color: #fdd762;
  font-size: 17px;
  background: url(data:image/png;base64,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) center / 130% 60% no-repeat;
}
.sideNav .navIcon[data-v-40f2d8ea] {
  width: 29px;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  margin-inline-end: 9px;
}
.sideNav .navIcon > img[data-v-40f2d8ea] {
  width: 14px;
  height: 13px;
}
.sideNav .active .navIcon > img[data-v-40f2d8ea] {
  width: 100%;
  height: 100%;
}
.sideNav .border.top[data-v-40f2d8ea] {
  margin-bottom: 10px;
}
.sideNav .border.bottom[data-v-40f2d8ea] {
  margin-top: 10px;
}

.main[data-v-892a3810] {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  align-items: center;
  font-family: 'Geologica sans-serif', sans-serif;
}
.main.zh[data-v-892a3810] {
  font-family: 'Noto Sans TC Bold', sans-serif;
}
.main[data-v-892a3810] .thin {
  font-family: Geologica, sans-serif;
}
.main.zh[data-v-892a3810] .thin {
  font-family: 'Noto Sans TC', sans-serif;
}
.main.hide[data-v-892a3810] {
  height: 100%;
}
.main > div[data-v-892a3810] {
  width: 100%;
  height: 100%;
}
.main[data-v-892a3810] .swiper-slide.last {
  height: auto !important;
}
.main[data-v-892a3810]::-webkit-scrollbar {
  display: none;
}

/**
 * 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;
}
* img {
  display: block;
  -webkit-user-drag: none;
  user-select: none;
}
body {
  margin: 0;
}
#mainPage,
html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  background: #999;
}
#mainPage {
  overflow: hidden;
}
@font-face {
  font-family: Geologica Bold;
  font-weight: bold;
  src: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/survival/survival-official/assets/Geologica-Bold.e30b8054.ttf);
}
@font-face {
  font-family: Geologica;
  font-weight: normal;
  src: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/survival/survival-official/assets/Geologica-ExtraLight.8785526c.ttf);
}
@font-face {
  font-family: 'Noto Sans TC' Bold;
  font-weight: bold;
  src: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/survival/survival-official/assets/NotoSansTC-Black.0bc95024.ttf);
}
@font-face {
  font-family: 'Noto Sans TC';
  font-weight: normal;
  src: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/survival/survival-official/assets/NotoSansTC-Regular.17327da3.ttf);
}
/* 滚动条样式 */
::-webkit-scrollbar-track-piece {
  background-color: #ccc;
}
::-webkit-scrollbar {
  width: 10px;
  height: 9px;
}
::-webkit-scrollbar-thumb {
  min-height: 28px;
  border-radius: 15px;
  background-clip: padding-box;
  background-color: #737373;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}
::-webkit-scrollbar-thumb:window-inactive {
  /* 当焦点不在当前区域滑块的状态 */
  background-color: #121212;
}