@charset "UTF-8";

.star-cont {
  height: 45px;
  font-family: "Microsoft Yahei", "PingFang SC", sans-serif;
}

.start-line {
  width: 25%;
  border-top: 3px solid #0065cc;
  position: relative;
  top: 10px;
}

.city-star {
  position: relative;
  top: -12px;
  font-size: 20px;
  font-weight: 900;
  text-align: center;
  letter-spacing: 0.1em;
  background: linear-gradient(45deg,
      #4facfe 0%,
      #00f2fe 25%,
      #7b61ff 50%,
      #ff2a6d 75%,
      #ffcb57 100%);
  background-size: 400% 400%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  text-shadow:
    1px 1px 2px rgba(0, 0, 0, 0.2),
    2px 2px 3px rgba(0, 0, 0, 0.1),
    0 0 8px rgba(79, 172, 254, 0.3);
  /* 动画效果 */
  animation: gradientMove 8s ease infinite,
    float 3s ease-in-out infinite;
  padding: 0.5rem 0.5rem;
}

/* 渐变移动动画 */
@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes float {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-2px);
  }
}

@-webkit-keyframes twinkle {
  0% {
    opacity: 0.2;
    transform: scale(0.8);
    -webkit-filter: brightness(0.8);
  }

  100% {
    opacity: 1;
    transform: scale(1.2);
    -webkit-filter: brightness(1.5);
  }
}

@media (max-width: 768px) {
  .city-star {
    letter-spacing: 0.05em;
    padding: 0.8rem 0.3rem;
  }

  .city-star::before {
    right: -8px;
  }

  .city-star::after {
    left: -8px;
  }
}

.star-item-img {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 10px;
}

.star-item-text {
  position: absolute;
  bottom: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.4);
  color: #fff;
  line-height: 20px;
}


/* 首页中间的字幕动画 start*/
.scroll-wrap {
  width: 100%;
  /* height: 115px; */
  /* line-height: 80px; */
  overflow: hidden;
  position: relative;
}

.scroll-content1 {
  display: inline-block;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  animation: scroll-left 20s linear infinite;
}

.scroll-content2 {
  display: inline-block;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  animation: scroll-right 20s linear infinite;
}

.scroll-item {
  width: 100px;
  height: 100px;
  display: inline-block;
  margin-right: 14px;
  /* font-size: 16px; */
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}

@keyframes scroll-right {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}

/* 鼠标悬停暂停（可选） */
.scroll-wrap:hover .scroll-content1 {
  animation-play-state: paused;
}

.scroll-wrap:hover .scroll-content2 {
  animation-play-state: paused;
}

/* 清除inline-block的默认空白（关键：避免内容之间出现间隙） */
.scroll-content1>* {
  display: inline-block;
}

.scroll-content2>* {
  display: inline-block;
}

/* 首页中间的字幕动画 end*/

.download-container {
  position: relative;
}

.qrcode-box {
  position: absolute;
  top: calc(100% + 10px);
  transform: translateX(-50%);
  /* 水平居中对齐按钮 */
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  text-align: center;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
  display: none;
  /* 默认隐藏 */
  z-index: 999;
}

