@media (max-width: 768px) {
  html {
    font-size: calc(100vw / 18);
  }
}
@media (min-width: 768px) and (max-width: 1921.99px) {
  html {
    font-size: calc(100vw / 19.2);
  }
}
@media (min-width: 1922px) and (max-width: 2558.99px) {
  html {
    font-size: calc(100vw / 22.4);
  }
}
@media (min-width: 2559px) and (max-width: 4000px) {
  html {
    font-size: calc(100vw / 25.6);
  }
}
/* 手机 */
@media (max-width: 768px) {
  /* 中国旅游线路 */
  .zglxxl {
    position: relative;
    width: 100%;
    min-height: 100%;
    padding: 20% 5%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
  }
  .zglxxl .csnaucbia {
    width: 100%;
    margin: 0 auto 1.33333333rem;
  }
  .zglxxl .csnaucbia h3 {
    font-size: 0.8rem;
    color: #c7a15a;
    font-weight: 500;
  }
  .zglxxl .story-section {
    position: relative;
    z-index: 2;
    width: 100%;
    overflow: clip;
  }
  .zglxxl .story-section .story-sticky {
    height: 100%;
    padding: 0.66666667rem 0;
  }
  .zglxxl .story-section .story-sticky .story-layout {
    width: 100%;
    position: relative;
    display: grid;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col {
    order: 2;
    width: 100%;
    position: relative;
    z-index: 2;
    will-change: transform;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card {
    position: relative;
    overflow: hidden;
    background: #d8d8d8;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small {
    margin-bottom: 0.66666667rem;
    width: 100%;
    height: 10rem;
    cursor: pointer;
    will-change: transform;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-media {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #cfcfcf;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-media .story-image,
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-media .story-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-media .story-image {
    z-index: 1;
    transform: scale(1.02);
    transition: opacity 0.35s ease, transform 0.8s ease;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-media .story-video {
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-media::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #11111147;
    z-index: 2;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-media.is-video .story-video {
    opacity: 1;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-media.is-video .story-image {
    opacity: 0;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-overlay {
    position: absolute;
    inset: 0;
    top: 4.66666667rem;
    z-index: 5;
    padding: 0.66666667rem;
    pointer-events: none;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-overlay .story-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 100%;
    height: 1.33333333rem;
    padding: 0 0.66666667rem;
    border: none;
    background: rgba(191, 158, 102, 0.84);
    color: #f7edd5;
    font-size: 0.53333333rem;
    line-height: 1;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(0.26666667rem);
    -webkit-backdrop-filter: blur(0.26666667rem);
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-overlay-default {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.35s ease, visibility 0.35s ease;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-overlay-default .story-title {
    margin: 0 0 0.33333333rem;
    font-size: 0.66666667rem;
    line-height: 1.35;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: 0 0.13333333rem 0.33333333rem rgba(0, 0, 0, 0.24);
    opacity: 1;
    transform: translateY(0.33333333rem);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-overlay-default .story-btn {
    transform: translateY(0.53333333rem);
    transition: transform 0.35s ease, background 0.35s ease;
    pointer-events: auto;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-overlay-hover {
    display: none;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap {
    order: 1;
    margin: 0.66666667rem 0;
    min-width: 0;
    position: relative;
    z-index: 3;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card {
    position: relative;
    overflow: hidden;
    background: #d8d8d8;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center {
    width: 100%;
    height: 14rem;
    position: relative;
    overflow: hidden;
    will-change: width;
    cursor: pointer;
    flex: 0 0 auto;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner {
    position: absolute;
    inset: 0;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-media {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #cfcfcf;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-media .story-image,
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-media .story-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-media .story-image {
    z-index: 1;
    transform: scale(1.02);
    transition: opacity 0.35s ease, transform 0.8s ease;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-media .story-video {
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-media::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #11111147;
    z-index: 2;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-media.is-video .story-video {
    opacity: 1;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-media.is-video .story-image {
    opacity: 0;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-overlay {
    position: absolute;
    inset: 0;
    top: 8.66666667rem;
    z-index: 5;
    padding: 0.66666667rem;
    pointer-events: none;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-overlay .story-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 100%;
    height: 1.33333333rem;
    padding: 0 0.33333333rem;
    border: none;
    background: rgba(191, 158, 102, 0.84);
    color: #f7edd5;
    font-size: 0.53333333rem;
    line-height: 1;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(0.13333333rem);
    -webkit-backdrop-filter: blur(0.26666667rem);
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-overlay-default {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.35s ease, visibility 0.35s ease;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-overlay-default .story-title {
    margin: 0 0 0.33333333rem;
    font-size: 0.66666667rem;
    line-height: 1.35;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: 0 0.13333333rem 0.33333333rem rgba(0, 0, 0, 0.24);
    opacity: 1;
    transform: translateY(0.53333333rem);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-overlay-default .story-btn {
    transform: translateY(0.33333333rem);
    transition: transform 0.35s ease, background 0.35s ease;
    pointer-events: auto;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-overlay-hover {
    display: none;
  }
  .zglxxl .othershauiwai {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-top: 2rem;
  }
  .zglxxl .othershauiwai .route-marquee-section {
    width: 100%;
    overflow: hidden;
  }
  .zglxxl .othershauiwai .route-marquee-section .route-marquee-inner {
    position: relative;
    width: 100%;
  }
  .zglxxl .othershauiwai .route-marquee-section .route-marquee-inner .route-marquee-track {
    display: flex;
    gap: 1.33333333rem;
    align-items: center;
    width: max-content;
    will-change: transform;
    transform: translate3d(0, 0, 0);
  }
  .zglxxl .othershauiwai .route-marquee-section .route-marquee-inner .route-marquee-track .route-card {
    position: relative;
    flex: 0 0 auto;
    width: 16.66666667rem;
    height: 14.66666667rem;
    overflow: hidden;
    background: #ddd;
    box-shadow: 0 0.13333333rem 0.33333333rem rgba(0, 0, 0, 0.08);
    transform: translateZ(0);
  }
  .zglxxl .othershauiwai .route-marquee-section .route-marquee-inner .route-marquee-track .route-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .zglxxl .othershauiwai .route-marquee-section .route-marquee-inner .route-marquee-track .route-card .route-card-content {
    position: absolute;
    left: 50%;
    bottom: 1rem;
    transform: translateX(-50%);
    z-index: 4;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
  }
  .zglxxl .othershauiwai .route-marquee-section .route-marquee-inner .route-marquee-track .route-card .route-card-content .route-btn {
    pointer-events: auto;
    min-width: 4rem;
    height: 1.33333333rem;
    padding: 0 1.33333333rem;
    border: 0;
    outline: none;
    cursor: pointer;
    color: #fff;
    font-size: 0.53333333rem;
    line-height: 1;
    background: rgba(188, 150, 95, 0.84);
    backdrop-filter: blur(0.13333333rem);
    -webkit-backdrop-filter: blur(0.13333333rem);
    transition: transform 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;
    box-shadow: 0 0.66666667rem 1.66666667rem rgba(84, 58, 26, 0.12);
  }
  .zglxxl .othershauiwai .route-marquee-section .route-marquee-inner .route-marquee-track .route-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.02) 38%, rgba(0, 0, 0, 0));
    pointer-events: none;
  }
  .zglxxl .othershauiwai .route-marquee-section .route-marquee-inner .route-marquee-track .route-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    border: 0.06666667rem solid rgba(255, 255, 255, 0.14);
    pointer-events: none;
  }
  .zglxxl .othershauiwai .route-marquee-section .route-marquee-inner.is-dragging {
    cursor: grabbing;
  }
  .zglxxl::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background: linear-gradient(180deg, #ffffff00 0%, #ffffffe8 100%);
  }
  /* 中国旅游线路弹框 */
  .story-lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
  }
  .story-lightbox .story-lightbox-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.76);
    backdrop-filter: blur(0.26666667rem);
    -webkit-backdrop-filter: blur(0.26666667rem);
  }
  .story-lightbox .story-lightbox-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    max-height: 90vh;
    transform: translate(-50%, -50%) scale(0.96);
    transition: transform 0.35s ease;
  }
  .story-lightbox .story-lightbox-dialog .story-lightbox-close {
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    right: -0.66666667rem;
    top: -1rem;
    z-index: 5;
    transition: all 0.5s;
    border: 0;
    background: rgba(255, 255, 255, 0);
    line-height: 1;
    cursor: pointer;
  }
  .story-lightbox .story-lightbox-dialog .story-lightbox-close .icon {
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    fill: #fff;
  }
  .story-lightbox .story-lightbox-dialog .story-lightbox-close:hover {
    transition: all 0.5s;
  }
  .story-lightbox .story-lightbox-dialog .story-lightbox-close:hover .icon {
    animation: annshuRotateOnce 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1;
  }
  @keyframes annshuRotateOnce {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .story-lightbox .story-lightbox-dialog img {
    display: block;
    width: 100%;
    max-height: 90vh;
    object-fit: contain;
    background: #111;
  }
  .story-lightbox.is-open {
    opacity: 1;
    visibility: visible;
  }
  .story-lightbox.is-open .story-lightbox-dialog {
    transform: translate(-50%, -50%) scale(1);
  }
  /* 其他线路弹框 */
  .route-lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999999;
    display: none;
  }
  .route-lightbox .route-lightbox-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.76);
    backdrop-filter: blur(0.26666667rem);
    -webkit-backdrop-filter: blur(0.26666667rem);
  }
  .route-lightbox .route-lightbox-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    max-height: 90vh;
    transform: translate(-50%, -50%) scale(0.96);
    transition: transform 0.35s ease;
  }
  .route-lightbox .route-lightbox-dialog .route-lightbox-close {
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    right: -0.66666667rem;
    top: -1rem;
    z-index: 5;
    transition: all 0.5s;
    border: 0;
    background: rgba(255, 255, 255, 0);
    line-height: 1;
    cursor: pointer;
  }
  .route-lightbox .route-lightbox-dialog .route-lightbox-close .icon {
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    fill: #fff;
  }
  .route-lightbox .route-lightbox-dialog .route-lightbox-close:hover {
    transition: all 0.5s;
  }
  .route-lightbox .route-lightbox-dialog .route-lightbox-close:hover .icon {
    animation: annshuRotateOnce 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1;
  }
  @keyframes annshuRotateOnce {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .route-lightbox .route-lightbox-dialog .route-lightbox-img {
    width: 100%;
    max-height: 90vh;
    object-fit: contain;
    display: block;
  }
  .route-lightbox.is-open {
    display: block;
  }
  /* 加美旅游线路 */
  .case-section {
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 10% 5%;
    position: relative;
  }
  .case-section .w-1520 {
    width: 100%;
    margin: 0 auto 1.33333333rem;
  }
  .case-section .w-1520 .case-head {
    width: 100%;
  }
  .case-section .w-1520 .case-head .case-title {
    font-size: 0.8rem;
    font-weight: 500;
    color: #c7a15a;
  }
  .case-section .amceses-pin-wrap {
    width: 100%;
    height: 100% !important;
    position: relative;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 1.33333333rem;
    overflow: hidden;
    position: relative;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi {
    width: 100% !important;
    position: relative;
    transition: all 0.5s;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi .imgpeitu {
    width: 100% !important;
    height: 10rem !important;
    transition: all 0.5s;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi .imgpeitu img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: all 0.5s;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi .wenahn {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: absolute;
    top: 60%;
    z-index: 3;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi .wenahn h3 {
    width: 100%;
    text-align: center;
    font-size: 0.66666667rem;
    color: #fff;
    margin-bottom: 0.66666667rem;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi .wenahn p {
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: auto;
    min-width: 4rem;
    height: 1.33333333rem;
    padding: 0 1.33333333rem;
    border: 0;
    outline: none;
    cursor: pointer;
    color: #fff;
    font-size: 0.53333333rem;
    line-height: 1;
    background: rgba(188, 150, 95, 0.84);
    backdrop-filter: blur(0.13333333rem);
    -webkit-backdrop-filter: blur(0.13333333rem);
    transition: transform 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;
    box-shadow: 0 0.66666667rem 1.66666667rem rgba(84, 58, 26, 0.12);
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #00000036;
    z-index: 1;
    transition: all 0.5s;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .swiper-button-next {
    background-color: #ffffff9c;
    border-radius: 6.66666667rem;
    width: 1.33333333rem;
    height: 1.33333333rem;
    left: 90%;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .swiper-button-next:after {
    font-size: 0.53333333rem;
    color: #c7a15a;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .swiper-button-prev {
    background-color: #ffffff9c;
    border-radius: 6.66666667rem;
    width: 1.33333333rem;
    height: 1.33333333rem;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .swiper-button-prev:after {
    font-size: 0.53333333rem;
    color: #c7a15a;
  }
  /* 加美旅游线路弹窗 */
  .route-image-modal {
    position: fixed;
    inset: 0;
    z-index: 9999999;
    display: none;
  }
  .route-image-modal .route-image-modal__mask {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.76);
    backdrop-filter: blur(0.26666667rem);
    -webkit-backdrop-filter: blur(0.26666667rem);
  }
  .route-image-modal .route-image-modal__dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    max-height: 90vh;
    transform: translate(-50%, -50%) scale(0.96);
    transition: transform 0.35s ease;
  }
  .route-image-modal .route-image-modal__dialog .route-image-modal__close {
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    right: -0.66666667rem;
    top: -1rem;
    z-index: 5;
    transition: all 0.5s;
    border: 0;
    background: rgba(255, 255, 255, 0);
    line-height: 1;
    cursor: pointer;
  }
  .route-image-modal .route-image-modal__dialog .route-image-modal__close .icon {
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    fill: #fff;
  }
  .route-image-modal .route-image-modal__dialog .route-image-modal__close:hover {
    transition: all 0.5s;
  }
  .route-image-modal .route-image-modal__dialog .route-image-modal__close:hover .icon {
    animation: annshuRotateOnce 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1;
  }
  @keyframes annshuRotateOnce {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .route-image-modal .route-image-modal__dialog img {
    display: block;
    width: 100%;
    max-height: 90vh;
    object-fit: contain;
  }
  .route-image-modal.is-show {
    display: block;
  }
  /* 欧洲旅游线路 */
  .ozeses {
    width: 100%;
    height: 100%;
    padding: 10% 5%;
    background-color: #faf8f5;
  }
  .ozeses .csnaucbia {
    width: 100%;
    margin: 0 auto 1.33333333rem;
  }
  .ozeses .csnaucbia h3 {
    font-size: 0.8rem;
    color: #c7a15a;
    font-weight: 500;
  }
  .ozeses .travel-section {
    position: relative;
    overflow: hidden;
  }
  .ozeses .travel-section .travel-wrap {
    width: 100%;
    margin: 0 auto;
  }
  .ozeses .travel-section .travel-wrap .travel-swiper {
    overflow: hidden;
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper {
    align-items: center;
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide {
    width: 100%;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #ddd;
    box-shadow: 0 0.66666667rem 1rem rgba(0, 0, 0, 0.08);
    transition: transform 0.45s ease, box-shadow 0.45s ease;
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card .travel-card__img {
    width: 100%;
    height: 13.33333333rem;
    overflow: hidden;
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card .travel-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s ease;
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card .travel-card__content {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    padding: 0 0.33333333rem;
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card .travel-card__content .travel-card__title {
    width: 100%;
    color: #fff;
    font-size: 0.66666667rem;
    font-weight: 700;
    line-height: 1.4;
    opacity: 1;
    transform: translateY(1.2rem);
    transition: opacity 0.35s ease, transform 0.35s ease;
    margin-bottom: 1.2rem;
    text-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
    pointer-events: none;
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card .travel-card__content .travel-card__btn {
    pointer-events: auto;
    position: relative;
    z-index: 5;
    min-width: 4rem;
    height: 1.33333333rem;
    padding: 0 1.33333333em;
    border: 0;
    color: #fff;
    font-size: 0.53333333rem;
    background: rgba(191, 156, 94, 0.88);
    cursor: pointer;
    transform: translateY(0.66666667rem);
    transition: transform 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;
    box-shadow: 0 12px 28px rgba(104, 76, 34, 0.16);
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.14) 38%, rgba(0, 0, 0, 0.04) 60%, rgba(0, 0, 0, 0) 100%);
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
    z-index: 1;
  }
  .ozeses .travel-section .travel-nav {
    display: none;
  }
  /* 欧洲旅游线路弹窗 */
  .route-image-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
  }
  .route-image-modal .route-image-modal__mask {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.76);
    backdrop-filter: blur(0.26666667rem);
    -webkit-backdrop-filter: blur(0.26666667rem);
  }
  .route-image-modal .route-image-modal__dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    max-height: 90vh;
    transform: translate(-50%, -50%) scale(0.96);
    transition: transform 0.35s ease;
  }
  .route-image-modal .route-image-modal__dialog .route-image-modal__close {
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    right: -0.66666667rem;
    top: -1rem;
    z-index: 5;
    transition: all 0.5s;
    border: 0;
    background: rgba(255, 255, 255, 0);
    line-height: 1;
    cursor: pointer;
  }
  .route-image-modal .route-image-modal__dialog .route-image-modal__close .icon {
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    fill: #fff;
  }
  .route-image-modal .route-image-modal__dialog .route-image-modal__close:hover {
    transition: all 0.5s;
  }
  .route-image-modal .route-image-modal__dialog .route-image-modal__close:hover .icon {
    animation: annshuRotateOnce 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1;
  }
  @keyframes annshuRotateOnce {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .route-image-modal .route-image-modal__dialog img {
    display: block;
    width: 100%;
    max-height: 90vh;
    object-fit: contain;
  }
  .route-image-modal.is-show {
    display: block;
  }
  /* 其他国家和地区旅游线路 */
  .otheses {
    width: 100%;
    min-height: 33.33333333rem;
    padding: 10% 5%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .otheses .csnaucbia {
    width: 100%;
    margin: 0 auto 1.33333333rem;
  }
  .otheses .csnaucbia h3 {
    font-size: 0.8rem;
    color: #c7a15a;
    font-weight: 500;
  }
  .otheses .travel-sectionscac {
    position: relative;
    overflow: hidden;
  }
  .otheses .travel-sectionscac .travel-wrapsacac {
    width: 100%;
    margin: 0 auto;
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper {
    overflow: hidden;
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper {
    align-items: center;
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #ddd;
    box-shadow: 0 0.33333333rem 0.33333333rem rgba(0, 0, 0, 0.08);
    transition: transform 0.45s ease, box-shadow 0.45s ease;
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card .travel-card__img {
    width: 100%;
    height: 14.66666667rem;
    overflow: hidden;
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card .travel-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s ease;
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card .travel-card__content {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    padding: 0 0.66666667rem;
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card .travel-card__content .travel-card__title {
    width: 100%;
    color: #fff;
    font-size: 0.66666667rem;
    font-weight: 700;
    line-height: 1.4;
    transform: translateY(0.13333333rem);
    transition: opacity 0.35s ease, transform 0.35s ease;
    margin-bottom: 1.2rem;
    text-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
    pointer-events: none;
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card .travel-card__content .travel-card__btn {
    pointer-events: auto;
    position: relative;
    z-index: 5;
    min-width: 4rem;
    height: 1.33333333rem;
    padding: 0 0.66666667em;
    border: 0;
    color: #fff;
    font-size: 0.53333333rem;
    background: rgba(191, 156, 94, 0.88);
    backdrop-filter: blur(0.13333333rem);
    -webkit-backdrop-filter: blur(0.13333333rem);
    cursor: pointer;
    transform: translateY(0.33333333rem);
    transition: transform 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;
    box-shadow: 0 12px 28px rgba(104, 76, 34, 0.16);
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card.is-hover .travel-card__img img {
    transform: scale(1.04);
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card.is-hover .travel-card__content .travel-card__title {
    opacity: 1;
    transform: translateY(0);
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card.is-hover .travel-card__content .travel-card__btn {
    transform: translateY(0.33333333rem);
    background: rgba(177, 137, 79, 0.96);
    box-shadow: 0 0.66666667rem 1.33333333rem rgba(84, 58, 26, 0.2);
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.14) 38%, rgba(0, 0, 0, 0.04) 60%, rgba(0, 0, 0, 0) 100%);
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
    z-index: 1;
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card:hover::after,
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card.is-hover::after {
    opacity: 1;
  }
  .otheses .travel-sectionscac .travel-nav {
    display: none;
  }
}
/* pc */
@media (min-width: 768px) {
  /* 中国旅游线路 */
  .zglxxl {
    position: relative;
    width: 100%;
    min-height: 100%;
    padding: 1.8rem 0 1rem;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
  }
  .zglxxl .csnaucbia {
    width: 15.2rem;
    margin: 0 auto 0.7rem;
  }
  .zglxxl .csnaucbia h3 {
    font-size: 0.3rem;
    color: #c7a15a;
    font-weight: 500;
  }
  .zglxxl .story-section {
    position: relative;
    z-index: 2;
    width: 100%;
    overflow: clip;
  }
  .zglxxl .story-section .story-sticky {
    position: sticky;
    top: 0;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0.4rem 0;
  }
  .zglxxl .story-section .story-sticky .story-layout {
    width: 15.2rem;
    display: grid;
    grid-template-columns: 2.85rem 1fr 2.85rem;
    align-items: center;
    justify-content: center;
    column-gap: 0.3rem;
    position: relative;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    position: relative;
    top: 0.56rem;
    z-index: 2;
    will-change: transform;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card {
    position: relative;
    overflow: hidden;
    background: #d8d8d8;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card:hover .story-overlay-default {
    opacity: 0;
    visibility: hidden;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card:hover .story-overlay-hover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card:hover .story-overlay-hover .story-hover-box {
    opacity: 1;
    transition: transform 0.38s ease, opacity 0.38s ease;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card:hover .story-overlay-hover .story-hover-box .story-btn {
    background: rgba(191, 158, 102, 0.94);
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card:hover .story-overlay-hover .story-hover-box .story-btn::before {
    left: 140%;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card:hover .story-overlay-hover::before {
    opacity: 1;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card:hover .story-hover-box {
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.16) 100%);
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small {
    width: 5.26rem;
    height: 3.53rem;
    cursor: pointer;
    will-change: transform;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-media {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #cfcfcf;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-media .story-image,
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-media .story-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-media .story-image {
    z-index: 1;
    transform: scale(1.02);
    transition: opacity 0.35s ease, transform 0.8s ease;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-media .story-video {
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-media.is-video .story-video {
    opacity: 1;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-media.is-video .story-image {
    opacity: 0;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-overlay {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 0.4rem 0.2rem;
    pointer-events: none;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-overlay .story-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.3rem;
    height: 0.4rem;
    padding: 0 0.24rem;
    border: none;
    background: rgba(191, 158, 102, 0.84);
    color: #f7edd5;
    font-size: 0.16rem;
    line-height: 1;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(0.04rem);
    -webkit-backdrop-filter: blur(0.04rem);
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-overlay .story-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 70%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
    transition: left 0.6s ease;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-overlay-default {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.35s ease, visibility 0.35s ease;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-overlay-default .story-title {
    margin: 0 0 0.18rem;
    font-size: 0.24rem;
    line-height: 1.35;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.24);
    opacity: 0;
    visibility: hidden;
    transform: translateY(0.08rem);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-overlay-default .story-btn {
    transform: translateY(0.14rem);
    transition: transform 0.35s ease, background 0.35s ease;
    pointer-events: auto;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-overlay-hover {
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
    pointer-events: none;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-overlay-hover .story-hover-box {
    position: relative;
    z-index: 1;
    width: 3rem;
    min-height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.2rem;
    transform: scale(0.92);
    opacity: 0;
    transition: transform 0.38s ease, opacity 0.38s ease;
    pointer-events: none;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-overlay-hover .story-hover-box .story-title {
    margin: 0 0 0.2rem;
    font-size: 0.24rem;
    line-height: 1.35;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.28);
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-overlay-hover .story-hover-box .story-btn {
    pointer-events: auto;
    transform: translateY(0);
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small .story-overlay-hover::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.18);
    opacity: 0;
    transition: opacity 0.35s ease;
    z-index: 0;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col-left {
    justify-self: end;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-col-right {
    justify-self: start;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    position: relative;
    z-index: 3;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card {
    position: relative;
    overflow: hidden;
    background: #d8d8d8;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card:hover .story-card-center-inner .story-overlay-default {
    opacity: 0;
    visibility: hidden;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card:hover .story-card-center-inner .story-overlay-hover {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card:hover .story-card-center-inner .story-overlay-hover .story-hover-box {
    opacity: 1;
    transition: transform 0.38s ease, opacity 0.38s ease;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card:hover .story-card-center-inner .story-overlay-hover .story-hover-box .story-btn {
    background: rgba(191, 158, 102, 0.94);
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card:hover .story-card-center-inner .story-overlay-hover .story-hover-box .story-btn::before {
    left: 140%;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card:hover .story-card-center-inner .story-overlay-hover::before {
    opacity: 1;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card:hover .story-card-center-inner .story-hover-box {
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.01) 50%, rgba(0, 0, 0, 0.16) 100%);
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center {
    width: 8.9rem;
    height: 8.5rem;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.14);
    will-change: width;
    cursor: pointer;
    flex: 0 0 auto;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner {
    position: absolute;
    inset: 0;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-media {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #cfcfcf;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-media .story-image,
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-media .story-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-media .story-image {
    z-index: 1;
    transform: scale(1.02);
    transition: opacity 0.35s ease, transform 0.8s ease;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-media .story-video {
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-media.is-video .story-video {
    opacity: 1;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-media.is-video .story-image {
    opacity: 0;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-overlay {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 0.4rem 0.2rem;
    pointer-events: none;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-overlay .story-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.3rem;
    height: 0.4rem;
    padding: 0 0.24rem;
    border: none;
    background: rgba(191, 158, 102, 0.84);
    color: #f7edd5;
    font-size: 0.16rem;
    line-height: 1;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(0.04rem);
    -webkit-backdrop-filter: blur(0.04rem);
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-overlay .story-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 70%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
    transition: left 0.6s ease;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-overlay-default {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.35s ease, visibility 0.35s ease;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-overlay-default .story-title {
    margin: 0 0 0.18rem;
    font-size: 0.24rem;
    line-height: 1.35;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.24);
    opacity: 0;
    visibility: hidden;
    transform: translateY(0.08rem);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-overlay-default .story-btn {
    transform: translateY(0.14rem);
    transition: transform 0.35s ease, background 0.35s ease;
    pointer-events: auto;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-overlay-hover {
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
    pointer-events: none;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-overlay-hover .story-hover-box {
    position: relative;
    z-index: 1;
    width: 3rem;
    min-height: 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0.2rem;
    transform: scale(0.92);
    opacity: 0;
    transition: transform 0.38s ease, opacity 0.38s ease;
    pointer-events: none;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-overlay-hover .story-hover-box .story-title {
    margin: 0 0 0.2rem;
    font-size: 0.24rem;
    line-height: 1.35;
    font-weight: 700;
    color: #fff;
    text-align: center;
    text-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.28);
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-overlay-hover .story-hover-box .story-btn {
    pointer-events: auto;
    transform: translateY(0);
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center .story-card-center-inner .story-overlay-hover::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.18);
    opacity: 0;
    transition: opacity 0.35s ease;
    z-index: 0;
  }
  .zglxxl .othershauiwai {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-top: 1rem;
  }
  .zglxxl .othershauiwai .route-marquee-section {
    width: 100%;
    overflow: hidden;
  }
  .zglxxl .othershauiwai .route-marquee-section .route-marquee-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    cursor: grab;
    user-select: none;
  }
  .zglxxl .othershauiwai .route-marquee-section .route-marquee-inner .route-marquee-track {
    display: flex;
    gap: 0.8rem;
    align-items: center;
    width: max-content;
    will-change: transform;
    transform: translate3d(0, 0, 0);
  }
  .zglxxl .othershauiwai .route-marquee-section .route-marquee-inner .route-marquee-track .route-card {
    position: relative;
    flex: 0 0 auto;
    width: 4.5rem;
    height: 5.5rem;
    overflow: hidden;
    background: #ddd;
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.08);
    transform: translateZ(0);
  }
  .zglxxl .othershauiwai .route-marquee-section .route-marquee-inner .route-marquee-track .route-card img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    transform: scale(1);
    transition: transform 0.9s ease, filter 0.9s ease;
    filter: saturate(1.02) contrast(1.01);
    pointer-events: none;
  }
  .zglxxl .othershauiwai .route-marquee-section .route-marquee-inner .route-marquee-track .route-card .route-card-content {
    position: absolute;
    left: 50%;
    bottom: 0.35rem;
    transform: translateX(-50%);
    z-index: 4;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
  }
  .zglxxl .othershauiwai .route-marquee-section .route-marquee-inner .route-marquee-track .route-card .route-card-content .route-btn {
    pointer-events: auto;
    min-width: 1.3rem;
    height: 0.4rem;
    padding: 0 0.2rem;
    border: 0;
    outline: none;
    cursor: pointer;
    color: #fff;
    font-size: 0.16rem;
    line-height: 1;
    background: rgba(188, 150, 95, 0.84);
    backdrop-filter: blur(0.04rem);
    -webkit-backdrop-filter: blur(0.04rem);
    transition: transform 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;
    box-shadow: 0 0.1rem 0.25rem rgba(84, 58, 26, 0.12);
  }
  .zglxxl .othershauiwai .route-marquee-section .route-marquee-inner .route-marquee-track .route-card:hover img {
    transform: scale(1.045);
    filter: saturate(1.06) contrast(1.03);
  }
  .zglxxl .othershauiwai .route-marquee-section .route-marquee-inner .route-marquee-track .route-card:hover .route-btn {
    transform: translateY(-0.02rem);
    background: rgba(177, 137, 79, 0.92);
    box-shadow: 0 14px 32px rgba(84, 58, 26, 0.18);
  }
  .zglxxl .othershauiwai .route-marquee-section .route-marquee-inner .route-marquee-track .route-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.16), rgba(0, 0, 0, 0.02) 38%, rgba(0, 0, 0, 0));
    pointer-events: none;
  }
  .zglxxl .othershauiwai .route-marquee-section .route-marquee-inner .route-marquee-track .route-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    border: 0.01rem solid rgba(255, 255, 255, 0.14);
    pointer-events: none;
  }
  .zglxxl .othershauiwai .route-marquee-section .route-marquee-inner.is-dragging {
    cursor: grabbing;
  }
  .zglxxl::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    background: linear-gradient(180deg, #ffffff00 0%, #ffffffe8 100%);
  }
  /* 中国旅游线路弹框 */
  .story-lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
  }
  .story-lightbox .story-lightbox-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.76);
    backdrop-filter: blur(0.04rem);
    -webkit-backdrop-filter: blur(0.04rem);
  }
  .story-lightbox .story-lightbox-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10rem;
    max-height: 90vh;
    transform: translate(-50%, -50%) scale(0.96);
    transition: transform 0.35s ease;
  }
  .story-lightbox .story-lightbox-dialog .story-lightbox-close {
    position: absolute;
    right: -0.3rem;
    top: -0.25rem;
    width: 0.3rem;
    height: 0.3rem;
    border: 0;
    background: rgba(255, 255, 255, 0);
    line-height: 1;
    cursor: pointer;
  }
  .story-lightbox .story-lightbox-dialog .story-lightbox-close .icon {
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    fill: #fff;
  }
  .story-lightbox .story-lightbox-dialog .story-lightbox-close:hover {
    transition: all 0.5s;
  }
  .story-lightbox .story-lightbox-dialog .story-lightbox-close:hover .icon {
    animation: annshuRotateOnce 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1;
  }
  @keyframes annshuRotateOnce {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .story-lightbox .story-lightbox-dialog img {
    display: block;
    width: 100%;
    max-height: 90vh;
    object-fit: contain;
  }
  .story-lightbox.is-open {
    opacity: 1;
    visibility: visible;
  }
  .story-lightbox.is-open .story-lightbox-dialog {
    transform: translate(-50%, -50%) scale(1);
  }
  /* 中国旅游线路其他地区弹框 */
  .route-lightbox {
    position: fixed;
    inset: 0;
    z-index: 9999999;
    display: none;
  }
  .route-lightbox .route-lightbox-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.76);
    backdrop-filter: blur(0.04rem);
    -webkit-backdrop-filter: blur(0.04rem);
  }
  .route-lightbox .route-lightbox-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10rem;
    max-height: 90vh;
    transform: translate(-50%, -50%) scale(0.96);
    transition: transform 0.35s ease;
  }
  .route-lightbox .route-lightbox-dialog .route-lightbox-close {
    position: absolute;
    right: -0.3rem;
    top: -0.25rem;
    width: 0.3rem;
    height: 0.3rem;
    border: 0;
    background: rgba(255, 255, 255, 0);
    line-height: 1;
    cursor: pointer;
  }
  .route-lightbox .route-lightbox-dialog .route-lightbox-close .icon {
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    fill: #fff;
  }
  .route-lightbox .route-lightbox-dialog .route-lightbox-close:hover {
    transition: all 0.5s;
  }
  .route-lightbox .route-lightbox-dialog .route-lightbox-close:hover .icon {
    animation: annshuRotateOnce 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1;
  }
  @keyframes annshuRotateOnce {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .route-lightbox .route-lightbox-dialog .route-lightbox-img {
    width: 100%;
    max-height: 90vh;
    object-fit: contain;
    display: block;
    background: #111;
  }
  .route-lightbox.is-open {
    display: block;
  }
  /* 加美旅游线路 */
  .case-section {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    padding: 1rem 0;
  }
  .case-section .w-1520 {
    width: 15.2rem;
    margin: 0 auto 0.8rem;
  }
  .case-section .w-1520 .case-head {
    width: 100%;
  }
  .case-section .w-1520 .case-head .case-title {
    width: 100%;
    font-size: 0.3rem;
    font-weight: 500;
    color: #c7a15a;
  }
  .case-section .amceses-pin-wrap {
    position: relative;
    overflow: hidden;
    height: 8rem !important;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    will-change: transform;
    margin-left: 0.25rem;
    gap: 1rem;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi {
    position: relative;
    flex: 0 0 auto;
    width: 7.65rem;
    transition: all 0.5s;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi .imgpeitu {
    width: 7.65rem;
    height: 8rem;
    transition: all 0.5s;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi .imgpeitu img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi .wenahn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 80%;
    text-align: center;
    z-index: 5;
    transition: all 0.5s;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi .wenahn h3 {
    opacity: 0;
    width: 100%;
    font-size: 0.24rem;
    color: #fff;
    margin-bottom: 0.2rem;
    transition: all 0.5s;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi .wenahn p {
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: auto;
    width: 1.3rem;
    margin: 0 auto;
    height: 0.4rem;
    padding: 0 0.2rem;
    border: 0;
    outline: none;
    cursor: pointer;
    color: #fff;
    font-size: 0.16rem;
    line-height: 1;
    background: rgba(188, 150, 95, 0.84);
    backdrop-filter: blur(0.04rem);
    -webkit-backdrop-filter: blur(0.04rem);
    transition: transform 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;
    box-shadow: 0 0.1rem 0.25rem rgba(84, 58, 26, 0.12);
    transition: all 0.5s;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #00000058;
    z-index: 1;
    opacity: 0;
    transition: all 0.5s;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi:hover {
    transition: all 0.5s;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi:hover .wenahn {
    top: 40%;
    transition: all 0.5s;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi:hover .wenahn h3 {
    opacity: 1;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi:hover .wenahn p {
    transform: translateY(-0.02rem);
    background: rgba(177, 137, 79, 0.92);
    box-shadow: 0 14px 32px rgba(84, 58, 26, 0.18);
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi:hover::after {
    opacity: 1;
    transition: all 0.5s;
  }
  /* 加美旅游线路弹窗 */
  .route-image-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
  }
  .route-image-modal .route-image-modal__mask {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(0.04rem);
  }
  .route-image-modal .route-image-modal__dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10rem;
    max-height: 90vh;
    transform: translate(-50%, -50%) scale(0.96);
    transition: transform 0.35s ease;
  }
  .route-image-modal .route-image-modal__dialog .route-image-modal__close {
    position: absolute;
    right: -0.3rem;
    top: -0.25rem;
    width: 0.3rem;
    height: 0.3rem;
    border: 0;
    background: rgba(255, 255, 255, 0);
    line-height: 1;
    cursor: pointer;
  }
  .route-image-modal .route-image-modal__dialog .route-image-modal__close .icon {
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    fill: #fff;
  }
  .route-image-modal .route-image-modal__dialog .route-image-modal__close:hover {
    transition: all 0.5s;
  }
  .route-image-modal .route-image-modal__dialog .route-image-modal__close:hover .icon {
    animation: annshuRotateOnce 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1;
  }
  @keyframes annshuRotateOnce {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .route-image-modal .route-image-modal__dialog img {
    display: block;
    width: 100%;
    max-height: 90vh;
    object-fit: contain;
  }
  .route-image-modal.is-show {
    display: block;
  }
  /* 欧洲旅游线路 */
  .ozeses {
    width: 100%;
    height: 100%;
    padding: 1rem 0;
    background-color: #faf8f5;
  }
  .ozeses .csnaucbia {
    width: 15.2rem;
    margin: 0 auto 0.7rem;
  }
  .ozeses .csnaucbia h3 {
    font-size: 0.3rem;
    color: #c7a15a;
    font-weight: 500;
  }
  .ozeses .travel-section {
    position: relative;
    overflow: hidden;
  }
  .ozeses .travel-section .travel-wrap {
    width: 100%;
    margin: 0 auto;
  }
  .ozeses .travel-section .travel-wrap .travel-swiper {
    overflow: hidden;
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper {
    align-items: center;
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide {
    width: 4rem;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #ddd;
    box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.08);
    transition: transform 0.45s ease, box-shadow 0.45s ease;
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card .travel-card__img {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card .travel-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s ease;
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card .travel-card__content {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    padding: 0 0.2rem;
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card .travel-card__content .travel-card__title {
    width: 100%;
    color: #fff;
    font-size: 0.24rem;
    font-weight: 700;
    line-height: 1.4;
    opacity: 0;
    transform: translateY(0.18rem);
    transition: opacity 0.35s ease, transform 0.35s ease;
    margin-bottom: 0.18rem;
    text-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
    pointer-events: none;
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card .travel-card__content .travel-card__btn {
    pointer-events: auto;
    position: relative;
    z-index: 5;
    min-width: 1.35rem;
    height: 0.4rem;
    padding: 0 0.2em;
    border: 0;
    color: #fff;
    font-size: 0.16rem;
    background: rgba(191, 156, 94, 0.88);
    backdrop-filter: blur(0.04rem);
    -webkit-backdrop-filter: blur(0.04rem);
    cursor: pointer;
    transform: translateY(0.75rem);
    transition: transform 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;
    box-shadow: 0 12px 28px rgba(104, 76, 34, 0.16);
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card:hover .travel-card__img img {
    transform: scale(1.04);
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card:hover .travel-card__content .travel-card__title {
    opacity: 1;
    transform: translateY(0);
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card:hover .travel-card__content .travel-card__btn {
    transform: translateY(0.18rem);
    background: rgba(177, 137, 79, 0.96);
    box-shadow: 0 0.1rem 0.2rem rgba(84, 58, 26, 0.2);
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card.is-hover .travel-card__img img {
    transform: scale(1.04);
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card.is-hover .travel-card__content .travel-card__title {
    opacity: 1;
    transform: translateY(0);
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card.is-hover .travel-card__content .travel-card__btn {
    transform: translateY(0.18rem);
    background: rgba(177, 137, 79, 0.96);
    box-shadow: 0 0.1rem 0.2rem rgba(84, 58, 26, 0.2);
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.14) 38%, rgba(0, 0, 0, 0.04) 60%, rgba(0, 0, 0, 0) 100%);
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
    z-index: 1;
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card:hover::after,
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide .travel-card.is-hover::after {
    opacity: 1;
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide:nth-child(odd) .travel-card {
    height: 5rem;
  }
  .ozeses .travel-section .travel-wrap .travel-swiper .swiper-wrapper .swiper-slide:nth-child(even) .travel-card {
    height: 3.5rem;
  }
  .ozeses .travel-section .travel-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    transform: translate(-50%, -50%);
    z-index: 8;
    pointer-events: none;
  }
  .ozeses .travel-section .travel-nav .travel-prev,
  .ozeses .travel-section .travel-nav .travel-next {
    position: absolute;
    top: 50%;
    width: 0.5rem;
    height: 0.5rem;
    margin-top: -0.25rem;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.12);
    cursor: pointer;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(0.08rem) scale(0.96);
    transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s ease, box-shadow 0.3s ease;
  }
  .ozeses .travel-section .travel-nav .travel-prev {
    left: 0;
  }
  .ozeses .travel-section .travel-nav .travel-next {
    right: 0;
  }
  .ozeses .travel-section .travel-nav .travel-prev::before,
  .ozeses .travel-section .travel-nav .travel-next::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.12rem;
    height: 0.12rem;
    border-top: 0.02rem solid #9e7c46;
    border-right: 0.02rem solid #9e7c46;
  }
  .ozeses .travel-section .travel-nav .travel-prev:hover {
    box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.16);
  }
  .ozeses .travel-section .travel-nav .travel-next:hover {
    box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.16);
  }
  .ozeses .travel-section .travel-nav .travel-prev::before {
    transform: translate(-35%, -50%) rotate(-135deg);
  }
  .ozeses .travel-section .travel-nav .travel-next::before {
    transform: translate(-65%, -50%) rotate(45deg);
  }
  .ozeses .travel-section:hover .travel-nav .travel-prev {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
  }
  .ozeses .travel-section:hover .travel-nav .travel-next {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
  }
  /* 欧洲旅游线路弹窗 */
  .route-image-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none;
  }
  .route-image-modal .route-image-modal__mask {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.76);
    backdrop-filter: blur(0.04rem);
    -webkit-backdrop-filter: blur(0.04rem);
  }
  .route-image-modal .route-image-modal__dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10rem;
    max-height: 90vh;
    transform: translate(-50%, -50%) scale(0.96);
    transition: transform 0.35s ease;
  }
  .route-image-modal .route-image-modal__dialog .route-image-modal__close {
    position: absolute;
    right: -0.3rem;
    top: -0.25rem;
    width: 0.3rem;
    height: 0.3rem;
    border: 0;
    background: rgba(255, 255, 255, 0);
    line-height: 1;
    cursor: pointer;
  }
  .route-image-modal .route-image-modal__dialog .route-image-modal__close .icon {
    display: block;
    width: 0.3rem;
    height: 0.3rem;
    fill: #fff;
  }
  .route-image-modal .route-image-modal__dialog .route-image-modal__close:hover {
    transition: all 0.5s;
  }
  .route-image-modal .route-image-modal__dialog .route-image-modal__close:hover .icon {
    animation: annshuRotateOnce 0.7s cubic-bezier(0.22, 1, 0.36, 1) 1;
  }
  @keyframes annshuRotateOnce {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  .route-image-modal .route-image-modal__dialog img {
    display: block;
    width: 100%;
    max-height: 90vh;
    object-fit: contain;
  }
  .route-image-modal.is-show {
    display: block;
  }
  /* 其他国家和地区旅游线路 */
  .otheses {
    width: 100%;
    min-height: 100vh;
    padding: 1rem 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .otheses .csnaucbia {
    width: 15.2rem;
    margin: 0 auto 0.7rem;
  }
  .otheses .csnaucbia h3 {
    font-size: 0.3rem;
    color: #c7a15a;
    font-weight: 500;
  }
  .otheses .travel-sectionscac {
    position: relative;
    overflow: hidden;
  }
  .otheses .travel-sectionscac .travel-wrapsacac {
    width: 15.2rem;
    margin: 0 auto;
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper {
    overflow: hidden;
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper {
    align-items: center;
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #ddd;
    box-shadow: 0 0.1rem 0.15rem rgba(0, 0, 0, 0.08);
    transition: transform 0.45s ease, box-shadow 0.45s ease;
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card .travel-card__img {
    width: 4.5rem;
    height: 3.65rem;
    overflow: hidden;
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card .travel-card__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s ease;
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card .travel-card__content {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    z-index: 3;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    padding: 0 0.2rem;
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card .travel-card__content .travel-card__title {
    width: 100%;
    color: #fff;
    font-size: 0.24rem;
    font-weight: 700;
    line-height: 1.4;
    opacity: 0;
    transform: translateY(0.18rem);
    transition: opacity 0.35s ease, transform 0.35s ease;
    margin-bottom: 0.18rem;
    text-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
    pointer-events: none;
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card .travel-card__content .travel-card__btn {
    pointer-events: auto;
    position: relative;
    z-index: 5;
    min-width: 1.35rem;
    height: 0.4rem;
    padding: 0 0.2em;
    border: 0;
    color: #fff;
    font-size: 0.16rem;
    background: rgba(191, 156, 94, 0.88);
    backdrop-filter: blur(0.04rem);
    -webkit-backdrop-filter: blur(0.04rem);
    cursor: pointer;
    transform: translateY(0.75rem);
    transition: transform 0.35s ease, background 0.35s ease, box-shadow 0.35s ease;
    box-shadow: 0 12px 28px rgba(104, 76, 34, 0.16);
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card:hover .travel-card__img img {
    transform: scale(1.04);
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card:hover .travel-card__content .travel-card__title {
    opacity: 1;
    transform: translateY(0);
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card:hover .travel-card__content .travel-card__btn {
    transform: translateY(0.18rem);
    background: rgba(177, 137, 79, 0.96);
    box-shadow: 0 0.1rem 0.2rem rgba(84, 58, 26, 0.2);
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card.is-hover .travel-card__img img {
    transform: scale(1.04);
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card.is-hover .travel-card__content .travel-card__title {
    opacity: 1;
    transform: translateY(0);
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card.is-hover .travel-card__content .travel-card__btn {
    transform: translateY(0.18rem);
    background: rgba(177, 137, 79, 0.96);
    box-shadow: 0 0.1rem 0.2rem rgba(84, 58, 26, 0.2);
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.34) 0%, rgba(0, 0, 0, 0.14) 38%, rgba(0, 0, 0, 0.04) 60%, rgba(0, 0, 0, 0) 100%);
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
    z-index: 1;
  }
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card:hover::after,
  .otheses .travel-sectionscac .travel-wrapsacac .trscsc-swiper .swiper-wrapper .swiper-slide .travel-card.is-hover::after {
    opacity: 1;
  }
  .otheses .travel-sectionscac .travel-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 17.2rem;
    transform: translate(-50%, -50%);
    z-index: 8;
    pointer-events: none;
  }
  .otheses .travel-sectionscac .travel-nav .travel-prev,
  .otheses .travel-sectionscac .travel-nav .travel-next {
    position: absolute;
    top: 50%;
    width: 0.5rem;
    height: 0.5rem;
    margin-top: -0.25rem;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.12);
    cursor: pointer;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(0.08rem) scale(0.96);
    transition: opacity 0.35s ease, visibility 0.35s ease, transform 0.35s ease, box-shadow 0.3s ease;
  }
  .otheses .travel-sectionscac .travel-nav .travel-prev {
    left: 0;
  }
  .otheses .travel-sectionscac .travel-nav .travel-next {
    right: 0;
  }
  .otheses .travel-sectionscac .travel-nav .travel-prev::before,
  .otheses .travel-sectionscac .travel-nav .travel-next::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.12rem;
    height: 0.12rem;
    border-top: 0.02rem solid #9e7c46;
    border-right: 0.02rem solid #9e7c46;
  }
  .otheses .travel-sectionscac .travel-nav .travel-prev:hover {
    box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.16);
  }
  .otheses .travel-sectionscac .travel-nav .travel-next:hover {
    box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.16);
  }
  .otheses .travel-sectionscac .travel-nav .travel-prev::before {
    transform: translate(-35%, -50%) rotate(-135deg);
  }
  .otheses .travel-sectionscac .travel-nav .travel-next::before {
    transform: translate(-65%, -50%) rotate(45deg);
  }
  .otheses .travel-sectionscac.is-hover-nav:hover .travel-nav .travel-prev {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
  }
  .otheses .travel-sectionscac.is-hover-nav:hover .travel-nav .travel-next {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
  }
  .otheses .travel-sectionscac.hide-nav .travel-nav .travel-prev {
    display: none;
  }
  .otheses .travel-sectionscac.hide-nav .travel-nav .travel-next {
    display: none;
  }
  .otheses .travel-sectionscac:hover .travel-nav .travel-prev {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
  }
  .otheses .travel-sectionscac:hover .travel-nav .travel-next {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0) scale(1);
  }
}
@media (min-width: 768px) and (max-width: 999.99px) {
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small {
    width: 4.2rem;
    height: 2.8rem;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center {
    width: 8.5rem;
    height: 7rem;
  }
  /* 加美旅游线路 */
  .case-section .amceses-pin-wrap {
    height: 7rem !important;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi {
    width: 5.4rem;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi .imgpeitu {
    width: 5.4rem;
    height: 5.5rem;
  }
}
@media (min-width: 1000px) and (max-width: 1099.99px) {
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small {
    width: 4.2rem;
    height: 2.8rem;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center {
    width: 8.5rem;
    height: 7rem;
  }
  /* 加美旅游线路 */
  .case-section .amceses-pin-wrap {
    height: 7rem !important;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi {
    width: 5.55rem;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi .imgpeitu {
    width: 5.55rem;
    height: 7rem;
  }
}
@media (min-width: 1100px) and (max-width: 1199.99px) {
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small {
    width: 4.2rem;
    height: 2.7rem;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center {
    width: 8.5rem;
    height: 6.85rem;
  }
  /* 加美旅游线路 */
  .case-section .amceses-pin-wrap {
    height: 7rem !important;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi {
    width: 5.55rem;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi .imgpeitu {
    width: 5.55rem;
    height: 7rem;
  }
}
@media (min-width: 1200px) and (max-width: 1299.99px) {
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small {
    width: 3.4rem;
    height: 2.4rem;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center {
    width: 7.5;
    height: 6.3rem;
  }
  /* 加美旅游线路 */
  .case-section .amceses-pin-wrap {
    height: 7rem !important;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi {
    width: 5.5rem;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi .imgpeitu {
    width: 5.5rem;
    height: 7rem;
  }
}
@media (min-width: 1300px) and (max-width: 1399.99px) {
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small {
    width: 3rem;
    height: 1.8rem;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center {
    width: 6.5;
    height: 5rem;
  }
  /* 加美旅游线路 */
  .case-section .amceses-pin-wrap {
    height: 7rem !important;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi {
    width: 5.5rem;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi .imgpeitu {
    width: 5.5rem;
    height: 7rem;
  }
}
@media (min-width: 1400px) and (max-width: 1439.99px) {
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small {
    width: 4.2rem;
    height: 3.8rem;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center {
    width: 8.5rem;
    height: 9rem;
  }
  /* 加美旅游线路 */
  .case-section .amceses-pin-wrap {
    height: 7rem !important;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi {
    width: 5.5rem;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi .imgpeitu {
    width: 5.5rem;
    height: 7rem;
  }
}
@media (min-width: 1440px) and (max-width: 1599.99px) {
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small {
    width: 3.8rem;
    height: 2.55rem;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center {
    width: 8.5rem;
    height: 6.5rem;
  }
  /* 加美旅游线路 */
  .case-section .amceses-pin-wrap {
    height: 7rem !important;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi {
    width: 5.5rem;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi .imgpeitu {
    width: 5.5rem;
    height: 7rem;
  }
}
@media (min-width: 1600px) and (max-width: 1659.99px) {
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small {
    width: 3.5rem;
    height: 2.3rem;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center {
    width: 8.5rem;
    height: 6rem;
  }
  /* 加美旅游线路 */
  .case-section .amceses-pin-wrap {
    height: 6.5rem !important;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi {
    width: 5.5rem;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi .imgpeitu {
    width: 5.5rem;
    height: 6.5rem;
  }
}
@media (min-width: 1660px) and (max-width: 1770.99px) {
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small {
    width: 3.5rem;
    height: 2.45rem;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center {
    width: 8.5rem;
    height: 6.3rem;
  }
  /* 加美旅游线路 */
  .case-section .amceses-pin-wrap {
    height: 6.5rem !important;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi {
    width: 5.5rem;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi .imgpeitu {
    width: 5.5rem;
    height: 6.5rem;
  }
}
@media (min-width: 1771px) and (max-width: 1921px) {
  .zglxxl .story-section .story-sticky .story-layout .story-col .story-card-small {
    width: 2.8rem;
    height: 2.2rem;
  }
  .zglxxl .story-section .story-sticky .story-layout .story-center-wrap .story-card-center {
    width: 8.5rem;
    height: 5.8rem;
  }
  /* 加美旅游线路 */
  .case-section .amceses-pin-wrap {
    height: 7rem !important;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi {
    width: 5.55rem;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi .imgpeitu {
    width: 5.55rem;
    height: 7rem;
  }
}
@media (min-width: 1922px) and (max-width: 2250px) {
  /* 加美旅游线路 */
  .case-section .amceses-pin-wrap {
    height: 7rem !important;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi {
    width: 6.6rem;
  }
  .case-section .amceses-pin-wrap .fangahnsheiji .tuzixhaunshi .imgpeitu {
    width: 6.6rem;
    height: 7rem;
  }
}