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

.social-main[data-v-5ab3bb37] {
  display: flex;
  align-items: flex-start;
  font-size: 20px;
}
.social-item[data-v-5ab3bb37] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAACW0lEQVRoge2by27TQBSGv5m0du7tFojEonsWILa8QgCpSH2DVixYcCk8ASoS7IBHQGqRuEi8Agv6CmVX1G1vTmy3dlhMJjiWkRBgpzmaT7KUY0+k/7OjiRfnqPWtdxTgAbeBO8B1oAc0ixZeIM6BH8BX4OP4iPOLFgq+uAo8B1bKy1YKC8DV8bEGfAeeAu+zi3Tmcw14C2wzf7JFrAA7wBuMGzD9hLeAdVukacppEBLFZyRpymg0qizp31KraeqeR7tVR+vJs9wAAuAx/BK+Bzy0KwbDkKOTQZVZ/wtJkhIMQwZhSLfdotnw7aVHwDdgRwM+8NJeGYbRXMpmGY3g6CRgGEbZ068AX2M2qR6YO3R4HMwgYjkcHgckSWrLHrCqgb49czoYziJXqeSc+hq4aasoPqs8UNnE8Xm2vKaBy7bKPH4xJOmU0yUNLM4oSyXk/k47+ncLpeKEpeOEpeOEpeOEpeOEpeOEpeOEpeOEpeOEpeOEpeOEpeOEpeOEpeOEpeOEpeOEpeOEpeOEpeOEpaPJdI0rNcMkJZFzijRwYKtMj7EYck4HGti1le/Ja8rLOe1qzDAEAO1mo+o8pZNz+qQxQxD7YFrolzqtWeQqhaVOi1pt8pPeZ9wRH5Fp/282fJa7LdQc72BKKZa7UyMAYBxjO/OwDdwC7gM06j6+tzhXQx5KKbRW1H2PdrOe36xeYxynploeYKY/noDZ3bqdiz6b9Ue8AJ7ZInsbEmATuAvsVRyqDPYwLpvApEu8aDLtA/AFMwvRB24AV4BO+Rn/iRDzTmFH8T5TMIr3E0bMjzLrs7+nAAAAAElFTkSuQmCC) center / cover;
  width: 3em;
  height: 3em;
  margin-right: 0.8em;
  cursor: pointer;
}
.social-item[data-v-5ab3bb37]:hover {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAACd0lEQVRoge2bsW7TUBSGP18TO6aJRDvQNI2ESFWVCVRQVl4hgNQ+A4ixgsILgECCDXgGWgbgDVhYqqpio1JaQAoKlAFQExKbxmFwbrBDsgBO4qv7SZZ8ju5wPtm69nB/49XuIQOwgEvAZeA8UACOD1o4QRwBH4HXwPPu5fUvMgYIrwB3gYVYx4ufPeAW8CzcFKF7E3gCbJB8WQgcNoHHBG4AHAstuAdclUXL83lbbfL5m8cP16ftd0Y26d9gGOBYgvyMzZmCQ9rqPctrQAO4Ab9f6VXgqVyxV2vx5l2dCXccijDg3OkMC3PpcHsV2BSADTyQ3fcHLXb2kysL4HdgZ7/OhwM33H4I2IJgkyoANNw225X6GEaMh+3KIQ23LcsCsCKAsuzsVpt0Evxk+/E7gVOIsgBKsvr09Y/PVuL58v1nuDwrgLysWp4/8oHiphl1mhNASlZJ3qiGcdSOSGXFsIWqooVVRwurjhZWHS2sOlpYdbSw6mhh1dHCqqOFVUcLq44WVh0trDpaWHW0sOpoYdXRwqqjhVVHC6uOFlYdQejUuDDGOElMiKiUK4CarEJnjJXBSUWcagLYklVu2hr5QHEzO50Kl1uCIAwBwFLBwVDotTaMwCnEC0EQgqgCTNkmy8XMOGaLheVihim7F3eo0j0R7wJrslvMpSktZjETvIOZwqC0mKWYi0QA1gBPhjw2gIvAdYBTJ21mT6R6IY+m5/efSp04TGGQtgT5GYulead/A35E4BjJLZnAHeDmSCeNn/vAbcCH6I9HG1gHrgCV0c/136kQuKzTlYXByTQIonjl7nUBmAey8c/4T7QI/ilkFO8lA6J4vwAbypkx2gucMgAAAABJRU5ErkJggg==) center / cover;
}
.social-item:hover .login-panel[data-v-5ab3bb37] {
  visibility: visible;
}
.social-item > img[data-v-5ab3bb37] {
  width: 60%;
  height: 60%;
  object-fit: contain;
}
@keyframes shakeicon-5ab3bb37 {
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);
}
}
.login-panel[data-v-5ab3bb37] {
  position: absolute;
  top: 100%;
  padding-top: 0.6em;
  left: 0;
  min-width: 14.56em;
  transform: translate(-40%);
  visibility: hidden;
}
.login-panel > div[data-v-5ab3bb37] {
  background-clip: padding-box;
  box-sizing: border-box;
  padding: 0.36em;
  background-color: #f4faff;
  box-shadow: 0vw 0.3em 0vw 0.24em rgba(0, 0, 0, 0.1);
  border-radius: 0.6em;
  border: solid 0.24em rgba(38, 56, 85, 0.5);
}
.login-panel:hover .login-panel[data-v-5ab3bb37] {
  visibility: visible;
}
.login-panel .logged[data-v-5ab3bb37] {
  padding: 0.5em;
}
.login-panel .logged > div[data-v-5ab3bb37]:first-child {
  border-bottom: 4px solid #d1dbe7;
  padding-bottom: 8px;
}
.login-panel .logged div[data-v-5ab3bb37] {
  text-align: center;
  font-weight: bold;
  font-size: 1.32em;
  color: #3e557b;
}
.login-panel .login-item[data-v-5ab3bb37] {
  width: 100%;
  height: 2.2em;
  border-radius: 8px;
  color: #ecf7fd;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2em;
}
.login-panel .login-item[data-v-5ab3bb37]:first-child {
  margin-bottom: 4px;
}
.login-panel .login-in[data-v-5ab3bb37] {
  background-color: #3c6dc3;
}
.login-panel .web-shop[data-v-5ab3bb37] {
  background-color: #d99f52;
  color: #fffaa2;
}
.top-btn[data-v-5ab3bb37] {
  position: relative;
  height: 3em;
  display: flex;
  align-items: flex-start;
}
.top-btn .off[data-v-5ab3bb37] {
  position: absolute;
  left: -10%;
  top: -35%;
  height: 2.6em;
  transform: translate(-50%, -50%);
  animation: shakeicon-5ab3bb37 3s linear 0s infinite;
}
.bonus[data-v-5ab3bb37] {
  height: 3.45em;
  cursor: pointer;
}

.top[data-v-66db91a4] {
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 2;
  height: 60px;
  background-color: #223e60;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top[data-v-66db91a4] .social-main {
  font-size: 12px;
}
.logo[data-v-66db91a4] {
  margin-left: 30px;
  height: 52px;
}
.social[data-v-66db91a4] {
  margin-inline-end: 20px;
}

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

