@charset "utf-8";
/* CSS Document */
/**
 * @description: nba直播吧,nba直播Ñùʽ
 * @author: ishang_pan
 * @update: ishang_pan (2020-11-01 14:35)
 */

/*home*/
.m-banner{margin-bottom: 20px; width: 100%; height: 750px;}
.m-banner .swiper-slide{overflow: hidden;}
.m-banner .swiper-slide div{position: relative;}
.m-banner .swiper-slide a{display: block;}
.m-banner .swiper-slide img{position: absolute; left: 50%; top: 0; margin-left: -960px; display: block; width: 1920px; height: 750px;}
.m-banner .swiper-button-prev,.m-banner .swiper-button-next{width: 58px; height: 58px; margin-top: -29px; background-image: url(/media/images/home/icon-jt.png); background-size: auto;}
.m-banner .swiper-button-prev{left: 82px; background-position: 0 0;}
.m-banner .swiper-button-next{right: 82px; background-position: -58px 0;}
.m-banner .swiper-pagination .swiper-pagination-bullet{margin: 0 10px; width: 20px; height: 20px; border: 3px solid #fff; background: none; opacity: 1;}
.m-banner .swiper-pagination .swiper-pagination-bullet-active{border-color: #ffcc00;}

.m-flash{height: 533px;}
/* .g-flash{height: 469px; -ms-touch-action: pan-y; touch-action: pan-y;}
.g-flash .u-pic,.g-flash .u-pic img{height: 338px;}
.g-flash img{display: block; width: 100%;}
.g-flash .u-pic .u-date{left: 0; bottom: 0; height: 48px; line-height: 48px; padding: 0 15px; color: #fff; background: url(/media/images/home/bg-flash.png);}
.g-flash .u-pic .u-date span{font-size: 28px; font-weight: bold; margin-right: 10px;}
.g-flash .owl-item,.g-flash .u-pic{position: relative;}
.g-flash .u-desc{padding: 20px; height: 130px; background: #f5f5f5;}
.g-flash .u-desc h1{margin-bottom: 12px; font-size: 18px; font-weight: normal; color: #0c58b5; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.g-flash .u-desc p{height: 52px; line-height: 26px; font-size: 14px; overflow: hidden;}

.g-flash .owl-pagination{position: absolute; right: 10px; bottom: 150px;}
.g-flash .owl-pagination .owl-page{float: left; margin-left: 10px;}
.g-flash .owl-pagination .owl-page span{display: block; width: 12px; height: 12px; background: rgba(255,255,255,.34); -moz-border-radius: 50%; border-radius: 50%;}
.g-flash .owl-pagination .active span{background: #fff;} */

.g-newflash{height: 469px;}
.g-newflash .u-pic,.g-newflash .u-pic img{height: 338px;}
.g-newflash img{display: block; width: 100%;}
.g-newflash .u-pic .u-date{left: 0; bottom: 0; height: 48px; line-height: 48px; padding: 0 15px; color: #fff; background: url(/media/images/home/bg-flash.png);}
.g-newflash .u-pic .u-date span{font-size: 28px; font-weight: bold; margin-right: 10px;}
.g-newflash .owl-item,.g-newflash .u-pic{position: relative;}
.g-newflash .u-desc{padding: 20px; height: 130px; background: #f5f5f5;}
.g-newflash .u-desc h1{margin-bottom: 12px; font-size: 18px; font-weight: normal; color: #0c58b5; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.g-newflash .u-desc p{height: 52px; line-height: 26px; font-size: 14px; overflow: hidden;}

.g-newflash .swiper-pagination{position: absolute; left: auto; right: 10px; bottom: 145px; width: auto;}
.g-newflash .swiper-pagination .swiper-pagination-bullet{margin: 0 0 0 10px; width: 12px; height: 12px; background: #fff;}
.g-newflash .swiper-pagination .swiper-pagination-bullet-active{}


.m-news{height: 533px;}

.m-notice{height: 533px;}
.m-notice .bd{height: 450px; overflow: hidden;}
.m-notice li a{display: block; position: relative; padding: 15px 0 15px 74px; height: 90px; border-bottom: 1px solid #ddd; overflow: hidden;}
.m-notice li .u-date{left: 0; top: 15px; text-align: center; width: 60px; height: 60px; line-height: 24px; border: 1px solid #ddd; border-radius: 50%; background: #da4343; overflow: hidden;}
.m-notice li .u-date span{display: block; font-size: 18px; font-weight: bold; color: #fff;}
.m-notice li .u-date p{height: 24px; font-size: 14px; background: #fff;}
.m-notice li .u-tit{padding-top: 6px; height: 54px; line-height: 24px; overflow: hidden;}

.m-hmcenter{padding: 26px 0 55px; background: #f5f5f5;}

.g-hmzks li{border-bottom: 1px solid #ddd;}
.g-hmzks li .u-tit{height: 60px; line-height: 59px; overflow: hidden;}
.g-hmzks li .u-tit span{float: right; padding-left: 10px; color: #999;}
.g-hmzks li .u-tit a{display: block; padding-left: 14px; background: url(/media/images/public/icon-li1.png) left center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.g-hmzks li .u-tit a:hover{padding-left: 16px;}
.g-hmzks li .u-desc{padding: 14px 15px; background: #fff;}
.g-hmzks li .u-desc p{height: 48px; line-height: 24px; font-size: 14px; overflow: hidden;}

.g-special{height: 414px;}
.g-special li{margin-bottom: 10px;}
.g-special li,.g-special li img{height: 96px;}
.g-special li img{display: block; width: 100%; height: 96px;}

.m-hmzks,.m-special{height: 506px;}


.m-hmbtns li a{display: block; padding: 20px 10px 12px; text-align: center; border-right: 1px solid #f0f0f0;}
.m-hmbtns li span{display: block; margin: 0 auto 6px; width: 50px; height: 50px; border-radius: 10px; background-color: #f4f4f4; background-image: url(/media/images/home/icon-hmbtns.png); background-repeat: no-repeat; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s;}
.m-hmbtns li p{overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-hmbtns .u-bn1 a{border-left: 1px solid #f0f0f0;}
.m-hmbtns .u-bn0 span{background-position: -300px 0;}
.m-hmbtns .u-bn1 span{background-position: 0 0;}
.m-hmbtns .u-bn2 span{background-position: -50px 0;}
.m-hmbtns .u-bn3 span{background-position: -100px 0;}
.m-hmbtns .u-bn4 span{background-position: -150px 0;}
.m-hmbtns .u-bn5 span{background-position: -200px 0;}
.m-hmbtns .u-bn6 span{background-position: -250px 0;}
.m-hmbtns li a:hover span{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);transform: scale(1.2); -webkit-transition: .3s; -moz-transition: .3s; transition: .3s;}

.g-hmbtpics{height: 608px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.g-hmbtpics a{display: block; width: 100%; height: 100%; background: url(/media/images/home/bg-op36.png);}
.g-hmbtpics p{position: absolute; left: 50%; top: 50%; margin: -25px 0 0 -94px; width: 188px; line-height: 46px; border: 2px solid #f1f4f8; font-size: 28px; font-weight: bold; color: #fff; text-align: center;}
.g-hmbtpics span{position: absolute; right: 32px; bottom: 20px; display: block; width: 66px; height: 66px; background: url(/media/images/home/icon-video.png) no-repeat; background-size: 100%;}
.u-spxc{background-image: url(/media/images/home/bg-spxc.png);}
.u-xyfg{background-image: url(/media/images/home/bg-xyfg.png);}

.m-links{padding: 14px 0; border-top: 5px solid #ffc028; border-bottom: 1px solid #4073b4; background: #2862ab;}
.m-links,.m-links a{color: #fff;}
.m-links li{float: left; margin-right: 54px;}

/*media query*/
/*big pcScreen*/
@media (min-width:1500px) {
	.m-flash{width: 608px;}
	.m-news,.m-notice{width: 466px;}
	.m-hmzks{width: 536px;}
	.m-special{width: 467px;}

}
/*large pcScreen*/
@media screen and (max-width:1499px) {
	.g-hmbtpics{height: 475px;}

}
/*medium pcScreen lg*/
@media screen and (max-width: 100%) {
    .g-hmbtpics{height: 377px;}

}
/*pad md*/
@media screen and (max-width: 991px ){
	.is-header{padding-top: 86px;}
	.m-banner{height: auto;}
	.m-banner .swiper-slide img{position: static; width: 100%; height: auto; margin: 0;}
	.m-banner .swiper-pagination{bottom: 0;}
	.m-banner .swiper-button-prev,.m-banner .swiper-button-next{display: none;}
	.m-banner .swiper-pagination .swiper-pagination-bullet{margin: 0 5px; width: 8px; height: 8px; background: #000; opacity: .2; border: none;}
	.m-banner .swiper-pagination .swiper-pagination-bullet-active{opacity: 1; background: #143bb8;}

	.m-banner{margin-bottom: 10px;}

	/* .g-flash .u-pic .u-date{padding: 0 8px; height: 30px; line-height: 30px; font-size: 12px;}
	.g-flash .u-pic .u-date span{margin-right: 5px; font-size: 14px;} */
	
	.g-newflash .u-pic .u-date{padding: 0 8px; height: 30px; line-height: 30px; font-size: 12px;}
	.g-newflash .u-pic .u-date span{margin-right: 5px; font-size: 14px;}

	.m-hmcenter{padding: 10px 0 15px;}

	.g-hmzks li .u-tit{height: 41px; line-height: 40px;}
	.g-hmzks li .u-desc p{height: auto;}

	.m-hmbtns .u-bn1 a,.m-hmbtns .u-bn2 a,.m-hmbtns .u-bn3 a{border-bottom: 1px solid #f0f0f0;}
	.m-hmbtns .u-bn4 a{border-left: 1px solid #f0f0f0;}

	.g-hmbtpics{height: 270px;}
	.g-hmbtpics p{margin: -19px 0 0 -58px; width: 116px; line-height: 38px; font-size: 20px;}
	.g-hmbtpics span{width: 30px; height: 30px;}
	
	#floatAd2{display: none;}

}
/*phone sm*/
@media screen and (max-width: 767px) {
	.g-hmzks li{border-bottom: none;}
	.g-hmzks li .u-tit{height: 30px; line-height: 30px;}
	.g-hmzks li .u-tit a,.g-hmzks li .u-tit span{font-size: 14px;}
    .g-hmzks li .u-desc{display: none!important;}

    .m-hmbtns li a{padding-top: 14px;}
    .m-hmbtns .u-bn4 a{border-right: none; border-bottom: 1px solid #f0f0f0;}
    .m-hmbtns .u-bn3 a,.m-hmbtns .u-bn5 a{border-left: 1px solid #f0f0f0;}

    .m-links{padding: 12px 0 10px;}
    .m-links li{margin: 0; padding-right: 15px; width: 50%; line-height: 1.8;}
    .m-links li a{display: block; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}


}
/*small xs*/
@media screen and (max-width: 638px) {
	/* .g-flash{height: 321px;}
    .g-flash .u-pic,.g-flash .u-pic img{height: 220px;}
    .g-flash .u-desc{padding: 10px; height: 101px;}
    .g-flash .u-desc h1{font-size: 16px;}
    .g-flash .owl-pagination{bottom: 108px;} */
	
	.g-newflash{height: 321px;}
	.g-newflash .u-pic,.g-newflash .u-pic img{height: 220px;}
    .g-newflash .u-desc{padding: 10px; height: 101px;}
    .g-newflash .u-desc h1{font-size: 16px;}
    .g-newflash .swiper-pagination{bottom: 105px;}
	

    .g-hmbtpics span{right: 10px; bottom: 10px;}

}