/* 静态页统一页头 —— 与 SPA 内页 Header（/AboutUs）逐像素一致
   SPA 的 html font-size = 视口宽 / 10（1440→144px、1920→192px），页头为 rem 等比缩放。
   本文件用 vw 复刻同一缩放：1rem = 10vw，换算式 px@1440 / 14.4 = vw。
   页头保持全宽（与 SPA 一致），不随静态页 1200px 正文容器收窄。 */
/* 白底页头 —— 对齐 SPA 内页（/AboutUs 的 boxShow 白主题） */
/* 与首页 header.el-header 顶层一致：固定定位、全宽、透明承载 */
.msui-hd {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  height: 5.2083vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 1.5625vw;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 首页标准：文字白 (#fff)，底色为 15% 黑半透明（.Header 层 rgba(0,0,0,.15)） */
  color: #fff;
  background-color: rgba(0, 0, 0, 0.15);
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* 页头改为固定吸附后，下方内容需让出同高位置，否则首屏内容被压住 */
body {
  padding-top: 5.2083vw;
}

/* 搜索框与首页同位置：消除基线行距带来的下移（2026-10-02） */
.msui-hd-search {
  line-height: 0;
  font-size: 0;
}
.msui-hd-search input {
  vertical-align: top;
}

/* 左侧一组：logo 与搜索框紧邻，和首页 .Header .left 同构 */
.msui-hd-left {
  height: 5.2083vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* 抗污染：静态页自身的 a/ul/li/body 样式会渗进页头（行高、字色、下划线等），
   这里统一压回 SPA 页头的实际计算值 */
.msui-hd * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: normal;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  text-decoration: none;
  color: inherit;
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  background: none;
  vertical-align: baseline;
}

.msui-hd-inner {
  width: 100%;
  margin: 0 auto;
  height: 5.2083vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* 左侧：logo + 搜索框 */
.msui-hd-logo {
  height: 5.2083vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 1.5625vw;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.msui-hd-logo img {
  width: 1.9792vw;
  height: 2.5vw;
  display: block;
  cursor: pointer;
}

.msui-hd-search {
  width: 26.0417vw;
  height: 2.0833vw;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.msui-hd-search .msui-hd-sicon {
  position: absolute;
  left: 0.4167vw;
  top: 50%;
  width: 1.3194vw;
  height: 1.3194vw;
  margin-top: -0.6597vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.0417vw 1.0417vw;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c0c4cc' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cline x1='15.5' y1='15.5' x2='21' y2='21'/%3E%3C/svg%3E");
  pointer-events: none;
}

.msui-hd-search input {
  width: 100%;
  height: 2.0833vw;
  line-height: 2.0833vw;
  padding: 0 0.6944vw 0 2.0833vw;
  border: 0.0694vw solid #dcdfe6;
  border-radius: 0.2083vw;
  background-color: #f3f3f3;
  color: #606266;
  font-size: 0.7292vw;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

.msui-hd-search input:focus {
  border-color: #fe4365;
  background-color: #fff;
}

/* 右侧：导航 + 入驻 + 登录/头像 */
.msui-hd-right {
  height: 5.2083vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.msui-hd-nav {
  height: 5.2083vw;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.msui-hd-nav li {
  height: 5.2083vw;
  line-height: 5.2083vw;
  margin-right: 2.0833vw;
  font-size: 1.0417vw;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
}

.msui-hd-nav li a {
  display: block;
  color: inherit;
  text-decoration: none;
}

.msui-hd-nav li.current,
.msui-hd-nav li.current a {
  border-bottom: 0.2083vw solid #fe4365;
  color: #fe4365;
}

/* 「资讯问答」下拉：复刻 SPA 面板（113×138@1440）、子项 3.1944vw 高、1.0417vw 粗体 */
.msui-hd-nav li.msui-hd-has-sub {
  position: relative;
}

.msui-hd-sub {
  display: none;
  position: absolute;
  top: 5.2083vw;
  left: 0;
  z-index: 999;
  width: 7.8472vw;
  background: #fff;
  -webkit-box-shadow: 0 0.0521vw 0.2604vw 0 rgba(170, 170, 170, .3);
  box-shadow: 0 0.0521vw 0.2604vw 0 rgba(170, 170, 170, .3);
}

.msui-hd-has-sub:hover .msui-hd-sub,
.msui-hd-has-sub.msui-open .msui-hd-sub {
  display: block;
}

.msui-hd-sub a {
  display: block;
  height: 3.1944vw;
  line-height: 3.125vw;
  font-size: 1.0417vw;
  font-weight: 700;
  color: #333;
  text-align: center;
}

.msui-hd-sub a:hover {
  color: #fe4365;
}

.msui-hd-nav li.msui-hd-mb {
  position: relative;
  outline: none;
}

.msui-hd-qr {
  display: none;
  position: absolute;
  top: 5.2083vw;
  left: -8.3333vw;
  z-index: 999;
  padding: 1.5625vw;
  background: #fff;
  box-shadow: 0 0.0521vw 0.2604vw 0 rgba(170, 170, 170, .3);
}

.msui-hd-mb:hover .msui-hd-qr,
.msui-hd-mb.msui-open .msui-hd-qr {
  display: block;
}

.msui-hd-qr img {
  width: 7.5vw;
  height: 7.5vw;
  display: block;
  margin-bottom: 0.7292vw;
}

.msui-hd-qr p {
  margin: 0;
  text-align: center;
  font-size: 0.7292vw;
  font-weight: 700;
  color: #333;
}

.msui-hd-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 9.375vw;
  height: 2.6042vw;
  margin-right: 2.0833vw;
  border-radius: 0.5208vw;
  background: #fe4365;
  color: #fff;
  font-size: 1.0417vw;
  font-weight: 700;
  font-style: normal;
  cursor: pointer;
  border: 0;
  outline: none;
}

.msui-hd-btn i {
  font-style: normal;
}

.msui-hd-btn img {
  width: 1.25vw;
  height: 1.25vw;
  margin-right: 0.4167vw;
}

.msui-hd-btn[hidden] {
  display: none !important;
}

.msui-hd-acct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.msui-hd-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.msui-hd-login span {
  margin-right: 2.0833vw;
  font-size: 1.0417vw;
  font-weight: 700;
  color: #fe4365;
}

.msui-hd-login a {
  text-decoration: none;
  color: inherit;
}

/* 登录态：消息 + 头像 —— 头像拉到「个人中心」页 */
.msui-hd-personal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.msui-hd-personal .msg-icon {
  position: relative;
  display: block;
  text-decoration: none;
}

.msui-hd-personal .msg {
  width: 1.5104vw;
  height: 1.6667vw;
  margin-right: 2.0833vw;
  display: block;
}

.msui-hd-personal .badge {
  position: absolute;
  top: -0.2778vw;
  right: 1.5278vw;
  min-width: 1.1111vw;
  height: 1.1111vw;
  padding: 0 0.2778vw;
  border-radius: 0.5556vw;
  background: #fe4365;
  color: #fff;
  font-size: 0.6944vw;
  line-height: 1.1111vw;
  text-align: center;
}

.msui-hd-personal .tx {
  width: 3.125vw;
  height: 3.125vw;
  margin-right: 1.5625vw;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  background: #f3f3f3;
  display: block;
}

/* 窄于内容区（83.3333vw + 边距）时收窄，避免溢出行滚动 */


/* 窄屏（<540px）兜底：SPA 在小于 540 宽时按 540 基准缩放（lib-flexible 上限），
   这里用同样的固定 px，保证与首页逐像素一致（2026-10-02） */
@media (max-width: 540px) {
/* 静态页统一页头 —— 与 SPA 内页 Header（/AboutUs）逐像素一致
   SPA 的 html font-size = 视口宽 / 10（1440→144px、1920→192px），页头为 rem 等比缩放。
   本文件用 vw 复刻同一缩放：1rem = 54px，换算式 px@1440 / 14.4 = vw。
   页头保持全宽（与 SPA 一致），不随静态页 1200px 正文容器收窄。 */
/* 白底页头 —— 对齐 SPA 内页（/AboutUs 的 boxShow 白主题） */
/* 与首页 header.el-header 顶层一致：固定定位、全宽、透明承载 */
.msui-hd {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  height: 28.1248px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 8.4375px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 首页标准：文字白 (#fff)，底色为 15% 黑半透明（.Header 层 rgba(0,0,0,.15)） */
  color: #fff;
  background-color: rgba(0, 0, 0, 0.15);
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* 页头改为固定吸附后，下方内容需让出同高位置，否则首屏内容被压住 */
body {
  padding-top: 28.1248px;
}

/* 左侧一组：logo 与搜索框紧邻，和首页 .Header .left 同构 */
.msui-hd-left {
  height: 28.1248px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* 抗污染：静态页自身的 a/ul/li/body 样式会渗进页头（行高、字色、下划线等），
   这里统一压回 SPA 页头的实际计算值 */
.msui-hd * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: normal;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: normal;
  text-decoration: none;
  color: inherit;
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  background: none;
  vertical-align: baseline;
}

.msui-hd-inner {
  width: 100%;
  margin: 0 auto;
  height: 28.1248px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

/* 左侧：logo + 搜索框 */
.msui-hd-logo {
  height: 28.1248px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 8.4375px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.msui-hd-logo img {
  width: 10.6877px;
  height: 13.5px;
  display: block;
  cursor: pointer;
}

.msui-hd-search {
  width: 140.625px;
  height: 11.2498px;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.msui-hd-search .msui-hd-sicon {
  position: absolute;
  left: 2.2502px;
  top: 50%;
  width: 7.1248px;
  height: 7.1248px;
  margin-top: -3.5624px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5.6252px 5.6252px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c0c4cc' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cline x1='15.5' y1='15.5' x2='21' y2='21'/%3E%3C/svg%3E");
  pointer-events: none;
}

.msui-hd-search input {
  width: 100%;
  height: 11.2498px;
  line-height: 11.2498px;
  padding: 0 3.7498px 0 11.2498px;
  border: 0.3748px solid #dcdfe6;
  border-radius: 1.1248px;
  background-color: #f3f3f3;
  color: #606266;
  font-size: 3.9377px;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
}

.msui-hd-search input:focus {
  border-color: #fe4365;
  background-color: #fff;
}

/* 右侧：导航 + 入驻 + 登录/头像 */
.msui-hd-right {
  height: 28.1248px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.msui-hd-nav {
  height: 28.1248px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.msui-hd-nav li {
  height: 28.1248px;
  line-height: 28.1248px;
  margin-right: 11.2498px;
  font-size: 5.6252px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
  white-space: nowrap;
}

.msui-hd-nav li a {
  display: block;
  color: inherit;
  text-decoration: none;
}

.msui-hd-nav li.current,
.msui-hd-nav li.current a {
  border-bottom: 1.1248px solid #fe4365;
  color: #fe4365;
}

/* 「资讯问答」下拉：复刻 SPA 面板（113×138@1440）、子项 17.2498px 高、5.6252px 粗体 */
.msui-hd-nav li.msui-hd-has-sub {
  position: relative;
}

.msui-hd-sub {
  display: none;
  position: absolute;
  top: 28.1248px;
  left: 0;
  z-index: 999;
  width: 42.3749px;
  background: #fff;
  -webkit-box-shadow: 0 0.2813px 1.4062px 0 rgba(170, 170, 170, .3);
  box-shadow: 0 0.2813px 1.4062px 0 rgba(170, 170, 170, .3);
}

.msui-hd-has-sub:hover .msui-hd-sub,
.msui-hd-has-sub.msui-open .msui-hd-sub {
  display: block;
}

.msui-hd-sub a {
  display: block;
  height: 17.2498px;
  line-height: 16.875px;
  font-size: 5.6252px;
  font-weight: 700;
  color: #333;
  text-align: center;
}

.msui-hd-sub a:hover {
  color: #fe4365;
}

.msui-hd-nav li.msui-hd-mb {
  position: relative;
  outline: none;
}

.msui-hd-qr {
  display: none;
  position: absolute;
  top: 28.1248px;
  left: -44.9998px;
  z-index: 999;
  padding: 8.4375px;
  background: #fff;
  box-shadow: 0 0.2813px 1.4062px 0 rgba(170, 170, 170, .3);
}

.msui-hd-mb:hover .msui-hd-qr,
.msui-hd-mb.msui-open .msui-hd-qr {
  display: block;
}

.msui-hd-qr img {
  width: 40.5px;
  height: 40.5px;
  display: block;
  margin-bottom: 3.9377px;
}

.msui-hd-qr p {
  margin: 0;
  text-align: center;
  font-size: 3.9377px;
  font-weight: 700;
  color: #333;
}

.msui-hd-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 50.625px;
  height: 14.0627px;
  margin-right: 11.2498px;
  border-radius: 2.8123px;
  background: #fe4365;
  color: #fff;
  font-size: 5.6252px;
  font-weight: 700;
  font-style: normal;
  cursor: pointer;
  border: 0;
  outline: none;
}

.msui-hd-btn i {
  font-style: normal;
}

.msui-hd-btn img {
  width: 6.75px;
  height: 6.75px;
  margin-right: 2.2502px;
}

.msui-hd-btn[hidden] {
  display: none !important;
}

.msui-hd-acct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.msui-hd-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.msui-hd-login span {
  margin-right: 11.2498px;
  font-size: 5.6252px;
  font-weight: 700;
  color: #fe4365;
}

.msui-hd-login a {
  text-decoration: none;
  color: inherit;
}

/* 登录态：消息 + 头像 —— 头像拉到「个人中心」页 */
.msui-hd-personal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.msui-hd-personal .msg-icon {
  position: relative;
  display: block;
  text-decoration: none;
}

.msui-hd-personal .msg {
  width: 8.1562px;
  height: 9.0002px;
  margin-right: 11.2498px;
  display: block;
}

.msui-hd-personal .badge {
  position: absolute;
  top: -1.5001px;
  right: 8.2501px;
  min-width: 5.9999px;
  height: 5.9999px;
  padding: 0 1.5001px;
  border-radius: 3.0002px;
  background: #fe4365;
  color: #fff;
  font-size: 3.7498px;
  line-height: 5.9999px;
  text-align: center;
}

.msui-hd-personal .tx {
  width: 16.875px;
  height: 16.875px;
  margin-right: 8.4375px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  background: #f3f3f3;
  display: block;
}

/* 窄于内容区（450px + 边距）时收窄，避免溢出行滚动 */

}