*{
     font-family: "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei", sans-serif;
 }
.header-common {
    display: flex;
    align-self: flex-start;
    width: 100%
    padding: 1.38rem 0.75rem 1.06rem;
    box-sizing: border-box;
}

.wrapper-common {
    display: flex;
    justify-content: space-between;
    align-self: center;
    box-sizing: border-box;
}

.group-common {
    display: flex;
    align-self: center;
    height: 1.31rem;
    box-sizing: border-box;
}

.group-2-common {
    display: flex;
    justify-content: space-between;
    align-self: center;
    box-sizing: border-box;
}

.mod {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 90rem;
    height: 8.75rem;
    box-sizing: border-box;
}

.header {
    justify-content: space-between;
    height: 3.75rem;
    background-image: url(/themes/head/images/img_0.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-origin: padding-box;
    padding-right: 3vw;
}

.wrapper {
    width: 17.88rem;
    /*margin-left: 7.75rem;*/
}

.group {
    justify-content: space-between;
    width: 5.5rem;
    padding: 0.19rem 0;
}

.icon {
    align-self: center;
    width: 1.06rem;
    height: 0.88rem;
    margin-top: 0.06rem;
}

.icon-1 {
    align-self: center;
    width: 1.06rem;
    height: 0.88rem;
    margin-top: 0.06rem;
}

.icon-2 {
    align-self: center;
    width: 0.88rem;
    height: 0.81rem;
    margin-bottom: 0.13rem;
}

.group-1 {
    justify-content: center;
    width: 9.25rem;
    border-right: 0.06rem solid rgba(255, 255, 255, 0.10196078431373);
    border-left: 0.06rem solid rgba(255, 255, 255, 0.10196078431373);
}

.view {
    display: flex;
    justify-content: space-between;
    align-self: center;
    width: 4.56rem;
    height: 1.19rem;
    padding-top: 0.13rem;
    box-sizing: border-box;
}

.icon-3 {
    align-self: center;
    width: 1.56rem;
    height: 1.06rem;
}

.label {
    align-self: center;
    margin-bottom: 0.13rem;
    font-size: 0.88rem;
    line-height: 0.88rem;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 0;
    white-space: nowrap;
    lines: 1;
}

.thumbnail {
    align-self: center;
    width: 0.88rem;
    height: 0.5rem;
    margin: 0.06rem 0 0 1.44rem;
}

.wrapper-1 {
    width: 34.81rem;
    padding: 0.19rem 0 0.13rem;
    /*margin-right: 7.69rem;*/
}

.group-2 {
    width: 16.38rem;
    height: 1rem;
    padding-bottom: 0.13rem;
}

.icon-4 {
    align-self: center;
    width: 0.88rem;
    height: 0.88rem;
}

.tag {
    align-self: center;
    margin-top: 0.13rem;
    font-size: 0.88rem;
    line-height: 0.88rem;
    color: #ffffff;
    text-decoration: none;
    letter-spacing: 0;
    white-space: pre;
    lines: 1;
}

.email-wrapper {
    align-items: flex-end;
    width: 11.51rem;
    flex-wrap: nowrap;
}

.icon-5 {
    align-self: center;
    width: 1.19rem;
    height: 0.88rem;
    /*margin-bottom: 0.13rem;*/
}

.email {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 9.5rem;
    height: 1rem;
    font-size: 0.88rem;
    line-height: 1rem;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0;
    white-space: normal;
    text-overflow: ellipsis;
    flex-wrap: nowrap;
    lines: 2;
    webkit-line-clamp: 2;
    webkit-box-orient: vertical;
}

a {
    color: inherit;
    /* 继承父元素文字颜色 */
    text-decoration: none;
    /* 移除下划线 */
    background-color: transparent;
    /* 移除背景色（如移动端点击高亮） */
    cursor: pointer;
    /* 保持指针样式 */
}

input {
    border: none;
    width: 100%;
    height: 100%;
}

/* 聚焦状态 */
input:focus,
textarea:focus {
    border-bottom-color: #0066ff;
    outline: none;
}

.st-nav .st-nav-list li a.active {
    color: #000;
    font-weight: 700;
}

.st-nav .st-nav-list>li>a:before {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    height: 4px;
    width: 0%;
    background-color: #d0a44d;
    transition: all 0.3s ease;
}
@media (min-width:1200px) {
    .st-main-header-right {
        width: 85%;
    }

    .search {
        display: flex;
    }
    .icon-search {
  align-self: center;
  width: 0.94rem;
  height: 0.94rem;
  margin-right: 0.13rem;
}
}
.wrapper-3{
    border: 1px solid #8c8c8c;
    padding: 5px;
    border-radius: 15px;
}
.dropdown-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: #333;
}

.dropdown-menu > ul > li {
  display: inline-block;
  position: relative; /* 关键定位 */
  padding: 15px 30px;
}

.dropdown-menu a {
  color: white;
  text-decoration: none;
}

