@charset "UTF-8";
.body-overflow-hidden {
  overflow-y: hidden;
  height: 100vh !important;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.header-base {
  width: 100%;
  height: 17.067vw;
}

@media screen and (min-width: 768px) {
  .header-base {
    width: 100%;
    height: 4.688vw;
  }
  .header {
    width: 100vw;
    box-sizing: border-box;
    height: 4.688vw;
    padding: 0 15.521vw 0 12.552vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    position: fixed;
    z-index: 88;
    top: 0;
    background-color: #ffffff;
  }
  .header {
    box-sizing: border-box;
    width: 100%;
    height: 4.688vw;
    padding: 0 15.521vw 0 12.552vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    position: fixed;
    z-index: 88;
    top: 0;
    background-color: #ffffff;
  }
  .header .header__logo a img {
    display: block;
    width: 11.936vw; /* width: 11.719vw; */
    height: 2.917vw;
  }
  .header .header__nav-mobile {
    display: none;
  }
  .header .header__nav {
    height: 100%;
  }
  .header .header__nav .header__nav--list {
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
  }
  .header .header__nav .header__nav--list button.mobile__btn {
    display: none;
  }
  .header .header__nav .header__nav--list > li {
    margin-right: 2.4vw;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.938vw;
    line-height: 1.916vw;
    color: #282828;
    cursor: pointer;
  }
  .header .header__nav .header__nav--list > li.nav-concact {
    margin-left: 3vw;
  }
  .header .header__nav .header__nav--list > li.nav-concact a {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--main-color);
    width: 5.375vw;
    height: 2.004vw;
    color: var(--main-color);
    border-radius: 1.202vw;
    font-size: 0.838vw;
  }
  .header .header__nav .header__nav--list > li .header__nav--list-child {
    width: 10.156vw;
    background-color: #ffffff;
    box-shadow: 0.057vw 0.083vw 0.156vw 0vw #747474;
    position: absolute;
    left: -85%;
    top: 4.688vw;
    z-index: 10;
    padding: 0.5vw 0;
    display: none;
  }
  .header .header__nav .header__nav--list > li .header__nav--list-child li {
    text-align: center;
    height: 2.6vw;
    line-height: 2.6vw;
  }
  .header
    .header__nav
    .header__nav--list
    > li
    .header__nav--list-child
    li.active {
    color: var(--main-color);
    font-weight: bold;
  }
  .header
    .header__nav
    .header__nav--list
    > li
    .header__nav--list-child
    li.active
    > a {
    color: var(--main-color);
    font-weight: bold;
  }
  .header .header__nav .header__nav--list > li a {
    font-size: 0.938vw;
    line-height: 1.916vw;
    color: #282828;
  }
  .header .header__nav .header__nav--list > li a:hover {
    color: var(--main-color);
  }
  .header .header__nav .header__nav--list > li:hover .header__nav--list-child {
    display: block;
  }
  .header .header__nav .header__nav--list > li.active {
    color: var(--main-color);
    font-weight: bold;
  }
  .header .header__nav .header__nav--list > li.active > a {
    color: var(--main-color);
    font-weight: bold;
  }
  .header .header__nav .header__nav--list > li:last-child {
    margin-right: 0;
  }
  .footer-box {
    box-sizing: border-box;
  }
  .footer-box .tableBox {
    padding: 5.208vw 15.771vw;
    display: flex;
    justify-content: space-between;
  }
  .footer-box .tableBox .left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
  .footer-box .tableBox .left span {
    font-weight: bold;
    font-size: 2.5vw;
    font-stretch: normal;
    line-height: 3.75vw;
    letter-spacing: 0vw;
    color: var(--main-color);
  }
  .footer-box .tableBox .left .logoBox {
    margin-top: 1.979vw;
    display: flex;
  }
  .footer-box .tableBox .left .logoBox img {
    width: 3vw;
    height: 3vw;
    margin-right: 1vw;
  }
  .footer-box .tableBox .right {
    margin-left: 2.2vw;
    padding: 3.16vw 0vw 1.989vw 2.36vw;
    background: #000;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 62vw;
    box-sizing: border-box;
  }
  .footer-box .tableBox .right .questBtn {
    width: 20vw;
    height: 2.6vw;
    background: #000;
    color: #fff;
    border: 1px solid #bbb;
    margin-top: 1vw;
    font-size: 1.2vw;
    cursor: pointer;
  }
  .footer-box .tableBox .right .questBtn:hover {
    border: 1px solid #fff;
  }
  .footer-box .tableBox .right .el-input {
    width: 84% !important;
  }
  .footer-box .tableBox .right .code {
    position: absolute;
    top: -0.6vw;
    height: 2vw;
    border-radius: 2vw;
    right: -0.3vw;
    display: flex;
    align-items: center;
    padding: 0 0.3vw;
    font-size: 0.6vw;
    color: #282828;
    padding: 0 0.3vw;
    cursor: pointer;
  }
  .footer-box .tableBox .right .count-time {
    display: none;
  }
  .footer-box .botBanner {
    width: 100vw;
    height: 14.583vw;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 14.323vw;
  }
  .footer-box .botBanner .bannerBg {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .footer-box .botBanner h2 {
    font-weight: bold;
    font-size: 1.875vw;
    font-weight: normal;
    color: #ffffff;
  }
  .footer-box .botBanner h3 {
    font-size: 1.042vw;
    font-weight: normal;
    color: #ffffff;
    margin: 0.833vw 0 1.615vw 0;
  }
  .footer-box .botBanner .phoneBox {
    display: flex;
    align-items: center;
  }
  .footer-box .botBanner .phoneBox img {
    width: 1.563vw;
    height: 1.563vw;
    margin-right: 0.521vw;
  }
  .footer-box .botBanner .phoneBox span {
    font-size: 0.938vw;
    font-weight: normal;
    line-height: 2.5vw;
    color: #ffffff;
  }
  .footer-box .footer-box__info {
    display: flex;
    justify-content: space-between;
    padding: 4.27vw 10.573vw;
    background-color: #0f1828;
  }
  .footer-box .footer-box__info .info-contact {
    margin-right: 5vw;
  }
  .footer-box .footer-box__info .info-contact .info-contact--desc {
    width: 17.813vw;
  }
  .footer-box .footer-box__info .info-contact .info-contact--desc .logo {
    width: 11.936vw;
    height: 2.865vw;
    align-self: center;
    margin-bottom: 1.25vw;
  }
  .footer-box .footer-box__info .info-contact .info-contact--desc h4 {
    font-size: 0.938vw;
    line-height: 1.563vw;
    color: #6e7480;
    margin-bottom: 2.448vw;
  }
  .footer-box .footer-box__info .info-contact .info-contact--qrcode {
    width: 20.833vw;
    margin-left: -1.6vw;
  }
  .footer-box
    .footer-box__info
    .info-contact
    .info-contact--qrcode
    .qrcode-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 17.76vw;
    margin: 0 auto;
    margin-bottom: 1.667vw;
  }
  .footer-box
    .footer-box__info
    .info-contact
    .info-contact--qrcode
    .qrcode-box
    img {
    width: 7.708vw;
    height: 7.708vw;
  }
  .footer-box .footer-box__info .info-contact .info-contact--qrcode p {
    font-size: 0.833vw;
    color: #ffffff;
    line-height: 1.3vw;
  }
  .footer-box .footer-box__info .info-nav.info-address {
    width: 17.556vw;
  }
  .footer-box .footer-box__info .info-nav.info-address ul li {
    display: flex;
    justify-content: flex-start;
  }
  .footer-box .footer-box__info .info-nav.info-address ul li img {
    width: 1.094vw;
    height: 1.094vw;
    margin-right: 0.556vw;
    margin-top: 0.6vw;
  }
  .footer-box .footer-box__info .info-nav h3 {
    font-size: 1.146vw;
    line-height: 1.916vw;
    color: #ffffff;
    margin-bottom: 2.344vw;
  }
  .footer-box .footer-box__info .info-nav ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .footer-box .footer-box__info .info-nav ul li {
    font-size: 0.938vw;
    color: #ffffff;
    line-height: 2vw;
    cursor: pointer;
  }
  .footer-box .footer-box__info .info-nav ul li a {
    color: inherit;
  }
  .footer-box .footer-box__info .info-nav ul li a:hover {
    color: var(--main-color);
  }
  .footer-box .footer-box__info .info-code {
    text-align: center;
    margin-top: 4.2vw;
  }
  .footer-box .footer-box__info .info-code img {
    width: 8.073vw;
    height: 8.073vw;
    display: block;
  }
  .footer-box .footer-box__info .info-code p {
    font-size: 0.833vw;
    line-height: 1.563vw;
    color: #535353;
  }
  .footer-box .footer-box__copy {
    padding: 0 10vw;
    box-sizing: border-box;
    font-size: 0.833vw;
    background-color: #0f1828;
    border-top: 0.052vw solid #a7a7a7;
    height: 5.156vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .footer-box .footer-box__copy .copy-left {
    color: #6c737f;
  }
  .footer-box .footer-box__copy .copy-left a {
    font-size: 0.833vw;
    margin-right: 1.51vw;
    cursor: pointer;
  }
  .footer-box .footer-box__copy .copy-left a:hover {
    text-decoration: underline;
  }
  .footer-box .footer-box__copy .copy-right {
    font-size: 0.833vw;
  }
  .footer-box .footer-box__copy .copy-right a {
    color: #ffffff;
    cursor: pointer;
  }
  .footer-box .footer-box__copy .copy-right a:nth-child(1) {
    margin-right: 1.51vw;
  }
  .footer-box .footer-box__copy .copy-right a:hover {
    text-decoration: underline;
  }
  .form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .form-control {
    width: 46%;
    height: 1.8vw;
    margin-bottom: 2.8vw;
    position: relative;
    margin-right: 1vw;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #fff;
  }
  .row {
    display: flex;
  }
  small {
    color: red;
    margin-top: -0.5vw;
    font-size: 0.8vw;
  }
  input::placeholder {
    color: #fff; /* 设置placeholder的颜色 */
  }
  .row label {
    color: #fff;
    display: block;
    flex-shrink: 0;
    font-size: 1vw;
  }
  .row .star {
    color: #fff; /* margin-left: 0.2vw; */
  }
  .row input {
    width: 100%;
    background: #000;
    font-size: 1vw;
    color: #fff;
    margin: 0 0 1.5vw 1vw;
  }
  .row input:focus {
    border-color: transparent;
    outline: 0;
  }
  .row button {
    border: none;
  }
  /* 客服二维码 start */
  .ba-container .introduce-dialog {
    padding: 3.396vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 99999;
    background-image:
      linear-gradient(0deg, #ffffff 63%, #e6f2ff 87%, #cde5ff 100%),
      linear-gradient(#ffffff, #ffffff);
    background-blend-mode: normal, normal;
    border-radius: 1.042vw;
  }
  .ba-container .el-dialog__header {
    padding: 0 !important;
  }
  .ba-container .introduce-dialog__title {
    text-align: center;
    font-size: 1.25vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.916vw;
    letter-spacing: 0vw;
    color: #282828;
    margin: 0 0 3.063vw 0;
  }
  .ba-container .introduce-dialog .imgBox {
    padding: 2.083vw;
    background-color: #ffffff;
    border-radius: 2.083vw;
    border: solid 0.104vw #eeeeee;
  }
  .ba-container .introduce-dialog .imgBox .introduce-dialog__img {
    width: 14.063vw;
    height: 14.063vw;
    display: block;
  }
  /* 客服二维码 end */
  /* 悬浮二维码 start */
  .wechat__code {
    position: fixed;
    right: 1.3vw;
    bottom: 14.25vw;
    z-index: 800;
    display: flex;
    justify-content: space-between;
  }
  .wechat__code .mobile_weicon {
    display: none;
  }
  .wechat__code > img {
    width: 2.167vw;
    height: 2.167vw;
    display: block;
    border-radius: 100%;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
    order: 1;
    margin-left: 1vw;
    cursor: pointer;
  }
  .wechat__code > img:hover + div {
    display: block;
  }
  .wechat__code .wechat__layout {
    display: none;
    opacity: 0.5;
    z-index: 600;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: 0.3s;
    background: black;
  }
  .wechat__code .wechat__code--desc {
    width: 11vw;
    height: 13vw;
    background-color: #ffffff;
    border-radius: 0.521vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
    overflow: hidden;
    text-align: center;
    position: absolute;
    top: -0.5vw;
    right: 3vw;
    animation: spservhover 0.3s ease-out 0s forwards;
    display: none;
  }
  .wechat__code .wechat__code--desc > div {
    font-size: 0.9vw;
    line-height: 1.25vw;
    color: #ffffff;
    box-sizing: border-box;
    padding: 0.4vw 1.458vw;
    background-color: var(--main-color);
  }
  .wechat__code .wechat__code--desc img {
    width: 7vw;
    height: 7vw;
    margin-top: 0.98vw;
  }
  @keyframes spservhover {
    0% {
      opacity: 0.5;
      transform: scale(0.5);
    }
    60% {
      opacity: 1;
      transform: scale(1);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  /* 悬浮二维码 end */
}

@media screen and (max-width: 768px) {
  .header {
    box-sizing: border-box;
    width: 100%;
    height: 17.067vw;
    padding: 4vw 8.1vw 4vw 4vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    position: fixed;
    z-index: 888;
    top: 0;
    background-color: #ffffff;
  }
  .header .header__logo a img {
    display: block; /* width: 35.067vw; */
    width: 35.716vw;
    height: 8.667vw;
  }
  .header .header__nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header .header__nav-mobile img {
    width: 5.65vw;
    height: 5.65vw;
    display: block;
  }
  .header__nav .header__nav--list {
    position: fixed;
    width: 100vw;
    top: 17.067vw;
    left: 0;
    bottom: 0;
    z-index: 99;
    background-color: #000;
    transition: all 0.4s;
    transform: translateX(200%);
    overflow-y: scroll;
    box-sizing: border-box;
    padding-bottom: 20vw;
  }
  .header__nav .header__nav--list.noOpen {
    transform: translateX(200%);
  }
  .header__nav .header__nav--list.open {
    transform: translateX(0);
  }
  .header__nav .header__nav--list > li {
    width: 100%;
    min-height: 20vw;
    line-height: 20vw;
    box-sizing: border-box;
    padding-left: 8.6vw;
    position: relative;
    font-weight: bold;
    font-size: 4.8vw;
    color: #ffffff;
  }
  .header__nav .header__nav--list > li::after {
    content: "";
    position: absolute;
    right: 8.026vw;
    top: 7vw;
    width: 4.667vw;
    height: 4.667vw;
    background: url("/images/common/biai_h5_arrow_1.png") no-repeat center
      center/contain;
  }
  .header__nav .header__nav--list > li.mulMenu::after {
    content: "";
    position: absolute;
    right: 8.026vw;
    top: 7vw;
    width: 4.667vw;
    height: 4.667vw;
    background: url("/images/common/biai_h5_arrow_2.png") no-repeat center
      center/contain;
  }
  .header__nav .header__nav--list > li a {
    font-weight: bold;
    font-size: 4.8vw;
    color: #ffffff;
    display: inline-block;
    width: 100%;
    height: 100%;
  }
  .header__nav .header__nav--list > li .header__nav--list-child {
    box-sizing: border-box;
    display: block;
  }
  .header__nav .header__nav--list > li .header__nav--list-child > li {
    height: 17vw;
    line-height: 17vw;
    box-sizing: border-box;
    padding-left: 8.5vw;
    position: relative;
  }
  .header__nav .header__nav--list > li .header__nav--list-child > li::before {
    content: "-";
    position: absolute;
    left: 4vw;
    top: 50%;
    transform: translateY(-50%);
    color: #ffffff;
  }
  .header__nav .header__nav--list button.mobile__btn {
    width: 46.133vw;
    height: 12vw;
    background-color: var(--main-color);
    border-radius: 0.667vw;
    font-size: 4.792vw;
    line-height: 4.904vw;
    color: #ffffff;
    outline: none;
    border: none;
    display: block;
    margin: 21.33vw auto 0;
  }
  .footer-box {
    box-sizing: border-box;
  }
  .footer-box .tableBox {
    padding-top: 13.2vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .footer-box .tableBox .left {
    padding: 0 18vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 8.233vw;
  }
  .footer-box .tableBox .left span {
    font-weight: bold;
    font-size: 6.4vw;
    font-stretch: normal;
    line-height: 9.6vw;
    letter-spacing: 0vw;
    color: var(--main-color);
    text-align: center;
  }
  .footer-box .tableBox .left .logoBox {
    margin-top: 3.6vw;
    display: flex;
  }
  .footer-box .tableBox .left .logoBox img {
    width: 11.1vw;
    height: 11.1vw;
    margin-left: 1.9vw;
  }
  .footer-box .tableBox .right {
    padding: 8.16vw 0vw 7.989vw 2.36vw;
    background: #000;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100vw;
    box-sizing: border-box;
  }
  .footer-box .tableBox .right .questBtn {
    width: 51vw;
    height: 9.6vw;
    background: #000;
    color: #fff;
    border: 1px solid #bbb;
    margin-top: 2vw;
    cursor: pointer;
    font-size: 3.7vw;
  }
  .footer-box .tableBox .right:hover {
    border: 1px solid #fff;
  }
  .footer-box .tableBox .right .code {
    position: absolute;
    top: -1vw;
    height: 6.5vw;
    border-radius: 3vw;
    right: -1.3vw;
    display: flex;
    align-items: center;
    padding: 0 1vw;
    font-size: 2.35vw;
    cursor: pointer;
    color: #282828;
  }
  .footer-box .tableBox .right .count-time {
    display: none;
  }
  .footer-box .botBanner {
    width: 100vw;
    height: 39.467vw;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 9.2vw;
  }
  .footer-box .botBanner h2 {
    font-weight: bold;
    font-size: 4.8vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 4.904vw;
    color: #ffffff;
  }
  .footer-box .botBanner h3 {
    font-size: 3.2vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 4.904vw;
    color: #ffffff;
    margin: 2vw 0 4.133vw 0;
  }
  .footer-box .botBanner .bannerBg {
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
  }
  .footer-box .botBanner .phoneBox {
    display: flex;
    align-items: center;
  }
  .footer-box .botBanner .phoneBox img {
    width: 4vw;
    height: 4vw;
    margin-right: 1.467vw;
  }
  .footer-box .botBanner .phoneBox span {
    font-size: 2.667vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 6.5vw;
    color: #ffffff;
  }
  .footer-box .footer-box__info {
    display: flex;
    flex-wrap: wrap;
    padding: 6.9vw 5.5vw;
    background-color: #0f1828;
    box-sizing: border-box;
  }
  .footer-box .footer-box__info .info-contact {
    margin-bottom: 5vw;
  }
  .footer-box .footer-box__info .info-contact .info-contact--desc .logo {
    width: 35.067vw;
    height: 8.667vw;
    align-self: center;
    display: block;
    margin: 0 auto 1.25vw;
  }
  .footer-box .footer-box__info .info-contact .info-contact--desc h4 {
    color: #6e7480;
    margin-bottom: 2.448vw;
    font-size: 3vw;
    line-height: 6vw;
  }
  .footer-box
    .footer-box__info
    .info-contact
    .info-contact--qrcode
    .qrcode-box {
    width: 70vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto 1.667vw;
  }
  .footer-box
    .footer-box__info
    .info-contact
    .info-contact--qrcode
    .qrcode-box
    img {
    width: 30vw;
    height: 30vw;
  }
  .footer-box .footer-box__info .info-contact .info-contact--qrcode p {
    font-size: 3vw;
    color: #ffffff;
    margin: 4vw auto;
    text-align: center;
    line-height: 4vw;
  }
  .footer-box .footer-box__info .info-nav {
    margin-right: 2vw;
  }
  .footer-box .footer-box__info .info-nav.info-address {
    width: 50vw;
    margin-top: 5vw;
  }
  .footer-box .footer-box__info .info-nav.info-address h3 {
    color: #ffffff;
    font-size: 3.5vw;
    line-height: 4.904vw;
    font-weight: bold;
    margin-bottom: 5vw;
    padding-bottom: 3vw;
    border-bottom: 0.052vw solid #a7a7a7;
    margin-right: 5vw;
  }
  .footer-box .footer-box__info .info-nav.info-address ul {
    width: 100%;
  }
  .footer-box .footer-box__info .info-nav.info-address ul li {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    line-height: normal;
    width: 100%;
    margin-bottom: 3vw;
  }
  .footer-box .footer-box__info .info-nav.info-address ul li img {
    width: 3vw;
    height: 3vw;
    margin-top: 0.6vw;
    margin-right: 1.556vw;
  }
  .footer-box .footer-box__info .info-nav h3 {
    color: #ffffff;
    font-size: 3.5vw;
    line-height: 4.904vw;
    font-weight: bold;
    margin-bottom: 2vw;
    padding-bottom: 3vw;
    border-bottom: 0.052vw solid #a7a7a7;
  }
  .footer-box .footer-box__info .info-nav ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 40vw;
  }
  .footer-box .footer-box__info .info-nav ul li {
    font-size: 3.067vw;
    color: #fff;
    margin-right: 2.2vw;
    width: 21.49vw;
    line-height: 8vw;
    cursor: pointer;
  }
  .footer-box .footer-box__info .info-nav ul li a {
    color: inherit;
  }
  .footer-box .footer-box__info .info-nav ul li a:hover {
    color: var(--main-color);
  }
  .footer-box .footer-box__info .info-code {
    text-align: center;
    margin-top: 12.2vw;
    margin-left: 3vw;
  }
  .footer-box .footer-box__info .info-code img {
    width: 28.933vw;
    height: 28.933vw;
    display: block;
  }
  .footer-box .footer-box__info .info-code p {
    font-size: 0.833vw;
    line-height: 1.563vw;
    color: #fff;
  }
  .footer-box .footer-box__copy {
    width: 100vw;
    height: 17.6vw;
    font-size: 3vw;
    color: #282828;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .footer-box .footer-box__copy .copy-left {
    color: #6c737f;
    margin-bottom: 3vw;
  }
  .footer-box .footer-box__copy .copy-left a {
    font-size: 3vw;
    color: #1f73fd;
    cursor: pointer;
  }
  .footer-box .footer-box__copy .copy-left a:hover {
    text-decoration: underline;
  }
  .footer-box .footer-box__copy .copy-right {
    font-size: 3vw;
  }
  .footer-box .footer-box__copy .copy-right a {
    color: #282828;
    cursor: pointer;
  }
  .footer-box .footer-box__copy .copy-right a:nth-child(1) {
    margin-right: 1.51vw;
  }
  .footer-box .footer-box__copy .copy-right a:hover {
    text-decoration: underline;
  }
  .form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .form-control {
    width: 43%;
    height: 6.8vw;
    margin-bottom: 7.8vw;
    position: relative;
    margin-right: 3vw;
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #fff;
  }
  .row {
    display: flex;
  }
  small {
    color: red;
    margin-top: 2.5vw;
    font-size: 2.7vw;
  }
  input::placeholder {
    color: #fff; /* 设置placeholder的颜色 */
  }
  .row label {
    color: #fff;
    display: block;
    flex-shrink: 0;
    font-size: 3.3vw;
  }
  .row input {
    width: 100%;
    background: #000;
    font-size: 3.333vw;
    color: #fff;
    margin: 0 0 1.5vw 2.2vw;
  }
  .row input:focus {
    border-color: transparent;
    outline: 0;
  }
  .row button {
    border: none;
  }
  /* 客服二维码 start */
  .ba-container .introduce-dialog {
    width: 79%;
    padding: 9.396vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 99999;
    background-image:
      linear-gradient(0deg, #ffffff 63%, #e6f2ff 87%, #cde5ff 100%),
      linear-gradient(#ffffff, #ffffff);
    background-blend-mode: normal, normal;
    border-radius: 2.667vw;
  }
  .ba-container .el-dialog__header {
    padding: 0 !important;
  }
  .ba-container .introduce-dialog .introduce-dialog__title {
    text-align: center;
    font-size: 3.2vw;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0vw;
    color: #282828;
    margin: 0 0 8.063vw 0;
  }
  .ba-container .introduce-dialog .imgBox {
    padding: 5.333vw;
    background-color: #ffffff;
    border-radius: 5.333vw;
    border: solid 0.267vw #eeeeee;
  }
  .ba-container .introduce-dialog .imgBox .introduce-dialog__img {
    width: 36vw;
    height: 36vw;
    display: block;
  }
  /* 客服二维码 end */
  /* 悬浮二维码 start */
  .wechat__code {
    position: fixed;
    right: 0vw;
    bottom: 50.25vw;
    z-index: 800;
    display: flex;
    justify-content: space-between;
  }
  .wechat__code .pc_weicon {
    display: none;
  }
  .wechat__code > img {
    width: 10.667vw;
    height: 10.667vw;
    display: block;
    border-radius: 100%;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
    margin-left: 1vw;
    cursor: pointer;
    position: relative;
    z-index: 700;
  }
  .wechat__code .wechat__layout {
    opacity: 0.5;
    z-index: 600;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: 0.3s;
    background: black;
    display: none;
  }
  .wechat__code .wechat__code--desc {
    width: 38.333vw;
    height: 45.667vw;
    background-color: #ffffff;
    border-radius: 1.333vw;
    border: solid 0.133vw #eeeeee;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
    overflow: hidden;
    text-align: center;
    position: absolute;
    top: -0.5vw;
    right: 14vw;
    z-index: 700;
    animation: spservhover 0.3s ease-out 0s forwards;
    display: none;
  }
  .wechat__code .wechat__code--desc > div {
    font-size: 2.9vw;
    line-height: 3.2vw;
    color: #ffffff;
    box-sizing: border-box;
    padding: 2.1vw 5.8vw;
    background-color: var(--main-color);
  }
  .wechat__code .wechat__code--desc img {
    width: 28.333vw;
    height: 28.333vw;
    margin-top: 1.98vw;
  }
  @keyframes spservhover {
    0% {
      opacity: 0.5;
      transform: scale(0.5);
    }
    60% {
      opacity: 1;
      transform: scale(1);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  /* 悬浮二维码 end */
  .el-backtop {
    right: 0vw !important;
    bottom: 8vw !important;
  }
}