* {
  padding: 0;
  margin: 0;
}

body,
html {
  width: 100%;
  overflow-x: hidden;
}

body a:hover {
  text-decoration: none;
}

a:link {
  text-decoration: none;
}

/** Link color **/
a {
  color: #ff8000;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #b35a00;
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

/** Link color end **/

.relative {
  position: relative;
}

.fxiaoke-navigation__wrapper ul {
  list-style: none;
}

.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;
  background: #fff;
  width: 100%;
  z-index: 10;
  border-bottom: 1px solid #eeeeee;
}

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

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

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

.fxiaoke-navigation__wrapper .nav {
  height: 63px;
  width: 1200px;
  margin: auto;
}

.fxiaoke-navigation__wrapper .navbar-brand {
  margin-top: -4px;
  margin-right: 20px;
  padding: 10px 8px 15px 4px;
}

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

.fxiaoke-navigation__wrapper .navbar-right {
  margin-top: 5px;
}

.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;
}

/* .nav-header li:first-child::after{
      content: url("./img/导航／关闭@2x.png");
      width: 20px;
    } */

.fxiaoke-navigation__wrapper .nav-header {
  height: 64px;
  float: left;
}

.fxiaoke-navigation__wrapper .nav-item {
  height: inherit;
  float: left;
}

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

.fxiaoke-navigation__wrapper .selected::before {
  content: "";
  width: 12px;
  height: 6px;
  background: url("/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 16px;
  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: 53px;
  z-index: -1;
}

.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 {
  /* min-width: 1200px;
    left: -250px; */
  width: 100vw;
  position: absolute;
  left: 0;
  justify-content: center;
  top: 63px;
}

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

.fxiaoke-navigation__wrapper .nav-content ul {
  list-style: none;
  margin: 32px 0 0 10px;
  min-width: auto !important;
  position: relative;
}

.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-content ul li:first-child {
  margin-top: 0;
}

.fxiaoke-navigation__wrapper .nav-content ul li {
  margin-top: 20px;
}

.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: 500;
  color: #181c25;
  line-height: 26px;
  position: relative;
}

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

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

.fxiaoke-navigation__wrapper .nav-content li:last-child {
  margin-bottom: 40px;
}

.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;
  word-break: break-all;
}

.fxiaoke-navigation__wrapper .nav-content .pc-content ul {
  display: flex;
  flex-wrap: wrap;
  color: #267cff;
  margin: 0 0 0 7px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  line-height: 20px;
}

.fx-nav-solutions .pc-content ul {
  flex-direction: column;
}

.fxiaoke-navigation__wrapper .nav-content .pc-content ul li {
  margin: 0;
  /* border-right: 1px solid #C1C5CE; */
}

.fxiaoke-navigation__wrapper .nav-content.fx-nav-product .pc-content ul li {
  margin: 5px 4px 0 0;
  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-content .pc-content ul li:not(:last-child):after {
  color: #ddd;
  content: "|";
  padding: 0 6px;
} */

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

/* 解决方案 */
.fxiaoke-navigation__wrapper .nav-item .fx-nav-solutions {
  /* min-width: 1200px;
    left: -330px; */
  width: 100vw;
  position: absolute;
  left: 0;
  justify-content: center;
  top: 63px;
}

#example .fx-nav-solutions {
  top: 24px;
}

.fxiaoke-navigation__wrapper .nav-item .fx-nav-solutions .pc-content {
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  padding-bottom: 40px;
  width: 950px;
}

#example .fx-nav-solutions .pc-content {
  padding-bottom: 0;
}

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

.fxiaoke-navigation__wrapper .nav-item .fx-nav-solutions .pc-content ul a {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 16px;
}

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

.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-solutions .solution-case .pc-content {
  margin-top: 20px;
}

.fxiaoke-navigation__wrapper .nav-item .fx-nav-solutions .pc-content li {
  width: 150px;
  text-align: left;
  margin: 0;
  margin-top: 24px;
}

.fxiaoke-navigation__wrapper
  .nav-item
  .fx-nav-solutions
  .pc-content
  li:first-child {
  margin-top: 20px;
}

.fxiaoke-navigation__wrapper
  .nav-item
  .fx-nav-solutions
  .pc-content
  li:nth-child(odd) {
  margin-right: 87px;
}

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

