/*===================================================================================================
** CSECL css reset ** (normalize.css + 960 grid system + css library)
=====================================================================================================*/
/* ==========================================================================
HTML5 显示定义
========================================================================== */
/*
* 纠正 "block" 显示没有定义在 IE6/7/8/9 & FF3.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
/*
* 纠正 "inline-block" 显示没有定义在 IE6/7/8/9 & FF3.
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/*
* 防止现代浏览器中显示“音频 ”不能控制
* 清除多余的高度在iOS5设备。
*/
audio:not([controls]) {
display: none;
height: 0;
}
/*
* 存在 “隐藏 ” 样式不的属性 IE7/8/9, FF3, S4.
* 不支持IE6
*/
[hidden] {
display: none;
}
/* ==========================================================================
基础部分
========================================================================== */
/*
* 1. 纠正不正常的文本在 IE6/7 下，当 里面的 "font-size" 使用
* "em" 单位.
* 2. 防止iOS文本大小调整后的方向变化, without disabling
* user zoom.
*/
html {
font-size: 100%; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
/*
* 统一 "font-family" 在 "textarea" 元素和其他元素不一致问题
*/
html,
button,
input,
select,
textarea {
/*font-family:Tahoma,Helvetica,Arial,sans-serif !important;*/
font: 12px/1.5 Tahoma,Helvetica,Arial,sans-serif;
}
/*
* 纠正默认的 'margin' 在 IE6/7里面显示错误问题.
*/
body {
margin: 0;
}
/* ==========================================================================
链接
========================================================================== */
/*
* 纠正 "outline" 在 Chrome and 和其他浏览器不一致问题.
*/
a:focus {
outline: thin dotted;
}
/*
* 改善当鼠标对标签的:hover伪类的可读性
* people.opera.com/patrickl/experiments/keyboard/test
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
排版
========================================================================== */
/*
* 统一 "font-sizes" 和 "margin" 默认设置不一致在 IE6/7.
* 包括 "section" and "article" HTML5标签在现代浏览器 FF4+, Chrome, S5.中
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.75em;
margin: 2.33em 0;
}
/*
* 解决下面样式没有出现在 IE7/8/9, S5, Chrome.
* 不支持 IE6
*/
abbr[title] {
border-bottom: 1px dotted;
}
/*
* 统一默认样式在 FF3+, S4/5, Chrome.
*/
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/*
* 统一默认样式在 S5, Chrome.
*/
dfn {
font-style: italic;
}
/*
* 统一默认样式在 IE6/7/8/9.
*/
mark {
background: #ff0;
color: #000;
}
/*
* 统一下面元素 "margin" 样式在 IE6/7.
*/
p,
pre {
margin: 0.5em 0;
}
/*
* 统一 "font-family" 在下面标签的不统一 IE6, S4/5, Chrome.
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/*
* 改善了可读性的格式化文本在所有的浏览器.
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/*
* 改善 CSS "quotes"属性 不支持 IE6/7.
*/
q {
quotes: none;
}
/*
* 改善 "quotes" 属性，不支持 S4.
*/
q:before,
q:after {
content: '';
content: none;
}
small {
font-size: 75%;
}
/*
* 预防 "sub" and "sup" 影响 "line-height" 在所有的浏览器下面.
* gist.github.com/413930
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* 取消chrome下textarea可拖动放大 */
textarea{resize:none}
/* 取消chrome下input和textarea的聚焦边框 */
input,button,select,textarea{outline:none}
/* ==========================================================================
列表
========================================================================== */
/*
* 统一下面标签 "margins" 的不同，在 IE6/7.
*/
dl,
menu,
ol,
ul {
margin:0;
}
dd {
margin: 0 0 0 40px;
}
/*
* 统一下面标签 "paddings" 的不同，在 IE6/7.
*/
menu,
ol,
ul {
/*padding: 0 0 0 40px;*/
list-style: none;
}
/*
* 纠正列表标签的样式不正常 IE7.
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* ==========================================================================
嵌入的内容
========================================================================== */
/*
* 1. 清除标签里面的![]()
的 "border"样式 IE6/7/8/9, FF3.
* 2. 提高图片的显示质量 IE7.
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/
img {
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
}
/*
* 纠正 "overflow" 的古怪 IE9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figure标签
========================================================================== */
/*
* 纠正标签的 "margin" 属性不能出现在 IE6/7/8/9, S5, O11.
*/
figure {
margin: 0;
}
/* ==========================================================================
表格
========================================================================== */
/*
* 纠正 "margin" 表现怪异 IE6/7.
*/
form {
margin: 0;
}
/*
* 定义一致的 "border", "margin", "padding".
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/*
* 1. 纠正 "color" 不能继承 IE6/7/8/9.
* 2. 纠正 "text" 不能被包裹 FF3.
* 3. 纠正队列表现异常 IE6/7.
*/
legend {
border: 0; /* 1 */
padding: 0;
white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */
}
/*
* 1. 纠正 "font-size" 在所有的浏览器不继承
* 2. 统一 "margin" 为 0 IE6/7, FF3+, S5, Chrome.
* 3. 改善外观和一致性在所有的浏览器.
*/
button,
input,
select,
textarea {
font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
}
/*
* 改善 FF3/4 环境下 "line-height" 在 用 "!important" 的样式
*/
button,
input {
line-height: normal;
}
/*
* 1. 避开 WebKit 的 bug 在 Android 4.0.*
* 2. 纠正 的样式在 iOS.
* 3. 当光标到 和其他地方的时候，改进可用性和一致性
* 4. 删除内部间距 ，IE7中不影响正常文本输入。已知问题:IE6仍在内部间距问题。
*/
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
*overflow: visible; /* 4 */
}
/*
* 重置默认鼠标样式
*/
button[disabled],
input[disabled] {
cursor: default;
}
/*
* 1. 对"box-sizing" 设置 "content-box" IE8/9.
* 2. 移除多余 "padding" IE8/9.
* 3. 移除多余 "padding" IE7.
* 不支持IE6.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
*height: 13px; /* 3 */
*width: 13px; /* 3 */
}
/*
* 1. "appearance" 设置默认的 "searchfield" S5, Chrome.
* 2. "box-sizing" 设置默认的 "border-box" S5, Chrome (include `-moz"
* to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/*
* 清除了默认的 "padding" 和 搜索按钮 S5, Chrome on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/*
* 清除了默认的 "padding" 和 "border" FF3+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. 删除默认的垂直滚动条 IE6/7/8/9.
* 2. 改善了可读性和对齐在所有的浏览器.
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* ==========================================================================
表格
========================================================================== */
/*
* 去除大部分间距表的单元格。
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
/*===================================================================================================
960 栅格系统样式库
根据960栅格系统修改（http://960.gs/），**添加调试样式功能**
提示: 支持 IE6+
=====================================================================================================*/
body {
min-width: 960px;
}
/* 清除浮动
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
content: '.';
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.clearfix:after,
.container_12:after,
.container_16:after {
clear: both;
}
/*
The following zoom:1 rule is specifically for IE6 + IE7.
Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix,
.container_12,
.container_16 {
zoom: 1;
}
/*颜色*/
.d6{color:#ddd}
.c555{color:#555}
.c999{color:#999}
.ccc{color:#ccc}
.eee{color:#eee}
.fff{color:#fff}
.c000{color:#000}
.blue{color:#2c7ef4}
.cblue{background-color:#2c7ef4}
.ceee{background-color:#eee}
.bgeee{background: #eee}
.bgfff{background: #fff}
.blue2{color:#029cca}
/*文字排版*/
.f10{font-size:10px}
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f24{font-size:24px}
.f30{font-size:30px}
.f40{font-size:40px}
.f100{font-size:100px}
.f120{font-size:120px}
.fb{font-weight:bold}
.fn{font-weight:normal}
.ti2{text-indent:2em}
.lh100{line-height:100%}
.lh120{line-height:120%}
.lh150{line-height:150%}
.lh180{line-height:180%}
.lh200{line-height:200%}
.url{text-decoration:underline}
.no_url{text-decoration:none}
/*定位*/
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.bc{margin-left:auto;margin-right:auto}/*blockcenter*/
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.db{display:block}
.di{display:inline}
.dib{display:inline-block}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block}*html
.clearfix{height:1%}
.clearfix{display:block}
.vm{vertical-align:middle}/*垂直居中*/
.pr{position:relative}
.pa{position:absolute}
.pf{position:fixed}
.par{position:absolute;right:0}
.zoom{zoom:1}
.oh{overflow:hidden}
.os{overflow: scroll}
.oa{overflow: auto}
.hidden{visibility:hidden}/*HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在，也即是说它仍具有高度、宽度等属性值*/
.none{display:none}/*HTML元素（对象）的宽度、高度等各种属性值都将“丢失”*/
/*长度高度*/
.w10{width:10px}
.w20{width:20px}
.w1000{width: 1000px;}
.w998{width: 998px;}
.w980{width: 980px;}
.w800{width: 800px;}
.w780{width:780px;}
.w760{width:760px;}
.w750{width:750px;}
.w740{width:740px;}
.w720{width: 720px;}
.w700{width: 700px;}
.w680{width: 680px;}
.w660{width: 660px;}
.w630{width: 630px;}
.w610{width: 610px;}
.w600{width: 600px;}
.w580{width: 580px;}
.w550{width: 550px;}
.w540{width: 540px;}
.w500{width: 500px;}
.w450{width: 450px;}
.w400{width: 400px;}
.w380{width: 380px;}
.w360{width: 360px;}
.w350{width: 350px;}
.w320{width: 320px;}
.w310{width: 310px;}
.w300{width: 300px;}
.w290{width: 290px;}
.w280{width: 280px;}
.w270{width: 270px;}
.w250{width: 250px;}
.w240{width: 240px;}
.w230{width: 230px;}
.w220{width: 220px;}
.w210{width: 210px;}
.w200{width: 200px;}
.w190{width: 190px;}
.w180{width: 180px;}
.w170{width: 170px;}
.w165{width: 165px;}
.w160{width: 160px;}
.w150{width: 150px;}
.w140{width: 140px;}
.w120{width: 120px;}
.w110{width: 110px;}
.w100{width: 100px;}
.w80{width: 80px;}
.w90{width: 90px;}
.w70{width: 70px;}
.w50{width: 50px;}
.w40{width: 40px;}
.w30{width: 30px;}
.w{width:100%}
.h30{height:30px}
.h50{height:50px}
.h80{height:80px}
.h100{height:100px}
.h110{height:110px}
.h150{height:150px}
.h200{height:200px}
.h270{height:270px}
.h280{height:280px}
.h300{height: 300px}
.h400{height: 400px}
.h500{height: 500px}
.h600{height: 600px}
.h{height:100%}
/*边距*/
.ma{margin:auto}
.m10{margin:10px}
.m15{margin:15px}
.m30{margin:30px}
.mt0{margin-top: 0px;}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt50{margin-top:50px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}
.mb0{margin-bottom: 0px;}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb50{margin-bottom:50px}
.mb100{margin-bottom:100px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml50{margin-left:50px}
.ml90{margin-left:90px}
.ml100{margin-left:100px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr50{margin-right:50px}
.mr100{margin-right:100px}
.p5{padding:5px}
.p10{padding:10px}
.p12{padding:12px}
.p15{padding:15px}
.p20{padding:20px}
.p30{padding:30px}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt5{padding-top:5px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb50{padding-bottom:50px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl30{padding-left:30px}
.pl40{padding-left:40px}
.pl50{padding-left:50px}
.pl100{padding-left:100px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr30{padding-right:30px}
.pr50{padding-right:50px}
.pr100{padding-right:100px}
/* 调试样式 */
.b999{background-color:#999}
.b888{background-color:#888}
.b777{background-color:#777}
.b555{background-color:#555}
.c999{color: #999;}
.chot{color: #0090ff;}
.ws{white-space:nowrap;word-break:break-all;overflow:hidden;text-overflow:ellipsis;}