/** dd **/
body {
    background: url("/templets/default/images/body_bg.jpg") no-repeat scroll center top #FFFFFF !important;
}

#content {
    font: 14px PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, Verdana, Roboto, Noto, Helvetica Neue, sans-serif;
}

#content {
    width: 1180px;
    margin: 0 auto;
}

#content .top {
    width: 100%;
    float: left;
    height: 57px;
    margin-top: 15px;
}

#content #logo {
    width: 194px;
    height: 56px;
    float: left;
}

#content .info-menu {
    margin-top: 35px;
    float: right;
}

#content .info-menu a {
    text-decoration: none;
    color: #555;
}

#content .info-menu a:hover {
    color: #ba2636;
}

#content .dh {
    float: left;
    width: 1180px;
}

#content #nav {
    height: 35px;
    margin-top: 0px;
    width: 1180px;
}

#content .nav {
    height: 35px;
    width: 946px;
    float: left;
    background-image: url("/templets/default/images/nav1.jpg");
    background-repeat: repeat-x;
    background-position: 0px 3px;
}

#content .nav ul {
    width: 100%;
    float: left;
    height: 35px;
    list-style-type: none;
}

#content .nav ul li {
    height: 35px;
    line-height: 35px;
    width: 90px;
    text-align: center;
    font-family: PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, Verdana, Roboto, Noto, Helvetica Neue, sans-serif;
    font-weight: bold;
    color: #fff;
    float: left;
    font-size: 12px;
}

#content .nav ul li.l {
    width: 50px;
}

#content .nav ul li.ative {
    background-image: url("/templets/default/images/ative_nav.jpg");
    background-repeat: no-repeat;
}

#content .nav ul li a {
    color: #fff;
    text-decoration: none;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
}

#content .nav ul li:hover {
}

#content .dhcontent {
    width: 1179px;
    height: 58px;
    border: solid 1px #e4e4e4;
    border-top: 0px;
    float: left;
    overflow: hidden;
    margin: 0px 0px 10px 0px;
}

#content .dhcontent ul {
    width: 225px;
    height: 50px;
    float: left;
    list-style-type: none;
    margin-left: 10px;
    _margin-left: 8px;
    margin-top: 5px;
    border-right: solid 1px #e4e4e4;
    overflow: hidden
}

#content .dhcontent ul li {
    height: 25px;
    line-height: 25px;
    float: left;
    margin-right: 10px;
}

#content .dhcontent ul li a {
    color: #333;
    text-decoration: none;
}

#content .dhcontent ul li a:hover {
    text-decoration: underline;
    color: #ba2636;
}

#content .upload {
    float: left;
    margin-top: 20px;
}

#content .upload:hover {
    margin-top: 22px;
}

#content .upload img {
    border: 0px;
}

/** dd end**/

@font-face {
    font-family: "axw_iconfont";
    src: url('../fonts/iconfont.eot?t=1504331965448'); /* IE9*/
    src: url('../fonts/iconfont.eot?t=1504331965448#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
    url('../fonts/iconfont.ttf?t=1504331965448') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../fonts/iconfont.svg?t=1504331965448#axw_iconfont') format('svg'); /* iOS 4.1- */
}

.axw_iconfont {
    font-family: "axw_iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.Feed-iconfontcolor39:before {
    content: "\e683";
}

.Feed-emailsolid:before {
    content: "\e643";
}

.Feed-logosina:before {
    content: "\e6b7";
}

.Feed-logoqq:before {
    content: "\e6b9";
}

.Feed-youjiantou:before {
    content: "\e82c";
}

.Feed-zuojiantou:before {
    content: "\e82d";
}

.Feed-shouji:before {
    content: "\e844";
}

.Feed-tianxie:before {
    content: "\e845";
}

.Feed-sousuo:before {
    content: "\e846";
}

.Feed-guanbi:before {
    content: "\e847";
}

.Feed-arrowup:before {
    content: "\e84b";
}

.Feed-arrowright:before {
    content: "\e84c";
}

.Feed-csdnlogo:before {
    content: "\e855";
}

body, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd, p, span, div, object, iframe, pre, a, abbr, cite, input, button, select, option {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

h1, h2, h3, h4, h5, h6, dt {
    font-weight: normal
}

ul, li, ol, dl, dd, dt, form {
    list-style: none;
    margin: 0;
    padding: 0
}

html {
    height: 100%
}

body {
    min-width: 1116px;
    line-height: 24px;
    font-size: 16px;
    background: #ffffff;
}

img {
    border: 0;
    outline: none
}

em, i {
    font-style: normal
}

button, input, textarea {
    outline: none;
    border: 0
}

textarea {
    resize: none
}

a {
    outline: none;
    text-decoration: none;
    color: #8e959a
}

a:link, a:visited {
    color: #8e959a
}

a:hover, a:active, a:focus {
    text-decoration: none;
    color: #8e959a
}

.clearfix {
    clear: both
}

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

.container {
    width: 1180px;
    padding: 12px 0 0
}

.btn {
    display: inline-block;
    text-align: center;
    border: 0
}

.btn:focus, .btn:active {
    outline: none;
    border: 0;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.btn-red {
    color: #fff;
    background: #ca0c16;
    border-radius: 2px
}

.btn-red:hover, .btn-red:focus, .btn-red:active {
    color: #fff
}

.btn-gray {
    color: #666;
    background: #e5e5e5
}

.btn-nobg-noborder {
    display: inline-block;
    text-align: center;
    border: 0;
    color: #8e8e8e;
    background: rgba(0, 0, 0, 0)
}

.btn-border-red {
    display: inline-block;
    text-align: center;
    border: 1px solid #d6241e;
    color: #d6241e;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0)
}

.btn-border-red:link, .btn-border-red:visited, .btn-border-red:hover, .btn-border-red:focus, .btn-border-red:active {
    border: 1px solid #d6241e;
    color: #d6241e
}

.btn-border-gray {
    display: inline-block;
    text-align: center;
    border: 1px solid #a6abaf;
    color: #a6abaf;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0)
}

.btn-border-gray:link, .btn-border-gray:visited, .btn-border-gray:hover, .btn-border-gray:focus, .btn-border-gray:active {
    border: 1px solid #a6abaf;
    color: #a6abaf
}

.btn-md24 {
    height: 24px;
    line-height: 24px;
    text-align: center;
    padding: 0 10px;
    font-size: 14px
}

.btn-lg30 {
    height: 30px;
    line-height: 28px;
    text-align: center;
    padding: 0 10px;
    font-size: 14px
}

.btn-lg34 {
    height: 34px;
    line-height: 34px;
    text-align: center;
    padding: 0 10px;
    font-size: 14px
}

.btn-lg40 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0 10px;
    font-size: 18px;
    min-width: 155px
}

.extension {
    display: inline-block;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    color: #ccc;
    height: 22px;
    line-height: 22px;
    padding: 0 5px
}

a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: 0;
    outline: 0
}

nav * {
    font-family: PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, Verdana, Roboto, Noto, Helvetica Neue, sans-serif !important
}

div.container main * {
    font-family: PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, Verdana, Roboto, Noto, Helvetica Neue, sans-serif !important
}

div.container main .axw_iconfont {
    font-family: "axw_iconfont" !important
}

div.container aside * {
    font-family: PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, Verdana, Roboto, Noto, Helvetica Neue, sans-serif !important
}

div.container aside .axw_iconfont {
    font-family: "axw_iconfont" !important
}

.icon {
    width: 1em;
    height: 1em;
    vertical-align: -.15em;
    fill: currentColor;
    overflow: hidden
}

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

.fixed_content {
    width: 1072px;
    float: right
}

.floatL {
    float: left
}

.floatR {
    float: right
}

nav {
    float: left;
    width: 96px;
    background-color: #fff;
    margin-right: 12px;
    text-align: center;
    line-height: 32px;
    position: relative;
    padding: 6px 0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.06);
}

nav div div ul li a, nav div div ul li a:link, nav div div ul li a:visited {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 14px;
    color: #707070;
    margin-bottom: 1px
}

nav div div ul li:hover {
    background-color: #f44444;
}

