.header {
    width: 100%;
    height: .9rem;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2.8rem 0 .38rem;
    position: fixed;
    top: 0;
    z-index: 111;
}

.header-logo {
    display: inline-block;
    background: url(../../../../images/pc/main_new/logo.png);
    background-size: 100% 100%;
    width: 1.74rem;
    height: .71rem;
}

.header-flex {
    display: flex;
    align-items: center;
}

.header-flex>a {
    display: inline-block;
    width: 1.43rem;
    height: .9rem;
    line-height: .9rem;
    text-align: center;
    color: #c4afff;
    font-size: .18rem;
}

/* .header-flex>a:hover {
    background: url(../../../../images/pc/main_new/nav-active.png);
    background-size: 100% 100%;
    color: #fff;
    font-weight: 700;
} */

.header-flex>a.geted {
    background: url(../../../../images/pc/main_new/nav-active.png);
    background-size: 100% 100%;
    color: #fff;
    font-weight: 700;
}






.footer {
    display: flex;
    height: 1.5rem !important;
    background: black;
}

.footer .container {
    width: 14rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer .fnav a:first-child {
    margin-left: 0;
}

.footer .finfo {
    line-height: 0.26rem;

    /* margin-left: 20px; */
}

.footer .fnav {
    color: #f2f2f2;
}

.footer .fnav a {
    color: #f2f2f2;
    margin: 0 0.1rem;
    font-size: 0.14rem;
}

.footer .finfo p {
    font-size: 0.12rem;
    color: #f2f2f2;
}

.footer .finfo p a {
    color: #f2f2f2;
}

.footer .flogo {}

.footer .flogo img {
    width: 2.3rem;
    height: 0.75rem;
}