.fxiaoke-navigation__wrapper .fx-nav-solutions .content-cases li {
  margin: 0 10px !important;
  width: 152px !important;
  display: flex;
  flex-direction: column;
  padding: 0 15px;
}

#example .content-cases li:last-child {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#example .content-cases li:last-child a {
  display: flex;
  width: 80px;
  flex-direction: column;
  align-items: center;
}

#example .content-cases li:last-child a img {
  margin-bottom: 14px;
}

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

.fxiaoke-navigation__wrapper .fx-nav-solutions .content-cases li .cont-imgs {
  text-align: center;
}

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

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

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

.fxiaoke-navigation__wrapper
  .fx-nav-solutions
  .content-cases
  li
  .cont-imgs
  .case-link {
  position: relative;
  display: inline-block;
  margin-bottom: 12px;
}

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

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

.fxiaoke-navigation__wrapper .fx-nav-solutions .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-solutions .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;
}

/* 资源中心 */
.fxiaoke-navigation__wrapper .nav-success {
  width: 825px;
  left: -200px;
  justify-content: space-between;
}

.fxiaoke-navigation__wrapper .nav-resource ul {
  width: 216px;
  padding-right: 50px;
  margin-left: 20px;
}

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

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

.fxiaoke-navigation__wrapper .nav-resource ul:first-child {
  margin-left: 52px;
}

.fxiaoke-navigation__wrapper .nav-resource ul:last-child {
  margin-right: 52px;
}

.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: 16px;
}

.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: 98px;
  align-items: center;
}

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

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

/* 右边登录区域 */
.fxiaoke-navigation__wrapper .nav-login {
  height: 64px;
  float: right;
  display: flex;
  align-items: center;
  position: relative;
}

.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;
  margin-left: 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;
  margin: 0 12px 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-btn:hover path {
  fill: #ff8000;
}

.fxiaoke-navigation__wrapper .global-dropdown {
  display: flex;
  flex-direction: column;
  width: 128px;
  height: 144px;
  padding: 24px 0;
  align-items: center;
}

.fxiaoke-navigation__wrapper .global-dropdown li {
  font-size: 16px;
  line-height: 48px;
  margin: 0 !important;
}

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

.hidden {
  display: none;
}

.fx-col-smlapse {
  font-size: 16px;
  font-weight: 500;
  color: #181c25;
  font-family: PingFangSC-Medium, PingFang SC;
}

.i-collapse .collapse-item {
  padding-left: 15px;
}

.i-collapse .collapse-title {
  display: flex;
  justify-content: space-between;
  padding-right: 20px;
  height: 56px;
  line-height: 56px;
  align-items: center;
  border-bottom: 1px solid #dee1e6;
}

.i-collapse .collapse-content {
  display: none;
  padding-left: 15px;
  line-height: 56px;
}

.active {
  display: block !important;
}

.up-arrow {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  transform: rotate(-45deg);
}

.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;
  padding-left: 15px;
}

.pre-circle::before {
  content: "";
  height: 5px;
  width: 5px;
  display: inline-block;
  position: absolute;
  border-radius: 5px;
  background-color: #000;
  top: calc(50% - 2.5px);
  left: 0;
}

.flex-start {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.width-40 {
  width: 40%;
}

.nav-content {
  position: fixed;
  top: 0;
  z-index: 99;
  background-color: #fff;
  width: 100%;
}

.header-nav {
  display: flex;
  justify-content: space-between;
  height: 56px;
  align-items: center;
  padding: 0 16px;
}

.body-nav {
  display: none;
  top: 56px;
  max-height: calc(100vh - 112px);
  overflow: auto;
}

.font-size-20 {
  font-size: 20px;
}

.i-footer {
  height: 56px;
  padding: 14px 30px;
  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: 16px;
  font-weight: 400;
  color: #fff;
}

.border-right {
  border-right: 1px solid #fff;
}

.logo-png {
  width: 113px;
  cursor: pointer;
}

.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;
}