nav div div ul li:hover a {
    color: #fff
}

nav div div ul .active {
    background-color: #f44444;
}

nav div div ul .active a, nav div div ul .active a:link, nav div div ul .active a:visited {
    color: #fff
}

nav div div .other_list {
    display: none;
    width: 104px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
    position: absolute;
    bottom: 0;
    right: -106px;
    z-index: 90;
    background-color: #fff;
    padding: 6px;
}

nav div div .other_list div {
    margin-bottom: 2px;
    border-radius: 3px;
}

nav div div .other_list div a {
    width: 100%;
    height: 100%;
    display: block;
    font-size: 14px
}

nav div div .other_list div:hover {
    background-color: rgba(244, 68, 68, 0.85);
}

nav div div .other_list div:hover a {
    color: #fff
}

.nav-fix-box {
    position: fixed;
    top: -6px
}

main {
    float: left;
    width: 760px;
    min-height: 500px;
    margin-right: 12px;
}

main .feed-loading-box {
    height: 30px;
    line-height: 30px;
    width: 100%;
    background: #fff;
    font-size: 14px;
    color: #999;
    text-align: center;
    display: none;
}

main .feed-loading-box .ball-clip-rotate-pulse {
    display: inline-block;
    width: 16px;
    height: 16px;
    position: relative;
    margin-right: 12px;
    vertical-align: -1px;
}

main .feed-loading-box .ball-clip-rotate-pulse > div {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 100%;
}

main .feed-loading-box .ball-clip-rotate-pulse > div:last-child {
    position: absolute;
    width: 20px;
    height: 20px;
    background: transparent;
    border: 3px solid;
    border-color: #ccc transparent #ccc transparent;
    -webkit-animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: rotate 1s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    -webkit-animation-duration: 1s;
    animation-duration: 1s
}

main .blog-column-pay dl {
    padding: 18px 24px 13px 24px;
    background: #fff;
    border-bottom: 1px solid #f4f4f4;
    position: relative;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
    overflow: hidden;
}

main .blog-column-pay dl dt {
    width: 82px;
    height: 82px;
    float: left;
    margin-right: 12px;
}

main .blog-column-pay dl dt img {
    width: 82px;
    height: 82px
}

main .blog-column-pay dl dd {
    float: left;
    width: calc(100% - 94px);
}

main .blog-column-pay dl dd .title {
    margin-bottom: 6px;
    height: 25px;
    position: relative;
}

main .blog-column-pay dl dd .title:hover a.topic {
    color: #ca0a16
}