/* 子菜单默认隐藏 */
.submenu {
  display: none;
  position: absolute;
  left: 0;
  top: 100%; /* 紧贴父菜单下方 */
  min-width: 160px;
  background: #FFF;
  border-radius: 2px;
  border: 0.13rem solid #ccc;
}

/* 鼠标悬停显示 */
.dropdown:hover .submenu {
  display: block;
}

/* 子菜单项样式 */
.submenu li {
  padding: 10px 20px;
  border-bottom: 1px solid #555;
}

.submenu li:hover {
  background: #666;
}

    .footer .body_common {
  display: flex;
  align-self: flex-start;
  box-sizing: border-box;
}
.footer .group_1_common {
  display: flex;
  flex-direction: row;
  /* align-self: center; */
  /* height: 5.06rem; */
  box-sizing: border-box;
  justify-content: end;
}
.footer .view_common {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-end;
  height: 3.94rem;
  box-sizing: border-box;
  /* width: 100%; */
}
.footer .location_common {
  align-self: flex-start;
  font-size: 0.88rem;
  line-height: 0.88rem;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  letter-spacing: 0;
  lines: 1;
}
.footer .group_3_common {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: unset;
  height: 4.38rem;
  box-sizing: border-box;
}
.footer .tag_common {
  align-self: center;
  font-size: 0.88rem;
  line-height: 0.88rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.09rem;
  white-space: nowrap;
  lines: 1;
}
.footer .label_2_common {
  align-self: flex-end;
  font-size: 0.75rem;
  line-height: 0.75rem;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 0.07rem;
  white-space: nowrap;
  lines: 1;
}
.footer .footer {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  box-sizing: border-box;
}
.footer .footer_body {
  justify-content: flex-start;
  background-image: url(/themes/footer/img_0.png);
  background-size: 100% 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-origin: padding-box;
}
.footer .container {
  /*display: flex;*/
  flex-direction: column;
  justify-content: center;
  align-self: center;
  width: 100%;
  padding: 4.19rem 0.75rem .6rem 0.75rem;
  /* background-color: rgba(0, 0, 0, 0.76078431372549); */
  box-sizing: border-box;
}
.footer .wrapper {
  display: flex;
  justify-content: space-between;
  align-self: center;
  width: 54vw;
  box-sizing: border-box;
}
.footer .group {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  margin-top: 0.19rem;
  box-sizing: border-box;
}
.footer .word {
  align-self: center;
  margin-left: 0.06rem;
  font-size: 1.5rem;
  line-height: 1.5rem;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 0;
  white-space: nowrap;
  lines: 1;
}
.footer .horizontal_line {
  align-self: flex-start;
  width: 2.38rem;
  height: 0.13rem;
  margin-top: 0.38rem;
}
.footer .action_bg {
  align-self: flex-start;
  width: 13.94rem;
  height: 3.25rem;
  margin-right: 6vw;
}
.footer .wrapper_1 {
  display: flex;
  justify-content: space-between;
  align-self: center;
  width: 54vw;
  margin-top: 0.81rem;
  box-sizing: border-box;
}
.footer .group_1 {
  flex-direction: column;
  justify-content: flex-start;
  padding-bottom: 0.63rem;
  margin-left: 0.06rem;
  width: 55%;
}
.footer .nickname {
  align-self: flex-start;
  overflow: hidden;
  max-width: 25rem;
  font-size: 0.88rem;
  line-height: 0.88rem;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  lines: 1;
  font-weight: 900;
}
.footer .empty {
  align-self: flex-start;
  width: 100%;
  height: 3.6rem;
  border: 0.13rem solid #fbfbfb;
  margin-top: 0.38rem;
  box-sizing: border-box;
}
.footer .group_2 {
  justify-content: start;
  width: 37%;
  /* margin-left: 14.44rem; */
  padding-top: 1.13rem;
}
.footer .view {
}
.footer .thumbnail {
  align-self: center;
  width: 1.06rem;
  height: 1.25rem;
  margin-left: 0.06rem;
}
.footer .media {
  align-self: center;
  width: 1.06rem;
  height: 1.06rem;
  margin: 1.63rem 0.06rem 0 0;
}
.footer .view_1 {
  padding: 0.06rem 0;
  width: 100%;
}
.footer .location {
  white-space: nowrap;
}
.footer .word_1 {
  max-width: 18.75rem;
  margin: 1.8rem 0 0 0.06rem;
  white-space: pre;
  text-overflow: ellipsis;
}
.footer .wrapper_2 {
  display: flex;
  justify-content: space-between;
  align-self: center;
  width: 61.38rem;
  margin-top: 0.19rem;
  box-sizing: border-box;
}
.footer .group_3 {
  margin-left: 0.06rem;
}
.footer .email {
  align-self: flex-start;
  overflow: hidden;
  max-width: 25rem;
  font-size: 0.88rem;
  line-height: 0.88rem;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  lines: 1;
}
.footer .empty_1 {
  align-self: flex-start;
  width: 25rem;
  height: 3.19rem;
  border: 0.13rem solid #ffffff;
  margin-top: 0.5rem;
  box-sizing: border-box;
}
.footer .group_4 {
  width: 35%;
  padding: 0.5rem 0 0.31rem;
  /* margin-left: 9.44rem; */
}
.footer .view_2 {
  display: flex;
  justify-content: space-between;
  align-self: flex-start;
  width: 12.53rem;
  box-sizing: border-box;
  margin-bottom: 22px;
}
.footer .icon {
  /* align-self: flex-end; */
  width: 1.19rem;
  height: 0.88rem;
}
.footer .email_1 {
  align-self: flex-end;
  /* margin-bottom: 0.44rem; */
  font-size: 0.88rem;
  line-height: 0.88rem;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  letter-spacing: 0;
  white-space: nowrap;
  lines: 1;
}
.footer .word_2 {
  align-self: flex-start;
  margin: 0.13rem 0 0 2.56rem;
  font-size: 0.88rem;
  line-height: 0.88rem;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  letter-spacing: 0;
  white-space: nowrap;
  lines: 1;
}
.footer .icon_1 {
  align-self: flex-start;
  width: 1.13rem;
  height: 1.06rem;
  margin: 0.25rem 0 0 0.06rem;
}
.footer .nickname_1 {
  align-self: anchor-center;
  overflow: hidden;
  /* max-width: 61.25rem; */
  margin: 0.69rem 0 0 0rem;
  font-size: 0.88rem;
  line-height: 0.88rem;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  letter-spacing: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  lines: 1;
  width: 85.38rem;
  font-weight: 900;
}
.footer .empty_2 {
  align-self: center;
  width: 54vw;
  height: 8.63rem;
  border: 0.13rem solid #ffffff;
  margin-top: 0.44rem;
  box-sizing: border-box;
}
.footer .wrapper_3 {
  display: flex;
  justify-content: space-between;
  align-self: center;
  width: 54vw;
  margin-top: 1.38rem;
  box-sizing: border-box;
}
.footer .label_wrapper {
  display: flex;
  justify-content: center;
  align-self: center;
  width: 11.81rem;
  padding: 0.75rem 0.75rem 0.88rem;
  margin-left: 0.06rem;
  background-color: rgba(0, 51, 153, 1);
  box-sizing: border-box;
}
.footer .label {
  align-self: flex-start;
  /* overflow: hidden; */
  max-width: 12.06rem;
  margin-right: 0.13rem;
  font-size: 1.65rem;
  line-height: 1.5rem;
  color: #ffffff;
  text-decoration: none;
  letter-spacing: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  lines: 1;
  font-weight: 700;
}
.footer .group_5 {
  display: flex;
  justify-content: space-between;
  align-self: center;
  width: 5.56rem;
  height: 3.13rem;
  padding: 1.06rem 0 1.13rem;
  margin-right: 0.06rem;
  box-sizing: border-box;
}
.footer .icon_2 {
  align-self: center;
  width: 1.06rem;
  height: 0.88rem;
  margin-top: 0.06rem;
}
.footer .icon_3 {
  align-self: center;
  width: 1.06rem;
  height: 0.88rem;
  margin: 0.06rem 0.06rem 0 0;
}
.footer .icon_4 {
  align-self: center;
  width: 0.88rem;
  height: 0.81rem;
  margin-bottom: 0.13rem;
}
.footer .main {
  justify-content: center;
  padding: 2rem 0.75rem 1.94rem 0.75rem;
  border: 0 solid #000000;
  background-color: rgba(0, 0, 51, 1);
}
.footer .tag {
}
.footer .label_1 {
  /* margin: 0.06rem 0 0 6.25rem; */
  /*margin: 0 3vw;*/
}
.footer .word_item_0 {
  margin-left: 3.25rem;
}
.footer .word_item_1 {
  margin-left: 3.25rem;
}
.footer .word_item_2 {
  margin: 0.06rem 0 0 3.25rem;
}
.footer .word_item_3 {
  margin-left: 3.25rem;
}
.footer .word_item_4 {
  margin-left: 3.13rem;
}
.footer .footer_footer {
  justify-content: center;
  padding: 2.31rem 0.75rem 1.75rem 0.75rem;
  border: 0 solid #000000;
  background-color: rgba(1, 1, 20, 1);
}
.footer .label_2 {
}
.footer .info {
  margin: 0 0.06rem 0.06rem 32.5rem;
}
#c_content,#c_name,#_email{
    border: none;
    width: 100%;
    height: 100%;
    background: none;
    color: #FFFFFF;
}
.flexd{
    position: fixed;
    left: 0;
    width: 100vw;
    z-index: 999999999999999;
}
.centet_footer{
    width: 100%;
    background-color: rgba(0, 0, 0, 0.76078431372549);
}
.bg_000{
     /* background-color: rgba(0, 0, 0, 0.76078431372549); */
     width: 54vw;
     margin: 0 auto;
}