.main.data-v-126de2e6 { width: 100vw; height: 100vh; box-sizing: border-box; background-color: #f6f7f8; } .main .searchBox.data-v-126de2e6 { width: 100vw; box-sizing: border-box; padding: 16rpx 32rpx; background-color: #fff; } .main .searchBox .search.data-v-126de2e6 { width: 100%; background: #f5f6f7; padding: 8rpx 16rpx 8rpx 32rpx; box-sizing: border-box; border-radius: 60rpx; display: flex; align-items: center; } .main .searchBox .search .searchIcon.data-v-126de2e6 { width: 30rpx; height: 30rpx; margin-right: 12rpx; } .main .searchBox .search .searchText.data-v-126de2e6 { width: calc(100% - 72rpx); font-size: 28rpx; } .main .content.data-v-126de2e6 { width: 100%; height: calc(100vh - 120rpx); padding: 32rpx; box-sizing: border-box; overflow-y: auto; } .main .content .serviceList.data-v-126de2e6 { width: 100%; height: 100%; } .main .content .serviceList .serviceItem.data-v-126de2e6 { width: 100%; box-sizing: border-box; padding: 24rpx 16rpx; background-color: #fff; margin-bottom: 24rpx; border-radius: 16rpx; } .main .content .serviceList .serviceItem .itemTop.data-v-126de2e6 { width: 100%; display: flex; align-items: center; justify-content: space-between; } .main .content .serviceList .serviceItem .itemTop .title.data-v-126de2e6 { font-family: PingFangSC, PingFang SC; font-weight: 600; font-size: 28rpx; color: #130f05; line-height: 40rpx; text-align: left; font-style: normal; display: block; width: 80%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .main .content .serviceList .serviceItem .itemTop .status.data-v-126de2e6 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #01a157; line-height: 32rpx; text-align: justify; font-style: normal; background: #e9f8ee; border-radius: 2rpx; padding: 2rpx 6rpx; } .main .content .serviceList .serviceItem .itemBottom.data-v-126de2e6 { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-top: 16rpx; } .main .content .serviceList .serviceItem .itemBottom .bottmLeft.data-v-126de2e6 { width: 300rpx; height: 300rpx; overflow: hidden; border-radius: 16rpx; } .main .content .serviceList .serviceItem .itemBottom .bottmLeft .img.data-v-126de2e6 { width: 100%; height: 100%; } .main .content .serviceList .serviceItem .itemBottom .bottmRight.data-v-126de2e6 { width: calc(100% - 316rpx); height: 300rpx; } .main .content .serviceList .serviceItem .itemBottom .bottmRight .rightTop.data-v-126de2e6 { width: 100%; height: 250rpx; } .main .content .serviceList .serviceItem .itemBottom .bottmRight .rightTop .toiletItem.data-v-126de2e6 { width: calc((100% - 16rpx) / 2); height: 48rpx; box-sizing: border-box; background: #f6f6f6; padding: 6rpx 16rpx; border-radius: 12rpx; margin-bottom: 16rpx; display: inline-block; margin-right: 8rpx; } .main .content .serviceList .serviceItem .itemBottom .bottmRight .rightTop .toiletItem .itemBlock.data-v-126de2e6 { width: 100%; height: 100%; } .main .content .serviceList .serviceItem .itemBottom .bottmRight .rightTop .toiletItem .itemBlock .toiletItemLeft.data-v-126de2e6 { display: flex; align-items: center; } .main .content .serviceList .serviceItem .itemBottom .bottmRight .rightTop .toiletItem .itemBlock .toiletItemLeft .toiletIcon.data-v-126de2e6 { width: 32rpx; height: 32rpx; margin-right: 8rpx; } .main .content .serviceList .serviceItem .itemBottom .bottmRight .rightTop .toiletItem .itemBlock .toiletItemLeft .toiletText.data-v-126de2e6 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #160002; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .serviceList .serviceItem .itemBottom .bottmRight .rightTop .toiletItem .itemBlock .toiletItemRight .rightText.data-v-126de2e6 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 28rpx; color: #999da3; line-height: 40rpx; text-align: left; font-style: normal; } .main .content .serviceList .serviceItem .itemBottom .bottmRight .rightBottom.data-v-126de2e6 { width: 100%; height: 50rpx; display: flex; align-items: center; justify-content: space-between; } .main .content .serviceList .serviceItem .itemBottom .bottmRight .rightBottom .goOrder .goOrderText.data-v-126de2e6 { font-family: PingFangSC, PingFang SC; font-weight: 400; font-size: 22rpx; color: #ba922f; line-height: 32rpx; text-align: left; font-style: normal; } .main .content .serviceList .serviceItem .itemBottom .bottmRight .rightBottom .goOrder .goFood.data-v-126de2e6 { font-family: "Microsoft YaHei"; font-weight: 400; font-size: 26rpx; color: #FFFFFF; text-align: center; font-style: normal; text-transform: none; padding: 8rpx 28rpx; background-color: #4BCB7E; border-radius: 32rpx; display: inline-block; } .main .content .serviceList .serviceItem .itemBottom .bottmRight .rightBottom .navigation.data-v-126de2e6 { width: 48rpx; height: 48rpx; } .main .content .noDataBox.data-v-126de2e6 { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .main .content.data-v-126de2e6::-webkit-scrollbar { display: none; }