main .blog-column-pay dl dd .title a {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #3d3d3d;
    line-height: 25px;
    max-width: 510px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

main .blog-column-pay dl dd .introduce {
    line-height: 20px;
    height: 20px;
    max-width: 510px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #8a8a8a;
    margin-bottom: 6px
}

main .blog-column-pay dl dd .information {
    height: 24px;
}

main .blog-column-pay dl dd .information a {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    color: #3d3d3d;
}

main .blog-column-pay dl dd .information a:hover span {
    color: #157dcf
}

main .blog-column-pay dl dd .information a img {
    width: 24px;
    height: 24px;
    border-radius: 50%
}

main .blog-column-pay dl dd .information a span {
    margin-left: 8px;
    display: inline-block
}

main .blog-column-pay dl dd .information .column-money {
    display: inline-block;
    float: right;
    height: 22px;
    font-size: 14px;
    color: #8a8a8a;
    line-height: 22px;
}

main .blog-column-pay dl dd .information .column-money .money {
    font-size: 16px;
    font-weight: 600;
    color: #ca0a16;
    line-height: 26px
}

main .blog-column-pay dl dd a.column-pay-subscription {
    position: absolute;
    top: 0;
    right: 0;
    width: 96px;
    height: 32px;
    background: #ca0a16;
    border-radius: 4px;
    border: 1px solid #ca0c16;
    font-size: 14px;
    font-weight: 600;
    line-height: 32px;
    color: #fff;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

main .blog-column-pay dl dd a.column-pay-subscription:hover {
    background: #ca0d16;
    color: #fff
}

main .feed-fix-box {
    height: 32px;
    width: 100%;
    display: none;
}

main .feed-fix-box .scroll-fixbar {
    width: 100%;
    overflow: hidden;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    position: relative;
}

main .feed-fix-box .scroll-fixbar a {
    width: 100%;
    display: block;
    color: #fff;
    background: rgba(244, 68, 68, 0.9);
    cursor: pointer
}

main .feed-fix-box .scroll-fixbar a:hover {
    color: #fff;
    background-color: rgba(211, 51, 51, 0.9)
}

main .feed-fix-box .scroll-fixbar .btn-close-fixbar {
    position: absolute;
    padding: 0;
    right: 24px;
    top: 8px
}

main .feed-fix-box .scroll-fixbar i.icon-close {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("../images/icon_close_big.png");
    background-size: 14px 14px
}

main .feed-fix-box .fix-style {
    position: fixed;
    z-index: 999;
    top: 0;
    text-align: center
}

main .msg-tooltip {
    display: none;
    width: 100%;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    background: rgba(244, 68, 68, 0.85);
    font-size: 14px;
    text-align: center;
}

main .msg-tooltip .update_counts {
    color: #fff
}

main ul.feedlist_mod {
    padding-top: 0;
}

main ul.feedlist_mod li {
    padding: 18px 24px 13px 24px;
    background: #fff;
    border-bottom: 1px solid #f4f4f4;
    position: relative;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
}

main ul.feedlist_mod li[data-type="ad"] {
    padding: 0;
}

main ul.feedlist_mod li[data-type="ad"] [data-type="ad"] {
    padding: 18px 24px
}

main ul.feedlist_mod li:hover {
    background: #fafafa
}

main ul.feedlist_mod li .red-dot {
    width: 6px;
    height: 6px;
    background: #ca0c16;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 10px;
    display: none
}

main ul.feedlist_mod li .list_con .title .close_tag {
    margin-left: 16px;
    line-height: 18px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 18px;
}

main ul.feedlist_mod li .list_con .title .close_tag .btn-red {
    background: rgba(0, 0, 0, 0)
}

main ul.feedlist_mod li .list_con .title .close_tag .btn-md24 .txt {
    margin: 0 10px 0 0;
    display: none
}

main ul.feedlist_mod li .list_con .title .close_tag div.unin_reason_dialog_wrapper {
    position: relative;
}

main ul.feedlist_mod li .list_con .title .close_tag div.unin_reason_dialog_wrapper i.icon-close {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("../images/icon_close_big.png");
    background-size: 14px 14px;
    vertical-align: bottom;
    position: relative;
    z-index: 10;
}

main ul.feedlist_mod li .list_con .title .close_tag div.unin_reason_dialog_wrapper i.icon-close:hover, main ul.feedlist_mod li .list_con .title .close_tag div.unin_reason_dialog_wrapper i.icon-close.active {
    background-image: url("../images/icon_close_hover_big.png")
}

main ul.feedlist_mod li .list_con .title .close_tag div.unin_reason_dialog_wrapper .unin_reason_dialog {
    display: none;
    position: absolute;
    right: 16px;
    top: 0;
    z-index: 999;
    padding: 24px 24px 16px 24px;
    background: #fff;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5), 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    font-size: 14px;
}

main ul.feedlist_mod li .list_con .title .close_tag div.unin_reason_dialog_wrapper .unin_reason_dialog h3 {
    color: #3d3d3d;
    font-size: 14px;
    margin-bottom: 5px
}

main ul.feedlist_mod li .list_con .title .close_tag div.unin_reason_dialog_wrapper .unin_reason_dialog ul li.unin_item {
    border-bottom: none;
    color: #999;
    margin-top: 2px;
    padding: 5px 16px 5px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    white-space: nowrap;
}

main ul.feedlist_mod li .list_con .title .close_tag div.unin_reason_dialog_wrapper .unin_reason_dialog ul li.unin_item:hover {
    background-color: #fff
}

main ul.feedlist_mod li .list_con .title .close_tag div.unin_reason_dialog_wrapper .unin_reason_dialog ul li.unin_item a {
    color: #5c91df;
}

main ul.feedlist_mod li .list_con .title .close_tag div.unin_reason_dialog_wrapper .unin_reason_dialog ul li.unin_item a:hover {
    background-color: #fff;
    cursor: pointer;
    color: #286bcd
}

main ul.feedlist_mod li .list_con .title dd.close_tag:hover .btn-red {
    color: #fff;
    background: #ca0c16
}

main ul.feedlist_mod li .list_con .title dd.close_tag:hover i.icon-close {
    cursor: pointer
}

main ul.feedlist_mod li .list_con .title dd.close_tag:hover .btn-md24 .txt {
    display: inline-block
}

main ul.feedlist_mod li .list_con h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 24px;
    height: 24px;
    margin-bottom: 4px;
    overflow: hidden;
    white-space: nowrap;
}

main ul.feedlist_mod li .list_con h2 a {
    max-width: 98%;
    color: #3d3d3d;
    display: block;
    line-height: 24px;
    height: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

main ul.feedlist_mod li .list_con h2 a span.recommend {
    display: inline-block;
    width: 23px;
    height: 23px;
    border-radius: 4px;
    border: 1px solid #ca0c16;
    font-size: 14px;
    text-align: center;
    color: #ca0c16;
    line-height: 24px;
    margin-right: 4px
}

main ul.feedlist_mod li .list_con h2 a:link {
    color: #3d3d3d
}

main ul.feedlist_mod li .list_con h2 a:visited {
    color: #b8b8b8
}

main ul.feedlist_mod li .list_con h2 a:hover, main ul.feedlist_mod li .list_con h2 a:active {
    color: #ca0c16
}

main ul.feedlist_mod li .list_con dl.list_userbar {
    height: 24px;
    line-height: 24px;
}

main ul.feedlist_mod li .list_con dl.list_userbar .interval {
    float: left;
    width: 1px;
    height: 12px;
    border-radius: 50%;
    background-color: #e0e0e0;
    margin-top: 6px;
    margin-left: 8px;
    margin-right: 8px
}

main ul.feedlist_mod li .list_con dl.list_userbar .interval_isshow {
    display: none
}

main ul.feedlist_mod li .list_con dl.list_userbar dt {
    float: left;
    margin: 0 6px 0 0;
}

main ul.feedlist_mod li .list_con dl.list_userbar dt .user_img {
    position: relative;
    display: inline-block;
}

main ul.feedlist_mod li .list_con dl.list_userbar dt .user_img img {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden
}

main ul.feedlist_mod li .list_con dl.list_userbar dd {
    float: left;
    font-size: 14px;
    color: #8a8a8a;
    line-height: 24px;
}

main ul.feedlist_mod li .list_con dl.list_userbar dd.isWatched {
    color: #86ca5e
}

main ul.feedlist_mod li .list_con dl.list_userbar dd .blog-title {
    color: #3399ea !important;
    position: relative;
    margin-left: 24px;
}

main ul.feedlist_mod li .list_con dl.list_userbar dd .blog-title:hover, main ul.feedlist_mod li .list_con dl.list_userbar dd .blog-title:active {
    color: #157dcf !important
}

main ul.feedlist_mod li .list_con dl.list_userbar dd .blog-title:before {
    content: '';
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #adadad;
    position: absolute;
    left: -12px;
    top: 7px
}

main ul.feedlist_mod li .list_con dl.list_userbar dd a {
    color: #999;
}

main ul.feedlist_mod li .list_con dl.list_userbar dd a:link, main ul.feedlist_mod li .list_con dl.list_userbar dd a:visited {
    color: #999
}

main ul.feedlist_mod li .list_con dl.list_userbar dd a:hover, main ul.feedlist_mod li .list_con dl.list_userbar dd a:active {
    color: #157dcf;
}

main ul.feedlist_mod li .list_con dl.list_userbar dd a:hover svg, main ul.feedlist_mod li .list_con dl.list_userbar dd a:active svg {
    fill: #157dcf
}

main ul.feedlist_mod li .list_con dl.list_userbar dd.blogtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

main ul.feedlist_mod li .list_con dl.list_userbar dd.blogtitle a {
    margin-left: 4px;
    max-width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

main ul.feedlist_mod li .list_con dl.list_userbar dd.blogtitle a {
    color: #3399ea;
}

main ul.feedlist_mod li .list_con dl.list_userbar dd.blogtitle a:hover {
    color: #157dcf
}

main ul.feedlist_mod li .list_con dl.list_userbar dd svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: -3px;
    fill: #6b6b6b
}

main ul.feedlist_mod li .list_con dl.list_userbar dd svg.eye {
    width: 20px;
    height: 20px;
    vertical-align: -5px
}

main ul.feedlist_mod li .list_con dl.list_userbar dd.ext span.extension {
    vertical-align: top;
    margin: -2px 0 0 0;
    color: #ccc
}

main ul.feedlist_mod li .list_con dl.list_userbar .name a {
    display: inline-block;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

main ul.feedlist_mod li .list_con dl.list_userbar .name a:link, main ul.feedlist_mod li .list_con dl.list_userbar .name a:visited {
    color: #3d3d3d
}

main ul.feedlist_mod li .list_con dl.list_userbar .name a:hover {
    color: #157dcf
}

main ul.feedlist_mod li .list_con .interactive {
    line-height: 24px;
}

main ul.feedlist_mod li .list_con .interactive .read_num {
    float: left;
    text-align: center;
}

main ul.feedlist_mod li .list_con .interactive .read_num:hover .num, main ul.feedlist_mod li .list_con .interactive .read_num:hover .text {
    color: #157dcf
}

main ul.feedlist_mod li .list_con .interactive .read_num .text {
    color: #8a8a8a
}

main ul.feedlist_mod li .list_con .interactive .read_num .num {
    color: #3399ea
}

main ul.feedlist_mod li .list_con .interactive .common_num {
    float: left;
}

main ul.feedlist_mod li .list_con .interactive .common_num .num {
    color: #349edf
}

main ul.feedlist_mod li .list_con .interactive .common_num .text {
    color: #8a8a8a
}

main ul.feedlist_mod li .list_con .is_digg {
    display: none
}

main ul.feedlist_mod li .list_con .click_heart {
    float: left;
}

main ul.feedlist_mod li .list_con .click_heart:hover {
    cursor: pointer
}

main ul.feedlist_mod li .list_con .click_heart .num {
    color: #349edf
}

main ul.feedlist_mod li .list_con .click_heart .text {
    color: #8a8a8a
}

main ul.feedlist_mod li .list_con .clicked_heart:hover {
    cursor: pointer
}

main ul.feedlist_mod li .list_con .clicked_heart .num {
    color: #349edf
}

main ul.feedlist_mod li .list_con .clicked_heart svg {
    fill: #ca0c16 !important
}

main ul.feedlist_mod li .list_con .is_top {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    background: url("../images/is_top_big.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

main ul.feedlist_mod li .list_con .exten_name {
    font-size: 14px;
    color: #ccc;
    margin: 0 0 5px 0
}

main ul.feedlist_mod li .list_con .exten_con {
    color: #6b6b6b;
    line-height: 24px
}

main ul.feedlist_mod li .list_con .list_summary {
    font-size: 15px;
    color: #788087;
    line-height: 24px;
    margin: 0 0 10px 0
}

main ul.feedlist_mod li .list_con .list_edu_message {
    font-size: 15px;
    color: #788087;
    margin: 0 0 10px 0
}

main ul.feedlist_mod li .list_con .summary {
    margin-bottom: 4px;
    color: #8a8a8a;
    font-size: 14px;
    line-height: 24px
}

main ul.feedlist_mod li .list_img {
    display: block;
    float: left;
    margin: 0 20px 0 0;
    width: 120px;
    height: 90px;
    border: 1px solid #e3e3e3;
    overflow: hidden;
}

main ul.feedlist_mod li .list_img img {
    width: 100%;
    border: 0
}

main ul.feedlist_mod li.tip_box {
    display: none;
    border: 0;
    padding: 6px 0;
    font-size: 14px;
    text-align: center;
    background: rgba(0, 0, 0, 0);
}

main ul.feedlist_mod li.tip_box button.btn-feed-refresh {
    color: #ca0c16;
    background: rgba(0, 0, 0, 0);
}

main ul.feedlist_mod li.tip_box button.btn-feed-refresh:visited, main ul.feedlist_mod li.tip_box button.btn-feed-refresh:hover {
    color: #ca0c16;
    background: rgba(0, 0, 0, 0)
}

main ul.feedlist_mod li.tip_box button.btn-feed-refresh i {
    font-size: 5px
}

main ul.feedlist_mod li.tip_box .read-here {
    display: none
}

main ul.feedlist_mod li.extension_box a.extension_img {
    display: block;
    float: left;
    border: 1px #e3e3e3 solid;
    padding: 0;
    width: 120px;
    height: 120px;
    margin: 0 20px 0 0;
}

main ul.feedlist_mod li.extension_box a.extension_img img {
    width: 118px;
    height: 118px;
    border: 0
}

main ul.feedlist_mod li.extension_box .list_con {
    float: left;
    width: 80%
}

main ul.feedlist_mod li.album_box:hover {
    background: #fff
}

main ul.feedlist_mod li.album_box .list_con .more_album {
    float: right;
    font-size: 14px;
    color: #999;
}

main ul.feedlist_mod li.album_box .list_con .more_album:hover {
    color: #4f4f4f
}

main ul.feedlist_mod li.album_box .list_con .album_slide {
    margin: 0 -30px;
    clear: both;
    overflow: hidden;
    position: relative;
    height: 170px;
    z-index: 1;
}

main ul.feedlist_mod li.album_box .list_con .album_slide ul.vmcarousel li {
    padding: 0;
    margin: 0 15px 0 0;
    border: 0;
}

main ul.feedlist_mod li.album_box .list_con .album_slide ul.vmcarousel li dl.item {
    width: 185px;
    height: 170px;
    margin: 0 15px 0 0;
    float: left;
    position: relative;
}

main ul.feedlist_mod li.album_box .list_con .album_slide ul.vmcarousel li dl.item dd img {
    width: 185px;
    height: 185px;
    border: 1px solid #e3e3e3
}

main ul.feedlist_mod li.album_box .list_con .album_slide ul.vmcarousel li dl.item dt {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.5);
}

main ul.feedlist_mod li.album_box .list_con .album_slide ul.vmcarousel li dl.item dt span {
    display: block;
    margin: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

main ul.feedlist_mod li.album_box .list_con .album_slide .arr_box {
    display: block;
    width: 60px;
    height: 170px;
    position: absolute;
    z-index: 3;
    top: 0;
    opacity: .9;
}

main ul.feedlist_mod li.album_box .list_con .album_slide .arr_box i {
    font-size: 54px;
    color: #fff;
    display: block;
    margin-top: 70px
}

main ul.feedlist_mod li.album_box .list_con .album_slide .arr_box:hover {
    opacity: 1
}

main ul.feedlist_mod li.album_box .list_con .album_slide .arr_left {
    left: 0;
    text-align: left;
    background: rgba(0, 0, 0, 0.2);
    background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}

main ul.feedlist_mod li.album_box .list_con .album_slide .arr_left i {
    margin-left: -3px
}

main ul.feedlist_mod li.album_box .list_con .album_slide .arr_right {
    right: 0;
    text-align: right;
    background: rgba(0, 0, 0, 0.2);
    background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
}

main ul.feedlist_mod li.album_box .list_con .album_slide .arr_right i {
    margin-left: 10px
}

main .feed_loading {
    display: none;
    clear: both;
    overflow: hidden;
    padding: 20px 30px;
    margin-top: -1px;
    background: #fff
}

.track-uninterested {
    display: none
}

body[data-category='newarticles'] .feed-fix-box, body[data-category='watchers'] .feed-fix-box {
    display: none !important
}

body[data-category='newarticles'] ul.feedlist_mod li.tip_box, body[data-category='watchers'] ul.feedlist_mod li.tip_box {
    display: none !important
}

body[data-category='newarticles'] ul.feedlist_mod li .close_tag, body[data-category='watchers'] ul.feedlist_mod li .close_tag {
    display: none !important
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }
    50% {
        -webkit-transform: rotate(180deg) scale(.7);
        transform: rotate(180deg) scale(.7)
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }
    50% {
        -webkit-transform: rotate(180deg) scale(.7);
        transform: rotate(180deg) scale(.7)
    }
    100% {
        -webkit-transform: rotate(360deg) scale(1);
        transform: rotate(360deg) scale(1)
    }
}

.container .banner-ad-box {
    height: 90px;
    margin: 0 0 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.container .banner-ad-box .banner-ad-long {
    width: 760px
}

.container .banner-ad-box .banner-ad-short {
    margin-left: auto;
    width: 300px
}

.container .banner-ad-box .J_adv:first-child {
    margin-right: 14px
}

ul.feedlist_mod li div.ad-box {
    position: relative;
}

ul.feedlist_mod li div.ad-box p.tit {
    margin-bottom: 4px;
    font-size: 18px;
    color: #4f4f4f;
    line-height: 24px;
    font-weight: bold
}

ul.feedlist_mod li div.ad-box p.intro {
    color: #6b6b6b;
    line-height: 24px;
    font-size: 14px
}

ul.feedlist_mod li div.ad-box img.ad-icon {
    position: absolute;
    top: 0;
    right: 0
}

ul.feedlist_mod li div.ad-box.ad-imgtxt-box {
    padding-left: 144px;
}

ul.feedlist_mod li div.ad-box.ad-imgtxt-box div.img-box {
    float: left;
    margin-left: -144px;
}

ul.feedlist_mod li div.ad-box.ad-imgtxt-box div.img-box img {
    display: block;
    width: 120px;
    height: auto
}

ul.feedlist_mod li div.ad-box.ad-img-box {
    position: relative;
    padding: 0;
    margin: -22px -24px;
}

ul.feedlist_mod li div.ad-box.ad-img-box div.img-box img {
    display: block;
    width: 100%;
    height: auto
}

ul.feedlist_mod li div.ad-box.ad-img-box img.ad-icon {
    top: 2px;
    right: 2px
}

.slide-outer {
    position: relative;
    width: 300px;
    overflow: hidden;
}

.slide-outer .hot {
    width: 300px;
    height: 200px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.slide-outer .hot .swapbox1, .slide-outer .hot .swapbox2, .slide-outer .hot .swapbox3, .slide-outer .hot .swapbox4, .slide-outer .hot .swapbox5, .slide-outer .hot .swapbox6 {
    position: absolute;
    left: 0;
}

.slide-outer .hot .swapbox1 top

0
a, .slide-outer .hot .swapbox2 top

0
a, .slide-outer .hot .swapbox3 top

0
a, .slide-outer .hot .swapbox4 top

0
a, .slide-outer .hot .swapbox5 top

0
a, .slide-outer .hot .swapbox6 top

0
a {
    position: absolute
}

.slide-outer .hot .swapbox1 top

0
img, .slide-outer .hot .swapbox2 top

0
img, .slide-outer .hot .swapbox3 top

0
img, .slide-outer .hot .swapbox4 top

0
img, .slide-outer .hot .swapbox5 top

0
img, .slide-outer .hot .swapbox6 top

0
img {
    width: 300px;
    height: 200px
}

.js-tagRoot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 111;
}

.js-tagRoot li {
    display: block;
    width: 100%;
    height: 3px;
    padding: 0;
    background: #aaa;
    margin: 0;
    margin-left: 1px;
    cursor: pointer;
}

.js-tagRoot li:first-child {
    margin-left: 0
}

.js-tagRoot li.current, .js-tagRoot li:hover {
    background: #c92027
}

aside .ad-aside-box {
    position: relative;
    margin-bottom: 20px;
}

aside .ad-aside-box img {
    margin-bottom: 0
}

.right_top {
    height: 206px;
    margin-bottom: 12px
}

* {
    word-break: break-all
}

aside {
    float: right;
    width: 300px;
    display: block;
}

aside .right-blog-move img {
    display: block;
    width: 300px;
    margin-bottom: 8px
}

aside .j_adv {
    margin-bottom: 8px
}

aside .right_box {
    width: 100%;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08);
    background: #fff;
    padding: 16px 16px;
    margin-bottom: 12px;
    margin-top: 0;
}

aside .right_box .official-blog-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

aside .right_box .official-blog-box img.avatar_pic {
    margin-right: 8px;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

aside .right_box .official-blog-box h3 {
    font-size: 18px;
}

aside .right_box .official-blog-box h3 a {
    color: #3d3d3d
}

aside .right_box .official-blog-box a.btn.btn-link {
    margin-left: auto;
    display: block;
    padding: 0 8px;
    line-height: 26px;
    font-size: 14px;
    color: #ca0c16;
    border: 1px solid #ca0c16;
    border-radius: 4px;
    height: 28px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
    font-weight: bold;
}

aside .right_box .official-blog-box a.btn.btn-link:hover, aside .right_box .official-blog-box a.btn.btn-link:active {
    background-color: #ca0c16;
    color: #fff;
    text-decoration: none
}

aside .right_box .coins_box .down {
    color: #f33b45
}

aside .right_box .coins_box .up {
    color: #52aa38
}

aside .right_box #coins_chart {
    width: 100%;
    height: 225px
}

aside .right_box .coins_table {
    width: 100%;
}

aside .right_box .coins_table th {
    background: #f5f5f5;
    font-size: 12px;
    color: #4d4d4d;
    padding: 4px 8px;
    font-weight: 400
}

aside .right_box .coins_table td {
    padding: 3px 8px;
    font-size: 14px
}

aside .right_box .coins_index {
    margin-top: 11px;
    padding-top: 16px;
    border-top: 1px solid #f5f6f7;
    border-bottom: 1px solid #f5f6f7;
    padding-bottom: 10px;
    margin-bottom: 5px
}

aside .right_box .coins_dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
}

aside .right_box .coins_dl dl {
    width: 50%;
    overflow: hidden;
}

aside .right_box .coins_dl dl:last-child dt {
    border-left: 1px solid #ccc;
    padding-left: 8px
}

aside .right_box .coins_dl dt {
    float: left;
    font-size: 18px;
    margin-right: 10px;
    margin-top: 3px;
}

aside .right_box .coins_dl dt.up:after {
    content: '';
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 4px solid #52aa38;
    content: "";
    position: relative;
    width: 0;
    top: -15px;
    left: 5px
}

aside .right_box .coins_dl dt.down:after {
    content: '';
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #f33b45;
    position: relative;
    width: 0;
    top: 15px;
    left: 5px
}

aside .right_box .coins_dl dd {
    font-size: 10px;
    float: left;
    -webkit-transform: scale(.8);
    color: #999;
    line-height: 16px;
    text-align: center
}

aside .right_box .feed_tab_tit {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
}

aside .right_box .feed_tab_tit .nav-tabs li {
    width: 50%;
    text-align: center;
    margin-bottom: -2px
}

aside .right_box.magazine_box h3.feed_new_tit {
    height: 24px;
    line-height: 24px;
    margin-bottom: 16px
}

aside .right_box.magazine_box span.txt {
    font-size: 14px;
    color: #707070
}

aside .right_box.magazine_box a.how_to {
    font-size: 12px;
    line-height: 16px;
    color: #349edf;
}

aside .right_box.magazine_box a.how_to:hover {
    color: #85c5ee
}

aside .right_box.magazine_box .opt-box {
    margin-left: 16px;
    float: right;
    line-height: 16px;
}

aside .right_box.magazine_box .opt-box a.carousel-control {
    position: unset;
    display: inline;
}

aside .right_box.magazine_box .opt-box a.carousel-control svg {
    fill: #ccc
}

aside .right_box.magazine_box .opt-box a.carousel-control:hover svg {
    fill: #349edf
}

aside .right_slide {
    border: 1px solid #d9dfe6;
    padding: 0;
    height: 202px;
    margin-bottom: 20px;
}

aside .right_slide .carousel-indicators {
    bottom: -20px;
}

aside .right_slide .carousel-indicators li {
    width: 8px;
    height: 8px;
    background: #999;
    margin: 0;
    border: 0;
}

aside .right_slide .carousel-indicators li.active {
    background: #333
}

aside .right_slide img {
    width: 100%
}

aside .right_week_sort {
    padding: 16px;
    margin-bottom: 8px;
    background: #fff;
}

aside .right_week_sort .list_content_ul .list_item {
    border-top: 1px solid #e9e9e9;
    padding: 12px 0;
    overflow: hidden;
}

aside .right_week_sort .list_content_ul .list_item div.item_left {
    float: left;
    width: 50px;
    margin-right: 8px;
}

aside .right_week_sort .list_content_ul .list_item div.item_left img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

aside .right_week_sort .list_content_ul .list_item div.item_center {
    float: left;
    width: 156px;
    padding-top: 4px;
}

aside .right_week_sort .list_content_ul .list_item div.item_center .item_title {
    height: 20px;
}

aside .right_week_sort .list_content_ul .list_item div.item_center .item_title a {
    display: inline-block;
    max-width: 105px;
    font-size: 14px;
    font-weight: 600;
    color: #4d4d4d;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word
}

aside .right_week_sort .list_content_ul .list_item div.item_center .item_title svg.icon {
    font-size: 20px;
    color: #db9d34;
    vertical-align: 0
}

aside .right_week_sort .list_content_ul .list_item div.item_center .item_title svg.crown {
    font-size: 18px;
    color: #db9d34;
    vertical-align: 1px
}

aside .right_week_sort .list_content_ul .list_item div.item_center .item_title:hover a {
    color: #c92027
}

aside .right_week_sort .list_content_ul .list_item div.item_center .item_detail {
    margin-top: 4px;
    height: 17px;
    line-height: 17px;
}

aside .right_week_sort .list_content_ul .list_item div.item_center .item_detail span {
    font-size: 12px;
    color: #6b6b6b;
    line-height: 17px
}

aside .right_week_sort .list_content_ul .list_item div.item_center .item_detail span.name {
    padding-right: 4px
}

aside .right_week_sort .list_content_ul .list_item div.item_center .item_detail span.number {
    padding-right: 12px
}

aside .right_week_sort .list_content_ul .list_item div.item_right {
    float: left;
    width: 54px;
    padding-top: 4px;
}

aside .right_week_sort .list_content_ul .list_item div.item_right .item_active {
    height: 24px;
    text-align: right;
    line-height: 24px;
}

aside .right_week_sort .list_content_ul .list_item div.item_right .item_active svg {
    width: 14px;
    height: 18px;
    margin-right: -5px;
    vertical-align: -3px
}

aside .right_week_sort .list_content_ul .list_item div.item_right .item_active span {
    font-size: 16px;
    font-weight: 600;
    color: #ca0c16;
    line-height: 24px;
    position: relative;
    padding-right: 3px;
}

aside .right_week_sort .list_content_ul .list_item div.item_right .item_active span:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    width: 3px;
    height: 3px;
    background: #fff;
    border: 1px solid #ca0c16;
    border-radius: 50%
}

aside .right_week_sort .list_content_ul .list_item div.item_right .item_txt {
    font-size: 12px;
    color: #999;
    line-height: 17px;
    text-align: right
}

aside .right_week_sort .list_content_ul .list_item:first-child {
    border-top: none;
    padding-top: 0
}

h3.feed_new_tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #4a4a4a;
    height: 24px;
    line-height: 24px;
    margin-bottom: 16px;
    position: relative;
}

h3.feed_new_tit .line {
    display: block;
    float: left;
    width: 3px;
    height: 16px;
    background: #cf2730;
    overflow: hidden;
    margin-right: 5px
}

h3.feed_new_tit .feed_link_more {
    font-size: 12px;
    color: #79a5e5;
    line-height: 16px;
    position: absolute;
    right: 0;
    font-weight: 300;
    top: 1px
}

h3.feed_new_tit .txt {
    display: block;
    float: left;
    font-size: 16px;
    color: #2c3033
}

h3.feed_new_tit .apply_expert {
    display: block;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    margin-left: auto;
    font-size: 14px;
    color: #3399ea;
    background: #eaf4fc;
    border-radius: 2px;
}

h3.feed_new_tit .apply_expert:hover {
    color: #157dcf
}

h3.feed_new_tit a.how_to {
    margin-left: auto;
    font-size: 12px;
    color: #999;
    letter-spacing: 0;
    line-height: 16px;
}

h3.feed_new_tit a.how_to:hover {
    color: #4f4f4f
}

h3.feed_new_tit a.how_to_border {
    padding: 3px 6px;
    border-radius: 2px;
    background: #eaf4fc;
    margin-left: auto;
    font-size: 12px;
    color: #3399ea;
    letter-spacing: 0;
    line-height: 16px;
}

h3.feed_new_tit a.how_to_border:hover {
    color: #4f4f4f
}

div#friendship_container {
    position: relative;
    height: 124px;
    overflow: hidden
}

