.forex-wrapper {
  position: relative;
  /* min-height: calc(100vh - 88rem); */
  padding: 56rem 270rem 100rem 270rem;
  display: flex;
  gap: 40rem;
  margin: 0 auto;
  /* max-width: 1920px; */
}
.forex-wrapper-body {
  position: relative;
  width: 1114rem;
}
.forex-wrapper h1 {
  color: #232222;
  font-size: 28rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.forex-wrapper h2 {
  color: #232222;
  font-size: 22rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 20px 0px 10px;
}
.forex-title-intro {
  margin-top: 10rem;
  color: #232222;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.forex-inner-wrapper {
  display: flex;
  justify-content: space-between;
}

.forex-inner-wrapper-left {
  width: 760rem;
  flex-shrink: 0;
}
.forex-inner-wrapper-right {
  display: flex;
  flex-direction: column;
  gap: 42rem;
  width: 254rem;
  flex-shrink: 0;
}

.forex-inner-wrapper-right-title {
  color: #232222;
  font-size: 18rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
/* 去除滚动条 */
.no-scrollbar::-webkit-scrollbar {
  display: none; /* 隐藏滚动条 */
}

.no-scrollbar {
  -ms-overflow-style: none; /* IE 和 Edge */
  scrollbar-width: none; /* Firefox */
  overflow-y: scroll; /* 仍然可以滚动 */
}

/* 面包屑 开始*/
.breadcrumb-box {
  display: flex;
  flex-wrap: wrap;
  gap: 18rem 10rem;
}

.breadcrumb-link {
  color: #6a6967;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  margin-left: 10rem;
}
.breadcrumb-link:hover {
  color: #232222;
}
.breadcrumb-link-item {
  max-width: 720rem;
  white-space: nowrap; /* 禁止换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 溢出时显示省略号 */
}
.breadcrumb-link-item:first-child .breadcrumb-link {
  margin-left: 0;
}
.breadcrumb-link-item:last-child .breadcrumb-link {
  color: #232222;
  font-weight: 500;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 500rem;
  vertical-align: baseline;
}
.breadcrumb-link-item + .breadcrumb-link-item::before {
  font-size: 14rem;
  line-height: 1;
  font-family: "iconfont" !important;
  content: "\e624";
  color: #b2afad;
}
/* 面包屑 结束*/

/* 相关词典开始 */
.related-dictionary-list {
  margin-top: 20rem;
  display: flex;
  flex-wrap: wrap;
  gap: 8rem 20rem;
}
.related-dictionary-item {
  color: #232222;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.related-dictionary-item:hover {
  color: #a52933;
  font-weight: 500;
}

/* 相关词典结束 */

/* 相关文章开始 */
.article-list {
  display: flex;
  flex-direction: column;
}
.article-item {
  position: relative;
  width: 100%;
  padding: 15rem 0;
}

.article-item + .article-item {
  border-top: 1px solid #e1e6ed;
}
.article-item-title {
  display: inline-block;
  width: 100%;
  color: #232222;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  white-space: nowrap; /* 禁止换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 溢出时显示省略号 */
}
.article-item-publish-time {
  margin-top: 8rem;
  color: #6a6967;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.article-item-title:hover {
  color: #a52933;
}
.article-item-img {
  flex-shrink: 0;
  height: 169rem;
  width: 264rem;
  border-radius: 8rem;
  background: #f9f6f2;
  overflow: hidden;
  object-fit: cover;
}

/* 相关文章结束 */

/* 推荐阅读 开始 */
.reading-list {
  display: flex;
  flex-direction: column;
}
.reading-item {
  position: relative;
  width: 100%;
  padding: 15rem 0;
  display: flex;
  align-items: center;
  gap: 20rem;
}

.reading-item > div {
  position: relative;
  flex: 1;
  overflow: hidden;
}
.reading-item-title {
  display: inline-block;
  width: 100%;
  color: #232222;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  height: 35rem;
  display: -webkit-box; /* 关键：使用弹性盒模型 */
  -webkit-box-orient: vertical; /* 垂直方向排列 */
  -webkit-line-clamp: 2; /* 限制显示2行 */
  overflow: hidden; /* 隐藏超出部分 */
  text-overflow: ellipsis; /* 超出显示... */
}
.reading-item-title:hover {
  color: #a52933;
}

.reading-item-publish-time {
  margin-top: 2rem;
  color: #6a6967;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.reading-item-img {
  flex-shrink: 0;
  width: 88rem;
  border-radius: 8rem;
  background: #f9f6f2;
  overflow: hidden;
  object-fit: cover;
}
/* 推荐阅读 结束 */

/* 相关大师开始 */
.related-expert-list {
  margin-top: 20rem;
  display: flex;
  flex-wrap: wrap;
  gap: 8rem 20rem;
}
.related-expert-item {
  color: #232222;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.related-expert-item:hover {
  color: #a52933;
  /* font-weight: 500; */
}

/* 相关大师结束 */

/* 相关书籍开始 */
.related-book-list {
  margin-top: 20rem;
  display: flex;
  flex-wrap: wrap;
  gap: 8rem 20rem;
}
.related-book-item {
  color: #232222;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.related-book-item:hover {
  color: #a52933;
}

/* 相关书籍结束 */

/* 推荐视频开始 */

.video-list {
  margin-top: 20rem;
  display: flex;
  flex-direction: column;
  gap: 20rem;
}
.video-item {
  position: relative;
  width: 100%;
}
.video-item-title {
  margin-top: 14rem;
  color: #232222;
  font-size: 14rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap; /* 禁止换行 */
  overflow: hidden; /* 隐藏溢出内容 */
  text-overflow: ellipsis; /* 溢出时显示省略号 */
}
.video-btn-text {
  display: inline-block;
  margin-top: 5rem;
  color: #b2afad;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.video-btn-text::after {
  font-family: "iconfont" !important;
  content: "\e624";
  color: #b2afad;
  font-size: 14rem;
  margin-left: 4rem;
  line-height: normal;
}
.video-item:hover .video-btn-text::after,
.video-item:hover .video-btn-text {
  color: #a52933;
}
/* 推荐视频结束 */

/* 通用搜索框样式 开始 */

.input-with-select {
  width: 100%;
}
#search-box-index .el-icon-search {
  font-size: 24rem;
  color: #a52933;
  width: 60rem;
  line-height: 56rem;
}
#search-box-index .search-clean-icon {
  font-size: 16rem;
  margin-right: 14rem;
  cursor: pointer;
}
.el-autocomplete-suggestion a:hover,
.el-autocomplete-suggestion a {
  color: #232222;
}
.search-result-card-title em,
.custom-template em {
  color: #a52933;
  font-style: normal !important;
}

