* {
  padding: 0;
  margin: 0;
}
html {
  font-family: sans-serif;
}
:root {
  font-size: 1vw;
}
#mainPage,
html,
body {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
}
#mainPage {
  overflow: hidden;
}
@keyframes btnScale {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.1);
  }
}
@font-face {
  font-family: FangZheng;
  font-weight: bold;
  src: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/dinocataclysm/dino-official/assets/FangZhengBold.aed472b9.otf);
}
@font-face {
  font-family: FangZheng;
  font-weight: normal;
  src: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/dinocataclysm/dino-official/assets/FangZhengMedium.49c79240.otf);
}
@font-face {
  font-family: subjectzerodisplay;
  font-weight: normal;
  src: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/dinocataclysm/dino-official/assets/subjectzerodisplay.98cd798d.otf);
}

/* stylelint-disable keyframes-name-pattern */
/* stylelint-disable selector-class-pattern */
.firstPage,
.newsPage,
.featurePage,
.dinoPage {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.mLangDropDown {
  width: 144px;
  border: none !important;
  background: #313131 !important;
  opacity: 0.88 !important;
}
.mLangDropDown .langOptionsItem {
  display: flex;
  width: 100%;
  height: 40px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  padding-inline-start: 10px;
}
.mLangDropDown .langOptionsItem.active {
  color: #ffb200;
}
.mLangDropDown.el-popper {
  border-radius: 5px !important;
}
.mLangDropDown .el-popper__arrow::before {
  opacity: 0 !important;
}
@keyframes iconShake {
  0%,
  20%,
  100% {
    transform: rotate(0deg);
  }
  2.5% {
    transform: rotate(-10deg);
  }
  7.5% {
    transform: rotate(10deg);
  }
  12.5% {
    transform: rotate(-10deg);
  }
  17.5% {
    transform: rotate(10deg);
  }
}
/* 滚动条样式 */
::-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;
}

/**
 * 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 */

@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;
}

: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;
  }
}

.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%);
}

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

.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;
}

