.ico1-ask{ display:inline-block; overflow:hidden; vertical-align:middle; background: url(http://ue1.17173cdn.com/a/bk/index/2015/m/img/b1.png) 0 0 no-repeat; width: 30px;height: 22px;background-size: 200%;background-position: 0 -395px; cursor: pointer;}
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 {float:right; position:relative; display: inline-block; min-width:8.3em;padding-left:2.3em; font-size:1.125rem; line-height:2; color:#fff; text-align:left; background: #56962f; 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 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: #86bc64; border-bottom: 1px solid #86bc64;}
.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:#65a5fb ; -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:#65a5fb;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; left: 0; bottom: 0; width: 100%; height: 10%; padding: 0.3rem 0 0 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 { padding-right:0.5rem; padding-bottom:.2em; margin-bottom:.4em; font-size:1rem; color:#fdcd00; }
.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.7rem; 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: #917030; background: #997c40;}
.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 .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-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 }
.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)
}
.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;
}
@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: #f35858; color: #fff;}
.zyzl-mod .box-link-data{padding-top: .5rem;}
.zyzl-mod .box-link-data .item:first-child .link-data{border-color:#93c1ff; color:#468ae7}
.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%}


.hd .tit1{float: left;font-size: .875rem;line-height:2.286;color: #585b64; }
[class^="ico-sp-"]{display: inline-block;vertical-align: middle;background:url(http://ue1.17173cdn.com/a/wdsjs/index/2016/m/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;}


.mod-article .info{padding:.5rem 0;margin-bottom:.5rem;border-bottom: 1px solid #dedede;color: #999;font-size:.75rem;}
.mod-article .info .date{margin-right: 1rem;}

.mod-vote{}
.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-item-support .vote-btn{border:1px solid #f88a97; color:#f88a97;}
.mod-vote .con .vote-item-oppose{padding-left:.4rem}
.mod-vote .con .vote-item-oppose .vote-btn{ border:1px solid #b7e44c; color:#b7e44c;}
.mod-vote .con [class^="ico-"]{ margin:0 0.3rem 3px 0;}

.ico-font-comment{ display: none;}
.pop-faq-tip{ position: fixed; bottom: 6.5%; right: 7.8%; font-size: 1rem; line-height: 2.5; border-radius:0.3125rem; padding: 0 0.9375rem 0 0.375rem; background: #fdd000; z-index: 800;box-shadow: #666 0 0 10px;-moz-box-shadow: #666 0 0 10px;-webkit-box-shadow: #666 0 0 10px;
}
.pop-faq-tip .ico-ask{ width: 30px; height:22px; background-size:200%; background-position:0 -395px}
.pop-faq-tip .ico-answer{ width: 30px; height:22px; background-size:200%; background-position:0 -420px}

.comm-pop{ position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.6); z-index: 500; left: 0; top:0;}
.comm-pop .pop-con{ position: absolute; width: 100%; left: 0; top:0; background: #fff;}

.pop-faq{ display: none;}
.pop-faq .pop-con{ top:auto; bottom: 32.25%; left: auto; right: 7.8%; width: 84.4%; border-radius:0.3125rem;}
.mod-faq .mod-hd{ overflow: hidden; font-size: 0.9375rem; padding: 0.9375rem 1.25rem 0.5625rem 0.9375rem}
.mod-faq .mod-hd .tit{ float: left;}
.mod-faq .mod-hd .more{ float: right; color: #4a71f2}
.mod-faq .comment-box{ padding: 0 3rem 1.25rem 0.9375rem; position: relative;} 
.mod-faq .upload-img{ position: absolute; right:0; top:0; width: 3rem; text-align: center; }
.mod-faq .upload-img .bt-img{ width: 30px; display: inline-block; position: relative; overflow: hidden;}
.mod-faq .upload-img .ico-img{ width: 30px; height:28px; background-position:0 -275px; background-size:200%}
.mod-faq .upload-img input{ width: 28px; height: 28px; border-radius:100%; position: absolute; left: 1px; top:0; opacity: 0; padding: 0; margin: 0}
.mod-faq .upload-img img{ width: 1.875rem; height: 1.875rem; border-radius:100%}
.mod-faq .bt-anonymity{ position: absolute; right:0; top:2.1875rem; width: 3rem; text-align: center;}
.mod-faq .ico-anonymity{ width: 30px; height:28px; background-position:0 -335px; background-size:200%} 
.mod-faq .bt-clicked .ico-anonymity{ background-position:0 -365px}
.mod-faq .comment-num{ color: #999; font-size: 0.75rem; position: absolute; width: 3rem; text-align: center; right: 0; bottom: 1.25rem}
.mod-faq .link-box{ background: #f5f5f5; text-align: center; font-size: 0; padding: 0.8125rem 0 1.125rem 0; border-bottom-left-radius:0.3125rem; border-bottom-right-radius:0.3125rem;}
.mod-faq .link-box .comm-btn{ margin: 0 0.5rem}
.pop-faq .triangle{ display:block; overflow:hidden; position:absolute; width:0; height:0; font-size:0; border-bottom:0.5rem dashed transparent; border-left:0.5rem dashed transparent;  border-right-style:solid; border-right-width:0.5rem; border-top-style:solid; border-top-width:0.5rem; color: #f5f5f5; position: absolute; right: 1.5625rem; bottom: -1rem}
.comm-textarea{ border: 1px solid #d2d2d2; border-radius:0.3125rem; font-size: 0; background: #fff; box-shadow: inset 0 0 2px #f0f0f0; padding: 0 0.375rem}
.comm-textarea textarea{ border: none; background:none; padding: 0; margin: 0; width: 100%; outline: none; overflow-x: hidden; font-size: 1rem; line-height: 1.75; height: 5.25em; resize:none;}
.comm-textarea-ex2{ border-radius:0}
.comm-textarea-ex2 textarea{ font-size: 0.875rem; line-height: 1.57; height: 3.14em}
.c-tx{ color: #ff0000;}
.comm-btn{ color: #333; font-size:1.25rem; display: inline-block; border: 1px solid #d2d2d2; box-shadow: inset 0 0 2px #f0f0f0; border-radius:0.3125rem;line-height: 1.9; padding: 0 1.8rem}
.comm-btn-ex2{ background: #fdd000; border-color: #fdd000; box-shadow: none;}