.search-line {
  position: absolute;
  right: 0;
  top: 14rem;
  width: 1px;
  height: 28rem;
  background-color: #e1e6ed;
}
.ar .search-line {
  left: 0;
  right: unset;
}

#search-box-index {
}
.search-box {
  border: 1px solid #e1e6ed;
  border-radius: 8rem;
  overflow: hidden;
}

#search-box-index .el-select .el-input {
  width: 128rem;
}
#search-box-index .el-input__inner {
  /* width: 100%; */
  vertical-align: middle;
  display: table-cell;
  height: 56rem;
  background-color: #fafafa;
  border: none;
  font-size: 16rem;
  color: #232222;
}
#search-box-index .el-input__prefix {
  left: 0;
  transition: none;
  /* width: 60rem; */
}
#search-box-index .el-input__suffix {
  right: 0;
}
.ar #search-box-index .el-input__suffix {
  right: unset;
  left: 0;
}

#search-box-index .el-input--prefix .el-input__inner {
  padding-left: 60rem;
}
#search-box-index .el-select .el-input--suffix .el-input__inner {
  padding-right: 40rem;
}
.ar #search-box-index .el-select .el-input--suffix .el-input__inner {
  padding-left: 40rem;
}

.ar #search-box-index .el-input--prefix .el-input__inner {
  padding-left: unset;
  padding-right: 60rem;
}
.ar #search-box-index .el-select .el-input--suffix .el-input__inner {
  padding-left: 40rem;
  padding-right: unset;
}

