/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{ padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
body{ color:#333; background:#f2f2f2; font-family:Microsoft YaHei,\5FAE\8F6F\96C5\9ED1,tahoma;-webkit-text-size-adjust:100%;}
img{ border:0;}
em,i,b{ font-style:normal; font-weight:normal;}
input{ outline:none;}
input,select,textarea{font-family:Microsoft YaHei,\5FAE\8F6F\96C5\9ED1,tahoma;}
a{ color:#333; text-decoration:none;outline:none;}
a:hover{ color:#f60; text-decoration:none;}
ul,ol{ list-style:none;}
table{ border-collapse:collapse;border-spacing:0;}
p{word-wrap:break-word;}

.f_l{ float:left; display:inline; }
.f_r{ float:right; display:inline;}

.clear:before,.clear:after,.area:before,.area:after{content:""; display:table;}
.clear:after,.area:after{clear:both;}
.clear{zoom:1;}

/*top*/
.area{width: 1160px; margin: 0 auto; zoom: 1; clear:both;}
/*footer*/
.footer { margin-top: 50px; background: #222; padding: 28px 0; }
.footer p { line-height: 24px; font-size: 12px; color: #464646; text-align: center; }
.footer p a { color: #464646; margin: 0 8px; }
.footer p a:hover { color: #f60; text-decoration: underline; }

/* header logo sch */
.menu,.headwrap{ width:1160px; margin:0 auto;}

.header{ background:#1d1e1f;}
.headwrap{ height:42px; padding:29px 0; overflow:hidden;}
.headwrap .logo{ float:left; width:206px; height:42px; text-indent:-9999px; overflow:hidden; background:url(../images/djlogo.png) left center no-repeat;}

.sch{ float:right; width:420px; height:38px; margin:1px 0; overflow:hidden;border:#333 1px solid; border-right:0;}
.schtext,.schbtn{ float:left; border:0; height:38px; vertical-align:top;}
.schtext{ width:320px; line-height:38px; padding:0 10px;background:#1a1a1b; color:#666; font-size:14px; }
.schbtn{ width:80px; background:#2a2a2a url(../images/sch.png) center 9px no-repeat; cursor:pointer;}
.schbtn:hover{ background-position: center -31px;}
.schtext[type="text"]:focus{ background:#ddd; }

/* nav */
.nav{ position:relative; height:55px; background:#2b2b2b; z-index:3;}
.menu li{ float:left; position:relative; width:158px;}
.menu li .menuli{ display:block; line-height:48px;height:48px; padding-bottom:4px; text-align:center; font-size:20px; color:#fff; clear:both;border-top:transparent 3px solid;}
.menu li .menuli:hover,.menu li .menucur{ border-top:#f60 3px solid; background:#1d1e1f; color:#f60;}

/*bg ad*/
.bgban{ position:relative; display:block; height:800px; margin-bottom:-720px; overflow:hidden; background-repeat:no-repeat; background-position:top center;}

/*main ad*/
.mban{overflow:hidden; clear:both;}
.mban img{ display:block; width:1120px;}

/*main*/
.wrap{ position:relative; width:1120px; padding:0 20px 20px 20px; margin:0 auto; background:#fff; clear:both;}
.w550{ width:550px;}

/*title*/
.coltitle{ height:38px; clear:both; text-align:right; zoom:1; border-bottom:#bbb 1px solid; margin-bottom:1px;}
.coltitle h2,.coltitle h1,.coltitle .tit{ float:left; position:relative; height:34px; line-height:34px;padding:0 5px 3px 1px; font-size:22px; font-weight:300; border-bottom:#333 3px solid;}
.coltitle .more{ display:inline-block; font-size:14px; line-height:1; margin-top:12px; color:#666;}
.coltitle .more:hover{ color:#f60;}
/* title icon */
.ticon01,.ticon02,.ticon03,.ticon04,.ticon05,.ticon06,.ticon07,.ticon08,.ticon09,.ticon10,.ticon11,.ticon12,.ticon13,.rank-tab li .icon-wyph,.rank-tab li .icon-djph,.hot-tab li .icon-rmlb,.hot-tab li .icon-rmgl{ float:left; position:relative;width:30px; height:40px; background:url(../images/ticon.png) no-repeat;}
.ticon01{ background-position:0 0;}/*赛事*/
.ticon02{ background-position:0 -40px;}/*视频*/
.ticon03{ background-position:0 -80px;}/*战队*/
.ticon04{ background-position:0 -120px;}/*攻略*/
.ticon05{ background-position:0 -160px;}/*人物*/
.ticon06{ background-position:0 -200px;}/*八卦*/
.ticon07{ background-position:0 -240px;}/*新闻*/
.ticon08{ background-position:0 -280px;}/*最新视频*/
.ticon09{ background-position:0 -320px;}/*相关资讯*/
.ticon10{ background-position:0 -360px;}/*热门游戏*/
.ticon11{ background-position:0 -440px;}/*关注我们*/
.ticon12{ background-position:0 -640px;}/*相关阅读*/
.ticon13{ background-position:0 -760px;}/*热门礼包*/
.rank-tab li .icon-wyph{ background-position:0 -480px;}/*网游排行*/
.rank-tab li .icon-djph{ background-position:0 -520px;}/*单机排行*/
.hot-tab li .icon-rmlb{ background-position:0 -400px;}/*热门礼包*/
.hot-tab li .icon-rmgl{background-position:0 -680px;}/*热门攻略*/

/*comm*/
.vd a i,.vdlist li a i,.news li span,.eye .prev, .eye .next,.rec_match .rm_prev,.rec_match .rm_next,.tvmore i,.news_txt li,.tags,.vd_new a i,.news-tag,.news-time,
.news-editor,
.focus-us a i,
.rank-brief .icon-download,
.rmlb-list li .icon-gift,
.rmlb-list li .gift-get,
.gift-brief .icon-gift,.get-gift
{ background-image:url(../images/pags.png); background-repeat:no-repeat;}
.vd a,.gossip a,.matchlipag a,.vd_new a{text-align:center; color:#fff; overflow:hidden;}
.vd a span,.news li a,.newtoptit,.gossip a span,.eye_txt,.bignew h2,.recnews li a,.news_txt li a,.vd_new a span,.news-title,.news-side a {white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.vd a span,.gossip a span,.eye_tit,.rec_match ul li p,.rec_match ul li a div,.matchtv .tvshow li span,.vd_new a span{ position:absolute; left:0; right:0;background: rgba(0,0,0,.75); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000, endColorstr=#bf000000);}

/*rec eye game*/
.rec_l{ width:390px; padding-top:20px; margin-right:20px;}

/*eye*/
.eye{position:relative; width:390px;height:250px; overflow:hidden;}
.eye_imgli{ position:absolute; top:0;height:250px; width:3900px;}
.eye_imgli li { float: left; }
.eye_tit{  bottom: 0;height:32px; overflow: hidden; z-index:2;}
.eye_txt { display:block; color: #fff; width:75%; line-height: 32px; font-size: 16px; margin-left:10px;}
.eye .prev, .eye .next { position:absolute; top:110px; width:20px; height:40px; z-index:2;  cursor:pointer;text-indent:-9999px; overflow:hidden; transition:0.2s; }
.eye .prev { left:-20px; background-position: 0 -60px }
.eye .next { right:-20px; background-position: -30px -60px; }
.eye:hover .prev{ left:0;}
.eye:hover .next{ right:0;}
.eye_pag { position:absolute; right:12px; bottom:12px; z-index:3;}
.eye_pag li { float: left; height:6px; width:6px; line-height:200px; background:#999; border-radius:3px;margin-right:5px; cursor:pointer;transition:0.3s;}
li.on { background:#f60;}
/*game*/
.game{ margin:0 -10px 0 0;}
.game a{ float:left; width:121px; height:53px; padding:1px; background:url(../images/gamebg.png) no-repeat; margin:11px 10px 0 0; overflow:hidden;}
.game a img{ display:block;}
.game a:hover{background-position:0 -55px;}

/*rec news*/
.rec_m{ width:430px; padding-top:29px;}
.bignew{ border-bottom:#e6e6e6 1px dashed; text-align:center; margin-bottom:10px;}
.bignew h2,.bignew h2 a{ font-size:20px; line-height:26px; color:#f60; font-weight:bold;}
.bignew p{ line-height:26px; margin-bottom:12px; font-size:14px;}
.bignew p span{ margin:0 5px;}
.bignew p ,.bignew p a{ color:#808080;}
.bignew a:hover{ text-decoration:underline;}

/*date news*/
.recnews,.news{ clear:both; overflow:hidden;}
.recnews li,.news li{ text-align:right; overflow:hidden;}
.recnews li span,.news li span{ float:left; text-align:left; font-size:15px;}
.recnews li i,.news li i{ font-size:14px; color:#bbb;}
.recnews li:hover{ color:#f60;}

/*rec date news*/
.recnews li{height:34px;line-height:34px;}
.recnews li span{ width:86%; overflow:hidden;white-space:nowrap;}
.recnews li span em{ float:left; padding:0 6px; margin-right:10px; margin-top:8px; line-height:18px; font-size:12px; color:#fff; background:#8c8c8c; border-left:#333 2px solid;}
.recnews li span a{ float:left; width:320px;}

/*news*/
.news,.news_txt{ margin-top:5px;}
.news li,.news_txt li{height:30px;line-height:30px;}
.news li span{ width:84%; padding-left:10px; background-position:-50px -193px;overflow:hidden;white-space:nowrap;}
.news li span a{ display:block; width:100%;}
.news li span a:hover,.news_txt a:hover{ text-decoration:underline;}
.news li span:hover,.news_txt li:hover{background-position:-50px -233px; }
.news_txt li{ background-position:-50px -193px;padding-left:10px; font-size:14px;white-space:nowrap; overflow:hidden;}
.news_txt li a{ display:block; width:100%; }

/*matchtv*/
.matchtv{ position:relative; width:850px; height:628px; margin-top:11px; overflow:hidden; background:#2b2b2b url(../images/tvbg.png) right bottom no-repeat;}
.matchtv .tvshow{ position:absolute; top:0; width:8500px;}
.matchtv .tvshow li{ position:relative; float:left; width:850px; height:490px; overflow:hidden; cursor:pointer;}
.matchtv .tvshow li span{ top:0; width:100%; height:100%;}
.matchtv .tvshow li i{ position:absolute; left:50%; top:50%; width:210px; height:215px; margin:-120px 0 0 -105px; background:url(../images/tvicon.png) 0 0 no-repeat; z-index:2;}
.matchtv .tvshow li i:hover{ background-position:0 -220px;}
.matchtv .tvtab{ position:absolute; left:6px; bottom:6px; z-index:2;}
.matchtv .tvtab li{ position:relative; float:left; width:220px; height:127px; padding-top:8px; margin-right:7px; overflow:hidden; cursor:pointer;}
.matchtv .tvtab li img{ display:block;}
.matchtv .tvtab li i{ display:none; position:absolute; left:0; top:0; width:100%; height:100%;background:url(../images/tvtab.png) bottom center no-repeat;}
.matchtv .tvtab li:hover i,.matchtv .tvtab li.tvtab_curr i{ display:block; }
.tvmore{ position:absolute; right:25px; bottom:24px; width:120px; height:90px; text-align:center; color:#e7e7e7; font-size:24px; line-height:44px;/*transition:.1s;*/}
.tvmore i{ display:block; width:54px; height:37px; margin:9px auto 0 auto; background-position:0 -110px; }
.tvmore:hover i{ background-position:0 -147px;}

/*rec_match*/
.rec_match{ position:relative; width:260px; height:449px; margin-top:20px; overflow:hidden;}
.rec_match .rm_prev,.rec_match .rm_next{ position:absolute; left:102px; width:57px; height:22px; text-indent:-9999px; overflow:hidden; cursor:pointer; z-index:3; transition:.2s;}
.rec_match .rm_prev{ top:-22px; background-position:0 0;}
.rec_match .rm_next{ bottom:-22px;background-position:0 -30px;}
.rec_match ul{ position:absolute; left:0; width:260px; z-index:1;}
.rec_match ul li{ position:relative; height:153px;+margin-bottom:-3px; overflow:hidden; clear:both;}
.rec_match ul li a{ display: table;position:relative; clear:both;}
.rec_match ul li div{ top:-115px; height:105px; width:210px; padding:10px 25px 0 25px;display:table;text-align:center; font-size:22px; line-height:26px; overflow:hidden; transition:.2s;}
.rec_match ul li div i{display:table-cell; vertical-align:middle;*display: inline-block; color:#fff;}
.rec_match ul li a:hover div{ top:0;}
.rec_match ul li p{ bottom:10px; font-size:12px; line-height:28px; text-align:right; padding:0 10px; z-index:2;}
.rec_match ul li p span{ color:#fff;}
.rec_match .ing{ color:#f60;}
.rec_match .will{ color:#fff;}
.rec_match .over{ color:#999;}
.rec_match:hover .rm_prev{ top:0;}
.rec_match:hover .rm_next{ bottom:0;}

/*match*/
.match{ width:258px; border:#ebebeb 1px solid; margin-top:11px;}
.matchtab{ height:36px; margin:-1px 0 0 -1px; border-bottom:#ebebeb 1px solid;}
.matchtab li{ float:left; width:40px; border-left:#ebebeb 1px solid; cursor:pointer;}
.matchtab li img{ display:block; width:22px; height:22px; margin:8px auto 7px auto;}
li.matchtab_curr{ position:relative; border-top:#f60 3px solid;border-right:#ebebeb 1px solid; margin-right:-1px;  background:#fff;}
li.matchtab_curr img{ margin:5px auto 7px auto;}
.matchlist{ background:url(../images/libg.png) repeat; clear:both; overflow:hidden;}
.matchlist li{ position:relative; height:94px; padding:0 17px; overflow:hidden; font-size:12px; text-align:center; color:#999; line-height:1.5;}
.matchlist li em{ display:block; clear:both; margin:8px 0 0 0;}
.m_team{ width:45px; height:60px; overflow:hidden; text-align:center; margin-top:1px;}
.m_team img{ display:block; margin:0 auto; width:40px; height:40px;}
.m_time{ font-size:14px; margin:8px 0;}
.m_result i{ font-weight:bold; margin:0 5px; font-size:14px;}
li.coming .m_time{ color:#f00;}
.matchlipag{ background:#ebebeb;}
.matchlipag a{ width:128px; line-height:26px; background:#999; font-size:12px;}
.matchlipag a:hover{ background:#4d4d4d;}

/*vd*/
.vd{ margin:0 -15px 0 0; clear:both; overflow:hidden;}
.vd a{ width:178px; height:116px; margin:10px 10px 0 0;}
.vd a,.vd_new a{ float:left; position:relative; background:#000;  font-size:12px;}
.vd a i{ top:50%; margin:-30px 0 0 -21px; width:42px; height:42px; background-position:0 -190px;}
.vd a i,.vdlist li a i,.vd_new a i{ position:absolute; left:50%; z-index:2;}
.vd a img,.vdlist li a img,.vd_new a img{display:block; transition:.1s;}
.vd a span,.vd_new a span{ bottom:0; line-height:26px;}
.vd a:hover,.vdlist li a:hover h2,.vd_new a:hover{ color:#f60;}
.vd a:hover img,.vdlist li a:hover img,.vd_new a:hover img{ opacity:.3;}
.vd a:hover i{ background-position:0-240px;}

/*team strategy person*/
.team,.strategy{ width:410px;}
.team{ margin-right:20px;}
.person{ width:260px;}

.newtop{ height:94px; padding:10px 0 14px 155px;border-bottom:#e6e6e6 1px dashed;}
.newtopimg{ width:145px; height:94px;}
.newtoptit{ display:block; font-size:16px; line-height:24px;}
.newtop p{ color:#999; font-size:12px; margin:4px 0 6px 0;}

/*personlist*/
.personlist li{ height:68px; padding:10px 0 10px 115px; border-bottom:#ededed 1px solid;}
.personimg{  width:105px; height:68px; }
.persontit{ display:block; margin:6px 0; font-size:15px; color:#666;}

.newtop,.personlist li{position:relative;}
.newtop p,.persontit{height:36px; line-height:18px; overflow:hidden;}
.newtop span,.personlist li span{ line-height:1; color:#b2b2b2;font-size:14px;}
.newtopimg,.personimg{position:absolute; top:10px; left:0;overflow:hidden;}
.newtopimg img,.personimg img{transition:.2s;}
.personimg:hover img{ transform:scale(1.3)}
.newtopimg:hover img{transform:scale(1.2)}

/*ba gua*/
.gossip{ position:relative; height:420px;}
.gossip a{ display:block; position:absolute;line-height:34px; font-size:14px; }
.gossip01,.gossip02,.gossip03,.gossip06,.gossip04,.gossip05{ width:200px; height:130px;}
.gossip07,.gossip08{ width:345px; height:410px;}
.gossip01{ left:0; top:10px;}
.gossip02{ left:0; top:150px;}
.gossip03{ left:0; top:290px;}
.gossip07{ left:210px; top:10px;}
.gossip08{ left:565px; top:10px;}
.gossip06{ right:0; top:10px;}
.gossip04{ right:0; top:150px;}
.gossip05{ right:0; top:290px;}
.gossip a span{ bottom:-34px;transition:.1s; text-indent:2px;}
.gossip a:hover span{ bottom:0;}

/************内页************/
/*path*/
.path{ line-height:40px; font-size:14px; border-bottom:#e8e8e8 1px solid; background:url(../images/path.png) left center no-repeat; padding-left:20px; margin-bottom:20px; }
.path i{ margin:0 5px;}
.path,.path a{ color:#999;}
.path a:hover{ color:#f60;}

/*pag*/
.pag{ text-align:center; line-height:34px; padding:30px 0 0 0;}
.pag a{ padding:0 15px; cursor:pointer; }
.pag a,.pag_txt,.pag_btn{ color:#333; display:inline-block; border:#d7d7d7 1px solid;margin:0 5px;}
.pag a:hover,a.p_hov,a.p_hov:hover,.pag_btn:hover{ color:#fff; background:#f60;border-color:#f60;}
a.p_hov{ cursor:default;}
.pag_txt{ width:34px;line-height:34px;}
.pag_btn{ background:#fff; width:60px;cursor:pointer;}
.pag_txt,.pag_btn{ vertical-align:top; height:34px; text-align:center;}

/*tab*/
.tab{ height:26px; padding:5px 0 0 40px;}
.tab li{ float:left; padding:0 10px; margin-right:10px; line-height:24px; color:#999; border:#b3b3b3 1px solid; border-radius:5px; cursor:pointer;}
.tab li:hover{ border-color:#f60; color:#f60;}
.tab li.cur,.tab li.cur:hover{ background:#f60; color:#fff; border-color:#f60;}

.tiltetab{ float: left; line-height: 1; font-size: 12px; margin-top: 12px; padding-left: 20px; overflow: hidden;}
.tiltetab a{ float: left; border-right: #b2b2b2 1px solid; padding: 0 15px; margin-right: -1px; color: #666;}
.tiltetab a:hover{ color: #f60;}

/*vdlist*/
.vdlist{ padding:25px 0 0 0; +padding-bottom:30px; margin:0 -35px -30px 0; overflow:hidden;}
.vdlist li{ float:left; width:200px; height:184px; margin:0 30px 30px 0; overflow:hidden; background:#000;}
.vdlist li a{ display:block; position:relative; line-height:22px; }
.vdlist li a i{ top:52px;}
.vdlist li a i,.vd_new a i{ width:32px; height:32px; margin-left:-16px; background-position:0 -290px;}
.vdlist li a h2{ height:44px; padding:5px 10px;font-size:13px; overflow:hidden; background:#f5f3f3;}
.vdlist li a span{ position:absolute; bottom:5px; right:10px; padding-left:5px; font-size:12px;  color:#999;background:#f5f3f3;}
.vdlist li a:hover i,.vd_new a:hover i{ background-position:0 -330px;}
.vdlist li a h2:after{ content:'...';}

/*detal title*/
.detailtitle,.detailtitle02{ color:#f60; font-size:28px; line-height:1;}
.detailtitle02{ margin-top:10px;}
.detailtitle02,.detailinfo02{ text-align:center;}
.detailinfo{height:24px; line-height:24px; margin:10px 0 20px 0; clear:both;}
.detailinfo span,.detailinfo02 span{ margin-right:20px; }
a.linkcomm{ color:#f60; font-size:12px;}
a.linkcomm:hover{ text-decoration:underline;}
.detailinfo span,.bdsharebuttonbox i.f_l,.detailinfo02{ line-height:24px; color:#999; font-size:12px;}
.f_r .bdsharebuttonbox a.bds_qzone,.f_r .bdsharebuttonbox a.bds_weixin,.f_r .bdsharebuttonbox a.bds_tsina,.f_r .bdsharebuttonbox a.bds_more{ width:22px; height:24px; background:url(../images/share.png) no-repeat; line-height:24px; padding:0; margin:0 6px 0 0;}
.f_r .bdsharebuttonbox a.bds_qzone{ background-position:0 0;}
.f_r .bdsharebuttonbox a.bds_weixin{ background-position:-28px 0;}
.f_r .bdsharebuttonbox a.bds_tsina{ background-position:-56px 0;}
.f_r .bdsharebuttonbox a.bds_more{ background-position:-84px 0;}
.detailinfo02{position:relative; margin:15px 0 20px 0;}
.sharebox{ display:inline-block; vertical-align:top;}
.sharebox a.bds_qzone,.sharebox a.bds_weixin,.sharebox a.bds_tsina,.sharebox a.bds_more{line-height:24px; margin-top:4px; margin-right:5px;}
.detailmain{ min-height:92px;}
.detailmain a{ color: blue;}
.detailmain a:hover{ color: #f60; text-decoration: underline;}

/*list bar*/
.lbar{ width:800px;}
.lbar02{ width:780px; border-right:#e8e8e8 1px solid; padding-right:20px;}
.rbar{ width:300px;}
.mart20{ margin-top:20px; height:0; font-size:0; line-height:0;}

.vdshow{ position:relative; width:820px; height:615px; background:#000;}

.vd_re{ position:relative; width:300px; height:615px; background:#333;}
.vd_re_tit{ position:relative; z-index:2;background:#333; line-height:42px;margin:0 20px 0 12px;border-bottom:#666 1px solid; color:#ccc; font-size:16px;}
.vd_re ul{ position:absolute; top:0; left:0; width:300px; padding-top:43px; height:572px; overflow-y: scroll;overflow-x: hidden; z-index:1; }
.vd_re ul li{ padding:0 12px; position:relative; }
.vd_re ul li a{ position:relative;height:78px; padding:18px 0; padding-left:135px; display:block; color:#b2b2b2; border-bottom:#444 1px solid;}
.vd_re ul li a img{ position:absolute; left:0; top:18px;}
.vd_re ul li a p{ font-size:14px; line-height:18px; height:54px; overflow:hidden;}
.vd_re ul li a i{ position:absolute; right:0; bottom:18px; line-height:1; font-size:12px; color:#666;}
.vd_re ul li:hover{ background:#2b2b2b; top:-1px;}
.vd_re ul li:hover p{ color:#f60}
.vd_re ul li:hover a{ border-color:transparent;}
.vd_re ul{
    scrollbar-face-color: #666;
    scrollbar-3dlight-color: #171717;
    scrollbar-highlight-color: #171717;
    scrollbar-shadow-color: #171717;
    scrollbar-darkshadow-color: #171717;
    scrollbar-track-color: #171717;
    scrollbar-base-color:#171717;}
.vd_re ul::-webkit-scrollbar {width: 8px;}
.vd_re ul::-webkit-scrollbar-track { background:#171717;}
.vd_re ul::-webkit-scrollbar-thumb {background:#666; }
.vd_re ul::-webkit-scrollbar-thumb:window-inactive {background:#666; }

.detail p{ font-size:16px; line-height:30px; margin-bottom:15px; text-indent:2em; color:#666;}
.detail_re{text-align:right; line-height:44px;border-bottom:#e6e6e6 1px dashed;margin-bottom:20px; font-size:15px; color:#666; clear:both; height:44px; }
.detail_re02{line-height:44px;border-bottom:#e6e6e6 1px dashed; margin-bottom:20px;clear:both; height:44px; font-size:14px;}
.detail_re02 .tags,.detail_re .tags{ float:left;}
.detail_re02 .bdsharebuttonbox{ float:right; margin-top:8px;}
.lbar02 .detail{ margin:0 10px;}
.detail del { height: 40px; line-height: 40px; display: block; font-size: 20px; color: #333; padding-left: 10px; border-left: 1px solid #ff8848; background: url("../images/guide_bg.gif") repeat-x; margin-top: 20px; text-decoration: none; }
.detail strong{ font-weight: bold;}
.detail img{ display: block; margin: 0 auto;}

.tags{ color:#666; background-position:-44px -285px;}
.tags,.news-tag{ text-align:left; padding-left:18px;}
.tags a,.news-tag a{ color:#f60; margin-right:10px;}
.tags a:hover,.news-tag a:hover{ text-decoration:underline;}
.detail_re02 .tags{color:#999; }

.news-side { height: 40px; line-height: 40px; overflow: hidden; background: url("../images/guide_bg.gif") repeat-x; margin: 20px 10px; padding: 0 10px; }
.news-side a { color: #333; width:49%; }
.news-side a.prev { float: left; }
.news-side a.next { float: right; text-align:right; }
.news-side a span { color: #666; }
.news-side a:hover { color: #f60; }

/*xiang guan yue du*/
.related { margin:0 10px;}
.related ul { margin-right: -30px; zoom: 1; overflow: hidden; padding-top: 10px; }
.related li { float: left; margin-right: 30px; width: 350px; height: 30px; padding-left: 15px; background: url("../images/li_arrow.gif") left 10px no-repeat; line-height: 30px; overflow: hidden; border-bottom: 1px dotted #ccc; display: inline; vertical-align: middle; }
.related li a { float: left; width: 300px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; }
.related li a:hover { color: #f60; }
.related li em { float: right; width: 50px; text-align: right; color: #999; }

.ad-bottom { height: 180px; overflow: hidden; padding:20px 10px; }
.ad-bottom .abl { float: left; width: 440px; }
.ad-bottom .abr { float: right; width: 300px; }

.lbar02 .commbox{ margin:0 10px;}

.vd_new{ overflow:hidden; padding-bottom:20px; margin-right:-10px;}
.vd_new a{ width:194px; height:126px; margin:10px 8px 0 0;}
.vd_new a i{ top:40px;}

.rbar_ad{ display:block; margin-bottom:20px;}
.rbar_ad img{ display:block;}

.ad-flash-760-90{ width:760px; height:90px; margin:0 auto 20px auto;}
.ad-flash-760-160{ width:760px; height:160px; margin:20px auto;}

.article-guide { width: 720px; padding: 13px 20px; background: url("../images/guide_bg.gif") repeat; margin:20px auto; }
.article-guide .title { font-size: 18px; font-weight: normal; line-height: 34px; color: #333; }
.article-guide ul { margin-right: -20px; zoom: 1; overflow: hidden; }
.article-guide li { float: left; width: 350px; color: #f60; line-height: 26px; margin-right: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.article-guide li a { color: #666; }
.article-guide li a:hover { color: #f60; }
/*news list pag*/
.news-list{zoom: 1; margin-top:-15px; }
.news-list li { height: 130px; padding: 25px 0 25px 220px; border-bottom: 1px dotted #d8d8d8; position: relative; }
.news-img { position: absolute; top: 25px; left: 0; }
.news-img, .news-img img { width: 200px; height: 130px; display: block; }
.news-title { height: 20px; font-size: 20px; line-height: 20px; overflow: hidden; color: #333; }
.news-title:hover { color: #f60; }
.news-brief { height: 13px; line-height: 13px; font-size: 12px; padding: 13px 0 9px; }
.news-brief span { padding-left: 20px; color: #999; margin-right: 20px; }
.news-time { background-position:-44px -328px;}
.news-editor { background-position:-44px -348px; }
.news-list li p { height: 52px; line-height: 26px; color: #666; overflow: hidden; position: relative; }
.read-all { width: 60px; height: 20px; display: block; background: #333; line-height: 20px; font-size: 12px; text-align: center; color: #fff; position: absolute; bottom: 0; right: 0; }
.read-all:hover { background: #f60; color:#fff; }
.news-tag{ line-height:1; background-position:-44px -300px; color:#999; margin-top:5px;}

/*hot game*/
.hot-game2 { height: 202px; overflow: hidden; margin-bottom:20px;}
.hot-game2 ul { margin-left: -20px; zoom: 1; }
.hot-game2 li { float: left; width: 60px; margin: 20px 0 0 20px; }
.hot-game2 a { width: 60px; height: 80px; display: block; font-size: 12px; line-height: 1; color: #333; text-align: center; }
.hot-game2 a img { width: 60px; height: 60px; display: block; border-radius: 14px; margin-bottom: 8px; }
.hot-game2 a:hover { color: #f60; }

/*rbar tab*/
.rank-tab,.hot-tab { height: 39px; overflow: hidden; }
.rank-tab li,.hot-tab li{ float:left; width:150px; height:30px; line-height:30px; font-size:22px; color: #666; padding-bottom:8px; border-bottom:1px solid #d8d8d8; cursor: pointer; text-indent:3px; }
.rank-tab li.hover,.hot-tab li.hover{ color: #333; border-bottom: 1px solid #f60; }
.rank-tab li.hover .icon-wyph { background-position:0 -560px; }
.rank-tab li.hover .icon-djph { background-position:0 -600px; }
.hot-tab li.hover .icon-rmgl { background-position: 0 -720px; }
.hot-tab li.hover .icon-rmlb { background-position: 0 -760px; height:28px; }

/*热门攻略*/
.rmgl-list,.rmlb-list{ margin-top:10px;}
.rmgl-list,.rank-list,.rmlb-list{ margin-bottom:20px;}
.rmgl-list li { height: 41px; line-height: 41px; padding-left: 39px; border-bottom: 1px dotted #d8d8d8; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; }
.rmgl-list li span { width: 22px; height: 22px; display: block; font-size: 12px; line-height: 22px; text-align: center; text-align: center; background: #a8a8a8; color: #fff; position: absolute; top: 10px; left: 0; }
.rmgl-list li .front { background: #f60; }
.rmgl-list li a { color: #333; font-size: 16px; }
.rmgl-list li a:hover { color: #f60; }

/*tab > 游戏排行*/
.rank-list li { height: 42px; position: relative; padding-left: 38px; border-bottom: 1px dotted #d8d8d8; vertical-align: middle; }
.rank-list li.hover { height: 90px; }
.rank-list li span { width: 22px; height: 22px; display: block; font-size: 12px; background: #a8a8a8; line-height: 22px; text-align: center; color: #fff; position: absolute; top: 10px; left: 0; }
.rank-list li .front { background: #f60; }
.rank-list li .rank-detail { height: 70px; padding: 10px 0; overflow: hidden; display: none; }
.rank-list li.hover .rank-detail { display: block; }
.rank-img { float: left; width: 70px; height: 70px; }
.rank-img, .rank-img img { width: 70px; height: 70px; display: block; border-radius: 17px; }
.rank-info { float: left; height: 52px; line-height: 26px; padding: 9px 0; margin-left: 12px; display: inline; }
.rank-info a { font-size: 16px; color: #333; }
.rank-info a:hover { color: #f60; }
.rank-info p { color: #999; }
.download,.download:hover { float: right; width: 66px; height: 30px; display: block; background: url("../images/download.gif") no-repeat; margin: 20px 0; line-height: 30px; color: #fff; text-indent: 30px; }
.rank-list li .rank-brief { height: 42px; overflow: hidden; padding-left: 16px; background: url("../images/li_arrow.gif") left center no-repeat; }
.rank-list li.hover .rank-brief { display: none; }
.rank-brief a { float: left; font-size: 16px; line-height: 42px; color: #333; }
.rank-brief .icon-download { float: right; width: 28px; height: 28px; display: block; margin: 7px 0; background-position: 0 -540px;  }
/*tab > 热门礼包*/
.rmlb-list li { height: 41px; line-height: 41px; padding: 0 45px 0 39px; border-bottom: 1px dotted #d8d8d8; position: relative; vertical-align: middle; }
.rmlb-list li span { width: 22px; height: 22px; display: block; font-size: 12px; line-height: 22px; text-align: center; text-align: center; background: #a8a8a8; color: #fff; position: absolute; top: 10px; left: 0; }
.rmlb-list li .front { background: #f60; }
.rmlb-list li .gift-name { width: 100%; display: block; color: #333; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.rmlb-list li .icon-gift, .rmlb-list li .gift-get { width: 28px; height: 28px; display: block; text-indent: -999em; overflow: hidden; position: absolute; top: 7px; right: 10px; }
.rmlb-list li .icon-gift { background-position: 0 -570px; }
.rmlb-list li .gift-get { display: none; background-position:0 -600px; }
.rmlb-list li.hover { border: 1px solid #ffd8b6; border-left: none; margin-top: -1px; zoom: 1; }
.rmlb-list li.hover .gift-name { color: #f60; }
.rmlb-list li.hover .icon-gift { display: none; }
.rmlb-list li.hover .gift-get { display: block; }
.rmlb-detail { width: 130px; height: 110px; padding-top: 15px;position: absolute; top: -42px; left: -130px; display: none; background:url(../images/hot_gift_hover.gif) 0 0 no-repeat; }
.rmlb-list li.hover .rmlb-detail { display: block; }
.rmlb-detail img { width: 70px; height: 70px; display: block; border-radius: 17px; margin-left: 25px; }
.rmlb-detail p { width: 110px; padding: 0 5px; line-height: 30px; text-align: center; color: #999; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

/*rmli01*/
.hot-gift{ margin-bottom:20px;}
.hot-gift li { border-bottom: 1px dotted #d8d8d8; }
.hot-gift li .gift-detail { height: 70px; overflow: hidden; padding: 10px 0; display: none; }
.hot-gift li.hover .gift-detail { display: block; }
.gift-img { float: left; width: 70px; height: 70px; }
.gift-img, .gift-img img { width: 70px; height: 70px; display: block; border-radius: 17px; }
.gift-info { float: left; height: 52px; line-height: 26px; padding: 9px 0; margin-left: 12px; display: inline; }
.gift-info a { font-size: 16px; color: #333; }
.gift-info a:hover { color: #f60; }
.gift-info p { color: #999; }
.get-gift,.get-gift:hover { float: right; width: 66px; height: 30px; display: block; background: url("../images/get_gift.gif") no-repeat; margin: 20px 0; line-height: 30px; color: #fff; text-indent: 30px; }
.hot-gift li .gift-brief { position:relative; height: 42px; overflow: hidden; padding-left: 16px; background: url("../images/li_arrow.gif") left center no-repeat; }
.hot-gift li.hover .gift-brief { display: none; }
.gift-brief a { float: left; font-size: 16px; line-height: 42px; color: #333; }
.gift-brief .icon-gift { float: right; width: 28px; height: 28px; display: block; margin: 7px 0;  background-position: 0 -570px; }

/*guanzhu*/
.focus-us { height: 118px; position: relative; background: url("../images/focus_us.png") no-repeat; margin-top: 20px; }
.focus-us a { width: 40px; height: 64px; display: block; position: absolute; top: 27px; font-size: 16px; color: #666; line-height: 1; text-align: center; }
.focus-us a:hover { color: #f60; }
.focus-us a.sina { right: 106px; }
.focus-us a.weixin { right: 36px; }
.focus-us a i { width: 40px; height: 40px; display: block; margin-bottom: 8px; }
.focus-us a .icon-sina { background-position:0 -370px; }
.focus-us a .icon-weixin { background-position:0 -450px; }
.focus-us a:hover .icon-sina { background-position:0 -410px; }
.focus-us a:hover .icon-weixin { background-position:0 -490px; }

/* backtop */
#backtop{ display:block; position:fixed; bottom:230px; right:10px; width:61px; height:61px; text-indent:-9999px; cursor:pointer; overflow:hidden; background:url(../images/backtop.png) 0 0 no-repeat; z-index:5;}
#backtop:hover{ background-position:0 -70px;}