@charset "utf-8";

body {
    font-size:18px;
    color: #000;
    background: url(https://www.xsnet.cn/zt/2025/2025lqls/material/images/bg.jpg) no-repeat center top #fed23d;
    font-family: microsoft yahei;
}
a {
    text-decoration: none;
    color:#000;
}

a:hover {
    text-decoration: none;
    color:#000;
}

.fl {
    float: left;
    _display: inline;
}

.fr {
    float: right;
    _display: inline;
}

.ml20 {
    margin-left: 20px;
}

.ml10 {
    margin-left: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mt10 {
    margin-top: 10px;
}
/*index*/
.header{width:100%;height:1000px;}
.main{width:1400px;margin:0 auto;}
.footer{text-align:center;padding:200px 0 80px;color:#000;background: url(https://www.xsnet.cn/zt/2025/2025lqls/material/images/foot.png) no-repeat bottom center;}
.footer span{font-family:Arial;}
.footer a{color:#000;}
/* 赛事动态 */
/*新闻动态*/
.swiper-focus {
      width: 760px;
      height: 430px;
	  position: relative;
	  float: left;
	  overflow: hidden;
	  margin-top:30px;
}
.swiper-focus .swiper-slide {
	  position: relative;
}	
.swiper-focus .swiper-slide .img{
	  width: 100%;
      height: 100%;
}
.swiper-focus .swiper-slide img{
      width: 100%;
      height: 100%;
      -webkit-transition: all 1s;
      -moz-transition: all 1s;
      transition: all 1s;
    }
.swiper-focus .swiper-slide img:hover{transform: scale(1.2);}
.swiper-focus .swiper-slide .tit {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    line-height: 32px;
    padding: 10px 10px 10px 10px;
    color: #fff;
    background: rgba(0,0,0,.65);
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.65)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
    }
.swiper-focus .swiper-pagination{
		width:auto!important;
		right: 20px!important;
		left: auto!important;
		bottom: 8px!important;
		position: absolute;
		text-align: center;
		-webkit-transition: .3s;
		-moz-transition: .3s;
		transition: .3s;
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		z-index: 10
	  }

.swiper-focus .swiper-pagination .swiper-pagination-bullet {
	margin-right: 0;
	opacity: 1;
	background: #fff;
	-webkit-transition: width .5s;
	-moz-transition: width .5s;
	transition: width .5s;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px
    }
.swiper-focus .swiper-pagination .swiper-pagination-bullet-active {
	width: 20px;
	background: #ccc
    }
.swiper-focus .swiper-button-next,.swiper-focus .swiper-button-prev {
	position: absolute;
	top: 50%!important;
	z-index: 10!important;
	cursor: pointer;
}
.swiper-focus .swiper-button-prev {
	width: 34px;
	height: 73px;
	left: 0;
	margin-top: -52px;
	background:url(https://www.xsnet.cn/zt/2025/2025lqls/material/images/right.png) no-repeat!important;
}
.swiper-focus .swiper-button-next {
	width: 34px;
	height: 73px;
	right: 0;
	margin-top: -52px;
	background: url(https://www.xsnet.cn/zt/2025/2025lqls/material/images/left.png) no-repeat!important;
}
.swiper-focus .swiper-button-next:after,.swiper-focus .swiper-button-prev:after{
    font-size:0;
}
.swiper-focus .swiper-container:hover .swiper-button-next,.swiper-focus .swiper-container:hover .swiper-button-prev {
	display: block
}
.news{width:610px;height:430px;float: left;position: relative;z-index: 9999;margin-left:30px;margin-top:30px;}
.news h2{line-height:30px;overflow: hidden;text-align: left;margin-top:6px;}
.news h2 a{font-size:24px;font-weight: bold;}
.news .resume{line-height: 32px;height:64px;overflow:hidden;color:#2c0000;margin-bottom: 16px;margin-top:10px;font-size:18px;}
.news  ul{margin-top:10px;}
.news  ul li{height:36px;line-height:36px;margin-top:10px;overflow:hidden;background:url(https://www.xsnet.cn/zt/2025/2025lqls/material/images/list_block.gif) no-repeat left 14px;padding-left:20px;background-size:8px 8px;}
.more{width:120px;height: 30px;line-height: 30px;text-align: center;font-weight: bold;}
.news_list{
    margin-top:30px;
}
.news_list ul{
    width:1430px;
    margin-left:-30px;
    float: left;
}
.news_list ul li{
    width:327px;
    float: left;
    margin-left:30px;
}
.news_list ul li img{
    width:327px;
    height:192px;
}
.news_list ul li h4{
    height: 50px;
    line-height: 25px;
    padding:10px 0;
}
/* 赛事预告 */
.yugao {
    margin-top:40px;
    display:none;
}
.yugao ul{
    display: flex;
    justify-content:space-between;
    flex-wrap:wrap ;
}
.yugao ul li{
    width: 638px;
    height: 172px;
    background:url(https://www.xsnet.cn/zt/2025/2025lqls/material/images/vs_bg.png) no-repeat;
    margin-top:40px;
}
.yugao ul li h4{
    height:56px;
    line-height: 56px;
    font-size:30px;
    text-align: center;
    color:#fff;
}
.yugao ul li .name{
    width:420px;
    margin:45px auto 0;
    display: flex;
    justify-content: space-between;
}
.yugao ul li .name span{
    font-size:22px;
}
.shijie{
    margin-top:40px;
}
.shijie .video{
    margin-top:40px;
}

.mySwiper{
    width:100%;
    overflow: hidden;
    padding-top:100px;
}
.mySwiper .swiper-slide{
    width:480px!important;
    height:644px;
}
.mySwiper .swiper-slide .img{
    width:480px;
    height:644px;
}
.mySwiper .swiper-slide .view-btn img{
    position:absolute;
    top:30px;
    right:20px;
    width:140px;
}
.mySwiper .swiper-slide  .card-title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	font-size: 24px;
	font-weight: 400;
	line-height: 32px;
	padding: 10px 10px 10px 10px;
	color: #fff;
	background: rgba(0,0,0,.65);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.65)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,.65) 100%);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,.65) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,.65) 100%);
}
.card {
      border-radius: 12px;
      overflow: hidden;
      position: relative;
      transition: all 0.3s ease;
      box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    }
/* Hover效果 */
.card:hover {
    transform: translateY(-40px); /* 默认上移10px */
    box-shadow: 0 12px 25px rgba(0,0,0,0.12);
}
@media screen and (max-width:750px){
    .mySwiper{
        width:1400px;
        margin:0 auto;
    }
}
/* 实时榜单 */
.bangdan{margin-top:40px;}
.bd_tab{background:url(../images/bangdan.png) no-repeat;width:1400px;height:936px;padding-top: 10px;margin-top:40px;}
.bd_tab .bd_tags{width:90px;margin-top:20px;float: left;}
.bd_tab .bd_tags li{writing-mode: vertical-rl;width:32px;text-align: center;color:#fff;font-size:24px;padding:20px 0;border-top:1px solid #fff;margin:0 auto;vertical-align:middle;cursor: pointer;}
.bd_tab .bd_tags li:first-child{border-top:none;}
.bd_tab .bd_tags li.selectTag{
    font-weight: bold;
}
.bd_con{
    float: left;
    display: none;
}
.bd_con .box_1{
    width:600px;
    float: left;
    text-align: center;
    padding-top:140px;
}
.bd_con .box_1 span{
    color:#fff;
    font-size: 36px;
}
.bd_con .box_2{
    width:710px;
    float: left;
}
.bd_con.selectTag{
    display: block;
}
.bf_list{width:710px;height:700px;overflow: scroll;overflow-x: hidden;margin-top:130px;}
/* 滚动条整体部分 */
.bf_list::-webkit-scrollbar {
    width: 5px; /* 滚动条宽度 */
    height: 5px; /* 滚动条高度 */
}
 
/* 滚动条轨道 */
.bf_list::-webkit-scrollbar-track {
   background: #ff8485; /* 滑块背景颜色 */
}
 
/* 滚动条滑块 */
.bf_list::-webkit-scrollbar-thumb {
    background: #831004; /* 滑块颜色 */
    border-radius: 10px; /* 滑块圆角 */
}
 
/* 滑块悬停 */
.bf_list::-webkit-scrollbar-thumb:hover {
    background: #831004; /* 滑块悬停颜色 */
}
.bf_list li{width:100%;height:80px;background:url(../images/bf_bg.png) no-repeat center;display: flex;justify-content: space-between;line-height: 70px;margin-bottom: 40px;}
.bf_list li .bf_left{width:230px;text-align: right;display: block;line-height: 80px;font-size: 32px;color:#831004;}
.bf_list li .bf_mid{width:250px;display: block;text-align: center;color:#831004;font-size: 38px;}
.bf_list li .bf_right{width:230px;text-align: left;display: block;line-height: 80px;font-size: 32px;color:#831004;}
.qiuduibang{padding:90px 0 0;}
.qiuduibang .qd_list{height:500px;overflow: scroll;overflow-x: hidden;margin-top:30px;padding:0 124px 0 90px}
.qd_list::-webkit-scrollbar {
    width: 5px; /* 滚动条宽度 */
    height: 5px; /* 滚动条高度 */
}
 
/* 滚动条轨道 */
.qd_list::-webkit-scrollbar-track {
   background: #ff8485; /* 滑块背景颜色 */
}
 
/* 滚动条滑块 */
.qd_list::-webkit-scrollbar-thumb {
    background: #831004; /* 滑块颜色 */
    border-radius: 10px; /* 滑块圆角 */
}
 
/* 滑块悬停 */
.qd_list::-webkit-scrollbar-thumb:hover {
    background: #831004; /* 滑块悬停颜色 */
}
.qiuduibang .qd_list li{display: flex;justify-content: space-between;line-height: 60px;}
.qiuduibang .qd_list li span{font-size:26px;color:#831004;}
/* 扫码购票 */
.goupiao{
    margin-top:40px;
}
.ma ul{
    display: flex;
    justify-content:space-evenly;
    margin-top:40px;
}
.ma ul li{
    width:300px;
}
.ma ul li img{
    width:300px;
    height:341px;
}
.ma ul li h4{
    font-size: 20px;
    line-height: 40px;
}
/* 高光时刻 */
.shike{
    margin-top:40px;
}
.shike_tuji{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width:1400px;
    height:748px;
    margin-top:40px;
}
.shike_tuji .tu_1{
    width:868px;
    height:410px;
    border:2px solid #f59729;
}
.shike_tuji .tu_2{
    width:505px;
    height:410px;
    border:2px solid #f59729;
}
.shike_tuji .tu_3{
    width:410px;
    height:290px;
    border:2px solid #f59729;
}
.shike_tuji .tu_4{
    width:404px;
    height:290px;
    border:2px solid #f59729;
}
.shike_tuji .tu_5{
    width:534px;
    height:290px;
    border:2px solid #f59729;
}
/*分页*/
.pages {
    text-align: center;
    width: 100%;
    display: inline-block;
    padding-top: 20px;
}

.pages li {
    float: left !important;
    background: none !important;
    display: inline;
}

.page-active {
    font-weight: bold;
}

.page {
    margin-top: 0 !important;
    margin-right: 10px;
}

.pages li {
    border-bottom: none;
}