/*回到顶部*/
#backToTop {
    position: fixed;
    bottom: 10.78vh;
    right: 2.62vw;
    background-color: #4B2E83; /* 紫色背景 */
    color: white;
    border: none;
    border-radius: 1.250vw;
    padding: 1.1vh 0.84vw;
    font-size: 1.05vw;
    cursor: pointer;
    align-items: center;
    gap: 0.313vw;
    z-index: 999;
    box-shadow: 0 0.208vw 0.417vw rgba(0,0,0,0.15);
    display: none; /* 初始隐藏 */
    transition: all 0.3s ease;
}

#backToTop .arrow {
    color: #FFD700; /* 黄色箭头 */
    font-size: 0.938vw;
    font-weight: bold;
}

#backToTop .label {
    color: white; /* 白色说明文字 */
}

#backToTop:hover {
    transform: translateY(-0.156vw);
    box-shadow: 0 0.313vw 0.625vw rgba(0,0,0,0.25);
}


/*学思背景宽度占满-LD*/
.xs-banner{

}
.xs-banner img{
    width: 100%;
    height: auto;
    display: block;
}
/* 背景图部分 */
.xs-banner2 {
    width: 100%; /* 宽度占满屏幕 */
    height: auto; /* 高度固定 */
    background-image: url('https://via.placeholder.com/1920x300'); /* 使用占位符图片 */
    background-size: cover; /* 背景图覆盖容器 */
    background-position: center; /* 背景图居中显示 */
}

/*学思按钮1-LD*/
.xs-btn1 {
    display: inline-block;
    width: 11.46vw;
    height: 6.28vh;
    padding: 0;
    border: none;
    cursor: pointer;
    background-image: url('../img/6.png'); /* 设置按钮背景图 */
    background-size: contain;                 /* 保持原图比例填满 */
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    z-index: 2;
}

.xs-btn1:hover {
    filter: brightness(1.1);
}

.xs-btn1 img{
    width: 11.46vw;
    height: 6.28vh;
}
/*学思按钮2-LD*/
.xs-btn2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 9.41vw;
    height: 4.31vh;
    background-color: rgba(211, 211, 211, 0.8);
    border-radius: 1.302vw;
    text-decoration: none;
    color: #000;
    font-weight: 600;
    letter-spacing: 0.104vw;
    transition: background-color 0.3s ease;
}

.xs-btn2:hover {
    background-color: rgba(211, 211, 211, 1);
}

.xs-btn2 .btn-text {
    color: #6A6A6A;
    margin: 0.47vw 0 0.47vw 1.88vw;
    font-size: 0.84vw;
}

.xs-btn2 .btn-icon {
    width: 1.05vw;
    height: 1.05vw;
    background-color: #fbc200;
    border-radius: 50%;
    background-image: url('../img/14.png');  /* 背景图设置 */
    background-size: 1.05vw 1.05vw;                   /* 图标大小 */
    background-repeat: no-repeat;
    background-position: center;
    /* 新增 */
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.26vw;
}


.xs-btn2 .btn-icon img {
    width: 1.05vw;
    height: 1.05vw;
}


/*底部小三角-LD*/
.xs-triangle1 {
    position: absolute;
    bottom: 0;
    width: 100%; /* 或设计图尺寸 */
    height: 13.7%;
    background-image: url('../img/22.png'); /* 替换为实际图片 */
    background-repeat: no-repeat;
    background-position: center;
}
/*黄色滤镜-LD*/
.yellow-filter {
    filter: sepia(1) hue-rotate(25deg) saturate(2);
}

/*通用title*/
.njxs-title {
    background-image: url('../image/轻微标题栏.png'); /* 设置背景图 */
    background-size: cover; /* 背景图覆盖整个区域 */
    background-position: center; /* 图片居中显示 */
    background-repeat: no-repeat; /* 防止背景图重复 */
    height: 10.417vw; /* 限制高度，比如10.417vw，根据需要调整 */

    padding: 0 1.042vw; /* 去掉上面的2.083vw，padding可以根据需要自己微调 */
    text-align: center;
    border-bottom: 0.104vw solid #E0E0E0;
    margin-bottom: 1.250vw;
    display: flex; /* 让文字可以在背景图里居中 */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
}


.njxs-title h2 {
    font-size: 2.344vw;
    color: #4B2E83; /* 主紫色 */
    margin-bottom: 0.625vw;
    position: relative;
}

.njxs-title h2::after {
    content: '';
    display: block;
    width: 3.125vw;
    height: 0.208vw;
    margin: 0.625vw auto 0;
    border-radius: 0.104vw;
}

/*5/6容器带阴影边框*/
.xs-container {
    width: 100%; /* 即 5/6 */
    margin: 0 auto; /* 水平居中 */
    background-color: #f9f9f9; /* 浅底色，可根据主题调整 */
    box-shadow: 0 0.104vw 0.417vw rgba(0, 0, 0, 0.08); /* 浅色阴影 */
    border-radius: 0.417vw; /* 可选圆角，提升视觉友好度 */
    box-sizing: border-box; /* 防止内边距撑破宽度 */
    overflow: hidden;  /* 解决浮动导致的布局问题 */
}
.xs-container img {
    width: 100%;     /* 图片最大宽度不超过容器 */
    height: 100%;        /* 高度按比例缩放 */
    object-fit: cover;  /* 保持宽高比，并裁剪图片的多余部分 */
    display: block;      /* 去除底部空隙 */
    margin: 0 auto;      /* 水平居中显示图片 */
    border-radius: 0.313vw;  /* 可选：圆角美化 */
    box-shadow: 0 0.052vw 0.208vw rgba(0, 0, 0, 0.06); /* 可选：图片阴影 */
}

/* 学思页面主容器 */
.xs-mainbody {
    width: 100%; /* 宽度占满整个屏幕 */
    min-height: 100vh; /* 最小高度为视口高度 */
    box-sizing: border-box;
    background-color: #f4f4f4;
    font-family: 'Source Han Sans', sans-serif; /* 设置方正思源字体 */
    position: relative;
}

/* 学思字体0.833vw，居中 */
.xs-p{
    font-family: 'Source Han Sans', sans-serif; /* 设置方正思源字体 */
    font-size:	0.833vw;
    text-align:	center;
}
.xs-text-container {
    width: 100%;
    margin: 1.042vw auto;
    padding: 1.042vw;
    border: 0.052vw solid #ddd;
    border-radius: 0.417vw;
    box-shadow: 0 0.104vw 0.417vw rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.text-container-title {
    margin-top: 0;
    font-size: 1.2em;
    border-left: 0.208vw solid #4CAF50;
    padding-left: 0.521vw;
    font-family: 'Source Han Sans', sans-serif; /* 设置方正思源字体 */
}

.xs-text-container-content {
    margin: 0.521vw 0 0 0;
    line-height: 1.6;
    color: #333;
    font-family: 'Source Han Sans', sans-serif; /* 设置方正思源字体 */
}
@media (max-width: 768px){
	.njxs-title h2 {
    font-size: 4.344vw;
    color: #4B2E83; /* 主紫色 */
    margin-bottom: 0.625vw;
    position: relative;
	}
}