.arrow-top {
    width: 0;
    height: 0;
    border-width: 7px;
    border-color: transparent transparent #e6e6e6 transparent;
    border-style: dashed dashed solid dashed;
    position: absolute
}
header {
    width: 100%;
    min-width: 1050px;
    margin-bottom: 20px
}
.navBarWrap {
    background-color: #333;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    -webkit-transform: translate3d(0, 0, 0)
}
.navBar {
    height: 32px;
    max-width: 1050px;
    margin: 0 auto;
    line-height: 32px
}
nav {
    line-height: 32px;
    width: 68%;
    height: 32px;
    float: left;
    position: relative
}
.navBar nav>a, .navBar .moreNav>a {
    padding: 0 20px;
    color: #eee;
    margin: 0;
    font-size: 12px;
    float: left;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out
}
.navBar nav>a {
    position: relative
}
.navBar nav>a.active, .navBar nav>a.active:hover {
    background-color: #f04848;
    color: #fff
}
.navBar nav>a:hover {
    background-color: #4b4b4b;
    color: #fff
}
.navBar a .new {
    display: inline-block;
    position: absolute;
    right: 4px;
    top: -5px;
    width: 18px;
    height: 15px
}
.navBar a .hot {
    display: inline-block;
    position: absolute;
    right: 4px;
    top: -5px;
    width: 18px;
    height: 15px
}
.navBar a .new img {
    width: 18px;
    height: 15px
}
.navBar a .hot img {
    width: 18px;
    height: 15px
}
.menu_320 .hot img {
    width: 18px;
    height: 15px
}
.yc_layer, .yc_close {
    background: url(../img/yc_bg.png) no-repeat;
    width: 89px;
    height: 64px;
    display: block;
    position: absolute;
    left: 220px;
    top: 26px
}
.yc_close {
    background-position: 0 -75px;
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    left: 70px;
    top: 10px
}
.yc_layer:hover .yc_close {
    background-position: 0 -109px
}
.navBar .moreNav {
    float: left;
    padding: 0 34px 0 22px;
    position: relative
}
.navBar .moreNav a {
    padding: 0
}
.navBar .moreNav i, .submission i, .login_Info i {
    display: block;
    color: #767676;
    position: absolute;
    right: 16px;
    top: 8px;
    line-height: 1
}
.navBar .moreNavHover i, .submissionHover i, .login_InfoHover i {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.navBar .moreNavHover {
    background-color: #4b4b4b
}
.navBar .moreNavHover i {
    color: #fff
}
.more_moreNav, .more_submission, .more_login_Info {
    display: none;
    width: 56px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-top: 0;
    border-radius: 5px;
    padding: 5px 13px;
    position: absolute;
    left: 50%;
    margin-left: -42px;
    top: 32px;
    line-height: 24px
}
.navBar .moreNav .arrow-top {
    border-bottom-color: #d1d1d1;
    top: -14px;
    left: 50%;
    margin-left: -7px
}
.navBar .moreNav .arrow-top em {
    width: 0;
    height: 0;
    border-width: 7px;
    top: -6px;
    left: -7px;
    border-color: transparent transparent #fff transparent;
    border-style: dashed dashed solid dashed;
    position: absolute
}
.more_moreNav li a, .more_submission a, .more_login_Info li a {
    text-align: left;
    color: #333;
    padding: 0;
    margin-right: 0;
    font-size: 14px
}
.more_moreNav li a:hover, .submissionHover a:hover, .login_InfoHover a:hover {
    color: #5188a6
}
.loginArea {
    width: 31%;
    float: right;
    height: 32px;
    position: relative
}
.loginArea a.navBarRegister {
    float: right;
    color: #eee;
    padding-left: 8px;
    font-size: 12px
}
.loginArea a.navBarLogin {
    float: right;
    color: #eee;
    font-size: 12px;
    padding-left: 30px
}
.loginArea a.navBarRegister:hover, .loginArea a.navBarLogin:hover {
    color: #fff
}
.loginArea .line {
    float: right;
    border-left: 1px solid #b9b9b9;
    border-top: 0;
    height: 13px;
    margin-top: 10px;
    margin-left: 8px
}
.submission {
    width: 68px;
    float: right;
    position: relative;
    z-index: 5;
    margin-left: 34px
}
.submission>a {
    color: #eee;
    font-size: 12px;
    display: block
}
.submission .arrow-top {
    border-bottom-color: #d1d1d1;
    top: -14px;
    left: 50%;
    margin-left: -7px
}
.submission .arrow-top em {
    width: 0;
    height: 0;
    border-width: 7px;
    top: -6px;
    left: -7px;
    border-color: transparent transparent #fff transparent;
    border-style: dashed dashed solid dashed;
    position: absolute
}
.submission>a:hover, .submissionHover>a {
    color: #fff
}
.submission i {
    right: 0
}
.submissionHover i {
    color: #bbb
}
.login_Info {
    width: auto;
    padding-right: 15px;
    padding-left: 15px;
    float: right;
    position: relative;
    display: none;
    z-index: 5;
    margin-left: 15px
}
.login_Info a.nickName {
    display: block;
    padding-right: 3px;
    width: auto;
    max-width: 86px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #eee;
    font-size: 12px
}
.login_Info i {
    right: 0
}
.login_Info .arrow-top {
    border-bottom-color: #d1d1d1;
    top: -14px;
    left: 50%;
    margin-left: -7px
}
.login_Info .arrow-top em {
    width: 0;
    height: 0;
    border-width: 7px;
    top: -6px;
    left: -7px;
    border-color: transparent transparent #fff transparent;
    border-style: dashed dashed solid dashed;
    position: absolute
}
.login_InfoHover a {
    color: #fff;
    width: auto
}
.more_login_Info {
    width: auto
}
.more_login_Info li {
    position: relative
}
.more_login_Info a {
    overflow: hidden;
    white-space: nowrap
}
.more_login_Info a span em {
    font-size: 12px;
    color: #d62222;
    line-height: 24px
}
.loginArea .downloadApp {
    float: right;
    font-size: 12px;
    position: relative
}
.loginArea .downloadApp>a {
    color: #eee !important;
    height: 32px;
    line-height: 32px
}
.loginArea .downloadApp .app i {
    color: #e7e7e7;
    font-size: 14px;
    margin-right: 4px;
    vertical-align: -2px
}
.loginArea .downloadApp .more-share-box {
    top: 22px;
    position: absolute;
    left: 50%;
    margin-left: -107px;
    padding-top: 10px;
    display: none
}
.loginArea .downloadApp .more-share-box span.arrow-top {
    left: 107px;
    top: -4px;
    border-bottom-color: #d1d1d1
}
.loginArea .downloadApp .more-share-box em.arrow-top {
    left: -7px;
    top: -6px;
    border-bottom-color: #fff
}
.loginArea .downloadApp .more-share {
    border: 1px solid #dcdcdc;
    background-color: #fff;
    text-align: center;
    color: #666;
    width: 154px;
    height: auto;
    padding: 29px;
    border-radius: 4px
}
.loginArea .downloadApp .more-share img {
    max-width: 100%
}
.loginArea .app-box {
    display: block;
    text-align: center;
    margin-bottom: 14px
}
.loginArea .app-box img {
    display: block;
    width: auto;
    margin: 0 auto 7px
}
.loginArea .app-box b {
    font-weight: normal;
    font-size: 16px;
    color: #333
}
.loginArea .downloadApp .more-share p {
    line-height: 16px;
    font-size: 16px;
    color: #333
}
.loginArea .downloadApp .more-share p.red {
    color: #f05858;
    padding-top: 10px
}
.loginArea .downloadApp .more-share p.red i {
    font-size: 24px !important;
    padding: 0 2px;
    vertical-align: -2px;
    color: #f05858
}
.more_user_news {
    width: 140px;
    height: auto;
    position: absolute;
    top: 32px;
    right: 0;
    display: none;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    padding: 8px 0;
    box-shadow: rgba(6, 0, 1, 0.1) 0 2px 5px;
    z-index: 1
}
.more_user_news a {
    display: block;
    width: 120px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    text-align: left;
    color: #333;
    font-size: 14px
}
.more_user_news i {
    position: absolute;
    right: 6px;
    top: 8px;
    font-size: 14px;
    cursor: pointer;
    color: #999;
    z-index: 1
}
.more_user_news a:hover {
    color: #5188a6
}
.more_user_news i:hover {
    color: #f04848
}
.more_user_news em {
    color: #d62222;
    padding-right: 4px
}
@media screen and (min-width:1024px) and (max-width:1280px) {
    .navBar nav>a {
        padding: 0 20px
    }
}
@media screen and (min-width:900px) and (max-width:1023px) {
    nav {
        width: 61%;
        overflow: hidden
    }
    .loginArea {
        width: 38%
    }
}
@media screen and (max-width:899px) {
    nav {
        width: 64%;
        overflow: hidden
    }
    .submission {
        display: none
    }
}
@media screen and (max-width:640px) {
    .navBarWrap {
        display: none
    }
    body {
        padding-top: 0 !important
    }
}
.rank a:hover {
    text-decoration: none !important
}
.icon-huikui2015 {
    width: 14px;
    height: 18px;
    display: inline-block;
    margin-right: 4px;
    vertical-align: -4px
}
.icon-huikui2015 img {
    width: 14px;
    height: 18px
}
.icon-xunzhang618 {
    width: 32px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
    background: url(../../../../res.smzdm.com/resources/public/img/xunzhang_618.png) no-repeat
}
.identity .icon-xunzhang618, .personal_info_wrap .icon-xunzhang618 {
    vertical-align: -4px
}
.info-stuff-set .icon-xunzhang618 {
    vertical-align: 0
}
.icon-rightknights {
    width: 12px;
    height: 16px;
    background: url(../../../../res.smzdm.com/resources/public/img/rightknights.png) no-repeat;
    display: inline-block;
    margin-right: 4px;
    vertical-align: -5px
}
.info-stuff-set .icon-rightknights {
    vertical-align: 0
}
.identity .icon-rightknights {
    vertical-align: -4px !important
}
#user-information .user_namerank .icon-rightknights {
    vertical-align: -3px
}
.icon-fans {
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-right: 4px;
    background: url(../../../../res.smzdm.com/resources/public/img/fans.png) no-repeat
}
.info-stuff-set .icon-fans {
    vertical-align: 0
}
.identity .icon-fans {
    vertical-align: -2px
}
.icon-crown {
    color: #fdcc38 !important;
    vertical-align: -2px
}
.user_namerank .icon-crown {
    vertical-align: 0
}
.personal_info_wrap .icon-crown {
    vertical-align: 0
}
.authorWarp .icon-crown {
    vertical-align: 1px
}
.identity .icon-crown {
    vertical-align: 0;
    margin-left: 4px
}
.icon-living, .icon-vip_living {
    width: 18px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
    background: url(../../../../res.smzdm.com/resources/public/img/living.png) no-repeat
}
.icon-vip_living {
    background-image: url(../../../../res.smzdm.com/resources/public/img/vip_living.png)
}
.info-stuff-set .icon-living, .info-stuff-set .icon-vip_living {
    vertical-align: 0
}
.identity .icon-living, .identity .icon-vip_living {
    vertical-align: -2px
}
.icon-seven {
    width: 11px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
    background: url(../../../../res.smzdm.com/resources/public/img/seven.png) no-repeat
}
.info-stuff-set .icon-seven {
    vertical-align: 0
}
.identity .icon-seven {
    vertical-align: -2px
}
.icon-media {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
    background: url(../../../../res.smzdm.com/resources/public/img/media.png) no-repeat
}
.info-stuff-set .icon-media {
    vertical-align: 0
}
.identity .icon-media {
    vertical-align: -2px
}
.icon-goodboy {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
    background: url(../../../../res.smzdm.com/resources/public/img/goodboy.png) no-repeat
}
.info-stuff-set .icon-goodboy {
    vertical-align: 1px
}
.identity .icon-goodboy {
    vertical-align: -1px
}
.icon-juweihui {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
    background: url(../../../../res.smzdm.com/resources/public/img/juweihui.png) no-repeat
}
.info-stuff-set .icon-juweihui {
    vertical-align: 0
}
.identity .icon-juweihui {
    vertical-align: -2px
}
.icon-signin201609 {
    width: 19px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
    background: url(../../../../res.smzdm.com/resources/public/img/signin201609.png) no-repeat
}
.info-stuff-set .icon-signin201609 {
    vertical-align: 0
}
.identity .icon-signin201609 {
    vertical-align: -2px
}
.footer-layer {
    width: 100%;
    height: 120px;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    bottom: 0;
    z-index: 500
}
.footer-layer .layer-center {
    margin: 0 auto;
    width: 1050px;
    padding-top: 8px;
    position: relative
}
.layer-left {
    text-align: center
}
.layer-left li {
    display: inline-block;
    vertical-align: top
}
.layer-right {
    position: absolute;
    right: 10px;
    top: 10px
}
.layer-right i {
    cursor: pointer;
    font-size: 25px;
    color: #fff
}
.layer-left button {
    display: inline-block
}
.layer-left .Login {
    background-color: #f04848;
    color: #fff;
    width: 140px;
    height: 33px;
    font-size: 16px;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
    margin-left: 25px;
    line-height: 33px;
    position: relative;
    top: 38px
}
.layer-left .register {
    background-color: #3184e7;
    color: #fff;
    width: 140px;
    height: 33px;
    font-size: 16px;
    text-align: center;
    border-radius: 6px;
    margin-left: 28px;
    cursor: pointer;
    line-height: 33px;
    position: relative;
    top: 38px
}
.footer-layer-temp {
    width: 100%;
    height: 120px;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    bottom: 0;
    z-index: 500
}
.footer-layer-temp .layer-center-temp {
    margin: 0 auto;
    width: 1050px;
    height: 100px;
    padding: 10px 0
}
.layer-left-temp {
    float: left;
    margin-left: 70px
}
.layer-right-temp {
    float: left;
    margin-top: 5px;
    margin-left: 95px;
    cursor: pointer;
    font-size: 25px;
    color: #767676
}
.layer-right-temp:hover {
    color: #fff
}
.footer-innerlink {
    margin-bottom: 30px
}
.innerlink-title {
    color: #999;
    font-size: 14px;
    margin-bottom: 10px
}
.innerlink-title span {
    padding-right: 30px;
    cursor: pointer
}
.innerlink-title span.active {
    font-weight: bold;
    color: #fff
}
.innerlink-content a {
    display: inline-block;
    color: #999;
    padding-right: 30px;
    line-height: 24px;
    white-space: nowrap
}
.innerlink-content a:hover {
    color: #fff;
    text-decoration: none
}
.footer a:hover {
    text-decoration: none !important;
    color: #fff !important
}
footer .footerLink .linkTitle {
    color: #fff
}
footer .footerLink .linkTitle span {
    font-size: 12px;
    font-weight: normal;
    color: #999
}
body {
    padding-top: 34px
}
.z-split {
    display: inline-block;
    height: 14px;
    width: 0;
    margin: 0 7px;
    border-right: 1px solid #fff;
    vertical-align: -2px
}
.z-clearfix {
    zoom: 1
}
.z-clearfix:before, .z-clearfix:after {
    content: "";
    display: table
}
.z-clearfix:after {
    clear: both
}

