/**
 * 全局基础样式，主要包含：
 * 1. 样式重置
 * 2. 基础布局相关样式
 */

html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset {
    margin: 0;
    padding: 0;
}
ul, ol, dl {
    list-style-type: none;
}
html, body {
    *position: static;
    height: 100%;
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
}
input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
input, button {
    overflow: visible;
    vertical-align: middle;
    outline: none;
}
body, th, td, button, input, select, textarea {
    font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";
    /*font-family: Verdana, 'Microsoft YaHei', Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    color: #666;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}
body {
    line-height: 1.6;
    background-color: #fff;
    /*overflow-x: hidden;*/
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    color: #333;
}
optgroup {
    font-weight: bold;
}
a, area {
    outline: none;
    blr: expression(this.onFocus=this.blur());
}
a {
    text-decoration: none;
    cursor: pointer;
    color: #666;
}
a:hover {
    text-decoration: none;
    outline: none;
    color: #ff7200;
}
a.ie6:hover {
    zoom: 1;
}
a:focus {
    outline: none;
}
a:hover, a:active {
    outline: none;
}
:focus {
    outline: none;
}
sub, sup {
    vertical-align: baseline;
}

/*img*/

img {
    border: 0;
    vertical-align: middle;
}
a img, img {
    -ms-interpolation-mode: bicubic;
}

/*IE下a:hover 背景闪烁*/

html {
    overflow: -moz-scrollbars-vertical;
    /*zoom:expression(function(ele) {
        ele.style.zoom="1";
        document.execCommand("BackgroundImageCache", false, true)
    }
    (this));*/
}

/*HTML5 reset*/

header, footer, section, aside, details, menu, article, section, nav, address, hgroup, figure, figcaption, legend {
    display: block;
    margin: 0;
    padding: 0;
}
time {
    display: inline;
}
audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
}
legend {
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}
legend small {
    font-size: 15px;
    color: #999;
}
svg:not(:root) {
    overflow: hidden;
}
fieldset {
    border-width: 0;
    padding: 0.35em 0.625em 0.75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
input[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*修正：chrome autocomplete 导致黄色背景*/

input.fix-autofill-bg:-webkit-autofill, textarea.fix-autofill-bg:-webkit-autofill, select.fix-autofill-bg:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

/*IE11 输入框后面多余的叉叉*/

input::-ms-clear {
    display: none;
}
table {
    width: 100%;
    empty-cells: show;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
}
table th, table td {
    padding: 0;
}
.cl:after, .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.cl, .clearfix {
    zoom: 1;
    /*    _overflow: hidden;
    _clear: both;*/
}
/*.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}*/

/*以下开始为常用样式*/

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.1;
    /*color: inherit;*/
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small {
    font-weight: 400;
    line-height: 1;
}
h1, h2, h3 {
    /*padding-top: 20px;
    padding-bottom: 10px;*/
}
h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
    font-size: 65%;
}
h4, h5, h6 {
    /*margin-top: 10px;
    margin-bottom: 10px;*/
}
h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small {
    font-size: 75%;
}
/*h1 {
    font-size: 36px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 12px;
}*/

/*段落*/

small {
    font-size: 85%;
}

/*小型文本*/

b, strong {
    font-weight: bold;
}

/*重要的文本，加粗*/

em {
    font-style: italic;
}

/*被强调的文本*/

i {}

/*斜体*/

u {}

/*加下划线*/

cite {
    font-style: normal;
}

/*引用*/

mark {
    color: #000;
    background: #ff0;
}
var {}
kbd {}
code {}
dfn {
    font-style: italic;
}
del {
    font-family: Simsun;
}
code, kbd, pre, samp {
    font-family: monospace, serif;
    font-size: 1em;
}
pre {
    display: block;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    padding: 9.5px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333
}
abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999
}
abbr.initialism {
    font-size: 90%;
    text-transform: uppercase
}

/*3.1.18 地址
  Example:    <address>北京市海淀区上地……</address>
  Explain:
*/

address {
    display: block;
    margin-bottom: 20px;
    font-style: normal;
    line-height: 20px
}

/*3.1.19 引用
  Example:    <blockquote>这是引用的内容</blockquote>
  Explain:
*/

blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #eee
}
blockquote p {
    margin-bottom: 0;
    font-size: 17.5px;
    font-weight: 300;
    line-height: 1.25
}
blockquote small {
    display: block;
    line-height: 20px;
    color: #999
}
blockquote small:before {
    content: '\2014 \00A0'
}
blockquote.text-r {
    padding-right: 15px;
    padding-left: 0;
    border-right: 5px solid #eee;
    border-left: 0
}
blockquote.text-r p, blockquote.text-r small {
    text-align: right
}
blockquote.text-r small:before {
    content: ''
}
blockquote.text-r small:after {
    content: '\00A0 \2014'
}
q:before, q:after, blockquote:before, blockquote:after {
    content: ""
}
q {
    /*短的引用*/
    quotes: "\201C" "\201D" "\2018" "\2019"
}