.btn-primary {
  background: linear-gradient(45deg, #ff704f 0%, #ff9326 100%);
  border-radius: 24px;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  line-height: 48px;
  padding: 0 28px;
}

.btn-primary:active,
.btn-primary:focus {
  color: #fff;
  background: linear-gradient(45deg, #ff704f 0%, #ff9326 100%);
  border-color: #ff8000;
}

.btn-primary-outline {
  display: inline-block;
  margin-left: 10px;
  line-height: 48px;
  color: #ff8000 !important;
  background: #fff !important;
  border: 1px solid #ff8000;
  /* width: auto !important; */
  padding: 0 28px;
  font-size: 18px;
  border-radius: 24px;
}

.btn-primary-outline:hover {
  background: linear-gradient(45deg, #ff704f 0%, #ff9326 100%) !important;
  color: #ffffff !important;
  border: 1px solid #ff8000;
}
/* hover字体颜色改变 */
li a:hover {
  color: #ff8000 !important;
}

.hover-text:hover {
  color: #ff8000 !important;
}

.hover-text:hover span {
  color: #ff8000 !important;
}

.download-img-wrapper:hover {
  color: #ff8000 !important;
  cursor: pointer;
}

/** hot样式 */
.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;
}

.nav-content {
  display: none;
}

.mobile-footer {
  display: none;
}

.ellipsis {
  white-space: nowrap;
  /*保证文本内容不会自动换行，如果多余的内容会在水平方向撑破单元格*/
  overflow: hidden;
  /*隐藏超出单元格的部分*/
  text-overflow: ellipsis;
  /*将被隐藏的那部分用省略号代替*/
}

/* .fx-btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.fx-btn:hover {
  color: #212529;
  text-decoration: none;
}

.fx-btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.fx-btn-primary {
  color: #fff;
  background-color: #ff8000;
  border-color: #ff8000;
}

.fx-btn-primary:hover {
  color: #fff;
  background-color: #ff8000;
  border-color: #ff8000;
}

.fx-btn-primary:focus, .fx-btn-primary.focus {
  color: #fff;
  background-color: #ff8000;
  border-color: #ff8000;
  box-shadow: 0 0 0 0.2rem #ff8000;
}


.fx-btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.fx-btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.fx-btn-secondary:focus, .fx-btn-secondary.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.fx-btn-outline-primary {
  color: #ff8000;
  border-color: #ff8000;
}

.fx-btn-outline-primary:hover {
  color: #fff;
  background-color: #ff8000;
  border-color: #ff8000;
}

.fx-btn-outline-primary:focus, .fx-btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem #ff8000;
}

.fx-btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.fx-btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.fx-btn-outline-secondary:focus, .fx-btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.fx-btn-link {
  font-weight: 400;
  color: #ff8000;
  text-decoration: none;
}

.fx-btn-link:hover {
  color: #ff8000;
  text-decoration: underline;
}

.fx-btn-link:focus, .fx-btn-link.focus {
  text-decoration: underline;
} */

.btn-group {
  display: flex;
}

.btn-group .i-btn + .i-btn {
  margin-left: 12px;
}

.i-btn {
  display: inline-block;
  height: 48px;
  line-height: 48px;
  padding: 0 24px;
  border-radius: 24px;
  font-size: 24px;
  font-weight: 500;
  cursor: pointer;
}

.i-btn-free {
  background: linear-gradient(45deg, #ff704f 0%, #ff9326 100%);
  color: #fff !important;
}

.i-btn-primary {
  background: linear-gradient(45deg, #ff704f 0%, #ff9326 100%);
  color: #fff !important;
}

.i-btn-default {
  border: 1px solid #cccccc;
  color: #272b34 !important;
}

.i-btn-outline-primary {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 24px;
  border-radius: 24px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid #ff8000;
  color: #ff8000 !important;
}

.i-btn-outline-primary:hover {
  background: #ff8000;
  color: #ffffff !important;
}

@media screen and (max-width: 480px) {
  .fxiaoke-navigation__wrapper {
    display: none;
  }
  .nav-content {
    display: block;
  }
  .mobile-footer{
    display: block;
  }
  .i-btn {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 24px;
    border-radius: 28px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
  }
}

.primary {
  color: #ff8000;
  font-weight: 600;
}

.new {
  -webkit-animation: bigTosmall 0.5s ease infinite;
  animation: bigTosmall 0.5s ease infinite;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij48cGF0aCBmaWxsPSIjRjhCQzMyIiBkPSJNNy4xNTIuOTVjLjI2Mi0uNjE2Ljc4Ni0uNjE2IDEuMDQ4IDBsMS4zMSAyLjczYy4yNjIuNjE2IDEuMTM2IDEuMjMyIDEuNzQ4IDEuMzJsMi43OTUuNDRjLjY5OS4wODkuODczLjYxNy4zNSAxLjA1N2wtMi4wMSAyLjExM2MtLjUyNC41MjgtLjc4NiAxLjQ5Ny0uNjk5IDIuMTEzbC41MjQgMi45OTRjLjA4OC43MDQtLjI2Mi45NjgtLjg3My42MTZsLTIuNDQ2LTEuNDA5Yy0uNjEyLS4zNTItMS41NzItLjM1Mi0yLjE4NCAwTDQuMjcgMTQuMzMzYy0uNjExLjM1Mi0xLjA0OC4wODgtLjg3My0uNjE2bC41MjQtMi45OTRjLjA4Ny0uNzA0LS4xNzUtMS42NzMtLjctMi4xMTNMLjk1IDYuNTg1Qy41MTMgNi4wNTcuNjg4IDUuNTMgMS4zIDUuNDQxTDQuMDkzIDVjLjctLjA4OSAxLjQ4NS0uNzA1IDEuNzQ4LTEuMzIxTDcuMTUyLjk1WiIvPjwvc3ZnPg==)
    no-repeat 0;
  display: inline-block;
  height: 16px;
  margin-left: 2px;
  margin-right: 5px;
  width: 16px;
}
.tool-icon {
  padding: 10px 20px 5px 20px;
}

.w-toolbar {
  top: 40%;
}

.w-toolbar
  .toolbar-item:hover
  .toolbar-icon-hover.toolbar-icon-tel
  .tel-details {
  height: auto;
  position: absolute;
  left: -165px;
  top: -70px;
  width: 156px;
  padding: 23px 20px;
}

.w-toolbar .toolbar-item:hover .toolbar-icon-hover p:nth-of-type(1) {
  font-size: 17px;
  margin-bottom: 0;
}

.fx-foot .newcontainer {
  margin: 0 auto;
  width: 1100px;
  text-align: center;
}

.w-toolbar
  .toolbar-item:hover
  .toolbar-icon-hover.toolbar-icon-tel
  .tel-details
  .margin-top {
  margin-top: 0;
}

.fx-foot .parent-tit .foot-part-left .child-last-width li {
  width: 340px;
}

.fx-foot .parent-tit .foot-part-left .child-last-width .last-company span a {
  margin-left: 9px;
}

.fx-foot
  .parent-tit
  .foot-part-left
  .child-last-width
  .last-company
  span
  a:nth-child(7) {
  margin-left: 81px;
}
.box-form {
  width: 270px;
  margin: 10%;
  text-align: center;
}

.box-form .form-phone {
  position: relative;
}

.box-form .box-form-common {
  border: solid 1px #dcdcdc;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding-left: 10px;
  border-radius: 4px;
  color: #888888;
  font-weight: 400;
  margin-right: 10px;
  width: 100%;
}

.box-form .form-code {
  position: relative;
  margin-top: 20px;
}

.box-form .box-form-code {
  float: left;
  width: 107px;
  background: #fdb11f;
  padding: 6px;
  color: #ffffff;
  font-size: 14px;
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
  position: absolute;
  left: 150px;
  top: 4px;
  border: none;
}

.box-form .box-sub {
  width: 200px;
  height: 44px;
  background: #fdb11f;
  color: #ffffff;
  font-size: 16px;
  border: none;
  border-radius: 22px;
  box-shadow: 0 5px 30px -5px rgba(253, 177, 31, 0.8);
  margin-top: 30px;
}

.box-form .reg-form-disabled-code {
  background: #c0c2c5;
  font-size: 13px;
}

.box-form .mes-info {
  left: 0px;
  top: auto;
  max-width: 100%;
  font-weight: 300;
  position: absolute;
  color: #f9504f;
  font-size: 13px;
  font-weight: 300;
  line-height: 13px;
}

.w-toolbar.login {
  top: 55%;
  display: none;
}

.onlineService .online-wrapper {
  position: absolute;
  top: 0;
  right: 73px;
  width: 162px;
  box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.15);
  display: none;
  background-color: #fff;
}

.onlineService:hover .online-wrapper {
  display: block;
}

.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;
}

.foot-part-left .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;
}

