.feed-pagenation {
    padding-top: 30px;
    padding-bottom: 40px
}

.pagenation-list {
    font-size: 0
}

.pagenation-list li {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0 5px;
    color: #666;
    font-size: 14px;
    border-radius: 2px;
    background: #f7f7f7;
    overflow: hidden
}

.pagenation-list li a, .pagenation-list li span {
    display: block;
    width: 100%;
    height: 100%;
    color: #666
}

.pagenation-list li.current, .pagenation-list li.current a, .pagenation-list li.page-number:hover, .pagenation-list li.page-turn:hover, .pagenation-list li a:hover {
    background-color: #e62828;
    color: #fff
}

.pagenation-list li i {
    font-size: 12px
}

#header {
    position: relative;
    padding-bottom: 34px
}

#global-search {
    background-color: #fff;
    margin-bottom: 10px;
    padding-top: 34px;
    height: 100px;
    -webkit-font-smoothing: antialiased
}

#global-search.mini-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    height: 50px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1)
}

#global-search.mini-bar .search-inner {
    padding-top: 8px;
    padding-bottom: 0;
    width: 1200px
}

#global-search.mini-bar .search-inner .sub-right-content {
    margin-top: 0
}

#global-search.mini-bar .search-inner #logo {
    margin-top: 3px
}

#global-search.mini-bar .search-inner .head_title {
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    margin-top: 0;
}

#global-search.mini-bar .search-inner .head_title a {
    font-size: 16px;
    font-weight: 700
}

#global-search.mini-bar .header-wrap-menu {
    display: none
}

#global-search .search-inner {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 22px 0;
    height: 56px
}

#global-search .search-inner .head_title, #global-search .search-inner .page-location, #global-search .search-inner h1.head_title, #global-search .search-inner h2 {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #f5f5f5;
    font-size: 24px;
    font-weight: 700;
    height: 42px;
    line-height: 42px;
    margin-right: 25px;
    margin-top: 7px;
    float: left
}

#global-search .search-inner .head_title a, #global-search .search-inner .page-location a, #global-search .search-inner h1.head_title a, #global-search .search-inner h2 a {
    font-size: 24px;
    color: #333
}

#global-search .search-inner .logo-special {
    float: right;
    width: 310px;
    height: 90px;
    margin: -11px 0
}

#global-search .search-inner .logo-special img {
    max-width: 100%
}

#logo {
    float: left;
    margin: 4px 0 0
}

#logo, #logo a {
    font-size: 0
}

#logo img {
    max-height: 66px
}

#logo.oneone-logo {
    height: 120px;
    margin: -30px 10px 0 0;
    width: 240px
}

#logo.oneone-logo a {
    display: block;
    line-height: 120px
}

#logo.oneone-logo img {
    width: 100%;
    max-height: 120px
}

#sub-header {
    min-height: 40px
}

#sub-header.sub-fix-search {
    min-height: 140px
}

#sub-header .sub-logo-special {
    float: right;
    width: 256px;
    margin-top: -5px
}

#sub-header .sub-logo-special img {
    max-width: 100%
}

#sub-header .add-focus-btn {
    float: right;
    width: 126px;
    height: 38px;
    line-height: 38px;
    background: #e62828;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    color: #fff
}

#sub-header .add-focus-btn > i {
    margin-right: 10px;
    font-size: 18px
}

#sub-header .channel-name {
    font-size: 12px;
    color: #999;
    padding: 0 2px;
    display: inline-block;
    border: 1px solid #c8c8c8;
    border-radius: 2px;
    line-height: 16px;
    height: 16px;
    vertical-align: 3px;
    margin-left: 14px
}

#sub-search-form {
    position: relative;
    z-index: 100;
    width: 328px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 34px;
    float: left;
    -webkit-transition: width .2s ease;
    transition: width .2s ease
}

#sub-search-form.small-search-form.open-search {
    width: 328px
}

#sub-search-form .s-history {
    margin-top: 8px;
    z-index: 999
}

#sub-search-form .s-history-head, #sub-search-form .s-history-list li {
    padding-left: 14px;
    padding-right: 14px
}

#sub-search-form .search-wrap {
    margin-bottom: 10px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    overflow: hidden;
    position: relative
}

#sub-search-form .search-input-wrap {
    position: relative;
    float: left;
    height: 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 7px 0 7px 14px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background-color: #f5f5f5;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    width: 100%
}

#sub-search-form .search-input-wrap .search-input {
    width: 100%;
    height: 20px;
    background-color: #f5f5f5;
    border: 0;
    line-height: 20px;
    color: #333;
    font-family: inherit;
    font-size: 14px;
    -webkit-appearance: textfield
}

#sub-search-form .search-input-wrap .search-input::-webkit-search-decoration {
    -webkit-appearance: none
}

#sub-search-form .search-input-wrap .search-input::-ms-clear {
    display: none
}

#sub-search-form .search-input-wrap .search-cancel-button {
    display: none;
    position: absolute;
    margin-top: -6px;
    top: 50%;
    right: 44px;
    font-size: 12px;
    color: #999
}

#sub-search-form .search-input-wrap .search-cancel-button:hover {
    opacity: .8
}

#sub-search-form .search-submit {
    width: 36px;
    background-color: #f5f5f5;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-left: 0;
    color: #999;
    line-height: 36px;
    font-size: 18px;
    padding-right: 8px
}

#sub-search-form .search-submit, .search-other-btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 34px;
    text-align: center;
    cursor: pointer
}

.search-other-btn {
    font-size: 14px;
    color: #fff;
    background: #e62828;
    border-radius: 2px;
    line-height: 34px;
    margin-left: 14px;
    width: 84px;
    display: block;
    opacity: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 100;
    font-weight: 600
}

.search-other-btn.search-btn-hide {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.search-other-btn:hover {
    background: #fc6d70
}

#sub-global-nav {
    position: fixed;
    width: 100%;
    background-color: #333;
    color: #fff;
    z-index: 999
}

#sub-global-nav.compatible .nav-list > li > a {
    min-width: inherit;
    padding-left: 16px;
    padding-right: 16px
}

#sub-global-nav .nav-inner {
    width: 1200px;
    margin: 0 auto
}

#sub-global-nav nav {
    float: left
}

.header-wrap-menu {
    float: left;
    line-height: 56px;
    height: 56px;
    font-size: 16px;
    color: #333
}

.header-wrap-menu li {
    display: inline-block;
    position: relative;
    text-align: center;
    margin: 0 25px
}

.header-wrap-menu li a {
    font-size: 18px;
    color: #333;
    display: block;
    font-weight: 700
}

.header-wrap-menu li a:hover {
    color: #e62828
}

.header-wrap-menu li:last-child {
    margin-right: 0
}

.header-wrap-menu li.spec-item {
    position: relative
}

.header-wrap-menu li.spec-item .gif {
    position: absolute;
    width: 29px;
    right: -31px;
    top: 3px
}

.header-wrap-menu li.active a {
    color: #e62828;
    font-weight: 700
}

.sub-right-content {
    float: right;
    width: 328px;
    height: 34px;
    position: relative;
    margin-top: 10px
}

.sub-right-content:after {
    content: "";
    clear: both
}

form.show-history {
    position: relative
}