div.feed_friendship_link {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

div.feed_friendship_link a {
    font-size: 14px;
    padding-right: 14px;
    padding-bottom: 10px;
    color: #333;
    line-height: 22px;
}

div.feed_friendship_link a:hover {
    color: #e60e19
}

ul.feed_new_list li {
    clear: both;
    overflow: hidden;
    font-size: 14px;
    color: #757a7e;
    line-height: 22px;
    margin-bottom: 14px;
}

ul.feed_new_list li:last-child {
    margin-bottom: 0
}

ul.feed_new_list li a:link, ul.feed_new_list li a:visited {
    color: #757a7e
}

ul.feed_new_list li a:hover, ul.feed_new_list li a:active {
    color: #ca0c16
}

.feed_tab_tit {
    height: 43px;
    margin-bottom: 10px;
}

.feed_tab_tit .nav-tabs {
    border-bottom: 2px solid #d9dfe6
}

.feed_tab_tit .nav-tabs li a {
    margin-right: 0;
    line-height: 1.428571429;
    border: 0 solid rgba(0, 0, 0, 0);
    border-radius: 0;
    font-size: 16px;
    color: #2c3033;
    height: 43px
}

.feed_tab_tit .nav-tabs li a:hover {
    background: rgba(0, 0, 0, 0)
}

.feed_tab_tit .nav-tabs li.active a, .feed_tab_tit .nav-tabs li.active a:hover, .feed_tab_tit .nav-tabs li.active a:focus {
    border: 0 solid rgba(0, 0, 0, 0);
    border-bottom: 2px solid #ca0c16;
    color: #2c3033;
    background: rgba(0, 0, 0, 0)
}

.enterprise_blog {
    background: #fff;
    margin-bottom: 8px;
    padding: 16px 16px 40px 16px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08);
}

