/*弹幕*/
#danmu>*{box-sizing:border-box;}
#danmu {
    position:fixed;
    z-index:999;
    max-width:320px;
    width:auto;
    right:10px;
    bottom:40px;
}
#danmu li {
    display:flex;
    align-items:center;
    opacity:0;
    border-radius:20px;
    color:#fff;
    padding:4px 10px 4px 4px;
    clear:both;
    font-size:13px;
    min-height:34px;
    float:right;
    line-height:1.4;
    max-width:100%;
    overflow:hidden;
}
#danmu li a.img {
    width:auto;
    min-width:58px;
    height:26px;
    display:flex;
    align-items:center;
    margin-right:8px;
    color:#fff;
    flex:0 0 auto;
}
#danmu li a:hover {color:var(--theme-color)!important}
#danmu li img {
    width:26px;
    height:26px;
    border-radius:100%;
    vertical-align:inherit;
    flex:0 0 auto;
}
#danmu li .danmu-name {
    margin-left:6px;
    white-space:nowrap;
}
#danmu li .danmu-text {
    display:flex;
    align-items:center;
    min-width:0;
    overflow:hidden;
    flex:1 1 auto;
}
#danmu li a.altitle {
    display:inline-block;
    min-width:0;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#fff;
    vertical-align:middle;
}
#danmu li .danmu-meta {
    margin-left:6px;
    white-space:nowrap;
    flex:0 0 auto;
    color:#fff;
}

@media screen and (max-width:900px) {
    #danmu {
        width:50vw;
        max-width:50vw;
        right:10px;
        bottom:20px;
    }
    #danmu li {
        font-size:12px;
    }
    #danmu li a.img {
        min-width:52px;
    }
}