.goods { display: flex; margin-bottom: 20rpx; } .goods .img { width: 200rpx; height: 200rpx; background: #f8f8f8; overflow: hidden; margin: 0 20rpx; } .goods .img image { width: 100%; height: 100%; } .goods .info { text-align: left; width: 512rpx; padding-right: 20rpx; border-bottom: solid 2rpx #ebebeb; padding-bottom: 20rpx; } .goods .info .info_a { font-size: 32rpx; font-weight: bold; line-height: 48rpx; max-height: 96rpx; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .goods .info .info_a .font { font-size: 24rpx; color: #8c8c8c; font-weight: normal; margin-left: 20rpx; } .goods .info .info_b { font-size: 24rpx; color: #8c8c8c; } .goods .info .info_b .span { font-size: 40rpx; color: #337ef9; font-weight: bold; margin-right: 20rpx; } .goods .info .info_b .span .font { font-size: 28rpx; font-weight: normal; } .goods .info .info_c { font-size: 24rpx; color: #8c8c8c; } .goods .info .info_d { font-size: 24rpx; color: #259b24; } .goods .info .info_e { color: #f15353; display: flex; align-items: center; justify-content: space-between; } .goods .info .info_e .left { display: flex; align-items: center; } .goods .info .info_e .span { font-size: 40rpx; font-weight: bold; } .goods .info .info_e .font:last-child { color: #8c8c8c; } .goods .info .info_e .boder-btn { letter-spacing: 1px; margin: 20rpx 0 0 20rpx; background-color: #f15353; font-size: 32rpx; font-weight: 500; width: 115rpx; height: 44rpx; line-height: 44rpx; text-align: center; border-radius: 6rpx; border: 2rpx solid #f15353; color: #fff; }