.s-history {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    padding-top: 14px;
    border-top: 1px solid #fff;
    border-radius: 2px;
    background-color: #fff;
    z-index: 1010;
    font-size: 14px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.s-history-head {
    position: relative;
    padding: 0 10px 8px
}

.s-history-head a {
    position: absolute;
    right: 14px;
    top: 0
}

.s-history-head a:hover {
    opacity: .8
}

.s-history-list {
    padding-bottom: 7px
}

.s-history-list li {
    position: relative;
    padding: 0 10px;
    line-height: 30px;
    cursor: pointer;
    height: 30px
}

.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;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.s-history-list li span {
    display: none;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 15px;
    color: #ccc;
    z-index: 1
}

.s-history-list li span:hover {
    color: #e62828
}

.slick-wrap {
    float: left;
    overflow: hidden;
    background: #fff;
    height: 360px;
    width: 680px
}

.slick-wrap.middle-size-wrap {
    height: 278px
}

.middle-banner-wrap {
    width: 520px;
    font-size: 0;
    float: left
}

.sub-banner-btm {
    background-color: #fff
}

.sub-banner-btm a {
    float: left;
    width: 256px;
    height: 118px;
    margin: 4px 0 4px 4px
}

.sub-banner-btm a.list-first {
    width: 160px;
    margin-left: 0
}

.sub-banner-btm a img {
    width: 100%;
    height: 100%
}

.middle-banner {
    float: left;
    margin-top: -4px;
    font-size: 0;
    height: 360px;
    width: 520px
}

.middle-banner a {
    position: relative;
    display: inline-block;
    margin-top: 4px;
    margin-left: 4px
}

.middle-banner a img {
    height: 100%;
    width: 100%
}

.middle-banner .sub-banner-half {
    width: 516px;
    height: 178px
}

.middle-banner .sub-banner-quarter {
    width: 256px;
    height: 178px
}

.middle-banner .sub-banner-col {
    width: 256px;
    height: 360px
}

.middle-banner .quan-sub-banner-col {
    float: left;
    overflow: hidden;
    margin-left: 4px;
    text-align: center;
    height: 364px
}

.middle-banner .quan-sub-banner-col .sub-banner-quarter {
    margin-left: 0
}

.middle-banner .quan-entry {
    float: left;
    overflow: hidden;
    margin-left: 4px;
    margin-top: 4px;
    text-align: center;
    height: 360px;
    background: #fff
}

.middle-banner .quan-entry .quan-avatar {
    position: relative;
    display: block;
    margin-top: 26px;
    margin-left: 50%;
    left: -35px;
    border-radius: 50%;
    overflow: hidden;
    width: 70px;
    height: 70px
}

.middle-banner .quan-entry .quan-name {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-top: 12px;
    font-size: 16px
}

.middle-banner .quan-entry .quan-name a {
    display: inline
}

.middle-banner .quan-entry .quan-achieve {
    font-size: 12px;
    margin-top: 12px
}

.middle-banner .quan-entry .quan-achieve .user-achieve {
    line-height: 16px
}

.middle-banner .quan-entry .quan-achieve .user-achieve a {
    width: 16px;
    height: 16px
}

.middle-banner .quan-entry .quan-info {
    margin-top: 26px;
    margin-bottom: 40px;
    font-size: 14px;
    color: #666
}

.middle-banner .quan-entry .quan-info span {
    margin-right: 15px
}

.middle-banner .quan-entry .quan-my-info {
    display: inline-block;
    font-size: 14px;
    width: 108px;
    height: 26px;
    background: #e62828;
    line-height: 26px;
    color: #fff;
    border-radius: 2px
}

.middle-banner .quan-entry .quan-get {
    display: block;
    margin-top: 20px;
    font-size: 12px
}

.middle-banner .quan-entry .quan-tips {
    margin-top: 28px;
    font-size: 12px
}

.middle-banner .quan-entry .quan-login-btn, .middle-banner .quan-entry .quan-register-btn {
    display: inline-block;
    background: #e62828;
    font-size: 14px;
    color: #fff;
    width: 108px;
    height: 26px;
    line-height: 26px;
    border-radius: 2px
}

.middle-banner .quan-entry .quan-login-btn {
    margin-top: 60px
}

.middle-banner .quan-entry .quan-register-btn {
    margin-top: 20px
}

.middle-banner.middle-size {
    height: 282px
}

.middle-banner.middle-size .sub-banner-quarter {
    height: 137px
}

.nav-banner-wrap .middle-banner {
    height: 360px;
    margin-top: 0
}

.nav-banner-wrap .middle-banner a {
    width: 504px;
    height: 360px;
    margin-top: 0;
    margin-left: 13px
}

.banner-slick {
    overflow: hidden;
    position: relative;
    width: 100%;
    text-align: center;
    white-space: nowrap
}

.banner-slick:hover button[class^=z-slick-btn-] {
    display: block !important;
    cursor: pointer
}

.banner-slick .slick-dots {
    height: 19px;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    font-size: 0
}

.banner-slick .slick-dots li {
    vertical-align: middle;
    background: rgba(0, 0, 0, .4);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 6px
}

.banner-slick .slick-dots li:hover {
    cursor: pointer
}

.banner-slick .slick-dots li button {
    font-size: 0;
    display: none
}

.banner-slick .slick-dots li.slick-active {
    background: #fff
}

.banner-slick .slick-pic {
    width: 680px;
    height: 360px;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.banner-slick .slick-pic img {
    width: 100%;
    height: 100%
}

.feed-top-hot {
    width: 862px;
    margin-bottom: 15px;
    background-color: #fff
}

.feed-top-hot.feed-hot-full {
    border-bottom: 1px solid #e62828
}

.feed-top-hot.feed-hot-full .feed-hot-wrap {
    padding-top: 15px
}

.feed-top-hot.feed-hot-full .feed-hot-cons .feed-hot-wrap {
    display: none
}

.feed-top-hot.feed-hot-full .z-column-head {
    margin-bottom: 0
}

.feed-top-hot.feed-hot-full .feed-hot-tab {
    margin-left: 0
}

.feed-top-hot.feed-hot-full .feed-hot-more {
    display: none
}

.feed-top-hot.feed-hot-full .feed-hot-list {
    width: 1183px;
    height: 263px
}

.feed-top-hot.feed-hot-full .feed-hot-list .feed-hot-card {
    width: 156px;
    border: 1px solid #f5f5f5;
    margin-right: 11px
}

.feed-top-hot.feed-hot-full .feed-hot-list .feed-hot-card .feed-hot-title, .feed-top-hot.feed-hot-full .feed-hot-list .feed-hot-card .z-highlight {
    margin-left: 10px;
    margin-right: 10px
}

.feed-top-hot.feed-hot-full .feed-hot-list .feed-hot-pic {
    width: 156px;
    height: 156px
}

.feed-top-hot.feed-hot-full .feed-hot-wrap .slick-arrow {
    top: 102px
}

.feed-top-hot.feed-hot-full .z-column-title {
    float: none;
    display: inline-block;
    line-height: 24px;
    vertical-align: middle
}

.feed-top-hot .z-column-title {
    height: 47px !important;
    line-height: 47px !important;
    margin-top: 0 !important;
    border-left: none
}

.feed-top-hot .z-column-title .subtitle {
    position: relative
}

.feed-top-hot .z-column-title .subtitle:before {
    content: "";
    display: inline-block;
    border-left: 2px solid #e62828;
    height: 20px;
    position: relative;
    top: 1px;
    left: -14px
}

.feed-top-hot .z-column-title:hover {
    cursor: pointer;
    border-left: none
}

.feed-top-hot .z-column-title:hover .subtitle {
    margin-right: -4px
}

.feed-top-hot .z-column-title:hover .subtitle:before {
    border-left: 4px solid #e62828;
    margin-right: 2px
}

.feed-hot-wrap {
    position: relative
}

.feed-hot-wrap .feed-hot-window {
    overflow: hidden
}

.feed-hot-wrap .slick-arrow {
    top: 96px;
    cursor: pointer;
    width: 20px;
    height: 40px;
    margin-top: 0;
    opacity: 1;
    background-color: rgba(0, 0, 0, .3)
}

.feed-hot-wrap .slick-arrow i {
    font-size: 16px;
    font-weight: 700;
    line-height: 40px
}

.feed-hot-wrap .slick-arrow:hover {
    background-color: rgba(0, 0, 0, .5);
    opacity: 1 !important
}

.feed-hot-wrap:hover .slick-arrow {
    display: inline-block !important
}

.feed-hot-wrap .z-slick-btn-prev {
    left: 0;
    font-size: 20px
}

.feed-hot-wrap .z-slick-btn-next {
    right: 14px;
    font-size: 20px
}

.feed-hot-list {
    height: 287px;
    width: 845px;
    overflow: hidden
}

.feed-hot-list .feed-hot-card a {
    color: #333
}

.feed-hot-list .feed-hot-card a:hover {
    color: #5188a6
}

.feed-hot-list .feed-hot-card a:hover .z-highlight {
    color: #f16969
}


.feed-hot-list .feed-hot-card .feed-hot-pic img {
    /*width: 100%;*/
    height: 100%;
    vertical-align: middle
}

.feed-hot-list .feed-hot-card .feed-hot-pic img:hover {
    opacity: .9
}

.feed-hot-list .feed-hot-card .feed-hot-pic .feed-hot-corner {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 20px;
    padding: 0 3px 0 7px;
    border-top-left-radius: 7px;
    background-color: rgba(0, 0, 0, .2);
    line-height: 20px;
    color: #fff
}

.feed-hot-list .feed-hot-card .feed-hot-title {
    height: 44px;
    margin-bottom: 5px;
    line-height: 22px;
    overflow: hidden
}

.feed-hot-list .feed-hot-card span.z-highlight {
    display: block;
    max-height: 20px;
    line-height: 20px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.feed-hot-full .z-column-head, .feed-hot-hits .z-column-head, .feed-hot-index .z-column-head {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 20px;
    padding: 0;
    height: 47px;
    line-height: 47px
}

.feed-hot-full .feed-hot-tab, .feed-hot-hits .feed-hot-tab, .feed-hot-index .feed-hot-tab {
    font-size: 16px;
    float: left;
    height: 47px;
    line-height: 47px;
    margin-left: 0;
}

.feed-hot-tab .active span{
    margin: 0;
}


.feed-hot-full .feed-hot-tab li, .feed-hot-hits .feed-hot-tab li, .feed-hot-index .feed-hot-tab li {
    position: relative;
    display: inline-block;
    padding: 0;
    margin-left: 14px;
    margin-right: 20px;
    cursor: pointer
}

.feed-hot-full .feed-hot-tab li.active, .feed-hot-hits .feed-hot-tab li.active, .feed-hot-index .feed-hot-tab li.active {
    color: #e62828
}

.feed-hot-full .feed-hot-tab li:hover, .feed-hot-hits .feed-hot-tab li:hover, .feed-hot-index .feed-hot-tab li:hover {
    color: #e62828
}

.feed-hot-full .feed-hot-tab li .feed-hot-type, .feed-hot-hits .feed-hot-tab li .feed-hot-type, .feed-hot-index .feed-hot-tab li .feed-hot-type {
    display: inline;
    font-size: 14px;
    color: #666;
    margin-left: 5px;
    position: relative;
    padding: 10px 0
}

.feed-hot-full .feed-hot-tab li .feed-hot-type span i, .feed-hot-hits .feed-hot-tab li .feed-hot-type span i, .feed-hot-index .feed-hot-tab li .feed-hot-type span i {
    color: #ccc;
    margin-left: 4px;
    font-size: 10px
}

.feed-hot-full .feed-hot-tab li .feed-hot-type ul, .feed-hot-hits .feed-hot-tab li .feed-hot-type ul, .feed-hot-index .feed-hot-tab li .feed-hot-type ul {
    width: 88px;
    display: none;
    position: absolute;
    z-index: 20;
    left: -30px;
    top: 30px;
    padding: 4px 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)
}

.feed-hot-full .feed-hot-tab li .feed-hot-type ul li, .feed-hot-hits .feed-hot-tab li .feed-hot-type ul li, .feed-hot-index .feed-hot-tab li .feed-hot-type ul li {
    height: 30px;
    display: block;
    line-height: 30px;
    width: 100%;
    text-align: center;
    list-style: none;
    margin: 0;
    color: #333
}

.feed-hot-full .feed-hot-tab li .feed-hot-type ul li:hover, .feed-hot-hits .feed-hot-tab li .feed-hot-type ul li:hover, .feed-hot-index .feed-hot-tab li .feed-hot-type ul li:hover {
    background-color: #ffecec;
    color: #e62828
}

.feed-hot-full .feed-hot-more, .feed-hot-hits .feed-hot-more, .feed-hot-index .feed-hot-more {
    display: inline-block;
    float: right;
    margin-right: 14px;
    font-size: 14px;
    color: #999;
    position: relative;
    -webkit-font-smoothing: antialiased
}

.feed-hot-full a.feed-hot-more:hover, .feed-hot-hits a.feed-hot-more:hover, .feed-hot-index a.feed-hot-more:hover {
    color: #5188a6
}

.feed-hot-hits, .feed-hot-index {
    margin: 10px 0
}

.feed-hot-hits .feed-top-hot, .feed-hot-index .feed-top-hot {
    float: left;
    margin-bottom: 0
}

.feed-hot-hits .z-column-title, .feed-hot-index .z-column-title {
    border: 0;
    height: 47px
}

.feed-hot-hits .z-column-title .subtitle, .feed-hot-index .z-column-title .subtitle {
    position: relative
}

.feed-hot-hits .z-column-title .subtitle:before, .feed-hot-index .z-column-title .subtitle:before {
    content: "";
    display: inline-block;
    border-left: 2px solid #e62828;
    height: 20px;
    position: relative;
    top: 1px;
    left: -14px
}

.feed-hot-hits .z-column-title:hover, .feed-hot-index .z-column-title:hover {
    cursor: pointer
}

.feed-hot-hits .z-column-title:hover .subtitle, .feed-hot-index .z-column-title:hover .subtitle {
    margin-right: -4px
}

.feed-hot-hits .z-column-title:hover .subtitle:before, .feed-hot-index .z-column-title:hover .subtitle:before {
    border-left: 4px solid #e62828;
    margin-right: 2px
}

.feed-hot-hits .side-yuanchuang-feeds, .feed-hot-index .side-yuanchuang-feeds {
    padding: 0
}

.feed-hot-hits .hot-order, .feed-hot-index .hot-order {
    border-top-left-radius: 2px;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 24px;
    width: 52px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 52px 24px
}

.feed-hot-hits .hot-order.hot-top-1, .feed-hot-index .hot-order.hot-top-1 {
    background-image: url('../images/top1.png');
}

.feed-hot-hits .hot-order.hot-top-2, .feed-hot-index .hot-order.hot-top-2 {
    background-image: url('../images/top2.png');
}

.feed-hot-hits .hot-order.hot-top-3, .feed-hot-index .hot-order.hot-top-3 {
    background-image: url('../images/top3.png');
}

.feed-hot-hits .feed-hot-item, .feed-hot-index .feed-hot-item {
    width: 100%;
    height: 316px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 14px
}

.feed-hot-hits .feed-hot-item.active, .feed-hot-index .feed-hot-item.active {
    display: block
}

.feed-hot-hits .feed-talent-item, .feed-hot-index .feed-talent-item {
    display: none;
    width: 860px;
    height: 316px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 14px;
    position: relative;
    left: -14px;
    padding-top: 15px
}

.feed-hot-hits .feed-talent-item .feed-talent-card-inline, .feed-hot-index .feed-talent-item .feed-talent-card-inline {
    padding-top: 24px
}

.feed-hot-hits .feed-talent-item .feed-talent-card, .feed-hot-index .feed-talent-item .feed-talent-card {
    position: relative;
    width: 201px;
    height: 283px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    border-radius: 2px;
    float: left;
    margin-right: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    -o-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

.feed-hot-hits .feed-talent-item .feed-talent-card:hover, .feed-hot-index .feed-talent-item .feed-talent-card:hover {
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .15)
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-avatar, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-avatar {
    width: 72px;
    height: 72px;
    margin: 24px auto 0;
    position: relative
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-avatar a, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-avatar a {
    display: inline-block
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-avatar a .avatar-img, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-avatar a .avatar-img {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-avatar a .pendant-img, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-avatar a .pendant-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 72px
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-avatar .feed-talent-ordinary, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-avatar .feed-talent-ordinary {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 4px;
    bottom: 4px;
    z-index: 20
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-name, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-name {
    font-size: 14px;
    color: #333;
    margin-top: 10px;
    text-align: center;
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    font-weight: 700
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-name:hover, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-name:hover {
    color: #5188a6
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-inline, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-inline {
    margin-bottom: 18px;
    height: 18px;
    line-height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 14px;
    font-size: 0
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-inline .feed-talent-ordinary, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-inline .feed-talent-ordinary {
    width: 14px;
    height: 14px;
    margin-left: 2px
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-inline:last-child, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-inline:last-child {
    margin-bottom: 0
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-inline .feed-talent-inline-top, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-inline .feed-talent-inline-top {
    vertical-align: top;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    background: #666;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    margin-right: 6px
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-inline .feed-talent-inline-name, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-inline .feed-talent-inline-name {
    vertical-align: top;
    display: inline-block;
    max-width: 120px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    font-size: 14px
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-inline .feed-talent-inline-name:hover, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-inline .feed-talent-inline-name:hover {
    color: #5188a6
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-title, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-title {
    font-size: 12px;
    color: #999;
    margin-top: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-title i, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-title i {
    display: inline-block;
    font-size: 14px;
    color: #ccc;
    margin: 0 6px;
    vertical-align: -1px
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-desc, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-desc {
    font-size: 12px;
    color: #666;
    margin: 17px auto 0;
    width: 100%;
    text-align: center;
    padding: 0 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 20px;
    max-height: 60px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-desc:hover, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-desc:hover {
    color: #5188a6
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-follow, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-follow {
    background: #feecec;
    border-radius: 2px;
    width: 110px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #e62828;
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    cursor: pointer
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-follow.feed-talent-fn, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-follow.feed-talent-fn {
    background-color: #ccc;
    color: #fff
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-follow.feed-talent-fn:hover, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-follow.feed-talent-fn:hover {
    background-color: #ccc
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-follow i, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-follow i {
    margin-right: 5px;
    line-height: 16px;
    display: inline-block;
    font-size: 12px
}

.feed-hot-hits .feed-talent-item .feed-talent-card .feed-talent-follow:hover, .feed-hot-index .feed-talent-item .feed-talent-card .feed-talent-follow:hover {
    background-color: rgba(254, 236, 236, .8)
}

.feed-hot-hits .feed-talent-item .feed-talent-card:last-child, .feed-hot-index .feed-talent-item .feed-talent-card:last-child {
    margin-right: 0
}

.feed-hot-hits .feed-hot-list .slick-list, .feed-hot-index .feed-hot-list .slick-list {
    width: 834px;
    overflow-x: hidden
}

.feed-hot-hits .side-yuanchuang, .feed-hot-index .side-yuanchuang {
    float: left;
    height: 276px
}

.feed-hot-hits .side-slick, .feed-hot-index .side-slick {
    white-space: normal
}

.feed-hot-hits .side-slick img, .feed-hot-index .side-slick img {
    width: 300px;
    height: 167px
}

.feed-hot-hits .feed-right-hot .z-column-head, .feed-hot-index .feed-right-hot .z-column-head {
    border: none;
    margin-bottom: 0
}

.feed-hot-index {
    margin: 0 0 14px
}

.feed-hot-index .feed-hot-window {
    float: left;
    width: 168px
}

.feed-hot-index .z-column-head {
    padding: 0 !important
}

#feed-main-list {
    padding: 0 14px
}

.feed-row-wide {
    padding: 20px 0;
    border-bottom: 1px solid #f5f5f5
}



.feed-row-wide .block-img-wide .video {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 30px;
    height: 30px;
    background: url(../images/play-small.png) no-repeat 50%/contain
}

.feed-row-wide .block-img-wide .than-video {
    position: absolute;
    top: 14px;
    right: 14px;
    left: auto;
    height: 30px;
    text-align: center;
    border-radius: 15px;
    background: rgba(0, 0, 0, .34);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    padding: 0 8px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 1
}

.feed-row-wide .block-img-wide .than-video i {
    font-size: 16px;
    color: #fff;
    position: relative;
    right: -1px
}

.feed-row-wide .block-img-wide .than-video em {
    font-style: normal;
    margin-left: 4px;
    padding-right: 4px
}

.feed-row-wide .block-img-wide .z-tag-sticky {
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.feed-row-wide .z-feed-content {
    float: left;
    width: 538px;
    position: relative;
    height: auto
}

.feed-row-wide .z-feed-title {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
    overflow: hidden;
    margin-top: 6px
}

.feed-row-wide .z-feed-title .red {
    color: #e62828;
    display: block;
    padding-top: 10px
}

.feed-row-wide .z-feed-title a {
    color: inherit;
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

.feed-row-wide .z-feed-title a:visited {
    color: #999
}


.feed-row-wide .feed-block-describe {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    height: 48px;
    overflow: hidden;
    margin-bottom: 16px
}

.feed-row-wide .feed-block-describe a:hover {
    text-decoration: underline
}

.feed-row-wide .newfeed-block-describe {
    font-size: 14px;
    line-height: 24px;
    color: #666;
    height: 24px;
    overflow: hidden;
    margin-bottom: 16px
}

.feed-row-wide .newfeed-block-describe span {
    display: block;
    width: 88%;
    float: left;
    overflow: hidden
}

.feed-row-wide .newfeed-block-describe a:hover {
    text-decoration: underline
}

.feed-row-wide .z-feed-foot-r {
    margin-top: 4px
}

.feed-row-wide .z-group-type {
    margin-right: 5px;
    display: inline-block;
    vertical-align: -2px
}

.feed-row-wide .z-group-type span {
    display: inline-block;
    font-size: 12px;
    padding: 0 8px;
    border-radius: 2px;
    height: 18px;
    line-height: 20px;
    margin-right: 10px
}

.feed-row-wide .z-group-type .z-type-red {
    color: #e62828;
    border: 1px solid #e62828
}

.feed-row-wide .z-group-type .z-type-yellow {
    color: #f98554;
    border: 1px solid #f98554
}

.feed-row-wide .z-type-red, .feed-row-wide .z-type-yellow {
    display: inline-block;
    font-size: 12px;
    padding: 0 8px;
    border-radius: 2px;
    height: 18px;
    line-height: 20px;
    margin-right: 4px;
    vertical-align: 2px
}

.feed-row-wide .z-type-red {
    color: #e62828;
    border: 1px solid #e62828
}

.feed-row-wide .z-type-yellow {
    color: #f98554;
    border: 1px solid #f98554
}

.feed-row-wide .z-avatar-name {
    font-size: 14px;
    max-width: 118px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: -3px;
    margin-right: 2px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.feed-row-wide .feed-talent-ordinary {
    width: 14px;
    height: 14px
}

.feed-row-wide .z-publish-time {
    color: #999
}

.feed-row-wide .z-feed-foot {
    width: 100%;
    margin-top: 11px
}

.feed-row-wide .feed-list-slick {
    width: 858px;
    margin-left: -14px;
    padding: 20px 0 11px;
    margin-top: -21px;
    margin-bottom: -21px;
    border-bottom: 1px solid #f5f5f5;
    border-top: 1px solid #f5f5f5
}

.feed-row-wide .slick-head {
    margin-bottom: 10px;
    padding: 0 14px
}

.feed-row-wide .slick-head .title {
    font-size: 20px
}

.feed-row-wide .slick-head .slick-more {
    float: right;
    color: #666
}

.feed-row-wide .slick-head .seemore {
    margin-left: 10px;
    color: #999
}

.feed-row-wide .title-desc {
    margin-bottom: 10px;
    color: #999;
    padding: 0 14px
}

.feed-row-wide .feed-top-hot {
    margin-bottom: 0
}

.feed-row-wide .feed-top-hot .feed-hot-wrap {
    height: 213px;
    overflow: hidden
}

.feed-row-wide .feed-hot-card {
    padding-bottom: 0 !important
}

.feed-row-wide .z-group-data {
    color: #999
}

.feed-row-wide .z-group-data.active {
    color: #e62828;
    position: relative
}

.feed-row-wide .z-group-data .one-plus {
    position: absolute;
    left: 24px;
    top: -15px;
    font-size: 18px;
    color: #e62828
}

.feed-row-wide .z-group-data span {
    font-weight: 300
}

.feed-row-wide .z-group-data:hover {
    color: #e62828
}

.feed-row-wide .feed-no-result {
    width: 858px
}

.filter-feed-wrap {
    width: 862px;
    float: left;
    background: #fff
}

.filter-feed-wrap .activity-stuff-bar {
    margin-top: 10px
}

.filter-feed-wrap .z-feed-foot-r .z-ffr-status {
    font-size: 14px;
    color: #999;
    margin-right: 25px
}

.filter-feed-wrap .z-feed-foot-r .z-ffr-num {
    font-size: 14px;
    color: #999
}

.filter-feed-wrap .z-feed-img img:hover {
    opacity: .9
}

.filter-feed-wrap .z-feed-foot-countdown {
    background: rgba(0, 0, 0, .5);
    color: #fff;
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 34px;
    padding-left: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left
}

.filter-feed-wrap .z-feed-foot-countdown span {
    vertical-align: middle;
    display: inline-block;
    min-width: 18px;
    height: 18px;
    background-color: #fff;
    color: #333;
    text-align: center;
    font-size: 12px;
    border-radius: 2px;
    line-height: 18px;
    margin-left: 4px;
    margin-right: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    left: 0;
    right: 0;
    top: -1px;
    bottom: 0;
    padding: 0 2px
}

.feed-row-wide .shaiwu-feed-block .z-feed-img {
    height: 159px
}

.feed-row-wide .shaiwu-feed-block .z-feed-img .video {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 30px;
    height: 30px;
    background: url(../images/play-small.png) no-repeat 50%/contain
}

.feed-row-wide .shaiwu-feed-block .z-feed-title {
    margin: 0
}

.feed-row-wide .shaiwu-feed-block .z-feed-title .z-feed-titleNew .titleOne {
    line-height: 28px
}

.feed-row-wide .shaiwu-feed-block .z-feed-title .tags {
    height: 18px;
    padding: 18px 0 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    color: #999
}

.feed-row-wide .shaiwu-feed-block .z-feed-title .tags .tag {
    line-height: 18px;
    padding: 0 5px;
    border-radius: 2px;
    background-color: #f7f7f7
}

.feed-row-wide .shaiwu-feed-block .z-feed-foot .z-feed-foot-l {
    height: 20px
}

.feed-row-wide .shaiwu-feed-block .z-feed-foot .z-feed-foot-l .z-avatar-name, .feed-row-wide .shaiwu-feed-block .z-feed-foot .z-feed-foot-r {
    margin-top: 0
}


.feed-grid-wrap #feed-main-list .z-feed-content .z-feed-title a {
    display: inline;
    white-space: normal
}

.feed-grid-wrap #feed-main-list .z-feed-content .z-feed-title .red {
    display: inline;
    margin-top: 0;
    margin-left: 3px;

}

.feed-grid-wrap #feed-main-list .z-feed-content .newfeed-block-describe {
    display: none
}

.feed-no-result, .feed-pagenation {
    text-align: center
}

.feed-no-result {
    padding-top: 80px;
    padding-bottom: 296px
}

.feed-no-result .no-result-pic {
    display: inline-block;
    width: 134px;
    height: 121px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAAB5CAYAAAD8vVldAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0YTY2NjM0My1hY2FhLTRjZDQtYWY5Ni1jZjE0M2I4Yzg2OTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBFQkExRTY0Q0Q4MTFFNkE3Nzg4MzZFMTRDQjM0Q0MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBFQkExRTU0Q0Q4MTFFNkE3Nzg4MzZFMTRDQjM0Q0MiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiNGI3MWFmOS1hZThjLTRkZDUtODgyMS0zYTNhODg4OWVmZmUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo1OTk5YmQ2NC05NTI1LTExNzktYmFiMi1jMmQ3YTFkNjUwYWQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7thuOTAAAKjklEQVR42uxda2wcVxW+dpyHHbu2GyV2TEvLrlCAivRdIR5CKgWS/iiihV9RIQlpVQVEqrZqUyFoSSGFFAnaFBRQkCklAlSlLSoKURoRQUigRKIPhbRR2LXrpLXjOIkf8SO2s+b7ds9sxpP1eh8zO7Oz55OO7ryf35zHnXPvrZqamjKK0qOqquqSZbFYbBWKdsiaaDS6w7m+lO+qWl9RoHAzZK6UvkKJoVBiBBkwE401NTXzq6urDUvMN0GqfDN16mMEw8fAe+hH0ejYrBnb9fvhY9ToK/IH4mjebHvpC5xk6erqehLbnZfZQ5AdSozwo10czbQ2cBIjkUjcZ5udUGJUBtbYNQZIQRLMn+YAVldvAznsGkN9jAr0Md6FtEDmY915yBgWX4VyQOsxKpsoV3V0dGzr7Ow0LDHfZCeFhqsKrcdQKDEUueGQRB+H/L4QdT4VqjEUSgyFEkOhxFAoMRRKDIUSQ1EumPXvajwez/lgkUhEn2gFaowPQ3ZCBkR2yjJFJWoMwTLIvyBNtmV3Qm6FfAJyNN8TZ0qfdyIWizWjuB3ySSokyIKQPX9WO/dA/gn5YzQa7c15R49rrHPVGJuFFLshbSK7ZdlmLy4MpLgDxe8g6yAfCyEpkt8HZKl8ZO2455sCc2GzMU98DJqOy4QQ3bKKN/Q+5BykIV8fI5vGwAP6mkllOFkYh7wN6YNMhogYTP79iE0Tj0K+Ac3R7bfGKCa1b8ojTXENitUym4A8D3kBD2s4jLYc98t3sB7yZUit3PuT5eJj7BV1t52Mlv1+Kev2uHxNd4mKJX4IQvw1rA4eSNEmmvi3JpX/eQX9KSyvxn0ncj2OF5FjrsT4jjiat9tMCdEv69zER6XsCCsp8OJvQfEtyJU27XtKpuvFtJwp8PCMFH8Euc32UW+EHPPC+XxHoo8XIUMiL8qyd1x+bg1Svh9SUnxWXtyVDid0iW1+XoGHZ/T4b9Hul4ncKcuWeVWPcVTUvHXCuwoJUysZIAUjqwcsU7lw4ULT3Nxs5s2b59YpXIseZzUlWpvpKm6Sj8o0NjaaRYsWJRc2NTWZEydOmImJiWKDAst8rLWZ/LWifb/glcZQFI8Wa4Lawh6619XV2bdrcvGcBUWPSozSIl15w1bt017E9PlCW7nvlZLRY6tEOb8uJHrUJorhgmvRo2qMcMG16FE1RvhgRY9FQYkRAngROaopUSgxFBVgSvijCcVPINcH5JL49/fhaDR6JMs2bekwob/fzJkzJ71ibGxMieES6gNECoI1VtdBshFjsTVx7tw51RheAF/mILTGUxKKBcEkMonoz2pKgkGOXSh2ldElMwvt0zK9BXIiS8ipxKggjNumj4HY/wu8xpglB5P/hR81qewt5hGwuvU5yBO4uZGZ9tO+N0IcroIUdJ1fhjxuLiaXMBGYWUF7hDSKCqzHWA1ZaVKJuZvERpIUTB74FGSDPsYQ12Pgy78cxQczbHOv5SzBbDwm0wewPe3EjyFrMf1qhv26TOF5i4oAOZ+HxUTMhP845v8uJdtFvJ5he/ohbV5ePAjJxNflpvD8BTdxFrIvn+zuciFGdxZisNvig45l/zWpxkb1M+zT7TEpmPK01Ti6WfYZfBZ/ChUxIpHIjbNt7Igy+K+/wcdrp48zHDBiDIXRlJQVoLInoDWY6PqhgFzSIK4prsQIBjnYpvYNdRX9CVcVSgyFQomhUGIolBgKjUoQrrLDkRtcOhwrafYg0nlBaVHeOZ/spuirLh+WbUuVGKa8K7gGQI6XjHupfezb6xWlRAhMCcjxDIpn9DWq86lQYiiUGAolhkKJodCoJNyQTPkopK7IQ33ANr0Mx63Pc39WwnUhGjurxPCfFOwojSmEV7h86IcK3G8K1/RzkxoWRE2Jj/i8B6QoBkx8XqMaw3+ku2BkZ63O3vZKCbaQP3+eedlmoRIjQGhoaDA1Nf49svHxcYsYGpUoNFxVaLhaVkh38H38+HFfL8TWrmdKieE/3svwYgJDVjUl/oHDOvQF7Jr2eH0C1RizIBqNTkoK4VYrdOXIAS0tLSULUXt7p426yS6gn1WNEQxycFgq1lSy5ZsZHh42p06d8vy8Q0NDTlL8HteyFeK5Tavyy27G4/GvzLDqHpMa+qnDBK/jNQ5P9SW5vmSFF8ULDAwMmNOnT9sXbQchdpTK3/GTGPvCoE04ShFHK3IT7Bz2zJlpfc48C1LsnCFC8aT/NCWGG2pkyRJTX1/vyrFICBLDFpb+FC/wlSyh64zEkL/C3HdlhtUHILfi2OOBdD5ra2uTY4KVG0ZGRpLqnqC/wX8ojuGr8gZNh3VMIcVmvLi9RRxytbnYf9oPJJphH2pPmIv9pz0VSGLw3wPJUW7gNbMvcH7h/HpPnjxpli5dahYsKGwI+r6+PjM4OGjNsinD4yDFgVz29aL/NA1XiwA13YULF5JfOcnR09Nj2tra8h4uk5GHrW9x/iV7DC/ytTwO4Xr/aRquuuB8Wv5FIpFIkmNycjKnfS1NYyMFncFH8ySFMdn7O8vWf9qMx1ON4QIWL16cJAX9DpKiu7s7qTnsw07MRAruYyPFQyDF2/me34v+03IixmyDylf6oL2MClgTSkJw3BEOrEvNQZ8jU2IPSURSjI6OpqstIA+CFLGg3FM+poSG82k6zybVsevTpvAxyENJjtbW1rR/wYQavnxndQBJQQLZSMH/MPcHiRT5EoPDKHwbQg+4WaY3KSVsDxPageSwsrz48h0VVUlH1ZaF1Suk6AzcveSx7d1SfkaEuEfpcGn4TRNiVTo5U/GoMWyg+XgvkCQvcD8dbyIL5s6dO02LZEF/YLVfHts+L+V+yD9kensR507GdHTUwgjLt8j2HyPQZjGPbR82qb4ozopw+rtFnDsZltGLD/rAcYWSIgeNEVyTmMe2/Nmywbg3PskfIB9PemC9vcncAz9T870iRtn6SjlWoLh+YjhdB2OxGPMLVlkefFgjlbCbEi/IQR/le2JWEkZRlqbEK3LQmd0vIy/XheS5MiHmF5XiY3hNEGqMUHihIHk61KqEqESRO2qVGIpMmFPuxNDf7t4g7SvZui5IgvU2SozKRZWdCFnIENgKDzUl3oDhd+8s2xyCwz0cWGbr+OsK1RgKJYbCJSep1JBWUg9A2JL8akgPpB2yCbZ3LOwPHvfPBij8HcAe+FohnSbViv1nuP8Lpb4ep0vhJzF+g+LrGVax5dUKPx5OiT8K9rtxW4bV7bj3tX4To9qnB7PCRgq2iGJzuY0m1VMMH9a6kCuMdXKfvN9H5P63yLo1eD5f9L0ew9G8rd9KTMVyVusu8+i835TyVzjfRpk+KC2zmWDMpnOvhZwYxPdx/1ts93+5rFuP6ZMenPcozjcq75fm22o03GVSmf8XiWGmN29LYIfrsfNbJtVzywqPH9ARx7zVVvMWk7npXNjgbJt6WMo7RNwGzddKvOPl8nwti8GWbG1OU2JnJv9uDsl0j8cPhWr0b45lvNiRCnH8eZ9vOpbtM952vGa90yEz/U/2JdpJK7gUWo+hUGIolBgKJYaidPUYYb65eDxOr395nrvRG1+PkH0bwrrPYfovEKvN4VuRSORa1RiKisX/BRgAUtSTX+xKC4UAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: 50%;
    margin-right: 20px;
    vertical-align: middle
}

.feed-no-result .no-result-text {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.feed-no-result .no-result-text .tip-title {
    margin-bottom: 11px;
    font-size: 18px
}

.feed-no-result .no-result-text .tip-small {
    font-size: 12px;
    color: #666
}

.feed-right-top {
    width: 328px;
    float: right;
    background: #fff
}

.side-recent-activity {
    height: 372px;
    overflow: hidden;
    background-image: url(../images/bg.8cf223a.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative
}

.side-recent-activity .column-title {
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    color: #333;
    margin-top: 20px;
    margin-bottom: 7px;
    padding-left: 14px
}

.side-recent-activity .column-content {
    height: 321px;
    margin: 0;
    font-size: 14px;
    position: relative
}

.side-recent-activity .column-content .active-recent {
    display: block;
    height: 114px;
    max-height: 120px;
    width: 328px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 6px;
    padding-bottom: 4px;
    position: static;

}

.side-recent-activity .column-content .active-recent .z-slick-btn-prev {
    left: 0;
    font-size: 20px;
    cursor: pointer;
    width: 20px;
    height: 40px
}

.side-recent-activity .column-content .active-recent .z-slick-btn-next {
    right: 0;
    font-size: 20px;
    cursor: pointer;
    width: 20px;
    height: 40px
}

.side-recent-activity .column-content .active-recent:hover .slick-arrow {
    display: inline-block !important
}

.side-recent-activity .column-content .activity-list {
    float: left;
    display: inline-block;
    width: 300px;
    height: 108px;
    padding: 0 14px
}

.side-recent-activity .column-content .activity-list .activity-text {
    height: 36px;
    line-height: 36px
}

.side-recent-activity .column-content .activity-list .activity-text a {
    color: #666
}

.side-recent-activity .column-content .activity-list .activity-text:hover a {
    color: #5188a6
}

.side-recent-activity .column-content .activity-desc {
    clear: both;
    line-height: 26px;
    height: 78px;
    overflow: hidden;
    color: #999;
    margin-bottom: 12px
}

.side-recent-activity .column-content .gradient-btn {
    display: block;
    color: #fff;
    text-align: center;
    height: 36px;
    line-height: 36px;
    background-color: red;
    width: 160px;
    background-image: -webkit-gradient(linear, right top, left top, from(#e62828), to(#ff5a3c));
    background-image: -o-linear-gradient(right, #e62828 0, #ff5a3c 100%);
    background-image: linear-gradient(-90deg, #e62828, #ff5a3c);
    -webkit-box-shadow: 0 2px 5px 0 rgba(230, 40, 40, .3);
    box-shadow: 0 2px 5px 0 rgba(230, 40, 40, .3);
    border-radius: 2px;
    font-size: 16px;
    margin: 0 auto;
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0
}

.side-recent-activity .column-content .gradient-btn:hover {
    opacity: .8
}

.side-recent-activity .column-content .shaiwu-btn .shaiwu-qrcode {
    display: none;
    position: absolute;
    bottom: 46px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fff;
    padding: 16px;
    width: 200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1)
}

.side-recent-activity .column-content .shaiwu-btn .shaiwu-qrcode svg {
    display: block;
    margin: 0
}

.side-recent-activity .column-content .shaiwu-btn .shaiwu-qrcode p {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    text-align: left;
    margin-top: 10px
}

.side-recent-activity .column-content .shaiwu-btn .shaiwu-qrcode:after {
    position: absolute;
    bottom: -6px;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    content: "";
    width: 20px;
    height: 20px;
    background: #fff
}

.side-recent-activity .column-content .shaiwu-btn:hover {
    opacity: 1
}

.side-recent-activity .column-content .shaiwu-btn:hover .shaiwu-qrcode {
    display: block
}

.side-recent-activity .column-content .z-icon-pencile {
    margin-right: 6px
}

.side-recent-activity .column-content .sra-tab-box {
    padding: 0 14px
}

.side-recent-activity .column-content .sra-tab-box ul {
    list-style-type: none;
    display: inline-block
}

.side-recent-activity .column-content .sra-tab-box li {
    float: left;
    font-size: 16px;
    color: #333;
    height: 38px;
    line-height: 40px;
    text-align: left;
    cursor: pointer;
    margin-right: 30px
}

.side-recent-activity .column-content .sra-tab-box li.active {
    border-bottom: 2px solid #e62828
}

.side-recent-activity .column-content .sra-tab-box .sra-tab-content {
    margin-top: 12px
}

.side-recent-activity .column-content .sra-tab-box .sra-tab-content div {
    font-size: 14px;
    line-height: 24px;
    display: none
}

.side-recent-activity .column-content .sra-tab-box .sra-tab-content .sra-active-txt {
    display: block
}

.side-recent-activity .column-content .sra-tab-box .sra-tab-content a:hover {
    text-decoration: underline
}

.side-recent-activity .slick-dots {
    position: absolute;
    right: 16px;
    top: -22px
}

.side-recent-activity .slick-dots li {
    width: 6px;
    height: 6px;
    margin: 0 0 0 6px;
    float: left;
    cursor: pointer;
    zoom: 1;
    background: #eee;
    border-radius: 50%
}

.side-recent-activity .slick-dots li button {
    font-size: 0;
    display: none
}

.side-recent-activity .slick-dots .slick-active {
    background: #e62828
}

.fadeIn {
    -webkit-animation: fadeIn 1s linear;
    animation: fadeIn 1s linear
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

.fadeOut {
    -webkit-animation: fadeOut 1s linear;
    animation: fadeOut 1s linear
}

@-webkit-keyframes fadeOut {
    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.sq-category {
    width: 100%;
    background-color: #fff;
    margin-top: 10px
}

.sq-category .sqc-title {
    height: 56px;
    line-height: 56px;
    padding-left: 14px;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #f5f5f5
}

.sq-category .sqc-warp {
    margin-top: 15px;
    padding-bottom: 10px;
    font-size: 0
}

.sq-category .sqc-warp .sqc-item {
    width: 140px;
    height: 32px;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #666;
    line-height: 32px;
    display: inline-block;
    position: relative;
    text-align: left;
    padding: 0 25px;
    font-size: 0
}

.sq-category .sqc-warp .sqc-item:hover .sqc-item-body a {
    color: #e62828
}

.sq-category .sqc-warp .sqc-item:hover .sqc-item-body a i {
    color: #e62828
}

.sq-category .sqc-warp .sqc-item .sqc-item-body a {
    color: #666;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    padding: 0 5px
}

.sq-category .sqc-warp .sqc-item .sqc-item-body a i {
    vertical-align: 3px;
    color: #cdcdcd;
    font-size: 20px;
    margin-right: 4px
}

.sq-category .sqc-warp .sqc-item .sqc-item-body a span {
    display: inline-block;
    max-width: 56px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    vertical-align: top
}

.sq-category .sqc-warp .sqc-item .sqc-dialog {
    display: none;
    width: 668px;
    max-height: 420px;
    position: absolute;
    top: 32px;
    left: -252px;
    right: 0;
    margin: auto;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    z-index: 100;
    padding-top: 20px;
    overflow-y: auto;
    font-size: 0;
    line-height: 10px;
    padding-bottom: 10px
}

.sq-category .sqc-warp .sqc-item .sqc-dialog .sqc-list {
    width: 100%;
    text-align: left;
    display: inline-block;
    margin-bottom: 4px
}

.sq-category .sqc-warp .sqc-item .sqc-dialog .sqc-list .sqc-list-title {
    font-weight: 700;
    width: 116px;
    display: inline-block;
    text-align: left;
    color: #333;
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    float: left;
    padding-left: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.sq-category .sqc-warp .sqc-item .sqc-dialog .sqc-list .sqc-list-title a {
    color: #666
}

.sq-category .sqc-warp .sqc-item .sqc-dialog .sqc-list .sqc-list-title a:hover {
    color: #5188a6
}

.sq-category .sqc-warp .sqc-item .sqc-dialog .sqc-list .sqc-list-item {
    width: 526px;
    line-height: 30px;
    float: left;
    font-size: 0
}

.sq-category .sqc-warp .sqc-item .sqc-dialog .sqc-list .sqc-list-item a {
    font-size: 14px;
    display: inline-block;
    color: #666;
    height: 30px;
    float: left;
    padding: 0 10px;
    line-height: 30px
}

.sq-category .sqc-warp .sqc-item .sqc-dialog .sqc-list .sqc-list-item a:hover {
    color: #e62828
}

.filter-tab-wrap {
    width: 862px
}

.primary-filter-tab-wrapper {
    width: 862px;
    position: relative;
    padding: 14px 13px 12px;
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #f5f5f5
}

.primary-filter-tab-wrapper .expand-filter-pab {
    height: 20px;
    position: absolute;
    right: 56px;
    top: 19px;
    font-size: 16px;
    color: #999;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.primary-filter-tab-wrapper .expand-filter-pab:hover {
    color: #e62828
}

.primary-filter-tab-wrapper .expand-filter-pab:hover span i {
    color: #e62828
}

.primary-filter-tab-wrapper .expand-filter-pab span {
    display: none
}

.primary-filter-tab-wrapper .expand-filter-pab span.active {
    display: block
}

.primary-filter-tab-wrapper .expand-filter-pab i {
    margin-left: 4px;
    font-size: 10px;
    color: #979797;
    vertical-align: 1px
}

.primary-filter-tab-wrapper .switch-btn-group {
    position: absolute;
    right: 8px;
    top: 17px;
    color: #ddd;
    padding: 0;
    font-size: 0
}

.primary-filter-tab-wrapper .switch-btn-group:hover i {
    color: #e62828
}

.primary-filter-tab-wrapper .switch-btn-group i {
    padding: 0 8px;
    font-size: 20px;
    cursor: pointer;
    display: block;
    color: #999
}

.primary-filter-tab-wrapper .switch-btn-group i.disable {
    display: none
}

.primary-filter-tab {
    height: 30px;
    overflow: hidden;
    background-color: #fff;
    width: 748px;
    position: relative;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.primary-filter-tab .filter-tab {
    font-size: 16px;
    float: left;
    height: 16px;
    line-height: 16px;

    padding: 7px 30px 7px 0;
    cursor: pointer
}

.primary-filter-tab .filter-tab a {
    color: #333333;
}

.primary-filter-tab .filter-tab a:hover {
    color: #e62828
}

.primary-filter-tab .filter-tab:first-child {
    padding-left: 0
}

.primary-filter-tab .filter-tab.active a {
    color: #e62828
}

.second-level-filter {
    background-color: #f8f8f8;
    -webkit-box-shadow: 0 1px 3px hsla(0, 0%, 75.3%, .35);
    box-shadow: 0 1px 3px hsla(0, 0%, 75.3%, .35);
    overflow: hidden;
    display: none
}

.second-level-filter:first-child {
    display: block
}

.second-level-filter .filter-tab {
    font-size: 12px;
    color: #333;
    border-left: 1px solid #ddd;
    padding-right: 20px;
    margin: 13px 0 13px -1px;
    display: inline-block;
    cursor: pointer
}

.second-level-filter .filter-tab .radio-check {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #fff;
    border: 1px solid #fcdfdf;
    position: relative;
    margin-left: 20px;
    margin-right: 14px;
    vertical-align: -2px
}

.second-level-filter .filter-tab.active .radio-check:before {
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #e62828;
    top: 3px;
    left: 3px
}

.J_scroll_fixed {
    padding-top: 37px
}

.J_scroll_fixed .J_fixed_tab {
    position: fixed;
    top: 40px;
    z-index: 10
}

.feed-top-hot .z-column-head {
    height: 55px;
    line-height: 55px;
    margin-bottom: 0
}

.feed-top-hot .z-column-title {
    height: 56px
}

.feed-top-hot .feed-hot-tab {
    height: 56px;
    line-height: 56px
}

.feed-top-hot .feed-hot-wrap {
    height: 316px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 0
}

.feed-top-hot .feed-hot-list {
    width: 844px;
    height: 287px;
    overflow: hidden
}

.feed-top-hot .feed-hot-list .slick-slide {
    -webkit-backface-visibility: hidden
}

.feed-top-hot .feed-hot-list .feed-hot-card {
    float: left;
    overflow: hidden;
    margin-bottom: 0;
    padding-bottom: 0;
    height: 100%;
    position: relative
}

.feed-top-hot .feed-hot-list .feed-hot-card .feed-hot-title {
    margin-bottom: 1px
}

.feed-top-hot .feed-hot-list .feed-hot-item {
    width: 840px
}

.feed-top-hot .feed-hot-list .feed-hot-title, .feed-top-hot .feed-hot-list .slick-item-foot {
    padding: 0 20px 0 0
}

.feed-top-hot .feed-hot-list .slick-item-foot {
    height: 28px;
    line-height: 28px
}

.feed-top-hot .feed-hot-list .slick-item-foot a {
    color: #999
}

.feed-top-hot .feed-hot-list .slick-item-foot-l {
    float: left;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.feed-top-hot .feed-hot-list .slick-item-foot-l:hover {
    color: #5188a6
}

.feed-top-hot .feed-hot-list .slick-item-foot-r {
    float: right;
    max-width: 158px
}

.feed-top-hot .feed-hot-list .slick-item-foot-r .J_zhi_like_fav {
    margin-left: 4px;
    position: relative
}

.feed-top-hot .feed-hot-list .slick-item-foot-r .J_zhi_like_fav .one-plus {
    display: none;
    position: absolute;
    left: -2px;
    top: -15px;
    font-size: 18px;
    color: #e62828
}

.feed-top-hot .feed-hot-list .slick-item-foot-r .J_zhi_like_fav.active {
    color: #e62828
}

.feed-top-hot .feed-hot-list .slick-item-foot-r a {
    margin-left: 20px;
    display: inline-block
}

.feed-top-hot .feed-hot-list .slick-item-foot-r a i {
    vertical-align: -2px;
    font-size: 16px;
    padding-right: 3px
}

.feed-top-hot .feed-hot-list .slick-item-foot-r a span {
    display: inline-block;
    height: 26px;
    line-height: 26px
}

.feed-top-hot .feed-hot-list .slick-item-foot-r a:hover {
    color: #e62828
}

.feed-hot-list .feed-hot-card .feed-hot-pic {
    width: 201px;
    height: 201px;
    margin-bottom: 14px;
    overflow: hidden;
    border-radius: 2px;
}

.feed-hot-list .feed-hot-wrap {
    height: auto
}

.slick-item-foot-r a:hover {
    color: #e62828
}

.side-stuff-inner img {
    height: auto
}

#feed-side {
    width: 328px;
    float: right;
    background: #fff;
    position: relative
}

.side-hot-author .column-content, .side-hot-columns .column-content {
    border-bottom: 1px solid #f5f5f5
}

.z-stuff-bar {
    margin: 0;
    position: relative
}

.z-stuff-bar img {
    max-width: 100%
}

.feed-row-wide .z-stuff-bar {
    margin-top: -20px;
    margin-bottom: -20px;
    width: 858px;
    margin-left: -14px
}

.feed-row-wide .feed-hot-window {
    height: 209px;
    overflow: hidden
}

.feed-loading-bar {
    padding: 14px 0;
    text-align: center;
    background-color: #fff
}

.feed-grid-wrap .feed-loading-bar, .feed-pagenation {
    background-color: #f5f5f5
}

.feed-pagenation {
    padding-top: 25px;
    padding-bottom: 25px;
    clear: both;
}

.feed-pagenation .pagenation-list li {
    background-color: #fff;
    cursor: pointer
}

.feed-pagenation .pagenation-list li.noHover {
    cursor: default
}

.feed-pagenation .pagenation-list li.current {
    background-color: #e62828;
    color: #fff
}

#feed-wrap {
    margin-bottom: 0
}

.J_zhi_like_fav {
    position: relative
}

.J_zhi_like_fav .one-plus {
    position: absolute
}

.z-avatar-group {
    line-height: 20px
}

.z-avatar-group .z-avatar-pic {
    vertical-align: middle
}

.feed-row-wide .z-avatar-name {
    line-height: 20px;
    vertical-align: middle;
    margin-top: 2px;
    color: #999
}

.feed-main-list-gray .z-avatar-name {
    vertical-align: sub
}

.feed-row-wide .z-publish-time {
    display: inline-block;
    line-height: 20px;
    vertical-align: -6px;
    font-size: 12px;
    margin-left: 15px
}

.feed-row-wide .feed-block-describe {
    margin-bottom: 15px
}

.nohover {
    cursor: default !important
}

.nohover.slick-item-foot-l:hover {
    color: #999 !important
}

.nohover.z-avatar-name:hover {
    color: #666
}

.feed-hot-card .feed-hot-title a {
    font-family: PingFangSC-Medium, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    word-wrap: break-word;
    word-break: break-all;
    height: 44px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.silde-hot {
    background: #fff;
    width: 328px;
    height: 328px
}

.silde-hot .side-slick-wrap {
    border-bottom: none
}

.side-baicai-feeds .feed-col-img {
    padding: 0 14px
}

.side-baicai-banner .slick-item {
    height: 235px
}

.side-baicai-banner .slick-item .feed-col-title {
    margin: 0 14px
}

.side-baicai-banner .slick-item .feed-col-des {
    display: none
}

.guide-layer {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    z-index: 1002;
    display: none
}

.guide-wrapper {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 100%
}

.step-first .guide-img-1 {
    position: relative;
    left: 110px;
    top: 11px
}

.guide-img-2 {
    left: 234px;
    top: 20px
}

.guide-img-2, .guide-img-3 {
    position: absolute;
    display: none
}

.guide-img-3 {
    right: -36px;
    top: 50%;
    margin-top: -362px
}

.guide-img-4 {
    left: 306px;
    bottom: 140px;
    position: absolute;
    display: none
}

.btn-group {
    position: absolute;
    left: 50%;
    bottom: 132px;
    margin-left: -57px
}

.btn-group .last-step-btn, .btn-group .next-step {
    background-color: #e62828;
    width: 128px;
    height: 40px;
    border-radius: 20px;
    margin: 0 auto;
    line-height: 40px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-size: 16px
}

.btn-group .last-step-btn:hover, .btn-group .next-step:hover {
    background-color: rgba(230, 40, 40, .8)
}

.btn-group .skip-all {
    text-align: center;
    font-size: 14px;
    color: #a6a6a6;
    height: 42px;
    line-height: 42px;
    cursor: pointer
}

.btn-group .last-step-btn {
    width: 128px;
    display: none
}

.side-eleven-activity {
    width: 328px;
    padding-top: 100px;
    background: url(../images/activity-bg1.png);
    background-size: 100% auto
}

.side-eleven-activity .eleven-inner {
    width: 316px;
    margin: 0 auto
}

.side-eleven-activity .eleven-inner .quan-box {
    height: 108px;
    background: url(../images/quan-bg1.png);
    background-size: 100% 100%;
    position: relative;
    padding-left: 48px;
    padding-top: 28px
}

.side-eleven-activity .eleven-inner .quan-box .go-eleven-link {
    display: block;
    width: 104px;
    height: 78px;
    position: absolute;
    right: 12px;
    top: 24px
}

.side-eleven-activity .eleven-inner .quan-box .go-eleven-link img {
    width: 100%;
    height: 100%
}

.side-eleven-activity .eleven-inner .quan-title {
    color: #e62828;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700
}

.side-eleven-activity .eleven-inner .count-clock {
    font-size: 0;
    color: #999;
    margin-top: 5px
}

.side-eleven-activity .eleven-inner .count-clock .count-text {
    font-size: 12px
}

.side-eleven-activity .eleven-inner .count-clock .count-text.text-1 {
    margin-right: 4px
}

.side-eleven-activity .eleven-inner .count-clock .count-text.text-2, .side-eleven-activity .eleven-inner .count-clock .count-text.text-3 {
    margin-right: 2px
}

.side-eleven-activity .eleven-inner .count-clock .time {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    display: inline-block;
    background-color: #5c5c5c;
    color: #fff;
    border-radius: 2px;
    text-align: center
}

.side-eleven-activity .eleven-inner .quan-info {
    color: #666;
    font-size: 12px;
    margin-top: 5px;
    width: 130px;
    line-height: 16px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.column {
    width: 280px
}

.shaiwu-waterfall {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #f5f5f5
}

.shaiwu-waterfall .shaiwu-card {
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 10px;
    display: block
}

.shaiwu-waterfall .shaiwu-card .focus-pic {
    width: 100%;
    height: 210px;
    position: relative;
    overflow: hidden
}

.shaiwu-waterfall .shaiwu-card .focus-pic > a img {
    display: block;
    width: 100%;
    height: 100%
}

.shaiwu-waterfall .shaiwu-card .focus-pic > a img:hover {
    opacity: .9
}

.shaiwu-waterfall .shaiwu-card .focus-pic .shadow {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 48px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 60%, 0)), color-stop(98%, rgba(51, 51, 51, .29)));
    background-image: -o-linear-gradient(top, hsla(0, 0%, 60%, 0) 0, rgba(51, 51, 51, .29) 98%);
    background-image: linear-gradient(-180deg, hsla(0, 0%, 60%, 0), rgba(51, 51, 51, .29) 98%);
    padding: 14px 14px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.shaiwu-waterfall .shaiwu-card .focus-pic .shadow, .shaiwu-waterfall .shaiwu-card .focus-pic .shadow .sub-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.shaiwu-waterfall .shaiwu-card .focus-pic .shadow .sub-container {
    width: 100px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.shaiwu-waterfall .shaiwu-card .focus-pic .shadow .avatar img {
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.shaiwu-waterfall .shaiwu-card .focus-pic .shadow .nickname {
    color: #fff;
    font-size: 14px;
    margin: 0 6px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.shaiwu-waterfall .shaiwu-card .focus-pic .shadow .feed-talent-ordinary {
    width: 14px;
    height: 14px
}

.shaiwu-waterfall .shaiwu-card .focus-pic .shadow .publish-time {
    margin-left: 15px;
    font-size: 12px;
    color: #fff;
    text-align: right;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    line-height: 34px
}

.shaiwu-waterfall .shaiwu-card .focus-pic .than-video {
    position: absolute;
    top: 14px;
    right: 14px;
    height: 30px;
    text-align: center;
    border-radius: 15px;
    background: rgba(0, 0, 0, .34);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 16px;
    padding: 0 8px
}

.shaiwu-waterfall .shaiwu-card .focus-pic .than-video i {
    font-size: 16px;
    color: #fff;
    position: relative;
    right: -2px
}

.shaiwu-waterfall .shaiwu-card .focus-pic .than-video em {
    font-style: normal;
    margin-left: 4px;
    padding-right: 4px
}

.shaiwu-waterfall .shaiwu-card .shaiwu-card-title {
    margin: 14px;
    line-height: 24px;
    font-size: 16px;
    color: #333;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.shaiwu-waterfall .shaiwu-card .shaiwu-card-title:hover {
    color: #5188a6
}

.shaiwu-waterfall .shaiwu-card .action-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #f5f5f5
}

.shaiwu-waterfall .shaiwu-card .action-bar .z-group-data {
    font-size: 14px;
    margin: 14px 0;
    padding-left: 28px;
    width: 65px;
    line-height: 20px;
    color: #999
}

.shaiwu-waterfall .shaiwu-card .action-bar .z-group-data .one-plus {
    position: absolute;
    left: 24px;
    top: -15px;
    font-size: 18px;
    color: #e62828
}

.shaiwu-waterfall .shaiwu-card .action-bar .z-group-data span {
    font-weight: 300
}

.shaiwu-waterfall .shaiwu-card .action-bar .z-group-data:hover {
    color: #e62828
}

.shaiwu-waterfall .shaiwu-card .action-bar .z-group-data.active {
    color: #e62828;
    position: relative
}

.shaiwu-waterfall .square-card .focus-pic {
    height: 280px
}

.shaiwu-waterfall .square-card .focus-pic > a img {
    height: 280px
}

.shaiwu-waterfall .thin-card .focus-pic {
    height: 372px
}

.shaiwu-waterfall .thin-card .focus-pic > a img {
    height: 372px
}

#sub-head {
    margin-bottom: 0
}

#feed-side {
    background: rgba(0, 0, 0, 0)
}

.feed-pagenation-white {
    background-color: #fff
}

.feed-pagenation-white .pagenation-list li {
    background-color: #f5f5f5
}

.feed-pagenation-white .pagenation-list li.current {
    background-color: #e62828;
    color: #fff
}

.shaiwu-waterfall {
    padding-top: 10px;
    display: none
}

.ad-data-hide {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden
}

.z-feed-title {
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 6px
}

.z-feed-title .z-feed-titleNew {
    display: none;
    color: #333;
    cursor: default
}

.z-feed-title .z-feed-titleNew .titleOne {
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    cursor: pointer
}

.z-feed-title .z-feed-titleNew .titleOne:hover {
    color: #5188a6
}

.z-feed-title .z-feed-titleNew .red {
    color: #e62828;
    display: block;
    padding-top: 10px;
    cursor: default
}

.z-feed-title .z-feed-titleNew .red:hover {
    color: #e62828
}

.z-feed-title .z-feed-titleNew .titleTwo {
    display: block;
    width: 100%;
    margin-top: 16px;
    overflow: hidden;
    height: 18px
}

.z-feed-title .z-feed-titleNew .titleTwo a {
    display: block;
    float: left;
    width: auto;
    height: 18px;
    line-height: 18px;
    border-radius: 2px;
    background-color: #ffedeb;
    padding: 0 5px;
    margin-right: 8px;
    color: #e62828;
    font-size: 12px
}

.z-feed-title .z-feed-titleNew .titleTwo a:hover {
    opacity: .8;
    color: #e62828
}

.z-feed-title .z-feed-titleNew .titleTwo a:visited {
    color: #e62828
}

.z-feed-title .z-feed-titleNew .titleTwo .huise {
    background: #f7f7f7;
    color: #999
}

.z-feed-title .z-feed-titleNew .titleTwo .huise:hover {
    opacity: .8;
    color: #999
}

.z-feed-title .z-feed-titleNew .titleTwo .huise:visited, .z-feed-title .z-feed-titleNew:visited {
    color: #999
}


.feed-grid-wrap {
    background: rgba(0, 0, 0, 0)
}

.feed-grid-wrap #feed-main-list {
    padding: 10px 0 0;
    width: 873px
}

.feed-grid-wrap #feed-main-list .feed-row-wide {
    float: left;
    border-bottom: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 10px
}

.feed-grid-wrap #feed-main-list .feed-row-wide .feed-list-slick {
    background: #fff;
    margin: 0
}

.feed-grid-wrap #feed-main-list .feed-row-wide .z-stuff-bar {
    margin: 0
}

.feed-grid-wrap #feed-main-list .feed-row-wide .feed-block {
    width: 280px;
    margin-right: 11px;
    background-color: #fff;
    position: relative;
    border-radius: 2px
}

.feed-grid-wrap #feed-main-list .feed-row-wide .feed-talent-ordinary {
    margin-top: 5px;
    vertical-align: top
}

.feed-row-wide .block-img-wide {
    margin-right: 15px;
    position: relative;
    width: 280px;
    height: 158px;
    overflow: hidden;
    text-align:center
}

.feed-row-wide .block-img-wide  img{
    margin: 0 auto;
    max-width: 280px;

}

.feed-grid-wrap #feed-main-list .z-feed-content {
    width: 100%;
    margin-top: 0;
    height: auto;
    position: static
}

.feed-grid-wrap #feed-main-list .z-feed-content .z-feed-title {
    padding: 0 14px;
    font-size: 16px;
    margin: 14px 0;
    max-height: 48px;
    height: 48px;
    line-height: 24px;
    overflow: hidden
}

.feed-grid-wrap #feed-main-list .z-feed-content .z-feed-title .z-feed-titleThree {
    display: none;
    white-space: normal;
    color: #333;
    cursor: default
}

.feed-grid-wrap #feed-main-list .z-feed-content .z-feed-title .z-feed-titleThree .titleTwo {
    display: block;
    float: left;
    max-width: 228px;
    overflow: hidden;
    height: 18px;
    line-height: 18px;
    border-radius: 2px;
    background-color: #ffedeb;
    padding: 0 5px;
    margin-right: 8px;
    color: #e62828;
    font-size: 12px;
    margin-top: 3px
}

.feed-grid-wrap #feed-main-list .z-feed-content .z-feed-title .z-feed-titleThree .titleTwo a {
    color: #e62828
}

.feed-grid-wrap #feed-main-list .z-feed-content .z-feed-title .z-feed-titleThree .titleTwo:hover {
    opacity: .8
}

.feed-grid-wrap #feed-main-list .z-feed-content .z-feed-title .z-feed-titleThree .titleOne {
    cursor: pointer
}

.feed-grid-wrap #feed-main-list .z-feed-content .z-feed-title .z-feed-titleThree .titleOne:hover {
    color: #5188a6
}

.feed-grid-wrap #feed-main-list .z-feed-content .z-feed-title .z-feed-titleThree .red {
    color: #e62828;
    display: inline;
    margin-top: 0;
    margin-left: 3px;
    cursor: default
}

.feed-grid-wrap #feed-main-list .z-feed-content .z-feed-title .z-feed-titleThree .red:hover {
    color: #e62828
}

.feed-grid-wrap #feed-main-list .z-feed-content .z-feed-title .z-feed-titleThree:visited {
    color: #999
}

.feed-grid-wrap #feed-main-list .z-feed-content .feed-block-describe {
    display: none
}

.feed-grid-wrap #feed-main-list .z-feed-content .z-feed-foot {
    border-top: 1px solid #f5f5f5;
    position: static
}

.feed-grid-wrap #feed-main-list .z-feed-foot-l {
    position: absolute;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 60%, 0)), color-stop(98%, rgba(51, 51, 51, .29)));
    background-image: -o-linear-gradient(top, hsla(0, 0%, 60%, 0) 0, rgba(51, 51, 51, .29) 98%);
    background-image: linear-gradient(-180deg, hsla(0, 0%, 60%, 0), rgba(51, 51, 51, .29) 98%);
    top: 113px;
    left: 0;
    width: 252px;
    padding: 15px 14px 5px;
    font-size: 12px;
    color: #fff;
    height: inherit
}

.feed-grid-wrap #feed-main-list .z-feed-foot-l .z-avatar-name {
    margin-top: 2px
}

.feed-grid-wrap #feed-main-list .z-feed-foot-r {
    width: 100%;
    height: 46px !important;
    font-size: 0;
    margin-top: 0;
    float: none;
    margin-left: -1px
}

.feed-grid-wrap #feed-main-list .z-feed-foot-r .z-ffr-status {
    text-align: left;
    padding-left: 14px;
    margin: 0
}

.feed-grid-wrap #feed-main-list .z-feed-foot-r .z-ffr-num, .feed-grid-wrap #feed-main-list .z-feed-foot-r .z-ffr-status {
    display: inline-block;
    font-size: 14px;
    width: 140px;
    color: #999;
    height: 46px;
    line-height: 46px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.feed-grid-wrap #feed-main-list .z-feed-foot-r .z-ffr-num {
    text-align: right;
    padding-right: 14px
}

.feed-grid-wrap #feed-main-list .z-feed-foot-r .z-ffr-mail {
    font-size: 14px;
    text-align: left;
    padding-left: 14px
}

.feed-grid-wrap #feed-main-list .z-feed-foot-r .z-ffr-ad, .feed-grid-wrap #feed-main-list .z-feed-foot-r .z-ffr-mail {
    display: inline-block;
    width: 140px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 46px;
    color: #999;
    line-height: 46px
}