.stickyNav[data-v-2914b8ce] {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 3.125rem;
  align-items: center;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/dinocataclysm/dino-official/assets/bg.2c52b61c.png) 100% 100% no-repeat;
}
.logo[data-v-2914b8ce] {
  height: 2.14rem;
  margin-inline-start: 0.52rem;
}
.navWrapper[data-v-2914b8ce] {
  display: flex;
  margin-left: 0.52rem;
  height: 100%;
  align-items: center;
  color: #fff;
}
.navWrapper .navItem[data-v-2914b8ce] {
  display: flex;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  padding: 0 1.46rem;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-family: subjectzerodisplay, sans-serif;
  font-size: 0.94rem;
  color: #fcf6d9;
}
.navWrapper .navItem .choosenIcon[data-v-2914b8ce] {
  position: absolute;
  bottom: 0;
  height: 3px;
  width: 90%;
  left: 5%;
}
.dividerPart[data-v-2914b8ce] {
  height: 100%;
  flex: 1;
}
.userArea[data-v-2914b8ce] {
  height: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 3.125rem;
}
.userArea .btn[data-v-2914b8ce] {
  display: flex;
  height: 100%;
  flex: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.userArea .btn .langIcon[data-v-2914b8ce] {
  height: 55%;
}
.userArea .btn .arrow[data-v-2914b8ce] {
  height: 18%;
  margin-left: 0.26rem;
}
.userArea .loginArea[data-v-2914b8ce] {
  height: 100%;
  font-family: AdobeHeitiStd, sans-serif;
  font-size: 0.94rem;
  color: white;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.userArea .loginArea > img[data-v-2914b8ce] {
  margin-left: 0.52rem;
  height: 72%;
}
.userArea .loginArea .username[data-v-2914b8ce] {
  margin-left: 1.04rem;
}
.userArea .divider[data-v-2914b8ce] {
  margin: 0 1.04rem;
  height: 80%;
}
.purchaseWrapper[data-v-2914b8ce] {
  cursor: pointer;
  position: relative;
  height: 100%;
}
.purchaseWrapper .purchaseImg[data-v-2914b8ce] {
  height: 100%;
}
.purchaseWrapper .offIcon[data-v-2914b8ce] {
  position: absolute;
  left: -1.93rem;
  width: 3.9rem;
  top: 0;
  -webkit-animation: iconShake 3s linear 0s infinite;
  animation: iconShake 3s linear 0s infinite;
}

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

.listPage[data-v-33a02706] {
  position: relative;
  z-index: 1;
  overflow: auto;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding-top: 60px;
  background: #222 url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/dinocataclysm/dino-official/assets/bg.b401e2c1.jpg) no-repeat fixed top center;
}
.listContainer[data-v-33a02706] {
  position: relative;
  display: flex;
  width: 800px;
  flex: 1;
  flex-direction: column;
  padding-right: 100px;
  margin: 90px auto 60px;
}
.listContainer[data-v-33a02706] .el-loading-mask {
  background: transparent;
}
.listContainer[data-v-33a02706] .el-loading-mask circle {
  stroke: #ffb100;
}
.listNav[data-v-33a02706] {
  position: absolute;
  top: -60px;
  left: 0;
  height: 35px;
  width: calc(100% - 100px);
  display: flex;
  z-index: -1;
  gap: 30px;
  color: #fff;
}
.listNav .listNavItem[data-v-33a02706] {
  box-sizing: border-box;
  width: 170px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex: none;
  font-size: 14px;
  background: url(data:image/png;base64,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UmVhZHlxyWU8AAADJ2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OTc3NywgMjAyMy8wNi8yNS0yMzo1NzoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQxMTNDNUUwMzcxQjExRjE5RjZCQkNGNTYyQUVBMDIyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQxMTNDNUUxMzcxQjExRjE5RjZCQkNGNTYyQUVBMDIyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDExM0M1REUzNzFCMTFGMTlGNkJCQ0Y1NjJBRUEwMjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDExM0M1REYzNzFCMTFGMTlGNkJCQ0Y1NjJBRUEwMjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7qc+0pAAABKUlEQVR42mJsqcloZaAxYAERm7ccfkhLS5gY6ABGLSEJAAQQI11SF61T1mjED05LAAIInLroEfnDIrRGPTLqkVGPDDwACCC61In0ACzDoej19bGVH80jox4Z9cioR0Y9MuqRUY8MJ48ABGC/jk0AAEAAhi3+f7OTP0hJTzAImvkQC6VOLasuIEAEBIiACAgQAUk097IbxY9WAHbtwAQAIAaB2P5bu4ZKboXwFNq/uRtevRDLxY4sFw11AQEiIEAEBIiACAgQAQEiIEAEBIiAABEQAZnJv6yyIkA7d3ICABACQKz/rsWH+hCxgaSH2QNEc1nwnVjJrByMusW9scAnBAQCAgGBgEBAICAQEAgIBBAICAQEAgIBgYBAQCAgEBAICAS49NIGq2ZgC0OnKjdnJ4aZAAAAAElFTkSuQmCC) center / 100% 100%;
}
.listNav .listNavItem.active[data-v-33a02706] {
  color: #fef5c8;
  background: url(data:image/png;base64,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UmVhZHlxyWU8AAADJ2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OTc3NywgMjAyMy8wNi8yNS0yMzo1NzoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJCRkVFQkM1MzcxQjExRjE5MjgzQzcwQTFDNDYyMDE0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJCRkVFQkM2MzcxQjExRjE5MjgzQzcwQTFDNDYyMDE0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkJGRUVCQzMzNzFCMTFGMTkyODNDNzBBMUM0NjIwMTQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkJGRUVCQzQzNzFCMTFGMTkyODNDNzBBMUM0NjIwMTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7qdeeeAAABMUlEQVR42mL8f7P4PwONAQsQFwHxIVpawsRABzBqCUkAIIAY6ZW6TEbjZORZAhBAoNRVSOtiZdiE1qhHRj0y6pGBBwABRJc6kR6ALvUuHYDdaB4Z9cioR0Y9MuqRUY+MemQ4eQQgAPt1bAIAAAIwbPH/m538QUp6gkHQzIcYqXNqWXUBASIgQAREQIAISKK5l90ofrQCsGsHJwAAIQwE++/aFvwIMcy2MMjBac3esGlCzq/atM7nokddQIAICBABASIgQAREQIAICBABASIgQAREQH7kLiusEaCdOzYBAIQBINhkriycPZwrCIIi6AR3lbXwohCcc1nDNsD7xKq1NisHW7pjgUcICAQEAgIBgYBAQCAgEBAIIBAQCAgEBAICAYGAQEAgIBBAIPATx9pXM3BpC1Yd4G+cFFQAAAAASUVORK5CYII=) center / 100% 100%;
}
.listItem[data-v-33a02706] {
  display: flex;
  width: 800px;
  height: 160px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  padding: 20px 0;
  border: 1px solid transparent;
  border-bottom: 1px solid #434343;
  background-color: transparent;
  cursor: pointer;
  font-size: 14px;
  transition: all 0.3s ease;
}
.listItem[data-v-33a02706]:first-of-type {
  border-top: 1px solid #434343;
}
.listItem[data-v-33a02706]:hover {
  padding-inline-start: 20px;
  border: 1px solid #7d7d7d;
  background-color: #323232;
}
.listItem img[data-v-33a02706] {
  width: 210px;
  height: 120px;
  margin-inline-end: 20px;
}
.listItem .itemText[data-v-33a02706] {
  display: flex;
  width: 548px;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.listItem .itemText .title[data-v-33a02706] {
  display: -webkit-box;
  overflow: hidden;
  width: 100%;
  margin-bottom: 4px;
  -webkit-box-orient: vertical;
  color: #fff;
  font-size: 18px;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
}
.listItem .itemText .description[data-v-33a02706] {
  flex-grow: 1;
  color: #a0a0a0;
}
.listItem .itemText .time[data-v-33a02706] {
  margin-top: 8px;
  color: #707070;
}
.btnMore[data-v-33a02706] {
  display: flex;
  width: 120px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border: 1px solid #535353;
  margin: 20px auto;
  background: #2c2c2c;
  color: #7d7d7d;
  cursor: pointer;
  transition: all 0.3s ease;
}
.btnMore[data-v-33a02706]:hover {
  border-color: #a0a0a0;
  color: #a0a0a0;
}
.listPage.ar[data-v-33a02706] {
  direction: rtl;
}

@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));
}

