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

    .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 .main-content-box {
        width: 690px;
        transition: all 1s;
    }

        .main-content .main-content-box .about-content {
            padding: 10px;
            background-color: #fff;
        }

            .main-content .main-content-box .about-content .personal-profile img.dl {
                width: 300px;
            }

            .main-content .main-content-box .about-content .personal-profile .profile-text {
                width: 330px;
                margin: 10px 0 0 20px;
            }

                .main-content .main-content-box .about-content .personal-profile .profile-text .list li {
                    margin-bottom: 20px;
                }

                    .main-content .main-content-box .about-content .personal-profile .profile-text .list li h2.title {
                        font-size: 16px;
                        font-weight: 600;
                        color: #73706d;
                        margin-bottom: 10px;
                    }

                    .main-content .main-content-box .about-content .personal-profile .profile-text .list li p.text {
                        font-size: 15px;
                        color: #666;
                        line-height: 25px;
                        margin-bottom: 8px;
                        text-indent: 22px;
                    }

            .main-content .main-content-box .about-content .personal-info {
                position: relative;
                padding: 20px 0 50px;
            }

                .main-content .main-content-box .about-content .personal-info p.text {
                    font-size: 15px;
                    color: #666;
                    line-height: 25px;
                    text-indent: 25px;
                }

                .main-content .main-content-box .about-content .personal-info img.autograph {
                    position: absolute;
                    bottom: -8px;
                    right: 30px;
                    z-index: 10;
                }

    .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 .personal-msg {
            margin-top: 20px;
            padding: 10px 0 37px;
            background-color: #fff;
        }

            .main-content .main-content-side .personal-msg h2.title {
                margin-bottom: 1px;
            }

            .main-content .main-content-side .personal-msg .list-text {
                padding: 0 20px;
            }

                .main-content .main-content-side .personal-msg .list-text li {
                    font-size: 14px;
                    color: #484646;
                    line-height: 25px;
                }