/*文字排版*/
.f10{font-size: 10px;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f24{font-size: 24px;}
.f26{font-size: 26px;}
.f30{font-size: 30px;}
.f32{font-size: 32px;}
.f34{font-size: 34px;}
.f36{font-size: 36px;}
.f40{font-size: 40px;}
.f50{font-size: 50px;}
.f60{font-size: 60px;}

/*行高等*/
.lh12{line-height: 12px;}
.lh15{line-height: 15px;}
.lh20{line-height: 20px;}
.lh24{line-height: 24px;}
.lh30{line-height: 30px;}
.lh40{line-height: 40px;}
.lh45{line-height: 45px;}
.lh50{line-height: 50px;}
.lh55{line-height: 55px;}

.w20 {width: 20px}
.w30 {width: 30px}
.w50 {width: 50px}
.w80 {width: 80px}
.w100 {width: 100px}
.w150 {width: 150px}
.w200 {width: 200px}
.w260 {width: 260px}
.w280 {width: 280px}
.w300 {width: 300px}
.w350 {width: 350px}
.w400 {width: 400px}
.w500 {width: 500px}
.w600 {width: 600px}
.w650 {width: 650px}
.w800 {width: 800px}
.w900 {width: 900px}

.h20 {height: 20px}
.h30 {height: 30px}
.h40 {height: 40px}
.h45 {height: 45px}
.h50 {height: 50px}
.h80 {height: 80px}
.h100 {height: 100px}
.h120 {height: 120px}
.h150 {height: 150px}
.h200 {height: 200px}
.h300 {height: 300px}
.h500 {height: 500px}
.h600 {height: 600px}
.h620 {height: 620px}
.h625 {height: 625px}

/*盒子模型：margin or padding */
/*margin*/
.m5 {margin: 5px}
.m10 {margin: 10px}
.m15 {margin: 15px}
.m20 {margin: 20px}
.m30 {margin: 30px}

.ml5 {margin-left: 5px}
.ml10 {margin-left: 10px}
.ml15 {margin-left: 15px}
.ml20 {margin-left: 20px}
.ml30 {margin-left: 30px}
.ml50 {margin-left: 50px}
.ml80 {margin-left: 80px}

.mr5 {margin-right: 5px}
.mr10 {margin-right: 10px}
.mr15 {margin-right: 15px}
.mr20 {margin-right: 20px}
.mr30 {margin-right: 30px}

.mt5 {margin-top: 5px}
.mt10 {margin-top: 10px}
.mt15 {margin-top: 15px}
.mt20 {margin-top: 20px}
.mt30 {margin-top: 30px}
.mt50 {margin-top: 50px}
.mt80 {margin-top: 80px}
.mt100 {margin-top: 100px}
.mt200 {margin-top: 200px}
.mt400 {margin-top: 400px}
.mt500 {margin-top: 500px}

.mb10 {margin-bottom: 10px}
.mb15 {margin-bottom: 15px}
.mb20 {margin-bottom: 20px}
.mb30 {margin-bottom: 30px}
.mb50 {margin-bottom: 50px}
.mb100 {margin-bottom: 100px}

/*padding*/
.p5 {padding: 5px}
.p10 {padding: 10px}
.p15 {padding: 15px}
.p20 {padding: 20px}
.p30 {padding: 30px}
.p100 {padding: 100px}

.pl5 {padding-left: 5px}
.pl10 {padding-left: 10px}
.pl15 {padding-left: 15px}
.pl20 {padding-left: 20px}
.pl30 {padding-left: 30px}

.pr10 {padding-right: 10px}
.pr15 {padding-right: 15px}
.pr20 {padding-right: 20px}
.pr30 {padding-right: 30px}

.pt5 {padding-top: 5px}
.pt10 {padding-top: 10px}
.pt15 {padding-top: 15px}
.pt20 {padding-top: 20px}
.pt30 {padding-top: 30px}
.pt40 {padding-top: 40px}
.pt50 {padding-top: 50px}

.pb5 {padding-bottom: 5px}
.pb10 {padding-bottom: 10px}
.pb15 {padding-bottom: 15px}
.pb20 {padding-bottom: 20px}
.pb25 {padding-bottom: 25px}
.pb30 {padding-bottom: 30px}