/* 官网公共样式 适配移动端 */
  * {
    padding: 0;
    margin: 0;
  }
  body,
  html {
    color: #181c25;
    width: 100%;
    overflow-x: hidden;
    font-size: 16px;
  }
  h1, h2, h3, h4, p, span{
    font-weight: normal;
  }

  /* 暂时兼容导航问题 */
  .wpaper {
    padding-top: 63px !important;
    min-width: auto !important;
  }

  /* .error */
  .error {
    top: 0;
  }
  .yellow{
    color: #FF8000 !important;
  }
  body a:hover {
    text-decoration: none;
  }
  .primary {
    color: #ff8000;
    font-weight: 600;
  }
  a:link {
    text-decoration: none;
  }
  .wrapper-container {
    width: 100%;
  }
  .page-container{
    margin-top: 63px;
  }
  .common-h1 {
    font-size: 36px;
    font-weight: 400;
    color: #181c25;
    line-height: 46px;
  }
  .common-h2 {
    font-size: 32px;
    font-weight: 400;
    line-height: 42px;
  }
  .common-h3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
  }
  .text-18 {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #272b34;
  }
  .text-16 {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #545861;
  }
  .text-14 {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #545861;
  }
  .common-btn {
    height: 48px;
    padding: 12px 24px;
    border-radius: 24px;
    font-size: 24px;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  .primary-btn {
    color: #fff !important;
    background: linear-gradient(45deg, #ff704f 0%, #ff9326 100%);
  }
  .plain-btn {
    font-weight: 400;
    border: 1px solid #ff8000;
    color: #ff8000 !important;
  }

  /* 中号的按钮 高度40px */
  .common-btn-m {
    display: flex;
    width: 144px;
    height: 40px;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 26px;
    color: #f9fbfd !important;
    background-color: #ff8000;
    border-radius: 20px;
  }
  .web-hide-flex {
    display: none !important;
  }
  .mobile-hide-flex {
    display: flex !important;
  }
  .web-hide-block {
    display: none !important;
  }
  .mobile-hide-block {
    display: block !important;
  }
  .flex-row {
    display: flex;
    flex-direction: row;
  }
  .flex-column {
    display: flex;
    flex-direction: column;
  }

  .flex-r-center {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .flex-space-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }



  .part-container {
    width: 100%;
    padding: 40px 0;
  }
  .part-container .content-container {
    max-width: 1200px;
    width: 100%;
    margin: 24px;
    text-align: center;
    margin: auto;
    position: relative;
  }
  .mt-8 {
    margin-top: 8px;
  }
  .mt-12 {
    margin-top: 12px;
  }
  .mt-16 {
    margin-top: 16px;
  }
  .mt-24 {
    margin-top: 24px;
  }
  .mr-16 {
    margin-right: 16px;
  }
  .mr-24 {
    margin-right: 24px;
  }
  .bg-common {
    background-color: #f9fafd;
  }
  .img-wrapper {
    width: 100%;
    border: 1px solid #dee1e8;
    border-radius: 8px;
  }
  .img-wrapper img {
    width: 100%;
    object-fit: contain;
    border-radius: 8px;
    /* 防止底部留白 */
    display: flex;
  }

  /* 多行隐藏 */
  .km-t-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    -webkit-line-clamp: 1;
    line-clamp: 1;
    word-break: break-all;
  }
  .km-t-ellipsis2 {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    word-break: break-all;
  }
  .km-t-ellipsis3 {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    word-break: break-all;
  }
  .km-t-ellipsis4 {
    -webkit-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    word-break: break-all;
  }
  .km-t-ellipsis5 {
    line-clamp: 5;
    -webkit-line-clamp: 5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    word-break: break-all;
  }

  .show-shadow {
    /* box-shadow: 0px 2px 12px 0px rgba(24, 28, 37, 0.08); */
    background: #fff !important;
  }

  /* 公共头部以及公共底部样式 */
  .mobile-nav-content {
    display: none;
  }
  .fxiaoke-navigation__wrapper ul {
    list-style: none;
    margin-bottom: 0;
  }

  .fxiaoke-navigation__wrapper h3 {
    height: 24px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #181c25;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 21px;
  }

  .fxiaoke-navigation__wrapper a {
    text-decoration: none;
    color: #181c25 !important;
  }

  .fxiaoke-navigation__wrapper a.newversion {
    color: #ff8000 !important;
  }

  .fxiaoke-navigation__wrapper a:hover {
    text-decoration: none;
  }

  .fxiaoke-navigation__wrapper {
    position: fixed;
    width: 100%;
    z-index: 50;
    font-size: 16px;
  }

  .fxiaoke-navigation__wrapper:hover {
    background: #fff !important;
  }

  .fxiaoke-navigation__wrapper nav {
    width: 100%;
    position: relative;
  }

  .fxiaoke-navigation__wrapper .nav {
    height: 63px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1200px;
  }

  .fxiaoke-navigation__wrapper .navbar-brand {
    display: flex;
    align-items: center;
    min-width: 138px;
    height: auto;
    padding: 0;
    flex: 2;
  }

  .fxiaoke-navigation__wrapper .navbar-brand img {
    height: 33px;
  }

  .fxiaoke-navigation__wrapper .navbar-right img {
    width: 200px;
  }

  .fxiaoke-navigation__wrapper .navbar-toggle {
    padding: 12px 7px;
    border: none;
  }

  .fxiaoke-navigation__wrapper .navbar-toggle img {
    width: 20px;
    height: 20px;
    display: none;
  }

  .fxiaoke-navigation__wrapper .nav-header {
    display: flex;
    min-width: 450px;
    gap: 50px;
    flex: 7;
    height: 100%;
  }

  .fxiaoke-navigation__wrapper .selected {
    position: relative;
    color: #ff8000 !important;
  }

  .fxiaoke-navigation__wrapper .selected::before {
    content: "";
    width: 12px;
    height: 6px;
    background: url("https://www.fxiaoke.com/messageform/reg/img/icon/%E5%AE%9A%E4%BD%8D%E6%A0%87@2x.png");
    background-size: cover;
    position: absolute;
    left: 50%;
    bottom: -1px;
  }

  .fxiaoke-navigation__wrapper .hide-selected::before {
    display: none;
  }

  .fxiaoke-navigation__wrapper .selected-hide::before {
    display: none;
  }

  .fxiaoke-navigation__wrapper .selected .active {
    color: #ff8000;
  }

  .fxiaoke-navigation__wrapper .nav-item .nav-title {
    color: #181c25;
  }

  .fxiaoke-navigation__wrapper .nav-item .menu-name {
    padding: 7px 0;
    font-weight: normal;
    display: block;
    height: 100%;
    display: flex;
    align-items: center;
  }

  .fxiaoke-navigation__wrapper .nav-item:hover > a {
    color: #ff8000 !important;
  }

  .fxiaoke-navigation__wrapper .nav-item > a .btn-bottom,
  .fxiaoke-navigation__wrapper .nav-item > a .btn-up {
    display: none;
  }

  .fxiaoke-navigation__wrapper .nav-item:hover .nav-content {
    display: flex;
  }

  .fxiaoke-navigation__wrapper .nav-item .nav-content {
    background-color: #fff;
    box-shadow: 0px 12px 12px 0px rgba(74, 74, 74, 0.12);
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100vw;
    padding: 20px 0 36px 0;
  }

  .fxiaoke-navigation__wrapper .nav-content .nav-line {
    width: inherit;
    height: 1px;
    background: #4a4a4a;
    opacity: 0.12;
  }

  .fxiaoke-navigation__wrapper .nav-content .sub-content {
    display: none;
  }

  .fxiaoke-navigation__wrapper .nav-item .fx-nav-product .product-sub {
    display: flex;
    align-items: center;
    margin: 12px 0;
    color: #181c25;
  }

  .fxiaoke-navigation__wrapper .fx-nav-product .detail-link {
    color: #267cff !important;
  }

  .fxiaoke-navigation__wrapper .fx-nav-product ul {
    margin-right: 74px;
  }

  .fxiaoke-navigation__wrapper .fx-nav-product ul:last-child {
    margin-right: 0;
  }

  .fx-nav-product .pc-content li {
    line-height: 12px;
  }

  .fxiaoke-navigation__wrapper .nav-item .title-img {
    width: 18px;
    margin-right: 4px;
  }

  .fxiaoke-navigation__wrapper .nav-content .nav-title {
    text-decoration: none;
    font-size: 16px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: bold;
    color: #181c25;
    line-height: 26px;
    position: relative;
  }

  .fxiaoke-navigation__wrapper .nav-content .pc-content {
    margin: 0;
  }

  .fxiaoke-navigation__wrapper .pc-content .cont-header h3::before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 14px;
    background: #ff8000;
    margin-right: 5px;
  }

  .fxiaoke-navigation__wrapper .pc-content li p {
    height: 20px;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #91959e;
    line-height: 20px;
    margin: 2px 0 0 7px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* autoprefixer: off */
    -webkit-box-orient: vertical;
    /* autoprefixer: on */
    -webkit-line-clamp: 1;
    line-clamp: 1;
    word-break: break-all;
  }

  .fxiaoke-navigation__wrapper .nav-content .pc-content ul {
    display: flex;
    flex-wrap: wrap;
    color: #267cff;
    margin: 0;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    line-height: 24px;
    padding: 0;
  }
  .fxiaoke-navigation__wrapper .fx-nav-product ul {
    width: 282px;
  }
  .fxiaoke-navigation__wrapper .fx-nav-product .pro-item-list {
    margin-left: 7px !important;
  }
  .fxiaoke-navigation__wrapper .fx-nav-product .pro-item-list li {
    margin: 5px 4px 0 0 !important;
    border-right: 2px solid #c1c5ce;
    padding-right: 4px;
  }

  .fxiaoke-navigation__wrapper
    .nav-content.fx-nav-product
    .pc-content
    ul
    li:last-child {
    border-right: 0px solid #c1c5ce;
  }

  .fxiaoke-navigation__wrapper .nav-item .fx-nav-solutions .item-icon {
    width: 36px;
  }

  /* 解决方案 */
  .fxiaoke-navigation__wrapper .nav-item .fx-nav-solutions ul {
    flex-direction: column;
    width: auto;
  }
  .fxiaoke-navigation__wrapper .nav-item .fx-nav-solutions .pc-content > ul {
    flex: 1;
    margin-right: 100px;
  }
  .fxiaoke-navigation__wrapper
    .nav-item
    .fx-nav-solutions
    .pc-content
    > ul:first-child {
    width: 384px;
    flex: none;
  }
  /* 第一块区域宽度固定 */
  .fxiaoke-navigation__wrapper
    .nav-item
    .fx-nav-solutions
    ul:first-child
    .sub-content {
    flex-direction: row;
  }
  .fxiaoke-navigation__wrapper
    .nav-item
    .fx-nav-solutions
    ul:first-child
    .sub-content
    div {
    flex: 1;
  }
  .fxiaoke-navigation__wrapper .nav-item .pc-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
  }

  .fx-nav-solutions .pc-content ul {
    width: 275px;
  }

  .fxiaoke-navigation__wrapper .nav-item .fx-nav-solutions .pc-content ul a img {
    margin-right: 8px;
  }

  .fxiaoke-navigation__wrapper .nav-item .fx-nav-solutions .solutions-sub {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    color: #181c25;
  }
  .fxiaoke-navigation__wrapper .fx-nav-cases .solution-case {
    width: 100%;
    display: flex;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: space-between;
  }
  .fxiaoke-navigation__wrapper .fx-nav-cases .solution-case .case-left {
    background-image: url(https://a9.fspage.com/FSR/official-site/img/fxcase/case-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 266px;
    height: 200px;
    padding: 16px 12px;
    border-radius: 12px;
    margin-right: 6vw;
  }

  .fxiaoke-navigation__wrapper
    .fx-nav-cases
    .solution-case
    .case-left
    .cases-sub {
    color: #181c25;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 2px;
  }

  .fxiaoke-navigation__wrapper
    .fx-nav-cases
    .solution-case
    .case-left
    .cases-tips {
    margin-bottom: 10px;
    color: #6b7072;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
  }
  .fxiaoke-navigation__wrapper
    .fx-nav-cases
    .solution-case
    .case-left
    .case-list
    .case-item {
    width: 100%;
    height: 32px;
    background-color: #fff;
    padding-right: 70px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px;
    color: #181c25;
    font-weight: 400;
    margin-bottom: 8px;
    border-radius: 4px;
    cursor: pointer;
  }
  .fxiaoke-navigation__wrapper
    .fx-nav-cases
    .solution-case
    .case-left
    .case-list
    .case-item:last-child {
    margin-bottom: 0;
  }
  .fxiaoke-navigation__wrapper
    .fx-nav-cases
    .solution-case
    .case-left
    .case-list
    .case-item
    img {
    width: 12px;
    height: 12px;
    margin-left: 4px;
  }

  .fxiaoke-navigation__wrapper .fx-nav-cases .solution-case .pc-content {
    padding: 0;
  }

  .fxiaoke-navigation__wrapper .fx-nav-cases .content-cases {
    flex-wrap: nowrap !important;
  }

  .fxiaoke-navigation__wrapper .fx-nav-cases .content-cases li {
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    padding: 0 8px;
  }

  .fxiaoke-navigation__wrapper .fx-nav-cases .content-cases li .cases-sub {
    margin: 16px 0 20px 0;
    font-size: 16px;
    font-weight: 400;
  }

  .fxiaoke-navigation__wrapper .fx-nav-cases .content-cases li:hover {
    background-color: #fff3eb;
    cursor: pointer;
    border-radius: 8px;
  }

  .fxiaoke-navigation__wrapper .fx-nav-cases .content-cases li:hover .cases-sub {
    font-weight: bold;
    text-align: left;
  }

  .fxiaoke-navigation__wrapper .fx-nav-cases .pc-content li .cont-imgs .case-img {
    width: 128px;
    border: 1px solid #dee1e6;
    border-radius: 8px;
  }

  .fxiaoke-navigation__wrapper
    .fx-nav-cases
    .content-cases
    li
    .cont-imgs
    .case-link {
    position: relative;
    display: flex;
    margin-bottom: 12px;
    background-color: #fff;
    border-radius: 8px;
  }

  .fxiaoke-navigation__wrapper
    .fx-nav-cases
    .content-cases
    li
    .cont-imgs
    .case-link
    .case-arrow {
    position: absolute;
    right: -2px;
    z-index: 1;
    height: 57px;
    top: 0;
    display: none;
  }

  .fxiaoke-navigation__wrapper
    .fx-nav-cases
    .content-cases
    li
    .cont-imgs
    .case-link:hover
    .case-arrow {
    display: inherit;
  }

  .fxiaoke-navigation__wrapper .fx-nav-cases .more-case {
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #545861;
    line-height: 20px;
    /* position: absolute;
      right: 20px;
      top: 30px; */
    right: 5px;
    position: absolute;
    top: 9px;
  }

  .fxiaoke-navigation__wrapper .fx-nav-cases .more-case img {
    width: 12px;
  }

  /* 客户成功 */
  .fxiaoke-navigation__wrapper .nav-customers {
    flex-direction: column;
    width: 160px !important;
    height: 150px;
    align-items: center;
  }

  .fxiaoke-navigation__wrapper .nav-customers li:first-child {
    margin-top: 16px;
  }

  /* .fxiaoke-navigation__wrapper .nav-customers li {} */

  /* 资源中心 */
  .fxiaoke-navigation__wrapper .nav-resource {
    width: 772px;
    left: -330px;
    justify-content: space-between;
  }
  .hot {
    position: relative;
  }
  .hot::after {
    background-color: #fae3df;
    color: #ff8000;
    content: "HOT";
    font-size: 10px;
    position: absolute;
    right: -50px;
    top: calc(50% - 10px);
    padding: 0px 10px;
    border-radius: 15px;
  }
  .new-icon {
    position: relative;
  }

  .new-icon::after {
    background-color: #fff5f0;
    color: #ff522a;
    content: "NEW";
    font-size: 12px;
    position: absolute;
    left: 100%;
    top: 50%;
    padding: 0px 10px;
    border-radius: 15px;
    transform: translate(20%, -50%);
  }
  .fxiaoke-navigation__wrapper .nav-resource ul {
    width: 282px;
  }

  .fxiaoke-navigation__wrapper .nav-resource .resource-sub,
  .fxiaoke-navigation__wrapper .fx-nav-solutions .resource-sub {
    display: flex;
    align-items: center;
    margin: 12px 0;
    color: #181c25;
  }

  .fxiaoke-navigation__wrapper .nav-resource .sub-content,
  .fxiaoke-navigation__wrapper .fx-nav-solutions .sub-content {
    flex-direction: column;
    margin-top: 20px !important;
  }
  .fxiaoke-navigation__wrapper
    .fx-nav-solutions
    .nav-solutions-item:not(:first-child) {
    margin-top: 42px;
  }
  .fxiaoke-navigation__wrapper .nav-resource .sub-content li,
  .fxiaoke-navigation__wrapper .nav-item .fx-nav-solutions .sub-content li {
    margin-bottom: 20px;
    color: #181c25 !important;
    font-size: 16px !important;
    line-height: 24px;
    display: flex;
    width: fit-content;
  }
  .fxiaoke-navigation__wrapper
    .nav-item
    .fx-nav-solutions
    .sub-content
    li:last-child {
    margin-bottom: 0;
  }
  .fxiaoke-navigation__wrapper .nav-item .fx-nav-solutions .desc-list a {
    position: relative;
    padding-left: 14px;
  }
  .fxiaoke-navigation__wrapper .nav-item .fx-nav-solutions .desc-list a::before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #181c25;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  .fxiaoke-navigation__wrapper .nav-item .fx-nav-solutions .more-solutions-btn a {
    padding-left: 0;
    color: #ff8000 !important;
  }
  .fxiaoke-navigation__wrapper
    .nav-item
    .fx-nav-solutions
    .more-solutions-btn
    a::before {
    display: none;
  }
  .fxiaoke-navigation__wrapper .nav-item .fx-nav-solutions .sub-content li a {
    display: flex;
    align-items: center;
  }

  .fxiaoke-navigation__wrapper .nav-resource ul ul {
    list-style: disc;
  }

  .fxiaoke-navigation__wrapper .nav-resource .download-img-wrapper {
    position: relative;
  }

  .fxiaoke-navigation__wrapper .nav-resource .download-img-wrapper img {
    display: none;
  }

  .fxiaoke-navigation__wrapper .nav-resource .download-img-wrapper:hover img {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 0px;
    border: 1px solid #ddd;
    right: 0;
    transform: translateX(100%);
  }
  .fxiaoke-navigation__wrapper .nav-resource .download-list li {
    width: fit-content;
  }

  .fxiaoke-navigation__wrapper
    .nav-resource
    .download-img-wrapper:hover
    img::before {
    z-index: 9999;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid red;
  }

  /* 关于纷享 */
  .fxiaoke-navigation__wrapper .nav-about {
    flex-direction: column;
    width: 128px !important;
    height: 150px;
    align-items: center;
    padding: 0 !important;
    left: auto !important;
  }

  .fxiaoke-navigation__wrapper .nav-about li:first-child {
    margin-top: 16px;
  }

  .fxiaoke-navigation__wrapper .nav-about li {
    margin-bottom: 20px;
  }

  /* 右边登录区域 */
  .fxiaoke-navigation__wrapper .nav-login {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    min-width: 411px;
    flex: 4.5;
  }

  .fxiaoke-navigation__wrapper .nav-login li {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .fxiaoke-navigation__wrapper .nav-login .fx-login-btn {
    padding: 0 16px;
    height: 36px;
    border-radius: 20px;
    border: 1px solid #ff8000;
  }

  .fxiaoke-navigation__wrapper .fx-login-btn a {
    color: #ff8000 !important;
  }

  .fxiaoke-navigation__wrapper .nav-login .reg-btn {
    padding: 0 16px;
    height: 36px;
    background: #ff8000;
    border-radius: 20px;
  }

  .fxiaoke-navigation__wrapper .reg-btn a {
    color: #fff !important;
  }

  .fxiaoke-navigation__wrapper .fx-nav-tel {
    height: 36px;
    padding: 0 16px;
    display: flex;
    align-items: center;
    border: 1px solid #6b6d73;
    border-radius: 999px;
  }

  .fxiaoke-navigation__wrapper .fx-nav-tel span {
    font-family: Arial-BoldMT, Arial;
    margin-left: 8px;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    color: #545861;
  }

  .fxiaoke-navigation__wrapper .nav-login .global-bt {
    padding-right: 0;
  }
  .fxiaoke-navigation__wrapper .nav-login .global-btn:hover path {
    fill: #ff8000;
  }

  .fxiaoke-navigation__wrapper .nav-login .global-btn {
    position: relative;
  }

  .fxiaoke-navigation__wrapper .nav-item .global-dropdown {
    display: none;
    flex-direction: column;
    padding: 16px;
    align-items: center;
    width: 60px;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15) !important;
    border-radius: 8px;
    top: 40px;
    right: 8px;
  }

  .fxiaoke-navigation__wrapper .global-dropdown li {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px;
  }
  .fxiaoke-navigation__wrapper .global-dropdown li:last-child {
    margin-bottom: 0;
  }

  .fxiaoke-navigation__wrapper .cur-language a {
    color: #ff8000 !important;
  }

  /* 底部 */
  .fx-mobile-foot-wrapper {
    display: none;
  }
  .fx-foot {
    position: relative;
    z-index: 50;
    padding: 60px 0 30px 0;
    background: #2f3135;
  }
  .fx-foot .footer-container {
    max-width: 1200px;
    width: 100%;
    margin: auto;
  }
  .footer_nav-container {
    display: flex;
    justify-content: space-between;
  }
  .footer_nav-left {
    flex: 6.1;
    display: flex;
  }
  .footer_nav-item {
    flex: 1;
  }
  .footer_nav-left .footer_nav-item:last-child {
    border-right: solid 1px rgba(255, 255, 255, 0.15);
  }
  .footer_nav-right {
    flex: 3.9;
    display: flex;
    margin-left: 5vw;
  }
  .footer_nav-item a {
    color: #fff;
    font-size: 16px;
    display: inline-block;
  }
  .footer_nav-item .child-tit li {
    margin-top: 10px;
    display: flex;
    position: relative;
  }
  .footer_nav-container li a:hover {
    color: #ff8000;
  }
  .footer_nav-item .child-tit li a,
  .footer_nav-item .child-tit li span,
  .footer_nav-item .child-tit .quyu {
    color: #b4b4b4;
    font-size: 12px;
  }
  .footer_nav-item .child-tit .quyu{
    display: block;
  }
  .sys-icon-wrapper {
    position: relative;
    width: 18px;
    overflow: hidden;
    height: 18px;
    display: inline-block;
    margin-right: 4px;
  }

  .sys-icon-wrapper .sys-icon-1 {
    position: absolute;
    left: -19px;
  }

  .sys-icon-wrapper .sys-icon-2 {
    position: absolute;
    left: -37px;
  }

  .sys-icon-wrapper .sys-icon-3 {
    position: absolute;
    left: -54px;
  }

  .sys-icon-wrapper .sys-icon-4 {
    position: absolute;
    left: -3px;
  }

  .sys-icon-wrapper .sys-icon-5 {
    position: absolute;
    left: -71px;
  }

  .footer_nav-item .foot-ios-code {
    position: absolute;
    top: -44px;
    left: 30px;
    display: none;
    transform: translate(-50%, -50%);
  }
  .footer_nav-item .foot-android-code {
    top: -47px;
    left: 40px;
  }
  .foot-ios-code .triangle-jiantou {
    width: 0;
    height: 0;
    border-width: 8px 8px 0;
    border-style: solid;
    border-color: #fff transparent transparent;
    top: 87px;
    left: 32px;
    z-index: 0;
    position: absolute;
  }
  .foot-android-code .triangle-jiantou {
    left: 40px;
  }
  .footer_nav-item .child-tit li:hover .foot-ios-code {
    display: block;
  }
  .contract-us span {
    line-height: 24px;
  }
  .footer_nav-item .company-list a {
    cursor: pointer;
    margin-right: 8px;
  }
  .footer_nav-item .child-tit li .company-active {
    color: #ff8000;
  }

  .footer-qrcode-wrapper .qrcode-title:hover + .qrcode-wrapper {
    display: flex;
    position: absolute;
    bottom: 25px;
    left: 0;
  }
  .footer-qrcode-wrapper .qrcode-wrapper {
    width: 90px;
    height: 90px;
    display: none;
  }
  .footer-qrcode-wrapper .qrcode-wrapper img {
    width: 100%;
    height: 100%;
  }
  .qrcode-wrapper .triangle-jiantou {
    width: 0;
    height: 0;
    border-width: 8px 8px 0;
    border-style: solid;
    border-color: #fff transparent transparent;
    top: 87px;
    left: 32px;
    z-index: 0;
    position: absolute;
  }

  .footer_recommend-links {
    margin-top: 40px;
    font-size: 12px;
    text-align: left;
  }
  .footer_recommend-links .tab {
    display: flex;
    border-bottom: solid 1px rgba(255, 255, 255, 0.2);
    padding-bottom: 5px;
  }
  .footer_recommend-links .tab .tab-item {
    margin-right: 10px;
  }
  .footer_recommend-links a {
    margin-right: 5px;
    color: #a4a4a4;
    line-height: 18px;
  }
  .footer_recommend-links .tab .tab-item.active a {
    color: #fff;
  }
  .footer_recommend-links .links-container {
    display: none;
    text-align: left;
    padding-top: 10px;
  }
  .footer_recommend-links .links-container.selected {
    display: block;
  }
  .fx-copyright {
    margin-top: 24px;
  }
  .fx-copyright .police {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
  }

  .fx-copyright .police img {
    width: 16px;
    height: 18px;
    margin-right: 10px;
  }
  .fx-copyright span,
  .fx-copyright p,
  .fx-copyright .link {
    color: #b4b4b4;
    font-size: 12px;
    text-align: center;
  }
  .fx-global-alert {
    display: none;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #dee1e8;
    box-shadow: 0 2px 12px 0 #dee1e8;
    position: fixed;
    left: 50%;
    top: 90px;
    transform: translateX(-50%);
    color: #181c25;
    background-color: #fff;
    overflow: hidden;
    padding: 14px 16px;
    align-items: center;
    z-index: 5;
  }

  .fx-global-alert img {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    display: inline-block;
  }

  .fx-global-alert span {
    color: #181c25;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  /* 预览区域 */
  .fx-img-preview-wrapper {
    position: fixed;
    width: 100vw;
    height: 100vh;
    display: none;
    top: 0;
    left: 0;
  }
  .fx-img-preview-mask {
    position: absolute;
    background-color: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
  }
  .fx-img-preview-close {
    width: 44px;
    height: 44px;
    top: 100px;
    right: 40px;
    position: absolute;
    cursor: pointer;
  }
  .fx-img-preview-main {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    transform: translate(-50%, -50%);
    transform-origin: 0 0;
  }

  /* 右侧tool-bar */
  .fx-w-toolbar {
    top: 40%;
    right: 8px;
    position: fixed;
    height: auto;
    z-index: 100;
  }
  .fx-w-toolbar.login {
    top: 55%;
  }
  .fx-w-toolbar .toolbar-item {
    margin-bottom: 10px;
    border-radius: 6px;
    background: linear-gradient(45deg, #ff704f 0%, #ff9326 100%);
    height: 76px;
    position: relative;
    width: 64px;
    display: block;
    text-align: center;
    cursor: pointer;
  }
  .fs-im-wrapper .tool-icon-1,
  .fx-w-toolbar.login .tool-icon-1 {
    position: absolute;
    top: 7px;
    left: 50%;
    transform: translateX(-50%);
  }
  .fx-w-toolbar .toolbar-item .tool-zixun {
    color: #181c25;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
  }
  .fx-w-toolbar .fs-im-wrapper .tool-zixun,
  .fx-w-toolbar.login .toolbar-item .tool-zixun {
    position: absolute;
    bottom: 16px;
    display: block;
    width: 100%;
    color: #fff;
  }
  .fs-im-wrapper .service-details {
    height: auto;
    width: auto;
    position: absolute;
    left: -210px;
    top: 0;
    padding: 12px;
    border-radius: 8px;
    box-shadow: 0px 4px 12px 0px rgb(0 0 0 / 15%);
    display: none;
    background: #fff;
    padding: 12px;
  }
  .fs-im-wrapper .service-details .service-avatar {
    margin-right: 8px;
    width: 40px;
    height: 40px;
  }
  .fs-im-wrapper .service-details .service-avatar .avatar-img {
    width: 100%;
    height: 100%;
  }
  .fs-im-wrapper .service-details .service-des .des-username {
    color: #181c25;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    text-align: left;
  }
  .fs-im-wrapper .service-details .service-des .des-text {
    color: #545861;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
  }
  .fs-im-wrapper .service-details .service-close {
    position: absolute;
    right: 9px;
    right: 9px;
    width: 12px;
    height: 12px;
  }
  .toolbar-item-list {
    box-shadow: 0px 4px 12px 0px rgb(0 0 0 / 15%);
    border-radius: 8px;
    padding: 2px;
    background: #fff;
  }
  .toolbar-item-list .toolbar-item {
    margin-bottom: 0;
    border-radius: 0;
    background: #fff;
    width: 60px;
    height: 72px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 13px;
  }
  .toolbar-item-list .toolbar-item .tool-icon-wrapper {
    margin-bottom: 6px;
    padding: 0;
    height: 24px;
  }
  .onlineService .online-qw-wrapper {
    position: absolute;
    top: 0;
    right: 73px;
    width: 162px;
    box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 15%);
    display: none;
    background-color: #fff;
  }
  .onlineService .qrcode-img {
    width: 150px;
    margin-top: 10px;
  }
  .onlineService .online-p1 {
    color: #888;
    font-size: 14px;
  }
  .onlineService .online-p2 {
    color: #fdb11f;
    margin-bottom: 11px;
    font-size: 15px;
    margin-top: 4px;
  }
  .fx-w-toolbar .tel-details {
    display: none;
    height: auto;
    width: auto;
    position: absolute;
    left: -160px;
    top: 0;
    padding: 12px;
    border-radius: 8px;
    box-shadow: 0px 4px 12px 0px rgb(0 0 0 / 15%);
    text-align: left;
    background-color: #fff;
    line-height: 26px;
  }
  .fx-w-toolbar .tel-details .tel-num {
    color: #ff7c19;
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
  }
  .fx-w-toolbar .tel-details .tel-des {
    color: #545861;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
  }
  .fx-w-toolbar .tel-details .tel-divide {
    border-bottom: 1px dashed #dee1e8;
    margin: 8px 0;
  }
  .toolbar-item-list .toolbar-item:hover {
    color: #181c25;
    border-color: #fff;
    background: #fff;
    cursor: pointer;
  }
  .toolbar-item-list .toolbar-item:hover svg path {
    fill: #ff7c19;
  }
  .toolbar-item.tel:hover .tel-details {
    display: block;
  }
  .onlineService:hover .online-qw-wrapper {
    display: block;
  }

  /* 移动端底部toolbar */
  .i-footer {
    padding: 3.7vw 8.3vw;
    background: #ff8000;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
  }
  .i-footer > div {
    flex: 1;
    text-align: center;
    font-size: 4.2vw;
    font-weight: 400;
    color: #fff;
    box-shadow: none;
  }
  .border-right {
    border-right: 1px solid #fff;
  }

  /* 折叠导航 */
  .mobile-header-nav {
    display: flex;
    justify-content: space-between;
    height: 56px;
    align-items: center;
    padding: 0 24px;
    background-color: #f0f4fb;
  }
  .mobile-header-nav .logo-png {
    width: 113px;
    cursor: pointer;
  }
  .icon-daohangmoren {
    font-family: "iconfont";
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
  }
  .mobile-nav-content .body-nav {
    display: none;
    max-height: calc(100vh - 112px);
    background-color: #fff;
    padding-left: 20px;
    overflow: auto;
  }
  .i-collapse .collapse-title {
    display: flex;
    justify-content: space-between;
    padding-right: 20px;
    height: 56px;
    font-weight: bold;
    line-height: 56px;
    align-items: center;
  }

  .i-collapse .collapse-content {
    display: none;
    padding-left: 16px;
    line-height: 56px;
  }
  .i-collapse > .collapse-item > .collapse-title,
  .i-collapse .collapse-item .collapse-content .collapse-item {
    border-bottom: 1px solid #dee1e6;
  }
  .i-collapse .collapse-item-single {
    border-bottom: 1px solid #dee1e6;
  }
  .i-collapse > .collapse-item-single > .collapse-title {
    border-bottom: none;
  }
  .i-collapse
    .collapse-item
    .collapse-content
    .collapse-item
    .collapse-title
    > div {
    font-size: 14px;
  }

  .i-collapse .collapse-sub-content.active {
    display: flex !important;
    flex-wrap: wrap;
  }

  .up-arrow {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(-45deg);
  }
  .active {
    display: block !important;
  }
  .down-arrow {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    transform: rotate(135deg);
  }
  .pre-circle {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    padding-left: 14px;
    width: 50%;
  }
  .pre-circle::before {
    content: "";
    width: 6px;
    height: 6px;
    background-color: #181c25;
    top: 50%;
    left: 0;
    position: absolute;
    transform: translateY(-50%);
  }

  .fx-mobile-foot-wrapper {
    display: block;
  }
  .fx-mobile-foot-wrapper .body-nav {
    display: block;
    max-height: none;
  }
  .fx-mobile-foot-wrapper .i-collapse .collapse-content {
    padding-bottom: 12px;
  }
  .fx-mobile-foot-wrapper .i-collapse .collapse-content,
  .fx-mobile-foot-wrapper .i-collapse .collapse-content .collapse-item {
    padding-left: 0;
  }
  .fx-mobile-foot-wrapper .i-collapse .collapse-item {
    padding: 0;
    margin: 0 4vw;
    border-bottom: 1px solid #dee1e6;
  }
  .fx-mobile-foot-wrapper .i-collapse .collapse-item:last-child {
    border-bottom: none;
  }
  .fx-mobile-foot-wrapper .i-collapse .collapse-content .collapse-item {
    width: 50%;
    padding: 10px 0;
    border-bottom: none;
    margin: 0;
  }
  .fx-mobile-foot-wrapper
    .i-collapse
    .collapse-content-item-col-1
    .collapse-item {
    width: 100%;
  }
  .fx-mobile-foot-wrapper .i-collapse .collapse-title {
    padding-right: 0;
    border: none;
  }
  .fx-mobile-foot-wrapper .i-collapse .collapse-title-open {
    padding: 12px 0 8px 0;
  }
  .fx-mobile-foot-wrapper .i-collapse .collapse-title > div {
    color: #181c25;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
  }
  .fx-mobile-foot-wrapper .down-arrow,
  .fx-mobile-foot-wrapper .up-arrow {
    width: 8px;
    height: 8px;
    border-color: #737c8c;
  }
  .fx-mobile-foot-wrapper .pre-circle {
    padding-left: 0;
    color: #545861;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    display: inherit;
    width: 100%;
  }
  .fx-mobile-foot-wrapper .pre-circle::before {
    content: none;
  }
  .fx-mobile-foot-wrapper .active {
    display: flex !important;
    flex-wrap: wrap;
  }
  .fx-mobile-foot-wrapper .copyright {
    padding: 4vw;
    margin: 0 !important;
    background-color: #f9fafd;
  }
  .fx-mobile-foot-wrapper .copyright span,
  .copyright p,
  .fx-mobile-foot-wrapper .police-text {
    text-align: center;
    line-height: 4.8vw;
    font-size: 2.7vw;
    color: #91959e !important;
    font-weight: 400;
  }
  .fx-mobile-foot-wrapper .copyright .police {
    line-height: 4.8vw;
    font-size: 2.7vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .fx-copyright .police a{
    color:#B4B4B4; 
    font-size: 12px;
  }
  .fx-mobile-foot-wrapper .police img {
    width: 3.4vw;
    height: 3.7vw;
    margin-right: 1.1vw;
  }
  .fs-free {
    padding: 56px 0;
    text-align: center;
    background-image: url("https://www.fxiaoke.com/ap/wp-content/uploads/2021/04/0_【通用】通栏免费试用@2x.png");
    background-size: cover;
    z-index: 50;
    position: relative;
  }

  .fs-free .fs-free-title {
    font-size: 32px;
    font-weight: 500;
    color: #181c25;
    line-height: 42px;
    text-shadow: 0px 2px 12px rgba(6, 95, 164, 0.1);
    margin-bottom: 12px;
  }

  .fs-free .fs-free-tel {
    font-size: 24px;
    font-weight: 400;
    color: #181c25;
    line-height: 34px;
    margin-bottom: 28px;
  }

  .fs-free .i-btn {
    line-height: 34px;
    padding: 8px 24px;
    border-radius: 24px;
    font-size: 24px;
    cursor: pointer;
  }

  .fs-free .i-btn-free {
    background: linear-gradient(45deg, #ff704f 0%, #ff9326 100%);
    color: #fff !important;
  }
  /* 单独免费试用按钮 总高度48px */
  .fs-btn-free {
    background: linear-gradient(45deg, #ff704f 0%, #ff9326 100%);
    color: #fff !important;
    line-height: 34px;
    padding: 7px 24px;
    border-radius: 24px;
    font-size: 24px;
    cursor: pointer;
    display: inline-block;
  }
  /* 通知 */
  .notice {
    height: 36px;
    width: 100%;
    background: rgb(255 147 38 / 70%);
  }

  .notice .content {
    display: flex;
    width: 1200px;
    height: 100%;
    margin: auto;
    justify-content: center;
    align-items: center;
    background: transparent;
    font-size: 14px;
  }

  .notice .content .tip {
    color: #ffffff !important;
    cursor: pointer;
  }

  .notice .content .join-btn {
    height: 28px;
    line-height: 18px;
    border-radius: 20px;
    border: 1px solid #ffffff;
    padding: 3px 16px;
    color: #fff;
    position: relative;
    left: 24px;
    color: #fff !important;
    cursor: pointer;
  }

  .notice .content .icon-daohangguanbi {
    font-size: 14px;
    color: #fff;
    position: relative;
    left: 282px;
    cursor: pointer;
  }

  /* 白皮书 */

  .fs-wpaper__wbook {
    padding-top: 104px;
  }

  .fs-wpaper__wbook .fs-wpaper__body {
    background-color: #fafcff;
    display: inline-block;
    position: relative;
    background-image: url("https://www.fxiaoke.com/ap/wp-content/uploads/2021/04/1_【banner】背景底纹@2x-1.png");
    background-size: cover;
    background-position: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .fs-wpaper__wbook .fs-wpaper__body__nonebgc {
    background: #fafcff;
    height: 340px;
  }

  .fs-wpaper__wbook .wp-banner-cont {
    max-width: 1200px;
    width: 100%;
    height: 276px;
    display: flex;
    justify-content: space-between;
    position: relative;
  }

  .fs-wpaper__body__nonebgc .wp-banner-cont {
    align-items: center;
  }

  .fs-wpaper__wbook .wp-banner-cont .wp-banner-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 600px;
  }

  .fs-wpaper__wbook .wp-title {
    font-size: 32px;
    font-weight: 500;
    color: #181c25;
    line-height: 42px;
    margin-bottom: 12px;
  }

  .fs-wpaper__wbook .wp-sub-title {
    font-size: 18px;
    font-weight: 400;
    color: #545861;
    line-height: 28px;
    margin-bottom: 24px;
  }

  .fs-wpaper__wbook .wp-banner-cont .wp-banner-left .wp-a1 {
    margin-left: 18px;
  }
  .fs-wpaper__wbook .wp-banner-cont .wp-banner-img {
    position: absolute;
    bottom: 16px;
    right: 158px;
    border: 1px solid #dee1e6;
    box-shadow: 0px 5px 14px 0px rgb(49 57 92 / 6%);
    border-radius: 8px;
  }

  .fs-wpaper__wbook .wp-banner-cont .wp-banner-img img {
    width: 222px;
    height: 292px;
    display: flex;
    border-radius: 8px;
  }

  .fs-wpaper__wbook .wp-banner-cont .wp-banner-wide-img img {
    width: 400px;
    height: 240px;
  }
  .free-btn {
    display: inline-block;
    width: 152px;
    height: 48px;
    background: linear-gradient(45deg, #ff704f 0%, #ff9326 100%);
    box-shadow: 0px 2px 12px 0px rgba(255, 128, 0, 0.12);
    border-radius: 24px;
    line-height: 48px;
    font-size: 24px;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
  }

  /* 头部导航 */
  .tab-navbar {
    height: 56px !important;
    width: 100%;
    border-top: 1px solid #eee;
  }

  .tab-navbar .tab-sub {
    max-width: 1200px;
    width: 100% !important;
    margin: auto !important;
    position: relative;
  }

  .tab-navbar .tab-container {
    display: flex;
    align-items: center;
    height: 56px;
    width: 100%;
    overflow: auto;
  }
  .tab-navbar .tab-container::-webkit-scrollbar {
    height: 5px;
  }

  .tab-navbar .tab-container .tab-nav-item,
  .tab-navbar .tab-container .tab-nav-more {
    display: none;
    box-sizing: border-box;
    padding: 0 8px !important;
    font-size: 14px !important;
    margin: 0 8px;
    color: #181c25;
    line-height: 28px;
    flex-shrink: 0;
  }
  .tab-navbar .tab-container .tab-nav-item:first-child{
    margin-left: 0;
  }
  .tab-navbar .tab-container .tab-nav-item:last-child{
    margin-right: 0;
  }
  .tab-navbar .tab-container .selected,
  .tab-navbar .more-item-wrapper .selected{
    background: #fff3eb;
    border-radius: 20px;
    color: #ff8000;
  }

  .tab-navbar .tab-container .tab-nav-more{
    margin-left: 8px;
    display: none;
    cursor: pointer;
  }

  .tab-navbar .more-item-wrapper{
    position: absolute;
    right: 0;
    top: 45px;
    width: auto;
    padding: 16px;
    border-radius: 8px;
    display: none;
    background: #FFF;
    z-index: 2;
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
  }
  .more-item-wrapper .tab-nav-item{
    margin-bottom: 16px;
    color: #181c25;
  }
  .more-item-wrapper .tab-nav-item:last-child{
    margin-bottom: 0;
  }

  .tab-nav-more .more-btn{
    display: flex;
    align-items: center;
  }
  .tab-nav-more .invalid-icon{
    display: block;
    margin-left: 3px;
  }
  .tab-nav-more .active-icon{
    display: none;
    margin-left: 3px;
  }

  .tab-nav-more.selected .invalid-icon{
    display: none;
  }
  .tab-nav-more.selected .active-icon{
    display: block;
  }
  .tab-nav-more.selected .more-item-wrapper{
    display: block;
  }


  /* 底部解决方案 */
  .fs-solutions-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .fs-solutions-wrapper .fs-solutions-item {
    width: 291px;
    padding: 26px 0;
    border: 1px solid #dee1e6;
    background: #ffffff;
    border-radius: 8px;
    display: none;
    flex-direction: column;
    align-items: center;
  }
  .fs-solutions-wrapper .solutions-item-icon {
    width: 32px;
    height: 32px;
    display: inline-block;
  }
  .fs-solutions-wrapper .solutions-item-title {
    color: #181C25;
    text-align: justify;
    font-family: "PingFang SC";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
  }

  /* 视频预览 */
  .n-banner .right img{
    max-width: 620px;
    width: 100%;
    object-fit: contain;
    border-radius: 8px;
  }
  .n-banner .right .play-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 48px;
    height: 48px;
  }

  .video-play-dialog{
    display: none;
    width: 100vw;
    height: 100vh;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: -55px;
    left: 0;
    z-index: 99999;
  }
  .video-play-dialog .dialog-mask{
    position: fixed;
    top: 0;
    left: 0;
    background: var(--60, rgba(33, 43, 54, 0.60));
    width: 100vw;
    height: 100vh;
    z-index: 800;
  }
  .video-play-dialog .dialog-modal{
    z-index: 900;
    width: 70%;
    max-width: 960px;
  }
  .video-play-dialog .dialog-body{
    height: fit-content;
    margin: 0 auto;
    position: relative;
    border-top-left-radius: 32px;
  }
  .video-play-dialog .play-videos{
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    /* 用来解决底部空白 */
    display: flex;
  }
  .video-play-dialog .dialog-footer{
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
  }
  .video-play-dialog-close{
    width: 16px;
    height: 16px;
    color: #fff;
    position: absolute;
    top: 32px;
    right: 32px;
    cursor: pointer;
    z-index: 3000;
  }


  .video-play-dialog .dialog-footer{
    background-color: #fff;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .dialog-video-title{
    margin-right: 16px;
    color: #181C25;
    text-align: justify;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: "Source Han Sans CN";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    /* line-height: 20px; */
  }
  .dialog-video-btn{
    display: none;
    font-weight: normal;
    line-height: 22px;
    padding: 7px 16px;
    border-radius: 20px;
  }

  /* 纷享自定义分页样式 */
  .fx-global-pagenav{
    margin: 24px auto 0;
  }
  .fx-global-pagenav .wp-pagenavi{
    display: flex;
    justify-content: center;
    align-items: center;
  } 
  .fx-global-pagenav .pages,
  .fx-global-pagenav .last,
  .fx-global-pagenav .first{
    display: block;
    height: 36px;
    line-height: 18px;
    box-sizing: border-box;
    padding: 7px 10px;
    border: 1px solid #DEE1E6;
    border-radius: 8px;
    font-size: 16px;
    color: #545861;
  }
  .fx-global-pagenav .current,
  .fx-global-pagenav .page,
  .fx-global-pagenav .extend,
  .fx-global-pagenav .nextpostslink,
  .fx-global-pagenav .previouspostslink{
    display: block;
    height: 36px;
    width: 36px;
    border: 1px solid #DEE1E6;
    border-radius: 8px;
    font-size: 16px;
    color: #545861;
    line-height: 18px;
    padding: 8px 0;
    text-align: center;
  }
  .fx-global-pagenav .wp-pagenavi span.current{
    border-color: #FF8000;
  }
  .fx-global-pagenav .current, 
  .fx-global-pagenav .current:hover,
  .fx-global-pagenav .page:hover,
  .fx-global-pagenav .extend:hover,
  .fx-global-pagenav .last:hover,
  .fx-global-pagenav .first:hover,
  .fx-global-pagenav .nextpostslink:hover,
  .fx-global-pagenav .previouspostslink:hover{
    background: #FF8000;
    color: #FFFFFF;
    border: 1px solid #FF8000;
  }

  /* global-loading */
  .fx-global-loading__wrapper{
    color: #545861;
    margin: 0 auto;
    height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 150px;
  }
  .fx-global-loading,
  .fx-global-loading > div{
    position: relative;
    box-sizing: border-box;
  }
  .fx-global-loading {
    display: block;
    font-size: 0;
    color: #000;
  }

  .fx-global-loading.la-dark {
    color: #545861;
  }

  .fx-global-loading > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
  }

  .fx-global-loading {
    width: 32px;
    height: 32px;
  }

  .fx-global-loading > div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    margin-left: -4px;
    border-radius: 100%;
    animation: ball-spin-clockwise-fade 1s infinite linear;
  }

  .fx-global-loading > div:nth-child(1) {
    top: 5%;
    left: 50%;
    animation-delay: -0.875s;
  }

  .fx-global-loading > div:nth-child(2) {
    top: 18.1801948466%;
    left: 81.8198051534%;
    animation-delay: -0.75s;
  }

  .fx-global-loading > div:nth-child(3) {
    top: 50%;
    left: 95%;
    animation-delay: -0.625s;
  }

  .fx-global-loading > div:nth-child(4) {
    top: 81.8198051534%;
    left: 81.8198051534%;
    animation-delay: -0.5s;
  }

  .fx-global-loading > div:nth-child(5) {
    top: 94.9999999966%;
    left: 50.0000000005%;
    animation-delay: -0.375s;
  }

  .fx-global-loading > div:nth-child(6) {
    top: 81.8198046966%;
    left: 18.1801949248%;
    animation-delay: -0.25s;
  }

  .fx-global-loading > div:nth-child(7) {
    top: 49.9999750815%;
    left: 5.0000051215%;
    animation-delay: -0.125s;
  }

  .fx-global-loading > div:nth-child(8) {
    top: 18.179464974%;
    left: 18.1803700518%;
    animation-delay: 0s;
  }

  .fx-global-loading.la-sm {
    width: 16px;
    height: 16px;
  }

  .fx-global-loading.la-sm > div {
    width: 4px;
    height: 4px;
    margin-top: -2px;
    margin-left: -2px;
  }

  .fx-global-loading.la-2x {
    width: 64px;
    height: 64px;
  }

  .fx-global-loading.la-2x > div {
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
  }

  .fx-global-loading.la-3x {
    width: 96px;
    height: 96px;
  }

  .fx-global-loading.la-3x > div {
    width: 24px;
    height: 24px;
    margin-top: -12px;
    margin-left: -12px;
  }
  /* 表格样式 */
  /* .body-wrapper-article,
  .content-wrapper .tab-left{
    width: 854px !important;
    flex-shrink: 0 !important;
  }
  .wpaper .body-wrapper .tab-right{
    width: auto;
    flex: 1;
  } */
  .body-wrapper-article table {
    width: 100%;
  }

  .body-wrapper-article thead {
    background: #F0F5FC;
  }

  .body-wrapper-article thead td,
  .body-wrapper-article thead th,
  .body-wrapper-article thead tr {
    border: 1px solid #DEE1E8;
    background: #F0F5FC;
    padding: 16px;
  }

  .body-wrapper-article td,
  .body-wrapper-article tr {
    border: 1px solid #DEE1E8;
    background: #FFF;
    padding: 16px;
  }

  /* 标题样式 */
    /* H1-文章大标题：36px

    H2:28
    H3:20
    H4:16 */
  .body-wrapper-article h1{
    font-size: 36px !important;
    line-height: 46px !important;
  }
  .body-wrapper-article h2{
    font-size: 28px !important;
    line-height: 38px !important;
    margin: 0 0 12px 0 !important;
  }
  .body-wrapper-article h3{
    font-size: 20px !important;
    line-height: 30px !important;
  }
  .body-wrapper-article h4{
    font-size: 16px !important;
    line-height: 26px !important;
    font-weight: 600 !important;
  }

  /* 侧边栏样式 */
  .site-content .content-area{
    width: 854px;
  }
  .wpaper .site-content .sidebar{
    width: auto;
    flex: 1;
  }

  @keyframes ball-spin-clockwise-fade {
    50% {
      opacity: 0.25;
      transform: scale(0.5);
    }

    100% {
      opacity: 1;
      transform: scale(1);
    }
  }

  /* 中屏幕 */
  @media screen and (max-width: 1200px) {
    .part-container .content-container,
    .fx-foot .footer-container,
    .fxiaoke-navigation__wrapper .nav,
    .fxiaoke-navigation__wrapper .nav-item .pc-content {
      padding: 0 24px;
    }
    .fxiaoke-navigation__wrapper .nav-header{
      gap: 12px;
    }
    /* 1200屏幕banner文字缩小 */
    .n-banner .common-h1 {
      font-size: 3vw;
      line-height: 3.8vw;
    }
    .n-banner .text-18 {
      font-size: 1.5vw;
      line-height: 2.3vw;
    }
    .n-banner .common-btn {
      height: 4vw;
      padding: 1vw 2vw;
      font-size: 2vw;
      width: fit-content;
    }
    .fs-wpaper__wbook .wp-banner-cont {
      padding-left: 24px;
    }
    .fs-wpaper__wbook .wp-banner-cont .wp-banner-left {
      width: 60vw;
    }
    .fs-wpaper__wbook .wp-banner-cont .wp-banner-img {
      right: 11vw;
    }
  }

  @media screen and (max-width: 1039px) {
    .fxiaoke-navigation__wrapper {
      display: none;
    }
    .mobile-nav-content {
      display: block;
      width: 100%;
      position: fixed;
      z-index: 99;
      top: 0;
    }
    .wpaper {
      padding-top: 56px !important;
    }
    .page-container{
      margin-top: 56px;
    }

  }

  @media screen and (max-width: 800px) {
    .fx-img-preview-main {
      width: 100%;
      transform-origin: bottom;
      display: flex;
    }
    .fx-img-preview-wrapper {
      overflow: auto;
    }
    .fx-img-preview-close {
      width: 6.2vw;
      height: 6.2vw;
      top: 20vw;
      right: 4vw;
      position: fixed;
    }
    .fx-img-preview-mask {
      position: fixed;
    }
    .fx-m-hide {
      display: none;
    }
    .fx-m-show-b {
      display: block;
    }
    .fx-m-show-f {
      display: flex;
    }
    /* 通用 */
    .mobile-overflow-x {
      width: 100%;
      overflow-x: auto;
    }
    .mobile-overflow-x::-webkit-scrollbar,
    .tab-navbar .tab-container::-webkit-scrollbar {
      display: none;
    }
    .tab-navbar {
      min-width: unset !important;
    }
    .tab-navbar .tab-container {
      padding: 0 4vw;
      width: auto !important;
    }
    .part-container {
      padding: 7.2vw 0;
    }
    .part-container .content-container {
      padding: 0;
    }
    /* 需要加padding 不能在容器加 因为容器中存在图片或者内容横向滚动 */
    .common-h1 {
      font-size: 5.8vw !important;
      font-weight: 600 !important;
      line-height: 8.5vw !important;
    }
    .common-h2 {
      font-size: 4.8vw !important;
      font-weight: 600 !important;
      line-height: 7.4vw !important;
      padding: 0 4vw;
    }
    .common-h3 {
      font-size: 3.7vw !important;
      font-weight: 600;
      line-height: 6.4vw;
    }
    /* 字体颜色在页面文件中按照实际需求自定义 */
    .text-18,
    .text-14,
    .text-16 {
      font-size: 3.2vw !important;
      font-weight: 400 !important;
      line-height: 5.4vw !important;
    }
    .common-btn {
      width: 33.9vw;
      height: 9.7vw;
      padding: 0;
      font-size: 3.7vw;
      border-radius: 5.2vw;
    }
    .common-btn-m {
      font-size: 3.2vw !important;
      font-weight: 400 !important;
      line-height: 5.4vw !important;
      border-radius: calc(3.3vw + 1px);
      padding: 0.6vw 3.2vw;
      width: auto;
      height: auto;
    }

    .web-hide-flex {
      display: flex !important;
    }
    .web-hide-block {
      display: block !important;
    }
    .mobile-hide-flex {
      display: none !important;
    }
    .mobile-hide-block {
      display: none !important;
    }
    .mt-8,
    .mt-12 {
      margin-top: 2.1vw;
    }
    .mt-16,
    .mt-24 {
      margin-top: 3.2vw;
    }
    .fs-free {
      padding: 9.6vw 19.5vw;
      background: #f0f5fc;
    }
    .fs-free .fs-free-title {
      margin-bottom: 0;
    }
    .fs-free .fs-free-tel {
      margin-top: 0.9vw;
      margin-bottom: 3.1vw;
    }
    .fs-free .i-btn,
    .fs-btn-free {
      line-height: 6.4vw;
      padding: 1.6vw 5.3vw;
      border-radius: 5vw;
      font-size: 3.7vw;
      height: auto;
      cursor: pointer;
    }
    /* 白皮书 */
    .fs-wpaper__wbook {
      background-color: #f9fafd;
      padding: 0;
    }
    .fs-wpaper__wbook .fs-wpaper__body {
      padding: 7.2vw 4vw;
      background-image: none;
    }
    .fs-wpaper__wbook .wp-banner-cont {
      padding: 0;
      flex-direction: column-reverse;
      height: auto;
      align-items: center;
    }
    .fs-wpaper__wbook .wp-banner-cont .wp-banner-left {
      width: auto;
      text-align: center;
    }
    .fs-wpaper__wbook .wp-title {
      margin-bottom: 1vw;
      margin-top: 3.2vw;
    }
    .fs-wpaper__wbook .wp-banner-cont .wp-banner-left .a1 {
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .fs-wpaper__wbook .wp-sub-title {
      margin-bottom: 3.2vw;
    }
    .fs-wpaper__wbook .wp-banner-cont .wp-banner-img {
      position: static;
    }
    .fs-wpaper__wbook .wp-banner-cont .wp-banner-img img {
      width: 30vw;
      height: 39vw;
    }
    .fs-solutions-wrapper {
      padding: 0 4vw;
      gap: 8px
    }
    .fs-solutions-wrapper .fs-solutions-item {
      width: calc(1/3 * (100vw - 8vw - 16px));
      padding: 4.2vw 0;
    }
    .fs-solutions-wrapper .solutions-item-icon {
      width: 20px;
      height: 20px;
    }
    .fs-solutions-wrapper .solutions-item-title {
      font-size: 14px;
      font-weight: 400;
      line-height: 24px;
    }
    .video-play-dialog .dialog-modal{
      width: 100%;
    }
    .video-play-dialog .play-videos{
      border-top-left-radius: 2vw;
      border-top-right-radius: 2vw;
    }
    .video-play-dialog .dialog-footer{
      border-bottom-left-radius: 2vw;
      border-bottom-right-radius: 2vw;
      padding: 4vw;
    }
    .video-play-dialog-close{
      top: 4vw;
      right: 4vw;
    }
    .dialog-video-title{
      font-size: 3.2vw;
      font-weight: 400;
      line-height: 5.4vw;
    }
    .dialog-video-btn{
      font-size: 3.2vw !important;
      font-weight: 400 !important;
      line-height: 5.4vw !important;
      border-radius: calc(3.3vw + 1px);
      padding: 0.6vw 3.2vw;
      width: calc(19.2vw + 7px);
      height: auto;
    }
    .footer-qrcode-wrapper{
      display: none;
    }
  }

  /* 小屏幕 */
  @media screen and (max-width: 480px) {
    .common-h1 {
      font-size: 22px;
      line-height: 32px;
    }
    .common-h2 {
      font-size: 18px;
      line-height: 28px;
    }
    .common-h3 {
      font-size: 14px;
      line-height: 24px;
    }
    /* 字体颜色在页面文件中按照实际需求自定义 */
    .text-18,
    .text-14,
    .text-16 {
      font-size: 12px;
      font-weight: 400;
      line-height: 20px;
    }
    .mobile-header-nav {
      padding: 0 16px;
    }

    /* 这里是之前footer中的移动端相关  为了兼容以前的 暂时移动到这里 */
    .mobile-bfc {
      overflow: hidden;
      height: auto !important;
      min-height: auto !important;
      width: 100% !important;
      min-width: auto !important;
      margin: 0 !important;
      padding: 0 !important;
      display: block !important;
      position: static !important;
    }
    /* 暂时性 */
    .wpaper {
      padding-top: 56px !important;
    }

    .mobile-scroll-x {
      overflow-x: auto;
    }
    .mobile-scroll-x::-webkit-scrollbar {
      display: none;
    }

    .scale-08 {
      transform: scale(0.8);
    }

    .mobile-title {
      font-size: 18px !important;
      padding: 10px 16px !important;
      font-weight: 600 !important;
      margin: 0px !important;
      text-align: center !important;
      line-height: 30px !important;
    }

    .mobile-sub-title {
      font-size: 16px !important;
      padding: 10px 20px !important;
      margin: 0px !important;
      text-align: center !important;
      line-height: 26px !important;
    }

    .mobile-fs-20 {
      font-size: 20px !important;
    }

    .mobile-fs-16 {
      font-size: 16px !important;
    }

    .mobile-fs-14 {
      font-size: 14px !important;
    }

    .mobile-width-100 {
      width: 100% !important;
    }

    .mobile-align-center {
      text-align: center !important;
    }

    .mobile-outline {
      width: 100% !important;
      height: auto !important;
    }

    .mobile-hide {
      display: none !important;
    }

    .mobile-padding-10 {
      padding: 10px !important;
    }

    .mobile-opacity-show {
      opacity: 1;
    }

    .flex-center {
      display: flex !important;
      justify-content: center !important;
    }

    .mobile-zoom-03 {
      text-size-adjust: none;
      -webkit-text-size-adjust: none;
      zoom: 0.3;
    }

    .mobile-content-artical {
      padding: 10px;
    }

    .mobile-content-artical img {
      width: 100% !important;
      height: auto !important;
    }

    .mobile-content-artical video {
      width: 100% !important;
      height: auto !important;
    }

    .mobile-full {
      width: 100% !important;
      height: 100% !important;
    }

    .mobile-scale-box {
      margin: auto;
    }

    .mobile-scale-lt-03 {
      transform-origin: 0 0;
      transform: scale(0.3);
    }

    .mobile-scale-lt-06 {
      transform-origin: 0 0;
      transform: scale(0.6);
    }

    .mobile-margin-auto {
      margin: auto;
    }

    .mobile-margin-b-10 {
      margin-bottom: 10px;
    }

    .details-list .details-item {
      margin-bottom: 8px;
    }

    .details-item .item__title .line {
      width: 4px;
      height: 12px;
      background-color: #ff8000;
      border-radius: 4px;
      margin-right: 8px;
    }

    .details-item .item__title {
      margin-bottom: 8px;
    }

    .details-item .item__title p {
      color: #181c25;
      font-family: PingFang SC;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 24px;
    }

    .details-item .item__content {
      color: #545861;
      text-align: justify;
      font-family: PingFang SC;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
    }

    /* 移动端UI重新整理 */
    /* 针对web端40px、36px字号 */
    .mobile-fs-large {
      color: #181c25;
      text-align: center;
      font-size: 22px !important;
      font-style: normal !important;
      font-weight: 600 !important;
      line-height: 32px !important;
      text-align: center;
      display: block;
    }

    /* web端32px */
    .mobile-fs-middle {
      color: #181c25;
      font-size: 18px !important;
      font-style: normal !important;
      font-weight: 600 !important;
      line-height: 28px !important;
      text-align: center;
      display: block;
    }

    /* web端24px 18px */
    .mobile-fs-small {
      color: #181c25;
      font-size: 14px !important;
      font-style: normal !important;
      font-weight: 500 !important;
      line-height: 24px !important;
      text-align: center;
      display: block;
    }

    /* web端 16px、14px */
    .mobile-fs-mini {
      color: #272b34;
      font-size: 12px !important;
      font-style: normal !important;
      font-weight: 400 !important;
      line-height: 20px !important;
      text-align: center;
      display: block;
    }

    /* 移动端内容距离两杯距离为16px */
    .mobile-fs-margin {
      margin: 0 16px !important;
    }

    .mobile-fs-container {
      width: 100% !important;
      padding: 0 16px !important;
    }

    .wpaper {
      padding-top: 56px !important;
    }
  }

  /* 目录短代码样式 */
  .fx-directory-container {
    border-radius: 8px;
    background: #F2F4FB;
    padding: 12px;
    transition: all 0.3s ease;
    width: 282px;
  }

  .fx-directory-container.fx-directory-fixed {
    position: fixed;
    top: 63px;
    z-index: 20;
  }

  /* 解决方案组件固定样式 */
  .fx-solutions-sticky-container.fx-solutions-fixed {
    width: 282px;
    position: fixed;
    z-index: 20;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  }

  .fx-directory-header {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    color: #181C25;
    font-family: "PingFang SC";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
  }

  .fx-directory-header .fx-directory-icon {
    width: 20px;
    height: 20px;
    margin-right: 8px;
  }

  .fx-directory-list {
    position: relative;
    background-color: #fff;
    padding: 12px;
    border-radius: 8px;
  }

  .fx-directory-item {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    color: #181C25;
    font-size: 16px;
    line-height: 26px;
    padding: 5px 0;
    margin-bottom: 12px;
  }
  .fx-directory-item.active {
    color: #FF8000;
  }

  .fx-directory-number {
    flex-shrink: 0;
  }

  .fx-directory-text {
    flex: 1;
    word-break: break-all;
    text-align: justify;
  }

  .fx-directory-expand-btn,
  .fx-directory-collapse-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 5px 0;
    border-radius: 8px;
    border: 1px solid #DEE1E8;
    cursor: pointer;
    color: #181C25;
    font-size: 16px;
    line-height: 26px;
  }


  /* 移动端目录样式 */
  @media screen and (max-width: 480px) {
    .fx-directory-container {
      position: fixed;
      bottom: 120px;
      right: 16px;
      z-index: 1000;
      width: auto;
      max-width: 280px;
      margin: 0;
      padding: 0;
      background: transparent;
      border-radius: 0;
    }

    /* 移动端折叠按钮 */
    .fx-directory-toggle-btn {
      width: 34px;
      height: 34px;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      position: relative;
      box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
      border: 1px solid #DEE1E8;
      border-radius: 4px;
      background-color: #fff;

    }
    .fx-directory-toggle-btn svg {
      width: 20px;
      height: 20px;
    }

    /* 移动端目录内容 */
    .fx-directory-mobile-content {
      position: absolute;
      bottom: 60px;
      right: 0;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
      padding: 16px;
      min-width: 240px;
      max-height: 60vh;
      overflow-y: auto;
      display: none;
      opacity: 0;
      transform: translateY(10px);
      transition: all 0.3s ease;
    }

    .fx-directory-mobile-content.show {
      display: block;
      opacity: 1;
      transform: translateY(0);
    }

    .fx-directory-mobile-content::-webkit-scrollbar {
      width: 4px;
    }

    .fx-directory-mobile-content::-webkit-scrollbar-track {
      background: #f1f1f1;
      border-radius: 2px;
    }

    .fx-directory-mobile-content::-webkit-scrollbar-thumb {
      background: #DEE1E8;
      border-radius: 2px;
    }

    .fx-directory-mobile-content::-webkit-scrollbar-thumb:hover {
      background: #FF8000;
    }

    /* 移动端目录标题 */
    .fx-directory-mobile-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 12px;
      padding-bottom: 8px;
      border-bottom: 1px solid #F0F4FB;
    }

    .fx-directory-mobile-title {
      color: #181C25;
      font-family: "PingFang SC";
      font-size: 16px;
      font-weight: 600;
      line-height: 24px;
    }

    .fx-directory-mobile-close {
      width: 20px;
      height: 20px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #545861;
      font-size: 14px;
    }

    /* 移动端目录列表 */
    .fx-directory-mobile-list {
      max-height: 40vh;
      overflow-y: auto;
    }

    .fx-directory-mobile-item {
      display: flex;
      align-items: flex-start;
      padding: 8px 0;
      cursor: pointer;
      color: #181C25;
      font-size: 12px;
      line-height: 18px;
    }
    .fx-directory-mobile-item.active {
      color: #FF8000;
    }

    .fx-directory-mobile-number {
      flex-shrink: 0;
    }

    .fx-directory-mobile-text {
      flex: 1;
      word-break: break-all;
      text-align: justify;
    }
  }

  /* 公共组件样式 */
  .fx-component {
    border-radius: 8px;
    padding: 12px;
    width: 282px;
  }

  .fx-component-header {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    padding: 6px 0;
    gap: 8px;
  }

  .fx-component-icon{
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }

  .fx-component-title {
    color: #181C25;
    font-family: "PingFang SC";
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
  }

  .fx-component-content {
    background: #fff;
    border-radius: 8px;
    padding: 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #181C25;
  }

  /* B2B企业增长资源库样式 */
  .fx-resource-library {
    background: #E6F4FF;
  }

  /* 推荐CRM场景解决方案样式 */
  .fx-crm-solutions {
    background: #E1F5F1;
  }

  /* 推荐阅读样式 */
  .fx-recommended-reading {
    background: #F7F0FF;
  }

  /* 移动端隐藏所有短代码组件 */
  @media screen and (max-width: 480px) {
    .fx-resource-library,
    .fx-crm-solutions,
    .fx-recommended-reading {
      display: none;
    }
  }

  .fx-resource-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 12px;
  }

  .fx-resource-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
    color: #181C25;
  }
  .fx-resource-item:hover,
  .fx-resource-item:hover .fx-resource-download,
  .fx-solutions-more:hover,
  .fx-solution-btn:hover,
  .fx-reading-link:hover,
  .fx-resource-more:hover {
    color: #181C25 !important;
  }

  .fx-resource-download {
    border: 1px solid #DEE1E8;
    border-radius: 100px;
    padding: 0 8px;
    color: #181C25;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .fx-solutions-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    margin-bottom: 16px;
  }

  .fx-solution-btn {
    border: 1px solid #DEE1E8;
    border-radius: 8px;
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #181C25;
    cursor: pointer;
  }
  .fx-solutions-more,.fx-resource-more {
    background: #fff;
    border-radius: 8px;
    border: 1px solid #DEE1E8;
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    color: #181C25;
    cursor: pointer;
  }

  .fx-reading-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .fx-reading-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 5px 0;
  }

  .fx-reading-item::before {
    content: "•";
    color: #181C25;
    font-size: 16px;
    line-height: 24px;
    flex-shrink: 0;
  }

  .fx-reading-link {
    color: #181C25;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none;
    transition: color 0.2s ease;
  }

  /* 推广横幅样式 */
  .fx-promotion-banner {
    width: 282px;
    border-radius: 8px;
    overflow: hidden;
  }

  .fx-banner-link {
    display: block;
    text-decoration: none;
  }
  .fx-banner-image {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 8px;
  }

  /* 移动端隐藏推广横幅 */
  @media screen and (max-width: 480px) {
    .fx-promotion-banner {
      display: none;
    }
  }

  .online-wrapper {
    position: absolute;
    display: none;
    top: 60px;
    left: -16px;
    width: auto;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 15%);
  }
  .online-wrapper::after {
    content: "";
    border: 10px solid transparent;
    border-bottom: 20px solid #fff;
    position: absolute;
    bottom: 100%;
    left: 20%;
    margin-left: -5px;
  }
  .online-p1,
  .online-p2 {
    text-align: center;
    color: #888;
    font-size: 14px;
  }
  
  .online-btn:hover + .online-wrapper {
    display: block;
  }

  .marketing-h2 {
    color: #181C25;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
  }

  .marketing-feature-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: left;
  }
  .marketing-feature-list li {
    color: #181c25;
    font-style: normal;
    line-height: 26px;
  }

  .marketing-feature-list li {
    position: relative;
    padding-left: 24px;
  }

  .marketing-feature-list li::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 13px;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    background-color: #181c25;
    border-radius: 50%;
  }