/*the common*/
body{ min-width:1000px; font-size:12px; font-family:"SimSun";}
.wrapper{ background:#081316 url(http://images.yeyou.com/2014/jiuzhou.game/cy6628/top.jpg) no-repeat center top;}
input[type="text"],input[type="password"],textarea{ color:#d4d4d4; *color:#333; font-family: "Microsoft Yahei";}
input[type="text"]:hover,input[type="password"]:hover,textarea:hover,input[type="text"]:focus,input[type="password"]:focus,textarea:focus{ color:#333}
button,input,select,textarea{ vertical-align:baseline; *vertical-align:middle; outline:none}
a:focus,a:active,a:hover{ outline:none}
.wrapper a{ color:#333}
.wrapper a:hover{ text-decoration:underline; color:#eb751d}

.gb-list1 .date{float:right}

.gb-list2{ overflow:hidden; *zoom:1; font-size:0}
.gb-list2-item{ display:inline-block; *display:inline; *zoom:1; text-align:center; vertical-align:top}
.gb-list2-con,.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-c1{ display:block}
.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:400px; height:300px; 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{ overflow:hidden; *zoom:1;}
.gb-list3-con{ float:left; overflow:hidden; *zoom:1;}
.gb-list3-c1{ float:left;}
.gb-list3-c2{ overflow:hidden; *zoom:1;}

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

.ico-arrow-b{ display:inline-block; vertical-align:middle; background:url(http://ue2.yeyoucdn.com/a/game.jiuzhou/img/icon.png) no-repeat;}
.ico-arrow-b{ width:11px; height:11px; background-position:0 0;}

.bt-star-game, .ico-video{ display:inline-block; vertical-align:middle; background:url(http://ue2.yeyoucdn.com/a/game.jiuzhou/img/sprite-png24.png) no-repeat;}

.bt-star-game{ display:block; width:221px; height:113px; background-position:0 0;}
.bt-star-game:hover{ background-position:0 -115px; _background-position:0 0;}

.ico-video{ width:43px; height:43px; background-position:0 -230px;}

.bt-more{ display:block; width:150px; height:147px; padding-top:3px; background-color:#cfb387; margin:0 auto;}
.bt-more-in{ display:block; width:144px; height:142px; border:1px solid #ddcaab; margin:0 auto; text-align:center; line-height:142px; font-size:22px; color:#fff; font-family:"Microsoft Yahei"}
.bt-more:hover{ color:#ff4800; text-decoration:none; background-color:#7d523f;}

.bt-to-top{ width:70px; height:70px; background:url(http://ue2.yeyoucdn.com/a/game.jiuzhou/img/icon.png) no-repeat 0 -150px; display:none; position:fixed; _position:absolute; top:500px; left:50%; margin-left:520px;cursor: pointer;}
.bt-to-top:hover{ background-position:0 -230px;}

.comm-tab{ height:35px;}
.comm-tab .gb-tab-item{ float:left; height:35px; width:100px;}
.comm-tab .gb-tab-c{ float:left; width:100%; height:35px; line-height:35px; font-size:14px; color:#333; font-weight:bold; text-align:center; position:relative}
.comm-tab .gb-tab-c:hover{ color:#333; text-decoration:none;}
.comm-tab .current, .comm-tab .current:hover{ color:#fff; background-color:#b90101;}
.comm-tab .gb-tab-b1{ font-size:0px; line-height:0%; width:0px;border-top:6px solid #8a755f;border-left:6px dashed transparent;border-right:6px dashed transparent; position:absolute; left:50%; top:28px; margin-left:-3px;}
.comm-tab .current .gb-tab-b1{ display:block}

.comm-tab1{ height:34px; }
.comm-tab1 .gb-tab-item{ float:left; margin-right:1px;}
.comm-tab1 .gb-tab-c{ float:left; min-width:66px; _width:66px; padding:0 5px; height:34px; line-height:34px; font-size:14px; color:#fffefe; text-align:center; background-color:#44444e;}
.comm-tab1 .gb-tab-c:hover{ color:#fffefe}
.comm-tab1 .current, .comm-tab1 .current:hover{ color:#333; background-color:#fff;}

.comm-list1{ overflow:hidden; *zoom:1;}
.comm-list1 .gb-list2-item{ display:block; float:left; width:100%;}
.comm-list1 .gb-list2-con{ position:relative; width:170px; padding:4px;}
.comm-list1 .gb-list2-con:hover{ text-decoration:none; color:#fff;}
.comm-list1 .gb-list2-c1{ position:relative; overflow:hidden; z-index:10}
.comm-list1 .gb-list2-c2{}
.comm-list1 .gb-list2-c1, .comm-list1 .avatar{ width:170px; height:96px}
.comm-list1 .txt{ height:26px; line-height:26px; padding-top:4px; font-size:12px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.comm-list1 .mask{ display:block; z-index:1; filter:alpha(opacity:25); opacity:.25}
.comm-list1 .ico-video{ position:absolute; left:50%; top:50%; margin:-22px 0 0 -22px; z-index:2;}
.comm-list1 .gb-list2-con:hover{ background-color:#eb751d}
.comm-list1 .gb-list2-con:hover .txt{ text-decoration:none; color:#fff; }
.comm-list1 .gb-list2-con:hover .mask, .comm-list1 .gb-list2-con:hover .ico-video{ display:none;}

.comm-list1-ex .gb-list2-con{ width:125px;}
.comm-list1-ex .gb-list2-c1, .comm-list1-ex .avatar{ width:125px; height:70px}

.col2 .gb-list2-item{ width:49.99%;}
.col3 .gb-list2-item{ width:33.32%;}
.col4 .gb-list2-item{ width:24.99%;}
.col5 .gb-list2-item{ width:19.99%;}
.col6 .gb-list2-item{ width:16.66%;}

.comm-pn{}
.comm-pn-hd{ height:35px; background-color:#f0f0f0; position:relative}
.comm-pn-hd .tit{ color:#beb1a1; font-size:14px; font-weight:bold; padding-left:9px; position:relative; height:38px;}
.comm-pn-hd .tit i{ display:block; width:4px; height:16px; background-color:#810c01; position:absolute; left:0; top:50%; margin-top:-8px;}
.comm-pn-hd .more{ position:absolute; right:8px; top:0; line-height:35px;}
.comm-pn-hd .more a{}
.comm-pn-hd .more a:hover{}

.comm-pn1{}
.comm-pn1-hd{ background:#23232f; height:40px; padding:0 15px 0 18px; position:relative;}
.comm-pn1-tit{ float:left; color:#89a5ca; font-size:16px; font-weight:bold; line-height:38px; padding:2px 0 0 0; font-family:"Microsoft Yahei"; margin-right:30px;}
.comm-pn1-hd .more{ position:absolute; right:10px; top:0; line-height:38px; padding:2px 0 0 0;}
.comm-pn1-hd .more a{ color:#89a5ca}
.comm-pn1-hd .more a:hover{}
.comm-pn1-hd .gb-tab{ float:left; padding-top:6px;}
.comm-pn1-bd{ background-color:#fff;}

.comm-pn2{}
.comm-pn2-hd{ height:38px; line-height:38px; border-bottom:1px solid #cfb387; position:relative; margin-bottom:8px;}
.comm-pn2-hd .tit{ color:#000; font-size:14px; font-weight:bold; padding-left:9px; position:relative; height:38px;}
.comm-pn2-hd .tit i{ display:block; width:4px; height:16px; background-color:#ffa903; position:absolute; left:0; top:50%; margin-top:-8px;}
.comm-pn2-hd .more{ position:absolute; right:0; top:0;}
.comm-pn2-hd .more a{ color:#000}
.comm-pn2-hd .more a:hover{}

.news-list{ overflow:hidden; zoom:1;}
.news-list li{ height:28px; line-height:28px; overflow:hidden; white-space:nowrap; float:left; width:100%;}
.news-list .line{ height:10px; border-bottom:1px dotted #ccc; margin-bottom:8px;}
.news-list .date{ font-size:12px; color:#999; float:right; font-family:Arial, Helvetica, sans-serif}
.news-list .tit{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-list .tit a{ padding-left:8px; background:url(http://ue2.yeyoucdn.com/a/game.jiuzhou/img/icon.png) no-repeat 1px -44px; font-size:14px; margin-right:10px;}
.news-list .tit a:hover{text-decoration:underline;}

.news-list-ex li{ height:26px; line-height:26px;}
.news-list-ex .tit a{ font-size:12px;}

/*the header*/
.header{ width:1000px; height:350px; margin:0 auto; position:relative; z-index:100; margin-bottom:20px;}

.header .logo{display:block;width:270px; height:83px; padding-top:178px; background:url(http://ue3.yeyoucdn.com/a/game.jiuzhou/img/zg-logo.png) no-repeat; line-height:1.3; color:#050505;text-align:center;font-family:"Microsoft YaHei";position:absolute; left:30px; top:20px;}
.header .logo .name{display:block; font-size:20px; font-weight:bold;}
.header .logo .site{display:block; font-size:16px;}
.header .h1logo a:hover, .header .logo:hover{ text-decoration:none;color:#050505;}

.nav-wrap{ position:absolute; left:0; bottom:0;}
.main-nav{ width:1000px; height:50px; background:#23232f;}
.main-nav .main-nav-list{}
.main-nav .main-nav-item{ float:left; position:relative; background:#23232f;}
.main-nav .main-nav-con{ float:left; height:50px; line-height:50px; min-width:99px; _width:99px; text-align:center; font-size:16px; color:#89a5ca; font-family:"Microsoft YaHei"; position:relative;}
.main-nav .main-nav-con:hover, .main-nav .sub-nav-show .main-nav-con{ text-decoration:none; color:#fff; background:#1c1c25;}
.main-nav .main-nav-con .ico-arrow-b{ position:absolute; top:20px; right:5px;}
.has-sub .main-nav-con{ padding-right:5px;}

.sub-nav-show .main-nav-con .ico-arrow-b{ background-position:-12px 0;}
.main-nav-item1 .main-nav-con, .main-nav-item1 .main-nav-con:hover{ color:#fff; background:#44444e;}

.sub-nav-list{ display:none; width:104px; position:absolute; left:0; top:50px; padding:5px 0; background:#1c1c25; background:rgba(28,28,37,0.8)}
.sub-nav-list .sub-nav-con{ display:block; height:30px; line-height:30px; font-size:14px; color:#fff; text-align:center}
.sub-nav-list .sub-nav-con:hover{ color:#fff; text-decoration:underline;}

.main-nav-channel{ position:relative; width:196px; height:50px; z-index:10}
.channel-box{ position:absolute; left:-12px; top:-43px; z-index:10}
.channel-box .bt-get-gift{ display:none;}
.hover .bt-get-gift{ display:block;}

#bdshare { position:absolute; top:10px; right:0px; padding:10px !important; }
.ssbg { zoom:1; background:#000; opacity: 0.5; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:5; _height:44px; }
#bdshare img, #bdshare .shareCount { position:relative; z-index:10; }

/*the footer*/
.footer{ color:#666; margin-top:10px;}
.global-footer{ color:#846335;}
.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active{ color:#846335;}

/*the content*/
.content{ width:1000px; margin:0 auto; min-height:500px; _height:500px;}
.content1{ background-color:#f0e3c4; width:980px; padding:10px; margin:0 auto; min-height:500px; _height:500px;}

/*the first-screen*/
.first-screen{}
.first-screen-c1{ float:left; width:370px; padding:15px; background-color:#fff; height:444px }
.first-screen-c2{ float:right; width:585px; overflow:hidden}

.focus-news{ padding:4px 0 20px 0; text-align:center}
.focus-news .top-news{ overflow:hidden; width:100%; position:relative; font:bold 20px/26px "Microsoft Yahei"; white-space:nowrap; text-overflow:ellipsis; margin-bottom:15px; text-align:center;}
.focus-news .c-link1{ color:#eb751d;}
.focus-news .c-link2{ margin:0 2px; color:#666; font-size:14px;}
.focus-news .sign-top{ display:inline-block; vertical-align:middle; margin:0 5px 3px 0; height:20px; line-height:20px; width:34px; text-align:center; color:#fff; background:#b90101; font-weight:normal; font-family:"SimSun"; font-size:12px;}

.news-pn .news-list, .notice-pn .news-list{ padding-top:15px;}

.focus-w{ overflow:hidden; width:583px;*zoom:1; height: 263px; border: 1px solid #000 ; position:relative; margin-bottom:20px;}
.focus-con{ height: 263px; overflow: hidden; *zoom:1; position:relative; }
.focus-item{ position:absolute; top:0; left:0; width: 583px; height: 263px; overflow: hidden;}
.focus-item img{width:583px; height: 263px;}
.focus-item .txt{ overflow:hidden; position:absolute; z-index:3; left:0; top:215px; width:94%; height:43px; padding:5px 5% 0 2%; white-space:nowrap}
.focus-item .txt a{ color:#fff;  font-family: 'Microsoft Yahei' ; line-height: 43px;}
.focus-item .txt a:hover{ text-decoration:none}
.focus-item .tit{ display:block;  color:#fff; font-size: 24px;}
.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:#1f0806; filter:alpha(opacity:50); opacity:.5}
.focus-num{z-index: 10; position: absolute; bottom: 10px; right: 10px; overflow:hidden; height:14px; text-align: center;}
.focus-num a{ display:inline-block; background: #515151; font-size: 0; overflow: hidden; width:13px; height:13px; margin-left:3px;  border-radius: 50%;}
.focus-num a:hover{ text-decoration:none}
.focus-num .current{  background-color:#e67905}

.type-links{ font-size:3; line-height:24px;}
.type-links .link{ font-size:12px; white-space:nowrap}
.type-links .link:hover{}
.type-links .type-links{ float:right; margin-right:20px}
.type-links .sep{font-size:12px;  margin:0 6px 0 4px; color:#ccc}

.fast-track{background:#fff;}
.fast-track .item{ overflow:hidden; *zoom:1; padding-left:55px; border-bottom:1px dotted #e4e4e4;}
.fast-track .last{ border-bottom:none;}
.fast-track .tit{}
.fast-track .tit{ background-color:#b65208; float:left; width:55px; text-align:center; line-height:60px; color:#fff; margin-left:-55px; _display:inline; font-family:"Microsoft Yahei"; font-size:14px; position:relative;}
.fast-track .tit-in{ height:60px;}
.fast-track .tit-in .ico-arrow-r{ width:0; height:0; line-height:0; font-size:0; border:5px dashed transparent; border-left-width:5px; border-left-style:solid; border-left-color:#b65208; position:absolute; right:-10px; top:50%; margin-top:-5px;}
.fast-track .con{ min-height:60px; _height:60px; background-color:#fff; width:530px; float:left;}
.fast-track .type-links{ padding:8px 0 8px 20px;}

.fast-track .hover .tit{ background-color:#eb751d}
.fast-track .hover .tit-in .ico-arrow-r{ border-left-color:#eb751d}
.fast-track .hover .con{ background-color:#f0f0f0}

/*the area*/
.area{ margin-top:20px; clear:both;}

.copy-pn{ float:left; width:400px;}
.video-pn, .info-pn{ float:right; width:585px;}

.info-pn{ margin-top:20px;}
.info-pn .comm-pn1-bd{ padding:20px 0 0 17px; background-color:#f0f0f0; position:relative; height:86px;}

.team-list{ font-size:12px; color:#333; line-height:22px; overflow:hidden; *zoom:1;}
.team-list li{ float:left; width:214px; padding-left:20px; background:url(http://ue2.yeyoucdn.com/a/game.jiuzhou/img/icon.png) no-repeat 0 -94px;}

.code-box{ position:absolute; top:1px; right:0; padding:13px 28px; background-color:#fff;}
.code-box img{ width:78px; height:78px;}

.copy-con{ padding:15px}
.video-con{ padding-bottom:7px;}

.friendly-list{ padding:20px;}

.video-pn .comm-list1 .gb-list2-item{ padding:11px 0;}


/*the subpage*/
.subpage-area{ overflow:hidden; *zoom:1;}
.subpage-area-c1{ width:689px; float:left;}
.subpage-area-c2{ width:280px; float:right;}

.subpage-area-c2 .comm-pn1{ margin-bottom:15px;}
.subpage-area-c2 .comm-list1{ padding:16px 6px 5px 6px;}
.subpage-area-c2 .comm-list1 .gb-list2-item{ padding-bottom:5px;}
.subpage-area-c2 .news-list{ padding:10px;}

.crumbs{ font-size:12px; font-family:"SimSun" font-weight:bold; color:#000; height:40px; line-height:40px; padding:0 15px; position:relative; background-color:#e4e6e7; color:#666;}
.crumbs a{ color:#666;}
/*.crumbs i{ display:block; width:4px; height:16px; background-color:#ffa903; position:absolute; left:0; top:50%; margin-top:-8px;}*/

.rank-list {color:#333;overflow:hidden; *zoom:1; padding:15px 0;}
.rank-list li{line-height:26px;overflow:hidden;*zoom:1; float:left; width:100%;}
.rank-list a{ font-size:12px; float:left; width:82%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.rank-list a:hover{}
.rank-list .date{float:right; color:#a6a6a6; font-size:14px; margin-right:4px;}
.rank-list em{ float:left; width:18px;height:18px;margin:4px 9px 0 10px; line-height:18px; text-align:center;background:#d4d4d4;color:#202020; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.rank-list .top em{background:#eb751d; color:#fff}
.rank-list .border-none{border:none;}

.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; vertical-align:top }
.pagination li a { display:inline-block; overflow:hidden; height:25px; color: #333; background-color:#fff; border:1px solid #bdbdbd; padding:0 7px; font-size: 14px; }
.pagination a.current, .pagination a:hover { text-decoration:none; background-color: #268fed; color:white; border:1px solid #268fed; }

.article-list-pn{overflow:hidden; *zoom:1;}
.article-list-box{ padding:10px 15px 20px 15px; background:#fff;}
.article-list-box .pagination{ padding:40px 0 50px 0}

.article-list{}
.article-list li{ height:24px; line-height:24px;}
.article-list .line{ overflow:hidden; height:0; margin:10px 0; font-size:0; line-height:0; border-bottom:1px dashed #c3cad1}
.article-list .date,.article-list .author{ padding:0 0 0 10px; font-family:Arial,"\5b8b\4f53"; font-size:12px; color:#9b9b9b;}
.article-list .date{ padding:0 10px 0 0}
.article-list .tit a{ font-size:14px;}
.article-list .tit a:hover{}
.article-list .date{ float:none;}
.article-list .author{ float:right;}


.footer-wb{ display:none;}