@charset "utf-8";
/* CSS Document */

body{ background:#fff;font-family:'微软雅黑'; }
a{ font-family:'微软雅黑'; color:#2a2a2a;}
a:hover{ text-decoration:none;}

::selection{ background:#690; color:#fff;}


.mr22{ margin-right:22px;}
.mt18{ margin-top:18px;}
.mt7{ margin-top:7px;}
.mt14{ margin-top:14px;}
.mt16{ margin-top:16px;}
.mt12{ margin-top:12px;}
.mt13{ margin-top:13px;}
.mt15{ margin-top:15px;}
.mt23{ margin-top:23px;}
.mt26{ margin-top:26px;}
.mt28{ margin-top:28px;}
.mt20{ margin-top:20px;}
.mr20{ margin-right:20px;}
.mr18{ margin-right:18px;}


.p20{ padding:20px;}

.w640{ width:640px;}
.w520{ width:520px;}
.w330{ width:330px;}
.w760{ width:760px;}
.w380{ width:380px; }

.opac0{opacity:0; filter:alpha(opacity=0);}
div.opac1,ul.opac1{ opacity:1; filter:alpha(opacity:100);}

.main{ width:1180px; margin-left:auto; margin-right:auto; }

/****************************index************************/

/*floatNav*/
#goTop{width:54px; height:54px;  position:fixed;   z-index:33; margin-left:1190px; bottom:10%; background:url(icon/goTop.png) no-repeat -54px 0; cursor:pointer; transition:1s opacity;}
#goTop:hover{ background-position:0 0;}
/*floatNav
#quickNav{  width:46px;  position:fixed;   z-index:33; border:1px solid #ccc; border-bottom:0; margin-left:1190px; bottom:20%; transition:1s; }
#quickNav li{ width:46px; height:44px; cursor:pointer; text-align:center; line-height:44px; border-bottom:1px solid #ccc; background:#fff; transition:.4s;}
#quickNav li.active{ background:#f33; color:#fff;}
*/



.indexContainer{ background:#fff; width:1180px; position:relative;  padding:10px; z-index:2; margin-top:90px;}
.maskBtn{ background:url(index/bg.jpg) no-repeat top center; display:block; position:absolute; top:0; left:0; z-index:1; height:1020px; width:100%;}
/*header*/
.indexHeader{ height:auto !important; position:relative; z-index:2;}
.topNav{ height:46px; background:#1a1a1a;}
.rnIndexNav{ height:71px; background:#242424;}
.rnIndexNav li{ float:left;  padding-right:1px; background:url(index/indexNavBg.jpg) top right no-repeat; height:71px; }
.rnIndexNav li.last{ background:none;}
.rnIndexNav li a{ color:#999; font-size:14px; background:url(index/bgIndexNav.png) no-repeat; display:inline-block; height:71px; transition:.2s;}
.rnIndexNav li a.a1{width:74px; background-position:0px 9px;}
.rnIndexNav li a.a2{width:91px;background-position:-75px 9px;}
.rnIndexNav li a.a3{width:88px;background-position:-167px 9px;}
.rnIndexNav li a.a4{width:91px;background-position:-256px 9px;}
.rnIndexNav li a.a5{width:82px;background-position:-348px 9px;}
.rnIndexNav li a.a6{width:91px;background-position:-431px 9px;}
.rnIndexNav li a.a7{width:82px;background-position:-523px 9px;}
.rnIndexNav li a.a8{width:88px;background-position:-606px 9px;}
.rnIndexNav li:hover{ background:#1f1f1f;}
.rnIndexNav li:hover a.a1{ background-position:0 -71px; border-color:#dc2324;}
.rnIndexNav li:hover a.a2{ background-position:-75px -71px; border-color:#dc2324;}
.rnIndexNav li:hover a.a3{ background-position:-167px -71px; border-color:#dc2324;}
.rnIndexNav li:hover a.a4{ background-position:-256px -71px; border-color:#dc2324;}
.rnIndexNav li:hover a.a5{ background-position:-348px -71px; border-color:#dc2324;}
.rnIndexNav li:hover a.a6{ background-position:-431px -71px; border-color:#dc2324;}
.rnIndexNav li:hover a.a7{ background-position:-523px -71px; border-color:#dc2324;}
.rnIndexNav li:hover a.a8{ background-position:-606px -71px; border-color:#dc2324;}



/*gamesQuery*/
.gamesQuery{ height:160px; position:relative;}
#gamesQueryNav{ position:absolute; top:0; left:0; width:116px;border-left:1px solid #e4e7e7;border-top:1px solid #e4e7e7;}
#gamesQueryNav li{ background:#f4f4f4; height:50px; line-height:50px; text-align:center; font-size:16px; cursor:pointer; border-bottom:1px solid #e4e7e7; border-right:1px solid #e4e7e7; transition:.3s; border-right:0;}
#gamesQueryNav li.active{ background:#fff;box-shadow:3px 0 0 #f26166 inset;}


#gamesQueryInput{ position:absolute; top:0; left:140px; height:36px; width:1040px;  }
.gamesQueryBtn{ margin-right:28px;}
.gamesQueryText{ width:180px; height:32px; line-height:32px; border:2px solid #f26166; color:#999; padding:0 6px; float:left;  }
.gamesQuerySubmit{ background:url(index/searchBtn.jpg) no-repeat; width:52px; height:36px; border:0; cursor:pointer; }

.gamesQueryByLetter{  line-height:36px; font-size:16px;color:#777;}
.gamesQueryByLetter a{ color:#777; padding:0 3px;  transition:.3s; }
.gamesQueryByLetter a:hover{ color:#000;}

.gamesQueryList{ position:absolute; top:50px; left:140px;width:1040px;}
.gamesListA li{float:left;margin-right:20px;height:110px;overflow:hidden;}
.gamesListA li img{width:147px;height:80px;display:block;overflow:hidden;}
.gamesListA li span{display:block; text-align:center;}
.gamesListB { padding-top:8px; overflow:hidden;}
.gamesListB li{ float:left; margin-right:16px;}
.gamesListB li span{ display:block; height:24px; line-height:24px; text-align:center; overflow:hidden;}
.gamesListB li:hover span{ color:#ff3333; text-decoration:underline;}
.gamesListB li img{ width:70px; height:70px; display:block; overflow:hidden;}

.gamesQueryListBox{display:none;}
.gamesQueryListBox ul{float:left;margin-top:1px;width:501px;}

.gamesListText{ float:left;font-size:14px;width:532px;height:116px; overflow:hidden;}
.gamesListText a{ line-height:34px; height:34px; color:#666; padding:0 5px; white-space:nowrap; transition:.2s;  }
.gamesListText a:hover{ text-decoration:underline; color:#ff3333;}
.gamesListText span{  height:38px; display:inline-block;}
.gamesListText span.hot{ background:url(icon/icon_hots.png) no-repeat  right 1px; padding-right:12px;}
.gamesListText span.new{ background:url(icon/icon_new.png) no-repeat  right 1px; padding-right:12px;}

/*topNews*/
.topNews dl{ height:70px; overflow:hidden; padding-top:10px;}
.topNews dl dt{ float:left; width:50px;}
.topNews dl dt a{ display:inline-block; width:50px; height:60px; background:url(icon/icon_index_topNews.png) no-repeat;}
.topNews dl dt a.t1{ background-position:0 -60px;}
.topNews dl dt a.t2{ background-position:0 -120px;}
.topNews dl dt a.t3{ background-position:0 -180px;}
.topNews dl.top dt a.t0{ background-position:-50px 0;}
.topNews dl.top dt a.t1{ background-position:-50px -60px;}
.topNews dl.top dt a.t2{ background-position:-50px -120px;}
.topNews dl.top dt a.t3{ background-position:-50px -180px;}

.topNews dl dd{ float:left; padding:0 10px; width:570px;}
.topNews dl.top dd{ background:#f4f4f4; height:60px;}
.topNews dl dd h2{ line-height:36px; height:36px; overflow:hidden;}
.topNews dl dd h2 a{ font-size:24px;}
.topNews dl.top h2 a{ color:#ff3333;}
.topNews dl dd span{ display:block; height:24px; line-height:24px; overflow:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} 
.topNews dl.top span dd{ color:#999; }

/*focus*/
.focus{ width:520px; height:340px; position:relative; overflow:hidden;}
.focus #focusMask{ width:520px; height:330px; position:absolute; left:0; top:0; z-index:10;}
.focus ul li{ float:left; display:none;}
.focus ul li img{ display:block; width:520px; height:330px; overflow:hidden;}

.focus #focusTitle{  height:160px; position:absolute; bottom:10px; width:520px; left:0;  z-index:10; overflow:hidden; }
.focus #focusTitle .focusBtn{ width:488px;padding:93px 16px 0 16px; height:94px;  color:#ffddb8; outline:0 none;background:url(index/focusBg.png) repeat-x; display:block;}
.focus #focusTitle .tit{ height:44px; line-height:44px; border-bottom:1px solid #333;}
.focus #focusTitle .tit h3{ font-size:18px; color:#fff;  font-weight:normal;}
.focus #focusTitle .tit p{ width:60px; position:absolute;  right:0; top:94px;}
.focus #focusTitle .s1{ font-size:26px; color:#f90; font-family:'微软雅黑';}
.focus #focusTitle .s2{ font-size:32px; font-weight:normal; color:#fff; font-family:'宋体';}
.focus #focusTitle .s3{ font-size:16px; color:#fff;  margin-left:-4px;}

.focus #focusTitle .des{display:none; line-height:22px; height:44px; overflow:hidden; color:#ffddb8;}

#prev,#next{ width:50px; height:101px; background:url(icon/icon_index_focus_arrow.png) no-repeat; position:absolute; top:50%; margin-top:-50px; z-index:100;  text-align:center; opacity:0.8;filter:alpha(opacity:80);}
#prev{ left:-50px;}
#next{ right:-50px; background-position:-50px 0;}

.focus ol{ height:10px; background:#434343; position:absolute; bottom:0; left:0; width:100%; z-index:30; }
.focus ol li{ width:74px; height:10px; float:left; cursor:pointer; border-right:1px solid #333;transition: width 0.7s; }
.focus ol li.active{width:144px;background:#dc2324;}

/*expressNews*/
.expressNews{ height:50px;background:url(index/bgScrollNews.jpg) no-repeat left center #e9e9e9;}
.expressNewsWrap{ height:50px; overflow:hidden;}
.expressNewsList{ position:absolute; left:70px; top:0; width:464px;  overflow:hidden;}
.expressNewsList li{ overflow:hidden;  font-size:14px; line-height:50px; height:50px; overflow:hidden;}
.newsSetting{ width:100px; height:50px; background:#333; color:#fff; font-size:14px; line-height:50px; text-indent:1em;}
.newsSetting span{ background:url(icon/icon_index_scrollNews.jpg) no-repeat center center; width:8px; height:12px; display:inline-block; padding:0 3px; transition:.3s; transform:rotate(0); -webkit-transform:rotate(0);}
.newsSetting span.active{ transform:rotate(180deg);-webkit-transform:rotate(180deg);}


.interestInstall{ border:3px solid #333;  position:absolute; left:0; top:50px; background:#fff; z-index:20;  overflow:hidden; transition:.5s; display:none; opacity:0; filter:alpha(opacity:0);}
.interestInstall.active{  opacity:1; filter:alpha(opacity:100); }
.interestInstall h3{ line-height:54px; font-size:14px;  padding-left:24px;}
.interestInstall ul{ padding:0 0 0 24px; width:610px;}
.interestInstall li{ float:left; width:100px; height:36px; line-height:38px; font-size:14px; border:1px solid #ccc; text-align:center; cursor:pointer; margin-right:20px; margin-bottom:20px;}
.interestInstall li.active{ background:url(icon/icon_index_newsSet.jpg) no-repeat; border:0; width:102px; height:38px;}
.interestTips{ height:50px; line-height:50px; background:#f4f4f4; padding:0 20px; font-size:14px;}
.interestTips span{ color:#ff3333; font-weight:bold;}
.interestBtn{ width:80px; height:36px; line-height:36px; background:#ff3333; color:#fff; font-size:16px; text-align:center; margin-top:7px;}

/*mainNews*/
#loading{ display:none; margin-right:10px;}

#impWrap{ min-height:2844px;}


.impNewsConItem{ height:145px; border-bottom:1px solid #e5e5e5;transition:0.3s; padding:4px 12px 8px 20px; transition:.5s;}
.impNewsConItem:hover{box-shadow:8px 0 0 #00a887 inset; border-bottom-color:#d0d0d0; background:#f5f5f5;}
.impNewsConItem h2{ font-size:18px; height:34px; line-height:34px; overflow:hidden; padding-left:36px; background:url(icon/icon_index_t.png) no-repeat 2px -262px; }
.impNewsConItem h2.vd{ background-position:2px -85px;}
.impNewsConItem h2.zb{ background-position:2px -42px;}
.impNewsConItem h2.zx{ background-position:2px -262px;}
.impNewsConItem h2.ts{ background-position:2px -128px;}
.impNewsConItem h2.ss{ background-position:2px -172px;}
.impNewsConItem h2.ft{ background-position:2px -1px;}
.impNewsConItem h2.lt{ background-position:2px -220px;}
.impNewsConItem h2 a{ color:#4d555d;}


.impNewsConItem:hover h2 a{ color:#2a2a2a;}
.impNewsConItem:hover .newsGuides{ color:#333;}
.impNewsConItem .top em{ display:block; background:url(icon/newsTop.png) no-repeat; width:48px; height:59px; top:-2px; left:-3px; position:absolute;}
.impNewsConItem .newsText .vd span,.impNewsConItem .newsText .zb span{ position:absolute; display:block; width:22px; height:22px; opacity:0.7; filter:alpha(opacity:70); background:url(icon/icon_index_svd.png) no-repeat; cursor:pointer; left:10px; bottom:10px;transition:0.3s;}
.impNewsConItem .newsPic span:hover{ opacity:1;filter:alpha(opacity:100);}
.impNewsConItem .newsPic i.zx{ background:#a42eb2;}
.impNewsConItem .newsPic i.sp{ background:#20af68;}
.impNewsConItem .newsPic i.ss{ background:#2b85d1;}
.impNewsConItem .newsPic i.tp{ background:#d82525;}
.impNewsConItem .newsPic{ margin:10px 15px 0 0; width:150px; height:100px;  position:relative;}
.impNewsConItem .newsPic a{ display:block; width:150px; height:100px; overflow:hidden;}
.impNewsConItem .newsPic img{ display:block; width:150px; height:100px; overflow:hidden;transition:0.3s; }
.impNewsConItem .newsPic img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.impNewsConItem .newsGuides{ line-height:26px; font-size:14px; color:#999; height:78px; overflow:hidden; text-align:justify; padding-top:3px;}

.impNewsConItem .newsPic i{ position:absolute; display:block; width:36px; line-height:20px; text-align:center; line-height:20px; color:#fff; right:0; bottom:0; background:#2b85d1;}
.impNewsConItem .vd i,.impNewsConItem .zb i{  background:#a42eb2;}
.impNewsConItem .ts i{  background:#2b85d1;}
.impNewsConItem .ss i{  background:#20af68;}
.impNewsConItem .wz i{  background:#d82525;}

.impNewsConItem .newsInfo{ overflow:hidden; color:#999; text-align:right; margin-top:6px; font-size:12px;}

.impNewsConItem .newsKeys a:hover{ background:#666; border:1px solid #333; color:#fff; text-shadow:2px 1px 2px #111;}
.newsText{ height:100px;}

/*more*/
.more{ display:inline-block;  padding-right:14px; height:11px; font-size:11px; color:#ddd; line-height:11px; overflow:hidden; text-align:left; float:right; }
.moreR{ background:url(icon/icon_moreNews.jpg) no-repeat right 0;margin-top:18px;}
.moreO{ background:url(icon/icon_moreNews.jpg) no-repeat right -22px;margin-top:17px;}
.moreG{ background:url(icon/icon_moreNews.jpg) no-repeat right -11px;margin-top:18px;}

/*indexTitles*/
.indexTitle{ padding:0 20px 0 0;}
.itA{ height:50px; background:#434343; line-height:50px;}
.itB{ height:44px; background:#242424; line-height:44px;}

.indexTitle h3{background:url(icon/icon_indexTitles.png) no-repeat; padding-left:64px; height:100%;  font-size:18px; color:#fff; font-weight:normal;}
.indexTitle h3.t2{ background-position:0 -50px; text-indent:0;}
.indexTitle h3.t3{ background-position:0 -100px; }
.indexTitle h3.t4{ background-position:0 -150px; }
.indexTitle h3.t5{ background-position:0 -200px; }
.indexTitle h3.t6{ background-position:0 -244px;}


/*originalColumn*/
.originalColumnTab{ height:67px; position:relative; overflow:hidden; background:#333;}
.originalColumnTab li.mask{ background:url(index/tabMask.png) no-repeat; z-index:1; position:absolute; top:0; left:0;}
.originalColumnTab li{ float:left; background:url(index/tabNormal.jpg) no-repeat right 0; height:67px; width:130px; position:relative; z-index:3;  cursor:pointer; color:#999; text-align:center; font-size:16px; padding-top:10px;}
.originalColumnTab li.active{ color:#ff3333;}
.originalColumnTab li span{ display:block; font-size:14px;}

.originalColumnBox{display:none; opacity:0; filter:alpha(opacity:0); position:absolute; top:0; left:0;}
.originalColumnBox dl{ margin-bottom:2px;}
.originalColumnBox dl dt{ cursor:pointer;}
.originalColumnBox dl dt img{ width:520px; height:90px; display:block; overflow:hidden;}
.originalColumnBox dl dd{ background:url(index/ycCols.png) no-repeat; height:0; overflow:hidden; transition:.3s; }
.originalColumnBox dl dd a{ height:24px; line-height:24px; overflow:hidden; display:block;transition:.3s;}
.originalColumnBox dl dd a:hover{ color:#f00; }
.originalColumnBox dl dd ul{ padding:16px 10px 0 34px;}
.originalColumnBox dl.active dd{ height:101px;}
#originalColumn{ height:394px;}

/*esportsNews*/
.indexPicNews{ width:180px;}
.indexPicNews li{ margin-top:20px; position:relative; width:180px; height:120px; overflow:hidden;}
.indexPicNews li img{ width:180px; height:120px; display:block; overflow:hidden;transform:scale(1); transition:.2s;}
.indexPicNews li span{ height:28px; width:100%; position:absolute; bottom:0; left:0; background:rgba(0,0,0,.8); text-align:center; line-height:28px; overflow:hidden; display:block; color:#ddd; transition:.2s;}
.indexPicNews li:hover img{ transform:scale(1.1);}
.indexPicNews li:hover span{ color:#fff;}


.indexTxtNews li{ font-size:14px; height:30px; line-height:30px; overflow:hidden;}
.indexTxtNews li span{ color:#f00;}


/*voteTopic*/
.voteTopic{ background:url(index/indexVoteTopic.jpg) no-repeat; height:150px; padding:20px 20px 10px 20px;}
.voteTopic h3{ font-size:18px; text-align:center; height:34px; line-height:34px; overflow:hidden;}
.voteTopic p{ color:#888; line-height:22px; height:44px; overflow:hidden; text-align:center; padding:5px 0 0 0 ;}
.voteTopic a{ color:#ff3333;}
.voteBar{ height:16px; background:#ff3333; margin-top:16px;}
.voteBar span{ display:block; width:50%; height:16px; background:#379be9;}

.voteBtn{}
.voteBtn a{ width:63px; height:24px; line-height:24px; color:#fff; font-size:14px; display:inline-block; background:url(index/bgVote.jpg) no-repeat; text-indent:2em;}
.voteBtn a.against{ background-position:0 -24px;}


/*newGameDemo*/
.indexTitleA{ border-bottom:1px solid #ccc; height:43px; line-height:44px;}
.indexTitleA h3{ font-size:18px;}
.indexTitleA h3 span{ border-bottom:3px solid #ff3333; height:41px; display:inline-block; }
.indexTitleA a{ float:right; border:1px solid #ddd;  height:22px; line-height:22px; text-align:center; margin-top:12px; padding:0 10px;}


.newGameDemoList li{ margin-top:20px; height:90px;}
.newGameDemoList .score{ height:68px; width:68px; border:1px solid #dc2324; color:#dc2324; background:#fff; border-radius:50%; text-align:center; line-height:68px; margin-left:12px; margin-top:10px; font-size:32px; font-weight:bold; transition:.2s;}
.newGameDemoList .pic{ width:120px; margin-right:10px;}
.newGameDemoList .pic img{ width:120px; height:90px; overflow:hidden; display:block;}
.newGameDemoList .title h3{ font-size:18px; line-height:30px; height:30px; overflow:hidden;}
.newGameDemoList .title p{ color:#999; line-height:20px; height:60px; overflow:hidden;}

.newGameDemoList li:hover .score{ border:1px solid #fff; color:#fff; background:#dc2324;}
.newGameDemoList li:hover .topic{ background:#f9f9f9;}
.newGameDemoList li:hover .topic p{ color:#666;}


/*getGameNum*/
.getGameNum{ background:url(index/getNumber.jpg) no-repeat 56px 47px;}
.getGameNum li{ height:32px; clear:left; line-height:32px; font-size:14px;}
.getGameNum li.header{ font-weight:bold; border-bottom:1px solid #ddd; }
.getGameNum li.header div.d1,.getGameNum li.header div.d3,.getGameNum li.header div.d5{ color:#333; font-size:14px;}
.getGameNum li div{ float:left; text-align:center; height:32px; overflow:hidden;}
.getGameNum li div.d1{ width:68px;font-size:12px; color:#999;}
.getGameNum li div.d2{ width:160px; text-align:left;}
.getGameNum li div.d3{ width:88px; color:#999;}
.getGameNum li div.d4{ width:104px;}
.getGameNum li div.d5{ width:100px; font-size:12px;}
.getGameNum li div.d5 a{ border:1px solid #ccc; padding: 0 3px; margin:0 3px; transition:.3s;}
.getGameNum div.d5 a:hover{border:1px solid #fff; background:#333; color:#fff; }

/*consoleGameList*/
.consoleGameTab{ width:530px; }
.consoleGameTab li{ float:left; width:94px; height:45px; border:1px solid #dedede; margin-right:10px; text-align:center; line-height:45px; cursor:pointer; color:#666; font-size:18px; font-weight:bold; transition:.3s;}

.consoleGameTab li.active{ background:#ff3333; color:#fff;}

.consoleGameList { border:1px solid #ddd; display:none;}
.consoleGameList li{ height:32px; clear:left; line-height:32px; font-size:14px;opacity:0; filter:alpha(opacity:0); transition:.3s;}
.consoleGameList li.opac1{opacity:1; filter:alpha(opacity:100);}
.consoleGameList li.header{ font-weight:bold; border-bottom:1px solid #ddd; color:#333; font-size:14px;}
.consoleGameList li div{ float:left; text-align:center; height:32px; overflow:hidden;}
.consoleGameList li div.d1{ width:80px;}
.consoleGameList li div.d2{ width:196px; text-align:left;}
.consoleGameList li div.d3{ width:118px; }
.consoleGameList li div.d4{ width:124px;}
.consoleGameList li:hover div.d4{ background:url(icon/icon_flame.png) no-repeat 20px center;}
.consoleGameList li:hover{ background:#f0f0f0;}
.consoleGameList li.header:hover div.d4{ background:none;}



/***************************mob games********************************/
.mgTab{ margin-right:30px;}
.mgTab li{ float:left; font-size:14px; padding:0 20px;}
.mgTab li a{ color:#dbdbdb;}


.mobGamesList{ background:#434343; height:80px; }
.mobGamesList li{ float:left; width:69px; background:url(index/indexMobGameTab.png) no-repeat right 0; height:70px; padding:10px 0 0 9px;}
.mobGamesList li img{ width:60px; height:60px; display:block; overflow:hidden;}

.mobGameWrap{ padding:18px; border:1px solid #ddd; border-top:0;}

.mobPingce{ width:370px;}

.indexTitleB{ border-bottom:1px solid #ccc; height:37px; line-height:38px;}
.indexTitleB h3{ font-size:18px;}
.indexTitleB h3 span{ color:#fd8500; }
.indexTitleB a { display:inline-block;  padding-right:14px; height:11px; font-size:11px;  line-height:11px; overflow:hidden; text-align:left; float:right; background:url(icon/icon_moreNews.jpg) no-repeat right -22px;margin-top:17px; }


/*picMask*/
.picMask li p:hover em{ top:0;}
.picMask li{ float:left; width:180px; margin:12px 20px 0 0 ;}
.picMask li img{ width:180px; height:120px; }
.picMask li p img{ overflow:hidden; display:block; }
.picMask li a:hover span{ color:#666;}
.picMask li a span{ line-height:28px; height:28px;  overflow:hidden; display:block; color:#2a2a2a; font-size:13px;}
.picMask li p{ width:180px; height:120px; overflow:hidden; position:relative; cursor:pointer;}


.photoList li em{ background:url(http://rnimg.cn/common/v1/images/hover-photo.png) no-repeat center center; position:absolute; width:180px; height:120px; top:120px;transition:0.2s;}
.videoList li em{ background:url(http://rnimg.cn/common/v1/images/hover-video.png) no-repeat center center; position:absolute; width:180px; height:120px; top:120px;transition:0.2s;}

.mobPingce .photoList{ width:380px;}
.mobPingce li{ margin:10px 10px 0 0 ;}

.mobTopNews{ width:360px;}
.mobGameTxtList{ padding:5px 0 0 0;}
.mobGameTxtList li{ font-size:14px; background:url(icon/icon_dot.jpg) left center no-repeat; padding-left:14px; height:30px; line-height:30px; overflow:hidden;}

.mobLibao{ width:370px;}

.mobLibaoList{ padding:5px 0 0 0;}
.mobLibaoList li{font-size:12px; height:30px; line-height:30px; overflow:hidden; clear:both; padding:0 12px;}
.mobLibaoList li a{ float:right; }
.mobLibaoList li h3{ font-weight:normal;}
.mobLibaoList li h3 em{ width:116px; display:inline-block;}
.mobLibaoList li h3 span{ color:#8c8c8c;}
.mobLibaoList li:nth-child(even){ background:#f8f8f8;}


.mobGameVideo{ width:750px;}
.mobVideoBig{ width:370px; float:left; height:250px; overflow:hidden; position:relative;}
.mobVideoBig  img{ width:370px; height:250px; display:block; overflow:hidden;transform:scale(1); transition:.2s;}
.mobVideoBig  span{ height:28px; width:100%; position:absolute; bottom:0; left:0; background:rgba(0,0,0,.8); text-align:center; line-height:28px; overflow:hidden; display:block; color:#ddd; transition:.2s;}
.mobVideoBig:hover img{ transform:scale(1.1);}
.mobVideoBig:hover span{ color:#fff;}

.mobVideoSmall{ width:370px;height:250px; overflow:hidden;}
.mobVideoSmall ul{ width:380px; }
.mobVideoSmall li{position:relative; width:180px; height:120px; overflow:hidden; margin:0 10px 10px 0; float:left;}
.mobVideoSmall li img{ width:180px; height:120px; display:block; overflow:hidden;transform:scale(1); transition:.2s;}
.mobVideoSmall li span{ height:28px; width:100%; position:absolute; bottom:0; left:0; background:rgba(0,0,0,.8); text-align:center; line-height:28px; overflow:hidden; display:block; color:#ddd; transition:.2s;}
.mobVideoSmall li:hover img{ transform:scale(1.1);}
.mobVideoSmall li:hover span{ color:#fff;}

.mobGameZt{ width:370px;}

.mobGameZtPic{ width:370px; float:left; height:120px; overflow:hidden; position:relative;}
.mobGameZtPic  img{ width:370px; height:120px; display:block; overflow:hidden;transform:scale(1); transition:.2s;}
.mobGameZtPic  span{ height:28px; width:100%; position:absolute; bottom:0; left:0; background:rgba(0,0,0,.8); text-align:center; line-height:28px; overflow:hidden; display:block; color:#ddd; transition:.2s;}
.mobGameZtPic:hover img{ transform:scale(1.1);}
.mobGameZtPic:hover span{ color:#fff;}

.mobGameZtTxt{ background:#f5f5f5; padding:6px 16px 5px 16px; overflow:hidden;}
.mobGameZtTxt li{ font-size:14px; background:url(icon/icon_dot.jpg) left center no-repeat; padding-left:14px; height:30px; line-height:30px; overflow:hidden;}


/*beautyWallpaper*/
.beautyWallpaper{ position:relative; height:490px;}
.beautyWallpaper li{ position:absolute; overflow:hidden;}
.beautyWallpaper li.l1{ top:0px; left:0px; width:370px; height:490px;}
.beautyWallpaper li.l2{ top:0px; left:372px; width:224px; height:260px;}
.beautyWallpaper li.l3{ top:0px; left:598px; width:220px; height:260px;}
.beautyWallpaper li.l4{ top:0px; left:820px; width:360px; height:162px;}
.beautyWallpaper li.l5{ top:164px; left:820px; width:360px; height:162px;}
.beautyWallpaper li.l6{ top:328px; left:820px; width:360px; height:162px;}
.beautyWallpaper li.l7{ top:262px; left:372px;width:446px; height:228px;}

.beautyWallpaper li span{ position:absolute; width:100%; height:30px; line-height:30px; bottom:0; left:0; background:rgba(21,18,22,.8); text-align:center; overflow:hidden; font-size:13px;color:#ddd; transition:.2s;}
.beautyWallpaper li img{ transform:scale(1); transition:.3s;}
.beautyWallpaper li:hover img{ transform:scale(1.1);}
.beautyWallpaper li:hover span{ color:#fff;}



/*footer*/
.footer2{ background:#2a2a2a;}
.footerh{ height:149px; background:#323232;}
.footerh .main{ background:url(index/f1.png) no-repeat; height:149px; padding-left:680px; width:500px;}

.footerb{ width:1180px; padding:20px 0;}

.indexLinks h3{ font-size:18px; color:#fff; line-height:44px;}
.indexLinks a{ color:#ccc; font-size:14px; padding:0 20px 0 0; line-height:28px;}

.Footer-all {
		line-height: 24px;
    padding: 30px 0 0 0 ;
    text-align: center;
		color:#aaa;
}
.Footer-all a {
    color: #ccc;
}


/****************************support page*********************************************************/
/**topnav**/
.topNavList li{ float:left; height:46px;  width:75px; text-align:center; background:url(support/s_topnav_bg.jpg) no-repeat right; margin-left:-1px;}
.topNavList li a{ color:#999;  font-size:13px; display:inline-block; width:75px; height:43px; line-height:43px; transition:.3s; background:1a1a1a; border-top:3px solid #1a1a1a;}
.topNavList li.active a,.topNavList li:hover a{ background:#000;  color:#eee;}
.topNavList li.active a.a1,.topNavList li:hover a.a1{ border-color:#dc2324;}
.topNavList li.active a.a2,.topNavList li:hover a.a2{border-color:#dc2324;}
.topNavList li.active a.a3,.topNavList li:hover a.a3{border-color:#ff9933;}
.topNavList li.active a.a4,.topNavList li:hover a.a4{border-color:#ffff33;}
.topNavList li.active a.a5,.topNavList li:hover a.a5{border-color:#33cc33;}
.topNavList li.active a.a6,.topNavList li:hover a.a6{border-color:#33ccff;}
.topNavList li.active a.a7,.topNavList li:hover a.a7{border-color:#6566ff;}
.topNavList li.active a.a8,.topNavList li:hover a.a8{ border-color:#c3f;}

.rnSupNav{ height:71px; background:#242424;}
.rnSupNav h1.t{ width:160px; height:71px; background:url(support/s_t.jpg) no-repeat; margin-right:184px;}
.rnSupNav h1.t1{ background-position:0 -71px;}
.rnSupNav h1.t2{ background-position:0 -0;}
.rnSupNav h1.t3{ background-position:0 -142px;}

.rnSupNav li{ float:left; height:71px; width:90px; text-align:center; background:url(index/indexNavBg.jpg) no-repeat right; }
.rnSupNav li a{ color:#999;  font-size:15px; display:inline-block; width:90px; height:68px; line-height:68px; transition:.3s; background:1a1a1a; border-bottom:3px solid #1a1a1a;}
.rnSupNav li.active a,.rnSupNav li:hover a{ background:#000;  color:#eee; border-color:#cc33ff;}

/*图集列表页小标题*/
#rsnVd li.active a,#rsnVd li:hover a{  border-color:#6666ff;}
/*普通列表页小标题*/
#rnsNorList li.active a,#rnsNorList li:hover a{  border-color:#ff2324;}

/*视频页小标题*/
#rnVideoPage li.active a,#rnVideoPage li:hover a{  border-color:#6666ff;}

.sSearchBox{ padding-top:21px;}
.sSearchInput{ background:url(support/s_searchInput.jpg) no-repeat; width:193px; height:32px; line-height:32px; border:0; padding:0 10px; color:#666; float:left;}
.sSearchBtn{ background:url(support/s_searchBtn.jpg) no-repeat; width:29px; height:32px; border:0; cursor:pointer;}
input.s2{ background-position:0 -32px;}
input.s3{ background-position:0 -64px;}

.rnBreadNav{ color:#999; background:url(support/s_bread.png) no-repeat left center; height:32px; line-height:32px; padding:0 0 0 24px; border-bottom:1px solid #ddd; font-size:14px;}

/**/
.pagination{ border-top:1px solid #ddd; padding-top:20px;}
.pagination li a {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #6f6f6f;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 13px;
    text-decoration: none;
    vertical-align: top;
}
.pagination {
    margin: 26px 0;
    text-align: center;
}
.pagination li {
    display: inline;
    margin: 0 2px;
}
.pagination .act a, .pagination li:hover a {
    background: #00a887 none repeat scroll 0 0;
    border-color: #00a887;
    color: #fff;
}
.pagination .page_break a:hover, .pagination .disabled a:hover {
    background: #fff none repeat scroll 0 0;
    border-color: #ddd;
    color: #4b4b4b;
}




/*图集列表页*/
.tjPhotoList .picMask li{ width:220px;}
.tjPhotoList .picMask li img{width:220px; height:150px; overflow:hidden; display:block;}
.tjPhotoList .picMask li p{ width:220px; height:150px;}
.tjPhotoList .picMask li em{ background:url(http://rnimg.cn/common/v1/images/hover-photo.png) no-repeat center center; position:absolute; width:220px; height:150px; top:150px;transition:0.2s;}
.tjPhotoList .picMask li span{ height:48px; line-height:24px; margin-top:5px; color:#333;}
.tjPhotoList .picMask li i{ line-height:24px; color:#999; font-size:14px;}
.tjPhotoList .picMask li:hover span{ color:#000;}
.tjPhotoList .photoList{ width:1200px;}


#rnImgPageList .pagination .act a,#rnImgPageList .pagination li:hover a {
    background: #cc33ff none repeat scroll 0 0;
    border-color: #cc33ff;
    color: #fff;
}





/*图集内页*/
.rnImgHead{ background:#efefef; padding-top:10px;}
#rnImgPage h2{ font-size:32px; padding:5px 0 20px 0; overflow:hidden;}
.rnImgBody{ background:#333;}

.rnImgBody .main{ padding:8px 0; height:620px; width:1170px;}

.rnImgCon{ text-align:center; background:url(support/rnImg/ld1.gif) no-repeat center center;}
.rnImgCon img{ max-width:800px;overflow:hidden; height:620px; }

#imgPrevBtn,#imgNextBtn{ position:absolute; width:41px;  height:68px; background:#fff;  top:50%; margin-top:-34px; background:url(support/rnImg/ar.png) no-repeat; opacity:.8; filter:alpha(opacity:80); transition:.3s;}
#imgNextBtn{ right:0; background-position:-41px 0;}
#imgPrevBtn:hover,#imgNextBtn:hover{opacity:1; filter:alpha(opacity:100);}

.rnImgDes{ height:70px; background:#222;}

.rnImgDes .main{ width:1000px;}
.rnImgDes .rnImgNum{ margin-right:60px;}

.rnImgDes .rnImgNum .s1{ font-size:36px; color:#f90; font-family:'微软雅黑'; position:relative; top:-3px;}
.rnImgDes .rnImgNum .s2{ font-size:50px; font-weight:normal; color:#fff; font-family:'宋体';}
.rnImgDes .rnImgNum .s3{ font-size:18px; color:#ddd;  margin-left:-4px; }

.rnImgDes p{ line-height:20px; height:40px; overflow:hidden; color:#ccc; font-size:14px; padding:15px 0 0 0;}

.rnImgThumb{ height:130px; background:#eee; padding:15px 0 0 0;}

.rnImgThumb .main{ width:1170px;}
.rnImgThumb .scrollBarBox{ height:13px; background:url(support/rnImg/bg-bar.png) repeat-x;}
.rnImgThumb #scrollBar{ height:13px; width:100%; cursor:pointer; }
.rnImgThumb .scrollBarNor{ background: url(support/rnImg/bar.png) no-repeat top center;}
.rnImgThumb .scrollBarSpe{ background:url(support/rnImg/bar.png) no-repeat center -13px  ;}
.rnImgThumb #scrollBarCon{ border-left:1px solid #cacaca; border-right:1px solid #cacaca; height:13px; position:absolute; top:0; left:0;}

.ablumListBox{ width:100%; height:96px; overflow:hidden; }
#ablumList{ position:absolute; top:0; left:0; height:80px;}
#ablumList li { float:left;cursor:pointer; width:130px; position:relative; height:80px; text-align:center;}
#ablumList li.active img,#ablumList li:hover img{ border:1px solid #d3222a; transition:.5s;}
#ablumList li img{ display:inline-block; overflow:hidden; width:118px; height:78px; border:1px solid #ccc;}
#ablumList li span{ display:block; padding:0 3px; height:18px; font-size:11px; text-align:center; line-height:18px; position:absolute; right:6px; bottom:1px; background:#333;  color:#fff; overflow:hidden; }
#ablumList li p{ position:absolute; background:#000; opacity:.6;filter:alpha(60); width:118px; height:78px; top:1px; left:6px; transition:.3s;}
#ablumList li:hover p,#ablumList li.active p{ opacity:0; filter:alpha(opacity:0);}

.targetImg {height: 30px; background:#fbfbfb; border-radius:3px;display: inline-block;padding-left: 8px;line-height: 30px; border:1px solid #dfdfdf;color: #000; text-decoration:none !important; position:absolute; right:84px; top:7px;}
.targetImg:hover{ background:#47a8f3; border-color:#4785bf; color:white;}
.targetImg:hover i,.targetImg:hover em{ color:white;}
.targetImg span {display: block;_display: inline-block;padding-right: 11px;}
.targetImg i {float: left;height: 32px;width: 25px; display:block; color:#369ae8; font-size:20px; line-height:32px;}


/*图集内页短评*/
.shortCommentary{ height:100px; border:1px solid #d0d0d0; background:#eee; width:1168px;}

/*rnLookLook*/
.sTitle{ height:50px; overflow:hidden;}
.rnLookLook{ width:760px;}
.rnLookLook h3{ background:url(support/s_t1.png) no-repeat left center; height:50px; width:208px;}
.sTitle a{ font-size:14px; line-height:80px; color:#666;}

.sTitle h3{ height:50px; width:208px;}

.hotPics{ width:380px;}
.hotPics h3{ background:url(support/s_t2.png) no-repeat left center;}
.hotPics .photoList{ width:400px;}


/*视频列表*/
.tjVideoList .picMask li{ width:220px;}
.tjVideoList .picMask li img{width:220px; height:150px; overflow:hidden; display:block;}
.tjVideoList .picMask li p{ width:220px; height:150px;}
.tjVideoList .picMask li em{ background:url(http://rnimg.cn/common/v1/images/hover-video.png) no-repeat center center; position:absolute; width:220px; height:150px; top:150px;transition:0.2s;}
.tjVideoList .picMask li span{ height:48px; line-height:24px; margin-top:5px; color:#333;}
.tjVideoList .picMask li i{ line-height:24px; color:#999; font-size:14px;}
.tjVideoList .picMask li:hover span{ color:#000;}
.tjVideoList .photoList{ width:1200px;}


#rnVideoPageList .pagination .act a,#rnVideoPageList .pagination li:hover a {
    background: #6666ff none repeat scroll 0 0;
    border-color: #6666ff;
    color: #fff;
}

/*普通新闻列表*/
#rnNorPageList .pagination .act a,#rnNorPageList .pagination li:hover a {
    background: #ff2324 none repeat scroll 0 0;
    border-color: #ff2324;
    color: #fff;
}
.rnOriginal .sTitle h3{ background:url(support/s_t3.png) no-repeat; }
.newGamepc .sTitle h3{ background:url(support/s_t5.png) no-repeat; }
.rnOriginal li{ margin-top:2px;}
.rnOriginal li img{ width:380px; height:90px; display:block; overflow:hidden;}

.rnOriginalVideo .sTitle h3{ background:url(support/s_t4.png) no-repeat; }
.rnOriginalVideo{ padding:10px 0 0 0;}
.rnOriginalVideo li{ font-size:14px; background:url(icon/icon_dot.jpg) left center no-repeat; padding-left:14px; height:34px; line-height:34px; overflow:hidden;}

.hotPics .picMask li span{ line-height:20px; height:40px; overflow:hidden; padding:6px 0 0 0;}

.hotVideos .sTitle h3{ background:url(support/s_t6.png) no-repeat;}
.hotVideos .picMask{ width:500px;}
.hotVideos .picMask li span{ line-height:20px; height:40px; overflow:hidden; padding:6px 0 0 0;}

/*新闻内页*/
.rnNorPageTit{ height:180px; background:#efefef; padding:18px 0 0 0;}
.rnNorPageTit h2{ font-size:30px; padding-bottom:8px;}
.rnNorPageTit .info{ font-size:14px;}
.rnNorPageTit .info span{ padding-right:6px; font-weight:bold; color:#999;}
.pl16{ padding-left:20px;}

.artInfo{ width:450px;}
.artPic{ width:104px; height:104px;  overflow:hidden;}
.artPic img{ width:96px; height:96px; display:block; overflow:hidden;border-radius:50%;border:1px solid #ccc; padding:3px; }

.artTit{ padding:30px 0 0 0 ;}
.artTit p{ font-size:14px;  line-height:24px; height:24px; overflow:hidden; width:116px;}
.artTit p span{ color:#333;}
.artTit p em{ color:#ff3333; font-weight:bold;}

.artNum{ width:190px; background:url(support/s_norNewsPageArtNum.jpg) no-repeat; height:42px; margin-top:26px; padding:6px 0 0 10px;}
.artNum li{ float:left; color:#fff; padding:0 9px; text-align:center;}
.artNum li span{ display:block; font-size:14px;}

.artOthNews h3{ font-size:15px; line-height:34px;}
.artOthNews ul{ padding:20px 0 0 0; background:url(support/s_norNewsArtUl.jpg) 3px 0 repeat-y;}
.artOthNews li{ height:50px; background:url(support/s_norNewsArtO.jpg) no-repeat 0 6px; padding:0 0 0 16px;}
.artOthNews li a{ font-size:13px; height:20px; line-height:20px; display:block; overflow:hidden;}
.artOthNews li span{ display:block; line-height:20px; color:#999;}
.artOthNews a.showAll{ background:url(support/s_norNewsArtOB.jpg) no-repeat right center; padding-right:20px; font-size:13px; font-weight:bold; line-height:34px;}


/* 新闻页相关 */
.News-content{ padding:8px 0;  line-height:26px; font-size:14px; min-height:300px; word-break:break-all; color:#353535;}
.News-content p { padding-bottom:8px; }
.News-content table { border-collapse:collapse; }
.News-content img { vertical-align:middle; max-width:600; margin:0 auto; display:block;}
.News-content hr { margin:15px 0; background-color:#999; height:1px; overflow:hidden; border:0; }
.News-content table td { border:#d0d0d0 solid 1px; }
.News-content table td td { border:0; }
.News-content td p { padding:0; }

.News-content p embed{ margin: 0 auto; display: block;}

.News-top { margin-bottom:10px; }
.News-top h2 { text-align:center; font-size:26px; font-family:\5FAE\8F6F\96C5\9ED1; padding:14px 0; color:#00a887; font-weight:normal; line-height:56px; }
.News-address { text-align:center; color:#625939;  height:24px; line-height:24px; padding-bottom:8px; font-size:12px;}
.News-address strong { margin-left:20px; color:#625939; }
/**导读**/
.News-review { border:1px solid #d0d0d0; color:#626262; background:url(http://rnimg.cn/common/images/qa.gif) no-repeat 10px 10px #f6f6f6; padding:20px 10px 20px 30px; line-height:24px; margin:0 0 36px 0; }
.News-review:hover { color:#111; border-color:#aaa; background-color:#FAFAFA }
.News-review blockquote { background:url(http://rnimg.cn/common/images/qz.gif) no-repeat 100% 100%; display:inline; padding-right:20px; }
.News-review .newsread { display:inline; }
/**分页**/
.News-page { padding:8px 0; clear:both; }
.News-page table { margin:0 auto; }
.News-content .News-page td { font-size:12px; padding:5px 2px; border:0;}
.News-page .navbarcurrentpagenumber { font-weight:bold; color:red; background-color:#FFF7ED; border:1px solid #EA8F36; padding:0 8px; border-radius:3px; }
.News-page a { border:1px solid #CCC; padding:4px 7px; background-color:#efefef; border-radius:3px; }

.newsRank{ background:url(support/s_norNewsPageRank.jpg) no-repeat; height:121px; margin-top:40px;}

.res{ padding:29px 0 0 20px; font-size:14px; width:210px;}
.res span{ color:#f33; font-size:44px; font-weight:bold; position:relative; top:10px;}
.newsRank ul{ background:url(support/s_rank.jpg) no-repeat; height:28px; border:1px solid #ccc; padding-left:39px; margin-top:58px; margin-right:50px;}
.newsRank ul li{ float:left; width:28px; height:28px; line-height:28px; text-align:center; background:#fff; cursor:pointer; transition:.2s;}
.newsRank ul li:hover{ background:#f33; color:#fff;}
.userRank{ padding:29px 0 0 0; font-size:14px;}
.userRank span{ color:#fd8500; font-size:44px; font-weight:bold;position:relative; top:10px;}


.relevantNews{ width:780px;}
.relevantNews li{ font-size:14px; background:url(icon/icon_dot.jpg) left center no-repeat; padding-left:14px; height:30px; line-height:30px; overflow:hidden; float:left; width:366px; margin-right:10px; }

/*视频内页*/
.rnVideoWrap{ height:600px; background:#333;}
.rnVideoMain{ width:888px;}

/*16/4/1 hn add index newsReload*/
#newsReload{ height:38px; line-height:38px; text-align:center;  cursor:pointer;  margin-top:-1px;}

.reloadOk{border:1px solid #00a887; color:#00a887;}
.reloadOk span{ color:#999; margin-left:8px;}
.reloadOk:hover span{ color:#FF0;}
.reloadOk:hover{ background:#00a887; color:#fff;}
.reloadOk em{ background:url(icon/icon_reload.png) no-repeat 0 5px; padding-left:14px;font-size:14px;}
.reloadOk:hover em{ background-position:0 -14px; }

.reloadNo{border:1px solid #ccc; color:#00a887;}
.reloadNo span{ color:#999; margin-left:8px;}
.reloadNo:hover span{ color:#fff;}
.reloadNo:hover{ background:#ccc; color:#fff;}
.reloadNo em{ display:none;}
.beautyWallpaper li{ background-repeat:no-repeat; background-size:cover; background-position:top center;}

.beautyWallpaper li a{ display:block;width:100%; height:100%;}