@charset "utf-8";

/* CSS Document */

html {
    font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 62.5%;
    background: #fff;
    background-size: 100% auto;
}

* {
    padding: 0;
    margin: 0;
}

body {
    position: relative;
    color: #6f6f6f;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    background: none;
    width: 10.8rem;
    margin: 0 auto;
}

p {
    feature-height: 14px
}

img {
    width: auto \9;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

a {
    background: transparent;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    color: #333
}

a:active {
    outfeature: 0
}

a i {
    display: none;
}

img {
    display: block;
    outfeature: none;
    border: none;
    max-width: 100%
}

ul,
li {
    list-style: none;
}

body>* {
    width: 10.80rem;
    margin: auto;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.mt30 {
    margin-top: 0.42rem;
}

.mt50 {
    margin-top: 0.69rem;
}

.ovh {
    overflow: hidden;
}

.pr {
    position: relative;
}

.overHiden {
    overflow: hidden;
    height: 100%;
}

#ios {
    display: none;
    text-align: center;
    background-color: #000;
    padding: 0.3rem 0;
    color: #fff;
    font-size: 10px;
    width: 100%;
}

*::-webkit-scrollbar {
    width: 0.1rem;
}

*::-webkit-scrollbar-thumb {
    background: #8FCFFF;
    border-radius: 0.05rem;
}

*::-webkit-scrollbar-track {
    border-radius: 0.1rem;
    background-color: #CDEDFC;
}


/* 页面样式 */

/* 背景图 */

.bg1 {
    background: url(../images/bg/1.jpg?v=1768453498) no-repeat center;
    background-size: 100% 100%;
    height: 16.94rem;
}

.bg2 {
    background: url(../images/bg/2.jpg) no-repeat center;
    background-size: 100% 100%;
    height: 16.14rem;
}

.bg3 {
    background: url(../images/bg/3.jpg) no-repeat center;
    background-size: 100% 100%;
    height: 5.47rem;
}

.bg4 {
    background: url(../images/bg/4.jpg) no-repeat center;
    background-size: 100% 100%;
    height: 15.24rem;
}

.bg5 {
    background: url(../images/bg/5.jpg) no-repeat center;
    background-size: 100% 100%;
    height: 3.7rem;
}

.bg6 {
    background: url(../images/bg/6.jpg) no-repeat center;
    background-size: 100% 100%;
    height: 16.57rem;
}

.bg7 {
    background: url(../images/bg/7.jpg) no-repeat center;
    background-size: 100% 100%;
    height: 21.66rem;
}

.bg8 {
    background: url(../images/bg/8.jpg?v=1768572441) no-repeat center;
    background-size: 100% 100%;
    height: 4.17rem;
}

.bg9 {
    background: url(../images/bg/9.jpg?v=1768572441) no-repeat center;
    background-size: 100% 100%;
    height: 16.83rem;
}

.bg10 {
    background: url(../images/bg/10.jpg?v=1768572441) no-repeat center;
    background-size: 100% 100%;
    height: 12.4rem;
}

.bg11 {
    background: url(../images/bg/11.jpg?v=1768572441) no-repeat center;
    background-size: 100% 100%;
    height: 10.78rem;
}

.bg12 {
    background: url(../images/bg/12.jpg?v=1768572441) no-repeat center;
    background-size: 100% 100%;
    height: 8.52rem;
}

.bg13 {
    background: url(../images/bg/13.jpg?v=1768572441) no-repeat center;
    background-size: 100% 100%;
    height: 12.98rem;
}

.bg14 {
    background: url(../images/bg/14.jpg?v=1768572441) no-repeat center;
    background-size: 100% 100%;
    height: 9.13rem;
}

.bg15 {
    background: url(../images/bg/15.jpg?v=1768572441) no-repeat center;
    background-size: 100% 100%;
    height: 10.26rem;
}

.bg16 {
    background: url(../images/bg/16.jpg?v=1768572441) no-repeat center;
    background-size: 100% 100%;
    height: 12.07rem;
}
.bg17 {
    background: url(../images/bg/17.jpg?v=1768572441) no-repeat center;
    background-size: 100% 100%;
    height: 11.93rem;
}
.bg18 {
    background: url(../images/bg/18.jpg?v=1768572441) no-repeat center;
    background-size: 100% 100%;
    height: 15.81rem;
}
.bg19 {
    background: url(../images/bg/19.jpg?v=1768572441) no-repeat center;
    background-size: 100% 100%;
    height: 18.85rem;
}
.bg20 {
    background: url(../images/bg/20.jpg?v=1768572441) no-repeat center;
    background-size: 100% 100%;
    height: 6.71rem;
}

.swiper-pagination.swiper-pagination-bullets {
    bottom: 0;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.05rem;
}

.p1 {
    position: absolute;
    top: 17.12rem;
}

.p1 .title {
    width: 7.63rem;
    height: 2.06rem;
    margin: 0 auto;
}

.p1 .videoFrame {
    display: block;
    width: 9.43rem;
    height: 4.78rem;
    margin: 0.8rem auto 0;
    object-fit: cover;
    border-radius: 0.3rem;
}

.p2 {
    position: absolute;
    top: 34.55rem;
}

.p2 .title {
    width: 6.75rem;
    height: 2.05rem;
    margin: 0 auto;
}

.p2 .tab {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.9rem;
}

.p2 .tab img {
    height: 0.9rem;
    margin: 0 0.03rem;
}

.p2 .hot_sight {
    position: relative;
    width: 10.8rem;
    height: 16.27rem;
    margin-top: 0.3rem;
}

.p2 .hot_sight .sight {
    width: 10.8rem;
    margin: 0 auto;
}

.p2 .hot_sight .btn {
    position: absolute;
    top: 14.3rem;
    right: 0.51rem;
    height: 0.72rem;
}

.p3 {
    position: absolute;
    top: 55.11rem;
}

.p3 .title {
    width: 6.05rem;
    height: 1.74rem;
    margin: 0 auto;
}

.p8 {
    position: absolute;
    top: 97.65rem;
}

.p8 .title {
    width: 7.59rem;
    height: 1.94rem;
    margin: 0 auto;
}

.p8 .experience {
    margin-top: 0.62rem;
}

.p8 .swiper-experience {
    height: 28.25rem;
}

.p8 .swiper-experience .swiper-slide {
    height: 27.3rem;
}

.p8 .swiper-experience .swiper-slide .items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.p8 .swiper-experience .swiper-slide .items .item {
    position: relative;
    width: 9.8rem;
    height: 3.22rem;
    margin: 0.11rem auto;
}

.p8 .swiper-experience .swiper-slide .items .item:first-child {
    margin-top: 0;
}
.p8 .swiper-experience .swiper-slide .items .item:last-child {
    margin-bottom: 0;
}

.p8 .swiper-experience .swiper-slide .items .item .experience-img {
    height: 3.22rem;
    margin: 0 auto;
}

.p8 .swiper-experience .swiper-slide .items .item .J_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 9.8rem;
    height: 3.22rem;
    z-index: 9999;
}

