.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; } } }