.enterprise_blog .enterprise_carousel {
    position: relative;
}

.enterprise_blog .enterprise_carousel ol.carousel-indicators {
    position: absolute;
    left: 0;
    bottom: -24px;
    margin-left: 0;
    width: 100%;
}

.enterprise_blog .enterprise_carousel ol.carousel-indicators li {
    width: 6px;
    height: 6px;
    background: #c5c5c5;
    border: none;
    margin-left: 4px;
    margin-right: 4px
}

.enterprise_blog .enterprise_carousel ol.carousel-indicators li.active {
    background: #ca0c16;
    margin: 1px
}

.enterprise_blog .enterprise_carousel .carousel-inner div.carousel-item {
    display: none
}

.enterprise_blog .enterprise_carousel .carousel-inner div.active {
    display: block
}

.enterprise_blog ul.enterprise_content li {
    overflow: hidden;
    border-bottom: 1px solid #e9e9e9;
    padding: 12px 0;
}

.enterprise_blog ul.enterprise_content li:nth-child(1) {
    padding-top: 0
}

.enterprise_blog ul.enterprise_content li div.enterprise_l {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 8px;
}

.enterprise_blog ul.enterprise_content li div.enterprise_l img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.enterprise_blog ul.enterprise_content li div.enterprise_r {
    float: right;
    width: 210px;
    padding-top: 4px;
}

