/* suan_sport_0723a sports news skin */
:root {
  --game-bg: #f4f8f4;
  --game-panel: #ffffff;
  --game-line: rgba(14, 96, 60, .16);
  --game-cyan: #00a66c;
  --game-green: #c8ff3d;
  --game-pink: #0077ff;
  --game-text: #102019;
  --game-muted: #62746b;
}

body { background: #f4f8f4; color: #102019; }
.header { background: rgba(255,255,255,.92); border-bottom: 1px solid var(--game-line); backdrop-filter: blur(12px); }
.header.bg,.header.headerw.fixed { background: rgba(255,255,255,.98); }
.logoMark,.navbar > li > a,.navbar a { color: #102019; }
.navbar > li > a:hover,.navbar a:hover { color: #00a66c; }
.ct-banner-bg {
  background-image: linear-gradient(90deg, rgba(7,34,24,.86), rgba(7,34,24,.48), rgba(7,34,24,.82)), url("images/sport-a-hero.jpg");
  background-position: center;
  background-size: cover;
}
.ct-news,.ct-honor,.ct-industry,.wrapBox.about,.main { background: #f4f8f4; }
.news-top,.news-li,.honor-list article,.industry-card,.umArt,.sideBox,.col3 li {
  background: #fff;
  border: 1px solid var(--game-line);
  box-shadow: 0 18px 44px rgba(16, 64, 40, .11);
}
.ct-banner-copy h2,.ct-title span,.news-top-tit,.news-li-tit,.honor-list strong,.industry-card a,.umArtTit,.sideBox h3 { color: #102019; }
.ct-banner-copy h2,.ct-banner-copy p,.ct-banner-copy em { color: #fff; }
.ct-banner-copy a,.news-more a,.more,.searchForm button { background: linear-gradient(135deg,#c8ff3d,#00a66c); color: #07140f; }
.industry-digital { background-image: url("images/sport-a-football.jpg"); }
.industry-control { background-image: url("images/sport-a-basketball.jpg"); }
.industry-data { background-image: url("images/sport-a-running.jpg"); }
.industry-new { background-image: url("images/sport-a-tennis.jpg"); }
.industry-card a,.industry-card p { color: #fff; }
.foot_content { background: #07140f; border-top: 1px solid rgba(200,255,61,.2); }

/* dropdown navigation */
.navbar > li { position: relative; }
.navbar > li > ul,
.navbar > li > ol {
  position: absolute;
  left: 50%;
  top: 86px;
  min-width: 160px;
  padding: 10px 0;
  background: rgba(255,255,255,.98);
  border: 1px solid var(--game-line);
  box-shadow: 0 18px 38px rgba(16,64,40,.16);
  transform: translate(-50%, 10px);
  opacity: 0;
  visibility: hidden;
  z-index: 50;
}
.navbar > li:hover > ul,
.navbar > li:hover > ol {
  transform: translate(-50%, 0);
  opacity: 1;
  visibility: visible;
}
.navbar > li > ul li,
.navbar > li > ol li { display: block; }
.navbar > li > ul a,
.navbar > li > ol a {
  height: auto;
  min-height: 40px;
  padding: 10px 18px;
  justify-content: center;
  color: #102019;
  font-size: 14px;
}
.navbar > li > ul a::after,
.navbar > li > ol a::after { display: none; }
@media (max-width: 900px) {
  .navbar > li > ul,
  .navbar > li > ol {
    position: static;
    min-width: 0;
    padding: 0 0 6px 18px;
    box-shadow: none;
    border: 0;
    transform: none;
    opacity: 1;
    visibility: visible;
    background: transparent;
  }
  .navbar > li > ul a,
  .navbar > li > ol a {
    justify-content: flex-start;
    min-height: 34px;
    padding: 6px 0;
  }
}