.nav-list li {
    width: 100px;
    text-align: center;
}
.control-list, .nav-list {
    float: left
}
.control-list>li, .nav-list>li {
    float: left;
    height: 34px;
    position: relative;
    border-left: 1px solid #444;
    border-right: 1px solid #222
}
.control-list>li>a, .nav-list>li>a {
    display: inline-block;
    height: 32px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 34px;
    border-bottom: 2px solid transparent;
    white-space: nowrap
}
.control-list>li.current a, .nav-list>li.current a, .control-list>li a.current, .nav-list>li a.current {
    border-bottom-color: #f04848
}
.control-list>li .arrow-down, .nav-list>li .arrow-down {
    position: relative;
    border-color: #999 transparent;
    margin: 0;
    margin-left: 10px;
    vertical-align: middle
}
.control-list>li .arrow-down:after, .nav-list>li .arrow-down:after {
    content: "";
    position: absolute;
    top: -6px;
    left: -4px;
    border-color: #333 transparent
}
.control-list>li .arrow-down, .control-list>li .arrow-down:after, .nav-list>li .arrow-down, .nav-list>li .arrow-down:after {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 4px 4px 0;
    border-style: solid
}
.control-list>li:hover .arrow-down:after, .nav-list>li:hover .arrow-down:after {
    top: 2px
}
.control-list>li:hover .arrow-down, .control-list>li:hover .arrow-down:after, .nav-list>li:hover .arrow-down, .nav-list>li:hover .arrow-down:after {
    border-width: 0px 4px;
}
.control-list>li:hover .sub-nav, .nav-list>li:hover .sub-nav {
    display: block
}
.nav-list>li {
    padding: 0 20px;
}
.nav-list>li>a {
    padding: 0 10px
}
.sub-nav {
    display: none;
    position: absolute;
    z-index: 20;
    left: -1px;
    right: -1px;
    top: 34px;
    padding: 7px 0;
    background-color: #333;
    background-color: rgba(51, 51, 51, .9);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}
