.list-item, .art-item-c2, .mod-fs-links .item, .mod-fs-links .item .item-c2, .pn-hero .pn-bd, .pn-hero .col-r, .pn-hero .mod-hero, .mod-contact, .mod-contact-c2, .mod-video-info-c1, .mod-video-info-c1 .info, .mod-video-info-c2 .support, .mod-video-info-c2 .support .txt-box, .mod-video-info-c2 .box-zs, .main, .pn-zy .pn-bd, .pn-zy .col-r, .zq-side-mod-app .zq-side-mod-c1, .zq-side-mod-app .zq-side-mod-c1 .txt { overflow: hidden; *zoom: 1; }

.pn .pn-hd, .pn-fs, .mod-fs-fw, .tab-comm, .tab-news, .tab-gl, .comm-plist, .hero-list, .scroll-list, .pn-hero .col-l, .pn-gl, .pn-version, .pn-video, .pn-news, .mod-rank .hd, .pn-zm, .art-mod-link, .mod-video-info, .pn-rank, .zq-side-ptlist .item, .zq-side-plist, .zq-side-plist-gl, .zq-side-links-ex, .zq-side-list-plate .item, .zq-side-mod-app .zq-side-mod-c2 { *zoom: 1; }
.pn .pn-hd:after, .pn-fs:after, .mod-fs-fw:after, .tab-comm:after, .tab-news:after, .tab-gl:after, .comm-plist:after, .hero-list:after, .scroll-list:after, .pn-hero .col-l:after, .pn-gl:after, .pn-version:after, .pn-video:after, .pn-news:after, .mod-rank .hd:after, .pn-zm:after, .art-mod-link:after, .mod-video-info:after, .pn-rank:after, .zq-side-ptlist .item:after, .zq-side-plist:after, .zq-side-plist-gl:after, .zq-side-links-ex:after, .zq-side-list-plate .item:after, .zq-side-mod-app .zq-side-mod-c2:after { display: table; content: ""; clear: both; }

.content, .area-comment .pn { width: 1000px; margin: 0 auto; }

