#global-search {
    padding-top: 40px
}

#global-nav {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    background-color: #fff;
    color: #333;
    z-index: 1001;
    font-family: PingFangSC-Medium, arial, sans-serif;
    -webkit-font-smoothing: antialiased
}

#global-nav.sub-channel {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .06)
}

#global-nav.fixed, #global-nav.sub-channel {
    position: fixed;
    top: 0;
    bottom: auto
}

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

#global-nav nav {
    float: left;
    margin-right: -3px
}

.sub-detail #site-bar {
    position: relative
}

.login-control-list, .nav-list {
    float: left
}

.control-list > li, .login-control-list > li, .nav-list > li {
    float: left;
    height: 40px;
    position: relative;
    text-align: center
}

.nav-list > li {
    width: 98px;
    padding: 0
}

.control-list > li > a, .login-control-list > li > a, .nav-list > li > a {
    display: block;
    height: 40px;
    color: #333;
    text-align: center;
    line-height: 40px;
    white-space: nowrap
}

.control-list > li > a, .login-control-list > li > a {
    background-color: #fff;
    z-index: 99;
    position: relative
}

.nav-list > li > a {
    font-size: 16px
}

.control-list > li.current > a, .control-list > li.slide-hover > a, .control-list > li > a.current, .login-control-list > li.current > a, .login-control-list > li.slide-hover > a, .login-control-list > li > a.current, .nav-list > li.current > a, .nav-list > li.slide-hover > a, .nav-list > li > a.current {
    color: #e62828
}

.control-list > li .icon-angle-down-o-thin, .login-control-list > li .icon-angle-down-o-thin, .nav-list > li .icon-angle-down-o-thin {
    display: inline-block;
    width: 10px;
    margin-left: 6px;
    font-size: 10px;
    vertical-align: 1px
}

.control-list > li.slide-hover, .login-control-list > li.slide-hover, .nav-list > li.slide-hover {
    background-color: #fff;
    -webkit-box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, .12);
    z-index: 999
}

.nav-list > li:first-child {
    width: auto;
    padding-left: 14px;
    padding-right: 30px
}

.nav-list > li:first-child:hover {
    background-color: #fff
}

.nav-list > li > a {
    font-weight: 700;
    background-color: #fff;
    width: 100%;
    z-index: 99
}

.control-list .nav-search #nav-search-form form.show-history, .nav-list li.channel-msg, .nav-list li.channel-new, .nav-list > li > a {
    position: relative
}

.nav-list li.channel-new::after {
    content: 'N';
    position: absolute;
    right: -6px;
    top: 1px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    line-height: 14px;
    background-color: #e62828;
    text-align: center;
    font-size: 12px;
    font-family: Arial;
    color: #fff;
    z-index: 10
}

.nav-list > .channel-new:hover::after, .sub-nav {
    display: none
}

.nav-list li.channel-msg:hover .arrow-down {
    border-color: #999 transparent
}

.nav-list li.channel-msg::after {
    content: "";
    position: absolute;
    right: 4px;
    top: 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #e62828
}

.control-list > li, .login-control-list > li {
    width: 138px
}

.control-list > li.submit-entry, .login-control-list > li.submit-entry {
    width: 96px !important
}

.control-list > li.app-entry, .login-control-list > li.app-entry {
    width: 90px
}

.sub-nav {
    position: absolute;
    z-index: 20;
    left: 0;
    right: 0;
    top: 40px;
    padding: 7px 0;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .16);
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px
}

.sub-nav li a {
    display: inline-block;
    height: 30px;
    width: 100%;
    color: #333;
    line-height: 30px;
    text-align: center
}

.sub-nav li a:hover {
    color: #e62828;
    background-color: #ffecec
}

.nav-controls {
    float: right;
    position: relative
}

.control-list {
    float: left !important;
    padding-left: 0;
    padding-right: 34px
}

.control-list > li > a {
    width: auto;
    min-width: 90px
}

.control-list > li.app-entry {
    border-left: none
}

.control-list > li.app-entry > a {
    width: 90px
}

.control-list > li.app-entry .sub-nav {
    padding: 10px 0
}

.control-list > li.app-entry .sub-nav li > a {
    display: block;
    width: 95px;
    height: auto;
    margin: 0 auto;
    background-color: transparent !important;
    line-height: 20px;
    text-align: center
}

.control-list > li.app-entry .sub-nav li > a div {
    margin-top: 5px
}

.control-list > li.user-entry {
    display: none;
    padding: 0
}

.control-list > li.user-entry > a {
    padding: 0;
    width: 97px;
    text-align: center
}

.control-list > li.user-entry .nav-username, .login-control-list > li .nav-username {
    display: inline-block;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 40px;
    white-space: nowrap;
    vertical-align: middle;
    text-align: right
}

