/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */
html { color: #666666; -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; }

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

/* 要注意表单元素并不继承父级 font 的问题 */
body, button, input, select, textarea { font:14px/1.5 "Microsoft YaHei", arial, SimSun, 宋体; }
input, select, textarea { font-size: 100%;  outline:none;}
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; }


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

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

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

/* 文字默认 */
em,b{font-weight:normal; font-style:normal;}

/* 正常链接 未访问 */
a { color: #333; cursor: pointer; }

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

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

/* 代码字体 */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }
.font-simsun { font-family: SimSun; }

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

/* 全局容器居中 1000px */
.container:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.container { *zoom: 1; width: 1200px; min-width: 1000px; margin-left: auto; margin-right: auto; }
/* 设置内联, 减少浮动带来的bug */
.fn-left, .fn-right { _display: inline; /* for IE6 */ }
.fn-left, .fl { float: left; }
.fn-right, .fr { float: right; }

/* 单行文字溢出时出现省略号，需设定宽度 */
.fn-text{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display:block;}
/* 文字设置 */
.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-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: 15px !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; }

/* 背景颜色 */
.ui-bg-white {background-color:#fff; }
.ui-white96{background:rgba(255,255,255,.96);}
.ui-black30{background:rgba(0,0,0,.30);}
.ui-bg-grey{background:#f7fafc;}
.ui-bg-blue-96{background:#4689e3; background:rgba(70,137,227,.96);}
.ui-bg-red{background:#e94c3d;}
.ui-bg-green{background:#3dce4b;}
.ui-textap50{filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;}
/* 阴影 */
.shadow{-webkit-box-shadow:0 3px 8px rgba(0,0,0,0.2); -moz-box-shadow:0 3px 8px rgba(0,0,0,0.2); box-shadow:0 3px 8px rgba(0,0,0,0.2);}
/* 字的行高 */
.ui-le-ht20 { line-height: 20px; }
.ui-le-ht22 { line-height: 22px; }
.ui-le-ht24 { line-height: 24px; }
.ui-le-ht26 { line-height: 26px; }

/* 组件 全局宽度 */
.w20 { width: 20px !important; }
.w30 { width: 30px !important; }
.w35 { width: 35px !important; }
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w60 { width: 60px !important; }
.w70 { width: 70px !important; }
.w80 { width: 80px !important; }
.w90 { width: 90px !important; }
.w100 { width: 100px !important; }
.w102 { width: 102px !important; }
.w110 { width: 110px !important; }
.w120 { width: 120px !important; }
.w125 { width: 125px !important; }
.w130 { width: 130px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w155 { width: 155px !important; }
.w160 { width: 160px !important; }
.w166 { width: 166px !important; }
.w170 { width: 170px !important; }
.w180 { width: 180px !important; }
.w190 { width: 190px !important; }
.w200 { width: 200px !important; }
.w220 { width: 220px !important; }
.w250 { width: 250px !important; }
.w260 { width: 260px !important; }
.w270 { width: 270px !important; }
.w280 { width: 280px !important; }
.w290 { width: 290px !important; }
.w300 { width: 300px !important; }
.w313 { width: 313px !important; }
.w330 { width: 330px !important; }
.w350 { width: 350px !important; }
.w370 { width: 370px !important; }
.w400 { width: 400px !important; }
.w500 { width: 500px !important; }
.w530 { width: 530px !important; }
.w560 { width: 560px !important; }
.w280{width:280px;}
.w900{width:900px;}
.w750{width:750px;}
.wb10 { width: 10%; }
.wb20 { width: 20%; }
.wb30 { width: 30%; }
.wb40 { width: 40%; }
.wb50 { width: 50%; }
.wb60 { width: 60%; }
.wb70 { width: 70%; }
.wb80 { width: 80%; }
.wb90 { width: 90%; }
.wb98 { width: 98%; }
.wb100 { width: 100%; }

/* 字体颜色 */
.fn-color-999{color:#999;}
.fn-color-666{color:#666;}
.fn-color-333{color:#333;}
.fn-color-red{color:#ff0000;}
.fn-color-blue{color:#009cff;}
.fn-color-blue2{color:#23acde;}
.fn-color-green2{color:#3dce4b;}

/* 手型*/
.label-pointer, .label-pointer input { cursor: pointer; }
.label-pointer input { vertical-align: middle; margin-right: 3px; }