.social[data-v-49e26357] {
  z-index: 3;
  position: absolute;
  top: 48px;
  right: 128px;
}
.bonusImg[data-v-49e26357] {
  position: absolute;
  bottom: 20px;
  right: 40px;
  width: 191px;
  z-index: 3;
}
.logo[data-v-49e26357] {
  position: absolute;
  top: 47px;
  left: 108px;
  width: 83px;
  z-index: 3;
}
/* 侧边导航容器 */
.sidebar[data-v-49e26357] {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  display: flex;
  align-items: center;
}
/* 收起/展开箭头按钮 */
.toggle-btn[data-v-49e26357] {
  width: 32px;
  height: 64px;
  background: rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0 8px 8px 0;
  transition: all 0.25s;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.toggle-btn.active[data-v-49e26357] {
  left: 100%;
}
.toggle-btn .arrow[data-v-49e26357] {
  color: #fff;
  width: 52px;
  display: inline-block;
  transition: transform 0.3s;
}
/* 导航列表 */
.nav-list[data-v-49e26357] {
  list-style: none;
  border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAABICAYAAABFjf2bAAAACXBIWXMAAAsTAAALEwEAmpwYAAAD8klEQVR4nO2cTYgbVRzAf+/NTDLJJnGXsLtd3TYtFJXFD+wWvSlYpCD0UA+evArizZ562KMFj4Ifd/FSQaugR1uht9aupaUqiG53qbp2SzRNtvma5I2H2Slh6ZvNbrIh85IfBGbe/81782Nm3puZvDfixNsfC4YDf1AV2cBfg6psBzygCqwDK8AN4AqwDLT7WZHdz8J6xAEe2/o9DbzeEbsGXAW+An7ttSLZawED4jjwLnAR+AR4uZfC4iLdyWngPPAZcGwvBcRROuQ14DuCM2BXxFk6ZAn4HCh0u4F45tjJ6/u3P90jpBRC2kImUtJ2M7aTnrSdbD7hpHMOdNWrPgDOEjR2kQxN6+0r5fuq6atWU7Wq91v1f4Oe1EqkLTc/76anCynpuFZEERPARwS9wPmouqyZuaPv9G3P9wG/7fneZtGrbazWVNtrOxNTjpBW1KE/CdwmomuLzTXt+8qv3l2pFW/9UGyU/qnvkP0D4JAuGBvpENVqqNIfP96v3LlVxtfeuWaAc7pg7KRDqhu3a6WV5ZKv2jrzE2i6s9hKAzRK643y6vWoI74ELG5PjLU0QP2/9Xrlz5/LEVne254Qe2kITvWIxu1V4JXOBCOkAcprNyqq1VSa8JudK8ZIq1ZTPVj/bVMTPg0shCvGSAPU7q3VlFfXvXB4I1wwStr3FdV7azVN+MVwwShpgHrxTl3zuu04YIGB0u1mre1Vy54mvAgGSgN4lWJTE3oJTJWullqa0HNgqHSrXtFJHwVDpVWzobtJmQFDpX3l6Z5AMmCstNJJO4AwUnonxtKjwlh6VBhLjwpj6VFhLD0qjKVHhbH0qDCWHhWMlBZS6sakeIBvqLSjk94EQ4+0TCR1XhtgqLTtZnXj434HQ6Wd9KRO+iaYKp3NJzShK2CgtJVIWcF40keyDAZKu/mDrmYA7TW2pkUYJS2EFOnpQkoTvhouGCWdmi64ESOFL4QLxkhLOyEnHn8qowl/DfzyMO9gdmn/yRWez0rL0fl80blihHR65kgqOXnA1YQvApc7E2Iv7U7Nudn5hVxElg+3J8RaOjl5IJk7/EIu4h/n99nqmzsZmjkcuyU9cySVnV+IEr4EfPqoQOykpZ2UuUPPZpNTc7prGII5m0u6YGykhZAiNX3YnZh7MiNtbSsdchZY1QWHXtpKpCw3f7CbKUohZ4AvozIMjbQQEmHZsofJaFWCIxwpDGDPLp6a7XWHh4BLBNfwajeZY91lbXHu7vK3b9GlMAzR6b0Hvie48fhpdvHUrjaMo/Q3BHMpL++QT0tcpMPPA1yg42lprwyTdIugBf6b4EMQNwneaT1849EvbOCJfhbYAwP75Mf/Bnr9LKHXlKAAAAAASUVORK5CYII=) 24 24 24 0 fill / 24px 24px 24px 0 stretch;
  padding: 10px;
}
/* 单个导航项 */
.nav-item[data-v-49e26357] {
  display: flex;
  align-items: center;
  cursor: pointer;
  border-image-slice: 8 8 8 21 fill;
  border-image-width: 16% 8px 16% 37px;
  border-image-repeat: stretch;
  border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAAyCAYAAADvNNM8AAAACXBIWXMAAAsTAAALEwEAmpwYAAACZklEQVRogeXaO2sUURiH8V/GYESUaII3EBUb0UYhGrXSLohlvBT6AcRGv4S9jYU2VhYKRgsttBI7L4khhaiFGFOIETUSECPrpTi7uCxZk2yS92SzDwzLXph5/pydmXPeedv6L1y1QKzHLuzAJnRjDTrQvlAHmYEpfMUYhstbqfZH85XpwiH0Yss897UQdGBzeTuAcQzgRfWPGg29FcfQg7bGHRedjTiHB7iL38w99Fr0S6O7lMPW0ld+HWBuoXtwFqsX2iiIPrzD0GxCt+Mkji6iUBSnMTJT6A7pnNiz+D4hrEPP/0KvxEXsjLAJZF9R54t2nLf8AsP2eqFPYXekSSCd04XejyPRJoG014buxJkcJpHUhj6hee/Ds6Y69DZpvrrsqQ59XHNNLRumErobe3OKRFIJfVCLjDL/QvdmtQimkCoeS6EAEEYhlXhaikKqabUUhVTEaykKbMgtEU0h1b1aigKrcktEU289vawp8CO3RDQFJnNLRFPgU26JaAp8zC0RTSFV/VuKAq9zS0RTSM9zP+QWiaRyn36a1SKYSugn+JNTJJJK6M8YySkSSfU09J4WGe3q0O/xLJdIJLULjtv4nkMkktrQE7iRwSOU6ZaWz/E4WiSQUr319E28ijQJ5Fu90CVcwdtAmShG/1c5+YnLeBnjEsbwTOWiKWnEl8s5PoHB2dTIStIV/Zrmv53dQmkuHYODeCN1KzTjU86HUoY5V0MncR2XyjtolmnrI9ypvGm0C3hM+rt34bDUtrEUn3yOS2GHqj+cb7/3F9wvb13qN7mvmOdxZssv6WI1KjW4D5qmyf0vYX1XNPVnKIYAAAAASUVORK5CYII=);
  margin: 4px 0;
}
.nav-item .nav-icon[data-v-49e26357] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(data:image/png;base64,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) center / cover;
  margin-inline-end: 17px;
}
.nav-item .nav-icon img[data-v-49e26357] {
  width: 32px;
  object-fit: contain;
  height: 32px;
}
.nav-item .nav-label[data-v-49e26357] {
  color: #ddedff;
  margin-top: 6px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 20px;
  font-weight: bold;
  white-space: nowrap;
  transition: color 0.2s;
}
.nav-item.active[data-v-49e26357] {
  border-image-source: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAAA6CAYAAADm+ZQ9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAEk0lEQVRoge2bzWscZRzHPzPZXXeTbLOmaWPb0aYKjh4EkSoe0qP05EE8KEhLPQpWQdCiKFbsoXoQfAFBEGt78iAKCv4BzUFsReltBEvBSbpJmrjZ7eZl38bDk1mfnZlNNruzM7Mvn9t8n9mZ33zzvPwy8/yUa4sVusSDwAngSeBhYAaYAsaBeLdu6qAI/AP8CVwF5oAbu/1I8dGUOPAiMAucBI76dWGf+Q34Cvi62Ql+mPIE8DxwCri/04sFyPfAK8Cys6FuimHu7Yq6xiPAy8BbHYcXHibwjmFyBUDXhBhr50q6xjngQ3aYGypVWN+CzRKUKlCuQLUGNQssq5277h1VgdgIJBMwnoLxJChKwykacFnXwDYG9thTdI0Z4DPgWa/2chXyRchvQKnc7qN0j0QMpiYgnXI1mcBxYBFAbfWCusYZxMztMmSrDAsrcPM23MlH0xAQPXZhBZbXXE0a8KV90JIpusa7wDdAWtarNciuwq1FKGx0FnCQrBY8jXkOeBVaMEXX+AgxfzRQ2ICbWVhb9yHKEFgteP4hT8EuE62ucR7H6mJZsJSDXNG/AMNiKeeafJ8CjjftKdtzyPuyVrNgfqU/DAGxQnr0lllPU3SNo8CnslazwFyG4mZ3AgyLu25TTjTrKZ8D++wDy4L5O7BR6lJkIbLpfib38NlOzBqW3aWcSMT6kUrNJR1qMEXXeAy4KGuF9f6ZQ7zwyK7jzp5yRj6oVCGb615AUaVuiq7xNPCG3Li8BjV39+p75J7SMI9sliDfo4lZp9imjOEYOiuFwGOJDLYpLwCHbbFc8Vy/BwbblFlZ7NX/Z/zCNuWkLBaGpqDjGDqlrr3g7w1UxGeIOv2aue4FFXhcFrYi+tYsSOzhU2fQhw4IU47JwtAUYcqkLAxiWu9ERXzbrVML6JtMlGn5E8cgoQJ3GwSlyZkDhArkGoRh30EF/paFRFtfl/sLFfhLFuJDU1CBP2QhGdQeowijIrY91UndE1IkEUIFDCBrC4nYcF6x15pfZDE9GkIkEcI2ZU4WJ4amAPAdsGCL8ZjYDjWo2KYUgUtyw/6069yBQc5ff5IbkgnYN6DDqG6KYfIr8InceGBiMNN+5yN/Kx/ERuC+THDBRIUGUwyTG8DbspYehcxYoDEFiuJ+K1B2DQ7D5CLws6wdzMBon2a6Mff0cLvZjHEWqH9NVhQ4MgWpRJciC5Gk+5mue5pimNwCXpM1VQHtAIwluxJbaHjkY1ebri2GySXgA1lTFTiyv3/mmNiI55b0uR0XXMPkPPCxrCkKTN8Lhyd7f7k+mHFNtNdoNnxkDJNzwHtOPT0Kx6Z7N8GbTHv2ksvQ4tt8w+QCoranYStPbAQOTcLMtOcNIktmXCSmDn4EvgC/S1sqYktYfj2aXxp3KG2ZR5S2ZKHNyrDtvbYX2GFvf1kqgiqHVASl2EVQcbHKpFOeyRrAacPkil0Z1km53KOIIfVm+2GHzr/A685yOT8LK08jiol6hR8QuZirO/hdgvsSYv/cM8ADfl3YZwIpwW3GQ3gXa48RXLF2GfFG8Xf+L9a+vtuP/gNT00FXb3Q9XgAAAABJRU5ErkJggg==);
  border-image-slice: 12 12 12 26 fill;
  border-image-width: 21% 12px 21% 26px;
}
.nav-item.active .nav-label[data-v-49e26357] {
  color: #3e557b;
  font-weight: bold;
}
/* 展开/收起动画 */
.nav-slide-enter-active[data-v-49e26357],
.nav-slide-leave-active[data-v-49e26357] {
  transition: opacity 0.25s, transform 0.25s;
}
.nav-slide-enter-from[data-v-49e26357],
.nav-slide-leave-to[data-v-49e26357] {
  opacity: 0;
  transform: translateX(-100%);
}
.scroll[data-v-49e26357] {
  bottom: 39px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 3;
  margin: auto;
  animation: 3s infinite linear bounceAlpha;
}

