/* ==========================================================================
   2026现代轻拟物专区大提质方案 - 100%严格物理对齐，视觉层高权重换血
   ========================================================================== */

/* 1. 严格一字不差复刻基础浮动流与底层清浮动结构 [锁死物理框架防止卡片下坠塌陷] */
.eyou_matter .ey_majoro .inward,
.eyou_matter .ey_majoro .eyou_xs,
.eyou_matter .ey_majoro .eyou_tp,
.eyou_matter .ey_majoro .eyou_hezi,
.eyou_matter .ey_impor1 .inward,
.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art,
.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul,
.eyou_matter .ey_impor1 .majort_yb .eyou-yclb .ey_project {
    *zoom: 1;
}

.eyou_matter .ey_majoro .inward:before, .eyou_matter .ey_majoro .eyou_xs:before, .eyou_matter .ey_majoro .eyou_tp:before, .eyou_matter .ey_majoro .eyou_hezi:before, .eyou_matter .ey_impor1 .inward:before, .eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art:before, .eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul:before, .eyou_matter .ey_impor1 .majort_yb .eyou-yclb .ey_project:before,
.eyou_matter .ey_majoro .inward:after, .eyou_matter .ey_majoro .eyou_xs:after, .eyou_matter .ey_majoro .eyou_tp:after, .eyou_matter .eyou_hezi:after, .eyou_matter .ey_impor1 .inward:after, .eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art:after, .eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul:after, .eyou_matter .ey_impor1 .majort_yb .eyou-yclb .ey_project:after {
    content: "";
    display: table;
}

.eyou_matter .ey_majoro .inward:after, .eyou_matter .ey_majoro .eyou_xs:after, .eyou_matter .ey_majoro .eyou_tp:after, .eyou_matter .eyou_hezi:after, .eyou_matter .ey_impor1 .inward:after, .eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art:after, .eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul:after, .eyou_matter .ey_impor1 .majort_yb .eyou-yclb .ey_project:after {
    clear: both;
}

