* {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: 400;
    vertical-align: baseline;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    border-radius: 0;
    word-break: break-all;
    word-wrap: break-word;
    resize: none;
    box-sizing: border-box
}

@media(min-width:1220px) {
    :root {
        font-size: 5.2083333333vw
    }
}

@media(max-width:1220px) {
    :root {
        font-size: 65px
    }
}

body,
html {
    font-family: Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Heiti SC, Microsoft YaHei, sans-serif;
    font-size: .16rem;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow-x: hidden;
    color: #333;
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important
}

img {
    outline: none
}

#app {
    padding-top: .56rem
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-backface-visibility: hidden
}

li {
    list-style: none
}

.clearfixed:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    height: 0
}

.clearfixed {
    zoom: 1
}

.fl {
    float: left
}

.fr {
    float: right
}

#app {
    position: relative;
    overflow-x: hidden
}

#app.disabled-scroll {
    height: 100vh;
    overflow: hidden
}

.max-w {
    width: 19.2rem;
    margin: 0 auto
}

.quick-container .swiper {
    padding-left: 2.2rem
}

.swiper-container {
    width: 100%;
    height: 100%
}

.haning-banner .swiper-slide {
    opacity: 0;
    transition: opacity .5s ease-out
}

.haning-banner .swiper-slide-active {
    opacity: 1;
    transition: opacity .5s ease-out
}

.juzi-banner.swiper-slide p {
    opacity: 0;
    transition: opacity .6s ease-out
}

.juzi-banner.swiper-slide-active p {
    opacity: 1;
    transition: opacity .6s ease-out
}

.home-activity-swiper .swiper-button-prev {
    left: 0
}

.home-activity-swiper .swiper-button-next,
.home-activity-swiper .swiper-button-prev {
    width: .6rem;
    height: .6rem;
    position: absolute;
    top: 4rem;
    z-index: 2;
    background-size: .32rem auto
}

.home-activity-swiper .swiper-button-next {
    right: 0
}