.control-list > li.user-entry .sub-nav {
    left: 0;
    right: 0
}

.control-list .nav-search {
    width: 170px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none
}

.control-list .nav-search #nav-search-form {
    position: relative;
    z-index: 100;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 28px;
    margin: 6px 0;
    float: right
}

.control-list .nav-search #nav-search-form .n-history-list li.focus span, .control-list .nav-search #nav-search-form .n-history-list li:hover span, .control-list .nav-search #nav-search-form.nav-type-input .nav-search-wrap .nav-input-wrap {
    display: block
}

.control-list .nav-search #nav-search-form .n-history-list li.focus, .control-list .nav-search #nav-search-form .n-history-list li:hover, .control-list .nav-search #nav-search-form.nav-type-input .nav-search-wrap .nav-submit, .nav-autocomplete-suggestions .autocomplete-suggestion.focus, .nav-autocomplete-suggestions .autocomplete-suggestion:hover {
    background-color: #f5f5f5
}

.control-list .nav-search #nav-search-form .n-history {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    padding-top: 8px;
    border-top: 1px solid #fff;
    border-radius: 2px;
    background-color: #fff;
    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)
}

.control-list .nav-search #nav-search-form .n-history-head {
    position: relative;
    padding: 0 10px 8px
}

.control-list .nav-search #nav-search-form .n-history-head a {
    position: absolute;
    right: 14px;
    top: 0
}

.control-list .nav-search #nav-search-form .n-history-head a:hover {
    opacity: .8
}

.control-list .nav-search #nav-search-form .n-history-list {
    padding-bottom: 7px
}

.control-list .nav-search #nav-search-form .n-history-list li {
    position: relative;
    padding: 0 10px;
    line-height: 30px;
    cursor: pointer;
    height: 30px
}

.control-list .nav-search #nav-search-form .n-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
}

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

#chief-notice i:hover, #focus-notice a span, #focus-notice i:hover, .control-list .nav-search #nav-search-form .n-history-list li span:hover, .control-list .nav-search #nav-search-form .nav-submit:hover i, .nav-logins a:hover {
    color: #e62828
}

.control-list .nav-search #nav-search-form .n-history {
    margin-top: 8px;
    z-index: 999
}

.control-list .nav-search #nav-search-form .n-history-head, .control-list .nav-search #nav-search-form .n-history-list li {
    padding-left: 14px;
    padding-right: 24px;
    text-align: left
}

.control-list .nav-search #nav-search-form .nav-search-wrap {
    margin-bottom: 10px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    overflow: hidden
}

.control-list .nav-search #nav-search-form .nav-input-wrap {
    display: none;
    float: left;
    width: 142px;
    height: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4px 14px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background-color: #f5f5f5
}

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

.control-list .nav-search #nav-search-form .nav-input-wrap .nav-input::-webkit-search-decoration {
    -webkit-appearance: none
}

.control-list .nav-search #nav-search-form .nav-input-wrap .nav-input::-ms-clear {
    display: none
}

.control-list .nav-search #nav-search-form .nav-submit {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    width: 28px;
    height: 28px;
    background-color: #fff;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-left: 0;
    color: #999;
    text-align: center;
    line-height: 28px;
    cursor: pointer;
    font-size: 18px;
    position: relative
}

.control-list .nav-search #nav-search-form .nav-submit i {
    position: absolute;
    top: 50%;
    right: 50%;
    margin: -9px -8px 0 0;
    color: #999;
    font-size: 18px
}

.login-control-list > li.user-entry {
    display: none;
    width: 104px
}

.nav-logins, .nav-logins a {
    display: inline-block;
    height: 40px
}

.nav-logins {
    padding: 0 14px;
    text-align: center;
    white-space: nowrap
}

.nav-logins a {
    line-height: 40px;
    color: #333
}

.nav-logins .z-split {
    height: 14px;
    border-color: #7e7e7e;
    display: inline-block;
    width: 0;
    margin: 0 7px;
    border-right: 1px solid #333;
    vertical-align: -2px
}

#chief-notice, #focus-notice {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 40px;
    width: 180px;
    height: auto;
    position: absolute;
    right: 0;
    display: none;
    border: 1px solid #f5f5f5;
    background-color: #fff
}

#chief-notice {
    border-radius: 2px;
    padding: 0;
    z-index: 2
}

#chief-notice i, #focus-notice i {
    position: absolute;
    right: 8px !important;
    top: 8px !important;
    font-size: 10px !important;
    cursor: pointer;
    color: #999;
    z-index: 1
}

#chief-notice a {
    display: block;
    width: 126px;
    height: 30px;
    line-height: 30px;
    padding: 0 14px;
    text-align: left;
    color: #333;
    font-size: 14px
}

#chief-notice a em {
    padding-right: 4px;
    color: #e62828
}

#chief-notice #notice-message {
    height: 30px;
    line-height: 30px;
    font-size: 14px !important;
    display: block
}

.control-list > li > a, .login-control-list > li > a, .nav-logins a {
    font-size: 14px
}

#focus-notice {
    padding: 7px 0 7px 14px;
    z-index: 1
}

#focus-notice i {
    top: 10px !important
}

#focus-notice a {
    color: #333
}

.one-plus {
    display: none
}

.nav-autocomplete-suggestions {
    border-top: 1px solid #fff;
    background-color: #fff;
    padding-top: 7px;
    z-index: 1010;
    font-size: 14px;
    overflow: hidden;
    margin-top: 8px;
    margin-bottom: 7px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    border-radius: 2px;
    padding-bottom: 7px
}

.nav-autocomplete-suggestions .autocomplete-suggestion {
    font-weight: 700;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 14px;
    white-space: nowrap;
    overflow: hidden;
    text-decoration: none;
    cursor: pointer
}

.nav-autocomplete-suggestions .autocomplete-suggestion strong, .nav-autocomplete-suggestions .autocomplete-text-normal {
    font-weight: 400
}

.nav-autocomplete-suggestions .autocomplete-selected {
    background: #e5e5e5
}

.index-top-stuff, .slick-pic, .z-side-stuff, .z-side-stuff-large, .z-stuff-bar {
    position: relative;
    overflow: hidden
}

.index-top-stuff a img, .slick-pic a img, .z-side-stuff a img, .z-side-stuff-large a img, .z-stuff-bar a img {
    height: auto
}

.index-top-stuff span.stuff-tag, .slick-pic span.stuff-tag, .z-side-stuff span.stuff-tag, .z-side-stuff-large span.stuff-tag, .z-stuff-bar span.stuff-tag {
    display: block;
    position: absolute;
    font-size: 12px;
    color: #fff;
    background-color: rgba(0, 0, 0, .4);
    border-top-left-radius: 4px;
    right: 0;
    bottom: 0;
    width: 34px;
    height: 16px;
    text-align: center;
    line-height: 16px
}

.side-stuff-inner span.stuff-tag {
    right: 14px
}

#sub-search-form {
    float: left;
    margin-left: 50px;
    margin-top: 10px;
    width: 490px;
    box-sizing: border-box;
    height: 40px;
    z-index: 100;
    position: relative;
}

#sub-search-form .search-input-wrap {
    position: relative;
    float: left;
    width: 452px;
    height: 40px;
    box-sizing: border-box;
    padding: 10px 16px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-color: #f5f5f5;
}

#global-search .search-inner {
    padding: 15px 0;
}

#sub-search-form .search-submit i {
    vertical-align: -2px;
}

#sub-search-form .search-submit {
    color: #ccc;
}

.search-input-wrap i {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    font-variant-ligatures: discretionary-ligatures;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


#sub-search-form .search-submit {
    float: left;
    width: 38px;
    height: 40px;
    background-color: #f5f5f5;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 0;
    color: #ccc;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    font-size: 22px
}

#feed-wrap {
    margin-top: 14px;

}

#feed-main {
    float: left;
    width: 862px
}

#feed-main .feed-main-con {
    background-color: #fff
}

#feed-main .breadcrumb {
    margin: 0;
    padding: 30px 14px
}


#feed-main .sub-category-tab .subcate-tab-list li a {
    height: 57px;
    line-height: 58px;
    font-size: 16px
}

#feed-main .feed-orderby {
    height: 46px;
    line-height: 48px;
    color: #ddd
}

#feed-main .feed-orderby .feed-orderby-all, #feed-main .feed-orderby .feed-orderby-newest {
    margin: 0 20px;
    display: inline-block;
    text-align: center;
    color: #666;
    cursor: pointer
}

#feed-main .feed-orderby .feed-orderby-all.active, #feed-main .feed-orderby .feed-orderby-all:hover, #feed-main .feed-orderby .feed-orderby-newest.active, #feed-main .feed-orderby .feed-orderby-newest:hover {
    color: #e62828
}

#feed-main .feed-orderby .feed-control {
    float: right;
    font-size: 12px;
    margin-right: 20px;
    color: #999
}

#feed-main .feed-orderby .feed-control span {
    cursor: pointer
}

#feed-main .feed-orderby .feed-control .feed-clear {
    margin-right: 20px;
    color: #5188a6;
    font-size: 14px
}

#feed-main .feed-orderby .feed-control .feed-fold {
    font-size: 14px
}

#feed-main .feed-orderby .feed-control .feed-fold .arrow-down {
    position: relative;
    border-color: #999 transparent;
    margin: 0;
    margin-left: 8px;
    vertical-align: 2px
}

#feed-main .feed-orderby .feed-control .feed-fold .arrow-down:after {
    content: "";
    position: absolute;
    top: -6px;
    left: -4px;
    border-color: #fff transparent
}

#feed-main .feed-orderby .feed-control .feed-fold .arrow-down, #feed-main .feed-orderby .feed-control .feed-fold .arrow-down:after {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 4px 4px 0;
    border-style: solid
}

#feed-main .feed-orderby .feed-control .feed-fold .arrow-up {
    position: relative;
    border-color: #999 transparent;
    margin: 0;
    margin-left: 8px;
    vertical-align: 2px
}

#feed-main .feed-orderby .feed-control .feed-fold .arrow-up:after {
    content: "";
    position: absolute;
    top: 2px;
    left: -4px;
    border-color: #fff transparent
}

#feed-main .feed-orderby .feed-control .feed-fold .arrow-up, #feed-main .feed-orderby .feed-control .feed-fold .arrow-up:after {
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 0 4px 4px;
    border-style: solid
}

#feed-main .feed-orderby .feed-control .feed-fold .arrow-up {
    vertical-align: 3px
}

#feed-main .filter-row.filter-row-tags {
    display: none;
    padding: 0;
    margin-top: -1px
}

#feed-main .filter-row.filter-row-tags .filter-tag {
    margin-top: 16px;
    margin-bottom: 17px
}

sub-category-tab {
    position: relative;
    height: 57px;
    background-color: #fff;
    margin-bottom: -1px;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #e62828;
    z-index: 1
}

.sub-category-tab.noborder-btm {
    border-bottom-color: #fff
}

.sub-category-tab.fixed, .sub-category-tab.fixed-noresult {
    position: fixed;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 999;
    height: 37px
}

.sub-category-tab.fixed-noresult .subcate-tab-list li a, .sub-category-tab.fixed .subcate-tab-list li a {
    height: 37px;
    line-height: 37px
}

.sub-category-tab.fixed-noresult .subcate-tab-right, .sub-category-tab.fixed .subcate-tab-right {
    line-height: 37px
}

.sub-category-tab.fixed-noresult .subcate-right-btn, .sub-category-tab.fixed .subcate-right-btn {
    height: 28px;
    margin-top: 4px;
    line-height: 28px
}

.sub-category-tab.fixed {
    top: 73px
}

.sub-category-tab.fixed-noresult {
    top: 40px;
    border-top: 0
}

.sub-category-tab .subcate-tab-list, .sub-category-tab .subcate-tab-list li {
    float: left
}

.sub-category-tab .subcate-tab-list li.search-noResult a {
    color: #aaa
}

.sub-category-tab .subcate-tab-list li.current a {
    background-color: #e62828;
    color: #fff
}

.sub-category-tab .subcate-tab-list li a {
    display: inline-block;
    height: 57px;
    padding: 0 22px;
    line-height: 57px;
    color: #666
}

.subcate-tab-right {
    float: right;
    line-height: 57px;
    color: #666;
    font-size: 0
}

.subcate-tab-right .z-split {
    height: 12px;
    margin: 0;
    border-color: #eee
}

.subcate-tab-right .price-sort, .subcate-tab-right a {
    padding: 0 14px;
    font-size: 12px;
    color: #666
}

.subcate-tab-right .price-sort.current, .subcate-tab-right .price-sort.current i, .subcate-tab-right a.current, .subcate-tab-right a.current i {
    color: #e62828
}

.subcate-tab-right .price-sort i, .subcate-tab-right a i {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 10px
}

.subcate-tab-right .inline-form {
    display: inline-block
}

.subcate-tab-right .inline-form input[type=text] {
    height: 18px;
    width: 43px;
    padding-left: 5px;
    margin: 0 6px;
    border: 1px solid #eee;
    border-radius: 2px;
    font-family: inherit
}

.subcate-tab-right .inline-form button.z-btn {
    width: 50px;
    height: 20px;
    padding: 0;
    line-height: 20px;
    vertical-align: 0
}

.subcate-tab-right .price-sort {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 14px;
    padding: 0;
    white-space: nowrap;
    text-align: center;
    line-height: 14px;
    cursor: default;
    vertical-align: -1px
}

.subcate-tab-right .price-sort i.z-icon-arrow-up {
    display: none
}

.subcate-tab-right .price-sort .sort-items {
    position: absolute;
    top: -13px;
    left: 0;
    right: 0;
    height: 100%;
    padding: 8px 0;
    border: 1px solid transparent;
    background-color: #fff;
    line-height: 28px;
    overflow: hidden
}

.subcate-tab-right .price-sort .sort-items a {
    display: block;
    padding: 0
}

.subcate-tab-right .price-sort .sort-items a:hover {
    color: #5188a6
}

.subcate-tab-right .price-sort:hover .sort-items {
    height: auto;
    border-color: #f5f5f5
}

.subcate-tab-right .price-sort:hover i.z-icon-arrow-down {
    display: none
}