/*3.1.20 上标，下标
  Example:    <sup>2</sup>  <sub>2<sub>
  Explain:    上标|下标
*/

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #c9c9c9;
}
:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #c9c9c9;
}
::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #c9c9c9;
}
:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #c9c9c9;
}

/*通用表单输入 placeholder支持*/

.common-input::-moz-placeholder {
    color: #c9c9c9;
    opacity: 1;
}
.common-input:-ms-input-placeholder {
    color: #c9c9c9;
}
.common-input::-webkit-input-placeholder {
    color: #c9c9c9;
}

/*IE6-9 placeholder支持*/

.placeholder, .common-input.placeholder {
    color: #c9c9c9;
}

/*补充样式开始*/

.hide {
    display: none;
}
[hidden] {
    display: none;
}
.hidden {
    display: none;
    visibility: hidden;
}
.f-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.show {
    display: block;
}
.invisible {
    visibility: hidden;
}

/*预格式化的文本*/

.uppercase {
    text-transform: uppercase;
}

/*文字大写*/

.lowercase {
    text-transform: lowercase;
}

/*文字小写*/

.capitalize {
    text-transform: capitalize;
}
.en {
    font-family: Arial;
}
ul.unstyled, ol.unstyled {
    margin-left: 0;
    list-style: none;
}
ul.inline, ol.inline {
    margin-left: 0;
    list-style: none;
}
ul.inline>li, ol.inline>li {
    display: inline-block;
    *display: inline;
    *zoom: 1
}
.dis-ib {
    display: inline-block;
    *display: inline;
    *zoom: 1
}
.text-l {
    text-align: left;
}
.text-r {
    text-align: right;
}
.text-c {
    text-align: center;
}
.va * {
    vertical-align: sub;
    *vertical-align: middle;
    _vertical-align: middle;
}
.va-t {
    vertical-align: top;
}
.va-m {
    vertical-align: middle;
}
.va-b {
    vertical-align: bottom;
}
.va-m-assistant {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 0;
    height: 100%;
    vertical-align: middle;
}

/*3.1.4 定位
  Name:     style_position
  Example:    class="pos-r|pos-a|pos-f"
  Explain:    .pos-r 相对定位|.pos-a 绝对定位|.pos-f 固定
*/

.pos-r {
    position: relative;
}
.pos-a {
    position: absolute;
}
.pos-f {
    position: fixed;
}
.l, .f-l {
    float: left;
    /*用于处理IE6下浮动 文字自动换行的BUG*/
    _display: inline;
}
.r, .f-r {
    float: right;
    /*用于处理IE6下浮动 文字自动换行的BUG*/
    _display: inline;
}
[class*="span"].r, [class*="span"].f-r {
    float: right;
}

/*控制元素对定位的位置：居左|居右|j居上|居下*/

