body {
    margin-top:0px;
    background-color:#d1eedd
}
.breadcrumb-content img{max-width: 100%;}
table{
      width:70%;
   border-collapse:collapse;/*  */
   letter-spacing:1px;/*  */
}

th
{
   background-color: #eeeeee;
}

table,th,tr,td{
   font-size: 1.0em;
   border-bottom:1px solid #cccccc;/*  */
   padding:4px;
   padding-top: 8px;
   padding-bottom: 8px;
   text-align: left;
}

a
{
  color:#ffffff;
  text-decoration: none;
  margin-left: 0px;
}

a:link,a:visited
{
   color:#ffffff;
   text-decoration:none;
}

ul{
  margin-bottom: 5px;
}

li{
  text-decoration: none;
  list-style-type: none;
  margin-left: 0px;
}

p{
   color: #111111;
word-wrap:break-word;
}

.dateheader {
    height: 50px;
    line-height: 50px;
    border-radius: 0px;
    margin: 0px 0%;
    padding-left: 15px;
    background-color: #eee;
    color: #0a5165;
    font-weight: 700;
    font-size: 14px;
}
/* 顶部导航栏 */
header {
    background-color:#007030;
    color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.nav-container {
    display: flex;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px;
    justify-content: space-between;
}
.nav-menu a.active {
    background-color: #fff;
    color: #FFA500;
}
.logo {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}

.nav-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-menu li {
    position: relative;
    margin-left: 25px;
}

.nav-menu a {
    color: #fff;
    font-size: 16px;
    transition: color 0.3s, background-color 0.3s;
    padding: 10px 15px;
    display: block;
    border-radius: 4px;
}

.nav-menu a:hover {
    background-color: rgba(245, 240, 240, 0.1);
    color: #fff;
}

/* 二级导航 */
.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #007030; /* 深蓝色 */
    list-style: none;
    padding: 10px 0;
    margin: 0;
    min-width: 180px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

.sub-menu li {
    margin: 0;
}

.sub-menu a {
    padding: 10px 15px;
    font-size: 14px;
}

.nav-menu li:hover .sub-menu {
    display: block;
}

.menu-toggle {
    display: none;
    font-size: 28px;
    cursor: pointer;
    color: #fff;
}

#hot_league {
    margin: 5px;
}
.header_newnav {
    width: 1200px;
    display: flex;
    align-items: center;
    background: #ffffff;
    margin: 0 auto;
}
.headline {
    display: flex;
    align-items: center;
    margin-right: 50px;
}
/* 添加向下箭头 */
.has-submenu > a::after {
    content: "▼"; /* 向下箭头符号 */
    font-size: 12px;
    margin-left: 8px;
    transition: transform 0.3s ease;
}

/* 鼠标悬停时旋转箭头 */
.has-submenu:hover > a::after {
    transform: rotate(180deg);
}
#newNav {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 10px;
}
.teamslists{padding-right: 15px;}
@media (max-width: 768px) {
    .nav_reg, .header_newnav, .focus {
        width: 100%;
    }
    .headline {
        margin-right: 0;
        overflow: auto;
        padding: 4px;
    }
    #newNav {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: auto;
    }

    .nav-menu {
        display: none;
        flex-direction: column;
        background-color: #007030;
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        padding: 20px;
    }

    .nav-menu.active {
        display: flex;
        z-index: 1000;
    }

    .nav-menu li {
        margin: 10px 0;
    }

    .menu-toggle {
        display: block;
    }

    .container {
        flex-direction: column;
    }

    .sub-menu {
        position: static;
        display: none;
        background-color: rgba(0, 0, 0, 0.1);
        padding-left: 20px;
    }

    .nav-menu li:hover .sub-menu {
        display: none;
    }

    .nav-menu li.active .sub-menu {
        display: block;
    }
    .has-submenu > a::after {
        content: "▶"; /* 移动端改为向右箭头 */
    }

    .has-submenu.active > a::after {
        content: "▼"; /* 展开时改为向下箭头 */
    }
}