.subcate-tab-right .price-sort:hover i.z-icon-arrow-up {
    display: inline-block
}

.subcate-tab-right .subcate-right-btn {
    position: relative;
    right: -4px;
    display: inline-block;
    height: 36px;
    width: 140px;
    padding: 0;
    margin-top: 9px;
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
    background-color: #e62828;
    text-align: center;
    color: #fff;
    line-height: 36px
}

.subcate-tab-right .subcate-right-btn:hover {
    background-color: #f16969
}

.subcate-tab-right .subcate-right-btn:after {
    content: "";
    position: absolute;
    top: -4px;
    right: 0;
    display: block;
    height: 0;
    width: 0;
    border-width: 2px;
    border-style: solid;
    border-color: transparent transparent #9c0f0f #9c0f0f
}

.sub-category-btm {
    height: 40px;
    padding-left: 23px;
    line-height: 40px;
    background-color: #f8f8f8;
    box-shadow: 0 2px 2px #e5e5e5
}

.sub-category-btm.fixed, .sub-category-btm.fixed-noresult {
    position: fixed;
    left: 0;
    right: 0;
    height: 32px;
    line-height: 32px;
    margin: auto;
    z-index: 999
}

.sub-category-btm.fixed {
    top: 112px
}

.sub-category-btm.fixed-noresult {
    top: 72px
}

.sub-category-btm .z-split {
    height: 20px;
    margin: 0 20px;
    border-color: #ddd;
    vertical-align: middle
}

.sub-category-btm .check-item {
    color: #666;
    font-size: 12px
}

.sub-category-btm .check-item .custom-checkbox {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 1px solid #fcdfdf;
    background-color: #fff;
    margin-right: 8px;
    vertical-align: -2px;
    font-size: 12px;
    text-align: center;
    color: #e62828
}

.sub-category-tab {
    position: relative;
    height: 57px;
    background-color: #fff;
    margin-bottom: -1px;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #e62828;
    z-index: 1
}

#feed-main .feed-orderby {
    height: 46px;
    line-height: 48px;
    color: #ddd
}

#feed-main .feed-orderby .feed-orderby-all.active, #feed-main .feed-orderby .feed-orderby-all:hover, #feed-main .feed-orderby .feed-orderby-newest.active, #feed-main .feed-orderby .feed-orderby-newest:hover {
    color: #e62828;
}

#filter-block {
    border-bottom: 10px solid #f5f5f5;
}

.feed-no-result {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.feed-no-result .no-result-pic {
    display: inline-block;
    width: 134px;
    height: 121px;
    background-image: url('../images/no-results.png');
    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-top: 15px;
    font-size: 18px
}

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

#feed-main-list > li {
    padding: 20px 0;
    border-bottom: 1px solid #f5f5f5;
}

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

#feed-main-list.feed-list-hits .z-feed-img {
    position: relative;
    float: left;
    text-align: center;
    font-size: 0;
    zoom: 1;
}

.feed-block .z-feed-img {
    width: 180px;
    height: 180px;
    margin-right: 20px;
    border-radius: 2px;
    overflow: hidden;
}

.feed-block .z-feed-content {
    position: relative;
    float: left;
    width: 634px;
    height: 180px;
}

.feed-block-title, .feed-block .z-feed-title {
    width: 100%;
    height: 19px;
    line-height: 18px;
    margin-top: 4px;
    margin-bottom: 9px;
    font-size: 18px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-family: PingFangSC-Medium, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;

}

.z-highlight, .z-highlight a {
    display: block;
    overflow: hidden;
}

.z-highlight {
    font-size: 18px;
    height: 20px;
    line-height: 18px;
    margin-bottom: 13px;
    font-family: PingFangSC-Medium, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.z-highlight a {
    float: left;
    color: #e62828;
    max-width: 100%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 19px;
}

element.style {
}

a, a:hover {
    text-decoration: none;
}

a {
    color: #5188a6;
    cursor: pointer;
}

* {
    outline: 0;
}

用户代理样式表
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}

#feed-main-list .feed-block-descripe {
    color: #444;
    font-size: 14px;
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
}

.feed-block .z-feed-foot-l {
    height: 28px;
    line-height: 28px;
}

#feed-main-list.feed-list-hits > li .z-group-data {
    position: relative;
    font-size: 0;
    vertical-align: top;
}

#feed-main-list.feed-list-hits > li .z-group-data i {
    vertical-align: middle;
}

.z-group-data {
    display: inline-block;
    margin-right: 20px;
    font-size: 14px;
}

#feed-main-list .z-feed-foot {
    position: absolute;
    height: 28px;
    bottom: 0;
    left: 0;
    right: 0;
}

.z-hor-feed .z-feed-foot .z-feed-foot-l {
    float: left;
    position: relative;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
}

