/* ============================================
 * reset.css - 基础重置与全局样式
 * 统一管理：标签默认样式、字体、盒模型
 * ============================================ */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { width: 100%; height: 100%; }
body {
    font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    color: #333;
    background: #f5f5f5;
    min-width: 1200px;
    -webkit-font-smoothing: antialiased;
}
ul, ol { list-style: none; }
a { text-decoration: none; color: #333; }
a:hover { color: #c8102e; transition: color .2s; }
img { border: none; vertical-align: middle; max-width: 100%; }
input, button, textarea, select { font-family: inherit; outline: none; border: none; background: none; }
button { cursor: pointer; }
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
i, em { font-style: normal; }

/* 滚动条美化 */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #c8102e; border-radius: 4px; }
::-webkit-scrollbar-track { background: #f1f1f1; }

/* 通用容器 */
.wrap { width: 1200px; margin: 0 auto; }
.clearfix::after { content: ""; display: block; clear: both; }
.fl { float: left; } .fr { float: right; }

/* 文本省略 */
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ellipsis-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ellipsis-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }