/*阅读排行*/
.read-content-item{ padding-top: 1em; white-space:nowrap;}
.read-content-item ul{ padding-left: 2em;}
.read-content-item li{ margin-bottom: 4px; color:#337ab7;}
.read-content-item .read-num{ width: 2em; display: inline-block;}

/*阅读趋势图*/
.read-chart #chart_text{ text-indent: 16px; text-align: center;}

@media (max-width: 767px){
    .read-nav{ font-size: 85%;}
}

/*首页大模块*/
.content-item{ margin-bottom: 4em;}
.content-item-title{ color: #222;}
.content-item-title .glyphicon{ float: left; margin-right: 8px;}
.content-more{ font-size: 0.6em; margin-left: 1em;}

/*首页小模块*/
.home-block{ /*border: 1px #ccc solid;*/ border-radius: 6px; padding: 16px 1em 5px 1.5em; margin-bottom: 1em;}
.home-block-title{ border-bottom: 1px #ccc solid; padding-bottom: 10px; font-weight: bold;}
.home-block .list a{ color: #333;}
.home-block .list li{ margin-bottom: 1px; white-space:nowrap;  overflow:hidden; text-overflow:ellipsis;}

/*专题*/
.subject-block li{ overflow: hidden; float: left; border: 1px #ccc solid; padding: 5px; height: 15em;}
.subject-block li:not(:last-child){ border-right: none;}
.subject-block li:first-child{ border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.subject-block li:last-child{ border-top-right-radius: 4px; border-bottom-right-radius: 4px;}

.subject-item .subject-title{ writing-mode: vertical-rl; margin: 0.7em; float: left;}
.subject-item .subject-desc{ display: none;}
.subject-item .subject-link{ text-align: right; margin-top: 0.5em;}

.subject-block .active{ width: 220px; background-color: #eee; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.subject-block .active .subject-title{ border-right: 1px #ccc solid; padding-right: 0.5em;}
.subject-block .active .subject-desc{ display: inherit; margin-top: 1em; margin-right: 1em;}

@media (max-width: 767px){
    .subject-block li{float: none; height: inherit;}
    .subject-block li:not(:last-child){ border-right: 1px #ccc solid; border-bottom: none;}
    .subject-block li:first-child{ border-top-right-radius: 4px; border-bottom-left-radius: 0;}
    .subject-block li:last-child{ border-top-right-radius: 0; border-bottom-left-radius: 4px;}

    .subject-item .subject-title{ writing-mode: horizontal-tb; float: none;}

    .subject-block .active{ width: inherit;}
    .subject-block .active .subject-title{ border-right: none; border-bottom: 1px #ccc solid; padding-bottom: 0.5em;}
    .subject-block .active .subject-desc{ margin: 1em;}
}