/* 兼容修改：仅在 IE 文档内核由 default.shtml 添加 ie-legacy 类后生效。 */
html.ie-legacy,
html.ie-legacy body {
    width: 100%;
    min-width: 1180px;
    height: auto;
    overflow: auto;
}

/* 兼容修改：旧 IE 不支持全屏翻页，首页改为可向下滚动的普通长页面。 */
.ie-legacy .section-wrap {
    height: auto;
    min-height: 690px;
    overflow: visible;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}

.ie-legacy .section-wrap .section {
    min-width: 1180px;
    height: auto;
    min-height: 0;
}

/* 兼容修改：所有静态分屏恢复到文档流，确保可以向下滚动查看完整首页内容。 */
.ie-legacy .section-1,
.ie-legacy .section-2,
.ie-legacy .section-3,
.ie-legacy .section-4,
.ie-legacy .section-5 {
    display: block;
    height: 690px !important;
    min-height: 690px;
}

/* 兼容修改：尾部区域也纳入普通文档流，避免页面在首屏后直接结束。 */
.ie-legacy .section-6 {
    display: block;
    height: 380px !important;
    min-height: 380px;
}

/* 兼容修改：仅停用旧 IE 无法稳定呈现的轮播和全屏翻页控件。 */
.ie-legacy .bigFocus,
.ie-legacy .section-btn,
.ie-legacy .go-btn {
    display: none;
}

.ie-legacy .section-1 .mode-bg {
    position: absolute;
}

.ie-legacy .title-wenzi {
    animation: none;
    -webkit-animation: none;
}

/* 兼容修改：未运行 Vue 分屏脚本时，使后续分屏的静态标题、按钮保持可见。 */
.ie-legacy .section-2 .title,
.ie-legacy .section-3 .title,
.ie-legacy .section-4 .title,
.ie-legacy .section-5 .title {
    padding-top: 120px;
}

.ie-legacy .section-2 .read-more,
.ie-legacy .section-3 .rpg-read-more,
.ie-legacy .section-4 .rpg-read-more {
    width: 166px;
    height: 54px;
    display: inline-block;
    position: relative;
    left: auto;
    top: auto;
    margin: 35px auto 0;
    opacity: 1;
    background: url(../images/read-more.png);
    transform: none;
    -webkit-transform: none;
}

.ie-legacy .rpg-type {
    width: 880px;
    display: block;
    position: relative;
    left: auto;
    top: auto;
    margin: 0 auto 30px;
    opacity: 1;
    transform: none;
    -webkit-transform: none;
    animation: none;
    -webkit-animation: none;
}

.ie-legacy .rpg-type span,
.ie-legacy .rpg-type span i {
    display: inline-block;
    vertical-align: middle;
}

.ie-legacy .rpg-type span {
    margin: 0 16px;
}

/* 兼容修改：新闻数据依赖 Vue 接口，旧 IE 保留新闻入口文案，避免显示未解析的模板变量。 */
.ie-legacy .news-tt,
.ie-legacy .news-tips {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    transform: none;
    -webkit-transform: none;
}

.ie-legacy .news-lts {
    display: none;
}

/* 兼容修改：Flex 降级为浮动布局，确保三个下载/注册按钮可点击。 */
.ie-legacy .action-btn {
    display: block;
    width: 756px;
    overflow: hidden;
}

.ie-legacy .action-btn a.load-20,
.ie-legacy .action-btn a.load-30,
.ie-legacy .action-btn a.load-register {
    float: left;
    margin-right: 15px;
}

.ie-legacy .action-btn a.load-register {
    margin-right: 0;
}

/* 兼容修改：静态导航不依赖 Flex，使用传统浮动保证可见。 */
.ie-legacy .header {
    background-color: #14171f !important;
}

.ie-legacy .inHeader {
    display: block;
    width: 1180px;
}

.ie-legacy .inHeader .Logo,
.ie-legacy .inHeader ul,
.ie-legacy .in-header-right,
.ie-legacy .inHeader ul li {
    float: left;
}

.ie-legacy .in-header-right {
    float: right;
}

.ie-legacy .inHeader ul {
    margin-left: 20px;
    margin-right: 20px;
}

.ie-legacy .inHeader ul li {
    padding: 0 18px;
}