/* vip3mb00345 - 仿吉林大学 移动端样式 */
/* 主色：#1B2A50 / #0E1B3D / #E08B19 / #1FA050 / #EFEDE6 */

*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;color:#333;background:#f4f2eb;line-height:1.6;-webkit-text-size-adjust:100%}
a{color:#333;text-decoration:none}
img{border:0;vertical-align:middle;max-width:100%}
ul,ol{list-style:none}
input,button{font-family:inherit;outline:none;border:none;background:transparent;font-size:inherit}
.cur{color:#E08B19!important}
.jlu-m-body{background:#f4f2eb;padding-top:54px;padding-bottom:60px;min-height:100vh}

/* —— 顶部 mast —— */
.jm-mast{position:fixed;left:0;right:0;top:0;height:54px;background:#1B2A50;color:#fff;display:flex;align-items:center;padding:0 12px;z-index:50;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.jm-mast .jm-logo{flex:1;display:flex;align-items:center;color:#fff;overflow:hidden;text-decoration:none}
.jm-mast .jm-logo .jm-logo-mark{flex:0 0 auto;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center}
.jm-mast .jm-logo svg{width:34px;height:34px;flex:0 0 auto;display:block}
.jm-mast .jm-logo .tt,.jm-mast .jm-logo>span:not(.jm-logo-mark){font-size:18px;font-weight:700;margin-left:8px;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:"楷体","KaiTi","STKaiti","Microsoft YaHei",serif;color:#fff}
.jm-mast .jm-tools{flex:0 0 auto;display:flex;align-items:center;gap:6px}
.jm-mast .jm-tools button,.jm-mast .jm-tools a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:16px;text-align:center;line-height:36px;display:inline-flex;align-items:center;justify-content:center}
.jm-mast .jm-tools button:active{background:rgba(255,255,255,.2)}

/* —— 搜索弹层 —— */
.jm-search-pop{position:fixed;left:0;right:0;top:54px;background:#0E1B3D;padding:10px 12px;display:flex;gap:8px;transform:translateY(-100%);opacity:0;transition:all .25s;z-index:49}
.jm-search-pop.on{transform:translateY(0);opacity:1}
.jm-search-pop input{flex:1;height:36px;background:#fff;border-radius:18px;padding:0 14px;font-size:14px;color:#333}
.jm-search-pop button{padding:0 16px;height:36px;background:#E08B19;color:#fff;border-radius:18px;font-size:14px}

/* —— 抽屉 —— */
.jm-drawer{position:fixed;left:0;top:0;bottom:0;width:80%;max-width:300px;background:#fff;z-index:60;transform:translateX(-100%);transition:transform .3s;box-shadow:2px 0 12px rgba(0,0,0,.2);overflow-y:auto}
.jm-drawer.on{transform:translateX(0)}
.jm-drawer .panel{position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.5);z-index:-1;opacity:0;transition:opacity .3s}
.jm-drawer.on .panel{opacity:1;left:80%;left:300px;left:max(80%,300px);right:0;z-index:auto}
.jm-drawer-brand{background:#1B2A50;color:#fff;padding:18px 16px;display:flex;align-items:center;position:relative}
.jm-drawer-mini{width:34px;height:34px;flex:0 0 auto}
.jm-drawer-brand .jm-drawer-tt{margin-left:10px;font-size:16px;font-weight:700;line-height:1.3}
.jm-drawer-brand .jm-drawer-tt span{display:block;font-size:11px;color:#a9b3cc;font-weight:400;margin-top:2px}
.jm-drawer-brand .close{position:absolute;right:10px;top:14px;color:#fff;font-size:20px;width:30px;height:30px;line-height:30px;text-align:center}
.jm-drawer ul li a{display:block;padding:13px 18px;font-size:15px;color:#333;border-bottom:1px solid #f0eee8;position:relative}
.jm-drawer ul li a:after{content:"›";position:absolute;right:18px;color:#bbb;font-size:18px}
.jm-drawer ul li.on a{color:#1B2A50;background:#f7f5ee;font-weight:700;border-left:3px solid #E08B19}

/* —— Banner —— */
.jm-banner{position:relative;height:200px;overflow:hidden;background:#0E1B3D;margin-bottom:10px}
.jm-banner-slides{position:relative;width:100%;height:100%}
.jm-banner-bg{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;transition:opacity .6s;background-size:cover;background-position:center}
.jm-banner-bg.on{opacity:1;z-index:2}
.jm-banner-bg.bf-1{background:linear-gradient(135deg,#1B2A50 0%,#3a4d80 50%,#0E1B3D 100%)}
.jm-banner-bg.bf-2{background:linear-gradient(135deg,#0E1B3D 0%,#274876 50%,#1B2A50 100%)}
.jm-banner-bg.bf-3{background:linear-gradient(135deg,#3a4d80 0%,#1B2A50 60%,#0E1B3D 100%)}
.jm-banner-text{position:absolute;left:0;right:0;bottom:0;padding:14px 14px 22px;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);color:#fff;font-size:14px;line-height:1.5;z-index:5}
.jm-banner-dots{position:absolute;left:0;right:0;bottom:6px;text-align:center;z-index:6}
.jm-banner-dots span{display:inline-block;width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5);margin:0 3px;transition:all .2s}
.jm-banner-dots span.on{background:#E08B19;width:14px;border-radius:3px}

/* —— 区块通用（仿吉大：粗黑中文 + 灰英文副标题 + 1px 黑线）—— */
.jm-sec{background:#fff;margin:10px 10px 0;border-radius:4px;padding:12px 14px 16px;box-shadow:0 1px 3px rgba(27,42,80,.05)}
.jm-sec-hd{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #222}
.jm-sec-hd h2,.jm-sec-hd .tt{font-size:16px;font-weight:700;color:#222;line-height:1.2;display:flex;align-items:baseline}
.jm-sec-hd h2 em{font-style:normal;font-weight:400;color:#999;font-size:12px;margin-left:6px}
.jm-sec-hd .more{font-size:12px;color:#888;font-weight:400}
.jm-sec-hd-orange{background:#E08B19;border-bottom:none;margin:-12px -14px 10px;padding:0 14px;height:34px;align-items:center}
.jm-sec-hd-orange h2,.jm-sec-hd-orange h2 em{color:#fff}
.jm-sec-hd-orange h2 em{color:rgba(255,255,255,.85)}
.jm-sec-hd-orange .more{color:rgba(255,255,255,.95)}
.jm-sec-hd-green{background:#1FA050;border-bottom:none;margin:-12px -14px 10px;padding:0 14px;height:34px;align-items:center}
.jm-sec-hd-green h2,.jm-sec-hd-green h2 em{color:#fff}
.jm-sec-hd-green h2 em{color:rgba(255,255,255,.85)}
.jm-sec-hd-green .more{color:rgba(255,255,255,.95)}

/* —— 焦点新闻头条 —— */
.jm-news-top{display:block;margin-bottom:12px;border-radius:4px;overflow:hidden;background:#1B2A50;position:relative}
.jm-news-top .pic{display:block;width:100%;height:170px;background:#1B2A50;position:relative;overflow:hidden}
.jm-news-top .pic:before{content:"吉大新闻";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:rgba(255,255,255,.25);font-size:30px;letter-spacing:6px}
.jm-news-top .pic img{width:100%;height:100%;object-fit:cover;display:block}
.jm-news-top .tt{display:block;background:#1B2A50;color:#fff;font-size:14px;line-height:1.5;padding:10px 12px;font-weight:500}

/* —— 列表通用（仿吉大：黑字标题 + 灰色 › 箭头） —— */
.jm-news-list li,.jm-cl-list li{padding:10px 0;border-bottom:1px dashed #ececec}
.jm-news-list li:last-child,.jm-cl-list li:last-child{border-bottom:none}
.jm-news-list li a,.jm-cl-list li a{display:flex;align-items:center;color:#222;line-height:1.4}
.jm-news-list li a:before,.jm-cl-list li a:before{content:"\203A";color:#bbb;width:14px;flex:0 0 auto;font-family:Consolas,Arial,sans-serif;font-size:13px}
.jm-news-list li .tt,.jm-cl-list li .tt{flex:1;font-size:14px;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}
.jm-news-list li .d,.jm-cl-list li .d{font-size:11px;color:#999;flex:0 0 auto;font-family:Arial,sans-serif}

/* 公告（橙） */
.jm-ann-list li{border-bottom:1px dashed #ececec}
.jm-ann-list li:last-child{border-bottom:none}
.jm-ann-list li a{display:flex;align-items:flex-start;padding:9px 4px 9px 4px;font-size:13.5px;color:#222;line-height:1.5}
.jm-ann-list li a:before{content:"\203A";color:#bbb;width:14px;flex:0 0 auto;font-family:Consolas,Arial,sans-serif;font-size:13px;padding-top:1px}
.jm-ann-list li a:hover{color:#E08B19}

/* 学术（绿：上深蓝填充白数字 + 下白底灰月份） */
.jm-aca-list li{padding:9px 0 9px 56px;border-bottom:1px dashed #ececec;position:relative;min-height:54px;display:flex;align-items:center}
.jm-aca-list li:last-child{border-bottom:none}
.jm-aca-list li .dt{position:absolute;left:0;top:50%;transform:translateY(-50%);width:46px;border:1px solid #d9d9d9;text-align:center;border-radius:1px;overflow:hidden;background:#fff}
.jm-aca-list li .dt strong{display:block;background:#1B2A50;color:#fff;font-size:17px;font-weight:700;line-height:24px;font-family:Arial,sans-serif}
.jm-aca-list li .dt em{display:block;background:#fff;color:#888;font-size:11px;font-style:normal;line-height:18px;border-top:1px solid #f0f0f0}
.jm-aca-list li .tt{flex:1;font-size:14px;color:#222;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

/* 媒体吉大（橙方括号） */
.jm-md-list li{padding:9px 0;border-bottom:1px dashed #ececec;display:flex;align-items:center}
.jm-md-list li:last-child{border-bottom:none}
.jm-md-list .md-tag{color:#E08B19;font-weight:400;margin-right:6px;font-size:13px;flex:0 0 auto}
.jm-md-list li a{flex:1;font-size:14px;color:#222;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* —— 快速链接 —— */
.jm-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.jm-quick-grid a{display:block;height:42px;line-height:42px;text-align:center;background:#f3f1eb;color:#1B2A50;font-size:13px;border-radius:3px;border:1px solid #e6e2d6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px}
.jm-quick-grid a:active{background:#1B2A50;color:#fff}

/* —— 内页 —— */
.jlu-m-inner{padding-bottom:80px}
.jm-page{margin:10px;background:#fff;border-radius:4px;padding:14px 14px 24px;box-shadow:0 1px 3px rgba(27,42,80,.05);min-height:60vh}
.jm-bread{font-size:12px;color:#888;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #eee}
.jm-bread a{color:#888}
.jm-bread .cur{color:#1B2A50}
.jm-page-tt{font-size:18px;color:#1B2A50;font-weight:700;padding-bottom:10px;border-bottom:2px solid #1B2A50;margin-bottom:14px;position:relative}
.jm-page-tt:before{content:"";position:absolute;left:0;bottom:-2px;width:60px;height:2px;background:#E08B19}
.jm-list li{padding:13px 0;border-bottom:1px dashed #ececec}
.jm-list li:last-child{border-bottom:none}
.jm-list li .tt{display:block;font-size:14.5px;color:#333;line-height:1.5;margin-bottom:4px}
.jm-list li .d{font-size:11px;color:#999}
.jm-pagebar{margin-top:18px;text-align:center;padding-top:14px;border-top:1px solid #f0f0f0;font-size:13px;color:#777}
.jm-pagebar a{display:inline-block;padding:5px 12px;margin:0 2px;border:1px solid #ddd;color:#333;border-radius:2px}
.jm-pagebar .cur,.jm-pagebar a:active{background:#1B2A50;color:#fff;border-color:#1B2A50}
.jm-art .tt{font-size:18px;color:#1B2A50;font-weight:700;line-height:1.5;text-align:center;margin-bottom:10px}
.jm-art .meta{text-align:center;font-size:12px;color:#888;padding:8px 0;border-bottom:1px solid #eee;margin-bottom:14px}
.jm-art .meta span{margin:0 5px}
.jm-art .body{font-size:15px;color:#333;line-height:1.9;padding:6px 0}
.jm-art .body p{margin:10px 0}
.jm-art .body img{max-width:100%;height:auto;display:block;margin:10px auto}

/* —— Footer —— */
.jm-footer{background:#1B2A50;color:#cfd5e6;font-size:12px;line-height:1.8;padding:18px 14px 70px;margin-top:14px}
.jm-footer a{color:#cfd5e6}
.jm-ft-brand{display:flex;align-items:center;padding-bottom:10px;border-bottom:1px solid #2a3866;margin-bottom:10px}
.jm-ft-brand .jm-logo{width:40px;height:40px}
.jm-ft-brand .tt{margin-left:10px;color:#fff;font-size:15px;font-weight:700}
.jm-ft-brand .tt span{display:block;font-size:10px;color:#8b95b3;font-weight:400;margin-top:2px}
.jm-ft-brand .jm-ft-badge{margin-left:auto;width:32px;height:36px;display:flex;align-items:center;justify-content:center}
.jm-ft-brand .jm-ft-badge svg{width:100%;height:100%}
.jm-footer p{margin:3px 0}
.jm-footer p strong{color:#fff}
.jm-flink{padding:8px 0;border-top:1px solid #2a3866;margin-top:8px;color:#a9b3cc}
.jm-flink a{display:inline-block;margin-right:10px;color:#a9b3cc}
.jm-cr{padding-top:8px;border-top:1px solid #2a3866;color:#8b95b3;font-size:11px;line-height:1.6;margin-top:8px}
.jm-cr a{color:#a9b3cc}

.jm-badge{position:fixed;right:10px;bottom:74px;width:0;height:0;overflow:hidden;opacity:0}
.m-bs{position:fixed;left:0;right:0;bottom:0;height:50px;background:#1B2A50;display:flex;align-items:center;justify-content:space-around;z-index:40;box-shadow:0 -1px 6px rgba(0,0,0,.15)}
.m-bs a{flex:1;text-align:center;color:#cfd5e6;font-size:11px;line-height:1.2;padding-top:6px}
.m-bs a.on{color:#E08B19}

/* 池占位（不可见） */
#jluArtPoolM{display:none}
.ap-it{display:none}
