.notice{
    height: 100%;
    overflow: hidden;
    .notice-header{
        display: inline-block;
        width: 12px;
        height: 12px;
        position: relative;
        top: 1px;
        background-image: url('./notice_icon_v2.svg') !important;
        background-repeat: no-repeat;
    }
    .notice-text {
        position: relative;
        left: 0;
    }
    .no-data-body{
        margin-top: -23px !important;
    }
    .wrapper{
        min-height: 104px;
        // margin-top: 15px;
        .have-data{
            margin-bottom: 15px;
            overflow: hidden;
        }
        .notice-contain{
            max-height: 104px !important;
            font-size:14px;
            color:#6b7175;
            line-height:16px;
            text-align: left;
            position: relative;
            background: #fff;
            .type{
                font-size:12px;
                color:#39b6ff;
                line-height:18px;
                text-align:center;
                background:rgba(57,182,255,0.10);
                border-radius:86px;
                width:68px;
                height:18px;
                margin-right: 12px;
                display: inline-block;
            }
            .dot{
                position: absolute;
                right: 17px;
                bottom: 0px;
                display: inline-block;
                background-color: #fff;
                width: 14px;
                height: 17px;
            }
            .notice-text{
                height: 19px;
                margin-bottom: 5px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }
            .view-more{
                bottom: 0;
            }
        }
    }
}
.notice-card {
    height: 105px;
}
.notice-item {
    padding: 12px 12px 0px 12px;
    font-size: 14px !important;
    height: 93px;
    position: relative;
    overflow: hidden;
    background: #fff;
&-type{
    .upaas-icon-gonggao {
        display: inline-flex;
        padding-right: 5px;
        font-size: 10px;
    }
    color: #fff;
    // background:#39b6ff;
    line-height: 20px;
    text-align: center;
    border-radius:86px;
    height: 20px;
    max-width: 95%;
    padding: 0 9px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
&-title {
    margin-top: 8px;
    margin-bottom: 6px;
    color: #3a4247;
    line-height: 16px;
    height:32px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    word-wrap:break-word;
    word-break:break-all;
    display: -webkit-box;
    -webkit-line-clamp:2;
    /* autoprefixer: ignore next */
    -webkit-box-orient: vertical;
}
&-time {
    font-size: 12px;
    color:#9da1a3;
    line-height: 14px;
    text-align: right;
    position: absolute;
    right: 12px;
}
}
.vux-marquee {
width: 100%;
overflow: hidden;

}

.vux-marquee-box {
padding: 0;
margin: 0;
width: 100%;
height: auto;
overflow: hidden;

li {
    margin: 0;
    width: 100%;
}
}