body { background: #fff; }
/*.zq-wrap { background: url(/ue1/a/qn/index/2016/img/wrapper.jpg) no-repeat center -1px; }*/
.zq-wrap { }
.global-footer {background-color: #202326; padding: 30px 0; color: #bbb;}
.global-footer a:link, .global-footer a:visited, .global-footer a:hover, .global-footer a:active{ color:#bbb;}

.pn-hd, .hd, .row, .comm-plist, .comm-plist1, .fs-list-txt1 { *zoom: 1; }
.pn-hd:before, .hd:before, .row:before, .comm-plist:before, .comm-plist1:before, .fs-list-txt1:before { content: ' '; display: table; }
.pn-hd:after, .hd:after, .row:after, .comm-plist:after, .comm-plist1:after, .fs-list-txt1:after { content: ' '; display: table; clear: both; }

.pn-hd .tit, .hd .tit { float: left; font-weight: bold; }
.pn-hd .tab, .hd .tab { float: left; }
.pn-hd .more, .hd .more { float: right; padding-right: 10px; text-align: right; }

.comm-list, .rank, .comm-list1, .fs-list-pic, .panel19-list-pic { *zoom: 1; }
.comm-list .list-item, .rank .list-item, .comm-list1 .list-item, .fs-list-pic .list-item, .panel19-list-pic .list-item { *overflow: hidden; *float: left; *width: 100%; }

.comm-plist .art-item-pt .avatar, .comm-plist1 .art-item-pt .avatar { padding: 1px; }
.comm-plist .art-item-pt:hover .avatar, .comm-plist1 .art-item-pt:hover .avatar { padding: 0; border: 1px solid black; }

body { min-width: 1000px; }

.zq-wrap { font-family: 'SimSun'; font-size: 12px; line-height: 1.84; color: #333333; }

.zq-w-container { width: 1000px; margin-left: auto; margin-right: auto;}

.content-in { *zoom: 1; padding-top:20px; background-color: #fff;  width:1000px; overflow: hidden;}
.content-in-ex { *zoom: 1; padding-top: 15px; background-color: white;  width:998px; border: 1px solid #dadada;}
img { vertical-align: middle; }

a:hover { text-decoration: underline; _direction: ltr; }

.c-tx, a.c-tx:hover { color: #333333; }

.c-tx1, a.c-tx1:hover { color: white; }

.c-tx2, a.c-tx2:hover { color: #b9472f; }

.c-tx3, a.c-tx3:hover { color: #999999; }

.c-tx4, a.c-tx4:hover { color: red; }

.c-tx5, a.c-tx5:hover { color: #b9472f; }

.arrow-down { display: inline-block; overflow: hidden; width: 0; height: 0; border-top-width: 5px; border-top-style: solid; border-right: 5px dashed transparent; border-bottom: 5px dashed transparent; border-left: 5px dashed transparent; }

.mask { overflow: hidden; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; *height: 200px; background: #000; filter: alpha(opacity=50); opacity: .5; }

:root .mask { -webkit-filter: none \0; filter: none \0; }

.ico { display: inline-block; overflow: hidden; vertical-align: middle; background: url(#) no-repeat; }

.ico-hot, .ico-new { position: relative; top: -8px; *top: 0; width: 14px; height: 16px; margin-left: 2px; *margin-bottom: 12px; }

.ico-hot { background-position: 0 0; }

.ico-new { background-position: -15px 0; }

.ico-play { display: inline-block; width: 45px; height: 45px; background: url(/ue2/a/lib/zhuanqu/v2/img/ico-play.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ue2/a/lib/zhuanqu/v2/img/ico-play.png',enabled=true,sizingMethod=scale); }

@font-face { font-family: 'ico-font'; src: url("#"); src: url("#") format("embedded-opentype"), url(/ue/a/qn/index/2016/css/data:application/font-woff;base64,d09grk9uve8aaaruaasaaaaabgaaaqaaaaaaaaaaaaaaaaaaaaaaaaaaaabdrkygaaabcaaaatsaaafomumv+ezgve0aaajeaaaagqaaabxuypa/r0rfrgaaamaaaaadaaaaiaawaarpuy8yaaacgaaaaecaaabgt5xcowntyxaaaaliaaaaqqaaau4cbqk/agvhzaaaawwaaaavaaaangcrelnoagvhaaadpaaaab0aaaaka4gca2htdhgaaancaaaacgaaaaoevgbibwf4caaaa2gaaaagaaaabgaduabuyw1laaadcaaaanmaaaf3bsrnkhbvc3qaaareaaaaeaaaacaaawabejw9zl1kw1aygohvpelzaepvykqxjfcgdfyuvmwnqj1eepwkyrtuamkzfgkgxyekzekggxfrqmd2dejk1c5scpagticdvvx5p3d6cigieejo66a9d2ffaxgawhg+k+rakd8whwpbpyskqfdg57z+ifg/ivz2mpv5oarbz00dwnegu6eb1yhzb+gbobd2y/7pqxsoqokqof9s41sfao/fqcfdoy3jvodhoy1zzyhcuc+cnl5e/fkt2rlje4noo+xe9xodt+xe8x296jqdz3mmxi1o1ma75ayybasidfw6318spj8pxhx0xdposk77ge8breuhxfnjhl3mmnzfftojuds8pquvxxctxe6nk8ksp5fjq/c01rwocdacugugjjkc2zmdmwhzto3mymrsgwajfrhtoopk5qs0yn85ahicy2bgygqagvnxx36b6a3ph8foagbfcykaaab4ngngzgbg4anicqyqygjgbeiqyqlmmqaabgaanqaaahicy2bmymccwmdkwmhow5jgwmdgdqw/mkgytdawmdgwcjlaacmdeghic01hcgdqytbmfpd/ayme44r/21dukaahiwdx/wt4ahicy2bgygaaybkgrgyq8adygmf8fgydim0gpbkzmias7f/wsq0odrifqsqm4fyjgwmuaoiauzekx1caadqdqutaaaaejxjygrgyadimf/f6hh+m68m3ewmihb+6/nhcdqmwytxi+mkijedaswnadirc5kaejxjygrgyfzbwmcgx8qaaowbgrgzuaetaccxazaaaaacaaaaagaaygbwaaaaafaaaamaahicdy49asnaeiu/tkeb+mqpfxcwglj2cpcbx/bvthckmuuyca3cjsuzy6ra+qivo2f5glsaghyb968+qge+cjiebepli1jepxxwisfxqk838yzc36nz9kvckbpo5tf2dvwrmqlcci7b8appbfjjgd+jgfs/+g4emjx7pme7hbyvxdypvjwds95/huotlq3pqduv1h8n3hx1sobrs1xxupdgj9vq39sxv2ubunsk2idn3ldvvjmhbptyp6t6smhtgoh5eza/tqf76qinoy9ad6qm5waejxjygzabowmaaaaai4abq) format("woff"), url("#") format("truetype"), url("#") format("svg"); }
.ico-font { font-family: 'ico-font'; font-weight: normal !important; font-style: normal !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; cursor: pointer; }

.hd .tit, .hd .tab { font-size: 116.7%; }

.pn-bd, .bd { *zoom: 1; }

.row { padding-left: 7.5px; padding-right: 7.5px;}
.row .row { padding-left: 0; padding-right: 0; }

.col { float: left; }

.col-in { margin-left: 7.5px; margin-right: 7.5px; }

.col-100 { float: none; }

.col-20 { width: 19.98%; }

.col-30 { width: 29.98%; }

.col-40 { width: 39.98%; }

.col-33 { width: 33.33%; }

.col-50 { width: 49.98%; }

.col-60 { width: 59.98%; }

.col-66 { width: 66.66%; }

.col-70 { width: 69.98%; }

.col-80 { width: 79.98%; }

.tab .arrow-down { display: none; }
.tab .sep { overflow: hidden; position: absolute; left: -1px; top: 50%; width: 0; }
.tab .current { z-index: 10; }
.tab .current .arrow-down { display: block; position: absolute; left: 50%; bottom: -9px; margin-left: -5px; }
.tab .tab-item:first-child .sep, .tab .first .sep, .tab .current .sep { border-left-width: 0; }

.tab-item { float: left; }

.tab-con { display: block; text-align: center; }
.tab-con:hover { text-decoration: none; }

.art-item { overflow: hidden; }
.art-item .avatar { display: block; }
.art-item .avatar img { display: block; width: 100%; }
.art-item .mask { cursor: pointer; }
.art-item .cover { overflow: hidden; position: absolute; z-index: 2; cursor: pointer; }

.art-item-pt { display: block; }
.art-item-pt .txt, .art-item-pt .tit { display: block; cursor: pointer; }
.art-item-pt:hover { text-decoration: none; }
.art-item-pt:hover .tit { text-decoration: underline; }

.comm-list .art-item-c1, .rank .art-item-c1 { float: right; margin-left: 10px; }
.comm-list .art-item-c2, .rank .art-item-c2 { overflow: hidden; *zoom: 1; }
.comm-list .tit, .rank .tit { width: 99.5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.comm-list1 .art-item-c1 { float: left; margin-right: 10px; }
.comm-list1 .art-item-c2 { overflow: hidden; *zoom: 1; }
.comm-list1 .tit { width: 99.5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.comm-plist .art-item { margin-left: auto; margin-right: auto; }

.comm-plist1 .art-item { margin-left: auto; margin-right: auto; }
.comm-plist1 .tit { width: 99.5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: auto; margin-right: auto; text-align: center; }


.comm-vlist .art-item { margin-left: auto; margin-right: auto; }
.comm-vlist .avatar { overflow: hidden; position: relative; *zoom: 1; }
.comm-vlist .cover { top: 50%; left: 50%; margin: -22px 0 0 -22px; }
.comm-vlist .mask { z-index: 5; }
.comm-vlist .art-item-pt:hover .mask,.comm-vlist .art-item-pt:hover .cover { display: none; *display: block; *filter: alpha(opacity=0); }
.rank-c1 { float: left; margin-right: 10px; }
.rank-c1 .num { display: inline-block; overflow: hidden; width: 1.3em; height: 1.3em; line-height: 1.3em; color: white; text-align: center; background-color: #999999; }
.rank-c1 .num-top { background-color: #b91519; }

.rank-c2 { overflow: hidden; *zoom: 1; }

.tab-panel { position: absolute; bottom: 0; *bottom: -1px}
.tab-panel .tab-item { position: relative; }
.tab-panel .tab-con { color: white; background-color: #4e89d2; }
.tab-panel .sep {height:14px; margin-top: -7px; width: 1px; background:#6ea5eb;}
.tab-panel .current .tab-con { color: #fff; background-color: #2c4180; }


.comm-pn{margin:0 auto 20px; padding: 0 15px; overflow: hidden; *zoom:1;}
.comm-pn .pn-hd { position: relative; line-height:45px; color: white; background:url(/ue2/a/qn/index/2016/img/bg-hd.png) no-repeat; overflow: hidden; }
.comm-pn .pn-hd .tit { padding-left:50px; font-size: 18px; font-family:"MicroSoft YaHei" }
.comm-pn .tab-panel { left: 17em; line-height: 38.4px; }
.comm-pn .tab-panel .tab-con { padding: 0 1.2em; font-size: 116.7%; }

.pn-s1 .pn-hd { width: 100%; padding-right: 15px; margin-right: -15px; }
.pn-s1 .pn-hd .tit { font-size: 133.3%; }
.pn-s1 .pn-hd .more { margin-right: -15px; _margin-right: -5px; }

.pn-s2 .pn-hd { border-left: 1px solid #4f5562; }
.pn-s2 .pn-hd .tit { font-size: 116.7%; }
.pn-s2 .tab-panel { left: auto; right: 7.5px; line-height: 30px; }
.pn-s2 .tab-panel .tab-con { padding: 0 .7em; font-size: 100%; }

.pn-s3 .pn-hd { margin: 0 7.5px; }
.pn-s3 .pn-hd .tit { font-size: 133.3%; }

.comm-mod .hd { line-height: 45px;  background: url(/ue3/a/qn/index/2016/img/bg-hd.png) no-repeat; padding-left: 50px}
.comm-mod .hd .tit { position: relative; padding: 0 5px; font-size: 14px; font-weight: bold;  color: #fff}
.comm-mod .hd .more{ color: #fff}
.comm-mod .hd .tit1{font-size: 116.7%; font-weight: bold;}
.comm-mod-ex2 .hd .tit{ font-size: 18px} 

.header-in { position: relative; z-index: 410; height:550px; }

.header-c1 { position: absolute; top:257px; left: 0; width: 100%; }

.logo-box { position: absolute; left:240px; top:50px; }
.logo-box .logo { display: block; text-align: center; }
.logo-box .logo:hover { text-decoration: none; }
.logo-box .game-logo{margin-bottom: 10px; display: block;}
.logo-box .game-name { display: block; font: normal 183.3%/1.5 "MicroSoft YaHei","SimHei"; color: #000; }
.logo-box .game-url { display: block; font: normal 133.3%/1.5 "MicroSoft YaHei","SimHei"; color: #000; }

.nav-list .active .nav-con, .nav-list .current .nav-con, .nav-con:hover, .nav-item:hover .nav-con { color: white; background-color: #b43b3b; }

.nav-list .active .nav-ico-drop, .nav-list .current .nav-ico-drop, .nav-item:hover .nav-ico-drop, .nav-con:hover .nav-ico-drop { color: #3eeee4; }

.nav-list .first .nav-sub, .nav-item:first-child .nav-sub { margin-left: 0; }
.nav-list .first .nav-con, .nav-item:first-child .nav-con { border-left: 0; }

.nav { position: relative; z-index: 5; padding-right: 220px; background-color: #405d91;  }

.nav-list { display: table; width: 100%; height: 40px; }
.nav-list .active .nav-sub-list { display: block; }
.nav-list a:hover { text-decoration: none; }

.nav-item { display: table-cell; *float: left; position: relative; }
.nav-item:hover .nav-sub-list { display: block; }

.nav-con { display: block; *display: inline; *zoom: 1; overflow: hidden; min-width: 3em; height: 40px; *padding: 0 1em; *min-width: 0; font: normal 150%/40px "MicroSoft YaHei"; color: #fff; text-align: center; border-left: 1px solid #5475af;}
.nav-con:hover{background: #b43b3b;}

.nav-con .nav-ico-drop {position: absolute; width: 11px; height: 11px; top: 15px; right:20px; background: url(/ue2/a/qn/index/2016/img/sprite.png) no-repeat 0 0; overflow: hidden;}
.nav-item:hover .nav-ico-drop{background-position:-15px 0; }
.has-sub .nav-con{padding-right:20px; *padding: 0 2.2em 0 1em;}
.nav-sub { position: relative; margin-left: 1px; }

.nav-sub-list {display: none; position: absolute; width: 100%; *zoom: 1; background-color: #b43b3b; }
.nav-sub-list .item { *float: left; *width: 100%; }
.nav-sub-list .con { display: block; padding: 1px 0 1px 20%; line-height: 25px; color: #fff; }
.nav-sub-list .con:hover { padding: 0 0 0 20%; color: white; border-top: 1px solid #d45c5c; border-bottom: 1px solid #d45c5c; }


.header-quick-start { overflow: hidden; position: relative; z-index: 2; height: 73px; padding-top: 12px; padding-right: 220px; }
.header-quick-start .item { float: left; padding: 0 15px; line-height: 30px; color: #e0dae8; white-space: nowrap; }
.header-quick-start .tit { font-weight: bold; color: #ddbf16; }
.header-quick-start .con { color: #fff; }
.header-quick-start .bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 85px; background-color: #0c131f; filter: alpha(opacity=90); opacity:0.9; }

.header-c2 .search-box .active .txt-search, .header-c2 .search-con:hover .txt-search { color: #ccc; }
.header-c2 .search-box .active .nav-ico-search, .header-c2 .search-con:hover .nav-ico-search { color: #019f91;}

.header-c2 { position: absolute; z-index: 10; top:257px; right: 0; width: 220px; height: 125px; background-color: #c09c6f; }
.header-c2 .link-box { overflow: hidden; *zoom: 1; margin-bottom: 15px; border-bottom: 1px solid #73200d; background-color: #c09c6f; }
.header-c2 .link-box .con { float: left; width: 49.9%; margin-left: -1px; font: normal 150%/40px "MicroSoft YaHei"; color: #fff; text-align: center; border-left: 1px solid #73200d; }
.header-c2 .link-box .con:hover { color: white; text-decoration: none; background-color: #905134; }
.header-c2 .link-box1 { margin: 0 20px 8px; color: #fff; }
.header-c2 .link-box1 .con { color: #fff; }
.header-c2 .search-box { margin: 0 20px; }
.header-c2 .search-con { position: relative; overflow: hidden; height: 24px; padding: 0 28px 0 8px; background-color: #8b7150; border-radius: 2px; }
.header-c2 .txt-search { *position: relative; *top: -1px; width: 100%; height: 24px; line-height: 24px; margin: 0; padding: 0; color: #e2d3bd; border: 0; background: none; }
.header-c2 .txt-search:focus { color: white; }
.header-c2 .btn-search { overflow: hidden; position: absolute; top: 0; right: 0; width: 26px; height: 24px; text-align: center; }
.header-c2 .btn-search .btn { position: absolute; width: 24px; height: 24px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.header-c2 .nav-ico-search { width:16px; height: 16px; background: url(/ue1/a/qn/index/2016/img/sprite.png) no-repeat 0 -17px; position: absolute; top:4px; right: 5px;}
.header-c2 .search-con:hover .nav-ico-search{background-position: -18px -17px;}
.header-c2 .shadow { position: absolute; left: -6px; top: 0; width: 6px; height: 125px; background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.6)); background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(45%, rgba(0, 0, 0, 0.1)), to(black)); background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1) 45%, black); background-image: linear-gradient(left, transparent, rgba(0, 0, 0, 0.1) 45%, black); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,startColorStr='#00000000',endColorStr='#55000000'); }

.hot-box{ height: 168px; position: absolute; left: 0; width: 100%; bottom: 0; background: #2e3540}
.hot-box .box-in{ padding: 25px 5px 0 83px; position: relative; *zoom:1;}
.hot-box .box-hd{ position: absolute; left: 25px; top:25px; width:18px; padding: 11px 15px 0; height: 102px; background: url(/ue3/a/qn/index/2016/img/s1.png) -220px 0 no-repeat;}
.hot-box .box-hd .tit{ text-align: center; color: #c09c6f; font-size: 16px; line-height: 18px; }
.hot-box .box-hd .ico-hot2{ display: inline-block; vertical-align: middle; overflow: hidden; background: url(/ue2/a/qn/index/2016/img/s1.png) 0 -105px no-repeat; width:13px; height: 16px; margin-bottom: 3px}

.firstscreen{ padding-bottom:40px}
.firstscreen .col-40{ width: 39.08%}
.firstscreen .col-60{ width: 60.88%}
.firstscreen .vote { height: 225.6px; overflow-y: auto; }
.firstscreen .vote-tit a { color: #333333; }
.firstscreen .vote-item-txt { color: #333333; }
.firstscreen .bt-vote-submit { color: white; background-color: #b91519; border-color: #b91519; }
.firstscreen .vote-link, .firstscreen .vote-link:hover { color: #333333; }
.firstscreen .vote-link-box { display: none; }

.fs-mod-topnews { text-align: center;}
.fs-mod-topnews .tit a { display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 133.3%; font-weight: bold; }
.fs-mod-topnews .links { padding-bottom: 8px; }
.fs-mod-topnews .sign-top{ display:inline-block; height:19px; margin-right:5px; padding:0 6px; font:normal 12px/19px "\5b8b\4f53"; color:#fff; background:#8f250d; vertical-align:2px;}

.mod-focus { overflow: hidden; position: relative; margin-bottom: 20px; height: 195px; background-color: #000; }
.mod-focus a { display: block; }
.mod-focus a:hover { text-decoration: none; }

.mod-focus .focus-con { position: relative; }

.mod-focus .focus-item { position: absolute; width: 100%; }
.mod-focus .focus-item img { width: 100%; height: 195px }
.mod-focus .focus-item .txt { position: absolute; z-index: 4; left: 0; bottom: 0; width: 100%; height: 75px; }
.mod-focus .focus-item .txt a:hover .tit { text-decoration: underline; }
.mod-focus .focus-item .tit, .mod-focus .focus-item .detail { display: block; width: 65%; margin-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; }
.mod-focus .focus-item .tit { margin-top: 10px; font: normal 20px/1.75 'MicroSoft YaHei'; }

.mod-focus .focus-nav { position: absolute; z-index: 5; right: 15px; bottom: 15px; }
.mod-focus .focus-nav a { float: left; width: 45px; height: 45px; margin-right: 1px; font: normal 24px/45px 'MicroSoft YaHei'; text-align: center; color: #4a4948; background-color: #191919; }
.mod-focus .focus-nav a:hover { text-decoration: none; }
.mod-focus .focus-nav .current { color: #ddd; background-color: #b43b3b; }

.fs-comm-mod .hd, .fs-mod-news1 .hd { height: 36px; padding-left: 10px; line-height: 36px; }

.fs-comm-mod .hd { background-color: #f0eeec; }
.fs-comm-mod .tit { color: #333; }

.fs-comm-mod1 { margin-bottom: 15px; }
.fs-comm-mod1 .hd { padding: 5px 0 3px; margin-bottom: 10px; border-bottom: 1px solid #c6c6c6; }

.fs-mod-news { margin-top:5px; }
.fs-mod-news h3.tit { display: none; }

.fs-mod-news1 { margin-top: 15px; }
.fs-mod-news1 .hd { margin-bottom: 10px; background-color: #f4f4f4; }
.fs-mod-news1 .hd .tit{ color:#000;}
.fs-mod-news1 .hd .more a{color: #000;}

.fs-list-txt{ margin-top: 5px;}
.fs-list-txt .list-item { line-height: 24px; }
.fs-list-txt .sep { padding-bottom: 32px;}
.fs-list-txt .tit { font-size: 116.7%; }

.fs-list-txt1 .list-item { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; }

.fs-mod-ts .hd { position: relative; margin-bottom: -7px; }

.fs-list-ts { margin: 0 10px; }
.fs-list-ts .list-item { margin-top: 6px; padding-top: 6px; border-top: 1px dashed #c6c6c6; }
.fs-list-ts .art-item-c1 { width: 80px; padding: 4px 0; }
.fs-list-ts .tit { font-weight: bold; }

.fs-mod-ginfo { margin-top: 15px; }
.fs-mod-ginfo .hd { margin-bottom: 5px; }
.fs-mod-ginfo .fs-list-txt1 { margin: 0 10px; }
.fs-mod-ginfo .list-item { width: 14.2%; }

.fs-mod-remm .list-item { width: 49.9%; }

.fs-list-pic .list-item { padding-bottom: 7.5px; }
.fs-list-pic .art-item { max-width: 180px; margin: 0 auto; }

.panel13 { padding-bottom: 15px; }

.panel13-list-pic { overflow: hidden; *zoom:1; margin-right: -30px;}
.panel13-list-pic .list-item { float: left; width:220px; margin: 15px 30px 0 0; }
.panel13-list-pic .art-item {}
.panel13-list-pic .tit { overflow: hidden; height: 2.8em; margin:5px 0; line-height: 1.5; font-size: 14px}

.panel14 { padding-bottom: 15px; }
.panel14 .pn-bd .more { text-align: right; }

.panel14-list-pic { margin-top: 5px; }
.panel14-list-pic .list-item { *float: left; *width: 100%; margin-top: 10px; }
.panel14-list-pic .art-item { max-width: 162px; padding: 0 10px; }
.panel14-list-pic .txt { overflow: hidden; height: 3.6em; margin-top: 5px; }

.panel14-topnews { margin: 15px 0 10px; padding: 10px 0; border-bottom: 1px solid #c6c6c6; }
.panel14-topnews .tit { width: 99%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font: bold 133.3%/1.5 "SimSun"; text-align: center; }

.panel14-list-news { margin-bottom: 8px; }
.panel14-list-news .list-item { line-height: 24px; }
.panel14-list-news .sep { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #c6c6c6; }
.panel14-list-news .tit { font-size: 116.7%; }

.panel14-mod-character { margin-top: 15px; *zoom: 1; }
.panel14-mod-character .art-item-c1 { float: left; width: 160px; margin-right: 15px; }
.panel14-mod-character .art-item-c2 { overflow: hidden; *zoom: 1; }
.panel14-mod-character .tit { margin-bottom: 5px; font: normal 200%/1.5 "MicroSoft YaHei"; }
.panel14-mod-character .detail { overflow: hidden; *zoom: 1; }
.panel14-mod-character .detail a { overflow: hidden; float: left; width: 49%; margin-top: -1px; margin-left: -1px; line-height: 24px; text-align: center; border-top: 1px solid #c6c6c6; border-left: 1px solid #c6c6c6; }
.panel14-mod-character .detail a:hover { color: white; text-decoration: none; background-color: #451507; }

.panel14-box-link { margin: 10px 0 8px; padding: 4.8px; background-color: #f4f4f4; text-align: center; }

.panel14-box-intro { text-indent: 2em; }

.panel14-list-tool { margin-top: 5px; }



.panel23 { padding-bottom: 15px; }
.panel23 .pn-hd { margin-bottom: 15px; }
.panel23 .pn-s1 .pn-bd { overflow: hidden; }

.game-wiki { width: 100%; height: 250px; }

.ad-baike-box { float: right; width: 160px; margin-left: 15px; }
.ad-baike-box img { display: block; }

.baike-box { overflow: hidden; *zoom: 1; }

.content-final .content-in { padding: 15px 0; border: 0; }

.content-final-noside .content-in { padding: 15px; border: 0;  width: 970px;}

.content-final-list .content-in { padding: 15px 0; border: 0;}
.content-final-list .col-70 .col-in { border: 1px solid #f0eeec; }

.art-c-tx { color: #52524f; }

.art-c-tx1 { color: #902600; }

.crumb { padding: 0 15px; color: #666; line-height: 35px; background-color: #f0eeec; }
.crumb a { color: #666; }

.pagination { text-align: center; padding: 30px 0; }
.pagination ul { font-size: 0; }
.pagination li { display: inline-block; *display: inline; *zoom: 1; margin: 0 2px; font-size: 14.004px; line-height: 24px; vertical-align: top; }
.pagination a { display: block; padding: 0 .6em; border: 1px solid #d6d6d6; color: #333; }
.pagination a.current, .pagination a:hover { color: white; text-decoration: none; border-color: #569bc5; background-color: #569bc5; }

.art-mod-link { padding: 5px 0 15px; color: #d5d5d5; border-bottom: 1px solid #f0eeec; }
.art-mod-link .list-item { float: left; overflow: hidden; padding-top: 10px; line-height: 24px; }
.art-mod-link .aline { clear: both; float: none; }
.art-mod-link .tit { position: relative; float: left; _display: inline; width: 4em; margin: 0 10px 0 15px; padding: 0 1em; color: white; text-align: center; border-radius: 2px; }
.art-mod-link .arrow { position: absolute; right: -10px; top: 7px; overflow: hidden; width: 0; height: 0; border-left-width: 5px; border-left-style: solid; border-right: 5px dashed transparent; border-bottom: 5px dashed transparent; border-top: 5px dashed transparent; }
.art-mod-link .tit-ex { background-color: #b91519; }
.art-mod-link .tit-ex .arrow { color: #b91519; }
.art-mod-link .tit-ex1 { background-color: #857d72; }
.art-mod-link .tit-ex1 .arrow { color: #857d72; }
.art-mod-link .con { overflow: hidden; float: left;}
.art-mod-link .con a { display: inline-block; white-space: nowrap; }

.art-list-txt { margin: 15px; }
.art-list-txt .list-item { line-height: 24px; }
.art-list-txt .time { color: #999; }
.art-list-txt .art-item-c1 { overflow: hidden; width: 30%; color: #999; text-align: right; white-space: nowrap; }
.art-list-txt .tit a { font-size: 116.7%; }
.art-list-txt .sep { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #f0eeec; }

.pic-list-pic { margin: 15px 3px; }
.pic-list-pic .list-item { float: left; width: 24.9%; padding: 15px 0; }
.pic-list-pic .art-item { max-width: 142px; padding: 0 12px; }
.pic-list-pic .txt { overflow: hidden; height: 3.6em; margin-top: 5px; }

.side-comm-mod { margin-bottom: 15px; }
.side-comm-mod:last-child { margin-bottom: 0; }
.side-comm-mod .hd { padding-left: 10px; line-height: 36px; color: white; background-color: #256ac0; }
.side-comm-mod .bd { padding: 5px 0 10px; background-color: #f7f6f5; }

.side-list-pic { margin-right: 10px; }
.side-list-pic .list-item { float: left; width: 49.9%; margin: 5px 0; }
.side-list-pic .art-item { max-width: 132px; padding-left: 10px; }
.side-list-pic .txt { overflow: hidden; height: 2.8em; line-height: 1.4; margin-top: 5px; }

.side-list-txt { margin: 0 10px; }

.panel23-mod-txt { background:#256ac0 url(/ue1/a/qn/index/2016/img/bg-hd2.jpg) no-repeat;}
.panel23-mod-txt .hd{ line-height: 45px; padding-left: 50px}
.panel23-mod-txt .hd .tit{ color: #fff; font-weight: bold; font-size: 18px}
.panel23-mod-txt .bd{ border: 1px solid #3977c6; border-top:none; padding: 0 20px; height: 219px}
.panel23-mod-txt .item{line-height: 24px; color: #fff}
.panel23-mod-txt .item a{color: #fff}
.panel23-mod-txt .item-last{ padding-top: 8px}

.pn-tslb{}
.pn-tslb-c1{ float: left; width: 380px;}
.pn-tslb-c2{ float: right; width: 195px;}

.list-lb{ padding:0 7px 0 13px;}
.list-lb-item{ margin-top:7px;}
.list-lb-item, .list-lb-c2{ overflow: hidden; *zoom:1;}
.list-lb-c1{ float: left; margin-right:10px; padding:2px;}
.list-lb-c2{ height: 51px; border-bottom:1px dotted #cdcdcd; position: relative;}
.list-lb-c2 .tit{ font-weight: bold;}
.list-lb-bt{ position: absolute; top:0; right:0; display: block; width: 38px; height: 18px; text-align: center; line-height: 18px; background: #f3f4f5; color:#333; border: 1px solid #c7c7c7;}
.list-lb-bt:hover{ color:#9b2801; text-decoration: none;}

.panel1{border-bottom: 1px solid #dadada; overflow: hidden; margin-bottom:20px;}
.panel1-in{overflow: hidden; *zoom:1; margin-left: -25px;}
.panel1 .group-name{width: 18px; overflow: hidden; padding:3px 0; text-align: center; color: #fff; float: left; background-color: #009d94; line-height:16px; margin-left: 30px; display: inline;}
.panel1-list-pic{float: left;overflow: hidden; *zoom:1;}
.panel1-list-pic .list-item{width: 60px; float: left; margin: 0 0 0 10px;display: inline;}
.panel1-list-pic .tit { overflow: hidden; height:2.5em; margin-top: 5px; text-align: center; display: block; color: #000;}

.panel14{margin-top: 20px;  overflow: hidden; *zoom:1; padding-right:8px;}
.panel14-in{ height:275px; overflow: scroll; overflow-x:hidden; padding: 0 0 0 20px;}
.panel14 .panel1-list-pic .list-item{margin: 0 25px 0 0;}

.fs-mod-news .comm-pn-hd{height: 39px; line-height: 35px;  position: relative;}
.fs-mod-news .tab{height: 35px; background: #848a9a;}
.fs-mod-news .tab-item{width:92px; float: left; height: 35px; position: relative;}
.fs-mod-news .tab-item .arrow{font-size: 0px;line-height: 0%;width: 0px;border-top: 8px solid #c09c6f;border-left: 8px dashed transparent;border-right: 8px dashed transparent;left: 50%;top: 34px; margin-left: -4px; position: absolute; display:none;}
.fs-mod-news .tab-con{width:92px; height: 34px; background-color:#848a9a; text-align: center; float: left; font-size: 14px; color: #fff;}
.fs-mod-news .tab-con:hover{text-decoration: underline;}
.fs-mod-news .tab-item.current .tab-con{height: 35px; background:#c09c6f;}
.fs-mod-news .tab-item.current .arrow{display: block;}
.fs-mod-news .tab-item.current .tab-con:hover{text-decoration: none;}
.fs-mod-news .more{width: 90px; position: absolute; right:3px; top:2px; line-height: 34px;font-size: 12px;text-align: right;}
.fs-mod-news .more .link{color: #fff; padding-right:10px;}
.fs-mod-news .more .link:hover{text-decoration: underline;}
.fs-mod-news .more .sep{color: #fff; margin: 0 5px;}

.comm-tlist1{overflow: hidden; *zoom:1; position: relative; z-index: 2;}
.comm-tlist1 .item{line-height: 22px;  overflow: hidden; *zoom:1; border-bottom: 1px dashed #c6c6c6; position: relative; width:97%; margin: 0 auto; padding:8px 0; min-height: 30px;}
.comm-tlist1 .item .tit{position: absolute; top: 50%; left: 0; margin-top: -15px; color: #fff; font-weight: bold;  background-color:#848a9a; width:85px; height: 30px; line-height: 30px; text-align: center;  float: left; overflow: hidden; font-size: 14px;}
.comm-tlist1 .item.green .tit{background-color:#b43b3b; }
.comm-tlist1 .item .links{overflow: hidden; padding-left:95px; height: 30px; line-height: 30px; }
.comm-tlist1 .item .links a{color: #000; margin: 0 15px 0 0; display: inline-block;}

.comm-plist2{height: auto; overflow: hidden;*zoom:1; padding-left:2px;}
.comm-plist2 .item{float: left; margin:2px 2px 0 4px; display: inline;}
.comm-plist2 .co{display: block; width: 184px; overflow: hidden; text-align: center;}
.comm-plist2 .co .pic{width: 180px; height:60px; display: block; border: 1px solid #f3f5f5}
.comm-plist2 .co .txt{height:22px;color: #000; display: block; line-height: 22px;}
.comm-plist2 .co:hover .pic{border: 1px solid #000}

.list-property li{ overflow: hidden; *zoom:1; padding: 3px 0}
.list-property .tit{ float: left; color: #2f4588; background: #8ca5f3; padding:0 5px; line-height:22px; background: #8ca5f3; border-radius: 3px; margin-right: 8px}
.list-property .detail{ overflow: hidden; *zoom:1; line-height: 18px; color: #8bb4ea}
.list-property .txt{ padding: 2px 0}
.list-property .star-box2{ margin-top: 5px}

.area2-tab-con{overflow: hidden; *zoom:1; height: 322px; background: #2c4180; padding: 0 12px 0 300px; position: relative; z-index:2}
.area2-tab-list li{ height:24px; line-height:24px; padding-left:10px; background:url(/ue2/a/qn/index/2016/img/sprite.png) no-repeat -30px -35px; font-size: 14px; }
.area2-tab-list li a{ color:#8bb4ea}
.area2-tab-list li a:hover{ color:#fff}
.area2-c1{ width:250px;float:left; height:260px; border-right:1px dashed #3c56a4; margin-top: 35px; _margin-top: 33px}
.area2-c2{ width:390px; float:right;height:125px;overflow:hidden; margin-top: 30px}
.area2-c3{ width:390px; padding-top:14px;float:right;height:125px;overflow:hidden;}
.area2 .hd{ height:24px; line-height:24px; color: #fff; font-size: 14px}
.area2 .hd .tit{ font-size: 16px}
.area2 .hd .more{padding-right: 0}
.area2 .hd .more a{ color:#fff;} 
.area2 .bd{ padding-top:5px;}
.area2-c1 .hd{ padding-left: 5px; margin-top: -5px; _margin-top: -3px}
.area2-c1 .bd{ padding-top: 5px}
.area2-c1 .list-property{ margin-left: 5px; width: 220px}
.area2-c1 .view{ display: block; width: 216px; height: 45px; text-align: center; line-height: 45px; background: url(/ue3/a/qn/index/2016/img/s1.png) no-repeat; color: #fffefe; font-size: 16px; font-weight: bold; margin-top: 15px}
.area2-c1 .view:hover{ text-decoration: none; background-position:0 -50px}
.area2-img{ position: absolute; left: 0; top:0; z-index: -1}
.gb-list1 .date{float: right; font-size: 14px; color:#8bb4ea }

.pn-game-info .col-40{width:38.7%}
.pn-game-info .col-20{width:21.6%;}
.pn-game-info .col-40 .comm-mod{padding-right: 20px;}

.comm-list2{ overflow: hidden; *zoom:1;}
.comm-list2 li{ float: left; width: 178px; margin: 0 25px; *display: inline; *zoom:1;}
.comm-list2 a{ color: #999}
.comm-list2 img{ width: 178px; height: 100px}
.comm-list2 .tit{ display: block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; margin-top: 5px}
.comm-list2-ex2 li{ margin: 0 7px 0 8px}

.comm-mod2 .mod-hd{height:40px; line-height:40px; padding:0 10px; overflow: hidden; *zoom:1; background: #eeeeee}
.comm-mod2 .mod-hd .tit{ float: left; font-weight: bold; font-size: 16px; color: #000; }
.comm-mod2 .mod-hd .more{float: right; color: #999}
.comm-mod2 .mod-bd{ padding-top: 15px}

.mod-feature{ margin-bottom: 22px;}
.mod-feature .mod-bd{ padding-left: 2px}

.pn-hot{ overflow: hidden; *zoom:1;}
.pn-hot .pn-c1{ float: left; width: 270px}
.pn-hot .pn-c2{ float: right; width: 280px}

.focus-box { overflow: hidden; height: 190px; background-color: #000; }
.focus-box a { display: block;}
.focus-box a:hover { text-decoration: none; }

.focus-box .focus-con { position: relative; }

.focus-box .focus-item { position: absolute; width: 100%; }
.focus-box .focus-item img { width: 100%; height: 190px}
.focus-box .focus-item .txt { position: absolute; z-index: 4; left: 0; bottom: 0; width: 100%; height: 35px; overflow: hidden; }
.focus-box .focus-item .txt a:hover .tit { text-decoration: underline; }
.focus-box .focus-item .tit{ display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; text-align: center;  font: normal 14px/35px 'MicroSoft YaHei';}

.focus-box .focus-nav { position: absolute; z-index: 5; right: 10px; top: 20px; }
.focus-box .focus-nav a { float: left; display: block; width: 8px; height: 8px; margin:0 3px; background-color: #aaaaaa; border-radius: 100%; overflow: hidden; font-size: 0}
.focus-box .focus-nav a:hover { text-decoration: none; }
.focus-box .focus-nav .current { background-color: #c09c6f; }

.mod-weekly{ position: relative; background: #eeeeee; padding:0 10px 10px}
.mod-weekly .title{ font-size: 16px; line-height: 40px; font-weight: bold; }

.mod-expect .mod-hd{ overflow: hidden; *zoom:1; border-bottom: 1px solid #dcdcdc; line-height: 42px}
.mod-expect .mod-hd .tit{ float: left; font-size: 16px; }
.mod-expect .mod-hd .more{ float: right; color: #999; display: block;}
.mod-expect .mod-bd{ padding: 4px 0 0 5px;}

.star-box, .star-box .box-in{ height:17px; background:url(/ue1/a/qn/index/2016/img/star.png) no-repeat;}
.star-box{ position: relative; width: 110px;}
.star-box .box-in{ background-position:0 -20px; position: absolute; left: 0; top:0;}

.star-box2, .star-box2 .box-in{ height:12px;}
.star-box2{ position: relative; width: 80px;}
.star-box2 .box-in{ background:url(/ue3/a/qn/index/2016/img/star.png) 0 -40px no-repeat; position: absolute; left: 0; top:0; width: 100%}

.list-rank{ overflow: hidden; *zoom:1;}
.list-rank li{ overflow: hidden; *zoom:1; margin-top: -1px; border-top:1px dashed #eaeaea; line-height: 40px; padding-right: 10px; *float: left; *width: 100%}
.list-rank .num{ float: left; width: 20px; height: 20px; background: #dcdcdc; text-align: center; line-height: 20px; border-radius: 100%; margin-right: 8px; margin-top:10px}
.list-rank .tit{ float: left; width: 46%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.list-rank .tit a{ color: #333}
.list-rank .level{ float: right; margin-top: 11px}
.list-rank .top3 .num{ color: #fff; background: #b43b3b}
.list-rank-ex2 li{ padding-left: 15px; line-height: 28px; border: none; margin: 0}
.list-rank-ex2 .num{ margin:4px 5px 0 0}
.list-rank-ex2 .tit{ width: 80%} 

.mod-rank{ background: #eeeeee; height: 336px}
.mod-rank .mod-hd .tit{ font-size: 14px; font-weight: bold; line-height: 45px; padding-left: 17px}
.mod-rank .mod-bd{ padding-top: 5px}

.pn-info{ overflow: hidden; *zoom:1;}
.pn-info .pn-c1{ float: left; width: 736px;}
.pn-info .pn-c2{ float: right; width: 214px}

.table-info{ margin-top: -1px}
.table-info td, .table-info th{ border: 1px solid #e5e5e5; height: 54px; vertical-align: middle;}
.table-info th{ background: #f4f4f4; width:118px; text-align: center; font-size: 14px; font-weight: bold; }
.table-info td{ padding: 0 10px}
.table-info td a{ margin: 0 15px; color: #333}

.mod-info .bd{ overflow: hidden;}

/*add 20161230 by kiki*/
.zq-w-container { width: 1000px; margin-left: auto; margin-right: auto; }
@font-face {
  font-family: 'icofont';
  src:  url('#');
  src:  url('#') format('embedded-opentype'),
    url('#') format('truetype'),
    url('/ue/a/qn/index/2016/css/data:application/font-woff;base64,d09grgabaaaaaaiaaasaaaaacdqaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabpuy8yaaabcaaaagaaaabgdxif2wntyxaaaafoaaaavaaaafqxvtklz2fzcaaaabwaaaaiaaaacaaaabbnbhlmaaabxaaabgaaaargyehifmhlywqaaaykaaaangaaadylxxdlaghlyqaablwaaaakaaaajafca8pobxr4aaaggaaaacqaaaakggad9gxvy2eaaaakaaaafaaaabqcsgpobwf4caaabrgaaaagaaaaiaaeafzuyw1laaag2aaaayyaaaggmuoj+3bvc3qaaahgaaaaiaaaacaaawaaaamdqwgqaauaaakzaswaaacpapkczaaaaesamwejaaaaaaaaaaaaaaaaaaaaaraaaaaaaaaaaaaaaaaaaaaaqaaa6qqdwp/aaeadwabaaaaaaqaaaaaaaaaaaaaaiaaaaaaaawaaaamaaaacaaeaawaaabwaawabaaaahaaeadgaaaakaagaagacaaeaioke/3/waaaaaaioka/3/wab/+mxbaadaaeaaaaaaaaaaaaaaaeaaf/aa8aaqaaaaaaaaaaaaiaadc5aqaaaaabaaaaaaaaaaaaagaanzkbaaaaaaeaaaaaaaaaaaacaaa3oqeaaaaaagaa/8aeaapaabcakwaaat4bntquaimidgivfb4cmzi2nwe3asiuaju0pgizmh4cfq4darohjt1oje9pjgg9pwimtzpjmaezgp2gmltekczdxdq1w0qmaildwqfmmgw+t4xopt1oje9pjgg9hr3+xmabiczewzuyw0qojkncndnarsgafactaqadbqkaaamabwalaa8aewaxabsahwajaccakwawadqaoaa8aeaarabiaewauqaaezmvizczfsmlmxujnzmviyezfsm3mxujmtmvizczfsmxmxujnzmvizezfsm3mxujntczfsm3mxujizmvizczfsmjmxujnzmviymzfsmjmxujna1aqebaqaiaqebaqed9webaqebaqebaqebaqebaqebaqebawebaqebagebaqebagebaqebaqebaqebaaobaqebaqebaqebaqebaqebaqebaqmbaqebaqebaqebaqeaafafnagaczqmgaamabwalaa8aewaxabsahwakackalqaxaduaoqa9aeeargblae8auwaaatmvizezfsmrmxujmtmviwmzfsmxmxujjzmvizezfsmnmxujnruzfsm1izmvizezfsmxmxujmtmviyczfsmxmxujjzmvizuvmxujnsczfsmnmxujao1aqebaqebaqebaqebaqebaqebaqebaqebaqebawebaqebaqebaqebaqebaqebaqebaaybaqp5aqeacgebaqebaqebaqebaqecaqedaqedaqebaqebaqibaaaaafafnagaczqmgaamabwalaa8aewaxabwaiqalackalqaxaduaoqa+aemarwblae8auwaajtmvizuzfsmrmxujntmvixmzfsm1mxujnzmvizu1mxujntsbfsm1mxujnzmvizuzfsmdmxujntmvixczfsm1ntmvizuxmxujntmvizsbfsm7arujau1aqebaqebaqebaqebaqebaqebaqebaqebaqebawebaqebaqebaqebaqebaqebaqebaoecaqajaqiba/gbagebaqebaqebagebaqibaaqbagebaqebaqecaqibaqeaaabqarqeaa20cgaadaacacwapabmafwabab8aiwanacsamaa0adgapabaaeqasabmafeaaaezfsmnmxujjtmviyczfsmlmxujjzmvizuzfsmnmxujntmviyczfsm1mxujjzmvizuhmxujjzmvizczfsmnmxujnzmviyczfsm3mxujnzmvizudlubaqeba/gbaqebaqajaqebaqebaqebaqebaqebaqebaqedaqebaqecaqebaqecaqebaqebaqebaqeabqebaqebaqecaqebagebaqibaqecaqebaqmbaqecaqebagebaqibagebaaaaaaaeaaaaaaadowqnbxw889qalbaaaaaaa1b+zdaaaaaduh5l0aad/waqaa8aaaaaiaaiaaaaaaaaaaqaaa8d/waaabaaaaaaabaaaaqaaaaaaaaaaaaaaaaaaaakeaaaaaaaaaaaaaaacaaaabaaaaaqaak0eaafnbaabtqqaak0aaaaaaaoafaaeagaa0gfeabgcmaabaaaacqbuabqaaaaaaaiaaaaaaaaaaaaaaaaaaaaaaaaadgcuaaeaaaaaaaeabwaaaaeaaaaaaaiabwbgaaeaaaaaaamabwa2aaeaaaaaaaqabwb1aaeaaaaaaauacwavaaeaaaaaaayabwblaaeaaaaaaaoaggckaamaaqqjaaeadgahaamaaqqjaaiadgbnaamaaqqjaamadga9aamaaqqjaaqadgb8aamaaqqjaauafgagaamaaqqjaayadgbsaamaaqqjaaoanackawnvbw9vbgbpagmabwbtag8abwbuvmvyc2lvbiaxljaavgblahiacwbpag8abgagadealgawawnvbw9vbgbpagmabwbtag8abwbuawnvbw9vbgbpagmabwbtag8abwbuumvndwxhcgbsaguazwb1agwayqbyawnvbw9vbgbpagmabwbtag8abwburm9udcbnzw5lcmf0zwqgynkgswnvtw9vbi4argbvag4adaagagcazqbuaguacgbhahqazqbkacaaygb5acaasqbjag8atqbvag8abgauaaaaawaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa') format('woff'),
    url('#') format('svg');
  font-weight: normal;
  font-style: normal;
}
.header-font{font-family: 'icofont' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}
.header-font-search{font-size: 16px;color:#484848;text-align: center;position: absolute;left: 0;top: 0;width: 24px;height:24px;line-height: 24px;cursor: pointer;}
.header-font-arrow-b{font-size: 14px;display:inline-block;vertical-align: middle;margin-left: -2px;*margin:13px 0 13px -2px;}


.header{width: 100%; height: 550px;font:normal 12px/1.7 "Microsoft Yahei","SimSun";}
.header-in{position: relative; z-index:410; height:100%; width: 1000px; margin-left: auto; margin-right: auto;}
.header-c1{position: absolute; bottom: 0; left: 0; width: 100%; }


.logo-box{ position: absolute;width: 320px; left:0; top:25px;}
.logo-box .logo{ display: block; text-align: center; }
.logo-box .logo:hover{ text-decoration: none; }
.logo-box .game-name{ display: block; font: normal 22px/1.7 "MicroSoft YaHei","SimHei";}
.logo-box .game-url{ display: block; font: normal 16px/1.5 "MicroSoft YaHei","SimHei";}

.nav{background-color:#405d91;padding-right:220px;position: relative;z-index: 5;}
.nav-list{*zoom: 1;display: table;width: 100%;}
.nav-list:before{content: ' '; display: table;}
.nav-list:after{content: ' '; display: table;clear: both;}
.nav-list a:hover{text-decoration: none;}
.nav-list .current .nav-con{color: #fff;background-color: #536e9c;}
.nav-item {position: relative;display: table-cell;white-space: nowrap;*float:left;}
.nav-con {display: block; *display: inline; *zoom: 1; overflow: hidden; min-width: 3em; height: 40px; *padding: 0 1em; *min-width: 0; font: normal 150%/40px "MicroSoft YaHei"; color: #ffffff; text-align: center;}

.nav-con:hover,.nav-item:hover .nav-con,.nav-list .active .nav-con{color:#fff;text-decoration: none;background-color: #536e9c;}

.nav-dropdown{position: relative;}
.nav-dropdown-list{display: none;position: absolute;width:100%;background-color:#ae0121;}
.nav-dropdown-list .item{*float: left; *width: 100%;}
.nav-dropdown-list a{display: block;padding: 1px 0 1px 20%;line-height: 25px;color: #fff;}
.nav-dropdown-list a:hover{padding: 0 0 0 20%;color: white;border-top: 1px solid #b61b38;border-bottom: 1px solid #b61b38;text-decoration:none;}
.nav-item:hover .nav-dropdown-list,.nav-list .active .nav-dropdown-list{display: block;}

.nav-sub{overflow: hidden; *zoom: 1;height: 40px;padding: 0 220px 0 20px;background-color: #c03b00;}
.nav-sub .con { float: left; margin-right: 20px; font: normal 116.7%/40px "Microsoft YaHei"; color: #fff; }
.header-quick-start { overflow: hidden; position: relative; z-index: 2; height: 73px; padding-top: 12px; padding:12px 220px 0 10px;font-family: "Simsun";}
.header-quick-start .item { float: left; padding: 0 15px; line-height: 30px; color: #34302f; white-space: nowrap; }
.header-quick-start .tit {color: #555;}
.header-quick-start .con {color: #999;margin-right: 7px;}
.header-quick-start .bg {position: absolute;z-index: -1;top: 0;left: 0;width: 100%;*width:1000px;height: 85px;background-color: #000;filter: alpha(opacity=80);opacity: 0.8;}
.header-quick-start .yellow{color:#ffcd00;}
.header-c2 .search-box .active .txt-search, .header-c2 .search-con:hover .txt-search { color: #fff; }
.header-c2 .search-box .active .nav-ico-search, .header-c2 .search-con:hover .nav-ico-search { color: #fff; }

.header-c2 {position: absolute;z-index: 10;bottom: 0;right: 0;width: 220px;height: 125px;background-color: #252525;box-shadow: -3px 0 4px rgba(0,0,0,.6);}
.header-c2 .link-box {overflow: hidden; *zoom: 1;margin-bottom: 15px;border-bottom: 1px solid #474873;background-color: #c09c6f;}
.header-c2 .link-box .con {float: left;width: 49.9%;margin-left: -1px;font: normal 150%/40px "MicroSoft YaHei";color: #fff;text-align: center;border-left: 1px solid #905134;}
.header-c2 .link-box .con:hover {color: #fff;text-decoration: none;background-color: #905134;}
.header-c2 .link-box1 {margin: 0 0 8px; color: #999;font-family: "Simsun";text-align: center; }
.header-c2 .link-box1 .sep{color: #999;margin:0 5px;}
.header-c2 .link-box1 .con {color: #999; }
.header-c2 .search-box {margin: 0 20px; }
.header-c2 .search-con {position: relative;overflow: hidden;height: 24px;padding: 0 28px 0 8px;background-color: #111111;border-radius: 2px;}
.header-c2 .txt-search { *position: relative; *top: -1px; width: 100%; height: 24px; line-height: 24px; margin: 0; padding: 0; color: #999; border: 0; background: none; }
.header-c2 .txt-search:focus { color: #fff; }
.header-c2 .btn-search { overflow: hidden; position: absolute; top: 0; right: 0; width: 26px; height: 24px; text-align: center;}
.header-c2 .btn-search .btn { position: absolute; width: 24px; height: 24px;top: 0;left: 0; opacity: 0; filter: alpha(opacity=0); cursor: pointer;}
.header-c2 .nav-ico-search { display: inline-block;  font-size: 22px; line-height: 30px; color: #464646; }
.header .con:hover{text-decoration:underline;}