#app { width: 100%; } .headerView { width: 101.25rem; height: 5rem; margin: auto; display: flex; align-items: center; justify-content: space-between; .headerView-left, .headerView-right { display: flex; flex-direction: row; align-items: center; height: 100%; .header-logo { width: 6.875rem; } .header-list { display: flex; align-items: center; height: 100%; margin-left: 2rem; .header-item { margin-right: 2rem; font-size: 1.125rem; height: 100%; display: flex; align-items: center; box-sizing: border-box; a { display: block; display: flex; align-items: center; height: 3.5rem; } &::last-child { margin-right: 0; } } .item-hover { border-bottom: 0.125rem solid #37b8ff; } a { display: block; height: 100%; color: inherit; text-decoration: none; } } } .img { width: 100%; height: 100%; } } .headerProduct { width: 100%; padding-bottom: 20px; border-top: 0.0625rem solid #dcdfe6; background: #fff; .content { width: 100rem; display: flex; margin: auto; .product { width: 48%; font-size: 1.125rem; .product-title { display: flex; padding: 1.25rem 0 0.9375rem 1rem; align-items: center; border-bottom: 0.0625rem solid #dcdfe6; } .hove { background: #f0f4ff; color: #3370ff; } .product-item { margin-top: 0.625rem; width: 7.5rem; padding: 0.625rem 1.25rem; border-radius: 0.25rem; a { display: block; height: 100%; color: inherit; text-decoration: none; } } } } } ::-webkit-scrollbar { width: 0px; /* 设置滚动条宽度 */ } ::-webkit-scrollbar-button { height: 0; background-color: #ccc; /* 按钮背景颜色 */ } ::-webkit-scrollbar-track { background-color: #f1f1f1; } ::-webkit-scrollbar-thumb { background-color: #888; border-radius: 5px; } ::-webkit-scrollbar-thumb:hover { background-color: #555; } ::-webkit-scrollbar-thumb:active { background-color: #333; }