@import "../../../theme/color.css.less";





 .ticker {
  margin-bottom:10px;
  background-color:@colorC2;
    
 
 }
 

  .ticker-title {
    background-color:@colorA1;
    color:@colorAInverse;
    padding:8px 0;
    cursor:pointer;
    
    & span {
           transition: transform .6s ease-in-out;


      padding:0 8px;
      display:block;
    }
    &:hover{

         color:@colorAInverse;
    background-color:@colorA2;
    }
    
     &:hover > span { 

               transform:   rotate(360deg);

     }
  }
 
  
 
.ticker-text {
    background-color:@colorC2;
      direction:ltr;
 color:@colorA1;
    & a {
     
      color:@colorA1;
      &:hover {  color:@colorA1; }
    }
    &  marquee {
       direction:ltr;
       overflow:hidden;
    }
    
    & span .typcn { opacity:.7  }
    
 
    & .marquee-inner-container{
      padding:10px 5px  0 5px;
      max-height:30px;
      }
        
        
  }