.feed-grid-wrap #feed-main-list .z-feed-foot-r .z-ffr-ad {
    font-size: 12px;
    text-align: right;
    padding-right: 14px;
    vertical-align: top
}

.feed-grid-wrap #feed-main-list .z-group-data {
    font-size: 14px;
    margin: 14px 0;
    padding-left: 28px;
    width: 65px;
    line-height: 20px
}

.feed-grid-wrap #feed-main-list .z-avatar-pic {
    width: 20px;
    height: 20px;
    margin-right: 6px;

}

.feed-grid-wrap #feed-main-list .z-avatar-name, .feed-grid-wrap #feed-main-list .z-publish-time {
    font-size: 14px;
    color: #fff
}

.feed-grid-wrap #feed-main-list .z-publish-time {
    font-size: 12px;
    float: right;
    line-height: 24px;
    height: 20px
}

.feed-hot-full .feed-hot-tab li.active, .feed-hot-hits .feed-hot-tab li.active, .feed-hot-index .feed-hot-tab li.active {
    color: #e62828;
}

.feed-hot-full .feed-hot-tab li, .feed-hot-hits .feed-hot-tab li, .feed-hot-index .feed-hot-tab li {
    position: relative;
    display: inline-block;
    padding: 0;
    margin-left: 14px;
    margin-right: 20px;
    cursor: pointer;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
}

