*{
padding:0;
margin:0;
}


/*大标题*/
#blogTitle h1 {
    font-size: 40px;
    font-weight: 900;
    line-height: 1.5em;
    margin-top: 20px;
    font-family: simsun;
}

/*a标签*/
a:hover {
    color:#fb7299;
}

#blogTitle h1 a:hover {
    color: #fb7299;
}

#navList a:hover {
    color: #fb7299;
    text-decoration: none;
}

.postTitle a:hover {
    margin-left: 30px;
    color: #fb7299;
    text-decoration: none;
}

 /* pageRightFixed start */
        .pageRightFixed {
            position: fixed;
            width: 450px;
            top: 300px;
            right: -390px;
            transition: top .4s ease .1s;
        }

        .pageRightFixed > div {
            /* display: flex; */
            background-color: #31353D;
            margin-top: 20px;
            transition: transform .8s ease 0s;
            cursor: pointer;
            border-radius: 25px;
        }

        .pageRightFixed > div:hover{
            transform: translateX(-350px);
        }

        .pageRightFixed div{
            line-height: 50px;
            vertical-align: middle;
            padding-left: 5px; 
        }

        .mail img{
            height: 30px;
            width: 50px;
        }

        .qq img{
            height: 50px;
            width: 50px;
        }

        .github img{
            height: 25px;
            width: 50px;
        }

        .pageRightFixed .img_area{
            float: left;
            margin-right: 50px;
        }

        .pageRightFixed .text_area{
            float: left;
            color: #fff;
        }
        .pageRightFixed img{
            vertical-align: middle;
        }

        /* pageRightFixed end */

        .clearfix::before, .clearfix::after{
            content: '';
            display: table;
        }
        .clearfix::after{
            clear: both;
        }
        .clearfix{
            *zoom: 1;
        }