.notice-bar {
    display: flex;
    align-items: center;
    background-color: var(--color-orange-light, #fff6f0);
    color: var(--color-orange, #fa6400);
    font-size: 30.609rpx;
    padding: calc(var(--v-spacing-md, 36.232rpx) - 1.861rpx) var(--h-spacing-md, 30.797rpx);
    line-height: 1.2;
}

.no-padding {
    padding: calc(var(--v-spacing-md, 36.232rpx) - 1.861rpx) var(--h-spacing-md, 30.797rpx);
    padding-right: 0;
}

.notice-bar .text-container {
    display: flex;
    flex: auto;
    overflow-x: hidden;
}

.notice-bar .text {
    flex: none;
    line-height: 1.2;
    white-space: nowrap;
}

.notice-bar .close-icon {
    display: flex;
    flex: none;
    margin-left: var(--h-spacing-sm, 18.116rpx);
}