*{
    padding:0;
    margin:0;
 }
.toast{ position:fixed; list-style: none; padding: 0; bottom:0; width:100%; z-index: 999999; font-family:"Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; }
.toast li{ display:block; text-align: center; }
.toast span { display: inline-block; margin: 5px 0 0 0; text-align: center; font-size:14px;background-color: rgba(0, 0, 0, 0.8); color:#ffffff; padding:10px 10px; border-radius: 8px; -webkit-border-radius: 8px;
  /*  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow: 0 2px 5px rgba(0,0,0,.15); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.15); */ }
.toast li.danger span{ color: #b94a48; background-color: #f2dede; border-color: #eed3d7; }
.toast li.info span{ color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; }
.toast li.success span{ color: #468847; background-color: #dff0d8; border-color: #d6e9c6; }