* {
    margin: 0;
    padding: 0;
}

body, html {
    width: 100%;
    height: 100%;
    background: white
}

li, ul {
    list-style: none outside none
}

[v-cloak] {
    display: none
}

.clearfix:after, .clearfix:before {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #f5f5f5
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 5px;
    background-color: #f5f5f5
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #bdbdbd
}

::-webkit-scrollbar-thumb:hover {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: rgba(0, 0, 0, .4)
}

html {
    scrollbar-face-color: #bfbfbf;
    scrollbar-highlight-color: #000;
    scrollbar-3dlight-color: #000;
    scrollbar-darkshadow-color: #000;
    scrollbar-Shadow-color: #adadad;
    scrollbar-arrow-color: rgba(0, 0, 0, .4);
    scrollbar-track-color: #eee
}

@media screen and (max-width: 768px) {
    ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        background-color: #f5f5f5
    }
}