.enterprise_blog ul.enterprise_content li div.enterprise_r .item_title {
    height: 20px;
}

.enterprise_blog ul.enterprise_content li div.enterprise_r .item_title a {
    display: inline-block;
    max-width: 180px;
    font-size: 14px;
    font-weight: 600;
    color: #4d4d4d;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word
}

.enterprise_blog ul.enterprise_content li div.enterprise_r .item_title svg.icon {
    font-size: 16px;
    color: #db9d34;
    vertical-align: 2px
}

.enterprise_blog ul.enterprise_content li div.enterprise_r .item_title:hover a {
    color: #c92027
}

.enterprise_blog ul.enterprise_content li div.enterprise_r .item_detail {
    margin-top: 4px;
    height: 17px;
    line-height: 17px;
}

.enterprise_blog ul.enterprise_content li div.enterprise_r .item_detail span {
    font-size: 12px;
    color: #6b6b6b;
    line-height: 17px
}

.enterprise_blog ul.enterprise_content li div.enterprise_r .item_detail span.name {
    padding-right: 4px
}

.enterprise_blog ul.enterprise_content li div.enterprise_r .item_detail span.number {
    padding-right: 12px
}

.feed_company ul.company_list li {
    margin-bottom: 16px;
    height: 48px;
}

.feed_company ul.company_list li div.img_box {
    float: left;
    margin-right: 10px;
    position: relative;
}

.feed_company ul.company_list li div.img_box a {
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.feed_company ul.company_list li div.img_box a::before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 3px
}

.feed_company ul.company_list li div.img_box img {
    display: block;
    width: 64px;
    height: 48px;
    border-radius: 3px;
    vertical-align: top;
    -o-object-fit: cover;
    object-fit: cover
}

.feed_company ul.company_list li div.content {
    padding-top: 2px;
}

.feed_company ul.company_list li div.content h3.company_name a {
    display: block;
    margin-bottom: 3px;
    font-size: 14px;
    color: #3d3d3d;
    letter-spacing: 0;
    line-height: 22px;
    max-width: 200px;
    overflow: hidden;
    cursor: pointer;
    font-weight: bold;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.feed_company ul.company_list li div.content h3.company_name a:hover {
    color: #c92027;
}

.feed_company ul.company_list li div.content p.txt {
    font-size: 12px;
    color: #999;
    letter-spacing: 0;
    line-height: 18px;
    max-height: 36px;
    overflow: hidden
}

.feed_company div.other_company {
    border-top: 1px solid #e3e3e3;
    padding-top: 12px;
}

.feed_company div.other_company a {
    display: block;
    padding: 4px 0;
    float: left;
    margin-right: 12px;
    font-size: 12px;
    color: #707070;
    line-height: 14px;
    max-width: 205px;
    overflow: hidden;
    white-space: nowrap;
}

.feed_company div.other_company a:last-child {
    margin-right: 0
}

.feed_company div.other_company a:hover {
    color: #c92027
}

.feed_activiey_calendar ul li {
    padding-left: 40px;
    padding-bottom: 8px;
    padding-top: 8px;
    border-bottom: 1px dashed #ddd;
}

.feed_activiey_calendar ul li:first-child {
    padding-top: 0
}

.feed_activiey_calendar ul li:last-child {
    border-bottom: none
}

.feed_activiey_calendar ul li div.date {
    float: left;
    margin-left: -40px;
}

.feed_activiey_calendar ul li div.date strong {
    font-size: 18px;
    color: #4f4f4f;
    line-height: 22px;
    font-weight: bold
}

.feed_activiey_calendar ul li div.date p.month {
    font-size: 12px;
    color: #999;
    letter-spacing: 0;
    line-height: 18px
}

.feed_activiey_calendar ul li div.content h3.activity_name {
    font-size: 14px;
    line-height: 22px;
    word-wrap: break-word;
}

.feed_activiey_calendar ul li div.content h3.activity_name a {
    color: #4f4f4f;
}

.feed_activiey_calendar ul li div.content h3.activity_name a:hover {
    color: #c92027
}

.feed_activiey_calendar ul li div.content p.status {
    font-size: 12px;
    color: #999;
    letter-spacing: 0;
    line-height: 18px
}

.feed_viewpoint {
    margin: -15px -15px 10px;
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
    height: 110px;
    text-align: center;
}

.feed_viewpoint a {
    display: block;
    width: 100%;
    height: 110px;
    background-color: rgba(0, 0, 0, 0.2)
}

.feed_viewpoint img.viewpoint_img {
    border: 0;
    margin: 23px auto 13px
}

.feed_viewpoint h3 {
    margin: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    height: 20px;
    color: #fff
}

.feed_vote {
    margin: 0 -15px 10px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e9e8;
}

.feed_vote dl {
    display: inline-block;
    width: 33%;
    text-align: center;
    color: #d6241e;
    vertical-align: top;
}

.feed_vote dl dt {
    font-size: 14px
}

.feed_vote dl dd {
    font-size: 20px;
    font-weight: bold
}

.feed_vote .btn-lg30 {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    margin-top: 8px
}

ul.feed_new_arrlist li {
    font-size: 14px;
    color: #757a7e;
    line-height: 22px;
    padding: 10px 0;
    border-bottom: 1px dashed #c4cece;
}

ul.feed_new_arrlist li .arr {
    display: block;
    float: left;
}

ul.feed_new_arrlist li .arr i {
    font-size: 8px;
    display: block;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg)
}