#search-box-index .el-select .el-input__suffix {
  right: 14rem;
}

.ar #search-box-index .el-select .el-input__suffix {
  left: 14rem;
  right: unset;
}

#search-box-index .el-input--suffix .el-input__inner {
  padding-right: 200rem;
}
.ar #search-box-index .el-input--suffix .el-input__inner {
  padding-left: 200rem;
  padding-right: 20rem;
}

#search-box-index .el-select .el-input .el-input__inner {
  padding-left: 24rem;
}
.ar #search-box-index .el-select .el-input .el-input__inner {
  padding-right: 24rem;
}

#search-box-index .el-input-group__prepend {
  border: none;
}

#search-box-index .my-search-btn {
  margin-top: 10rem;
  margin-right: 10rem;
  display: inline-flex;
  align-items: center;
  padding: 0 36rem;
  height: 36rem;
  border-radius: 4rem;
  background: #a52933;
  color: #fff;
  text-align: center;
  font-size: 16rem;
  font-weight: 500;
  line-height: 1;
}
.ar #search-box-index .my-search-btn {
  margin-left: 10rem;
}
#search-box-index .my-search-btn:hover {
  color: #fff;
  background: #7d0b14;
}
#search-box-index .my-search-btn:active {
  color: #fff;
  background: #7d0b14;
}
/* 通用搜索框样式 结束 */

/* element-ui reset 特定的分页器 开始*/

.ebc-page-pagination .el-pager li {
  font-size: 14rem;
  height: 28rem;
  line-height: 28rem;
  min-width: 28rem;
}
.ebc-page-pagination .el-pager li.btn-quicknext,
.ebc-page-pagination .el-pager li.btn-quickprev,
.ebc-page-pagination .el-pager .more::before {
  line-height: 28rem;
  height: 28rem;
}
.ebc-page-pagination .el-pagination .btn-next,
.ebc-page-pagination .el-pagination .btn-prev {
  font-size: 14rem;
  height: 28rem;
  line-height: 28rem;
}

.ebc-page-pagination .el-pager li.active {
  background-color: #a52933;
  border-radius: 50%;
  color: #fff;
}

.ebc-page-pagination li + li {
  margin-left: 18rem !important;
}
.ebc-page-pagination .el-pager {
  margin: 0 18rem;
}
/* element-ui reset 特定的分页器 结束*/

/* 详情底部注册banner */
.bottom-banner {
  margin-top: 56rem;
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  gap: 30rem;
  min-height: 140rem;
  border-radius: 8rem;
  background: #f9f6f2;
  padding: 20rem 32rem;
}

.bottom-banner-icon {
  width: 58rem;
  flex-shrink: 0;
}
.bottom-banner-intro {
  width: 256rem;
  color: #232222;
  font-size: 18rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  flex-grow: 1;
  margin-right: 30rem;
}
.bottom-banner-img {
  width: 164rem;
  /* height: 140rem; */
  object-fit: cover;
  flex-shrink: 0;
}
.bottom-banner-img2 {
  width: 138rem;
  margin-right: 4rem;
  /* height: 140rem;
  object-fit: cover;
  flex-shrink: 0; */
}
.bottom-banner-btn {
  flex-shrink: 0;
  height: 32rem;
  min-width: 120rem;
  padding: 0 20rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4rem;
  border: 1px solid #a52933;
  color: #a52933;
  font-size: 14rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  transition: all 0.3s;
}
.bottom-banner-btn:hover {
  color: #fff;
  background-color: #a52933;
}

