$baseFontSize:      75px !default;
$dangerColor: 		#FF704F !default;
@function pxToRem($px) {
  @return $px / $baseFontSize * 1rem;
}
.tab-div{
     
    background: #fff;
    width: 100%;
    z-index: 9999;
    .tab-container{
        overflow-x: auto;
        
        .tab{
            margin: 0;
            margin-left: pxToRem(-7px);
            border-bottom: 1px solid  #DDE0E9;/*no*/
            padding-left: 0;
            overflow-x: auto;
            width:1900px;
            li{
                padding: 10px 14px;/*no*/
                list-style: none;
                display: inline-block;
                font-size: 14px; /*no*/
                color: #333333;
                &.active{
                    animation-name: grow;
                    animation-duration: 3s;
                    animation-fill-mode: forwards;
                    -webkit-animation-name: grow;
                    -webkit-animation-duration: 3s;
                    -webkit-animation-fill-mode: forwards;
                    

                }
                
            }
        }
    }
    
}
body{
    margin: 0
}
@keyframes grow {
    0% { color: #000; background: #fff; }
    50%{color: #333333; background: #DDE0E9}
    100% { color: #FF704F; background: #fff}
}