body{ font-family:"\5b8b\4f53"; font-size:12px; background-color:#2F141F}
a:hover{ text-decoration:underline;}
#wrap{ background:#d7cfaf url(http://ue1.17173.itc.cn/images/sgzh/2012/wrapper-bottom-bg.jpg) center bottom no-repeat}
#wrap-in{ background:url(http://ue2.17173.itc.cn/images/sgzh/2012/wrapper-top-bg.jpg) center top no-repeat}

/*the gloabl css*/
.hd,.pn-hd{ overflow:hidden; *zoom:1}
.hd .tit,.pn-hd .tit{ float:left; font-size:14px; font-weight:bold}
.hd .more,.pn-hd .more{ float:right}
.bd,.pn-bd{ *zoom:1}

.gb-list1 .date{float:right}

.gb-list2{ overflow:hidden; *zoom:1; font-size:0; text-align:center}
.gb-list2-item{ display:inline-block; *display:inline; *zoom:1; vertical-align:top}
@media all and (-webkit-min-device-pixel-ratio:0){.gb-list2{letter-spacing:-4px; word-spacing:-4px}.gb-list2-item{letter-spacing:normal; word-spacing:normal}}
.gb-list2-con,.gb-list2-c1,.gb-list2-c2,.gb-list2 .txt,.gb-list2 .tit{ display:block; *zoom:1; overflow:hidden; cursor:pointer}
.gb-list2-con{ margin-left:auto; margin-right:auto}
*html .gb-list2-con:hover{ direction:ltr}
.gb-list2 .avatar,.gb-list2-c2{ font-size:12px}
.gb-list2 .txt{ width:98%; margin-left:auto; margin-right:auto; text-overflow:ellipsis}
.gb-list2 .cover,.gb-list2 .mask{ display:none; overflow:hidden; position:absolute}
.gb-list2 .cover{ z-index:2}
.gb-list2 .mask{ z-index:-1; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity:75); opacity:.75}
:root .gb-list2 .mask{ filter:none \0}
.gb-list2-con:hover{ text-decoration:none}
.gb-list2-con:hover .txt{ text-decoration:underline}

.gb-list3 .item{ float:left}
.gb-list3 .pic{ float:left}
.gb-list3 .img{ display:block; position:relative}
.gb-list3 .icon{position:absolute; display:none}
.gb-list3 .text{ overflow:hidden; zoom:1}
*html .gb-list3 .img:hover{ direction:ltr}
.gb-list3 .img:hover .icon{ display:block}

.gb-tab{ *zoom:1}
.gb-tab-b1,.gb-tab-b2{ position:absolute; display:none; overflow:hidden; cursor:pointer}

.gb-rank{ *zoom:1}
.gb-rank .item{clear:both;vertical-align:bottom}
.gb-rank .rank-c1{ float:left}
.gb-rank .rank-c2,.gb-rank .info{ overflow:hidden; *zoom:1}
.gb-rank .num{ display:inline;float:left;text-align:center}
.gb-rank .pic{display:none}
.gb-rank .info{display:none}
.gb-rank .title{ overflow:hidden}
.gb-rank .date{ float:right}
.gb-rank .title2{ overflow:hidden; width:98%; white-space:nowrap; text-overflow:ellipsis}

.gb-rank .top{overflow:hidden}
.gb-rank .top .pic{float:left; display:inline; position:relative}
.gb-rank .top .pic a{ display:block}
.gb-rank .top .info{ display:block}
.gb-rank .top .tit{ overflow:hidden}
.gb-rank .top .title{display:none}

/*the header*/
#header{ position:relative; width:970px; height:370px; margin:0 auto}
#header .logo,#header .bbs{ display:block; overflow:hidden; position:absolute; line-height:999em}
#header .logo{ bottom:150px; left:98px; width:370px; height:210px}
#header .bbs{ bottom:98px; right:23px; width:140px; height:140px}

