header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
header.sbs-header {
  background-color: #F2FEFF;
  box-shadow: 0rem 0.03rem 0.06rem #00000029;
  transition: all 0.3s ease-in-out;
}
header.sbs-header.toggle_header .mod_container .header-inner {
  height: 1.6rem;
}
header.sbs-header.toggle_header .mod_container .header-inner .logo {
  height: 1.3rem;
}
header.sbs-header.toggle_header .mod_container .header-inner .nav_right nav .nav-tools {
  display: flex;
}
header.sbs-header .mod_container {
  width: 17.6rem;
  margin: 0 auto;
}
header.sbs-header .mod_container .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 1rem;
  transition: height 0.3s ease-in-out;
}
header.sbs-header .mod_container .header-inner .logo {
  height: 0.86rem;
  display: block;
  transition: height 0.3s ease-in-out;
}
header.sbs-header .mod_container .header-inner .logo img {
  height: 100%;
}
header.sbs-header .mod_container .header-inner .nav_right {
  width: auto;
  gap: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header.sbs-header .mod_container .header-inner .nav_right nav {
  height: 100%;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav_links {
  display: flex;
  align-items: center;
  gap: 0.58rem;
  height: 100%;
  height: 1rem;
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav_links li .nav-a {
  transition: all 0.2s;
  display: block;
  cursor: pointer;
  color: #000;
  font-size: 0.2rem;
  line-height: calc(29/20);
  font-family: SourceHanSansHKMedium, SourceHanSansCNMedium;
  text-decoration: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 0.06rem;
  border-bottom: 0.03rem solid transparent;
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav_links li .nav-a:hover,
header.sbs-header .mod_container .header-inner .nav_right nav .nav_links li .nav-a.active {
  border-color: #DD841A;
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav_links li .nav-a:hover:before,
header.sbs-header .mod_container .header-inner .nav_right nav .nav_links li .nav-a.active:before {
  transform: scale(1, 1);
  transform-origin: left top;
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav_links li .menu-box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  overflow: hidden;
  height: 0;
  transition: all 0.2s ease-in;
  border-radius: 0 0 0.12rem 0.12rem;
  box-shadow: 0 0.03rem 0.06rem #00000029;
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav_links li .menu-box .menu-list {
  background-color: #ffffff;
  padding: 0.2rem 0.2rem 0.2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.1rem;
  border-radius: 0.08rem;
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav_links li .menu-box .menu-item {
  color: #101010;
  font-size: 0.18rem;
  line-height: calc(26/18);
  font-family: SourceHanSansHKMedium, SourceHanSansCNMedium;
  text-decoration: none;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.1rem;
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav_links li .menu-box .menu-item:hover span {
  color: #13A6B7;
}
header.sbs-header .mod_container .header-inner .nav_right nav .lang {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.41rem;
  height: 0.41rem;
  background: #13A6B7;
  border-radius: 0.3rem;
  cursor: pointer;
}
header.sbs-header .mod_container .header-inner .nav_right nav .lang span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #ffffff;
  font-size: 0.17rem;
  line-height: 1;
  font-family: SourceHanSansHKRegular, SourceHanSansCNRegular;
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav-tools {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 0.24rem;
  height: 0.6rem;
  display: none;
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav-tools .line {
  height: 0.2rem;
  border-left: 0.01rem solid #dbdbdb;
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav-tools .tool-btn {
  cursor: pointer;
  transition: all 0.2s;
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav-tools .tool-btn:hover {
  transform: translateY(-0.02rem);
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav-tools .tool-btn.active {
  border-bottom: 0.03rem solid #FF7323;
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav-tools .search-btn {
  width: 0.16rem;
  height: 0.16rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav-tools .search-btn img {
  width: 100%;
  height: 100%;
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav-tools .tool-group {
  display: flex;
  align-items: center;
  gap: 0.18rem;
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav-tools .tool-group .tool-label {
  font-size: 0.12rem;
  font-weight: bold;
  color: #13A6B7;
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav-tools .tool-group.font-size-group {
  align-items: baseline;
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav-tools .font-btn {
  color: #000;
  font-family: SourceHanSansHKRegular, SourceHanSansCNRegular;
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav-tools .font-btn.font-sm {
  font-size: 0.12rem;
  line-height: calc(17/12);
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav-tools .font-btn.font-md {
  font-size: 0.16rem;
  line-height: calc(25/16);
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav-tools .font-btn.font-lg {
  font-size: 0.2rem;
  line-height: calc(30/20);
}
header.sbs-header .mod_container .header-inner .nav_right nav .nav-tools .lang-btn {
  font-size: 0.16rem;
  line-height: calc(25/16);
  font-family: SourceHanSansHKRegular, SourceHanSansCNRegular;
}
header.sbs-header .music-bar {
  background: #D9F3F5;
  height: 0.58rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
header.sbs-header .music-bar .mod_container {
  padding: 0;
}
header.sbs-header .music-bar .mod_container .music-content {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  width: 10.95rem;
  margin: 0 auto;
}
header.sbs-header .music-bar .mod_container .music-title {
  display: flex;
  align-items: center;
  gap: 0.08rem;
  color: #000000;
  font-size: 0.22rem;
  font-weight: bold;
  line-height: calc(32/22);
  font-family: SourceHanSansHKBold, SourceHanSansCNBold;
}
header.sbs-header .music-bar .mod_container .music-title .music-icon {
  font-size: 0.2rem;
  animation: bounce 1s infinite;
}
header.sbs-header .music-bar .mod_container .music-player {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  flex: 1;
  margin-right: 0.86rem;
  /* 播放器容器 */
  /* 按钮重置 */
  /* 时间文字 */
  /* ================= 进度条关键修复区 ================= */
  /* 1. 底部的灰色轨道 */
  /* 2. 顶部的深色进度条 (动态宽度) */
  /* 3. 最上层的隐形交互层 (用户点击/触摸用) */
  /* ==================================================== */
  /* 右侧图标区 */
}
header.sbs-header .music-bar .mod_container .music-player .audio-player {
  display: flex;
  align-items: center;
  width: 5.12rem;
  border-radius: 0.06rem;
  color: #1f2e38;
}
header.sbs-header .music-bar .mod_container .music-player .icon-btn,
header.sbs-header .music-bar .mod_container .music-player .play-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1f2e38;
  transition: transform 0.1s;
  margin-right: 0.12rem;
}
header.sbs-header .music-bar .mod_container .music-player .icon-btn:hover,
header.sbs-header .music-bar .mod_container .music-player .play-btn:hover {
  color: #0f1a21;
}
header.sbs-header .music-bar .mod_container .music-player .play-btn:active {
  transform: scale(0.9);
}
header.sbs-header .music-bar .mod_container .music-player .play-btn svg {
  width: 0.16rem;
  height: 0.16rem;
  fill: currentColor;
}
header.sbs-header .music-bar .mod_container .music-player .time-display {
  font-size: 0.16rem;
  line-height: calc(32/16);
  font-weight: 500;
  margin-right: 0.2rem;
  white-space: nowrap;
  min-width: 0.85rem;
}
header.sbs-header .music-bar .mod_container .music-player .progress-wrapper {
  flex-grow: 1;
  margin-right: 0.2rem;
  height: 0.05rem;
  position: relative;
  /* 让内部元素绝对定位 */
  display: flex;
  align-items: center;
}
header.sbs-header .music-bar .mod_container .music-player .track-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #a3ccd1;
  /* 轨道灰色 */
  border-radius: 0.03rem;
  pointer-events: none;
  /* 避免干扰点击 */
}
header.sbs-header .music-bar .mod_container .music-player .track-progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  /* 默认是0，JS控制改变宽度 */
  height: 100%;
  background: #719ca2;
  /* 已播放的深色 */
  border-radius: 0.03rem;
  pointer-events: none;
  /* 避免干扰点击 */
  transition: width 0.1s linear;
  /* 平滑过渡 */
}
header.sbs-header .music-bar .mod_container .music-player .progress-interaction {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 10;
  /* 保证在最上面接受点击 */
}
header.sbs-header .music-bar .mod_container .music-player .controls-right {
  display: flex;
  align-items: center;
}
header.sbs-header .music-bar .mod_container .music-player .controls-right svg {
  width: 0.18rem;
  height: 0.18rem;
  fill: currentColor;
}
header.sbs-header .music-bar .mod_container .music-player .menu-btn svg {
  width: 0.16rem;
  height: 0.16rem;
}
header.sbs-header .music-bar .mod_container .music-credits {
  display: flex;
  gap: 0.34rem;
  align-items: center;
  color: #000;
  font-size: 0.18rem;
  line-height: calc(26/18);
  font-family: SourceHanSansHKMedium, SourceHanSansCNMedium;
}
@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
  }
}
.mask-box {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(0.1rem);
  z-index: 998;
  transform: translateX(100%);
  transition: transform 0.35s ease-in-out;
  display: none;
}
.mask-box.open {
  transform: translateX(0);
  display: block;
}
footer .footer_top {
  padding-top: 0.7rem;
  padding-bottom: 0.77rem;
  background-color: #F2FEFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .footer_top .mod_container {
  width: 16rem;
  margin: 0 auto;
}
footer .footer_top .mod_container .t {
  display: flex;
  gap: 0.31rem;
}
footer .footer_top .mod_container .t p {
  font-size: 0.2rem;
  line-height: calc(29/20);
  color: #000;
  font-family: SourceHanSansHKRegular, SourceHanSansCNRegular;
}
footer .footer_top .mod_container .t .img_box {
  margin-top: 0.45rem;
  display: flex;
  gap: 0.31rem;
}
footer .footer_top .mod_container .t img {
  width: auto;
  height: 0.81rem;
  object-fit: cover;
  object-position: center;
  transform-origin: center;
}
footer .footer_top .mod_container .b {
  margin-top: 0.73rem;
  display: flex;
  gap: 0.63rem;
}
footer .footer_top .mod_container .b .l {
  display: flex;
  gap: 0.28rem;
}
footer .footer_top .mod_container .b .l img {
  width: 0.77rem;
  height: 0.77rem;
}
footer .footer_top .mod_container .b .l img:hover {
  transform: scale(1.03);
  transition: all 0.3s;
}
footer .footer_top .mod_container .b .r {
  display: flex;
  gap: 2.52rem;
}
footer .footer_top .mod_container .b .r h6 {
  font-size: 0.24rem;
  line-height: calc(35/24);
  color: #000;
  font-family: SourceHanSansHKMedium, SourceHanSansCNMedium;
  padding-bottom: 0.17rem;
  position: relative;
}
footer .footer_top .mod_container .b .r h6:after {
  display: block;
  content: '';
  height: 0.02rem;
  width: 0.64rem;
  background: #FF7323;
  position: absolute;
  bottom: 0;
  left: 0;
}
footer .footer_top .mod_container .b .r .nav_links {
  margin-top: 0.27rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.24rem 0.57rem;
  font-size: 0.2rem;
  line-height: calc(29/20);
  color: #000;
  font-family: SourceHanSansHKRegular, SourceHanSansCNRegular;
}
footer .footer_top .mod_container .b .r .nav_links a:hover {
  color: #13A6B7;
}
footer .footer_top .mod_container .b .r ul {
  margin-top: 0.27rem;
}
footer .footer_top .mod_container .b .r ul li {
  font-size: 0.2rem;
  line-height: calc(29/20);
  color: #000;
  font-family: SourceHanSansHKRegular, SourceHanSansCNRegular;
  display: flex;
  align-items: center;
  gap: 0.16rem;
}
footer .footer_top .mod_container .b .r ul li + li {
  margin-top: 0.32rem;
}
footer .footer_top .mod_container .b .r ul li img {
  width: auto;
  height: auto;
  max-width: 0.17rem;
  max-height: 0.18rem;
  min-width: 0.14rem;
  min-height: 0.12rem;
}
footer .footer_top .footer-logo {
  display: flex;
  gap: 0.2rem;
}
footer .footer_top .footer-logo .line {
  width: 0.01rem;
  height: 0.8rem;
  background-color: rgba(112, 112, 112, 0.3);
}
footer .footer_top .footer-logo img {
  height: 0.66rem;
  display: block;
}
footer .footer_top .footer_links .nav_links {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  height: 100%;
}
footer .footer_top .footer_links .nav_links li {
  height: 100%;
  position: relative;
}
footer .footer_top .footer_links .nav_links li .nav-a {
  display: block;
  cursor: pointer;
  width: 100%;
  height: 100%;
  color: #1A1A1A;
  font-size: 0.2rem;
  line-height: calc(29/20);
  font-family: SourceHanSansHKMedium, SourceHanSansCNMedium;
  text-decoration: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.15rem 0;
}
footer .footer_top .footer_links .nav_links li .nav-a:before {
  content: "";
  width: 100%;
  height: 0.01rem;
  display: block;
  position: absolute;
  background-color: #ffffff;
  left: 0;
  bottom: 0.03rem;
  animation: 2s;
  transform: scale(0, 1);
  transition: transform 600ms cubic-bezier(0.19, 1, 0.22, 1);
  transform-origin: right top;
}
footer .footer_top .footer_links .nav_links li .nav-a.active,
footer .footer_top .footer_links .nav_links li .nav-a:hover {
  color: #13A6B7;
  font-family: SourceHanSansHKBold, SourceHanSansCNBold;
  font-weight: bold;
}
footer .footer_top .footer_links .nav_links li .nav-a.active:before,
footer .footer_top .footer_links .nav_links li .nav-a:hover:before {
  transform: scale(1, 1);
  transform-origin: left top;
}
footer .footer_top .footer_links .nav_links li .menu-box {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
  overflow: hidden;
  height: 0;
  transition: all 0.2s ease-in;
  border-radius: 0 0 0.12rem 0.12rem;
  box-shadow: 0 0.03rem 0.06rem #00000029;
}
footer .footer_top .footer_links .nav_links li .menu-box .menu-list {
  background-color: #ffffff;
  padding: 0.2rem 0.2rem 0.2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.1rem;
  border-radius: 0.08rem;
}
footer .footer_top .footer_links .nav_links li .menu-box .menu-item {
  color: #101010;
  font-size: 0.18rem;
  line-height: calc(26/18);
  font-family: SourceHanSansHKMedium, SourceHanSansCNMedium;
  text-decoration: none;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.1rem;
}
footer .footer_top .footer_links .nav_links li .menu-box .menu-item:hover span {
  color: #13A6B7;
}
footer .footer_bot {
  background: #D1F1F4;
}
footer .footer_bot .mod_container {
  width: 16rem;
  margin: 0 auto;
  padding: 0.19rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
footer .footer_bot .mod_container .copyright {
  color: #000;
  font-size: 0.2rem;
  line-height: calc(32/20);
  font-family: SourceHanSansHKRegular, SourceHanSansCNRegular;
}
footer .footer_bot .mod_container .footer_links {
  display: flex;
  gap: 0.32rem;
  align-items: center;
}
footer .footer_bot .mod_container .footer_links a {
  color: #000;
  font-size: 0.2rem;
  line-height: calc(32/20);
  font-family: SourceHanSansHKRegular, SourceHanSansCNRegular;
}
footer .footer_bot .mod_container .footer_links a:hover {
  color: #13A6B7;
}
.sidebar_box {
  position: fixed;
  bottom: 0.71rem;
  right: 0.17rem;
  z-index: 999;
}
.sidebar_box ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.1rem;
}
.sidebar_box ul li {
  padding: 0.01rem;
  color: #fff;
  font-size: 0.16rem;
  line-height: 1;
  cursor: pointer;
  border-radius: 50%;
}
.sidebar_box ul li .icon_box {
  width: 1.24rem;
  height: 1.27rem;
}
.sidebar_box ul li .icon_box img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 992px) {
  body.no-scroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
  }
  header.sbs-header.toggle_header .mod_container .header-inner {
    height: 0.8rem;
  }
  header.sbs-header.toggle_header .mod_container .header-inner .logo {
    height: 0.6rem;
  }
  header.sbs-header.toggle_header .mod_container .header-inner .nav_right nav .nav-tools {
    display: flex;
  }
  header.sbs-header .music-bar {
    background: #D9F3F5;
    height: 0.4rem;
    padding: 0 0.15rem;
  }
  header.sbs-header .music-bar .mod_container .music-content {
    gap: 0.1rem;
    width: 100%;
    justify-content: space-between;
  }
  header.sbs-header .music-bar .mod_container .music-title {
    font-size: 0.14rem;
  }
  header.sbs-header .music-bar .mod_container .music-player {
    display: flex;
    align-items: center;
    gap: 0;
    flex: unset;
    margin-right: 0;
    /* 播放器容器 */
    /* 按钮重置 */
    /* 时间文字 */
    /* ================= 进度条关键修复区 ================= */
    /* 1. 底部的灰色轨道 */
    /* 2. 顶部的深色进度条 (动态宽度) */
    /* 3. 最上层的隐形交互层 (用户点击/触摸用) */
    /* ==================================================== */
    /* 右侧图标区 */
  }
  header.sbs-header .music-bar .mod_container .music-player .audio-player {
    display: flex;
    align-items: center;
    width: 2.5rem;
    border-radius: 0.06rem;
    color: #1f2e38;
  }
  header.sbs-header .music-bar .mod_container .music-player .icon-btn,
  header.sbs-header .music-bar .mod_container .music-player .play-btn {
    margin-right: 0.08rem;
  }
  header.sbs-header .music-bar .mod_container .music-player .time-display {
    font-size: 0.14rem;
    min-width: unset;
  }
  header.sbs-header .music-bar .mod_container .music-player .progress-wrapper {
    flex-grow: 1;
    margin-right: 0.2rem;
    height: 0.05rem;
    position: relative;
    /* 让内部元素绝对定位 */
    display: flex;
    align-items: center;
  }
  header.sbs-header .music-bar .mod_container .music-player .track-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #a3ccd1;
    /* 轨道灰色 */
    border-radius: 0.03rem;
    pointer-events: none;
    /* 避免干扰点击 */
  }
  header.sbs-header .music-bar .mod_container .music-player .track-progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    /* 默认是0，JS控制改变宽度 */
    height: 100%;
    background: #719ca2;
    /* 已播放的深色 */
    border-radius: 0.03rem;
    pointer-events: none;
    /* 避免干扰点击 */
    transition: width 0.1s linear;
    /* 平滑过渡 */
  }
  header.sbs-header .music-bar .mod_container .music-player .progress-interaction {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 10;
    /* 保证在最上面接受点击 */
  }
  header.sbs-header .music-bar .mod_container .music-player .controls-right {
    display: flex;
    align-items: center;
  }
  header.sbs-header .music-bar .mod_container .music-player .controls-right svg {
    width: 0.18rem;
    height: 0.18rem;
    fill: currentColor;
  }
  header.sbs-header .music-bar .mod_container .music-player .menu-btn svg {
    width: 0.16rem;
    height: 0.16rem;
  }
  header.sbs-header .music-bar .mod_container .music-credits {
    display: none;
  }
  header.sbs-header .mod_container {
    margin: 0 auto;
    padding: 0 0.16rem;
    width: 100%;
  }
  header.sbs-header .mod_container .header-inner {
    height: 0.8rem;
  }
  header.sbs-header .mod_container .header-inner .logo {
    height: 0.6rem;
  }
  header.sbs-header .mod_container .header-inner .nav_right {
    width: unset;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  header.sbs-header .mod_container .header-inner .nav_right nav {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #13A6B7;
    background-color: #ffffff;
    width: 100%;
    padding: 0.16rem;
    height: calc(100vh - 0.56rem);
    transform: translateX(100%);
    transition: transform 0.35s ease-in-out;
    overflow-y: auto;
    gap: 0.2rem;
  }
  header.sbs-header .mod_container .header-inner .nav_right nav.open {
    transform: translateX(0);
    box-shadow: inset 0 0.01rem 0.06rem rgba(0, 0, 0, 0.15);
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.2rem;
  }
  header.sbs-header .mod_container .header-inner .nav_right nav .nav-tools {
    width: 100%;
    display: flex;
    justify-content: center;
    height: unset;
  }
  header.sbs-header .mod_container .header-inner .nav_right nav .nav_links {
    flex-direction: column;
    align-items: stretch;
    gap: 0.1rem;
    padding: 0;
    width: 100%;
  }
  header.sbs-header .mod_container .header-inner .nav_right nav .nav_links li {
    font-size: 0.16rem;
    height: unset;
  }
  header.sbs-header .mod_container .header-inner .nav_right nav .nav_links li:focus-visible {
    outline: unset;
  }
  header.sbs-header .mod_container .header-inner .nav_right nav .nav_links li .nav-a {
    display: block;
    width: fit-content;
    height: auto;
    padding: 0.08rem 0;
    justify-content: flex-start;
    font-size: 0.18rem;
  }
  header.sbs-header .mod_container .header-inner .nav_right nav .nav_links li .nav-a:focus-visible {
    outline: unset;
  }
  header.sbs-header .mod_container .header-inner .nav_right nav .nav_links li .nav-a:after {
    top: 0.14rem;
  }
  header.sbs-header .mod_container .header-inner .nav_right nav .nav_links li .nav-a:before {
    display: none;
  }
  header.sbs-header .mod_container .header-inner .nav_right nav .nav_links li .nav-a.active:before {
    display: block;
    width: 0.03rem;
    height: 50%;
    bottom: 25%;
    left: -0.1rem;
    transform: unset;
    background: #13A6B7;
  }
  header.sbs-header .mod_container .header-inner .nav_right nav .nav_links li .menu-box {
    position: absolute;
    left: 100%;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 99;
    display: block !important;
    min-height: auto;
    height: calc(100vh - 1rem);
    overflow: hidden;
    transition: height 0.35s ease-in-out;
    transform: unset;
    border-top: none;
    padding-top: 0;
  }
  header.sbs-header .mod_container .header-inner .nav_right nav .nav_links li .menu-box .tit {
    display: none;
  }
  header.sbs-header .mod_container .header-inner .nav_right nav .nav_links li .menu-box .menu-list {
    flex-direction: column;
    width: 100%;
    height: 100%;
    background: #13A6B7;
    padding: 0.1rem;
    border-radius: 0.08rem 0 0 0.08rem;
  }
  header.sbs-header .mod_container .header-inner .nav_right nav .nav_links li .menu-box .menu-list .menu-item {
    width: 100%;
    font-size: 0.15rem;
    color: #ffffff;
  }
  header.sbs-header .mod_container .header-inner .nav_right nav .lang {
    margin-left: 0.3rem;
    margin-top: 0.2rem;
    width: unset;
    height: unset;
    background: #ffffff;
  }
  header.sbs-header .mod_container .header-inner .nav_right nav .lang > div {
    display: flex;
    align-items: center;
    gap: 0.2rem;
  }
  header.sbs-header .mod_container .header-inner .nav_right nav .lang > div div a {
    padding: 0 0.16rem;
    border: 0.01rem solid #13A6B7;
    color: #13A6B7;
    font-size: 0.16rem;
    line-height: calc(26/16);
    font-family: 'Microsoft JhengHei';
    border-radius: 0.04rem;
  }
  header.sbs-header .mod_container .header-inner .nav_right nav .lang > div div a.active {
    color: #ffffff;
    background: #13A6B7;
    border-color: #13A6B7;
  }
  header.sbs-header .mod_container .header-inner .menu-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  header.sbs-header .mod_container .header-inner .menu-btn .center-line {
    position: relative;
    width: 0.2rem;
  }
  header.sbs-header .mod_container .header-inner .menu-btn .center-line::after,
  header.sbs-header .mod_container .header-inner .menu-btn .center-line::before {
    content: '';
    width: 100%;
    height: 0.02rem;
    background-color: #13A6B7;
    display: block;
    transform: rotate(0);
    transition: 0.35s;
  }
  header.sbs-header .mod_container .header-inner .menu-btn .center-line::before {
    position: absolute;
    left: 0;
    top: 0;
  }
  header.sbs-header .mod_container .header-inner .menu-btn::after,
  header.sbs-header .mod_container .header-inner .menu-btn::before {
    margin-top: 0.06rem;
    content: '';
    width: 100%;
    height: 0.02rem;
    background-color: #13A6B7;
    display: block;
    transition: width 0.35s;
  }
  header.sbs-header .mod_container .header-inner .menu-btn::before {
    margin-top: 0;
    margin-bottom: 0.06rem;
  }
  header.sbs-header .mod_container .header-inner .menu-btn.active .center-line::after {
    transform: rotate(45deg);
  }
  header.sbs-header .mod_container .header-inner .menu-btn.active .center-line::before {
    transform: rotate(-45deg);
  }
  header.sbs-header .mod_container .header-inner .menu-btn.active::after,
  header.sbs-header .mod_container .header-inner .menu-btn.active::before {
    width: 0;
  }
  header.sbs-header .mod_container .header-inner .partner-logo {
    display: none;
  }
  header.sbs-header .mod_container .header-inner .partner-logo .line {
    height: 60px;
  }
  header.sbs-header .mod_container .header-inner .partner-logo a {
    height: 60px;
  }
  .mask-box {
    display: block;
  }
  footer .footer_top {
    padding: 0.3rem 0.15rem 0.2rem;
  }
  footer .footer_top .mod_container {
    width: 100%;
  }
  footer .footer_top .mod_container .t {
    gap: 0.2rem;
    flex-direction: column;
  }
  footer .footer_top .mod_container .t > div:nth-of-type(1) img {
    height: 0.5rem;
  }
  footer .footer_top .mod_container .t p {
    font-size: 0.16rem;
  }
  footer .footer_top .mod_container .t .img_box {
    margin-top: 0.2rem;
    gap: 0.2rem;
    flex-wrap: wrap;
  }
  footer .footer_top .mod_container .t img {
    width: auto;
    height: 0.4rem;
  }
  footer .footer_top .mod_container .b {
    margin-top: 0.3rem;
    gap: 0.2rem;
    flex-direction: column;
  }
  footer .footer_top .mod_container .b .l {
    display: flex;
    justify-content: flex-start;
    gap: 0.28rem;
  }
  footer .footer_top .mod_container .b .l img {
    width: 0.4rem;
    height: 0.4rem;
  }
  footer .footer_top .mod_container .b .l img:hover {
    transform: scale(1.03);
    transition: all 0.3s;
  }
  footer .footer_top .mod_container .b .r {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
  }
  footer .footer_top .mod_container .b .r h6 {
    font-size: 0.16rem;
    padding-bottom: 0.06rem;
    position: relative;
  }
  footer .footer_top .mod_container .b .r h6:after {
    display: block;
    content: '';
    height: 0.02rem;
    width: 0.44rem;
    background: #FF7323;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  footer .footer_top .mod_container .b .r .nav_links {
    margin-top: 0.1rem;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.1rem;
    font-size: 0.14rem;
  }
  footer .footer_top .mod_container .b .r ul {
    margin-top: 0.1rem;
  }
  footer .footer_top .mod_container .b .r ul li {
    font-size: 0.14rem;
    gap: 0.1rem;
  }
  footer .footer_top .mod_container .b .r ul li + li {
    margin-top: 0.1rem;
  }
  footer .footer_bot .mod_container {
    width: 100%;
    padding: 0.1rem 0;
    flex-direction: column;
  }
  footer .footer_bot .mod_container .copyright {
    font-size: 0.14rem;
  }
  footer .footer_bot .mod_container .footer_links {
    gap: 0.12rem;
  }
  footer .footer_bot .mod_container .footer_links a {
    font-size: 0.14rem;
  }
  .sidebar_box {
    position: fixed;
    bottom: 0.71rem;
    right: 0.1rem;
    z-index: 999;
  }
  .sidebar_box ul li .icon_box {
    width: 0.6rem;
    height: 0.62rem;
  }
}