﻿/*--清除浏览器默认样式--*/
*{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; }
html, body {font-size:14px;-font-size:12px;font-family:Tahoma, Helvetica, Arial,"微软雅黑","黑体","宋体";scrollbar-face-color: #F6F6F6;scrollbar-highlight-color: #FFFFFF;scrollbar-shadow-color: #CCCCCC;scrollbar-3dlight-color:#CCCCCC;scrollbar-arrow-color:#330000;scrollbar-track-color:#F6F6F6;scrollbar-darkshadow-color:#FFFFFF;color:#333333;background:#ecf1f4;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote {margin:0;padding:0;}
fieldset, img {border:none;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
h1 {font-size:16pt;}
h2 {font-size:14pt;}
h3 {font-size:12pt;}
q:before, q:after {content:'';}
abbr, acronym {border:none;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input, button, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit;}
input, button, textarea, select {*font-size:100%;outline: none;}
select, input, button, textarea {font:100% Tahoma, Helvetica, Arial,"微软雅黑","黑体","宋体";}
table {font-size:inherit;font:100%;}
pre, code, kbd, samp, tt {font-family:'Courier New', Courier, monospace;}
a,a:hover {text-decoration:none;color: inherit;-webkit-backface-visibility: hidden;}
li {list-style: none;} 

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {display: block;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: none;}
table {border-collapse: collapse;border-spacing: 0;}

/**
 * 默认情况下，small的字号比默认小，这里reset掉，抹平差异
 * 对于中文默认为12px时，让small也12px非常有必要。小于12px的中文字很难识别
 */
small {font-size:100%;}
abbr, acronym {border-bottom:1px dotted;cursor:help;}
ins {text-decoration:overline;}
del {text-decoration:line-through;}
hr {color:#D1D7DC;background-color:#D1D7DC;border:none;	height:1px;}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁等 */
html {/*min-height:101%; 这个方法不好，不是想要的效果 */
    overflow-y:scroll; /* 在opera下会同时触发水平滚动条，但考虑opera的用户数，也就可以忽略了 *//*overflow:-moz-scrollbars-vertical; 这个方法只针对firefox
    overflow-x:auto; 上面一行会将overflow-x干掉，因此这里重设回来
    ref:http://developer.mozilla.org/en/docs/Mozilla_CSS_Extensions#overflow */}
img { behavior: url("style/iepngfix.htc");}/* 让非ie6.0浏览支持png24透明属性*/

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-hold{font-weight: bold;}
.margin-auto{margin: 0 auto;}

/* 清除浮动 */
.clearfix:before,.clearfix:after {content:"";display: table;}
.clearfix:after {clear: both;overflow: hidden;}
.clearfix {zoom:1; /* for ie6 & ie7 */}

/*--------------------------------------------------------------------*/
/*----flex布局----*/
.d-flex {display: -ms-flexbox;display: flex;}
.flex-column{-ms-flex-flow: column;flex-flow: column;}
.flex-wrap {-ms-flex-wrap: wrap; flex-wrap: wrap;}
.flex-nowrap {-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
.flex-wrap-reverse {-ms-flex-wrap: wrap-reverse;flex-wrap: wrap-reverse;}
.flex-fill {-ms-flex: 1 1 auto;flex: 1 1 auto;}
.flex-grow-0 {-ms-flex-positive: 0;flex-grow: 0;}
.flex-grow-1 {-ms-flex-positive: 1;flex-grow: 1;}
.flex-shrink-0 {-ms-flex-negative: 0;flex-shrink: 0;}
.flex-shrink-1 {-ms-flex-negative: 1;flex-shrink: 1;}
.justify-content-start {-ms-flex-pack: start;justify-content: flex-start;}
.justify-content-end {-ms-flex-pack: end;justify-content: flex-end;}
.justify-content-center { -ms-flex-pack: center;justify-content: center;}
.justify-content-between {-ms-flex-pack: justify;justify-content: space-between;}
.justify-content-around {-ms-flex-pack: distribute;justify-content: space-around;}
.align-items-start {-ms-flex-align: start;align-items: flex-start;}
.align-items-end {-ms-flex-align: end;align-items: flex-end;}
.align-items-center {-ms-flex-align: center;align-items: center;}
.align-items-baseline {-ms-flex-align: baseline;align-items: baseline;}
.align-items-stretch {-ms-flex-align: stretch;align-items: stretch;}
.align-content-start {-ms-flex-line-pack: start;align-content: flex-start;}
.align-content-end {-ms-flex-line-pack: end;align-content: flex-end;}
.align-content-center {-ms-flex-line-pack: center;align-content: center;}
.align-content-between {-ms-flex-line-pack: justify;align-content: space-between;}
.align-content-around {-ms-flex-line-pack: distribute;align-content: space-around;}
.align-content-stretch {-ms-flex-line-pack: stretch;align-content: stretch;}
.align-self-auto {-ms-flex-item-align: auto;align-self: auto;}
.align-self-start {-ms-flex-item-align: start;align-self: flex-start;}
.align-self-end {-ms-flex-item-align: end;align-self: flex-end;}
.align-self-center {-ms-flex-item-align: center;align-self: center;}
.align-self-baseline {-ms-flex-item-align: baseline;align-self: baseline;}
.align-self-stretch {-ms-flex-item-align: stretch;align-self: stretch;}