/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html {
    color:#000;background:#fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;padding:0;
}

/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    display:block;
}

/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video {
    display: inline-block;*display: inline;*zoom: 1;
}

/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea {
    font:12px/1.5 tahoma,arial,"Hiragino Sans GB",\5b8b\4f53;
}
input,select,textarea {
    font-size:100%;
}

/* 去掉各Table  cell 的边距并让其边重合 */
table {
    border-collapse:collapse;border-spacing:0;
}

/* IE bug fixed: th 不继承 text-align*/
th {
    text-align:inherit;
}

/* 去除默认边框 */
fieldset,img {
    border:0;
}

/* ie6 7 8(q) bug 显示为行内表现 */
iframe {
    display:block;
}

/* 去掉 firefox 下此元素的边框 */
abbr,acronym {
    border:0;font-variant:normal;
}

/* 一致的 del 样式 */
del {
    text-decoration:line-through;
}

address,caption,cite,code,dfn,em,th,var {
    font-style:normal;
    font-weight:500;
}

/* 去掉列表前的标识, li 会继承 */
ol,ul {
    list-style:none;
}

/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th {
    text-align:left;
}

/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:500;
}

q:before,q:after {
    content:'';
}

/* 统一上标和下标 */
sub, sup {
    font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* 正常链接 未访问 */
a:link {
    
}

/* 鼠标悬停 */
a:hover {
    text-decoration: underline;
}

/* 默认不显示下划线，保持页面简洁 */
ins,a {
    text-decoration:none;
}

/* 清理浮动 */
.fn-clear:after {
    visibility:hidden;
    display:block;
    font-size:0;
    content:" ";
    clear:both;
    height:0;
}
.fn-clear {
    zoom:1; /* for IE6 IE7 */
}

/* 隐藏, 通常用来与 JS 配合 */
body .fn-hide {
    display:none;
}

/* 设置内联, 减少浮动带来的bug */
.left,.right {
    display:inline;
}
.left {
    float:left;
}
.right {
    float:right;
}

/* 单行文字溢出时出现省略号，需设定宽度 */ 
.fn-text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* 简单的渐变 */
.fn-linear {
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f1f1f1));
    background: -moz-linear-gradient(top, #fcfcfc, #f1f1f1);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f1f1f1');
    background:-o-linear-gradient(top, #fcfcfc, #f1f1f1);
    background: linear-gradient(top, #fcfcfc, #f1f1f1);
}

/* 浅色的渐变 */
.fn-linear-light {
    background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f9f9f9));
    background: -moz-linear-gradient(top, #fcfcfc, #f9f9f9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f9f9f9');
    background:-o-linear-gradient(top, #fcfcfc, #f9f9f9);
    background: linear-gradient(top, #fcfcfc, #f9f9f9);
}

/* 人民币符号 */
.fn-rmb {
    font-family: arial;
    font-style: normal;
    padding-right: 4px;
}

/* chrome 下字体过小的问题 */
.fn-webkit-adjust {
    -webkit-text-size-adjust: none;
}
/* 文字全部设置为微软雅黑字体 */
* {
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3E3E3E;
}
/* 文字加粗 */
.b {
	font-weight: bold;
}
/* 清除浮动 */
.clear-both {
	clear: both
}
/* 字体大小设置 */
.s12 {
	font-size: 12px;
}
.s14 {
	font-size: 14px;
}
.s16 {
	font-size: 16px;
}
.s18 {
	font-size: 18px;
}
.s24 {
	font-size: 24px;
}
.s36 {
	font-size: 36px;
}
.s48 {
	font-size: 48px;
}
/* 字体颜色设置 */
.gray {
	color: #7F7F7F;
}
.white {
	color: #FFF;
}
.black {
	color: #000000;
}
.red {
	color: #C11100;
}
.yellow {
	color: #F1E8DF;
}
.orange {
	color: #FA800A;
}
.blue {
	color: #0b6bbf;
}
.lite_blue {
	color: #08C;
}
.cor-5c {
	color: #5c5c5c;
}
.cor-7c {
	color: #7c7c7c;
}
.green {
	color: #28e33e;
}
.ft_green {
	color: #53A000;
}
/* 间距设置 */
.blank0px {
	height: 0px;
	clear: both;
}
.blank2px {
	height: 2px;
	clear: both;
}
.blank5px {
	height: 5px;
	clear: both;
}
.blank8px {
	height: 8px;
	clear: both;
}
.blank10px {
	height: 10px;
	clear: both;
}
.blank15px {
	height: 15px;
	clear: both;
}
.blank20px {
	height: 20px;
	clear: both;
}
.blank30px {
	height: 30px;
	clear: both;
}
.blank60px {
	height: 60px;
	clear: both;
}
/* 距离上边的外边距 */
.mt-5 {
	margin-top: 5px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-15 {
	margin-top: 15px;
}
.mt-20 {
	margin-top: 20px;
}
/* 距离左边的外边距 */
.ml-5 {
	margin-left: 5px;
}
.ml-10 {
	margin-left: 10px;
}
.ml-15 {
	margin-left: 15px;
}
.ml-20 {
	margin-left: 20px;
}
/* 距离右边的外边距 */
.mr-5 {
	margin-right: 5px;
}
.mr-10 {
	margin-right: 10px;
}
.mr-15 {
	margin-right: 15px;
}
.mr-20 {
	margin-right: 20px;
}
/* 距离右边的内边距 */
.pad-right-5px {
	padding-right: 5px
}
.pad-right-10px {
	padding-right: 10px
}
.pad-right-15px {
	padding-right: 15px
}
.pad-right-20px {
	padding-right: 20px
}
.pad-right-28px {
	padding-right: 28px
}
/* 距离左边的内边距 */
.pad-left-5px {
	padding-left: 5px
}
.pad-left-10px {
	padding-left: 10px
}
.pad-left-15px {
	padding-left: 15px
}
.pad-left-20px {
	padding-left: 20px
}
.pad-left-28px {
	padding-left: 28px
}
/* 距离下边的内边距 */
.pad-b-5 {
	padding-bottom: 5px;
}
.pad-b-10 {
	padding-bottom: 10px;
}
.pad-b-15 {
	padding-bottom: 15px;
}
.pad-b-20 {
	padding-bottom: 20px;
}
/* 距离上边的内边距 */
.pad-t-5 {
	padding-top: 5px;
}
.pad-t-10 {
	padding-top: 10px;
}
.pad-t-15 {
	padding-top: 15px;
}
.pad-t-20 {
	padding-top: 20px;
}