/* ==========================================================
   全局基础样式：盒模型 / 图片自适应 / 横向滚动保护 / 滚动条
   与 gird.css 栅格断点配合，保证手机端与电脑端自适应
   ========================================================== */

/* 统一盒模型，栅格百分比宽度计算更精确 */
* {
    box-sizing: border-box;
}

html,
body {
    /* 防止移动端出现横向滚动条 */
    overflow-x: hidden;
    width: 100%;
}

body {
    font-family: "Microsoft YaHei", "PingFang SC", "Segoe UI", Arial, sans-serif;
    color: #606266;
}

/* 图片默认不超出容器，富文本内容（新闻/活动详情）自适应 */
img {
    max-width: 100%;
}

/* 滚动条美化 */
body::-webkit-scrollbar {
    width: 5px;
    background-color: transparent;
}

body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background: rgba(0, 0, 0, 0.5);
}

/* 长英文/数字自动换行，避免撑破手机端布局 */
p,
span,
a,
li,
td,
h1, h2, h3, h4, h5 {
    word-wrap: break-word;
    overflow-wrap: break-word;
}