.announce-bar{position:relative;width:100%;height:var(--ann-h,44px);overflow:hidden;box-shadow:0 1px 4px rgba(10,125,140,.1)}
.announce-track{display:flex;transition:transform .5s cubic-bezier(.25,.46,.45,.94);height:100%}
.announce-item{flex:0 0 100%;display:flex;align-items:center;justify-content:center;padding:0 20px;font-size:15px;font-weight:600;color:#fff;text-align:center;letter-spacing:.5px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.announce-text{min-height:var(--ann-h,44px)}
.announce-img{min-height:var(--ann-img-h,44px);padding:0;justify-content:flex-start}
.announce-img img{flex:1;min-width:0;height:var(--ann-img-h,44px);object-fit:fill;display:block}
.img-scroll-wrap{display:flex;width:100%;height:100%;transition:transform .4s ease}
.announce-dots{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);display:flex;gap:4px;z-index:10}
.announce-dots span{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.35);transition:background .3s}
.announce-dots span.on{background:#fff}
.announce-bar[data-animation="slide_v"] .announce-track{flex-direction:column}
.announce-bar[data-animation="slide_v"] .announce-item{flex:0 0 auto}
.announce-bar[data-animation="hidden"]{display:none}
.announce-bar[data-animation="scroll_h"] .announce-item{overflow:hidden;flex:0 0 100%}
.announce-bar[data-animation="fade"] .announce-track,.announce-bar[data-animation="zoom_in"] .announce-track,.announce-bar[data-animation="zoom_out"] .announce-track,.announce-bar[data-animation="flip_x"] .announce-track,.announce-bar[data-animation="flip_y"] .announce-track,.announce-bar[data-animation="cover_h"] .announce-track{position:relative}
.announce-bar[data-animation="fade"] .announce-item,.announce-bar[data-animation="zoom_in"] .announce-item,.announce-bar[data-animation="zoom_out"] .announce-item,.announce-bar[data-animation="flip_x"] .announce-item,.announce-bar[data-animation="flip_y"] .announce-item,.announce-bar[data-animation="cover_h"] .announce-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;flex:none}
.announce-bar[data-animation="fade"] .announce-item.active{opacity:1;transition:opacity .5s ease}
.announce-bar[data-animation="zoom_in"] .announce-item{transform:scale(.8)}
.announce-bar[data-animation="zoom_in"] .announce-item.active{opacity:1;transform:scale(1);transition:opacity .5s ease,transform .5s ease}
.announce-bar[data-animation="zoom_out"] .announce-item.active{opacity:1;transform:scale(1);transition:opacity .5s ease,transform .5s ease}
.announce-bar[data-animation="zoom_out"] .announce-item.active-out{opacity:0;transform:scale(1.2);transition:opacity .5s ease,transform .5s ease}
.announce-bar[data-animation="flip_x"]{perspective:800px}
.announce-bar[data-animation="flip_x"] .announce-item{transform:rotateX(90deg);backface-visibility:hidden}
.announce-bar[data-animation="flip_x"] .announce-item.active{opacity:1;transform:rotateX(0);transition:opacity .5s ease,transform .5s ease}
.announce-bar[data-animation="flip_y"]{perspective:800px}
.announce-bar[data-animation="flip_y"] .announce-item{transform:rotateY(90deg);backface-visibility:hidden}
.announce-bar[data-animation="flip_y"] .announce-item.active{opacity:1;transform:rotateY(0);transition:opacity .5s ease,transform .5s ease}
.announce-bar[data-animation="cover_h"] .announce-item{transform:translateX(100%)}
.announce-bar[data-animation="cover_h"] .announce-item.active{opacity:1;transform:translateX(0);transition:opacity .4s ease,transform .4s ease}
.announce-bar[data-animation="cover_h"] .announce-item.active-out{opacity:1;transform:translateX(0)}
.announce-bar[data-animation="none"] .announce-track{display:block}
.announce-bar[data-animation="none"] .announce-item{flex:none;display:flex}
.announce-bar[data-animation="push_h"] .announce-track{position:relative}
.announce-bar[data-animation="push_h"] .announce-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;flex:none;transform:translateX(100%)}
.announce-bar[data-animation="push_h"] .announce-item.active{opacity:1;transform:translateX(0);transition:opacity .4s ease,transform .4s ease}
.announce-bar[data-animation="push_h"] .announce-item.active-out{opacity:1;transform:translateX(-100%);transition:opacity .4s ease,transform .4s ease}
@media(max-width:768px){.announce-item{font-size:13px;padding:6px 12px;letter-spacing:0;white-space:normal;line-height:1.3}.announce-bar{height:auto!important;min-height:44px}.announce-text{min-height:44px}.announce-track{height:auto}}