.rui-toast{ position:fixed; list-style: none; padding: 0; bottom:10px; z-index: 999999; font-family: 'ptd','pps','Helvetica Neue', Helvetica, Arial, sans-serif; font-size:14px; line-height:1.6; }
.rui-toast li{ margin: 10px 0 0 0; display:flex; align-items:center; background-color:#fcf8e3; color:#c09853; border:1px solid #fbeed5; padding:8px 12px; border-radius: 16px; -webkit-border-radius: 16px; box-shadow: 0 2px 5px rgba(0,0,0,.15); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.15); min-height:62px }
.rui-toast li:first-child{ margin-top:0; }
.rui-toast li.error{ color: #fff; background-color: #FF4A5C; border-color: #FF4A5C; }
.rui-toast li.warning{ color: #fff; background-color: #FFAF02; border-color: #FFAF02; }
.rui-toast li.info{ color: #fff; background-color: #7147FF; border-color: #7147FF; }
.rui-toast li.success{ color: #fff; background-color: #19D098; border-color: #19D098; }
.rui-toast li.custom{ color: #fff; background-color: #7147FF; border-color: #7147FF; }
.rui-toast li::before{font-family:"remixicon"; font-size: 24px; margin-right:14px }
.rui-toast li.error::before{content:"\eb96";}
.rui-toast li.warning::before{content:"\ea20";}
.rui-toast li.info::before{content:"\ee58";}
.rui-toast li.success::before{content:"\eb80";}
.rui-toast li.custom::before{content:"\f044";}