/* 去除常见标签默认的 margin 和 padding */
/* 使用通配符选择器 * 选中所有元素，重置外边距和内边距为0，并设置盒模型为 border-box，使元素的宽度和高度计算包含边框和内边距 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;   /* 去掉移动端点按时的蓝/灰高亮闪烁 */
}

/* 设置网页统一的字体大小、行高、字体系列相关属性 */
body {
    font: 16px/1 "Microsoft Yahei",
    "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    color: #333;
}

/* 去除列表默认样式 */
ul,
ol {
    list-style: none;
}

/* 去除默认的倾斜效果 */
em,
i {
    font-style: normal;
}

/* 去除a标签默认下划线，并设置默认文字颜色 */
a {
    text-decoration: none;
    color: #333;
}

/* 手指/鼠标点击后不再残留浏览器默认的蓝色焦点框；
   键盘 Tab 导航（:focus-visible）仍保留轮廓，兼顾无障碍访问 */
:focus:not(:focus-visible) {
    outline: none;
}

/* 设置img的垂直对齐方式为居中对齐，去除img默认下间隙 */
img {
    vertical-align: middle;
}

/* 去除input默认样式 */
input {
    border: none;
    outline: none;
    color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}