.panelWrapper[data-v-4de554a6] {
  font-size: initial;
}

.topBtn[data-v-6233dac1] {
  position: absolute;
  z-index: 2;
  right: 130px;
  bottom: 50px;
  width: 61px;
  cursor: pointer;
  transform: translateY(0);
  transition: transform 0.3s ease-in-out;
}
.topBtn.leaveBottom[data-v-6233dac1] {
  transform: translateY(-32rem);
}
img[data-v-6233dac1] {
  width: 100%;
  height: 100%;
  -webkit-user-drag: 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;
}

.swiperContainer[data-v-2253de40] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slideItem[data-v-2253de40] {
  width: 100%;
  height: 100%;
  position: relative;
}
.slideItem .rightImg[data-v-2253de40] {
  position: absolute;
  top: 0;
  width: 45rem;
  right: 0;
}
.slideItem video[data-v-2253de40] {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dnaWrapper[data-v-2253de40] {
  position: absolute;
  top: 0;
  z-index: 1;
  height: 100%;
  left: 0;
}
.dnaWrapper .dnaBg[data-v-2253de40] {
  width: 36rem;
  height: 100%;
}
.dnaWrapper .dinoIconItem[data-v-2253de40] {
  width: 8.3rem;
  cursor: pointer;
  transition: all ease 0.3s;
  position: absolute;
}
.dnaWrapper .dinoIconItem[data-v-2253de40]:hover {
  transform: scale(1.1);
}
.dnaWrapper .dinoIconItem img[data-v-2253de40] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.dnaWrapper .dinoIconItem1[data-v-2253de40] {
  top: 6.25rem;
  left: 25rem;
}
.dnaWrapper .dinoIconItem2[data-v-2253de40] {
  top: 9.9rem;
  left: 6.77rem;
}
.dnaWrapper .dinoIconItem3[data-v-2253de40] {
  top: 19.79rem;
  left: 24.48rem;
}
.dnaWrapper .dinoIconItem4[data-v-2253de40] {
  top: 23.44rem;
  left: 5.2rem;
}
.dnaWrapper .dinoIconItem5[data-v-2253de40] {
  top: 33.85rem;
  left: 23.44rem;
}
.dnaWrapper .dinoIconItem6[data-v-2253de40] {
  top: 37.5rem;
  left: 3.65rem;
}

.dialogModal[data-v-8249b4da] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.discountWrapper[data-v-8249b4da] {
  position: absolute;
  top: calc(50% + 1rem);
  transform: translate(-50%, -50%);
  left: 50%;
  cursor: pointer;
}
.bgImg[data-v-8249b4da] {
  width: 58rem;
}
.close[data-v-8249b4da] {
  position: absolute;
  cursor: pointer;
  right: 3.5rem;
  top: 1rem;
  width: 4rem;
}
.title[data-v-8249b4da] {
  position: absolute;
  left: 8rem;
  bottom: 10rem;
  width: 35rem;
}
.btn[data-v-8249b4da] {
  width: 12rem;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  left: 50%;
  transform: translateX(-50%);
}

.featurePage[data-v-5baf9385] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/dinocataclysm/dino-official/assets/bg.0acdf458.jpg) center / cover no-repeat;
  gap: 2.5rem;
}
.swiperContainer[data-v-5baf9385] {
  width: 100rem;
  height: 31rem;
  position: relative;
}
.swiperContainer[data-v-5baf9385] .swiper-slide-active .slideItem {
  opacity: 1;
}
.swiperContainer[data-v-5baf9385] .swiper-slide-active .frameImg {
  opacity: 1;
}
.swiperContainer[data-v-5baf9385] .swiper-slide-active .slideSlogan {
  opacity: 1;
}
.swiperContainer[data-v-5baf9385] .swiper-slide-next .slideSlogan {
  opacity: 1;
  left: 39rem;
}
.swiperContainer[data-v-5baf9385] .swiper-slide-prev .slideSlogan {
  opacity: 1;
  left: auto;
  right: 40rem;
}
.midCircle[data-v-5baf9385] {
  position: absolute;
  width: 35rem;
  transform: translateY(-50%);
  top: calc(50% + 3.2rem);
}
.lPic[data-v-5baf9385] {
  position: absolute;
  width: 7rem;
  left: 9.8rem;
  transform: translateY(-50%);
  top: calc(50% + 13rem);
}
.rPic[data-v-5baf9385] {
  position: absolute;
  width: 7rem;
  right: 9.8rem;
  transform: translateY(-50%);
  top: calc(50% + 13rem);
}
.slideItem[data-v-5baf9385] {
  display: flex;
  width: 100rem;
  height: 31rem;
  box-sizing: border-box;
  justify-content: center;
  opacity: 0.7;
}
.slideSlogan[data-v-5baf9385] {
  height: 4.7rem;
  position: absolute;
  top: 25rem;
  left: 21rem;
  opacity: 0;
}
.frameImg[data-v-5baf9385] {
  position: absolute;
  width: 55.4rem;
  left: 24rem;
  opacity: 0;
  top: 0.2rem;
}
.slideImg[data-v-5baf9385] {
  position: absolute;
  width: 53rem;
}
.featureNext[data-v-5baf9385],
.featurePrev[data-v-5baf9385] {
  position: absolute;
  z-index: 1;
  bottom: 50%;
  width: 15rem;
  margin: auto 0;
  cursor: pointer;
  transform: translateY(50%);
}
.featurePrev[data-v-5baf9385] {
  left: 8rem;
}
.featureNext[data-v-5baf9385] {
  right: 8rem;
}
.title[data-v-5baf9385] {
  position: relative;
  margin-top: 2rem;
  height: 2.66rem;
}

