/*********************  公共属性  ********************/

.ml20 { margin-left: 20px !important;}

.m-10{ margin:10px;}
.mt-10{ margin-top:10px;}
.ml-10{margin-left:10px;}
.mr-10{ margin-right:10px}
.mb-10{ margin-bottom:10px;}
.mx-10{ margin-left:10px; margin-right:10px}
.my-10{ margin-top:10px; margin-bottom:10px}

.m-20{ margin:20px;}
.mt-20{ margin-top:20px;}
.ml-20{margin-left:20px;}
.mr-20{ margin-right:20px}
.mb-20{ margin-bottom:20px;}
.mx-20{ margin-left:20px; margin-right:20px}
.my-20{ margin-top:20px; margin-bottom:20px}

.p-10{ padding:10px;}
.pt-10{ padding-top:10px;}
.pl-10{ padding-left:10px;}
.pr-10{ padding-right:10px}
.pb-10{ padding-bottom:10px;}
.px-10{ padding-left:10px; padding-right:10px}
.py-10{ padding-top:10px; padding-bottom:10px}

.f-12{ font-size:12px;}
.f-14{ font-size:14px;}
.f-20{ font-size: 20px;}

.text-light{ color:#F7F7F7;}
.text-9{ color:#999;}
.text-8{ color:#888;}
.text-6{ color:#666;}
.text-3{ color:#333;}


.vertical-align-middle{ vertical-align: middle}

.pagination-total {
    height: 32px;
    line-height: 32px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.hide{ display:none;}
.text-center{ text-align: center;}
.hide{ display: none;}