.forex-inner-wrapper-footer .bottom-banner {
  padding: 0 40rem;
  gap: 40rem;
  margin-top: 88rem;
}
.forex-inner-wrapper-footer .bottom-banner-btn {
  min-width: 168rem;
}

/* 关联标签 开始*/
.linked-tags {
  margin-top: 52rem;
  color: #232222;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  flex-wrap: wrap;
  gap: 14rem;
}
.linked-tags a {
  color: #214ac1;
}
.linked-tags a:hover {
  color: #092985;
}
/* 关联标签 结束*/

/* ebc-tabs 开始*/
.ebc-tabs-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 10rem;
  align-items: flex-start;
  max-height: 30rem;
  overflow: hidden;
  transition: all 0.3s;
  margin-bottom: 48rem;
}

.ebc-tabs-box-show-all {
  max-height: 800rem;
}
.ebc-tabs-show {
  flex-shrink: 0;
  display: flex;
  color: #6a6967;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  cursor: pointer;
  line-height: normal;
}
.ebc-tabs-show .icon-a-down {
  display: inline-block;
  font-size: 16rem;
  color: #b2afad;
  transition: all 0.3s;
}
.show-all-type .icon-a-down {
  transform: rotate(180deg);
}
.show-more-text {
  display: inline;
}

.hidden-more-text {
  display: none;
}
.show-all-type .show-more-text {
  display: none;
}
.show-all-type .hidden-more-text {
  display: inline;
}
.ebc-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 20rem 40rem;
}
.ebc-tab-item {
  color: #6a6967;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
}
.ebc-tab-line-item {
  color: #6a6967;
  font-size: 16rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
  padding: 0 0 6rem 0;
  border-bottom: 1px solid transparent;
}
.ebc-tab-item-selected,
.ebc-tab-item:hover {
  color: #a52933;
}
.ebc-tab-line-item-selected,
.ebc-tab-line-item:hover {
  color: #232222;
  border-bottom: 1px solid #a52933;
}
/* ebc-tabs 结束*/
/* 问答 开始 */
.QA-list {
  margin: 0 auto;
  margin-top: 22rem;
}
.QA-item {
  padding: 26rem 0;
  border-bottom: 1px solid #e1e6ed;
}
.QA-item:first-child {
  border-top: 1px solid #e1e6ed;
}
.QA-actived {
  border-bottom: 1px solid #a52933;
}
.QA-actived .QA-title,
.QA-item:hover .QA-title {
  /* box-shadow: 0 12px 18px -6px rgba(34, 56, 101, 0.12); */
  color: #a52933;
}

.QA-title {
  position: relative;
  color: #232222;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
  padding-right: 20rem;
}

.QA-title::after {
  position: absolute;
  right: 0;
  top: 4rem;
  content: "\e602";
  color: #949699;
  font-family: "iconfont" !important;
  font-size: 16rem;
  transition: all 0.3s;
}

.ar .QA-title {
  padding-left: 20rem;
  padding-right: 0;
}
.ar .QA-title::after {
  right: unset;
  left: 0;
}

.QA-actived .QA-title::after {
  transform: rotate(180deg);
  color: #a52933;
}

.QA-content {
  margin-top: 12rem;
  display: none;
}
.QA-li {
  color: #6a6967;
  font-size: 14rem;
  font-style: normal;
  font-weight: 400;
  line-height: 28rem;
}

/* 问答 结束 */

.mt-50 {
  margin-top: 50rem;
}
/* 上一篇  下一篇 开始*/
.other-article {
  margin-top: 48rem;
  color: #232222;
  font-size: 14rem;
  line-height: normal;
}
.other-article-item + .other-article-item {
  margin-top: 14rem;
}
.other-article-item-label {
  line-height: 2;
}
.other-article-item-link {
  color: #214ac1;
}
.other-article-item-link:hover {
  color: #092985;
}

