/* 初始化 */
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
    margin: 0; /*将外边距设为0，消除元素之间的默认空白空间。*/
    padding: 0; /*将内边距设为0，消除元素内部的默认空白空间。*/
    border: 0; /*去除边框样式，消除元素的默认边框。*/
    font-size: 100%; /*将字体大小设置为父元素的100%，以确保字体大小始终按照默认大小显示。*/
    font-weight: normal; /*将字体粗细设置为正常（默认）。*/
    vertical-align: baseline; /*将元素的垂直对齐方式设置为基线对齐。*/
    background: transparent; /*将背景颜色设置为透明。*/
}

/*导航栏*/
.box_navbar {
    height: 80px; /*高度80像素*/
    width: 100%; /*宽度100%*/
    background: white; /*背景白色*/
    opacity: 1.0; /*透明度1.0*/
    font-family: 'Poppins', Arial, sans-serif; /* 更换为 Poppins 字体 */
    z-index: 20; /*元素堆叠顺序*/
    position: fixed; /*固定定位*/
    top: 0; /*固定元素在左上角*/
    left: 0; /*固定元素在左上角*/
}

.box_header {
    height: 80px; /*高度80像素*/
    width: 90%; /*宽度70%*/
    margin: 0 auto; /*块级元素水平居中*/
}

.header_left {
    display: flex;
    height: 80px; /*高度80像素*/
    width: 35%; /*宽度35%*/
    margin: 0 auto; /* 左右外边距设为auto */
    align-items: center; /* 垂直居中 */
    float: left; /*左浮动*/
}

/*logo大小*/
.logo_size {
    width: 140px;
    height: 90px;
}

.header_right {
    display: flex;
    height: 80px; /*高度80像素*/
    width: 50%; /*宽度35%*/
    margin: 0 auto; /* 左右外边距设为auto */
    align-items: center; /* 垂直居中 */
    float: right; /*右浮动*/
}

.center {
    list-style: none; /* 去除默认的列表样式 */
    padding: 0;
    display: flex;
    margin: 0 auto; /* 左右外边距设为auto */
}

.center li {
    margin-right: 20px; /* 为每个 li 元素添加右边距，设置间距 */
}

.center li:last-child {
    margin-right: 0; /* 最后一个 li 元素右边距为0，避免多余的空白 */
}

.center a {
    text-decoration: none; /* 去掉默认的下划线 */
    color: inherit; /* 保持文本颜色继承 */
}

.link {
    font-size: 20px;
    color: black; /*设置颜色*/
    text-decoration: none; /* 去除下划线 */
    font-weight: bold; /* 加粗字体 */
}

.img_home {
    width: 1900px; /* 图片宽度填满容器 */
    height: auto; /* 让高度按比例自动调整 */
    margin-top: 80px; /* 添加与导航栏高度相同的上外边距 */
}

.center-center {
    font-size: 20px; /* 设置字体大小为 20像素 */
    line-height: 1.5; /* 设置行间距为字体大小的 1.5 倍 */
    text-align: center; /* 设置文本左对齐 */
    margin: 0 auto; /* 将元素水平居中 */
    width: 50%; /* 设置元素宽度为页面宽度的一半 */
}

.center-left {
    text-align: left; /* 设置文本左对齐 */
    margin: 0 auto; /* 将元素水平居中 */
    width: 50%; /* 设置元素宽度为页面宽度的一半 */
}

.text-font-A {
    font-size: 24px; /* 设置字体大小为 24像素 */
    text-indent: 2em; /* 首行缩进两个字符 */
    line-height: 1.5; /* 设置行间距为字体大小的 1.5 倍 */
    font-weight: bold; /* 设置字体加粗 */
}

.text-font-B {
    font-size: 24px; /* 设置字体大小为 24像素 */
    line-height: 1.5; /* 设置行间距为字体大小的 1.5 倍 */
    font-weight: bold; /* 设置字体加粗 */
}

.bold-text {
    font-weight: bold; /* 设置字体加粗 */
}

.text-font {
    font-size: 18px; /* 设置字体大小为 20像素 */
    text-indent: 2em; /* 首行缩进两个字符 */
    line-height: 1.5; /* 设置行间距为字体大小的 1.5 倍 */
}

