.header-home {position:fixed;top:0;left:0;right:0;padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top);z-index:90;}
.header-home .back {background:url(https://images.weelv.com/h5/icon/back.png) no-repeat;background-size:1.2rem;display:flex;height:3rem;background-position:1rem 1rem;}
.header-home .home {background:url(https://images.weelv.com/h5/icon/home3.png) no-repeat;background-size:1.2rem;display:flex;height:3rem;background-position:1.5rem 1rem;margin-left:2rem;margin-top:-3.03rem;}
.header-home .home span {text-align:center;margin:1rem 2rem 0 4.71rem;color:#fff;font-weight:500;width:10rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.swiper{
    position: absolute; top: 0; left: 0; width: 100%; height: 28.12rem; z-index: 1; overflow: hidden;
}
.swiper .swiper-img{
    width: 23.43rem; height: 2.5rem;
}
.swiper .swiper-show-more{
    width: 23.43rem; height: 28.12rem; background: #fff; display: flex; justify-content: flex-start; align-items: center;
}
.swiper .swiper-show-more .more-text{
    width: 0.93rem; margin-left: 0.62rem; text-align: center; font-size: 0.87rem; font-weight: 600;
}
.poi-video{
    position: absolute; top: 0; left: 0; width: 100%; height: 28.12rem; z-index: 1;
}
.video-btn{
    width:4.56rem; height:1.56rem; background:rgba(0,0,0,0.7); border-radius:0.78rem; position: absolute; top: 21.43rem; left: 9.56rem; z-index: 2; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 0.75rem;
}
.video-btn .video-btn-img{
    width: 1.12rem; height: 1.12rem; border-radius: 50%; margin-right: 0.18rem;
}
.swiper-index-tag{
    width:2.62rem;
    height:1.18rem;
    background:rgba(0,0,0,0.5);
    border-radius:0.59rem 0 0 0.59rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 0.78rem;
    position: absolute;
    top: 21.62rem;
    right: 0;
    z-index: 2;
}
.tips-tag{
    width:5.31rem;
    height:2.06rem;
    background:rgba(255,255,255,1);
    border-radius:1.03rem 0 0 1.03rem;
    font-size: 0.78rem;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 16.5rem;
    z-index: 2;
}
.tips-tag .tips-tag-img{
    width: 1.12rem;
    height: 1.12rem;
    margin-right: 1.12rem;
}
.main-mod{
    width: 22.18rem;
    margin: 24rem 0.62rem 0 0.62rem;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 3;
    padding-bottom: 5.93rem;
}
.base-info-mod{
    width: 20.06rem;
    background: #fff;
    border-radius: 0.62rem;
    padding: 1.06rem;
    display: flex;
    flex-direction: column;
    position: relative;
}
.base-info-mod .ask-way{
    position: absolute;
    top: 1.37rem;
    right: 0;
    width:5.06rem;
    height:2.06rem;
    background:linear-gradient(128deg,rgba(62,137,229,1) 0%,rgba(85,61,229,1) 100%);
    box-shadow:0 0.15rem 0.37rem 0 rgba(71,107,229,0.43);
    border-radius:1.03rem 0 0 1.03rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight:600;
    font-size: 0.78rem;
}
.base-info-mod .ask-way .ask-way-img{
    width: 1.56rem;
    height: 1.56rem;
}
.base-info-mod .poi-cn-name{
    width: 100%;
    font-size:1.25rem;
    font-weight:600;
}
.base-info-mod .poi-en-name{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size:0.78rem;
    font-weight:300;
}
.base-info-mod .poi-star-img{
    width: 0.78rem;
    height: 0.78rem;
}
.base-info-mod .poi-desc-mod{
    width: 100%;
    line-height:1.5rem;
    margin-top: 0.93rem;
}
.base-info-mod .poi-menu-list{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.base-info-mod .poi-menu-list .poi-menu-item{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 1.25rem;
}
.base-info-mod .poi-menu-list .poi-menu-item .item-left{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.base-info-mod .poi-menu-list .poi-menu-item .item-mark{
    width: 0.93rem;
    margin-right: 0.62rem;
    margin-top: 0.18rem;
}
.base-info-mod .poi-menu-list .poi-menu-item .item-name{
    font-size:0.81rem;
    font-weight:600;
    line-height:1.25rem;
    max-width: 12.5rem;
}
.base-info-mod .poi-menu-list .poi-menu-item .item-detail{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    line-height:1.25rem;
    min-width: 4.37rem;

}
.base-info-mod .poi-menu-list .poi-menu-item .item-detail .detail-lab{
    color: #666666;
    font-size:0.78rem;
}
.base-info-mod .poi-rest-score{
    width: 100%;
    background: #F3F6F8;
    border-radius:0.37rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0.93rem 0;
    margin-top: 0.93rem;
}
.base-info-mod .poi-rest-score .score-item{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.base-info-mod .poi-rest-score .score-item .item-title{
    display: flex;
    justify-content: center;
    align-items: center;
}
.base-info-mod .poi-rest-score .score-item .item-title .item-img{
    width: 0.87rem;
    height: 0.87rem;
}
.opt-mod{
    width: 100%;
    margin-top: 0.62rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.opt-mod .opt-menu{
    width:10.87rem;
    height:3.81rem;
    background:#fff;
    border-radius:0.37rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.opt-mod .opt-menu .menu-img{
    width: 2.31rem;
    height: 2.31rem;
    margin-right: 0.62rem;
}
.opt-mod .opt-menu .menu-title{
    display: flex;
    flex-direction: column;
}
.tool-adv-mod{
    width: 100%;
    height:4.5rem;
    background:#fff;
    border-radius:0.62rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.62rem;
}
.tool-adv-mod .adv-icon{
    width: 2.81rem;
    height: 2.81rem;
    border-radius: 50%;
    margin: 0.84rem 0.62rem 0.84rem 1.25rem;
}
.tool-adv-mod .adv-title{
    display: flex;
    flex-direction: column;
}
.tool-adv-mod .adv-opt{
    min-width: 5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0.84rem 1.25rem 0.84rem 0.62rem;
}
.tool-adv-mod .adv-opt .adv-price{
    width: 100%;
    text-align: center;
}
.tool-adv-mod .adv-opt .adv-btn{
    line-height:1.93rem;
    border-radius:0.96rem;
    padding: 0 0.93rem;
    color: #fff;
    font-size: 0.81rem;
    font-weight: 600;
}
.install-mod{
    width: 100%;
    margin-top: 0.62rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.install-mod .install-list{
    width: 100%;
    height:3.12rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.install-mod .install-list .install-item{
    width:3.43rem;
    height:3.12rem;
    border-radius:0.37rem;
    position: relative;
    overflow: hidden;
    margin-right: 0.5rem;
}
.install-mod .install-list .install-item:last-child{
    margin-right: 0
}
.install-mod .install-list .install-item .install-img{
    width:3.43rem;
    height:3.12rem;
}
.install-mod .install-list .install-item .install-cover{
    position: absolute;
    top: 0;
    left: 0;
    width:2.23rem;
    height:3.12rem;
    color: #EFF3F6;
    font-size:0.78rem;
    font-weight:600;
    background:rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.6rem;
}
.room-mod{
    width: 100%;
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius:0.37rem;
    margin-top: 0.62rem;
}
.room-mod .room-item{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.room-mod .room-item .room-top{
    width: 20.93rem;
    margin: 0.62rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.room-mod .room-item .room-top .room-tag{
    position: absolute;
    left: 0;
    top: 0;
    height:1.25rem;
    line-height: 1.25rem;
    background:rgba(241,69,23,1);
    border-radius:0.37rem 0 0.37rem 0;
    padding: 0 0.62rem;
    color: #fff;
    font-weight: 600;
    font-family:Bonkers;
    font-size: 0.78rem;
}
.room-mod .room-item .room-top .room-img{
    width:7.75rem;
    height:6.18rem;
    background:rgba(64,106,228,1);
    border-radius:0.37rem;
    margin-right: 0.78rem;
}
.room-mod .room-item .room-top .room-title{
    width: 5.62rem;
    display: flex;
    flex-direction: column;
}
.room-mod .room-item .room-top .room-price{
    max-width: 6.12rem;
    display: flex;
    flex-direction: column;
}
.room-mod .room-item .room-top .room-price .room-price-item{
    width: 100%;
    text-align: center;
}
.room-mod .room-item .room-bottom{
    width:18.43rem;
    background:rgba(243,246,248,1);
    border-radius:0.37rem;
    padding: 0 0.93rem 1.12rem 0.93rem;
    margin: 0.93rem;
}
.room-mod .room-item .room-bottom .room-facility{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.12rem;
}
.room-mod .room-item .room-bottom .room-facility .facility-item{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.room-mod .room-item .room-bottom .room-facility .facility-item .item-img{
    width: 0.93rem;
    height: 0.93rem;
}
.store-mod{
    width: 19.68rem;
    padding: 0.93rem 1.43rem 0.93rem 1.06rem;
    background:rgba(255,255,255,1);
    border-radius:0.62rem;
    margin-top: 0.62rem;
}
.store-mod .store-title{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.store-mod .store-pay{
    width: 17.81rem;
    padding: 0.62rem 0.93rem;
    background:rgba(243,246,248,1);
    border-radius:0.37rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0.93rem;
}
.store-mod .store-pay .pay-title{
    width: 13.43rem;
    display: flex;
    flex-direction: column;
}
.store-mod .store-pay .pay-btn{
    width:4.12rem;
    height:1.87rem;
    background:rgba(255,124,0,0.9);
    border-radius:0.93rem;
    font-weight:600;
    color:#fff;
    text-align: center;
    line-height: 1.87rem;
}
.store-mod .store-pakeage-item{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.25rem;
}
.store-mod .store-pakeage-item .item-left{
    width: 14.06rem;
    display: flex;
    flex-direction: column;
}
.store-mod .store-pakeage-item .item-left .item-title{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.store-mod .store-pakeage-item .item-left .item-attr{
    margin-top: 0.62rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    line-height: 1.25rem;
}
.store-mod .store-pakeage-item .item-left .item-attr .attr-line{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.store-mod .store-pakeage-item .item-left .item-attr .attr-line .attr-img{
    width: 0.78rem;
    height: 0.78rem;
    margin-left: 1.12rem;
}
.store-mod .store-pakeage-item .item-left .item-attr .attr-line .id-card{
    line-height: 1.37rem;
    padding: 0 0.46rem;
    background:rgba(255,247,243,1);
    border-radius:0.31rem;
    font-size:0.78rem;
    font-weight:400;
    color:rgba(255,84,0,1);
    margin-left: 0.31rem;
}
.store-mod .store-pakeage-item .item-right{
    width: 5.62rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.store-mod .store-pakeage-item .item-right .item-price{
    width: 100%;
    text-align: right;
}
.store-mod .store-pakeage-item .item-right .pay-item-btn{
    width:4.12rem;
    height:1.87rem;
    background:linear-gradient(130deg,rgba(99,216,173,1) 0%,rgba(104,227,184,1) 100%);
    box-shadow:0 0.31rem 0.75rem 0 rgba(101,221,179,0.4);
    border-radius:0.93rem;
    font-weight:600;
    color:#fff;
    text-align: center;
    line-height: 1.87rem;
    font-size: 0.81rem;
}
.recom-food-mod{
    width: 19.68rem;
    padding: 0.93rem 1.43rem 0.93rem 1.06rem;
    background:rgba(255,255,255,1);
    border-radius:0.62rem;
    margin-top: 0.62rem;
    display: flex;
    flex-direction: column;
}
.recom-food-mod .mod-titel{
    width: 100%;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.93rem;
}
.recom-food-mod .food-list{
    width: 19.68rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
.recom-food-mod .food-list .food-item{
    width: 3.75rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0.37rem;
}
.recom-food-mod .food-list .food-item .food-img{
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
}
.recom-food-mod .food-list .food-item .food-name{
    width: 3.75rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 0.68rem;
    text-align: center;
    margin-top: 0.31rem;
}
.recom-food-mod .food-list .checked{}
.recom-food-mod .food-list .checked .food-img{
    border:0.12rem solid #fff;
    box-shadow:0 0.4rem 0.5rem 0 rgba(100,100,100,0.4);
}
.recom-food-mod .food-list .checked .food-name{
    font-size: 0.78rem;
    font-weight: 600;
}
.recom-food-mod .show-food-mod{
    display: flex;
    flex-direction: column;
    padding: 0.62rem 0.93rem;
    width: 17.81rem;
    background: #f3f6f8;
    margin-top: 0.62rem;
    border-radius: 0.62rem;
}
.recom-food-mod .show-food-mod .mod-top{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.recom-food-mod .show-food-mod .mod-top .mod-top-left{
    display: flex;
    flex-direction: column;
    max-width: 12.5rem;
}
.recom-food-mod .show-food-mod .mod-top .mod-top-left .item-name{
    width: 100%;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.25rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.recom-food-mod .show-food-mod .mod-top .mod-top-left .item-like{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 1.12rem 0;
}
.recom-food-mod .show-food-mod .mod-top .mod-top-left .item-like .item-like-img{
    width: 0.81rem;
    height: 0.81rem;
}
.recom-food-mod .show-food-mod .mod-top .item-price{
    text-align: right;
    line-height: 1.25rem;
}
.recom-food-mod .show-food-mod .show-food-img{
    width: 17.81rem;
    height: 10rem;
    border-radius:0.62rem;
}
.recom-food-mod .show-food-mod .item-reason{
    width: 100%;
    text-align: left;
    font-size: 0.78rem;
    line-height: 1.25rem;
    margin-top: 0.62rem;
}
.play-item-mod{
    width: 19.68rem;
    padding: 0.93rem 1.43rem 0.93rem 1.06rem;
    background:rgba(255,255,255,1);
    border-radius:0.62rem;
    margin-top: 0.62rem;
    display: flex;
    flex-direction: column;
}
.play-item-mod .mod-titel{
    width: 100%;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.93rem;
}
.play-item-mod .mod-item{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.87rem;
}
.play-item-mod .mod-item .item-img{
    width:7.81rem;
    height:6.25rem;
    border-radius:0.37rem;
}
.play-item-mod .mod-item .item-info{
    width: 10.93rem;
    display: flex;
    flex-direction: column;
}
.play-item-mod .mod-item .item-info .item-name{
    width: 100%;
    font-weight: 600;
}
.play-item-mod .mod-item .item-info .item-desc{
    width: 100%;
    margin-top:0.62rem;
    display: flex;
    justify-content: flex-start;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.play-item-mod .mod-item .item-info .item-like{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top:0.62rem;
}
.play-item-mod .mod-item .item-info .item-like .item-like-img{
    width: 0.93rem;
    height: 0.93rem;
    margin-right: 0.31rem;
}
.play-item-mod .mod-item .item-info .item-reason{
    width: 10rem;
    background: #FFF7F3;
    padding: 0.46rem;
    border-radius: 0.31rem;
    font-size: 0.78rem;
    line-height: 1.25rem;
    margin-top:0.62rem;
    color: #FF5400;
}
.child-poi-mod{
    width: 20.31rem;
    padding: 0.93rem;
    background:rgba(255,255,255,1);
    border-radius:0.62rem;
    margin-top: 0.62rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.child-poi-mod .mod-item{
    width: 9.87rem;
    display: flex;
    flex-direction: column;
    margin-top: 1.25rem;
}
.child-poi-mod .mod-item .item-top{
    width: 9.87rem;
    height:7.18rem;
    border-radius:0.37rem;
    position: relative;
}
.child-poi-mod .mod-item .item-top .item-img{
    width: 9.87rem;
    height:7.18rem;
    border-radius:0.37rem;
}
.child-poi-mod .mod-item .item-top .like-tag{
    height:1.37rem;
    line-height: 1.37rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.62rem;
    background:rgba(0,0,0,0.7);
    border-radius:3.75rem;
    color: #fff;
    font-size: 0.62rem;
    position: absolute;
    top: 0.56rem;
    left: 0.56rem;
}
.child-poi-mod .mod-item .item-top .tag-img{
    width: 0.78rem;
    height: 0.78rem;
}
.child-poi-mod .mod-item .item-top .type-tag{
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 0 0.37rem 0 0.37rem;
    line-height: 1.06rem;
    height: 1.06rem;
    font-size: 0.68rem;
    color: #fff;
    padding: 0 0.46rem;
}
.child-poi-mod .mod-item .item-top .hotel{
    background: #3D5DE5;
}
.child-poi-mod .mod-item .item-top .rest{
    background: #FFA800;
}
.child-poi-mod .mod-item .item-top .spot{
    background: #2EC567;
}
.child-poi-mod .mod-item .item-name{
    width: 100%;
    margin-top: 0.78rem;
}
.orther-mod{
    width: 19.68rem;
    padding: 0.93rem 1.43rem 0.93rem 1.06rem;
    background:rgba(255,255,255,1);
    border-radius:0.62rem;
    margin-top: 0.62rem;
}
.orther-mod .mod-group-list{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.orther-mod .mod-group-list .mod-item{
    display: flex;
    flex-direction: column;
    position: relative;
    font-size: 0.93rem;
    font-weight: 600;
}
.orther-mod .mod-group-list .mod-item label{
    z-index: 1;
}
.orther-mod .mod-group-list .mod-item .check-line{
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    width:4.62rem;
    height:0.5rem;
    background:linear-gradient(90deg,rgba(64,236,181,1) 0%,rgba(255,255,255,1) 80%);
    border-radius:0.25rem;
}
.orther-mod .floatTop{
    position: fixed;
    left: 0;
    z-index: 333;
    margin: 0;
    background: #fff;
    width: 21.31rem;
    padding: 0.31rem 1.06rem;
}
.orther-mod .review-mod{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 1.25rem;
}
.orther-mod .review-mod .review-tips{
    width: 100%;
    text-align: center;
    padding-bottom: 0.93rem;
}
.orther-mod .review-mod .review-item{
    width: 100%;
    margin-bottom: 1.56rem;
}
.orther-mod .review-mod .review-item .item-top{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.orther-mod .review-mod .review-item .item-top .item-img{
    width: 3.25rem;
    height: 3.25rem;
    margin-right: 0.93rem;
}
.orther-mod .review-mod .review-item .item-top .item-people{
    display: flex;
    flex-direction: column;
}
.orther-mod .review-mod .review-item .item-top .item-people .item-title{}
.orther-mod .review-mod .review-item .item-top .item-people .item-photo-list{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.62rem;
}
.orther-mod .review-mod .review-item .item-top .item-people .item-photo-list .item-photo{
    width: 1.75rem;
    height: 1.75rem;
    border: 0.06rem solid #fff;
    border-radius: 50%;
    margin-left: -0.31rem;
}
.orther-mod .review-mod .review-item .item-top .item-people .item-data{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.62rem;
}
.orther-mod .review-mod .review-item .item-p{
    width: 17.18rem;
    padding: 1.25rem;
    background: #F6F8FA;
    font-size:0.78rem;
    line-height: 1.25rem;
    border-radius: 0.62rem;
    margin-top: 0.93rem;
}
.orther-mod .question-mod{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 1.25rem;
}
.orther-mod .question-mod .ask-item{
    width:17.81rem;
    background:rgba(255,255,255,1);
    box-shadow:0 0 0.9rem 0 rgba(239,243,246,1);
    border-radius:0.37rem;
    margin-top: 0.62rem;
    padding: 1.25rem 0.93rem;
}
.orther-mod .question-mod .ask-item .ask-title{
    width: 100%;
    font-size:0.93rem;
    font-weight: 600;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.orther-mod .question-mod .ask-item .ask-txt{
    width: 100%;
    font-size:0.78rem;
    height: 1.87rem;
    line-height:0.94rem;
    color: #666;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0.93rem 0;
}
.orther-mod .question-mod .ask-item .ask-down{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.orther-mod .question-mod .ask-item .ask-down .ask-tag{
    max-width: 11.56rem;
}
.orther-mod .question-mod .ask-item .ask-down .ask-info{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.orther-mod .question-mod .ask-item .info-img {
    width: 0.9rem;
    height: 0.9rem;
    vertical-align: top;
}
.orther-mod .near-mod{
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 1.25rem;
}
.orther-mod .near-mod .near-item{
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 0.46rem solid #EFF3F6;
    padding: 0.93rem 0;
}
.orther-mod .near-mod .near-item .item-img{
    width: 7.81rem;
    height: 6.37rem;
    border-radius: 0.37rem;
}
.orther-mod .near-mod .near-item .item-info{
    width: 11.25rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.orther-mod .near-mod .near-item .item-name{
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
.orther-mod .near-mod .near-item .item-name .item-type-name{
    max-width: 8.75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.87rem;
    font-weight: 600;
}
.orther-mod .near-mod .near-item .item-name .item-type-tag{
    color: #fff;
    padding:0 0.31rem;
    border-radius: 1.12rem;
    margin-left: 0.31rem;
    font-size: 0.78rem;
    line-height: 1.25rem;
}
.orther-mod .near-mod .near-item  .item-desc{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0.46rem;
    font-size: 0.78rem;
}
.orther-mod .near-mod .near-item  .item-distance{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0.46rem;
    font-size: 0.78rem;
}
.orther-mod .near-mod .near-item  .item-distance .distance-img{
    width: 0.78rem;
    height: 0.78rem;
    margin-right: 0.31rem;
}
.poi-tag-list{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.poi-tag-list .tag-item{
    line-height: 1.37rem;
    padding: 0 0.46rem;
    background:rgba(255,247,243,1);
    border-radius:0.31rem;
    font-size:0.78rem;
    font-weight:400;
    color:rgba(255,84,0,1);
    margin: 0.31rem 0.78rem 0 0;
    max-width: 100%;
    white-space: nowrap;
    height: 1.37rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ding-dailog{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background: rgba(0,0,0,0.8);
}
.ding-dailog .ding-text{
    width: 21.56rem;
    padding:1.87rem 0.93rem;
    background: #fff;
    border-radius: 0.62rem 0.62rem 0 0;
    line-height: 1.43rem;
    animation:showText 1s 1;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height:70vh;
}
.ding-dailog .ding-text .text-title{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.ding-dailog .ding-text .text-title .star-img{
    width: 0.78rem;
    height: 0.78rem;
}
.ding-dailog .ding-text .text-mod{
    display: flex;
}
@keyframes showText{
    from {max-height:0vh;}
    to {max-height:70vh;}
}
.hotel-service-dailog{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background: rgba(0,0,0,0.8);
}
.hotel-service-dailog .service-mod{
    width: 21.56rem;
    padding: 1.87rem 0.93rem;
    background: #fff;
    border-radius: 0.62rem 0.62rem 0 0;
    line-height: 1.43rem;
    animation:showText 1s 1;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height:70vh;
}
.hotel-service-dailog .service-mod .text-title{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.hotel-service-dailog .service-mod .text-title .star-img{
    width: 0.78rem;
    height: 0.78rem;
}
.hotel-service-dailog .service-mod .service-item-list{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin:0.62rem 0 1.25rem 0;
}
.hotel-service-dailog .service-mod .service-item-list .service-item{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 0.93rem;
    margin-top: 0.62rem;
}
.hotel-service-dailog .service-mod .service-item-list .service-item .item-img{
    width: 0.93rem;
    height: 0.93rem;
    margin-right: 0.62rem;
}
.hotel-service-dailog .service-mod .service-text{
    width: 100%;
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
}
@keyframes showText{
    from {max-height:0vh;}
    to {max-height:70vh;}
}
.relation-btn-mod{
    width: 100%;
    position: relative;
}
.relation-btn-mod .relation-img{
    width: 19.68rem;
    height: 3.18rem;
    border-radius: 0.37rem;
}
.relation-btn-mod .relation-cover{
    width: 19.68rem;
    height: 3.18rem;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.37rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.relation-btn-mod .relation-cover .relation-btn{
    width:5.62rem;
    height:1.87rem;
    line-height: 1.87rem;
    text-align: center;
    background:rgba(255,255,255,1);
    border-radius:0.93rem;
    font-size:0.78rem;
    font-weight:600;
    margin-right: 0.93rem;
}
.relation-btn-mod .relation-cover .dingzhi{
    background:#FFF443;
}
.dian{
    width: 0.31rem;
    height: 0.31rem;
    border-radius: 50%;
    background: #fff;
    margin-top: -0.78rem;
}
.red-dian{
    background: #f00;
}
.yinhao{
    width: 1.68rem;
    height: 1.37rem;
    margin-right: 0.31rem;
}
.item-turn-img{
    width: 0.87rem;
    height: 0.87rem;
}
.no-data-mod{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 1.87rem;
}
.no-data-mod .no-data-title{
    height:2.18rem;
    line-height: 2.18rem;
    background:rgba(239,243,246,1);
    border-radius:1.09rem;
    padding: 0 0.93rem;
    color: #666;
    font-size: 0.87rem;
    font-weight:600;
}
.no-data-mod .no-data-img{
    width: 7.5rem;
    height: 7.5rem;
    margin-top: 1.25rem;
}
.play-way-mod{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.play-way-mod .data-item{
    margin-top: 0.93rem;
    width: 100%;
    height: 25.93rem;
    border-radius:0.93rem;
    box-shadow: 0 0 0.62rem rgba(0,0,0,0.35);
    position: relative;
}
.play-way-mod .data-item .video-play{
    width: 4.25rem;
    height: 4.25rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2.12rem;
    z-index: 2;
}
.play-way-mod .data-item .item-bg-img{
    width: 19.68rem;
    height: 25.93rem;
    border-radius: 0.93rem;
}
.play-way-mod .data-item .item-top{
    position: absolute;
    top: 0;
    left: 0;
    width: 17.87rem;
    height: 11.4rem;
    padding: 1.56rem 0.93rem 0 0.93rem;
    display: flex;
    justify-content: space-between;
    background:linear-gradient(180deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
    border-radius: 0.93rem 0.93rem 0 0;
}
.play-way-mod .data-item .item-top .item-left{
    width: 14.68rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.play-way-mod .data-item .item-top .item-left .item-title{
    font-size: 1.18rem;
    font-weight: 600;
    color: #fff;
}
.play-way-mod .data-item .item-top .item-left .item-local{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 600;
}
.play-way-mod .data-item .item-top .item-left .item-local .item-local-img{
    width: 0.78rem;
    height: 0.78rem;
    margin-right: 0.25rem;
}
.play-way-mod .data-item .item-top .item-photo{
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    position: absolute;
    top: 1.25rem;
    right: 0.93rem;
}
.play-way-mod .data-item .item-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 17.87rem;
    height: 11.4rem;
    padding: 0 0.93rem 1.56rem 0.93rem;
    display: flex;
    justify-content: space-between;
    background:linear-gradient(0deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
    border-radius: 0 0 0.93rem 0.93rem;
}
.play-way-mod .data-item .item-bottom .item-tag{
    position: absolute;
    bottom: 1.25rem;
    left: 0.93rem;
    height: 1.81rem;
    line-height: 1.81rem;
    border-radius: 0.9rem;
    background: rgba(0,0,0,0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.43rem;
    font-size: 0.81rem;
    color: #fff;
}
.play-way-mod .data-item .item-bottom .item-tag .tag-img{
    width: 1.06rem;
    height: 1.06rem;
    margin-right: 0.18rem;
}
.play-way-mod .data-item .item-bottom .item-sum{
    position: absolute;
    bottom: 1.56rem;
    right: 0.93rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.play-way-mod .data-item .item-bottom .item-sum .like{
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 0.25rem;
}
.play-way-mod .data-item .item-bottom .item-sum .sum{
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
}
.play-way-mod .data-item .item-top-v{
    position: absolute;
    top: 0;
    left: 0;
    width: 17.87rem;
    height: 17.81rem;
    padding: 0 0.93rem 2.06rem 0.93rem;
    display: flex;
    justify-content: space-between;
    background:linear-gradient(0deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
    border-radius: 0.93rem 0.93rem 0 0;
}
.play-way-mod .data-item .item-top-v .item-tag{
    position: absolute;
    top: 1.25rem;
    left: 0.93rem;
    height: 1.81rem;
    line-height: 1.81rem;
    border-radius: 0.9rem;
    background: rgba(0,0,0,0.8);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0.43rem;
    font-size: 0.81rem;
    color: #fff;

}
.play-way-mod .data-item .item-top-v .item-tag .tag-img{
    width: 1.06rem;
    height: 1.06rem;
    margin-right: 0.18rem;
}
.play-way-mod .data-item .item-top-v .item-tag .tag-label{
    max-width: 11rem;
    height: 1.81rem;
    line-height: 1.81rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.play-way-mod .data-item .item-top-v .item-sum{
    position: absolute;
    top: 1.56rem;
    right: 0.93rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.play-way-mod .data-item .item-top-v .item-sum .like{
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 0.25rem;
}
.play-way-mod .data-item .item-top-v .item-sum .sum{
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
}
.play-way-mod .data-item .item-bottom-v{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 17.87rem;
    height: 6.06rem;
    padding: 0 0.93rem;
    display: flex;
    justify-content: space-between;
    background:#fff;
    border-radius: 0 0 0.93rem 0.93rem;
}
.play-way-mod .data-item .item-bottom-v .item-left{
    width: 14.68rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}
.play-way-mod .data-item .item-bottom-v .item-left .item-title{
    font-size: 1.25rem;
    font-weight: 600;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.play-way-mod .data-item .item-bottom-v .item-left .item-local{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.78rem;
    font-weight: 600;
}
.play-way-mod .data-item .item-bottom-v .item-left .item-local .item-local-img{
    width: 0.78rem;
    height: 0.78rem;
    margin-right: 0.25rem;
}
.play-way-mod .data-item .item-bottom-v .item-photo{
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    position: absolute;
    top: 1.25rem;
    right: 0.93rem;
}
.play-way-mod .data-item .bottom-bod1{
    width: 17.81rem;
    height: 0.62rem;
    position: absolute;
    background:rgba(204,204,204,0.4);
    bottom: -0.62rem;
    left: 0.78rem;
    border-radius: 0 0 0.93rem 0.93rem;
}
.play-way-mod .data-item .bottom-bod2{
    width: 16.25rem;
    height: 0.62rem;
    position: absolute;
    background:rgba(234,234,234,0.4);
    bottom: -1.25rem;
    left: 1.56rem;
    border-radius: 0 0 0.93rem 0.93rem;
}
.play-way-mod .no-box-shadow{
    box-shadow: 0 0 0 rgba(0,0,0,0);
}
.playway-sanya-mod{
    width: 19.68rem;
    margin: 0.93rem 0 0 0;
    border-radius: 0.62rem;
    background: #f4f4f4;
}
.playway-sanya-mod .playway-title{
    width: 19.43rem;
    padding: 0.93rem 0.93rem 0 0.93rem;
    font-size: 1.12rem;
    font-weight: 600;
    text-align: left;
}
.playway-sanya-mod .playway-list{
    width: 18.81rem;
    padding: 0 0.45rem 0.93rem 0.45rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.playway-sanya-mod .playway-list .play-item{
    width:9rem;
    height:7.12rem;
    border-radius:0.37rem;
    position: relative;
    margin-top: 0.78rem;
}
.playway-sanya-mod .playway-list .play-item .item-img{
    width:9rem;
    height:7.12rem;
    border-radius:0.37rem;
}
.playway-sanya-mod .playway-list .play-item .item-cover{
    position: absolute;
    left: 0;
    top: 0;
    width:9rem;
    height:7.12rem;
    border-radius:0.37rem;
    background:rgba(0,0,0,0.2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size:1.25rem;
    font-weight:600;
    color:#fff;
    text-shadow:0 0 1.12rem rgba(0, 0, 0, 0.46);
    text-align: center;

}
.playway-sanya-mod .playway-list .play-item .item-cover .item-pv{
    height:1.37rem;
    line-height: 1.37rem;
    background:rgba(0,0,0,0.7);
    border-radius:3.75rem;
    padding: 0 0.62rem;
    color: #fff;
    font-size:0.62rem;
    font-weight:600;
    display: flex;
}
.playway-sanya-mod .playway-list .play-item .item-cover .item-pv{
    height:1.37rem;
    line-height: 1.37rem;
    background:rgba(0,0,0,0.7);
    border-radius:3.75rem;
    padding: 0 0.62rem;
    color: #fff;
    font-size:0.62rem;
    font-weight:600;
    display: flex;
}
.swiper-show-more{
    width: 23.43rem;
    height: 28.12rem;
    background: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.swiper-show-more .more-text{
    width: 0.93rem;
    margin-left: 0.62rem;
    text-align: center;
    font-size: 0.87rem;
    font-weight: 600;
}
.poi-remcon-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    position: relative;
}
.poi-remcon-btn .add-number{
    position: absolute;
    top: 0.62rem;
    left: 0.62rem;
    color: #f00;
    font-size: 0.87rem;
    font-weight: 600;
    animation:numMove 1s;
    animation-iteration-count:1;
    line-height: 0.93rem;
    opacity:0;
}
@keyframes numMove{
    from {
        top:1.25rem;
        opacity:1;
    }
    to {
        top:0.62rem;
        opacity:0;
    }
}
.poi-remcon-btn .remcon-number{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 0.93rem;
    margin-right: 0.31rem;
}
.poi-remcon-btn .remcon-number .num-img{
    width: 0.78rem;
    height: 0.78rem;
}
.showOrther{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.56rem;
}
.showOrther label{
    color: #666666;
    font-size:0.75rem;
}
.showOrther img{
    width: 0.93rem;
    height: 0.93rem;
    margin: 0 0.31rem;
}
.dis-none{
    display: none !important;
}