/* 上一篇  下一篇 结束*/
@media (max-width: 1440px) {
  html {
    font-size: 0.0694439vw !important;
  }
  .forex-wrapper {
    position: relative;
    padding: 56rem 40rem 100rem 40rem;
    gap: 20rem;
  }
}
@media (max-width: 996px) {
  .forex-wrapper {
    min-height: calc(100vh - 88rem);
    padding: 0 30rem 100rem 30rem;
    flex-direction: column;
    gap: 0;
  }
  .forex-wrapper-body {
    width: 100%;
  }

  .forex-wrapper h1 {
    font-size: 56rem;
  }
  .forex-wrapper h2 {
    font-size: 40rem;
  }
  .forex-inner-wrapper {
    flex-direction: column;
    gap: 56rem;
  }
  .forex-inner-wrapper-left {
    width: 100%;
  }
  .forex-inner-wrapper-right {
    width: 100%;
    gap: 74rem;
  }

  .forex-inner-wrapper-right-title {
    font-size: 40rem;
  }
  .forex-title-intro {
    font-size: 28rem;
    line-height: 48rem;
  }

  /* 面包屑 开始*/
  .breadcrumb-box {
    margin-top: 28rem;
  }
  .breadcrumb-link {
    font-size: 28rem;
  }
  .breadcrumb-link-item + .breadcrumb-link-item::before {
    font-size: 28rem;
  }
  .breadcrumb-link-item:last-child .breadcrumb-link {
    max-width: 300rem;
  }
  /* 面包屑 结束*/

  /* 通用搜索框样式 开始 */
  #search-box-index {
  }
  .search-box {
    border-radius: 16rem;
  }

  #search-box-index .search-clean-icon {
    font-size: 30rem;
    margin-right: 28rem;
  }

  #search-box-index .el-input__inner {
    font-size: 28rem;
    height: 80rem;
  }
  #search-box-index .el-icon-search {
    width: 80rem;
    line-height: 80rem;
    font-size: 40rem;
  }
  #search-box-index .el-input--prefix .el-input__inner {
    padding-left: 80rem;
  }

  #search-box-index .my-search-btn {
    margin-top: 12rem;
    margin-right: 12rem;
    height: 56rem;
    line-height: 56rem;
    font-size: 24rem;
    border-radius: 8rem;
  }
  /* 通用搜索框样式 结束 */

  /* element-ui reset 特定的分页器 开始*/

  .ebc-page-pagination .el-pager li {
    font-size: 28rem;
    height: 48rem;
    line-height: 48rem;
    min-width: 48rem;
  }
  .ebc-page-pagination .el-pager li.btn-quicknext,
  .ebc-page-pagination .el-pager li.btn-quickprev,
  .ebc-page-pagination .el-pager .more::before {
    line-height: 48rem;
    height: 48rem;
  }
  .ebc-page-pagination .el-pagination .btn-next,
  .ebc-page-pagination .el-pagination .btn-prev {
    font-size: 28rem;
    height: 48rem;
    line-height: 48rem;
  }

  /* element-ui reset 特定的分页器 结束*/

  /* 详情底部注册banner 开始*/
  .forex-inner-wrapper-footer .bottom-banner,
  .bottom-banner {
    min-height: 240rem;
    padding: 20rem 40rem;
    gap: 24rem;
  }
  .bottom-banner-intro {
    max-width: 360rem;
    font-size: 28rem;
    margin-right: 0;
  }
  .bottom-banner-img {
    width: 209rem;
    height: auto;
  }
  .bottom-banner-img2 {
    width: 220rem;
  }

  /* 详情底部注册banner 结束*/

  /* 关联标签 开始*/
  .linked-tags {
    font-size: 28rem;
    margin-bottom: 33rem;
    gap: 28rem;
  }
  .linked-tags span {
    display: block;
    width: 100%;
    font-size: 40rem;
    font-weight: 500;
  }
  /* 关联标签 结束*/

  /* 相关词典开始 */
  .related-dictionary-list {
    margin-top: 33rem;
    gap: 28rem;
  }
  .related-dictionary-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 28rem;
    font-size: 28rem;
    height: 69rem;
    background: #f9fafc;
    border-radius: 8rem;
  }
  /* 相关词典结束 */

  /* 相关文章开始 */
  .article-list {
    margin-top: 33rem;
    gap: 48rem;
  }
  .article-item {
    padding: 0;
    display: flex;
    justify-content: space-between;
    gap: 40rem;
  }
  .article-item > div {
    width: calc(100% - 304rem);
  }
  .article-item + .article-item {
    border: none;
  }
  .article-item > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .article-item-title {
    font-size: 32rem;
    display: -webkit-box; /* 关键：使用弹性盒模型 */
    -webkit-box-orient: vertical; /* 垂直方向排列 */
    white-space: unset;
    -webkit-line-clamp: 2; /* 限制显示2行 */
    overflow: hidden; /* 隐藏超出部分 */
    text-overflow: ellipsis; /* 超出显示... */
  }

  .article-item-publish-time {
    margin-top: 20rem;
    color: #6a6967;
    font-size: 28rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  /* 相关文章结束 */
  /* 推荐阅读 开始 */
  .reading-item + .reading-item {
    margin-top: 10rem;
  }
  .reading-item-title {
    font-size: 32rem;
    height: auto;
  }
  .reading-item-publish-time {
    margin-top: 20rem;
    color: #6a6967;
    font-size: 28rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  /* 推荐阅读 结束 */
  /* 相关大师 开始*/
  .related-expert-list {
    margin-top: 33rem;
    gap: 28rem;
  }
  .related-expert-item {
    font-size: 28rem;
    color: #214ac1;
  }
  .related-expert-item:hover {
    color: #092985;
  }
  /* 相关大师 结束*/

  /* 相关书籍 开始*/
  .related-book-list {
    margin-top: 33rem;
    gap: 28rem;
  }
  .related-book-item {
    font-size: 28rem;
    color: #214ac1;
  }
  .related-book-item:hover {
    color: #092985;
  }
  /* 相关书籍 结束*/

  /* 推荐视频 开始*/
  .video-list {
    margin-top: 0;
    flex-direction: row;
    gap: 0;
  }
  .video-list-wrapper {
    margin-top: 32rem;
  }
  .video-item-title {
    margin-top: 34rem;
    font-size: 32rem;
  }
  .video-btn-text {
    margin-top: 16rem;
    font-size: 28rem;
  }
  .video-btn-text::after {
    position: absolute;
    right: 0;
    font-size: 28rem;
    line-height: 36rem;
  }
  /* 推荐视频 结束 */

  /* ebc-tabs 开始*/
  .ebc-tabs-box {
    transition: none;
    max-height: unset;
    margin-bottom: 74rem;
  }
  .ebc-tabs {
    flex-wrap: nowrap;
    gap: 20rem;
    overflow: auto;
  }
  .ebc-tabs-show {
    display: none;
  }
  .ebc-tab-line-item,
  .ebc-tab-item {
    flex-shrink: 0;
    height: 61rem;
    padding: 0 28rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #b2afad;
    border: 1px solid #e1e6ed;
    border-radius: 16rem;
    font-size: 28rem;
  }
  .ebc-tab-line-item-selected,
  .ebc-tab-line-item:hover,
  .ebc-tab-item-selected,
  .ebc-tab-item:hover {
    color: #232222;
    border: 1px solid #6a6967;
  }

  .QA-list {
    margin-top: 34rem;
  }
  .QA-content {
    padding: 14rem 0;
  }
  .QA-title {
    font-size: 28rem;
  }
  .QA-li {
    font-size: 28rem;
    line-height: 48rem;
  }
  .QA-title::after {
    font-size: 32rem;
  }
  /* ebc-tabs 结束*/

  /* 上一篇  下一篇 开始*/
  .other-article {
    font-size: 28rem;
  }
  /* 上一篇  下一篇 结束*/
}

/* 自定义pagination样式重写 */
.ebc-page-pagination {
  display: flex;
  justify-content: center;
  margin-top: 50rem;
  gap: 10rem;
}
.ebc-page-pagination .page-item {
  display: inline-block;
}
.pagination > li > a,
.pagination > li > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28rem;
  height: 28rem;
  padding: 0;
  float: unset;
  background-color: unset;
  border: none;
  border-radius: 50%;
  font-size: 14rem;
  color: #333;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: unset;
  color: #a52933;
  outline: none !important;
  box-shadow: none !important; /* 如果存在 box-shadow 也移除 */
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #a52933 !important;
  color: #fff !important;
}

