/* 水平间距 */ /* 水平间距 */ .u-wrap.data-v-7db0ce29 { height: 100vh; display: flex; flex-direction: column; } .u-search-box.data-v-7db0ce29 { padding: 18rpx 30rpx; } .u-menu-wrap.data-v-7db0ce29 { flex: 1; display: flex; overflow: hidden; } .u-search-inner.data-v-7db0ce29 { background-color: #eaeaea; border-radius: 100rpx; display: flex; align-items: center; padding: 10rpx 16rpx; } .u-search-text.data-v-7db0ce29 { font-size: 26rpx; color: #799675; margin-left: 10rpx; } .u-tab-view.data-v-7db0ce29 { width: 200rpx; height: 100%; } .u-tab-item.data-v-7db0ce29 { height: 110rpx; background: #f6f6f6; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 26rpx; color: #444; font-weight: 400; line-height: 1; } .u-tab-item-active.data-v-7db0ce29 { position: relative; color: #799675; font-size: 30rpx; font-weight: 600; background: #fff; } .u-tab-item-active.data-v-7db0ce29::before { content: ""; position: absolute; border-left: 4px solid #799675; height: 32rpx; left: 0; top: 39rpx; } .u-tab-view.data-v-7db0ce29 { height: 100%; } .right-box.data-v-7db0ce29 { width: 550rpx; flex: 1; background-color: #fff; } .page-view.data-v-7db0ce29 { padding: 16rpx; } .page-view_item.data-v-7db0ce29 { display: flex; align-items: center; margin-bottom: 25rpx; } .page-view_item image.data-v-7db0ce29 { width: 160rpx; height: 160rpx; margin-right: 22rpx; border-radius: 18rpx; } .page-view_item_title.data-v-7db0ce29 { font-size: 28rpx; font-weight: bold; color: #232323; } .page-view_item_info.data-v-7db0ce29 { font-weight: 400; font-size: 24rpx; color: #232323; margin: 20rpx 0; } .page-view_item_price.data-v-7db0ce29 { display: flex; align-items: center; } .page-view_item_price_left.data-v-7db0ce29 { font-weight: bold; font-size: 38rpx; color: #ff2929; margin-right: 35rpx; } .page-view_item_price_right.data-v-7db0ce29 { font-size: 24rpx; color: #999999; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } .class-item.data-v-7db0ce29 { margin-bottom: 30rpx; background-color: #fff; padding: 16rpx; border-radius: 8rpx; } .item-title.data-v-7db0ce29 { font-size: 26rpx; color: #000; font-weight: bold; } .item-menu-name.data-v-7db0ce29 { font-weight: normal; font-size: 24rpx; color: #000; } .item-container.data-v-7db0ce29 { display: flex; flex-wrap: wrap; } .thumb-box.data-v-7db0ce29 { width: 33.333333%; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-top: 20rpx; } .item-menu-image.data-v-7db0ce29 { width: 120rpx; height: 120rpx; }