html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em, img,
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead,
tr, th, td, article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html
{
    line-height: 1
}

ol, ul
{
    list-style: none
}

table
{
    border-collapse: collapse;
    border-spacing: 0
}

caption, th, td
{
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q, blockquote
{
    quotes: none
}

q:before, q:after, blockquote:before, blockquote:after
{
    content: "";
    content: none
}

a img
{
    border: none
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary
{
    display: block
}

html
{
    *overflow: auto
}

body, button, input, select, textarea
{
    font-family: Microsoft Yahei, PingFang SC, Lantinghei SC, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans;
    font-size: 12px
}

a,
a:link
{
    color: #000;
    text-decoration: none;
    outline: none;
}

a:hover,
a:focus
{
    text-decoration: none;
    color:inherit;
}

label,
button,
input,
select,
textarea
{
    font-size: 12px;
    vertical-align: middle;
}

input,
button,
select,
textarea
{
    font: 12px/1.2em Microsoft YaHei;
}

input,
select,
button
{
    height: 28px;
}

select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"]
{
    cursor: pointer;
}

input[readonly],textarea[readonly]
{
    background-color: #F3F3F3;
}

div
{
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}

.clearfix:after
{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix
{
    display: inline-block
}

.clearfix
{
    height: 1%
}

.clearfix
{
    display: block;
    overflow: hidden
}

.ellipsis
{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.alert
{
    margin-bottom: 20px;
    padding: 0 10px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ddd;
    color: #888
}

.alert .close
{
    float: right;
    font-size: 12px;
    color: #999
}

.alert .close:hover
{
    text-decoration: none
}

.alert.alert-warning
{
    background: #fff5db;
    color: #e2ba89;
    border-color: #ffe195
}

.alert.alert-error
{
    background: #fceee8;
    color: #fc0000;
    border-color: #fc0000
}

::-webkit-scrollbar-track-piece
{
    background-color: #fff;
    -webkit-border-radius: 0
}

::-webkit-scrollbar
{
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-thumb
{
    height: 50px;
    background-color: #b8b8b8;
    -webkit-border-radius: 6px;
    outline: 2px solid #fff;
    outline-offset: -2px;
    border: 2px solid #fff;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5
}

::-webkit-scrollbar-thumb:hover
{
    height: 50px;
    background-color: #878987;
    -webkit-border-radius: 6px
}

@font-face
{
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot?1464535104');
    src: url('../fonts/iconfont.eot?&1464535104#iefix') format("embedded-opentype"), url('../fonts/iconfont.woff?1464535104') format("woff"), url('../fonts/iconfont.ttf?1464535104') format("truetype"), url('../fonts/iconfont.svg?1464535104#iconfont') format("svg")
}

.iconfont
{
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale
}