/* 顶部活动 banner */
header .header-banner {
  display: block;
  height: 0;
}

@media (min-width: 1281px) {
  header .header-banner {
    height: 45px;
  }

  header .header-banner a {
    width: 100%;
    height: 45px;
    background: rgb(19, 16, 50) url(../images/jthd-assets/g3f9o7qs9z1679895399114.png) 0 0/auto 49px no-repeat;
    display: inline-block;
  }

  header .header-banner a:hover {
    text-decoration: none;
  }
}

.header-img-fluid {
  height: 26px;
  width: auto;
}

.header-banner-close-btn {
  position: absolute;
  right: 24px;
}

.header-banner-none-important {
  display: none !important;
}

.arrow-animate {
  animation: arrow-move 3s infinite;
}

@keyframes arrow-move {
  0% { transform: translateY(1px) translateX(0); }
  10% { transform: translateY(1px) translateX(6px); }
  20% { transform: translateY(1px) translateX(0); }
  30% { transform: translateY(1px) translateX(4px); }
  40% { transform: translateY(1px) translateX(0); }
  100% { transform: translateY(1px) translateX(0); }
}

/* 浮动入驻按钮 */
.float-download-test {
  position: fixed;
  bottom: 0;
  left: 50%;
  z-index: 20;
  transform: scale(0) translateX(-50%);
  transform-origin: left bottom;
}

.float-download-test .download-container {
  position: relative;
  width: 64px;
  height: 64px;
}

.float-download-test .download-container::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  background-image: linear-gradient(92.5deg, #1F61FF 6.44%, #A728FF 55.47%, #FF4EE4 98.36%);
  z-index: -1;
  background-color: #0061FF;
  background-size: 100% 128px;
  background-position: 0 0;
  background-repeat: no-repeat;
  border: 2px solid #fff;
}

.float-download-test .download-container::after {
  content: '';
  width: 44px;
  height: 44px;
  position: absolute;
  top: 10px;
  left: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E %3Cpath d='M10.6892 21.6056C12.4372 23.3822 12.6395 25.2919 10.702 27.261C9.50157 28.4802 7.55806 29.2128 4.88346 29.5264C4.74507 29.543 4.60517 29.5422 4.46603 29.5257C3.52586 29.4114 2.83916 28.5757 2.88429 27.6213L2.89406 27.4964L2.93242 27.1805C3.26035 24.6307 3.97037 22.7639 5.12339 21.5921C7.06089 19.6237 8.94048 19.8298 10.6892 21.6056ZM26.7029 2.94271L27.0053 3.03522L27.3009 3.13375C27.6647 3.26132 27.9947 3.47004 28.2659 3.7441C28.5371 4.01815 28.7423 4.35035 28.8661 4.71551C30.0446 8.15881 29.6701 11.6473 27.7702 15.1056C26.9872 16.5302 25.9854 17.8788 24.7662 19.1506L24.4285 19.4959L24.1088 19.8087L24.0998 19.9058C23.8779 21.9772 22.3067 24.7165 19.4117 28.2583L19.1605 28.5644L18.6979 29.1173C18.1744 29.7385 17.1997 29.5655 16.8943 28.8314L16.8582 28.7329L15.2396 23.5672L15.0929 23.4657C14.1835 22.8177 13.3172 22.1112 12.4996 21.3506L12.0972 20.967L11.7031 20.5759C10.539 19.3913 9.49119 18.0977 8.57419 16.7129L8.48469 16.5738L3.21372 14.8694C2.47212 14.6287 2.23294 13.7119 2.70377 13.1357L2.7662 13.065L2.83389 13.0019C7.1692 9.21407 10.368 7.33597 12.659 7.49242L12.8065 7.5052L12.8922 7.51573L13.0855 7.32018C14.125 6.28673 15.2133 5.40748 16.3513 4.68467L16.7319 4.44925L17.0816 4.24467C20.2571 2.44404 23.4808 2.00102 26.7029 2.94346V2.94271ZM16.9861 10.2167C15.6676 11.5359 15.6721 13.6788 16.9966 15.0033C18.3211 16.3278 20.4639 16.3323 21.7832 15.0138C23.1017 13.6946 23.0972 11.5517 21.7727 10.2272C20.4482 8.90268 18.3053 8.89817 16.9861 10.2167Z' fill='white'/%3E %3C/svg%3E");
  border-radius: 50rem;
}

