friends.wxss 7.8 KB

1
  1. .font72.data-v-86b3b4ec{font-size:72rpx}.font44.data-v-86b3b4ec{font-size:44rpx}.font36.data-v-86b3b4ec{font-size:36rpx}.font32.data-v-86b3b4ec{font-size:32rpx}.font28.data-v-86b3b4ec{font-size:28rpx}.font24.data-v-86b3b4ec{font-size:24rpx}.font22.data-v-86b3b4ec{font-size:22rpx}.font20.data-v-86b3b4ec{font-size:20rpx}.fw400.data-v-86b3b4ec{font-weight:400}.fw500.data-v-86b3b4ec{font-weight:500}.fw600.data-v-86b3b4ec{font-weight:600}.fw700.data-v-86b3b4ec{font-weight:700}.el.data-v-86b3b4ec{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}button.data-v-86b3b4ec{background-color:initial}.button-hover.data-v-86b3b4ec{background:transparent}button.data-v-86b3b4ec::after{border:none;box-sizing:initial}.data-v-86b3b4ec::-webkit-scrollbar{width:0;height:0;color:transparent}.placeholder-input.data-v-86b3b4ec{font-size:28rpx;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#b7b7c5;line-height:40rpx}.flex-center.data-v-86b3b4ec{display:flex;justify-content:center;align-items:center}.flex-around.data-v-86b3b4ec{display:flex;justify-content:space-around;align-items:center}.flex-between.data-v-86b3b4ec{display:flex;justify-content:space-between;align-items:center}.flex-start.data-v-86b3b4ec{display:flex;justify-content:flex-start;align-items:center}.flex-end.data-v-86b3b4ec{display:flex;justify-content:flex-end;align-items:flex-end}.null-box.data-v-86b3b4ec{width:100%;height:176rpx;background-color:#151126}.no-more.data-v-86b3b4ec{color:#9a9abf;text-align:center;padding:10rpx 0rpx 30rpx 0rpx}.container.data-v-86b3b4ec{width:100vw;min-height:100vh;background-color:#151126;overflow:hidden}.container .topnav.data-v-86b3b4ec{margin:0 60rpx;align-items:center;position:relative}.container .topnav .nav-item.data-v-86b3b4ec{color:#9a9abf;margin-right:72rpx;transition:all .3s;padding:0 10rpx}.container .topnav .nav-item .nav-item-text.data-v-86b3b4ec{position:relative;z-index:1}.container .topnav .nav-search.data-v-86b3b4ec{width:56rpx;height:56rpx;margin-left:110rpx}.container .topnav .nav-item-bg.data-v-86b3b4ec{position:absolute;left:0;bottom:10rpx;width:92rpx;height:68rpx;z-index:0;transition:all .3s}.container .location.data-v-86b3b4ec{margin-top:40rpx;padding:12rpx;background-color:#1f1a30;border-radius:36rpx}.container .location .l-pos.data-v-86b3b4ec{width:32rpx;height:32rpx}.container .location .l-text.data-v-86b3b4ec{color:#7d7da4;flex:1;text-align:left;margin-left:8rpx}.container .location .l-open.data-v-86b3b4ec{width:88rpx;height:48rpx;border-radius:24rpx;line-height:48rpx;text-align:center;background-color:#6c52f4;color:#fff}.container .scroll-view.data-v-86b3b4ec{padding:24rpx 32rpx 0rpx 32rpx;box-sizing:border-box}.container .scroll-view .tops-bg.data-v-86b3b4ec{width:100%;height:100%;position:absolute;left:0;top:0;z-index:0}.container .scroll-view .tops-nav.data-v-86b3b4ec{position:relative;height:86rpx;z-index:1}.container .scroll-view .tops-nav .tops-nav-item.data-v-86b3b4ec{width:160rpx;text-align:center;color:#9a9abf}.container .scroll-view .tops-nav .tops-nav-item-active.data-v-86b3b4ec{color:#fff!important}.container .scroll-view .tops-nav .tops-line.data-v-86b3b4ec{width:24rpx;height:4rpx;background:#fff;border-radius:2rpx;position:absolute;bottom:0;transition:all .3s}.container .scroll-view .swiper.data-v-86b3b4ec{height:396rpx}.container .scroll-view .swiper .swiper-item.data-v-86b3b4ec{height:100%}.container .scroll-view .swiper .swiper-item .tops.data-v-86b3b4ec{position:relative;height:100%;flex-direction:column}.container .scroll-view .swiper .swiper-item .tops .tops-third.data-v-86b3b4ec{height:100%}.container .scroll-view .swiper .swiper-item .tops .tops-third .tt-item.data-v-86b3b4ec{position:relative;flex-direction:column;height:100%;width:208rpx}.container .scroll-view .swiper .swiper-item .tops .tops-third .tt-item .tt-item-bg.data-v-86b3b4ec{width:196rpx;height:208rpx;background:linear-gradient(180deg,hsla(0,0%,88.6%,.1),hsla(0,0%,88.6%,0));border-radius:16rpx 16rpx 0rpx 0rpx;position:absolute;bottom:0}.container .scroll-view .swiper .swiper-item .tops .tops-third .tt-item .tt-item-bg-center.data-v-86b3b4ec{width:196rpx;height:248rpx;background:linear-gradient(180deg,rgba(255,236,54,.1),rgba(255,236,54,0));border-radius:16rpx 16rpx 0rpx 0rpx;position:absolute;bottom:0}.container .scroll-view .swiper .swiper-item .tops .tops-third .tt-item .tt-item-img.data-v-86b3b4ec{width:92rpx;height:40rpx;-webkit-transform:translateY(20rpx);transform:translateY(20rpx);position:relative;z-index:20}.container .scroll-view .swiper .swiper-item .tops .tops-third .tt-item .tt-item-img-border.data-v-86b3b4ec{width:196rpx;height:192rpx;position:absolute;left:0;right:0;margin:auto;-webkit-transform:translateY(-30rpx);transform:translateY(-30rpx)}.container .scroll-view .swiper .swiper-item .tops .tops-third .tt-item .tt-item-head-box.data-v-86b3b4ec{width:136rpx;height:136rpx;border-radius:68rpx;position:relative;z-index:10}.container .scroll-view .swiper .swiper-item .tops .tops-third .tt-item .tt-item-name.data-v-86b3b4ec{width:136rpx;height:40rpx;text-align:center;line-height:40rpx;color:#fff;margin-bottom:16rpx;margin-top:14rpx}.container .scroll-view .swiper .swiper-item .tops .tops-third .tt-item .tt-item-num-box .tt-item-num-img.data-v-86b3b4ec{width:32rpx;height:32rpx}.container .scroll-view .swiper .swiper-item .tops .tops-third .tt-item .tt-item-num-box .tt-item-num-text.data-v-86b3b4ec{color:#fff;margin-left:8rpx}.container .scroll-view .list-item.data-v-86b3b4ec{flex-wrap:wrap;padding:40rpx 0rpx}.container .scroll-view .list-item .list-head-box.data-v-86b3b4ec{width:136rpx;height:136rpx;position:relative}.container .scroll-view .list-item .list-head-box .list-head-img.data-v-86b3b4ec{width:136rpx;height:136rpx;background-color:#fff;border-radius:136rpx}.container .scroll-view .list-item .list-head-box .list-head-dot.data-v-86b3b4ec{width:24rpx;height:24rpx;border-radius:24rpx;position:absolute;background-color:#0ff;bottom:2rpx;right:2rpx;border:2rpx solid #151126}.container .scroll-view .list-item .list-info-box.data-v-86b3b4ec{box-sizing:border-box;width:544rpx;padding-left:32rpx;height:136rpx;flex-direction:column;display:flex;justify-content:flex-start;align-items:flex-start}.container .scroll-view .list-item .list-info-box .name-box.data-v-86b3b4ec{width:100%}.container .scroll-view .list-item .list-info-box .name-box .name .name-text.data-v-86b3b4ec{color:#fff}.container .scroll-view .list-item .list-info-box .name-box .name .name-img.data-v-86b3b4ec{width:68rpx;height:32rpx;margin-left:8rpx}.container .scroll-view .list-item .list-info-box .name-box .name .name-img-godness.data-v-86b3b4ec{width:76rpx;height:40rpx;margin-left:8rpx;-webkit-transform:translateY(-5rpx);transform:translateY(-5rpx)}.container .scroll-view .list-item .list-info-box .name-box .distance.data-v-86b3b4ec{color:#9a9abf}.container .scroll-view .list-item .list-info-box .sex-box.data-v-86b3b4ec{padding:0 15rpx;height:32rpx;background:rgba(226,53,104,.2);border-radius:25rpx;margin-top:12rpx}.container .scroll-view .list-item .list-info-box .sex-box .sex-img.data-v-86b3b4ec{width:24rpx;height:24rpx}.container .scroll-view .list-item .list-info-box .sex-box .sex-text1.data-v-86b3b4ec{color:#e23568;margin-left:4rpx}.container .scroll-view .list-item .list-info-box .sex-box .sex-text2.data-v-86b3b4ec{color:#6c52f4;margin-left:4rpx}.container .scroll-view .list-item .list-info-box .tip-box.data-v-86b3b4ec{color:#9a9abf;width:100%;margin-top:10rpx}.container .scroll-view .list-item .img-box.data-v-86b3b4ec{width:544rpx;height:168rpx;margin-left:168rpx;margin-top:24rpx}.container .scroll-view .list-item .img-box .ib1.data-v-86b3b4ec{width:168rpx;height:168rpx;border-radius:16rpx 0rpx 0rpx 16rpx;background:#fff}.container .scroll-view .list-item .img-box .ib2.data-v-86b3b4ec{width:168rpx;height:168rpx;background:#fff}.container .scroll-view .list-item .img-box .ib3.data-v-86b3b4ec{width:168rpx;height:168rpx;border-radius:0rpx 16rpx 16rpx 0rpx;background:#fff}