@charset "UTF-8";.main-layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #f6f8fd;
}
.main-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.main-content .homeView,
.main-content .newimages-page,
.main-content .videos-page,
.main-content .jl-row1,
.main-content .booksView,
.main-content .atlas-page,
.main-content .journal-page,
.main-content .qaa-page,
.main-content .carView,
.main-content .user-layout {
  flex: 1;
}.main-layout[data-v-8c951f49] {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.main-content[data-v-8c951f49] {
  flex: 1;
}
/* stylelint-disable */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
body {
  margin: 0;
}
[tabindex='-1']:focus {
  outline: none;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  text-align: left;
  caption-side: bottom;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
/* 全局样式 */
/* 防止移动端缩放的 fontsize:16px 是一个硬性要求，不能用相对单位或小于 16px 的值替代，这是 iOS Safari 的内置机制。 */
/* 移动端输入框防缩放全局样式 */
@media screen and (max-width: 767px) {
  /* Ant Design 输入框 */
.ant-input,
  .ant-input-search,
  .ant-input-search-input,
  .ant-input-search-input input,
  .ant-input-password, 
  .ant-input-number-input,
  .ant-calendar-picker-input {
    font-size: 16px !important;  /* 必须≥16px防止iOS自动缩放 */
    -webkit-text-size-adjust: 100% !important;
}
  
  /* 原生输入元素 */
input,
  textarea,
  select {
    font-size: 16px !important;  /* 必须≥16px防止iOS自动缩放 */
    -webkit-text-size-adjust: 100% !important;
}
  
  /* 其他可能的输入组件 */
.ant-select-selection,
  .ant-cascader-input,
  .ant-time-picker-input {
    font-size: 16px !important;  /* 必须≥16px防止iOS自动缩放 */
    -webkit-text-size-adjust: 100% !important;
}
}
/* 防止iOS双击缩放 */
@media screen and (max-width: 767px) {
* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
  
  /* 但是输入框需要允许选择 */
input,
  textarea {
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
}
/* 全局Ant Design日期选择器移动端适配 - 修复Android设备弹框占用页面宽度问题 */
@media screen and (max-width: 767px) {
  /* 确保所有日期选择器弹框都有正确的宽度和定位 */
.ant-calendar-picker-container {
    max-width: 90vw !important;
    overflow-x: hidden !important;
    position: fixed !important;
    z-index: 1050 !important;
    max-height: 80vh !important;
    overflow-y: auto !important;
}
  
  /* 日期选择器面板通用样式 */
.ant-calendar-picker-panel,
  .ant-calendar-month-panel,
  .ant-calendar-date-panel,
  .ant-calendar-year-panel,
  .ant-calendar-decade-panel {
    max-width: 90vw !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    margin: 0 auto !important;
}
  
  /* 日期选择器内容区域 */
.ant-calendar-month-panel-body,
  .ant-calendar-date-panel-body,
  .ant-calendar-year-panel-body,
  .ant-calendar-decade-panel-body {
    padding: 0 8px !important;
}
  
  /* 日期选择器单元格通用样式 */
.ant-calendar-date,
  .ant-calendar-month-panel-cell,
  .ant-calendar-year-panel-cell,
  .ant-calendar-decade-panel-cell {
    min-width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
    margin: 1px !important;
    font-size: 13px !important;
}
  
  /* 年份选择器特殊处理 */
.ant-calendar-year-panel-cell,
  .ant-calendar-decade-panel-cell {
    width: 50px !important;
    height: 32px !important;
    line-height: 32px !important;
}
  
  /* 弹框居中显示 */
.ant-calendar-picker-container {
    left: 50% !important;
    transform: translateX(-50%) !important;
}
  
  /* 弹框背景遮罩 */
.ant-calendar-picker-container::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
    z-index: -1;
    pointer-events: none;
}
}
/* 针对Android设备的特殊处理 */
@media screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1) {
  /* Android设备的日期选择器弹框定位优化 */
.ant-calendar-picker-container {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-width: 320px !important;
    max-height: 400px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-radius: 4px !important;
}
  
  /* Android设备面板优化 */
.ant-calendar-date-panel,
  .ant-calendar-month-panel,
  .ant-calendar-year-panel,
  .ant-calendar-decade-panel {
    width: 100% !important;
    max-width: 320px !important;
}
  
  /* Android设备单元格优化 */
.ant-calendar-date {
    width: 28px !important;
    height: 28px !important;
    line-height: 28px !important;
    margin: 1px !important;
    font-size: 12px !important;
}
.ant-calendar-year-panel-cell,
  .ant-calendar-decade-panel-cell {
    width: 48px !important;
    height: 30px !important;
    line-height: 30px !important;
    margin: 1px !important;
    font-size: 12px !important;
}
}
/* 修复移动端日期选择器头部按钮过小的问题 */
@media screen and (max-width: 767px) {
.ant-calendar-header {
    padding: 8px 12px !important;
}
.ant-calendar-header-btn {
    min-width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    font-size: 16px !important;
}
.ant-calendar-prev-month-btn,
  .ant-calendar-next-month-btn,
  .ant-calendar-prev-year-btn,
  .ant-calendar-next-year-btn {
    min-width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
}
}
/* 移动端日期选择器确认按钮优化 */
@media screen and (max-width: 767px) {
.ant-calendar-ok-btn {
    min-height: 36px !important;
    padding: 8px 16px !important;
    font-size: 16px !important;
}
.ant-calendar-time-picker-btn {
    min-height: 36px !important;
    padding: 8px 16px !important;
    font-size: 16px !important;
}
}
* {
  -webkit-tap-highlight-color: transparent;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
body {
  height: 100%;
}
@media screen and (max-width: 768px) {
html,
  body {
    height: 100%;
    overflow: auto;
}
}
body {
  font-family: "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  color: #333;
  line-height: 1.5;
  background-color: #fff;
  font-size: 16px;
}
#app {
  width: 100%;
  height: 100%;
}
a {
  text-decoration: none;
  color: inherit;
  transition: color 0.3s ease;
}
a:hover {
  color: #2f6fed;
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
ul,
ol {
  list-style: none;
}
button,
input {
  font-family: inherit;
  font-size: inherit;
}
/* 通用容器 */
.container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (max-width: 1200px) {
.container {
    max-width: 960px;
}
}
@media (max-width: 992px) {
.container {
    max-width: 720px;
}
}
@media (max-width: 768px) {
.container {
    max-width: 540px;
}
}
@media (max-width: 576px) {
.container {
    padding: 0 15px;
}
}
/* 清除浮动 */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
/* 通用按钮 */
.btn {
  background-color: #2f6fed;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 16px;
  transition: all 0.3s ease;
}
.btn:hover {
  background-color: rgb(18.5575221239, 84.5398230088, 214.4424778761);
}
.btn.btn-secondary {
  background-color: #666;
}
.btn.btn-secondary:hover {
  background-color: rgb(76.5, 76.5, 76.5);
}
.btn.btn-sm {
  font-size: 14px;
  padding: 6px 12px;
}
.btn.btn-lg {
  font-size: 18px;
  padding: 12px 24px;
}
/* 文本辅助类 */
.text-primary {
  color: #2f6fed;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-bold {
  font-weight: bold;
}
.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 间距辅助类 */
.mt-1 {
  margin-top: 5px;
}
.mt-2 {
  margin-top: 10px;
}
.mt-3 {
  margin-top: 15px;
}
.mt-4 {
  margin-top: 20px;
}
.mt-5 {
  margin-top: 30px;
}
.mb-1 {
  margin-bottom: 5px;
}
.mb-2 {
  margin-bottom: 10px;
}
.mb-3 {
  margin-bottom: 15px;
}
.mb-4 {
  margin-bottom: 20px;
}
.mb-5 {
  margin-bottom: 30px;
}
/* 弹性布局辅助类 */
.d-flex {
  display: flex;
}
.flex-column {
  flex-direction: column;
}
.justify-content-between {
  justify-content: space-between;
}
.align-items-center {
  align-items: center;
}
.flex-wrap {
  flex-wrap: wrap;
}
/* 响应式显示/隐藏 */
.d-none {
  display: none;
}
@media (max-width: 992px) {
.d-md-none {
    display: none;
}
.d-md-block {
    display: block;
}
.d-md-flex {
    display: flex;
}
}
@media (max-width: 768px) {
.d-sm-none {
    display: none;
}
.d-sm-block {
    display: block;
}
.d-sm-flex {
    display: flex;
}
}
@media (max-width: 768px) {
  /*   input,
  textarea {
    font-size: 16px !important;
  } */
}
.safe-area {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
body {
  -webkit-overflow-scrolling: touch;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6,
dl,
ul,
ol,
p {
  margin: 0;
}
.wp {
  width: 90%;
  margin: 0 auto;
  max-width: 1200px;
}
.ul-listl2 {
  overflow: hidden;
  margin: 19px -7px 0;
}
.ul-listl2 li {
  width: 25%;
  float: left;
  padding: 0 7px;
}
.ul-listl2 li .con {
  display: block;
  overflow: hidden;
  background: #f7f7f7;
  padding: 18px 18px 18px 16px;
}
.ul-listl2 li .con.sty1 .box .ll {
  width: 100%;
}
.ul-listl2 li .con.sty1 .box .ll .pic {
  padding-top: 71.64%;
  border-radius: 8px;
}
.ul-listl2 li .con .box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  margin-bottom: 9px;
}
.ul-listl2 li .con .box .ll {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
  width: 75.39%;
  margin-right: 2px;
}
.ul-listl2 li .con .box .ll .pic {
  width: 100%;
  padding-top: 95.056%;
  position: relative;
  height: 0;
  overflow: hidden;
  border-radius: 8px 0 0 8px;
  -webkit-border-radius: 8px 0 0 8px;
  -moz-border-radius: 8px 0 0 8px;
  -ms-border-radius: 8px 0 0 8px;
  -o-border-radius: 8px 0 0 8px;
}
.ul-listl2 li .con .box .ll .pic .img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
.ul-listl2 li .con .box .rr {
  overflow: hidden;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.ul-listl2 li .con .box .rr .pic {
  width: 100%;
  height: 33.33%;
  overflow: hidden;
  padding-bottom: 2px;
  position: relative;
}
.ul-listl2 li .con .box .rr .pic:first-child {
  border-radius: 0 8px 0 0;
  -webkit-border-radius: 0 8px 0 0;
  -moz-border-radius: 0 8px 0 0;
  -ms-border-radius: 0 8px 0 0;
  -o-border-radius: 0 8px 0 0;
}
.ul-listl2 li .con .box .rr .pic:last-child {
  border-radius: 0 0 8px 0;
  -webkit-border-radius: 0 0 8px 0;
  -moz-border-radius: 0 0 8px 0;
  -ms-border-radius: 0 0 8px 0;
  -o-border-radius: 0 0 8px 0;
}
.ul-listl2 li .con .box .rr .pic .img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ul-listl2 li .con .box .rr .pic .num {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.ul-listl2 li .con .box .rr .pic:last-child {
  padding-bottom: 0;
}
.ul-listl2 li .con .tit {
  font-size: 16px;
  color: #222;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
.ul-listl2 li .con:hover .ll .pic .img {
  transform: scale(1.08, 1.08);
  -webkit-transform: scale(1.08, 1.08);
  -moz-transform: scale(1.08, 1.08);
  -ms-transform: scale(1.08, 1.08);
  -o-transform: scale(1.08, 1.08);
}
.ul-listl2 li .con:hover .tit {
  color: #2f6fed;
}
.g-titl1 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -moz-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.g-titl1 .tit {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.g-titl1 .tit .cn {
  font-size: 35px;
  line-height: 1.71428;
  color: #222;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 22px;
  font-weight: bold;
}
.g-titl1 .tit .en {
  font-size: 40px;
  color: #cbd1d6;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 300;
}
.g-titl1 .more {
  font-size: 16px;
  color: #999;
  overflow: hidden;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
.g-titl1 .more:hover {
  color: var(--personal-primary);
}
.g-boxb1 {
  border-radius: 20px;
  border: 2px solid #aee3d2;
  background-color: #fff;
  padding: 0 40px;
  position: relative;
  overflow: hidden;
}
.g-topb1 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding: 35px 0;
}
.g-topb1 .left {
  display: flex;
  align-items: baseline;
}
.g-topb1 .tit {
  font-size: 30px;
  color: #393939;
  font-weight: bold;
}
.g-topb1 .en {
  font-size: 18px;
  color: #aaaaaa;
  margin-left: 26px;
  text-transform: uppercase;
}
.g-topb1 .more {
  font-size: 16px;
  color: #929292;
  transition: 0.3s;
}
.g-topb1 .more:hover {
  color: #2f6fed;
}
.g-cur {
  color: #adadad;
  font-size: 14px;
  padding: 10px 0;
  margin-bottom: 20px;
}
.g-cur a {
  color: inherit;
}
.g-cur span {
  color: #666;
}
.g-content {
  overflow: hidden;
  padding-bottom: 46px;
}
.g-content .col-l {
  float: left;
  width: 16.8%;
  margin-right: 19px;
}
.g-content .col-r {
  overflow: hidden;
  background-color: #fff;
}
.g-opts {
  display: flex;
  align-items: center;
  gap: 10px;
}
.g-opts .button {
  padding: 0 16px;
  height: 25px;
  background: #2f6fed;
  border-radius: 2px;
  margin-right: 13px;
  border: 1px solid #2f6fed;
  color: #fff;
  cursor: pointer;
  transition: 0.4s;
  display: flex;
  align-items: center;
  line-height: 1.5;
}
.g-opts .button:hover {
  opacity: 0.8;
}
.g-opts .button.sty1 {
  background-color: #fff;
  color: #2f6fed;
}
.g-opts .b-like {
  border: 1px solid #eee;
  border-radius: 2px;
  padding: 0;
  cursor: pointer;
  margin-right: 9px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 0;
  color: #cfcfcf;
  text-align: center;
  background: #fff;
}
.g-opts .b-like.active {
  color: #2e90f6;
}
.g-opts .b-like svg {
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: auto;
}
.jl-pages {
  font-size: 0;
  text-align: center;
}
.jl-pages li {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  font-size: 14px;
  color: #525252;
}
.jl-pages li a {
  display: block;
  min-width: 30px;
  line-height: 28px;
  padding: 0 5px;
  background-color: #fff;
  border: 1px solid #dddddd;
  border-radius: 3px;
  transition: 0.5s;
}
.jl-pages li a:hover {
  background-color: #29c08c;
  border-color: #29c08c;
  color: #fff;
}
.jl-pages li a.arr {
  padding: 0 20px;
}
.jl-pages li.on a {
  background-color: #29c08c;
  border-color: #29c08c;
  color: #fff;
}
.jl-pages li input {
  width: 30px;
  height: 30px;
  border: 1px solid #dddddd;
  text-align: center;
  border-radius: 3px;
  line-height: 28px;
  margin: 0 6px;
}
.m-sortbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 45px;
  border-bottom: 1px solid #f6f6f6;
  padding: 0 24px 0 30px;
}
.m-sortbox .sty .icn {
  width: 18px;
  cursor: pointer;
  margin-left: 10px;
  color: #cecece;
  transition: 0.4s;
}
.m-sortbox .sty .icn:nth-child(1) {
  width: 20px;
}
.m-sortbox .sty .icn.on, .m-sortbox .sty .icn:hover {
  color: #2f6fed;
}
.m-sortbox .sty .icn svg {
  display: block;
  width: 100%;
  height: auto;
}
.m-sortbox .sobox {
  position: relative;
  margin-right: 20px;
}
.m-sortbox .sobox .ipt {
  display: block;
  width: 170px;
  height: 30px;
  border: 1px solid #d2d2d2;
  padding: 0 35px 0 10px;
  font-size: 14px;
  color: #333;
}
.m-sortbox .sobox .ipt::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(132, 132, 132, 0.4);
}
.m-sortbox .sobox .ipt:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(132, 132, 132, 0.4);
}
.m-sortbox .sobox .ipt::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(132, 132, 132, 0.4);
}
.m-sortbox .sobox .ipt:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(132, 132, 132, 0.4);
}
.m-sortbox .sobox .ipt:focus {
  outline: none;
  border-color: #2f6fed;
}
.m-sortbox .sobox .so {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 0;
  background-color: transparent;
  transform: translateY(-50%);
  color: #cfcfcf;
  border: none;
  cursor: pointer;
}
.m-sortbox .sobox .so svg {
  display: block;
  width: 24px;
  height: auto;
}
.my-modal .ant-modal {
  width: 70% !important;
  max-width: 1026px !important;
}
.my-modal .ant-modal .ant-modal-content {
  border-radius: 10px;
  padding: 18px 22px 25px 22px;
}
.my-modal .ant-modal .ant-modal-header {
  margin-bottom: 0;
}
.my-modal .ant-modal .ant-modal-title {
  font-size: 24px;
  color: #333;
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
.my-modal .ant-modal .ant-modal-close {
  color: #4c4c4c;
  width: 35px;
  height: 35px;
  top: 26px;
  margin-right: 20px;
}
.my-modal .ant-modal .ant-modal-close-x {
  font-size: 28px;
  line-height: 35px;
}
.m-popb1 .infobox {
  overflow: hidden;
  margin-bottom: 20px;
}
.m-popb1 .infobox .pic {
  float: left;
  background-color: #F8FAFF;
  width: 261px;
  height: 265px;
  overflow: hidden;
  margin-right: 20px;
  position: relative;
}
.m-popb1 .infobox .pic img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 90%;
  max-height: 90%;
  transform: translate(-50%, -50%);
  display: block;
}
.m-popb1 .infobox .txt {
  overflow: hidden;
  padding-top: 10px;
}
.m-popb1 .infobox .title {
  font-size: 24px;
  color: #242424;
  font-weight: bold;
  margin-bottom: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.m-popb1 .infobox .info {
  font-size: 16px;
  color: #999999;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.m-popb1 .infobox .info .p {
  color: #666;
}
.m-popb1 .infobox .info .name {
  color: #089c39;
}
.m-popb1 .infobox .info .prbox {
  display: flex;
  align-items: baseline;
}
.m-popb1 .infobox .info .prbox .p1 {
  font-size: 30px;
  color: #d8392f;
  font-weight: bold;
}
.m-popb1 .infobox .info .prbox .p2 {
  font-size: 14px;
  color: #999;
  text-decoration: line-through;
  margin-left: 20px;
}
.m-popb1 .buytype {
  padding-bottom: 10px;
}
.m-popb1 .buytype .tit {
  font-size: 20px;
  color: #333;
  font-weight: 500;
  margin-bottom: 12px;
}
.m-popb1 .buytype .ant-radio-group {
  display: block;
}
.m-popb1 .buytype .ant-radio-wrapper {
  font-size: 16px;
  color: #595959;
}
.m-popb1 .buytype .line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.m-popb1 .buytype .line .num {
  font-size: 16px;
  color: #6a6a6a;
}
.m-popb1 .paybox .tit {
  font-size: 20px;
  color: #333;
  font-weight: 500;
  margin-bottom: 16px;
}
.m-popb1 .paybox .box {
  display: flex;
  align-items: center;
}
.m-popb1 .paybox .item {
  display: flex;
  align-items: center;
  cursor: pointer;
  border-radius: 12px;
  border: 1px solid #d2d2d2;
  background-color: #fff;
  font-size: 18px;
  color: #000;
  font-weight: 500;
  height: 60px;
  margin-left: 22px;
  padding: 0 20px;
  min-width: 318px;
  transition: 0.4s;
}
.m-popb1 .paybox .item.on {
  background-color: #f0fef5;
  border-color: #009933;
}
.m-popb1 .paybox .item:nth-child(1) {
  margin-left: 0;
}
.m-popb1 .paybox .item .icon {
  width: 38px;
  margin-right: 20px;
  flex-shrink: 0;
}
.m-popb1 .paybox .item .icon img {
  display: block;
  width: 100%;
}
.m-popb1 .paybox .item .p {
  flex: 1;
}
.m-popb1 .pricebox {
  text-align: right;
  font-size: 16px;
  color: #999999;
  padding: 10px 0;
  margin-bottom: 12px;
}
.m-popb1 .pricebox b {
  font-size: 30px;
  color: #d8392f;
}
.m-popb1 .bot-btns {
  display: flex;
  justify-content: center;
}
.m-popb1 .bot-btns .button {
  cursor: pointer;
  margin: 0 10px;
  min-width: 200px;
  text-align: center;
  height: 44px;
  line-height: 42px;
  border-radius: 5px;
  border: 1px solid #eee;
  background-color: #fff;
  color: #333;
  transition: 0.4s;
  font-size: 18px;
}
.m-popb1 .bot-btns .button.sty1 {
  background-color: #0033FF;
  color: #fff;
}
.m-popb1 .bot-btns .button:hover {
  opacity: 0.9;
}
.m-popb1 .ant-radio-wrapper .ant-radio-checked .ant-radio-inner {
  background-color: #fff;
}
.m-popb1 .ant-radio-wrapper .ant-radio-checked .ant-radio-inner::after {
  background: var(--personal-primary);
}
.user-rbox {
  background-color: #fff;
  border: 1px solid #eee;
}
.gtop-tab {
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  align-items: center;
  padding: 0 30px;
}
.gtop-tab.cup .tab {
  cursor: pointer;
}
.gtop-tab .tab {
  font-size: 20px;
  color: #666;
  position: relative;
  padding: 0 7px;
  line-height: 63px;
  margin-right: 40px;
  transition: 0.3s;
}
.gtop-tab .tab::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--personal-primary);
  border-radius: 3px;
  opacity: 0;
  transition: 0.3s;
}
.gtop-tab .act {
  color: #333;
  font-weight: bold;
}
.gtop-tab .act::after {
  opacity: 1;
}
.user-rbox {
  min-height: 100%;
}
.gbtn_red {
  padding: 6px 31px;
  border-radius: 4px;
  color: #fff;
  font-size: 18px;
  background-color: #ee362b;
  cursor: pointer;
  transition: 0.3s;
  border: none;
}
.gbtn_red:hover {
  background-color: #d92c27;
}
.gbtn {
  padding: 6px 8px;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  background-color: var(--personal-primary);
  cursor: pointer;
  transition: 0.3s;
  border: 1px solid var(--personal-primary);
}
.gbtn:hover {
  background-color: var(--personal-primary-hover);
  border-color: var(--personal-primary-hover);
}
.gbtn_line {
  padding: 6px 8px;
  border-radius: 4px;
  color: #999;
  font-size: 16px;
  background-color: #fff;
  cursor: pointer;
  transition: 0.3s;
  border: 1px solid #999;
}
.gbtn_line:hover {
  background-color: var(--personal-primary);
  color: #fff;
  border-color: var(--personal-primary);
}
.top-opts {
  display: flex;
  align-items: center;
  height: 50px;
  background: #ecf9f4;
  font-size: 14px;
  color: #666;
  padding: 0 20px;
}
.top-opts .ll {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 30%;
}
.top-opts .time {
  flex: 1;
  text-align: center;
}
.top-opts .button {
  color: var(--personal-primary);
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
}
.top-opts .button:hover {
  color: #0e9a6d;
}
.top-opts .btn {
  padding-top: 6px;
  padding-bottom: 6px;
  margin-left: 20px;
}
@media screen and (max-width: 1199px) {
.wp {
    max-width: none;
    padding: 0 15px;
    width: auto;
}
.g-boxb1 {
    padding: 0 15px;
}
.g-topb1 {
    padding: 15px 0;
}
.g-topb1 .tit {
    font-size: 18px;
}
.g-topb1 .en {
    font-size: 14px;
    margin-left: 10px;
}
.g-topb1 .more {
    font-size: 14px;
}
.g-titl1 {
    display: block;
    position: relative;
}
.g-titl1 .tit {
    display: flex;
    padding-right: 50px;
}
.g-titl1 .tit .cn {
    font-size: 20px;
    margin-right: 10px;
}
.g-titl1 .tit .en {
    font-size: 20px;
}
.g-titl1 .more {
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 2;
    font-size: 14px;
}
.ul-listl2 li .con {
    padding: 15px;
}
.my-modal .ant-modal {
    width: 90vw !important;
}
.my-modal .ant-modal .ant-modal-content {
    padding: 10px 15px 30px 15px;
}
.my-modal .ant-modal .ant-modal-title {
    font-size: 18px;
    padding-bottom: 10px;
}
.my-modal .ant-modal .ant-modal-close {
    top: 8px;
    right: 15px;
    width: 30px;
    height: 30px;
    margin-right: 0;
}
.my-modal .ant-modal .ant-modal-close-x {
    font-size: 20px;
    line-height: 30px;
}
.m-popb1 {
    max-height: 70vh;
    overflow-y: auto;
}
.m-popb1 .infobox .pic {
    margin-right: 10px;
}
.m-popb1 .infobox .txt {
    padding-top: 10px;
}
.m-popb1 .infobox .title {
    font-size: 18px;
    margin-bottom: 8px;
}
.m-popb1 .infobox .info {
    font-size: 14px;
    margin-bottom: 5px;
}
.m-popb1 .infobox .info .prbox .p1 {
    font-size: 22px;
}
}
@media screen and (max-width: 768px) {
.g-content .col-l {
    float: none;
    width: auto;
    margin-right: 0;
    margin-bottom: 15px;
}
}
@media screen and (max-width: 960px) {
.g-opts {
    font-size: 14px;
    justify-content: space-between;
}
.g-opts .button {
    font-size: 12px;
    padding: 0 5px;
    margin-right: 0;
}
.g-opts .b-like {
    margin-right: 0;
}
.g-cur {
    margin-bottom: 0;
}
.gtop-tab {
    padding: 0 15px;
}
.gtop-tab .tab {
    font-size: 18px;
    line-height: 50px;
    margin-right: 20px;
}
.gbtn,
  .gbtn_line {
    font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.m-sortbox {
    display: block;
    height: auto;
    padding: 10px;
}
.m-sortbox .left {
    margin-bottom: 10px;
}
.m-sortbox .sobox {
    flex: 1;
    margin-right: 6px;
}
.m-sortbox .sobox .ipt {
    width: 100%;
}
.ul-listl2 li {
    width: 50%;
    margin-bottom: 20px;
}
.m-popb1 .infobox .pic {
    margin: 0 auto;
    width: auto;
}
.m-popb1 .buytype .tit {
    font-size: 16px;
    margin-bottom: 10px;
}
.m-popb1 .buytype .line {
    margin-bottom: 7px;
}
.m-popb1 .paybox .tit {
    font-size: 16px;
    margin-bottom: 10px;
}
.m-popb1 .paybox .box {
    display: block;
}
.m-popb1 .paybox .item {
    width: 100%;
    min-width: auto;
    height: 45px;
    border-radius: 5px;
    margin: 0 0 10px;
    font-size: 14px;
    padding: 0 10px;
}
.m-popb1 .paybox .item .icon {
    width: 24px;
    margin-right: 10px;
}
.m-popb1 .pricebox {
    padding: 0 0 10px;
    margin-bottom: 0;
    font-size: 14px;
}
.m-popb1 .pricebox b {
    font-size: 22px;
}
.m-popb1 .bot-btns {
    justify-content: space-between;
}
.m-popb1 .bot-btns .button {
    min-width: auto;
    font-size: 16px;
    width: 48%;
    height: 45px;
    line-height: 43px;
}
}
@media screen and (max-width: 480px) {
.ul-listl2 li {
    width: auto;
    float: none;
}
.ul-listl2 li:last-child {
    margin-bottom: 0;
}
}
.jl-pages1 {
  padding: 20px 0;
  text-align: right;
}
.jl-pages1 li {
  display: inline-block;
  vertical-align: middle;
  min-width: 30px;
  text-align: center;
  font-size: 14px;
  color: #999999;
}
.jl-pages1 li a {
  display: block;
  min-width: 35px;
  line-height: 33px;
  text-align: center;
  padding: 0 10px;
  border: 1px solid #eeeeee;
  color: inherit;
  transition: 0.5s;
}
.jl-pages1 li a:hover {
  background-color: #f3c71c;
  border-color: #f3c71c;
  color: #fff;
}
.jl-pages1 li.on a {
  background-color: #f3c71c;
  border-color: #f3c71c;
  color: #fff;
}
.jl-pages1 li.arr {
  margin: 0 10px;
}
.jl-pages1 li.form {
  margin: 0 17px 0 5px;
}
.jl-pages1 li.form .inp {
  width: 35px;
  height: 35px;
  border: 1px solid #eeeeee;
  text-align: center;
  margin: 0 10px;
  transition: 0.5s;
}
.jl-pages1 li.form .inp:focus {
  outline: none;
  border-color: var(--personal-primary);
}
.jl-pages1 li .btn {
  width: 65px;
  height: 35px;
  line-height: 35px;
  padding: 0;
}
.jl-modal .ant-modal {
  width: 820px !important;
}
.jl-modal .ant-modal .ant-modal-content {
  overflow: auto;
  border-radius: 0;
}
.jl-modal .titbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 34px;
}
.jl-modal .titbox .bigtit {
  flex: 1;
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.jl-modal .titbox .close {
  flex-shrink: 0;
  width: 21px;
  cursor: pointer;
  margin-right: -6px;
}
.jl-modal .infobox {
  display: flex;
  align-items: center;
  background-color: #f0faf6;
  padding: 15px 30px;
  margin-bottom: 8px;
}
.jl-modal .infobox .pic {
  flex-shrink: 0;
  font-size: 0;
  width: 107px;
  margin-right: 30px;
}
.jl-modal .infobox .txt {
  flex: 1;
  overflow: hidden;
}
.jl-modal .infobox .txt .tit {
  font-size: 16px;
  color: #333333;
  font-weight: bold;
  margin-bottom: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.jl-modal .infobox .txt .desc {
  display: flex;
  flex-wrap: wrap;
}
.jl-modal .infobox .txt .desc .item {
  display: flex;
  align-items: center;
  width: 50%;
  font-size: 14px;
  line-height: 2;
}
.jl-modal .infobox .txt .desc .item .lab {
  flex-shrink: 0;
  color: #999999;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.jl-modal .infobox .txt .desc .item .p {
  flex: 1;
  color: #666666;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.jl-modal .infobox .txt .desc .item .num {
  flex: 1;
  font-size: 18px;
  color: #d8392f;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.jl-modal .hintbox {
  display: flex;
  align-items: center;
  height: 44px;
  background-color: #fffbe6;
  border: 1px solid #f7dc8b;
  padding: 0 20px;
  margin-bottom: 50px;
}
.jl-modal .hintbox .icn {
  flex-shrink: 0;
  width: 20px;
  margin-right: 20px;
}
.jl-modal .hintbox .p {
  flex: 1;
  font-size: 14px;
  color: #666666;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.jl-modal .selbox {
  margin-bottom: 30px;
  font-size: 16px;
}
.jl-modal .selbox .radbox {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.jl-modal .selbox .radbox .dot {
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  margin-right: 11px;
  border: 1px solid var(--personal-primary);
  padding: 2px;
  background-color: #fff;
  border-radius: 50%;
  transition: 0.5s;
}
.jl-modal .selbox .radbox .dot span {
  display: block;
  height: 100%;
  border-radius: 50%;
  background-color: var(--personal-primary);
  transition: 0.5s;
}
.jl-modal .selbox .radbox .tit {
  color: #666666;
}
.jl-modal .selbox .radbox .tit span {
  margin-left: 10px;
  color: #999999;
}
.jl-modal .selbox .checkbox {
  margin-left: 25px;
  background-color: #f9f9f8;
  position: relative;
  padding: 20px;
}
.jl-modal .selbox .checkbox::after {
  content: "";
  position: absolute;
  left: 10px;
  top: -5px;
  border-left: 5px solid #f9f9f8;
  border-top: 5px solid #f9f9f8;
  transform: rotate(45deg);
  z-index: 2;
}
.jl-modal .selbox .checkbox .list {
  display: flex;
  flex-wrap: wrap;
  cursor: auto;
}
.jl-modal .selbox .checkbox .list li {
  width: 50%;
}
.jl-modal .selbox .checkbox .list li .item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.jl-modal .selbox .checkbox .list li .item label {
  flex-shrink: 0;
  margin-right: 10px;
}
.jl-modal .selbox .checkbox .list li .item .p {
  flex: 1;
  color: #666666;
  overflow: hidden;
}
.jl-modal .labtit {
  font-size: 18px;
  color: #333333;
  margin-bottom: 20px;
}
.jl-modal .paylist {
  display: flex;
  margin-bottom: 50px;
}
.jl-modal .paylist li {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 20px 30px;
  font-size: 0;
  border: 1px solid #dfdfdf;
  margin-right: 27px;
  overflow: hidden;
  cursor: pointer;
  transition: 0.5s;
}
.jl-modal .paylist li:last-child {
  margin-right: 0;
}
.jl-modal .paylist li .dot {
  flex-shrink: 0;
  width: 13px;
  height: 13px;
  margin-right: 14px;
  border: 1px solid #999999;
  padding: 2px;
  background-color: #fff;
  border-radius: 50%;
  transition: 0.5s;
}
.jl-modal .paylist li .dot span {
  display: block;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  transition: 0.5s;
}
.jl-modal .paylist li.on {
  border-color: var(--personal-primary);
}
.jl-modal .paylist li.on .dot {
  border-color: var(--personal-primary);
}
.jl-modal .paylist li.on .dot span {
  background-color: var(--personal-primary);
}
.jl-modal .money {
  margin-bottom: 20px;
  text-align: right;
  font-size: 14px;
  color: #333333;
}
.jl-modal .money span {
  font-size: 24px;
  color: #d50000;
  font-weight: bold;
}
.jl-modal .btns {
  text-align: right;
}
.jl-modal .btns .btn {
  display: inline-block;
  vertical-align: middle;
  padding: 0 24px;
  min-width: 110px;
  height: 40px;
  background-color: var(--personal-primary);
  color: #fff;
  border-radius: 4px;
  margin-right: 11px;
}
.jl-modal .btns .btn:last-child {
  margin-right: 0;
}
.jl-modal .btns .btn:hover {
  opacity: 0.8;
}
.jl-modal .btns .btn.sty1 {
  background-color: #f97315;
}
.jl-modal .btns .btn.sty2 {
  background-color: #e5e5e5;
}
.ant-checkbox-group {
  cursor: auto;
}
@media screen and (max-width: 960px) {
.jl-pages1 {
    padding: 0;
}
.jl-pages1 li {
    margin-bottom: 5px !important;
}
.jl-modal .ant-modal .ant-modal-content {
    overflow: auto;
    padding: 15px;
}
.jl-modal .titbox {
    margin-bottom: 10px;
}
.jl-modal .titbox .close {
    margin-right: 0;
}
.jl-modal .infobox {
    display: block;
    padding: 10px;
}
.jl-modal .infobox .pic {
    margin: 0 auto 5px;
}
.jl-modal .infobox .txt .desc {
    display: block;
}
.jl-modal .infobox .txt .desc .item {
    width: auto;
}
.jl-modal .hintbox {
    margin-bottom: 10px;
}
.jl-modal .selbox .radbox {
    margin-bottom: 10px;
}
.jl-modal .selbox .radbox .dot {
    margin-right: 5px;
}
.jl-modal .selbox .checkbox {
    margin-left: 18px;
    padding: 10px;
}
.jl-modal .selbox .checkbox .list {
    display: block;
}
.jl-modal .selbox .checkbox .list li {
    width: auto;
}
.jl-modal .labtit {
    margin-bottom: 10px;
}
.jl-modal .paylist {
    margin-bottom: 10px;
}
.jl-modal .paylist li {
    padding: 10px;
    margin-right: 10px;
}
.jl-modal .money {
    margin-bottom: 10px;
}
.jl-modal .money span {
    font-size: 18px;
}
.jl-modal .btns .btn {
    min-width: 80px;
    padding: 0 10px;
}
}
.ant-modal-body {
  max-height: none !important;
}.vjs_video_1-dimensions.vjs-fluid[data-v-73e90181] {
  padding-top: 56%;
}
.detail-panel[data-v-73e90181] {
  min-height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  overflow: hidden;
}
.audioMod[data-v-73e90181] {
  width: min(100%, 874px);
  margin: auto;
  padding: clamp(18px, 4vw, 32px);
  box-sizing: border-box;
}
.audioMod .audio-content[data-v-73e90181] {
  width: 100%;
}
.audioMod .audio-error[data-v-73e90181] {
  min-height: clamp(260px, 52vw, 390px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px;
  box-sizing: border-box;
  color: #7A8580;
  text-align: center;
}
.audioMod .audio-error__title[data-v-73e90181] {
  color: #48524D;
  font-size: clamp(18px, 3vw, 22px);
  font-weight: 600;
}
.audioMod .audio-error__message[data-v-73e90181] {
  max-width: 520px;
  font-size: clamp(14px, 2.5vw, 16px);
  line-height: 1.7;
}
.audioMod .audio-pic[data-v-73e90181] {
  position: relative;
  width: min(100%, 420px);
  padding-top: clamp(28px, 6vw, 46px);
  margin: 0 auto clamp(28px, 5vw, 42px);
}
.audioMod .audio-pic .disk[data-v-73e90181] {
  margin: 0 auto;
  width: clamp(190px, 48vw, 275px);
  height: clamp(190px, 48vw, 275px);
  position: relative;
}
.audioMod .audio-pic .disk img[data-v-73e90181] {
  display: block;
  width: 100%;
  height: 100%;
}
.audioMod .audio-pic .disk .play[data-v-73e90181] {
  cursor: pointer;
  position: absolute;
  top: 50%;
  left: 52%;
  transform: translate(-50%, -50%);
  width: clamp(72px, 16vw, 90px);
  height: clamp(72px, 16vw, 90px);
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAsCAYAAADikXHLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRERFMkIwMjRCMzIxMUVDQTMyRkM1NzlGQzhCOUM4NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRERFMkIwMzRCMzIxMUVDQTMyRkM1NzlGQzhCOUM4NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZEREUyQjAwNEIzMjExRUNBMzJGQzU3OUZDOEI5Qzg2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZEREUyQjAxNEIzMjExRUNBMzJGQzU3OUZDOEI5Qzg2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Ju4jYQAAAelJREFUeNrM2U8og2EcB/B3s3JxcXPbwYoSIU35k5KLOLhKDkq0XJCDMkTKiSMHdhlutBSFkiUlhYPElIyEIkfKgcf3l+cpMbZ3e973/X3rs8P2bn33vs+e93nfuYQQhkwpNMMr7MKh4VSoFIyK3wmDT75uK3qoEf8n6ESpdZE8W1BpZ6l7kXqi4LW6lBvDKsvEEKyDC+izcpxTKWHyPdkwDUdQyKWUSjmcwyQU6J4SHoSeBHSOKV2ZkZOuX8fh05laOIAR8HAppTIGtzDMqRQlD8ZhD4q5lFKphhOY4lRKpV+Wa+FUypCHMQKn8uzAopRKEURhIlEHp0qpDMEVNHEqRfHCGoQgh55w0WlG/nw5JAYVboNXaNUxwK0Uxc+xlJtjqRi3gf4G+Zz21DaUwR2XUjSzN8jldfoLMU3ZoSkAjjnM6HSxMgj1Pws5saeoTBCW4OavjewstQ+dcMZhPfUCXVCVSiGrS33AgjyfzZl5o1WHbwMCcM3haoYOVS80pltI955alBcHT5l+kI5SmzALq7q+nSfDgdwBYe1rlzTH1Qr4rCik9tS7ie0foQeWLV3lwWUK2z1Dt7zysLTQ18lIiLYkN8Po7nGu3besSSRBmTi0OnFz3/Xtb5B2KJFjLA7zJsebtnwKMADhcJyO8FZ1fAAAAABJRU5ErkJggg==) no-repeat center center/clamp(34px, 8vw, 42px) auto;
}
.audioMod .audio-pic .disk.on img[data-v-73e90181] {
  animation: zhuan-73e90181 5s linear infinite;
  -moz-animation: zhuan-73e90181 5s linear infinite;
  -webkit-animation: zhuan-73e90181 5s linear infinite;
  -o-animation: zhuan-73e90181 5s linear infinite;
}
.audioMod .audio-pic .disk.on .play[data-v-73e90181] {
  left: 50%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjQtMDYtMjZUMjE6MzM6MTMrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI0LTA2LTI2VDIxOjU3OjEyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0LTA2LTI2VDIxOjU3OjEyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYwZjJiZWVjLTc3MGUtNGY2My1hOTA4LTM0Yjc0ZTRhMGNjYSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MGYyYmVlYy03NzBlLTRmNjMtYTkwOC0zNGI3NGU0YTBjY2EiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2MGYyYmVlYy03NzBlLTRmNjMtYTkwOC0zNGI3NGU0YTBjY2EiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjYwZjJiZWVjLTc3MGUtNGY2My1hOTA4LTM0Yjc0ZTRhMGNjYSIgc3RFdnQ6d2hlbj0iMjAyNC0wNi0yNlQyMTozMzoxMyswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+s/uTxwAAAXBJREFUWIXtmD1Lw1AYRp8ENWkxUBHFScSpuGgdXQQHoas4+AdU8of8+gVO4hYoKNjBRREdhE5FSgdRxGCgSRRzXeLWm1zNfbGV96x5ODlcwh1ivO1BYIgw/zrgp3AwNUMXPJI3MCcXz0vrx45ZqU4BmAPwkPit57CxFSQvd2u/eWkRp5F1S4wubHv26lFd9jxqut7H/YH0OYVTHmyOtZ3deD4vIDi02kjec3e6nNJvuFQ/7ag0qO50OWUnHDuuEABsBX8U7BsGACtnp8XZ94SN8sytohgA7HSfiS7n0F1rHEwNB1PDwdRwMDUcTA0HU8PB1HAwNRxMDQdTw8HU9A0WvcclAKGiI0z3mehyyk7Y+uyeXamY013eX59v53VRp/STCBubjopcdZdux4s6pcEi9mvRxY6XJY6aridiv6YSocuZ+X8YAAxr4qa8cZmYleo0gFkAncRvPfVOVkwRvy6rxupy5gYPGv/jWhtkOJiaL7emttfXgf4GAAAAAElFTkSuQmCC) no-repeat center center/clamp(34px, 8vw, 42px) auto;
}
.audioMod .audio-pic .needle[data-v-73e90181] {
  position: absolute;
  top: 0;
  right: 0;
  transform-origin: 70% 6.5%;
  transition: all 0.3s;
}
.audioMod .audio-pic .needle img[data-v-73e90181] {
  width: clamp(50px, 12vw, 70px);
  height: auto;
}
.audioMod .audio-pic .needle.on[data-v-73e90181] {
  transform: rotate(20deg);
}
.audioMod .line[data-v-73e90181] {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  width: min(100%, 640px);
  margin: 0 auto;
  box-sizing: border-box;
}
.audioMod .line[data-v-73e90181] .ant-slider {
  height: auto;
}
.audioMod .line[data-v-73e90181] .ant-slider-rail {
  height: 5px;
  border-radius: 999px;
  background-color: rgba(0, 0, 0, 0.1);
}
.audioMod .line[data-v-73e90181] .ant-slider-track {
  height: 5px;
  border-radius: 999px;
  background: linear-gradient(90deg, #10B27E 0%, #32D69E 100%) !important;
}
.audioMod .line[data-v-73e90181] .ant-slider-disabled .ant-slider-track {
  background: linear-gradient(90deg, #10B27E 0%, #32D69E 100%) !important;
}
.audioMod .line[data-v-73e90181] .ant-slider-handle::after {
  width: 8px;
  height: 8px;
  inset-inline-start: 2px;
  inset-block-start: 2px;
  box-shadow: 0 0 0 2px #10B27E;
  background-color: #FFFFFF;
}
.audioMod .line[data-v-73e90181] .ant-slider-disabled .ant-slider-handle::after {
  box-shadow: 0 0 0 2px #10B27E, 0 2px 8px rgba(16, 178, 126, 0.35) !important;
  cursor: default;
}
.audioMod .line .rr[data-v-73e90181] {
  display: flex;
  justify-content: flex-end;
}
.audioMod .line .time[data-v-73e90181] {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #7A8580;
  font-size: clamp(13px, 2.6vw, 16px);
  line-height: 1;
}
.audioMod .line .time .num1[data-v-73e90181] {
  color: #10B27E;
  font-weight: 600;
}
.audioMod .line .time .num2[data-v-73e90181] {
  color: #48524D;
}
.audioMod .vjs-poster[data-v-73e90181] {
  background: none;
}
.audioMod .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar[data-v-73e90181] {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}
.audioMod .video-js[data-v-73e90181] {
  background: none;
  padding-top: 40px;
  margin-top: 30px;
}
.audioMod .vjs-seeking .vjs-loading-spinner[data-v-73e90181],
.audioMod .vjs-waiting .vjs-loading-spinner[data-v-73e90181],
.audioMod .vjs-menu-button[data-v-73e90181] {
  display: none;
}
.audioMod .video-js .vjs-time-control[data-v-73e90181] {
  padding-left: 0px;
  padding-right: 0px;
}
.audioMod .video-js .vjs-control[data-v-73e90181] {
  width: 3em;
}
.audioMod .video-js .vjs-control-bar[data-v-73e90181] {
  background: none;
  color: #29C08C;
  font-size: 14px;
  display: flex;
  z-index: 100;
  pointer-events: auto !important;
}
.audioMod .video-js .vjs-play-progress[data-v-73e90181] {
  background-color: #29C08C;
}
.audioMod .vjs-big-play-centered .vjs-big-play-button[data-v-73e90181],
.audioMod .video-js .vjs-fullscreen-control[data-v-73e90181] {
  display: none !important;
}
.audioMod .video-js .vjs-duration[data-v-73e90181],
.audioMod .vjs-no-flex .vjs-duration[data-v-73e90181] {
  display: inline;
  color: #212529;
}
.audioMod .vjs-duration-display[data-v-73e90181] {
  font-size: 16px;
}
.audioMod .video-js .vjs-current-time[data-v-73e90181],
.audioMod .video-js .vjs-time-control[data-v-73e90181],
.audioMod .video-js .vjs-duration[data-v-73e90181],
.audioMod .video-js .vjs-mute-control[data-v-73e90181] {
  color: #212529;
  font-size: 16px;
}
@media (max-width: 1024px) {
.detail-panel[data-v-73e90181] {
    align-items: flex-start;
}
.audioMod[data-v-73e90181] {
    padding-top: clamp(20px, 6vh, 56px);
}
.audioMod .line[data-v-73e90181] {
    width: min(92vw, 640px);
}
}
@media (max-width: 480px) {
.audioMod[data-v-73e90181] {
    padding: 18px 14px;
}
.audioMod .audio-pic[data-v-73e90181] {
    width: 100%;
    margin-bottom: 22px;
}
.audioMod .audio-pic .needle[data-v-73e90181] {
    right: calc(50vw - 150px);
}
.audioMod .line[data-v-73e90181] {
    width: 100%;
}
.audioMod .line[data-v-73e90181] .ant-slider-rail,
  .audioMod .line[data-v-73e90181] .ant-slider-track {
    height: 4px;
}
.audioMod .line[data-v-73e90181] .ant-slider-handle::after {
    width: 6px;
    height: 6px;
}
}
@keyframes zhuan-73e90181 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@-moz-keyframes zhuan-73e90181 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@-webkit-keyframes zhuan-73e90181 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@-o-keyframes zhuan-73e90181 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
.audio-loading[data-v-73e90181] {
  height: 100%;
  width: 100%;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.audio-loading[data-v-73e90181] .ant-spin {
  color: #559bfa;
}
.audio-loading[data-v-73e90181] .ant-spin .ant-spin-dot-item {
  background-color: #559bfa;
}
.audio-loading[data-v-73e90181] .ant-spin-text {
  color: #559bfa;
}
.detail-panel iframe[data-v-3dfb2370] {
  width: 100%;
  height: 100vh;
  border: none;
}
.pdf-viewer[data-v-3dfb2370]{
  border:none;
}

.detail-panel[data-v-03313cc7] {
  width: 100%;
  height: 100%;
}
.image-container[data-v-03313cc7] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.preview-image[data-v-03313cc7] {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.preview-image[data-v-03313cc7] .el-image__inner {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.detail-panel iframe[data-v-ede4e12c] {
  width: 100%;
  height: 100vh;
  border: none;
}

.detail-panel iframe[data-v-e19afc31] {
  width: 100%;
  height: 100vh;
  border: none;
}
.detail-panel[data-v-e19afc31] {
  /* min-height: 750px; */
  max-height: 1450px;
}
@media screen and (max-width: 768px) {
.detail-panel .ppt iframe[data-v-e19afc31] {
    min-height: 400px;
}
}

.container-review {
  max-width: calc(100vw - 2px);
  height: calc(100vh - 198px);
  overflow: auto;
  position: relative;
}

.excel-container[data-v-7e05ca2c] {
  max-width: calc(100vw - 252px);
  height: calc(100vh - 216px);
  overflow: auto;
  position: relative;
@media (max-width: 768px) {
        max-width:none;
}
}
.detail-panel[data-v-7e05ca2c] {
  width: 100%;
  min-height: calc(100vh - 225px);
}

.detail-panel[data-v-de42e0ed] {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}
.detail-panel .video-content[data-v-de42e0ed] {
  width: 100%;
  height: 100%;
}
.detail-panel .video-error[data-v-de42e0ed] {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 24px;
  box-sizing: border-box;
  color: rgba(255, 255, 255, 0.72);
  background: #111;
  text-align: center;
}
.detail-panel .video-error__title[data-v-de42e0ed] {
  color: #fff;
  font-size: clamp(18px, 3vw, 22px);
  font-weight: 600;
}
.detail-panel .video-error__message[data-v-de42e0ed] {
  max-width: 520px;
  font-size: clamp(14px, 2.5vw, 16px);
  line-height: 1.7;
}
.detail-panel .video-loading[data-v-de42e0ed] {
  height: 100%;
  width: 100%;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #111;
}
.detail-panel .video-loading[data-v-de42e0ed] .ant-spin {
  color: #559bfa;
}
.detail-panel .video-loading[data-v-de42e0ed] .ant-spin .ant-spin-dot-item {
  background-color: #559bfa;
}
.detail-panel .video-loading[data-v-de42e0ed] .ant-spin-text {
  color: #559bfa;
}
.detail-panel .video-js[data-v-de42e0ed] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  /* 保持宽高比，不裁切 */
  padding: 0;
}
.detail-panel iframe[data-v-7162e0c0] {
  width: 100%;
  height: 100vh;
  border: none;
}
.detail-panel[data-v-d6b89057] {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #262626;
}
.detail-panel.is-embedded[data-v-d6b89057],
.detail-panel.is-inline[data-v-d6b89057] {
  height: clamp(560px, 60vw, 800px);
}
.detail-panel.is-dialog[data-v-d6b89057] {
  height: clamp(480px, 55vw, 720px);
}
.canvas[data-v-d6b89057] {
  width: 100%;
  height: 100%;
  display: block;
}
.html-viewer[data-v-d6b89057] {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  background: #ffffff;
}
@media (max-width: 767px) {
.detail-panel.is-embedded[data-v-d6b89057],
  .detail-panel.is-inline[data-v-d6b89057] {
    height: calc(100vh - 225px);
    height: calc(100dvh - 225px);
    min-height: 320px;
}
.detail-panel.is-dialog[data-v-d6b89057] {
    height: min(620px, 70dvh);
    min-height: 320px;
}
}
.loading-mask[data-v-d6b89057] {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(38, 38, 38, 0.82);
  color: #ffffff;
  pointer-events: none;
}
.loading-panel[data-v-d6b89057] {
  width: min(360px, 100% - 48px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.loading-spinner[data-v-d6b89057] {
  width: 34px;
  height: 34px;
  border: 3px solid rgba(255, 255, 255, 0.26);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: loading-rotate-d6b89057 0.9s linear infinite;
}
.loading-title[data-v-d6b89057] {
  max-width: 100%;
  font-size: 18px;
  line-height: 1.35;
  text-align: center;
}
.progress-row[data-v-d6b89057] {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}
.progress-track[data-v-d6b89057] {
  flex: 1;
  min-width: 0;
  height: 8px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.18);
  border-radius: 999px;
}
.progress-bar[data-v-d6b89057] {
  height: 100%;
  min-width: 8px;
  background: #4ea1ff;
  border-radius: inherit;
  transition: width 0.18s ease;
}
.progress-bar.is-indeterminate[data-v-d6b89057] {
  animation: loading-progress-d6b89057 1.2s ease-in-out infinite;
}
.progress-percent[data-v-d6b89057] {
  flex: 0 0 38px;
  font-size: 13px;
  line-height: 1;
  text-align: right;
  color: rgba(255, 255, 255, 0.82);
  font-variant-numeric: tabular-nums;
}
.loading-meta[data-v-d6b89057] {
  max-width: 100%;
  min-height: 18px;
  font-size: 13px;
  line-height: 1.4;
  text-align: center;
  color: rgba(255, 255, 255, 0.72);
}
@keyframes loading-rotate-d6b89057 {
to {
    transform: rotate(360deg);
}
}
@keyframes loading-progress-d6b89057 {
0% {
    transform: translateX(-100%);
}
100% {
    transform: translateX(265%);
}
}.book-detail {
  width: 100%;
  height: 100%;
}
.book-detail .detail-panel {
  min-height: 100%;
}.error-page[data-v-57981055] {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
  background: radial-gradient(circle at 18% 20%, rgba(92, 146, 255, 0.16), transparent 30%), radial-gradient(circle at 78% 76%, rgba(255, 184, 77, 0.2), transparent 28%), linear-gradient(135deg, #f7fbff 0%, #eef5ff 48%, #fff8eb 100%);
}
.error-card[data-v-57981055] {
  width: min(520px, 100%);
  padding: 44px 36px;
  text-align: center;
  border: 1px solid rgba(36, 74, 124, 0.08);
  border-radius: 28px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 24px 70px rgba(31, 67, 112, 0.14);
  backdrop-filter: blur(12px);
}
.error-visual[data-v-57981055] {
  width: 116px;
  height: 116px;
  margin: 0 auto 24px;
  display: grid;
  place-items: center;
  border-radius: 34px;
  transform: rotate(-8deg);
}
.error-visual__mark[data-v-57981055] {
  display: grid;
  place-items: center;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  color: #fff;
  font-size: 44px;
  font-weight: 700;
  line-height: 1;
  transform: rotate(8deg);
}
.error-label[data-v-57981055] {
  margin-bottom: 8px;
  color: #6a7b91;
  font-size: 15px;
}
h1[data-v-57981055] {
  margin: 0;
  color: #17233d;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
}
.error-desc[data-v-57981055] {
  margin-top: 14px;
  color: #647086;
  font-size: 16px;
  line-height: 1.7;
}
.is-warning .error-visual[data-v-57981055] {
  background: #fff0c9;
}
.is-warning .error-visual__mark[data-v-57981055] {
  background: #f6a92d;
}
.is-empty .error-visual[data-v-57981055] {
  background: #dcecff;
}
.is-empty .error-visual__mark[data-v-57981055] {
  background: #4a8ce8;
}
.is-locked .error-visual[data-v-57981055] {
  background: #ffe0df;
}
.is-locked .error-visual__mark[data-v-57981055] {
  background: #e65c55;
}
@media (max-width: 560px) {
.error-card[data-v-57981055] {
    padding: 36px 22px;
    border-radius: 22px;
}
h1[data-v-57981055] {
    font-size: 24px;
}
.error-desc[data-v-57981055] {
    font-size: 15px;
}
}.toast-container[data-v-4b10c378] {
  position: fixed;
  z-index: 9999;
  padding: 15px;
  min-width: 250px;
  max-width: 80%;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  pointer-events: none;
  transition: opacity 0.3s, transform 0.3s;
  display: flex;
  justify-content: center;
}
.toast-container.top[data-v-4b10c378] {
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.toast-container.bottom[data-v-4b10c378] {
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.toast-container.top-left[data-v-4b10c378] {
  top: 20px;
  left: 20px;
}
.toast-container.top-right[data-v-4b10c378] {
  top: 20px;
  right: 20px;
}
.toast-container.bottom-left[data-v-4b10c378] {
  bottom: 20px;
  left: 20px;
}
.toast-container.bottom-right[data-v-4b10c378] {
  bottom: 20px;
  right: 20px;
}
.toast-container.toast-success[data-v-4b10c378] {
  background-color: #4caf50;
  color: #fff;
}
.toast-container.toast-error[data-v-4b10c378] {
  background-color: #f44336;
  color: #fff;
}
.toast-container.toast-warning[data-v-4b10c378] {
  background-color: #ff9800;
  color: #fff;
}
.toast-container.toast-info[data-v-4b10c378] {
  background-color: #2196f3;
  color: #fff;
}
.toast-container .toast-content[data-v-4b10c378] {
  display: flex;
  align-items: center;
}
.toast-container .toast-content .toast-icon[data-v-4b10c378] {
  margin-right: 10px;
  width: 20px;
  height: 20px;
  position: relative;
}
.toast-container .toast-content .toast-icon i[data-v-4b10c378] {
  display: block;
  width: 100%;
  height: 100%;
}
.toast-container .toast-content .toast-icon .toast-icon-success[data-v-4b10c378]::before, .toast-container .toast-content .toast-icon .toast-icon-success[data-v-4b10c378]::after {
  content: "";
  position: absolute;
  background-color: #fff;
}
.toast-container .toast-content .toast-icon .toast-icon-success[data-v-4b10c378]::before {
  width: 6px;
  height: 2px;
  left: 3px;
  top: 12px;
  transform: rotate(45deg);
}
.toast-container .toast-content .toast-icon .toast-icon-success[data-v-4b10c378]::after {
  width: 10px;
  height: 2px;
  right: 3px;
  top: 10px;
  transform: rotate(-45deg);
}
.toast-container .toast-content .toast-icon .toast-icon-error[data-v-4b10c378]::before, .toast-container .toast-content .toast-icon .toast-icon-error[data-v-4b10c378]::after {
  content: "";
  position: absolute;
  width: 16px;
  height: 2px;
  background-color: #fff;
  top: 9px;
  left: 2px;
}
.toast-container .toast-content .toast-icon .toast-icon-error[data-v-4b10c378]::before {
  transform: rotate(45deg);
}
.toast-container .toast-content .toast-icon .toast-icon-error[data-v-4b10c378]::after {
  transform: rotate(-45deg);
}
.toast-container .toast-content .toast-icon .toast-icon-warning[data-v-4b10c378]::before, .toast-container .toast-content .toast-icon .toast-icon-warning[data-v-4b10c378]::after {
  content: "";
  position: absolute;
  background-color: #fff;
}
.toast-container .toast-content .toast-icon .toast-icon-warning[data-v-4b10c378]::before {
  width: 2px;
  height: 10px;
  left: 9px;
  top: 2px;
}
.toast-container .toast-content .toast-icon .toast-icon-warning[data-v-4b10c378]::after {
  width: 2px;
  height: 2px;
  left: 9px;
  bottom: 2px;
  border-radius: 50%;
}
.toast-container .toast-content .toast-icon .toast-icon-info[data-v-4b10c378]::before, .toast-container .toast-content .toast-icon .toast-icon-info[data-v-4b10c378]::after {
  content: "";
  position: absolute;
  background-color: #fff;
}
.toast-container .toast-content .toast-icon .toast-icon-info[data-v-4b10c378]::before {
  width: 2px;
  height: 2px;
  left: 9px;
  top: 2px;
  border-radius: 50%;
}
.toast-container .toast-content .toast-icon .toast-icon-info[data-v-4b10c378]::after {
  width: 2px;
  height: 10px;
  left: 9px;
  bottom: 2px;
}
.toast-container .toast-content .toast-message[data-v-4b10c378] {
  font-size: 16px;
  line-height: 1.5;
}
.toast-fade-enter-active[data-v-4b10c378],
.toast-fade-leave-active[data-v-4b10c378] {
  transition: opacity 0.3s, transform 0.3s;
}
.toast-fade-enter-from[data-v-4b10c378],
.toast-fade-leave-to[data-v-4b10c378] {
  opacity: 0;
  transform: translateY(-20px) translateX(-50%);
}
.empty-data-container[data-v-ffc74a4b] {
  width: 100%;
  min-width: 200px;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 32px 16px;
  box-sizing: border-box;
}
.empty-data-content[data-v-ffc74a4b] {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.empty-icon[data-v-ffc74a4b] {
  margin-bottom: 16px;
  opacity: 1;
}
.empty-icon svg[data-v-ffc74a4b] {
  display: block;
}
.empty-text[data-v-ffc74a4b] {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.25);
  margin-bottom: 8px;
  line-height: 22px;
}
.empty-description[data-v-ffc74a4b] {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1.5;
  margin-bottom: 16px;
}

/* 响应式设计 */
@media (max-width: 768px) {
.empty-data-container[data-v-ffc74a4b] {
    min-height: 100px;
    padding: 24px 12px;
}
.empty-icon svg[data-v-ffc74a4b] {
    width: 48px;
    height: 31px;
}
.empty-text[data-v-ffc74a4b] {
    font-size: 12px;
}
.empty-description[data-v-ffc74a4b] {
    font-size: 11px;
}
}