.feed-block .feed-btn-group {
    display: inline-block;
    height: 28px;
    margin-right: 20px;
    font-size: 0;
}

#feed-main-list > li .z-group-data {
    position: relative;
    font-size: 0;

}

.feed-block .feed-btn-group .price-btn-up {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

[class*=" icon-"], [class^=icon-] {
    font-family: zdm-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.feed-block .z-feed-img a.z-tag-corner, .feed-block .z-feed-img a.z-tag-eleven {
    position: absolute;
    left: 0;
    top: 4px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    text-decoration: none !important;
    cursor: default
}

.feed-block .z-feed-content {
    position: relative;
    float: left;
    width: 630px;
    height: 180px
}

.feed-block .z-feed-content > div:first-child {
    margin-top: 9px
}

.feed-block .feed-block-payments {
    height: 16px;
    margin-top: 10px;
    margin-bottom: 12px;
    margin-right: -15px;
    overflow: hidden
}

.feed-block .feed-block-payments img {
    max-height: 16px;
    margin-right: 5px;
    vertical-align: top
}

.feed-block .feed-block-info {
    margin-bottom: 17px;
    color: #666;
    height: 16px
}

.feed-block .feed-block-info > span {
    margin-right: 15px
}

.feed-block .feed-block-info > span.feed-block-col {
    margin-right: 30px
}

.feed-block .feed-block-info > span.feed-block-avatar {
    font-size: 0;
    position: relative;
    top: -5px
}

.feed-block .feed-block-info > span.feed-block-avatar.avatar-square a:first-child, .feed-block .feed-block-info > span.feed-block-avatar.avatar-square span:first-child {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 0;
    border: none
}

.feed-block .feed-block-info > span.feed-block-avatar a, .feed-block .feed-block-info > span.feed-block-avatar span {
    display: inline-block;
    color: #666;
    vertical-align: middle
}

.feed-block .feed-block-info > span.feed-block-avatar a:first-child, .feed-block .feed-block-info > span.feed-block-avatar span:first-child {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 0;
    border: 1px solid #eee;
    overflow: hidden;
    margin-right: 10px
}

.feed-block .feed-block-info > span.feed-block-avatar a:first-child > img, .feed-block .feed-block-info > span.feed-block-avatar span:first-child > img {
    max-width: 100%;
    max-height: 100%
}

.feed-block .feed-block-info > span.feed-block-avatar a:last-child, .feed-block .feed-block-info > span.feed-block-avatar span:last-child {
    font-size: 14px
}

.feed-block .feed-block-tags {
    font-size: 0;
    -webkit-font-smoothing: antialiased
}

.feed-block .feed-block-tags a, .feed-block .feed-block-tags i {
    height: 18px;
    line-height: 18px;
    display: inline-block;
    margin-right: 7px;
    color: #999;
    font-size: 12px;
    background: #f5f5f5;
    border-radius: 2px;
    padding: 0 6px
}

.feed-block .feed-block-tags a:hover {
    opacity: .8
}

.feed-block .feed-block-tags a.tag-level1 {
    color: #e62828;
    background: #ffedeb
}

.feed-block .z-group-data {
    color: #999;
    text-decoration: none !important
}

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

.feed-block .z-group-data:hover i {
    color: #e62828
}

.feed-block .z-group-data.active, .feed-block .z-group-data.active i {
    color: #e62828
}

.feed-block .feed-btn-group {
    display: inline-block;
    height: 28px;
    margin-right: 20px;
    font-size: 0
}

.feed-block .feed-btn-group:hover:before {
    display: none
}

.feed-block .feed-btn-group:hover a i {
    color: #fff
}

.feed-block .feed-btn-group:hover .price-btn-up {
    border-color: #e62828;
    background-color: #e62828;
    color: #fff
}

.feed-block .feed-btn-group:hover .price-btn-down {
    border-color: #ccc;
    background-color: #ccc;
    color: #fff
}

.feed-block .feed-btn-group.voted a {
    cursor: default
}

.feed-block .feed-btn-group.voted:hover .unvoted-wrap {
    visibility: hidden
}

.feed-block .feed-btn-group.voted:hover .voted-wrap {
    visibility: visible
}

.feed-block .feed-btn-group .price-btn-down, .feed-block .feed-btn-group .price-btn-up {
    position: relative;
    display: inline-block;
    height: 26px;
    line-height: 26px;
    min-width: 42px;
    padding: 0 10px;
    border: 1px solid #eee;
    text-align: center;
    font-size: 14px;
    color: #999
}

.feed-block .feed-btn-group .price-btn-down .one-plus, .feed-block .feed-btn-group .price-btn-up .one-plus {
    position: absolute;
    left: 24px;
    font-size: 18px
}

.feed-block .feed-btn-group .price-btn-down .unvoted-wrap, .feed-block .feed-btn-group .price-btn-down .voted-wrap, .feed-block .feed-btn-group .price-btn-up .unvoted-wrap, .feed-block .feed-btn-group .price-btn-up .voted-wrap {
    display: block;
    height: 26px
}

.feed-block .feed-btn-group .price-btn-down .voted-wrap, .feed-block .feed-btn-group .price-btn-up .voted-wrap {
    position: absolute;
    top: 1px;
    left: 10px;
    right: 10px;
    visibility: hidden;
    text-align: center
}

.feed-block .feed-btn-group .price-btn-down i, .feed-block .feed-btn-group .price-btn-up i {
    display: inline-block;
    vertical-align: top;
    height: 14px;
    width: 14px;
    font-size: 16px;
    margin-top: 5px;
    margin-right: 12px
}

.feed-block .feed-btn-group .price-btn-up {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.feed-block .feed-btn-group .price-btn-up i {
    color: #e62828
}

.feed-block .feed-btn-group .price-btn-up .one-plus {
    color: #e62828 !important;
    top: -5px
}

.feed-block .feed-btn-group .price-btn-down {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left: 0
}

.feed-block .feed-btn-group .price-btn-down .one-plus {
    color: #999 !important;
    top: 5px
}

.feed-block .feed-link-btn {
    float: right
}

.feed-block .feed-link-btn .feed-link-btn-inner {
    position: relative
}

.feed-block .feed-link-btn .z-btn .z-icons {
    font-size: 12px;
    margin-left: 4px;
    display: inline-block;
    width: 4px
}

.feed-block .feed-link-btn .other-link {
    position: relative;
    z-index: 998
}

.feed-block .feed-block-extras {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #999;
    -webkit-font-smoothing: antialiased
}

.feed-block .feed-block-extras a {
    display: block;
    float: right;
    height: 28px;
    line-height: 28px;
    margin-left: 11px;
    max-width: 150px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    -webkit-font-smoothing: antialiased
}

.feed-block .feed-block-extras a span.icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: top;
    margin-top: 7px;
    margin-right: 7px;
    border-radius: 50%;
    overflow: hidden
}

.feed-block .feed-block-extras a img {
    display: block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    height: 100%
}

.feed-block .feed-block-extras a:hover {
    color: #5188a6
}

.feed-block .feed-block-subtitle {
    margin-top: 8px;
    line-height: 24px;
    color: #999
}




#feed-wrap .z-column-head {
    padding: 12px 14px 12px 0
}

#feed-wrap .z-column-title {
    height: 20px;
    margin-top: 2px;
    line-height: 22px;
    font-size: 20px
}

