.announcement-box{
  display:none;
  flex: none;
  height: unset;
  margin-top: clamp( 10px,3vw,30px);
  background-color: #f3f3f3;
  border-radius: 5px;
  height:37px;
}
.announcement-title{
  height: 100%;
  flex:none;
  filter:drop-shadow(rgba(0, 0, 0, 0.29) 0px 0px 8px);
  border-radius: 5px;
  position:relative;
}
.announcement-title-img{
  position:relative;
  z-index:10;
  height:100%;
}
.announcement-title picture img,.announcement-title-img picture img{
  width:unset;
  height:100%;
}
.announcement-title-tip{
  width:clamp( 10px,1.6vw,16px );
  position:absolute;
  z-index:99;
  right:-1px;
  top:-3px;
}
.announcement-box-right-box{
  height:100%;
  flex:1;
  display:flex;
  align-items:center;
}
.announcement-box-right-unit{
  margin-left: clamp( 10px,2vw,20px);
  font-size:clamp( 10px,2vw,16px );
}
.announcement-box-right-box .str_wrap{
  background-color:rgba(0,0,0,0);
}
.announcement-box-right{
  flex:1;
}
.announcement-box-list{
  display:flex;
}
.keyword-box{
  flex:none;
  margin-right:11px;
}
.keyword-box .announcement-box-right{
  display:flex;
  flex:none;
  padding-right:20px;
}
.keyword-box .announcement-box-right-unit{
  flex:none;
  transition:0.5s;
}
.keyword-box .announcement-box-right-unit:hover{
  color: #b5020e;
}
.announcement-box1{
  flex:1;
}
@media (max-width:992px){
  .announcement-box{
    height: 22px;
  }
}
@media (max-width:576px){
  .announcement-box{
    height:clamp( 1px,7.47vw,43px );
    margin-right:0;
  }
  .announcement-box .str_wrap{
    font-size:clamp( 1px,3.85vw,16px );
  }
  .announcement-box-right-unit{
    font-size:clamp(1px,3.85vw,16px);
  }
  .announcement-box{
    width:100%;
  }
  .announcement-box-right-box{
    overflow-x:auto;
    overflow-y:hidden;
  }
  .announcement-box-list{
    display:block;
  }
}