.product-message{width:fit-content;max-width:calc(100% - 48rpx);margin:0 24rpx;padding-top:8rpx;position:relative;z-index:101;box-sizing:border-box;flex:0 0 auto;animation:product-message-float-up .3s ease-in-out forwards}.product-message-card{max-width:100%;padding:6rpx 16rpx;border-radius:16rpx;background:rgba(0,0,0,.2);box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start}.product-message-left{max-width:100%;display:flex;align-items:center;min-width:0}.product-message-tag{flex:0 0 auto;padding:2rpx 10rpx;border-radius:16rpx;background:#fff;font-size:calc(20rpx + .5 * (1rem - 16px));line-height:calc(28rpx + .5 * (1rem - 16px));color:rgba(22,24,35,.75);margin-right:8rpx}.product-message-text{min-width:0;max-width:100%;font-size:calc(26rpx + .5 * (1rem - 16px));line-height:calc(36rpx + .5 * (1rem - 16px));font-weight:500;color:#feb400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-message-action{margin-top:2rpx;display:flex;align-items:center;font-size:calc(24rpx + .5 * (1rem - 16px));line-height:calc(34rpx + .5 * (1rem - 16px));font-weight:500;color:#fff}.product-message-arrow{width:10rpx;height:10rpx;margin-left:6rpx;border-top:2rpx solid currentColor;border-right:2rpx solid currentColor;transform:rotate(45deg);box-sizing:border-box}@keyframes product-message-float-up{0%{transform:translateY(50%);opacity:0}100%{transform:translateY(0);opacity:1}}