@charset "UTF-8";
/***** 首页简介 *****/
#main .intro {
    position: relative;
    z-index: 1;
    margin-top: 10px;
    padding: 20px;
    background-color: #fff;
}
#main .intro h2 {
    font-size: 16px;
    color: #458DEC;
}
#main .intro .content {
    position: relative;
    text-indent: 28px;
    line-height: 150%;
    color: #888;
}
#main .intro .content .expand-button {
    position: absolute;
    right: 10px;
    color: #458DEC;
}
/***** 文章列表 *****/
#main .article {
    overflow: hidden;
    margin-bottom: 10px;
}
#main .article .left {
    float: left;
}
#main .article .right {
    float: right;
}
#main .article {
    margin-top: 10px;
    padding: 20px;
    background-color: #fff;
}
#main .article .item {
    width: 520px;
    margin-bottom: 20px;
}
#main .article .item div.title {
    height: 30px;
    line-height: 30px;
    color: #458DEC;
    border-bottom: 1px solid #eee;
    font-size: 16px;
}
#main .article .item div.title .category-icon {
    margin-right: 5px;
    padding: 2px;
    text-align: center;
    font-style: normal;
    font-size: 14px;
    color: #fff;
    border-radius: 3px;
    background-color: #458DEC;
}
#main .article .item div.title a {
    font-size: 14px;
}
#main .article .item div.title i {
    margin-right: 5px;
}
#main .article .item ul {
    padding-left: 20px;
}
#main .article .item ul li {
    clear: both;
    height: 28px;
    line-height: 30px;
    list-style: disc;
    color: #458DEC;
    text-indent: -5px;
}
#main .article .item ul li a {
    display: inline-block;
    max-width: 400px;
    overflow: hidden;
    color: #222;
    vertical-align:middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 10px;
}
#main .article .item ul li a:hover {
    color: #458DEC;
}
#main .article .item ul .top {
    height: 33px;
    line-height: 35px;
    font-size: 16px;
    font-weight: bold;
    margin-left: -15px;
    list-style: none;
}
#main .article .item ul .top a {
    color: #222;
}
#main .article .item .more {
    display: block;
    float: right;
    color: #458DEC;
}
/*** 点击排行榜 ***/
#main .article .item .top-click-btn {
    margin-right: 20px;
    font-size: 16px;
    color: #458DEC;
}
#main .article .item .top-click {
    padding-left: 5px;
}
#main .article .item .top-click .top {
    margin-left: 0;
}
#main .article .item .top-click li {
    list-style: none;
}
/*** 最新推荐 ***/
#main .article .item .latest-recommend-btn {
    font-size: 16px;
    color: #458DEC;
}
#main .article .item .latest-recommend {
    padding-left: 5px;
}
#main .article .item .latest-recommend .top {
    margin-left: 0;
}
#main .article .item .latest-recommend li {
    list-style: none;
}