.nav{ position:absolute; bottom:79px; left:24px; height:36px}
.nav-in,.fast-track,.org-track{ overflow:hidden; *zoom:1}
.nav-item{ overflow:hidden; float:left; height:36px}
.nav-con{ display:inline-block; padding:0 14px; font:normal 17px/36px "\5fae\8f6f\96c5\9ed1"; text-align:center; color:#feffb3}
.nav-con:hover{ text-decoration:underline}

.fast-track{ position:absolute; left:15px; bottom:0; width:775px; height:60px}
.fast-track .item{ position:relative; float:left; margin-bottom:10px; *margin-left:-1px; padding:0 10px; font-size:0; line-height:1.231; white-space:nowrap; *border-left:1px solid #B97E9D}
.fast-track .item:before{ content:"|"; display:block; position:absolute; left:-4px; font-size:12px; color:#B97E9D}
.fast-track .aline{ float:none}
.fast-track .tit,.fast-track .con{ display:inline; *zoom:1; font-size:12px}
.fast-track .tit{ color:#efa761}
.fast-track a{ color:#d5926d}
.fast-track a:hover{ text-decoration:underline}
.fast-track .sep{ margin:0 7px 0 6px; color:#d5926d}

.org-track{ position:absolute; right:10px; bottom:0; width:148px; height:115px}
.org-track .hd{ }
.org-track .tit{ overflow:hidden; height:44px; font:bold 14px/999em "\5fae\8f6f\96c5\9ed1"; color:#fff}
.org-track .bd{ font-size:0; text-align:center}
.org-track .bd a{ display:inline-block; margin-top:5px; padding:0 5px; font-size:12px; color:#d8d887; white-space:nowrap}
.org-track .bd a:hover{ text-decoration:underline}

/*the content*/
#content{ width:970px; margin:0 auto; margin-top:10px;}

.first-screen-mod1{}
.first-screen-mod1 .hd{ position:relative; height:30px; padding:0 10px 0 20px; line-height:30px; background:url(http://ue2.17173.itc.cn/images/sgzh/2012/sprite.jpg) 0 0 no-repeat}
.first-screen-mod1 .hd .tit{ color:#d9d897}
.first-screen-mod1 .bd{}

.first-screen-mod2{}
.first-screen-mod2 .hd{ height:30px; padding:0 10px 0 30px; line-height:30px; border-bottom:2px solid #9b9584;}
.first-screen-mod2 .hd .tit{ color:#333}
.first-screen-mod2 .bd{}

.first-screen-list1 li{ height:24px; line-height:24px}
.first-screen-list1 .date{ padding-right:8px; color:#8e8e8e}
.first-screen-list1 .tit{ display:inline-block; padding-left:25px; background:url(http://ue1.17173.itc.cn/images/sgzh/2012/icon.png) 0 6px no-repeat}
.first-screen-list1 .tit a{ font-size:14px; color:#52524f}
.first-screen-list1 .line{ overflow:hidden; height:0; margin:10px 0; font-size:0; line-height:0; border-top:1px dashed #aaac88}

.first-screen-list2 li{ height:22px; line-height:22px}
.first-screen-list2 .date{ padding-right:8px; color:#999}
.first-screen-list2 .tit{ display:inline-block; padding-left:10px; background:url(http://ue1.17173.itc.cn/images/sgzh/2012/icon.png) 0 -40px no-repeat}
.first-screen-list2 .tit a{ font-size:14px; color:#333}

.mod-link{ overflow:hidden; *zoom:1}
.mod-link .item{overflow:hidden; float:left; height:22px; background:url(http://ue1.17173.itc.cn/images/sgzh/2012/icon.png) 0 -90px no-repeat}
.mod-link .link{ display:inline-block; overflow:hidden; padding-left:8px; font-size:12px; color:#333; line-height:22px; white-space:nowrap}

.first-screen{ overflow:hidden; *zoom:1; padding:10px; background-color:#fff}
.first-screen-c1{ float:left; width:410px; padding:9px; border:1px solid #eeebe1}
.first-screen-c2{ float:right; width:510px}

.first-screen-c1 .focus-news{ padding:18px 9px 16px; text-align:center; border:1px solid #e7e7e7; background:#f8f8f8}
.first-screen-c1 .top-news{ overflow:hidden; width:100%; height:22px; font:bold 14px/22px "\5b8b\4f53"; white-space:nowrap; text-overflow:ellipsis; color:##C9161D;}
.first-screen-c1 .hot-news{ overflow:hidden; width:100%; margin-top:13px; font:bold 14px/22px "\5b8b\4f53"; white-space:nowrap; text-overflow:ellipsis}
.first-screen-c1 .c-link1{ color:#c9161d}
.first-screen-c1 .c-link2{ margin:0 2px; color:#999}
.first-screen-c1 .sign-top{ display:inline-block; height:19px; margin-right:5px; padding:0 6px; font:normal 12px/19px "\5b8b\4f53"; color:#fff; background:#c9161d; vertical-align:1px}

.first-screen-c1-c2{ margin:15px 0}

.first-screen-c1-c3{ border:1px solid #e7e7e7; background:#f8f8f8}
.first-screen-c1-c3 .hd{ height:33px; padding:0 9px; color:#010101; line-height:33px; border-bottom:1px solid #e7e7e7}
.first-screen-c1-c3 .hd .tit{ font-size:14px; color:#010101; font-weight:bold;}
.first-screen-c1-c3 .bd{ padding:6px 9px}

.focus-w,.focus-in{ overflow:hidden; width:510px; height:210px}
.focus-w{}
.focus-in{ position:relative}
.focus-con{}
.focus-item{ position:absolute; top:0; left:0}
.focus-item img{ width:510px; height:210px}
.focus-item .txt{ overflow:hidden; 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:16px; right:10px; height:48px}
.focus-num a{ display:inline-block; float:left; width:48px; height:48px; margin-left:1px; font:normal 30px/48px "\5fae\8f6f\96c5\9ed1"; text-align:center; color:#4a4948; background-color:#191919}
.focus-num a:hover{ text-decoration:none}
.focus-num .current{ color:#191919; background-color:#89e347}

.first-screen-c2-c2{ overflow:hidden; *zoom:1; margin-top:10px}
.first-screen-c2-pn1{ float:left; width:310px; margin-bottom:-1000px; padding-bottom:1000px; background:#f8edde}
.first-screen-c2-pn2{ float:right; width:182px; padding:0 9px; margin-bottom:-1000px; padding-bottom:1000px; background:#f0e6d7}

.mod-yxts .gb-list3{ overflow:hidden; *zoom:1}
.mod-yxts .gb-list3 .item{ overflow:hidden; width:100%; height:66px; margin-top:-1px; padding:10px 0 11px; border-top:1px solid #cbc5b0}
.mod-yxts .gb-list3 .pic{ padding:0 10px}
.mod-yxts .gb-list3 .img{ padding:2px; background:#fff; border:1px solid #9b9584}
.mod-yxts .gb-list3 .img img{ width:100px; height:60px}
.mod-yxts .gb-list3 .text{ margin-right:10px}
.mod-yxts .gb-list3 .tit{ overflow:hidden; width:98%; font-size:14px; font-weight:bold; line-height:24px; white-space:nowrap; text-overflow:ellipsis}
.mod-yxts .gb-list3 .tit a{ color:#333}
.mod-yxts .gb-list3 .text p{color:#333; line-height:22px}

.mod-jczl{ margin:5px 0 1px}
.mod-jczl .bd,.mod-yxxt .bd{ padding:9px 10px}
.mod-jczl .mod-link .item,.mod-yxxt .mod-link .item{ width:24.99%}
.mod-jczl .mod-link .link,.mod-yxxt .mod-link .link{ width:4em}

.mod-bjtj .bd{ padding:9px 0}
.mod-bjtj .mod-link .item{ width:49.99%}
.mod-bjtj .mod-link .link{ width:6em}
.mod-vote .bd{ padding:9px 0}
.vote{}
.votetitle,.votetitle a{ color:#333}
.voteitem{ overflow-y:auto; height:140px; font-size:0; color:#333}
.voteitem input{ margin-right:5px; vertical-align:middle}
.itemtitle{ display:inline-block; font-size:12px; line-height:20px; vertical-align:middle}
.vote_button{ margin-top:10px; color:#7a7a7a; text-align:center}
.vote_button input{ width:105px; height:35px; line-height:32px; color:#fff; text-align:center; border:none; cursor:pointer; background:url(http://ue2.17173.itc.cn/images/sgzh/2012/sprite.jpg) 0 -50px no-repeat}

.first-screen-pmod{ margin-top:6px}
.first-screen-pmod .gb-list2-item{ display:block; margin-bottom:5px}
.first-screen-pmod .gb-list2-con{ width:170px}
.first-screen-pmod .avatar{ width:170px; height:70px}


/*the area1*/
.area1{ padding:10px; background:#fff}

.area1 .pn-hd{ height:40px; padding:0 25px 0 50px; line-height:40px; background:url(http://ue2.17173.itc.cn/images/sgzh/2012/sprite.jpg) 0 -100px no-repeat}
.area1 .pn-hd .tit{ font-size:16px; font-weight:bold; color:#d9d897}
.area1 .pn-hd .sep{ margin:0 6px 0 4px; color:#d9d897}
.area1 .pn-hd .link{ color:#d9d897}
.area1 .pn-bd{ overflow:hidden; padding:0 8px 0 20px; border:1px solid #d4d0c4; background:#f8edde}

.area1-c1{ float:left; width:260px; margin:15px 0}
.area1-c1 .gb-list2{ width:260px}
.area1-c1 .gb-list2-item{ display:block}
.area1-c1 .gb-list2-con{ position:relative; width:260px; color:#fff}
.area1-c1 .gb-list2-c1{ position:relative; padding:4px; border:1px solid #273b4d; background:#fff}
.area1-c1 .gb-list2-c2{ position:absolute; z-index:2; bottom:5px; left:5px; width:230px; padding:5px 10px; text-align:left}
.area1-c1 .avatar{ width:250px; 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}
.area1-c1 .cover{ display:block; width:98px; height:98px; top:80px; left:50%; margin-left:-50px; _margin-top:-100px; _padding-top:100px; background:url(http://ue1.17173.itc.cn/images/sgzh/2012/cover2.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://ue1.17173.itc.cn/images/sgzh/2012/cover2.png')}
.area1-c1 .mask{ display:block; height:70px; padding:5px 10px; background:#272520}

.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:#000; border:1px solid #273b4d; background:#fff}
.area1-c2 .gb-list2-con:hover{ color:#fff; background:#740000}
.area1-c2 .gb-list2-c1{ position:relative}
.area1-c2 .cover{ display:block; left:0; top:0; width:130px; height:95px; background:url(http://ue3.17173.itc.cn/images/sgzh/2012/cover1.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='http://ue3.17173.itc.cn/images/sgzh/2012/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}

/*the area4*/
.area4{ padding:10px; background:#fff}
.area4 .pn-in{ overflow:hidden; *zoom:1}
.area4-c1{ float:left; width:470px}
.area4-c2{ float:right; width:470px}

.area4-mod .hd{ height:40px; padding:0 10px; line-height:40px; background:url(http://ue2.17173.itc.cn/images/sgzh/2012/sprite.jpg) 0 -150px no-repeat}
.area4-mod .hd .tit{ font-size:16px; color:#d9d897; padding-left:37px;}
.area4-mod .hd .sep{ margin:0 6px 0 4px; color:#d9d897}
.area4-mod .hd .link{ color:#d9d897}
.area4-mod .bd{ padding:2px 7px 10px; border:1px solid #d4d0c4; background:#f8edde}
.area4-c2 .hd{ background-position:0 -200px;}

.area4-list{}
.area4-list .gb-list2-item{ width:33.3%; padding-top:13px}
.area4-list .gb-list2-con{ width:136px; color:#272520}
.area4-list .gb-list2-c1{ padding:2px; border:1px solid #c6bca3; background:#fff}
.area4-list .gb-list2-con:hover .gb-list2-c1{ padding:0; border:3px solid #a40000}
.area4-list .avatar{ width:130px; height:98px}
.area4-list .gb-list2-c2{ padding:7px 10px 0}
.area4-list .txt{ height:40px; text-align:left; line-height:20px}

/*the area7*/
.area7{ padding-left:10px; background:#fff;}
.area7-in{ overflow:hidden; *zoom:1}
.area7-mod{ float:left; width:310px}
.area7-mod-mid{ margin:0 10px}
.area7-mod .hd{ height:35px; padding-left:15px; line-height:35px; color:#d9d897; background:url(http://ue2.17173.itc.cn/images/sgzh/2012/sprite.jpg) 0 -250px no-repeat;}
.area7-mod .bd{ padding:10px; border:1px solid #AEAA95; border-top:0; background:#f8edde;}
.area7-mod .hd .link{ color:#D9D897; padding-right:10px;}

.txt-list2 li{ height:22px; line-height:22px}
.txt-list2 .date{ color:#999}
.txt-list2 .tit{ display:inline-block; padding-left:10px; color:#333; background:url(http://ue1.17173.itc.cn/images/sgzh/2012/icon.png) 0 -40px no-repeat;}
.txt-list2 .tit a{ color:#333}

/*the area8*/
.area8{ padding:0 10px 10px 10px; background:#fff;}
.area8-in{ overflow:hidden; *zoom:1; background:#fff}
.area8-c1{ overflow:hidden; float:left; width:636px; height:250px}
.game-wiki{ width:636px; height:250px}
.area8-c2{ float:right; overflow:hidden; width:304px; height:232px;}
.area8-c2 .hd{ height:35px; padding-left:35px; margin-bottom:10px; line-height:35px; color:#d9d897; background:url(http://ue2.17173.itc.cn/images/sgzh/2012/sprite.jpg) 0 -300px no-repeat}
.area8-c2 .bd{ padding:0 5px}
.team-intro .c2{ margin-left:20px}
.team-intro .item{ line-height:24px; color:#5f3c00}
.team-intro .sep,.team-intro .arrow{ margin:0 4px}
.team-intro a{ color:#5f3c00}

.global-footer{ padding:140px 0 30px 0;}

.global-footer, .global-footer a:link, .global-footer a:visited,
.global-footer a:active ,.global-footer a:hover {
	color: #646464; 
}


/*the subpage*/
#content-2{ width:950px; padding:10px; margin:0 auto; margin-top:10px; background:#fff;}

.article{background:#fff}
.article-c1{ float:left; width:660px;}
.article-list{ padding:15px 18px 5px 18px;}
.article-list li{ height:24px; line-height:24px;}
.article-list li.line{ margin-bottom:20px; height:20px; border-bottom:1px dashed #c3cad1}
.article-list .date,.article-list .author{ padding:0 10px; font-family:Arial,"\5b8b\4f53"; font-size:12px; color:#7d7c8e;}
.article-list .tit a{ font-size:14px; color:#484767}
.article-list .tit a:hover{ color:#be1117}
.article-list .date{ float:none;}
.article-list .author{ float:right;}
.pagination{ position:relative; width: 630px; height: 25px; padding-bottom:15px; line-height: 25px}
.pagination ul{ font-size:0; text-align:center; }
.pagination li{ display: inline; margin:0 1px}
.pagination li a{color: #fff; background-color: #72809c; padding:4px 7px ;font-size: 14px;}
.pagination a.current ,.pagination a:hover{ text-decoration:none; background-color: #e3471c}
.article-c2{ float:right; width:280px; margin-top:-10px;}
.article-mod{ margin-top:10px}
.article-mod .hd{ overflow:hidden; *zoom:1; height:40px; padding:0 10px; line-height:40px; background:url(http://ue2.17173.itc.cn/images/sgzh/2012/sprite.jpg) 0 -350px no-repeat;}
.article-mod .hd .tit{ float:left; font-size:14px; font-weight:bold; color:#ffdd9c}
.article-mod .hd .more{ float:right}
.article-mod .hd a{ color:#ffdd9c}
.article-mod .bd{ border:1px solid #fd9c9c; border-top:0; background:#ffe6d8}
.article-mod .gb-list1{ padding:10px}
.article-mod .gb-list1 li{ height:23px; line-height:23px}
.article-mod .date{ color:#78787a}
.article-mod .gb-list1 .tit{ display:inline-block; padding-left:10px; background:url(http://ue1.17173.itc.cn/images/sgzh/2012/icon.png) 0 -140px no-repeat;}
.article-mod .gb-list1 a{ color:#2b2b2b}
.article-mod .gb-list2{ padding:10px 2px 0}
.article-mod .gb-list2-item{ width:49.99%; padding-bottom:6px}
.article-mod .gb-list2-con{ width:132px; color:#2b2b2b}
.article-mod .gb-list2-c1{ padding:2px; border:1px solid #464f77; background:#fff}
.article-mod .avatar{ width:126px; height:86px}
.article-mod .txt{ line-height:25px; white-space:nowrap}

.top-area{ overflow:hidden; *zoom:1; height:35px; line-height:35px}
.crumbs{ float:left; padding-left:10px; color:#5f6072; font-size:14px; clear:both;}
.crumbs a{ color:#5f6072}
.crumbs .arrow{ margin:0 8px}
.crumbs .current{ color:#b42200}
.search{ float:right; padding:6px 10px 0 0; font-size:0}
.search .label{ float:left}
.search .txt{ overflow:hidden; float:left; width:150px; height:20px; padding:0 5px; margin-right:5px; font-size:12px; color:#b1b1b1; line-height:20px; border:1px solid #afafaf}
.search .focus{ color:#333}
.search .btn{ overflow:hidden; float:left; width:39px; height:22px;background:url(http://ue2.17173.itc.cn/images/sgzh/2012/sprite.jpg) 0 -400px no-repeat; border:0; cursor:pointer;}
.main-con{border:1px solid #cecece; background:#fff; min-height:500px; _height:500px;}

.article-list-wrapper .crumbs{ float:none; padding-top:5px;}

.article-list-box{ border:1px solid #d3d3d3; margin-top:15px;}