.smart-hotel-wrap .banner{height:42.1875vw;position:relative;box-sizing:border-box}.smart-hotel-wrap .banner .box{box-sizing:border-box;transform:translateX(-50%);position:absolute;left:50%;top:5.9375vw}.smart-hotel-wrap .banner .box .title,.smart-hotel-wrap .banner .box .dsc{color:#000;text-align:center}.smart-hotel-wrap .banner .box .title{font-weight:600;font-size:2.60417vw;line-height:2.60417vw}.smart-hotel-wrap .banner .box .dsc{padding:0.3rem 0 0.35rem;font-size:0.24rem;color:#000;line-height:0.33rem;text-wrap:nowrap}.smart-hotel-wrap .banner .box button{margin-top:0.4rem;width:1.88rem;height:0.56rem;background:#1e66f6;border-radius:0.26rem;font-size:0.18rem;color:#ffffff;text-align:center;line-height:0.56rem;border-width:0}.smart-hotel-wrap .banner img{height:100%}.smart-hotel-wrap .main .title,.smart-hotel-wrap .main .dsc{text-align:center}.smart-hotel-wrap .main .title{font-weight:600;font-size:0.4rem;color:#262626;padding-top:0.6rem}.smart-hotel-wrap .main .dsc{font-size:0.16rem;color:#4f4f4f;padding:0.16rem 0 0.54rem}.smart-hotel-wrap .main .content-no1{padding-bottom:0.8rem}.smart-hotel-wrap .main .content-no1 img{margin-top:0.3rem;display:block;width:14.4rem;height:5.55rem}.smart-hotel-wrap .main .content-no1 .end-btn{margin-top:0.8rem}.smart-hotel-wrap .main .has-nav-wrap{padding-bottom:0.78rem}.smart-hotel-wrap .main .has-nav-wrap.no1 .content-list-wrap{position:relative;height:5.72rem}.smart-hotel-wrap .main .has-nav-wrap.no1 .content-list-wrap .content{position:absolute;left:calc(50% - 7.2rem);top:0;width:14.4rem;height:5.72rem;overflow:hidden;opacity:0;transition:opacity .75s}.smart-hotel-wrap .main .has-nav-wrap.no1 .content-list-wrap .content.active{z-index:2;opacity:1}.smart-hotel-wrap .main .has-nav-wrap.no1 .global-swiper-no11,.smart-hotel-wrap .main .has-nav-wrap.no1 .global-swiper-no1{position:relative;overflow:hidden;width:14.4rem;height:5.72rem}.smart-hotel-wrap .main .has-nav-wrap.no1 .global-swiper-no11 .box,.smart-hotel-wrap .main .has-nav-wrap.no1 .global-swiper-no1 .box{position:absolute;bottom:.5rem;left:0;width:100%;text-align:center;color:#fff}.smart-hotel-wrap .main .has-nav-wrap.no1 .global-swiper-no11 .box .item-title,.smart-hotel-wrap .main .has-nav-wrap.no1 .global-swiper-no1 .box .item-title{height:.33rem;font-weight:500;font-size:.24rem;line-height:.33rem}.smart-hotel-wrap .main .has-nav-wrap.no1 .global-swiper-no11 .box .item-dsc,.smart-hotel-wrap .main .has-nav-wrap.no1 .global-swiper-no1 .box .item-dsc{margin-top:.15rem;font-weight:400;font-size:.16rem;line-height:.24rem}.smart-hotel-wrap .main .has-nav-wrap.no1 .global-swiper-no11 .img,.smart-hotel-wrap .main .has-nav-wrap.no1 .global-swiper-no1 .img{width:14.4rem;height:5.72rem}.smart-hotel-wrap .main .has-nav-wrap.no2{padding-bottom:0}.smart-hotel-wrap .main .has-nav-wrap.no2 .title{font-weight:600;font-size:0.4rem;color:#000;line-height:0.56rem}.smart-hotel-wrap .main .has-nav-wrap.no2 .dsc{padding-bottom:1.11rem}.smart-hotel-wrap .main .has-nav-wrap.no2 .filters-item{position:relative;z-index:3}.smart-hotel-wrap .main .has-nav-wrap.no2 .filters-item a{position:relative;z-index:1;margin-bottom:0;padding:0.09rem 0.35rem;opacity:0.4;background-color:#fff}.smart-hotel-wrap .main .has-nav-wrap.no2 .filters-item a.active{background-color:#fff;opacity:1;color:#000}.smart-hotel-wrap .main .has-nav-wrap.no2 .content-list-wrap{position:relative;width:100vw;height:41.71875vw;clear:both}.smart-hotel-wrap .main .has-nav-wrap.no2 .content-list-wrap .content{position:absolute;left:0;top:-2.65625vw;width:100vw;height:44.375vw;overflow:hidden;opacity:0;transition:opacity .75s}.smart-hotel-wrap .main .has-nav-wrap.no2 .content-list-wrap .content.active{z-index:2;opacity:1}.smart-hotel-wrap .main .has-nav-wrap.no2 .content-img{margin-top:-0.91rem;width:100vw;height:44.375vw}.smart-hotel-wrap .main .has-nav-wrap.no1,.smart-hotel-wrap .main .has-nav-wrap.no3{background-color:#f5f7fa}.smart-hotel-wrap .main .has-nav-wrap.no1 .title,.smart-hotel-wrap .main .has-nav-wrap.no3 .title{font-weight:600;font-size:0.4rem;color:#000;line-height:0.56rem;margin-bottom:0.4rem}.smart-hotel-wrap .main .has-nav-wrap.no1 .content-img,.smart-hotel-wrap .main .has-nav-wrap.no3 .content-img{width:14.4rem;height:5.72rem}.smart-hotel-wrap .main .has-nav-wrap.no3 .content-list-wrap{position:relative;height:5.72rem}.smart-hotel-wrap .main .has-nav-wrap.no3 .content-list-wrap .content{position:absolute;left:calc(50% - 7.2rem);top:0;width:14.4rem;height:5.72rem;overflow:hidden;opacity:0;transition:opacity .75s}.smart-hotel-wrap .main .has-nav-wrap.no3 .content-list-wrap .content.active{z-index:2;opacity:1}.smart-hotel-wrap .main .has-nav-wrap.no3 .title,.smart-hotel-wrap .main .has-nav-wrap.no4 .title{margin-bottom:0.4rem}.smart-hotel-wrap .main .has-nav-wrap.no3 .content-img,.smart-hotel-wrap .main .has-nav-wrap.no4 .content-img{width:14.4rem;height:7.3rem}.smart-hotel-wrap .main .has-nav-wrap.no4 .content-list-wrap{position:relative;height:5.72rem}.smart-hotel-wrap .main .has-nav-wrap.no4 .content-list-wrap .content{position:absolute;left:calc(50% - 7.2rem);top:0;width:14.4rem;height:5.72rem;overflow:hidden;opacity:0;transition:opacity .75s}.smart-hotel-wrap .main .has-nav-wrap.no4 .content-list-wrap .content.active{z-index:2;opacity:1}.smart-hotel-wrap .main .has-nav-wrap.no4 .global-swiper-no22,.smart-hotel-wrap .main .has-nav-wrap.no4 .global-swiper-no2{position:relative;overflow:hidden;width:14.4rem;height:5.72rem}.smart-hotel-wrap .main .has-nav-wrap.no4 .global-swiper-no22 .box,.smart-hotel-wrap .main .has-nav-wrap.no4 .global-swiper-no2 .box{position:absolute;bottom:.5rem;left:0;width:100%;text-align:center;color:#fff}.smart-hotel-wrap .main .has-nav-wrap.no4 .global-swiper-no22 .box .item-title,.smart-hotel-wrap .main .has-nav-wrap.no4 .global-swiper-no2 .box .item-title{height:.33rem;font-weight:500;font-size:.24rem;line-height:.33rem}.smart-hotel-wrap .main .has-nav-wrap.no4 .global-swiper-no22 .box .item-dsc,.smart-hotel-wrap .main .has-nav-wrap.no4 .global-swiper-no2 .box .item-dsc{margin-top:.15rem;font-weight:400;font-size:.16rem;line-height:.24rem}.smart-hotel-wrap .main .has-nav-wrap.no4 .global-swiper-no22 .img,.smart-hotel-wrap .main .has-nav-wrap.no4 .global-swiper-no2 .img{width:14.4rem;height:5.72rem}.smart-hotel-wrap .main .has-nav-wrap .filters-item{border-radius:1rem}.smart-hotel-wrap .main .has-nav-wrap .filters-item a{padding:0.09rem 0.18rem;font-weight:400;margin-bottom:0.64rem;font-size:0.16rem;color:#262626;background:#ffffff;box-shadow:0.04rem 0.04rem 0.1rem 0 rgba(0,0,0,0.1);border-radius:0.2rem;transition:box-shadow 0.3s, color 0.5s}.smart-hotel-wrap .main .has-nav-wrap .filters-item a+a{margin-left:0.24rem}.smart-hotel-wrap .main .has-nav-wrap .filters-item a.active{color:#fff;background:#000000;border-radius:0.2rem;box-shadow:unset}.smart-hotel-wrap .main .has-nav-wrap .filters-item a:hover{box-shadow:0.01rem 0.01rem 0.08rem 0 rgba(0,0,0,0.1);transition:all 0.5s}.smart-hotel-wrap .main .has-nav-wrap img{width:10rem;height:6.5rem}.smart-hotel-wrap .main .advantage{background-color:#f5f7fa;box-sizing:border-box;padding-bottom:0.4rem}.smart-hotel-wrap .main .advantage .title{margin-bottom:0.6rem}.smart-hotel-wrap .main .advantage .content{display:flex;justify-content:center;flex-wrap:wrap}.smart-hotel-wrap .main .advantage .content .item{position:relative;margin-right:0.36rem;margin-bottom:0.36rem;text-align:left;font-size:0.12rem;box-sizing:border-box}.smart-hotel-wrap .main .advantage .content .item:nth-child(3n){margin-right:0}.smart-hotel-wrap .main .advantage .content .item .imgbox{border-radius:0.16rem;width:4.05rem;height:2.7rem;overflow:hidden}.smart-hotel-wrap .main .advantage .content .item .imgbox:hover img{transform:scale(1.1)}.smart-hotel-wrap .main .advantage .content .item .imgbox img{transition:all 0.3s}.smart-hotel-wrap .main .advantage .content .item .text-bg{box-sizing:border-box;width:4.05rem;height:2rem;margin-top:-0.3rem;padding:0.3rem;background:linear-gradient(180deg, rgba(255,255,255,0.4) 0%, #fff 100%);border-radius:0.16rem;backdrop-filter:blur(0.1rem)}.smart-hotel-wrap .main .advantage .content .item .text-bg .item-title{font-weight:600;font-size:0.2rem}.smart-hotel-wrap .main .advantage .content .item .text-bg .item-sub{height:0.91rem;margin-top:0.2rem;line-height:0.24rem;overflow:hidden;-webkit-line-clamp:4 !important;color:#262626}.smart-hotel-wrap .main .friend{position:relative;margin:0 2.23rem 0.8rem;overflow:hidden}.smart-hotel-wrap .main .friend::before{content:" ";width:3.95rem;height:3.3rem;background:linear-gradient(270deg, rgba(249,251,255,0) 0%, #fff 100%);position:absolute;z-index:1;left:0;bottom:0}.smart-hotel-wrap .main .friend::after{content:" ";width:3.95rem;height:3.3rem;background:linear-gradient(270deg, #fff 0%, rgba(249,251,255,0) 100%);position:absolute;right:0;bottom:0}.smart-hotel-wrap .main .friend .index-scroll{display:flex;overflow-x:hidden;padding:0;background-color:#fff}.smart-hotel-wrap .main .friend .index-scroll .scroll-content{display:flex;width:max-content}.smart-hotel-wrap .main .friend .index-scroll .list{height:2.5rem;display:flex;flex-direction:column;flex-wrap:wrap;box-sizing:border-box;flex-shrink:0}.smart-hotel-wrap .main .friend .index-scroll .list img{width:2.1rem;height:1rem}.smart-hotel-wrap .main .friend .index-scroll-item:nth-of-type(2n-1){position:relative;left:-0.5rem}.smart-hotel-wrap .main .friend .index-scroll-item{user-select:none;margin-top:0.2rem;margin-right:0.2rem;width:2.1rem;height:1rem;background:#ffffff;box-shadow:0rem 0rem 0.15rem 0rem rgba(216,222,227,0.3);border-radius:0.5rem;display:flex;align-items:center}