.left-wrap {
    width: 862px;
    float: left;
    background: #fff;
    margin-bottom: 20px;
}

.left-wrap .poster-wraper {
    position: relative
}

.left-wrap .poster-wraper i {
    width: 44px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background-color: #e62828;
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 2px;
    opacity: .8;
    margin: 10px
}

.left-wrap .poster-wraper .detailed_banner {
    width: 862px;
    height: 364px;
    overflow: hidden;
    text-align: center;
    vertical-align: center;
    display: flex;
    align-items: center;
}

.left-wrap .poster-wraper .detailed_banner img {
    width: auto;
    height: auto;
    margin: 0 auto;
}

.left-wrap .m-contant {
    margin: 0 30px;
    color: #333
}

article {
    color: #333;
    margin-top: 30px;
    position: relative;
    z-index: 1;
    font-size: 16px;
    line-height: 28px
}


article .youku-player-box {
    margin-bottom: 20px
}

article .bilibili-iframe, article .iframe-video {
    width: 682px;
    height: 480px;
    display: block
}

article .pure-video {
    width: 682px;
    height: 384px;
    display: block
}

article img {
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 800px;
}

article h1 {
    font-weight: 400;
    font-size: 28px;
    padding-bottom: 15px;
    word-break: break-all;
    line-height: 44px
}