.page-item.disabled .page-link {
  background-color: unset;
  cursor: not-allowed;
}

@media (max-width: 996px) {
  .pagination > li > a,
  .pagination > li > span {
    font-size: 28rem;
    height: 48rem;
    line-height: 48rem;
    min-width: 48rem;
  }

  .ebc-page-pagination li + li {
    margin-left: 10rem !important;
  }
}


/* 导航的零时1440覆盖样式更换新导航后需要删除 */
@media (max-width: 1440px) {
  .navigate-box {
    max-width: none !important;
  }
  .es .navigate-menu-list {
    gap: 18rem !important;
  }
  .navigate-menu-item-top-link {
    font-size: 12rem !important;
  }
  .cn .navigate-menu-item-top-link,
  .jp .navigate-menu-item-top-link,
  .kr .navigate-menu-item-top-link {
    font-size: 14rem !important;
  }

  .navigate-entry-link a {
    font-size: 12rem !important;
  }
  .cn .navigate-entry-link a,
  .jp .navigate-entry-link a,
  .kr .navigate-entry-link a {
    font-size: 14rem !important;
  }
  .navigate-help .icon-navigate-help,
  .navigate-help .icon-navigate-channel,
  .navigate-help .icon-navigate-language {
    font-size: 24rem !important;
  }
  .navigate-menu-item-content-value-label {
    font-size: 15rem !important;
  }
  .navigate-menu-item-content-value > a {
    font-size: 15rem !important;
  }
}

