@beeapi/nutui/dist/packages/noticebar/noticebar.css

一套轻量级移动端Vue组件库

/*!
 * @beeapi/nutui v2.2.10 - noticebar.css, 451ed2404bee284b891e, Sat Dec 19 2020 12:06:10 GMT+0800 (中国标准时间)
 * (c) 2017-2020 JDC
 * Released under the MIT License.
 */.nut-noticebar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;padding:0 16px;font-size:14px;line-height:24px;position:relative;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#848484;background-color:#fbf8dc;color:#d37d42}.nut-noticebar.wrapable{height:auto;padding:8px 16px}.nut-noticebar.wrapable .wrap{height:auto}.nut-noticebar.wrapable .wrap .content{position:relative;white-space:normal;word-wrap:break-word}.nut-noticebar a{text-decoration:none;color:#d37d42}.nut-noticebar .withicon{position:relative;padding-right:40px}.nut-noticebar .left-icon{height:16px;min-width:16px;margin-right:5px;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:100% 100%}.nut-noticebar .right-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-width:20px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:5px}.nut-noticebar .wrap{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:24px;overflow:hidden;position:relative}.nut-noticebar .content{position:absolute;white-space:nowrap}.nut-noticebar .content.nut-ellipsis{max-width:100%;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.nut-noticebar .play{-webkit-animation:nut-notice-bar-play linear both running;animation:nut-notice-bar-play linear both running}.nut-noticebar .play-infinite{-webkit-animation:nut-notice-bar-play-infinite linear infinite both running;animation:nut-notice-bar-play-infinite linear infinite both running}.nut-noticebar .play-vertical{-webkit-animation:nut-notice-bar-play-vertical linear infinite both running;animation:nut-notice-bar-play-vertical linear infinite both running}@-webkit-keyframes nut-notice-bar-play{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes nut-notice-bar-play{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes nut-notice-bar-play-infinite{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes nut-notice-bar-play-infinite{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes nut-notice-bar-play-vertical{to{-webkit-transform:translateY(40px);transform:translateY(40px)}}@keyframes nut-notice-bar-play-vertical{to{-webkit-transform:translateY(40px);transform:translateY(40px)}}