.content {
    display: flex;
    flex-direction: column;
    height: 100vh;
    position: relative;
   
 
}

/* 修改垂直滚动条 */
::-webkit-scrollbar {
    width: 0;
    /* 修改宽度 */
}

/* 头部 */
header {
    padding: 1.25rem;
    background-color: #fd7e14;
    color: #fff;
    display: flex;
    justify-content: space-between;
}

header .nav {
    display: flex;
}

header>span {
    cursor: pointer;
}

header>img {
    cursor: pointer;
    display: none;
}

header .nav>li {
    margin-left: 2rem;
    cursor: pointer;
}


header .nav>li:hover {
    color: #fff;
}

/* 尾部 */
footer {
    padding: 0.5rem;
    background-color: #fd7e14;
    color: #fff;
}

footer>.footer-nav {
    display: flex;
    overflow-x: scroll;
}

footer>.footer-nav>li {
    margin-right: 2rem;
    color: rgba(225, 225, 225, .5);
    cursor: pointer;
}

footer>.footer-nav>li:hover {
    color: rgba(225, 225, 225, .1);
}

footer>.footer-nav>li.active {
    color: #fff !important;
}