.left {
    left: 0;
    right: auto;
}
.right {
    right: 0;
    left: auto;
}
.top {
    top: auto;
    bottom: 0;
}
.bottom {
    top: 0;
    bottom: auto;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-overflow {
    /*超出不显示*/
    overflow: hidden;
    text-overflow: ellipsis;
    /*不换行才可能显示出...*/
    white-space: nowrap;
    word-break: normal;
}
.line {
    font-size: 0px;
    line-height: 0px;
    border-top: solid 1px #eee;
    float: none;
}
.mt-5 {
    margin-top: 5px;
}
.mt-10 {
    margin-top: 10px;
}
.mt-15 {
    margin-top: 15px;
}
.mt-20 {
    margin-top: 20px;
}
.mt-25 {
    margin-top: 25px;
}
.mt-30 {
    margin-top: 30px;
}
.mt-35 {
    margin-top: 35px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-45 {
    margin-top: 45px;
}
.mt-50 {
    margin-top: 50px;
}
.mt-55 {
    margin-top: 55px;
}
.mt-60 {
    margin-top: 60px;
}
.mt-70 {
    margin-top: 70px;
}
.mt-80 {
    margin-top: 80px;
}
.mt-90 {
    margin-top: 90px;
}
.mt-100 {
    margin-top: 100px;
}
.mb-5 {
    margin-bottom: 5px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-40 {
    margin-bottom: 40px;
}
.mb-50 {
    margin-bottom: 50px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mb-70 {
    margin-bottom: 70px;
}
.mb-80 {
    margin-bottom: 80px;
}
.mb-90 {
    margin-bottom: 90px;
}
.mb-100 {
    margin-bottom: 100px;
}
.ml-5 {
    margin-left: 5px;
}
.ml-10 {
    margin-left: 10px;
}
.ml-15 {
    margin-left: 15px;
}
.ml-20 {
    margin-left: 20px;
}
.ml-30 {
    margin-left: 30px;
}
.ml-40 {
    margin-left: 40px;
}
.ml-50 {
    margin-left: 50px;
}
.ml-60 {
    margin-left: 60px;
}
.ml-70 {
    margin-left: 70px;
}
.ml-80 {
    margin-left: 80px;
}
.ml-90 {
    margin-left: 90px;
}
.ml-100 {
    margin-left: 100px;
}
.mr-5 {
    margin-right: 5px;
}
.mr-10 {
    margin-right: 10px;
}
.mr-15 {
    margin-right: 15px;
}
.mr-20 {
    margin-right: 20px;
}
.mr-30 {
    margin-right: 30px;
}
.mr-40 {
    margin-right: 40px;
}
.mr-50 {
    margin-right: 50px;
}
.mr-60 {
    margin-right: 60px;
}
.mr-70 {
    margin-right: 60px;
}
.mr-80 {
    margin-right: 60px;
}
.mr-90 {
    margin-right: 60px;
}
.mr-100 {
    margin-right: 100px;
}
.pt-5 {
    padding-top: 5px;
}
.pt-10 {
    padding-top: 10px;
}
.pt-20 {
    padding-top: 20px;
}
.pt-30 {
    padding-top: 30px;
}
.pt-40 {
    padding-top: 40px;
}
.pt-50 {
    padding-top: 50px;
}
.pt-60 {
    padding-top: 60px;
}
.pt-70 {
    padding-top: 70px;
}
.pt-80 {
    padding-top: 80px;
}
.pt-90 {
    padding-top: 90px;
}
.pt-100 {
    padding-top: 100px;
}
.pt-none {
    padding-top: 0;
}
.pb-5 {
    padding-bottom: 5px;
}
.pb-10 {
    padding-bottom: 10px;
}
.pb-20 {
    padding-bottom: 20px;
}
.pb-30 {
    padding-bottom: 30px;
}
.pb-none {
    padding-bottom: 0;
}
.pl-5 {
    padding-left: 5px;
}
.pl-10 {
    padding-left: 10px;
}
.pl-20 {
    padding-left: 20px;
}
.pl-30 {
    padding-left: 30px;
}
.pl-80 {
    padding-left: 80px;
}
.pl-none {
    padding-left: 0;
}
.pr-5 {
    padding-right: 5px;
}
.pr-10 {
    padding-right: 10px;
}
.pr-20 {
    padding-right: 20px;
}
.pr-30 {
    padding-right: 30px;
}
.pr-40 {
    padding-right: 40px;
}
.pr-50 {
    padding-right: 50px;
}
.pr-60 {
    padding-right: 60px;
}
.pr-70 {
    padding-right: 70px;
}
.pr-80 {
    padding-right: 80px;
}
.pr-90 {
    padding-right: 90px;
}
.pr-100 {
    padding-right: 100px;
}
.pr-none {
    padding-right: 0;
}
.pd-5 {
    padding: 5px;
}
.pd-10 {
    padding: 10px;
}
.pd-15 {
    padding: 15px;
}
.pd-20 {
    padding: 20px;
}
.pd-30 {
    padding: 30px;
}
.pd-40 {
    padding: 40px;
}
.radius {
    border-radius: 4px;
    overflow: hidden;
}
.circle {
    border-radius: 50%;
    overflow: hidden;
}
.pipe {
    margin: 0 5px;
    color: #CCC;
    font-size: 10px;
}
.indent {
    text-indent: 2em;
}

/*常用字体大小*/

.font12 {
    font-size: 12px;
}
.font14 {
    font-size: 14px;
}
.font16 {
    font-size: 16px;
}
.font18 {
    font-size: 18px;
}
.font20 {
    font-size: 20px;
}
.font22 {
    font-size: 22px;
}
.font24 {
    font-size: 24px;
}
.font26 {
    font-size: 26px;
}
.font28 {
    font-size: 28px;
}
.font30 {
    font-size: 30px;
}
.font36 {
    font-size: 36px;
}
.font40 {
    font-size: 40px;
}
.lh-16 {
    line-height: 16px
}
.lh-18 {
    line-height: 18px
}
.lh-20 {
    line-height: 20px
}
.lh-22 {
    line-height: 22px
}
.lh-24 {
    line-height: 24px
}
.lh-26 {
    line-height: 26px
}
.lh-28 {
    line-height: 28px
}
.lh-30 {
    line-height: 30px
}
.img-responsive {
    max-width: 100%;
    height: auto;
}

/*说明： .horizontal-center 样式位于header_footer.css中*/