.footer-wrap {
    height: 454px;
    box-sizing: border-box;
    padding-top: 80px;
    background-color: #000000;
}

.footer-top {
    display: flex;
    justify-content: center;
    align-items: center;

}

.login-and-focus {
    flex-direction: column;
    height: 220px;
    margin-right: 263px;
}

.login-and-focus img:nth-of-type(1) {
    width: 131px;
    height: 25px;
}

.login-and-focus img:nth-of-type(2) {
    width: 111px;
    height: 111px;
    margin: 49px 0 12px;
}

.login-and-focus p {
    font-size: var(--moka--font-14);
    color: #A4A4A4;
    margin-left: 12px;
}

.footer-list-wrap {
    display: flex;
    justify-content: space-between;
}

.footer-top-content {
    display: flex;
    width: 1200px;
}

.footer-list-wrap .list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height:220px;
    margin-right: 106px;
}

.footer-list-wrap .list:last-of-type(1) {
    margin-right: 0;
}


.footer-list-wrap .list div,.footer-list-wrap .list a  {
    font-size: var(--moka--font-14);
    color: #A4A4A4;
    font-weight: var(--moka--font-400);
    line-height: 30px;
    white-space: nowrap;
}

.footer-list-wrap .list:nth-of-type(2) div {
    line-height: 25px;
}

.footer-list-wrap .list h5 {
    font-weight: var(--moka--font-500);
    font-size: var(--moka--font-16);
    color: #DCDCDC;
    margin-bottom: 24px;
}

.footer-bottom {
    height: 97px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    margin-top: 60px;

}

.footer-bottom .line {
    width: 1200px;
    height: 1px;
    background: #424242;
    margin-bottom: 40px;
}

.footer-text {
    font-size: var(--moka--font-12);
    color: #646669;
}