@charset "utf-8";
/* CSS Document */
/*tab*/
.padding_box{ padding-top:10px; }
.pt-tabMain{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; margin:0 auto; background-color:#fff; overflow:hidden; width:100%; position:relative; z-index:10; min-height:480px; }

.pt-tabMain.sz-set{ padding:10px 11px 15px; }
.pt-tabMain.sz-set.padding{ padding:5px 11px 15px; }
.pt-tabMenu{ width:100%; display:-webkit-box; display:-moz-box; display:box; background: #fff; border-bottom:1px solid #a5d4fd; text-align:center; color:#dceefe; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.pt-tabMenu span{ position: relative; display:-webkit-box; display:-moz-box; display:box; -webkit-box-flex:1; -moz-box-flex:1; box-flex:1; font-size:16px; color:#fff; text-shadow:none; color: #929292; -moz-box-align:center; -webkit-box-align:center; box-align:center; -moz-box-pack:center; -webkit-box-pack:center; box-pack:center; text-align:center; padding:12px 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.pt-tabMenu span:after{ content: "|"; width:1px; height:14px; display: block; position: absolute; right:3px; top:12px; color: #b2e3f8; }
.pt-tabMenu span:last-child{ border-right:none; }
.pt-tabMenu span.on{ color:#00a6fa; -moz-box-shadow:0px -2px 0px #00a6fa inset; -webkit-box-shadow:0px -2px 0px #00a6fa inset; box-shadow:0px -2px 0px #00a6fa inset; }

.pt-tabBox{ min-height:450px; position:relative; background: #fff; }
.pt-tabBox.pf-background{ background: #fff; border:1px solid #e3e6e8; }
.pt-tabBox-min{ width:100%; min-height:450px; /*border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; */}
.com-tab{ display:none; overflow:hidden;height:1800px; }
.com-title{ padding:10px 0 0; font-size:16px; color:#3b75d5; }
.com-title span{ display:inline-block; padding:0 84px 10px 12px; border-bottom:1px solid #e0e0e0; overflow:hidden; }
/*进度条*/
.strip-box-1{ padding: 0 20px; padding-left: 110px; }
.strip-box-1 span{ display:block; padding-top:15px; color:#333; font-size: 12px; }
.strip-box-1 strong{ font-weight: normal; width: 110px; position: absolute; left: 20px; z-index: 10; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; }
.strip-box-1 em{ display:block; height:14px; background:#fff; width:100%; position:relative; }
.strip-box-1 b{ font-weight:normal; position:absolute; background:#66c7f2; text-align: right; left:10px; top:0px; color:#fff; font-size: 12px; padding-right: 3px; }
.strip-box-1 span:last-child{ padding-bottom:15px; }
/*攻略列表*/
.gl-list-box{ padding:0 10px; overflow:hidden; border-bottom:1px solid #e3e3e3; }
.gl-list-box a{ display:block; width:100%; height:73px; padding:10px 0; }
.gl-list-box:active{ background:#ededed; }
.gl-list-box cite{ float:left; width:80px; height:73px; margin-right:11px; }
.gl-list-box cite img{ width:100%; }
.gl-list-box span b{ color:#535353; font-size:14px; padding-bottom: 5px; display:block; }
.gl-list-box span em{ color:#535353; display:block; font-size: 12px; line-height: 15px; }
/*道具列表页*/
.dj-list{ max-height: 110px; display: block; margin:10px 0; border-bottom: 1px solid #ebebeb; overflow: hidden; position: relative; }
.dj-list-box{ float: left; margin:10px 0; }
.dj-list dl{ overflow: hidden; display: block; }
.dj-list dt{ width: 60px; height: 60px; float: left; margin:0 10px 15px 15px; border:1px solid #ccc; background:#f7f7f7; border-radius:5px; }
/* .dj-list dl dt a{ width: 100%; height: 100%; display: block; } */
.dj-list dt cite{ width:60px; height: 60px; display: block; }
.dj-list dt cite img{ width: 100%; height: 100%; }
.dj-list dd{ float: left; position: absolute; left: 95px; }
.dj-list dd span,.dj-list dd strong{ display: block; font-size: 12px; color: #535353; line-height: 14px; }
.dj-list dd strong{ padding: 3px 0; }

.fx-l,.fx-r{ width:4px; height:10px; display:block; position:absolute; top:50%; margin-top:-5px; z-index:9; }
.fx-l{ left:-4px; background:url(images/evolution-l.png) no-repeat 0 0; background-size:4px 10px; }
.fx-r{ right:-4px; background:url(images/evolution-r.png) no-repeat 0 0; background-size:4px 10px; }
.evolution-Iconlist ul{ padding-top:10px; }
.evolution-Iconlist ul li{ width:100%; display:-webkit-box; display:-moz-box; display:box; padding-bottom:10px; }
.evolution-Iconlist ul li div{ display:block; -webkit-box-flex:1; -moz-box-flex:1; box-flex:1; text-align:center; font-size:0; }
.evolution-Iconlist ul li div:first-child span{ width:36px; height:36px; padding:0; border:1px solid #ccc; background:#f4f5f7; }
.evolution-Iconlist ul li div:first-child span b{ width:36px; height:36px; background:none; box-shadow:none; }
.evolution-Iconlist ul li div span{ display:inline-block; width:38px; height:38px; border-radius:5px; -webkit-border-radius:5px; -moz- border-radius:5px; text-align:center; background:#fff; }
.evolution-Iconlist ul li div span b{ display:block; width:38px; height:38px; font-size:12px; color:#808080; font-weight:normal; line-height:32px; border-radius:3px; -webkit-border-radius:3px; -moz- border-radius:3px; box-shadow:0 3px 3px #ccc; -webkit-box-shadow:0 3px 3px #ccc; -moz-box-shadow:0 3px 3px #ccc; text-align:center; overflow:hidden; }
.evolution-Iconlist ul li div span b img{ display:inline-block; max-width:100%; vertical-align:middle; }
/*列表页*/
.gq-tabMenu{ overflow:hidden; background:url(../2/images/gq-tabMenuBg.jpg) no-repeat 0 0; background-size:100% 100%; font-size:0; }
.gq-tabMenu span{ width:33.333%; height:42px; display:block; box-sizing:border-box; background: -webkit-gradient(linear, center bottom, center top, from(rgba(6, 64, 152, 1)), to(rgba(9, 64, 109, 0.9))); font-size:16px; font-weight:bold; text-align:center; color:#fff; line-height:42px; border-right:1px solid #1d3a94; border-left:1px solid #2a5eb4; border-top:1px solid #3063b8; border-bottom:1px solid #2f479b; float:left; }
.gq-tabMenu span:last-child{ border-right:none; }
.gq-tabMenu span.on{ background: -webkit-gradient(linear, center bottom, center top, from(rgba(31, 100, 217, 0.8)), to(rgba(21, 76, 159, 0.8))); }

/*宠物点评*/
.cwdp_cont{ border:1px solid #dbdbdb; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; padding:8px; position:relative; margin-top:15px; } 
.jssx-con-box span{ display:block; margin:10px 0 0 8px; color:#fe5154; font-size:14px; padding-left:10px; }
.jssx-con-box span:nth-last-of-type(1){ background:url(../1/images/dian3.png) no-repeat left center; background-size:5px 5px; }
.jssx-con-box span:nth-last-of-type(2){ background:url(../1/images/dian1.png) no-repeat left center; background-size:5px 5px; }
.cwdp_cont:before{ content:""; position:absolute; width:10px; height:10px; transform:rotate(45deg); -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); background:#fff; border-top:1px solid #dbdbdb; border-left:1px solid #dbdbdb; top:-7px; left:20px; }
/*宠物列表页*/
.evolution-list{ margin-top:15px; }
.evolution-list>div{ width:33%; float:left; margin-bottom:15px; }
.evolution-list a{ display:block; width:64px; height:91px; background:#427386; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; margin:0 auto; padding:0 3px; }
.evolution-list a cite{ height:72px; -moz-box-pack:center; -moz-box-align:center; -webkit-box-pack:center; -webkit-box-align:center; box-pack:center; box-align:center; display:box; display:-webkit-box; display:-o-box; display:-ms-box; margin:0 2px; }
.evolution-list a cite img{ width:100%; -moz-box-pack:center; -moz-box-align:center; -webkit-box-pack:center; -webkit-box-align:center; box-pack:center; box-align:center; display:box; display:-webkit-box; display:-o-box; display:-ms-box; }
.evolution-list a span{ display:block; width:100%; height:17px; background:#213943; line-height:17px; color:#fff; text-align:center; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; }
/*技能搭配*/
.jndp_row{ height:98px; width:100%; border-bottom:1px solid #eaeaea; }
.jndp_row:last-child{ border-bottom:none; }
.jndp_row_icon{ float:left; width:75%; height:100%; }
.jndp_row_icon a{ float:left; width:33%; height:100%; text-align:center; color:#626262; margin-top:12px; }
.jndp_row_icon a cite{ margin:0 auto; display:block; padding:0 9px; height:52px; }
.jndp_row_icon a cite img{ height:100%; }
.jndp_row_pf{ float:right; width:25%; height:100%; }
.jndp_row_pf a{ display:block; width:53px; height:64px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; ; border:1px solid #1fa7a2; background:#fff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; overflow:hidden; margin:16px auto 0; text-align:center; }
.jndp_row_pf a span{ display:block; width:100%; height:18px; background-color: rgba(51,210,203,0); background-image: -webkit-linear-gradient(bottom, #158891, #27bfb0); background-image: -moz-linear-gradient(bottom, #158891, #27bfb0); background-image: -o-linear-gradient(bottom, #158891, #27bfb0); background-image: -ms-linear-gradient(bottom, #158891, #27bfb0); background-image: linear-gradient(to top, #158891, #27bfb0); color:#fff; text-align:center; line-height:18px; }
.jndp_row_pf a b{ text-align:center; color:#26bcae; line-height:40px; font-size:28px; font-weight:normal; }
/*地图列表页*/
.dt-list-box{ padding:0 5px; overflow: hidden; }
.dt-list-box.padding{ padding:18px 8px; }
.dt-box{ width:50%; float:left; height:116px; }
.dt-box a{ display:block; width:120px; margin:0 auto; text-align:center; color:#626262; font-size:14px; }
.dt-box cite{ width:118px; height:73px; position:relative; display:block; border:1px solid #cdcdcd; margin:0 auto 8px; overflow: hidden; }
.dt-box cite img{ width:118px; height:73px; }
/*视屏列表页*/
.dt-box cite span{ position:absolute; width:28px; height:28px; background:url(images/video-icon.png) no-repeat 0 0; background-size:100%; top:50%; left:50%; z-index:3; margin-top:-14px; margin-left:-14px; }
.dt-box cite b{ position:absolute; bottom:4px; right:5px; color:#fff; font-weight:normal; font-size:12px; }
/*文章单页*/
.all-title span{ padding-left:15px; background:url(images/all-title-bg.png) no-repeat 0 center; background-size:10px 10px; }
.con-textMain{ display:block; }
.con-text-title{ padding:8px 0 8px; overflow:hidden; }
.con-text-title span{ display:block; padding-left:30px; font-size:18px; background:url(images/title-icon.png) no-repeat left center; background-size:23px 23px; color:#30abe9; }
.con-text-title.tjyd span{ background:url(images/title-icon1.png) no-repeat left center; background-size:23px 23px; }
.con-tm-Box{ padding:0 0 15px; font-size:16px; color:#626262; line-height:24px; }
.con-tm-Box cite{ margin:25px 25px 15px; display:block; }
.con-tm-Box cite img{ width:100%; }
.con-news-list{ padding:5px 0 10px 10px; }
.con-news-list span{ display:block; overflow:hidden; background-repeat:no-repeat; background-position:left center; background-size:5px 5px; }
.con-news-list span:nth-last-of-type(1){ background-image:url(../1/images/dian1.png); }
.con-news-list span:nth-last-of-type(2){ background-image:url(../1/images/dian2.png); }
.con-news-list span:nth-last-of-type(3){ background-image:url(../1/images/dian3.png); }
.con-news-list span:nth-last-of-type(4){ background-image:url(../1/images/dian4.png); }
.con-news-list span:nth-last-of-type(5){ background-image:url(../1/images/dian5.png); }

.con-news-list span a{ display:block; padding:5px 0 5px 12px; color:#606060; font-size:14px; text-decoration:none; }
.con-news-list span a:active{ text-decoration:none; }
.iframeVideo{ background:#fafafa; }
.con-joyme-title{ padding:5px 0 0; height:24px; overflow:hidden; }
.con-joyme-title span{ display:block; height:24px; line-height:24px; font-size:12px; color:#6e6e6e; }
.con-joyme-title span.fl{ padding-left:20px; display:inline-block; background:url(images/joyme-icon.png) no-repeat 0 center; background-size:15px 15px; }
.con-joyme-title span.fr{ color:#4b97f7; }
.con-video{ padding:10px 25px 20px; }
.con-video img{ width:100%; }
.con-video cite{ position:relative; display:block; }
.con-video cite span{ position:absolute; width:28px; height:28px; background:url(images/video-icon.png) no-repeat 0 0; background-size:100%; top:50%; left:50%; z-index:3; margin-top:-14px; margin-left:-14px; }
.con-video cite b{ position:absolute; bottom:4px; right:5px; color:#fff; font-weight:normal; font-size:12px; }
.con-pic{ padding-bottom:70px; }
.con-pic cite{ display:block; }
.con-pic cite img{ display:block; margin:0 auto; }

/*评分*/
.pf_ban{ position:relative; z-index:5; background:#fff; background:#00a1e9; background-size:cover; }
.pf_ban .pic_ban_box{ border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -moz-border-top-left-radius:10px; border-top-right-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-top-right-radius:10px; border-bottom:none; padding-bottom:4px; }
.con_pet_tc{ display:block; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; height:40px; line-height:40px; font-size:18px; font-weight:bold; text-align:center; background:#00a1e9; background-size:28px 40px; color:#fff; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-top-left-radius:6px; -moz-border-top-right-radius:6px; border-top-left-radius:6px; border-top-right-radius:6px; overflow:hidden; }
.pf_toolsbar{ margin:0 10px; border-bottom:1px solid #91cfcd; padding-bottom:5px; }
.pf_toolsbar div{ text-align:left; font-size:0; padding-bottom:3px; }
.pf_toolsbar div cite{ display:inline-block; width:70px; font-size:14px; color: #ffea00; }
.pf_toolsbar div span { display:inline-block; height:8px; margin:0 5px; background:#6ef6ff; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; }
.pf_toolsbar div b { float:none; font-weight:normal; font-size:12px; color:#6ef6ff; }
code{ background-color: rgba(0,0,0,0)}
.pf_toolsbar cite em{ display:inline-block; width:12px; height:12px; background:url(images/xing-hover.png) no-repeat; background-size:100% 100%; margin-right:2px; }
.pf_toolsbar cite em:last-child{ margin-right:0; }
.pf_showbox{ width:78px; height:78px; position:absolute; right:10px; top:10px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; background: rgba(155,151,91,0.1); overflow:hidden; }
.pf_showbox span:first-child{ display:block; overflow:hidden; background:#0196dd; }
.pf_showbox{ text-align:center; }
.pf_showbox code{ font-size:28px; color:#ffea00; line-height:50px; }
.pf_showbox code:after{ content:'分'; color:#fff; font-size:12px; }
.pf_showbox b{ float:none; color:#fff; font-weight:normal; display:none; }
.pf_grade{ font-size:12px; padding:8px 0; overflow:hidden; font-size:0; border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-bottom-right-radius:10px; }
.pf_grade span{ display:inline-block; overflow:hidden; }
.pf_grade cite{ display:inline-block; width:21px; height:20px; background:url(images/xing-bg.png) no-repeat 0 0; background-size:21px 20px; margin-left:8px; cursor:pointer; overflow:hidden; }
.pf_grade cite.on{ background:url(images/xing-hover.png) no-repeat 0 0; background-size:21px 20px; }
.pf_btn{ display:inline-block; width: 60px; height: 26px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #0187c7; -webkit-box-shadow: 0 0 4px rgba(199,202,202,.37); -moz-box-shadow: 0 0 4px rgba(199,202,202,.37); box-shadow: 0 0 4px rgba(199,202,202,.37); line-height:26px; text-align:center; margin-right:15px; float:right; font-size:16px; color:#fff; }
.pf_btn:active{ background:#60a5eb; color:#fff; }
.con_pet_data{ margin:10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-box-shadow:  0 0 1px rgba(38,38,38,0.1),0 0 1px rgba(38,38,38,0.1),0 0 1px rgba(38,38,38,0.1),0 0 1px rgba(38,38,38,0.1); -moz-box-shadow:  0 0 1px rgba(38,38,38,0.1),0 0 1px rgba(38,38,38,0.1),0 0 1px rgba(38,38,38,0.1),0 0 1px rgba(38,38,38,0.1); box-shadow:  0 0 1px rgba(38,38,38,0.1),0 0 1px rgba(38,38,38,0.1),0 0 1px rgba(38,38,38,0.1),0 0 1px rgba(38,38,38,0.1); -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; background:#fff; }
.pf_user b{ font-size:12px; font-weight:normal; vertical-align:middle; background-size:9px 10px; color: #fff; }
.pf_showbox .pf_user{ height:25px; line-height:25px; width:100%; background: #0187c7; }
.pf_showbox .pf_user:before{ content:''; width:9px; height:11px; background:url(images/people.png) no-repeat 0 0; background-size: 9px 11px; display:inline-block; margin:6px 0 0 4px; }
.pf_showbox .pf_user b{ margin-left:2px; display:inline-block; float:none; margin-top:-2px; }
.con_pet_main.con_pet_pf{ display:block; padding:0; }
.con_pet_comment { padding:0 10px; }
.con_pet_comment > div:nth-last-of-type(1){ border-bottom:none; }
.pf_comment_list{ margin: 0; padding:10px 0 0; }
.pf_comment_list:last-child{ padding-bottom:15px; }
.pf_comment_list span em{ font-size:14px; color:#60a5eb; }
.pf_comment_list b{ display:inline-block; width:32px; height:32px; border-radius:16px; overflow:hidden; vertical-align:middle; }
.pf_comment_list b img{ width:100%; height:100%; border-radius:28px; }
.pf_comment_list .details_link{ cursor:pointer; border:1px solid #ff8a00; padding:4px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; color:#ff8a00; }
.pf_comment_list .details_link:active{ background:#ff8a00; color:#fff; }
.pf_comment_list div{ line-height:24px; font-size:12px; color:#000; background:#f6f6f6; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; margin-top:10px; padding-left:8px; }
.pf_tips{ position:fixed; top:50%; left:50%; margin-top:-53px; margin-left:-110px; padding:20px; width:180px; height:65px; background:rgba(0,0,0,0.7); z-index:21; border-radius:10px; display:none; color:#fff; }
.pf_tips strong{ font-size:18px; line-height:36px; }
.pf_tips span{ font-size:14px; display: block; }
.pf_close{ width:15px; height:15px; background:url(images/pf_close.png) no-repeat 0 0; background-size:15px 15px; position:absolute; z-index:99; right:10px; top:10px; text-indent:-999em; cursor:pointer; }
.pf_comment_bar{ padding:10px 0; border-bottom:1px solid #eaeaea; }
.pf_comment_bar div{ margin:0 10px; height:35px; background:#fff; position:relative; overflow:hidden; }
.pf_comment_bar div input[type='text']{ width:66%; height:29px; font-size:12px; position:absolute; left:2px; top:2px; border:none; background:none; font-weight:normal; -webkit-appearance:none; border:1px solid #c1c1c1; outline:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:url(images/input-icon.png) no-repeat 8px center; background-size:20px; padding-left:32px; }
.pf_comment_bar div a{ display:block; height:31px; padding:0 8px; line-height:31px; background:#00a1e9; color:#fff; font-size:18px; text-align:center; position:absolute; right:0; top:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.no-pl{ width:115px; margin:25px auto; display:none; }
.no-pl img{ width:100%; }
/*图鉴页*/
.pic_wrap{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#00a1e9; }
.pic_ban{ position:relative; padding:12px 10px 0; }
.pic_comment{ padding:0 10px 10px; background:#01699f; border-top:1px solid #3394c6; position:relative; }
.pic_comment span{ height:23px; padding:0 5px; line-height:23px; display:inline-block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; margin:10px 5px 0 0; color:#fff; background:#056ea5; border:1px solid #2497d3; }
.pic_comment a{ position:absolute; right:15px; bottom:15px; color:#2eabeb; font-size:14px; }
.head_pet_right{ float:right; }
.head_pet_right a{ display:block; height:100%; width:100%; }
.pf_tag{ position:relative; width:82px; height: 72px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden; float:right; background:#056ea5; border:1px solid #2497d3; }
.pf_user{ position:absolute; bottom:0; left:0; text-align:center; line-height:25px; height:25px; width:100%; background:#0187c7; color:#fff; font-size:14px; color:#b8d4ea; }
.pf_user cite{ display:none; }
.pf_tag div{ position:absolute; top:0; left:0; height:47px; width:100%; text-align:center; line-height:47px; background: #0196dd; }
.pf_tag div i{ font-size:30px; color:#ffea00; font-style:normal; font-family:Microsoft YaHei; }
.pf_tag div:after{ content:"分"; color:#fff; font-size:14px; }
.pic_ban.on{ height:185px; background:url(images/pic_ban_bg2.jpg) no-repeat 0 0; background-size:cover; }
.pic_ban_box{ overflow:hidden; position:relative; z-index:2; padding-bottom:10px; }
.pic_ban.on .head_pet_data span{ color:#e6f6fd; font-size: 12px; }
#card_name{ font-size: 20px; line-height: 30px; }
.pic_ban.on .pic_ban_box span i{ background:url(images/xingxing3.png) no-repeat 0 0; background-size:13px 13px; }
.pet_img{ width:60px; height:60px; float:left; overflow:hidden; }
.pet_img img{ width:100%; height: 100%; }
.pic_ban_box .pet_name { color: #e6dda2; position: absolute; left: 3px; top: 67px; font-size: 12px; padding-top:5px; }
.pic_ban_box .pet_name form{ float:left; margin:4px 2px 0 0; }
.pic_ban_box .pet_name input{ background:none; border:none; color:#fff; }
.pic_ban_box .pet_name:after{ content:''; background:url(images/icon-f.png) no-repeat; float:left; width:13px; height:13px; background-size:13px 13px; margin-top:4px; }
.pic_ban.on .pet_img,.pic_ban.on .pet_img img,.pic_ban .head_pet_img{ width:0; height:0; opacity:0; border:0; }
.pic_ban.on .open_btn{ display:none; }
.pic_ban .head_pet_img{ transition:all 0.5s; }
.pic_ban.on .head_pet_img{ width:138px; height:137px; opacity:1; margin:10px 10px 0 0; }
.pic_ban .hide_btn{ display:none; }
.zan,.fantan{ position:relative; left:0; transition:all 1s; opacity:1; }
.pic_ban.on .zan,.pic_ban.on .fantan{ opacity:0; position:relative; left:500px; width:0; height:0; }
.hide_btn{ position:absolute; left:50%; bottom:0; display:block; width:60px; height:30px; background:url(images/hide_icon.png) no-repeat center center; background-size:15px 8px; text-indent:-999rem; margin-left:-30px; cursor:pointer; z-index:9; }
.head_pet_img{ float:right; }
.head_pet_img img{ width:100%; }
.head_pet_data{ padding-left:10px; overflow:hidden; width: 120px; float:left; position:relative; }
.head_pet_data em,.head_pet_data span{ display:block; }
.head_pet_data span{ color:#fff; font-size:12px; }
.head_pet_data span cite{ padding-left:8px; }
.head_pet_data em{ font-size:18px; font-weight:bold; color:#fff; /*测试*/  overflow:hidden; white-space:nowrap; }
.head_pet_data .xingxing{ padding-top:4px; }
.head_pet_data .xingxing span{ display:inline-block; width:10px; height:12px; background:url(images/xing.png) no-repeat 0 0; background-size:100% 100%; }
.head_pet_data .xingxing cite{ display:none; }
.head_pet_data .grade{ display:block; width:65px; height:16px; background-repeat:no-repeat; background-size:100%; }
.head_pet_data .grade.s{ background-image:url(images/class-s.png); }
.head_pet_data .grade.a{ background-image:url(images/class-a.png); }
.head_pet_data .grade.b{ background-image:url(images/class-b.png); }
.head_pet_data .grade.c{ background-image:url(images/class-c.png); }
.head_pet_data .grade.a1{ background-image:url(images/class-a+.png); }

.mpt{ background: #fff; }

/*道具列表、技能一览*/
.gq-list-box a{ overflow: hidden; border-bottom:1px solid #eaeaea; height:71px; margin:0; display: block; }
.gq-list-box a:active{ background: #f3f3f3; }
.gq-list-l{ float: left; margin-right:4px; display: block; width:85px; height:71px; display: box; display: -webkit-box; display:-o-box; display:-moz-box; display:-ms-box; -moz-box-pack:center; -webkit-box-pack:center; -moz-box-align:center; -webkit-box-align:center; box-pack:center; box-align:center; }
.gq-list-l em{ width: 100%; display: box; display: -webkit-box; display: -o-box; display: -moz-box; display: -ms-box; -moz-box-pack: center; -moz-box-align: center; -webkit-box-pack: center; -webkit-box-align: center; box-pack: center; box-align: center; }
.gq-list-l img{ max-width:60px; max-height:47px; margin:0 auto; }
.gq-list-r{ display: block; width:100%; padding-top:12px; }
.gq-list-r h3{ font-size:16px; color:#30abe9; font-family: "微软雅黑"}
.gq-list-r cite{ font-size:12px; color:#626262; }
.gq-list{ padding-bottom:40px; }


/*搜索页面*/
.soso_result{ height:47px; width:100%; background:#f3f1f1; padding:8px 83px 8px 13px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; }
.soso_result span:first-child{ float:left; height:100%; border:1px solid #c1c1c1; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:#fff; width:100%; }
.soso_result span cite{ float:left; width:20px; height:20px; background:url(images/input-icon.png) no-repeat left center; background-size:20px 20px; margin:3px 0 0 8px; }
.soso_result span input{ border:none; outline:none; background:none; float:left; height:100%; margin-left:5px; color:#a2a2a2; }
.soso_result a{ width:64px; height:31px; background:#50c6d9; color:#fff; text-align: center; line-height:31px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px; -ms-border-radius:8px; font-size:14px; position:absolute; right:13px; }
.soso_content a{ display:block; line-height:45px; border-bottom:1px solid #eaeaea; padding-left:15px; color:#626262; }
.soso_content a:first-child{ color:#1fb8ec; }

/*视频攻略单页*/
.span-box{ padding:10px 20px; }
.span-box span{ color: #535353; font-size:12px; }
.img-box{ padding:5px 20px 10px; }
.img-box img{ width: 100%; }
.img-bt{ display: block; padding:15px 0 15px 20px; }
.img-bt a{ color: #999; font-size: 12px; }

.wz-li a{ display:block; color:#677c8f; border-bottom:1px solid #ebebeb; font-size: 12px; padding:15px 0 15px 15px; }
.wz-li a span{ color: #535353; }
.wz-li a:active span{ color: #65aee1; }
.wz-li a span:after{ content: ""; color:#bbc5cf; font-size:14px; float: right; margin-top:5px; font-weight: bold; width:13px; height:13px; background:url(images/tit-icon.png) no-repeat center center; background-size:3px 6px; padding:0 4px 1px; }
.wz-li a span:before{ content: "."; color:#19aaeb; font-size:0px; width: 3px; height: 3px; background:#19aaeb; float: left; margin-top: 6px; margin-right: 6px; }

/*视频列表页*/
.video-img{ width:50%; display: inline-block; float: left; margin:10px auto 0; }
.video-img a{ display: block; width:90%; margin:0 auto; overflow: hidden; position: relative; border-radius: 5px; border:1px solid #dcdcdc; background: #fff; }
.video-span img{ display: block; width:100%; max-height:100%; overflow: hidden; }
.video-cite{ display: block; height:100%; width:100%; position: absolute; top:0; left:0; background:transparent; background:rgba(0,0,0,0.4); }
.video-span:active .video-cite{ }
.video-chi{ display: block; position: relative; font-size:0; }
.video-chi img{ width:100%; }
.video-em{ display: block; position: absolute; top:50%; left:50%; z-index:9; margin-top:-18px; margin-left:-18px; width:36px; height:36px; background-image: url(images/video-icon.png); background-repeat: no-repeat; background-size: 100%; }
.video-em img{ width:100%; }
.video-b{ color:#515151; font-size:12px; display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; width:90%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:12px 10px 0; }
.video-time{ font-size:12px; color: #838383; text-align: left; display: block; margin:auto 10px; padding:5px 0; font-weight: normal; }
.video-text{ display: block; width:100%; position: relative; }
.video-new{ color:#fff; background: #15c35a; padding:1px 4px; border-radius: 2px; font-weight: normal; position: absolute; right:10px; bottom:1px; font-size:12px; line-height: 12px; }
.tab-main-box{ display:none; margin:0 10px; }
.tab-main-box.active{ display:block; }
/* --视频列表页end-- */
#star{ color: #ffd954; padding: 5px 0; }

/*与style.css冲突*/
a:hover, a:focus{ text-decoration: none; }

/* --宠物级别-- */
b.moon,b.start,b.sun{ display: inline-block; width:12px; height:12px; background-repeat: no-repeat; }
b.moon{ background: url(images/start-icon.png) no-repeat; background-size: 11px 11px; margin-top:5px; }
b.start{ background: url(images/start.png) no-repeat; background-size: 14px 14px; margin-top:3px; margin-right:2px; }
b.sun{ background: url(images/sun.png) no-repeat; background-size: 12px 11px; margin-top:5px; }
#contentSub,#catlinks,.visualClear{ display:none; }
#bodyContent{ background:#fff; }

div#wrapper{ padding-bottom: 78px; }
div#footer div{ border-top: none; }
/*评论*/
.Comments b{ display: none; }
.Comments{ position: fixed; width: 100%; left: 0; bottom: 38px; z-index: 9; }
#wap-comment-link-v2{ max-width: 640px; width:100%; padding:9px 0; background:#54b3eb; display: block; margin:0 auto; }
#wap-comment-link-v2:active,#wap-comment-link-v2:link,#wap-comment-link-v2:hover,#wap-comment-link-v2:visited{ text-decoration:none; }
#wap-comment-link-v2 span{ display:block; padding:6px 0 8px 35px; font-size:14px; margin:0 10px; border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; color:#aeaeae; background:#fff url(images/wp-comment-bg.png) no-repeat 15px 6px; background-size:16px 18px; position:relative; }
/*wiki投票功能样式*/
.ajaxpoll{ width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background:none; }
.ajaxpoll input{ margin: 0 5px 0 0; vertical-align: -2px; }
.ajaxpoll .ajaxpoll-answer-vote span{ top: -4px; }
.ajaxpoll div{ text-indent: 0!important; }
.ajaxpoll .ajaxpoll-answer-vote{ margin: 10px 0; }
/*0614新加列表页*/
.yhlist-a{ padding:0 10px; }
.yhlist-a a{ display:block; font-size:14px; color:#3c434a; padding-left:25px; border-bottom:1px solid #e6e6e8; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; height:50px; line-height:50px; }
.yhlist-a a:after{ content:''; width:5px; height:5px; background:#3c434a; position:absolute; top:50%; left:10px; margin-top:-2px; }

.com-tab.yhlist-a{ padding:0; }

/*2015/7/3 分享模块*/
/*分享到 wap*/
.wap-share-box{ overflow: hidden; width:100%; }
.wap-share-box dt{ font-size: 12px; color:#727272; background: #ececec; padding:6px; border:1px solid #e3e2e2; border-radius: 5px; width:54px; overflow: hidden; }
.wap-share-box dd{ float: left; width:20%; height:auto; text-align: center; color:#595e65; font-size:10px; }
.wap-share-box dd a{ display: block; width:44px; height:44px; margin:9px auto 8px; background: url(images/wap-share.png); background-repeat: no-repeat; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; }
.wap-share-box dd:last-child{ margin-right:0; }
.wap-share-box dd b{ font-style: normal; font-weight: normal; }
.wap-share-box dd a.wap-share-weixin{ background-position: 0 0; background-size: 100%}
.wap-share-box dd a.wap-share-pyq{ background-position: 0 -46px; background-size: 100%; }
.wap-share-box dd a.wap-share-weibo{ background-position: 0 -93px; background-size: 100%; }
.wap-share-box dd a.wap-share-qq{ background-position: 0 -139px; background-size: 100%; }
.wap-share-box dd a.wap-share-qzone{ background-position: 0 -186px; background-size: 100%; }
.wap-share-box dd a:active:after{ content: ""; width:100%; height:100%; position: absolute; top:0; left:0; background: rgba(0,0,0,.2); border-radius: 7px; }

/*wap 最新文章、最热文章*/
.wiki-list>span{ display: block; padding:14px 25px; background: #f4f4f4; position: relative; line-height: 16px; font-weight: bold; }
.wiki-list>span:after{ content: ""; width: 3px; height: 15px; background: #82d6fc; position: absolute; top: 14px; left: 12px; }
.wiki-list ul li { padding:20px 0  20px 12px; position: relative; border-bottom:1px solid #e9e9e9; }
.wiki-list ul li cite{ display: none; }
.wiki-list ul li a{ color:#727272; font-size:12px;width:100%;padding-left:9px;box-sizing:border-box;-webkit-box-sizing:border-box; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;position: relative;}
.wiki-list ul li a:after{ content: "."; color: #19aaeb; font-size: 0px; width: 3px; height: 3px; background: #19aaeb; float: left; margin-top: 6px; margin-right: 6px; position: absolute;top:50%;margin-top:-2px;left:0;}
.wiki-list ul li:active a{color: #16bbf6;}