| | |
| | | /* 文章场景相关 */ |
| | | .index-page.data-v-57280228 { |
| | | position: relative; |
| | | min-height: 100vh; |
| | | background: #f5f7fb; |
| | | padding-bottom: 160rpx; |
| | | padding-bottom: 30rpx; |
| | | } |
| | | .top-gradient-bg.data-v-57280228 { |
| | | position: absolute; |
| | |
| | | max-width: 360rpx; |
| | | } |
| | | .location-chip image.data-v-57280228 { |
| | | flex-shrink: 0; |
| | | width: 36rpx; |
| | | height: 36rpx; |
| | | margin-right: 8rpx; |
| | |
| | | font-weight: 500; |
| | | font-size: 32rpx; |
| | | color: #FFFFFF; |
| | | } |
| | | .hero-actions.data-v-57280228 { |
| | | display: flex; |
| | | align-items: center; |
| | | padding: 6rpx 10rpx; |
| | | border-radius: 999rpx; |
| | | background: rgba(255, 255, 255, 0.7); |
| | | } |
| | | .hero-action.data-v-57280228 { |
| | | width: 52rpx; |
| | | height: 52rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .action-ring.data-v-57280228 { |
| | | border-left: 1rpx solid rgba(44, 44, 44, 0.12); |
| | | } |
| | | .search-box.data-v-57280228 { |
| | | height: 72rpx; |
| | |
| | | } |
| | | .banner-card.data-v-57280228 { |
| | | position: relative; |
| | | height: 310rpx; |
| | | padding: 28rpx 26rpx; |
| | | height: 320rpx; |
| | | padding: 0; |
| | | border-radius: 20rpx; |
| | | overflow: hidden; |
| | | background: linear-gradient(180deg, #bde7ff 0%, #e9f9ff 38%, #90d16e 100%); |
| | | box-sizing: border-box; |
| | | } |
| | | .banner-card.data-v-57280228::before, |
| | | .banner-card.data-v-57280228::after { |
| | | content: ''; |
| | | position: absolute; |
| | | top: 28rpx; |
| | | width: 140rpx; |
| | | height: 78rpx; |
| | | background: rgba(255, 255, 255, 0.62); |
| | | border-radius: 999rpx; |
| | | .banner-swiper.data-v-57280228 { |
| | | height: 100%; |
| | | } |
| | | .banner-card.data-v-57280228::before { |
| | | left: -34rpx; |
| | | .banner-swiper ::deep .uni-swiper-dot.data-v-57280228 { |
| | | width: 30rpx; |
| | | height: 6rpx; |
| | | border-radius: 3rpx; |
| | | } |
| | | .banner-card.data-v-57280228::after { |
| | | right: -24rpx; |
| | | .banner-swiper ::deep .uni-swiper-dot-active.data-v-57280228 { |
| | | background-color: #ffffff; |
| | | } |
| | | .banner-tag.data-v-57280228 { |
| | | display: inline-flex; |
| | | align-items: center; |
| | | height: 46rpx; |
| | | padding: 0 18rpx; |
| | | border-radius: 24rpx; |
| | | background: #ff7d51; |
| | | font-size: 24rpx; |
| | | font-weight: 600; |
| | | color: #ffffff; |
| | | } |
| | | .banner-copy.data-v-57280228 { |
| | | position: relative; |
| | | z-index: 1; |
| | | width: 196rpx; |
| | | margin-top: 44rpx; |
| | | padding: 20rpx 18rpx; |
| | | border: 4rpx solid rgba(255, 255, 255, 0.7); |
| | | border-radius: 18rpx; |
| | | background: rgba(112, 175, 92, 0.28); |
| | | } |
| | | .banner-copy text.data-v-57280228 { |
| | | display: block; |
| | | font-size: 48rpx; |
| | | font-weight: 700; |
| | | line-height: 1.25; |
| | | color: #ffffff; |
| | | .banner-swiper swiper-item.data-v-57280228 { |
| | | height: 100%; |
| | | } |
| | | .banner-image.data-v-57280228 { |
| | | position: absolute; |
| | | right: 10rpx; |
| | | bottom: 12rpx; |
| | | width: 320rpx; |
| | | height: 220rpx; |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | .service-grid.data-v-57280228 { |
| | | display: grid; |
| | |
| | | justify-content: space-between; |
| | | margin-top: 40rpx; |
| | | } |
| | | .label-list.data-v-57280228 { |
| | | width: 100%; |
| | | margin-top: 30rpx; |
| | | white-space: nowrap; |
| | | } |
| | | .label-list .list-item.data-v-57280228 { |
| | | width: 210rpx; |
| | | height: 120rpx; |
| | | padding: 16rpx 20rpx; |
| | | box-sizing: border-box; |
| | | background: #E6F7FF; |
| | | border-radius: 16rpx; |
| | | position: relative; |
| | | display: inline-flex; |
| | | flex-direction: column; |
| | | justify-content: space-between; |
| | | margin-right: 20rpx; |
| | | vertical-align: middle; |
| | | } |
| | | .label-list .list-item text.data-v-57280228:nth-child(1) { |
| | | font-weight: 400; |
| | | font-size: 26rpx; |
| | | color: #10B2FA; |
| | | } |
| | | .label-list .list-item text.data-v-57280228:nth-child(2) { |
| | | font-weight: 600; |
| | | font-size: 34rpx; |
| | | color: #222222; |
| | | } |
| | | .label-list .list-item image.data-v-57280228 { |
| | | width: 76rpx; |
| | | height: 62rpx; |
| | | position: absolute; |
| | | bottom: 0; |
| | | right: 0; |
| | | } |
| | | .label-list.data-v-57280228::-webkit-scrollbar { |
| | | display: none; |
| | | } |
| | | .tag-name.data-v-57280228 { |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | white-space: nowrap; |
| | | max-width: 170rpx; |
| | | } |
| | | .section-title.data-v-57280228 { |
| | | font-size: 36rpx; |
| | | font-weight: 700; |
| | |
| | | content: ' >'; |
| | | } |
| | | .recommend-list.data-v-57280228 { |
| | | margin-top: 14rpx; |
| | | margin-top: 32rpx; |
| | | } |
| | | .no-data.data-v-57280228 { |
| | | width: 100%; |
| | | margin-top: 80rpx; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .no-data image.data-v-57280228 { |
| | | width: 320rpx; |
| | | height: 320rpx; |
| | | } |
| | | .point-card.data-v-57280228 { |
| | | display: flex; |
| | | gap: 18rpx; |
| | | padding: 24rpx; |
| | | margin-bottom: 18rpx; |
| | | margin-bottom: 20rpx; |
| | | border-radius: 18rpx; |
| | | background: #f4f7fc; |
| | | } |
| | |
| | | height: 104rpx; |
| | | border-radius: 12rpx; |
| | | overflow: hidden; |
| | | background: #dfe7f3; |
| | | } |
| | | .point-thumb-image.data-v-57280228 { |
| | | width: 100%; |
| | |
| | | justify-content: space-between; |
| | | gap: 10rpx; |
| | | } |
| | | .point-tips.data-v-57280228 { |
| | | width: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | margin-top: 12rpx; |
| | | } |
| | | .point-tips .point-tips-item.data-v-57280228 { |
| | | width: 116rpx; |
| | | height: 36rpx; |
| | | line-height: 36rpx; |
| | | text-align: center; |
| | | border-radius: 8rpx; |
| | | font-weight: 400; |
| | | font-size: 20rpx; |
| | | color: #10B2FA; |
| | | margin-right: 12rpx; |
| | | border: 1rpx solid #10B2FA; |
| | | } |
| | | .point-name.data-v-57280228 { |
| | | flex: 1; |
| | | font-size: 32rpx; |