/* 基于 750px 设计稿，使用 vw 单位适配 */

.ynjd-body {
    max-width: 100vw;
    width: 100%;
    margin: 0 auto;
    background: #f9fafa;
}

.layer-content {
    width: 100%;
    padding-bottom: 5.33vw; /* 40px / 750 */
}

.layer-header {
    width: 100%;
    height: 79.33vw; /* 595px / 750 */
    position: relative;
}

.layer-header .header-img {
    width: 100%;
    height: 100%;
}

.layer-header .header-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 卡片样式 */
.layer-card {
    width: 89.33vw; /* 670px / 750 */
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 2.67vw; /* 20px / 750 */
    padding: 4vw 4vw 5.33vw; /* 30px 30px 40px / 750 */
    box-shadow: 0 0.53vw 2.67vw rgba(0, 0, 0, 0.08);
}

.card-top {
    margin-top: 4vw; /* 30px / 750 */
}

/* 绝对定位的小学卡片 */
.xx-card {
    position: absolute;
    top: 42vw; /* 195px / 750 */
    left: 50%;
    transform: translateX(-50%);
}

/* 标题图片 */
.font-title {
    width: 21.33vw; /* 160px / 750 */
    height: auto;
    margin-bottom: 4vw; /* 30px / 750 */
}

.font-title img {
    width: 100%;
    height: auto;
    display: block;
}

/* 职业高中标题宽度调整 */
.z-title {
    width: 29.33vw; /* 220px / 750 */
}

/* 下载容器 */
.download-container {
    width: 100%;
}

/* 下载列表 */
.downlaod-list {
    display: flex;
    justify-content: space-between;
    gap: 2.67vw; /* 20px / 750 */
    list-style: none;
    padding: 0;
    margin: 0;
}

.downlaod-list li {
    flex: 1;
    min-width: 0;
}

.downlaod-list li a {
    display: block;
    width: 100%;
    text-decoration: none;
}

.downlaod-list li img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 1.33vw; /* 10px / 750 */
    transition: transform 0.2s ease;
}

.downlaod-list li a:active img {
    transform: scale(0.95);
}

/* 大学阶段只有一个按钮 */
.d-list {
    justify-content: flex-start;
}

.d-list li {
    flex: 0 0 calc(33.33% - 1.78vw);
}

/* 页脚 */
.footer {
    margin-top: 6.67vw; /* 50px / 750 */
    padding: 5.33vw 5.33vw; /* 40px / 750 */
    text-align: center;
    color: #cdcdcd;
    font-size: 3.2vw; /* 24px / 750 */
    line-height: 1.8;
}

.footer div {
    margin: 1.33vw 0; /* 10px / 750 */
}

.footer div:last-child {
    margin-top: 2.67vw; /* 20px / 750 */
    color: #cdcdcd;
    font-size: 2.93vw; /* 22px / 750 */
}
#wechat-tip {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    color: white;
    text-align: center;
    padding-top: 30vh;
    font-size: 18px;
}<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2026-02-24 15:06:42" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->