/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;}
a,a:hover{color:#333;}

/* function */
/*
f-cb:function-clearboth 的简写。是目前最流行的清除浮动的写法。兼容ie6+浏览器。
f-cbli 这个是针对ul li结构的扩展。可以清除ul的浮动，比较常见。
*/
.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;}
/*
f-ib function-display-inline-block 的简写，设置为内联块状元素。
*/
.f-ib{display:inline-block;*display:inline;*zoom:1;}
/* 隐藏 */
.f-dn{display:none;}
/* 显示 */
.f-db{display:block;}
/* 浮动 */
.f-fl{float:left;}
.f-fr{float:right;}
/* 相对定位 */
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
/* 取消滚动 */
.f-oh{overflow:hidden;}
/*
	f-ff0 字体集 宋体（下面编码为宋体的Unicode编码）
*/
.f-ff0{font-family:arial,\5b8b\4f53;}
/*
	f-ff1 字体集 雅黑。在win7系统下，雅黑相比宋体比较美观，建议使用。如果系统中未安装雅黑，则使用宋体。如win xp。
*/
.f-ff1{font-family:"Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;}
/*
	最常用的两种字体大小。12px 14px。
*/
.f-fs1{font-size:12px;}
.f-fs2{font-size:14px;}
.f-fs3{font-size:18px;}
.f-fs4{font-size:24px;}
/*
 * 文字颜色
 */
.f-grey{color:#aaa}
.f-red{color:#f00;}



/* 字体大小 */
.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 文字两端对齐 */
.f-taj{text-align:justify;text-justify:inter-ideograph;}
/* 垂直居中 */
.f-vam,.f-vama *{vertical-align:middle;}
/* 一行内强制显示 */
.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;}
/*
overflow:hidden;
是溢出隐藏， 也就是说超出宽高的内容会藏起来，看不到。
text-indent:-30000px;
文字首行往左缩进30000px; 
这样这30000px的东西就出超出.f-ti 这个标签的宽 就会隐藏起来。
这样是做一些搜索引擎优化用的。让页面上的关键字多点别人容易搜到你的网站。
而这些关键字在页面上是隐藏的看不见的。只是代码里面有。
*/
.f-ti{overflow:hidden;text-indent:-30000px;}
/*
	首行缩进2个字。
*/
.f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;}
/*
	有下划线，无下划线
*/
.f-tdu,.f-tdu:hover{text-decoration:underline;}
.f-tdn,.f-tdn:hover{text-decoration:none;}
/*
	溢出文字部分显示省略号，配合块状元素的宽度实现。较常用
*/
.f-toe{overflow:hidden;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;}
/*
	常用的鼠标样式
*/
.f-csp{cursor:pointer;}
.f-csd{cursor:default;}
.f-csh{cursor:help;}
.f-csm{cursor:move;}
/*
	文本不可选中，不支持ie。
*/
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}