#hot_league{margin: 5px;}
.header_newnav {
    width: 1190px;
    display: flex;
    align-items: center;
    background: #ffffff;
    margin: 0 auto;
}
#newNav {
    display: flex;
    flex-wrap: wrap;
    padding: 3px 5px;
}
#newNav a{color:#007030;font-weight: bold;}
.headline {
    display: flex;
    align-items: center;
    margin-right: 50px;
}
@media screen and (max-width: 786px){
    .nav_reg, .header_newnav, .focus {
        width: 100%;
    }
    .headline {
        margin-right: 0;
        overflow: auto;
        padding: 4px;
    }
    #newNav {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: auto;
    }

}

.racetitle {
float:left;margin-top:10px;margin-left:0px;margin-bottom:10px;
width:872px;height:40px;border-width:1px;border-style: solid;
border-color:#dddddd;background-color:#dddddd;
padding-top: 15px;
font-size : 1.3em;text-align:center;color:#555555
}

.raceblockdiv {
  width: 920px;
  margin: 0 auto;
  margin-left: 0;
  padding-left: 0px;
}

.raceblock {
  float: left;
  margin-left: 0px;
  margin-top: 10px;
  width: 872px;
  height: 60px;
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd;
  background-color: #eeeeee;
  padding-top: 30px;
  font-size: 1.5em;
  text-align: center;
  color: #000000;
}

.race {
  list-style-type: none;
  text-align: left;
  margin-left: 0px;
  margin-top: -1px;
  padding: left:1px;
  width: 860px;
  height: 60px;
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd;
  background-color: #ffffff;
  padding-bottom: 10px;
  margin-bottom: 5px;
  padding-top: 10px;
  font-size: 1.3em;
  color: #555555;
  display: flex;
  align-items: center;
}

.raceRed {
  list-style-type: none;
  text-align: left;
  margin-left: 0px;
  margin-top: -1px;
  padding: left:1px;
  width: 860px;
  height: 60px;
  border-width: 1px;
  border-style: solid;
  border-color: #ee9999;
  background-color: #ffeeee;
  padding-bottom: 10px;
  padding-top: 30px;
  font-size: 1.3em;
  color: #555555;
}

.raceRed1 {
  list-style-type: none;
  text-align: left;
  margin-left: 0px;
  margin-top: -1px;
  padding: left:1px;
  width: 860px;
  height: 180px;
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd;
  background-color: #ffffff;
  padding-bottom: 10px;
  padding-top: 30px;
  font-size: 1.3em;
  color: #555555;
}

.playbtn {
  float: left;
  height: 35px;
  width: 100px;
  top: -10px;
  padding-top: 2px;
  text-align: center;
  color: #ffffff;
  background-color: #117733;
  border-radius:3px;
}
.start{background-color: red;}

.play {
  float: left;
  height: 100px;
  width: 300px;
  padding-top: 30px;
  font-size: 2.5em;
  text-align: center;
  color: #ffffff;
  background-color: #117733;
  border-radius:23px;
}

.racename {
  display: flex;
  float: left;
  width: 500px;
  top: -3px;
  font-size: 1.1em;
  color: #222222;
}

.racetime {
  float: left;
  margin-left: 1px;
  width: 150px;
  font-weight: bold;
  font-size: 14px;
  padding-left: 5px;
}

.racecat {
  float: left;
  width: 100px;
  color: #888888;
  text-align: center;
}

.racediv {
  float: left;
  margin-left: 0px;
  padding-left: 0px;
}

.races {
  float: left;
  margin-left: 0px;
  padding-left: 0px;
  width: 480px;
  height: 60px;
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd;
  background-color: #e3eaff;
  padding-top: 25px;
  font-size: 1.4em;
  text-align: center;
  color: #0033ff;
}

.nav {
  list-style-type: none;
  height: 60px;
  margin-left: 0px;
  padding-left: 0px;
  font-size: 1.5em;
  float: left;
}

.header_logo {
    width:100%;
    margin:0 auto;
    height:190px;
    background-color:#ffffff;
}

.top_nav {
    width:1220px;
    margin:0 auto;
    height:90px;
    background-color:#ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.left_logo {
    float:left;
    margin:10px;
    margin-left:0px;
}

.index_logo {
    color:#ffffff;
    font-size : 2.2em;
}

