@charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 筛选组件 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .center-box.data-v-0f3320de { width: 750rpx; min-height: 100vh; background: #F2F2F2; } .box.data-v-0f3320de { width: 690rpx; padding: 0 30rpx 0rpx 30rpx; border-radius: 0px 0px 0px 0px; } .white-space.data-v-0f3320de { overflow: hidden; /* 确保超出容器的文本被隐藏 */ white-space: nowrap; /* 确保文本在一行内显示 */ text-overflow: ellipsis; /* 使用省略号表示被截断的文本 */ width: 100%; } .search.data-v-0f3320de { margin-top: 27rpx; width: 690rpx; height: 64rpx; background: #FFFFFF; } .search .dashed image.data-v-0f3320de { width: 52rpx; height: 52rpx; } .search .line-search.data-v-0f3320de { width: 2rpx; height: 42rpx; background: #008CFF; border-radius: 0rpx 0rpx 0rpx 0rpx; } .search .input.data-v-0f3320de { padding-left: 12rpx; height: 100%; width: 78%; } .search.data-v-0f3320de .input-placeholder { font-family: PingFang SC, PingFang SC; font-weight: 500; font-size: 32rpx; color: #C0C0C0; line-height: 32rpx; text-align: left; font-style: normal; text-transform: none; } .search .searchBtn.data-v-0f3320de { width: 128rpx; height: 64rpx; background: #008CFF; border-radius: 5rpx; font-family: PingFang SC, PingFang SC; font-weight: 500; font-size: 32rpx; color: #FFFFFF; display: flex; justify-content: center; align-items: center; } .w-100.data-v-0f3320de { width: 100%; } .flex.data-v-0f3320de { display: flex; } .justify-center.data-v-0f3320de { justify-content: center; } .align-items.data-v-0f3320de { align-items: center; } .flex-column.data-v-0f3320de { flex-flow: column; } .justify-start.data-v-0f3320de { justify-content: start; } .hot.data-v-0f3320de { width: 100%; } .totalClass.data-v-0f3320de { width: 100%; } .totalClass .total-top.data-v-0f3320de { padding-bottom: 12rpx; border-bottom: 2rpx solid #008CFF; } .totalBox.data-v-0f3320de { /* 允许横向滚动 */ width: 690rpx; } .totalBox .bbb.data-v-0f3320de { background: #FFFFFF; margin-top: 24rpx; border-radius: 20rpx; } .totalBox .right.data-v-0f3320de { margin-left: 24rpx; width: 338rpx; } .totalBox .right .title.data-v-0f3320de { width: 338rpx; font-family: PingFang SC, PingFang SC; font-weight: 800; font-size: 34rpx; color: #343434; } .totalBox .right .row.data-v-0f3320de { margin: 10rpx 0 26rpx 0; } .totalBox .right .row .remen.data-v-0f3320de { height: 40rpx; background: #EBFAF5; border-radius: 4rpx 4rpx 4rpx 4rpx; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 24rpx; color: #14BC84; line-height: 28rpx; padding: 2rpx 8rpx; } .totalBox .right .row .line-colum.data-v-0f3320de { width: 1rpx; height: 32rpx; background: #7A7A7A; margin: 0 13rpx; } .totalBox .right .row .name.data-v-0f3320de { width: 110rpx; height: 32rpx; font-family: PingFang SC, PingFang SC; font-weight: 500; font-size: 26rpx; color: #7A7A7A; line-height: 32rpx; margin-left: 12rpx; } .totalBox .right .line-row.data-v-0f3320de { width: 338rpx; height: 1rpx; background: #E4E4E4; } .totalBox .right .jigou.data-v-0f3320de { width: 312rpx; font-family: PingFang SC, PingFang SC; font-weight: 500; font-size: 26rpx; color: #7A7A7A; margin: 4rpx 0 14rpx 0; } .totalBox .right .time.data-v-0f3320de { font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 26rpx; color: #A4A4A4; line-height: 30rpx; } .totalBox .right .address.data-v-0f3320de { width: 350rpx; height: 40rpx; margin-top: 8rpx; } .totalBox .right .address ._span.data-v-0f3320de { font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 26rpx; color: #A4A4A4; line-height: 30rpx; } .totalBox .bottom.data-v-0f3320de { margin: 32rpx 0 32rpx 0; width: 626rpx; } .totalBox .bottom .number.data-v-0f3320de { font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 500; font-size: 26rpx; color: #222222; line-height: 30rpx; width: 242rpx; margin-left: 42rpx; } .totalBox .bottom .text.data-v-0f3320de { font-family: PingFang SC, PingFang SC; font-weight: 800; font-size: 26rpx; color: #7A7A7A; } .totalBox .bottom .money.data-v-0f3320de { width: 150rpx; font-family: PingFang SC, PingFang SC; font-weight: 800; font-size: 36rpx; color: #FF2323; justify-content: flex-end; } .totalBox .ovr.data-v-0f3320de { width: 312rpx; background: #FFFFFF; border-radius: 20rpx 20rpx 20rpx 20rpx; margin-top: 18rpx; margin-right: 24rpx; } .more.data-v-0f3320de { margin-top: 62rpx; } .more .line-lone.data-v-0f3320de { width: 260rpx; height: 1rpx; background: #008CFF; border-radius: 0rpx 0rpx 0rpx 0rpx; } .more .line-erect.data-v-0f3320de { margin-top: 16rpx; width: 80rpx; height: 1rpx; background: #008CFF; border-radius: 0rpx 0rpx 0rpx 0rpx; } .hot .hot-top.data-v-0f3320de { width: 278rpx; height: 44rpx; background: linear-gradient(90deg, #FDF850 0%, #85EE9C 100%); border-radius: 200rpx 200rpx 200rpx 200rpx; } .hot .hot-top ._span.data-v-0f3320de { font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 24rpx; color: #000000; } .hot .ovr.data-v-0f3320de { width: 308rpx; height: 304rpx; background: #FFFFFF; border-radius: 16rpx 16rpx 16rpx 16rpx; margin-right: 30rpx; } .hot .content.data-v-0f3320de { margin-top: 30rpx; } .hot .jita.data-v-0f3320de { width: 244rpx; height: 44rpx; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 30rpx; color: #000000; margin: 24rpx 32rpx 8rpx 32rpx; } .hot .price.data-v-0f3320de { width: 212rpx; height: 36rpx; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 24rpx; color: #FF4810; margin-left: 32rpx; } .hot .hot-center.data-v-0f3320de { position: relative; } .hot .mingePos.data-v-0f3320de { min-width: 118rpx; height: 40rpx; background: rgba(0, 0, 0, 0.7); border-radius: 8rpx 8rpx 8rpx 8rpx; position: absolute; top: 40%; right: 3%; display: flex; align-items: center; } .hot .mingePos ._span.data-v-0f3320de { font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 24rpx; color: #FFFFFF; } .footer.data-v-0f3320de { margin: 120rpx 0 40rpx 0; font-weight: 500; font-size: 24rpx; color: #BCBCBC; line-height: 32rpx; } .u-search.data-v-0f3320de { display: flex; flex-direction: row; align-items: center; } .tabs.data-v-0f3320de { display: flex; overflow-x: auto; margin-top: 64rpx; -webkit-overflow-scrolling: touch; /* 优化滚动效果 */ } .tab-item.data-v-0f3320de { flex: 0 0 auto; text-align: center; margin-right: 40rpx; position: relative; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: 400; font-size: 30rpx; color: #222222; } .tab-item.active.data-v-0f3320de { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAICAYAAABJYvnfAAAAAXNSR0IArs4c6QAAAJlJREFUSEvtlT0SQUEQhLtnRTJVLuEKBAIlVI6jnEC5jZ9QrSqBM7iE90RE3rRa6mVcYNeEk309090EgNMVg8bCStKUZDftch1JD5Cx481i3MeFH3g7A+zlCv2dS7fgPmKsuSNsVhZ8S+tbxsruub/9r+MmO/wFONbcADYv0QKC74sOQboP2dbg07iGOMk9D96+pw7BtUw1+AK6nUOvF+1hVQAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: bottom; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: bold; font-size: 32rpx; color: #222222; } .pos.data-v-0f3320de { position: relative; } .pos .ab.data-v-0f3320de { position: absolute; right: 0%; bottom: 0%; } .pos .m.data-v-0f3320de { width: 28rpx; height: 42rpx; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: bold; font-size: 28rpx; color: #FF4810; } .pos .money.data-v-0f3320de { width: 68rpx; font-family: D-DIN-PRO, D-DIN-PRO; font-weight: bold; font-size: 36rpx; color: #FF4810; } .pos .no.data-v-0f3320de { width: 64rpx; height: 48rpx; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: bold; font-size: 32rpx; color: #FF4810; line-height: 38rpx; } .part.data-v-0f3320de { width: 176rpx; height: 64rpx; background: #BEEE03; border-radius: 200rpx; font-family: Source Han Sans CN, Source Han Sans CN; font-weight: bold; font-size: 28rpx; color: #222222; line-height: 33rpx; }