.order.data-v-386c38d3 { background: #f2f4f5; height: 100%; width: 100%; position: relative; } .order .selectBox.data-v-386c38d3 { width: 100%; height: 100%; padding: 16px 18px; box-sizing: border-box; } .order .selectBox .title.data-v-386c38d3 { font-size: 32rpx; font-family: PingFangSC-Semibold, PingFang SC; font-weight: 600; color: #020e1a; line-height: 40rpx; } .order .selectBox .tab.data-v-386c38d3 { width: 100%; display: flex; justify-content: space-between; margin-top: 32rpx; } .order .selectBox .tab .item.data-v-386c38d3 { width: 106px; height: 36px; text-align: center; line-height: 36px; font-size: 32rpx; background: #f2f4f5; } .order .selectBox .tab .active.data-v-386c38d3 { width: 106px; height: 36px; text-align: center; line-height: 36px; background: #e7f3ff; font-size: 32rpx; color: #1890ff; } .order .selectBox .btn.data-v-386c38d3 { margin-top: 30px; width: 100%; height: 40px; background: #1890ff; border-radius: 8rpx; color: #fff; font-size: 32rpx; text-align: center; line-height: 40px; } .order .srcollView.data-v-386c38d3 { width: 100%; height: calc(100vh - 160rpx); } .order .srcollView .inBottom.data-v-386c38d3 { width: 100%; display: flex; align-items: center; justify-content: center; } .order .srcollView .inBottom .bottomText.data-v-386c38d3 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 26rpx; color: #d0d0d0; line-height: 40rpx; text-align: justify; font-style: normal; position: relative; padding: 6rpx 0; } .order .srcollView .inBottom .bottomText.data-v-386c38d3::after { content: ""; width: 30vw; height: 2rpx; background: #e0e0e0; position: absolute; left: -32vw; top: 50%; } .order .srcollView .inBottom .bottomText.data-v-386c38d3::before { content: ""; width: 30vw; height: 2rpx; background: #e0e0e0; position: absolute; right: -32vw; top: 50%; } .fliter.data-v-386c38d3 { /*height: 258rpx;*/ background: #fff; margin-bottom: 24rpx; } .fliter .select_box.data-v-386c38d3 { display: flex; flex-direction: row; padding: 16rpx 32rpx 8rpx; align-items: center; justify-content: space-between; } .fliter .select_box .search_box.data-v-386c38d3 { width: 558rpx; height: 72rpx; background: #f2f4f5; display: flex; flex-direction: row; align-items: center; border-radius: 36rpx; } .fliter .select_box .search_box ._img.data-v-386c38d3 { width: 35rpx; height: 35rpx; margin: auto 16rpx auto 24rpx; } .fliter .select_box .search_box .select_input.data-v-386c38d3 { width: 476rpx; border: none; height: 40rpx; font-size: 28rpx; } .fliter .select_box .select_btn.data-v-386c38d3 { display: flex; flex-direction: row; align-items: center; font-size: 28rpx; color: #6c737a; } .fliter .select_box .select_btn ._img.data-v-386c38d3 { width: 35rpx; height: 35rpx; margin-right: 12rpx; } .fliter .tabs.data-v-386c38d3 { width: 100%; height: 88rpx; display: flex; } .fliter .tabs .tabs_item.data-v-386c38d3 { text-align: center; color: #6c737a; font-size: 28rpx; line-height: 88rpx; flex: 1; } .fliter .tabs .tab_active.data-v-386c38d3 { color: #1890ff; font-weight: 600; position: relative; } .fliter .tabs .tab_active.data-v-386c38d3:after { content: ""; display: block; position: absolute; bottom: 2rpx; left: 50%; margin-left: -24rpx; width: 48rpx; height: 6rpx; background: #1890ff; border-radius: 2rpx; } .fliter .sum_count.data-v-386c38d3 { height: 72rpx; background: #fff; border-radius: 2rpx; padding-left: 32rpx; line-height: 72rpx; font-size: 28rpx; color: #6c737a; border-top: 2rpx solid #f2f4f5; } .fliter .sum_count ._span.data-v-386c38d3 { color: #020e1a; }