.float-download-test .download-container .download-content {
  width: 100%;
  height: 100%;
}

.float-download-test .download-container a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  text-decoration: none;
}

.float-download-test .download-container a span {
  font-size: 22px;
  font-weight: 700;
  white-space: nowrap;
  line-height: 1.44;
  width: 0;
  opacity: 0;
}

.float-download-test .download-container a svg {
  width: 0;
  opacity: 0;
}

.float-download-test.show {
  bottom: 30px;
  transform: scale(1) translateX(-50%);
  transform-origin: left bottom;
  transition: all .3s linear;
}

.float-download-test.show .download-container::before {
  animation: animateDownload1 .3s .3s linear forwards;
  border-radius: 44px;
  transition: border-radius .3s 1s linear, background-position .15s linear;
}

.float-download-test.show .download-container::after {
  transform: scale(0);
  transition: transform .2s .5s linear;
}

.float-download-test.show .download-container {
  width: 225px;
  transition: all .8s 1s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.float-download-test.show .download-container a span {
  width: 89px;
  opacity: 1;
  margin-left: 0;
  transition: width .4s 1.2s linear, margin-left .2s 1.2s linear, opacity .3s 1.4s linear;
}

.float-download-test.show .download-container a svg {
  width: 27px;
  opacity: 1;
  margin-left: 8px;
  transition: width .4s 1.2s linear, margin-left .2s 1.2s linear, opacity .3s 1.4s linear;
}

.float-download-test.show .download-container:hover::before {
  background-position: 0 -128px;
}

.float-download-test.show .download-container:hover a {
  color: #fff !important;
}

.float-download-test.show .download-container:hover a svg:nth-of-type(2) {
  animation: btnIconMove 1.5s linear infinite;
}

.float-download-test.leave .download-container a span,
.float-download-test.leave .download-container a svg {
  opacity: 0;
  transition: opacity .2s linear;
}

.float-download-test.leave .download-container::before {
  border-radius: 50%;
  transition: border-radius .3s .2s linear;
}

.float-download-test.leave .download-container {
  width: 64px;
  transition: all .6s .2s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.float-download-test.leave {
  bottom: 0;
  transform: scale(0) translateX(-50%);
  transform-origin: left bottom;
  transition: all .3s 1s linear;
}

.btn-aside svg:nth-of-type(2) {
  display: none;
}

.btn-aside:hover svg:nth-of-type(1) {
  display: none;
}

.btn-aside:hover svg:nth-of-type(2) {
  display: inline-block;
  animation: animateSvg .25s linear 2;
}

@keyframes animateDownload1 {
  0% { transform: scale(1); }
  60% { transform: scale(1.8); }
  100% { transform: scale(1); }
}

@keyframes btnIconMove {
  0% { transform: translateY(0); }
  50% { transform: translateY(4px); }
  100% { transform: translateY(0); }
}

@keyframes animateSvg {
  0% { transform: rotate(0deg); }
  33% { transform: rotate(-15deg); }
  66% { transform: rotate(15deg); }
  100% { transform: rotate(0deg); }
}

@media (min-width: 1280px) {
  .display-1 {
    font-size: 4.5rem;
  }
}

/* 移动端底部简徒AI 下载条 */
.download-app {
  display: none;
}

@media (max-width: 768px) {
  .download-app .img-content {
    display: flex;
    gap: 10px;
  }

  .download-app {
    border-top: 1px solid rgba(18, 17, 42, 0.07);
    width: 100%;
    height: 58px;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
  }

  .download-app .flex-container1 {
    justify-content: space-evenly;
    position: relative;
    width: 744px;
    height: 34px;
    display: flex;
    align-items: center;
    font-size: 20px;
  }

  .download-app .flex-container2 {
    display: none;
  }

  .download-app .close-outline {
    width: 28px;
    height: 28px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  .download-app .download-logo {
    width: 40px;
    height: 40px;
  }

  .download-app .ptext-container {
    gap: 2px;
    display: flex;
    width: 270px;
    flex-wrap: wrap;
  }

  .download-app .ptext-1 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.5px;
    color: rgba(25, 25, 26, 1);
    margin-bottom: 0;
  }

  .download-app .ptext-2 {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.5px;
    color: rgba(139, 140, 143, 1);
    line-height: 1;
    margin-bottom: 0;
  }

  .download-app .click-to-download {
    width: 64px;
    height: 36px;
    background: linear-gradient(92.5deg, #1F61FF 6.44%, #A728FF 55.47%, #FF4EE4 98.36%);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
  }

  .download-app .click-to-download a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
  }
}

@media (max-width: 500px) {
  .download-app .close-outline {
    width: 26px;
    height: 26px;
  }

  .download-app .download-logo {
    width: 38px;
    height: 38px;
  }

  .download-app .ptext-1 {
    font-size: 15px;
  }

  .download-app .ptext-2 {
    font-size: 14px;
  }

  .download-app .click-to-download {
    width: 62px;
    height: 34px;
    border-radius: 9px;
  }

  .download-app .click-to-download a {
    font-size: 13.5px;
  }
}

@media (max-width: 450px) {
  .download-app .close-outline {
    width: 22px;
    height: 22px;
  }

  .download-app .download-logo {
    width: 34px;
    height: 34px;
  }

  .download-app .ptext-container {
    width: 210px;
  }

  .download-app .ptext-1 {
    font-size: 13px;
  }

  .download-app .ptext-2 {
    font-size: 12px;
  }

  .download-app .click-to-download {
    width: 58px;
    height: 30px;
    border-radius: 7px;
  }

  .download-app .click-to-download a {
    font-size: 12.5px;
  }
}

@media (max-width: 430px) {
  .download-app .flex-container1 {
    justify-content: space-between;
    padding-left: 16px;
    padding-right: 16px;
  }
}

@media (max-width: 390px) {
  .download-app .ptext-container {
    width: 190px;
  }

  .download-app .flex-container1 {
    display: none;
  }

  .download-app .flex-container2 {
    display: block;
  }

  .download-app .close-outline {
    position: fixed;
    left: 16px;
    bottom: 19px;
    width: 20px;
    height: 20px;
  }

  .download-app .download-logo {
    width: 32px;
    height: 32px;
    position: fixed;
    left: 44px;
    bottom: 13px;
  }

  .download-app .flex-container2 .ptext-container {
    position: fixed;
    left: 84px;
    width: 190px;
    bottom: 12px;
    height: 34px;
  }

  .download-app .click-to-download {
    width: 56px;
    height: 28px;
    position: fixed;
    right: 16px;
    bottom: 15px;
    border-radius: 6px;
  }

  .download-app .ptext-1 {
    font-size: 12px;
  }

  .download-app .ptext-2 {
    font-size: 11px;
  }
}

@media (max-width: 375px) {
  .download-app .close-outline,
  .download-app .download-logo {
    width: 20px;
    height: 20px;
  }

  .download-app .download-logo {
    width: 32px;
    height: 32px;
  }

  .download-app .ptext-1,
  .download-app .ptext-2 {
    font-size: 11px;
  }

  .download-app .click-to-download {
    width: 56px;
    height: 28px;
  }

  .download-app .click-to-download a {
    font-size: 12px;
  }
}