.guestbook .changyan-overlay-outer {
    left: 148px !important;
    top: 20px !important;
}

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

    .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 .main-content-box {
        width: 660px;
        padding: 10px;
        background-color: #fffcfc;
        transition: all 1s;
        overflow: hidden;
    }

        .main-content .main-content-box h1.title-h1 {
            font-size: 20px;
            font-weight: 500;
            color: #0088db;
            text-align: center;
            padding: 10px 0;
        }

        .main-content .main-content-box .detail-info-box {
            height: 30px;
            color: #ac5a24;
            margin-top: 10px;
            line-height: 30px;
            border: 1px dashed #999;
            border-left: 0;
            border-right: 0;
            overflow: hidden;
        }

            .main-content .main-content-box .detail-info-box ul {
                width: 480px;
                margin: 0 auto;
            }

                .main-content .main-content-box .detail-info-box ul li {
                    float: left;
                    width: 158px;
                    text-align: center;
                }

                    .main-content .main-content-box .detail-info-box ul li span#countnum, .main-content .main-content-box .detail-info-box ul li span.author {
                        color: #f36;
                    }

        .main-content .main-content-box .content {
            color: #1a1919;
            line-height: 28px;
            font-size: 16px;
            padding: 10px 0;
        }

            .main-content .main-content-box .content img {
                display: block;
                max-width: 100%;
            }

        .main-content .main-content-box .reward-wrap {
            font-size: 17px;
            margin-top: 15px;
        }

            .main-content .main-content-box .reward-wrap .text {
                color: #dc203b;
                text-align: center;
                line-height: 28px;
            }

            .main-content .main-content-box .reward-wrap .img-box-wrap p.img-box {
                width: 160px;
                text-align: center;
                margin: 10px 80px;
                color: #181818;
            }

                .main-content .main-content-box .reward-wrap .img-box-wrap p.img-box img {
                    display: block;
                    margin-top: 10px;
                }

        .main-content .main-content-box .page-wrap-box {
            color: #606163;
            margin: 20px 0 10px;
            position: relative;
            font-size: 15px;
        }

            .main-content .main-content-box .page-wrap-box .page-text a {
                font-size: 15px;
                color: #1c1e21;
            }

            .main-content .main-content-box .page-wrap-box .share-text {
                position: absolute;
                right: -5px;
                bottom: 5px;
                z-index: 22;
                height: 30px;
                line-height: 30px;
            }

                .main-content .main-content-box .page-wrap-box .share-text .title {
                    font-size: 15px;
                    margin-right: 10px;
                    color: #6d6963;
                }

        .main-content .main-content-box .like-other-articles {
            margin-top: 10px;
        }

            .main-content .main-content-box .like-other-articles h3.title-h3 {
                font-size: 18px;
                color: #f34;
                font-weight: 500;
                margin: 2px 0 10px;
            }

            .main-content .main-content-box .like-other-articles ul li {
                float: left;
                width: 175px;
                text-align: center;
                margin: 0 10px 10px 30px;
            }

                .main-content .main-content-box .like-other-articles ul li a {
                    display: block;
                    color: #3f4042;
                }

                .main-content .main-content-box .like-other-articles ul li h4.title-h4 {
                    font-size: 16px;
                    font-weight: 500;
                    color: #3f4042;
                    padding: 2px 0 10px;
                }

    .main-content .main-content-side {
        width: 300px;
        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 15px 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 {
            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;
                max-width: 100%;
            }

            .main-content .main-content-side .hot-recommend-wrap .hot-recommend, .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 {
                    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: 270px;
                        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;
                        }