article h1 .edit_interface {
    color: #5188a6;
    padding-left: 5px;
    display: block;
    float: right;
    font-size: 12px
}

article h1 .red {
    color: #e62828;
    padding-left: 20px
}

article h2, article h3, article h4 {
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 20px;
    font-weight: 700
}

article .direct-link {
    width: 90px;
    height: 28px;
    line-height: 28px;
    background: #e62828;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: inline-block
}

article .direct-link:hover {
    opacity: .8
}

article p {
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 20px;
    word-break: break-all;
    word-wrap: break-word;
}

article p span {
    color: #151515
}

article p a.seo_link {
    line-height: 20px;
    border-bottom: 1px dashed #333;
    color: #333
}

article p a.seo_link:hover {
    color: #5188a6
}

article p a img {
    display: block;
    margin: 0 auto 20px;
    width: auto;
    cursor: pointer
}

article p embed {
    display: block;
    margin: 0 auto;
    max-width: 682px
}

article p > img {
    max-width: 100%;
    margin: 0 auto 20px;
    height: auto;
}

article p img.face {
    display: inline;
    margin: 0
}

article video {
    display: block;
    margin: 0 auto;
    max-width: 682px
}

article .img_desc {
    display: block;
    margin: 0 auto;
    text-align: center
}

article .img_desc a img {
    padding-bottom: 20px;
    margin: 0 auto 10px
}

