a, iframe, img {
    text-decoration: none
}

.textarea, :focus, object {
    outline: 0
}

.al, td, th {
    text-align: left
}

.il, ol, ul {
    list-style: none
}

a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
    background: 0;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    font: inherit
}

h1, h2, h3, h4, h5, h6, td, th {
    font-weight: 400
}

.emoji-img, .jm-icon, .vip, .vip2, .vip3 {
    vertical-align: text-bottom
}

a img, button, iframe, img {
    border: 0
}

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

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

.after, .before, .emoji-img, .jm-icon, .ui-icon, .vip, .vip2, .vip3 {
    display: inline-block
}

blockquote, q {
    quotes: none
}

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

button {
    cursor: pointer
}

button, input, optgroup, option, select, textarea {
    font: inherit
}

hr {
    margin: 0;
    padding: 0;
    border: 0;
    color: #000;
    background-color: #000;
    height: 1px
}

em, i {
    font-style: normal
}

a {
    color: #333
}

a:hover {
    color: #ae2a03
}

body {
    line-height: 1;
    font-family: STHeiti, "Microsoft YaHei", simsun, sans-serif, Arial;
    font-size: 12px;
    background: #f5f5f5
}

.header-inner {
    position: relative;
    background: #222;
    background: rgba(0, 0, 0, .85)
}

.header-container {
    margin: 0 auto;
    width: 1000px;
    overflow: hidden
}

.scrolling-fixed .header-inner {
    position: fixed;
    top: 0
}

.header-inner {
    width: 100%;
    z-index: 999;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .5)
}

.min-jiemian {
    overflow: hidden;
    float: left
}

.site-logo {
    float: left
}

.site-logo .logo {
    height: 50px;
    display: inline-block
}

.site-logo .logo img {
    display: inline-block;
    margin-top: 5px
}

.site-logo p {
    line-height: 24px;
    padding-left: 15px;
    font-size: 16px;
    color: #999;
    display: inline-block;
    vertical-align: text-bottom
}

.site-sign {
    float: right;
    line-height: 50px
}

.site-sign a, .site-sign span {
    color: #fff;
    font-size: 14px
}
.user-home {
    padding: 5px;
    position: relative;
    display: inline-block;
    float: right;
}
.user-home a {
   line-height: 40px;
    color: #fff;
}
.footer, .footer-container {
    background-color: #141414;
    height: 50px
}

.content {
    padding: 20px 0
}

.content-container {
    width: 1000px;
    margin: 0 auto
}

.content-container:after, .content-container:before {
    content: "";
    display: block;
    clear: both
}

.footer {
    z-index: 600
}

.footer-inner {
    background: #141414
}

.footer-container {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden
}

.footer-container .b-logo {
    float: left;
    height: 50px;
    width: 66px;
    background: url(https://res.jiemian.com/static/jmw/image/b-logo.png) center center no-repeat
}

.footer-container p {
    float: left;
    line-height: 50px;
    padding-left: 15px;
    color: #ddd;
    font-size: 13px
}

.footer-container ul {
    float: right;
    line-height: 50px
}

.footer-container ul li {
    float: left;
    margin-left: 10px
}

.footer-container ul a {
    display: inline-block;
    color: #ddd;
    font-size: 13px;
    position: relative
}

@media (max-width: 415px) {
    .footer-container, .header-container {
        width: 100%
    }

    .header,.user-home {
        display: none
    }

    .content-container {
        width: 100%;
        background: #f5f5f5
    }

    .footer-container .b-logo {
        float: none;
        display: block;
        margin: 0 auto
    }

    .footer, .footer-container {
        height: auto
    }

    .footer-container p {
        float: none;
        padding: 0 10px;
        line-height: 20px;
        text-align: center
    }

    .footer-container ul {
        display: none
    }
}

@media (min-width: 992px) {
    .container {
        width: 800px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 800px
    }
}