.fl{
    float: left;
}
.fr{
    float: right;
}
/* header */
.bb-header{
    position: sticky;
    top: 0;
    width:100%;
    padding:10px 0 5px 0;
    background: linear-gradient( 230deg, #3d87f6, #3e7ff3, #4074ef, #426bec, #4269eb );;
    border-bottom: 1px solid #DCDCDC;
}
.bb-header>div{
    width: 100%;
}
.bb-header img{
    /* float: left; */
    width: 202px;
}
.bb-header .bb-header-nav {
    float: right;
}
.bb-header .bb-header-nav li{
    float: left;
    margin: 0px 30px;
    padding-top: 20px;
    font-size: 20px;
}
.bb-header .bb-header-nav li a{
    padding-bottom: 6px;
    color: #fff;
}
.bb-header .bb-header-nav .bb-header-nav__active a{
    border-bottom: 3px solid #fff;
    color: #fff;
    font-size: 24px;
}
.bb-header .bb-header-nav .bb-header-nav__active{
    margin-top: -4px;
}