.community-page[data-v-3d37a0cd] {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-image: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/policewar/police-official/assets/bg.55de4237.jpg);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.title[data-v-3d37a0cd] {
  position: relative;
  margin: 1vw 0 0.8vw 0;
  font-family: Saira-Black, sans-serif;
  font-size: 3.75vw;
  line-height: 1;
  background: linear-gradient(0deg, #e5f2fd 0%, #c9dff9 100%);
  background-size: 100% 1em;
  background-repeat: repeat-y;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  -webkit-text-stroke: 0.06vw #336ab4;
  filter: drop-shadow(0vw 0.3vw 0.1vw #336ab4) drop-shadow(0 0.1vw 0.02vw #000);
  pointer-events: none;
}
.community-wrap[data-v-3d37a0cd] {
  margin-left: 11vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.content[data-v-3d37a0cd] {
  position: relative;
  width: 35vw;
  height: 37vw;
  padding: 4vw 3vw 3vw;
  box-sizing: border-box;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/policewar/police-official/assets/content_bg.1ba629ef.png) center / cover;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.content.enterAnime[data-v-3d37a0cd] {
  animation: 0.8s ease-in-out fadeInLeft-3d37a0cd;
}
.comContent[data-v-3d37a0cd] {
  width: 100%;
  max-height: 100%;
  overflow: auto;
}
.comContent[data-v-3d37a0cd] iframe {
  border-radius: 0.5vw;
}
.social-btn[data-v-3d37a0cd] {
  width: 15vw;
  height: 7vw;
  object-fit: contain;
  cursor: pointer;
}
.point[data-v-3d37a0cd] {
  width: 17.86vw;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0.5vw;
}
@keyframes fadeInLeft-3d37a0cd {
0% {
    opacity: 0;
    transform: translate3d(50px, 0, 0);
}
100% {
    opacity: 1;
    transform: none;
}
}

.first-page[data-v-68f17a5c] {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/policewar/police-official/assets/mask.1c763483.png) bottom / 100% 100%, url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/policewar/police-official/assets/bg.637adc14.jpg) center / cover;
}
.content[data-v-68f17a5c] {
  position: absolute;
  bottom: 6.9vw;
  left: 5.5vw;
}
.title[data-v-68f17a5c] {
  position: relative;
  font-family: Saira-Black, sans-serif;
  font-size: 5.4vw;
  max-width: 45.83vw;
  margin-bottom: 1.2vw;
  background: linear-gradient(0deg, #f0fafe 0%, #a6d4ff 100%);
  background-size: 100% 1em;
  background-repeat: repeat-y;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  -webkit-text-stroke: 0.11vw #366196;
  filter: drop-shadow(0 0.1vw 0 #366196) drop-shadow(0 0.15vw 0.07vw #000);
  line-height: 1;
}
.desc[data-v-68f17a5c] {
  font-size: 1.75vw;
  color: #ddedff;
  margin-bottom: 1.46vw;
  font-family: HeadingNowTrial, sans-serif;
}
.btn-download > img[data-v-68f17a5c] {
  height: 84px;
  cursor: pointer;
  margin-inline-end: 25px;
}

.head-page[data-v-98b17e4c] {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-image: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/policewar/police-official/assets/bg.f441ac37.jpg);
  display: flex;
  align-items: center;
  justify-content: center;
}
.left-info[data-v-98b17e4c] {
  margin-inline-end: 60px;
}
.title[data-v-98b17e4c] {
  position: relative;
  margin-bottom: 0.9vw;
  font-family: Saira-Black, sans-serif;
  font-size: 3.7vw;
  line-height: 1;
  background: linear-gradient(0deg, #e5f2fd 0%, #c9dff9 100%);
  background-size: 100% 1em;
  background-repeat: repeat-y;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  -webkit-text-stroke: 0.06vw #336ab4;
  filter: drop-shadow(0vw 0.15vw 0 #336ab4) drop-shadow(0 0.1vw 0.05vw #000);
}
.sub-title[data-v-98b17e4c] {
  display: flex;
  align-items: center;
  font-size: 2vw;
  color: #84d6ff;
  margin-bottom: 0.5vw;
}
.sub-title .point[data-v-98b17e4c] {
  margin-inline-end: 0.42vw;
  width: 0.94vw;
  mask-size: contain;
  height: 0.89vw;
  background-color: #84d6ff;
  -webkit-mask-image: url(data:image/png;base64,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UmVhZHlxyWU8AAADJGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgwOTVDOTU3NEMyMjExRjA5NjVERUVDMUFCNTIyREM2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgwOTVDOTU4NEMyMjExRjA5NjVERUVDMUFCNTIyREM2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODA5NUM5NTU0QzIyMTFGMDk2NURFRUMxQUI1MjJEQzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODA5NUM5NTY0QzIyMTFGMDk2NURFRUMxQUI1MjJEQzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7PI7drAAAAv0lEQVR42qTUMQ6CMBQG4NYR3d0dTRh1c/FcXsAbyEFcOQWzs7M1JpqQx/+SNiq8V6D9k580pP2GtmCJyESyQY9+XKM3dSZDQi16Rlv6pvXvrLRGQyrSc5GwuUhI1cdSEBFLRQZYgE6UHl5rWFvh8O7o0qTlha4XeGwzEE7BBkMPkx8X9qjJ2KPmd7P3qEtAnuiuf48OMzHn14g3eyr2h2jf2hg2QDQoholIDOKW6BV9ox8/LrX5duTHNjmdAAMACcZOZFkU2yYAAAAASUVORK5CYII=);
  mask-image: url(data:image/png;base64,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UmVhZHlxyWU8AAADJGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgwOTVDOTU3NEMyMjExRjA5NjVERUVDMUFCNTIyREM2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgwOTVDOTU4NEMyMjExRjA5NjVERUVDMUFCNTIyREM2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODA5NUM5NTU0QzIyMTFGMDk2NURFRUMxQUI1MjJEQzYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODA5NUM5NTY0QzIyMTFGMDk2NURFRUMxQUI1MjJEQzYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7PI7drAAAAv0lEQVR42qTUMQ6CMBQG4NYR3d0dTRh1c/FcXsAbyEFcOQWzs7M1JpqQx/+SNiq8V6D9k580pP2GtmCJyESyQY9+XKM3dSZDQi16Rlv6pvXvrLRGQyrSc5GwuUhI1cdSEBFLRQZYgE6UHl5rWFvh8O7o0qTlha4XeGwzEE7BBkMPkx8X9qjJ2KPmd7P3qEtAnuiuf48OMzHn14g3eyr2h2jf2hg2QDQoholIDOKW6BV9ox8/LrX5duTHNjmdAAMACcZOZFkU2yYAAAAASUVORK5CYII=);
}
.desc[data-v-98b17e4c] {
  white-space: pre-line;
  font-family: HeadingNowTrial, sans-serif;
  width: 31vw;
  padding: 1vw 1.5vw;
  box-sizing: border-box;
  height: 30vw;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 1vw;
  font-size: 1.15vw;
  overflow: auto;
  color: #ddedff;
}
.desc > div[data-v-98b17e4c] {
  font-size: 1vw;
}
.right-area > img[data-v-98b17e4c] {
  width: 47.5vw;
  height: 35vw;
  object-fit: contain;
}

.hero-page[data-v-6e4d98df] {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/policewar/police-official/assets/bg_r.dbf3a54e.jpg) center / cover;
  display: flex;
  align-items: center;
  background-repeat: no-repeat;
  transition: background-image 0.4s ease-in-out;
  justify-content: center;
}
.hero-page.sr[data-v-6e4d98df] {
  background-image: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/policewar/police-official/assets/bg_sr.30188acd.jpg);
}
.hero-page.sr .mask[data-v-6e4d98df] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAIMCAYAAAD1k4zSAAAACXBIWXMAAAsTAAALEwEAmpwYAAADyklEQVR4nO2cS5LbMAxEW4oOnvPlEHMUI4uxZY2z5OtUoyDsuOkC8QcIafvz+2sTSDsJZgE8CgbMv3I+4CFYKwYOJdRTbjtcJ1yGuJbzPSXfDvOVMhDwkCo7HvKeonF2ODHAOq4scdcuh2GziC8tY5q25ZRgDl2uF3xlFcthvgzzXS9fhvnB4ShTKTJKht8F56ArG3LKAw9fEghY8UrZjoIBba3ZrvXkskkqUoabPFfmKodN0oZfmTQbD4fRrtdEhrgdWtoKXIavAwFoMBsDIFaK2DikXS/esJUvww52+DoQgI4UEJ/o8wEbpNF8wNIursbeO1z5fSAA0Y6+i9nwrtchHrKeMtBsLgcG0GGHu6Rfkh4M4JvDVS5xwF0fMozj8B/XW6VdH0mK4ZCXYVW+UjaRSkm3QzlkWKxhX9qKSBkaACs+OFzaW0yG5wEAlMH1HvlKwe0Q9mXFX7kBYJ1PSKtkUYohpzjS6DTDNpRz+UqBk1S90Yl+OTva7NK3L1MjAls516StCAZM71PQUdUzONQbfRGwjwxRT2mS6PEuIFopHaLN9UAB0nbIKsW6VYX4snWbJdNTrHsOqfEQXnfGr9zCDtOvLIMdooS/BTSQ4fWAAJbx+5RQpZSh+lpn60I9hmkoOSacy0z9IEt9uMzVlfKLdkdephufeLPBo82zttkFrXZY0uiJvohl0jJdH9o+GiI4PNdjUGrgKfhrBWw2vt+ABBv23d4uU/6oytEFhF+5QTzskPXoiG2oD0/0Rawe3ejEQdDAiN3D9YZVXx1+Bhiflx1vUutsXahHxIYB86/coFii60O4X84PsC1+E1cSGr5Wp4YflB9g8+2wxd9W4UWyBrVNfrQxLNaus3WhBn3KwzB2hgHTo81Q12MBFV9wxr+AW9pbFrDDDDZcyz3aW4m98ri87GhvUZqY9eDe0WE2fHs7zPUckyUUzrHakd/4DKy+Kn3s3KD6ih+M49VXj6Hupudm3iKWxw4H+nKLFAAD8h+iwtXXrDS6q0dO4bsA+sP8mb5MA+KJfpmpHzSvNfMshaI0dMWIBcwPX0rvAvAk1SAvix4ETTRsw/wwO3zNM+wm+zYoYIu3gHmeQme9+HFfg2jToCSe+AUNDBifpDp4SvqT+sQ3+gbhCy6y87cIHNVXeH1oC1+DXA9vKxrkFMWn0fhSJH/cN7CTahFgw18r8ocY+QVnfm2TD3iUqYKV1rUsqYMM80sR2/d6EqPlBnObiVoW68tbjySFAjZQSnxrlg9oWcZ70R1gb8Ab8Aa8AW/AG/AG/M+AfwEbHTMm7CIKNwAAAABJRU5ErkJggg==);
}
.hero-page.sr .panel-title[data-v-6e4d98df] {
  background-image: linear-gradient(0deg, #ffffff 0%, #c9dffa 100%);
  -webkit-text-stroke: 0.1vw #4e226c;
  filter: drop-shadow(0vw 0.15vw 0 #4e226c) drop-shadow(0 0.1vw 0.1vw rgba(0, 0, 0, 0.5));
}
.hero-page.sr .name[data-v-6e4d98df] {
  -webkit-text-stroke: 0.1vw #5b308d;
}
.hero-page.ssr[data-v-6e4d98df] {
  background-image: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/policewar/police-official/assets/bg_ssr.257b8e0f.jpg);
}
.hero-page.ssr .mask[data-v-6e4d98df] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAIMCAYAAAD1k4zSAAAACXBIWXMAAAsTAAALEwEAmpwYAAADuElEQVR4nO2dSa7kMAxD6SB37TP2qfoGcS9SyR+2fgQoyNoUvCEsa6I8pMa/v3+GQDlIMAvgOWHAAipLrNInjFdiDafQSMGNkh8p+W5zSrSVZ7iV8wFxozhmeLGAsNf0NAq8iOcsoDILmO82+dzm/PxSas98tzmn5hBoaRudy52hhc6hKvMJVvAMDWuY7jan4NCz5EN2hnyfwkcKBfUA6kr3QzhSCiQHPPQKOPYtGLdxRApqlEGv4YhPsAaVDTtLc+iO6VXsIWmSKg/Ba/gB5BLsDZicbR6VsarnMorByqg4VJ7PgABE+xRTpCjfbWhAsKMfkkY04bStYfoM8xOsIzk8AwLQkmD5jL0T7CLgnDrEEc7DYJT4MlogH34NCMC3T8lWGXcbOlLi/bCfladoKxtqyjMgAN9Cf2j99P/QXVNe9rU6y1flxyircuhX6GEzZAG/HdCEzvBzggsahVZ5xltZX6G3Knfo4Wsog9vAgBNODmXcBl1DPPTojM3XlHcAAIr3Q/VzG9EznHiRil9DR/rKX8N3AADKUKQMKocbpUAZLVD1sOPgDz+ssIbvAABUgTLq6PWoTQwbFYETbIV+OT30lK/ytwEAKIfb8H1Kw7qMCj5D23OS4ORguFVVgGOjgodeAT+kE6xF5Rd9EetTUxZRfouj0HteFCbHMvuwtWVNoR/zFiCchlhm+aH1eV3oDOMbnx3LS2Jz7PeCN1Po4/sU61OIUI6teD+s0JrF7znwdO4aQi9BrU/qhxQIvXzmwPth/IdK8o1iyIe+7zlkug2+iZHvh/nMoUAJKPN5ruC9r350zvo5mtQZ0oC02+RnbENyuOJnmL/T3q4LaJy+gvlhPz90xHL4R3oLbAT1ZF8soPp1Uo70xQLSN9MKlACl+6EhluMp8Y7ldUClO7b1+4eZKjdsKwpcxusXy/n8ML+tcGxVhW8EVSj0mx+uSn5NKbCG8Sc+lj8GylZ5bwStyy7067IJ57qcE45ly13i7DXMTw4d2Ve/Q658ftiwrTBcS2h5oRGV/Osx+SrnW7lh81iHihxaN8rznSV+uw8VS7ZhATe3WQcsccsUlW3lJTFZ+YKzQwUrpxsl37Hzt+4brmH+pi5ORfKtjBPOAi+54k8rSrhN+N05BxVhpYbbhFe9lhmb1bnCuV56cihwobEhP9xXO5alQj5MP4YrYZTwLsDWVkjrVpZ6thX5gA+DlSArF1C5XyeFx3K+lSvUZTrB5jt2/mZavJXzI2UDbsANuAE34AbcgDmA/wEPRj/7TDs0wwAAAABJRU5ErkJggg==);
}
.hero-page.ssr .panel-title[data-v-6e4d98df] {
  background-image: linear-gradient(0deg, #ffffff 0%, #c9dffa 100%);
  -webkit-text-stroke: 0.1vw #80462a;
  filter: drop-shadow(0vw 0.15vw 0 #80462a) drop-shadow(0 0.1vw 0.1vw rgba(0, 0, 0, 0.5));
}
.hero-page.ssr .name[data-v-6e4d98df] {
  -webkit-text-stroke: 0.1vw #a65906;
}
/* ── 左侧立绘区域 ── */
.hero-figure-area[data-v-6e4d98df] {
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  pointer-events: none;
  width: 55%;
}
.hero-figure-area .hero-figure[data-v-6e4d98df] {
  position: absolute;
  bottom: -13%;
  /* 宽高按实际立绘资源调整 */
  height: 110%;
  right: 32%;
  min-width: 55%;
  object-fit: contain;
}
.hero-figure-area .hero-desc[data-v-6e4d98df] {
  z-index: 3;
  position: absolute;
  bottom: 6vw;
  left: 8vw;
  box-sizing: border-box;
  width: 37vw;
  min-height: 14vw;
  max-height: 18vw;
  font-family: HeadingNowTrial, sans-serif;
  line-height: 1.3;
  border-radius: 1vw;
  padding: 1.21vw 1.41vw;
  background: rgba(0, 0, 0, 0.3);
  font-size: 1.25vw;
  color: #ddedff;
  white-space: pre-line;
}
.mask[data-v-6e4d98df] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAIMCAYAAAD1k4zSAAAACXBIWXMAAAsTAAALEwEAmpwYAAADfElEQVR4nO2dQXLlMAhEWy7f/wJzjzlCjiXN4tvOT7IbHlVNBJuUN11ANwjzbWd8/P0zBNqpRcJJJ4ynA8bTuYSmsETINMtyz+G5YJpLsGxPCg0omOUK3ca9YzcpBCCLp1Nwy8ZDTmF5v5BpQP4YdS+96y/l5ipwjK5XuBgzCfPhgj2sMM6xIft7WEHYCQe9ew4L6HC4e4izbK9D+QubJwU+9ZSUQ3C2Mdfh4AHdj4BBd+zBD+16eXdI4WwOXTqkQh6CZZME6KzDK2R7UpQQMmr3EgPN4X1BAD7rPmOW99Rhimww4z0UnsMKpJjncHK3Zlntaz+W9yy9Q9zAeRQIefqznHRIcc0hY2g3l80SXSkVQt6OZft+OD8vCMBn4DwkzSDgoW/9MOrlj9KL2qFvpYd5aA6IhzxpUvxDzmKZymEOy/6ktA6jHuLCXvakvF0AgDonHbL8z5Rp7yHeHOhalpZ5x8ZrWQnCfi4AQPEeTl429g22T72AfakU4m70NR8msAy3r/cLAFAJ/dC+UsStqvKmL7jB0qOIdpQNXMv+Q/uGhxQOuOAjgH/KVHDIvIcz4Rg1D1m4sBNqGbWMWmZ9TBmJ/XX4oAexrjMFJyVhqYtairDNZVNB2O45LPBrhXuDTSCFX+qa5zBlFEEt47bCnJSUbvOgB7FeB729sGsM7aidy//U82fZ/W40bYIFH4KCXawwzu0nbP+vJWg7UvxzmLJZetCDWNcSA35hr4IO/T2c5pWSsBj3J2W79uXvId6+/ENO/TaLJyn+OfSXTZMStxqkPOhBrCGV+EKj3HW44zgnf1K6H0atwJbYfpnmT0qXXtwqDO0Je2wacDuWVaHB0oDN8v9bIZYl5/uUCixP891XgRwOWthZ/0yEDJk1vDkUkE2BkCs8tooC+ssmw0N2aveXjb8O/WVTIIejdQgA7pdDeCTeMoetw6j1hjNuBebD4U7KqcXOh/5vZe6oQ/nrsFdVASuyc/AHvG9vD8VJuT+Ba07KSSNu+P6yP6D/w8kbAvadVNz6Ae+4+Qt7Q1IK3Jol/FBoT4q7sP0B+zkHQ8AuvR0AU74UGnfrzfxz6A+YsVkyH0X8AfmPDnXp+QH2UtcQEP+QXYWQt5PNXXpSnGWpBMv+jwumTbBSs/x7Ae9ffKRm2QbQv8H6v6LYLMetARuwARuwARuwAX8x4D+vUlHPgaCF/AAAAABJRU5ErkJggg==) center bottom / 100% 50%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  z-index: 2;
}
.info-wrap[data-v-6e4d98df] {
  z-index: 1;
  position: absolute;
  top: 9vw;
  left: 9vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.quality-img[data-v-6e4d98df] {
  height: 3vw;
  width: auto;
  margin-bottom: 0.8vw;
}
.name-img[data-v-6e4d98df] {
  height: 2.3vw;
  margin-bottom: 1vw;
}
.name[data-v-6e4d98df] {
  white-space: pre-line;
  font-family: Saira-Black, sans-serif;
  font-size: 3.23vw;
  line-height: 1;
  color: #ffffff;
  text-shadow: 0 0.07vw 0.11vw rgba(26, 26, 26, 0.65);
  -webkit-text-stroke: 0.1vw #103f7e;
  margin-bottom: 1vw;
}
.variety-list[data-v-6e4d98df] {
  display: flex;
}
.variety-list > img[data-v-6e4d98df] {
  width: 4vw;
  height: 4vw;
  object-fit: contain;
}
/* 立绘切换动画 */
.hero-switch-enter-active[data-v-6e4d98df],
.hero-switch-leave-active[data-v-6e4d98df] {
  transition: all 0.4s ease;
  z-index: 1;
}
.hero-switch-enter-from[data-v-6e4d98df] {
  opacity: 0;
  transform: translateX(30px);
}
.hero-switch-leave-to[data-v-6e4d98df] {
  opacity: 0;
  transform: translateX(-30px);
}
/* 信息切换动画 */
.info-switch-enter-active[data-v-6e4d98df],
.info-switch-leave-active[data-v-6e4d98df] {
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.info-switch-enter-from[data-v-6e4d98df] {
  opacity: 0;
  transform: translateY(-30px);
}
.info-switch-leave-to[data-v-6e4d98df] {
  opacity: 0;
  transform: translateY(0);
}
/* ── 右侧面板 ── */
.hero-panel[data-v-6e4d98df] {
  width: 41vw;
  padding-top: 4vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 3;
  box-sizing: border-box;
}
.panel-icon[data-v-6e4d98df] {
  height: 2.8vw;
  margin-inline-end: 0.3vw;
}
.title-wrap[data-v-6e4d98df] {
  display: flex;
  align-items: flex-end;
}
.panel-title[data-v-6e4d98df] {
  text-align: center;
  font-family: Saira-Black, sans-serif;
  font-size: 3.13vw;
  line-height: 1;
  background: linear-gradient(0deg, #e5f2fd 0%, #c9dff9 100%);
  background-size: 100% 1em;
  background-repeat: repeat-y;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  -webkit-text-stroke: 0.1vw #2d588d;
  filter: drop-shadow(0vw 0.15vw 0 #2d588d) drop-shadow(0 0.1vw 0.1vw rgba(0, 0, 0, 0.5));
}
.panel-desc[data-v-6e4d98df] {
  margin-top: 0.6vw;
  font-size: 1.2vw;
  color: #ffffff;
  font-family: HeadingNowTrial, sans-serif;
}
/* ── 分类行 ── */
.category-row[data-v-6e4d98df] {
  display: flex;
  flex-direction: row;
  gap: 0;
  margin-top: 1vw;
}
.category-btn[data-v-6e4d98df] {
  min-width: 6.25vw;
  height: 2.1vw;
  margin-right: 0.63vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  border-style: solid;
  border-width: 0.5vw;
  border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAlCAYAAADIgFBEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAD8ElEQVRYhe2Yz2/bVBzAP3HSZCkkaze16lLWCdAkhHrhilT+AsSBQ5FASBWCHTmgigMHkLhwqXbkUIRUcYJKiIoL2mAIMdQeBoeKdhvdD6mjWdskS53Edmy/9/w4NB5uuzSJmqYc+EhPsp+/fu/j52c/fx3L5XJMTs/RglHgZeACEG8VHKEMLAN/AOqwwPmZKRItGnsN+LAhEutAYj9bwCxwGag0C2omMwB8CbwOIKXCdV2klB0ZGIZBKpUklUqNAB8D7wJvAb+0KzME/AyM27aDaVZwXbcjif3E43Gy2QwDA6dzhmFcBd4GvmklEwe+DYJgvFAoYdv2kSRClFLs7JjUajWGh4f70ulTXwH3gN+jcUZ0R2v9nlJqIp/f7JpIFCkVm5tbWJad1FrPsm8eRmVSaP3p1lYB3/e7LhKitaZQKOL7/kvCr7/5RJlSfu2NmmUPHXV+tCtULD5CB8E7B2TmZ6bSqf6BV8vlnWMXCfE8D0/oie8/f/+5PTLAOV/xglKHvpe6jm3bfcMXXrw4PzPVF8oYwKDni9GemgCOUyd79pkzwJlQ5jSAUkGq1zJaawKjLwtkQ5mnAZRUrZaG4xEiHsrEDCC1W3mktacbJAyg74QlQhIGJz8ijzFah/SO/2Wa8d+U0VrrkxSBPTJBcBICSglxQEZKcfzfDvvQWlPe3igckHHrTrHXMkJ4+J5dj8poANsq/xn0+E55nivs7b8eRmUUgFvZ/tVxaj0TkVLgWOaS8uth/qMNwAUw7y/dcOp2WYjj+/79F41lVfCt4pVIpWcAFoD0LN+3il9Uazso1Vmy1qlItVbB95y14s2rPzYqqzRG5nG6Wbp55Tvpu8um+Qjf97quEQQBZqWM59WFXbjzmQ5kOElrAPFMJqOBfuCUVjIQdfN6+uzYK57vDSgpiccTGEYnuf5BtA6ouzbVmolSUrg7G5+Ubl9bioSsAyqeyWQAPHbTWmTddIVVupIePH8xgPOu6+B5dYQUSCmQSiCk37L4wsP3XJy6jWVVEcIHrcpWYe2D0q2ffouIlCan58qriwvEM5kMk9NzYnVxIdkYIaRb9aobyz8kM0N3E8n+UU1sSCm525Fov0gpCAIFOqhKt/p16da1j2oPV9YjIs7k9NxdgNXFBWK5XI6xiUsAPLg++zy7fyD2kBkdH00Pjo0byfSIYSSybd2aQLlBIE1hl+9U1m+sRB7hEAXcHpu45Db6PpD43weeBQajlbX8Sr6WX8m3I9EmLnAvFAmJ5XK5JwWfA4Zp/v/mKJjAA0DsP9Css02gBIywm8r0d0Gi0mjTbBZw2JUL4O/Gdgp4Cki2OCeKahQHsGmsgYfxD1OaK9LGt1B/AAAAAElFTkSuQmCC) 10 fill stretch;
  box-sizing: border-box;
  padding-bottom: 0.2vw;
}
.category-btn .cate-icon[data-v-6e4d98df] {
  width: 1vw;
  height: 1vw;
  mask-size: contain;
  margin-inline-end: 0.4vw;
  mask-position: center;
  background-color: #edf4ff;
  mask-repeat: no-repeat;
}
.category-btn .category-text[data-v-6e4d98df] {
  font-size: 0.8vw;
  font-weight: bold;
  color: #edf4ff;
}
.category-btn.active[data-v-6e4d98df] {
  /* 选中态：替换 border-image 和文字色 */
  border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAlCAYAAADIgFBEAAAACXBIWXMAAAsTAAALEwEAmpwYAAADxElEQVRYhe3YXWhbZRzH8e958tZg0m5tqCyn4AIVZIhjFzrZZBNkirtQ8U5hIKiVgagX4o0OLPiCF1IYerOhTkErUp0WHGzOCxVxCloZs8hcV1abtHRJ2qY5OS8553m8aBLSNmmiXdJe+INzk/N/zvlwnjzneZ6jxeNxJpNJGqQb2AfcCgQbFVdlCRgHLgDWeoUJXcff4GJ7gZeBB6Fh7XrJAR8DbwJ/1yuqd4MA8BbwPCCUgqKnkFKhVPMCTQOf0PD7tU4NjgJHgGeBD5vFBIHTwGHXU5i2xHFl84I6qFBAEA6KiBDaKWAnMLi6TtRoexw4bFgei4a7YQiAUmA5kgXDxS5KgFeBxxth9gHPLBVcLGfjiFqovOlh2hKl1HGgqy7GNM0hw/Jw3H/xx/gPKdgejqt6jHz+lZqYL0ZG7ggEO+5sxROpFcPyCARDT9y7f39oDaa/v/+RguVpbZGw3GWuErEnBwYOrsAkdF2PdG7bVfRa2z2rYzsKva9vd0LXOysYIBIMR29rqwSQSnFTtFsHYmVMBxBB+CLtxgD4guFeYDugCSACoJQIrduqRdGEr/ziDQmgjPBtBqYqYcHyPLQVoglqTwmbki0Dgf8x9bM1MUqp9syQ66SC8Tzpbgag+r4VTMG0c5uByWQXrq/BzM5lr7Yb4nmSqalUZZ8kAAmQSqXGTbu9PZUzHK5c/mOyGuMBfHdu9MfMgtk2iCcV6Ww+e/qTk2WMEpR2et+e+Xw2k134PZe324JJzxeYSU2Pem5lwW0JIF8u+PmH8+/OzRcoWMWWQjKLJvM5M/f+O298VPWzJQATMABODA2Opedmv0pdz7PYgieklGI2Y5BdtPjz0m9vXxr7pTyCFwDli0ajUF7tARe+/+anA4ceur0ofX2m5eL3CwL+jS11lFIsGQ4zGQPLdpm+NnHi2HNHPq0qmQZsLR6PA2jArhKK7lhvYHDo1Iux3h2PAprPJwiH/AT8AiE0mtlCKAWelDhFiWW7SKVQStrjF399/bWXBs5UlS5OJpNXErqOVv4kktD1GHBL9QWffuHY7rvuue+pSLRrLxuYx5SSVjY9d+7L4fdOnv96ZKbqlATGJ5NJu4IZPjsGwGMP7NkJ9Ky+2N0HDnUfvP/hPV3bu+OhjnBUQ2vYb1JKx7bMpdnk1MToZx9cvHb1cq33xl/DZ8dypXuvxKwHusGRwEQZsgJTIz3AzUC4BZAcMAWsGa71PhZlSscOoJPSSLsBiHkgXa+g0aexmdIRKIGCpTbNDCjJ8lRjsvxibbhe+gdkLotcCQf2jgAAAABJRU5ErkJggg==) 10 fill stretch;
}
.category-btn.active .cate-icon[data-v-6e4d98df] {
  background-color: #3e557b;
  /* 你想要的颜色 */
}
.category-btn.active .category-text[data-v-6e4d98df] {
  color: #3e557b;
}
/* ── 英雄列表 ── */
.hero-list[data-v-6e4d98df] {
  width: 29vw;
  height: 30vw;
  margin-top: 1vw;
  padding: 0.3vw;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 1vw;
  overflow-y: auto;
  overflow-x: hidden;
}
.hero-list[data-v-6e4d98df]::-webkit-scrollbar {
  width: 4px;
}
.hero-list[data-v-6e4d98df]::-webkit-scrollbar-thumb {
  background: #90d1ff;
  border-radius: 2px;
}
.hero-item[data-v-6e4d98df] {
  width: 6.25vw;
  height: 10.5vw;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  overflow: hidden;
  border-radius: 10px;
}
.hero-item.r[data-v-6e4d98df] {
  box-shadow: 0px 4px 2px 2px rgba(0, 0, 0, 0.25), inset 0px 3px 2px 0px #90d8ff, inset 0px -5px 2px 0px #105fa9, inset 0px -7px 2px 0px #2586c8;
  background-image: linear-gradient(0deg, #0081cb 1%, #3178b0 35%, #51b6e8 100%);
}
.hero-item.sr[data-v-6e4d98df] {
  box-shadow: 0px 4px 2px 2px rgba(0, 0, 0, 0.25), inset 0px 3px 2px 0px #e2b0ff, inset 0px -5px 2px 0px #84439f, inset 0px -7px 2px 0px #9e65d6;
  background-image: linear-gradient(0deg, #9d61d3 0%, #7e56af 35%, #be80e8 100%);
}
.hero-item.ssr[data-v-6e4d98df] {
  background-image: linear-gradient(0deg, #ee7d31 0%, #d66324 35%, #fabd61 100%);
  box-shadow: 0px 4px 2px 2px rgba(0, 0, 0, 0.25), inset 0px 3px 2px 0px #ffd88c, inset 0px -5px 2px 0px #c55c15, inset 0px -7px 2px 0px #e67e2e;
}
.hero-item.selected[data-v-6e4d98df] {
  /* 选中英雄高亮样式 */
  outline: 0.3vw solid #ffec48 /* 选中描边色 */;
  background-clip: content-box;
}
.hero-item .hero-avatar[data-v-6e4d98df] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.info-page[data-v-6e08b8cf] {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-image: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/policewar/police-official/assets/bg.7ba2e688.jpg);
}
.page-title[data-v-6e08b8cf] {
  position: absolute;
  top: 9vw;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-family: Saira-Black, sans-serif;
  font-size: 3.75vw;
  line-height: 1;
  background: linear-gradient(0deg, #e5f2fd 0%, #c9dff9 100%);
  background-size: 100% 1em;
  background-repeat: repeat-y;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  -webkit-text-stroke: 0.06vw #336ab4;
  filter: drop-shadow(0vw 0.15vw 0 #336ab4) drop-shadow(0 0.1vw 0.05vw #000);
}
.content-area[data-v-6e08b8cf] {
  position: absolute;
  top: 17vw;
  left: 50%;
  transform: translate(-50%);
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/policewar/police-official/assets/content_bg.f028983d.png) center / 100% 100%;
  width: 77vw;
  height: 28vw;
  display: flex;
  flex-direction: row;
}
/* ── 左侧图片 ── */
.left-panel[data-v-6e08b8cf] {
  width: 39.5vw;
  height: 100%;
  flex-shrink: 0;
  position: relative;
}
.left-panel .left-img[data-v-6e08b8cf] {
  position: absolute;
  bottom: -1vw;
  width: 100%;
  left: -1vw;
  height: 31vw;
  object-fit: contain;
}
/* ── 右侧面板 ── */
.right-panel[data-v-6e08b8cf] {
  display: flex;
  flex-direction: column;
}
/* ── 目录 infoNavData ── */
.tab-row[data-v-6e08b8cf] {
  margin-top: 1vw;
  display: flex;
  align-items: center;
  gap: 0.26vw;
  justify-content: center;
  width: 35.4vw;
}
.tab-item[data-v-6e08b8cf] {
  height: 3vw;
  width: 8vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-sizing: border-box;
  background: #6788b8;
  border-radius: 1vw;
  box-shadow: inset 0px 0.2vw 0px 0px #92b8df;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.tab-item .tab-text[data-v-6e08b8cf] {
  font-size: 1vw;
  font-weight: bold;
  color: #edf4ff;
}
.tab-item.active[data-v-6e08b8cf] {
  box-shadow: inset 0px 0.2vw 0px 0px #e6f5fa;
  background: #dae6f7;
}
.tab-item.active .tab-text[data-v-6e08b8cf] {
  color: #3e557b;
}
/* ── 文章列表 ── */
.article-list[data-v-6e08b8cf] {
  margin-top: -0.4vw;
  box-sizing: border-box;
  padding: 0.8vw 1vw;
  background-image: linear-gradient(#dae6f7, #dae6f7), linear-gradient(#dae7f7, #dae7f7);
  box-shadow: 0px 4px 0px 0px #89a2c4, 0px 8px 0px 2px rgba(40, 46, 57, 0.2);
  border-radius: 1vw;
  width: 100%;
  height: 20vw;
  overflow-y: auto;
  overflow-x: hidden;
}
.article-item[data-v-6e08b8cf] {
  width: 33vw;
  height: 4.17vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  box-sizing: border-box;
  padding: 0 1vw;
  cursor: pointer;
  flex-shrink: 0;
  background-color: #c1d4ec;
  border-radius: 0.9vw;
  margin-bottom: 0.6vw;
}
.article-item[data-v-6e08b8cf]:hover {
  background: #90d1ff;
  outline: solid 0.2vw #668ec4;
}
.article-item .item-left[data-v-6e08b8cf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.article-item .item-icon[data-v-6e08b8cf] {
  width: 2.5vw;
  height: 2.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #517ec0;
  border: solid 2px #4269a4;
  border-radius: 50%;
}
.article-item .item-icon img[data-v-6e08b8cf] {
  width: 1.8vw;
  height: 1.8vw;
  object-fit: contain;
}
.article-item .item-time[data-v-6e08b8cf] {
  font-size: 0.6vw;
  color: #3d6299;
}
.article-item .item-divider[data-v-6e08b8cf] {
  margin: 0 0.6vw;
  flex-shrink: 0;
  width: 0.21vw;
  height: 3.13vw;
  background-color: #6788b8;
  border-radius: 0.1vw;
  opacity: 0.4;
}
.article-item .item-title[data-v-6e08b8cf] {
  flex: 1;
  font-size: 0.9vw;
  color: #3e557b;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.article-item .item-arrow[data-v-6e08b8cf] {
  width: 1vw;
  margin-left: 0.5vw;
  transform: rotate(270deg);
}
.more[data-v-6e08b8cf] {
  cursor: pointer;
  margin-top: 1.2vw;
  text-decoration: underline;
  font-size: 1vw;
  font-weight: bold;
  color: #84d6ff;
  align-self: flex-end;
}

.pic-pagination .swiper-pagination-bullet {
  background: #718fbc;
  width: 1vw;
  height: 1vw;
  margin: 0 0.3vw !important;
  flex: none;
  opacity: 1;
}
.pic-pagination .swiper-pagination-bullet-active {
  width: 0.9vw;
  height: 0.9vw;
  background: #dce6f5;
  margin: 0 0.18vw !important;
}

.feature-page[data-v-5d1239c9] {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-image: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/policewar/police-official/assets/bg.fc6fd8fa.jpg);
}
.title[data-v-5d1239c9] {
  position: absolute;
  top: 9vw;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-family: Saira-Black, sans-serif;
  font-size: 3.75vw;
  line-height: 1;
  background: linear-gradient(0deg, #e5f2fd 0%, #c9dff9 100%);
  background-size: 100% 1em;
  background-repeat: repeat-y;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  -webkit-text-stroke: 0.06vw #336ab4;
  filter: drop-shadow(0vw 0.15vw 0 #336ab4) drop-shadow(0 0.1vw 0.05vw #000);
}
.title[data-v-5d1239c9]::after {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(39, 54, 130, 0.6) 0%, rgba(39, 54, 130, 0) 25%);
  background-size: 100% 1em;
  background-repeat: repeat-y;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  filter: blur(0.05vw);
  pointer-events: none;
}
@keyframes fadeInDown-5d1239c9 {
0% {
    opacity: 0;
    transform: translate3d(0, -100px, 0);
}
100% {
    opacity: 1;
    transform: none;
}
}
@keyframes fadeInUp-5d1239c9 {
0% {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
}
100% {
    opacity: 1;
    transform: none;
}
}
.feature-wrap[data-v-5d1239c9] {
  position: relative;
  width: 100%;
  height: 30vw;
  margin-top: 15vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.feature-wrap.enterAnime[data-v-5d1239c9] {
  animation: 0.8s ease-in-out fadeInUp-5d1239c9;
}
.pic-slides[data-v-5d1239c9] {
  position: relative;
  width: 85vw;
}
.pic-slides[data-v-5d1239c9] .pic-slide {
  width: 50vw;
  height: 100%;
  backface-visibility: hidden;
  background-color: transparent;
}
.pic-slides .swiper-slide[data-v-5d1239c9] {
  opacity: 0;
  transition: all 0.5s;
}
.pic-slides .swiper-slide .inner[data-v-5d1239c9] {
  position: relative;
}
.pic-slides .swiper-slide-visible[data-v-5d1239c9] {
  opacity: 1;
  transition: all 0.5s;
}
.pic-slides .swiper-slide-prev[data-v-5d1239c9],
.pic-slides .swiper-slide-next[data-v-5d1239c9] {
  filter: brightness(0.6);
}
.pic-slides .pic-item[data-v-5d1239c9] {
  position: relative;
}
.pic-slides .pic-item .item-img[data-v-5d1239c9] {
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
}
.pic-slides .pic-item .play-btn[data-v-5d1239c9] {
  width: 4vw;
  height: 4vw;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.pic-slides .swiper-slide-active .play-btn[data-v-5d1239c9] {
  opacity: 1;
}
.pic-slides .arrow-next[data-v-5d1239c9],
.pic-slides .arrow-pre[data-v-5d1239c9] {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 3.1vw;
  height: auto;
  cursor: pointer;
  transform: rotate(180deg);
  border-radius: 50%;
}
.pic-slides .arrow-next[data-v-5d1239c9] {
  right: 12vw;
  transform: rotate(0);
}
.pic-slides .arrow-pre[data-v-5d1239c9] {
  left: 12vw;
  transform: scaleX(-1);
}
.pic-slides .pic-pagination[data-v-5d1239c9] {
  height: 1.8vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.picSlides[data-v-5d1239c9] {
  position: relative;
  width: 72vw;
  overflow: hidden;
  margin-top: 0.2vw;
}
.recPictures[data-v-5d1239c9] {
  width: 80.5vw;
  display: flex;
}
.recPictures .recPicItem[data-v-5d1239c9] {
  position: relative;
  width: auto;
  cursor: pointer;
  margin-right: 1.5vw;
}
.recPictures .recPicItem > img[data-v-5d1239c9] {
  width: 10vw;
  box-sizing: border-box;
  border: 1px solid #9d9d9d;
  border-radius: 10px;
}
.bottom[data-v-5d1239c9] {
  font-size: 1.2vw;
  width: 100%;
  margin: 0.2vw auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bottom > a[data-v-5d1239c9] {
  color: #9f9f9f;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.bottom .picBtn[data-v-5d1239c9],
.bottom .videoBtn[data-v-5d1239c9] {
  margin-inline-end: 0.4vw;
}
.bottom .picBtn[data-v-5d1239c9] {
  width: 1.3vw;
  height: 1.3vw;
}
.bottom .videoBtn[data-v-5d1239c9] {
  width: 1.88vw;
  height: 1.25vw;
}
.videoWrapper[data-v-5d1239c9] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}
.videoWrapper .videoPlayer[data-v-5d1239c9] {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 60vw;
  height: 33.75vw;
  transform: translate(-50%, -50%);
}
.videoWrapper .videoMask[data-v-5d1239c9] {
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
}
.picPreview[data-v-5d1239c9] {
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.picPreview .previewMask[data-v-5d1239c9] {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  z-index: -1;
  cursor: pointer;
}
.picPreview img[data-v-5d1239c9] {
  height: 85%;
}

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

.mainPagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 9px 0 !important;
  flex: none;
  opacity: 1;
}
.mainPagination .swiper-pagination-bullet-active {
  width: 25px;
  height: 25px;
  margin: 1.5px 0 !important;
}

.main[data-v-5cb8501d] {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  align-items: center;
}
.main.hide[data-v-5cb8501d] {
  height: 100%;
}
.main > div[data-v-5cb8501d] {
  width: 100%;
  height: 100%;
}
.main[data-v-5cb8501d]::-webkit-scrollbar {
  display: none;
}
.mainPagination[data-v-5cb8501d] {
  position: absolute;
  top: 0 !important;
  bottom: 60px;
  right: 9px;
  margin: auto 0;
  color: #fff;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transform: none !important;
  width: 25px !important;
  height: 300px !important;
}
.scroll[data-v-5cb8501d] {
  bottom: 39px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 3;
  animation: 3s infinite linear bounceAlpha;
}
.social[data-v-5cb8501d] {
  z-index: 3;
  position: absolute;
  top: 2vw;
  right: 7vw;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 0.7vw;
  padding: 0.4vw 0.2vw 0.4vw 0.6vw;
}
.bonus-wrap[data-v-5cb8501d] {
  position: absolute;
  bottom: 1.4vw;
  right: 1vw;
  z-index: 3;
  cursor: pointer;
}
.bonusImg[data-v-5cb8501d] {
  width: 191px;
}
.logo[data-v-5cb8501d] {
  position: absolute;
  top: 1vw;
  left: 5vw;
  width: 4.9vw;
  z-index: 3;
}
/* 侧边导航容器 */
.sidebar[data-v-5cb8501d] {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  display: flex;
  align-items: center;
}
/* 收起/展开箭头按钮 */
.toggle-btn[data-v-5cb8501d] {
  width: 32px;
  height: 64px;
  background: rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0 8px 8px 0;
  transition: all 0.25s;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.toggle-btn.active[data-v-5cb8501d] {
  left: 100%;
}
.toggle-btn .arrow[data-v-5cb8501d] {
  color: #fff;
  width: 52px;
  display: inline-block;
  transition: transform 0.3s;
}
/* 导航列表 */
.nav-list[data-v-5cb8501d] {
  list-style: none;
  border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAABICAYAAABFjf2bAAAACXBIWXMAAAsTAAALEwEAmpwYAAAD8klEQVR4nO2cTYgbVRzAf+/NTDLJJnGXsLtd3TYtFJXFD+wWvSlYpCD0UA+evArizZ562KMFj4Ifd/FSQaugR1uht9aupaUqiG53qbp2SzRNtvma5I2H2Slh6ZvNbrIh85IfBGbe/81782Nm3puZvDfixNsfC4YDf1AV2cBfg6psBzygCqwDK8AN4AqwDLT7WZHdz8J6xAEe2/o9DbzeEbsGXAW+An7ttSLZawED4jjwLnAR+AR4uZfC4iLdyWngPPAZcGwvBcRROuQ14DuCM2BXxFk6ZAn4HCh0u4F45tjJ6/u3P90jpBRC2kImUtJ2M7aTnrSdbD7hpHMOdNWrPgDOEjR2kQxN6+0r5fuq6atWU7Wq91v1f4Oe1EqkLTc/76anCynpuFZEERPARwS9wPmouqyZuaPv9G3P9wG/7fneZtGrbazWVNtrOxNTjpBW1KE/CdwmomuLzTXt+8qv3l2pFW/9UGyU/qnvkP0D4JAuGBvpENVqqNIfP96v3LlVxtfeuWaAc7pg7KRDqhu3a6WV5ZKv2jrzE2i6s9hKAzRK643y6vWoI74ELG5PjLU0QP2/9Xrlz5/LEVne254Qe2kITvWIxu1V4JXOBCOkAcprNyqq1VSa8JudK8ZIq1ZTPVj/bVMTPg0shCvGSAPU7q3VlFfXvXB4I1wwStr3FdV7azVN+MVwwShpgHrxTl3zuu04YIGB0u1mre1Vy54mvAgGSgN4lWJTE3oJTJWullqa0HNgqHSrXtFJHwVDpVWzobtJmQFDpX3l6Z5AMmCstNJJO4AwUnonxtKjwlh6VBhLjwpj6VFhLD0qjKVHhbH0qDCWHhWMlBZS6sakeIBvqLSjk94EQ4+0TCR1XhtgqLTtZnXj434HQ6Wd9KRO+iaYKp3NJzShK2CgtJVIWcF40keyDAZKu/mDrmYA7TW2pkUYJS2EFOnpQkoTvhouGCWdmi64ESOFL4QLxkhLOyEnHn8qowl/DfzyMO9gdmn/yRWez0rL0fl80blihHR65kgqOXnA1YQvApc7E2Iv7U7Nudn5hVxElg+3J8RaOjl5IJk7/EIu4h/n99nqmzsZmjkcuyU9cySVnV+IEr4EfPqoQOykpZ2UuUPPZpNTc7prGII5m0u6YGykhZAiNX3YnZh7MiNtbSsdchZY1QWHXtpKpCw3f7CbKUohZ4AvozIMjbQQEmHZsofJaFWCIxwpDGDPLp6a7XWHh4BLBNfwajeZY91lbXHu7vK3b9GlMAzR6b0Hvie48fhpdvHUrjaMo/Q3BHMpL++QT0tcpMPPA1yg42lprwyTdIugBf6b4EMQNwneaT1849EvbOCJfhbYAwP75Mf/Bnr9LKHXlKAAAAAASUVORK5CYII=) 24 24 24 0 fill / 24px 24px 24px 0 stretch;
  padding: 8px 20px 8px 11px;
}
/* 单个导航项 */
.nav-item[data-v-5cb8501d] {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-right: 10px;
  height: 50px;
  background-color: rgba(83, 111, 153, 0.6);
  border-radius: 25px 10px 10px 25px;
  margin: 12px 0;
}
.nav-item.active[data-v-5cb8501d] {
  background-color: #a4cdfc;
  border-radius: 25px 10px 10px 25px;
  outline: solid 4px #cbe9fc;
}
.nav-item.active .nav-label[data-v-5cb8501d] {
  color: #3e557b;
  font-weight: bold;
}
.nav-item.active .nav-icon[data-v-5cb8501d] {
  background: #5799e6;
}
.webShop[data-v-5cb8501d] {
  background-color: #ffd75b;
  border-radius: 25px 23px 23px 25px;
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 6px 0;
}
.webShop .nav-icon[data-v-5cb8501d] {
  border-radius: 50%;
  background: #f8b821;
}
.webShop .nav-label[data-v-5cb8501d] {
  color: #513636;
}
.nav-icon[data-v-5cb8501d] {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #556e9e;
  border-radius: 50%;
  margin-inline-end: 15px;
}
.nav-icon img[data-v-5cb8501d] {
  width: 32px;
  object-fit: contain;
  height: 32px;
}
.nav-label[data-v-5cb8501d] {
  color: #ddedff;
  font-size: 20px;
  line-height: 20px;
  font-weight: bold;
  white-space: nowrap;
  transition: color 0.2s;
}
/* 展开/收起动画 */
.nav-slide-enter-active[data-v-5cb8501d],
.nav-slide-leave-active[data-v-5cb8501d] {
  transition: opacity 0.25s, transform 0.25s;
}
.nav-slide-enter-from[data-v-5cb8501d],
.nav-slide-leave-to[data-v-5cb8501d] {
  opacity: 0;
  transform: translateX(-100%);
}

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

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

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

* {
  padding: 0;
  margin: 0;
}
body {
  margin: 0;
}
#mainPage,
html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  background: #000;
  font-family: system-ui;
}
/* 滚动条样式 */
::-webkit-scrollbar-track-piece {
  background-color: #ccc;
}
::-webkit-scrollbar {
  width: 5px;
  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;
}
@keyframes bounceAlpha {
  50% {
    transform: translateY(-1vw);
  }
  100% {
    transform: translateY(0);
  }
}
@font-face {
  font-family: HeadingNowTrial;
  src: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/policewar/police-official/assets/HeadingNowTrial-65Medium.3b590f05.otf);
}
@font-face {
  font-family: Saira-Black;
  src: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/policewar/police-official/assets/Saira-Black.5534b13b.ttf);
}

.listPage[data-v-6eeb2791] {
  width: 100%;
  height: 100%;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/policewar/police-official/assets/bg.3eecddda.jpg) no-repeat fixed top center / cover;
}
.wrap[data-v-6eeb2791] {
  position: absolute;
  width: 730px;
  height: 100%;
  left: 0;
  right: 0;
  margin: auto;
}
.listContainer[data-v-6eeb2791] {
  position: relative;
  display: flex;
  width: 80%;
  margin: 140px 10%;
  min-height: calc(100% - 260px);
  flex-direction: column;
  background-color: #dae7f7;
  border-radius: 20px;
}
.listContainer[data-v-6eeb2791] .el-loading-mask {
  background: transparent;
}
.listContainer[data-v-6eeb2791] .el-loading-mask circle {
  stroke: #ffb100;
}
.listNav[data-v-6eeb2791] {
  font-family: Saira-Black, sans-serif;
  background-color: #a8c2e6;
  border-radius: 12px;
  height: 72px;
  width: 100%;
  box-sizing: border-box;
  border-bottom-left-radius: 0%;
  border-bottom-right-radius: 0;
  display: flex;
  color: #96b0d4;
  padding: 15px 15px;
  align-items: center;
}
.listNav .navWrap[data-v-6eeb2791] {
  border: solid 2px #bfd1f0;
  background-color: #536f99;
  border-radius: 12px;
  height: 48px;
  box-sizing: border-box;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(1, 1fr);
  color: #96b0d4;
  align-items: center;
  padding: 0px 1px;
  gap: 6px;
  justify-content: space-around;
}
.listNav .listNavItem[data-v-6eeb2791] {
  position: relative;
  box-sizing: border-box;
  height: 95%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex: none;
  font-size: 14px;
}
.listNav .listNavItem .listIcon[data-v-6eeb2791] {
  width: 20px;
  height: 20px;
  mask-size: contain;
  margin-inline-end: 5px;
  background-color: #96b0d4;
}
.listNav .listNavItem.active[data-v-6eeb2791] {
  padding: 10px 15px;
  border-radius: 10px;
  color: #3e557b;
  background: none;
  position: relative;
}
.listNav .listNavItem.active[data-v-6eeb2791] > * {
  z-index: 1;
}
.listNav .listNavItem.active .listIcon[data-v-6eeb2791] {
  background-color: #3e557b;
}
.listNav .listNavItem.active[data-v-6eeb2791]::before {
  z-index: 0;
  inset: 0;
  height: 100%;
  padding-bottom: 8px;
  position: absolute;
  content: '';
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/policewar/police-official/assets/eaasy.429612f4.png) center / 100% 100%;
}
.listNav .divider[data-v-6eeb2791] {
  position: absolute;
  left: 100%;
  height: 60%;
  transform: translate(2px);
  opacity: 0.2;
  width: 2px;
  background-color: #96b0d4;
}
.listItem[data-v-6eeb2791] {
  font-family: HeadingNowTrial, sans-serif;
  display: flex;
  width: 100%;
  height: 107px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  padding: 15px;
  border: 1px solid transparent;
  background-color: transparent;
  cursor: pointer;
  font-size: 12px;
  transition: all 0.3s ease;
  color: #51627b;
}
.listItem[data-v-6eeb2791]:first-of-type {
  border-top: 1px solid #434343;
}
.listItem[data-v-6eeb2791]:hover {
  padding-inline-start: 20px;
  background-color: #b9d0ef;
}
.listItem img[data-v-6eeb2791] {
  border-radius: 10px;
  width: 146px;
  height: 82px;
  margin-inline-end: 20px;
}
.listItem .itemText[data-v-6eeb2791] {
  display: flex;
  width: 548px;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}
.listItem .itemText .title[data-v-6eeb2791] {
  color: #3e557b;
  display: -webkit-box;
  overflow: hidden;
  width: 100%;
  margin-bottom: 4px;
  -webkit-box-orient: vertical;
  font-size: 15px;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
}
.listItem .itemText .description[data-v-6eeb2791] {
  flex-grow: 1;
  color: #51627b;
}
.listItem .itemText .time[data-v-6eeb2791] {
  margin-top: 8px;
  color: #6b7d99;
}
.btnMore[data-v-6eeb2791] {
  display: flex;
  width: 120px;
  height: 40px;
  align-items: center;
  justify-content: center;
  margin: 20px auto;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #ecf7fd;
  background-color: #6b9bcb;
  border-radius: 8px;
  border: solid 1px #7aabdd;
}

.essay-page[data-v-6732bf7e] {
  width: 100%;
  min-height: 100%;
  display: flex;
  box-sizing: border-box;
  align-items: flex-start;
  justify-content: center;
  background: url(https://yottacdn.akamaized.net/yottapfres/common/assets/frontend/game_home/policewar/police-official/assets/bg.3eecddda.jpg) no-repeat fixed top center / cover;
}
.wrap[data-v-6732bf7e] {
  width: 730px;
  min-height: 100%;
}
.logo[data-v-6732bf7e] {
  margin-left: 30px;
  height: 100px;
}
.essay-container[data-v-6732bf7e] {
  position: relative;
  display: flex;
  width: 547.5px;
  min-height: calc(100% - 130px);
  flex-direction: column;
  padding: 20px 25px;
  margin: 150px auto 60px;
  background-color: #dae7f7;
  border-radius: 20px;
}
.banner-wrap[data-v-6732bf7e] {
  position: relative;
  width: 730px;
  padding-right: 80px;
  margin: 0 auto;
}
.banner[data-v-6732bf7e] {
  width: 100%;
}
.discount[data-v-6732bf7e] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 70%;
  margin: auto;
}
.arrow[data-v-6732bf7e] {
  position: absolute;
  top: 0;
  right: 100px;
  bottom: 0;
  height: 40%;
  margin: auto;
  cursor: pointer;
}
.essay-title[data-v-6732bf7e] {
  font-family: Saira-Black, sans-serif;
  font-size: 30px;
  color: #2a4e77;
  font-weight: bold;
}
.essay-info[data-v-6732bf7e] {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}
.essay-info div[data-v-6732bf7e] {
  line-height: 50px;
  margin-inline-end: 15px;
}
.essay-info .time[data-v-6732bf7e] {
  color: #7194c2;
}
.type[data-v-6732bf7e] {
  font-family: Saira-Black, sans-serif;
  width: 152px;
  height: 42px;
  background-color: #a4cdfc;
  border-radius: 10px;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2a4e77;
}
.essay-content[data-v-6732bf7e] {
  width: 100%;
  margin: 40px 0;
  color: #6b7d99;
}
.essay-content[data-v-6732bf7e] * {
  font-family: HeadingNowTrial, sans-serif;
}
.essay-content[data-v-6732bf7e] img {
  max-width: 100%;
}
.more-intel[data-v-6732bf7e] {
  font-family: HeadingNowTrial, sans-serif;
  width: 100%;
  background-color: #c1d4ec;
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 15px;
  align-self: center;
}
.more-title[data-v-6732bf7e] {
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #ffffff;
  min-height: 62px;
  background-color: #90acd4;
  border-radius: 16px 16px 0px 0px;
  text-shadow: 0px 2px 2px rgba(46, 46, 46, 0.65);
}
.more-item[data-v-6732bf7e] {
  padding: 5px 10px;
  margin-top: 15px;
  width: 90%;
  height: 80px;
  background-image: linear-gradient(#e7effb, #e7effb), linear-gradient(#ebeae8, #ebeae8);
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0px 4px 1px 1px rgba(0, 0, 0, 0.2), inset 0px -4px 0px 0px #c0d1e3;
  border-radius: 16px;
  cursor: pointer;
  box-sizing: border-box;
}
.more-essay-title[data-v-6732bf7e] {
  margin: 5px;
  font-size: 20px;
  color: #51627b;
  display: -webkit-box;
  overflow: hidden;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
}
.more-essay-time[data-v-6732bf7e] {
  margin: 5px;
  font-size: 14px;
  color: #6b7d99;
}