@import "../user-bullet-screen/bullet-screen";

#system-bullet-screen {
    @extend .bullet-screen;
    overflow: hidden;
    margin-top: 11px;
    margin-bottom: 16px;
    padding-left: 2px;
    display: flex;
    align-items: center;
    transition: height .1s ease-out;

    .sys-bullet-screen-swiper-container{
        height: 100%;
    }

    ul {
        flex: auto;
        max-width: 293px;
    }

    li {
        overflow: hidden;
        height: 30px;

        span {
            display: inline-block;
            white-space: nowrap;
            overflow: visible;
            line-height: 30px;
        }
    }

}