#feed-wrap .haitao-right-selecter {
    float: right;
    margin-top: 4px
}

#feed-wrap .haitao-right-selecter li {
    float: left;
    position: relative;
    margin-left: 20px;
    margin-right: 20px
}

#feed-wrap .haitao-right-selecter li i {
    display: inline-block;
    font-size: 0;
    border: 1px solid #fcdfdf;
    width: 15px;
    height: 15px;
    cursor: pointer;
    vertical-align: bottom;
    margin-right: 8px;
    background: #fff;
    font-size: 15px;
    text-align: center;
    color: #e62828
}

#feed-wrap .haitao-right-selecter li.has-line:after {
    content: "";
    position: absolute;
    height: 16px;
    border-right: 1px solid #ddd;
    top: 0;
    right: -19px
}

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

#feed-side .feed-col-img img {
    height: 167px
}

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

#feed-side div[class*=z-head-] {
    border-bottom: 1px solid #ddd
}

#feed-side div[class*=z-head-] .z-column-title {
    border: none;
    font-size: 0;
    height: auto
}

#feed-side div[class*=z-head-] .z-column-title img {
    height: 22px
}

#feed-side .side-new-brand {
    border-top: none
}

#feed-side .side-new-brand .z-feed-img {
    width: 100px;
    height: 100px
}

#feed-side .side-new-brand .side-new-brand-ul {
    padding: 14px 0;
    margin-top: -20px;
    margin-bottom: 6px
}

#feed-side .side-new-brand .side-new-brand-ul li {
    margin-top: 20px
}

#feed-side .side-new-brand .side-new-brand-ul li .z-feed-title {
    margin-bottom: 36px;
    margin-top: 8px
}

#feed-side .side-beiwo {
    border-top: none;
    padding-bottom: 20px
}

#feed-side .side-beiwo .beiwo-form {
    margin: 14px auto 0
}

#feed-side .side-beiwo .beiwo-form input {
    width: 180px;
    padding: 10px 15px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

#feed-side .side-beiwo .beiwo-form .searchBtn {
    width: 90px;
    height: 35px;
    line-height: 35px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

#feed-side .side-beiwo .ht-product {
    padding: 0 14px;
    overflow: hidden;
    width: 300px;
    height: auto
}