.p8 .swiper-experience .swiper-slide .items .item .cover {
    position: absolute;
    top: 0.27rem;
    left: 0.21rem;
    width: 4.69rem;
    height: 2.71rem;
    object-fit: cover;
    z-index: -1;
}

.p8 .swiper-experience .swiper-slide .items .item .name {
    position: absolute;
    top: 0.48rem;
    left: 5.1rem;
    font-size: 0.36rem;
    color: #fff;
    width: 4.5rem;
    line-height: 1.2;
    /* 限制容器宽度 */
    display: -webkit-box;
    /* 设置为WebKit内核的弹性盒子模型 */
    -webkit-box-orient: vertical;
    /* 垂直排列 */
    -webkit-line-clamp: 3;
    /* 限制显示两行 */
    overflow: hidden;
    /* 隐藏超出范围的内容 */
    text-overflow: ellipsis;
    /* 使用省略号 */
    z-index: 999;
}

.p8 .swiper-experience .swiper-slide .items .item .price {
    position: absolute;
    bottom: 0.42rem;
    left: 5.1rem;
    color: #fff;
}

.p8 .swiper-experience .swiper-slide .items .item .price .currency {
    font-size: 0.38rem;
    font-weight: 600;
}

.p8 .swiper-experience .swiper-slide .items .item .price .num {
    font-size: 0.38rem;
    font-weight: 600;
}

