/* pages/member/CommodityManagement/CommodityManagement.wxss */ .goods-manage .release-goods { background-color: #fff; display: flex; font-size: 32rpx; position: relative; height: 96rpx; line-height: 96rpx; border-bottom: solid 2rpx #ebebeb; } .goods-manage .release-goods .release-a { width: 96rpx; height: 96rpx; display: flex; align-items: center; justify-content: center; } .goods-manage .release-goods .release-a icon { font-size: 48rpx; color: rgb(241, 83, 83); } .goods-manage .release-goods .release-b { position: absolute; right: 28rpx; top: 22rpx; font-size: 28rpx; background-color: #f15353; height: 52rpx; line-height: 52rpx; padding: 0 20rpx; display: block; border-radius: 26rpx; color: #fff; } .goods-manage .goods-list .goods-list { background-color: #fff; padding-top: 20rpx; padding-left: 20rpx; padding-bottom: 20rpx; display: flex; border-bottom: solid 2rpx #ebebeb; } .goods-manage .goods-list .goods-list .goods-a { width: 160rpx; height: 160rpx; background-color: #ccc; overflow: hidden; } .goods-manage .goods-list .goods-list .goods-a image { width: 100%; height: 100%; } .goods-manage .goods-list .goods-list .goods-b { margin: 0 28rpx; width: 514rpx; text-align: left; line-height: 40rpx; } .goods-manage .goods-list .goods-list .goods-b .name { height: 80rpx; font-size: 28rpx; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .goods-manage .goods-list .goods-list .goods-b .title-box .p { float: right; padding: 4rpx 12rpx; color: #fff; font-size: 24rpx; border-radius: 16rpx; } .goods-manage .goods-list .goods-list .goods-b .title-box .red { background: #f15353; border: 2rpx solid #f15353; } .goods-manage .goods-list .goods-list .goods-b .title-box .gray { background: #8c8c8c; border: 2rpx solid #8c8c8c; } .goods-manage .goods-list .goods-list .goods-b .price { color: #f15353; font-size: 32rpx; } .goods-manage .goods-list .goods-list .goods-b .price .span { font-size: 24rpx; } .goods-manage .goods-list .goods-list .goods-b .info { position: relative; color: #8c8c8c; font-size: 24rpx; overflow: visible; } .goods-manage .goods-list .goods-list .goods-b .info .font { margin-right: 40rpx; display: inline-block; } .goods-manage .goods-list .goods-list .goods-b .info .morebtn { display: inline-block; width: 32rpx; height: 54rpx; } .goods-manage .goods-list .goods-list .goods-b .info .icon-more { position: absolute; right: 0; z-index: 2; } .goods-manage .goods-list .goods-list .goods-b .info .more { background: rgba(51, 51, 51, 0.9); border-radius: 8rpx; color: #f0f0f0; width: 176rpx; position: absolute; right: 0; top: -88rpx; overflow: visible; } .goods-manage .goods-list .goods-list .goods-b .info .more .ul { display: flex; justify-content: center; } .goods-manage .goods-list .goods-list .goods-b .info .more .ul .li { flex: 1; text-align: center; } .goods-manage .goods-list .goods-list .goods-b .info .more .ul .li icon { display: block; } .goods-manage .goods-list .goods-list .goods-b .info .more .icon { position: absolute; right: 0; top: 72rpx; overflow: hidden; } .goods-manage .goods-list .goods-list .goods-b .info .more .icon icon { color: rgba(51, 51, 51, 0.9); font-size: 48rpx; } .goods-manage .goods-list .goods-list:last-child { border: none; } .goods-manage .goods-list .goods-list .goods-b .red { color: #f15353; } .goods-manage .goods-list .goods-list .goods-b .gray { color: #8c8c8c; }