navibar记录

@import (reference) "kmc-common.less";

.kmc{
font-family: PingFangSC-Reguxlar;
font-weight: lighter;
&.kmc-nav{
background-color: #F34A55;
width: 100%;
height: 55px;
line-height: 65px;
.kmc-left{
width :20%;
float: left;
color:#ffffff;
.kmc-img-left{
width: 16px;
height: 16px;
vertical-align: middle;
margin-left: 15px;
// 图片旋转
transform:rotate(180deg);
-ms-transform:rotate(180deg); /* Internet Explorer */
-moz-transform:rotate(180deg); /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); /* Opera */
}
}
.kmc-middle{
width :60%;
float: left;
vertical-align: middle;
text-align: center;

.kmc-title {
font-family: PingFangSC-Regular;
font-size: 15px;
color: #FFFFFF;
line-height: 16px;
letter-spacing: 3px;
}
.kmc-info {
opacity: 0.6;
font-family: PingFangSC-Regular;
font-size: 13px;
color: #FFFFFF;
line-height: 16px;
}

}
.kmc-right{
width :20%;
float: left;
text-align: right;
color:#ffffff;
.kmc-img-right{
width: 16px;
height: 16px;
vertical-align: middle;
margin-right: 15px;
}
}

}

}