#traningNav {
    display: flex 
}
 #traningNav>li {
    float: none !important;
}
 /* 最后一个item 占满剩余空间 */
#traningNav>li:last-child{
    flex: 1;
}

#traningNav>li>.ecTitle {
    width: 24px;
    height: 24px;
    border: 1px solid rgba(65, 140, 205, 1);
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    display: inline-block;
    color: rgba(65, 140, 205, 1) !important;
    margin-right: 10px;
}
#traningNav>li>.ecTitles {
    line-height: 16px !important;
    height: 18px!important;
    width: 18px!important;
}

#traningNav>li>.ecTitlefont:hover{
    color: rgba(65, 140, 205, 1)  !important;
}

.ecimgs3{
    background: url("./img/3.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    height: 90px;
    line-height: 90px;
    width: 235px;
}
.ecimgs2{
    background: url("./img/4.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    height: 90px;
    line-height: 90px;
    width: 190px;
}
.ecimgs11{
    background: url("./img/3.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    height: 90px;
    line-height: 90px;
    width: 146px;
}
.ml18{
    margin-left: 18px;
}
.ecimgs{
    height: 90px;
    line-height: 90px;
}
.ecmarginleft{
    margin-left: 23px;
}

#traningNav>li>.ecTitlefontFFF{
    color:#fff  !important;
}

#traningNav>li>.ecTitleFFF {
    width: 24px;
    height: 24px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    display: inline-block;
    color: #fff !important;
    margin-right: 10px;
}
.traningNavs{
    padding: 0px 0px 0px 0px  !important;
}
.traningNavs>li{
    padding: 0px 10px 30px 10px !important;
}

.mb0{
    margin-bottom: 0px !important;
}

.info2{
  width:232px;
    text-align: center;
}
.info1{
  width: 206px;
    text-align: center;
}