#滚动条美化

html {
	// 兼容IE浏览器（可以省略）
	-ms-overflow-style: none;
	// 兼容Firefox浏览器（可以省略）
	overflow: -moz-scrollbars-none;
	// 主要代码
	overflow: hidden;
	overflow-y: scroll;
	scrollbar-width: none;
}
// 去除Chrome浏览器右侧滚动条区域的宽度
html::-webkit-scrollbar {
	width: 0 !important;
}

.header {
    width: 100%;
    position: fixed;
    z-index: 1;
}

/* 处理 Firefox 浏览器滚动条样式 */
* {
    scrollbar-width: thin;
    scrollbar-color: #b2b2b2 transparent;
    /* overflow-scroll: touch; */
    webkit-overflow-scrolling: touch;
}
/* 处理 chrome、edge 等浏览器滚动条 */
::-webkit-scrollbar {
    width: 4px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-track:hover {
    border-radius: 5px;
}

.content {
    width: 100%;
    height: calc(100vh - {header高度 + footer高度}px);
}