.footer {
    background-color: #17181b;
    line-height: 1rem;
    color: #ffffff;
}

@media (min-width: 320px) and (max-width: 1200px) {
    .footer {
        width: 1180px;
    }
}

.footer ul {
    color: rgb(128, 128, 130);
}

.footer ul li {
    min-width: 124px;
    margin-top: 18px;
    cursor: pointer;
}

.footer .chan ul li {
    /* width: 94px !important; */
}

.footer ul li:hover {
    color: #fff;
}

.widthauto li {
    width: auto !important;
}

.fang a {
    color: rgb(128, 128, 130) !important;
}

.widthauto li a {
    color: rgb(128, 128, 130) !important;
}

.fang a:hover {
    color: #fff !important;
}

.widthauto li a:hover {
    color: #fff !important;
}

.helplist,
.helplist a {
    color: rgb(128, 128, 130) !important;
}

.helplist ul li {
    /* width: ; */
    padding: 0 16px;
    margin: 0;
    border-left: 1px solid #282d37;
}

.helplist span {
    margin-right: 8px;
}

.helplist li:hover,
.helplist a:hover {
    color: #fff !important;
}

.helplist ul li:first-child {
    padding-left: 0;
    border: 0;
}

.w-f-85 {
    width: 90px !important;
    margin-right: 20px;
}

.w-130 {
    width: 130px;
}

.chan {
    width: 380px;
}

.chan li {
    width: 120px;
}