@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 {
    line-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 {
    outline: 0
}

a i {
    display: none;
}

img {
    display: block;
    outline: 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 {
    content: "";
    display: table;
}

.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;
    background-color: #63c8b7;
}

::-webkit-scrollbar-thumb {
    background-color: #feb853;
    cursor: pointer;
}

/* &::-webkit-scrollbar-thumb {
  border-radius: 0 !important;
} */

::-webkit-scrollbar-track {
    background-color: #63c8b7;
}

/* 背景图 */

.chinese-version {
    position: relative;
}

.chinese-version .bg1 {
    background: url(../images/bg/bg_01.jpg) no-repeat center;
    background-size: 100% 100%;
    height: 14.29rem;
}

.chinese-version .bg2 {
    background: url(../images/bg/bg_02.jpg) no-repeat center;
    background-size: 100% 100%;
    height: 13.82rem;
}

.chinese-version .bg3 {
    background: url(../images/bg/bg_03.jpg) no-repeat center;
    background-size: 100% 100%;
    height: 14.53rem;
}

.chinese-version .bg4 {
    background: url(../images/bg/bg_04.jpg) no-repeat center;
    background-size: 100% 100%;
    height: 19.4rem;
}

.chinese-version .bg5 {
    background: url(../images/bg/bg_05.jpg) no-repeat center;
    background-size: 100% 100%;
    height: 19.83rem;
}

.chinese-version .bg6 {
    background: url(../images/bg/bg_06.jpg) no-repeat center;
    background-size: 100% 100%;
    height: 15.67rem;
}

.chinese-version .version {
    position: absolute;
    top: 0.57rem;
    left: 8.07rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chinese-version .version img {
    height: 0.45rem;
    margin: 0 0.05rem;
}


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

.p1,
.pageOne {
    position: absolute;
    ;
    top: 19.78rem;
    width: 10.8rem;
}

.p1 .swiper-list,
.pageOne .swiper-list_en {
    height: 7.26rem;
}

.p1 .swiper-list .swiper-slide,
.pageOne .swiper-list_en .swiper-slide {
    height: 6.73rem;
}

.p1 .swiper-list .swiper-slide .items,
.pageOne .swiper-list_en .swiper-slide .items {
    display: flex;
    justify-content: center;
    align-items: center;
}

.p1 .swiper-list .swiper-slide .items .item,
.pageOne .swiper-list_en .swiper-slide .items .item {
    position: relative;
    margin: 0 0.1rem;
}

.p1 .swiper-list .swiper-slide .list-img,
.pageOne .swiper-list_en .swiper-slide .list_en-img {
    height: 6.73rem;
    margin: 0 auto;
}

.p1 .swiper-list .swiper-slide .more,
.pageOne .swiper-list_en .swiper-slide .more {
    position: absolute;
    bottom: 0.68rem;
    left: 50%;
    transform: translateX(-50%);
    height: 0.49rem;
}

.p1 .swiper-list .swiper-button-next,
.pageOne .swiper-list_en .swiper-button-next {
    background: url(../images/slid/next.png) no-repeat center;
    background-size: 100% 100%;
    width: 0.27rem;
    height: 0.47rem;
    right: 0.36rem;
    opacity: 1;
}

.p1 .swiper-list .swiper-button-prev,
.pageOne .swiper-list_en .swiper-button-prev {
    background: url(../images/slid/prev.png) no-repeat center;
    background-size: 100% 100%;
    width: 0.27rem;
    height: 0.47rem;
    left: 0.36rem;
    opacity: 1;
}

.p1 .swiper-pagination .swiper-pagination-bullet,
.pageOne .swiper-pagination .swiper-pagination-bullet {
    background: url(../images/slid/default.png) no-repeat center;
    background-size: 100% 100%;
    width: 0.17rem;
    height: 0.17rem;
    opacity: 1;
}

.p1 .swiper-pagination .swiper-pagination-bullet-active,
.pageOne .swiper-pagination .swiper-pagination-bullet-active {
    background: url(../images/slid/active.png) no-repeat center;
    background-size: 100% 100%;
    width: 0.24rem;
    height: 0.2rem;
    opacity: 1;
}

.p2,
.pageTwo {
    position: absolute;
    ;
    top: 31.59rem;
    width: 10.8rem;
}

.p2 .swiper-line,
.pageTwo .swiper-line_en {
    height: 10.3rem;
}

.p2 .swiper-line .swiper-slide,
.pageTwo .swiper-line_en .swiper-slide {
    height: 9.61rem;
}

.p2 .swiper-line .swiper-slide .line-img,
.pageTwo .swiper-line_en .swiper-slide .line_en-img {
    height: 9.61rem;
    margin: 0 auto;
}

.p2 .swiper-line .swiper-button-next,
.pageTwo .swiper-line_en .swiper-button-next {
    background: url(../images/slid/next.png) no-repeat center;
    background-size: 100% 100%;
    width: 0.27rem;
    height: 0.47rem;
    right: 0.36rem;
    opacity: 1;
}

.p2 .swiper-line .swiper-button-prev,
.pageTwo .swiper-line_en .swiper-button-prev {
    background: url(../images/slid/prev.png) no-repeat center;
    background-size: 100% 100%;
    width: 0.27rem;
    height: 0.47rem;
    left: 0.36rem;
    opacity: 1;
}

.p2 .swiper-pagination .swiper-pagination-bullet,
.pageTwo .swiper-pagination .swiper-pagination-bullet {
    background: url(../images/slid/default.png) no-repeat center;
    background-size: 100% 100%;
    width: 0.17rem;
    height: 0.17rem;
    opacity: 1;
}

.p2 .swiper-pagination .swiper-pagination-bullet-active,
.pageTwo .swiper-pagination .swiper-pagination-bullet-active {
    background: url(../images/slid/active.png) no-repeat center;
    background-size: 100% 100%;
    width: 0.24rem;
    height: 0.2rem;
    opacity: 1;
}

.p3 {
    position: absolute;
    top: 44.85rem;
    width: 10.8rem;
}

.p3 .hotel {
    width: 9.4rem;
    height: 32.15rem;
    margin: 0 auto;
    margin-top: 1rem;
    overflow-x: hidden;
    overflow-y: scroll;
}

.p3 .hotel .items {
    position: relative;
    width: 9.24rem;
    height: 3.19rem;
    margin-bottom: 0.03rem;
    z-index: 0;
}

.p3 .hotel .items .bg {
    height: 3.19rem;
    margin: 0 auto;
}

.p3 .hotel .items .cover {
    position: absolute;
    left: 0.28rem;
    top: 0.18rem;
    width: 4.28rem;
    height: 2.68rem;
    object-fit: cover;
    transform: rotate(-3deg);
    z-index: -1;
    border-radius: 0.1rem;
}

.p3 .hotel .items .name {
    position: absolute;
    left: 5.15rem;
    top: 0.5rem;
    width: 3.9rem;
    font-size: 0.38rem;
    color: #1f7a69;
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.p3 .hotel .items .btn {
    position: absolute;
    bottom: 0.7rem;
    right: 0.4rem;
    height: 0.58rem;
}

.p3 .hotel .items .price {
    position: absolute;
    bottom: 0.75rem;
    left: 4.9rem;
    color: #ff7d39;
}

.p3 .hotel .items .num {
    font-size: 0.38rem;
    font-weight: 550;
}

.p3 .hotel .items .unit {
    font-size: 0.28rem;
}

.p3 .more {
    margin-top: 0.3rem;
    height: 0.7rem;
}

.p3 .more img {
    height: 0.7rem;
    margin: 0 auto;
}

.p4 {
    position: absolute;
    top: 84.5rem;
    width: 10.8rem;
}

.p4 .summer-video {
    background: url(../images/p4/bg.png) no-repeat center;
    background-size: 100% 100%;
    width: 9.74rem;
    height: 6.27rem;
    position: relative;
    margin: 0 auto;
    margin-top: -0.15rem;
}

.p4 .summer-video .sp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 4.66rem;
}

.p4 .summer-video .video {
    width: 8.28rem;
    height: 4.66rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #000;
    display: none;
}

.english-version {
    position: relative;
}

.english-version .bg1 {
    background: url(../images/bg/bgen_01.jpg) no-repeat center;
    background-size: 100% 100%;
    height: 14.29rem;
}

.english-version .bg2 {
    background: url(../images/bg/bgen_02.jpg) no-repeat center;
    background-size: 100% 100%;
    height: 13.82rem;
}

.english-version .bg3 {
    background: url(../images/bg/bgen_03.jpg) no-repeat center;
    background-size: 100% 100%;
    height: 14.53rem;
}

.english-version .bg4 {
    background: url(../images/bg/bgen_04.jpg) no-repeat center;
    background-size: 100% 100%;
    height: 7.24rem;
}

.english-version .version {
    position: absolute;
    top: 0.57rem;
    left: 8.07rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.english-version .version img {
    height: 0.45rem;
    margin: 0 0.05rem;
}