body{ background:#56cce6 url(http://img1.cache.netease.com/game/img/mhxy/bodybg.png) center repeat-y; }
.wrap{ background: url(http://img1.cache.netease.com/game/img/mhxy/footbg.jpg) 50% bottom no-repeat;  }
.inner{ background: url(http://img1.cache.netease.com/game/img/mhxy/headbg.jpg) 50% top no-repeat;  }
.tie-show .inner { background:none;}
/* header & nav */
.header{ width: 960px; margin: 0 auto; height: 230px; }
.header h1{ float: right; padding: 25px 40px 0 0; }
.nav{ width:960px; height: 52px; margin: 0 auto; padding: 10px 0 0 0;}
.nav li{ float: left; }
.mainnav{ margin: 0 0 0 15px; overflow: hidden; background: url(http://img1.cache.netease.com/game/img/mhxy/navlibg.png) left no-repeat; line-height: 1.2;  }
.mainnav li{ font-size:14px; background: url(http://img1.cache.netease.com/game/img/mhxy/navlibg.png) right no-repeat; padding: 0 13px 0 10px; }
.mainnav li a{ font-weight: bold; }
.mainnav li a:link,.mainnav li a:visited{ color: #fff; }
.mainnav li a:hover{ color: #fffc00; text-decoration: none; }
.mainnav li a.cYellow{ color:#fffc00;  }
.subnav{ float: left; display: inline; margin: 10px 0 0 45px; overflow: hidden; width: 580px; }
.subnav li{ padding-right: 24px; }
.subnav li a:link, .subnav li a:visited{ color:#fffc00; }
.nav .ad{ float: left; width: 180px; text-align: left; background: url(http://img1.cache.netease.com/game/img/mhxy/arrowr.png) left no-repeat; padding: 0 0 0 10px; margin-top: 11px; }
.nav .ad a{ color: #89fcff; }
.nav .fav{ float: left; margin-top: 10px; padding: 0 0 0 5px; line-height: 19px; }
.nav .fav a{ color: #18578e; margin-right: 12px; }
.nav .fav a:hover{ text-decoration: none; color:#BA2636; }

/* common */
.noBorder{ border: none !important; }
.contentbg1{ background: url(http://img1.cache.netease.com/game/img/mhxy/contentbg1.gif) repeat-y right;  }
.contentbg2{ background: url(http://img1.cache.netease.com/game/img/mhxy/contentbg2.gif) repeat-y right;  }
a{ color: #333; }
.content-btm{ background: url(http://img1.cache.netease.com/game/img/mhxy/contentbtm.gif) right no-repeat; height: 2px; font-size: 1px; line-height: 1px; display: block; clear: both; }
.dotline{ background:url(http://img1.cache.netease.com/game/img/mhxy/doth.png) repeat-x; height: 1px; font-size: 1px; line-height: 1px; display: block; clear: both;  }
.more{ float: right; clear: both; height: 20px; line-height: 20px; }
.more a:link,.more a:visited { color: #004649; }
.more a:hover{ color:#BA2636;  }
.list12 li {background: url(http://img1.cache.netease.com/game/img/mhxy/dot.png) 0 8px no-repeat;clear:both;line-height:21px;padding-left:9px;}
.list12 li .f14px {line-height:25px;}
.f14bla li { background:transparent url(http://img1.cache.netease.com/game/img/mhxy/dot.png) 0 10px no-repeat;clear:both;font-size:14px;line-height:25px; height: 25px; padding-left:9px;  }
.f14bla li .f12px {line-height:21px; _line-height: 25px;  }
.f14bla li .st, .f14bla li .st a, .f14bla li .st a:visited {color:#1E50A2;line-height:21px;}
.f14bla li .st a:hover {color:#BA2636;}
.f14bla li span {position:relative;_zoom:1; }

.f14blu li {background:url(http://img1.cache.netease.com/game/css09/bg_n.gif) left -498px no-repeat; font-size:14px; line-height:25px; padding-left:9px; color:#1E50A2;}
.f14blu li a {color:#1E50A2;}
.f14blu li a:hover {color:#ba2636;}
.f14blu li span {line-height:20px;}

.muti-list{ text-align: left; overflow: hidden; }
.muti-list li{ background: url(http://img1.cache.netease.com/game/img/mhxy/dot.png) 0 8px no-repeat; padding: 0 25px 0 15px; float: left; line-height: 1.7; }
.muti-list-divide li { background: url(http://img1.cache.netease.com/game/img/mhxy/divide.gif) right no-repeat; padding: 0 8px 0 7px; line-height: 2; }
.muti-list-wrap{ overflow: hidden; }
.tabs{ padding: 0 0 0 1px; height: 23px; overflow: hidden; background: url(http://img1.cache.netease.com/game/img/mhxy/tabline.gif) bottom repeat-x; }
.tabs li{ float: left; height: 23px; line-height: 23px; position: relative; margin-left: -1px;  }
.tabs li span{ background: url(http://img1.cache.netease.com/game/img/mhxy/tabbg.gif) right no-repeat;  display: block; }
.tabs li a{ height: 23px; display: inline-block; padding: 0 11px 0 10px;}
.tabs li a:link,.tabs li a:visited{ color:#004649; }
.tabs li a:hover{ color: #BA2636; text-decoration: none; }
.tabs li.last span{ background: none; }
.tabs li.active{background: url(http://img1.cache.netease.com/game/img/mhxy/tabbg.png) 100% -23px no-repeat; }
.tabs li.active span{ background: url(http://img1.cache.netease.com/game/img/mhxy/tabbg.png) 0 0 no-repeat; }
.tabs li.active a{ background: url(http://img1.cache.netease.com/game/img/mhxy/tabarrow.png) center bottom no-repeat; }
.piclist{ overflow: hidden;  }
.piclist li{ float: left; padding:0 16px 0 0; }
.piclist li .imgblock{ display: block; border: 1px solid #9ed0d2; padding: 1px; margin-bottom: 6px; }
.piclist li h3{ width: 139px; height: 28px; line-height: 14px; overflow: hidden; }

.newtopic,.hottopic {background: url(http://img1.cache.netease.com/game/img/mhxy/new.gif) no-repeat; display:block; font-size:1px; height:11px; position:absolute; right:-28px; text-align:left; top:1px; +top:4px; _top:7px; width:27px;}
.hottopic {background-image: url(http://img1.cache.netease.com/game/img/mhxy/hot.gif);}


/* layout */
.content{ padding: 0 11px 0 4px; }
.colLM{ width: 740px; float: left;overflow: hidden;  }
.colMR{ width: 640px; float: right; overflow: hidden; }
.colL{ width: 320px; float: left;  }
.colM{ width: 420px; float: left; }
.colR{ width: 220px; float: right; overflow: hidden; }
.colL .content{ padding: 0 0 0 8px; }
.colM .content{ padding: 0 13px 0 11px;}
.colR .content{ padding: 0 24px 0 11px; }
.colMR .content{ padding: 0 11px; }
.area{ width: 960px; margin: 0 auto; text-align: left; }


/* titles */
.title{ background: url(http://img1.cache.netease.com/game/img/mhxy/titlebg.png) 100% -25px no-repeat; height: 25px; line-height: 25px; }
.title a:link,.title a:visited{ color: #004649; }
.title h2{ background: url(http://img1.cache.netease.com/game/img/mhxy/titlebg.png) 0 0 no-repeat; float: left; display: block; height: 25px; padding: 0 0 0 28px; color: #004649; font-weight: bold; }
.title .right{ padding: 0 12px 0 0; }
.title-main{ background: url(http://img1.cache.netease.com/game/img/mhxy/titlemainbg.jpg) 100% 0 no-repeat; height: 50px; line-height: 50px; overflow: hidden; }
.title-main a{ color: #004649; }
.title-main h2{ float: left; display: block; height: 50px; color: #004649; overflow: hidden; }
.title-main .right{ padding: 0 12px 0 0; }
.contentbg1 .title-main{ background-image: url(http://img1.cache.netease.com/game/img/mhxy/titlemainbg1.jpg); }
.contentbg2 .title-main{ background-image: url(http://img1.cache.netease.com/game/img/mhxy/titlemainbg2.jpg); }
.title-side{ height: 31px; overflow: hidden; background: url(http://img1.cache.netease.com/game/img/mhxy/dot2px.gif) 0 90% repeat-x; }
.title-side h2{ float: left; text-align: left; line-height: 30px; color: #004649; font-weight: bold; padding: 0 0 0 3px; }
.title-side h2 a{ color: #004649; }
.title-side h2 img{ margin-right: 5px; vertical-align: middle; }
.title-side .right{ font-weight: normal; margin: 8px 0 0 0;  }
.title-side .right a{ color:#004649;  }

/* slide box */
.slidebox{ width: 308px; height: 302px; padding: 1px; background: #fff; border: 1px solid #2cb2c2; }
.slidebox-inner{ background: url(http://img1.cache.netease.com/game/img/mhxy/slidebg.gif) bottom repeat-x; padding:3px 3px 0; height: 300px; }
.slidebox-inner h3{ font-size: 14px; line-height: 25px; color: #004d54; width: 269px; font-weight: bold; text-align: left; }
.slidebox-inner h3 a:link, .slidebox-inner h3 a:visited{ color: #004d54;}
.slidebox-inner h3 a:hover{ color: #BA2636; }
.slidebox-inner img{border: 1px solid #c1f3fc;}
.slidebox-tabs { overflow: hidden; height: 57px; }
.slidebox-tabs li{ display: inline; float: left; padding:5px 0 0 0; margin-right:2px; width: 73px; height: 51px;   }
.slidebox-tabs li.last{ margin: 0; }
.slidebox-tabs li.active{ background: url(http://img1.cache.netease.com/game/img/mhxy/slidetabbg.png) top no-repeat; }
.slidebox-tabs li a{ width:71px; height: 50px; display: block; padding: 0 0 0 1px; }
.slidecont{ display: none; }
.slidecont.active{ display: block; }

/* hot point */
.hotpoint{ width: 300px; padding: 0 12px 0 0; background:url(http://img1.cache.netease.com/game/img/mhxy/dotv.gif) repeat-y right; overflow: hidden; }
.hotpoint .imgblock{ float: left; padding: 1px; border: 1px solid #9ed0d2; margin-left: 5px; display: inline; }
.hotpoint h3, .hotpoint p{ margin: 0 0 0 100px; text-align: left }
.hotpoint h3{ font-weight: bold; line-height: 1.8; }
.hotpoint p{ color: #333; line-height: 1.5; text-indent: 2em; }
.hotpoint .muti-list{ width: 400px; }
.hotpoint .muti-list li{ width: 125px; }

/* focus */
.focus{  overflow: hidden; width: 396px;  }
.focus-tabs{ height: 23px; width: 420px; overflow: hidden; line-height: 23px; background: url(http://img1.cache.netease.com/game/img/mhxy/focustabbg.png) bottom repeat-x; padding: 0 0 0 10px; }
.focus-tabs li{ float: left; margin-right: 45px; text-align: center; }
.focus-tabs li a{ width: 93px; height: 23px; display: block; }
.focus-tabs li a:link,.focus-tabs li a:visited{ color: #004649; }
.focus-tabs li.active{ font-weight: bold; background: url(http://img1.cache.netease.com/game/img/mhxy/focustab.gif) no-repeat; }
.focus-contents{ text-align: left; padding: 0 5px; width: 386px; height: 364px; overflow: hidden; }
.focus-contents h2.bigsize{ font-size: 20px; font-family: "ºÚÌå"; line-height: 24px; margin:7px 0 4px;}
.focus-contents h3{ line-height: 21px; }
.focus-content{ display: none; }
.focus-contents .focus-content.active{ display: block; }
.focus .muti-list{ width: 420px; }
.focus .muti-list li{ width: 100px;  }

/* pic lib*/
.piclib{ padding: 0 10px 0 20px; }
.piclib .piclist{ width: 1000px; }
.piclib-contents{ width: 915px; overflow: hidden; }
.piclib-content{ display: none; }
.piclib-contents .piclib-content.active{ display: block; }

/* video lib */
.videolib-content{ display: none; }
.videolib-contents .videolib-content.active{ display: block; }

/* new special*/
.newspecial{ padding: 0 0 0 7px; }
.newspecial li{ background: url(http://img1.cache.netease.com/game/img/mhxy/imgframe.png); width: 167px; height: 66px; margin-top: 9px; padding: 4px 0 0 5px;  }
.newspecial li img{  }

/* experience*/
.experience-col{ width: 50%; float: left; }
.experience-content{ display: none; }
.experience-contents .experience-content.active{ display: block; }

/* comic */
.comic .piclist{ width: 650px; }

/* game lib */
.gamelib{ width: 910px; padding: 0 0 0 35px; }
.gamelib h3{ width: 100px; line-height: 25px; float: left; font-size:14px;font-weight: bold;  }
.gamelib-list{ float: left; overflow: hidden; width: 800px; }
.gamelib ul{ width: 850px; }
.gamelib ul li{ background: url(http://img1.cache.netease.com/game/img/mhxy/plus.gif) 0 8px no-repeat; padding: 0 0 0 10px; width: 130px; }
.gamelib ul li a:link, .gamelib ul li a:visited{ color: #004649; }
.gamelib ul li a:hover{ color:#BA2636;  }

/* game info*/
.gameinfo ul{ padding: 0 0 0 40px; }
.gameinfo ul li{ background: none;  }
.gameinfo ul li strong{ color: #007579; }

/* links */
.links{ overflow: hidden; padding: 0 0 0 10px;  }
.links li{ float: left; padding: 0 0 15px 25px; }

/* footer */
.footer{  padding: 25px 0 0 0;  }
.foot .text{ border: none; margin: 0; padding: 0;  }

/* search */
.search input.txtin{ float: left; width: 131px; height: 18px; padding: 3px 0 0; line-height: 15px; border: 1px solid #209ba0; }
.search input.go{ float: left; cursor: pointer; width: 49px; height:23px; background: url(http://img1.cache.netease.com/game/img/mhxy/go.gif) no-repeat; border: none; text-indent: -9999px; }

/* colR */
.colR .sidebg490{ background: url(http://img1.cache.netease.com/game/img/mhxy/sidebg490.png) no-repeat; height: 490px; }
.colR .sidebg293{ background: url(http://img1.cache.netease.com/game/img/mhxy/sidebg293.png) no-repeat; height: 293px; }
.colR .muti-list-wrap{ width: 188px;}
.colR .muti-list{ width:200px;  }
.colR .muti-list li a:link, .colR .muti-list li a:visited{ color: #007579; }
.colR .muti-list li a:hover{ color: #BA2636; }
.colR .hotpoint{ width: 185px; background: none; padding: 0; }
.colR .hotpoint h3{ margin: 0 0 5px 5px; color: #007579;}
.colR .hotpoint h3 a:link, .colR .hotpoint h3 a:visited{ color:#007579; }
.colR .hotpoint h3 a:hover{ color: #BA2636; }
.colR .hotpoint .imgblock{ padding: 0; border-color: #bed3d0;  }
.colR .hotpoint p{ margin-left: 85px; text-indent: 0; color: #007579; }
.colR .list12 li{ background-image: url(http://img1.cache.netease.com/game/img/mhxy/dotgreen.png); }
.colR .list12 li a:link, .colR .list12 li a:visited{ color: #007579; }
.colR .list12 li a:hover{ color: #BA2636; }

/* subpage */
.subpage .colLM{ width: 640px; }
.subpage .colR{ width: 320px;  }
.subpage .colLM .content{ padding: 0 13px 0 21px; }
.subpage .colR .content{ padding: 0 11px 0 10px; }
.subpage .colR .list12 li{ background-image: url(http://img1.cache.netease.com/game/img/mhxy/dot.png); }
.subpage .colR .list12 li a:link, .subpage .colR .list12 li a:visited{ color: #333; }
.subpage .colR .list12 li a:hover{ color: #BA2636; }
.subpage .colLM .piclist li{ padding: 0 5px; }
.subpage .colR .piclist li{ padding: 0 13px; }
.subpage .colR .piclist img{ border: 1px solid #98a3a1; margin-bottom: 5px;  }
.subpage .colR .piclist h3{ width: 122px; }
.subpage .colR .hotpoint{ width: auto; }
.subpage .colR .hotpoint h3{ margin: 0 0 0 100px; color: #333;}
.subpage .colR .hotpoint h3 a:link,.subpage .colR .hotpoint h3 a:visited{ color:#333; }
.subpage .colR .hotpoint h3 a:hover{ color: #BA2636; }
.subpage .colR .hotpoint .imgblock{ padding: 1px; border-color: #bed3d0;  }
.subpage .colR .hotpoint p{ margin-left: 100px; text-indent: 2em; color: #333; }


.areabg{ background: url(http://img1.cache.netease.com/game/img/mhxy/areabg.gif) 8px 0 repeat-y; }
.areabor{ background: url(http://img1.cache.netease.com/game/img/mhxy/areabor.gif) 8px 0 no-repeat; width: 960px; margin: 0 auto; height: 1px; font-size: 1px; line-height: 1px; display: block; clear: both; overflow: hidden;  }
.blankarea .content{ padding: 0; margin: 0 10px; background: #edfafc; border: 1px solid #2cb2c2; }
.comment .content{ padding: 0 10px; }
.crumb{ padding: 0 0 0 10px; height: 30px; line-height: 30px; border-bottom: 1px solid #5ab0b4; color: #004649;}
.crumb a:link, .crumb a:visited{ color: #004649; }
.crumb a:hover{ color: #BA2636; }
.sublist{ padding: 15px 10px; }

/* pages */
.bot01 { width:360px; margin:0 auto; text-align: center; overflow: hidden;}
.bot01 li{ float:left; width:16px; height:16px; line-height:16px; border:1px solid #339ca1; 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:#C71210 url(http://img1.cache.netease.com/game/img/mhxy/btnbg.gif) repeat-x ; 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:#ceccd9; }

/* end page */
.endpage .colLM .content{ padding: 0 0 0 8px; margin:0;}
.endpage .colR .content{ margin:0;}
.endContent { border:1px solid #2CB2C2; background-color:#EDFAFC; }
.endContent {padding:12px 19px 9px; height:1%;}
.endContent h1 {font-size:24px; line-height:28px; font-weight:bold; margin:17px 0 2px; clear:both;}
.endContent .info {line-height:21px;}
.endContent .summary {text-align:justify; text-justify:inter-ideograph; background:#fff; margin:15px 0 0; padding:12px 5px 6px; line-height:23px; font-size:14px; text-indent:2em; border:1px solid #dcdddd;}

strong {font-weight:bold;}
#endText {width:592px; text-align:justify; text-justify:inter-ideograph; overflow:hidden; padding:9px 0; font-size:14px; clear:both; line-height:23px;word-wrap:break-word;}
#endText h2 { font-size:14px; }
#endText .icon { margin:3px 0 0; border:0;}
#endText img {border:1px solid #ccc;}
#endText p {font-size:14px; line-height:23px; text-indent:2em;}
#endText a,#endText a:visited {color:#1E50A2;  text-decoration:underline;}
#endText a:hover {color:#ba2636;}

.endMore {background:#fff; height:46px; line-height:44px; padding-left:20px; overflow:hidden; clear:both; }
.endMore .left {display:inline; margin-left:9px; text-decoration:underline;}
.endMore .left a {text-decoration:underline;}
.endMore .right {display:inline; margin-right:9px;}
.endMore .copyLink {background:url(http://img1.cache.netease.com/game/css09/bg_n.gif) left -364px no-repeat; padding-left:23px;}
.endMore .mail {background:url(http://img1.cache.netease.com/game/css09/bg_n.gif) -157px -364px no-repeat; padding-left:23px;}

.endPageNum{ padding:10px 12px 6px; clear:both;}
.endPageNum .s1{text-align:center;width:auto; white-space:nowrap}
.endPageNum .s2{background:#1f3a87; border:1px solid #dcdddd; color:#fff; font-weight:bold; text-align:center;}
.endPageNum a.s2:visited {color:#fff;}
.endPageNum a{padding:4px 5px 0;margin:5px 4px 0 0; color:#1E50A2;background:#fff; display:inline-table; border:1px solid #dcdddd; float:left; text-align:center;}
.endPageNum a:visited{color:#1f3a87;} 
.endPageNum a:hover{color:#fff; background:#1E50A2; border:1px solid #1E50A2;float:left;}
.endPageNum .s3{cursor:default;padding:4px 5px 0;margin:5px 4px 0 0; color:#ccc;background:#fff; display:inline-table; border:1px solid #ccc; float:left; text-align:center;}

.relativeArea {border:1px solid #2CB2C2; background-color:#F7FCFF; padding:10px 20px;}
.titleBar {height:25px; line-height:25px; margin:0 auto; clear:both; text-align:left;}
.titleBar h2 {float:left;}
.titleBar .more {float:right; display:inline; margin-right:8px;}
.ui_s1 h2 {background: url(http://img1.cache.netease.com/cnews/css09/endpage_sprites.gif) no-repeat -140px -123px; float:left; font-size:14px;padding:0 9px 0 19px; font-weight: bold;}

#tieData .inner, #tie-data .inner {background:none;}