.fsxxs[data-v-896590e8]{font-size:.1rem}.fsxs[data-v-896590e8]{font-size:.12rem}.fssm[data-v-896590e8]{font-size:.14rem}.fsbase[data-v-896590e8]{font-size:.16rem}.fslg[data-v-896590e8]{font-size:.18rem}.fsxl[data-v-896590e8]{font-size:.2rem}.fsxxl[data-v-896590e8]{font-size:.24rem}.text-main[data-v-896590e8]{color:#333}.text-secondary[data-v-896590e8]{color:#666}.text-light[data-v-896590e8]{color:#999}.text-primary[data-v-896590e8]{color:#017c8d}.text-primary-deep[data-v-896590e8]{color:#027080}.bg-primary[data-v-896590e8]{background-color:#017c8d}.bg-primary-deep[data-v-896590e8]{background-color:#027080}.bg-color[data-v-896590e8]{background-color:#f1f4f6}.border[data-v-896590e8]{border:.01rem solid #e5e5e5}.radius-xxxs[data-v-896590e8]{border-radius:.04rem}.radius-xxs[data-v-896590e8]{border-radius:.08rem}.radius-xs[data-v-896590e8]{border-radius:.1rem}.radius-sm[data-v-896590e8]{border-radius:.12rem}.radius-base[data-v-896590e8]{border-radius:.14rem}.radius-lg[data-v-896590e8]{border-radius:.16rem}.radius-xl[data-v-896590e8]{border-radius:.2rem}.radius50[data-v-896590e8]{border-radius:50%}@keyframes recommend-skeleton-pulse-896590e8{0%,to{opacity:1}50%{opacity:.55}}.recommendations[data-v-896590e8]{background:#fff;margin:0 auto;max-width:14rem;padding:0 0 .3rem}.recommendations .section-title[data-v-896590e8]{align-items:center;display:flex;flex-direction:column;justify-content:center}.recommendations .section-title h2[data-v-896590e8]{color:#333;font-size:.4rem;font-weight:400;line-height:.45rem;margin-bottom:.2rem;position:relative;text-align:center}.recommendations .section-title h2[data-v-896590e8]:before{background:url(./title-bg.CGEm63uk.png) no-repeat bottom/1.2rem .12rem;bottom:-.05rem;content:"";height:.12rem;left:0;position:absolute;width:100%}.recommendations .section-title p[data-v-896590e8]{color:#8d949c;font-size:.2rem;margin-bottom:.2rem}.recommendations .city-tabs[data-v-896590e8]{display:flex;flex-wrap:wrap;gap:.15rem;gap:.1rem;justify-content:center;margin-bottom:.3rem}.recommendations .city-tabs .tab-btn[data-v-896590e8]{background:#fff;border:.01rem solid #e5e5e5;color:#666;cursor:pointer;font-size:.24rem;padding:.08rem .16rem;text-align:center;transition:all .3s}.recommendations .city-tabs .tab-btn.active[data-v-896590e8],.recommendations .city-tabs .tab-btn[data-v-896590e8]:hover{background:#017c8d;border-color:#017c8d;color:#fff}.recommendations .recommendation-grid[data-v-896590e8]{display:grid;gap:.2rem;grid-template-columns:repeat(4,1fr)}.recommendations .recommendation-grid .hotel-card[data-v-896590e8]{background:#fff;box-shadow:0 .04rem .12rem #0000001a;cursor:pointer;font-size:0;overflow:hidden;padding:0 0 .15rem;transition:transform .3s,box-shadow .3s}.recommendations .recommendation-grid .hotel-card[data-v-896590e8]:hover{animation:hotel-card-shake-896590e8 .45s ease-in-out forwards;box-shadow:0 0 .24rem #00000026}.recommendations .recommendation-grid .hotel-card .hotel-image[data-v-896590e8]{border-radius:.16rem;height:2.8rem;width:100%}.recommendations .recommendation-grid .hotel-card .hotel-image img[data-v-896590e8]{height:2.8rem;-o-object-fit:cover;object-fit:cover;width:100%}.recommendations .recommendation-grid .hotel-card .hotel-info[data-v-896590e8]{display:flex;flex-direction:column;padding:.16rem .1rem 0}.recommendations .recommendation-grid .hotel-card .hotel-info .hotel-name[data-v-896590e8]{color:#333;font-size:.22rem;font-weight:700;height:.5rem;line-height:1.2;text-align:left}.recommendations .recommendation-grid .hotel-card .hotel-info .hotel-price[data-v-896590e8]{color:#f6821f;font-size:.2rem;margin-top:.06rem}.recommendations .recommendation-grid .hotel-card .hotel-info .hotel-price i[data-v-896590e8]{color:#4c5156;font-size:.16rem;font-style:normal;margin-left:.03rem}.recommendations .recommendation-grid .hotel-card .hotel-info .hotel-location[data-v-896590e8]{color:#666;font-size:.14rem;margin-bottom:.08rem}.recommendations .recommendation-grid .hotel-card .hotel-info .hotel-rating[data-v-896590e8]{text-align:left}.recommendations .recommendation-grid .hotel-card .hotel-info .hotel-rating .star[data-v-896590e8]{color:#017c8d;font-size:.16rem;margin-right:.04rem}.recommendations .recommendation-grid .hotel-card--skeleton[data-v-896590e8]{cursor:default;pointer-events:none}.recommendations .recommendation-grid .hotel-card--skeleton[data-v-896590e8]:hover{box-shadow:0 .04rem .12rem #0000001a;transform:none}.recommendations .recommendation-grid .hotel-card--skeleton .skeleton-block[data-v-896590e8],.recommendations .recommendation-grid .hotel-card--skeleton .skeleton-line[data-v-896590e8]{animation:recommend-skeleton-pulse-896590e8 1.1s ease-in-out infinite;background:#eceff1;border-radius:0}.recommendations .recommendation-grid .hotel-card--skeleton .skeleton-line[data-v-896590e8]{height:.14rem;margin-top:.12rem}.recommendations .recommendation-grid .hotel-card--skeleton .skeleton-line--title[data-v-896590e8]{height:.16rem;width:88%}.recommendations .recommendation-grid .hotel-card--skeleton .skeleton-line--price[data-v-896590e8]{margin-top:.14rem;width:45%}.recommendations .view-more[data-v-896590e8]{margin-top:.3rem;text-align:center}.recommendations .view-more .view-more-link[data-v-896590e8]{color:#017c8d;font-size:.16rem;font-weight:550;transition:opacity .3s}.recommendations .view-more .view-more-link[data-v-896590e8]:hover{opacity:.8}.recommendations .view-more .no-more[data-v-896590e8]{color:#4c5156;font-size:.16rem}@keyframes hotel-card-shake-896590e8{0%{transform:translateY(0) scale(1) rotate(0)}20%{transform:translateY(-.03rem) scale(1.03) rotate(-.8deg)}40%{transform:translateY(-.05rem) scale(1.05) rotate(.8deg)}60%{transform:translateY(-.05rem) scale(1.05) rotate(-.5deg)}80%{transform:translateY(-.05rem) scale(1.05) rotate(.5deg)}to{transform:translateY(-.05rem) scale(1.05) rotate(0)}}