.content{ width:980px; margin:0 auto}

/*comm images*/
.first-screen-c1-c2 .hd,.first-screen-c1-c2 .gb-tab-c,.first-screen-c1 .focus-news,.area2-c2 .pic-text .text .tcon,.area6 .gb-tab li a,.area7-mod .hd,.mp-tab li a,.scroll-bt .bt-ico,.jn-like  .jn .scbtn,.jn-like .link li a,.area9-mod .hd{background:url(/ue3/images/mho/index/2013/sp.png) no-repeat; }
/*first-screen*/
.first-screen{ overflow:hidden; *zoom:1;}
.first-screen-c1{ float:left; width:370px}
.first-screen-c2{ float:right; width: 590px;}

.first-screen-c1 .focus-news{ padding:10px 0; text-align:center; width:370px; height:89px; background-position:0 -60px;}
.first-screen-c1 .top-news{ overflow:hidden; width:100%; font:normal 14px/22px "\5b8b\4f53"; white-space:nowrap; text-overflow:ellipsis}
.first-screen-c1 .new{ display:inline-block; padding:0 5px; height:20px; line-height:20px; background-color:#ae0000; color:#fff; font-weight:normal}
.first-screen-c1 .c-link1{ color: #a18156; font-weight:bold}
.first-screen-c1 .c-link2{ margin:0 2px; color: #55524b;}

.first-screen-c1-c2{ margin-top:10px}
.first-screen-c1-c2 .hd{ height:29px; line-height:29px; padding:6px 0 0 10px; background-position:0 -220px}
.first-screen-c1-c2 .bd{ padding:10px 0; background-color:#12110f; margin-bottom:10px;}
.first-screen-c1-c2 .gb-tab{ float:left}
.first-screen-c1-c2 .gb-tab-item{ float:left; height:29px;}
.first-screen-c1-c2 .gb-tab-c{ display:inline-block; overflow:hidden; height:29px; width: 78px; font-size:14px; color: #261908; text-align:center; background-position:-80px -180px; margin-right:5px}
.first-screen-c1-c2 .gb-tab-c:hover{ text-decoration:none}
.first-screen-c1-c2 .current{ color:#f6dba7; background-position:0 -180px}
.first-screen-c1-c2 .more .link{ margin-right:10px; color:#635c54}

.first-screen-c1-c4 .links-w{ padding:7px 0 12px; margin-bottom:10px; text-align:center; border-bottom:1px dashed #aaac88}
.first-screen-c1-c4 .links-w .link{ margin:0 2px; color:#5f3c00}

.first-screen-c2-c1{ height:210px;}
.first-screen-c2-c1 .detail{ padding-left:14px; font-family:Arial; color:#9c9993; line-height:20px}
.first-screen-c2-c1 .detail a{ color:#917a4d}
.first-screen-c2-c1 .bt-box{ overflow:hidden; *zoom:1; height:43px; margin-top:12px}
.first-screen-c2-c1 .bt-box .bt-link{ display:block; overflow:hidden; float:left; width:139px; height:43px; margin-right:7px; line-height:20em}

.first-screen-c2-c3 .hd,.mod-link .hd{ background:url(/ue2/images/mho/index/2013/tbg.png) no-repeat left bottom}
.first-screen-c2-c2{ padding:0 8px; margin:10px 0;}
.first-screen-c2-c2 .last{ background:none}
.mod-link .hd{ height:30px; line-height:30px; padding:0 10px}
.mod-link .hd .bt{ color:#deb26d; font-size:16px; font-weight:bold}
.mod-link .item .tit{ float:left; font-size:12px; font-weight:bold; color:#492f23; padding-right:10px;}
.mod-link .item .con{ float:left; font-size:12px; white-space:nowrap}
.mod-link .item a{ color: #C7BA9D;}
.mod-link .item .sep{ margin:0 7px 0 6px; color:#2b2012}
.mod-link .item{ float:left;font-size:0; line-height:23px}
.mod-link .aline{ float:none}

.mod-link .bd{ overflow:hidden;*zoom:1; padding-top:10px;}

.first-screen-c2-c3{ }
.first-screen-c2-c3 .hd{ padding:0 10px; line-height:32px;}
.first-screen-c2-c3 .hd .tit{ color: #deb26d;}
.first-screen-c2-c3 .hd .link{ color:#635c54}
.first-screen-c2-c3 .bd{ padding:10px 8px 0}
.first-screen-c2-c3 .gb-list2-item{ width:33.3%; margin-bottom: 2px;}
.first-screen-c2-c3 .gb-list2-con{ width:166px; color:#635c57; padding:2px; background: #251c17; color:#8b704d}
.first-screen-c2-c3 .gb-list2-con:hover{ color:#f6dba7; background:#725933} 
.first-screen-c2-c3 .gb-list2-c2{ padding: 0 5px;}
.first-screen-c2-c3 .avatar{ width:166px; height:45px}
.first-screen-c2-c3 .txt{ line-height:30px; white-space:nowrap}

.focus-w,.focus-in{ overflow:hidden; width:590px; height:210px}
.focus-w{}
.focus-in{ position:relative}
.focus-con{}
.focus-item{ position:absolute; top:0; left:0}
.focus-item img{ width:100%; height:100%}
.focus-item .txt{ overflow:hidden; display: none; position:absolute; z-index:3; left:0; bottom:0; width:336px; height:70px; padding:5px 164px 0 10px; white-space:nowrap}
.focus-item .txt a{ color:#c0bcbc}
.focus-item .txt a:hover{ text-decoration:none}
.focus-item .tit{ display:block; font:normal 22px/39px "\5fae\8f6f\96c5\9ed1"; color:#fff}
.focus-item a:hover .tit{ text-decoration:underline}
.focus-item .bg{ display:block; position:absolute; z-index:-1; top:0; left:0; width:1000px; height:1000px; background:#000; filter:alpha(opacity:50); opacity:.5}
.focus-num{ overflow:hidden; position:absolute; z-index:4; bottom: 10px; right:10px; height: 21px;}
.focus-num a{ display:inline-block; float:left; width: 15px; height: 21px; margin-left:1px; font: 12px; text-align:center; color: #ac9166; background-color: #291e19;}
.focus-num a:hover{ text-decoration:none}
.focus-num .current{ color: #f6dba7; background-color: #725933;}

.content{ width:980px; margin:0 auto} 


.area1{ }
.area1 .pn-hd .link{ color:#f5f3e8}
.area1 .pn-bd{ overflow:hidden; padding:0 8px 0 20px; }
.area1-c1{ float:left; width:260px; margin:15px 0; padding:0 20px; background:url(/ue2/images/mho/index/2013/hb.png) no-repeat;}
.area1-c1 .gb-list2{ width:260px}
.area1-c1 .gb-list2-item{ display:block}
.area1-c1 .gb-list2-con{ position:relative; width:260px; color: #c4bdad;}
.area1-c1 .gb-list2-c1{ position:relative; background:#fff}
.area1-c1 .gb-list2-c2{ position:absolute; z-index:2; bottom: 0; left: 0; width: 240px; padding:5px 10px; text-align:left}
.area1-c1 .avatar{ width: 260px; height:330px}
.area1-c1 .txt{ height:70px; line-height:22px}
.area1-c1 .gb-list2-con:hover .txt{ text-decoration:none}
.area1-c1 .gb-list2-con:hover .tit{ text-decoration:underline}
.area1-c1 .tit{ font-size:16px; font-weight:bold; line-height:26px; color: #ac9166;}
.area1-c1 .cover{ display:block; width:100px; height:200px; top:0; left:50%; margin-left:-50px; _margin-top:-100px; _padding-top:100px; background:url(/ue2/images/sxsj/2012/temp-games-video.png) 0 -100px no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/ue2/images/sxsj/2012/temp-games-video.png')}
.area1-c1 .mask{ display:block; background: #000;}

.area1-c2{ float:right; width:640px; margin:6px 0}
.area1-c2 .gb-list2-item{ width:24.99%; padding:10px 0}
.area1-c2 .gb-list2-con{ width:130px; padding:2px; color: #8b704d; border: 1px solid #251c17; background: #251c17;}
.area1-c2 .gb-list2-con:hover{ color:#f6dba7; background:#725933}
.area1-c2 .gb-list2-c1{ position:relative}
.area1-c2 .cover{ display:block; left:0; top:0; width:130px; height:95px; background:url(/ue1/images/mho/index/2013/cover1.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/mho/css/images/cover1.png')}
.area1-c2 .gb-list2-con:hover .cover{ display:none; _filter:none}
.area1-c2 .avatar{ width:130px; height:95px}
.area1-c2 .gb-list2-c2{ padding:9px}
.area1-c2 .txt{ height:40px; text-align:left; line-height:20px}

/*area2*/
.area2{ overflow:hidden;*zoom:1;}
.area2 .pn-bd{ padding-top:10px;}
.area2-c1{ width:206px; float:left; margin-right:23px;}
.area2-c2{ width:206px; float:left;}
.area2-c3{ width:510px; float:right; }
.area2-c1 li{ width:206px; height:77px; position: relative; margin-bottom:10px}
.area2-c1 li .t1{ position:absolute; top:14px; right:20px; font-size: 22px; font-weight:bold; color:#997a49 }
.area2-c1 li .t2{ position:absolute; top:47px; right:20px; color:#251e19; font-size: 18px; font-weight:bold;font-family:"黑体"; line-height: 18px;}
.area2-c1 li a:hover .t1{ text-decoration:none}
.area2-c1 li a:hover .t2{ text-decoration:none}
.area2-c2{ border-right:1px solid #2b2012}
.area2-c2 .pic-text li{ overflow:hidden; *zoom:1; padding:20px 0}
.area2-c2 .pic-text .pic{ margin-right:10px;}
.area2-c2 .pic-text .img{ width:43px; height:43px; border:2px solid #2b2012}
.area2-c2 .pic-text .text .tit{ color:#ac9166; font-size:14px;} 
.area2-c2 .pic-text .text .tcon{ color:#55524b}
.area2-c2 .pic-text .text .tcon { background-position:-382px 5px; padding-left:12px}
.area2-c3 .new-list{} 
.area2-c3 .new-list li{ height:24px; line-height:24px; float:left; padding-left:25px; width:230px;} 
.area2-c3 .new-list .date{ color:#2e2c26}
.area2-c3 .new-list li .tit a{ color:#55524b}
.area2-c3 .new-list li .icon{ display:block; float:left; overflow:hidden; width:2px;  height:2px; background-color:#55524b; margin:10px 7px 0 0 }
.area2-c3 .new-list li a:hover{ color:#8b704d}
/*area3*/
.area3 .pn-bd{ padding-top:10px; height:188px;  position:relative}
.area3 .pic-list .gb-list2-item{ width:12.49%; padding-bottom:10px}
.area3 .pic-list .gb-list2-con{width:100px; color: #C7BA9D;}
.area3 .pic-list .gb-list2-c1{border:1px solid #725933;}
.area3 .pic-list .gb-list2-c2{ padding:5px}
.area3 .pic-list .txt{ white-space:nowrap}
.area3 .pic-list .avatar{ width:98px; height:54px;}
.scrollbody-wrap{ height:188px; overflow:hidden}
.area3 .pic-list{ overflow:hidden}
.scrollbar-wrap{ position:absolute; right:0; top:0;  height:100%; width:16px;}
.scrollbar{ position:relative; border:1px solid #2a1f12; height:188px; }
.scrollbar .handle {position: absolute; background:url(/ue3/images/mho/index/2013/handle.png) no-repeat;top:0;left:1px;cursor: pointer;height:31px;width:12px;}



.area4 .pn-bd{ overflow:hidden;*zoom:1}
.area4 .pn-bd .item{ overflow: hidden; *zoom:1; border-bottom:1px dashed #2b2012; padding:10px 0}
.area4 .pn-bd .item .tit{ float:left; width:100px; font-size:16px; font-weight:bold; color:#584629}
.area4 .pn-bd .item .tit .sep{ color:#584629; font-size:16px}
.area4 .pn-bd .item .con{ /*float:left;*/ font-size:12px;/* white-space:nowrap*/}
.area4 .pn-bd .item a{ color:#55524b;white-space:nowrap}
.area4 .pn-bd .item .sep{ margin:0 7px 0 6px; color:#2b2012}



/*area5*/
.area5 .pn-bd{ min-height:550px;}
.mp-tab{ margin-left: 45px; height: 34px; float: left;}
.mp-tab li{float: left; display: inline; overflow: hidden;}
.mp-tab li a{display: block;  float: left; width: 105px; height:41px;overflow: hidden; color:#6f593d;  text-align: center;
 font-size: 18px; font-weight:bold; line-height:41px;  background-position:-280px -175px}
.mp-tab li a:hover{ text-decoration: none;}
.mp-tab li .current{ background-position:-280px -175px; color:#12110f;}
.mp-tab li img{ vertical-align:middle}
.mp-tab li .ico01{background-position:-2px -548px; }

.mp-tab li .ico02{background-position:-2px -592px; }

.mp-tab li .ico03{background-position:-5px -627px; width:34px }
.mp-tab li .ico04{background-position:-7px -662px; }
.mp-tab li .ico05{background-position:-2px -699px; width: 27px; height: 33px; }
.mp-tab li .ico06{background-position:-5px -744px; }
.mp-tab li .ico07{background-position:-47px -552px; }
.mp-tab li .ico08{background-position:-50px -589px; }
.mp-tab li .ico09{background-position:-52px -629px; }

.area5-pn-con{ overflow:hidden;*zoom:1; padding:0 5px 0 18px}
.area5-bd-c1{ width:565px; float:left}
.area5-bd-c2{ width:370px; float:right; padding-top: 25px;}

.wq-info{ overflow:hidden;*zoom:1;}
.wq-info-text{ width:255px; float:left}
.wq-info-pic{ width:300px; float:right}
.wq-info-text{ padding-top:38px;}
.wq-info-text p{ color:#8b704d; line-height:22px; height:150px;}
.wq-info-text .hot{ margin-top:}
.wq-info-text .hot .tit{ height:30px; line-height:30px; color:#deb26d; font-size:14px; font-weight:bold}
.wq-info-text .hot p{ color: #C7BA9D; height:100px}

.jn-like{ margin-top:10px;}

.jn-like  .jn{ float:left; width:316px; height:97px; background:url(/ue3/images/mho/index/2013/jn.jpg) no-repeat; margin-right:15px; position:relative}
.jn-like .like{ float:left;width:230px; height:97px;background:url(/ue1/images/mho/index/2013/wq.jpg) no-repeat;  color:#3a5d74; font-size:16px; font-weight:bold; text-align:center }
.jn-like .like span{ color:#d0a767;}
.jn-like .like .js-vote-btn{ display: block;padding-top: 57px;width: 230px;height: 40px;color:#3a5d74;}
.jn-like .like .js-vote-btn:hover{ text-decoration: none;} 
.jn-like  .jn .pic{ position:absolute; top:14px;left:10px;}
.jn-like  .jn .scbtn{ position:absolute; top:52px; left:96px; width:209px; height:35px; line-height:35px; color:#9b8369; font-size:16px; font-weight:bold; background-position:0 -651px; text-align:center}
.jn-like  .jn .scbtn:hover{ background-position:-219px -651px; text-decoration:none}
.jn-like .link{ position:absolute; top:13px; left:96px;}
.jn-like .link li{ float:left;}
.jn-like .link .con{ position:relative; height:23px; float:left}
.jn-like .link .con .tip{ display:none; position:absolute; bottom: 28px; left:10px; width:168px; font-size:12px; line-height:18px; padding:0 10px; color:#55524b; background: #000; padding: 5px; border-radius: 5px;}
.jn-like .link .con .tip .icon{ background: url(/ue3/images/mho/index/2013/c-icon.png) no-repeat; height:4px; width:7px; display:block; position:absolute; bottom:-4px; left:10px;}
.jn-like .link li a{float:left; display:inline-block;_display:inline; height:26px; line-height:26px; padding:0 8px; margin-right:6px; background-position:-260px -270px; color:#8b704d}
.jn-like .link li .con .hover{ display:block}

.area5-bd-c2 .new-list li{ height:24px; padding-left:15px; line-height:24px; font-size: 14px;}
.area5-bd-c2 .new-list .date{ color:#2c2a25}
.area5-bd-c2 .new-list a{ color: #C7BA9D;}
.area5-bd-c2 .new-list .icon{ float:left; font-size:0; width:3px; height:3px; background-color:#524f48; margin:10px 5px 0 0}
.area5-bd-c2 .new-list .line{ overflow:hidden; height:0; margin:10px 0; font-size:0; line-height:0; border-bottom:1px dashed #2b2012}

.area5-bd-c2 .gb-list2-item{ width:49.99%}
.area5-bd-c2 .gb-list2-con{ width:166px; color:#55524b}
.area5-bd-c2 .gb-list2-c1{ border:3px solid #11100e }
.area5-bd-c2 .gb-list2-c2{ padding:5px 0}
.area5-bd-c2 .gb-list2-c2 .avatar{ width:160px; height:120px;}
.area5-bd-c2 .gb-list2-con:hover .gb-list2-c1{ border-color:#d69745}
.area5-bd-c2 .gb-list2-con:hover .txt{ color:#8b704d}
/*area6*/ 
.area6 .pn-bd{ padding-top:10px; min-height:414px;}
.area6 .gb-tab{ margin-left:100px; float:left }
.area6 .gb-tab li{ float:left}
.area6 .gb-tab li a{ float:left; display:inline-block; _display:inline; width:118px; height:100%; background-position:-130px -270px; text-align:center; color:#8b704d; font-size:20px; font-weight:bold } 
.area6 .gb-tab li a:hover,.area6 .gb-tab li .current{ background-position:0 -270px; color:#000; text-decoration:none} 
.area6 .pic-list .gb-list2-item{ width:19.9%; padding:10px 0}
.area6 .pic-list .gb-list2-con{width:166px; color:#513811}
.area6 .pic-list .gb-list2-c1{border:3px solid #12110f;}
.area6 .pic-list .gb-list2-c2{ padding:8px 0}
.area6 .pic-list .txt{ height:40px;}
.area6 .pic-list .avatar{ width:160px; height:120px;}
.area6 .pic-list .gb-list2-con:hover{ color:#8b704d}
.area6 .pic-list .gb-list2-con:hover .gb-list2-c1{ border-color:#df9d48;}
.area6 .more{ color:#8b704d}
.area6 .more a{ color:#8b704d}
.area6 .more .sep{ padding:0 5px;}

/*area7*/
.area7{ background:none }
.area7 .pn-in{ overflow:hidden; *zoom:1}
.area7-c1{ float:left; width: 316px; margin-right: 16px;}
.area7-c2{ float:left; width: 316px;}
.area7-c3{ float:right; width: 316px;}

.area7-mod{ background: #12110f;}
.area7-mod .hd{ height: 41px; padding-left:15px; line-height: 41px; color:#37342d; background-position:0 -320px;}
.area7-mod .hd .tit{ color: #deb26d; font-size:20px;}
.area7-mod .bd{ padding:5px 10px}

.area7-tlist li{ height:24px; line-height:24px}
.area7-tlist .date{ color: #675E4B;}
.area7-tlist .tit{ display:inline-block; padding-left:10px; color:#333; /*background:url(/mho/css/images/icon.png) no-repeat*/}
.area7-tlist .tit a{ color: #C7BA9D;8b704d}
.area7-tlist .tit a:hover{ color: #8b704d}
.area7-tlist li .icon{ display:block; float:left; overflow:hidden; width:2px;  height:2px; background-color:#55524b; margin:10px 7px 0 0 }

/*arae8*/
.area8 .pn-bd{ padding:20px 10px}
.scroll-wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; *zoom:1; }
.scroll-bt{ float:left; width:40px; margin-top:23px;}
.scroll-bt .bt-prev,.scroll-bt .bt-next{ display:block; overflow:hidden; height:40px}
.scroll-bt .bt-ico{ display:block; overflow:hidden; width:40px; height:40px;  cursor:pointer}
.scroll-bt .bt-prev .bt-ico{ background-position:0 -370px}
.scroll-bt .bt-prev:hover .bt-ico{}
.scroll-bt .bt-next .bt-ico{ background-position:-50px -370px}
.scroll-bt .bt-next:hover .bt-ico{}
.scroll-bt .disabled{ visibility:hidden}
.scroll-box{ overflow:hidden; position:relative; float:left; width: 860px; height:125px; margin:0 10px; display:inline;}
.scroll-con{ position:absolute; clear:both; width:200000px}
.img-list{ float:left; width: 860px;}
.img-list li{ float:left; padding: 0 3px;}
.img-list li a{ display:block; color:#524f48; text-align:center;} 
.img-list li img{ display:block; width:130px; height:90px;border: 3px solid #12110f; }
.img-list li a:hover{  color:#8b704d}
.img-list li .text{ padding:5px; text-align:center}
.img-list li a:hover img{border-color:#df9d48;}


/*area9*/
.area9{ padding:10px; background:#12110f}
.area9 .pn-in{ overflow:hidden; *zoom:1}

.area9-c1{ overflow:hidden; float:left; width:636px; height:250px}
.game-wiki{ width:636px; height:250px}

.area9-c2{ float:right; overflow:hidden; width:304px; height:250px}
.area9-mod .hd{ height:35px; padding-left:15px; margin-bottom:10px; line-height:35px; color:#deb26d; font-size:16px; background-position:0 -690px;}
.area9-mod .bd{ padding:0 5px}
.team-intro .c2{ margin-left:20px}
.team-intro .item{ line-height:24px; color: #C7BA9D;}
.team-intro .sep,.team-intro .arrow{ margin:0 4px}
.team-intro a{ color:#8b704d}