.eyou_matter .ey_majoro .eyou_tp .eyou_zc .bots .tit,
.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art .ey_xm .ey_myc .eyou_xbts,
.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul li a,
.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul li .eyou_tm,
.eyou_matter .ey_impor1 .majort_yb .eyou-yclb .ey_project .ey_ject_yc .eyou_bt,
.eyou_matter .ey_impor2 .majort_yb .eyou-yclb .ey_project .ey_ject_yc .eyou_bt,
.eyou_matter .ey_impor6 .majort_yb .eyou-yclb .ey_project .ey_ject_yc .eyou_bt,
.eyou_matter .ey_impor6 .majort_yb .eyou-yclb .ey_project .ey_ject_yc .eyou_bte {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

html, body {
    color: #1a1c1e;
    background: #f4f6fa;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
}

a {
    transition: color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    text-decoration: none;
}

html a:hover {
    color: #ff6f06;
}

.eyou_matter {
    width: 100%;
    margin: 0 auto;
}

.eyou_matter .ey_majoro {
    padding-bottom: 0px;
}

.eyou_matter .ey_majoro .inward {
    margin: 0 auto;
    width: 1200px;
}

/* ==========================================================================
   2. 顶部分类导航舱 (eyou_xs)
   ========================================================================== */
.eyou_matter .ey_majoro .eyou_xs {
    padding: 27px 0 0px 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.eyou_matter .ey_majoro .eyou_xs .eyou_zc {
    position: relative;
    width: 225px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
    box-sizing: border-box;
}

.eyou_matter .ey_majoro .eyou_xs .eyou_zc:after {
    content: '';
    width: 1px;
    height: 40px;
    background-color: #ebedf0;
    position: absolute;
    right: 0px;
    top: 10px;
}

.eyou_matter .ey_majoro .eyou_xs .eyou_zc .icon {
    display: inline-block;
    text-align: center;
}

.eyou_matter .ey_majoro .eyou_xs .eyou_zc .icon p {
    color: #4a5056;
    font-size: 12px;
    margin-top: 3px;
    font-weight: 600;
}

.eyou_matter .ey_majoro .eyou_xs .centre {
    position: relative;
    display: flex;
    align-items: center;
    width: 735px;
    justify-content: center;
}

.eyou_matter .ey_majoro .eyou_xs .centre:after {
    content: '';
    width: 1px;
    height: 40px;
    background-color: #ebedf0;
    position: absolute;
    right: 0px;
    top: 10px;
}

.eyou_matter .ey_majoro .eyou_xs .centre ul {
    padding-left: 30px;
}

.eyou_matter .ey_majoro .eyou_xs .centre ul li {
    float: left;
    width: 100px;
    text-align: left;
    margin: 5px 0;
}

.eyou_matter .ey_majoro .eyou_xs .centre ul li a {
    color: #4a5056;
    font-size: 14px;
    font-weight: 500;
}

.eyou_matter .ey_majoro .eyou_xs .eyou_yc {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex: 1;
}

.eyou_matter .ey_majoro .eyou_xs .eyou_yc .ey_xm {
    display: inline-block;
    width: 50%;
    color: #4a5056;
    text-align: center;
    font-weight: 500;
}

.eyou_matter .ey_majoro .eyou_xs .eyou_yc .ey_xm:nth-of-type(1) {
    margin-bottom: 10px;
}

.eyou_matter .ey_majoro .eyou_xs .eyou_yc .ey_xm img {
    vertical-align: -7px;
}

.eyou_matter .ey_majoro .eyou_xs .eyou_yc .ey_xm span {
    margin-left: 5px;
    position: relative;
    top: 3px;
}

/* ==========================================================================
   3. 核心大幻灯图画廊区 (eyou_tp)
   ========================================================================== */
.eyou_matter .ey_majoro .eyou_tp {
    display: flex;
    margin-top: 25px;
}

.eyou_matter .ey_majoro .eyou_tp .eyou_zc {
    border-radius: 8px;
    width: 800px;
    margin-right: 25px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(2, 10, 24, 0.04);
}

.eyou_matter .ey_majoro .eyou_tp .eyou_zc .swiper-container {
    box-sizing: border-box;
    text-align: left;
    position: relative;
    width: 100%;
    height: 100%;
}

.eyou_matter .ey_majoro .eyou_tp .swiper-container .eyou_hd {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 330px;
    border-radius: 8px;
    object-fit: cover;
}

.swiper-slide {
    border-radius: 8px;
}

.swiper-pagination {
    position: absolute !important;
    bottom: 20px !important;
    left: 350px !important;
}

.eyou-mhdyc {
    padding-top: 0 !important;
    min-height: auto;
}

.eyou-mhdyc .ey_project {
    margin-bottom: 20px !important;
}

.eyou_matter .ey_majoro .eyou_tp .eyou_yc {
    flex: 1;
}

/* ==========================================================================
   4. 四列横向金刚核心推荐魔盒 (eyou_hezi)
   ========================================================================== */
.eyou_matter .eyou_hezi {
    height: 100px;
    background-color: transparent;
    padding-bottom: 0px;
}

.eyou_matter .eyou_hezi ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.eyou_matter .eyou_hezi ul li {
    float: left;
    width: 280px;
    height: 90px;
    margin-left: 26px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(164, 180, 195, 0.03);
    box-sizing: border-box;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.eyou_matter .eyou_hezi ul li:first-child {
    margin-left: 0px;
}

.eyou_matter .eyou_hezi ul li:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(255, 111, 6, 0.1);
}

.eyou_matter .eyou_hezi ul li a {
    display: block;
    width: 280px;
    height: 90px;
    padding: 22px 0 0 26px;
    box-sizing: border-box;
}

.eyou_matter .eyou_hezi ul li a .eyou_pic {
    width: 46px;
    float: left;
}

.eyou_matter .eyou_hezi ul li a .eyou_pic img {
    width: 100%;
    height: auto;
}

.eyou_matter .eyou_hezi ul li a .writing {
    float: left;
    text-align: left;
    margin-left: 14px;
}

.eyou_matter .eyou_hezi ul li a .writing .eyou_t1 {
    color: #191b1f;
    font-size: 16px;
    font-weight: 700;
}

.eyou_matter .eyou_hezi ul li a .writing .eyou_t2 {
    font-size: 12px;
    color: #8c929a;
    margin-top: 4px;
}

/* ==========================================================================
   5. 大展流双栏通用支撑体框架座 (左展示流 913px + 右排行 260px)
   ========================================================================== */
.eyou_matter .ey_impor1 .inward {
    margin: 0 auto;
    width: 1200px;
}

.eyou_matter .ey_impor1 .ey_impor1_zc {
    float: left;
    width: 913px;
    position: relative;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .eyou_xbt {
    height: 38px;
    border-bottom: none;
    position: relative;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .eyou_xbt h2 {
    float: left;
    color: #191b1f;
    font-size: 20px;
    font-weight: bold;
    line-height: 38px;
    padding-left: 12px;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .eyou_xbt h2::before {
    content: '';
    width: 4px;
    height: 18px;
    background: #ff6f06;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .eyou_xbt .eyoucms_xz {
    float: left;
    height: 38px;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .eyoucms_xz .ey_barcut {
    float: left;
    height: 38px;
    line-height: 38px;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .eyoucms_xz .ey_barcut span {
    padding-left: 20px;
    height: 21px;
    color: #e2e4ea;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .eyoucms_xz .ey_barcut .eyou_column {
    margin-left: 20px;
    color: #61666d;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .eyoucms_xz .ey_barcut .eyou_column.behavior {
    color: #ff6f06;
    font-weight: 700;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .eyoucms_xz .eyou_see {
    position: absolute;
    right: 0px;
    top: 6px;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr {
    float: left;
    width: 913px;
    margin-top: 15px;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_lbabbr {
    display: none;
}

/* ==========================================================================
   6. 精品教程/视频列表块区 (ey_movie)
   ========================================================================== */
.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul li {
    background: #ffffff;
    border-radius: 8px;
    position: relative;
    display: block;
    float: left;
    width: 210px;
    margin-right: 24px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(164, 180, 195, 0.02);
    transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s ease;
    overflow: hidden;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul li:nth-child(4n) {
    margin-right: 0px;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul li:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 24px rgba(2, 10, 24, 0.06);
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul li .eyou_sphz {
    position: relative;
    display: block;
    width: 210px;
    height: 115px;
    overflow: hidden;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .image {
    width: 210px;
    height: 115px;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul li:hover .image {
    transform: scale(1.05);
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie .eyou_xinxi {
    position: relative;
    height: 40px;
    padding: 12px 14px 0 14px;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie .describe {
    position: absolute;
    height: 40px;
    background: #ffffff;
    overflow: hidden;
    bottom: 0;
    width: 100%;
    left: 0;
    box-sizing: border-box;
    padding: 0 14px;
    transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie li:hover .describe {
    height: 85px;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul li .eyou_tm {
    color: #191b1f;
    font-size: 14px;
    font-weight: 700;
    margin-top: 0;
    padding: 0 0 4px 0;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie .ey_xx_kc {
    padding: 0;
    font-size: 12px;
    color: #72777d;
    height: 32px;
    line-height: 16px;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul li .ey_employ {
    float: right;
    color: #949596;
    width: 100%;
    border-top: 1px dashed #f1f3f5;
    margin-top: 45px;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul li .ey_employ .ey-learn {
    padding: 10px 14px 14px 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px;
    color: #90959a;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_movie ul li .ey_employ .ey-learn .eyou_mtp {
    margin-right: 4px;
    width: 14px;
    height: 14px;
    vertical-align: -2px;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mjg {
    margin-left: 0;
    padding: 0;
    font-weight: 700;
    color: #ff6f06;
}

/* ==========================================================================
   7. 双排图文资讯新闻块流 (ey_mzx)
   ========================================================================== */
.ey_mzx {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(164, 180, 195, 0.03);
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms {
    display: block;
    padding: 0px;
    height: auto;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art .ey_xm {
    float: left;
    margin-right: 35px;
    margin-bottom: 20px;
    width: 439px;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art .ey_xm:nth-child(2n) {
    margin-right: 0px;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art .ey_xm .ey_mzc {
    float: left;
    text-align: left;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art .ey_xm .ey_mzc .eyou_mzl {
    width: 130px;
    height: 82px;
    border-radius: 6px;
    object-fit: cover;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art .ey_xm .ey_myc {
    float: left;
    text-align: left;
    margin-left: 16px;
    width: 293px;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art .ey_xm .ey_myc .eyou_xbts {
    font-size: 15px;
    font-weight: 700;
    color: #191b1f;
    display: block;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .ey_art .ey_xm .ey_myc .principal {
    font-size: 12px;
    color: #72777d;
    margin: 5px 0 0 0;
    line-height: 18px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul {
    text-align: left;
    list-style: none;
    margin: 0;
    padding: 0;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul li {
    float: left;
    margin: 0 35px 12px 0;
    width: 439px;
    display: flex;
    align-items: center;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul li:nth-child(2n) {
    margin-right: 0px;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul li i {
    float: left;
    color: #d1d5db;
    font-size: 13px;
    margin-right: 6px;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul li a {
    float: left;
    display: block;
    color: #3e4248;
    font-size: 14px;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul li a .ey_mzxtxt {
    display: inline-block;
    width: 350px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .eyou_mms .eyou_arr ul li .ey_msj {
    float: right;
    margin-left: auto;
    color: #9aa0a6;
    font-size: 13px;
}

/* ==========================================================================
   🔥 8. 【重点换血区】高权重全量接管：软件下载专区舱 (`xiazailb`)
   ========================================================================== */

/* 强制重绘列表底壳：由灰色直角升级为大厂 App Store 纯白无边微距悬浮魔盒 */
.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .xiazailb {
    width: 913px !important;
    margin: 0 auto !important;
    padding: 5px 0 0 0 !important;
    list-style: none !important;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .xiazailb li {
    float: left !important;
    width: 439px !important;
    margin: 20px 0px 0px 35px !important;
    background: #ffffff !important;           /* 抹除原有表格死灰底，变高级纯白 */
    border: none !important;                  /* 彻底移除低级灰色细边框线 */
    border-radius: 12px !important;            /* 赋予现代舒适大圆角 */
    padding: 18px !important;
    box-sizing: border-box !important;
    box-shadow: 0 4px 16px rgba(164, 180, 195, 0.04) !important; /* 自带浅层扩散呼吸环境阴影 */
    transition: transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.25s ease !important;
}

/* 悬浮动力动效反馈 */
.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .xiazailb li:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 28px rgba(164, 180, 195, 0.14) !important;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .xiazailb li:nth-child(2n+1) {
    margin-left: 0px !important;
}

/* 软件应用图标 Icon 圆角化重塑 */
.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .xiazailb li span a {
    display: block !important;
    float: left !important;
    width: 68px !important;
    height: 68px !important;
    overflow: hidden !important;
    border-radius: 14px !important;            /* 升级为符合当下主流的高端大曲率圆角 */
    box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .xiazailb li span a img {
    height: 68px !important;
    width: 68px !important;
    object-fit: cover !important;
    border-radius: 14px !important;
    transition: transform 0.3s ease !important;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .xiazailb li:hover span a img {
    transform: scale(1.06) !important;
}

/* 右侧图文描述与对齐线重写 */
.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .xiazailb li dl {
    float: right !important;
    width: 320px !important;
    margin-top: 2px !important;
}

/* 标题加粗加黑 */
.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .xiazailb li dl dt a {
    display: block !important;
    height: 20px !important;
    line-height: 20px !important;
    overflow: hidden !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #191b1f !important;                /* 高级墨黑 */
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .xiazailb li dl dd {
    margin-top: 14px !important;
}

/* 分类标签改为：轻量彩色药丸微章 */
.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .xiazailb li dl dd em.name1 {
    float: left !important;
    max-width: 160px !important;
    height: 22px !important;
    overflow: hidden !important;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .xiazailb li dl dd em.name1 a {
    display: block !important;
    float: left !important;
    height: 22px !important;
    background: rgba(255, 111, 6, 0.07) !important; /* 优雅的淡橙色背景光 */
    font-size: 11px !important;
    font-weight: bold !important;
    color: #ff6f06 !important;                     /* 高亮橙 */
    text-decoration: none !important;
    line-height: 22px !important;
    border-radius: 6px !important;                  /* 胶囊药丸状弧度 */
    padding: 0px 8px !important;
    margin-left: 0px !important;
    transition: all 0.2s ease !important;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .xiazailb li dl dd em.name1 a:hover {
    background: #ff6f06 !important;
    color: #ffffff !important;
}

/* 浏览量排行 */
.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .xiazailb li dl dd em.name2 {
    float: left !important;
    max-width: 90px !important;
    height: 22px !important;
    overflow: hidden !important;
    font-size: 12px !important;
    color: #8c929a !important;                     /* 柔和灰 */
    line-height: 22px !important;
    margin-left: 15px !important;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .xiazailb li dl dd em.name2 b {
    display: block !important;
    float: left !important;
    width: 14px !important;
    height: 12px !important;
    background: url(../images/bg1.png) no-repeat -170px -65px !important;
    margin: 5px 5px 0px 0px !important;
}

/* 时间戳向右对齐 */
.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .xiazailb li dl dd em.name3 {
    float: right !important;
    width: 45px !important;
    height: 22px !important;
    line-height: 22px !important;
    overflow: hidden !important;
    font-size: 12px !important;
    color: #bac0c6 !important;
    text-align: right !important;
}

.xiazailb em { font-style: normal; }

/* ==========================================================================
   9. 互动社区问答舱 (ey_problem)
   ========================================================================== */
.ey_hznrht {
    margin-top: 15px;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li {
    float: left;
    margin-right: 30px;
    padding-bottom: 15px;
    position: relative;
    display: block;
    width: 284px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 14px rgba(164, 180, 195, 0.04);
    overflow: hidden;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li:last-child {
    margin-right: 0px;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li .ey_mdbt {
    width: 284px;
    height: 110px;
    background: linear-gradient(135deg, #3a6073, #3a7bd5) !important;
    position: relative;
    padding: 18px;
    box-sizing: border-box;
    text-align: left;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li:nth-child(2) .ey_mdbt {
    background: linear-gradient(135deg, #ff7e5f, #feb47b) !important;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li:nth-child(3) .ey_mdbt {
    background: linear-gradient(135deg, #0ba360, #3cba92) !important;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li .ey_mdbt .ey_mwbt {
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li .ey_mdbt .ey_mck {
    position: absolute;
    right: 18px;
    bottom: 12px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.9);
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li .ey_mwxz {
    height: 36px;
    overflow: hidden;
    padding-top: 12px;
    box-sizing: border-box;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li .ey_mwxz .ey_mavc {
    clear: both;
    position: relative;
    padding-left: 16px;
    box-sizing: border-box;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li .ey_mwxz .ey_mavc .ey_mlj {
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #ff6f06;
    float: left;
    margin-top: 7px;
    margin-right: 8px;
    border-radius: 50%;
}

.eyou_matter .ey_impor1 .ey_impor1_zc .ey_hznr .ey_problem ul li .ey_mwxz .ey_mavc .ey-wdtxt {
    text-align: left;
    color: #4e5358;
    font-size: 13px;
    width: 240px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 20px;
}

/* ==========================================================================
   10. 右侧排行榜支撑架体区 (固定260px，严格锁定右浮动)
   ========================================================================== */
.eyou_matter .majort_yb {
    float: right;
    width: 260px;
}

.eyou_matter .majort_yb .eyou_fate {
    height: 36px;
    line-height: 36px;
    margin-bottom: 15px;
}

.eyou_matter .majort_yb .eyou_fate span {
    color: #cbd5e1;
    padding-left: 12px;
}

.eyou_matter .majort_yb .eyou_fate .eyou_column {
    cursor: pointer;
    font-size: 15px;
    margin-left: 10px;
    color: #4e5358;
}

.eyou_matter .majort_yb .eyou_fate .eyou_column.behavior {
    font-weight: 700;
    color: #191b1f;
}

.eyou_matter .majort_yb .ey_rmbt {
    color: #191b1f;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    text-align: left;
    height: 36px;
    line-height: 36px;
    margin-bottom: 15px;
}

.eyou_matter .majort_yb .ey_rmbt .ey_rmtp {
    width: 18px;
    height: 18px;
    vertical-align: -3px;
    margin-right: 4px;
}

.eyou_matter .majort_yb .eyou-yclb {
    background-color: #ffffff;
    padding: 20px 14px;
    margin-top: 8px;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(164, 180, 195, 0.03);
}

.eyou_matter .majort_yb .eyou-yclb .ey_project {
    margin-bottom: 15px;
    height: 24px !important;
}

.ey_mrmdw {
    padding-top: 16px !important;
}

.eyou_matter .majort_yb .eyou-yclb .ey_project .ey_ject_zc {
    float: left;
    margin-right: 10px;
}

.eyou_matter .majort_yb .eyou-yclb .ey_project .ey_ject_zc span {
    display: inline-block;
    margin: 3px 8px 0 0px;
    width: 18px;
    height: 18px;
    background-color: #cbd5e1;
    text-align: center;
    line-height: 18px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 700;
    border-radius: 4px;
}

.eyou_matter .majort_yb .eyou-yclb .ey_project .ey_ject_yc .eyou_bt {
    display: block;
    color: #444a51;
    font-size: 13px;
}

.eyou_matter .majort_yb .eyou-yclb .ey_project:nth-child(1) .ey_ject_zc span,
.eyou_matter .ey_majort .majort_yb .eyou-yclb .ey_project:nth-child(1) .ey_ject_zc span { background-color: #ff4d4f; }
.eyou_matter .majort_yb .eyou-yclb .ey_project:nth-child(2) .ey_ject_zc span,
.eyou_matter .ey_majort .majort_yb .eyou-yclb .ey_project:nth-child(2) .ey_ject_zc span { background-color: #ff7a45; }
.eyou_matter .majort_yb .eyou-yclb .ey_project:nth-child(3) .ey_ject_zc span,
.eyou_matter .ey_majort .majort_yb .eyou-yclb .ey_project:nth-child(3) .ey_ject_zc span { background-color: #ffc53d; }

.ey-zc { padding: 0px; }
.ey-zc li .fl { float: left; }
.ey-zc li a { color: #191b1f; }

.ey-zc ul li {
    height: 75px;
    position: relative;
    list-style: none;
}

.ey-zc ul li .ey_num {
    margin-top: 15px;
    float: left;
    width: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #94a3b8;
}

.ey-zc ul li .app-box { margin-left: 10px; }
.ey-zc ul li .app-icon { border-radius: 6px; overflow: hidden; }
.ey-zc ul li .app-icon img { display: block; object-fit: cover; }
.ey-zc ul li .app-info { margin-left: 12px; line-height: 1; }
.ey-zc ul li .app-downs, .ey-zc li .app-title { width: 150px; line-height: 24px; }
.ey-zc ul li .app-title { display: inline-block; font-size: 14px; font-weight: bold; }
.ey-zc ul li .app-downs { color: #8c929a; font-size: 12px; margin-top: 4px; }

.fatelb .eyou-yclb {
    height: auto;
    overflow: hidden;
    box-sizing: border-box;
}

.fatelb .eyou-yclb .ey_project {
    margin-bottom: 14px;
}

/* 修改 .eyou_hezi 布局为居中模式 */
.eyou_matter .eyou_hezi {
    height: 90px;
    background-color: transparent;
    padding-bottom: 25px;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    text-align: center; /* 1. 父容器居中 */
}

.eyou_matter .eyou_hezi ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block; /* 2. 使ul变成行内块，随父容器居中 */
}

.eyou_matter .eyou_hezi ul li {
    display: inline-block; /* 3. li 从 float 改为 inline-block 实现居中 */
    float: none;           /* 4. 取消浮动 */
    width: 280px;
    height: 90px;
    margin: 0 13px;        /* 5. 调整间距，代替原来的 margin-left */
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(164, 180, 195, 0.03);
    box-sizing: border-box;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    vertical-align: top;   /* 确保顶部对齐 */
}

/* 移除原来针对第一个li的特殊边距，因为现在统一用 margin: 0 13px */
.eyou_matter .eyou_hezi ul li:first-child {
    margin-left: 13px;
}


/* ==========================================================================
   11. 广告横幅与底座友情链接区
   ========================================================================== */
.eyou_matter .eyou_cape {
    background: transparent;
    padding-top: 25px;
    margin-bottom: 5px;
}

.eyou_matter .eyou_cape .eyou_cape_hp {
    display: block;
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.eyou_matter .eyou_cape .eyou_cape_hp img {
    width: 1200px;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(164, 180, 195, 0.04);
}

.ey_impor2, .ey_impor6, .ey_impor4, .ey_impor5 {
    padding-top: 25px;
    box-sizing: border-box;
}

.eyou_copy {
    background: #ffffff;
    padding: 26px 0;
    border-top: 1px solid #eef1f6;
    margin-top: 35px;
}

.eyou_copy .ey_kuan {
    width: 1200px;
    margin: 0 auto;
}

.eyou_copy .copynav .links-name {
    font-size: 14px;
    font-weight: bold;
    color: #191b1f;
    margin-bottom: 10px;
}

.eyou_copy .eyou-linkurl a {
    font-size: 13px;
    color: #4e5358;
    margin-right: 18px;
    display: inline-block;
    line-height: 2;
}