* {
    padding: 0;
    margin: 0;
}

body {
    font-family: pingfang SC;
}

.body_scoorll {
    height: 100vh;
    overflow: auto;
    /* 强化滚动过渡，will-change提示浏览器提前优化 */
    transition: transform 0.5s ease-out, scroll-behavior 0.5s ease-out;
    will-change: scroll-position;
}


/* 整个滚动条 */
::-webkit-scrollbar {
    width: 0px;
    /* 滚动条宽度 */
    height: 5px;
    /* 滚动条高度 */
}

/* 滚动条上的滑块 */
::-webkit-scrollbar-thumb {
    background-color: #eee;
    /* 滑块颜色 */
    border-radius: 10px;
    /* 滑块圆角 */
    border: 3px solid transparent;
    /* 滑块边框 */
    background-clip: content-box;
    /* 背景裁剪为内容框 */
}

/* 滑块悬停状态 */
::-webkit-scrollbar-thumb:hover {
    background-color: #555;
    /* 滑块悬停颜色 */
}

/* 滑块按下状态 */
::-webkit-scrollbar-thumb:active {
    background-color: #333;
    /* 滑块按下颜色 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    /* 轨道颜色 */
}

.w1200 {
    width: 1200px;
    margin: 0 auto;
}

.bd {
    border: 1px solid #000;
}

.h100 {
    height: 100%;
}