footer {
    background: #4b3e30;
    color: rgba(255, 255, 255, 0.4);
    padding: 30px 0 30px 0;
    text-align: center;
}

    footer .web-link {
        padding: 0px 80px 30px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        footer .web-link ul {
            display: flex;
        }

            footer .web-link ul li {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                margin-right: 60px;
                width: 140px;
            }

        footer .web-link b {
            font-size: 14px;
            font-weight: 500;
            color: #ffffff;
            margin-bottom: 12px;
            line-height: 20px;
        }

        footer .web-link .logo {
            width: 218px;
            height: 80px;
        }

        footer .web-link a {
            color: rgba(255, 255, 255, 0.6);
            margin-bottom: 8px;
            line-height: 16px;
        }

            footer .web-link a:hover {
                color: #ff8b0d;
            }

    footer ul.foot {
        display: flex;
        justify-content: center;
        align-items: center;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        padding-top: 20px;
    }

        footer ul.foot li {
            display: flex;
            justify-content: center;
            align-items: center;
            color: rgba(255, 255, 255, 0.06);
        }

            footer ul.foot li a {
                padding: 0 20px 0 20px;
                color: rgba(255, 255, 255, 0.4);
            }

                footer ul.foot li a:hover {
                    color: #ff8b0d;
                }

    footer p {
        margin-top: 8px;
        color: rgba(255, 255, 255, 0.4);
    }

        footer p a {
            color: rgba(255, 255, 255, 0.4);
        }

        footer p .zgwab {
            width: 19px;
            margin-right: 8px;
            vertical-align: middle;
        }