.app-image {
    text-align: left; /* 设置文本左对齐 */
    margin: 0 auto; /* 将元素水平居中 */
    width: 50%; /* 设置元素宽度为页面宽度的一半 */
}

.container {
    display: flex; /* 使用Flexbox布局 */
}

.box {
    flex: 1; /* 均分空间 */
    /*border: 1px solid black; !* 边框样式 *!*/
    box-sizing: border-box; /* 边框包含在盒模型中 */
}

.image-container {
    float: left;
    width: 50%;
}

.image {
    /*max-width: 40%; !* 设置图片最大宽度为父元素宽度 *!
    height: auto; !* 设置高度自动调整，保持图片比例 *!*/
    width: 450px; /* 设置图片宽度为200像素 */
    height: auto; /* 设置图片高度为150像素 */
    border-radius: 20px; /* 设置图片边框圆角半径为 10 像素 */
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /* 设置图片阴影效果 */
    transition: transform 0.3s ease; /* 添加变换过渡效果 */
    overflow: hidden; /* 清除浮动 */
}

.text-container {
    float: right;
    width: 50%;
}

.your-element {
    padding-right: 20px; /* 右侧空白 */
    /*margin-left: 30px;*/ /* 左侧空白 */
    /*margin-top: 35px;*/ /* 在顶部留出20px的空白 */
    text-indent: 35px; /* 首行缩进 */
    /*display: flex; !* 将容器设置为弹性布局 *!*/
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    line-height: 1.5; /* 设置行高为1.5倍，默认字体大小的行高 */
    font-family: '阿里妈妈方圆体 VF Regular', sans-serif;
    font-weight: 700; /* 设置为粗体 */
    /* 添加其他样式，比如字体大小、颜色等 */
}

.image-container-right {
    float: right;
    width: 50%;
}

.text-container-left {
    float: left;
    width: 50%;
}

.company-profile {
    text-align: center; /* 让文本水平居中显示 */
    font-size: 48px; /* 设置字体大小为 48像素 */
    font-family: 'Comic Sans MS', cursive; /* 设置字体为 Comic Sans MS 或类似手写风格的字体 */
    color: #f93b28; /* 设置字体颜色为粉色 */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* 添加文字阴影效果 */
    font-weight: bold; /* 设置字体加粗 */
}

/* 底部栏样式 */
.footer {
    position: relative; /* 使用相对定位 */
    left: 0;
    bottom: 0;
    width: 1900px;
    background-color: #bfe139;
    color: #f63b2c;
    text-align: center;
    padding: 10px 0;
    height: 215px; /* 设置底部栏高度为50像素 */
}

.information1 {
    position: absolute;
    bottom: 45px;
    left: 0;
    right: 0;
    color: black;
}

.footer-logo {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 230px;
    height: 180px;
    /* 如果需要固定 logo 的大小，可以添加 width 和 height 属性 */
}

.divider2 {
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
}

.divider {
    border-top: 1px solid #666;
    width: 50%; /* 调整分割线长度 */
    margin: 10px auto; /* 居中显示 */
    bottom: 2px; /* 调整分割线位置 */
    position: relative; /* 使用相对定位 */
}

.copyright {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    color: black;
}

/* 基础表格样式 */
.privacy-table {
    width: 100%;
    border-collapse: collapse;
    margin: 16px 0;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    background: #fff;
    border-radius: 6px;
    overflow: hidden;   /* 圆角 */
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}

.privacy-table th,
.privacy-table td {
    padding: 12px 16px;
    border: 1px solid #e6e6e6;
    text-align: left;
    word-break: break-all;
}

/* 加深表头背景 */
.privacy-table thead {
    background: #75abe0;   /* 深墨蓝 */
    color: #fff;           /* 白色文字 */
    font-weight: 600;
}

/* 斑马纹 */
.privacy-table tbody tr:nth-child(even) {
    background: #fafafa;
}

/* 悬停高亮 */
.privacy-table tbody tr:hover {
    background: #f0f9ff;
}

/* 链接 */
.privacy-table a {
    color: #0969da;
    text-decoration: none;
}
.privacy-table a:hover {
    text-decoration: underline;
}

/* 移动端横向滚动 */
@media (max-width: 600px) {
    .privacy-table-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .privacy-table {
        min-width: 520px;
    }
}