.slideArrow[data-v-120dcb91] {
  position: absolute;
  z-index: 3;
  bottom: 5%;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  animation: jump-120dcb91 1s infinite ease-in-out;
}
.slideArrow > span[data-v-120dcb91] {
  width: auto;
  margin-bottom: 5px;
}
.slideArrow > img[data-v-120dcb91] {
  width: 55px;
}
@keyframes jump-120dcb91 {
0%,
  100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-10px);
}
}
.slideArrow.mobile[data-v-120dcb91] {
  bottom: 2.5rem;
  font-size: 2.4vw;
}
.slideArrow.mobile > span[data-v-120dcb91] {
  margin-bottom: 0.5vw;
}
.slideArrow.mobile > img[data-v-120dcb91] {
  width: 12rem;
}

.firstPage[data-v-2323c878] {
  display: flex;
  justify-content: center;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/dinocataclysm/dino-official/assets/bg.1d8a57ce.jpg) center / cover no-repeat;
}
.firstPage > video[data-v-2323c878] {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.mainContent[data-v-2323c878] {
  position: absolute;
  top: 70%;
  transform: translateY(-50%);
  display: flex;
  width: 66rem;
  flex-direction: column;
  align-items: center;
}
.mainContent .title[data-v-2323c878] {
  width: 100%;
}
.mainContent .btnRow[data-v-2323c878] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6rem;
}
.mainContent .btnRow .btn[data-v-2323c878] {
  height: 76.8px;
  animation: btnScale 0.6s ease-in-out infinite alternate-reverse;
  cursor: pointer;
}
.mediaList[data-v-2323c878] {
  position: absolute;
  left: 3.28rem;
  top: 50%;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  transform: translateY(-50%);
}
.mediaList img[data-v-2323c878] {
  cursor: pointer;
  width: 4.5rem;
  transition: all 0.3s ease;
}
.mediaList img[data-v-2323c878]:hover {
  transform: scale(1.15);
}

