.wrap.header { width: 100%; height: 679px; }

.hbg2 {background:#000 url(//game.gtimg.cn/images/nba2kx/headerBg1.jpg) no-repeat center top;}
.hbg1 {background:#000 url(//game.gtimg.cn/images/nba2kx/headerBg1.jpg) no-repeat center top;}
.innerHeader { width: 1192px;height: 282px;padding-top:397px;margin: 0 auto;position:relative;}
.mainbg {background-image: url(//game.gtimg.cn/images/nba2kx/mainbg1.jpg);background-repeat: no-repeat;}
.mainicon{ background-image: url(//game.gtimg.cn/images/nba2kx/mainicon.png); background-repeat: no-repeat;}
.lfbtn { width: 251px; height: 282px; background-position: 0 0; position: relative;z-index: 1;}
.banner {z-index: 1; width: 564px; height: 282px; background-color: #313131;position: relative; overflow: hidden;}
.rtlist { position: relative; z-index: 1; width: 376px;height: 282px;background-position: -253px 0;}
.rtlist ul { display: block;}
.rtlist ul li { display: block; width:94px; height:141px; float: left;}
.rtlist ul li a { display: block;width:100%; height: 106px; position: relative; background-position: -999px -999px; padding-top: 33px; color: #fff; text-align: center;}
.rtlist ul li a em { display: none; position: absolute;left:0; top:-200px; z-index: 999;}
.rtlist ul li a:hover em { display: block;}
.rtlist ul li i.iconfont { font-size: 39px;}
.rtlist ul li i { display: block; font-size: 14px; line-height: 42px; font-style: normal;}
.rtlist ul li a:hover { background-position:-76px 0;height: 108px;padding-top: 33px;}
.rtlist ul li a:hover i.iconfont {-webkit-animation:fadeOutUp2 .6s .1s ease both;-moz-animation:fadeOutUp2 .6s .1s ease both;}
@-webkit-keyframes fadeOutUp2{
0%{opacity:1;-webkit-transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-30px)}
}
@-moz-keyframes fadeOutUp2{
0%{opacity:1;-moz-transform:translateY(0)}
100%{opacity:0;-moz-transform:translateY(-30px)}
}
.rtlist ul li a:hover i{-webkit-animation:fadeInUp1 .6s .1s ease both;-moz-animation:fadeInUp1 .6s .1s ease both;}
@-webkit-keyframes fadeInUp1{
0%{-webkit-transform:translateY(0)}
100%{-webkit-transform:translateY(-30px)}
}
@-moz-keyframes fadeInUp1{
0%{-moz-transform:translateY(0)}
100%{-moz-transform:translateY(-30px)}
}
.lfbtn a { display: block; width: 100%; height:141px; text-align: center;}
.lfbtn a i { font-style: normal;}
.lfbtn a span.shover {display: none;}
.lfbtn a span.shover em{position:absolute;top:-60px;left:25px;}
.lfbtn a span.shover i.iconfont {  font-size:70px; line-height:80px;}
.lfbtn a strong { font-size: 26px; display: block; padding-top: 46px;}
.lfbtn a:hover strong {display: none; padding-top: 30px;}
.lfbtn a.red { color: #000;}
.lfbtn a.red i.iconfont {font-weight:800; }
.lfbtn a.black { color: #d6c470;}
.lfbtn a.black i { color: #8b8e96;}.lfbtn a.black:hover i {color: #d6c470;}
.lfbtn a.black i.iconfont {color: #d6c470;}
.lfbtn a:hover .shover { padding-top: 20px; display: block;}
.lfbtn a:hover .shover i.iconfont{display: block;-webkit-animation:fadeInUp .3s 0s ease both;-moz-animation:fadeInUp .3s 0s ease both;}
@-webkit-keyframes fadeInUp{
0%{opacity:0;
-webkit-transform:translateY(20px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUp{
0%{opacity:0;
-moz-transform:translateY(20px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
.lfbtn .corner { width: 76px; height:83px; background-position: 0 0; position: absolute; left: -4px; top:-10px;}

/*??��????��???2??��???��?��*/
#roll_ad1,#roll_ad2 {width:565px;height:282px;overflow:hidden;z-index:998;}
#roll_ad1 img,#roll_ad2 img{height:282px; width:564px;overflow: hidden;}
#roll_ad1 ul,#roll_ad2 ul {height:282px;width:574px; display: block; position: relative;overflow: hidden; margin-right: -10px;}
#roll_ad1 li,#roll_ad2 li{height:282px;width:564px;display:block; position: absolute; left: 0;top: 0;}
#roll_ad1 li.h,#roll_ad2 li.h{ z-index:0;}
#roll_ad1 li.ss,#roll_ad2 li.ss{ z-index:998;}
#roll_ad1 li.s,#roll_ad2 li.s{ z-index:999;}
#roll_adbtn1,#roll_adbtn2{width:565px;height:38px; position:absolute;left: 0; bottom:0;z-index:1005;background:rgba(0,0,0,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5000000,endColorstr=#e5000000);*zoom:1;}
#roll_adbtn1 a{float:left;width:113px;height:38px;line-height:38px;display:block; text-align: center;color: #fff;}
#roll_adbtn2 a {float:left;width:50%;height:38px;line-height:38px;display:block; text-align: center;color: #fff;}
#roll_adbtn1 a.on,#roll_adbtn2 a.on{background:#ec2329;}
#roll_ad1 li.s i.loadline,#roll_ad2 li.s i.loadline {z-index:999; width:0; height:1px; display:block; font-size: 0; overflow: hidden; text-indent: -999px; background: #fa0300; z-index:1111; position:absolute; left: 0; top: 0;-webkit-animation:fadeInLeft 4s 0s linear both;-moz-animation:fadeInLeft 4s 0s linear both;}
@-webkit-keyframes fadeInLeft{
0%{width:0;}
100%{width: 564px;}
}
@-moz-keyframes fadeInLeft{
0%{width:0;}
100%{width: 564px;}
}
#tabs1 { position:absolute; left:17px;top:15px; z-index:1111; overflow: hidden;border-radius:12px;}
#tabs1 a{ width:44px;height:24px; float:left; background-color:#000;color:#fff; font-size:12px; line-height:24px; text-align:center;}
#tabs1 a.active { background-color:#ff0000; color:#fff;}

.main { width: 100%;}
.sub {width: 1192px;margin: 0 auto;padding: 23px 0;overflow: hidden;}
.sub .ad{height: 240px;clear: both;}
.sub .ad .adBig{width: 810px;height: 240px;float: left;}
.sub .ad .adBig p{display:block;float:left;width: 380px;height: 240px;overflow: hidden;position:relative;margin-right: 25px;}
.sub .ad .adBig a{display:block;float:left;width: 380px;height: 240px;overflow: hidden;position:relative;}
.sub .ad .adBig .type{padding:2px 6px;height:20px;position:absolute;top: 8px;right: 8px;background:#000;color:gold;font-style:normal;}
.sub .ad .adBig .desc{height:20px;position:absolute;bottom: 11px;left: 20px;color: #959595;font-style: normal;}
.sub .ad .adBig .title{height:20px;position:absolute;bottom: 37px;left: 20px;color: #C8BE8C;font-style: normal;font-weight: bold;font-size: 16px;}
.sub .ad .adBig span:hover i{color:#f91a1a;}
.pic-mask-0{position:absolute;bottom:0;left:0;background:url(//game.gtimg.cn/images/nba2kx/pic-mask-0.png) repeat;width:100%;height: 70px;}
.sub .ad .adBig img{width: 380px;height: 240px;}
.sub .ad .adBig img:hover {-webkit-animation:pulse .6s 0s ease both;-moz-animation:pulse .6s 0s ease both;}
.sub .ad .adSmall{width: 380px;height:240px;float: left;position: relative;}
.sub .ad .adSmall a{display:block;width:100%;height:100%;position:relative;}
.sub .ad .adSmall img{width:180px;height:240px;}
.sub .ad .adSmall span{position:absolute;color: #fff;width: 100%;text-align: center;bottom: 30px;}
.sub .ad .adSmall span:hover{color:#7f7f7f}
.sub .ad .adSmall .title{font-size: 18px;font-weight: bold;font-style: normal;display: block;}
.sub .ad .adSmall .desc{bottom:20px;font-style: normal;display: block;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:0;background: url(//game.gtimg.cn/images/nba2kx/prev.jpg);width: 28px;height: 55px;top: 106px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:0;background: url(//game.gtimg.cn/images/nba2kx/next.jpg);width: 28px;height: 55px;top: 106px;}

.ggBox { width:380px; height:270px;}
.ggBox { position:relative; background:#0e97dc; overflow:hidden}
/*pc*/
.adPic { position:absolute; width:100%; height:100%; left:0; top:0}
.adPic a { display:block; width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; background:#0e97dc}
.adPic img { width:100%; height:100%; position:absolute; top:0; left:0}
.adPic p { position:relative; padding-top:50px}
.loadI { width:130px; text-align:center; line-height:20px; color:#FFF; background:#18b2ff; margin:0px auto; display:block}
.adBtn { position:absolute; z-index:2; right:17px; bottom:10px; height:20px}
.adBtn a {display:block;float:left;text-indent:-5000px;margin-right:3px;overflow:hidden;width: 12px;height: 12px;background: #949494;border-radius: 12px;}/*D???????��o?����???��????��o?*/
.adBtn a.on {background: #f00;width:40px;}

.whiteBg{ background: #fafafa;position:relative;z-index:2;}
.blackBg { background: url(//game.gtimg.cn/images/nba2kx/blackBg.jpg) center center no-repeat; height: 465px;}
.subPart {overflow:hidden;}
.titleTop1{width:100%;position: relative;height: 56px;}
.titleTop,.titleTop2 {width:100%;position: relative;height: 40px;}
.titleTop{border-bottom: 1px solid #d6d6d6;height: 55px;margin-bottom: 18px;}
.titleTop1 h3,.titleTop h3{color:#000;font-size:20px;float:left;line-height:56px;}
.titleTop2 h3{color: #000;font-size:20px;float:left;line-height:24px;}
a.moreBtn{position: absolute;right: 0;top: 3px;padding:0 10px;height:24px;display:block;background:#000;line-height: 24px;text-align: center;color: #c4c4c4;font-size: 12px;border-radius:12px;}
a.moreBtn i { color: #ec2329; font-size: 10px; margin-right: 3px;}
.titleTop1 a.moreBtn{top: 18px;}
.news,.strategy { position: relative;}
.news {height: 474px;width: 583px;}
.strategy .newlist {height:128px;}
.news a.moreBtn{top:17px}                      
.news .menu{float:left;font-size:14px;height: 55px;/* border-bottom:1px solid #d6d6d6; */}
.news .menu a{width: 60px;display:block;float:left;color:#000;text-align:center;line-height: 54px;font-size:16px;}
.news .menu a:hover{text-decoration:none;border-bottom:2px solid #fe3131;margin-bottom:-2px;}
.news .menu a.active{color:#000;border-bottom:2px solid #fe3131;z-index: 99;}
.news .newlist{width:100%;font-size:12px;}
.news .newlist ul{padding:0;margin:0;display:block;overflow:hidden;}
.news .newlist ul li{margin:0;line-height: 35px;overflow:hidden;border-bottom: 1px dashed #E8E8E8;font-size: 14px;}
.news .newlist span{color:#979797;float:right;}
.news .newlist ul li a.newtitle{ display:block;color:#5e5e5e;}
.news .newlist ul li a.newtype,.news .newlist ul li em.newtype{color:#5e5e5e;margin-right:2px;font-style:normal;float:left;}
.news .newlist li.zd_hover{margin:0;display:block;line-height:42px;font-size:16px;background: #E8E8E8;margin-bottom: 8px;border: none;}
.news .newlist li.zd_hover a.newtype,.news .newlist li.zd_hover em.newtype,.news .newlist .zd_hover span{display:none;}
.news .newlist li.zd_hover a.newtitle{width:100%;display:block;color:#f10808;text-align: center;font-weight: bold;}
.news .newlist ul li a:hover{color: #8b8e96}

.banlist {width: 590px;overflow: hidden;margin-bottom:15px;/* padding-top: 10px; */}
.banlist span{display:block;background: #E8E8E8;height:30px;line-height:30px;margin: 0;text-indent: 20px;color: #5E5E5E;font-size: 14px;}
.banlist a {display: block;width: 282px;height: 190px;overflow: hidden;}
.banlist a:nth-of-type(2n+1){margin-right: 26px;}
.banlist a:nth-of-type(1),.banlist a:nth-of-type(2){margin-bottom: 12px;}
.banlist img:hover {-webkit-animation:pulse .6s 0s ease both;-moz-animation:pulse .6s 0s ease both;}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1.1)}
100%{-moz-transform:scale(1)}
}
.banlist em{display:block;width: 282px;height: 158px;overflow:hidden;}
.banlist a img {-webkit-animation:pulse2 .6s 0s ease both;display: block;-moz-animation:pulse2 .6s 0s ease both;}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
100%{-webkit-transform:scale(1.1)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1)}
100%{-moz-transform:scale(1.1)}
}
ul.evtlist { display: block; width: 100%;}
ul.evtlist li { display: block; line-height: 26px; overflow: hidden;}
ul.evtlist li a { float: left;color:#5e5e5e;}
ul.evtlist li a:hover { color: #8b8e96}
ul.evtlist li i { font-style: normal;}
ul.evtlist li span.evtDate { float: right; display: block; width:130px; height: 20px; text-align: center; line-height: 20px;  font-size: 12px;border-radius:10px;}
.evtIng { color: #000; background: #e4c785;}
.evtLast { color:#fff; background: #ed0300;}
.evtUnbgn { color:#fff; background: #6c6c6c;}

.strategy{width:380px;}
.strategy .bigPic{margin-bottom: 20px;}
.strategy .bigPic a{display:block;width: 380px;height: 165px;}
.strategy .bigPic a:hover{ box-shadow: 0 0 10px #666;}
.strategy .bigPic img{width:380px;height: 165px;}
.strategy .smallPic{margin-top:20px;}
.strategy .smallPic p{width: 180px;float:left;margin-bottom: 20px;}
.strategy .smallPic a{width:180px;display: block;}
.strategy .smallPic p:hover{ box-shadow: 0 0 21px #666;}
.strategy .smallPic p:nth-of-type(1){margin-right:20px;}
.strategy .smallPic img{width:180px;height:110px;display: block;}
.strategy .smallPic .title{color: #585858;font-size: 12px;/* padding: 5px 8px; */background: #F2F2F2;font-weight: normal;height: 43px;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-style: normal;text-indent: 5px;}
.strategy .menu{width:100%;font-size:14px;height:40px;border-bottom:1px solid #444444; margin-bottom:20px;}
.strategy .menu a{width:50px;display:block;float:left;color:#fff;text-align:center;line-height:40px;}
.strategy .menu a:hover{text-decoration:none;border-bottom:2px solid #fe3131;margin-bottom:-2px;}
.strategy .menu a.active{color:#fff;border-bottom:2px solid #fe3131;margin-bottom:-2px;}
.strategy .newlist{width:100%;font-size:12px; margin-bottom: 13px;}
.strategy .newlist ul{padding:0;margin:0;display:block;overflow:hidden;}
.strategy .newlist ul li{margin:0;line-height:26px;overflow:hidden;}
.strategy .newlist span{color:#807f7f;float:right;}
.strategy .newlist ul li a{ display:block;color:#807f7f;margin-right:2px;font-style:normal;float:left;}
.strategy .newlist ul li a:hover{color: #8b8e96}

.rank{width: 785px;}
.rank .menu{width:100%;font-size:14px;height:40px;border-bottom:1px solid #444444; margin-bottom:20px;}
.rank .menu a{width:82px;display:block;float:left;color:#fff;text-align:center;line-height:40px;}
.rank .menu a:hover{text-decoration:none;border-bottom:2px solid #fe3131;margin-bottom:-2px;}
.rank .menu a.active{color:#fff;border-bottom:2px solid #fe3131;margin-bottom:-2px;}
.rank .ranklist {width:100%;font-size:12px; margin-bottom: 13px;}
.adversion{width: 380px;}

.vidlist {width: 790px;}
.vidlist ul {display: block;width: 790px;height:162px;margin-right:-32px;}
.vidlist ul li {display: block;float:left;width: 180px;height: 165px;margin-right: 23px;background: #fafafa;font-size: 14px;line-height: 22px;margin-bottom: 20px;}
.vidlist ul li:nth-of-type(4n){margin-right:0;}
.vidlist ul li:hover { box-shadow: 0 0 21px #666;}
.vidlist ul li a { display: block;}
.vidlist ul li h3.title {color: #585858;font-size: 12px;padding: 5px 8px;background: #F2F2F2;font-weight: normal;height: 43px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.vidlist ul li a.vimg {position: relative;/* background:#000; */}
.vidlist ul li a.vimg:hover img {}
.vidlist ul li a.vimg,.vidlist ul li a.vimg img {width: 180px;height: 110px;}
.vidlist ul li a.vimg img {/* opacity:0.4; */display: block;}
.vimg i.playBtn {position:absolute;left: 62px;top: 27px;color: #fff;background: url(https://game.gtimg.cn/images/nba2kx/play_btn.png);background-size: 100% 100%;width: 56px;height: 56px;display: none;}
.vidlist ul li a.vimg:hover i.playBtn {display:block;-webkit-animation:pulse 0.5s 0s ease both;
-moz-animation:pulse 0.5s 0s ease both;}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
100%{-webkit-transform:scale(1.2)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1)}
100%{-moz-transform:scale(1.2)}
}
.vidlist ul li span { font-size: 12px;color:#fff;line-height:30px;}
.vidlist ul li span.time {position:absolute;left:10px;bottom:0px;}
.vidlist ul li span.author {position:absolute;left:70px;bottom:0px;}

.center{padding:0;}
.event{width: 585px;}
.center .event{width:605px;}
.event a{display:block;}
.event .bigPic{float:left;width: 405px;margin-bottom: 20px;}
.event .bigPic p{width:180px;float:left;}
.event .bigPic p:hover{ box-shadow: 0 0 21px #666;}
.event .bigPic p:nth-of-type(1){margin-right:20px;}
.event .bigPic a{width: 180px;float: left;margin-right:20px;}
.event .bigPic .title{color: #585858;font-size: 16px;padding: 5px 8px;background: #F2F2F2;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: -webkit-box;font-style: normal;}
.event .bigPic img{width:180px;height:220px;display: block;}
.event .smallPic{width: 180px;float:left;margin-right: 20px;}
.event .smallPic a:hover{ box-shadow: 0 0 21px #666;}
.event .smallPic img{width: 180px;height: 130px;display: block;}
.event .smallPic a:nth-of-type(1) img{margin-bottom: 24px;height: 100px;}
.battle{width: 584px;margin-top: 31px;}
.battle .personList{width: 180px;float:left;}
.battle h3{color: #5C5C5C;font-size: 18px;margin-top: 13px;}
.battle .personList .img{margin-top: 9px;position:relative;background:#D8D8D8;width:180px;height: 215px;}
.battle .personList .img img{width:180px;height: 186px;}
.battle .personList .img .icon{background:url(https://game.gtimg.cn/images/nba2kx/first.png);display:block;width:40px;height:40px;position:absolute;top:0;left: 5px;}
.battle .personList .img span{position:absolute;bottom: 7px;left: 10px;color: #5C5C5C;font-size: 14px;}
.battle .personList .img .data{position: absolute;bottom: 4px;right: 10px;color: #5C5C5C;}
.battle .personList .img .data:hover{text-decoration:underline;}
.battle .clubList{width: 380px;float:left;margin-left: 20px;}
.battle .clubList .rankList{margin-top: 8px;width: 380px;}
.battle .clubList li{height: 35px;line-height: 35px;background: #F2F2F2;font-size: 14px;color: #5C5C5C;border-bottom: 1px dashed #D7D7D7;}
.battle .clubList li:nth-of-type(1){background:#D7D7D7;}
.battle .clubList li:last-child{border-bottom:0;}
.battle .clubList li i{width: 33.33%;display: block;text-align: center;font-style: normal;float: left;}

.sslist {width:1098px;}
.sslist ul { display: block; width: 1130px;padding: 20px 0 20px 0; margin-right:-32px;}
.sslist ul li { display: block; float:left;width:252pxk; height: auto;padding-bottom:10px; margin-right: 29px; background: #fafafa;font-size: 14px; line-height: 22px;}
.sslist ul li:hover { box-shadow: 0 0 21px #666;}
.sslist ul li a { display: block; color: #000;}
.sslist ul li a.stitle {padding:0 10px;font-size:16px;font-weight:bold;margin-bottom:10px;}
.sslist ul li a.stitle:hover { text-decoration: none;}
.sslist ul li a.simg { position: relative; margin-bottom: 16px;}
.sslist ul li a.simg,.vidlist ul li a.simg img {width:252px; height:182px;}
.sslist ul li span { margin-right: 10px; padding-left: 10px;color:#898989;display:block; font-size: 12px;}

/*Version Module Add 20190218 by troy*/
.version-timeline{overflow:hidden;position:relative;}
.version-list{width:100%;height:80px;margin-top: 7px;position:relative;z-index:11;}
.version-list li{float:left;width:25%;}
.version-line{position:absolute;width:100%;height:1px;background:#444444;z-index:10;top: 20px;left:0;}
.version-lnk{display:block;width:100%;text-align:center;}
.icon-round{display:inline-block;position:relative;width:22px;height: 22px;background: #fff;border: 2px solid #606060;border-radius:100%;}
.icon-round i{position:absolute;width:12px;height:12px;top:5px;left:5px;background:#444444;border-radius:100%;}
.version-name{display:block;color: #1E1E1E;font-size:14px;line-height:26px;}
.version-date{display:block;color: #959595;font-size: 12px;line-height:20px;}
.version-lnk-on .icon-round,.version-lnk:hover .icon-round{border:2px solid #f91a1a;}
.version-lnk-on .icon-round i,.version-lnk:hover .icon-round i{background:#f91a1a;}
.version-lnk-on .version-name,.version-lnk-on .version-date,.version-lnk:hover .version-name,.version-lnk:hover .version-date{color:#f91a1a;}
.version-detail{width:100%;margin-top: 10px;}
.version-detail li{float:left;width: 180px;margin-right: 21px;overflow:hidden;height: 130px;}
.version-detail li:last-child{margin:0;}
.version-detail img{display:block;position:relative;z-index:10;width: 180px;height: 130px;}
.version-detail img:hover {-webkit-animation:pulse .6s 0s ease both;-moz-animation:pulse .6s 0s ease both;}
.version-detail p{background:#292c33;width:128px;height:35px;line-height:35px;text-align:center;font-size:14px;color:#807f7f;position:relative;z-index:11;}
.versionpics-lnk{display: block;}
.versionpics-lnk:hover p{color:#f91a1a;}

.wrap{position:relative;overflow:hidden;}
.top{text-indent: -999em;width:60px;height:60px;background:url(//game.gtimg.cn/images/nba2kx/top.png);position:fixed;top:80%;right:30px;display:block;}

/*Main slider modify by 20200511 by troy*/
#lay11{width:100%;height:282px;position:relative;}
#lay11 .adPic{width:100%;height:262px;overflow:hidden;}
#lay11 .adBtn{bottom:0;right:auto;left:0;height:38px;width:100%;}
#lay11 .adBtn a{display:inline;text-indent:0;margin:0;height:38px;line-height:38px;background:#000;border-radius:0;text-align:center;color:#fff;}
#lay11 .adBtn a.on{background:#f00;}