.p8 .swiper-experience .swiper-slide .items .item .price .unit {
    font-size: 0.22rem;
}

.p8 .swiper-experience .swiper-slide .items .item .jump {
    position: absolute;
    bottom: 0.38rem;
    right: 0.32rem;
    height: 0.6rem;
}

.p8 .swiper-pagination .swiper-pagination-bullet {
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 0.2rem;
    background-color: #9ab9c6;
    opacity: 1;
}

.p8 .swiper-pagination .swiper-pagination-bullet-active {
    width: 0.36rem;
    height: 0.2rem;
    border-radius: 0.2rem;
    background-color: #9ab9c6;
    opacity: 1;
}

.p4 {
    position: absolute;
    top: 129.4rem;
}

.p4 .title {
    width: 6.05rem;
    height: 1.97rem;
    margin: 0 auto;
}

.p5 {
    position: absolute;
    top: 167.97rem;
}

.p5 .title {
    width: 4.79rem;
    height: 2.06rem;
    margin: 0 auto;
}

.p5 .shinkansen {
    margin-top: 0.82rem;
}

.p5 .shinkansen .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 10.12rem;
    margin: 0 auto;
}

.p5 .shinkansen .items .item {
    position: relative;
    width: 4.76rem;
    height: 6.05rem;
    margin: 0 0.15rem;
    z-index: 0;
}

.p5 .shinkansen .items .item .J_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 4.76rem;
    height: 6.05rem;
    z-index: 9999;
}

.p5 .shinkansen .items .item .sight-img {
    height: 6.05rem;
    margin: 0 auto;
}

.p5 .shinkansen .items .item .cover {
    position: absolute;
    top: 0.16rem;
    left: 0.15rem;
    width: 4.45rem;
    height: 3.59rem;
    object-fit: cover;
    z-index: -1;
}

.p5 .shinkansen .items .item .name {
    position: absolute;
    top: 3.9rem;
    left: 0.18rem;
    font-size: 0.36rem;
    color: #000;
    width: 4.42rem;
    line-height: 1.2;
    /* 限制容器宽度 */
    display: -webkit-box;
    /* 设置为WebKit内核的弹性盒子模型 */
    -webkit-box-orient: vertical;
    /* 垂直排列 */
    -webkit-line-clamp: 2;
    /* 限制显示两行 */
    overflow: hidden;
    /* 隐藏超出范围的内容 */
    text-overflow: ellipsis;
    /* 使用省略号 */
    z-index: 999;
}

.p5 .shinkansen .items .item .price {
    position: absolute;
    bottom: 0.4rem;
    left: 0.18rem;
    color: #ff3836;
}

.p5 .shinkansen .items .item .price .currency {
    font-size: 0.38rem;
    font-weight: 600;
}

.p5 .shinkansen .items .item .price .num {
    font-size: 0.38rem;
    font-weight: 600;
}

.p5 .shinkansen .items .item .price .unit {
    font-size: 0.22rem;
    font-weight: 600;
}

.p5 .shinkansen .items .item .jump {
    position: absolute;
    bottom: 0.38rem;
    right: 0.24rem;
    height: 0.61rem;
}

.p6 {
    position: absolute;
    top: 177.87rem;
}

.p6 .title {
    width: 7.59rem;
    height: 2.37rem;
    margin: 0 auto;
}

.p6 .jump1 {
    width: 10.8rem;
    height: 11.48rem;
    margin-top: 0.91rem;
    margin-left: 0;
}

.p6 .jump2 {
    width: 10.8rem;
    height: 11.42rem;
    margin-top: 0.47rem;
    margin-left: 0;
}

.p7 {
    position: absolute;
    top: 205.42rem;
}