article .recommend-tab {
    height: auto;
    padding-bottom: 10px;
    position: relative;
    z-index: 1
}

.goods-label {
    font-size:14px;
    color: #999999;
    margin-bottom:20px;
    line-height: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
}

.goods-label .label {
    background: #f5f5f5;
    border-radius: 14px;
    border: 1px solid #ddd;
    padding: 4px 10px;
    margin: 0 10px 10px 0;
    display: inline-block;
    font-size: 14px;
}

.goods-label .label:hover {
    background: #e62828;
}

.goods-label .label a {
    color: #999999;
}


.goods-label .label:hover a {
    color: #FFFFFF;
}

article .recommend-tab .xilie {
    float: left
}

article .recommend-tab .xilie span {
    font-size: 14px;
    color: #999;
    display: inline-block;
    padding-right: 10px;
    line-height: 28px
}

article .recommend-tab .direct-link {
    float: right
}

article blockquote {
    background: #f7f7f7;
    border-radius: 2px;
    padding: 20px 14px 32px;
    margin-bottom: 20px;
    position: relative;
    z-index: 0
}

article blockquote p {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin-bottom: 0
}

article blockquote p img {
    max-width: 100%
}

article blockquote a {
    color: #5188a6
}

article blockquote a img {
    max-width: 100%
}