.tag-company {
    background: linear-gradient(133deg, #ced3e5, #a4accb);
    padding: .04rem .06rem;
    font-size: .12rem;
    color: #222b4c;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.tag-company.compact {
    padding: .05rem .11rem;
    font-size: .12rem;
    border-radius: .11rem
}

.tagP {
    background: linear-gradient(316deg, #af9cd3, #c9bde1);
    padding: .04rem .06rem;
    font-size: .12rem;
    color: #2e3962;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.tagP.compact {
    padding: .05rem .11rem;
    font-size: .12rem;
    border-radius: .11rem
}

.tagA {
    background: linear-gradient(316deg, #a9afcc, #ced2e4);
    padding: .04rem .06rem;
    font-size: .12rem;
    color: #2e3962;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.tagA.compact {
    padding: .05rem .11rem;
    font-size: .12rem;
    border-radius: .11rem
}

.tagB {
    background: linear-gradient(316deg, #ebbf73, #f7d39a);
    padding: .04rem .06rem;
    font-size: .12rem;
    color: #69430d;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.tagB.compact {
    padding: .05rem .11rem;
    font-size: .12rem;
    border-radius: .11rem
}

.tagI {
    background: linear-gradient(300deg, #38415a, #67718f);
    padding: .04rem .06rem;
    font-size: .12rem;
    color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.tagI.compact {
    padding: .05rem .11rem;
    font-size: .12rem;
    border-radius: .11rem
}

.a-to-b {
    -webkit-animation: atob .6s linear;
    animation: atob .6s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.b-to-c {
    -webkit-animation: btoc .6s linear;
    animation: btoc .6s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.c-to-d {
    -webkit-animation: ctod .6s linear;
    animation: ctod .6s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.d-to-e {
    -webkit-animation: dtoe .6s linear;
    animation: dtoe .6s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.b-to-a {
    -webkit-animation: atob_reverse .6s linear;
    animation: atob_reverse .6s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.c-to-b {
    -webkit-animation: btoc_reverse .6s linear;
    animation: btoc_reverse .6s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.d-to-c {
    -webkit-animation: ctod_reverse .6s linear;
    animation: ctod_reverse .6s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.e-to-d {
    -webkit-animation: dtoe_reverse .6s linear;
    animation: dtoe_reverse .6s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes atob {
    0% {
        background-color: #1495b5
    }

    to {
        background-color: #cfb698
    }
}

@keyframes atob {
    0% {
        background-color: #1495b5
    }

    to {
        background-color: #cfb698
    }
}

@-webkit-keyframes btoc {
    0% {
        background-color: #cfb698
    }

    to {
        background-color: #7592a4
    }
}

@keyframes btoc {
    0% {
        background-color: #cfb698
    }

    to {
        background-color: #7592a4
    }
}

@-webkit-keyframes ctod {
    0% {
        background-color: #7592a4
    }

    to {
        background-color: #eca88c
    }
}

@keyframes ctod {
    0% {
        background-color: #7592a4
    }

    to {
        background-color: #eca88c
    }
}

@-webkit-keyframes dtoe {
    0% {
        background-color: #eca88c
    }

    to {
        background-color: #1495b5
    }
}

@keyframes dtoe {
    0% {
        background-color: #eca88c
    }

    to {
        background-color: #1495b5
    }
}

@-webkit-keyframes atob_reverse {
    0% {
        background-color: #cfb698
    }

    to {
        background-color: #1495b5
    }
}

@keyframes atob_reverse {
    0% {
        background-color: #cfb698
    }

    to {
        background-color: #1495b5
    }
}

@-webkit-keyframes btoc_reverse {
    0% {
        background-color: #7592a4
    }

    to {
        background-color: #cfb698
    }
}

@keyframes btoc_reverse {
    0% {
        background-color: #7592a4
    }

    to {
        background-color: #cfb698
    }
}

@-webkit-keyframes ctod_reverse {
    0% {
        background-color: #e2ab91
    }

    to {
        background-color: #7592a4
    }
}

@keyframes ctod_reverse {
    0% {
        background-color: #e2ab91
    }

    to {
        background-color: #7592a4
    }
}

@-webkit-keyframes dtoe_reverse {
    0% {
        background-color: #1495b5
    }

    to {
        background-color: #e2ab91
    }
}

@keyframes dtoe_reverse {
    0% {
        background-color: #1495b5
    }

    to {
        background-color: #e2ab91
    }
}

.editor-content b,
.editor-content b font {
    font-weight: 700 !important
}

.HotelLogo_title {
    display: flex;
    align-items: center;
    width: 19rem;
    margin: 0 auto
}

.HotelLogo_title>div {
    flex: 1 1;
    height: .02rem;
    background-color: #572b48
}

.HotelLogo_title .HotelLogo_icon {
    width: 1.7rem;
    margin: 0 .4rem;
    cursor: pointer
}

.HotelLogo_logo-container {
    width: 16rem;
    margin: .3rem auto 0;
    overflow: hidden
}

.HotelLogo_logo-container .HotelLogo_type {
    display: flex;
    align-items: center;
    overflow: hidden
}

.HotelLogo_logo-container .HotelLogo_type .HotelLogo_type-title__zb5Mi {
    width: .65rem;
    padding-top: .45rem
}

.HotelLogo_logo-container .HotelLogo_type .HotelLogo_type-title__zb5Mi .HotelLogo_type-name__p4OAp {
    display: flex;
    font-size: .16rem;
    height: .9rem;
    text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify;
    align-items: center;
    color: #572b48
}

.HotelLogo_logo-container .HotelLogo_type .HotelLogo_cow__5h3UU {
    display: block;
    text-align: center;
    width: 3.3rem;
    font-size: .22rem;
    font-weight: 400;
    color: #572b48;
    height: 5rem;
    border-right: .01rem solid #d9d6dd
}

.HotelLogo_logo-container .HotelLogo_type .HotelLogo_cow__5h3UU:last-child {
    border-right: 0
}

.HotelLogo_logo-container .HotelLogo_type .HotelLogo_cow__5h3UU span {
    line-height: .3rem;
    display: block;
    margin-bottom: .15rem
}

.HotelLogo_logo-container .HotelLogo_type .HotelLogo_line {
    width: 100%;
    min-height: .9rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.HotelLogo_logo-container .HotelLogo_type .HotelLogo_line .HotelLogo_logo-item {
    width: 1.2rem;
    height: .7rem;
    margin: .1rem 0;
    cursor: pointer
}

.HotelLogo_logo-container .HotelLogo_type .HotelLogo_line .HotelLogo_logo-item img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.Navbar_header-nav-bar {
    width: 100%;
    position: fixed;
    background-color: #04121d;
    top: 0;
    left: 0;
    z-index: 9;
    transition: all .3s ease-out;
    font-size: .16rem;
    box-shadow: 0 .02rem .09rem 0 rgba(0, 0, 0, .08)
}

.Navbar_header-nav-bar.Navbar_black__R2_Pt {
    background: transparent
}

.Navbar_header-nav-bar.Navbar_black__R2_Pt .Navbar_icon__T9BCy .Navbar_white__ddnng {
    opacity: 0
}

.Navbar_header-nav-bar.Navbar_black__R2_Pt .Navbar_icon__T9BCy .Navbar_black__R2_Pt {
    opacity: 1
}

.Navbar_header-nav-box {
    height: .96rem;
    justify-content: space-between;
    width: 15.6rem
}

.Navbar_header-nav-box,
.Navbar_header-nav-box .Navbar_left {
    display: flex;
    align-items: center
}

.Navbar_header-nav-box .Navbar_left .Navbar_icon__T9BCy:first-child {
    margin-right: .4rem
}

.Navbar_header-nav-box .Navbar_left .Navbar_logo {
    display: block;
    width: 4.02rem;
    cursor: pointer
}

.Navbar_header-nav-box .Navbar_right__vIidT {
    display: flex;
    align-items: center
}

.Navbar_header-nav-box .Navbar_right__vIidT img {
    width: .24rem;
    height: .24rem
}

.Navbar_header-nav-box .Navbar_right__vIidT .Navbar_btn__W8_3n {
    display: block;
    color: #000;
    font-size: .14rem;
    padding: 0 .1rem;
    margin-left: .06rem;
    cursor: pointer
}

.Navbar_header-nav-box .Navbar_user-container__M_eFf {
    position: relative;
    display: flex;
    align-items: center;
    height: .42rem;
    background: #f5f5f5;
    padding: 0 .12rem 0 .32rem;
    border-radius: .07rem;
    cursor: pointer
}

.Navbar_header-nav-box .Navbar_user-container__M_eFf p {
    margin-right: .16rem;
    max-width: 1.4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.Navbar_header-nav-box .Navbar_user-container__M_eFf .Navbar_tag__bAeRh {
    margin-left: .06rem;
    font-weight: 400
}

.Navbar_header-nav-box .Navbar_user-container__M_eFf .Navbar_tag__bAeRh:first-child {
    margin-left: 0
}

.Navbar_header-nav-box .Navbar_user-container__M_eFf .Navbar_popup-container__ldJAc {
    position: absolute;
    width: 3.4rem;
    height: 1.75rem;
    background-color: #fff;
    top: .7rem;
    box-shadow: 0 .02rem .13rem 0 rgba(0, 0, 0, .14);
    left: 50%;
    transform: translate(-50%);
    border-radius: .07rem
}

.Navbar_header-nav-box .Navbar_user-container__M_eFf .Navbar_popup-container__ldJAc .Navbar_popup-top__fLe__ {
    padding: .24rem;
    color: #212121;
    border-bottom: .01rem solid #e9e9e9
}

.Navbar_header-nav-box .Navbar_user-container__M_eFf .Navbar_popup-container__ldJAc .Navbar_popup-top__fLe__>div:first-child {
    display: flex;
    align-items: center
}

.Navbar_header-nav-box .Navbar_user-container__M_eFf .Navbar_popup-container__ldJAc .Navbar_popup-top__fLe__>div:first-child p {
    font-size: .18rem;
    font-weight: 500;
    margin-right: .1rem;
    max-width: 1.4rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.Navbar_header-nav-box .Navbar_user-container__M_eFf .Navbar_popup-container__ldJAc .Navbar_popup-top__fLe__>div:first-child .Navbar_tag__bAeRh {
    margin-left: 0;
    margin-right: .08rem
}

.Navbar_header-nav-box .Navbar_user-container__M_eFf .Navbar_popup-container__ldJAc .Navbar_popup-top__fLe__ .Navbar_subtit__ssuQ4 {
    font-size: .14rem;
    line-height: .2rem;
    margin-top: .1rem
}

.Navbar_header-nav-box .Navbar_user-container__M_eFf .Navbar_popup-container__ldJAc .Navbar_popup-top__fLe__ .Navbar_count__PEQAy {
    font-size: .14rem;
    line-height: .14rem;
    font-weight: 500;
    margin-top: .2rem
}

.Navbar_header-nav-box .Navbar_user-container__M_eFf .Navbar_popup-container__ldJAc .Navbar_popup-bottom__LECwl {
    text-align: center;
    line-height: .35rem;
    font-size: .14rem;
    color: red
}

.Navbar_header-nav-box .Navbar_user-container__M_eFf .Navbar_popup-container__ldJAc:before {
    content: "";
    width: 0;
    height: 0;
    border-left: .16rem solid transparent;
    border-right: .16rem solid transparent;
    border-bottom: .1rem solid #fff;
    position: absolute;
    top: -.1rem;
    left: 50%;
    transform: translate(-50%);
    z-index: 2
}

.Navbar_header-nav-box .Navbar_user-container__M_eFf .Navbar_popup-container__ldJAc.Navbar_show__1_1nF {
    display: block
}

.Navbar_header-nav-box .Navbar_user-container__M_eFf .Navbar_popup-container__ldJAc.Navbar_hide__Dl813 {
    display: none
}

.Navbar_hotel-sub-nav__261pd {
    position: fixed;
    background-color: #fff;
    width: 100vw;
    font-size: .14rem;
    left: 0;
    top: .96rem;
    /* display:none; */
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: .3rem;
    max-height: calc(100vh - .56rem);
    overflow: auto;
    box-sizing: border-box
}

.Navbar_hotel-sub-nav__261pd .Navbar_tips {
    text-align: center;
    font-size: 14rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #666;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: .32rem auto;
    letter-spacing: .02rem;
    line-height: .2rem
}

.Navbar_hotel-sub-nav__261pd .Navbar_tips span {
    width: 0;
    height: 0;
    border: .1rem solid transparent;
    border-top-color: #999;
    margin: 0 .2rem;
    transform: translateY(.07rem)
}

.Navbar_hotel-sub-nav__261pd.Navbar_active__cXj00 {
    display: block
}

.Navbar_hotel-sub-nav__261pd.Navbar_franchise__cixzg,
.Navbar_hotel-sub-nav__261pd.Navbar_index__QLwzz {
    height: 1.32rem
}

.Navbar_hotel-sub-nav__261pd.Navbar_hotel___H2X8 {
    padding: .1rem 0
}

.Navbar_hotel-sub-nav__261pd .Navbar_hotel-expand__jlpXG {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap
}

.Navbar_hotel-sub-nav__261pd .Navbar_hotel-expand__jlpXG a {
    width: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: .1rem 0
}

.Navbar_hotel-sub-nav__261pd .Navbar_hotel-expand__jlpXG a:nth-child(8n+1) {
    width: 1.6rem
}

.Navbar_hotel-sub-nav__261pd .Navbar_hotel-expand__jlpXG a:nth-child(8n+2) {
    width: 2rem
}

.Navbar_hotel-sub-nav__261pd .Navbar_hotel-expand__jlpXG a img {
    width: .4rem;
    height: .4rem;
    margin-right: .1rem
}

.Navbar_hotel-sub-nav__261pd .Navbar_hotel-expand__jlpXG a span {
    font-weight: 400;
    color: #000
}

.Navbar_header-nav-list {
    display: flex;
   
}

.Navbar_header-nav-list .Navbar_nav-item {
    display: block;
    line-height: .3rem;
    font-size: .16rem;
    position: relative
}

.Navbar_header-nav-list .Navbar_nav-item:hover:after {
    position: absolute;
    content: "";
    width: .5rem;
    height: .02rem;
    background: #000;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

.Navbar_header-nav-list .Navbar_nav-item:hover .Navbar_sub-nav {
    display: flex
}

.Navbar_header-nav-list .Navbar_nav-item:hover .Navbar_hotel-sub-nav__261pd {
    display: block
}

.Navbar_header-nav-list .Navbar_nav-item:first-child {
    border-top: 0
}

.Navbar_header-nav-list .Navbar_nav-item .Navbar_nav-item-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    height: .86rem;
    padding: 0 .27rem;
}

.Navbar_header-nav-list .Navbar_nav-item .Navbar_nav-item-bar>a {
    cursor: pointer;
    color:#fff;
}

.Navbar_header-nav-list .Navbar_nav-item .Navbar_nav-item-bar .Navbar_more__ceBKG {
    display: block;
    width: .32rem;
    height: .32rem;
    position: relative;
    cursor: pointer
}

.Navbar_header-nav-list .Navbar_nav-item .Navbar_nav-item-bar .Navbar_more__ceBKG img {
    display: block;
    width: 100%;
    height: 100%
}

.Navbar_header-nav-list .Navbar_nav-item .Navbar_nav-item-bar.Navbar_active__cXj00:after {
    position: absolute;
    content: "";
    width: .5rem;
    height: .02rem;
    background: #000;
    bottom: 0;
    left: 50%;
    transform: translate(-50%)
}

.Navbar_sub-nav {
    position: absolute;
    top: .86rem;
    left: 50%;
    display: none;
    font-size: .14rem;
    width: 10rem;
    text-align: center;
    z-index: 2;
    height: .6rem;
    justify-content: center;
    align-items: center;
    transform: translate(-50%)
}

.Navbar_sub-nav:after {
    content: "";
    display: block;
    width: 200vw;
    position: fixed;
    left: -100vw;
    top: 0;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, .1);
    height: 100%
}

.Navbar_sub-nav .Navbar_sub-nav-item {
    display: block;
    padding: .08rem 0;
    position: relative;
    z-index: 2;
    margin: 0 .12rem;
    font-size: .16rem
}