body{ background: #fff}
.content{ padding-bottom:1rem}

@font-face{ font-family:'ico-font'; src:url(data:application/octet-stream;base64,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) format("truetype");}

[class*="ico"]{ display: inline-block;}
.ico-play{width:28px;height: 28px;background: url(//ue.17173cdn.com/a/news/shouyou/pokemongo/index/2016/m/img/ico-play.png) no-repeat;background-size: 100%; position: absolute;top: 50%;left: 50%;margin: -14px 0 0 -14px;}

[class*="ico-font"]::after{display: inline-block; font-family: 'ico-font';vertical-align: middle;}
.ico-font-comment::after{ content:'\f102'; margin-left: .2em; font-size: .875rem; line-height: 1;}

/* sign */
[class^="sign-"]{color:#fff; font-size: 0.75rem; line-height: 1.3; display: inline-block; padding: 0 0.4em; border-radius:3px; margin-right: 3px}
.c-tx1{color:#333}
.c-tx2{color:#db2f0a}
.sign-hot{background:#f35858}
.sign-zt{background:#00a0e9}
.sign-pc{background:#61ba3a}

/* comm-mod */
.comm-mod, .comm-mod2{ padding: 1rem 0.625rem 0}
.comm-mod .mod-hd{border-bottom-style: solid;border-bottom-width: 1px; border-color: #ececec}
.comm-mod .mod-hd::before{content: "";display:table;}
.comm-mod .mod-hd::after{content:"";display:table;clear: both;}
.comm-mod .mod-hd .tit{float:left;border-bottom-width: 1px;border-bottom-style: solid;font-size:1.25rem;line-height: 1.5;margin-bottom: -1px; border-bottom-color: #2e90e4; color: #2e90e4;}
.comm-mod .mod-bd{padding-top:.8rem; width: 100%; overflow: hidden;} 
.comm-mod .btn-toggle{float:right;border-radius: 50%; border-width: 1px;border-style: solid;width: 1.5em; border-color:#dddddd; height: 1.5em;text-align: center;line-height: 1;overflow: hidden; position: relative; margin-top: 0.18em}
.comm-mod .btn-toggle::after{ content:' '; display: inline-block; width:0.5em; height:0.5em; border-left:1px solid #ddd; border-bottom:1px solid #ddd; -webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.comm-mod .btn-toggle.hide{-webkit-transform: rotate(180deg);transform: rotate(180deg);}

.comm-mod2 .mod-hd .tit{ font-weight: bold; font-size: .875rem; color: #333}
.comm-mod3{padding: 1rem 0 0}

.mod-hero{overflow: hidden; background:#f2f2f2; padding: .625rem 1.2rem}
.mod-hero figure{float: left; margin-right: 1rem; width:4.5rem; margin-top: .5rem}
.mod-hero figure img{width: 100%; height:4.5rem;}
.mod-hero .info{overflow: hidden;font-size:0.6875rem;}
.mod-hero .info .name{font-size:1.3125rem; padding-bottom: .2rem}
.mod-hero .info .item{overflow: hidden;}
.mod-hero .info .item .tit{width:3.125rem; margin-right: .4rem; float: left; line-height: 1.2rem;}
.mod-hero .info .item .bar{overflow: hidden; height:0.46875rem; position: relative; background:#e2e2e2; margin-top: .3rem}
.mod-hero .info .item .bar-in{height: 100%; background:#34a6ae; position: absolute;}
 
.mod-skill{background:#f2f2f2; padding:.625rem;}
.mod-skill .tit{text-align: center; font-size: 1.125rem}

.mod-story .mod-bd p{text-indent: 2em}

/* header */
header{ background: #2e90e4; overflow: hidden; padding: 0 0.625rem; line-height: 2.45}
header .logo{ float: left;}
header .logo img{ height: 1.25rem!important}
header .game{ float: left; margin-left: 0.5rem; font-size: 1.125rem;}
header .game a{ color: #fff;}

/* banner-box */
.search-box{ background:#252525; padding:.6875rem 3rem .6875rem .6875rem; position: relative;}
.search-text{background:#252525; border: 1px solid #4b4b4b; padding: 0 .8rem; border-radius: 2rem; width: 100%; box-sizing:border-box; color: #4a4a4a; font-size:.875rem;}
.search-text:focus {color: #fff}

.search-btn{width:23px;height: 23px;background: url(//ue.17173cdn.com/a/news/shouyou/pokemongo/index/2016/m/img/ico-search.png); background-size:23px 23px; position: absolute;top: 50%;right:1rem;margin: -12px 0 0 0; border: none; padding: 0}
/* nav */
.nav{ position: relative; z-index: 100; border-bottom:1px solid #e9e9e9; line-height: 2.25; background: #fff}
.nav-box{position: relative;z-index:5; overflow: hidden; background: #ffffff; padding: 0 0.625rem; height:2.25rem; width: 88%;}
.nav-box::after{content:' '; display: inline-block; width: 2rem; height: 100%; background-color: #fff; position: absolute; right:0; top:0; z-index: 10; background: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,.8)); 
background: linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,.8));}
.nav-slide{ padding: 0.3125rem 0;}
.nav-slide a{display:block; padding: 0 .625rem;width: auto; color: #333; line-height: 1.5625rem; margin: 0 0.125rem; font-size: 1rem;}
.nav-slide .swiper-slide{-webkit-flex: 0 0 auto; flex:0 0 auto;}
.nav.fixed{position: fixed;top: 0; left: 0;z-index:600; width: 100%}
.nav-slide .swiper-slide:first-child{ color: #f35858;}

.nav .btn-nav-toggle{overflow:hidden;text-align:center; position: absolute;right:0;top:0;width:12%;background-color: #e9e9e9;color:#427ae2;font-size: 1rem;line-height: 2.25; height:2.25rem; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.nav .btn-nav-toggle::after{ content:' ';display:inline-block; position:relative;top:-0.25em;width:.8em;height:.8em;margin-left:.3em;border-left:0.1em solid #333;border-bottom:0.1em solid #333;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.nav-row{ width:100%; line-height:2.2; position:absolute; background:#e9e9e9; display: table; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); font-size: 0; padding: .3rem 0}
.nav-row a{ color:#333; font-size: 0.875rem; display: inline-block; padding: 0 .3rem; width: 25%; text-align: center; box-sizing:border-box;}

.nav-show-all .nav-row{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.nav-show-all .nav-row .btn-nav-toggle::after{top:-.05em;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}

/* swiper */
.swiper-container{ overflow: hidden; position: relative;}
.swiper-wrapper{-webkit-transform-style: preserve-3d;-ms-transform-style: preserve-3d;
    transform-style: preserve-3d;-webkit-transition-property: -webkit-transform;
    transition-property: transform;display:-webkit-box;display:-webkit-flex; display: flex;position: relative;width: 100%; height: 100%}
.swiper-slide{ -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;-webkit-flex-shrink: 0;  flex-shrink: 0;-webkit-flex: 1 0 100%; flex: 1 0 100%;position: relative;}
.swiper-button-disabled{display: none;}
.swiper-nav{width: 100%;text-align: center;line-height: 1}
.swiper-nav span{background: #ccc; display:inline-block;width: 6px;height: 6px;margin: 0 3px;border-radius: 50%; vertical-align: middle; -webkit-transition: width .2s; transition: width .2s;}
.swiper-nav [class*="active"] {background:#fdcd00; width:20px;border-radius: 10px;}

/* focus */
.focus a{ position: relative; display: block; color: #fff}
.focus img{ display: block; width: 100%; max-width: 640px; margin:0 auto;}
.focus .txt{ overflow: hidden; position: absolute; left:0; bottom:0; width:100%; padding:0 5rem 0 .8rem;line-height: 2.2; white-space: nowrap; text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box; font-size: .875rem; background:rgba(0,0,0,.5);}

.focus [class^="btn-"]{position: absolute;top:50%;width: 2em;height: 1em;line-height: 1;margin-top:-2rem;font-size: 1.5rem;font-weight: bold;opacity: .5;text-align: center;}
.focus .btn-prev-arrow{left: -.6em;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.focus .btn-next-arrow{right: -.6em;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.focus .swiper-nav{ position: absolute; z-index:99; bottom:.75em; right:.7rem;width: auto;}
.focus .swiper-nav span{ float: left; overflow: hidden; width:4px; height:4px; margin:1px 4px; border-radius: 0}
.focus .swiper-nav [class*="active"]{ border-radius: 0}

.comm-list{overflow: hidden; *zoom:1; margin: 0 -.4rem;}
.comm-list li{float: left; width: 50%; padding:0 .4rem; margin-bottom: .5rem; box-sizing:border-box;}
.comm-list li img{display: block; margin: 0 auto}
.comm-list li .tit{ width: 100%; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; text-align: center; font-size: .75rem;}
.comm-list li a{color: #333}

.comm-list1 li .tit{background:#ececec}

.hero-list1{margin: 0 -.8rem}
.hero-list1 li{width: 33.33%; padding: 0 .8rem;}


.comm-plist{overflow: hidden;}
.comm-plist li{overflow: hidden; border-bottom: 1px solid #e5e5e5;  padding: .8rem 0;}
.comm-plist li:first-child{padding-top:0;}
.comm-plist li:last-child{border-bottom: none;}
.comm-plist a{color: #333}
.comm-plist .tit{max-height: 3em;line-height: 1.5;padding-bottom: 1.4rem;}
.comm-plist .desc{overflow:hidden;font-size:.75rem;}
.comm-plist .date{position: absolute;bottom: 0; color: #999999}
.comm-plist .ico-font-comment{float:right;position: absolute;right: 0;bottom: 0;}
.comm-plist .pic-box{position:relative;overflow:hidden;float:left;width:30%;max-width:160px; margin-right: .8rem; height: 5rem;}

.art-item{position:relative;overflow:hidden;display:block;}

.comm-plist1 li{position: relative; padding-right: 3rem; line-height: 2rem}
.comm-plist1 li .tit{overflow: hidden; width: 100%; white-space: nowrap; text-overflow:ellipsis;}
.comm-plist1 li .date{position: absolute; right: 0; top: 0; color: #888; font-size: .75rem; height: 2rem; line-height: 2rem}
.comm-plist2 li{padding:1rem 0 0; line-height: 1.5rem}
.comm-plist2 figure{width:5rem; height: 5rem; float: left; margin:.5rem 1rem 0 0; }
.comm-plist2 figure img{width:99%; height:99%!important; padding: 1px; border-radius: 50%;}
.comm-plist2 .text-box{overflow: hidden;}
.comm-plist2 .tit{font-size:1.125rem;}
.comm-plist2 .txt{font-size:.875rem;}
.comm-plist2 .tag{font-size: 0; padding-top: .3rem}
.comm-plist2 .tag a{font-size:.875rem; display: inline-block; margin-right: .5rem; border: 1px solid #2e90e4; color:#2e90e4;  border-radius:.8rem; padding: 0 .8rem}

.video-list li .pic{position: relative; height:6.375rem;overflow: hidden;}
.video-list li .pic img{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.video-list li .cover{position: absolute; left: 0; top: 0; width: 100%; height:100%;}

.hero-list li{width: 25%; margin-bottom: .5rem}
.hero-list li img{width:3.75rem; height: 3.75rem!important; margin: 0 auto; border-radius: 50%;}

.hot-news{border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 0 .3rem; line-height: 1.7; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; line-height:2.75rem; margin: .8rem 0 0}
.hot-news-ex{margin: -1px .625rem 0; padding: 0}

.ft{padding-top:.5rem;}
.btn-more {background: #ececec;color:#555; display: block;width:100%;height: 2.86em;line-height: 2.86;font-size:.875rem;text-align:center;}
.btn-more-ex{background:#2f8990; color: #fff; font-size: 1.125rem;height: 2.2em;line-height: 2.2;}
.btn-more-ex span{border: 2px solid #fff; width:1.1875rem; height: 1.1875rem; box-sizing:border-box; border-radius: 50%; background: url(//ue.17173cdn.com/a/news/shouyou/pokemongo/index/2016/m/img/ico-add.png) no-repeat center center; background-size: 70% auto; display: inline-block; vertical-align: middle; margin: 0 3px 3px 0}

.swiper-tab{}
.swiper-tab .swiper-slide{}
.my-pagination{overflow: hidden; line-height: 2rem}
.my-pagination .swiper-pagination-bullet{float: left;width: 25%; border-bottom: 1px solid #eee; text-align: center;}
.my-pagination .swiper-pagination-bullet-active{color: #2e90e4;  border-bottom-color:#2e90e4}

.swiper-hero-tab .my-pagination .swiper-pagination-bullet{border-bottom: none; margin: 1rem 0; text-align: center;}
.swiper-hero-tab .swiper-pagination-bullet img{border-radius:50%; width: 2.3125rem; height: 2.3125rem; border:3px solid #fff;}
.swiper-hero-tab .my-pagination .swiper-pagination-bullet-active img{border-color:#2e90e4;}

/* footer */
.footer { position:relative; margin-top:1rem; padding:1em 0 2.5em; background-color:#464646}
.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 }
.footer-ico-pc, .footer-ico-star{display:inline-block; overflow:hidden; vertical-align:middle; background:url(//ue.17173cdn.com/a/news/shouyou/pokemongo/index/2016/m/img/footer-ico.png) no-repeat}
.footer-ico-pc, .footer-ico-star { margin-bottom:3px }

.btn-gotop{position: fixed;bottom:5%; right: 1.5rem;width: 2em; height: 2em;border-radius: 50%;background: rgba(0,0,0,.6);line-height: 2.5;text-align: center;color: #fff; z-index: 610;font-size: 1.25rem; display: none;}
.btn-gotop::after{ content:' '; display: inline-block; width:0.6em; height:0.6em; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; -webkit-transform:rotate(135deg);transform:rotate(135deg)}

/* page-index */
.page-index .nav-slide .swiper-slide:first-child{ background: none; color: #333;}

/* page-article */
.mod-recommend .list-news{ margin-top: .5rem}

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


@media only screen and (max-width:480px){
	.footer-ico-pc, .footer-ico-star{width: 20px; height: 16px;background-size:100%}
	.footer-ico-pc{background-position: 0 0}
	.footer-ico-star{background-position: 0 -25px;}
}

@media only screen and (min-width:481px){
	.footer-ico-pc, .footer-ico-star{width: 40px; height: 32px;}
	.footer-ico-pc{background-position: 0 0}
	.footer-ico-star{background-position: 0 -50px;}
}

.gb-comment header{ background: none; line-height:normal;}