无法使用css在svg中设置g类的动画

我已经在svg中创建了一些线条和路径，我想通过简单的左右变换来设置动画。我在illustrator中创建了svg，在我的代码编辑器中导出并清理了它，为所有g都指定了一个类名。例如：

<g class="T_h"><line x1="59" y1="240" x2="59" y2="285" class="style0"/></g>

---

但它不起作用。它适用于div类，但不适用于g类。然而，我知道可以为g类设置动画，那么问题出在哪里呢？

g是否有

位置：相对或
位置：绝对？否则，请尝试
.T_h{位置：相对；动画：幻灯片2缓入退出；}
我尝试了两者，但仍然不起作用！请从
line
class
style0
显示样式。style0{stroke:#FF0000；笔划宽度：4；笔划斜接限制：10；填充：无；}（以这种方式从illustrator导入）。
标记不支持左侧或顶部属性。您需要对它们设置一个变换。
@-webkit-keyframes slide {
0%   {left: 0; top:0;}
100% {left: 50px; top: 0;}
}

.T_h {
animation: slide 2s ease-in-out;
}