.fx-foot .parent-tit .child-tit li {
  display: flex;
  align-items: center;
}

.tool-icon-wrapper {
  position: relative;
  width: 44px;
  height: 47px;
  overflow: hidden;
  padding-top: 8px;
  display: inline-block;
}

.tool-icon-1 {
  position: absolute;
  left: 3px;
}

.tool-icon-2 {
  position: absolute;
  left: -42px;
}

.tool-icon-3 {
  position: absolute;
  left: -80px;
}

.tool-icon-4 {
  position: absolute;
  left: -125px;
}

.link {
  color: #b4b4b4;
}

.text-color-black {
  color: #181c25;
}

.mb-24px {
  margin-bottom: 24px;
}

.mt-24px {
  margin-top: 24px;
}

.mr-24px {
  margin-right: 24px;
}

.ml-24px {
  margin-left: 24px;
}

.mt-16px {
  margin-top: 16px;
}

.mr-16px {
  margin-right: 16px;
}

.mr-10px {
  margin-right: 10px;
}

.ml-16px {
  margin-left: 16px;
}

.mb-16px {
  margin-bottom: 16px;
}

.text-color-yellow {
  color: #ff8000 !important;
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

/** 按钮 **/

.fx-btn {
  display: inline-block;
  font-weight: 400;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 3rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .fx-btn {
    transition: none;
  }
}

.fx-btn:hover {
  color: #fff;
  text-decoration: none;
}

.fx-btn:focus,
.fx-btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255, 128, 0, 0.25);
}