ul.feed_new_arrlist li .txt {
    display: block;
    margin-left: 15px
}

ul.feed_new_arrlist li:last-child {
    border-bottom: 0;
    margin-bottom: -10px
}

ul.feed_new_arrlist li a:link, ul.feed_new_arrlist li a:visited {
    color: #757a7e
}

ul.feed_new_arrlist li a:hover, ul.feed_new_arrlist li a:active {
    color: #ca0c16
}

.feed_media_list {
    margin-bottom: -8px;
}

.feed_media_list .con dl.media_left dt {
    float: left;
    width: 50px;
    height: 50px;
}

.feed_media_list .con dl.media_left dt img {
    width: 100%;
    border: 1px solid #f3f3f3;
    border-radius: 50%
}

.feed_media_list .con dl.media_left dd {
    float: left;
    margin-left: 8px;
    width: 76%;
    position: relative;
}

.feed_media_list .con dl.media_left dd .expert_icon {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    right: -2px;
}

.feed_media_list .con dl.media_left dd .expert_icon:hover span.bubble {
    display: block
}

.feed_media_list .con dl.media_left dd .expert_icon span.bubble {
    display: none;
    width: 118px;
    text-align: center;
    height: 28px;
    position: absolute;
    top: 30px;
    left: -49px;
    z-index: 9;
    line-height: 28px;
    text-align: center;
    background-color: rgba(15, 15, 15, 0.8);
    font-size: 12px;
    border-radius: 4px;
    color: #fff;
}

.feed_media_list .con dl.media_left dd .expert_icon span.bubble:before {
    position: absolute;
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px;
    border-color: transparent transparent rgba(15, 15, 15, 0.8);
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    margin: auto
}

.feed_media_list .con dl.media_left dd .expert_icon .icon {
    font-size: 20px;
    vertical-align: bottom;
    color: #d1c080
}

.feed_media_list .con dl.media_left dd .name {
    font-size: 14px;
    color: #4f4f4f;
    margin-bottom: 5px;
    font-weight: bold;
    margin-left: -5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 170px;
}

.feed_media_list .con dl.media_left dd .name:hover {
    color: #c92027
}

.feed_media_list .con dl.media_left dd .tit {
    font-size: 12px;
    color: #707070;
    display: inline-block;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.feed_media_list .con dl.media_left dd .num {
    font-size: 12px;
    float: right
}

.feed_media_list .con .btn-border-red {
    float: right;
    margin-top: -35px;
    font-size: 12px;
}

.feed_media_list .con .btn-border-red:hover, .feed_media_list .con .btn-border-red:active {
    color: #d6241e
}

.feed_media_list .con .btn-border-gray {
    float: right;
    margin-top: -35px;
    font-size: 12px;
}

.feed_media_list .con .btn-border-gray:hover, .feed_media_list .con .btn-border-gray:active {
    color: #a6abaf
}

.feed_media_list .mas_con {
    padding: 8px;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    margin-bottom: 8px;
}

.feed_media_list .mas_con a .text {
    width: 100%;
    margin-top: 8px;
    font-size: 12px;
    color: #707070;
    line-height: 16px
}

.feed_media_list .bottom_con {
    overflow: hidden;
    background: #f6f6f6;
    padding: 8px;
    width: 130px;
    display: inline-block;
    border-radius: 3px;
    margin-bottom: 1px;
}

.feed_media_list .bottom_con a .media_left dd {
    width: 56%;
    margin-left: 0;
    position: relative;
}

.feed_media_list .bottom_con a .media_left dd .num {
    float: left;
    color: #707070
}

.feed_media_list .bottom_con a .media_left dt img {
    width: 40px;
    height: 40px
}

.feed_media_list .bottom_con a .text {
    width: 100%;
    font-size: 12px;
    color: #707070;
    line-height: 16px;
    height: 16px
}

.feed_media_list .bottom_con:nth-child(even) {
    margin-right: 2px
}

.feed_tags {
    clear: both;
    overflow: hidden;
    margin: 0 -3px;
}

.feed_tags a {
    display: inline-block;
    border: 1px solid #f6d4d4;
    height: 34px;
    line-height: 32px;
    margin: 0 3px 10px;
    padding: 0 9px;
    border-radius: 3px;
    font-size: 14px;
}

.feed_tags a:hover {
    color: #ca0c16
}

.feed_devmagazine_box {
    height: 124px;
    padding-left: 106px;
    clear: both;
    overflow: hidden;
}

.feed_devmagazine_box div.img_box {
    float: left;
    margin-left: -106px;
}

.feed_devmagazine_box div.img_box img {
    display: block;
    width: 92px;
    height: 124px;
    border-radius: 4px
}

.feed_devmagazine_box div.content {
    height: 124px;
    overflow: hidden;
}

.feed_devmagazine_box div.content h3.tit {
    margin-bottom: 8px;
    font-size: 12px;
    line-height: 18px;
    word-break: break-all;
}

.feed_devmagazine_box div.content h3.tit a {
    color: #4f4f4f;
    font-weight: bold;
}

.feed_devmagazine_box div.content h3.tit a:hover {
    color: #ca0c16
}

.feed_devmagazine_box div.content p.txt {
    max-height: 72px;
    overflow: hidden;
    font-size: 12px;
    color: #707070;
    line-height: 18px
}

.feed_devmagazine_box[data-mod="popu_473"] img {
    width: 100%
}

main .carousel {
    width: 760px;
    height: 206px;
    background: #fff;
    margin: 0 auto 12px;
    overflow: hidden;
}

main .carousel .carousel-left {
    position: relative;
    width: 508px;
    height: 206px;
    float: left;
}

main .carousel .carousel-left:hover .cover {
    background: rgba(0, 0, 0, 0.1)
}

main .carousel .carousel-left:hover .carousel-control {
    display: block
}

main .carousel .carousel-left .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

main .carousel .carousel-left .carousel-inner .carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 206px;
    -webkit-transition: .6s ease, -webkit-transform .6s ease;
    transition: .6s ease, -webkit-transform .6s ease;
    transition: transform .6s ease, .6s ease;
    transition: transform .6s ease, .6s ease, -webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

main .carousel .carousel-left .carousel-inner .carousel-item img {
    display: block;
    width: 100%
}

main .carousel .carousel-left .carousel-inner .carousel-item .cover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

main .carousel .carousel-left .carousel-inner .carousel-item.active, main .carousel .carousel-left .carousel-inner .carousel-item.next, main .carousel .carousel-left .carousel-inner .carousel-item.prev {
    display: block
}

main .carousel .carousel-left .carousel-inner .carousel-item.next, main .carousel .carousel-left .carousel-inner .carousel-item.prev {
    position: absolute;
    top: 0
}

main .carousel .carousel-left .carousel-inner .carousel-item .carousel-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 70px;
    padding: 28px 16px 0;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    white-space: nowrap;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(97%, rgba(0, 0, 0, 0.4)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 97%);
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 97%);
}

