mui弹框样式更改至居中

在项目开如中，使用了mui.toast来实现可自动消失的信息提示效果。
但默认的显示效果太差了，很不显示，而且是在底部的。
想改到屏幕的中间位置，再改大一点。
但官方并没有相关的文档教程，论坛也没找到相关的教程。

经过debugger调试发现弹框布局如下：

<div class="mui-toast-container mui-active">
    <div class="mui-toast-message">
      文字显示区
  </div>
</div>

所以就可以通过修改css类开更改样式了

.mui-toast-container {bottom: 50% !important;}
/*.mui-toast-message {background: url(url(../img/toast.png) no-repeat center 10px #000; opacity: 0.6; color: #fff; width: 180px; padding: 70px 5px 10px 5px;}*/

其它弹框样式也可debugger调试更改样式

最终发现在安卓（小米机）真机上弹框还是显示在最底部。