@import "../styles/_base.less";


.l-noticebar {
    display: flex;
    height: 72rpx;
    width: 750rpx;
    line-height: 72rpx;
    font-size: 28rpx;
    color: @theme-color;
    background-color: #dfedff;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgba(218, 224, 233, 0.4);
    border-radius: 0 0 8px 8px;
    &-icon {
        display: flex;
        margin-left: 20rpx;
        margin-right: 18rpx;
        align-items: center;
        & + .l-noticebar-content-wrap-view {
            margin-left: 5rpx;
        }
    }

    &-operation {
        display: flex;
        margin-right: 16rpx;
        margin-left: 8rpx;
        align-items: center;
    }

    &-content-wrap {
        display: flex;
        margin-left: 5rpx;
        flex: 1;
        height: 72rpx;
        position: relative;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        .l-noticebar-content {
            position: absolute;
            transition-duration:20s;
        }

    }
}