.empty { margin-top: 0 !important } .empty { margin-top: 100rpx } .head-wrap { width: 100vw; height: 90rpx; line-height: 90rpx; background: #fff; box-sizing: border-box; padding: 0 30rpx; text-align: right } .goods-list.single-column { margin: 0 30rpx } .goods-list.single-column .checkbox-wrap { margin-right: 20rpx; display: flex; align-items: center } .goods-list.single-column .checkbox-wrap .iconfont { font-size: 40rpx; color: #ccc } .goods-list.single-column .datetime { line-height: 1.5; font-size: 28rpx } .goods-list.single-column .goods-item { padding: 26rpx; background: #fff; border-radius: 10rpx; display: flex; position: relative; margin: 20rpx 0 } .goods-list.single-column .goods-item.first-child { margin-top: 0 } .goods-list.single-column .goods-item .goods-img { width: 200rpx; height: 200rpx; overflow: hidden; border-radius: 10rpx; margin-right: 20rpx } .goods-list.single-column .goods-item .goods-img image { width: 100%; height: 100% } .goods-list.single-column .goods-item .goods-tag { color: #fff; line-height: 1; padding: 8rpx 12rpx; position: absolute; border-top-left-radius: 10rpx; border-bottom-right-radius: 10rpx; top: 26rpx; left: 26rpx; font-size: 22rpx } .goods-list.single-column .goods-item .goods-tag-img { position: absolute; border-top-left-radius: 10rpx; width: 80rpx; height: 80rpx; top: 26rpx; left: 26rpx; z-index: 5; overflow: hidden } .goods-list.single-column .goods-item .goods-tag-img image { width: 100%; height: 100% } .goods-list.single-column .goods-item .info-wrap { flex: 1; display: flex; flex-direction: column; width: calc(100% - 220rpx) } .goods-list.single-column .goods-item.manage .info-wrap { width: calc(100% - 280rpx) } .goods-list.single-column .goods-item .name-wrap { flex: 1 } .goods-list.single-column .goods-item .goods-name { font-size: 28rpx; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 68rpx } .goods-list.single-column .goods-item .introduction { line-height: 1; margin-top: 10rpx } .goods-list.single-column .goods-item .discount-price { display: none; font-weight: 700; line-height: 1; margin-top: 16rpx; color: var(--price-color) } .goods-list.single-column .goods-item .discount-price .unit { margin-right: 6rpx } .goods-list.single-column .goods-item .pro-info { display: none; margin-top: auto } .goods-list.single-column .goods-item .pro-info .delete-price { text-decoration: line-through; flex: 1 } .goods-list.single-column .goods-item .pro-info .delete-price .unit { margin-right: 6rpx } .goods-list.single-column .goods-item .pro-info>view { line-height: 1 } .goods-list.single-column .goods-item .pro-info>view:nth-child(2) { text-align: right } .goods-list.single-column .goods-item .member-price-tag { display: inline-block; width: 60rpx; line-height: 1; margin-left: 6rpx } .goods-list.single-column .goods-item .member-price-tag image { width: 100%; max-height: 30rpx } .bottom-wrap { position: fixed; width: 100vw; height: 100rpx; background: #fff; bottom: 0; overflow: hidden; display: flex; bottom: 0; z-index: 9 } .bottom-wrap .all-election { flex: 1; height: 100rpx; position: relative; display: inline-block } .bottom-wrap .all-election>.iconfont { font-size: 40rpx; position: absolute; top: 50%; left: 30rpx; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .bottom-wrap .all-election>.icon-yuan_checkbox { color: #ccc } .bottom-wrap .all-election>text { margin-left: 56rpx; line-height: 100rpx; padding-left: 30rpx } .bottom-wrap .action-btn { flex: 1; width: 180rpx; height: 100rpx; line-height: 100rpx; border-radius: 0; margin: 0; display: flex; align-items: center; justify-content: flex-end } .bottom-wrap .action-btn button { width: 180rpx; height: 70rpx; line-height: 70rpx }