@charset "UTF-8";

/* 基础重置与工具类 */
* { margin: 0; padding: 0; box-sizing: border-box; }
ul, ol { list-style: none; }
a { text-decoration: none; outline: none; }
img { display: block; max-width: 100%; }
li { list-style-type: none; }

.container { width: 100%; max-width: 100%; margin: 0 auto; position: relative; }
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.flex-between { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex-wrap { flex-wrap: wrap; }
.w840 { width: calc(100% - 320px); float: left; flex: 1; min-width: 0; }
.w340 { width: 300px; float: right; flex-shrink: 0; }
.w940 { width: 100%; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.padding20 { padding: 20px; }
.bgwhite { background-color: #FFFCF7; }
.br10 { border-radius: 4px; overflow: hidden; }
.hide { display: none; }
.show { display: block !important; }
.pagemain { display: flex; gap: 20px; flex-wrap: wrap; width: 100%; }
.weizhi { font-size: 13px; color: #7A6F63; padding: 0 0 12px; width: 100%; }
.weizhi a { color: #2A9D8F; }

/* 区块 */
.section-box {
  background: #FFFCF7;
  border-radius: 4px;
  border: 1px solid rgba(44, 36, 22, 0.1);
  box-shadow: 0 2px 12px rgba(44, 36, 22, 0.05);
}

.section-tit {
  line-height: 48px;
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
  border-bottom: 1px solid rgba(44, 36, 22, 0.08);
  align-items: center;
}

.section-tit .section-name {
  font-family: 'Noto Serif JP', serif;
  font-weight: 600;
  font-size: 16px;
  display: flex;
  align-items: center;
}

.section-tit .section-name::before {
  content: '';
  width: 4px;
  height: 18px;
  background: #C44536;
  border-radius: 1px;
  margin-right: 10px;
}

.section-tit .section-more { font-size: 12px; color: #7A6F63; }
.section-tit .section-more a { color: #7A6F63; }
.section-box .section-main { padding: 16px; }

/* 赛事筛选与列表 */
.match .match_filter_roll { overflow-x: auto; margin-bottom: 12px; }
.match .match_filter { display: flex; gap: 8px; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; }
.match .match_filter_item { display: inline-block; }
.match .match_filter_item a {
  position: relative;
  background: rgba(42, 157, 143, 0.1);
  border-radius: 2px;
  display: block;
  color: #2C2416;
  font-size: 13px;
  padding: 6px 16px;
  white-space: nowrap;
  border: 1px solid rgba(42, 157, 143, 0.2);
}

.match .match_filter_item.active a {
  background: #C44536;
  color: #fff;
  border-color: #C44536;
}

.match-item {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(44, 36, 22, 0.08);
  justify-content: space-between;
}

.match-item:last-child { border-bottom: 0; }

.match-item .info_left {
  display: flex;
  align-items: center;
  width: 140px;
  flex-shrink: 0;
}

.match-item .info_left .time {
  display: block;
  width: 70px;
  font-weight: 500;
  color: #7A6F63;
}

.match-item .info_left .time em {
  display: block;
  color: #7A6F63;
  font-size: 12px;
  font-style: normal;
}

.match-item .info_left .league {
  font-size: 12px;
  color: #7A6F63;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.match-item .info_left .league a { color: #7A6F63; }

.match-item .info_center {
  flex: 1;
  text-align: center;
  font-weight: 600;
}

.match-item .info_right {
  width: 90px;
  flex-shrink: 0;
  text-align: center;
}

.match-item .info_right a {
  color: #2A9D8F;
  background: rgba(42, 157, 143, 0.1);
  display: block;
  border-radius: 2px;
  line-height: 28px;
  font-size: 13px;
  border: 1px solid rgba(42, 157, 143, 0.25);
}

.match-item .info_right.start a {
  color: #fff;
  background: #C44536;
  border-color: #C44536;
  animation: s3-pulse 1.2s infinite;
}

@keyframes s3-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

.load_more,
.zb-area_btn.load_more {
  width: 100%;
  border-radius: 2px;
  text-align: center;
  padding: 10px;
  border: 1px solid rgba(44, 36, 22, 0.15);
  color: #2C2416;
  background: #FFFCF7;
  margin-top: 12px;
  display: none;
  cursor: pointer;
}

/* 分页 */
.fenye {
  display: flex;
  justify-content: center;
  padding: 24px 0;
}

.fenye ul {
  display: inline-flex;
  gap: 6px;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

.fenye ul li {
  display: inline-block;
  font-size: 13px;
  line-height: 1.5;
  background: #FFFCF7;
  border: 1px solid rgba(44, 36, 22, 0.12);
  border-radius: 2px;
}

.fenye ul li a {
  font-size: 13px;
  color: #7A6F63;
  display: block;
  padding: 6px 12px;
}

.fenye ul li.active,
.fenye ul li:hover {
  background-color: #C44536;
  color: #fff;
  border-color: #C44536;
}

.fenye ul li.active a,
.fenye ul li:hover a {
  color: #fff;
}

/* 直播详情 */
.match_allinfo { width: 100%; }

.match_allinfo .top {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 28px 20px;
  background: #FFFCF7;
  border-radius: 4px;
  border: 1px solid rgba(44, 36, 22, 0.1);
  margin-bottom: 16px;
}

.match_allinfo .top .zhudui,
.match_allinfo .top .kedui {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30%;
  gap: 12px;
}

.match_allinfo .top .kedui { flex-direction: row-reverse; }

.match_allinfo .top .qiudui_logo {
  width: 80px;
  height: 80px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.match_allinfo .top .qiudui_logo img { max-height: 72px; max-width: 80%; }

.match_allinfo .top .qiudui_name {
  font-size: 15px;
  text-align: center;
  line-height: 1.5;
  font-weight: 600;
}

.match_allinfo .top .zhuangtai {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px 0;
  text-align: center;
  width: 30%;
}

.match_allinfo .top .zhuangtai span { padding: 0 8px; font-size: 13px; color: #7A6F63; }

.match_allinfo .top .zhuangtai .bf {
  font-weight: 700;
  font-size: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'Noto Serif JP', serif;
}

.match_allinfo .top .zhuangtai .bf span { font-size: 32px; color: #2C2416; }
.match_allinfo .top .zhuangtai .zt { font-size: 14px !important; color: #C44536 !important; }

.match_allinfo .match_info { background: #FFFCF7; border-radius: 4px; border: 1px solid rgba(44, 36, 22, 0.1); }
.match_allinfo .zhibo_name { display: flex; color: #2C2416; margin-bottom: 10px; font-weight: 600; }
.match_allinfo .zhibo_name img { margin-right: 6px; }

.zhibo_btn a {
  background: #C44536;
  color: #fff;
  border-radius: 2px;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  margin: 0 5px 10px 0;
  display: inline-block;
  padding: 0 14px;
  cursor: pointer;
}

.match_analysis .itemtit {
  color: #2C2416;
  font-size: 16px;
  font-weight: 600;
  font-family: 'Noto Serif JP', serif;
  margin-bottom: 12px;
}

.match_analysis .itemtit .sxline {
  width: 4px;
  height: 16px;
  background: #2A9D8F;
  border-radius: 1px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: bottom;
}

/* 新闻列表 */
.hot_news_list ul li {
  background: rgba(247, 243, 237, 0.6);
  border-radius: 4px;
  padding: 8px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

.hot_news_list ul li span {
  width: 22px;
  font-size: 16px;
  color: #7A6F63;
  text-align: center;
}

.hot_news_list ul li:nth-child(1) span,
.hot_news_list ul li:nth-child(2) span,
.hot_news_list ul li:nth-child(3) span { color: #C44536; }

.hot_news_list ul li a {
  width: calc(100% - 28px);
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.luxiang_list li,
.luxiang .luxiang_list_main li {
  font-size: 14px;
  margin: 8px 0;
  padding: 8px;
  background: rgba(247, 243, 237, 0.5);
  border-radius: 4px;
}

.luxiang_list li a,
.luxiang .luxiang_list_main li a {
  display: block;
  color: #7A6F63;
  font-size: 12px;
}

.luxiang_list li a p,
.luxiang .luxiang_list_main li a p {
  color: #2C2416;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tags_list a {
  line-height: 26px;
  background: rgba(42, 157, 143, 0.1);
  border-radius: 2px;
  display: inline-block;
  text-align: center;
  margin: 4px 3px;
  padding: 0 10px;
  font-size: 13px;
  border: 1px solid rgba(42, 157, 143, 0.2);
}

.list-article ul li {
  border-bottom: 1px solid rgba(44, 36, 22, 0.08);
  padding: 10px 0;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
}

.list-article ul li .tit {
  width: calc(100% - 80px);
  display: flex;
  align-items: center;
}

.list-article ul li .tit::before {
  content: '';
  width: 4px;
  height: 4px;
  background: #C44536;
  border-radius: 50%;
  margin-right: 8px;
}

.list-article ul li .time {
  width: 80px;
  color: #7A6F63;
  font-size: 12px;
  text-align: right;
}

/* 文章详情 */
.article_content .article_tit {
  font-family: 'Noto Serif JP', serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.6;
  color: #2C2416;
}

.article_content .article_info {
  font-size: 12px;
  color: #7A6F63;
  padding: 10px 0;
  margin-bottom: 16px;
  border-bottom: 1px solid rgba(44, 36, 22, 0.12);
}

.article_content .nr p {
  margin-bottom: 10px;
  line-height: 1.7;
  font-size: 15px;
}

.article_content .nr img {
  display: block;
  margin: 16px auto;
  max-width: 100%;
}

/* 球队球员 */
.qdqyinfo .qdqyinfo_top {
  background: linear-gradient(135deg, #2C2416, #4a3f30);
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  padding: 20px;
}

.qdqyinfo .qdqy_logo img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  padding: 8px;
  background: #fff;
}

.qdqyinfo .qy_qyxx h1 {
  font-family: 'Noto Serif JP', serif;
  font-size: 22px;
  color: #F7F3ED;
  padding-bottom: 12px;
}

.qdqyinfo .qy_qyxx ul { display: flex; flex-wrap: wrap; }
.qdqyinfo .qy_qyxx ul li {
  width: 33.333%;
  font-size: 13px;
  color: #F7F3ED;
  line-height: 2;
}

.qiuyuanlist .hot_qiuyuan_main {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.qiuyuanlist .hot_qiuyuan_main .hot_member_item {
  width: calc(25% - 6px);
  background: rgba(247, 243, 237, 0.6);
  border-radius: 4px;
}

.qiuyuanlist .hot_qiuyuan_main .hot_member_item a {
  display: block;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
}

@media (max-width: 900px) {
  .w840, .w340 { width: 100%; float: none; }
  .match-item { flex-wrap: wrap; gap: 8px; }
  .match-item .info_left { width: 100%; }
  .match-item .info_center { width: 100%; }
  .match-item .info_right { width: 100%; }
  .match_allinfo .top { flex-direction: column; }
  .match_allinfo .top .zhudui,
  .match_allinfo .top .kedui,
  .match_allinfo .top .zhuangtai { width: 100%; }
  .qiuyuanlist .hot_qiuyuan_main .hot_member_item { width: calc(50% - 4px); }
}