@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; border:0;}
body{ margin:0 auto; font-size:12px; font-family:"微软雅黑"; text-align:center; line-height:20px; background:#feecd7;}
h1{ font-size:14px;}
#wrap{ margin:0 auto; width:100%; overflow:hidden; padding-top:20px; text-align:left; background: top center no-repeat;}
li{ list-style:none;}
A {TEXT-DECORATION:none;}
@media screen and (min-width: 1200px) { 
.topBanner,.mod01,.mod02,.mod03,.mod04,.mod05,.mod06,#wrap_K{width:100%;}
.footer {width:100%;}  
} 
/* css注释：设置了浏览器宽度不小于1200px时 abc 显示100%宽度 */ 
 
@media screen and (max-width: 1200px) { 
.topBanner,.mod01,.mod02,.mod03,.mod04,.mod05,.mod06,#wrap_K{width:1200px;}
.footer {width:1200px;}  
} 
/* 设置了浏览器宽度不大于1200px时 abc 显示1200px宽度 */ 

/*浮动导航*/
.menu-a{width: 278px;height:113px; position: fixed; right:50px; top: 100px;  z-index: 70;background: url(../images/nav_a.png) no-repeat; cursor: pointer;}
.menu-nav{display: none; width: 278px;height:701px; margin: 0; padding:60px 0 0 0; position: fixed; right:50px; top: 100px; list-style-type: none; z-index: 70;background: url(../images/nav_b.png) no-repeat;}
.menu-nav .close{display: block; width:44px; height: 19px; background: url(../images/close.png) no-repeat; position:absolute; top: 32px; right: 52px; cursor: pointer;}
.menu-nav .menu{padding-top: 20px;}
.menu-nav li{ width: 193px; height:63px;overflow: hidden; margin:10px auto 0 auto;cursor: pointer;text-indent: -888px;}
.menu-nav li.current{height: 74px;  }
.menu-nav li.n1{background: url(../images/nav01.png) left bottom no-repeat;}
.menu-nav li.n2{background: url(../images/nav02.png) left bottom no-repeat;}
.menu-nav li.n3{background: url(../images/nav03.png) left bottom no-repeat;}
.menu-nav li.n4{background: url(../images/nav04.png) left bottom no-repeat;}
.menu-nav li.n5{background: url(../images/nav05.png) left bottom no-repeat;}
.menu-nav li.n6{background: url(../images/nav06.png) left bottom no-repeat;}
.menu-nav li.n7{background: url(../images/nav07.png) left bottom no-repeat;}
.menu-nav li.n8{background: url(../images/nav08.png) left bottom no-repeat;}

.menu-nav li.n1.current{background: url(../images/nav01_curr.png) no-repeat;}
.menu-nav li.n2.current{background: url(../images/nav02_curr.png) no-repeat;}
.menu-nav li.n3.current{background: url(../images/nav03_curr.png) no-repeat;}
.menu-nav li.n4.current{background: url(../images/nav04_curr.png) no-repeat;}
.menu-nav li.n5.current{background: url(../images/nav05_curr.png) no-repeat;}
.menu-nav li.n6.current{background: url(../images/nav06_curr.png) no-repeat;}
.menu-nav li.n7.current{background: url(../images/nav07_curr.png) no-repeat;}
.menu-nav li.n8.current{background: url(../images/nav08_curr.png) no-repeat;}

/*top ############################################################################################################*/
.topBanner{ clear:both; height:928px;overflow:hidden; margin:0 auto;text-align:center; background: url(../images/banner.jpg) no-repeat top center;}
.subBanner{ clear:both;  height:916px;overflow:hidden; margin:0 auto;text-align:center; background: url(../images/subBanner.jpg) no-repeat top center;}

/*赛事集锦 */
.mod01{ clear:both; height:762px; overflow:hidden; margin:0 auto; background:url(../images/main01.jpg)  top center no-repeat;}
.mod01 .con{ clear:both;width:1200px;  height:100%; overflow:hidden; margin:0 auto;padding:38px 0 0 0;text-align:left;}
.mod01 .con h2{ clear:both;  height:100px; overflow:hidden;}
.mod01 .con h2 a{ display: block; width: 60px;  height:26px; margin: 0 0 0 770px; background: url(../images/more.png) no-repeat;}
.mod01 .con ul{display: flex;justify-content: center; flex-wrap: wrap;}
.mod01 .con li{ width:377px;height:282px;margin:0  30px 25px 0; background:url(../images/picBg01.png) no-repeat;}
.mod01 .con li:nth-child(3){margin:0  0 25px 0; }
.mod01 .con li img{display: block; width: 275px;height: 155px; margin: 20px 0 0 60px;}
.mod01 .con li p{padding:10px 50px 0 60px;  overflow: hidden;font-size:20px; font-weight:200; color:#fff; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }
.mod01 .con li p:hover{color:#01e3ff; }

/*赛事直播 */
.mod02{ clear:both; height:995px; overflow:hidden; margin: 0 auto; background:url(../images/main_02.jpg) top center no-repeat;}
.mod02 .con{ clear:both;width:1200px; height:100%;   margin:0 auto;padding:190px 0 0 0;text-align:left;}
.mod02 .con .bPic{display: block; width: 710px;height: 550px; margin: 0 auto;}
.mod02 .con .bPic img{display: block; width: 710px;height: 400px;}
.mod02 .bPic p{ height: 34px; overflow: hidden;padding:15px 0 0 50px; font-size:24px; font-weight:200; color:#fff; line-height:34px; text-overflow: ellipsis;white-space: nowrap; background: url(../images/icon01.png) 0 15px no-repeat;}
.mod02 .bPic p:hover{color:#01e3ff; }
.mod02 .con .picList{display: block; width: 100%;height: 250px;   margin: 0 auto;position: relative;}
.mod02 .swiper-con {  width: 100%;  height: 100%; overflow: hidden; } 
.mod02 .swiper-slide {width:272px;	height: 210px; background: url(../images/picBg02.png) bottom no-repeat;}
.mod02 .swiper-slide img{display: block; width: 240px;height: 135px;  margin: 0 auto;}
.mod02 .swiper-slide p{margin:10px 20px 0 30px; font-size:18px; font-weight:200; color:#fff; line-height:26px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.mod02 .swiper-slide p:hover{color:#01e3ff; }
.mod02 .swiper-button-next{ display: block; width:64px; height:71px; background: url(../images/arrRight01.png) no-repeat; top: 100px;right: -100px;}
.mod02 .swiper-button-prev::after,.mod02 .swiper-button-next::after{content:' ';}
.mod02 .swiper-button-prev{ display: block; width:64px; height:71px; background: url(../images/arrLeft01.png) no-repeat;top: 100px;left: -100px; }

 /*赛事榜单*/
.mod03{ clear:both;  height:734px; overflow:hidden; margin:  0 auto;  background:url(../images/main03.jpg)  top center no-repeat;}
.mod03 .con{ clear:both; width:1200px; margin:175px auto 0 auto; text-align:center; }
.mod03 #conter { width:1200px; height:480px; float:left; display:inline; overflow:hidden; position:relative; }
.mod03 #conter ul { width:auto; height:423px; top:0px; left:0px; position:absolute; overflow:hidden;}
.mod03 #conter li{float: left; width:486px;height:423px;margin-right: 30px; }
.mod03 #conter li img{display: block;  width:100%;height:100%;}
.mod03 #scroll { width:440px; height:7px; margin-left: -220px; left:50%; bottom:7px; cursor:pointer; position:absolute; border: 1px solid #4a8ec7; border-radius: 5px; background:#9b0a91; }
.mod03 #scroll span { width:18px; height:18px; left:0px; bottom:-6px; cursor:pointer; position:absolute; border-radius: 50%; background:#47ccfc; }
 /*篮神 */
.mod04{ clear:both; height:622px; overflow:hidden; margin: 0 auto; background:url(../images/main04.jpg)  top center no-repeat; }
.mod04 h2{height:135px;overflow: hidden;margin: 0 auto;padding:0 0 0 750px;}
.mod04 h2 a{display: block;width:60px; height: 26px; background: url(../images/more.png) no-repeat;}
.mod04 .con{ clear:both;width:1200px;  overflow:hidden; margin:0 auto;padding:35px 0 0 0;text-align:center;}
.mod04 .con li{float: left; width:554px;height:186px;margin: 0 40px 30px 0; text-align: left; background: url(../images/picBg03.png) no-repeat;}
.mod04 .con li:nth-child(3),.mod04 .con li:nth-child(4){margin: 0 0 0 40px;background: url(../images/picBg04.png) no-repeat;}
.mod04 .con li:nth-child(3) img,.mod04 .con li:nth-child(4) img{float: right; margin: 15px 5px 0 5px; }
.mod04 .con li img{ width: 269px;height: 152px; margin: 15px 10px 0 5px; float: left;}
.mod04 .con li p{ width: 220px; overflow: hidden; padding: 40px 20px 0 20px; font-size:20px; font-weight:200; color:#fff; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; }
.mod04 .con li p:hover{color:#01e3ff; }


 /*篮得精彩 */
.mod05{ clear:both; height:801px; overflow:hidden; margin: 0 auto;background: url(../images/main05.jpg) top center no-repeat; }
.mod05 h2{height:115px;overflow: hidden;margin: 0 auto;padding:40px 0 0 770px;}
.mod05 h2 a{display: block;width:60px; height: 26px; background: url(../images/more.png) no-repeat;}
.mod05 .con{  clear:both; width:1200px; margin:0 auto; text-align: left;}
.mod05 .con ul{display: flex;justify-content: center; flex-wrap: wrap;}
.mod05 .con li{ width:356px;height:287px;margin:0  30px 25px 0; background:url(../images/picBg05.png) no-repeat;}
.mod05 .con li img{display: block; width: 275px;height: 155px; margin: 30px 0 0 40px;}
.mod05 .con li p{padding:10px 40px 0 40px;  overflow: hidden;font-size:20px; font-weight:200; color:#fff; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; }
.mod05 .con li p:hover{color:#01e3ff; }

 
 /* 有球必IN*/
.mod06{ clear:both; height:675px; overflow:hidden; margin: 0 auto;background: url(../images/main06.jpg) top center no-repeat; }
.mod06 h2{height:155px;overflow: hidden;margin: 0 auto;padding:40px 0 0 800px;}
.mod06 h2 a{display: block;width:60px; height: 26px; background: url(../images/more.png) no-repeat;}
.mod06 .con{  clear:both; width:1270px; margin:0 auto; text-align: left;}
.mod06 .con ul{display: flex;justify-content: flex-start; flex-wrap: wrap;}
.mod06 .con li{ width:347px;height:367px;margin:0 0 25px -30px; background:url(../images/picBg06.png) no-repeat;}
.mod06 .con li:nth-child(2n+2){ margin-top: 60px;}
.mod06 .con li img{display: block; width: 269px;height: 152px; margin: 30px 0 0 20px;}
.mod06 .con li p{padding:20px 50px 0 20px;  overflow: hidden;font-size:20px; font-weight:200; color:#fff; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; }
.mod06 .con li p:hover{color:#01e3ff; }

 
 /* 篮神故事汇*/
.mod07{ clear:both; height:740px; overflow:hidden; margin: 0 auto; background: url(../images/main07.jpg) top center no-repeat;} 
.mod07 .con{  clear:both; width:1200px; margin:180px auto 0 auto; text-align: left;}
.mod07 .con ul{display: flex;justify-content: center; flex-wrap: wrap;}
.mod07 .con li{ width:710px;height:auto;margin:0 auto; text-align: center; }
.mod07 .con li img{display: block; width: 710px;height: 400px; margin: 20px auto 0 auto;}
.mod07 .con li p{width: 710px;  overflow: hidden; margin:20px auto 0 auto; font-size:24px; font-weight:200; color:#fff; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; }
.mod07 .con li p:hover{color:#01e3ff; }

/*广告*/
.mod08{ clear:both; height:747px; overflow:hidden; margin: 0 auto;  background: url(../images/main08.jpg) top center no-repeat;}
#certify {	position: relative;	width: 1200px;	height: 500px;	margin: 0 auto; overflow: hidden; padding: 180px 0 0 0;}
#certify .swiper-container {padding-bottom: 60px;}
#certify .swiper-slide {width: 671px;height: 456px;background: url(../images/picBg09.png) no-repeat;}
#certify .swiper-slide img{display:block; width: 600px; height: 338px; margin:35px auto 0 auto;}
#certify .swiper-slide p {line-height: 36px;padding: 10px 20px 0 20px;text-align: center; color: #fff;font-size: 24px;margin: 0; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
#certify .swiper-slide p:hover { color: #01e3ff; }
#certify .swiper-pagination {	width: 100%;bottom: 20px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {	margin: 0 5px;	border: 3px solid #fff;	background-color: #d5d5d5;	width: 10px;height: 10px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {	border: 3px solid #00aadc;	background-color: #fff;}
#certify .swiper-button-prev { top: 55%; left: 0px;	width: 64px;height: 71px;background: url(../images/arrLeft01.png) no-repeat;}
#certify .swiper-button-next { top: 55%; right: 0px;	width: 64px;	height: 71px;	background: url(../images/arrRight01.png) no-repeat;}
#certify .swiper-button-prev::after,#certify .swiper-button-next::after {content:'' ;}

.subWrap{ margin:0 auto; width:100%; height: 1414px; overflow:hidden;  text-align:left; background: url(../images/subMain.jpg) no-repeat top center;}
.mod_bt{height:100%;min-height: 1200px;  margin:0 auto; }
/* 新闻列表*/
.X_News{clear:both;width:1400px;  margin: 0 auto; }
h2.X_News_T{  height:125px; OVERFLOW: hidden; margin:0 40px;border-bottom: 2px solid #2c6493; padding-left: 100px; background: url(../images/icon02.png) 0 50% no-repeat; }
.X_News_T .capname { float:left;font-size:30px; line-height:125px; font-weight:200;color:#fff; }
.X_News_T .capname  a{ font-size:30px; font-weight:200;color:#fff; }
.X_News .Cont{  padding:20px 40px;text-align:left;}
.X_News .Cont li{position: relative;clear:both;margin:25px 0;padding-left: 20px; font-size:24px; color:#fff; line-height:36px;}
.X_News .Cont li:nth-child(5n+5){ margin-bottom: 60px; }
.X_News .Cont li a{ color:#fff; }
.X_News .Cont li a:hover{  color:#17e7fe; text-decoration:none;}
.X_News .Cont li span{display: inline-block;margin-left:10px; font-size:18px; font-weight:200;color:#666;}
.X_News .line{clear: both;height: 30px;overflow: hidden;margin:0 auto  30px auto; padding:10px 0;border-bottom: 2px dotted #3d78a9;}
.X_News .Cont li::after{position: absolute;left: 0;top: 15px; display: block;width: 8px;height: 8px; border-radius: 50%; background: #f26bff; content:" ";}
/*video列表*/
.g-video{clear:both;width:1200px; margin:0 auto ; }
h2.g-video_T{  height:105px; overflow: hidden; padding-left: 70px; }
.g-video_T .capname { float:left;font-size:30px; line-height:160px; font-weight:200;color:#fff; }
.g-video_T .capname  a{ font-size:30px; font-weight:200;color:#fff; }
.g-video .Cont{padding:20px 0 0 0;  }
.g-video .Cont li { float:left; width:281px; height:220px; margin:15px 25px 25px 0; }
.g-video .Cont li:nth-child(4n+4){ margin-right:0px;}
.g-video .Cont li img{display:block; width:269px; height:152px;padding: 5px; border: 1px solid #ca2c7a;}
.g-video .Cont li p{height:75px;overflow: hidden;padding:5px 10px  0 10px;font-size:18px; font-weight:300; color:#fff; line-height:24px;text-align:left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.g-video .Cont li p a{ color:#fff;}
.g-video .Cont li p a:hover{color:#17e7fe;}


/*pages*/

.pages{ clear:both; width:1000px; height:150px; margin:0 auto;padding:30px 0 0 0;}
.pages p{font-size:28px;COLOR:#ff14a2; line-height:58px;text-align:center; }
.pages p a { display:inline-block;height:58px;margin: 10px 1px; padding:0 20px;font-size:28px; COLOR:#ff14a2; background:#2f1264;}
.pages p a:hover {COLOR:#ccc; TEXT-DECORATION: none}
.pages p a.current { COLOR:#331780;TEXT-DECORATION: none; background:#ffd237;}
.pages p a.pre,.pages p A.next{font-size:28px; line-height:58px;}

.subFooter{ clear:both; height:351px; overflow:hidden;margin:0 auto; background: url(../images/subFooter.jpg) top center no-repeat;}
.subFooter .Cont{position: relative;width: 1200px; height:100%;overflow: hidden;margin: 0 auto;padding-top:200px; font-size:24px; font-weight:200; line-height:36px;text-align: center; color:#fff;}
.subFooter .Cont a{color:#efe0c6;}	
 

/*Gxtv_footer 底部信息*/
.footer{ clear:both;height:397px; margin: 0 auto;text-align:center; background: url(../images/footer.jpg) top center no-repeat;}
.footer .Cont{   padding-top:220px; font-size:24px; font-weight:200; line-height:36px; color:#fff;}
.footer .Cont a{color:#fff;}