.main-content {
    width: 1000px;
    margin: 0 auto;
    padding-top: 10px;
    overflow: hidden;
}

    .main-content h2.title-h2 {
        font-size: 16px;
        font-weight: 400;
        color: #333;
        padding: 2px 0 2px 10px;
        border-left: 2px solid #3472ef;
        margin: 0 0 20px 2px;
    }

    .main-content .crumbs-nav-wrap {
        height: 35px;
        line-height: 35px;
        margin: 10px 0;
    }

        .main-content .crumbs-nav-wrap .crumbs-nav {
            padding-left: 25px;
            color: #565b63;
            font-size: 15px;
            background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAXCAYAAADtNKTnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjJDRURENTM1QkVCMTFFNjk5MTJCNjUyNUUzRkYyN0MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjJDRURENTQ1QkVCMTFFNjk5MTJCNjUyNUUzRkYyN0MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMkNFREQ1MTVCRUIxMUU2OTkxMkI2NTI1RTNGRjI3QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMkNFREQ1MjVCRUIxMUU2OTkxMkI2NTI1RTNGRjI3QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqfztaoAAAHgSURBVHjapJTLK0RRHMfv3IbIYjY2VsprYbJEYeNRnhs25g8YRhTyHFYWnnkVq5lYyYyFUlihRsrOxsKjJAtLlFmoSRjfo++pX8c1lF99uvf+Xuec3/ndnyuZTFqxk1PLkGLgBw2gALyCO3AI1sCldLaN4DSwCM5BB7gG02AB3FB3Tp80HeQWCdT7HqgD82AOPBuLeEAQDAMvaAFvciczTOADYw4JlMRp89F3Vh6nEPSDZbBNXTpXPSNB6iz6LIE+FauTqCImwKRYNcp6xMk0dVqmGOPXSepZ+Ti/S0EbGAK1ZJC6UnG0A3WDOkkuuBKrePncFLqIYbN41UW2uOp3Ybzns1LoKgybloRbZCwXhhiLuQGqQBJ0UXcs/MpUrN7JDqgGOfz+AI3sm27QA/ap0zvOYcyuLW5CrRYQqzyyHzJIO3VaAoyJ2OKcUd67x/pdPPTdUrG2ce9ZYPwPScboO2n+gOoHC4FekJ8iQR53EWLMt794AryAlRRJVukz8dMoeAIjoIlFNcVH2yh9v8TlMJRc4AiUsDsfqM8GF+ypGt6M404sGjtBJs+tJcxi+mUCcyhJueVoUKNwgLtrZW/cms7uFAVcB80chbqrw06O7l/6oYMDS787yldh/yufAgwAfXZ34w0yhRkAAAAASUVORK5CYII=) 0 5px no-repeat;
        }

            .main-content .crumbs-nav-wrap .crumbs-nav a {
                color: #565b63;
            }

                .main-content .crumbs-nav-wrap .crumbs-nav a:hover {
                    color: #3472ef;
                }

            .main-content .crumbs-nav-wrap .crumbs-nav span {
                padding: 0 3px;
            }

            .main-content .crumbs-nav-wrap .crumbs-nav h1 {
                font-size: 15px;
                color: #565b63;
                font-weight: 400;
            }

    .main-content .module-nav {
        width: 1200px;
        margin-bottom: 20px;
    }

        .main-content .module-nav .list li {
            float: left;
            width: 185px;
            height: 40px;
            line-height: 40px;
            color: #fff;
            border-radius: 3px;
            margin: 5px 86.5px 0 0;
            text-align: center;
            background-color: #868584;
            cursor: pointer;
        }

            .main-content .module-nav .list li a {
                display: block;
                width: 100%;
                color: #fff;
            }

            .main-content .module-nav .list li:hover {
                color: #fff;
                background-color: #3472ef;
            }

    .main-content .main-content-box {
        width: 690px;
        transition: all 1s;
    }

        .main-content .main-content-box .article-list .list li {
            padding: 25px 0;
            border-bottom: 1px solid #f0f0f0;
            background-color: #fff;
            margin-bottom: 20px;
        }

            .main-content .main-content-box .article-list .list li:hover {
                cursor: pointer;
                border-radius: 4px;
                box-shadow: 1px 3px 9px #ccc;
                transition: .3s;
            }

            .main-content .main-content-box .article-list .list li .news-img-box {
                position: relative;
                padding-left: 10px;
                width: 205px;
                height: 145px;
            }

            .main-content .main-content-box .article-list .list li .news-content {
                width: 450px;
            }

                .main-content .main-content-box .article-list .list li .news-content a {
                    color: #3d3d3d;
                }

                .main-content .main-content-box .article-list .list li .news-content h3.title-h3 {
                    padding: 10px 0;
                    color: #3d3d3d;
                    font-size: 16px;
                }

                .main-content .main-content-box .article-list .list li .news-content .author-info {
                    height: 33px;
                    line-height: 33px;
                    color: #919898;
                    font-size: 14px;
                }

                    .main-content .main-content-box .article-list .list li .news-content .author-info a {
                        color: #919898;
                    }

                        .main-content .main-content-box .article-list .list li .news-content .author-info a:hover {
                            color: #15181b;
                        }

                    .main-content .main-content-box .article-list .list li .news-content .author-info p.author {
                        width: 120px;
                        height: 33px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                        .main-content .main-content-box .article-list .list li .news-content .author-info p.author span {
                            padding-left: 10px;
                            position: relative;
                            bottom: 11px;
                        }

                    .main-content .main-content-box .article-list .list li .news-content .author-info span.date-time {
                        display: block;
                        width: 158px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        padding-right: 5px;
                    }

                    .main-content .main-content-box .article-list .list li .news-content .author-info span.classify {
                        display: block;
                        width: 130px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                .main-content .main-content-box .article-list .list li .news-content p.news-info {
                    color: #526163;
                    height: 56px;
                    overflow: hidden;
                    font-size: 14px;
                    padding: 8px 12px 3px 5px;
                }

    .main-content .main-content-side {
        width: 290px;
        transition: all 1s;
    }

        .main-content .main-content-side h2.title-h2 {
            position: relative;
            left: -2px;
            padding-top: 5px;
        }

        .main-content .main-content-side .search-wrap {
            background-color: #fff;
            margin-bottom: 20px;
            position: relative;
            padding: 20px 0;
        }

            .main-content .main-content-side .search-wrap .search-value {
                display: block;
                width: 200px;
                margin: 0 auto;
                height: 30px;
                border: 1px solid #ccc;
                border-radius: 5px;
                color: #556566;
                padding-left: 20px;
            }

            .main-content .main-content-side .search-wrap .search-btn {
                position: absolute;
                top: 22px;
                right: 35px;
                width: 40px;
                height: 30px;
                border: none;
                cursor: pointer;
                background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDk2MEMyMUQ1QkMyMTFFNkEyMjRCQUYwMDk4MDBERTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDk2MEMyMUU1QkMyMTFFNkEyMjRCQUYwMDk4MDBERTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0OTYwQzIxQjVCQzIxMUU2QTIyNEJBRjAwOTgwMERFNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0OTYwQzIxQzVCQzIxMUU2QTIyNEJBRjAwOTgwMERFNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pueodq4AAAF3SURBVHjarNRPKERRFMfxO0MSGykSU8KClAUistMQQtlgZaXsJAtWErJUVkNKkoURG/mbhZSFhT/lX7FRVpoUmvInYXwv59XM676ZWcypT+80c9/vvvfmvHHtbG+psCpCPxpRiDecYQ3z+FS2ampu+Tu6wz4bxI0ElSAFGaiHDxcoVQ5lBQ1hCkmYQzXSkINuXKEYByhwCtK7TOIbXejDMd4RwAqqsIks2cgYNIBkzGLV4co/0IMneFFuCmqQfkZFr2f4pfeagjzS36rYZa3xmIKC0mfGEWStCZqCTqRvjxHiQqv0p6agRenHkB0lqBeVeMCeKcgv85ErxxrbGj2YwzKUuqZl4iNK/+w/6MQuKnCES1wjHXW25zcqj2PfNNmPcsI4XlAmE90mIfrEERlaPfEb8j5GXFH40OndJlCLfLziHHey5h4LEraODrmTiCCrvnAo7LUk3+tjqvwj5Nnf/nhrWd7JgNzi/2yEQiGViHKrBNWvAAMAaqBOanpaMYIAAAAASUVORK5CYII=) 50% no-repeat;
            }

        .main-content .main-content-side .side-nav {
            padding-top: 15px;
            background-color: #fff;
        }

            .main-content .main-content-side .side-nav ul {
                padding-left: 10px;
            }

                .main-content .main-content-side .side-nav ul li {
                    float: left;
                    width: 110px;
                    height: 50px;
                    line-height: 50px;
                    margin: 0 10px 15px;
                    text-align: center;
                    border-radius: 5px;
                }

                    .main-content .main-content-side .side-nav ul li a {
                        font-size: 16px;
                        font-weight: 500;
                        color: #fff;
                        line-height: 50px;
                        display: block;
                        transition: all 1s;
                    }

                        .main-content .main-content-side .side-nav ul li a:hover {
                            background: hsla(0,0%,100%,.2);
                            transform: rotate(1turn);
                        }

                    .main-content .main-content-side .side-nav ul li.nav-1 {
                        background-color: #D61F85;
                    }

                    .main-content .main-content-side .side-nav ul li.nav-2 {
                        background-color: #07A289;
                    }

                    .main-content .main-content-side .side-nav ul li.nav-3 {
                        background-color: #0AA4FC;
                    }

                    .main-content .main-content-side .side-nav ul li.nav-4 {
                        background-color: #63c;
                    }

        .main-content .main-content-side .establish-blog {
            width: 290px;
            background: #fafafc;
            border: 1px solid #f7d6e3;
            border-radius: 3px;
            margin-top: 20px;
        }

            .main-content .main-content-side .establish-blog .title {
                font-size: 16px;
                font-weight: 600;
                color: #f45;
                text-align: center;
                padding: 10px 2px 2px;
            }

            .main-content .main-content-side .establish-blog .info {
                width: 275px;
                text-indent: 20px;
                font-size: 14px;
                font-weight: 500;
                color: #575656;
                padding: 5px;
                line-height: 25px;
            }

                .main-content .main-content-side .establish-blog .info span {
                    padding-left: 22px;
                }

                .main-content .main-content-side .establish-blog .info a {
                    font-size: 15px;
                    font-weight: 500;
                    color: #e25817;
                }

                    .main-content .main-content-side .establish-blog .info a:hover {
                        text-decoration: underline;
                    }

        .main-content .main-content-side .hot-recommend-wrap {
            margin-top: 20px;
            background-color: #fff;
        }

            .main-content .main-content-side .hot-recommend-wrap .hot-recommend-img {
                display: block;
            }

            .main-content .main-content-side .hot-recommend-wrap .hot-recommend {
                position: relative;
                overflow: hidden;
                width: 290px;
            }

                .main-content .main-content-side .hot-recommend-wrap .hot-recommend .hot-recommend-content {
                    position: relative;
                }

                    .main-content .main-content-side .hot-recommend-wrap .hot-recommend .hot-recommend-content .list {
                        width: 290px;
                        overflow: hidden;
                        float: left;
                    }

                        .main-content .main-content-side .hot-recommend-wrap .hot-recommend .hot-recommend-content .list ul li {
                            height: 35px;
                            line-height: 35px;
                            padding-left: 28px;
                            width: 260px;
                            overflow: hidden;
                            white-space: nowrap;
                            text-overflow: ellipsis;
                            border-bottom: 1px dashed #8b8888;
                        }

                            .main-content .main-content-side .hot-recommend-wrap .hot-recommend .hot-recommend-content .list ul li:last-child {
                                border-bottom: none;
                            }

                            .main-content .main-content-side .hot-recommend-wrap .hot-recommend .hot-recommend-content .list ul li a {
                                display: block;
                                color: #545151;
                            }

                                .main-content .main-content-side .hot-recommend-wrap .hot-recommend .hot-recommend-content .list ul li a:hover {
                                    color: #181616;
                                }

                .main-content .main-content-side .hot-recommend-wrap .hot-recommend ol.number {
                    position: absolute;
                    top: 7px;
                    left: 1px;
                    z-index: 45;
                }

                    .main-content .main-content-side .hot-recommend-wrap .hot-recommend ol.number li {
                        width: 20px;
                        height: 20px;
                        line-height: 20px;
                        text-align: center;
                        border-radius: 4px;
                        margin-bottom: 16px;
                        color: #fff;
                        background-color: #979598;
                    }

                        .main-content .main-content-side .hot-recommend-wrap .hot-recommend ol.number li.one {
                            background-color: #ff858e;
                        }

                        .main-content .main-content-side .hot-recommend-wrap .hot-recommend ol.number li.two {
                            background-color: #77d549;
                        }

                        .main-content .main-content-side .hot-recommend-wrap .hot-recommend ol.number li.three {
                            background-color: #62c1ff;
                        }