@charset "utf-8"; /* CSS Document */ /* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */ html { font-size: 62.5%; /*10/16*100% = 62.5%*/ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { position: relative; background: #FFF; font-family: "思源黑体", "黑体", Arial, FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", sans-serif, "Segoe UI", "Lucida Grande", Helvetica; color: #333333; max-width: 1920px; min-width: 320px; width: 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 的问题 */ 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; margin-top: 18px; } /* 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, dyn, 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; } /* 默认不显示下划线，保持页面简洁 */ ins, a { color: #000; text-decoration: none; } a{ outline: none; } /* 代码字体 */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /* 单行文字溢出时出现省略号，需设定宽度 */ .text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*浮动*/ .fl { float: left; } .fr { float: right; } /*清除浮动*/ .clearfloat:after, .clearfloat:before { content: " "; display: table; width: 0; height: 0; clear: both; } /*居中*/ .center-block { display: block; margin-left: auto; margin-right: auto; } /*隐藏文字*/ .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } /*变换*/ a { transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }