.tab{ font-size: 28rpx; display: flex; align-items: center; justify-content: space-around; background: #fff; padding: 10rpx 10rpx 0; } .tab text{ display: inline-block; line-height: 2; padding: 0 10rpx; } .tab .active-tab{ border-bottom: 4rpx solid #ee3a43; } .modular-pad{ padding: 10rpx 20rpx 20rpx; } .modular .no-more{ display: flex; flex-direction: row; align-items: center; color: #999; margin-top: 20rpx; } .modular .no-more::before,.modular .no-more::after{ content: ''; display: inline-block; height: 2rpx; flex: 1; background: #999; } .modular .no-more text{ padding:0 20rpx; } .picker{ text-align: center; color: #ee3a43; } .show-date{ display: flex; align-items: center; margin: 20rpx 0; } .show-date text{ font-size: 36rpx; font-weight: 700; } .show-date::after{ content: ''; display: inline-block; width: 10rpx; height: 10rpx; border-right: 1px solid #333; border-bottom: 1px solid #333; transform: rotate(45deg); margin-left: 10rpx; } .detail-list{ } .detail-list .list-item{ border-bottom: 1px solid #ccc; display: flex; flex-direction: row; align-items: center; padding: 20rpx 0; color: #333; } .detail-list .list-item .item-left{ flex: 1; } .detail-list .list-item .item-right{ text-align: right; font-size: 26rpx; } .detail-list .list-item .item-right .quota{ } .detail-list .list-item .item-right .produce-time{ color: #999; font-size: 22rpx; }