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

/* 内外边距通常让各个浏览器样式的表现位置不同 */
body, 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; }
input,img,button{vertical-align:middle;}
/* 重设 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: 14px/1.5 'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif; }
input, select, textarea{ font-size: 100%; }
textarea{ resize: none; }

/* 去掉各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, i, 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{ color: #333; cursor: pointer; }

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

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



/* 清理浮动 */
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}

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

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

/* 设置内联, 减少浮动带来的bug */
.fn-left, .fn-right{ _display: inline; /* for IE6 */ }
.fn-left{ float: left; }
.fn-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: -ms-linear-gradient(top, #fcfcfc, #f1f1f1); background: linear-gradient(to bottom, #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: -ms-linear-gradient(top, #fcfcfc, #f9f9f9); background: linear-gradient(to bottom, #fcfcfc, #f9f9f9); }

/* chrome 下字体过小的问题 */
.fn-webkit-adjust{ -webkit-text-size-adjust: none; }

/* 文字设置 */
.fn-text-indent{ text-indent: 2em; }
.fn-font-14b{ font-size: 14px; font-weight: bold; vertical-align: middle; }
.fn-font-b{ font-weight: bold; }
.fn-font-n{ font-weight: normal; }
.fn-font-i{ font-style: italic; }
.fn-font-12{ font-size: 12px; }
.fn-font-14{ font-size: 14px; }
.fn-font-16{ font-size: 16px; }
.fn-font-18{ font-size: 18px; }
.fn-font-20{ font-size: 20px; }
.fn-font-22{ font-size: 22px; }
.fn-font-24{ font-size: 24px; }
.fn-font-26{ font-size: 26px; }
.fn-font-28{ font-size: 28px; }


/* 对齐方式 */
.fn-tal{ text-align: left !important; }
.fn-tac{ text-align: center !important; }
.fn-tar{ text-align: right !important; }
.fn-vat{ vertical-align: top; }
.fn-vam{ vertical-align: middle; }
.fn-vab{ vertical-align: bottom; }
.fn-vaba{ vertical-align: baseline; }
.fn-v-hide{ visibility: hidden; }

/* 定位 */
.fn-pr{ position: relative; }
.fn-pa{ position: absolute; }

/* 内填充 */
.fn-pt-5{ padding-top: 5px !important; }
.fn-pr-5{ padding-right: 5px !important; }
.fn-pb-5{ padding-bottom: 5px !important; }
.fn-pl-5{ padding-left: 5px !important; }
.fn-p-5{ padding: 5px !important; }
.fn-pt-10{ padding-top: 10px !important; }
.fn-pr-10{ padding-right: 10px !important; }
.fn-pb-10{ padding-bottom: 10px !important; }
.fn-pl-10{ padding-left: 10px !important; }
.fn-p-10{ padding: 10px !important; }
.fn-pt-15{ padding-top: 15px !important; }
.fn-pr-15{ padding-right: 15px !important; }
.fn-pb-15{ padding-bottom: 15px !important; }
.fn-pl-15{ padding-left: 15px !important; }
.fn-p-15{ padding: 15px !important; }
.fn-pt-20{ padding-top: 20px !important; }
.fn-pr-20{ padding-right: 20px !important; }
.fn-pb-20{ padding-bottom: 20px !important; }
.fn-pl-20{ padding-left: 20px !important; }
.fn-p-20{ padding: 20px !important; }
.fn-pt-25{ padding-top: 25px !important; }
.fn-pr-25{ padding-right: 25px !important; }
.fn-pb-25{ padding-bottom: 25px !important; }
.fn-pl-25{ padding-left: 25px !important; }
.fn-p-25{ padding: 25px !important; }
.fn-pt-30{ padding-top: 30px !important; }
.fn-pr-30{ padding-right: 30px !important; }
.fn-pb-30{ padding-bottom: 30px !important; }
.fn-pl-30{ padding-left: 30px !important; }
.fn-p-30{ padding: 30px !important; }
.fn-pb-50{ padding-bottom: 50px !important; }
/* 外边距 */
.fn-m-a{margin:auto}
.fn-mt-5{ margin-top: 5px !important; }
.fn-mr-5{ margin-right: 5px !important; }
.fn-mb-5{ margin-bottom: 5px !important; }
.fn-ml-5{ margin-left: 5px !important; }
.fn-m-5{ margin: 5px !important; }
.fn-mt-10{ margin-top: 10px !important; }
.fn-mr-10{ margin-right: 10px !important; }
.fn-mb-10{ margin-bottom: 10px !important; }
.fn-ml-10{ margin-left: 10px !important; }
.fn-m-10{ margin: 10px !important; }
.fn-mt-15{ margin-top: 4px !important; }
.fn-mr-15{ margin-right: 15px !important; }
.fn-mb-15{ margin-bottom: 15px !important; }
.fn-ml-15{ margin-left: 15px !important; }
.fn-m-15{ margin: 15px !important; }
.fn-mt-20{ margin-top: 20px !important; }
.fn-mr-20{ margin-right: 20px !important; }
.fn-mb-20{ margin-bottom: 20px !important; }
.fn-ml-20{ margin-left: 20px !important; }
.fn-m-20{ margin: 20px !important; }
.fn-mt-25{ margin-top: 25px !important; }
.fn-mr-25{ margin-right: 25px !important; }
.fn-mb-25{ margin-bottom: 25px !important; }
.fn-ml-25{ margin-left: 25px !important; }
.fn-m-25{ margin: 25px !important; }
.fn-mt-30{ margin-top: 30px !important; }
.fn-mr-30{ margin-right: 30px !important; }
.fn-mb-30{ margin-bottom: 30px !important; }
.fn-ml-30{ margin-left: 30px !important; }
.fn-m-30{ margin: 30px !important; }
.fn-ml-35{ margin-left: 35px !important; }
.fn-ml-50{ margin-left: 50px !important; }
.fn-mr-150{ margin-right: 150px !important; }
.fn-mr-160{ margin-right: 160px !important; }
.fn-mb-0{ margin-bottom: 2px !important;}

/* 文字颜色 */
.ui-text-white{ color: #fff; }
.ui-text-gray{ color: #999; }
.ui-text-gray-2{ color: #666; }
.ui-text-red{ color: #e93100; }
.ui-text-blue{ color: #2d395f; }
.ui-text-blue-2{ color: #3b4a82; }
a.ui-text-blue-2:hover{ color: #e93100; }
.ui-text-orange{ color: #f06612; }
.ui-text-gray-3{ color: #333; }
.ui-text-black{ color: #000; }

/* 背景颜色 */
.ui-bg-white{ background-color: #fff; }


/* 字的行高 */
.ui-line-20{ line-height: 20px; }
.ui-line-22{ line-height: 22px; }
.ui-line-24{ line-height: 24px; }
.ui-line-26{ line-height: 26px; }
.ui-line-28{ line-height: 28px; }
.ui-line-30{ line-height: 30px; }
.ui-line-32{ line-height: 32px; }

.w100{width:100%!important;}
.hide{display:none !important}

.btn{display: block;background: #efefef;text-align: center;line-height: 3.5em;}