常用样式封装 common.css

/* 色彩类 */

.red{
    color:#f00;
}
    
/* 字体类 */

.fz-8{
    font-size: 8px;
}
.fz-10{
    font-size: 10px;
}
.fz-14{
    font-size: 14px;
}
.fz-20{
    font-size: 20px;
}
    
/* 布局类 */

.dn{
    display: none;
}
.db{
    display: block;
}
.dib{
    display: inline-block;
}

/* 浮动类 */

.fl {
    float: left;
}
.fr {
    float: right;
}


/* 清除浮动 */

.clearfix:before,
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
.clearfix {
    zoom: 1;
}


/* 间距类 */

.mb-50 {
    margin-bottom: 50px;
}
.mb-40 {
    margin-bottom: 50px;
}
.mb-30 {
    margin-bottom: 20px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-5 {
    margin-bottom: 5px;
}
.mt-10{
    margin-top: 10px;
}
.mt-20{
    margin-top: 20px;
}
.mt-30{
    margin-top: 30px;
}
.mt-40{
    margin-top: 40px;
}
.mt-50{
    margin-top: 50px;
}
.mr-10{
    margin-right: 10px;
}
.mr-20{
    margin-right: 20px;
}
.mr-30{
    margin-right: 30px;
}
.ml-10{
    margin-left: 10px;
}
.ml-20{
    margin-left: 20px;
}
.ml-30{
    margin-left: 30px;
}
.ml-50{
    margin-left: 50px;
}
.ml-100{
    margin-left: 100px;
}
.ml-130{
    margin-left: 130px;
}