body {
    background-color: white;
}

body:after{
    background: url("./images/01.svg") no-repeat -10000px -1000px,url("./images/02.svg") no-repeat -10000px -1000px,url("./images/03.svg") no-repeat -10000px -1000px,url("./images/04.svg") no-repeat -10000px -1000px,url("./images/05.svg") no-repeat -10000px -1000px;
}


header{
    background-color: rgb(0,0,0);
    margin: -8px -8px 8px -8px;
    height: 48px;
    box-shadow: 0px 3px 5px #888888;
}

footer {
    background-color:  rgb(71, 71, 71);
}

.logo {
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    text-decoration: none;
    font-size: 33px;
    margin-left: 1%;
    text-align: center;
    height:40px;
    line-height:40px;
    color: #e4e4cf;
}


.item {
    float: right;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 18px;
    font-weight: 600;
    margin-left: 10px;
    margin-right: 20px;
    color: #ececea;
    text-align: center;
    line-height:40px;
    text-decoration: none;
    object-fit: contain;

}

.content {
    height: calc(100% - 80px);
    background: #202020 url(https://homepage-1258187769.cos.ap-shanghai.myqcloud.com/images/01.svg) no-repeat top center fixed;
    background-size: cover;
    object-fit: contain;
}

.join{
    color: yellow;
    height:30px;
    line-height:30px;
    margin-right: 10px;
    float: right;
}