body { background: #fff; }

.comm-tab{ position: relative;}
.comm-tab .tab-more{ position: absolute; right: 10px; top:0; line-height: 46px; color: #fff}

.pn-hd, .hd, .row, .comm-plist, .comm-plist1, .fs-list-txt1, .art-mod-link { *zoom: 1; }
.pn-hd:before, .hd:before, .row:before, .comm-plist:before, .comm-plist1:before, .fs-list-txt1:before, .art-mod-link:before { content: ' '; display: table; }
.pn-hd:after, .hd:after, .row:after, .comm-plist:after, .comm-plist1:after, .fs-list-txt1:after, .art-mod-link: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-zt, .panel18-list-pic, .panel19-list-pic, .panel20-list-pic, .panel21-list-pic, .pic-list-pic, .side-list-pic { *zoom: 1; }
.comm-list .list-item, .rank .list-item, .comm-list1 .list-item, .fs-list-zt .list-item, .panel18-list-pic .list-item, .panel19-list-pic .list-item, .panel20-list-pic .list-item, .panel21-list-pic .list-item, .pic-list-pic .list-item, .side-list-pic .list-item { *overflow: hidden; *float: left; *width: 100%; }

.comm-plist .art-item-pt .avatar, .comm-plist1 .art-item-pt .avatar, .ss-pic .art-item-pt .avatar { padding: 1px; }
.comm-plist .art-item-pt:hover .avatar, .comm-plist1 .art-item-pt:hover .avatar, .ss-pic .art-item-pt:hover .avatar { padding: 0; border: 1px solid #4269d0; }

.panel1-rank .list-item, .panel16-rank .list-item, .panel17-rank .list-item { padding: .25em 0; font-size: 116.7%; }
.panel1-rank .rank-c1 .num, .panel16-rank .rank-c1 .num, .panel17-rank .rank-c1 .num { margin-top: .3em; }

.panel2-rank .list-item, .panel4-rank .list-item, .panel21-rank .list-item { padding: 6px 0; }
.panel2-rank .rank-c1 .num, .panel4-rank .rank-c1 .num, .panel21-rank .rank-c1 .num { margin-top: .26em; }

body { min-width: 1000px; }

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

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

.content-in { *zoom: 1; padding-top: 15px; background-color: #fff; margin-top: 20px }
.content-in-c{ border: 1px solid #e8e8e8; margin-bottom: 20px; padding-top: 20px;}

img { vertical-align: middle; }

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

.c-tx{ color: #333;}
a:hover .c-tx, .c-tx:hover{ color: #4269d0}

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

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

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

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

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

.c-tx6, a.c-tx6:hover { color: #a5a5a5; }

.c-tx7, a.c-tx7:hover { color: #ababab; }

.c-tx8, a.c-tx8:hover { color: #0068b7; }

.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, .ico-play2 { display: inline-block; width: 45px; height: 45px; }
.ico-play{ 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); }
.ico-play2{ background: url(/ue1/a/csgo/index/2016/img/ico-play.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ue1/a/csgo/index/2016/img/ico-play.png',enabled=true,sizingMethod=scale); }

@font-face { font-family: 'ico-font'; src: url("#"); src: url("#") format("embedded-opentype"), url("/ue/a/zjfb/index/2016/css/data:application/font-woff;base64,d09grgabaaaaaapmaaoaaaaabdaaaqaaaaaaaaaaaaaaaaaaaaaaaaaaaabpuy8yaaaa9aaaaeiaaabwsafwqmntyxaaaae4aaaapgaaauobaqgnz2x5zgaaaxgaaaccaaaaog8kr/xozwfkaaab/aaaacwaaaa2a3+hwwhozweaaaioaaaahqaaacqarwaiag10eaaaakgaaaamaaaadabgaabsb2nhaaacvaaaaagaaaaiacqaug1hehaaaajcaaaahgaaacabeaaqbmftzqaaanwaaaeqaaacfhjuvudwb3n0aaadqaaaaceaaaa23la92hicy2bkugccwmdkwmegwidjwabkqwhbbkygtgygjgzwzgasicdnnyxbguglqztb6f8/bmygjabibqauiaaaspaffwaaejxjygbgzobggqzgbhbwafiywxwwbg0gzqakgrmygczt//bkrra9p/rupvawmjgqajgzcjf9vabajxybvmaahicjyyxdsiwdavtj0ocev3qnakppqoshdjafa+i/8tnpl0lrvhwedbdausxkahkifllej4wn/1ecdn9qu7p+hcicgqq+nmtmk0iuhqifwr/dutlijkglwzjsgvlf+smzykwgdxbb9ilnwjyj1by7yl6d1nhycyh+tp6hdgb1hdcjkaahicy2bkygaaygvruvl4fpuvdnwmckarhksks3mraacoepdkygaccqdkiqzoejxjygrgyfd6/4+bmugbaqqugbgzuaezaetyamgaaaaaiaaaacaaaaagaaaaaaaaacqauhicy2bkygbgzpadyhbgamiuigrg+a/mmwaac84bowaaejxlkd1uwkauhmf8jcfsghqpkbnvcijsooqa0fpqptbmzy9sr7vekohyghwhr8gpopwgb2lspbpyy8/fzju3uzkahn7hovoebutarqzuqp65sxoqbpgfhdvw8slcod8x7uiny2efj3jndl7rjk4phxad9/gqbtl/fg6rv4tbemk3cif+j3axc/wj+3j1+tvydbktu7le79pinux5u9c23jpcjylh2zrpxnvi6zvahlv5wi+ds1ritaam7oo0naqwzqdjf2yckyzhmigfxcbdfjembkhyczjmobhghiki2kvupv4wbvhsr7tccaggv6kzu3mdjkg0vkwucwqtcebpy7qoacxxciyjtwvw8yypwff/v70dnzh+ge09vwccke9ykq/qo2qns0tcoaaaejxjyglad5gzgbizgjnzilmti5izwfkk8gsygaajswrcaaaa") 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 { }
.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;  display: none}
.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; padding-right: 1px}

.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 { display: none; *display: block; *filter: alpha(opacity=0); }
.comm-vlist .art-item-pt:hover .cover{ display: none; _filter:none; _position: static;}

.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: #fff; text-align: center; background-color: #999; }
.rank-c1 .num-top { background-color: #b91519; }

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

.tab-panel { position: absolute; bottom: 0; }
.tab-panel .tab-item { position: relative; }
.tab-panel .tab-con { color: #fff; background-color: #5c82e8; }
.tab-panel .sep { height: 13.2px; margin-top: -6.6px; border-left: 1px solid #4269d0; }
.tab-panel .current .tab-con { color: #333; background-color: #fff; }

.comm-pn .pn-hd { position: relative; line-height: 46.8px; color: #fff; background-color: #4269d0; }
.comm-pn .pn-hd .tit { padding-left: 10px; }
.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 #5c82e8; }
.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: 32.04px; border-bottom: 1px solid #c6c6c6; }
.comm-mod .hd .tit { position: relative; margin-bottom: -1px; padding: 0 5px; font-size: 116.7%; font-weight: bold; border-bottom: 1px solid #b9472f; }

.header {width: 100%; height: 380px;line-height: 1.7;}
.header-in {position: relative; z-index:410; height:100%;}

.header-c1 {position: absolute; bottom: 0; left: 0; width: 100%; }
.nav{background-color: #35446b;padding-right:220px;}
.nav-list{*zoom: 1;}
.nav-list:before{ content: ' '; display: table; }
.nav-list:after{ content: ' '; display: table; clear: both; }
.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.5 "MicroSoft YaHei","SimHei";}
.logo-box .game-url { display: block; font: normal 16px/1.5 "MicroSoft YaHei","SimHei";}
.nav-list .current .nav-con {color: #fff;background-color: #5d6989;}

.nav-item {float: left;position: relative;}

.nav-con {display: block;overflow: hidden;min-width: 2.5em;padding: 0 1em;font: normal 18px/40px "MicroSoft YaHei";color: #fff;text-align: center;background-color: #35446b;}
.nav-con:hover {color: #fff;text-decoration: none;background-color: #5d6989;}

.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-right: 220px; }
.header-quick-start .item { float: left; padding: 0 15px; line-height: 30px; color: #34302f; white-space: nowrap; }
.header-quick-start .tit {color: #ffcd00;}
.header-quick-start .con {color: #999;margin-right: 7px;}
.header-quick-start .bg {position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 85px;background-color: #000;filter: alpha(opacity=80);opacity: 0.8;}

.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: #927186; }

.header-c2 {position: absolute;z-index: 10;bottom: 0;right: 0;width: 220px;height: 125px;background-color: #252525;}
.header-c2 .link-box {overflow: hidden; *zoom: 1;margin-bottom: 15px;border-bottom: 1px solid #701e0c;background-color: #c12c2c;}
.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 #c74242;}
.header-c2 .link-box .con:hover {color: #fff;text-decoration: none;background-color: #c74242;}
.header-c2 .link-box1 { margin: 0 20px 8px; color: #999; }
.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;background: url(/ue1/a/zjfb/index/2016/img/header-search.png) no-repeat 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 { display: block; width: 24px; margin-top: 2px; font-size: 24px; line-height: 24px; color: #614b59; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }
.header-c2 .shadow { position: absolute; left: -6px; top: 0; width: 6px; height: 125px; background-image: -webkit-linear-gradient(to right, 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'); }
.header-ico-search{display: block;background: url(/ue1/a/zjfb/index/2016/img/header-search.png) no-repeat;width:16px;height: 15px;}


.pn-saishi { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #dadada; }
.pn-saishi .top-news { overflow: hidden; width: 100%; margin-bottom: 7.5px; padding-bottom: 7.5px; line-height: 24px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; text-align: center; border-bottom: 1px solid #c6c6c6; }
.pn-saishi .top-news a { font-size: 133.3%; }

.ss-mod-table .hd { line-height: 24px; padding-bottom: 7.5px; border-bottom: 1px solid #c6c6c6; }
.ss-mod-table .bd { overflow: hidden; background-color: #f4f4f4; }

.ss-tab-table { margin-left: 1em; }
.ss-tab-table .tab-item { position: relative; font-size: 12px; }
.ss-tab-table .tab-con { padding: 0 0.6em; color: #333; }
.ss-tab-table .sep { height: 7.2px; margin-top: -3.6px; border-left: 1px solid #333; }
.ss-tab-table .current .tab-con { color: #b9472f; }
.ss-tab-table .current .sep { border-left: 1px solid #333; }
.ss-tab-table .first .sep { border-left-width: 0; }

.ss-list-table { width: 100%; margin-top: -1px; }
.ss-list-table .flag { border: 1px solid #333; }
.ss-list-table th, .ss-list-table td { padding-right: 10px; border-top: 1px dotted #c6c6c6; }
.ss-list-table .c1 { height: 36px; padding-left: 10px; font-weight: bold; }
.ss-list-table .c6 { text-align: right; }
.ss-list-table .first th, .ss-list-table .first td { border-top: 0; }

.ss-list-news { margin: 0 10px; }
.ss-list-news .list-item { line-height: 27.6px; }
.ss-list-news .tit { font-size: 116.7%; }

.ss-pic { max-width: 182px; margin: 0 auto; }
.ss-pic .txt { padding-top: 8px; }

.pn-hero { padding: 0 0 10px 15px; margin-bottom: 15px; border-bottom: 1px solid #dadada; }

.hero-list { margin-left: -3px; }
.hero-list dt { *display: inline; float: left; width: 1em; margin-left: 3px; margin-right: 10px; padding: 3px; line-height: 1.3; color: #fff; background-color: #b91519; }
.hero-list dd { float: left; width: 7.8%; }
.hero-list .art-item { max-width: 60px; margin-right: 15px; }
.hero-list .art-item .avatar { padding: 0; border: 1px solid #000; }
.hero-list .txt { margin-top: 5px; }

.firstscreen { padding-bottom: 15px; }
.firstscreen .hd .tit { padding-left: 10px; }
.firstscreen .col-60 .col-in { background-color: #faf9f9; }

.fs-mod-topnews { padding-bottom: 5px; 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; }

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

.focus-con { position: relative; }

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

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

.fs-mod-news .hd, .fs-mod-gnews .hd, .fs-mod-premm .hd { height: 36px; margin-bottom: 10px; line-height: 36px; }

.fs-mod-news { overflow: hidden; position: relative; width: 100%; }
.fs-mod-news .hd { background-color: #eaeaea; }
.fs-mod-news .hd .tab { float: none; }
.fs-mod-news .tab-more{ line-height: 36px}

.fs-mod-gnews { margin-top: 15px; overflow: hidden; position: relative; width: 100%; }
.fs-mod-gnews .hd { background-color: #eaeaea; }
.fs-mod-gnews .hd .tab { float: none; }
.fs-mod-gnews .tab-more{ line-height: 36px}

.fs-tab-news { width: 102%; }
.fs-tab-news .tab-item { position: relative; width: 24.9%; padding: 0 }
.fs-tab-news .tab-con { color: #333; }
.fs-tab-news .sep { height: 9.6px; margin-top: -4.8px; border-left: 1px solid #999; }
.fs-tab-news .arrow-down { color: #4269d0; }
.fs-tab-news .current .tab-con { background-color: #4269d0; color: #fff}

.fs-list-txt .list-item { line-height: 24px; }
.fs-list-txt .sep { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #bdbdbd; }
.fs-list-txt .tit { font-size: 116.7%; }

.fs-search { position: relative; width: 58%; margin: 15px auto 0; padding: 0 55px 0 3em; }
.fs-search .search-con { overflow: hidden; height: 22px; padding: 0 0.5em; border: 1px solid #c6c6c6; }
.fs-search .tit { position: absolute; top: 0; left: 0; line-height: 24px; }
.fs-search .txt-search { width: 100%; padding: 4px 0; color: #999; border: 0; background: none; }
.fs-search .txt-search:focus { color: #333; }
.fs-search .active { color: #333; }
.fs-search .btn-search { overflow: hidden; position: absolute; top: 0; right: 0; width: 50px; height: 24px; background-color: #b91519; }
.fs-search .btn { width: 100%; color: #fff; border: 0; padding: 5px 0; background: none; cursor: pointer; }

.fs-mod-gl { overflow: hidden; *zoom: 1; margin-bottom: 5px; padding: 0 10px; }

.fs-list-gl { width: 100%; margin-top: -1px; }
.fs-list-gl th, .fs-list-gl td { border-top: 1px solid #eae7e3 }
.fs-list-gl th { width: 140px; }
.fs-list-gl .tit { position: relative; width: 140px; height: 40px; margin: 10px 0;}
.fs-list-gl .tit img { display: block; width: 100%; }
.fs-list-gl .tit .txt { position: absolute; right: 10px; top: 50%; margin-top: -.9em; color: #333; font-weight: bold; }
.fs-list-gl td { padding: 7px 0; }
.fs-list-gl td a { float: left; margin-left: 10px; white-space: nowrap; color: #767169}
.fs-list-gl td a:hover{ color: #4269d0; text-decoration: none;}

.fs-mod-premm { margin-top: 5px; }
.fs-mod-premm .hd { margin-left: 10px; margin-right: 10px; border-bottom: 1px solid #dfdfdf; }

.fs-list-pic .list-item { float: left; width: 33.3%; padding-bottom: 5px; }
.fs-list-pic .art-item { max-width: 162px; padding: 0 14px; }
.fs-list-pic .txt { padding: 5px 0; }

.panel1 { padding-bottom: 15px; }
.panel1 .col-33 .col-in { margin-right: 6px; }
.panel1 .col-66 .col-in { margin: 5px 0 0; }
.panel1 .pn-s2 .pn-bd { margin-top: 1px; padding: 25.5px 15px; background-color: #f4f4f4; }

.panel1-mod-pic { position: relative; *zoom: 1; margin-top: 15px; }
.panel1-mod-pic .txt { position: absolute; z-index: 5; left: 0; bottom: 0; width: 100%; }
.panel1-mod-pic .tit { width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; padding: 4px 0; font-size: 116.7%; font-weight: bold; }

.panel1-mod-txt { overflow: hidden; height: 3.6em; padding: 8px 5px; background-color: #f4f4f4; }
.panel1-mod-txt a { float: left; padding: 0 5px; white-space: nowrap; }

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

.panel2 { padding-bottom: 15px; }
.panel2 .pn-s2 .pn-bd { margin-top: 1px; padding: 12px 10px; background-color: #f4f4f4; }

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

.panel3 { padding-bottom: 15px; }
.panel3 .pn-s2 .pn-bd { margin-top: 1px; padding: 10px; background-color: #f4f4f4; }

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

.panel3-list-txt .list-item { line-height: 24px; }
.panel3-list-txt .tit { font-size: 116.7%; }

.panel4 { padding-bottom: 15px; }
.panel4 .pn-s2 .pn-bd { margin-top: 1px; padding: 13.5px 10px; background-color: #f4f4f4; }

.panel4-mod-txt { overflow: hidden; max-width: 360px; margin-right: 10px; height: 3.6em; padding: 5px; background-color: #f4f4f4; }
.panel4-mod-txt a { float: left; padding: 0 5px; white-space: nowrap; }

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

.panel4-mod-gallery { position: relative; overflow: hidden; max-width: 378px; _height: 300px; margin: 15px 0 0 0; }
.panel4-mod-gallery .btn-gallery { overflow: hidden; position: absolute; top: 50%; z-index: 10; width: 30px; height: 40px; margin-top: -20px; font: normal 300%/40px "SimSun"; color: #fff; text-align: center; background-color: #000; opacity: .5; filter: alpha(opacity=50); }
.panel4-mod-gallery .btn-gallery:hover { color: #fcd881; text-decoration: none; opacity: 1; -webkit-filter: none; filter: none; }
.panel4-mod-gallery .btn-gallery-prev { left: 0; }
.panel4-mod-gallery .btn-gallery-next { right: 0; }
.panel4-mod-gallery .disabled { display: none; }
.panel4-mod-gallery .gallery-box { overflow: hidden; position: relative; width: 100%; }

.panel4-list-gallery { overflow: hidden; *zoom: 1; position: relative; width: 10000%; _width: auto; }
.panel4-list-gallery .list-item { float: left; position: relative; max-width: 378px; width: 100%; }
.panel4-list-gallery .txt { position: absolute; left: 0; bottom: 0; z-index: 8; width: 100%; }
.panel4-list-gallery .tit { width: 90%; padding: .2em 0; margin: 0 auto; font-family: "MicroSoft YaHei"; font-size: 18px; }
.panel4-list-gallery .mask { display: block; }

.panel5 { padding-bottom: 15px; }
.panel5 .col-20 .col-in { min-height: 285px; _height: 285px; background-color: #f4f4f4; }
.panel5 .pn-hd { margin-bottom: 15px; }

.panel5-list-pic { overflow-y: auto; height: 285px; }
.panel5-list-pic .list-item { float: left; width: 11%; *width: 10.9%; margin-bottom: 10px; }
.panel5-list-pic .art-item { max-width: 60px; padding: 0 10px; }
.panel5-list-pic .art-item .avatar { padding: 0; border: 1px solid #000; }
.panel5-list-pic .art-item .txt { margin-top: .3em; }

.panel5-comm-mod { margin: 0 15px; }
.panel5-comm-mod .hd { margin-bottom: 5px; }

.panel5-mod-search { padding-top: 10px; }
.panel5-mod-search .search-con { overflow: hidden; position: relative; height: 27.6px; padding: 0 30px 0 8.28px; border: 1px solid #c6c6c6; border-radius: 13.8px; background-color: #fff; }
.panel5-mod-search .txt-search { width: 100%; padding: 6px 0; font-size: 116.7%; color: #999; border: 0; }
.panel5-mod-search .txt-search:focus, .panel5-mod-search .active { color: #fff; }
.panel5-mod-search .btn-search { position: absolute; top: 0; right: 0; overflow: hidden; width: 28px; height: 28px; text-align: center; }
.panel5-mod-search .btn { position: absolute; width: 28px; height: 28px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; }
.panel5-mod-search .ico-font-search { display: inline-block; margin-top: 6px; margin-top: 4px\9; font-size: 24px; line-height: 24px; color: #c6c6c6; }

.panel5-mod-tab { margin-top: 20px; }
.panel5-mod-tab .bd { overflow: hidden; *zoom: 1; }
.panel5-mod-tab .check-item { overflow: hidden; float: left; width: 50%; *margin-left: -2px; white-space: nowrap; cursor: default; }
.panel5-mod-tab .check-item input { margin: 0 2px 3px 0; vertical-align: middle; }

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

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

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

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

.panel6-rank { background-color: #f4f4f4; }
.panel6-rank .list-item { padding: 4.8px 0; }
.panel6-rank .rank-c1 { padding-left: 10px; }
.panel6-rank .art-item-c1, .panel6-rank .detail { display: none; }
.panel6-rank .active { padding: 7.2px 0; background-color: #fff; }
.panel6-rank .active .rank-c1 { display: none; }
.panel6-rank .active .rank-c2 { margin: 0 10px; }
.panel6-rank .active .art-item-c1 { display: block; float: left; width: 80px; margin: 2.4px 10px 0 0; }
.panel6-rank .active .tit { font-weight: bold; }
.panel6-rank .active .detail { display: block; }

.panel7 { padding-bottom: 15px; }

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

.panel8 { padding-bottom: 15px; }

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

.panel9 { padding-bottom: 15px; }

.panel9-list-pic { margin-top: 5px; }
.panel9-list-pic .list-item { float: left; width: 19.9%; margin-top: 10px; }
.panel9-list-pic .art-item { max-width: 162px; padding: 0 15px; }
.panel9-list-pic .avatar { margin-bottom: 5px; padding: 1px; }
.panel9-list-pic .avatar:hover { padding: 0; border: 1px solid #000; }
.panel9-list-pic .txt { width: 99%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; }

.panel10 { padding-bottom: 15px; }

.panel10-list-pic .list-item { float: left; width: 9%; _width: 9%; margin-top: 15px; }
.panel10-list-pic .art-item { max-width: 60px; padding: 0 10px; }
.panel10-list-pic .art-item .avatar { padding: 0; border: 1px solid #000; }
.panel10-list-pic .art-item .txt { margin-top: .3em; }

.panel11 { padding-bottom: 15px; }

.panel11-list-gallery .item-s1 .txt, .panel11-list-gallery .item-s2 .txt, .panel11-list-gallery .item-s3 .txt { display: block; position: absolute; z-index: 5; top: 100%; left: 0; width: 100%; height: 100%; }
.panel11-list-gallery .item-s1 .tit, .panel11-list-gallery .item-s2 .tit, .panel11-list-gallery .item-s3 .tit { display: block; padding: 10px; }

.panel11-list-gallery { position: relative; *zoom: 1; height: 350px; margin: 15px 2.5px 0; }
.panel11-list-gallery .item { position: absolute; overflow: hidden; font-family: "MicroSoft YaHei"; }
.panel11-list-gallery .item .art-item { position: relative; *zoom: 1; margin: 0 5px; }
.panel11-list-gallery .item .mask { *height: 330px; background-color: #1450ae; }
.panel11-list-gallery .item a:hover, .panel11-list-gallery .item a:hover .tit { text-decoration: none; }
.panel11-list-gallery .item-s { width: 25%; }
.panel11-list-gallery .item-s .art-item-pt { position: relative; height: 350px; background: #d70101; }
.panel11-list-gallery .item-s .avatar { padding: 8px; }
.panel11-list-gallery .item-s .txt { margin: 0 8px; }
.panel11-list-gallery .item-s .tit { font-size: 133.3%; line-height: 1.3; }
.panel11-list-gallery .item-s .btn { position: absolute; left: 50%; bottom: 15px; width: 60%; margin-left: -30%; font: normal 133.3%/2.2 "MicroSoft YaHei"; color: #d70101; text-align: center; background-color: #f9efd9; border: 1px solid #bd0000; }
.panel11-list-gallery .item-s1 { width: 25%; }
.panel11-list-gallery .item-s1 .art-item { height: 230px; }
.panel11-list-gallery .item-s1 .tit { font-size: 133.3%; }
.panel11-list-gallery .item-s2 { width: 12.5%; }
.panel11-list-gallery .item-s2 .art-item { height: 110px; }
.panel11-list-gallery .item-s2 .tit { font-size: 116.7%; line-height: 1.5; }
.panel11-list-gallery .item-s3 { width: 25%; }
.panel11-list-gallery .item-s3 .art-item { height: 110px; }
.panel11-list-gallery .item-s3 .tit { font-size: 116.7%; line-height: 1.5; }
.panel11-list-gallery .item-p { left: 0; top: 0; }
.panel11-list-gallery .item-p1 { left: 25%; top: 0; }
.panel11-list-gallery .item-p2 { right: 0; bottom: 0; }
.panel11-list-gallery .item-p3 { left: 25%; bottom: 0; }
.panel11-list-gallery .item-p4 { left: 37.5%; bottom: 0; }
.panel11-list-gallery .item-p5 { right: 37.5%; top: 0; }
.panel11-list-gallery .item-p6 { right: 25%; top: 0; }
.panel11-list-gallery .item-p7 { right: 37.5%; top: 120px; }
.panel11-list-gallery .item-p8 { right: 25%; top: 120px; }
.panel11-list-gallery .item-p9 { right: 12.5%; top: 0; }
.panel11-list-gallery .item-p10 { right: 0; top: 0; }
.panel11-list-gallery .item-p11 { right: 25%; bottom: 0; }

.panel12, .panel3{ padding-bottom: 15px; }

.panel12-mod-pic { overflow: hidden; *zoom: 1; position: relative; margin-top: 15px; }
.panel12-mod-pic .cover { position: absolute; z-index: 10; left: 5%; bottom: 15px; }
.panel12-mod-pic .txt { position: absolute; z-index: 5; left: 0; bottom: 0; width: 78%; padding: 15px 15px 15px 22%; font-family: "MicroSoft YaHei"; line-height: 1.5; }
.panel12-mod-pic .tit { font-size: 150%; font-weight: bold; color: #fff; }
.panel12-mod-pic .detail { font-size: 116.7%; color: #999; }
.panel12-mod-pic .mask { padding-left: 50%; background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3) 20%, black); background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, rgba(0, 0, 0, 0.3)), to(black)); background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.3) 20%, black); opacity: 1; opacity: .5\9; }

.panel12-mod-txt { overflow: hidden; height: 3.6em; padding: 10px 7.5px; background-color: #f4f4f4; }
.panel12-mod-txt a { float: left; padding: 0 7.5px; white-space: nowrap; }

.panel12-list-pic { margin-left: 10px; }
.panel12-list-pic .list-item { float: left; width: 33.3%; margin-top: 15px; }
.panel12-list-pic .art-item { max-width: 160px; padding: 0 10px; }
.panel12-list-pic .txt { overflow: hidden; height: 3.6em; margin-top: 5px; }

.panel13 { padding-bottom: 15px; }

.panel13-list-pic { margin-left: 10px; }
.panel13-list-pic .list-item { float: left; width: 19.9%; margin-top: 15px; }
.panel13-list-pic .art-item { max-width: 160px; padding: 0 15px; }
.panel13-list-pic .tit { overflow: hidden; height: 2.8em; margin: 10px 0 5px; font-size: 116.7%; line-height: 1.5; font-weight: bold; }

.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: #fff; text-decoration: none; background-color: #b91519; }

.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; }

.panel15 { padding-bottom: 15px; }

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

.panel15-mod-news { margin-top: 10px; }
.panel15-mod-news .hd { margin-bottom: 10px; }

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

.panel15-mod-pic { position: relative; *zoom: 1; max-width: 180px; margin-top: 15px; }
.panel15-mod-pic .txt { position: absolute; z-index: 5; left: 0; bottom: 0; width: 100%; }
.panel15-mod-pic .tit { width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 auto; padding: 4px 0; font-size: 116.7%; font-weight: bold; }

.panel16 { padding-bottom: 15px; }
.panel16 .tab-panel { left: auto; right: 10px; }
.panel16 .tab-panel .tab-con { padding: 0 .9em; font-size: 100%; }

.panel16-rank { margin: 15px 7.5px 0; }

.panel16-mod-gl { margin-top: 10px; }
.panel16-mod-gl .panel16-tab-gl { float: right; }

.panel16-tab-gl .tab-item { position: relative; }
.panel16-tab-gl .tab-con { padding: 0 1em; color: #333; }
.panel16-tab-gl .sep { height: 12px; margin-top: -6px; border-left: 1px solid #333; }
.panel16-tab-gl .current .tab-con { color: #b9472f; }
.panel16-tab-gl .current .sep { border-left: 1px solid #333; }
.panel16-tab-gl .first .sep { border-left-width: 0; }

.panel16-list-pic { overflow: hidden; *zoom: 1; }
.panel16-list-pic .list-item { float: left; width: 24.9%; margin-top: 10px; }
.panel16-list-pic .art-item { padding: 0 5px; }
.panel16-list-pic .art-item-pt { position: relative; max-width: 130px; margin: 0 auto; }
.panel16-list-pic .txt { position: absolute; left: 10px; right: 10px; top: 10px; }
.panel16-list-pic .tit { font: normal 116.7%/1.5 "MicroSoft YaHei"; color: #fff; }

.panel16-list-gl { overflow: hidden; *zoom: 1; }
.panel16-list-gl .list-item { float: left; width: 24.9%; }
.panel16-list-gl .list-item a { overflow: hidden; display: block; margin: 10px 5px 0; font-size: 133.3%; line-height: 33px; font-weight: bold; color: #fff; text-align: center; background-color: #d6a851; }

.panel17 { padding-bottom: 15px; }

.panel17-rank { margin: 15px 15px 0; }

.panel17-mod-gl { margin-top: 10px; }
.panel17-mod-gl .panel17-tab-gl { float: right; }

.panel17-tab-gl .tab-item { position: relative; }
.panel17-tab-gl .tab-con { padding: 0 1em; color: #333; }
.panel17-tab-gl .sep { height: 12px; margin-top: -6px; border-left: 1px solid #333; }
.panel17-tab-gl .current .tab-con { color: #b9472f; }
.panel17-tab-gl .current .sep { border-left: 1px solid #333; }
.panel17-tab-gl .first .sep { border-left-width: 0; }

.panel17-list-pic { overflow: hidden; *zoom: 1; }
.panel17-list-pic .list-item { float: left; width: 24.9%; margin-top: 10px; }
.panel17-list-pic .art-item { padding: 0 5px; }
.panel17-list-pic .art-item-pt { position: relative; max-width: 130px; margin: 0 auto; }
.panel17-list-pic .txt { position: absolute; left: 10px; right: 10px; top: 10px; }
.panel17-list-pic .tit { font: normal 116.7%/1.5 "MicroSoft YaHei"; color: #fff; }

.panel17-list-gl { overflow: hidden; *zoom: 1; }
.panel17-list-gl .list-item { float: left; width: 24.9%; }
.panel17-list-gl .list-item a { overflow: hidden; display: block; margin: 10px 5px 0; font-size: 133.3%; line-height: 33px; font-weight: bold; color: #fff; text-align: center; background-color: #d6a851; }

.panel18 { padding-bottom: 15px; }

.panel18-list-pic .list-item { margin-top: 15px; }
.panel18-list-pic .art-item { max-width: 162px; padding: 0 10px; }
.panel18-list-pic .txt { margin-top: 5px; }

.panel18-comm-mod { margin-top: 15px; }
.panel18-comm-mod .hd { height: 36px; margin-bottom: 10px; line-height: 36px; background-color: #f4f4f4; }
.panel18-comm-mod .hd .tit { padding-left: 10px; }

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

.panel19 { padding-bottom: 15px; }

.panel19-list-pic .list-item { margin-top: 15px; }
.panel19-list-pic .art-item { max-width: 162px; padding: 0 10px; }
.panel19-list-pic .txt { margin-top: 5px; }

.panel19-comm-mod { margin-top: 8px; }
.panel19-comm-mod .hd { margin-bottom: 8px; }

.panel19-list-txt .list-item { line-height: 24px; }
.panel19-list-txt .tit { font-size: 116.7%; }

.panel20 { padding-bottom: 15px; }
.panel20 .pn-hd { margin-bottom: 15px; }

.panel20-list-pic .list-item { margin-top: 15px; }
.panel20-list-pic .art-item { max-width: 162px; padding: 0 10px; }
.panel20-list-pic .txt { margin-top: 5px; }

.panel20-comm-mod .hd { position: relative; height: 36px; line-height: 36px; background-color: #f4f4f4; }
.panel20-comm-mod .hd .tit { padding-left: 10px; }
.panel20-comm-mod .hd .tab { position: absolute; right: 5px; bottom: 0; }
.panel20-comm-mod .hd .tab-con { padding: 0 .6em; font-size: 85.7%; color: #333; line-height: 30px; }
.panel20-comm-mod .hd .current .tab-con { color: #fff; background-color: #857d72; }
.panel20-comm-mod .bd { margin: 8px 10px 0; }
.panel20-comm-mod .more { text-align: right; }

.panel20-rank .list-item { padding: .2em 0; }
.panel20-rank .list-item .tit { font-size: 116.7%; }
.panel20-rank .rank-c1 .num { margin-top: .3em; background-color: #999; }

.panel20-mod-pic .hd { padding: 10px 0 0 10px; }

.panel21 { padding-bottom: 15px; }
.panel21 .pn-s1 .pn-hd { margin-bottom: 15px; }
.panel21 .pn-s1 .pn-hd .more { font-size: 116.7%; }

.panel21-pn-pt { overflow: hidden; *zoom: 1; margin-left: 0; padding: 15px 10px; background-color: #f4f4f4; }

.panel21-mod-rank { float: left; width: 49%; }
.panel21-mod-rank .hd { margin-bottom: 10px; padding-left: 10px; color: #fff; background-color: #857d72; }

.panel21-rank .list-item { padding: .25em 0; }
.panel21-rank .rank-c1 { margin-right: 5px; }
.panel21-rank .rank-c1 .num { color: #333; background: none; }
.panel21-rank .rank-c1 .num-top { font-weight: bold; }

.panel21-list-pic .list-item { margin-top: 30px; }
.panel21-list-pic .art-item { max-width: 162px; padding: 0 10px; }
.panel21-list-pic .txt { margin-top: 5px; }

.panel21-list-pic1 { float: right; width: 49%; margin-top: -10px; }
.panel21-list-pic1 .list-item { float: left; width: 49.9%; padding-top: 10px; }
.panel21-list-pic1 .art-item { max-width: 80px; margin: 0 auto; padding-left: 6px; }

.panel21-mod-txt .hd { margin-bottom: 5px; }

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

.panel22 { padding-bottom: 15px; }
.panel22 .pn-hd { margin-bottom: 15px; }

.panel22-mod-pic .hd { padding-left: 10px; line-height: 33.04px; background-color: #f4f4f4; }

.panel22-list-pic { overflow: hidden; *zoom: 1; }
.panel22-list-pic .list-item { float: left; width: 49.9%; padding-top: 15px; }
.panel22-list-pic .art-item { max-width: 80px; margin: 0 auto; padding: 0 3px; }

.panel22-mod-txt .hd { margin-bottom: 10px; }
.panel22-mod-txt .bd { overflow: hidden; *zoom: 1; margin-left: -15px; }

.panel22-list-txt { float: left; width: 49.8%; }
.panel22-list-txt .list-item { line-height: 24px; }
.panel22-list-txt .art-item { margin-left: 15px; }
.panel22-list-txt .sep { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #c6c6c6; }
.panel22-list-txt .tit { font-size: 116.7%; }

.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; }

.panel23-mod-txt { padding: 0 10px; }
.panel23-mod-txt .tit { font-weight: normal; }

.panel24 { padding-bottom: 15px; }

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

.panel24-mod-gl-txt { margin-top: 15px; }
.panel24-mod-gl-txt .hd { margin-bottom: 10px; }

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

.panel24-mod-character { position: relative; z-index: 5; height: 120px; margin: 15px 18px 10px 0; padding: 0 15px 0 180px; }
.panel24-mod-character .avatar { position: absolute; top: 0; left: 0; z-index: -1; }
.panel24-mod-character .name { padding: .5em 0 .2em 0; font: normal 200%/1.5 "MicroSoft YaHei"; }
.panel24-mod-character .intro { line-height: 1.5; }

.panel24-mod-detail { overflow: hidden; *zoom: 1; margin-right: 18px; }
.panel24-mod-detail .c1 { float: left; width: 45%; overflow: hidden; }
.panel24-mod-detail .c1 .con { overflow: hidden; float: left; width: 49%; margin-top: -1px; margin-left: -1px; line-height: 25.2px; color: #999; text-align: center; border-top: 1px solid #c6c6c6; border-left: 1px solid #c6c6c6; }
.panel24-mod-detail .c1 .con:hover { color: #fff; text-decoration: none; background-color: #b91519; }
.panel24-mod-detail .c2 { float: right; width: 50%; }

.panel24-mod-more { overflow: hidden; *zoom: 1; margin: 10px 18px 0 0; }
.panel24-mod-more .c1 { float: left; width: 45%; }
.panel24-mod-more .c2 { float: right; width: 50%; }
.panel24-mod-more .c2 .avatar { display: block; }
.panel24-mod-more .c2 .avatar img { width: 100%; }
.panel24-mod-more .vote-box { margin-top: 8px; }
.panel24-mod-more .btn-vote { display: block; overflow: hidden; width: 160px; height: 65px; background: url(/ue1/a/lib/zhuanqu/v2/img/img-panel24-vote.jpg) no-repeat; }
.panel24-mod-more .btn-vote .tit { display: block; height: 33px; padding-top: 5px; font: normal 150%/33px "MicroSoft YaHei"; color: #fff; text-align: center; }
.panel24-mod-more .btn-vote .num { display: block; padding-left: 37px; color: #5b1e08; line-height: 18px; }
.panel24-mod-more .btn-vote:hover { text-decoration: none; }

.panel24-mod-ts { overflow: hidden; width: 100%; }
.panel24-mod-ts .hd .tit { font-size: 100%; }
.panel24-mod-ts .bd { overflow: hidden; *zoom: 1; width: 104%; margin-left: -2px; }
.panel24-mod-ts .con { overflow: hidden; float: left; width: 47%; margin: 2px 0 0 2px; text-align: center; color: #333; line-height: 24px; background-color: #f4f4f4; border-radius: 2px; }
.panel24-mod-ts .con:hover { text-decoration: none; background-color: #e9d1a4; }

.footer-link { margin: 30px 0; }

.footer-link-in { background-color: #fff; }

.footer-link-box { overflow: hidden; *zoom: 1; border: 1px solid #dadada; }
.footer-link-box .item { float: left; width: 102.57143px; height: 200px; padding: 15px 20px; margin-left: -1px; border-left: 1px solid #dadada; }
.footer-link-box .tit { margin-bottom: 5px; font-size: 116.7%; font-weight: bold; }
.footer-link-box .con { line-height: 24px; }
.footer-link-box .con a { display: block; }

.footer-link-box1 { margin-top: -1px; padding: 10px 20px; color: #999; background: #f0eeec; }
.footer-link-box1 .tit { margin-bottom: 5px; font-size: 16px; font-family: "MicroSoft YaHei"  }
.footer-link-box1 .con { line-height: 24px; color: #333333; font-family: "MicroSoft YaHei"; padding-right:25px; font-size: 14px;  }
.footer-link-box1 .con a { display: block; color: #333333; }

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

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

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

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

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

.crumb { padding: 0 15px; color: #666; line-height: 35px; background-color: #eaeaea; }
.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: #fff; text-decoration: none; border-color: #c12c2c; background-color: #c12c2c; }

.art-mod-link { padding: 5px 0 15px; color: #d5d5d5; border-bottom: 1px solid #f0eeec; }
.art-mod-link .list-item { float: left; padding-top: 10px; line-height: 24px; }
.art-mod-link .aline { width: 100%; }
.art-mod-link .tit { position: relative; float: left; _display: inline; width: 4em; margin: 0 10px 0 15px; padding: 0 1em; color: #fff; 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: #c12c2c; }
.art-mod-link .tit-ex .arrow { color: #c12c2c; }
.art-mod-link .tit-ex1 { background-color: #857d72; }
.art-mod-link .tit-ex1 .arrow { color: #857d72; }
.art-mod-link .con { 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: #fff; background-color: #4269d0; }
.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; }

.panel1{ padding-bottom: 15px; }
.panel1 .col-60{ width: 62.58%}
.panel1 .col-40{ width: 37.18%;}
.panel1-mod-pic{ padding-top: 13px}
.panel1-mod-pic .title{ text-align: center; font-weight: bold; font-size: 18px; margin-top: 10px}
.panel1-mod-pic .detail{ overflow: hidden; *zoom:1; font-size: 16px; line-height: 30px}
.panel1-mod-pic .detail-c1{ float: left;}
.panel1-mod-pic .detail-c2{ overflow: hidden; *zoom:1;}
.panel1 .panel8-list-pic{ margin-top: -5px}

.footer{ padding: 25px 0; background:#333333 }

.gl-c-tx { color: #9a3823; }

.gl-c-tx1 { color: #5d2d73; }

.gl-c-tx2, .list-gl { color: #786c63; }

.gl-c-tx3 { color: #697d2e; }

.gl-c-tx4 { color: #000; }

.gl-c-tx5 { color: #09f; }

.mod-fastlink { overflow: hidden; *zoom: 1; margin: 0 10px 10px 15px; }
.mod-fastlink .item { overflow: hidden; float: left; width: 14.28%; line-height: 30px; text-align: center; }
.mod-fastlink .con { display: block; margin: 0 5px 5px 0; color: #fff; background-color: #72655c; }
.mod-fastlink .con:hover { background-color: #4f433b; text-decoration: none; }
.mod-fastlink .con-ex1 { background-color: #d19513; }
.mod-fastlink .con-ex1:hover { background-color: #a37106; }
.mod-fastlink .con-ex2 { background-color: #b9472f; }
.mod-fastlink .con-ex2:hover { background-color: #9a3823; }
.mod-fastlink .con-ex3 { background-color: #80963c; }
.mod-fastlink .con-ex3:hover { background-color: #697d2e; }
.mod-fastlink .con-ex4 { background-color: #6f3888; }
.mod-fastlink .con-ex4:hover { background-color: #5d2d73; }

.pn-s3 { margin: 0 15px 15px; }
.pn-s3 .pn-hd { margin: 0; }

.list-gl { width: 100%; }
.list-gl .tit { width: 6em; padding: 9.6px 12px; font-size: 116.7%; font-weight: bold; text-align: center; border-bottom: 1px dashed #d1d1d1; color: #333 }
.list-gl .con { padding: 9.6px 12px; border-bottom: 1px dashed #d1d1d1; }
.list-gl .con img { vertical-align: middle; }
.list-gl .even { background-color: #f7f6f5; }
.list-gl .list-item { overflow: hidden; }
.list-gl .list-item .c1 { float: left; }
.list-gl .list-item .c2 { overflow: hidden; *zoom: 1; }

.list-news .ico-comment, .list-news .ico-share{  background: url(/ue1/a/csgo/index/2016/img/icon.png) no-repeat;}
.list-news .ico-share{ width: 11px;height: 13px;background-position: -45px 0;}
.list-news .btn-comment .ico-comment{width: 14px;height: 13px;background-position: -30px 0;}
.list-news .art-item-c1{float: left}
.list-news .art-item-c2{overflow: hidden;*zoom: 1}
.list-news{*zoom: 1}
.list-news .list-item{*overflow: hidden;*float: left;*width: 100%}
.list-news .list-item{position: relative;padding: 15px 0;border-top: 1px solid #ededed}
.list-news .list-item:first-child{border-top: 0}
.list-news .list-item:hover{background-color: #fdfdfd}
.list-news .list-item:hover .info{visibility: visible;opacity: 1}
.list-news .art-item-c1{width: 130px;margin-right: 15px}
.list-news .tit{margin-right: 3.5em;font: normal 183.3%/1.3 "MicroSoft YaHei"}
.list-news .tit a{display: inline-block;max-width: 100%;_width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333}
.list-news .tit a:hover{color: #fff;background-color: #4269d0;text-decoration: none}
.list-news .detail{overflow: hidden;height: 3em;margin-top: .7em;line-height: 1.5}
.list-news .info{visibility: hidden;_visibility: visible;margin-top: .5em;opacity: 0;-webkit-transition: opacity .2s ease-in;transition: opacity .2s ease-in}
.list-news .info .c1{float: left}
.list-news .info .c2{float: left;margin-left: 3em}
.list-news .info .c3{float: right}
.list-news .fun-box{position: absolute;top: 22px;right: 0}
.list-news .fun-box a{color: #ababab}
.list-news .fun-box a:hover{color: #4269d0;text-decoration: none}
.list-news .fun-box a:hover .ico-comment{ background-position:-57px 0}
.list-news .fun-box a:hover .ico-share{ background-position:-72px 0}
.list-news .btn-comment{display: none;float: left;line-height: 13px}
.list-news .btn-comment .ico-comment{float: left;margin-right: 2px;}
.list-news .btn-share{float: left;margin-left: 10px}

.wrap-art-list2 .col-70 .col-in{ border: none}
.wrap-art-list2 .art-mod-link{  border: 1px solid #eaeaea; border-top:none}

.zq-side-hd, .zq-side-sbd, .zq-side-zqgl-app { overflow: hidden;  *zoom: 1
}
.zq-side-plist, .zq-side-links-ex {  *zoom: 1
}
.zq-side-plist:before, .zq-side-links-ex:before, .zq-side-plist:after, .zq-side-links-ex:after { display: table; content: ' ' }
.zq-side-plist:after, .zq-side-links-ex:after { clear: both }
.zq-side a:hover, .zq-side-plist li .art-item-pt:hover, .zq-side-rank-video .rank-c1 .num-top, .zq-side-remm-hd .tit { color: #c12c2c }
.zq-side-hd .ico-hd, .zq-side-links a:hover, .zq-side-links-ex a:hover, .zq-side-rank-video .active .rank-c1 .num { background-color: #c12c2c }
.zq-side-links-ex a:hover { border-color: #c12c2c }
.zq-side { width: 300px; margin: 0 auto; font: normal 14px/1.7 "Microsoft Yahei" }
.zq-side a { color: #333 }
.zq-side a:hover { text-decoration: underline }
.zq-side .red { color: #f00 }
.zq-side-mod, .zq-side-box { margin-bottom: 20px }
.zq-side-hd { height: 30px; line-height: 30px; margin-bottom: 10px }
.zq-side-hd .tit { float: left; font: bold 18px/30px "Microsoft Yahei" }
.zq-side-hd .ico-hd { display: inline-block;  *zoom: 1;
width: 3px; height: 16px; line-height: 0; vertical-align: middle; margin: 4px 6px 7px 0; overflow: hidden }
.zq-side-hd .more { float: right; font-size: 12px }
.zq-side-hd .more a { color: #999 }
.zq-side .art-item { overflow: hidden }
.zq-side .art-item .avatar { display: block; margin-bottom: 5px }
.zq-side .art-item .avatar img { display: block; width: 100% }
.zq-side .art-item-pt { display: block }
.zq-side .art-item-pt .txt, .zq-side .art-item-pt .tit { display: block; cursor: pointer }
.zq-side .art-item-pt .txt { height: 40px; line-height: 20px; overflow: hidden }
.zq-side .art-item-pt:hover { text-decoration: none }
.zq-side .art-item-pt:hover .tit { text-decoration: underline }

.zq-side-nlist {  *zoom: 1
}
.zq-side-nlist li {
 *overflow: hidden;
 *zoom: 1;
 *display: inline; line-height: 28px }
.zq-side-nlist li .art-item-c1 { float: right; margin-left: 10px; font-size: 12px; color: #999 }
.zq-side-nlist li .art-item-c2 { overflow: hidden;  *zoom: 1
}
.zq-side-nlist li .art-item-c2 .tit { width: 99.5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }

.zq-side-plist { _position: relative;  *zoom: 1;
margin: 0 -10px }
.zq-side-plist li { float: left; _display: inline; position: relative;  *zoom: 1;
width: 50% }
.zq-side-plist li .art-item { padding: 0 10px; max-width: 140px }
.zq-side-plist li .art-item-pt { color: #666 }
.zq-side-plist li .art-item-pt:hover { text-decoration: none }
.zq-side-plist li .art-item-pt:hover .tit, .zq-side-plist li .art-item-pt:hover .txt { text-decoration: underline }
.zq-side-plist .art-item { margin-left: auto; margin-right: auto }
.zq-side-plist .tit { width: 99.8%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-left: auto; margin-right: auto; text-align: center }
.zq-side-plist-recd .txt { overflow: hidden; height: 40px; line-height: 20px; margin-top: 5px }
.zq-side-plist-video li { margin-bottom: 10px }


.zq-side-mod-tg { margin-bottom: 20px }
.zq-side-mod-tg a { display: block; margin-bottom: 15px }

.zq-side-shd .tit { display: inline-block;  *display: inline;
 *zoom: 1;
background: #ededed; height: 24px; line-height: 24px; padding: 0 5px; font-weight: bold; color: #333 }
.zq-side-sbd { padding-top: 10px }
.zq-side-links a { color: #333; white-space: nowrap }
.zq-side-links a:hover { color: #fff; text-decoration: none }
.zq-side-links .sep { font-size: 12px; font-family: "Simsun"; color: #a9a9a9; margin: 0 5px }
.zq-side-links-ex a { display: block; float: left; padding: 0 10px; border: 1px solid #e5e5e5; margin: -1px -1px 0 0; color: #666; height: 33px; line-height: 33px; white-space: nowrap }
.zq-side-links-ex a:hover { color: #fff; text-decoration: none }