body { background:#fff;line-height:1.33 }
html { color:#333 }
img { width:auto; height:auto }
[class^="ico-"] {
display:inline-block;
overflow:hidden;
vertical-align:middle;
background:url(http://ue3.17173cdn.com/a/xys/index/2015/m/img/b.png) no-repeat
}
[class^="btn-"] {
overflow:hidden;
text-align:center
}
[class^="btn-"]::before {
content:' ';
display:inline-block
}
[class^="btn-"]::after {
content:' ';
display:inline-block
}
.ico-play { position:absolute; bottom:0.5rem; left:0.5rem }
.ico-pc, .ico-mobile { margin-bottom:.1em }
.btn-more { display:block; color:#888; line-height:2.5; background-color:#f0f0f0 }
.btn-more::after {
width:.4em;
height:.4em;
margin-left:.2em;
margin-bottom:.1em;
border-top:0.15em solid #888;
border-right:0.15em solid #888;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.btn-more-ex::after {
margin-bottom:.2em;
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg)
}
.btn-toggle::after {
position:relative;
top:-.05em;
width:.4em;
height:.4em;
border-width:0 0 .1em .1em;
border-style:none none solid solid;
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg)
}
.btn-toggle.closed::after {
top:-.25em;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.btn-download { position:relative; display: inline-block; min-width:8.3em;padding-left:2.3em; font-size:1.125rem; line-height:2; color:#333; text-align:left; background: #ffde00; border-radius:2em; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.btn-download .img{ position:absolute; top:.1em; left:.15em; height:1.8em;width: 1.8em; border-radius:50%; background: #282e35;text-align: center;}
.btn-download .img img{width:1.1875rem;height:1.1875rem;vertical-align:-3px;  }  
.btn-download::before {
position:absolute;
right:1.2em;
top:.6em;
width:.3em;
height:.6em;
background:#333
}
.btn-download::after {
position:absolute;
right:1.15em;
top:.9em;
width:0;
height:0;
border-bottom:.4em solid #333;
border-left:.4em dashed transparent;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.btn-gotop { display:none; position:fixed; bottom:-2em; left:50%; width:4em; height:4em; margin-left:-2em; background:rgba(0, 0, 0, 0.6); border-radius:100%;z-index: 100 }
.btn-gotop::after {
display:inline-block;
position:relative;
top:1em;
width:.8em;
height:.8em;
border-left:.2em solid #a9abae;
border-top:.2em solid #a9abae;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.sign { position:absolute; top:0; padding:0 .2em; font-size:.625rem;
color:#fff; text-align:center }
.sign-hot { background-color:#f24f2f }
.list-news li { margin-top:0.5rem; border-top:1px solid #d3e4e8; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.list-news li:first-child { margin-top:0; padding-top:0; border-top:0 }
.list-news .c1 { position:relative }
.list-news .c2 { overflow:hidden }
.list-news-ex li { padding-top:0.5rem }
.list-news-ex a { display:block; overflow:hidden }
.list-news-ex .c1 { float:left; width:25%; max-width:148px; margin-right:0.5rem }
.list-news-ex .sign { left:0 }
.list-news-ex .tit { overflow:hidden; max-height:2.6em; margin-bottom:.2rem;
color:#333; font-weight:bold }
.list-news-ex .desc { overflow:hidden; max-height:3.9em; font-size:.75rem;
color:#888 }
.list-news-ex .desc::after {
content:' ';
margin-right:6em
}
.list-news-ex .date { float:right; margin-top:-1.33em; font-size:.75rem;
color:#888 }
.list-news-ex1 li { padding:0.7rem 0.5rem 0 }
.list-news-ex1 a { display:block; color:#333 }
.list-news-ex1 .c1 { margin-bottom:.5em }
.list-news-ex1 .sign { left:-1.4em; width:1em; margin-left:-1px }
.list-news-ex1 .tit { font-size:1.25rem }
.list-news-ex1 .info { margin:.3em 0 .5em; font-size:.75rem;
color:#888 }
.list-pt { overflow:hidden }
.list-pt li { position:relative; float:left; padding-bottom:0.5rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:.875rem}
.list-pt a { display:block; margin:0 auto; color:#333; text-align:center }
.list-pt .c1 { position:relative }
.list-pt .c2 { overflow:hidden; text-overflow:ellipsis }
.list-pt-ex { margin:0 0 -0.5rem -0.5rem }
.list-pt-ex li { width:49.99%; padding-left:0.5rem }
.list-pt-ex a { background-color: #e8e8e8; color:#888 }
.list-pt-ex li:nth-child(2n-1){ clear:left;}
.list-pt-ex img { width:100%; max-width:300px }
.list-pt-ex .c2 { height:2.6em; padding: .2em .3em .15em; text-align:left }
.list-pt-ex1 { margin-left:-2rem }
.list-pt-ex1 li { width:33.3%; padding-left:2rem }
.list-pt-ex1 li::before {content:' ';position:absolute;top:50%;left:0;width:100%;height:1px;margin-top:-1em;background:#d4c5b1}
.list-pt-ex1 a { max-width:120px }
.list-pt-ex1 .c1 { padding:.5em; border:1px solid #d4c5b1; background:#e5dcc6; border-radius:50% }
.list-pt-ex1 img { border-radius:50% }
.list-pt-ex1 .c2 { padding-top:.5em; white-space:nowrap }
.list-pt-ex2, .list-pt-ex3 { margin-left:-1rem }
.list-pt-ex2 li, .list-pt-ex3 li { width:24.99%; padding-left:1rem }
.list-pt-ex2 a, .list-pt-ex3 a { max-width:120px }
.list-pt-ex2 .c2, .list-pt-ex3 .c2 { padding-top:.5em; white-space:nowrap }
.list-pt-ex3 img { border-radius:50% }
.list-txt a { display:table; width:100%; line-height:200%; table-layout:fixed }
.list-txt a .c1 { display:table-cell; overflow:hidden; white-space:nowrap; color:#000; text-overflow:ellipsis }
.list-txt a .c2 { display:table-cell; width:3em; font-size:87.5%; color:#999; text-align:right }
.list-txt a:visited .c1 { color:#999 }
.ft { margin-top:0.75rem }
.comm-mod>.hd .tit, .comm-mod>.hd .tab { float:left; margin-bottom:-1px; font-size:1.25rem; line-height:1.5 }
.comm-mod>.hd .tit, .comm-mod>.hd .tab a.current { color: #00a9de; border-bottom: 1px solid #00a9de;}
.comm-mod,.mt1{ padding-top:1rem }

.comm-mod>.hd { border-bottom:1px solid #d3e4e8; margin-bottom:0.5rem }
.comm-mod>.hd::after {
content:' ';
display:table;
clear:both
}
.comm-mod>.hd .tab a { position:relative; float:left; margin-left:1.6em; color:#888 }
.comm-mod>.hd .tab a::before {
overflow:hidden;
position:absolute;
top:.5em;
left:-.8em;
content:' ';
width:.2em;
height:.2em;
background-color:#888
}
.comm-mod>.hd .tab a:first-child { margin-left:0 }
.comm-mod>.hd .tab a:first-child::before {
display:none
}
.comm-mod>.hd .btn-toggle { float:right; width:1.2em; height:1.2em; margin-top:.1em; color:#d3e4e8; border:0.1em solid #d3e4e8; border-radius:50% }
.comm-mod>.bd .comm-mod2:last-child { margin-bottom:-0.5rem }
.comm-mod1 { padding-top:1rem }
.comm-mod1>.hd .tit { font-size:1.25rem; font-weight:bold }
.comm-mod2 { padding-bottom:0.75rem }
.comm-mod2>.hd { margin-bottom:0.5rem }
.comm-mod2>.hd .tit { color:#805c11 }
.comm-mod2>.hd .tit::before {
content:' ';
display:inline-block;
width:.2em;
height:1em;
margin:0 .5em .3em 0;
vertical-align:middle;
background:#805c11
}
.comm-mod2>.bd { overflow:hidden }
.comm-mod2 .btn-toggle { display:block; font-size:.875rem;line-height:2; color:#888 }
.comm-mod2 .btn-toggle::after {margin-left:.2em}
.header { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; background: url(http://ue3.17173cdn.com/a/hyrzs/index/2016/m/img/header-bg.png) no-repeat; -webkit-background-size:cover; background-size:cover; height: 3.125rem; overflow: hidden;}
.header .gamebb{ height: 3.2rem; padding-top: 1rem;width:30%;color: #fff; color: #fff;background:url(http://ue2.17173cdn.com/a/hyrzs/index/2016/m/img/dy-bg.png) no-repeat;background-size: cover ; font-size: .875rem;text-align: center;}
.header .ico2-dw{display: inline-block;width: 13px;height: 13px;background: url(http://ue2.17173cdn.com/a/hyrzs/index/2016/m/img/ico.png) no-repeat;background-size: 100%;margin: 0 .25rem .2rem 0;vertical-align: middle;}
.logo-img { width: 25%; max-width:150px }
.logo-txt {padding-left:.2rem; font-size: 1rem;width: 45%;}
.logo-txt a, .logo-txt a:visited { color:#fff }
.nav { position:relative; z-index:450; background:#292c35; border-bottom:1px solid #202229 }
.nav .row { display:table; width:100%; line-height:2.25 }
.nav .row:last-child { position:absolute; background:rgba(41, 44, 53, 0.9); -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0) }
.nav a { display:table-cell; position:relative; width:19%; color:#999; text-align:center }
.nav a::before{position:absolute;left:0;top:.6em;width:1px;height:1em;background:#888;content:'';}
.nav a.active, .nav a:active { color:#fff }
.nav a:first-child::before{width: 0}
.nav a:last-child { width:24% }
.nav .btn-nav-toggle { position:relative }
.nav .btn-nav-toggle::before {
position:absolute;
left:0;
top:.6em;
width:1px;
height:1em;
background:#999
}
.nav .btn-nav-toggle::after {
position:relative;
top:-0.25em;
width:.4em;
height:.4em;
margin-left:.4em;
border-left:0.1em solid #d3e4e8;
border-bottom:0.1em solid #d3e4e8;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.nav.show-all .row:last-child { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) }
.nav.show-all .row .btn-nav-toggle::after {
top:-.05em;
-webkit-transform:rotate(135deg);
-ms-transform:rotate(135deg);
transform:rotate(135deg)
}
.nav.fixed { position:fixed; top:0; width:100% }
.slide { position:relative }
.slide-con { overflow:hidden; position:relative }
.slide-list { position:relative }
.slide-list li { position:relative; float:left }
.slide-list a { display:block }
.slide-list img { display:block; width:100%; margin:0 auto }
.slide-nav { z-index:99 }
.slide-nav span { overflow:hidden; line-height:20em;  background-color:#999;opacity: .5; border-radius: 0;}
.mod-focus .swiper-pagination-bullet-active{background: #fdcd00;opacity:1;}
.slide-nav span.swiper-active-switch { background-color:#fdcd00 }
.wrap { min-height:100%;padding: 0;}
.content { height:100% }
.mod-focus { margin-bottom:-0.5rem }
.mod-focus .hd {background-color:#292c35 ; padding: .4em .8rem;text-align: center;}
.mod-focus .hd::after {content:' ';display:table;clear:both}
.mod-focus .slide { background-color:#000 }
.mod-focus .slide-list img { max-width:640px }
.mod-focus .slide-list .detail { position:absolute; bottom:0; right:0; width:100%; padding:.3rem 0.5rem; white-space:normal; background:rgba(0, 0, 0, 0.6); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mod-focus .slide-list .tit { font-size:.875rem; color:#fdcd00; white-space: nowrap; text-overflow:ellipsis; overflow:hidden; width:76%;}
.mod-focus .slide-list .desc { overflow:hidden; max-height:3.99rem; padding-right:0.5rem; font-size:.75rem;color:#fff ; line-height: 1.6;}
.mod-focus .slide-nav { position:absolute; bottom:0.5rem; right:0 }

.slide-nav span { float:left; width:.4rem;
height:.4rem;
margin-right:0.5rem }
.mod-focus .focus-sign { position:absolute; z-index:9; top:-2.9em; left:1em; width:2.7em; height:2.7em; font-size:0.875rem; line-height:2.7; color:#f0531c; text-align:center; border-radius:50%; border:1px solid #f0531c ;display: none;}
.mod-focus .focus-sign::after {
content:' ';
position:absolute;
bottom:-.35em;
left:1em;
width:0;
height:0;
border-bottom:.7em solid #f0531c;
border-left:.7em dashed transparent;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.mod-focus .focus-index { z-index:99 }
.slide-dcc [class^='btn-'] {
position:absolute;
z-index:5;
top:50%;
margin-top:-3.5rem;
width:2.5rem;
height:4rem;
background:rgba(0, 0, 0, 0.5)
}
.slide-dcc [class^='btn-']::after {
position:relative;
top:1.3rem;
width:1rem;
height:1rem;
border-right:.2rem solid #fff;
border-top:.2rem solid #fff
}
.slide-dcc .btn-prev::after {
-webkit-transform:rotate(-135deg);
-ms-transform:rotate(-135deg);
transform:rotate(-135deg)
}
.slide-dcc .btn-next::after {
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}
.slide-dcc .slide-con { margin:0 .6rem
}
.slide-dcc .slide-list li { padding-left:1px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.slide-dcc .slide-list .txt { margin-top:1px; line-height:2; color:#fff; text-align:center; background:#333 }
.slide-dcc .slide-nav {
height:.5rem;
margin-top:.5rem; text-align:center }
.slide-dcc .slide-nav span { display:inline-block; float:none; width:1.5rem; height:.4rem;
vertical-align:top }
.index-mod-zt { margin:0!important }
.slide-zt .slide-list { white-space:nowrap }
.slide-zt .slide-list li { display:inline-block; float:none; margin-right:2px }
.slide-zt .slide-list .c2 { overflow:hidden; position:absolute; left:0; bottom:0; width:100%; padding:.3em .5em; font-size:.75rem;
color:#fff; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; background:-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, rgba(0, 0, 0, 0.5)), to(#000)); background:-webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.5) 50%, #000); background:linear-gradient(transparent, rgba(0, 0, 0, 0.5) 50%, #000) }
.box-link-data { overflow:hidden; margin-left:-0.5rem }
.box-link-data .item { float:left; padding-left:0.5rem; margin-bottom:0.5rem; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.link-data { display:block; overflow:hidden; padding:0 .5em; font-size:.875rem;
color:#333; line-height:2.2; text-align:center; white-space:nowrap; text-overflow:ellipsis; /* background:#fbfeff; */ border: 1px solid #e8e8e8; border-radius:1em }
.link-data.hot { color:#fff; border-color: #bc6a2e; background: #bc6a2e;}
.box-link-data-ex .item { width:33.3% }
.box-link-data-ex1 .item { width:49.9% }
#guide span:nth-of-type(n+10) {
display:none
}
.index-mod-skill { overflow:hidden; margin: .5rem .1rem;}
.index-mod-skill .c1 { float:left; width:30%; max-width:160px; margin-right:1em }
.index-mod-skill .c1 img {}
.index-mod-skill .c2 { overflow:hidden }
.index-mod-skill .name { margin-bottom:.2em; font-size:1.125rem }
.index-mod-skill .name a { color:#333 }
.index-mod-skill .desc {font-size:.875rem; line-height:1.5 }
.index-mod-skill .desc-btn{}

.text-box{margin-bottom: .8rem;padding-bottom: .8rem;border-bottom: 1px solid #d7e3e8;color: #888}
.mod-video { padding-top:0.5rem }


.mod-article { padding-top:0.5rem }
.mod-article a{ word-break:break-all;}
.mod-article .tit { font-size:1.25rem; font-weight:bold }
.mod-article .info { margin-bottom:.5em; padding:.5rem 0;font-size:.75rem;color:#888; border-bottom:1px solid #d3e4e8 }
.mod-article .detail { line-height:1.5 }
.mod-article .detail p { padding:.5em 0 }
.mod-article .box-img { padding:.5em 0; text-align:center }
.mod-article .box-img img { display:block; margin:0 auto .3em }
.mod-article .box-video { padding:.5em 0; text-align:center }
.mod-article .box-video a { position:relative; display:inline-block; max-width:100%; color:#fff }
.mod-article .box-video .ico-play { left:0; top:0; right:0; bottom:0; margin:auto }
.mod-article .box-video p { position:absolute; left:0; bottom:0; width:100%; padding-bottom:.2em; font-size:.875em; background:-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0, 0, 0, 0.5)), to(#000)); background:-webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.5) 40%, #000); background:linear-gradient(transparent, rgba(0, 0, 0, 0.5) 40%, #000) }
.mod-article iframe{ width: 100%; height: 300px;}
.mod-rela-art { padding:.5em 0 }
.mod-rela-art .hd .tit { font-size:1.25rem; font-weight:bold }
.list-rela-art { padding-top:.2em; list-style:inside; color:#d3e4e8 }
.list-rela-art li { overflow:hidden; line-height:1.5; text-overflow:ellipsis; white-space:nowrap }
.list-rela-art a { color:#06c }
.mod-vote h3 { font-size:1.25rem; font-weight:bold }
.vote-meta { margin:.5em 0 1em; font-size:.75rem;
color:#888 }
.vote-meta span { color:#f24f2f; font-weight:bold }
.vote-main dt { font-weight:bold }
.vote-main dd { margin-top:.5em; padding:0.5em; font-size:.75rem;
border:1px solid #d1d1d1; border-left:3px solid #000; font-size:.75rem
}
.vote-main dd span { margin-right:.5em }
.vote-result { display:none }
.vote-result dt { font-weight:bold }
.vote-result dd { position:relative; margin-top:.5em; padding-right:4em; font-size:.75rem
}
.vote-result dd span { margin-right:.5em }
.vote-result dd ins { display:none; position:absolute; top:.6em; right:0; color:#999 }
.vote-result dd .nums { display:inline-block; height:.8em; margin-right:.2em }
.vote-result dd:nth-child(n+1) .nums {
background-color:#7ec724
}
.vote-result dd:nth-child(2n+1) .nums {
background-color:#5999e6
}
.vote-result dd:nth-child(3n+1) .nums {
background-color:#8a2Be2
}
.vote-result dd:nth-child(4n+1) .nums {
background-color:#d2691e
}
.vote-result dd:nth-child(5n+1) .nums {
background-color:#008b8b
}
.vote-result dd:nth-child(6n+1) .nums {
background-color:#b8860b
}
.vote-result dd:nth-child(7n+1) .nums {
background-color:#8b008b
}
.vote-result dd:nth-child(8n+1) .nums {
background-color:#8fbc8f
}
.vote-result dd:nth-child(9n+1) .nums {
background-color:#2f4f4f
}
.vote-result dd:nth-child(10n+1) .nums {
background-color:#ffd700
}
.vote-result .voted { background-color:#eed }
.vote-result .voted ins { display:block }
.page-nav { display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; margin-bottom:.5rem; }
.page-nav a { display:block; -webkit-box-flex:1; -webkit-flex:1; -ms-flex:1; flex:1; line-height:2.5; color:#999; background:#fff; border:1px solid #d3e4e8; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-right:1em }
.page-nav a:last-child { margin-right:0 }
.page-nav .btn-prev::before {
width:.4em;
height:.4em;
margin-left:.2em;
margin-bottom:.1em;
border-top:.2em solid #dbdbdb;
border-left:.2em solid #dbdbdb;
-webkit-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
transform:rotate(-45deg)
}
.page-nav .btn-next::after {
width:.4em;
height:.4em;
margin-left:.2em;
margin-bottom:.1em;
border-top:.2em solid #dbdbdb;
border-right:.2em solid #dbdbdb;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg)
}


[class^="ico-sp-"]{display: inline-block;vertical-align: middle;background:url(http://ue1.17173cdn.com/a/dnf/m/2015/img/ico-sp.png) no-repeat;background-size: 17px 38px;}
.ico-sp-hot{width:12px;height: 17px;background-position:0 0;margin:0 .3rem .3rem 0;}
.ico-sp-like{width:17px;height: 18px;background-position: 0 -18px;}
.ico-sp-unlike{width:17px;height: 18px;background-position: 0 -18px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.mod-vote{ padding:1rem .8rem;}
.mod-vote .con{overflow:hidden;}
.mod-vote .con [class^="vote-item-"]{float: left;width: 50%; font-size: 1.125rem; line-height:2.16;text-align: center;}
.mod-vote .con .vote-btn{border-radius:.2rem;}
.mod-vote .con .vote-item-support{padding-right:.4rem}
.mod-vote .con .vote-btn{border-width:1px;border-style:solid;}
.mod-vote .con .vote-item-oppose{padding-left:.4rem}
.mod-vote .con [class^="ico-"]{ margin:0 0.3rem 3px 0;}
.mod-vote .con .vote-item-support .vote-btn{border-color:#f88a97; color:#f88a97;}
.mod-vote .con .vote-item-oppose .vote-btn{ border-color:#b7e44c; color:#b7e44c;}

.issue-fix{position:fixed;bottom: 0; left: 0; width: 100%; background: rgba(51,51,51,.78);z-index: 602;padding:.5rem .8rem;}
.issue-fix-in{position:relative;height: 2.125rem;background-color: #fff}
.issue-fix .issue-text{border:0;outline:none;background: #fff;width: 78.5%;padding:.3125rem 20% .3125rem 1.5%;font-size: 1rem; line-height: 1.5;border-radius:0;} 
.issue-fix .issue-btn{position: absolute; right: 0; top: 0; width: 20%;height: 100%;border:0;border-radius: 0;}
.issue-fix .issue-btn{background:#fdcd00;}

.mod-share { margin-top:1rem; text-align:center }
.mod-share .share-box { display:inline-block }
.mod-share .gb-share-btn { margin:0 0.5rem; border-radius:50%; color:#fff }
.mod-share .gb-share-btn-weixin { background:#91d460 }
.mod-share .gb-share-btn-tsina { background:#f2543f }
.mod-share .gb-share-btn-qzone { background:#f79532 }
.mod-share .gb-share-btn-tqq { background:#73c5f1 }
.mod-share .gb-share-ico-font { font-size:2rem; width:1.5em; line-height:1.5 }
.mod-share .gb-share-btn-tit { display:none }
.footer { position:relative; margin-top:1rem; padding:1em 0 2.5em; background-color:#292c35 }
.mod-platform { margin-bottom:0.5rem; text-align:center }
.mod-platform a { color:#fff }
.mod-platform a:first-child { margin-right:2em }
.copyright {
font-size:.75rem; color:#c0c0c0; text-align:center }
.copyright a { color:#c0c0c0 }
.comm-mod, .comm-mod1, .index-mod-zt .hd, .mod-article {
margin-left:.8rem;
margin-right:.8rem;
}


@font-face {
    font-family:'ico-font'; src:url(data:application/octet-stream;base64,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) format("truetype");
}
.mod-article [class*="ico-font"]::after{display: inline-block; font-family: 'ico-font'; vertical-align: middle;}
.mod-article .ico-font-comment::after{content: '\f102'; margin-left: .2em; font-size: .875rem; line-height: 1;}
.mod-article .ico-font-comment{ background: none; float: right;}

@media only screen and (max-width:480px) {
.ico-play {
width:26px;
height:26px;
-webkit-background-size:100px 100px;
background-size:100px
}
.ico-pc {
width:18px;
height:18px;
background-position:0 -50px;
-webkit-background-size:100px 100px;
background-size:100px
}
.ico-mobile {
width:11px;
height:18px;
background-position:-50px -50px;
-webkit-background-size:100px 100px;
background-size:100px
}

.mod-focus .hd {}
.slide-dcc .btn-prev {left:-10px}
.slide-dcc .btn-next {right:-10px}
.index-mod-zt .bd {padding-left:10px}
.slide-zt .slide-list li {width:180px}
}
@media only screen and (min-width:481px) {
.ico-play {
width:52px;
height:52px
}
.ico-pc {
width:36px;
height:36px;
background-position:0 -100px
}
.ico-mobile {
width:22px;
height:36px;
background-position:-100px -100px
}

.mod-focus .hd {
padding-left:20px;
padding-right:20px
}
.slide-dcc .btn-prev {
left:-20px
}
.slide-dcc .btn-next {
right:-20px
}
.index-mod-zt .bd {
padding-left:20px
}
.slide-zt .slide-list li {
width:360px
}
}
@media only screen and (min-width:640px) {
.list-pt-ex li {width:24.99%}}
.gallery-pn { height:100%; background-color:#000; padding-top:7em; position:relative }
.gallery-pn-in { }
.gallery-list { overflow:hidden }
.gallery-item { float:left }
.gallery-info { background-color:#000; padding:0 3.125% 3.125% 3.125% }
.gallery-info .hd { overflow:hidden }
.gallery-info .hd .tit { font-size:1.7em; color:#fff; float:left; line-height:2.90625; width:86.666% }
.gallery-info .hd .num { font-size:1.5em; color:#666; float:right; line-height:3.321428 }
.gallery-info .bd .txt { font-size:1.5em; color:#fff; line-height:1.40625 }
.gallery-back { position:absolute; left:15px; top:15px; width:39px; height:39px; background-color:#333; border-radius:50%; text-align:center }
.ico-gallery-back { background:url(http://ue2.17173cdn.com/a/news/tgs/2014/img/back-ico.png) no-repeat; background-size:100%; width:22px; height:19px; margin-top:10px }

.c-red{color:#f42d2d}
.c-green{color:#61ba3a}
.fb{font-weight: bold;}
.zyzl-mod .tabs{font-size: 0;}
.zyzl-mod .tabs a{display: inline-block;width:19%;line-height:1.5625rem;box-sizing:border-box;margin-right:1%;background: #ededed; text-align: center;color: #333;font-size: .875rem;margin-bottom: .5rem;}
.zyzl-mod .tabs .active{background: #bc6a2e; color: #fff;}
.zyzl-mod .box-link-data{padding-top: .5rem;}
.zyzl-mod .box-link-data .item:first-child .link-data{border-color:#9cc0f2; color:#3982e5}
.zyzl-mod .box-link-data .item:nth-child(n+2) .link-data{border-color:#b0dc9c; color:#61ba3a}
.zyzl-mod .box-link-data .item:last-child .link-data{border-color: #f99696; color: #f42d2d}

.zyzl-mod .tabs .btn-toggle{width: 20%;font-size: 1rem;display: inline-block;line-height: 1.5625rem;overflow: visible;}
.zyzl-mod .tabs .btn-toggle::after{-webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  transform: rotate(-45deg);top:-.2em;}
.zyzl-mod .tabs a:nth-child(n+5){display:none;}
.zyzl-mod .mn a:nth-child(n+5){display: block;}
.zyzl-mod .mn .btn-toggle::after{-webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);top: -.1em;}  
  .swiper-container{width: 100%}