lib.less

lib.less

.c0{color:#000;}.c3{color:#333;}.c4{color:#444;}.c6{color:#666;}.c9{color:#999;}.cc{color:#ccc;}.cf{color:#fff;}.red{color:red;}.green{color:green;}
@c0:#000;@c3:#333;@c4:#444;@c6:#666;@c9:#999;@cc:#ccc;@cf:#fff;@red:red;@green:green;
.ffa{font-family:Arial;}.ffs{font-family:'宋体';}.ffyh{font-family:'微软雅黑';}
.n{font-weight:normal;font-style:normal;}.b{font-weight:bold;}.i{font-style:italic;}//a-z
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}.tj{text-align:justify;}
.vt{vertical-align:top;}.vm{vertical-align:middle;}.vb{vertical-align:bottom;}.vtb{vertical-align:text-bottom;}
.tdu{text-decoration:underline;}.tdn{text-decoration:none;}
.toe{text-overflow:ellipsis;}
.wsn{white-space:nowrap;}.wsp{white-space:pre;}.wbk{word-wrap:break-word;}

.dn{display:none;}.db{display:block;}.dib{display:inline-block;}.di{display:inline;}.dt{display:table;}.dtc{display:table-cell;}
.l{float: left;}.r{float: right;}//a-z
.cb{clear:both;}.oh{overflow:hidden;}.oa{overflow:auto;}
.vh{visibility:hidden;}.vv{visibility:visible;}
.rel{position:relative;}.abs{position:absolute;}.fixed{position:fixed;}
.poi{cursor:pointer;}.def{cursor:default;}
.zo{*zoom:1;}

.w(@x){width:@x;}.h(@x){height:@x;}.minw(@x){min-width:@x;}.maxw(@x){max-width:@x;}.minh(@x){min-height:@x;}.maxh(@x){max-height:@x;}//a-z
.lh(@x){line-height:@x;}
.fs(@x){font-size:@x;}
.zi(@x){z-index:@x;}
.opt(@x){opacity:@x;}
.tx(@x){top:@x;}.rx(@x){right:@x;}.bx(@x){bottom:@x;}.lx(@x){left:@x;}
.ma{margin-left:auto;margin-right:auto;}
.m(@x){margin:@x;}.mt(@x){margin-top:@x;}.mr(@x){margin-right:@x;}.mb(@x){margin-bottom:@x;}.ml(@x){margin-left:@x;}.mtb(@x){margin-top:@x;margin-bottom:@x;}.mlr(@x){margin-left:@x;margin-right:@x;}//a-z
.p(@x){padding:@x;}.pt(@x){padding-top:@x;}.pr(@x){padding-right:@x;}.pb(@x){padding-bottom:@x;}.pl(@x){padding-left:@x;}.ptb(@x){padding-top:@x;padding-bottom:@x;}.plr(@x){padding-left:@x;padding-right:@x;}//a-z
//margin,padding fixed value
.m1{margin:1px;}.m2{margin:2px;}.m3{margin:3px;}.m4{margin:4px;}.m5{margin:5px;}.m10{margin:10px;}.m15{margin:15px;}.m20{margin:20px;}.m25{margin:25px;}.m30{margin:30px;}.m50{margin:50px;}
.ml1{margin-left:1px;}.ml2{margin-left:2px;}.ml3{margin-left:3px;}.ml4{margin-left:4px;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml25{margin-left:25px;}.ml30{margin-left:30px;}.ml50{margin-left:50px;}
.mr1{margin-right:1px;}.mr2{margin-right:2px;}.mr3{margin-right:3px;}.mr4{margin-right:4px;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr50{margin-right:50px;}
.mt1{margin-top:1px;}.mt2{margin-top:2px;}.mt3{margin-top:3px;}.mt4{margin-top:4px;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}.mt50{margin-top:50px;}
.mb1{margin-bottom:1px;}.mb2{margin-bottom:2px;}.mb3{margin-bottom:3px;}.mb4{margin-bottom:4px;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb25{margin-bottom:25px;}.mb30{margin-bottom:30px;}.mb50{margin-bottom:50px;}
.p1{padding:1px;}.p2{padding:2px;}.p3{padding:3px;}.p4{padding:4px;}.p5{padding:5px;}.p10{padding:10px;}.p15{padding:15px;}.p20{padding:20px;}.p25{padding:25px}.p30{padding:30px;}.p50{padding:50px;}
.pl1{padding-left:1px;}.pl2{padding-left:2px;}.pl3{padding-left:3px;}.pl4{padding-left:4px;}.pl5{padding-left:5px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl25{padding-left:25px}.pl30{padding-left:30px;}.pl50{padding-left:50px;}
.pr1{padding-right:1px;}.pr2{padding-right:2px;}.pr3{padding-right:3px;}.pr4{padding-right:4px;}.pr5{padding-right:5px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr25{padding-right:25px}.pr30{padding-right:30px;}.pr50{padding-right:50px;}
.pt1{padding-top:1px;}.pt2{padding-top:2px;}.pt3{padding-top:3px;}.pt4{padding-top:4px;}.pt5{padding-top:5px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt25{padding-top:25px}.pt30{padding-top:30px;}.pt50{padding-top:50px;}
.pb1{padding-bottom:1px;}.pb2{padding-bottom:2px;}.pb3{padding-bottom:3px;}.pb4{padding-bottom:4px;}.pb5{padding-bottom:5px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb25{padding-bottom:25px}.pb30{padding-bottom:30px;}.pb50{padding-bottom:50px;}

.fix{*zoom:1;}.fix:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}

.bg(@x){background:@x;}.bgc(@x){background-color: @x;}
.br(@x){border-radius:@x;-webkit-border-radius:@x;-moz-border-radius:@x;}
.color(@x){color:@x;}
/*
.drtl(){direction: rtl;unicode-bidi: bidi-override;}
.dltr(){direction: ltr;unicode-bidi: bidi-override;}
*/
.drtl(){direction: rtl;}
.dltr(){direction: ltr;}
.bs(@x){box-sizing:@x;-moz-box-sizing:@x;-webkit-box-sizing:@x;}

.ani(@x){animation:@x;-webkit-animation:@x;-moz-animation:@x;}