@import "common/var";
.auto-broadcast{
  display: flex;
  overflow: hidden;
  border: 1px solid transparent;
  .icon{
    width: 50px;
    min-width: 50px;
    font-size: 25px;
    text-align: center;
  }
  .text{
    flex: 1;
    overflow: hidden;
    .broadcast-text-content-wrap{
      margin: 0;
      padding: 0;
      list-style: none;
      .broadcast-text-content{
        height: 50px;
        .a-wrap{
          height: 50px;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        a{
          cursor: pointer;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          line-height: 50px;
          color: black;
          &:hover{
            color: $--color-primary;
          }
        }
      }
    }
  }
  .broadcast_marquee_top_1{
    transition: all 0.5s;
    margin-top: -50px
  }
  .broadcast_marquee_top_2{
    transition: all 0.5s;
    margin-top: -100px
  }
  .broadcast_marquee_top_3{
    transition: all 0.5s;
    margin-top: -150px
  }
  .broadcast_marquee_top_4{
    transition: all 0.5s;
    margin-top: -200px
  }
  .broadcast_marquee_top_5{
    transition: all 0.5s;
    margin-top: -250px
  }
}