.fx-btn.disabled,
.fx-btn:disabled {
  opacity: 0.65;
}

.fx-btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}

a.fx-btn.disabled,
fieldset:disabled a.fx-btn {
  pointer-events: none;
}

.fx-btn-primary {
  color: #fff;
  background-color: #ff8000;
  border-color: #ff8000;
}

.fx-btn-primary:hover {
  color: #fff;
  background-color: #d96d00;
  border-color: #cc6600;
}

.fx-btn-primary:focus,
.fx-btn-primary.focus {
  color: #fff;
  background-color: #d96d00;
  border-color: #cc6600;
  box-shadow: 0 0 0 0.2rem rgba(222, 114, 6, 0.5);
}

.fx-btn-primary.disabled,
.fx-btn-primary:disabled {
  color: #fff;
  background-color: #ff8000;
  border-color: #ff8000;
}

.fx-btn-primary:not(:disabled):not(.disabled):active,
.fx-btn-primary:not(:disabled):not(.disabled).active,
.show > .fx-btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #cc6600;
  border-color: #bf6000;
}

.fx-btn-primary:not(:disabled):not(.disabled):active:focus,
.fx-btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .fx-btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 114, 6, 0.5);
}

.fx-btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.fx-btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.fx-btn-secondary:focus,
.fx-btn-secondary.focus {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.fx-btn-secondary.disabled,
.fx-btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.fx-btn-secondary:not(:disabled):not(.disabled):active,
.fx-btn-secondary:not(:disabled):not(.disabled).active,
.show > .fx-btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.fx-btn-secondary:not(:disabled):not(.disabled):active:focus,
.fx-btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .fx-btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.fx-btn-outline-primary {
  color: #ff8000;
  border-color: #ff8000;
}

.fx-btn-outline-primary:hover {
  color: #fff;
  background-color: #ff8000;
  border-color: #ff8000;
}

.fx-btn-outline-primary:focus,
.fx-btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 128, 0, 0.5);
}

.fx-btn-outline-primary.disabled,
.fx-btn-outline-primary:disabled {
  color: #ff8000;
  background-color: transparent;
}

.fx-btn-outline-primary:not(:disabled):not(.disabled):active,
.fx-btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .fx-btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #ff8000;
  border-color: #ff8000;
}

.fx-btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.fx-btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .fx-btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 128, 0, 0.5);
}

.fx-btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}

.fx-btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.fx-btn-outline-secondary:focus,
.fx-btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.fx-btn-outline-secondary.disabled,
.fx-btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

