html,body{padding:0;margin:0;}
a:link{text-decoration:none;}
a:active{text-decoration:none;}
a:hover{text-decoration:none;}
a:visited{text-decoration:none;}
 /*html{ 
            filter: grayscale(100%); 
            -webkit-filter:grayscale(100%); 
            -moz-filter:grayscale(100%); 
            -ms-filter:grayscale(100%); 
            -o-filter:grayscale(100%); 
            filter: url("data:image/svg+xml;utf8,#grayscale");
            filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); 
            -webkit-filter:grayscale(1);
        } */

body{color:#fff;font-size:12px;font-family:SimHei;background:#312D2D;}
img{border:none;}
ul{list-style-type:none;
     -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;}
p {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
.clear_l{clear:left;}
.clear_r{clear:right;}
.clear_b{clear:both;}
.blockEle{display:block;}
/*头部*/
.wrap_pm_gnb{width:100%;position:relative;z-index:10;top:0;left:0;}
.header_1{width:100%;height:40px;background:url(../images/topmenu-bg.jpg) repeat-x;}
.header_1_main{width:1200px;height:40px;margin:0px auto;background:url(../images/yh-logo.png) no-repeat left center;}
.header_2{width:100%;height:65px;background:url(../images/headdot.png);}
.header_2_main{width:1200px;height:135px;position:relative;margin:0px auto;}
.header_2_main a.logo{position:absolute;top:3px;}
.header_2_main a{color:#fff;width:165px;height:65px;font-size:16px;line-height:65px;position:relative;float:right;border-right:1px solid #333333;}
a.lintoindex{display:block;width:110px;height:40px;}
.navspan1,.navspan2{position:absolute;}
.navspan1{font-size:16px;line-height:16px;}
.navspan2{font-size:12px;line-height:12px;}
.header_2_main a.toindex span.navspan1{top:18px;left:70px;}
.header_2_main a.toindex span.navspan2{top:36px;left:71px;}
.header_2_main a.tofeature span.navspan1{top:18px;left:73px;}
.header_2_main a.tofeature span.navspan2{top:36px;left:73px;}
.header_2_main a.toroles span.navspan1{top:18px;left:68px;}
.header_2_main a.topet span.navspan2{top:36px;left:67px;}
.header_2_main a.topet span.navspan1{top:18px;left:68px;}
.header_2_main a.toroles span.navspan2{top:36px;left:67px;}
.header_2_main a.toindex{background:url(../images/icon_home.png) no-repeat 35px center;}
.header_2_main a.toindex:hover{background:url(../images/icon_home_hover.png) no-repeat 35px center;}
.header_2_main a.tofeature{background:url(../images/icon_game.png) no-repeat no-repeat 31px center;}
.header_2_main a.tofeature:hover{background:url(../images/icon_game_hover.png) no-repeat no-repeat 31px center;}
.header_2_main a.toroles{background:url(../images/icon_role.png) no-repeat no-repeat 31px center;}
.header_2_main a.toroles:hover{background:url(../images/icon_role_hover.png) no-repeat no-repeat 31px center;}
.header_2_main a.topet{background:url(../images/icon_pet.png) no-repeat no-repeat 31px center;}
.header_2_main a.topet:hover{background:url(../images/icon_pet_hover.png) no-repeat no-repeat 31px center;}
.header_2_main a:hover{color:#FFC700;}
.header_2_main a.wxfocus{width:155px;border-right:0px solid #333333;}
.header_2_main a.wxfocus:hover{color:#76d238;}
.header_2_main a.wxfocus img,.header_2_main a.wxfocus span{vertical-align:middle;}
.header_2_main a img{margin-left:30px;}
div.showcode{width:170px;height:150px;text-align:center;padding-top:20px;background:url(../images/headdot.png);position:absolute;top:65px;right:0px;display:none;}
div.showcode img{width:130px;}
/*导航*/

/*主要内容*/
div.middle{width:100%;position:relative;margin-top:-105px;}
div.banner{width:100%;height:298px;background:url(../images/banner.jpg) no-repeat center;}
div.guides{width:100%;height:60px;background:#3B3737;}
div.guideMain{width:1206px;height:60px;line-height:60px;font-size:21px;color:#9c9696;background:#3B3737;margin:0px auto;}
div.guides a{color:#9c9696;}
div.guides span,div.guides a:hover{color:#f0dd66;}
div.mainContent{width:1250px;margin:50px auto;}
div.petTypes{width:1206px;height:50px;margin:0 auto;}
div.petTypes a{display:block;width:300px;height:50px;line-height:50px;text-align:center;font-size:20px;color:#dad0cc;background:#464242;float:left;margin-left:1px;}
div.petTypes a:hover,div.petTypes a.on{color:#ffd34e;background:url(../images/tab_s.png) no-repeat left bottom #24201C;}
/*列表*/
div.petList{width:1240px;margin:0 auto;padding:40px 0;}
a.petItem{width:180px;height:285px;text-align:center;background:url(../images/bg_portrait.png) no-repeat center top;position:relative;float:left;margin-left:22px;}
a.petItem:hover{background:url(../images/bg_portrait_h.png) no-repeat center top;}
a.petItem >img{width:150px;position:relative;top:10px;}
span.tags{display:block;width:0;height:19px;overflow:hidden;line-height:19px;font-size:16px;color:#fff;text-indent:10px;background:url(../images/tag.png) no-repeat;position:absolute;top:0;right:0;}
span.SHOW{width:45px;}
span.levels{width:100%;height:40px;line-height:28px;text-align:center;font-size:24px;color:#fffbf0;position:absolute;top:185px;left:0;}
span.level_b{background:url(../images/iLev_b.png) no-repeat center bottom;}
span.level_a{background:url(../images/iLev_a.png) no-repeat center bottom;}
span.level_s{background:url(../images/iLev_s.png) no-repeat center bottom;}
span.pet_name{width:100%;font-size:18px;line-height:18px;color:#d3cece;text-align:center;position:absolute;top:240px;left:0;}
a.viewMOre{width:150px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:20px;background:#de5508;margin:10px auto 60px auto;display:none;}
/*详情*/
div.petInfo{width:1200px;position:relative;margin:40px auto;margin-bottom:100px;}
div.petInfo >a{display:block;width:102px;height:82px;position:absolute;top:185px;}
a.btnPrev{background:url(../images/iPrev.png) no-repeat;left:0;}
a.btnPrev.disabled{background:url(../images/iPrev_d.png) no-repeat;cursor:default;}
a.btnNext{background:url(../images/iNext.png) no-repeat;right:0;}
a.btnNext.disabled{background:url(../images/iNext_d.png) no-repeat;cursor:default;}
div.petInfo >div{position:relative;}
div.infoLeft{width:302px;height:480px;background:url(../images/petbg.png) no-repeat center top;float:left;margin-left:200px;}
div.infoRight{width:433px;float:right;margin-right:200px;}
img.iLevel{position:absolute;top:15px;left:30px;}
div.petImgShow{width:302px;height:420px;text-align:center;position:absolute;z-index:1;top:60px;left:0;}
img.petSmall{display:none;}
div.petImgShow >img{width:300px;position:absolute;top:0;left:50%;margin-left:-150px;}
img.petState2{display:none;}
div.petImgShow >a{width:110px;height:60px;background:url(../images/pet_n.png) no-repeat;position:absolute;top:340px;}
div.petImgShow >a.c1{left:36px;}
div.petImgShow >a.c2{left:156px;}
div.petImgShow >a.sel{background:url(../images/pet_s.png) no-repeat;}
div.petImgShow >a img{width:110px;position:absolute;bottom:0;right:0;}
div.infoRight p.petName{font-size:32px;color:#d3cece;}
div.infoRight p.petName span{font-size:60px;color:#ffbd1f;}
div.infoRight >span{display:block;width:433px;height:40px;line-height:40px;font-size:18px;color:#b03921;text-indent:15px;background:url(../images/sub.png) no-repeat;margin-top:30px;}
div.infoRight p.petIntro{font-size:14px;color:#9aa1a9;text-indent:28px;line-height:24px;padding:10px;background:url(../images/bg_intro.jpg);margin-top:20px;}
div.petSkill{width:433px;margin:0px auto;margin-top:25px;}
div.skillItem{width:130px;height:190px;text-align:center;float:left;margin-left:10px;}
div.skIcons{display:inline-block;*display:inline;zoom:1;width:84px;height:84px;background:url(../images/bg_skill.png) no-repeat;}
img.skimg{width:60px;position:relative;top:12px;}
span.sks1{font-size:14px;color:#787776;line-height:20px;}
span.sks2{font-size:18px;color:#fdfdfd;line-height:30px;}
div.petInfo span.sks3{font-size:16px;color:#9aa1a9;line-height:22px;text-align:left;}


/*右侧窗口*/
div.floatRightBox{width:188px;height:408px;border:1px solid #575353;background:#2f2b2b;position:fixed;top:50%;margin-top:-204px;right:0;}
div.floatRightBox >span{height:21px;line-height:21px;font-size:14px;color:#d3cece;text-indent:36px;background:url(../images/down.png) no-repeat 10px center;margin-top:10px;}
div.floatRightBox >img{display:block;border:10px solid #fff;margin:10px auto;}
div.floatRightBox >a{display:block;}
a.btnDown{width:165px;height:50px;line-height:50px;font-size:16px;margin:0 auto;margin-top:8px;}
a.btnDown span{font-family:Arial, Helvetica, sans-serif;}
a.downIos,a.downIosyy{color:#fff;background:url(../images/dIos.png) no-repeat;}
a.downIos{text-indent:45px;}
a.downIosyy{text-indent:50px;}
a.downAndroid{color:#412826;text-indent:50px;background:url(../images/dAndroid.png) no-repeat;}
a.btns{width:40px;height:80px;text-align:center;font-size:14px;color:#412826;position:absolute;top:-1px;left:-41px;}
a.btnHide{background:url(../images/arrow_r.png) no-repeat center 55px #d3cece;}
div.floatRightBox >a.btnShow{background:url(../images/arrow_l.png) no-repeat center 55px #d3cece;display:none;}

/*底部*/
.footer{position:relative;*bottom:0;left:0;padding:20px 0;line-height:50px;width:100%;color:#838383;text-align:center;font-family:宋体;font-size:12px;line-height:28px;background:#000000;z-index:40;}
.footer a {color:#838383}
.footer >*{display:inline-block;height:50px;*display:inline;zoom:1;vertical-align:middle;}
.footer >span{border-right:1px solid #497fbf;height:33px}
.foot1{width:142px;margin-right:20px;}
.foot1 a{display:inline-block;*display:inline;zoom:1;width:142px;height:47px;}
.foot2{margin:0 20px;}
.footer >div.foot3{height:88px;text-align:left;}
.footer >div.foot3 span{color:#434343}
.footer a.fcm{color:#4271a9;}

