| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 | 
							- @import '../style/var';
 
- .van-notice-bar {
 
-   position: relative;
 
-   display: flex;
 
-   align-items: center;
 
-   height: @notice-bar-height;
 
-   padding: @notice-bar-padding;
 
-   color: @notice-bar-text-color;
 
-   font-size: @notice-bar-font-size;
 
-   line-height: @notice-bar-line-height;
 
-   background-color: @notice-bar-background-color;
 
-   &__left-icon,
 
-   &__right-icon {
 
-     min-width: @notice-bar-icon-min-width;
 
-     font-size: @notice-bar-icon-size;
 
-   }
 
-   &__right-icon {
 
-     text-align: right;
 
-     cursor: pointer;
 
-   }
 
-   &__wrap {
 
-     position: relative;
 
-     display: flex;
 
-     flex: 1;
 
-     align-items: center;
 
-     height: 100%;
 
-     overflow: hidden;
 
-   }
 
-   &__content {
 
-     position: absolute;
 
-     white-space: nowrap;
 
-     transition-timing-function: linear;
 
-     &.van-ellipsis {
 
-       max-width: 100%;
 
-     }
 
-   }
 
-   &--wrapable {
 
-     height: auto;
 
-     padding: @notice-bar-wrapable-padding;
 
-     .van-notice-bar {
 
-       &__wrap {
 
-         height: auto;
 
-       }
 
-       &__content {
 
-         position: relative;
 
-         white-space: normal;
 
-         word-wrap: break-word;
 
-       }
 
-     }
 
-   }
 
- }
 
 
  |