#feed-side .side-beiwo .ht-product ul {
    margin-right: -12px;
    margin-bottom: -12px
}

#feed-side .side-beiwo .ht-product ul li {
    width: 142px;
    height: 238px;
    margin-right: 12px;
    margin-bottom: 12px;
    border: 1px solid #f5f5f5
}

#feed-side .side-beiwo .ht-product ul li .pro-img {
    width: 140px;
    height: 140px
}

#feed-side .side-beiwo .ht-product ul li .pro-title {
    line-height: 24px;
    font-size: 14px;
    margin-top: 8px;
    height: 48px
}

#feed-side .side-beiwo .ht-product ul li .pro-money {
    font-size: 14px;
    text-overflow: ellipsis
}

#feed-side .side-beiwo .ht-product ul li>a:hover .pro-title {
    color: #5188a6
}

#feed-side .side-beiwo .ht-product ul li>a:hover img {
    opacity: .9
}

#feed-side .side-beiwo .ht-product>a {
    text-align: right;
    display: block;
    margin-bottom: 22px;
    color: #999
}

#feed-side .side-beiwo .ht-product>a:hover {
    text-decoration: underline;
    color: #5188a6
}

#feed-side .side-video>.z-column-head {
    border-bottom: none
}



#feed-main .feed-main-con {
    background-color: #fff
}

#feed-main .breadcrumb {
    margin: 0;
    padding: 30px 14px
}
.z-column-title {
    position: relative;
    float: left;
    height: 24px;
    padding-left: 14px;
    border-left: 2px solid #e62828;
    font-size: 24px;
    transition: border-width 50ms;
    white-space: nowrap
}

.z-column-title .z-special-fonts {
    font-size: 24px;
    vertical-align: 1px;
    color: #333
}

.z-column-title .mid-dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    margin: 10px 0;
    border-radius: 100%;
    background-color: #aaa;
    margin-right: 5px
}

.z-column-title .subtitle {
    vertical-align: top;
    font-size: 20px;
    color: #333;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 300px;
    display: inline-block;
}
#feed-side .focus-btn-wrap {
    margin-top: -2px;
}
#feed-side .focus-btn-wrap .z-column-head {
    border-top: 0;
}
#feed-side .focus-btn-wrap .z-column-title {
    border-left: 0;
}
#feed-side .focus-btn-wrap .subtitle {
    font-size: 14px;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 215px;
    display: inline-block;
}
#feed-side .focus-btn-wrap .z-column-title i {
    margin-right: 3px;
    font-size: 20px;
    vertical-align: -3px;
    color: #bbb;
}


.icon-cross-lighter,.icon-loginright,.icon-logintanhao,.icon-small,.z-icons,i[class*=" z-icon-"],i[class^=icon-],i[class^=z-icon-] {
    font-family: zdm-icons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    font-variant-ligatures: discretionary-ligatures;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
#feed-side .focus-btn-wrap .subtitle>span {
    color: #999;
    margin-left: 5px;
}

.side-rank-ul .feed-hor {
    margin: 0 9px 18px;
    border: none;
}
.side-rank-ul .rank-item-hot .z-feed-img {
    width: 78px;
    height: 78px;
    border: 1px solid #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
}
.side-rank-ul .rank-item-hot .z-feed-img img{
    height: 78px;
}

.side-rank-ul {
    margin-top: 5px;
}

.side-rank-ul .rank-item-hot .z-feed-foot {
    margin-top: 12px;
}

.side-rank-ul .z-feed-content .z-feed-title {
    height: 44px;
    line-height: 22px;
    margin-top: 0;
}
.z-hor-feed .z-feed-content {
    overflow: hidden;
}
.z-hor-feed .z-feed-foot .z-feed-foot-l {
    float: left;
    position: relative;
}

.z-feed-foot-l  span{
    color:#999;
    padding-right: 10px;
}
.side-rank-ul span.hot-order {
    z-index: 10;
    top: 0;
    left: 6px;
    display: block;
    padding: 0;
    height: 24px;
    width: 24px;
    border-radius: 0;
    background-color: #e62828;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    color: #fff
}

.side-rank-ul span.hot-order:after,.side-rank-ul span.hot-order:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid
}

.side-rank-ul span.hot-order:before {
    left: 0;
    bottom: -10px;
    border-color: #e62828 transparent transparent #e62828;
    border-width: 5px 12px
}

.side-rank-ul span.hot-order:after {
    right: 0;
    bottom: -10px;
    border-color: transparent #e62828 transparent transparent;
    border-width: 4px 11px
}

.z-feed-foot-l span{
    color: #999999;
    -webkit-font-smoothing: antialiased;
}
.z-feed-foot-l .coupon_info{
    color: #e62828;
}

.red{
    color: #e62828;
}