.sub-nav .qr_code {
    width: 120px;
}
.sub-nav .qr_code li {
    margin: 0 auto;
}
.sub-nav li a {
    display: inline-block;
    height: 28px;
    width: 100%;
    color: #fff;
    line-height: 28px;
    text-align: center
}
.sub-nav li a:hover {
    background-color: #f04848
}
.nav-controls {
    float: right;
    position: relative
}
.control-list>li>a {
    width: auto;
    min-width: 84px
}
.control-list>li.app-entry {
    border-left: none
}
.control-list>li.app-entry>a {
    width: 112px
}
.control-list>li.app-entry .sub-nav {
    padding: 10px 0
}
.control-list>li.app-entry .sub-nav li>a {
    display: block;
    width: 95px;
    height: auto;
    margin: 0 auto;
    background-color: transparent !important;
    line-height: 20px;
    text-align: center
}
.control-list>li.app-entry .sub-nav li>a div {
    margin-top: 5px
}
.control-list>li.user-entry {
    display: none;
    padding: 0
}
.control-list>li.user-entry>a {
    padding: 0;
    width: 97px;
    text-align: center
}
.control-list>li.user-entry .nav-username {
    display: inline-block;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 34px;
    white-space: nowrap;
    vertical-align: top;
    text-align: right
}
.control-list>li.user-entry .sub-nav {
    left: 0;
    right: 0
}
.nav-logins {
    width: 110px;
    padding: 0 15px;
    border-left: 1px solid #444;
    border-right: 1px solid #222;
    text-align: center;
    white-space: nowrap
}
.nav-logins, .nav-logins a {
    display: inline-block;
    height: 34px
}
.nav-logins a {
    font-size: 14px;
    line-height: 34px;
    color: #fff
}
.nav-logins .z-split {
    height: 14px;
    border-color: #7e7e7e
}
#chief-notice {
    top: 34px;
    width: 140px;
    height: auto;
    position: absolute;
    right: 0;
    display: none;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    padding: 8px 0;
    box-shadow: rgba(6, 0, 1, 0.1) 0 2px 5px;
    z-index: 1
}
#chief-notice i {
    position: absolute;
    right: 6px;
    top: 8px;
    font-size: 14px;
    cursor: pointer;
    color: #999;
    z-index: 1
}
#chief-notice a {
    display: block;
    width: 120px;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    text-align: left;
    color: #333;
    font-size: 14px
}
#chief-notice a em {
    padding-right: 4px;
    color: #f04848
}
#chief-notice #notice-message {
    font-size: 14px !important;
    display: block;
    color: #333 !important
}
#chief-notice #notice-comment {
    font-size: 14px !important;
    display: block;
    color: #333 !important
}
.s-history {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    padding-top: 14px;
    margin: -4px -1px 0;
    border: 1px solid #dcdcdc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #fff;
    z-index: 1001;
    font-size: 12px;
    overflow: hidden
}
.s-history-head {
    position: relative;
    padding: 0 10px 5px
}
.s-history-head a {
    position: absolute;
    right: 8px;
    top: 0
}
.s-history-list li {
    position: relative;
    padding: 0 10px;
    line-height: 24px;
    cursor: pointer
}
.s-history-list li.focus, .s-history-list li:hover {
    background-color: #f5f5f5
}
.s-history-list li.focus span, .s-history-list li:hover span {
    display: block
}
.s-history-list li>a {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
    margin: 0 -10px;
    color: #333
}
.s-history-list li>a:hover {
    color: #333
}
.s-history-list li span {
    display: none;
    position: absolute;
    right: 8px;
    top: 4px;
    width: 16px;
    height: 16px;
    background-color: #ccc;
    border-radius: 50%;
    text-align: center;
    line-height: 15px;
    color: #fff
}