/* 字体大小 */
.s-fs-12 { font-size:12px; }
.s-fs-13 { font-size:13px; }
.s-fs-14 { font-size:14px; }
.s-fs-16 { font-size:16px; }
.s-fs-18 { font-size:18px; }
.s-fs-20 { font-size:20px; }
.s-fs-22 { font-size:22px; }
.s-fs-24 { font-size:24px; }
.s-fs-26 { font-size:26px; }
.s-fs-40 {font-size: 40px; }

.s-fc-1 { color:#111; }
.s-fc-3 { color:#333; }
.s-fc-4 { color:#444; }
.s-fc-5 { color:#555; }
.s-fc-6 { color:#666; }
.s-fc-9 { color:#999; }
.s-fc-d { color:#ddd; }

/* margins */
.f-m0 { margin: 0 !important; }
.f-mt0 { margin-top:0 !important; }
.f-mr0 { margin-right:0 !important; }
.f-mb0 { margin-bottom:0 !important; }
.f-ml0 { margin-left:0 !important; }

.f-mb5 { margin-bottom:5px; }
.f-mr5 { margin-right:5px;  }
.f-ml5 { margin-left:5px; }
.f-mt5 { margin-top:5px; }

.f-mb10 { margin-bottom:10px; }
.f-mr10 { margin-right:10px;  }
.f-ml10 { margin-left:10px; }
.f-mt10 { margin-top:10px; }

.f-mb15 { margin-bottom:15px; }
.f-mr15 { margin-right:15px;  }
.f-ml15 { margin-left:15px; }
.f-mt15 { margin-top:15px; }

.f-mb20 { margin-bottom:20px; }
.f-mr20 { margin-right:20px;  }
.f-ml20 { margin-left:20px; }
.f-mt20 { margin-top:20px; }

.f-mb25 { margin-bottom:25px; }
.f-mr25 { margin-right:25px;  }
.f-ml25 { margin-left:25px; }
.f-mt25 { margin-top:25px; }

.f-mb30 { margin-bottom:30px; }
.f-mr30 { margin-right:30px;  }
.f-ml30 { margin-left:30px; }
.f-mt30 { margin-top:30px; }

/* paddings */
.f-p0 { padding: 0 !important; }
.f-pt0 { padding-top: 0 !important; }
.f-pr0 { padding-right: 0 !important; }
.f-pb0 { padding-bottom: 0 !important; }
.f-pl0 { padding-left: 0 !important; }

.f-pl20 { padding-left:20px; }
.f-pr20 { padding-right:20px; }


/* 清除浮动 */
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}

/* display*/
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}

/* 浮动float */
.f-fl{float:left;}
.f-fr{float:right;}

/* 定位   */
.f-pr{position:relative;}
.f-pf{position:fixed;}
.f-oh{overflow:hidden;}

/* 字体粗细font-weight */
.f-fwn{font-weight:normal;}
.f-fwb{font-weight:bold;}

/* 元素中的文本的水平对齐方式 */
.f-tal{text-align:left;}
.f-tac{text-align:center;}
.f-tar{text-align:right;}
.f-taj{text-align:justify;text-justify:inter-ideograph;}

/* 元素的垂直对齐方式   */
.f-vat{vertical-align:top;}
.f-vam,.f-vama *{vertical-align:middle;}
.f-vab{vertical-align:bottom;}
.f-vas { vertical-align:super; }

.f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.f-lsn{list-style:none;margin:0;padding:0;}
.f-lsi{letter-spacing:-4px;}
.f-lsi{letter-spacing:normal;}
.f-lhn{line-height:normal;}
/* text-decoration文本修饰*/
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}

/* 光标的类型 */
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
.f-cszi{cursor:zoom-in;}
.f-cszo{cursor:zoom-out;}