.newsPage[data-v-a66cf0c0] {
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/dinocataclysm/dino-official/assets/bg.d2995431.jpg) center / cover no-repeat;
}
.newsPage > video[data-v-a66cf0c0] {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.frameContainer[data-v-a66cf0c0] {
  position: absolute;
  width: 90rem;
  height: 46rem;
  top: 50%;
  transform: translateY(-51.6%);
  left: 5rem;
}
.frameBg[data-v-a66cf0c0] {
  position: absolute;
  width: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
}
.newsTitle[data-v-a66cf0c0] {
  position: absolute;
  top: 4.5rem;
  left: 50%;
  width: 31.56rem;
  transform: translateX(-50%);
}
.newsPic[data-v-a66cf0c0] {
  width: 42rem;
  position: absolute;
  top: 14.8rem;
  left: 7.5rem;
}
.articleWrapper[data-v-a66cf0c0] {
  width: 31rem;
  height: 32rem;
  position: absolute;
  top: 14.8rem;
  left: 51.5rem;
  font-family: FangZheng;
}
.tabList[data-v-a66cf0c0] {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.tabList .tabItem[data-v-a66cf0c0] {
  width: 10rem;
  height: 2.2rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.tabList .tabItem img[data-v-a66cf0c0] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.tabList .tabItem .tabText[data-v-a66cf0c0] {
  font-size: 0.9rem;
  position: absolute;
  color: #fef5c8;
  line-height: 0;
}
.articleList[data-v-a66cf0c0] {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 1.8rem;
  position: relative;
  height: 22rem;
  gap: 1.4rem;
}
.articleList .gapLine[data-v-a66cf0c0] {
  width: 100%;
  position: absolute;
  top: 2.1rem;
  height: 14rem;
  z-index: 1;
  left: 0;
}
.articleList .articleItem[data-v-a66cf0c0] {
  z-index: 2;
  display: flex;
  color: #ffffff;
  font-size: 1.04rem;
  cursor: pointer;
}
.articleList .articleItem .articleTitle[data-v-a66cf0c0] {
  width: 27rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.articleList .articleItem .articleTime[data-v-a66cf0c0] {
  flex: none;
}
.articleList .moreBtn[data-v-a66cf0c0] {
  z-index: 2;
  position: absolute;
  cursor: pointer;
  bottom: 0;
  width: 6.4rem;
  right: 0;
}

.socialPage[data-v-70cbe30e] {
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/dinocataclysm/dino-official/assets/bg.30fe6476.jpg) center / cover no-repeat;
}
.socialPage > video[data-v-70cbe30e] {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.btnList[data-v-70cbe30e] {
  display: flex;
  position: absolute;
  bottom: 200px;
  align-items: center;
  justify-content: center;
  gap: 56px;
  width: 100%;
}
.btnList img[data-v-70cbe30e] {
  cursor: pointer;
}
.btnList .btn[data-v-70cbe30e] {
  height: 76.8px;
}
.btnList .mediaIcon[data-v-70cbe30e] {
  width: 135px;
}

.main[data-v-05e38f5a] {
  position: relative;
  width: 100%;
  height: 100%;
}
.main[data-v-05e38f5a]::-webkit-scrollbar {
  display: none;
}
.swiperContainer[data-v-05e38f5a] {
  width: 100%;
  height: 100%;
}
.endBarSlide[data-v-05e38f5a] {
  height: auto;
}