Firefox CSS动画

我有移动视图动画，该动画在Chrome移动设备上完美运行，但在Firefox移动设备上效果却差强人意。

<div 
class="fptext">text/text   
Text/text</div>
<div  
class="fatext">text/text/
text/txt</div>

CSS动画：

@media (max-width: 768px). 
{.fptext {animation: fadeout 
50s ease forwards;animation. 
delay: 0s;padding:0px;
}}

@keyframes fadeout{
from {font-size: 0px} to 
{font-size: 40px;}}

@media(max-width: 768px). 
{.fatext{animation: bigger 
50s ease forwards;animation. 
delay: 0s;; 
position:relative;font-size: 
15px; color:#43ff0a;bottom: 
1700px; font- 
weight:bolder;padding: 
0px;background 
color:blue;display:block
;margin-bottom: -1750px
}} 

@keyframes bigger 
{from{font-size: 0px} to 
{font-size: 18px;}}