一些兼容性问题

火狐浏览器这些写会失效：

  transform:translateY(-56%);

改为这样写：

    transform: all translateY(-56%);

ios input输入光标会很长：不给input设置高度，使用padding或者仅设置外层div的高度、或者改小line-height

<div>
    <input type="text" name="name" />
</div>