常用less变量定义

@bgfff:#fff;
.bg(@color){background:@color;}
.color(@color){color:@color;}
.bgf{background:#fff;}
.col333{color:#333}
.cof{color:#fff}
.col666{color:#666}
.col999{color:#999}
.colf53{color:#f53}
.rel{position:relative;}
.abs{position:absolute;}
.abslt(@left,@top){.abs;left:@left;top:@top;}
.ft(@size){font-size:@size;}

.minh(@height){min-height:@height;}
.maxh(@height){max-height:@height;}

.verali(@pos){vertical-align:@pos;}
.vertop{
.verali(top);
}

.lh(@height){line-height:@height;}
.fwbold{font-weight:bold;}
.fl{float:left;}
.fr{float:right;}
.tc{text-align:center;}

.mt(@size){margin-top:@size}
.mb(@size){margin-bottom:@size}
.ml(@size){margin-left:@size}
.mr(@size){margin-right:@size}

.pt(@size){padding-top:@size}
.pb(@size){padding-bottom:@size}
.pl(@size){padding-left:@size}
.pr(@size){padding-right:@size}

.bg(@color){background:@color};
@images: "../images";
.w(@width){@width;}
.h(@height){height:@height;}
.boradius(@size){
border-radius:@size;
}

.inblock{display:inline-block}
.show{display:block;}
.hide{display:none;}

.border(@color){
border:1px solid @color;
}
.bgimg(@img,@pos){
background:url("@{images}/@{img}") no-repeat @pos;
}