/** page-msg */
.ico-bell { width: 24px; height: 24px; background: url('../images/icon-newmsg.png') no-repeat; background-size: 100% 100%; }
.botom-msg {
    position: absolute; left: 0; right: 0; bottom: 0; z-index: -1; 
    padding: 0 16px 4px; visibility: hidden; transition: bottom .2s linear;
}
.botom-msg p, .botom-msg .item { height: 32px; margin-bottom: 8px; }
.botom-msg p a, .botom-msg .item .txt {
    position: relative; padding: 8px 12px 8px 32px; height: 32px; border-radius: 32px; background-color: rgba(0,0,0, .7); 
    display: inline-block; vertical-align: middle;
    font-size: 12px; color: #fff; line-height: 18px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;  color: #fff; 
}
.botom-msg p .ico-bell, .botom-msg .item .ico-bell { position: absolute; left: 4px; top: 4px; margin-top: 0; }
.botom-msg.is-show { bottom: 100%; visibility: visible; }
.botom-msg.botom-fixed { position: fixed; z-index: 800; }
.botom-msg.botom-fixed.is-show { bottom: 50px; }