main .carousel .carousel-left .carousel-inner .carousel-item .carousel-caption:hover {
    cursor: pointer
}

main .carousel .carousel-left .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 10px;
    left: 0;
    z-index: 15;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: left;
    -webkit-box-pack: left;
    justify-content: left;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 8px;
    list-style: none;
}

main .carousel .carousel-left .carousel-indicators li {
    margin: 0;
    margin-left: 8px;
    position: relative;
    -ms-flex: 0 1 auto;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    width: 6px;
    height: 6px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.7);
    border: 0;
    border-radius: 3px;
    -webkit-transition: width .3s ease-in;
    transition: width .3s ease-in;
}

main .carousel .carousel-left .carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

main .carousel .carousel-left .carousel-indicators li::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 10px;
    content: ""
}

main .carousel .carousel-left .carousel-indicators li.active {
    margin-left: 8px;
    width: 20px;
    height: 6px
}

main .carousel .carousel-left .carousel-control {
    display: none;
    opacity: 1;
    width: 11.86%;
}

main .carousel .carousel-left .carousel-control.left, main .carousel .carousel-left .carousel-control.right {
    height: 100%;
    background-image: none
}

main .carousel .carousel-left .carousel-control.left span.glyphicon {
    left: 10px;
    right: unset
}

main .carousel .carousel-left .carousel-control span.glyphicon {
    position: absolute;
    top: 50%;
    margin-top: -13px;
    right: 10px;
}

main .carousel .carousel-left .carousel-control span.glyphicon svg {
    fill: #fff;
    width: 16px;
    height: 24px
}

main .carousel .carousel-right {
    padding-left: 2px;
    width: 250px;
    height: 206px;
    float: right;
}

main .carousel .carousel-right .carousel-right-u {
    margin-top: 2px;
    float: right;
}

main .carousel .carousel-right .carousel-right-u img {
    display: block;
    width: 250px;
    height: 102px
}

main .carousel .carousel-right .carousel-right-u:first-child {
    margin-top: 0
}

main .carousel .carousel-right .carousel-right-u {
    position: relative;
    height: 102px;
    overflow: hidden;
}

main .carousel .carousel-right .carousel-right-u:hover a img {
    -webkit-transition: .5s transform;
    transition: .5s transform;
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

main .carousel .carousel-right .carousel-right-u a img {
    -webkit-transition: .5s transform;
    transition: .5s transform;
    -webkit-transform: scale(1);
    transform: scale(1)
}

main .carousel .carousel-right .carousel-right-u .carousel-right-caption {
    width: 100%;
    padding: 46px 10px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 70px;
    z-index: 999;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(97%, rgba(0, 0, 0, 0.4)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 97%);
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 97%);
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    color: #fff;
    text-align: left;
}

main .carousel .carousel-right .carousel-right-u .carousel-right-caption span {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}

.vmc-container {
    position: relative
}

.vmc-viewport {
    overflow: hidden
}

.vmcarousel {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 1000%
}

.vmcarousel:after {
    content: '';
    display: table;
    clear: both
}

.vmcarousel li {
    float: left
}

.vmcarousel li img {
    display: block
}

.vmc-container.hide-controls .vmc-arrow-left, .vmc-container.hide-controls .vmc-arrow-right {
    display: block
}

.vmc-arrow-left, .vmc-arrow-right {
    position: absolute;
    top: 50%;
    left: -15px;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    overflow: hidden;
    opacity: 1;
    border-radius: 50%;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    text-align: center
}

.vmc-arrow-right {
    left: auto;
    right: -15px
}

.vmc-container:hover .vmc-arrow-left, .vmc-container:hover .vmc-arrow-right {
    opacity: 1
}

.vmc-arrow-left:after, .vmc-arrow-right:after {
    content: '';
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 50px;
    line-height: 50px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-shadow: 2px 2px #000
}

.vmc-arrow-left:hover:after, .vmc-arrow-right:hover:after {
    color: #fff
}

.vmc-arrow-left:after {
    content: "\e079"
}

.vmc-arrow-right:after {
    content: "\e080"
}

.vmc-container img[src$=".svg"] {
    width: 100% !important;
    height: auto !important;
    max-height: 100%
}

.notransition {
    -webkit-transition: none !important;
    transition: none !important
}

.feed_back_top {
    display: none;
    width: 40px;
    height: 40px;
    background: #fff;
    border-style: solid;
    border-width: 1px;
    border-color: #ddd;
    cursor: pointer;
    margin-bottom: 10px;
    cursor: pointer;
    position: fixed;
    z-index: 99;
    right: 30px;
    top: 50%;
}

.feed_back_top span.ico {
    display: block;
    width: 40px;
    height: 40px;
    padding: 5px 3px;
    font-size: 12px;
    color: #666;
    line-height: 14px;
    text-align: center;
}

.feed_back_top span.ico i {
    font-size: 26px;
    font-weight: bold;
    color: #999;
    display: block;
    margin-top: 6px;
    transform: rotate(90deg);
    ms-transform: rotate(7deg);
    -moz-transform: rotate(7deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(7deg)
}

.feed_back_top span.txt {
    display: none;
    width: 40px;
    height: 40px;
    padding: 5px 3px;
    font-size: 12px;
    color: #666;
    line-height: 14px;
    text-align: center
}

.feed_back_top:hover span.ico {
    display: none
}

.feed_back_top:hover span.txt {
    display: block
}

div.no-focus-box {
    padding: 80px 24px 24px;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

div.no-focus-box .monkey {
    display: block;
    margin: 0 auto;
    width: 120px;
    height: 72px;
    fill: #4d4d4d
}

div.no-focus-box p.notice {
    font-size: 14px;
    color: #4f4f4f;
    text-align: center;
    line-height: 24px
}

div.no-focus-box h3 {
    margin-top: 80px;
    margin-bottom: 10px;
    font-size: 18px;
    color: #4f4f4f
}

div.no-focus-box div.master-box {
    margin-left: -16px;
}

div.no-focus-box div.master-box div.item-box {
    float: left;
    margin-left: 16px;
    padding: 16px;
    display: block;
    width: 166px;
    height: 126px;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}

div.no-focus-box div.master-box div.item-box dl {
    padding-left: 48px;
}

div.no-focus-box div.master-box div.item-box dl dt {
    position: relative;
    margin-left: -48px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 20px;
    margin-right: 8px;
    float: left;
}

div.no-focus-box div.master-box div.item-box dl dt:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 50%
}

div.no-focus-box div.master-box div.item-box dl dt img {
    display: block;
    width: 100%;
    height: auto
}

div.no-focus-box div.master-box div.item-box dl dd {
    padding-top: 3px;
    position: relative;
}

div.no-focus-box div.master-box div.item-box dl dd p.name {
    margin-bottom: 6px;
    font-size: 14px;
    color: #4f4f4f;
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 70px
}

div.no-focus-box div.master-box div.item-box dl dd .icon {
    font-size: 20px;
    vertical-align: text-bottom;
    color: #d1c080;
    position: absolute;
    right: -2px;
    top: 0
}

div.no-focus-box div.master-box div.item-box dl dd p.num {
    font-size: 12px;
    color: #707070;
    line-height: 16px
}

div.no-focus-box div.master-box div.item-box p.tit {
    margin-top: 8px;
    margin-bottom: 10px;
    min-height: 16px;
    font-size: 12px;
    color: #707070;
    line-height: 16px
}

div.no-focus-box div.master-box div.item-box button.btn-focus {
    display: block;
    padding: 0;
    width: 100%;
    border: 1px solid #ca0c16;
    background-color: #fff;
    border-radius: 4px;
    font-size: 12px;
    line-height: 16px;
    color: #ca0c16;
    -webkit-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;
}

div.no-focus-box div.master-box div.item-box button.btn-focus:hover {
    background-color: #fcf3f3
}

div.no-focus-box div.master-box div.item-box button.btn-focus:active {
    background-color: #fae7e8
}

div.no-focus-box div.master-box div.item-box button.btn-focus.followed {
    border: 1px solid #999;
    color: #999;
    background-color: #fff
}