.header_right {
    float:right;
    margin:5px;
    color:#777777;
}

.header_daohang {
    width:1220px;
    margin:0 auto;
    height:100px;
    clear:both;
    background-color:#008643;
}

.nav_list {
    float:left;
    margin:5px;
    padding-left:30px;
    padding-top:10px;
    color:#ffffff;
    width: 70px;
}

.footer {
    width:100%;
    margin:0 auto;
    height:240px;
    background-color:#001100;
}

.footer_bottom {
    width:1200px;
    margin:0 auto;
    height:140px;
    background-color:#001100;
}

.copyright {
    float:left;
    margin:5px;
    margin-left:10px;
    padding-top:15px;
    color:#ddeedd;
    text-align: center;
}

.footer_beian {
    float:left;
    margin:20px;
    margin-left:100px;
    padding-top:0px;
    color:#ffffff;
}

.index_footer, .index_bottom {
    height: 50px;
}

.friend_link {
    color:#ffffff;
    width:100%;
    margin:0 auto;
    padding-top:10px;
    height:30px;
    background-color:#001100;
}

.hot_league a {
    color: red;
}

.hot_league {
    margin-bottom: 20px;
}

.content {
    width:1220px;
    margin:0 auto;
    background: #d1eedd;
}

.content_top {
    width:860px;
    float:left;
    background-color:#007030;
    margin-bottom:10px;
    padding:10px;
}

.content_list {
    width:61.80%;
    margin:0 auto;
    height:50px;
    clear:both;
    float:left;
}
.hover{margin-top: 10px;}
.tab_list {
    float:left;
    margin:5px;
    padding-left:20px;
    padding-top:10px;
    color:#ffffff;
}

.content_left {
    width:880px;
    float:left;
    background-color:#ffffff;
    margin-top:10px;
    padding:10px;
}

.racename img {
    width: 30px;
    height: 30px;
}