.fx-btn-outline-secondary:not(:disabled):not(.disabled):active,
.fx-btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .fx-btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.fx-btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.fx-btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .fx-btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.fx-btn-link {
  font-weight: 400;
  color: #ff8000;
  text-decoration: none;
}

.fx-btn-link:hover {
  color: #b35a00;
  text-decoration: underline;
}

.fx-btn-link:focus,
.fx-btn-link.focus {
  text-decoration: underline;
}

.fx-btn-link:disabled,
.fx-btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.fx-btn-lg {
  padding: 0.5rem 2.5rem;
  font-size: 1.125rem;
  line-height: 1.5;
  border-radius: 4rem;
}

.fx-btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 2rem;
}

.fx-btn-block {
  display: block;
  width: 100%;
}

.fx-btn-block + .fx-btn-block {
  margin-top: 0.5rem;
}

input[type="submit"].fx-btn-block,
input[type="reset"].fx-btn-block,
input[type="button"].fx-btn-block {
  width: 100%;
}

/** 小屏幕 **/
@media screen and (max-width: 480px) {
  .h1 {
    font-size: 24px;
    font-weight: 600;
  }

  .h2 {
    font-size: 22px;
    font-weight: 600;
  }

  .h3 {
    font-size: 18px;
    font-weight: 600;
  }

  .fx-container {
    width: 90%;
    padding-right: 6px;
    padding-left: 6px;
    margin-right: auto;
    margin-left: auto;
  }

  .pa-24px {
    padding: 24px;
  }

  .pl-16px {
    padding-left: 16px;
  }

  .pr-16px {
    padding-left: 16px !important;
  }

  .mob-mb-12px {
    margin-bottom: 12px !important;
  }

  .mob-mt-12px {
    margin-top: 12px !important;
  }

  .mob-pl-16px {
    padding-left: 16px;
  }

  .mob-pr-16px {
    padding-right: 16px !important;
  }

  .mob-px-12px {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .mob-py-12px {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }

  .mob-mx-12px {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }

  .mob-my-12px {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }

  /** 适应框架 **/
  .fx-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -6px;
    margin-left: -6px;
  }

  .fx-col-sm-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .fx-col-sm-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .fx-col-sm-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .fx-col-sm-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .fx-col-sm-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .fx-col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .fx-col-sm-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .fx-col-sm-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .fx-col-sm-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .fx-col-sm-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .fx-col-sm-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .fx-col-sm-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .fx-col-sm-1,
  .fx-col-sm-2,
  .fx-col-sm-3,
  .fx-col-sm-4,
  .fx-col-sm-5,
  .fx-col-sm-6,
  .fx-col-sm-7,
  .fx-col-sm-8,
  .fx-col-sm-9,
  .fx-col-sm-10,
  .fx-col-sm-11,
  .fx-col-sm-12 {
    position: relative;
    width: 100%;
    padding-right: 6px;
    padding-left: 6px;
  }

  .fx-btn-lg {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 2rem;
  }
}

/** 大屏幕 **/
@media (min-width: 481px) {
  .fx-container {
    width: 1200px;
    padding-right: 12px;
    padding-left: 12px;
    margin-right: auto;
    margin-left: auto;
  }
  /** 适应框架 **/
  .fx-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px;
  }

  .fx-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }

  .fx-col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .fx-col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .fx-col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .fx-col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .fx-col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .fx-col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .fx-col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .fx-col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .fx-col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .fx-col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .fx-col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .fx-col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .fx-col-1,
  .fx-col-2,
  .fx-col-3,
  .fx-col-4,
  .fx-col-5,
  .fx-col-6,
  .fx-col-7,
  .fx-col-8,
  .fx-col-9,
  .fx-col-10,
  .fx-col-11,
  .fx-col-12 {
    position: relative;
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
  }

  .fx-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
}

.searchform {
  height: 45px;
  border: 1px solid #999;
  margin-bottom: 24px;
  border-radius: 4px;
}

.screen-reader-text {
  display: none;
}

.searchform input#s {
  height: 43px;
  border-radius: 4px 0 0 4px;
}

.searchform input#searchsubmit {
  padding: 0 16px;
  height: 43px;
  background: #ccc;
  border-radius: 0 4px 4px 0;
  float: right;
}