.qrcode-img {
  width: 100px;
  height: 100px;
  margin: 10px auto;
  border: 1px solid #eee;
  padding: 10px;
  background-size: 100% 100%;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASIAAAEiCAYAAABdvt+2AAANe0lEQVR4Aezc7XIbtw4GYKP3f89pO4k7litZWIkfIPl0TuJoxSWBB3veXzv+65f/CBAgMFngrw//ESBAYLKAIJo8AMcTIPDxIYg8Bd0FHEDgmYAgeibkewIEugsIou7EDiBA4JmAIHom5HsCBLoLvB1E3St0AAEC2wsIou1HrEEC9QUEUf0ZqZDA9gKCaPsRb9CgFrYXEETbj1iDBOoLCKL6M1Ihge0FBNH2I9YggfoC84OovpEKCRDoLCCIOgPbngCB5wKC6LmRFQQIdBYQRJ2BbV9BQA3VBQRR9Qmpj8ABAoLogCFrkUB1AUFUfULqI3CAwAZBdMCUtEhgcwFBtPmAtUdgBQFBtMKU1EhgcwFBtPmAtddEwCadBQRRZ2DbEyDwXEAQPTeyggCBzgKCqDOw7QkQeC4giD4+nitZQYBAVwFB1JXX5gQIZAQEUUbJGgIEugoIoq68NifwW8DfPwsIop99fEuAwAABQTQA2REECPwsIIh+9vEtAQIDBARRA2RbECDwnoAges/P3QQINBAQRA0QbUGAwHsCgug9P3cTGCOw+SmCaPMBa4/ACgLlgygiPiL8ibg1yD5cEbf3Rbz3OXtudl1Erp7W+0Xkzo3YY13Wb9a68kE0C8a5BAiMExBE46wfn+QbAocLCKLDHwDtE6ggIIgqTEENBA4XEESHPwDaP0Wgdp+CqPZ8VEfgCAFBdMSYNUmgtoAgqj0f1RE4QkAQbTFmTRBYW2CbIPr169fHDn9aP05Zk9bnVt8v61J9XXXnbH3bBFG2YesIEKgnIIjqzURFBCoKdK1JEHXltTkBAhkBQZRRsoYAga4Cgqgrr80JEMgICKKM0v5rdEhgqoAgmsrvcAIE/hUQRP8q+EOAwFQBQTSV3+EEzhH4qdPjgihizu8g/mkIPb+LyPWbfYM4Irdfz55G7h2R6zei7bqRPVY467ggqoCuBgIEbgUE0a2HTwQITBAQRBPQdzxSTwTeERBE7+i5lwCBJgKCqAmjTQgQeEdAEL2j514CBJoIpIKoyUk2IUCAwAMBQfQAxmUCBMYJCKJx1k4iQOCBgCB6AOPyfYHWb2D/t9+T3zl+vxpXdxEQRLtMUh8EFhYQRAsPT+kEdhEQRLtMUh8EFhYYE0QLAymdAIH+AoKov7ETCBB4IiCIngD5mgCB/gKCqL+xE4YIOGRlAUG08vTUTmATAUG0ySC1QWBlAUG08vQa1h7R9ncue2O64XAO2GqRIDpgElokcLCAIDp4+FonUEVAEFWZhDoIHCwgiA4evtZvBHyYKCCIJuI7mgCB3wKC6LeDvwkQmCggiCbiO5oAgd8CpwTR7279TYBASQFBVHIsiiJwlsBxQZR947f1ulmPVes+svvN6rf1udl+W69r3Uf1/Y4LouoDUd+6Aip/XUAQvW7nTgIEGgkIokaQtiFA4HUBQfS6nTsJEGgkIIiSkJYRINBPQBD1s7UzAQJJAUGUhLKMAIF+AoKon62dCVwTOHi1IDp4+FonUEVgmyCKaPs7lyPm7Nf6wYjI9ZE9N6L2fq37iMj1GzFnXbbf6uu2CaLq0OojQOCxgCB6bNP2G7sRIPBQQBA9pPEFAQKjBATRKGnnECDwUEAQPaTxBYHVBNatVxCtOzuVE9hGQBBtM0qNEFhXQBCtOzuVE9hGQBAtM0qFEthXoHwQtf5dwLvsl30ks/1G5N4Mzp6bXZetr/V+2XN3WZf1m7WufBDNgnEuAQLjBATROGsnEaguMK0+QTSN3sEECHwKCKJPCT8JEJgmIIim0TuYAIFPAUH0KbH/Tx0SKCsgiMqORmEEzhEQROfMWqcEygoIorKjURiB9QRerbh8EEXk3viNmLPuVfhH90Xk+nh0//frEbn9sm8Qf99/1OeIXB+t64nInRvRdl22j4jcudn9Zq0rH0SzYJxLgMA4AUE0ztpJBAg8EBBED2Bc/r+AKwR6CQiiXrL2JUAgLSCI0lQWEiDQS0AQ9ZK1LwECaYH/gih9h4UECBBoLCCIGoPajgCB6wKC6LqZOwgQaCxQPoiyb/xm1zX2+4jIvdkakVuX7SOi7X6tXe7ud+diRK6PO7fevRTRdr/sPO4W88bFiFwfs+p7o7W7t5YPortVu0iAwFYCgmircWqGwJoCgmjNuamawFYC7YJoKxbNECAwUkAQjdR2FgECdwUE0V0WFwkQGCkgiEZqO+tNAbfvKiCIdp2svggsJCCIFhqWUgnsKiCI3pxs6zdbI2q/Udu63yz/rHMj2s4j20d2Xdav+rpCQVSdSn0ECPQSEES9ZO1LgEBaQBClqSwkQKCXgCDqJWvfigJqKiogiIoORlkEThIQRCdNW68EigoIoqKDURaBkwR2CqKT5qZXAlsJCKKtxqkZAmsKlA+iiNybrRG5ddXHlH2jNqJtvxFt92vtHDGnvuw8sv1G5PqIaLsuW9+sdeWDaBaMcwncE3Ctj4Ag6uNqVwIELggIogtYlhIg0EdAEPVxtSsBAhcEBNEXLP8kQGCOgCCa4+5UAgS+CAiiLxj+SYDAHAFBNMfdqacK6PuugCC6y+IiAQIjBcoHUes3W1vjRuTegM32EVF7v6xfRNs+sudmnbP7tV7Xur7W+7XuN7tf+SDKNmIdAQLrCgiilrOzFwECLwkIopfY3ESAQEsBQdRS014ECLwkIIheYnMTgVkCe54riPacq64ILCUgiJYal2IJ7CkgiPacq64ILCUgiEqNSzEEzhTYJoiyb5jOWpd9vLL1Zfez7j2BiNwb4tlTInL7nfYcbBNE2QfBOgIE6gkIonozURGBngIl9xZEJceiKAJnCQiis+atWwIlBQRRybEoisBZAoJor3nrhsCSAoJoybEpmsBeAoJor3nqhsCSAoJoybEpmsA8gR4nlw+iiNybqBFnrcs+DNk3dCNyfq3Pbb1fRK6PiNy6rF/rPrL7ReT6yO43a135IJoF41wCBMYJCKJx1k4iQOCBgCB6AHPqZX0TmCEgiGaoO5MAgRsBQXTD4QMBAjMEBNEMdWcSOFngTu+C6A6KSwQIjBUQRGO9nUaAwB0BQXQHxSUCBMYKbBNE2Tdgq68bO/4Op/3ZMiL3xm9E23V/jn/6I/scRMyp72kDfxZk+/izvOyPbYKorLDCCBB4KiCInhJZQIBAbwFB1FvY/gQIPBW4FkRPt7OAAAEC1wUE0XUzdxAg0FhAEDUGtR0BAtcFBNF1M3d0FbD5iQKC6MSp65lAMQFBVGwgyiFwosBxQRTR9k3ZiNx+uzxcEbl+s2/8zloX0baP7HwjcudG5NZlz62+bnAQVedQHwECMwQE0Qx1ZxIgcCMgiG44fCBAYIaAIJqh7syeAvZeUEAQLTg0JRPYTUAQ7TZR/RBYUEAQLTg0JRPYTWC1INrNXz8ECPwjIIj+QfA/AgTmCgiiuf7dT4/IvaHb+g3n7o0VOyDrV6zsMuUIojKjUEgVAXWMFxBE482dSIDANwFB9A3ERwIExgsIovHmTiRA4JvAcUH0rX8fCRAoICCICgxBCQROFxBEpz8B+idQQEAQFRiCEjYT0M5lAUF0mcwNBAi0FhBErUUX3S8i9wZ2RG5da4aIs8497U1tQdT6/zH2I0DgsoAgukpmPQECzQUEUXNSGxIgcFVAEF0Vs54AgeYCgqg5qQ0JvCtw3v2C6LyZ65hAOQFBVG4kCiJwnoAgOm/mOiZQTkAQDR+JAwkQ+C5wXBBl31htve47fLXP2X6zdUfk3oSOyK1rXV+2j+y6iFwf2f2y6yLmnJutL7vuuCDKwlhHgMA4AUE0ztpJBEYJLHeOIFpuZAomsJ+AINpvpjoisJyAIFpuZAomsJ+AIFpvpiomsJ2AINpupBoisJ6AIFpvZiomsJ2AINpupBoi8L7A6B22CaKI3BumEbXXjX4APs+LyLl8rq/6M6JtH9k3urPrWrvNOrd1H9sEUWsY+xEgME5AEI2zdhIBAg8EBNEDmJ0v641ANQFBVG0i6iFwoIAgOnDoWiZQTUAQVZuIegjsIHCxB0F0EcxyAgTaCwii9qZ2JEDgooAgughmOQEC7QXKB1H2zdHT1mUfhS4uv359jN53Vr/Zc7Prsm7Z/XZZVz6IdoHWBwECjwUE0WMb3xAgMEhAEA2CdgwBAo8F/h9Ej9f6hgABAl0EBFEXVpsSIHBFQBBd0bKWAIEuAoKoC6tNfxbwLYFbAUF06+ETAQITBATRBHRHEiBwKyCIbj18IkBggkCHIJrQhSMJEFhaQBAtPT7FE9hDQBDtMUddEFhaQBAtPb5ji9f4ZgKCaLOBaofAigKCaMWpqZnAZgKCaLOBaofAigIVg2hFRzUTIPCGgCB6A8+tBAi0ERBEbRztQoDAGwKC6A08t64roPJaAoKo1jxUQ+BIAUF05Ng1TaCWgCCqNQ/VEDhSYMsgOnKSmiawsIAgWnh4Siewi4Ag2mWS+iCwsIAgWnh4Sp8o4OimAoKoKafNCBB4RUAQvaLmHgIEmgoIoqacNiNA4BUBQXRPzTUCBIYKCKKh3A4jQOCegCC6p+IaAQJDBQTRUG6HEfgU8POrgCD6quHfBAhMERBEU9gdSoDAVwFB9FXDvwkQmCIgiLqw25QAgSsCfwMAAP//1/4SbAAAAAZJREFUAwBnQOK8zpZH3QAAAABJRU5ErkJggg==');
}

.qrcode-text {
  font-size: 14px;
  color: #555;
  margin-bottom: 5px;
}

.qrcode-box.show {
  display: block;
}

.header-text {
  line-height: 36px;
  color: #555;
}

.header-text a {
  color: #555;
}

.star-padding {
  padding-left: 1.5rem !important;
  padding-right: 0 !important;
}

.chanye-zhuanqu {
  height: 390px;
  overflow: hidden;
}
.wenlv-zhuanqu-item{
  height: 160px;
}