@media (max-width: 996px) {
  html {
    font-size: 0.133333vw !important;
  }
  .mobile {
    display: block !important;
  }
  .pc {
    display: none !important;
  }
  .navigate-entry-link a + a::before {
    top: 8px !important;
  }
  .navigate-help-item {
    display: block !important;
  }
  .navigate-wrapper {
    height: 80px !important;
    border: none !important;
  }
  .cn .navigate-menu-item-top-link,
  .cn .navigate-entry-link a,
  .jp .navigate-menu-item-top-link,
  .jp .navigate-entry-link a,
  .kr .navigate-menu-item-top-link,
  .kr .navigate-entry-link a {
    font-size: 16px !important;
  }
  .navigate-menu-item-top-link,
  .navigate-entry-link a {
    font-size: 14px !important;
  }

  .navigate-help .icon-navigate-help,
  .navigate-help .icon-navigate-channel,
  .navigate-help .icon-navigate-language {
    font-size: 24px !important;
  }

  .navigate-menu-item-top-link {
    line-height: 24px !important;
  }
  .navigate-menu-item-content-box {
    gap: 24px !important;
  }
  .navigate-menu-item-content-value {
    gap: 25px !important;
  }
  .navigate-menu-item-content-value-label,
  .navigate-menu-item-content-value > a {
    font-size: 16px !important;
  }
  .navigate-box {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0 !important;
  }
  .navigate-logo {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding: 15px 24px !important;
  }

  .navigate-logo-img {
    height: 48px !important;
    margin: 0 !important;
  }
  .navigate-logo .icon-navigate-menu {
    font-size: 40px !important;
    color: #9f734c !important;
  }
  .navigate-links {
    position: relative !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: calc(100vh - 79px) !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    overflow-y: auto !important;
    gap: 0 !important;
  }
  .ar .navigate-links {
    margin: 0 !important;
  }
  .navigate-link-box-close {
    display: none !important;
  }
  .navigate-menu-list {
    width: 100% !important;
    flex-direction: column !important;
    flex-grow: 0 !important;
    align-items: flex-start !important;
    padding: 44px 90px !important;
    background-color: #f9f6f2 !important;
    gap: 0 !important;
    margin: 0 !important;
    border-top: 0.5px solid #b2afad !important;
  }
  .cn .navigate-menu-list {
    gap: 0 !important;
  }

  .navigate-menu-item-top {
    height: auto !important;
    margin-bottom: 40px !important;
    border: none !important;
  }
  .navigate-menu-item-top-link {
    padding: 0 !important;
  }

  .navigate-menu-item-content {
    display: none !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin-bottom: 40px !important;
    visibility: visible !important;
    opacity: 1 !important;
    box-shadow: none !important;
    border: none !important;
  }
  .navigate-link-selected .navigate-menu-item-content {
    display: block !important;
  }

  .navigate-menu-item-content-box {
    max-width: none !important;
    padding: 0 !important;
    flex-direction: column !important;
  }
  .navigate-menu-item-content-label {
    display: none !important;
    /* font-size: 40px !important;
    width: 100% !important; */
  }
  .navigate-menu-item-content-value {
    max-width: none !important;
    width: 100% !important;
  }
  .navigate-menu-item-content-value-row {
    flex-direction: column !important;
    justify-content: flex-start !important;
  }

  .navigate-entry {
    position: relative !important;
    padding: 0 24px !important;
    width: 100% !important;
    flex-direction: column !important;
    align-items: center !important;
    background-color: #f9f6f2 !important;
    gap: 28px !important;
  }

  .navigate-entry-link a {
    padding: 0 20px !important;
    line-height: 24px !important;
  }
  .vi .navigate-entry-link a,
  .ar .navigate-entry-link a,
  .jp .navigate-entry-link a,
  .pt .navigate-entry-link a,
  .es .navigate-entry-link a {
    padding: 0 8px !important;
  }
  .ru .navigate-entry-link a {
    padding: 0 6px !important;
  }
  .navigate-help {
    gap: 56px !important;
  }
  .navigate-help > a {
    display: inline-block !important;
  }

  .navigate-mask {
    flex-shrink: 0 !important;
    min-height: 20vh !important;
    flex-grow: 1 !important;
    width: 100% !important;
    background-color: rgba(0, 0, 0, 0) !important;
  }

  .navigate-menu-item-top .icon-navigate-down {
    font-size: 16px !important;
    display: inline-block !important;
    transform: rotate(0) !important;
  }
  .navigate-link-selected .icon-navigate-down {
    display: inline-block !important;
    transform: rotate(180deg) !important;
  }
  .mobile-lang-selector {
    position: absolute !important;
    left: 0 !important;
    bottom: 87px !important;
    margin-bottom: 0 !important;
    border-bottom: 0.5px solid #9f734c !important;
  }
  .navigate-help .navigate-menu-item-top-link {
    padding: 0 !important;
  }
  .mobile-lang-selector .navigate-menu-item-content-box {
    gap: 0 !important;
  }
  .mobile-lang-selector .navigate-menu-item-content-value {
    align-items: center !important;
    gap: 0 !important;
  }
  .mobile-lang-selector .navigate-menu-item-content-value > a {
    line-height: 32px !important;
  }
  .mobile-lang-selector .navigate-menu-item-content-box {
    padding: 40px 24px !important;
  }
}