body { background: #131211; min-width: 1000px;}

.zq-wrap { background: url(/ue/a/poe/index/2016/img/top-bg.jpg) no-repeat center top; }

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

.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; _overflow: hidden;}

.content-in { *zoom: 1; padding-top: 15px; border: 1px solid #dadada; border-top-width: 0; background-color: #fff; }

img { vertical-align: middle; }

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

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

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

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

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

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

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

.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/poe/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 { 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%; }
.content-final .content-in .col-in {border: 1px solid #f0eeec}
.content-art-list .content-in .col-in {border:0}


.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; *zoom:1;}
.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); }

.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: #6c4422; }
.tab-panel .sep {height:38px; margin-top: -19px; border-left: 1px solid #a88548;}
.tab-panel .current .tab-con { color: #333; background-color: #fff; }

.comm-pn .pn-hd { position: relative; line-height: 46.8px; color: #fff; background-color: #a88548; }
.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 #a88548;}
.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: 2px solid #a88548; }

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

.header-c1 { position: absolute; bottom: 0; left: 0; width: 100%; }

.logo-box { position: absolute; left: 170px; top: 187px; width: auto; }
.logo-box .logo { display: block; text-align: center; }
.logo-box .logo:hover { text-decoration: none; }
.logo-box .game-name { display: block; font: normal 183.3%/1.5 "MicroSoft YaHei","SimHei"; color: #ffa62d; }
.logo-box .game-url { display: block; font: normal 133.3%/1.5 "MicroSoft YaHei","SimHei"; color: #ffa62d; }

.nav-list .active .nav-con, .nav-list .current .nav-con, .nav-item:hover .nav-con { color: #fff; background-color: #6c4422; }
.nav-list .active .nav-ico-drop, .nav-list .current .nav-ico-drop, .nav-item:hover .nav-ico-drop { color: #fff; }

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

.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 #8f6823; }

.nav-ico-drop { display: inline-block; font-size: 22px; color: #783e65; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); vertical-align: middle; }

.nav-sub { position: relative; margin-left: 1px; }

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

.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 { font-weight: bold; color: #a88548; }
.header-quick-start .con { color: #999; }
.header-quick-start .bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 85px; background-color: #4a341f; filter: alpha(opacity=90); opacity: 0.9; }

.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: #694b31 url(/ue/a/poe/index/2016/img/header-c2.jpg) no-repeat center bottom; }
.header-c2 .link-box { overflow: hidden; *zoom: 1; margin-bottom: 15px; border-bottom: 1px solid #4a341f; background-color: #694b31;}
.header-c2 .link-box .con { float: left; width: 49.9%; margin-left: -1px; font: normal 150%/40px "MicroSoft YaHei"; color: #a88548; text-align: center; border-left: 1px solid #4a341f; }
.header-c2 .link-box .con:hover { color: #fff; text-decoration: none; background-color: #4a341f; }
.header-c2 .link-box1 { margin: 0 20px 8px; color: #a88548; }
.header-c2 .link-box1 .con { color: #a88548; }
.header-c2 .search-box { margin: 0 20px; }
.header-c2 .search-con { position: relative; overflow: hidden; height: 24px; padding: 0 28px 0 8px; background: rgba(0,0,0,.2); background: #553d28\9; border-radius: 2px; }
.header-c2 .txt-search { *position: relative; *top: -1px; width: 100%; height: 24px; line-height: 24px; margin: 0; padding: 0; color: #a88548; 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; 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: #999; -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(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'); }

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

.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: 15px; 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: #4a4948; background-color: #191919; }
.focus-nav a:hover { text-decoration: none; }
.focus-nav .current { color: #b9472f; background-color: #d6a851; }

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

.fs-comm-mod { margin-top: 15px; }
.fs-comm-mod .hd { background-color: #f8f6eb; }

.fs-mod-news .hd { background-color: #f8f6eb; }

.fs-mod-zl-news .links { text-align: center; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px dashed #c6c6c6; }

.fs-tab-news .tab-item { position: relative; }
.fs-tab-news .tab-con { color: #333; padding: 0 2em; }
.fs-tab-news .sep { height: 9.6px; margin-top: -4.8px; border-left: 1px solid #999; }
.fs-tab-news .arrow-down { color: #a88548; }
.fs-tab-news .current .tab-con { background-color: #a88548; color: #fff}

.fs-list-txt .list-item { line-height: 25px; }
.fs-list-txt .sep { margin-bottom: 10px; padding-bottom: 12px;}
.fs-list-txt .tit { font-size: 116.7%; }

.fs-mod-gl { overflow: hidden; *zoom: 1; margin-bottom: 15px; padding: 0 10px; background-color: #f8f6eb; }

.fs-list-gl { width: 100%; margin-top: -1px;}
.fs-list-gl th, .fs-list-gl td { border-top: 1px dashed #c6c6c6; }
.fs-list-gl .tit { width: 4em; margin: 10px 0; padding: 0 10px; font-size: 116.7%; line-height: 30px; color: #fff; font-weight: bold; white-space: nowrap; text-align: center; }
.fs-list-gl .tit-ex { background-color: #857d72; }
.fs-list-gl .tit-ex1 { background-color: #a88548; }
.fs-list-gl td { padding: 7px 0; }
.fs-list-gl td a { float: left; margin-left: 1em; white-space: nowrap; }

.fs-mod-zl-pic { background-color: #f8f6eb; }
.fs-mod-zl-pic .hd { padding: 15px 0 10px; }

.fs-list-zl-pic { padding-left: 10px; }
.fs-list-zl-pic .list-item { float: left; width: 33.3%; padding-bottom: 15px; }
.fs-list-zl-pic .art-item { max-width: 180px; margin-right: 10px; }
.fs-list-zl-pic .txt { margin-top: 5px; }


.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: 360px; _height: 300px; margin: 15px 10px 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: 360px; 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; }
.panel6-pic-box{margin-top: 15px;}
.panel6-pic-box .txt{text-align: center; padding-top: 10px; font-size: 14px; color: #999}
.panel6-pic-box .txt a{padding: 0 10px; color: #333}
.panel6-pic-box .txt a:hover{color:#b91519}

.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 { 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 .pn-s3{ overflow: hidden;}
.panel13-list-pic .list-item { float: left; width: 19.9%; margin-top: 15px; }
.panel13-list-pic .art-item { width:180px;}
.panel13-list-pic .tit { overflow: hidden; height: 2.8em; margin: 10px 0 5px; font-size: 116.7%; line-height: 1.5;}

.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-top: 15px;}

.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: 15px 20px; color: #999; border: 1px solid #dadada; }

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

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

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

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

.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: #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 { float: left; }
.art-mod-link .con a { display: inline-block; white-space: nowrap; }

.art-list .list-item{border-bottom: 1px dotted #cccccc; padding: 10px 0 15px; font-family: "Microsoft Yahei"}
.art-list .art-tit{padding-right:130px; position: relative;}
.art-list .art-tit .tit{width: 100%; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;font-weight: bold; font-size: 22px; }
.art-list .bt-gl{position: absolute; right: 0; _right:8px; top:10px; color:#dc722f; font-size: 14px; border: 1px solid #dc722f; line-height:24px; padding: 0 5px;}
.art-list .art-info{color:#999; padding:3px 0}
.art-list .art-txt{font-size: 14px; padding-top: 5px;}
.art-list .art-txt a{color:#0068b7}
.art-list-ex .art-item-c1{width: 158px; margin-right: 20px; margin-top: 8px; float: left;}
.art-list-ex .art-item-c2{overflow: hidden; *zoom:1; }
.art-list-ex .art-tit{padding-right: 0}

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


/* Slider */
/*.slick-list{ position: relative; display: block;}
.slick-list:focus{ outline: none; }
.slick-track { display: block;position: relative; left: 0; top: 0; *zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track,.slick-loading .slick-slide{ visibility: hidden; }
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;  }
.slick-slide img,.slick-initialized .slick-slide { display: block;}
.slick-loading img { display: none; }

.slick-past-wrap{position: relative;width: 968px;height:190px; margin:0 auto; }
.slick-past-wrap .slick-list{_width:968px;}
*/


/* Slider */
.slick-list{ position: relative; overflow: hidden; display: block;}
.slick-list:focus{ outline: none; }
.slick-track { display: block;position: relative; left: 0; top: 0; *zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track,.slick-loading .slick-slide{ visibility: hidden; }
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;  }
.slick-slide img,.slick-initialized .slick-slide { display: block;}
.slick-loading img{display: none;}

.slick-past-wrap{position: relative; width: 968px; height:190px; margin: 0 auto;}
.slick-past-wrap .slick-list{_width:968px;}
.slick-past .past-item{position: relative;*zoom:1;display: block;margin:0 25px;}
.slick-past .slick-prev,.slick-past .slick-next {position: absolute;z-index:12;top:-37px;display: block;height:28px;width: 28px;line-height:24px;font-size: 0;
	cursor: pointer; outline: none;background:url(/ue/a/poe/index/2016/img/bg-arr.png) no-repeat; z-index: 99}
.slick-past .slick-prev{right: 50px;background-position: 0 0; }
.slick-past .slick-prev:hover{background-position:0 -32px;}
.slick-past .slick-next{right: 12px;background-position:-31px 0}
.slick-past .slick-next:hover{background-position:-31px -32px;}
.slick-past .slick-disabled{opacity: 0.5;} 


.footer { background:#18181f;}
/*box-footer*/
.box-footer {padding:30px 0 5px; margin-top: 30px;}
.box-footer .box-in { width:1000px; margin:auto; overflow:hidden; *zoom:1;}

.box-footer .box-left { width:540px; float:left;}
.box-footer .box-right { width:440px; float:left; margin-left:20px;}
/*mod-search1*/
.mod-search1 { display:block; text-align:center; margin:0 auto 30px; border: 1px solid #6c4422; border-radius: 5px; width:274px; position: relative; height:32px; line-height: 32px; padding: 0 5px;}
.mod-search1 form {overflow:hidden; *zoom:1;}
.mod-search1 .txt {float:left; color:#a88548; background:none; width:225px; padding:0 5px; height:32px; border:0; line-height:22px; font-size:12px;line-height: 32px;}
.mod-search1 .input-focus { color:#000!important;}
.mod-search1 .btn-search{display: block; overflow: hidden; float: left; width:38px; height:32px; text-align: center; position: relative;}
.mod-search1 .btn{ position: absolute; left: 0; top: 0; width: 38px; height:32px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; z-index: 9;}
.mod-search1 .nav-ico-search { display: block; width: 24px; margin-left: 10px; margin-top:5px; font-size: 26px; line-height: 24px; color: #6a4322; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }


.mod-search1 .btn-backtop {position: absolute; right: -100px; top: 0; font-size:12px; color:#a88548; line-height:32px; background:url(/ue/a/poe/index/2016/img/top.png) no-repeat right center; padding-right:20px; margin-left:20px;}

/*mod-con3*/
.mod-con3 { position:relative; overflow:hidden; margin-bottom:10px; margin-bottom:10px; *zoom:1;}
.mod-con3 .mod-in { position:relative;}
.mod-con3 .mod-hd { height:36px; background:#2d2823; overflow:hidden;}
.mod-con3 .mod-hd h2 {font-size:16px; line-height: 36px; color:#a88548; font-family:"Microsoft Yahei","Simsun",Arial; padding: 0 15px;}
.mod-con3 .mod-bd { margin-left:-1px;  padding: 15px 0; overflow: hidden; *zoom:1;}
/*list-con5*/
.list-con5 { border-left:1px solid #26221e; width:24.7%; float:left; overflow:hidden;}
.list-con5 li { color:#999; font-size:12px; float:left; width:100%; text-align:center; line-height:28px;}
.list-con5 li a { color:#999;}
.list-con5 li a:hover { text-decoration:underline;}
.list-con5 li.focus { font-weight:bold; font-size:16px}

/*mod-info0*/
.mod-info0 {}
.mod-info0 .pic { width:150px; height:135px; border:1px solid #3d3c3c; float:left;}
.mod-info0 .pic img { width:100%; height:100%; vertical-align:top;}
.mod-info0 .txt { margin-left:170px;}
.mod-info0 .item { display:block; color:#818486; line-height:22px; font-size:12px;}
.mod-info0 .item .con { color:#fff;}
.mod-info0 .item a { color:#fff;}
.mod-info0 .item a:hover { text-decoration:underline;}
.mod-info0 .mod-bd{margin-left:0 }

/*mod-coop0*/
.mod-coop0 { border:1px solid #3c3c3c; border-left:0; border-right:0; line-height:26px; padding:15px; margin-top:2px;}
.mod-coop0 .tit { font-size:14px; font-weight:bold; color:#fff;}
.mod-coop0 a { color:#6b6b6b; font-size:12px; margin:0 10px;}
.mod-coop0 a:hover { color:#999; text-decoration:underline;}


.footer-link { margin-top: 10px; }

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

.zy-tag{font-size: 0; padding: 20px 0}
.zy-tag a{display: inline-block; background:#857d72; color: #fff; padding: 0 30px; line-height: 30px; margin: 0 2px 4px; font-size: 12px;}
.zy-tag a:hover{background: #a88548}