footer {
    background-color: #191d2a;
    height: 270px;
    text-align: center;
    padding-top: 83px;
    position: absolute;
    left:0;
    right:0;
    bottom:0;
}

footer .footer-content {
    height: 146px;
    color: #787e90
}

footer nav a {
    padding: 0 22px;
    color: #787e90;
}

footer nav a:before {
    position: relative;
    top: 2px;
    left: -22px;
    content: ' ';
    display: inline-block;
    width: 1px;
    height: 12px;
    background-color: #787e90;
}

footer nav a:first-child:before {
    display: none;
}

footer .social {
    padding: 31px 0 26px;
    text-align: center;
    height: 97px;
}

footer .social a {
    height: 40px;
    width: 40px;
    margin: 0 16px;

    background: url(../img/icon.png) no-repeat;
    display: inline-block;
    -webkit-background-size: 370px 190px;
    background-size: 370px 190px;
}

footer .social a.weibo {
    background-position: -100px -150px;
}

footer .social a.weibo:hover {
    background-position: -140px -150px;
}

footer .social a.zhihu {
    background-position: -180px -150px;
}

footer .social a.zhihu:hover {
    background-position: -220px -150px;
}

footer .social a.xueqiu {
    background-position: -260px -150px;
}

footer .social a.xueqiu:hover {
    background-position: -300px -150px;
}

footer .email {
    font-size: 12px;
    color: #787e90;
}

footer .email a {
    color: #787e90;
}

footer .record {
    font-size: 12px;
    height: 41px;
    border-top: 1px solid rgba(54, 61, 83, 1);
    line-height: 40px;
    color: #484d5c;
}