/* @group main */
.wrap-all{ background:#FFFFFF url(http://img1.cache.netease.com/game/img/dota/bodybg.png) center repeat-y; min-width:960px; } /*** 非内容区背景颜色 ***/
.wrap-footbg{ background: url(http://img1.cache.netease.com/game/img/dota/footbg.jpg) 50% bottom no-repeat;  }
.wrap-headbg{ background: url(http://img1.cache.netease.com/game/img/dota/headbg.jpg) 50% top no-repeat;  }
.header{ width: 960px; margin: 0 auto; height: 200px; }
.header h1{ text-indent: -9999px; }
.nav{ width:960px; height: 65px; margin: 0 auto;}
.nav li{ float: left; }
.mainnav{ float: left; width: 840px; padding-top: 4px; height: 30px; line-height: 30px; overflow: visible; }
.mainnav li{ height: 30px; font-size:14px; padding: 0 15px; }
.mainnav li a:link,.mainnav li a:visited{ color: #F1FFFF; } /*** 主导航链接颜色 ***/
.mainnav li a:hover{ color: #fff; text-decoration: none; }
.subnav{ float: left; padding: 0 15px 0 5px; width:560px; }
.subnav li{ height: 27px; line-height: 27px; padding: 0 11px; background: url(http://img1.cache.netease.com/game/img/dota/sprites.png) 0 -294px no-repeat; }
.subnav li.first{ background: none;}
.subnav li a:link, .subnav li a:visited{ color:#FEC01C; } /*** 次导航链接颜色 ***/
.adlink { float: left;height: 27px; line-height: 27px; 
background: url(http://img1.cache.netease.com/game/img/dota/sprites.png) 0 -246px no-repeat; padding-left: 35px; }
.adlink li{ padding: 0 15px 0 0; }
.adlink li a:link, .adlink li a:visited{ color:#9CF1D8; } /*** HOT链接颜色 ***/
.bbslink{ float: right; padding: 17px 15px 0 0; }
.bbslink a{ text-indent: -9999px; outline: none; background:url(http://img1.cache.netease.com/game/img/dota/trans.png); width: 103px; height: 29px; display: block; }
/* @end */

/* @group layout */
.colLM{ width: 750px; float: left;overflow: hidden;  }
.colL{ width: 310px; float: left;  }
.colM{ width: 440px; float: left; }
.colR{ width: 210px; float: right; overflow: hidden; }
.colL .content{ padding: 0 10px 0 4px; }
.colM .content{ padding: 0 12px;}
.colM .title{ margin: 0 12px 9px;}
.colR .content{ padding: 0 10px 9px; margin: 0; }
.area{ width: 960px; margin: 0 auto; text-align: left; }
/* @end */

/* @group common */
.areabg{ background: url(http://img1.cache.netease.com/game/img/dota/areabg.png) 0 0 repeat-y; } 
.areatop{ background: url(http://img1.cache.netease.com/game/img/dota/areatop.png) 100% 0 no-repeat; margin: 0 auto; height: 2px; font-size: 1px; line-height: 1px; display: block; clear: both; overflow: hidden; } 
.areabot{ background: url(http://img1.cache.netease.com/game/img/dota/areabot.png) 100% 0 no-repeat; margin: 0 auto; height: 2px; font-size: 1px; line-height: 1px; display: block; clear: both; overflow: hidden;  }
.areabg0{ background-image: url(http://img1.cache.netease.com/game/img/dota/areabg0.png); }
.areabot0{ background-image: url(http://img1.cache.netease.com/game/img/dota/areabot0.png); }
.areabg1{ background-image: url(http://img1.cache.netease.com/game/img/dota/bodybg.png); }

a, a:visited{ color: #2b2b2b; } /*** 全局链接颜色 ***/
a:hover{ color: #BA2636; }
.cDRed a:visited{ color:#BA2636;}
.cBlue a:visited{ color:#1E50A2;}
.dotline{ background:url(http://img1.cache.netease.com/game/img/dota/dotline.png) repeat-x; height: 1px; font-size: 1px; line-height: 1px; display: block; clear: both; margin: 10px 0;  }
.t-center{ text-align: center;}

.list12 li {background: url(http://img1.cache.netease.com/game/img/dota/sprites.png) 0 -340px no-repeat;clear:both;line-height:21px;padding-left:9px;}
.list14{ padding: 0 5px;}
.list14 li { background: url(http://img1.cache.netease.com/game/img/dota/sprites.png) 0 -338px no-repeat;clear:both;font-size:14px;line-height:25px; height: 25px; padding-left:9px;  }
.list12 .right, .list14 .right{ font-size: 12px; color: #727171;}

h2.bigsize{ padding: 0 5px; font-size: 20px; font-family: "\9ED1\4F53"; line-height: 24px; margin:7px 0 4px;}
h3.bigsize{ padding: 0 5px; font-size: 18px; font-family: "\9ED1\4F53"; line-height: 24px; margin:0 0 6px;}
h2.bigsize a:link, h2.bigsize a:visited, h3.bigsize a:link, h3.bigsize a:visited{ color: #000;}
h2.bigsize a:hover, h3.bigsize a:hover{ color: #BA2636;}
p.digest{ color: #727171; text-indent: 2em; margin: 0 0 10px; line-height: 21px;}

.muti-list{ text-align: left; overflow: hidden; }
.muti-list li{ overflow: hidden; background: url(http://img1.cache.netease.com/game/img/dota/sprites.png) 0 -340px no-repeat; padding: 0 5px 0 8px; float: left; height: 21px; line-height: 21px;}
.muti-list-wrap{ overflow: hidden; }
.colL .muti-list-wrap{ width: 300px;}
.colL .muti-list{ width: 350px;}
.colM .muti-list-wrap{ width: 416px;}
.colR .muti-list-wrap{ width: 210px;}
.colR .muti-list li{ width: 82px;}
.colM .muti-list-wrap { width: 414px; }
.colM .muti-list { width: 450px; }
.colM .muti-list li{ width: 200px; }

.tabs{ padding: 0 0 0 15px ; height: 22px; background: url(http://img1.cache.netease.com/game/img/dota/tabbg.png) 0 21px repeat-x; }
.tabs li{ float: left; width: 63px; height: 22px; line-height: 22px; position: relative; text-align: center; padding: 0 3px 0 0;  }
.tabs li a{ height: 22px;width: 63px; background: url(http://img1.cache.netease.com/game/img/dota/tabbg.png) 0 -1px; display: inline-block;}
.tabs li a:link,.tabs li a:visited{ color:#2b2b2b; } /*** 切换标签链接颜色 ***/
.tabs li a:hover{ text-decoration: none; }
.tabs li.active a{background: url(http://img1.cache.netease.com/game/img/dota/tabbg.png) 0 -23px no-repeat; font-weight: bold; }
.title .right .tabs{background-position: 0 24px; padding-top: 3px; padding-right: 80px; float: right;}

.tabs2{ padding: 0 0 0 15px ; height: 22px; background: url(http://img1.cache.netease.com/game/img/dota/tabbg2.png) 0 21px repeat-x; }
.tabs2 li{ float: left; width: 63px; height: 22px; line-height: 22px; position: relative; text-align: center; padding: 0 3px 0 0;  }
.tabs2 li a{ height: 22px;width: 63px; background: url(http://img1.cache.netease.com/game/img/dota/tabbg2.png) 0 -1px; display: inline-block;}
.tabs2 li a:link,.tabs2 li a:visited{ color:#2b2b2b; } /*** 切换标签链接颜色 ***/
.tabs2 li a:hover{ text-decoration: none; }
.tabs2 li.active a{background: url(http://img1.cache.netease.com/game/img/dota/tabbg2.png) 0 -23px no-repeat; font-weight: bold; }
.title .right .tabs2{background-position: 0 24px; padding-top: 3px; padding-right: 80px; float: right;}

.piclist{ overflow: hidden;  }
.piclist li{ float: left; padding:3px 20px 12px 4px; width: 122px; }
.piclist li img{ border: 1px solid #707070; margin:0 0 6px 0; } /*** 图片边框颜色 ***/
.piclist li h3{ width: 122px; height: 14px; line-height: 14px; overflow: hidden; }

.more{ float: right; clear: both; height: 20px; line-height: 20px; }
/* @end */


/* @group titles */
.title{ overflow:hidden; margin-bottom: 9px; }
.title a:link,.title a:visited{ color: #FFFFFF; } /*** 中栏目条文字颜色 ***/
.title h2{float: left; display: block; width: 120px; height: 25px; font-weight: bold; }
.title .right{ padding: 0 10px 0 0; }

/*** 通栏标题 ***/
.title-main{ text-align: left; width:960px; background: url(http://img1.cache.netease.com/game/img/dota/sprites.png) 0 0 no-repeat; height: 28px; line-height: 28px; margin: 0 auto; }
.title-main a:link, .title-main a:visited{ color: #FDFDDA; }
.title-main a:hover{ color: #fff;}
.title-main h2{ width: auto; font-size: 14px; float: left; color: #FDFDDA; padding-left: 40px; }

/*** 侧栏标题 ***/
.title-side{ height: 20px; line-height: 15px; background: url(http://img1.cache.netease.com/game/img/dota/sprites.png) 0 -198px no-repeat; border-bottom: 1px solid #727171; width: 190px; margin: 0 auto 9px; }
.title-side h2{ padding: 0 0 0 12px;color: #3F0303;}/*** 右侧栏目条文字颜色 ***/
.title-side a:link,.title-side a:visited{ color: #000000; }/*** 右侧栏目条更多颜色 ***/

/*** 长标题 ***/
.title-long{ width:735px; height: 25px; line-height: 25px; background: url(http://img1.cache.netease.com/game/img/dota/sprites.png) 0 -68px no-repeat; margin-bottom: 0;}
.title-long h2{ padding: 0 0 0 45px; }

.title-long2{ width:735px; height: 25px; line-height: 25px; background: url(http://img1.cache.netease.com/game/img/dota/mebar.png) no-repeat; margin-bottom: 0;}
.title-long2 h2{ padding: 0 0 0 45px; }

/*** 短标题 ***/
.title-short{ width: 300px; height: 25px; line-height: 25px; background: url(http://img1.cache.netease.com/game/img/dota/sprites.png) 0 -133px no-repeat;}
.title-short h2{ padding: 0 0 0 35px; }

/* @end */

/* @group slidebox */
.slidebox{ width: 310px; height: 315px;  background: url(http://img1.cache.netease.com/game/img/dota/slidebg.png)  no-repeat; }
.slidebox-inner{ padding:4px 4px 0; width:302px; overflow:hidden; }
.slidebox-inner h3{ font-weight: bold; font-size: 14px; line-height: 28px; color: #fff3e0; text-align: left; }
.slidebox-inner h3 a:link, .slidebox-inner h3 a:visited{ color: #f1ffff;} /*** 头图标题颜色 ***/
.slidebox-inner img{border: 1px solid #707070;} /*** 头图图片边框 ***/
.slidebox-tabs { width:320px; overflow: hidden; height: 56px; }
.slidebox-tabs img{ border: none; }
.slidebox-tabs li{ display: inline; float: left; padding:5px 0 0 1px; margin:0 2px 0 2px; width: 71px; height: 51px; }
.slidebox-tabs li.last{ margin: 0; }
.slidebox-tabs li{ background: url(http://img1.cache.netease.com/game/img/dota/slidetabbg.png) 0 0 no-repeat; }
.slidebox-tabs li.active{ background: url(http://img1.cache.netease.com/game/img/dota/slidetabbg.png) 0 -56px no-repeat; }
.slidecont{ display: none; }
.slidecont.active{ display: block; }
/* @end */

/* @group focus */
.focus-contents{ text-align: left; overflow: hidden; }
.focus-contents h2.bigsize{ padding: 0 5px; font-size: 20px; font-family: "\9ED1\4F53"; line-height: 24px; margin:7px 0 4px;}
.focus-contents h3{ line-height: 21px; padding: 0 5px; }
.focus-contents .dotline{ margin: 12px 0;}
/* @end */

/* @group featured */
.featured{ padding: 3px 3px 0;}
.featured p{ margin: 0 0 8px 0;}
.featured p span{ display: inline-block; margin-right: 8px; padding:0 7px 0 4px; line-height: 17px; height: 17px; background:#130300 url(http://img1.cache.netease.com/game/img/dota/sprites.png) 100% -386px no-repeat; color: #fff; } /*** 热点推荐小标题背景颜色 ***/
/* @end */

/* @group piclib*/
.piclib{ width: 954px; height: 130px; padding: 15px 0 0 6px; overflow: hidden; }
.piclib ul{ width: 1020px;}
.piclib .piclist li{ width: 122px; padding:0 43px 0 0;}
.piclib .piclist li h3{ width: 122px; line-height: 18px; height: 18px;}
.piclib2{ width: 730px; height: 250px; padding: 15px 0 0 6px; overflow: hidden; }
.piclib2 ul{ width: 760px;}
.piclib2.piclist li{ width: 122px; padding:0 25px 0 0;}
.piclib2 .piclist li h3{ width: 122px; line-height: 18px; height: 18px;}
/* @end */

/* @group guide-contents */
#guide-contents .guide-content{ display: none; }
#guide-contents .guide-content.active{ display: block;}
#guide-contents .more{ margin-top: -30px; padding-right: 24px; position: relative; }

#guide-contents2 .guide-content2{ display: none; }
#guide-contents2 .guide-content2.active{ display: block;}
#guide-contents2 .more{ margin-top: -30px; padding-right: 24px; position: relative; }
/* @end */

/* @group gamelib */
.gamelib-wrap{ width: 956px; padding:0 1px 1px; margin: 0 auto; border: 1px solid #ACACAC; border-top:none;} /*** 资料区边框颜色 ***/
.gamelib{ overflow: hidden; _zoom:1; padding: 15px 0; background:#D3CBBC }/*** 资料区前景颜色 ***/
.gamelib.odd{ background: #F1F1F1;} /*** 资料区背景颜色 ***/
.gamelib h3{ width: 120px; line-height: 25px; float: left; font-size:14px;font-weight: bold; color: #400606; }
.gamelib-list{ float: left; overflow: hidden; width: 830px; }
.gamelib ul{ width: 850px; }
.gamelib ul li{ background: none; padding: 0 0 0 10px; width: 130px; }
/* @end */

/* @group links */
.links{ overflow: hidden;  width: 956px; padding:0 1px 1px; margin: 0 auto; border: 1px solid #ACACAC; border-top:none; } /*** 友情链接边框颜色 ***/
.links ul{ height: 55px; background: #f0f0f0; padding: 18px 0 0 0;} /*** 友情链接背景颜色 ***/
.links li{ float: left; padding: 0 0 15px 27px; }
.links img{ border:2px solid #bec8be; }/*** 友情链接图片边框颜色 ***/
/* @end*/

/* @group gameinfo */
.gameinfo ul{ padding: 0 0 0 30px; }
.gameinfo ul li{ background: none; color: #B0153B; padding: 0 30px 0 0;  }
.gameinfo ul li a:link, .gameinfo ul li a:visited{ color: #B0153B; }
.gameinfo ul li strong{ font-weight: normal; color: #2B2B2B; }
/* @end */

/* @group footer */
.footer{  padding: 35px 0 15px 0; height: 135px;  color: #FFFFFF;  } /*** 底部文字颜色 ***/
.footer a:link, .footer a:visited, .foot{ color: #FFFFFF; } /*** 底部链接颜色 ***/
.foot .text{ margin: 0; padding: 0;  }
/* @end */

/* @group 下级页 */
/* @group subpage common */
.subpage .colLM{ width: 660px; }
.subpage .colR{ width: 300px; }
.subpage .colLM .content{ padding: 0 15px 0 0; }
.subpage .colLM .content-inner{ border: 1px solid #ACACAC; padding: 5px 12px; } /*** 下级页内容区边框颜色 ***/
.subpage .colR .content{ padding: 0; }
.subpage .colR .piclist { padding-left: 4px; }
.subpage .colR .muti-list-wrap{ width: 300px;}
.subpage .colR .muti-list{ width: 320px; padding-left: 5px; }
.subpage .colR .muti-list li{ width: 88px; }
.subpage .colR .list12{ padding-left: 5px; }
.crumb{ padding: 0 10px; height: 27px; line-height: 27px; color: #2b2b2b; border-bottom: 1px solid #727171; margin-bottom: 15px;} /*** 面包屑底线颜色 ***/
/* @end */

/* @group pages 翻页按钮  */
.bot01 { margin: 0 auto; text-align: center; overflow: hidden;}
.bot01 ul{ float: left; overflow: hidden; }
.bot01 li{ float:left; width:16px; height:16px; line-height:16px; border:1px solid #909090; margin-left:5px; color:#5A5A5A;background:#FEFDFD; }
.bot01 a,.bot01 a:active,.bot01 a:link,.bot01 a:visited{color:#5A5A5A; display:block; height:16px;}
.bot01 .begin,.bot01 .End{width:50px;display:block;height:16px;}
.bot01 .on,.bot01 a:hover {background:#2B2B2B; color:#fff; text-decoration: none; }
.bot01 .on a:link, .bot01 .on a:visited{color:#fff; }
.bot01 .page1{width:36px;}
.bot01 .page1 input{width:30px; z-index:-1000; border:0px;}
.bot01 .page2{border:0px; }
.bot01 .dotted{border:0px; background:none;}
.bot01 .not,.bot01 span{width:54px;display:block;height:16px; color:#5A5A5A; }
/* @end */

/* @group endpage 文章页 */
.endContent{ padding: 1px 9px 9px;}
#endText { width: auto;}
.endpage .dotline{ margin: 0;}
.endplus{ margin: 6px 6px 0 ;}
/* @end */

.cDorange, .cDorange:visited, .cDorange a {color:#EC6800;}
.imgnews{ overflow: hidden; padding-bottom: 10px; }
.imgnews img{ float: left; border: 1px solid #909090; margin-right: 8px; display: inline; }
.imgnews h3, .imgnews p{ text-align: left; }
.imgnews h3{ font-weight: bold; line-height: 1.8; }
.imgnews p{ color: #3B3F45; line-height: 1.5; text-indent: 2em; margin: 0; }