.main.data-v-50f48f45 { width: 100vw; height: 100vh; } .main .mainTop.data-v-50f48f45 { width: 100%; box-sizing: border-box; padding: 0 24rpx; display: flex; align-items: center; } .main .mainTop .backIcon.data-v-50f48f45 { width: 38rpx; height: 38rpx; } .main .mainTop .searchBox.data-v-50f48f45 { width: calc(100% - 52rpx - 24rpx - 200rpx); height: 100%; margin-left: 24rpx; background-color: #ececec; border-radius: 48rpx; box-sizing: border-box; padding: 20rpx 32rpx; display: flex; align-items: center; } .main .mainTop .searchBox .searchIcon.data-v-50f48f45 { width: 24rpx; height: 24rpx; margin-right: 20rpx; } .main .mainTop .searchBox .searchText.data-v-50f48f45 { font-family: PingFang-SC, PingFang-SC; font-weight: 400; font-size: 28rpx; color: #000; line-height: 40rpx; text-align: left; font-style: normal; text-transform: none; } .main .tabTypeBox.data-v-50f48f45 { width: 100%; height: 30px; box-sizing: border-box; padding: 0 40rpx; margin-top: 24rpx; display: flex; align-items: center; } .main .tabTypeBox .bigTabItem.data-v-50f48f45 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #333333; line-height: 40rpx; text-align: left; font-style: normal; text-transform: none; margin-right: 56rpx; } .main .tabTypeBox .selectBigTabItem.data-v-50f48f45 { color: #F83D3D; position: relative; } .main .tabTypeBox .selectBigTabItem.data-v-50f48f45::after { content: ""; display: block; position: absolute; bottom: -12rpx; left: 50%; width: 48rpx; height: 6rpx; background: #F83D3D; border-radius: 2rpx; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .main .smallTypeBox.data-v-50f48f45 { width: 100%; height: 32px; margin-top: 22rpx; box-sizing: border-box; padding: 0 42rpx 0 30rpx; white-space: nowrap; overflow-x: auto; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE and Edge */ scroll-behavior: smooth; -webkit-overflow-scrolling: touch; /* 增强移动端滚动体验 */ } .main .smallTypeBox.data-v-50f48f45::-webkit-scrollbar { display: none; /* Chrome, Safari, Opera */ } .main .smallTypeBox .smallTabItem.data-v-50f48f45 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 24rpx; color: #333333; line-height: 40rpx; text-align: left; font-style: normal; text-transform: none; box-sizing: border-box; padding: 8rpx 24rpx; background-color: #fff; display: inline-block; border-radius: 8rpx; margin-right: 12rpx; } .main .smallTypeBox .selectSmallTabItem.data-v-50f48f45 { border: 1px solid #F83D3D; box-sizing: border-box; border-radius: 8rpx; color: #F83D3D; display: inline-flex; align-items: center; background-color: rgba(248, 61, 61, 0.1); padding: 6rpx 2rpx 6rpx 12rpx; } .main .smallTypeBox .selectSmallTabItem .closeIcon.data-v-50f48f45 { width: 24rpx; height: 24rpx; margin-left: 8rpx; } .main .orderListBox.data-v-50f48f45 { width: 100%; box-sizing: border-box; margin-top: 20px; } .main .orderListBox .orderItem.data-v-50f48f45 { width: 100%; box-sizing: border-box; padding: 22rpx 32rpx; background-color: #fff; margin-bottom: 24rpx; } .main .orderListBox .orderItem .orderItemTop.data-v-50f48f45 { width: 100%; display: flex; align-items: center; justify-content: space-between; } .main .orderListBox .orderItem .orderItemTop .orderItemTopLeft.data-v-50f48f45 { width: 70%; display: flex; align-items: center; } .main .orderListBox .orderItem .orderItemTop .orderItemTopLeft .orderItemIcon.data-v-50f48f45 { width: 36rpx; height: 36rpx; margin-right: 16rpx; } .main .orderListBox .orderItem .orderItemTop .orderItemTopLeft .orderItemLabel.data-v-50f48f45 { display: inline-block; width: calc(100% - 52rpx); font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 28rpx; color: #333333; line-height: 34rpx; text-align: left; font-style: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .main .orderListBox .orderItem .orderItemTop .orderItemTopRight.data-v-50f48f45 { width: 30%; } .main .orderListBox .orderItem .orderItemTop .orderItemTopRight .statusBox.data-v-50f48f45 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #F83D3D; line-height: 40rpx; text-align: right; font-style: normal; text-transform: none; } .main .orderListBox .orderItem .orderItemCenter.data-v-50f48f45 { width: 100%; margin-top: 22rpx; display: flex; align-items: center; margin-bottom: 16rpx; } .main .orderListBox .orderItem .orderItemCenter .orderItemCenterLeft.data-v-50f48f45 { width: 192rpx; height: 192rpx; margin-right: 12rpx; } .main .orderListBox .orderItem .orderItemCenter .orderItemCenterLeft .orderItemShopImg.data-v-50f48f45 { width: 100%; height: 100%; } .main .orderListBox .orderItem .orderItemCenter .orderItemCenterRight.data-v-50f48f45 { width: calc(100% - 192rpx - 12rpx); height: 192rpx; display: flex; } .main .orderListBox .orderItem .orderItemCenter .orderItemCenterRight .orderItemCenterRightLeft.data-v-50f48f45 { width: calc(100% - 180rpx); } .main .orderListBox .orderItem .orderItemCenter .orderItemCenterRight .orderItemCenterRightLeft .orderItemRightLeftLabel.data-v-50f48f45 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #333333; text-align: left; font-style: normal; text-transform: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .main .orderListBox .orderItem .orderItemCenter .orderItemCenterRight .orderItemCenterRightLeft .orderItemRightLeftSpecifications.data-v-50f48f45 { font-family: AppleSystemUIFont; font-size: 24rpx; color: #999999; line-height: 30rpx; text-align: left; font-style: normal; text-transform: none; margin-top: 14rpx; } .main .orderListBox .orderItem .orderItemCenter .orderItemCenterRight .orderItemCenterRightRight.data-v-50f48f45 { width: 180rpx; display: flex; flex-direction: column; align-items: flex-end; } .main .orderListBox .orderItem .orderItemCenter .orderItemCenterRight .orderItemCenterRightRight .unitPrice.data-v-50f48f45 { font-family: AppleSystemUIFont; font-size: 28rpx; color: #333333; line-height: 34rpx; text-align: left; font-style: normal; text-transform: none; } .main .orderListBox .orderItem .orderItemCenter .orderItemCenterRight .orderItemCenterRightRight .orderItemQuantity.data-v-50f48f45 { font-family: AppleSystemUIFont; font-size: 28rpx; color: #999999; line-height: 34rpx; text-align: left; font-style: normal; text-transform: none; margin-top: 10rpx; } .main .orderListBox .orderItem .is_more.data-v-50f48f45 { width: 400rpx; height: 40rpx; margin: auto; text-align: center; color: #9fa3a8; font-size: 28rpx; } .main .orderListBox .orderItem .is_more .arrow_icon.data-v-50f48f45 { width: 26rpx; height: 16rpx; margin-right: 16rpx; } .main .orderListBox .orderItem .orderItemMoneyBox.data-v-50f48f45 { width: 100%; display: flex; align-items: center; justify-content: flex-end; } .main .orderListBox .orderItem .orderItemMoneyBox .orderItemUnit.data-v-50f48f45 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #333333; line-height: 40rpx; text-align: left; font-style: normal; text-transform: none; } .main .orderListBox .orderItem .orderItemMoneyBox .orderItemMoney.data-v-50f48f45 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #333333; line-height: 40rpx; text-align: left; font-style: normal; text-transform: none; } .main .orderListBox .orderItem .orderItemBottom.data-v-50f48f45 { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 32rpx; } .main .orderListBox .orderItem .orderItemBottom .orderItemBottomLeft .orderItemBottomLeftMore.data-v-50f48f45 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #333333; line-height: 40rpx; text-align: left; font-style: normal; text-transform: none; } .main .orderListBox .orderItem .orderItemBottom .orderItemBottomRight.data-v-50f48f45 { display: flex; align-items: center; } .main .orderListBox .orderItem .orderItemBottom .orderItemBottomRight .orderItemBottomRightEvaluate.data-v-50f48f45 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #333333; line-height: 40rpx; text-align: left; font-style: normal; text-transform: none; padding: 4rpx 26rpx; background: #F2F5F6; border-radius: 4rpx; margin-right: 34rpx; } .main .orderListBox .orderItem .orderItemBottom .orderItemBottomRight .orderItemBottomRightBuyAgain.data-v-50f48f45 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #E84D38; line-height: 40rpx; text-align: left; font-style: normal; text-transform: none; padding: 4rpx 26rpx; background: #F2F5F6; border-radius: 4rpx; } .main .orderListBox .inBottom.data-v-50f48f45 { width: 100%; display: flex; align-items: center; justify-content: center; } .main .orderListBox .inBottom .bottomText.data-v-50f48f45 { 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; } .main .orderListBox .inBottom .bottomText.data-v-50f48f45::after { content: ""; width: 30vw; height: 2rpx; background: #e0e0e0; position: absolute; left: -32vw; top: 50%; } .main .orderListBox .inBottom .bottomText.data-v-50f48f45::before { content: ""; width: 30vw; height: 2rpx; background: #e0e0e0; position: absolute; right: -32vw; top: 50%; } .main .fliter.data-v-50f48f45 { background: #fff; margin-bottom: 24rpx; } .main .fliter .select_box.data-v-50f48f45 { display: flex; flex-direction: row; padding: 16rpx 32rpx 8rpx; align-items: center; justify-content: space-between; } .main .fliter .select_box .search_box.data-v-50f48f45 { width: 558rpx; height: 72rpx; background: #f2f4f5; display: flex; flex-direction: row; align-items: center; border-radius: 36rpx; } .main .fliter .select_box .search_box ._img.data-v-50f48f45 { width: 35rpx; height: 35rpx; margin: auto 16rpx auto 24rpx; } .main .fliter .select_box .search_box .select_input.data-v-50f48f45 { width: 476rpx; border: none; height: 40rpx; font-size: 28rpx; } .main .fliter .select_box .select_btn.data-v-50f48f45 { display: flex; flex-direction: row; align-items: center; font-size: 28rpx; color: #6c737a; } .main .fliter .select_box .select_btn ._img.data-v-50f48f45 { width: 35rpx; height: 35rpx; margin-right: 12rpx; } .main .fliter .tabs.data-v-50f48f45 { width: 100%; height: 88rpx; display: flex; } .main .fliter .tabs .tabs_item.data-v-50f48f45 { text-align: center; color: #6c737a; font-size: 28rpx; line-height: 88rpx; flex: 1; } .main .fliter .tabs .tab_active.data-v-50f48f45 { color: #1890ff; font-weight: 600; position: relative; } .main .fliter .tabs .tab_active.data-v-50f48f45:after { content: ""; display: block; position: absolute; bottom: 2rpx; left: 50%; margin-left: -24rpx; width: 48rpx; height: 6rpx; background: #1890ff; border-radius: 2rpx; } .main .fliter .sum_count.data-v-50f48f45 { height: 72rpx; background: #fff; border-radius: 2rpx; padding-left: 32rpx; line-height: 72rpx; font-size: 28rpx; color: #6c737a; border-top: 2rpx solid #f2f4f5; } .main .fliter .sum_count ._span.data-v-50f48f45 { color: #020e1a; } .main .srcollView.data-v-50f48f45 { width: 100%; height: calc(100vh - 160rpx); } .main .srcollView .inBottom.data-v-50f48f45 { width: 100%; display: flex; align-items: center; justify-content: center; } .main .srcollView .inBottom .bottomText.data-v-50f48f45 { 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; } .main .srcollView .inBottom .bottomText.data-v-50f48f45::after { content: ""; width: 30vw; height: 2rpx; background: #e0e0e0; position: absolute; left: -32vw; top: 50%; } .main .srcollView .inBottom .bottomText.data-v-50f48f45::before { content: ""; width: 30vw; height: 2rpx; background: #e0e0e0; position: absolute; right: -32vw; top: 50%; }