.teaml, .teamr {
    width: 200px;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.vs {
    min-width: 100px;
    text-align: center;
}

.teaml {
    display: flex;
    justify-content: flex-end;
}

.racecat a {
    color: #000;
}

.right_news, .hot_video {
    padding: 10px;
}

.actives {
    color: red;
}

.right_news a, .hot_video a, .right_hot_team a {
    color: #000;
}

.team_ul {
    display: flex;
    white-space: nowrap;
    flex-wrap: wrap;
}

.right_hot_team {
    padding: 10px;
}

.tab-current h1 {
    font-size: 18px;
}

.home_dd {
    background: #fff;
}

.home_content {
    background: unset;
}

.flex li a {
    color: #000;
}

.date-list li a, .paging-cls li a {
    color: #000;
}

.team_all_list {
    width: 98%;
}

.all_racecat, .all_playbtn {
    width: 150px;
}

.all_teaml, .all_teamr {
    width: 300px;
}

.all_racename {
    width: 600px;
}

.dsp_title, .zhibo_list_dw span a, .zhibo_list_zdub span {
    color: #666;
}

.team_list .right_team li {
    width: unset;
    border-bottom: unset;
}

.detail_content {
    width: 890px;
}

.content_top {
    cursor: pointer;
}

.arc a {
    padding: 7px;
    background:#008643;
    border-radius: 5px;
    line-height: 35px;
}

.arc {
    padding-left: 10px;
}

.detail_zuozhe {
    padding-left: 10px;
}

.tab_list h1 {
    font-size: 18px;
}

.article_img img {
    width: 130px;
    height: 100px;
}

.article_race {
    height: auto;
}

.article_right_title {
    display: flex;
    flex-direction: column;
    height: 80px;
    width: 100%;
    margin-left: 20px;
}

.right_title {
    font-size: 18px;
    font-weight: bold;
    color: #666;
    margin-bottom: 30px;
}

.right_time {
    font-size: 14px;
    color: #666;
}

.right_news_title h3 {
    padding-top: 10px;
}

.jijin_page .pagination li a {
    color: #000;
    color: #000;
    padding: 7px;
    background: #eee;
    margin: 5px;
    border-radius: 5px;
    line-height: 35px;
}

.pagination {
    display: flex;
    flex-wrap: wrap;
}

.detail_content_list p a {
    color: #666;
}

.tag_right_title a {
    font-size: 18px;
    font-weight: bold;
    color: #666;
}

.type a {
    color: blue;
    font-weight: unset;
}

.type {
    margin: 10px 0;
}

.tag_time {
    font-size: 14px;
}

.tag_content {
    display: flex;
}

.tag_content_left {
    margin-right: 10px;
}

.tag_conn_right {
    margin-top: 10px;
}

.detail_main .course {
    height: auto;
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
}

.w {
    width: 1220px;
    margin: auto;
}

.detail_main .course .course_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.detail_main .course .course_title h1 {
    font-size: 34px;
    color: #181818;
    font-weight: 800;
}

.detail_main .course .course_live {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.detail_main .course .course_live .course_live_session {
    width: 100%;
    height: 501px;
    padding: 10px;
    box-sizing: border-box;
    background-color: #008643;
    box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 20px 0px;
}

.detail_main .course .course_live .team_bj {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 66px;
    padding: 0 10px;
}

.detail_main .course .course_live .team_bj .team {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 26px;
    flex: 1;
    overflow: hidden;
}

.detail_main .course .course_live .team_bj .team .team_img {
    width: 140px;
    height: auto;
}

.detail_main .course .course_live .team_bj .team .team_img img {
    width: 100%;
    height: 100%;
}

.detail_main .course .course_live .team_bj .team p {
    color: #ffffff;
    font-size: 28px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-align: center;
}

.detail_main .course .course_live .team_bj .vsinfo {
    display: flex;
    flex-direction: column;
    gap: 23px;
}

.detail_main .course .course_live .team_bj .vsinfo .vsinfo_bifen {
    width: 260px;
    height: 82px;
    background: rgb(229 , 229 , 229 , 0.7);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 34px;
}

.detail_main .course .course_live .team_bj .vsinfo .vsinfo_bifen span {
    color: #ffffff;
    font-size: 40px;
    font-weight: 800;
}

.detail_main .course .course_live .team_bj .vsinfo .vsinfo_time {
    width: 260px;
    height: 54px;
    background: rgb(229 , 229 , 229 , 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 17px;
    border-radius: 10px;
}

.detail_main .course .course_live .team_bj .vsinfo .vsinfo_time span {
    color: #ffffff;
    font-size: 15px;
}

.detail_main .course .course_live .team_bj .vsinfo .vsinfo_status {
    width: 260px;
    height: 54px;
    background: rgb(229, 229, 229, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 17px;
    border-radius: 10px;
    color: #ffffff;
    font-size: 26px;
    font-weight: 800;
}

.illustrate {
    background: #f8f8f8;
    padding: 13px 15px;
}

.rubric span {
    font-size: 14px;
}

.illustrate .eventName {
    margin: 12px 0;
}

.illustrate .eventName ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.illustrate .eventName ul li {
    display: flex;
    align-items: center;
}

.illustrate .eventName ul li::before {
    content: '';
    width: 4px;
    height: 4px;
    background: #e5e5e5;
    border-radius: 50%;
    margin-right: 10px;
}

.illustrate .eventName ul li span {
    font-size: 14px;
    color: #626161;
    white-space: nowrap;
}

.illustrate .eventName ul li a {
    color: #3c3cb4;
    font-size: 14px;
    white-space: nowrap;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.illustrate .text {
    color: #626161;
    font-size: 14px;
}

.crossswords {
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 30px;
}

.com-info ul {
    padding-left: unset;
}

.detail_bisai_team, .detail_bisai_list, .detai_bisai_racediv, .detail_right_news_title, .detail_content_news, .detail_right_teams {
    width: 100% !important;
}

.detail_name {
    width: 200px;
}

#pageContents a {
    color: #000;
}

.feedback_title {
    padding-top: 10px !important;
}

.news_detail_content {
    width:880px;
    float:left;
    background-color:#ffffff;
    margin-top:10px;
    padding:10px;
}

.detail_main .course .course_live .course_live_top {
    display: flex;
    gap: 21px;
    align-items: center;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #ff5519;
    border-radius: 25px;
}

.detail_main .course .course_live .course_live_top .signal {
    color: #ff5519;
    font-size: 26px;
    font-weight: 800;
    padding-left: 28px;
    box-sizing: border-box;
}

.detail_main .course .course_live .course_live_top ul {
    display: flex;
    gap: 5px;
}

.detail_main .course .course_live .course_live_top ul li {
    width: 100%;
    height: auto;
    background: #ff5519;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 10px;
}

.course_live_top ul li p {
    color: #fff;
}

.detail_gqzb {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    cursor: pointer;
}

.content_left {
    display: flex;
    flex-direction: column;
}

.gy_position_tit {
    display: flex;
}

.gy_position_tit h1 {
    font-size: 14px;
}

.page-h1-dom {
    font-size: 18px;
    padding: 10px;
}

.eventName ul li a {
    color: #626161 !important;
}

#bisai-list ul {
    padding-left: 10px;
}

.luxiang_title {
    height: unset;
}

.luxiang_li_title {
    margin-bottom: unset;
}

.luxiang_li_title {
    font-size: 16px;
    font-weight: unset;
    display: flex;
    justify-content: space-between;
}

.luxiang_li_title_time {
    padding-right: 10px;
}

@media (max-width: 1200px) {
    .top_nav {
        width: 100%;
        flex-direction: column;
        height: 120px;
    }
    .header_daohang {
        width: 100%;
        height: 280px;
    }
    .header_menu_item:after {
        top: 65%;
        left: 60%;
    }
    .content, .content_top, .content_list, .racediv, .racename, .right_news_title, .content_news, .right_video, .right_teams, .footer_bottom, .news_detail_content, .breadcrumb-content img, .luxiang_content, .jijin_content, .video_content, .w {
        width: 100% !important;
    }
    .content_top {
        padding: unset;
    }
    .race {
        display: flex;
        flex-direction: column;
        height: auto;
        line-height: 30px;
    }
    .content_left, .race {
        width: 96%;
    }
    .teaml, .teamr {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .racename {
        margin-bottom: 10px;
    }
    .content_news, .right_video, .right_teams {
        margin-left: unset !important;
    }
    .footer_bottom {
        height: 440px !important;
    }
    .friend_link {
        padding-left: 10px;
    }
    .flex_list {
        flex-direction: row;
    }
    .right_title {
        font-size: 14px;
        font-weight: unset;
        margin-bottom: unset;
        line-height: 20px;
    }
    .gd-box::-webkit-scrollbar {
        display: none;
    }
    #pageContents::-webkit-scrollbar {
        display: none;
    }
    .live-list ul {
        flex-direction: column;
    }
    .page-box {
        border-left: unset;
    }
    .news_detail_content, .luxiang_content, .jijin_content, .video_content {
        padding: unset !important;
    }
    .luxiang_content h1, .news_detail_content h1, .jijin_content h1, .video_content h1, .course_title h1 {
        font-size: 18px !important;
    }
    .luxiang_margin, .jijin_margin, .video_margin {
        margin: 0 10px;
    }
    .news_detail_content>div span, .jijin_content>div span, .video_content>div span {
        font-size: 14px;
    }
    .detail_content_list iframe {
        height: auto;
    }
    .course_live_top {
        flex-direction: column;
    }
    .detail_main .course .course_live .team_bj {
        gap: unset;
    }
    .detail_main .course .course_live .team_bj .team .team_img {
        width: 50px;
    }
    .detail_main .course .course_live .team_bj .team p {
        font-size: 18px;
        overflow: unset;
    }
    .detail_main .course .course_live .team_bj .vsinfo .vsinfo_bifen, .detail_main .course .course_live .team_bj .vsinfo .vsinfo_status {
        width: unset;
        height: unset;
    }
    .detail_main .course .course_live .team_bj .vsinfo .vsinfo_time {
        width: unset;
        height: 40px;
    }
    .detail_main .course .course_live .course_live_session {
        height: unset;
    }
    #comment_box {
        width: 94%;
    }
    .luxiang_li_title_time {
        margin-top: 10px;
    }
    .luxiang_li_title {
        flex-direction: column;
    }
    body {
        overflow-x: hidden;
    }
}