.mainContainer {
    width: 100%;
    height: 100vh;
}

.mainContainer .headerBox {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #333;
    color: #fff;
}

.mainContainer .headerBox .logoBox {
    width: 300px;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 20px;
}

.mainContainer .headerBox .navBox {
    height: 100%;
    flex: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 20px;
}

.mainContainer .headerBox .navBox a {
    color: #fff;
}

.mainContainer .headerBox .navBox a:hover {
    color: #f83434;
}

.mainContainer .headerBox .navBox .divider {
    padding: 0 10px;
    color: #fff;
}

.mainContainer .mainBox {
    height: calc(100% - 60px);
}