article blockquote:before {
    content: "";
    display: block;
    width: 65px;
    height: 42px;
    position: absolute;
    background: url(../images/big-left.png) 0 0 no-repeat;
    top: 0;
    left: 0;
    background-size: 100%;
    z-index: -1
}

article blockquote:after {
    content: "";
    display: block;
    width: 22px;
    height: 17px;
    position: absolute;
    background: url(../images/small-right.png) 0 0 no-repeat;
    right: 15px;
    bottom: 5px;
    background-size: 100%;
    z-index: -1
}

article .interests_statement {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin-bottom: 30px
}

article .the-end {
    padding: 20px 0 20px
}

article .the-end img {
    width: 92px;
    height: 11px;
    display: block;
    margin: 0 auto
}

article .card {
    padding: 10px 0 40px
}

article .card img {
    display: block;
    margin: 0 auto
}

article table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
    line-height: normal
}

article table td, article table th {
    padding: 5px 10px;
    border: 1px solid #ddd
}

article ol, article ul {
    margin: 0 0 26px;
    padding-left: 35px
}

article ol li, article ul li {
    font-size: 14px;
    line-height: 26px
}

article ul li {
    list-style-type: disc
}

article ol li {
    list-style-type: decimal
}

article .hw-tnum {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    text-align: center
}

article .hw-tnum .hw-num {
    display: inline-block;
    position: relative;
    font-style: oblique;
    padding: 0 3px
}

article .hw-tnum .hw-num:after, article .hw-tnum .hw-num:before {
    content: " ";
    display: block;
    border-top: 1px solid #000;
    width: 30px;
    position: absolute;
    margin: auto 0;
    top: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%)
}

article .hw-tnum .hw-num:before {
    left: -35px
}

article .hw-tnum .hw-num:after {
    right: -35px
}

article .hw-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
    text-align: center
}

article .ask-question {
    display: block;
    width: 88px;
    height: 34px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #e62828;
    border-radius: 2px;
    margin: 0 auto;
    line-height: 34px;
    cursor: pointer
}

article .ask-question:hover {
    opacity: .8
}

.experience-zan {
    padding-bottom: 25px;
    font-size: 12px;
    border-bottom: 1px solid #f5f5f5;
    clear: both;
    margin-bottom: 40px
}

.experience-zan a {
    color: #999
}

.experience-zan a:hover {
    color: #5188a6
}

.experience-zan .experience-left {
    float: left
}

.experience-zan .experience-left a {
    float: left;
    margin-right: 20px
}

.experience-zan .experience-left a:hover {
    color: #e62828
}

.experience-zan .experience-left a:first-child {
    width: 83px;
    height: 36px;
    line-height: 36px;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .08);
    border-radius: 20px;
    font-size: 14px;
    text-align: center;
    margin-top: -8px;
    position: relative;
    color: #e62828
}

