.zhiboxianshangjiaoxue-box { width: 1200px; margin-left: auto; margin-right: auto; }
.zhiboxianshangjiaoxue-box .title1 { display: flex; align-items: center; margin-bottom: 24px; justify-content: space-between; }
.zhiboxianshangjiaoxue-box .title1 .text { display: flex; align-items: center; font-size: 16px; gap: 10px; }
.zhiboxianshangjiaoxue-box .title1 .text:before { content: ''; display: inline-block; width: 3px; height: 17px; background: #4DA486; }
.zhiboxianshangjiaoxue-box .filter-wrap { margin-bottom: 20px; }
.zhiboxianshangjiaoxue-box .filter-wrap .filter-row1 { display: flex; gap: 8px; margin-bottom: 12px; }
.zhiboxianshangjiaoxue-box .filter-wrap .filter-row1 .filter-tag { padding: 6px 12px; border-radius: 4px; font-size: 14px; cursor: pointer; transition: all 0.2s; background-color: #EEEEEE; color: #333; }
.zhiboxianshangjiaoxue-box .filter-wrap .filter-row1 .filter-tag.active { background-color: #4EA485; color: #fff; border: none; }
.zhiboxianshangjiaoxue-box .filter-wrap .filter-row2 { display: flex; gap: 8px; }
.zhiboxianshangjiaoxue-box .filter-wrap .filter-row2 .status-tag { padding: 6px 12px; border-radius: 4px; font-size: 14px; cursor: pointer; transition: all 0.2s; background-color: #EEEEEE; color: #333; }
.zhiboxianshangjiaoxue-box .filter-wrap .filter-row2 .status-tag.active { background-color: #4EA485; color: #fff; border: none; }
.zhiboxianshangjiaoxue-box .live-card-container { display: flex; flex-wrap: wrap; gap: 20px; }
.zhiboxianshangjiaoxue-box .live-card { width: calc(25% - 15px); border: 1px solid #e8e8e8; border-radius: 6px; overflow: hidden; padding: 7px; }
.zhiboxianshangjiaoxue-box .live-card .card-img { width: 100%; height: 153px; border-radius: 4px; overflow: hidden; margin-bottom: 12px; }
.zhiboxianshangjiaoxue-box .live-card .card-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.zhiboxianshangjiaoxue-box .live-card .card-title-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.zhiboxianshangjiaoxue-box .live-card .card-title-row .card-title { font-size: 16px; color: #333; font-weight: 500; }
.zhiboxianshangjiaoxue-box .live-card .card-title-row .live-status { font-size: 14px; flex-shrink: 0; }
.zhiboxianshangjiaoxue-box .live-card .card-title-row .live-status.living { color: #4DA486; }
.zhiboxianshangjiaoxue-box .live-card .card-title-row .live-status.not-live { color: #999; }
.zhiboxianshangjiaoxue-box .live-card .card-info { color: #999; margin-bottom: 16px; }
.zhiboxianshangjiaoxue-box .live-card .card-info .info-item { display: flex; align-items: center; margin-bottom: 4px; justify-content: space-between; }
.zhiboxianshangjiaoxue-box .live-card .card-info .info-item > div { display: flex; align-items: center; gap: 8px; }
.zhiboxianshangjiaoxue-box .live-card .card-info .info-item .time { color: #999999; }
.zhiboxianshangjiaoxue-box .live-card .card-info .info-item .living { color: #4DA486; }
.zhiboxianshangjiaoxue-box .live-card .card-btn-row { display: flex; justify-content: flex-end; gap: 10px; }
.zhiboxianshangjiaoxue-box .live-card .card-btn-row .card-btn { padding: 6px 11px; border-radius: 4px; font-size: 14px; text-align: center; cursor: pointer; border: 1px solid transparent; }
.zhiboxianshangjiaoxue-box .live-card .card-btn-row .card-btn.share { border-color: #4EA485; color: #4EA485; background-color: #fff; }
.zhiboxianshangjiaoxue-box .live-card .card-btn-row .card-btn.enter { background-color: #4EA485; color: #fff; }

/*# sourceMappingURL=zhibo.css.map */