@charset "utf-8";
/*共有*/
/* 首页 */
*{margin:0;padding:0;box-sizing:border-box}
.bodyclass{padding: 10px;}
 .banner-container{position:relative;width:100%;height:250px;overflow:hidden}
.banner-title{position:absolute;bottom:0;left:0;width:100%;height:45px;background:rgba(0,0,0,0.5);color:white;display:flex;align-items:center;padding:0 15px;font-size:16px;z-index:10}
.swiper-slide img{width:100%;height:100%;object-fit:cover}
.swiper-slide2{width: 25%;}
.swiper-slide2 image{width: 66px;height: 66px;}

.zanwu{width: 100%;height: auto;}
.zanwu image{width: 100%;height: auto;}

.grid-container{background:white;}
.grid-title{font-size:18px;font-weight:bold;margin-bottom:15px}
.grid-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#333}
.grid-img{width:60px;height:60px;border-radius:8px;margin-bottom:8px;object-fit:cover}
.grid-name{font-size:12px;text-align:center}
.category-container{padding:10px 15px;background:white}
.category-nav{display:flex;justify-content:center;padding:5px 0}
.category-item{padding:5px 15px;margin:0 5px;cursor:pointer;font-size:14px}
.category-item.active{color:#1890ff;position:relative}
.category-item.active::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:60%;height:2px;background:#1890ff}
.content-container{padding:15px;background:white}
.content-list{display:flex;padding:15px 7px;background:white;margin-bottom:10px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}
.content-left{flex:1;padding-right:15px;width: 70%;}
.content-title{font-size:16px;font-weight:bold;margin-bottom:5px;line-height:1.4;color:#333}
.content-info{font-size:16px;color:#999;margin-bottom:10px;line-height:1.4}
.content-source{display:flex;align-items:center; }
.source-name{width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#666}
.content-stats{display:flex;align-items:center;gap:15px}
.stat-item{display:flex;align-items:center;font-size:14px;color:#999}
.stat-icon{margin-right:3px;font-size:16px}
.content-right{width:110px;display:flex;flex-direction:column;justify-content:space-between}
.content-image{width:110px;height:80px;border-radius:6px;object-fit:cover;margin-bottom:8px}
.content-date{font-size:12px;color:#999;text-align:right}

.scroller-container{width:100%;background: #fff; overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:10px 0;scrollbar-width:none;-ms-overflow-style:none}
.scroller-container::-webkit-scrollbar{display:none}
.scroller-content{display:inline-flex;gap:15px;padding:0 15px}
.scroller-item{display:inline-block;padding:8px 4px;border-radius:20px; color:#000;cursor:pointer;transition:all 0.3s ease;user-select:none;position:relative}
.scroller-item.active{ color: #1890ff;font-weight:bold}
.scroller-item::after{content:'';position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:0;height:2px;
    background:#1890ff;transition:width 0.3s ease}
.scroller-item.active::after{width:60%}
.scroller-item a{color: #000;}

.header{height:300px;background:url('https://picsum.photos/1600/600?school') center/cover;display:flex;align-items:center;justify-content:center;color:white;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}
.initial-position{margin:2px auto;width:100%;max-width:1000px;}
.nav-container{background:white;
     transition:all 0.3s ease}
.horizontal-nav{overflow-x:auto;white-space:nowrap;scrollbar-width:none;padding-bottom:5px}
.horizontal-nav::-webkit-scrollbar{display:none}
.nav-item{display:inline-block;padding:10px 10px;margin-right:10px;background:#f8f9fa;border-radius:30px;color:#555;font-weight:500;cursor:pointer;transition:all 0.3s ease}
.nav-item:last-child{margin-right:0}
.nav-item.active{background:#4361ee;color:white;transform:translateY(-2px);box-shadow:0 4px 8px rgba(67,97,238,0.3)}
.content{width:80%;max-width:1000px;margin:40px auto;padding:30px;background:white;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,0.1)}
.fixed{position:fixed;top:0;left:0;right:0;width:100%;border-radius:0;box-shadow:0 2px 10px rgba(0,0,0,0.1);z-index:1000;animation:slideDown 0.3s ease-out}
@keyframes slideDown{from{transform:translateY(-100%)}
    to{transform:translateY(0)}
}
.section{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #eee}

.artinfo{width: 100%;padding: 15px 10px;}
.article-title {font-weight: bold;font-size: 24px;margin-bottom: 10px;}
.article-author {color: #666;font-size: 14px;margin-bottom: 5px;}
.article-date {color: #999;font-size: 12px;margin-bottom: 20px;}
.article-content {border-top: 1px solid #eee;padding-top: 20px;}


/* 教师风采 */
.jslist{width: 100%;height: auto;}
.jsone{width: 32%;height: 50px;text-align: center;}
.jsone image{width: 45px;height: 45px;}
.jstitle{width: 100%;height: 32px;line-height: 32px;font-size: 16px;text-align: center;}