.experience-zan .experience-left .active i, .experience-zan .experience-left .active span {
    color: #e62828
}

.experience-zan .experience-left i {
    width: 22px;
    height: 22px;
    font-size: 18px;
    display: inline-block;
    vertical-align: -3px;
    margin-right: 1px
}

.experience-zan .experience-right {
    float: right;
    position: relative
}

.experience-zan .experience-right .operate-share {
    float: left;
    padding: 0 20px
}

.experience-zan .experience-right .report {
    float: left
}

.experience-zan .experience-right .common-share-list {
    position: absolute;
    left: 0;
    top: 26px;
    background-color: #fff;
    padding: 6px 10px;
    -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .1);
    z-index: 1000;
    text-align: left;
    display: none
}

.experience-zan .experience-right .common-share-list li {
    white-space: nowrap;
    padding: 4px 0;
    border-top: 1px solid #eee;
    font-size: 14px
}

.experience-zan .experience-right .common-share-list li i[class^=icon] {
    margin: 0 10px 0 0;
    color: #313131;
    font-size: 18px;
    vertical-align: -1px;
    display: inline
}

.experience-zan .experience-right .common-share-list li a {
    display: inline-block;
    width: 110px;
    padding-left: 10px;
    line-height: 30px;
    height: 30px;
    color: #999;
    border: 0;
    padding-top: 0;
    text-align: left;
    font-size: 14px
}

.experience-zan .experience-right .common-share-list li a:hover {
    background-color: #f5f5f5;
    color: #333
}

.experience-zan .experience-right .common-share-list .common-share-wechat {
    border-top: none
}

.experience-zan .experience-right .common-share-list .common-share-wechat span {
    display: inline-block;
    padding-left: 10px;
    line-height: 30px;
    color: #999;
    cursor: default
}

.experience-zan .experience-right .common-share-list .common-share-wechat img {
    display: block;
    width: 100px;
    height: 100px;
    margin: 6px auto
}

.product-card {
    position: relative;
    margin-bottom: 20px
}

.product-card .tab_more {
    padding: 0;
    margin-bottom: 15px
}

.product-card .z-title {
    float: left
}

.product-card .z-title li {
    font-size: 16px;
    color: #333;
    line-height: 16px;
    padding-bottom: 10px;
    float: left;
    margin-right: 30px
}

.product-card .z-title li a:hover {
    color: #e62828
}

.product-card .z-title .active {
    border-bottom: 2px solid #e62828
}

.product-card .z-title .active a {
    color: #e62828
}

.product-card .slick-dots {
    position: absolute;
    right: 12px;
    top: 12px
}

.product-card .slick-dots li {
    width: 6px;
    height: 6px;
    margin: 0 0 0 6px;
    font-size: 0;
    float: left;
    cursor: pointer;
    background: #eee;
    border-radius: 50%;
    zoom: 1
}

.product-card .slick-dots li button {
    font-size: 0;
    display: none
}

.product-card .slick-dots .slick-active {
    background: #e62828
}

.product-card a {
    color: #333
}

.product-card .wrap-product {
    padding-top: 5px;
    height: 156px;
    overflow: hidden
}

.product-card .wrap-product .z-index {
    display: none
}

.product-card .wrap-product .a-single {
    width: 750px
}

.product-card .wrap-product .a-single .z-card {
    max-height: 149px;
    overflow: hidden;
    padding: 14px;
    background: #fff;
    float: left;
    margin: 0 4px 0 10px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08)
}

.product-card .wrap-product .a-single .z-card a:hover {
    opacity: .8
}

.product-card .wrap-product .commodities-left {
    float: left;
    position: relative
}

.product-card .wrap-product .commodities-left i {
    padding: 0 5px;
    height: 16px;
    line-height: 16px;
    opacity: .8;
    background: #e62828;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    font-size: 12px;
    color: #fff
}

.product-card .wrap-product .commodities-left img {
    width: 120px;
    height: 120px
}

.product-card .wrap-product .commodities-right {
    float: left;
    padding-left: 13px
}

.product-card .wrap-product .commodities-right a {
    font-size: 16px;
    color: #333;
    line-height: 28px;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 53px
}

.product-card .wrap-product .commodities-right .one-goods {
    width: 521px;
    display: inline-block
}

.product-card .wrap-product .commodities-right .two-goods {
    width: 173px;
    display: inline-block
}

.product-card .wrap-product .commodities-right em, .product-card .wrap-product .commodities-right span {
    font-size: 18px;
    line-height: 28px;
    color: #f04848;
    font-weight: 700;
    display: block
}

.product-card .wrap-product .commodities-right em {
    float: left
}

.product-card .wrap-product .commodities-right .one-p {
    padding-top: 39px
}

.product-card .wrap-product .commodities-right p {
    padding-top: 8px
}

.product-card .wrap-product .commodities-right p span {
    font-size: 18px;
    line-height: 28px;
    color: #e62828;
    font-weight: 700;
    float: left
}

.product-card .wrap-product .commodities-right p a {
    width: 80px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    background: #e62828;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    float: right
}

.product-card .wrap-product .commodities-right p .kanbaike-btn {
    background: #feecec;
    color: #e62828;
    margin-right: 10px
}

.product-card .wrap-product .three-goods {
    width: 682px;
    margin: 0 auto
}

.product-card .wrap-product .three-goods a:hover {
    opacity: .8
}

.product-card .wrap-product .three-goods .slick-son {
    margin-right: 30px;
    float: left;
    overflow: hidden;
    display: block
}

.product-card .wrap-product .three-goods .slick-son .product-list {
    width: 148px;
    height: 148px;
    position: relative
}

.product-card .wrap-product .three-goods .slick-son .product-list img {
    width: 100%;
    height: 100%
}

.product-card .wrap-product .three-goods .slick-son .product-list .z-sliding {
    font-size: 12px;
    color: #fff;
    padding: 0 8px 10px;
    position: absolute;
    top: 120px;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    background: rgba(0, 0, 0, .4);
    z-index: 2
}

.product-card .wrap-product .three-goods .slick-son .product-list .z-sliding .one-view, .product-card .wrap-product .three-goods .slick-son .product-list .z-sliding .top-view, .product-card .wrap-product .three-goods .slick-son .product-list .z-sliding .two-view {
    line-height: 20px;
    margin-bottom: 10px;
    display: block;
    color: #fff
}

.product-card .wrap-product .three-goods .slick-son .product-list .z-sliding .two-view {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 40px
}

.product-card .wrap-product .three-goods .slick-son .product-list .z-sliding .one-view {
    width: 132px;
    margin-top: 48px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.product-card .wrap-product .three-goods .slick-son .product-list .z-sliding .top-view {
    height: 28px;
    line-height: 28px;
    width: 132px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.product-card .wrap-product .three-goods .slick-son .product-list .z-sliding em {
    font-size: 12px;
    color: #fff;
    line-height: 14px;
    padding-bottom: 16px;
    display: block
}

.product-card .wrap-product .three-goods .slick-son .product-list .z-sliding .chang-goumai-btn, .product-card .wrap-product .three-goods .slick-son .product-list .z-sliding .chang-kanbaike-btn, .product-card .wrap-product .three-goods .slick-son .product-list .z-sliding .kanbaike-btn, .product-card .wrap-product .three-goods .slick-son .product-list .z-sliding .qu-go, .product-card .wrap-product .three-goods .slick-son .product-list .z-sliding button {
    width: 132px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #e62828;
    background: #fff;
    font-size: 12px;
    border-radius: 2px;
    margin: 0 auto;
    display: inline-block;
    cursor: pointer
}

.product-card .wrap-product .three-goods .slick-son .product-list .z-sliding .chang-kanbaike-btn, .product-card .wrap-product .three-goods .slick-son .product-list .z-sliding .kanbaike-btn {
    background: #fff;
    color: #e62828
}

.product-card .wrap-product .three-goods .slick-son .product-list .z-sliding .wikipedia a {
    width: 62px
}

.product-card .wrap-product .three-goods .slick-son .product-list .z-sliding .wikipedia .kanbaike-btn {
    margin-right: 3px
}

.product-card .wrap-product .three-goods .slick-son .product-list .z-sliding .wikipedia .chang-goumai-btn, .product-card .wrap-product .three-goods .slick-son .product-list .z-sliding .wikipedia .chang-kanbaike-btn {
    width: 132px
}

.product-card .wrap-product .three-goods .slick-son .product-list:hover .z-sliding {
    top: 0
}

.product-card .wrap-product .three-goods .slick-son .product-list:hover .top-view {
    display: none
}

.product-card .wrap-product .three-goods .slick-son .product-list:hover .two-view {
    padding-top: 30px
}

.product-card .wrap-product .three-goods .slick-son .product-list:hover .to-view {
    padding-top: 47px
}

.product-card .wrap-product .three-goods .slick-son .product-list:hover img {
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

.product-card .wrap-product .three-goods button {
    margin-top: 0;
    cursor: pointer
}

.product-card .wrap-product .three-goods .z-slick-btn-prev {
    left: 10px
}

.product-card .wrap-product .three-goods .z-slick-btn-next {
    right: 10px
}

.article-card {
    color: #333;
    padding-bottom: 40px
}

.article-card .article-tab {
    padding-bottom: 30px
}

.article-card .article-tab h4 {
    font-size: 16px;
    line-height: 16px;
    float: left
}

.article-card .article-tab ul {
    float: right
}

.article-card .article-tab ul li {
    float: left;
    padding-left: 30px
}

.article-card .article-tab ul li a {
    font-size: 14px;
    color: #333;
    line-height: 14px
}

.article-card .article-tab ul .active a {
    color: #e62828
}

.article-card .wrap-article .article-index {
    display: none
}

.article-card .wrap-article .z-more {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #f7f7f7;
    border-radius: 2px;
    text-align: center;
    font-size: 14px;
    color: #666;
    display: block
}

.article-card .wrap-article .z-more:hover {
    opacity: .8
}

.article-card .wrap-article ul .article-contant {
    padding-bottom: 20px
}

.article-card .wrap-article ul .article-contant .left-img {
    float: left;
    width: 266px;
    height: 150px
}

.article-card .wrap-article ul .article-contant .left-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.article-card .wrap-article ul .article-contant .related-right {
    width: 400px;
    float: left;
    margin-left: 16px
}

.article-card .wrap-article ul .article-contant .related-right p {
    padding-bottom: 10px
}

.article-card .wrap-article ul .article-contant .related-right p a {
    font-size: 16px;
    color: #333;
    line-height: 26px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word
}

.article-card .wrap-article ul .article-contant .related-right p a:hover {
    color: #5188a6
}

.article-card .wrap-article ul .article-contant .related-right .block-descripe {
    font-size: 14px;
    color: #999;
    line-height: 20px;
    height: 40px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-wrap: break-word;
    padding-bottom: 30px
}

.article-card .wrap-article ul .article-contant .related-right .block-descripe a:hover {
    text-decoration: underline
}

.article-card .wrap-article ul .article-contant .related-right .variety-of {
    text-align: right
}

.article-card .wrap-article ul .article-contant .related-right .variety-of a {
    margin-left: 18px;
    color: #999;
    margin-right: 0;
    position: relative
}

.article-card .wrap-article ul .article-contant .related-right .variety-of a:hover {
    color: #e62828
}

.article-card .wrap-article ul .article-contant .related-right .variety-of a i {
    font-size: 18px;
    display: inline-block;
    vertical-align: -3px;
    margin-right: 0
}

.article-card .wrap-article ul .article-contant .related-right .variety-of a .one-plus {
    left: -5px
}

.article-card .wrap-article ul .article-contant .related-right .variety-of .active i, .article-card .wrap-article ul .article-contant .related-right .variety-of .active span {
    color: #e62828
}

.divcss5 {
    border: 0;
    width: 280px;
    height: 158px;
    overflow: hidden
}

.divcss5 img {
    max-height: 158px;
    _height: expression(this.height < 158 ? "158px" : this.height);
}

.icon-thumb-up{
    color: #e62828;
}

.block-img-wide a{
    display: block;
}