.ico-support, .mod-fs-fw .con, .tab-gl .tab-con .cover, .tab-gl .tab-con .border, .tab-gl .tab-con .mask1, .tab-hero .ico, .scroll-list .item .con .peo, .zq-side-plist-gl li .tit { -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.pn-fs-c1 .mod-focus .txt-box .txt-in, .mod-fs-news .hot-news .tit, .comm-plist li .txt, .news-list li .tit, .hero-list li .txt .tit, .scroll-list .item .txt-box .tit, .list-article .art-item-c2 .tit, .zq-side-plist-gl li .tit, .zq-side-list-event .art-item-c2, .zq-side-mod-app .zq-side-mod-c1 .txt .tit { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; *width: 100%; }

/*the global*/
body { font-size: 14px; font-family: "Microsoft Yahei"; min-width: 1280px; }

a { color: #333; }

a:focus, a:active, a:hover { outline: none; }

.global-footer { color: #fff; background: #4d4b56; padding: 20px 0; }

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

.mask { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.7; filter: alpha(opacity=70); }

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

.ico { display: inline-block; overflow: hidden; vertical-align: middle; background: url(/ue/a/news/shouyou/dn/index/2017/img/sprite.png); }

.ico-tj { width: 27px; height: 28px; }

.ico-data { width: 29px; height: 28px; background-position: -35px 0; margin-top: 3px; }

.ico-light { width: 28px; height: 28px; background-position: -72px 0; }

.ico-gift { width: 20px; height: 28px; background-position: -112px 0; }

.ico-h1 { width: 25px; height: 26px; background-position: 0 -40px; margin: 0 5px 3px 0; }

.ico-h2 { width: 25px; height: 30px; background-position: -29px -40px; margin: 0 5px 3px 0; }

.ico-h3 { width: 25px; height: 30px; background-position: -58px -40px; margin: 0 5px 3px 0; }

.ico-h4 { width: 25px; height: 30px; background-position: -87px -40px; margin: 0 5px 3px 0; }

.ico-video { width: 16px; height: 16px; background-position: -122px -40px; margin: 0 5px 3px 0; }

.ico-contact { width: 106px; height: 104px; background-position: -149px -44px; display: black; margin: 0 auto; }

.ico-support { width: 36px; height: 34px; background-position: -255px 0; float: left; margin: 18px 12px 0 27px; }

.content { padding: 25px 0 40px; }

.pn { padding-top: 40px; }

.mod .hd { height: 36px; line-height: 36px; position: relative; }
.mod .hd .tit { font-weight: bold; font-size: 18px; }
.mod .hd .tit .sep { width: 5px; height: 20px; display: inline-block; vertical-align: middle; margin: 0 8px 2px 0; background: #333; }
.mod .hd .more { position: absolute; right: 0; top: 0; font-size: 12px; }
.mod .hd .more a { color: #999; }
.mod .hd .more a:hover { color: #333; }
.mod .bd { padding-top: 10px; }

.pn .pn-hd { height: 36px; line-height: 36px; position: relative; }
.pn .pn-hd .tit { font-weight: bold; font-size: 22px; float: left; padding-right: 35px; }
.pn .pn-hd .tit .sep { width: 5px; height: 20px; display: inline-block; vertical-align: middle; margin: 0 8px 2px 0; background: #333; }
.pn .pn-hd .more { position: absolute; right: 0; top: 0; font-size: 12px; }
.pn .pn-hd .more a { color: #999; }
.pn .pn-hd .more a:hover { color: #333; }
.pn .pn-bd { padding-top: 10px; }

.art-item-c1 { float: left; }

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

@font-face { font-family: 'icofont'; src: url("#"); src: url("#") format("embedded-opentype"), url("#") format("truetype"), url("/news/z/dn/2017css/data:application/font-woff;base64,d09grgabaaaaaaiaaasaaaaacdqaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabpuy8yaaabcaaaagaaaabgdxif2wntyxaaaafoaaaavaaaafqxvtklz2fzcaaaabwaaaaiaaaacaaaabbnbhlmaaabxaaabgaaaargyehifmhlywqaaaykaaaangaaadylxxdlaghlyqaablwaaaakaaaajafca8pobxr4aaaggaaaacqaaaakggad9gxvy2eaaaakaaaafaaaabqcsgpobwf4caaabrgaaaagaaaaiaaeafzuyw1laaag2aaaayyaaaggmuoj+3bvc3qaaahgaaaaiaaaacaaawaaaamdqwgqaauaaakzaswaaacpapkczaaaaesamwejaaaaaaaaaaaaaaaaaaaaaraaaaaaaaaaaaaaaaaaaaaaqaaa6qqdwp/aaeadwabaaaaaaqaaaaaaaaaaaaaaiaaaaaaaawaaaamaaaacaaeaawaaabwaawabaaaahaaeadgaaaakaagaagacaaeaioke/3/waaaaaaioka/3/wab/+mxbaadaaeaaaaaaaaaaaaaaaeaaf/aa8aaqaaaaaaaaaaaaiaadc5aqaaaaabaaaaaaaaaaaaagaanzkbaaaaaaeaaaaaaaaaaaacaaa3oqeaaaaaagaa/8aeaapaabcakwaaat4bntquaimidgivfb4cmzi2nwe3asiuaju0pgizmh4cfq4darohjt1oje9pjgg9pwimtzpjmaezgp2gmltekczdxdq1w0qmaildwqfmmgw+t4xopt1oje9pjgg9hr3+xmabiczewzuyw0qojkncndnarsgafactaqadbqkaaamabwalaa8aewaxabsahwajaccakwawadqaoaa8aeaarabiaewauqaaezmvizczfsmlmxujnzmviyezfsm3mxujmtmvizczfsmxmxujnzmvizezfsm3mxujntczfsm3mxujizmvizczfsmjmxujnzmviymzfsmjmxujna1aqebaqaiaqebaqed9webaqebaqebaqebaqebaqebaqebawebaqebagebaqebagebaqebaqebaqebaaobaqebaqebaqebaqebaqebaqebaqmbaqebaqebaqebaqeaafafnagaczqmgaamabwalaa8aewaxabsahwakackalqaxaduaoqa9aeeargblae8auwaaatmvizezfsmrmxujmtmviwmzfsmxmxujjzmvizezfsmnmxujnruzfsm1izmvizezfsmxmxujmtmviyczfsmxmxujjzmvizuvmxujnsczfsmnmxujao1aqebaqebaqebaqebaqebaqebaqebaqebaqebawebaqebaqebaqebaqebaqebaqebaaybaqp5aqeacgebaqebaqebaqebaqecaqedaqedaqebaqebaqibaaaaafafnagaczqmgaamabwalaa8aewaxabwaiqalackalqaxaduaoqa+aemarwblae8auwaajtmvizuzfsmrmxujntmvixmzfsm1mxujnzmvizu1mxujntsbfsm1mxujnzmvizuzfsmdmxujntmvixczfsm1ntmvizuxmxujntmvizsbfsm7arujau1aqebaqebaqebaqebaqebaqebaqebaqebaqebawebaqebaqebaqebaqebaqebaqebaoecaqajaqiba/gbagebaqebaqebagebaqibaaqbagebaqebaqecaqibaqeaaabqarqeaa20cgaadaacacwapabmafwabab8aiwanacsamaa0adgapabaaeqasabmafeaaaezfsmnmxujjtmviyczfsmlmxujjzmvizuzfsmnmxujntmviyczfsm1mxujjzmvizuhmxujjzmvizczfsmnmxujnzmviyczfsm3mxujnzmvizudlubaqeba/gbaqebaqajaqebaqebaqebaqebaqebaqebaqedaqebaqecaqebaqecaqebaqebaqebaqeabqebaqebaqecaqebagebaqibaqecaqebaqmbaqecaqebagebaqibagebaaaaaaaeaaaaaaadowqnbxw889qalbaaaaaaa1b+zdaaaaaduh5l0aad/waqaa8aaaaaiaaiaaaaaaaaaaqaaa8d/waaabaaaaaaabaaaaqaaaaaaaaaaaaaaaaaaaakeaaaaaaaaaaaaaaacaaaabaaaaaqaak0eaafnbaabtqqaak0aaaaaaaoafaaeagaa0gfeabgcmaabaaaacqbuabqaaaaaaaiaaaaaaaaaaaaaaaaaaaaaaaaadgcuaaeaaaaaaaeabwaaaaeaaaaaaaiabwbgaaeaaaaaaamabwa2aaeaaaaaaaqabwb1aaeaaaaaaauacwavaaeaaaaaaayabwblaaeaaaaaaaoaggckaamaaqqjaaeadgahaamaaqqjaaiadgbnaamaaqqjaamadga9aamaaqqjaaqadgb8aamaaqqjaauafgagaamaaqqjaayadgbsaamaaqqjaaoanackawnvbw9vbgbpagmabwbtag8abwbuvmvyc2lvbiaxljaavgblahiacwbpag8abgagadealgawawnvbw9vbgbpagmabwbtag8abwbuawnvbw9vbgbpagmabwbtag8abwbuumvndwxhcgbsaguazwb1agwayqbyawnvbw9vbgbpagmabwbtag8abwburm9udcbnzw5lcmf0zwqgynkgswnvtw9vbi4argbvag4adaagagcazqbuaguacgbhahqazqbkacaaygb5acaasqbjag8atqbvag8abgauaaaaawaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa") format("woff"), url("#") format("svg"); font-weight: normal; font-style: normal; }
.header-font { font-family: 'icofont' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.header-font-search { font-size: 16px; color: #484848; text-align: center; position: absolute; left: 0; top: 0; width: 24px; height: 24px; line-height: 24px; cursor: pointer; }

.header { width: 100%; height: 380px; background: url(#) bottom center no-repeat; font: normal 14px/1.7 "Microsoft Yahei","SimSun"; }

.header-in { height: 100%; position: relative; }

.logo-box { position: absolute; top: 25px; left: 0; display: block; width: 320px; line-height: 1.3; color: #86838d; text-align: center; position: absolute; }

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

.logo-box .avatar { margin-bottom: 10px; }

.logo-box a { text-decoration: none; }

.game-box { position: absolute; top: 10px; right: 15px; width: 187px; }

.game-box .box-c1 { overflow: hidden; *zoom: 1; padding: 4px 2px; background: #d2cfcc; border-top-left-radius: 6px; border-top-right-radius: 6px; }

.game-box .box-c1 a { float: left; display: block; margin: 0 1px; }

.game-box .box-c2 { text-align: center; font-size: 12px; color: #becbe8; background: #32363d; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }

.header-c1 { position: absolute; bottom: 0; left: 0; width: 715px; }

.nav { background-color: #1634a2; padding-right: 30px; }

.nav-list { overflow: hidden; *zoom: 1; }

.nav-item { float: left; width: 20%; }

.nav-con { display: block; overflow: hidden; min-width: 3em; height: 50px; font: normal 18px/50px "MicroSoft YaHei"; color: #fff; text-align: center; }

.nav-list .current .nav-con, .nav-con:hover { background: #0091bf; text-decoration: none; }

.nav-list .current .nav-con { background: #0091bf; }

.nav-sub { overflow: hidden; *zoom: 1; height: 45px; padding: 0 0 0 20px; background-color: #c72525; color: #fff; line-height: 45px; }

.nav-sub .tit { float: left; }

.nav-sub .con { float: left; margin-right: 20px; font: normal 14px/45px "Microsoft YaHei"; color: #fff; }

.header .quick-start2 { overflow: hidden; position: relative; z-index: 2; height: 67px; padding-top: 8px; padding-right: 30px; }

.header .quick-start2 .item { float: left; padding: 0 10px 0 20px; line-height: 30px; color: #7c81a0; white-space: nowrap; }

.header .quick-start2 .con { color: #7c81a0; margin-right: 7px; }

.header .quick-start2 .con:hover { color: #0091bf; }

.header .quick-start2 .bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 75px; background-color: #000; filter: alpha(opacity=55); opacity: 0.55; }

.header-c2 { position: absolute; z-index: 10; bottom: 0; right: 0; width: 290px; }

.header-c2 .shadow { box-shadow: -3px 0 4px rgba(0, 0, 0, 0.6); }

.header-c2 .link-box { overflow: hidden; *zoom: 1; }

.header-c2 .link-box .con { float: left; width: 145px; line-height: 55px; text-align: center; height: 55px; color: #fff; font-size: 18px; font-weight: bold; background: url(/ue/a/news/shouyou/dn/index/2017/img/header-ico.png); }

.header-c2 .link-box .btn-xz { background-position: 0 -28px; }

.header-c2 .link-box .btn-xz:hover { background-position: 0 -85px; }

.header-c2 .link-box .btn-gl { background-position: -145px -28px; }

.header-c2 .link-box .btn-gl:hover { background-position: -145px -85px; }

.header-c2 .link-box .con:hover { text-decoration: none; }

.header-c2 .link-box2 { overflow: hidden; *zoom: 1; background-color: #c72525; }

.header-c2 .link-box2 .con { float: left; width: 49.9%; margin-left: -1px; font: normal 18px/45px "MicroSoft YaHei"; color: #fff; text-align: center; border-left: 1px solid #a71f1f; }

.header-c2 .link-box2 .con:hover { text-decoration: none; background: #cd3b3b; }

.header-c2 .link-box3 { padding: 8px 0 7px 28px; color: #7c81a0; background: #252525; font-size: 14px; overflow: hidden; }
.header-c2 .link-box3 span { color: #0091bf; padding-left: 10px; }

.header-c2 .link-box3 .con { color: #999; }

.header-c2 .link-box3 .sep { color: #999; margin: 0 5px; font-family: "Simsun"; }

.header-c2 .search-box .active .txt-search, .header-c2 .search-con:hover .txt-search { color: white; }

.header-c2 .search-box { padding: 0 25px; background: #252525; height: 36px; }

.header-c2 .search-con { position: relative; overflow: hidden; height: 28px; padding: 0 38px 0 8px; background-color: #111; border-radius: 2px; }

.header-c2 .txt-search { *position: relative; *top: -1px; width: 100%; height: 28px; line-height: 28px; margin: 0; padding: 0; color: #999; border: 0; background: none; }

.header-c2 .txt-search:focus { color: white; }

.header-c2 .btn-search { overflow: hidden; position: absolute; top: 0; right: 0; width: 26px; height: 24px; text-align: center; }

.header-c2 .btn-search .btn { position: absolute; width: 24px; height: 24px; opacity: 0; filter: alpha(opacity=0); cursor: pointer; left: 0; top: 0; }

.header .con:hover { text-decoration: underline; }

.header-ico { display: inline-block; vertical-align: middle; overflow: hidden; background: url(/ue/a/news/shouyou/dn/index/2017/img/header-ico.png) no-repeat; }

.header-ico-xz, .header-ico-gl { width: 24px; height: 24px; margin: 13px 8px 14px 0; }

.header-ico-gl { background-position: -25px 0; }

.pn-fs-c1 { float: left; width: 360px; padding-top: 5px; }
.pn-fs-c1 .mod-focus { height: 200px; overflow: hidden; position: relative; }
.pn-fs-c1 .mod-focus .slick-slide { position: relative; }
.pn-fs-c1 .mod-focus .txt-box { width: 100%; position: absolute; left: 0; bottom: 0; height: 35px; line-height: 35px; z-index: 3; }
.pn-fs-c1 .mod-focus .txt-box .txt-in { display: block; padding: 0 70px 0 10px; color: #fff; font-size: 15px; }
.pn-fs-c1 .mod-focus .focus-num { position: absolute; right: 20px; top: 165px; z-index: 10; color: #fff; line-height: 35px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; letter-spacing: 2px; }
.pn-fs-c1 .mod-focus .focus-num .cur-num { color: #ff6000; }
.pn-fs-c1 .mod-focus .slick-prev { position: absolute; left: 301px; top: 177px; width: 0; height: 0; line-height: 0; border-width: 5px; border-style: solid; border-color: transparent #fff transparent transparent; border-style: dashed solid dashed dashed; cursor: pointer; z-index: 99; }
.pn-fs-c1 .mod-focus .slick-prev:hover { border-color: transparent #ff6000 transparent transparent; }
.pn-fs-c1 .mod-focus .slick-next { position: absolute; left: 344px; top: 177px; width: 0; height: 0; line-height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #fff; border-style: dashed dashed dashed solid; cursor: pointer; z-index: 99; }
.pn-fs-c1 .mod-focus .slick-next:hover { border-color: transparent transparent transparent #ff6000; }

.pn-fs-c2 { width: 360px; margin-left: 30px; float: left; }

.pn-fs-c3 { width: 220px; float: right; }
.pn-fs-c3 .mod:first-child { margin-bottom: 20px; }

.mod-fs-links { padding-top: 15px; }
.mod-fs-links .item { background: #f0f0f0; margin-bottom: 1px; }
.mod-fs-links .item .item-c1 { float: left; width: 95px; height: 70px; line-height: 70px; background: #ebd8b8; position: relative; }
.mod-fs-links .item .item-c1 .tit { text-align: center; font-weight: bold; }
.mod-fs-links .item .item-c1:after { content: ''; display: block; overflow: hidden; position: absolute; width: 0; height: 0; font-size: 0; border-bottom: 4px dashed transparent; border-right: 6px dashed transparent; border-left-style: solid; border-left-width: 6px; border-top-style: solid; border-top-width: 6px; color: #ebd8b8; position: absolute; right: -10px; top: 0; }
.mod-fs-links .item .item-c2 { padding: 10px; font-size: 0; }
.mod-fs-links .item .item-c2 a { color: #666; padding: 0 12px; font-size: 14px; display: inline-block; line-height: 1.8; }
.mod-fs-links .item .item-c2 a:hover { color: #333; text-decoration: underline; }
.mod-fs-links .item2 .item-c1 { background: #c7d5d7; }
.mod-fs-links .item2 .item-c1:after { color: #c7d5d7; }
.mod-fs-links .item3 .item-c1 { background: #decbf1; }
.mod-fs-links .item3 .item-c1:after { color: #decbf1; }

.mod-fs-fw { margin-right: -1px; padding-top: 25px; }
.mod-fs-fw .con { display: block; width: 89px; height: 83px; margin-right: 1px; text-align: center; color: #fff; float: left; }
.mod-fs-fw .con .c1 { display: block; height: 30px; padding: 18px 0 3px; }
.mod-fs-fw .con .c2 { display: block; }
.mod-fs-fw .con1 { background: #889852; }
.mod-fs-fw .con1:hover { background: #93a159; }
.mod-fs-fw .con2 { background: #9b9e51; }
.mod-fs-fw .con2:hover { background: #a4a758; }
.mod-fs-fw .con3 { background: #b59832; }
.mod-fs-fw .con3:hover { background: #bca137; }
.mod-fs-fw .con4 { background: #7d6795; }
.mod-fs-fw .con4:hover { background: #88709f; }

.mod-fs-news .hot-news { text-align: center; padding-bottom: 10px; }
.mod-fs-news .hot-news .tit { font-weight: bold; font-size: 26px; color: #c52424; }
.mod-fs-news .hot-news .tit a { color: #c52424; }
.mod-fs-news .hot-news .links { padding: 8px 0; }
.mod-fs-news .hot-news .links a { color: #999; padding: 0 2px; }
.mod-fs-news .hot-news .links a:hover { color: #c52424; text-decoration: underline; }
.mod-fs-news .more { display: block; line-height: 32px; text-align: center; background: #f0f0f0; font-size: 12px; margin-top: 22px; }
.mod-fs-news .more:hover { background: #e2e2e2; }

.tab-comm { float: left; margin-left: -6px; }
.tab-comm .tab-item { float: left; margin-left: 6px; position: relative; }
.tab-comm .tab-con { display: inline-block; line-height: 27px; padding: 0 8px; border-radius: 5px; }
.tab-comm .current .tab-con { background: #0091bf; color: #fff; }

.tab-comm-ex { margin: 0 -11px; }
.tab-comm-ex .tab-item { margin: 0 11px; }
.tab-comm-ex .tab-con { font-size: 16px; border-radius: 3px; line-height: 30px; color: #999; }
.tab-comm-ex .tab-sep { left: -12px; width: 1px; height: 16px; background: #e6e6e6; overflow: hidden; top: 50%; margin-top: -8px; position: absolute; }
.tab-comm-ex .current .tab-con { font-weight: bold; }
.tab-comm-ex .tab-item:first-child .tab-sep { display: none; }

.tab-news { background: #f0f0f0; margin-bottom: 25px; }
.tab-news li { float: left; width: 25%; text-align: center; position: relative; }
.tab-news li a { display: block; line-height: 40px; }
.tab-news li .arrow { width: 0; height: 0; line-height: 0; border-width: 6px; border-style: solid; border-color: #0091bf transparent transparent transparent; border-style: solid dashed dashed dashed; position: absolute; top: 40px; left: 39px; display: none; }
.tab-news .current { background: #0091bf; color: #fff; }
.tab-news .current .arrow { display: block; }
.tab-news .current a { color: #fff; }

.tab-gl { margin-right: -4px; }
.tab-gl .tab-item { width: 155px; float: left; margin-right: 4px; }
.tab-gl .tab-con { position: relative; cursor: pointer; }
.tab-gl .tab-con .cover { position: absolute; width: 100%; height: 40px; left: 0; bottom: 0; z-index: 5; overflow: hidden; }
.tab-gl .tab-con .cover .tit { color: #fff; text-align: center; font-size: 16px; line-height: 40px; }
.tab-gl .tab-con .cover .btn { display: block; margin: 10px auto; border-radius: 15px; border: 1px solid #a7906a; color: #a7906a; line-height: 24px; width: 78px; text-align: center; }
.tab-gl .tab-con .cover .btn:hover { background: #a7906a; color: #fff; }
.tab-gl .tab-con .border { position: absolute; top: 0; left: 0; border: 4px solid #0091bf; width: 147px; height: 285px; z-index: 2; opacity: 0; filter: alpha(opacity=0); }
.tab-gl .tab-con img { display: block; }
.tab-gl .tab-con .mask1 { background: #000; background: rgba(0, 0, 0, 0.7); width: 100%; height: 40px; position: absolute; left: 0; bottom: 0; z-index: 1; }
.tab-gl .current .mask1 { background: url(/ue/a/news/shouyou/dn/index/2017/img/mask.png) no-repeat center bottom; height: 100%; }
.tab-gl .current .cover { height: 100%; }
.tab-gl .current .cover .tit { padding-top: 100px; font-weight: bold; font-size: 18px; }
.tab-gl .current .border { display: block; opacity: 1; filter: alpha(opacity=100); }

.tab-hero { overflow: hidden; *zoom: 1; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; background: #efefef; }
.tab-hero .ico { margin: 0 8px 4px 0; }
.tab-hero .tab-item { width: 20%; float: left; }
.tab-hero .tab-con { display: block; font-size: 22px; line-height: 82px; text-align: center; position: relative; }
.tab-hero .tab-con b { width: 100%; height: 4px; background: #0091bf; position: absolute; left: 0; top: 0; display: none; }
.tab-hero .current .tab-con { background: #fff; font-weight: bold; color: #0091bf; }
.tab-hero .current b { display: block; }
.tab-hero .current .ico-h1 { background-position: 0 -75px; }
.tab-hero .current .ico-h2 { background-position: -29px -75px; }
.tab-hero .current .ico-h3 { background-position: -58px -75px; }
.tab-hero .current .ico-h4 { background-position: -87px -75px; }

.comm-plist { padding: 6px; background: #f0f0f0; }
.comm-plist li { float: left; width: 98px; margin: 4px 4px 5px; }
.comm-plist li img { display: block; width: 98px; height: 55px; }
.comm-plist li .txt { display: block; text-align: center; line-height: 28px; }
.comm-plist li a:hover { color: #0091bf; }

.news-list li { position: relative; padding-right: 38px; height: 28px; height: 30px; line-height: 30px; }
.news-list li .tit { font-size: 16px; }
.news-list li .date { position: absolute; right: 0; top: 0; color: #b2b2b2; font-size: 12px; }
.news-list li a:hover { text-decoration: underline; }
.news-list .sep { padding-bottom: 14px; border-bottom: 1px dotted #eaeaea; margin-bottom: 15px; }

.zt-list li { padding-bottom: 15px; }
.zt-list li img { display: block; }

.links-list { font-size: 0; }
.links-list a { display: inline-block; font-size: 12px; border: 1px solid #dedede; margin: -1px -1px 0 0; padding: 0 8px; line-height: 31px; color: #666; }
.links-list a:hover { background: #666; color: #fff; }

.hero-list { padding: 8px 0; background: #0091bf; margin-top: 4px; }
.hero-list li { float: left; width: 72px; position: relative; margin: 0 9px; }
.hero-list li img { display: block; border-radius: 3px; }
.hero-list li .txt { display: block; position: absolute; left: 0; bottom: 0; height: 24px; line-height: 24px; z-index: 3; width: 100%; }
.hero-list li .txt .mask { border-radius: 0 0 3px 3px; }
.hero-list li .txt .tit { display: block; color: #bebebe; text-align: center; padding: 0 5px; }
.hero-list li a:hover .tit { color: #fff; }

.scroll-list { margin-right: -11px; }
.scroll-list .item { float: left; padding-top: 75px; }
.scroll-list .item .con { display: block; width: 326px; height: 95px; background: url(/ue/a/news/shouyou/dn/index/2017/img/bg-s.png); position: relative; margin-right: 11px; }
.scroll-list .item .con .peo { position: absolute; left: 30px; bottom: 5px; }
.scroll-list .item .con:hover .peo { bottom: 12px; }
.scroll-list .item .txt-box { display: block; padding: 10px 10px 0 155px; }
.scroll-list .item .txt-box .tit { display: block; font-weight: bold; font-size: 20px; padding-top: 10px; }
.scroll-list .item .txt-box .txt { display: block; color: #b65a00; }
.scroll-list .item .tag { display: inline-block; color: #fff; line-height: 16px; position: relative; vertical-align: top; font-size: 12px; font-weight: normal; margin-left: 6px; padding: 0 2px; z-index: 3; margin-top: -10px; }
.scroll-list .item .tag:after { content: ''; display: block; overflow: hidden; position: absolute; width: 0; height: 0; font-size: 0; border-bottom: 5px dashed transparent; border-right: 5px dashed transparent; border-left-style: solid; border-left-width: 8px; border-top-style: solid; border-top-width: 5px; color: #31b45a; position: absolute; left: 0; top: 10px; z-index: -1; }
.scroll-list .item .tag-new { background: #31b45a; }
.scroll-list .item .tag-new:after { color: #31b45a; }
.scroll-list .item .tag-hot { background: #ff3a3a; }
.scroll-list .item .tag-hot:after { color: #ff3a3a; }
.scroll-list .item .tag-act { background: #b65a00; }
.scroll-list .item .tag-act:after { color: #b65a00; }
.scroll-list .slick-prev, .scroll-list .slick-next { position: absolute; bottom: 25px; width: 39px; height: 39px; background: url(/ue/a/news/shouyou/dn/index/2017/img/sprite.png); cursor: pointer; opacity: .6; }
.scroll-list .slick-prev { background-position: -143px 0; left: -18px; }
.scroll-list .slick-next { background-position: -183px 0; right: -18px; }
.scroll-list .slick-prev:hover, .scroll-list .slick-next:hover { opacity: 1; }

.comm-table { border: 1px solid #e5e5e5; text-align: center; line-height: 36px; }

.comm-table td { border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

.comm-table th { border-right: 1px solid #fff; background: #f0f0f0; text-align: center; font-weight: bold; }

.comm-table th:last-child { border-right-color: #e5e5e5; }

.comm-table td a { color: #333; display: block; _height: 36px; }

.comm-table td a:hover { background: #0091bf; color: #fff; text-decoration: none; }

.comm-table1 .c1 { border-right: 1px solid #e5e5e5; border-bottom: 1px solid #fff; text-align: right; padding-right: 15px; width: 110px; background: #f0f0f0; font-weight: bold; }

.comm-table1 tr:last-child .c1 { border-bottom-color: #e5e5e5; }

.pn-scroll { position: relative; }

.pn-tg img { display: block; }

.mod-fs-fw { margin-right: -1px; padding-top: 22px; }

.pn-hero { height: auto; line-height: auto; }
.pn-hero .pn-hd { height: auto; }
.pn-hero .pn-bd { background: #f9f9f9; padding: 20px; border: 1px solid #f0f0f0; }
.pn-hero .col-l { width: 631px; float: left; }
.pn-hero .col-r { border-left: 1px dotted #eaeaea; padding-left: 20px; }
.pn-hero .col-r .more { display: block; line-height: 32px; text-align: center; background: #f0f0f0; font-size: 12px; margin-top: 22px; color: #999; }
.pn-hero .col-r .more:hover { background: #e2e2e2; }
.pn-hero .col-r .news-list li { height: 27px; line-height: 27px; }
.pn-hero .col-r .news-list li .tit { font-size: 14px; }
.pn-hero .col-r .news-list li a { padding-left: 5px; color: #333; }
.pn-hero .col-r .news-list .sep { border: none; }
.pn-hero .mod-hero { height: 274px; }
.pn-hero .mod-hero .round { float: left; margin-right: 3px; }
.pn-hero .mod-hero .round a:hover .name { color: #0091bf; }
.pn-hero .mod-hero .cell { position: relative; }
.pn-hero .mod-hero .cell .shape { width: 95px; height: 1px; overflow: hidden; background: #c2c2c2; position: absolute; left: 0; top: 50%; }
.pn-hero .mod-hero .cell .shape1 { width: 1px; height: 60px; overflow: hidden; background: #c2c2c2; position: absolute; left: 95px; top: 110px; }
.pn-hero .mod-hero .cell .lv { position: absolute; width: 93px; text-align: center; line-height: 28px; color: #999; font-size: 12px; left: 0; top: 110px; }
.pn-hero .mod-hero .cell .btn-gl { position: absolute; width: 66px; line-height: 26px; text-align: center; color: #fff; border-radius: 15px; left: 13px; top: 147px; background: #b65a00; font-size: 12px; }
.pn-hero .mod-hero .cell .btn-gl:hover { background: #0091bf; }
.pn-hero .mod-hero .round-final { width: 220px; }
.pn-hero .mod-hero .avatar { display: inline-block; vertical-align: middle; margin-right: 5px; }
.pn-hero .mod-hero .avatar img { display: block; border-radius: 50%; }
.pn-hero .mod-hero .round-two img { border: 1px solid #bfbfbe; padding: 3px; }
.pn-hero .mod-hero .round-two .name { font-size: 16px; }
.pn-hero .mod-hero .round-two .item { padding: 35px 0; }
.pn-hero .mod-hero .round-two .cell { padding-left: 60px; }
.pn-hero .mod-hero .round-one { margin: -15px 0; }
.pn-hero .mod-hero .round-one img { width: 44px; height: 44px; }
.pn-hero .mod-hero .round-one .item { padding: 11px 0; }
.pn-hero .mod-hero .round-one .cell { margin: 15px 0; padding-left: 102px; }
.pn-hero .mod-hero .round-one .shape { width: 67px; left: 8px; top: 51%; }
.pn-hero .mod-hero .round-one .shape1 { width: 20px; height: 68px; border: 1px solid #c2c2c2; border-right: 0; background: none; left: 74px; top: 32px; }
.pn-hero .mod-hero .round-one .lv { top: 38px; width: 67px; left: 8px; }
.pn-hero .mod-hero .round-one .btn-gl { left: 4px; top: 75px; }
.pn-hero .mod-hero-btn { font-size: 0; margin: 30px -14px 0; text-align: center; }
.pn-hero .mod-hero-btn a { display: inline-block; border-radius: 3px; background: #a7906a; font-weight: bold; color: #fff; font-size: 18px; text-align: center; width: 179px; margin: 0 14px; line-height: 52px; }
.pn-hero .mod-hero-btn a:hover { background: #0091bf; }

.pn-gl .col-l { width: 632px; float: left; }
.pn-gl .col-r { width: 330px; float: right; }

.pn-version .col-l { float: left; width: 487px; }
.pn-version .col-r { float: right; width: 487px; }

.pn-card .search-box2 { float: right; width: 255px; line-height: 30px; }
.pn-card .search-box2 .search-form { position: relative; height: 30px; padding: 0 65px 0 10px; background-color: #f4f4f4; overflow: hidden; }
.pn-card .search-box2 .search-form input { width: 100%; height: 30px; *margin-bottom: -1px; font-size: 14px; color: #999; _color: #333; line-height: 30px\9; border: 0; background: 0; outline: 0; }
.pn-card .search-box2 .search-form input:focus { color: #333; }
.pn-card .search-box2 .search-form .btn { position: absolute; top: -1px; right: -1px; width: 55px; height: 32px; background: #a7906a; border: 0; cursor: pointer; color: #fff; }
.pn-card .search-box2 .search-form .btn:hover, .pn-card .search-box2 .search-form .btn:focus { background-color: #8d7958; }
.pn-card .pn-bd { border: 1px solid #e9e9e9; padding: 0; margin-top: 10px; }
.pn-card .check-box { overflow: hidden; *zoom: 1; background: #fafafa; padding: 14px 16px 15px; }
.pn-card .check-box .check-item { overflow: hidden; float: left; *margin-left: -2px; white-space: nowrap; cursor: default; margin-right: 40px; }
.pn-card .check-box input { margin: 0 2px 3px 0; vertical-align: middle; }
.pn-card .card-box { padding: 0 37px; height: 610px; overflow-y: auto; overflow-x: hidden; }

.pn-video .col-l { float: left; width: 632px; }
.pn-video .col-r { float: right; width: 330px; }

.pn-news { padding-top: 20px; margin-right: -35px; }
.pn-news .mod-news { width: 310px; float: left; margin-right: 35px; }
.pn-news .mod-news .hd { border-bottom: 1px solid #eee; position: relative; }
.pn-news .mod-news .hd .tit { font-size: 22px; display: inline-block; border-bottom: 1px solid #0091bf; margin-bottom: -1px; line-height: 48px; font-weight: bold; }
.pn-news .mod-news .hd .sep { width: 6px; height: 20px; background: #333; vertical-align: middle; margin: 0 5px 3px 0; overflow: hidden; display: inline-block; }
.pn-news .mod-news .hd .more { position: absolute; top: 0; right: 0; line-height: 48px; }
.pn-news .mod-news .hd .more a { color: #999; }
.pn-news .mod-news .hd .more a:hover { color: #333; }
.pn-news .mod-news .bd { padding-top: 15px; }
.pn-news .mod-news .bd .news-list li { height: 28px; line-height: 28px; padding-right: 0; }
.pn-news .mod-news .bd .news-list li a { padding-left: 3px; }

.mod-rank .hd { background: #a7906a; line-height: 36px; padding: 0 8px; color: #fff; border-radius: 3px; }
.mod-rank .hd .tit { font-size: 18px; font-weight: bold; float: left; }
.mod-rank .hd .more { float: right; }
.mod-rank .hd .btn-video { display: inline-block; font-weight: bold; color: #fff; }
.mod-rank .bd { padding-top: 10px; }

.list-card { overflow: hidden; *zoom: 1; margin-left: -11px; margin-right: -11px; }
.list-card li { float: left; width: 110px; margin: 0 11px; *display: inline; *zoom: 1; padding-top: 30px; }
.list-card li img { width: 110px; height: 132px; }
.list-card li .tit { display: block; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; margin-top: 6px; }

.list-video { overflow: hidden; *zoom: 1; margin: 0 -8px; }
.list-video li { float: left; width: 200px; margin: 0 8px; padding-bottom: 21px; *display: inline; *zoom: 1; }
.list-video img { width: 200px; height: 114px; display: block; }
.list-video .pic { display: block; position: relative; }
.list-video .cover { position: absolute; width: 100%; height: 100%; background: url(/ue/a/news/shouyou/dn/index/2017/img/cover.png) no-repeat center center; left: 0; top: 0; }
.list-video .tit { display: block; line-height: 20px; height: 40px; overflow: hidden; margin-top: 10px; width: 100%; }
.list-video a:hover { color: #0091bf; }
.list-video a:hover .cover { display: none; }

.list-pics { overflow: hidden; *zoom: 1; margin: 0 -10px; }
.list-pics li { float: left; width: 235px; margin: 0 10px; padding-bottom: 21px; *display: inline; *zoom: 1; }
.list-pics img { width: 235px; height: 178px; display: block; }
.list-pics .pic { display: block; position: relative; }
.list-pics .tit { display: block; line-height: 20px; height: 40px; overflow: hidden; margin-top: 10px; width: 100%; }
.list-pics a:hover { color: #0091bf; }
.list-pics a:hover .cover { display: none; }

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

.list-rank .num { float: left; width: 23px; height: 23px; border-radius: 100%; background: #ececec; color: #333; font-size: 12px; text-align: center; line-height: 23px; margin-right: 8px; margin-top: 4px; }

.list-rank .num-top { background: #a7906a; color: #fff; }

.list-rank .detail { overflow: hidden; *zoom: 1; line-height: 31px; }

.list-rank .pic { float: left; margin-right: 10px; display: none; }

.list-rank .pic a { display: block; }

.list-rank img { width: 120px; height: 69px; }

.list-rank .txt { overflow: hidden; *zoom: 1; padding-right: 5px; }

.list-rank .tit { color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.list-rank .tit a { color: #000; }

.list-rank .tit a:hover { text-decoration: none; color: #0091bf; }

.list-rank .time { color: #999; font-size: 12px; display: none; }

.list-rank li:hover .num, .list-rank .active .num { margin-top: 23px; }

.list-rank li:hover .detail, .list-rank .active .detail { line-height: 22px; background: #f5f5f5; margin-bottom: 8px; }

.list-rank li:hover .pic, .list-rank .active .pic, .list-rank li:hover .time, .list-rank .active .time { display: block; }

.list-rank li:hover .tit, .list-rank .active .tit { white-space: normal; height: 44px; padding-top: 3px; }

.list-slide0 { overflow: hidden; }

.list-slide0 li { width: 89px; height: 83px; display: inline; float: left; position: relative; border-right: 1px dotted #fff; border-bottom: 1px dotted #fff; font-size: 12px; }

.list-slide0 li a, .list-slide0 li a span { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; }

.front-face { z-index: 2; }

.list-slide0 li a span.back-face { z-index: 1; background: #31b45a; width: 89px; height: 83px; overflow: hidden; color: #fff; }

.list-slide0 li a span.back-face .txt { display: block; padding: 8px; }

.list-slide0 li a { overflow: hidden; background: #f7e8c6; }

.list-slide0 li:hover a .back-face { z-index: 3; }

.list-slide0 .li0 .front-face { background: #889852; }

.list-slide0 .li1 .front-face { background: #9b9e51; }

.list-slide0 .li2 .front-face { background: #b59832; }

.list-slide0 .li3 .front-face { background: #7d6795; }

.list-slide0 .ico { display: block; margin-left: auto; margin-right: auto; margin-top: 17px; margin-bottom: 5px; }

.front-face .tt { display: block; text-align: center; color: #fff; }

.area-comment { background: #f0f0f0; padding-bottom: 10px; }
.area-comment .pn { padding-top: 20px; }

.pn-comment .pn-bd { background: #fff; padding: 0 15px; margin-top: 10px; }

.mod-zm { float: left; width: 560px; height: 179px; background: url(/ue/a/news/shouyou/dn/index/2017/img/bg-zw.png) no-repeat; }
.mod-zm .txt { padding: 75px 0 0 180px; color: #fff; font-weight: bold; font-size: 34px; }

.mod-contact { width: 400px; height: 150px; border-radius: 6px; background: #484751; margin-top: 28px; float: right; }

.mod-contact-c1 { width: 106px; float: left; padding: 10px; }
.mod-contact-c1 .txt { text-align: center; color: #a7906a; font-size: 16px; }

.mod-contact-c2 { color: #c1c1c1; padding: 22px 0 0; font-size: 12px; line-height: 1.9; }

.pn-links .pn-hd { border-bottom: 1px solid #d8d8d8; height: 48px; }
.pn-links .pn-hd .tit { display: inline-block; border-bottom: 1px solid #0091bf; font-size: 24px; font-weight: bold; line-height: 48px; padding-right: 0; }
.pn-links .pn-bd { padding: 10px 0; font-size: 0; margin: 0 -10px; background: none; }
.pn-links .pn-bd a { display: inline-block; padding: 4px 10px; font-size: 14px; }
.pn-links .pn-bd a:hover { text-decoration: underline; }

/* Slider */
.slick-list { 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; }

.art-mod-link { padding-top: 20px; }
.art-mod-link .item { width: 50%; float: left; font-size: 0; margin-bottom: 15px; }
.art-mod-link .item .tit { display: inline-block; vertical-align: middle; background: #39777f; border-radius: 15px; font-weight: bold; padding: 0 15px; line-height: 30px; color: #fff; margin-right: 14px; font-size: 14px; }
.art-mod-link .item .tit-ex { background: #8147bd; }
.art-mod-link .item .con { display: inline-block; vertical-align: middle; }
.art-mod-link .item .con a { display: inline-block; color: #666; position: relative; font-size: 14px; }
.art-mod-link .item .con a:hover { color: #0091bf; text-decoration: underline; }
.art-mod-link .item .con a:before { content: ''; width: 1px; height: 10px; background: #d9d9d9; display: inline-block; vertical-align: middle; margin: 0 12px 2px; }
.art-mod-link .item .con a:first-child:before { display: none; }
.art-mod-link .item .con .art-c-tx1 { color: #0091bf; }
.art-mod-link .aline { width: 100%; float: none; }

.mod-video-info { height: 170px; border-radius: 10px; background: #272e55 url(/ue/a/news/shouyou/dn/index/2017/img/bg1.png); margin-bottom: 20px; }

.mod-video-info-c1 { float: left; width: 695px; padding: 10px; position: relative; z-index: 5; }
.mod-video-info-c1:after { content: ''; width: 5px; height: 124px; border-right: 1px dashed #4b5080; position: absolute; right: 0px; top: 50%; margin-top: -62px; }
.mod-video-info-c1 .pic { width: 200px; float: left; margin-right: 25px; }
.mod-video-info-c1 .pic img { display: block; width: 200px; height: 150px; border-radius: 8px; }
.mod-video-info-c1 .info { color: #fff; line-height: 1.7; padding-top: 10px; padding-right: 50px; }
.mod-video-info-c1 .info h3 { font-weight: bold; font-size: 18px; padding-bottom: 8px; }

.mod-video-info-c1-ex:after { right: 20px; }

.mod-video-info-c2 { width: 280px; float: right; padding: 22px 0 0 0; }
.mod-video-info-c2 .support-box { width: 186px; margin: 10px auto; }
.mod-video-info-c2 .support { width: 184px; height: 72px; color: #fff; border: 1px solid #0091bf; border-radius: 50px; margin: 0 auto; text-align: center; cursor: pointer; }
.mod-video-info-c2 .support:hover { background: #0091bf; }
.mod-video-info-c2 .support:hover .ico-support { background-position: -255px -40px; }
.mod-video-info-c2 .support:hover .num { color: #fff; }
.mod-video-info-c2 .support:hover .txt-box { border-left-color: #0780a6; }
.mod-video-info-c2 .support .txt-box { margin: 10px; border-left: 1px dashed #3b4471; }
.mod-video-info-c2 .num { font-size: 24px; color: #0091bf; padding-top: 4px; line-height: 1.1; }
.mod-video-info-c2 .share-box { padding: 15px 0 0 20px; }
.mod-video-info-c2 .gb-share .gb-share-title { font-size: 12px; color: #999; }
.mod-video-info-c2 .box-zs { height: 140px; }
.mod-video-info-c2 .round { float: left; position: relative; z-index: 3; }
.mod-video-info-c2 .round a { color: #d0ba97; }
.mod-video-info-c2 .round .item a { display: inline-block; border: 1px solid #4b5080; border-radius: 15px; line-height: 28px; text-align: center; }
.mod-video-info-c2 .round .item a:hover { background: #a7906a; color: #17164b; border-color: #a7906a; }
.mod-video-info-c2 .round1 { width: 50px; text-align: center; margin-top: 32px; }
.mod-video-info-c2 .round1 a { display: inline-block; font-size: 18px; }
.mod-video-info-c2 .round1 img { display: block; }
.mod-video-info-c2 .round1:after { content: ''; width: 24px; height: 1px; background: #4b5080; position: absolute; right: -24px; top: 33%; overflow: hidden; }
.mod-video-info-c2 .round2 { width: 68px; margin-left: 25px; }
.mod-video-info-c2 .round2 .item { margin: 15px 10px 38px; }
.mod-video-info-c2 .round2 .item a { width: 56px; }
.mod-video-info-c2 .round2:after { content: ''; width: 10px; height: 68px; border: 1px solid #4b5080; border-right: 0; position: absolute; left: 0; top: 28px; z-index: -1; }
.mod-video-info-c2 .round3 { width: 77px; margin-left: 34px; }
.mod-video-info-c2 .round3 .cell { position: relative; }
.mod-video-info-c2 .round3 .cell:after { content: ''; width: 10px; height: 33px; border: 1px solid #4b5080; border-right: 0; position: absolute; left: -10px; top: 11px; }
.mod-video-info-c2 .round3 .cell:before { content: ''; width: 24px; height: 1px; background: #4b5080; overflow: hidden; position: absolute; left: -34px; top: 50%; }
.mod-video-info-c2 .round3 .item { margin-bottom: 10px; }
.mod-video-info-c2 .round3 .item a { width: 75px; line-height: 22px; }

.mod-video-list { padding-top: 30px; }

.list-video-ex { margin: 0 -20px; }
.list-video-ex li { margin: 0 20px; width: 220px; }
.list-video-ex li img { width: 220px; height: 124px; }

.main { padding: 15px 0; }
.main .col-l { width: 660px; float: left; }
.main .col-r { width: 300px; float: right; }

.list-article .list-item { padding: 14px 0; border-bottom: 1px dotted #e2e2e2; }
.list-article .list-item:hover { background-color: #f6f6f6; }
.list-article .art-item-c1 { width: 180px; margin-right: 15px; }
.list-article .art-item-c2 .tit { width: 99.5%; }
.list-article .art-item-c2 .tit a { font-weight: normal; font-size: 20px; }
.list-article .art-item-c2 .tit a:hover { text-decoration: none; color: #0091bf; font-weight: bold; }
.list-article .art-item-c2 .txt { line-height: 20px; height: 60px; overflow: hidden; color: #999; padding: 5px 0; font-size: 12px; }
.list-article .art-item-c2 .info { margin-top: 5px; color: #999; font-size: 12px; position: relative; }
.list-article .art-item-c2 .info span { padding-right: 15px; }
.list-article .art-item-c2 .info .author { position: absolute; right: 10px; top: 0; background: #f0f0f0; padding: 0 6px; color: #666; }

.pn-zy .pn-bd { border: 1px solid #e5e5e5; border-left: 0; padding-top: 0; margin-top: 10px; }
.pn-zy .col-l { width: 118px; float: left; }
.pn-zy .col-r { padding: 15px 0 0 18px; }

.tab-zy .tab-con { display: block; line-height: 64px; border: 1px solid #e5e5e5; border-bottom: 0; padding-left: 6px; font-size: 16px; text-indent: 24px; }
.tab-zy .tab-item:first-child .tab-con { border-top: 0; }
.tab-zy .current .tab-con { border-left: 7px solid #0091bf; padding-left: 0; border-right-color: #fff; font-weight: bold; color: #0091bf; }

.pn-rank { margin: 0 -20px; }
.pn-rank .col { width: 305px; float: left; margin: 0 20px; }

.crumb { line-height: 35px; color: #666; padding-bottom: 10px; border-bottom: 1px solid #dcdcdc; }
.crumb a { color: #666; }
.crumb a:hover { color: #0091bf; text-decoration: underline; }

.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: 16px; line-height: 32px; vertical-align: top; }
.pagination a { display: block; padding: 0 .8em; border: 1px solid #ddd; color: #333; border-radius: 3px; }
.pagination a.current, .pagination a:hover { color: white; text-decoration: none; border-color: #0091bf; background-color: #0091bf; }

.zq-side-hd, .zq-side-sbd, .zq-side-zqgl-app { overflow: hidden; *zoom: 1; }

.pn .pn-hd, .pn-fs, .mod-fs-fw, .tab-comm, .tab-news, .tab-gl, .comm-plist, .hero-list, .scroll-list, .pn-hero .col-l, .pn-gl, .pn-version, .pn-video, .pn-news, .mod-rank .hd, .pn-zm, .art-mod-link, .mod-video-info, .pn-rank, .zq-side-ptlist .item, .zq-side-plist, .zq-side-plist-gl, .zq-side-links-ex, .zq-side-list-plate .item, .zq-side-mod-app .zq-side-mod-c2 { *zoom: 1; }
.pn .pn-hd:before, .pn-fs:before, .mod-fs-fw:before, .tab-comm:before, .tab-news:before, .tab-gl:before, .comm-plist:before, .hero-list:before, .scroll-list:before, .pn-hero .col-l:before, .pn-gl:before, .pn-version:before, .pn-video:before, .pn-news:before, .mod-rank .hd:before, .pn-zm:before, .art-mod-link:before, .mod-video-info:before, .pn-rank:before, .zq-side-ptlist .item:before, .zq-side-plist:before, .zq-side-plist-gl:before, .zq-side-links-ex:before, .zq-side-list-plate .item:before, .zq-side-mod-app .zq-side-mod-c2:before, .pn .pn-hd:after, .pn-fs:after, .mod-fs-fw:after, .tab-comm:after, .tab-news:after, .tab-gl:after, .comm-plist:after, .hero-list:after, .scroll-list:after, .pn-hero .col-l:after, .pn-gl:after, .pn-version:after, .pn-video:after, .pn-news:after, .mod-rank .hd:after, .pn-zm:after, .art-mod-link:after, .mod-video-info:after, .pn-rank:after, .zq-side-ptlist .item:after, .zq-side-plist:after, .zq-side-plist-gl:after, .zq-side-links-ex:after, .zq-side-list-plate .item:after, .zq-side-mod-app .zq-side-mod-c2:after { display: table; content: ' '; }
.pn .pn-hd:after, .pn-fs:after, .mod-fs-fw:after, .tab-comm:after, .tab-news:after, .tab-gl:after, .comm-plist:after, .hero-list:after, .scroll-list:after, .pn-hero .col-l:after, .pn-gl:after, .pn-version:after, .pn-video:after, .pn-news:after, .mod-rank .hd:after, .pn-zm:after, .art-mod-link:after, .mod-video-info:after, .pn-rank:after, .zq-side-ptlist .item:after, .zq-side-plist:after, .zq-side-plist-gl:after, .zq-side-links-ex:after, .zq-side-list-plate .item:after, .zq-side-mod-app .zq-side-mod-c2: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: #0086c5; }

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

.zq-side-links-ex a:hover { border-color: #0086c5; }

.zq-side-ico-dl, .zq-side-ico-dl-gray, .zq-side-ico-and, .zq-side-ico-and-gray, .zq-side-ico-ios, .zq-side-ico-ios-gray, .zq-side-ico-refresh { display: inline-block; vertical-align: middle; background: url(/ue/a/module/zq/2016/side/img/sprite.png) no-repeat; width: 18px; height: 18px; }
.zq-side-ico-dl { background-position: 0 0; }
.zq-side-ico-dl-gray { background-position: 0 -20px; }
.zq-side-ico-and { background-position: -22px 0; }
.zq-side-ico-and-gray { background-position: -22px -20px; }
.zq-side-ico-ios { background-position: -44px 0; }
.zq-side-ico-ios-gray { background-position: -44px -20px; }
.zq-side-ico-refresh { width: 12px; height: 12px; background-position: 0 -40px; }

.zq-side-bt-get, .zq-side-bt-reserve { display: block; font-size: 12px; color: #fff; line-height: 20px; text-align: center; }
.zq-side-bt-get { background: #57b2ff; }
.zq-side-bt-get:hover { background: #71beff; }
.zq-side-bt-reserve { background: #99cc33; }
.zq-side-bt-reserve:hover { background: #a3d147; }

.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-ptlist .item .c1 { float: left; }
.zq-side-ptlist .item .c1 .avatar { display: block; }
.zq-side-ptlist .item .c1 .avatar img { display: block; width: 100%; }
.zq-side-ptlist .item .c2 { overflow: hidden; *zoom: 1; }
.zq-side-ptlist-recomm .item { margin-bottom: 15px; }
.zq-side-ptlist-recomm .item .c1 { width: 150px; margin-right: 15px; }
.zq-side-ptlist-recomm .item .c1 .avatar img { height: 85px; }
.zq-side-ptlist-recomm .item .c2 .tit { width: 100%; font-size: 16px; font-weight: bold; margin-bottom: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zq-side-ptlist-recomm .item .c2 .tag { color: #999; margin: 0 -3px; }
.zq-side-ptlist-recomm .item .c2 .tag a { color: #999; margin: 0 3px; }

.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-gl { margin: 0 -10px; }
.zq-side-plist-gl li { width: 140px; height: 80px; margin: 10px; float: left; position: relative; }
.zq-side-plist-gl li .art-item { padding: 0; }
.zq-side-plist-gl li img { width: 140px; height: 80px; }
.zq-side-plist-gl li .txt { position: absolute; width: 100%; height: 80px; left: 0; top: 0; z-index: 5; }
.zq-side-plist-gl li .tit { color: #fff; display: block; text-align: center; font-weight: bold; font-size: 16px; padding-top: 30px; }
.zq-side-plist-gl li .mask { background: #0091bf; z-index: -1; }
.zq-side-plist-gl li a:hover .mask { background: url(/ue/a/news/shouyou/dn/index/2017/img/bg-mask.png) no-repeat bottom center; -webkit-filter: none; filter: none; }
.zq-side-plist-gl li a:hover .tit { padding-top: 48px; }

.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-guide li { margin-bottom: 20px; }

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

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

.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-mod-zqgl .zq-side-bd { border: 1px solid #ddd; background: #fafafa; padding: 10px; }

.zq-side-zqgl-app { margin-bottom: 20px; }
.zq-side-zqgl-app .c1 { width: 145px; float: left; padding: 2px; }
.zq-side-zqgl-app .c2 { float: right; width: 125px; }
.zq-side-zqgl-app .c2 .txt { font-size: 12px; }
.zq-side-zqgl-app .zq-side-btn { display: block; width: 115px; height: 50px; line-height: 50px; background: #60cefa; color: #fff; text-align: center; margin-bottom: 10px; border-radius: 5px; line-height: 1; height: 37px; padding-top: 13px; }
.zq-side-zqgl-app .zq-side-btn:hover { color: #fff; background: #14b8fa; text-decoration: none; }
.zq-side-zqgl-app .zq-side-btn .dx { display: block; font-size: 12px; line-height: 1; }
.zq-side-zqgl-app .zq-side-btn-and { background: #9ce767; }
.zq-side-zqgl-app .zq-side-btn-and:hover { background: #83f632; }

.zq-side-rank { *zoom: 1; }
.zq-side-rank li { *width: 100%; overflow: hidden; *zoom: 1; line-height: 28px; height: 28px; }
.zq-side-rank .rank-c1 { float: left; margin-right: 5px; }
.zq-side-rank .rank-c1 .num { color: #999; text-align: center; display: block; height: 28px; line-height: 28px; background: none; }
.zq-side-rank .rank-c2 { overflow: hidden; }
.zq-side-rank .rank-c2 .tit { width: 99.5%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.zq-side-rank-article .rank-c1 { width: 20px; }
.zq-side-rank-article .rank-c1 .num { width: 20px; }
.zq-side-rank-article .art-item-c1 { float: right; margin-left: 10px; font-size: 12px; color: #999; }
.zq-side-rank-article .art-item-c2 { overflow: hidden; *zoom: 1; }

.zq-side-rank-video .rank-c1 { width: 28px; }
.zq-side-rank-video .rank-c1 .num { width: 28px; }
.zq-side-rank-video .art-item-c1 { float: left; margin-right: 10px; width: 105px; }
.zq-side-rank-video .art-item-c2 { overflow: hidden; *zoom: 1; }
.zq-side-rank-video .art-item-c1, .zq-side-rank-video .date { display: none; }
.zq-side-rank-video .date { color: #999; font-size: 12px; }
.zq-side-rank-video .active { border-bottom: 1px solid #ddd; background: #fafafa; height: 79px; }
.zq-side-rank-video .active .rank-c1 .num { height: 54px; color: #fff; font-weight: bold; padding-top: 25px; }
.zq-side-rank-video .active .rank-c2 { padding: 10px 10px 0; }
.zq-side-rank-video .active .tit { height: 40px; line-height: 20px; white-space: normal; }
.zq-side-rank-video .active .art-item-c1, .zq-side-rank-video .active .date { display: block; }

.zq-side-remm { border: 1px solid #ddd; background: #fafafa; padding: 7px 7px 20px; margin-bottom: 20px; }
.zq-side-remm .btn-dl { display: block; background: #0091bf; line-height: 50px; text-align: center; font-weight: bold; color: #fff; font-size: 18px; width: 260px; margin: 15px auto 0; }
.zq-side-remm .btn-dl:hover { color: #fff; text-decoration: none; background: #219fc7; }

.zq-side-remm-hd { text-align: center; padding: 10px 0; }
.zq-side-remm-hd .tit { font: bold 24px/1.2 "Microsoft Yahei"; }
.zq-side-remm-hd p { font-size: 14px; color: #999; }

.zq-side-remm-item { float: left; width: 120px; padding: 0 11px; text-align: center; }
.zq-side-remm-item img { margin-bottom: 8px; }

.zq-side-plist-zthot li { margin-bottom: 10px; }

.zq-side-plist-live li { margin-bottom: 10px; }
.zq-side-plist-live .art-item-pt { position: relative; *zoom: 1; }
.zq-side-plist-live .dec { top: 42px; left: 0px; display: block; width: 100%; overflow: hidden; height: 20px; line-height: 20px; padding: 15px 0 3px 0; position: absolute; background: -webkit-linear-gradient(top, transparent 1%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.8) 70%, black 100%); background: linear-gradient(to bottom, transparent 1%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.8) 70%, black 100%); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000',endColorstr='#ff000000'); cursor: pointer; font-size: 12px; color: #fff; }
.zq-side-plist-live .dec-c1 { float: left; margin-left: 8px; }
.zq-side-plist-live .dec-c1 .ico-zq-side-video { width: 18px; height: 18px; background: url(/ue3/a/module/zq/2016/side/img/side-video.png) no-repeat; display: inline-block; *zoom: 1; margin: 0 5px 4px 0; vertical-align: middle; }
.zq-side-plist-live .dec-c2 { float: right; width: 50px; margin-right: 10px; text-align: right; }

.zq-side-plist-leadin { margin: 0 -1px; }
.zq-side-plist-leadin .dec { width: 100%; position: absolute; left: 0; bottom: 0; font-size: 12px; color: #fff; font-family: "SimSun"; line-height: 30px; height: 30px; text-align: center; z-index: 1; }
.zq-side-plist-leadin .dec span { display: block; width: 99%; margin: 0 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.zq-side-plist-leadin .dec b { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; filter: alpha(opacity=60); opacity: .60; }
.zq-side-plist-leadin li .art-item { max-width: 100%; padding: 1px; }
.zq-side-plist-leadin li .art-item .avatar { margin-bottom: 0; }
.zq-side-plist-leadin li .art-item .avatar img { width: 149px; height: 210px; }
.zq-side-plist-leadin li .art-item-pt { position: relative; *zoom: 1; }
.zq-side-plist-leadin li .art-item-pt:hover .dec { text-decoration: underline; }
.zq-side-plist-leadin .item1, .zq-side-plist-leadin .item6 { width: 100%; }
.zq-side-plist-leadin .item1 .art-item .avatar img, .zq-side-plist-leadin .item6 .art-item .avatar img { width: 300px; height: 210px; }

:root .zq-side-plist-leadin .dec b { -webkit-filter: none \0; filter: none \0; }

.zq-side-list-plate .item { position: relative; line-height: 30px; margin-bottom: 1px; color: #999; white-space: nowrap; }

.zq-side-plate { font-size: 14px; }
.zq-side-plate .mod-hd { line-height: 26px; margin-bottom: 1px; color: #bbb; position: relative; *zoom: 1; }
.zq-side-plate .item { padding-right: 10.5em; }
.zq-side-plate .c1 { float: left; width: 3em; margin-right: 14px; }
.zq-side-plate .c2 { overflow: hidden; *zoom: 1; }
.zq-side-plate .c2 .con { width: 100%; overflow: hidden; text-overflow: ellipsis; }
.zq-side-plate .c3 { position: absolute; top: 0; overflow: hidden; }
.zq-side-plate .c4 { position: absolute; top: 0; right: 0; }
.zq-side-plate .mod-bd .c1 { font-size: 12px; }
.zq-side-plate-dy .c3 { width: 7em; right: 3em; }
.zq-side-plate-dy .c4 { width: 34px; }
.zq-side-plate-dy .c4 a { color: #fff; margin-top: 5px; }
.zq-side-plate-dy .c4 a:hover { text-decoration: none; }
.zq-side-plate-sy .c3 { width: 5em; right: 5em; }
.zq-side-plate-sy .c4 { width: 64px; font-size: 0; }
.zq-side-plate-sy .c4 i { margin: 0 2px; *margin-top: 3px; }
.zq-side-plate-sy .c4 a:hover i { opacity: 0.9; filter: alpha(opacity=90); }
.zq-side-plate-sy .mod-hd .c4 { font-size: 14px; }

.zq-side-mod-qq { background: url(/ue/a/news/shouyou/dn/index/2017/img/bg-qq.jpg) no-repeat; height: 100px; color: #fdf2cb; }
.zq-side-mod-qq .in { padding: 18px 0 0 110px; }
.zq-side-mod-qq .t1 { font-size: 18px; }
.zq-side-mod-qq .t2 { font-size: 27px; font-weight: bold; line-height: 1.4; }

.zq-side-list-event { padding-top: 5px; }
.zq-side-list-event li { line-height: 18px; }
.zq-side-list-event .art-item { display: block; padding-bottom: 12px; }
.zq-side-list-event .art-item .state { color: #cd2027; }
.zq-side-list-event .art-item:hover { color: #cd2027; text-decoration: none; }
.zq-side-list-event .art-item-c1 { width: 75px; float: left; display: block; position: relative; }
.zq-side-list-event .art-item-c1:before { content: ''; width: 1px; height: 30px; background: #ebebeb; overflow: hidden; position: absolute; left: 65px; top: 0; }
.zq-side-list-event .art-item-c1:after { content: ''; width: 5px; height: 5px; background: #cd2027; overflow: hidden; position: absolute; left: 63px; top: 7px; border-radius: 50%; }
.zq-side-list-event .state { width: 57px; height: 18px; color: #fff; text-indent: 8px; font-size: 12px; background: url(/ue/a/news/shouyou/dn/index/2017/img/sprite.png) -301px -21px; display: block; }
.zq-side-list-event .on:hover .state { background-position: -301px 0; color: #fff; }
.zq-side-list-event .end { color: #999; }
.zq-side-list-event .end:hover { color: #666; }
.zq-side-list-event .end .state { color: #999; }
.zq-side-list-event .end .art-item-c1:after { width: 3px; height: 3px; border: 1px solid #ddd; background: #fff; }
.zq-side-list-event .art-item-c2 { display: block; }
.zq-side-list-event .art-item-c2 .logo { display: inline-block; vertical-align: middle; margin: 0 3px 2px 0; }
.zq-side-list-event .art-item-c2 .logo img { display: block; }

.zq-side-mod-app { border: 1px solid #eee; background: #fafafa; padding: 20px; }
.zq-side-mod-app .zq-side-mod-c1 .logo { float: left; width: 100px; margin-right: 18px; margin-top: 5px; }
.zq-side-mod-app .zq-side-mod-c1 .txt .tit { font-weight: bold; font-size: 22px; padding-bottom: 5px; }
.zq-side-mod-app .zq-side-mod-c1 .txt .info { font-size: 12px; }
.zq-side-mod-app .zq-side-mod-c1 .txt .info span { color: #999; }
.zq-side-mod-app .zq-side-mod-c2 { margin: 10px -5px 0; }
.zq-side-mod-app .zq-side-mod-c2 .btn { display: block; float: left; margin: 5px; line-height: 34px; text-align: center; color: #fff; font-size: 16px; width: 124px; }
.zq-side-mod-app .zq-side-mod-c2 .btn:hover { text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); }
.zq-side-mod-app .zq-side-mod-c2 .btn-green { background: #86be3c; }
.zq-side-mod-app .zq-side-mod-c2 .btn-blue { background: #41b5eb; }
.zq-side-mod-app .zq-side-mod-c2 .btn-orange { background: #e75034; width: 257px; font-size: 24px; line-height: 62px; font-weight: bold; }

/*# sourceMappingURL=style.css.map */