.news-panel{
position:fixed;
left:50%;
bottom:12px;
top:auto;
transform:translateX(-50%);
width:min(700px,80%);
height:42px;
padding:7px 15px;
border:1px solid #d4af37;
border-radius:14px;
background:#111e;
z-index:1000;
}
.news-title{
font-size:13px;
margin:0 0 3px;
}
.news-window{
height:22px;
overflow:hidden;
white-space:nowrap;
}
.news-track{
display:inline-block;
position:static;
writing-mode:horizontal-tb;
font-size:13px;
line-height:22px;
white-space:nowrap;
animation:moveNews 35s linear infinite;
}
@keyframes moveNews{
from{transform:translateX(100%)}
to{transform:translateX(-100%)}
}
@media(max-width:600px){
.news-panel{
bottom:8px;
width:82%;
height:34px;
padding:4px 8px;
border-radius:10px;
}
.news-title{
display:none;
}
.news-window{
height:24px;
}
.news-track{
font-size:11px;
line-height:24px;
}
}