.p7 .title {
    width: 5.9rem;
    height: 1.91rem;
    margin: 0 auto;
}

.p7 .hotels {
    margin-top: 0.9rem;
}

.p7 .swiper-hotels {
    height: 31.82rem;
}

.p7 .swiper-hotels .swiper-slide {
    height: 31.05rem;
}

.p7 .swiper-hotels .swiper-slide .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 10.12rem;
    margin: 0 auto;
}

.p7 .swiper-hotels .swiper-slide .items .item {
    position: relative;
    width: 4.76rem;
    height: 6.05rem;
    margin: 0.1rem 0.15rem;
}

.p7 .swiper-hotels .swiper-slide .items .item:nth-child(1),
.p7 .swiper-hotels .swiper-slide .items .item:nth-child(2) {
    margin-top: 0;
}
.p7 .swiper-hotels .swiper-slide .items .item:nth-child(9),
.p7 .swiper-hotels .swiper-slide .items .item:nth-child(10) {
    margin-top: 0;
}

.p7 .swiper-hotels .swiper-slide .items .item .hotels-img {
    height: 6.05rem;
    margin: 0 auto;
}

.p7 .swiper-hotels .swiper-slide .items .item .J_link {
    position: absolute;
    top: 0;
    left: 0;
    width: 4.76rem;
    height: 6.05rem;
    z-index: 9999;
}

.p7 .swiper-hotels .swiper-slide .items .item .cover {
    position: absolute;
    top: 0.16rem;
    left: 0.15rem;
    width: 4.45rem;
    height: 3.59rem;
    object-fit: cover;
    z-index: -1;
}

.p7 .swiper-hotels .swiper-slide .items .item .name {
    position: absolute;
    top: 3.9rem;
    left: 0.18rem;
    font-size: 0.36rem;
    color: #000;
    width: 4.42rem;
    line-height: 1.2;
    /* 限制容器宽度 */
    display: -webkit-box;
    /* 设置为WebKit内核的弹性盒子模型 */
    -webkit-box-orient: vertical;
    /* 垂直排列 */
    -webkit-line-clamp: 2;
    /* 限制显示两行 */
    overflow: hidden;
    /* 隐藏超出范围的内容 */
    text-overflow: ellipsis;
    /* 使用省略号 */
    z-index: 999;
}

.p7 .swiper-hotels .swiper-slide .items .item .en {
    position: absolute;
    top: 4.4rem;
    left: 0.18rem;
    font-size: 0.3rem;
    color: #000;
    width: 4.42rem;
    line-height: 1.2;
    /* 限制容器宽度 */
    display: -webkit-box;
    /* 设置为WebKit内核的弹性盒子模型 */
    -webkit-box-orient: vertical;
    /* 垂直排列 */
    -webkit-line-clamp: 2;
    /* 限制显示两行 */
    overflow: hidden;
    /* 隐藏超出范围的内容 */
    text-overflow: ellipsis;
    /* 使用省略号 */
    z-index: 999;
}

.p7 .swiper-hotels .swiper-slide .items .item .price {
    position: absolute;
    bottom: 0.3rem;
    left: 0.18rem;
    color: #ff3836;
}

.p7 .swiper-hotels .swiper-slide .items .item .price .currency {
    font-size: 0.38rem;
    font-weight: 600;
}

.p7 .swiper-hotels .swiper-slide .items .item .price .num {
    font-size: 0.38rem;
    font-weight: 600;
}

.p7 .swiper-hotels .swiper-slide .items .item .price .unit {
    font-size: 0.22rem;
}

.p7 .swiper-hotels .swiper-slide .items .item .jump {
    position: absolute;
    bottom: 0.28rem;
    right: 0.24rem;
    height: 0.61rem;
}

.p7 .swiper-pagination .swiper-pagination-bullet {
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 0.2rem;
    background-color: #fff;
    opacity: 1;
}

.p7 .swiper-pagination .swiper-pagination-bullet-active {
    width: 0.36rem;
    height: 0.2rem;
    border-radius: 0.2rem;
    background-color: #fff;
    opacity: 1;
}