.banner {
    width: 100%;
    height: 100%;
    position: relative;
    box-sizing: border-box;
    background-color: #000000;
    background-image: url('../../assets/images/shop.jpg');
    background-size: cover;
}

.banner .words {
    position: absolute;
    top: 40%;
    left: 35%;
    text-align: center;
    font-size: 0.4rem;
    font-weight: 100;
    color: #666;
    /* font-family: 'MatchFormsFont'; */
}

.nav-box {
    background-color: transparent !important;
}

.nav-box .logo {
    background: url("../../assets/images/logo-1.png") no-repeat;
    background-size: 100%;
}

.nav-box:hover {
    background-color: whitesmoke !important;
}

.nav-box .nav-list a {
    color: #fff;
}

.nav-box:hover .nav-list a,
.nav-box:hover .nav-list .nav-active.shop a {
    color: #000 !important;
}

.nav-box:hover .logo {
    background: url("../../assets/images/logo.png") no-repeat;
    background-size: 100%;
}

.nav-box .nav-login.shop a,
.nav-box .nav-logout.shop a {
    color: #fff;
}

.nav-box:hover .nav-login.shop a,
.nav-box:hover .nav-logout.shop a {
    color: #000;
}

.nav-box .nav-login.shop a:hover,
.nav-box .nav-logout.shop a:hover {
    color: #000;
    font-size: 0.14rem;
    font-weight: 700;
}