.notice-wrap {
    .trend {
        position: relative;
        box-sizing: border-box;
        float: left;
        width: 170px;
        height: 72px;
        background: url("/channel/trend.png") no-repeat center center;
        background-size: 90%;
        background-color: #fff;

        &:after {
            content: "";
            position: absolute;
            right: 0;
            top: 16px;
            width: 1px;
            height: 40px;
            background: #eee;
        }
    }

    .notice {
        box-sizing: border-box;
        float: left;
        padding: 0 30px;
        background: #fff;
        width: 470px;
        height: 72px;
        overflow: hidden;

        .notice-item {
            display: block;
            width: 100%;
            font-size: 24px;
            line-height: 72px;
            color: #444;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .notice-icon {
            display: inline-block;
            margin-right: 10px;
            width: 23px;
            height: 22px;
            background: url("/channel/volume.png");
            vertical-align: middle;
        }

        span.notice-icon {
            background-repeat: no-repeat !important;
        }
    }
}