/* 全局样式 */

* {
    box-sizing: border-box;
    user-select: none;
    outline: none;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

body,
html {
    height: 100%;
    width: 100%;
    margin: 0;
}

#app {
    height: 100%;
    width: 100%;
    background-color: #121012;
}

::-webkit-scrollbar-track-piece {
    background-color: rgb(21, 21, 21);
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: rgb(21, 21, 21);
    background-clip: padding-box;
    min-height: 28px;
}

::-webkit-scrollbar-thumb:vertical {
    border-radius: 5px;
    background: rgb(89, 90, 92);
}

::-webkit-scrollbar-thumb:horizontal {
    border-radius: 5px;
    background: rgb(89, 90, 92);
}

::-webkit-scrollbar-corner {
    background-color: rgb(21, 21, 21);
}

::-webkit-scrollbar-thumb:horizontal:hover {
    background: #bbb;
}

::-webkit-scrollbar-thumb:vertical:hover {
    background: #bbb;
}


/* 弹性布局撑满 */

.layout-flex-1-hidden {
    flex: 1;
    overflow: hidden;
}


/* 布局撑满 */

.layout-w-h-100 {
    width: 100%;
    height: 100%;
}


/* 垂直居中 */

.layout-v-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cursor-pointer {
    cursor: pointer;
}

.transitionAll {
    transition: all 0.25s ease-in-out 0s;
}