.group_list { background: #fff; } .group_list .content { padding-left: 20rpx; } .group_list .content .goods_box { display: flex; padding: 20rpx 20rpx 20rpx 0; border-bottom: solid 2rpx #ebebeb; } .group_list .content .goods_box .goods_img { width: 240rpx; height: 240rpx; background: #f2f2f2; overflow: hidden; border-radius: 8rpx; margin-right: 20rpx; } .group_list .content .goods_box .goods_img image { width: 100%; height: 100%; } .group_list .content .goods_box .goods_info { width: 450rpx; text-align: left; } .group_list .content .goods_box .goods_info .name { font-size: 14px; line-height: 40rpx; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .group_list .content .goods_box .goods_info .price { font-size: 16px; margin-top: 12rpx; color: #f15353; } .group_list .content .goods_box .goods_info .price .span { font-size: 12px; } .group_list .content .goods_box .goods_info .price .span:last-child { color: #8c8c8c; margin-left: 20rpx; } .group_list .content .goods_box .goods_info .number { display: flex; align-items: center; justify-content: space-between; margin-top: 52rpx; } .group_list .content .goods_box .goods_info .number .left { display: flex; align-items: center; } .group_list .content .goods_box .goods_info .number .left .iconfont { font-size: 48rpx; color: #f15353; margin-right: 12rpx; } .group_list .content .goods_box .goods_info .number .left .span { color: #f15353; font-size: 14px; border-left: solid 2rpx #ebebeb; padding-left: 12rpx; } .group_list .content .goods_box .goods_info .number .go_group { width: 160rpx; height: 56rpx; border-radius: 8rpx; background: #f15353; display: flex; justify-content: center; align-items: center; } .group_list .content .goods_box .goods_info .number .go_group .span { color: #fff; font-size: 14px; } .group_list .content .goods_box .goods_info .number .go_group .fa { color: #fff; font-size: 32rpx; margin-left: 20rpx; } .posBtn { width: 100rpx; height: 100rpx; box-shadow: 1.504rpx 2.592rpx 4.992rpx 0 rgba(209, 209, 209, 0.36); background-image: linear-gradient(#f14e4e, #f14e4e), linear-gradient(#fff, #fff); position: fixed; bottom: 96rpx; right: 3%; display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius: 50%; color: #fff; font-size: 20rpx; } .posBtn icon { margin-top: -16rpx; height: 49rpx; }