body,th,td,p,ol,ul,li,dl,dt,dd,a,h1,h2,h3,h4,h5,h6,form,fieldset,input,legend,select,textarea{ margin:0; padding:0; font-family: "Microsoft YaHei"; }
input,img,fieldset{border:none ; }
input,select,fieldset{vertical-align:middle}
body, button, input, select, textarea{ outline:none; }
ul,ol,nav li{list-style-type:none;}
a{text-decoration:none;outline:none;}
a:link{ text-decoration: none  }
a:hover{ text-decoration: none  }
a:active{ text-decoration: none }
a:visited{ text-decoration: none  }
i, cite, em, var, address, dfn { font-style: normal; }
input:-ms-clear{ display:none; }  /* clear IE10 X */
textarea{ resize: none ;}
table {  border-collapse: collapse;  border-spacing: 0;  border: 0; }
.clearfix:after{ content:""; display:block; height:0; clear:both; line-height: 0; visibility: hidden; }
.clearfix{ *zoom: 1;}
.tl { text-align:left; }
.tc { text-align:center; }
.tr { text-align:right; }
.bc { margin:0 auto; }
.fl { float:left; }
.fr {float:right; }
.vm { vertical-align: middle; }
.pr { position: relative; }
.pa { position: absolute; }
.zoom{zoom:1}
.none { display: none; }
.block { display: block; }

.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f20 { font-size: 20px; }
.fb { font-weight: bold; }
.fn { font-weight: normal; }
.t2 { text-indent: 2em; }
.ml10{ margin-left: 10px;}
.mt10{ margin-top: 10px;}
.di-bl{display:inline-block;*display:inline;*zoom:1}
.bgWhite{ background: #fff ;}
/*inline-block*/
.di-bl { display: inline-block; *display: inline; *zoom: 1; }
.di-vm{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;}
/* ellipsis */
.elli { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.hide{ font-size: 0; text-indent: -999px; width: 0;}
.sprites{ background: url("../images/sprites.png")}

/* 背景 */
body{ background: #f5edf7 ; font :14px/1 Tahoma,Helvetica,'Microsoft Yahei', '微软雅黑',Arial,"\5b8b\4f53",sans-serif}
.bgHeader,.bgMain{ min-width: 1000px; }
.bgHeader{ background: url("../images/bgHeader.jpg") center top; height: 487px; overflow: hidden;}
.bgMain{ background: url("../images/bgMain.jpg") no-repeat center top; }
.headerIndex,.main{ width: 1000px; margin: 0 auto ; }

 /* header */
.bgHeader .headerWrap{ position: absolute; top: 0; left: 0;}
.logo{ width: 260px; height: 120px; display: block; margin-top: 94px; }
.pageNav{ background: #5c0c5e;width: 1000px; height: 59px; line-height: 59px; font-size: 0;}
.pageNav a{ width: 200px; height: 59px; display: inline-block; *display: inline; *zoom: 1; text-align: center; color: #fff ; font-size: 18px; position: relative;}
.pageNav a:before{ background: url(../images/sprites.png) ; width: 83px; height: 77px; background-position: -28px 0 ; content: " " ; position: absolute; top: -9px; left: 50%; margin-left: -42px;}
.pageNav a:hover,.pageNav .On{ background: #913b93; }
.headerCode{ width: 89px; height: 89px; border: 10px solid #913b93 ; margin-top: 97px;}
.headerCode img{ width: 100%;}
.androidBtn{  width: 107px; height: 37px; color: #fff ; line-height: 37px; margin-top:9px; background: #cf2b29 ; font-size: 15px; display: block; text-align: center; border-radius: 2px; }

/* 主要内容 */
.title{ width: 100%; line-height: 44px; border-bottom: 1px solid #cecece; margin-top: 10px;}
.title span{ font-size: 16px; float: left; padding: 0 1em; position: relative; color: #8d1c8d ; font-weight: bold;}
.title span:after{ width: 100%; height: 2px; background: #8d1c8d ; position: absolute; bottom: 0; left: 0; content:" " ;}
.title a{ font-size: 14px; float: right; color: #a0a0a0; padding: 0 10px ; margin-right: 10px;}


/* 最新活动 */
.newActive{ width: 350px;  float: left;}
.newActiveUl li{ padding: 15px 12px ; border-bottom: 1px solid #f0f0f0 ;}
.newActiveUl li a{ display: inline-block; vertical-align: top ; *display: inline; *zoom: 1;}
.newActiveUl li .link{ color: #5f5f5f ; width: 190px; margin-left: 13px;}
.newActiveUl li:last-child{ border-bottom: none ;}
.newActiveUl li a img{ width: 117px; height: 66px; display: block;}
/* 新闻 */
.news{ width: 380px; float: left; height: 346px;}
.newsTab{ font-size: 0; margin-top: 10px;}
.newsTab a{ width: 95px; *width: 94px; line-height: 44px; text-align: center; display: inline-block; *display: inline; *zoom: 1; color: #5f5f5f ; font-size: 16px; border-bottom: 1px solid #cecece ; position: relative;}
.strategyTab .On,.newsTab .On{ color: #8d1c8d ;}
.strategyTab .On:after,.newsTab .On:after{ content:" " ; width: 100%; height: 2px; background: #8d1c8d ; position: absolute; bottom: -2px; left: 0;}
.newsUl{ padding: 16px 13px}
.newsUl a{ line-height: 32px; color: #5f5f5f ; width: 350px; overflow: hidden; text-overflow: ellipsis ; display: inline-block; *display: inline; *zoom: 1; white-space:nowrap; border-bottom: 1px dashed #cecece ; }
.newsUl a:hover{ color: #b74511}

/*  下载 */
.download{ width: 250px; overflow: hidden; }
.gameMessage{ margin:15px 11px 0 11px ; font-size: 0;}
.gameUI{ width: 83px; height: 83px;}
.plat a{ color: #969696 ; font-size: 12px;}
.plat a:first-child:after{ content: " " ; width: 1px; height: 10px; background: #969696 ; display: inline-block; *display: inline; *zoom: 1; margin: 0 5px ;}
.gameName{ font-size: 16px; color: #5f5f5f; }
.gameHomeBtn{ width: 99px; height: 33px; background-position: -190px -21px ; display: inline-block; *display: inline; *zoom: 1 ; margin-top: 5px;}
.gameDetail{ padding: 0 20px 5px 20px; color: #5f5f5f ; font-size: 12px; margin-top: 12px  ; line-height: 25px; display: block;}

.codeView{ margin-top: 12px; font-size: 0; text-align: center;}
.gameCode{ width: 98px; margin: 24px 5px 20px 5px;}
.gameCode img{ border: 2px solid #641766; border-radius: 2px ; width: 98px; height: 98px; }
.gameCode span{ color: #191919 ; font-size: 14px;}



/* 攻略  */
.strategy{ width: 673px; height: 269px;}
.strategyTab{ font-size: 0; float: left;}
.strategyTab a{ width: 85px; line-height: 55px; text-align: center; display: inline-block; *display: inline; *zoom: 1; color: #5f5f5f ; font-size: 16px; position: relative;}
.strategyTop{  border-bottom: 1px solid #cecece ; }
.more{ float: right; padding: 10px ; margin-top: 10px; color: #a0a0a0}
.strategyUl .summary{ display: inline-block; *display: inline; *zoom: 1; width: 555px; overflow: hidden; text-overflow: ellipsis ; white-space: nowrap ; vertical-align: middle}
.strategyUl{ margin: 15px 18px 10px 18px ;}
.strategyUl a{ line-height: 36px; color: #5f5f5f ; border-bottom: 1px dashed #cecece ; display: block;}
.strategyUl a:hover{ color: #b95fbe ;}

/*  图鉴 系统介绍  */
.message{ width: 1000px; text-align: center;}
.pokedex,.introdute,.introdute2{ width: 271px; height: 100px; display: inline-block; *display: inline; *zoom: 1; margin: 33px 15px 24px 15px ;}
.pokedex{ background-position: 0 -100px ;}
.introdute{ background-position: -274px -100px ;}
.introdute2{ background-position: -546px -100px ;}

.gameGift{ width: 316px; height: 548px; float: left;}
.gameGiftListUl{ color: #5f5f5f ; }
.gameGiftListUl li{position: relative; margin: 10px 12px 0 12px; padding-bottom: 9px; border-bottom: 1px solid #f0f0f0}
.gameGiftListUl li:last-child{ border-bottom: none}
.giftDetail{ width: 194px;}
.gameGiftListUl p{ line-height: 25px; color: #323232 ;}
.gameGiftListUl p strong{ font-weight: normal; }
.gameGiftListUl .giftCon { font-size: 12px;}
.gameGiftListUl .giftCon strong{ display: inline-block; *display: inline; *zoom: 1; width: 132px; overflow: hidden; text-overflow: ellipsis ; white-space: nowrap ; line-height: 25px; vertical-align: middle ; }
.giftName strong{ color: #5f5f5f ; }
.giftSum strong{ color: #841976 ; }
.reviewBtn{position: absolute;right: 0;top: 50%; margin-top: -14px; width: 92px; height: 27px; color: #4f4f4f ; border: 1px solid #4f4f4f; border-radius: 5px ; text-align: center; line-height: 27px; font-size: 14px;}
.reviewBtn:hover{  color: #b74511 ; border: 1px solid #b74511; }
.jf-reviewBtn{color: #ff6d82 ; border: 1px solid #ff6d82;}
.jf-reviewBtn:hover{  color: #4f4f4f ; border: 1px solid #4f4f4f; }


/* 游戏截图 */
.gamePicList{ font-size: 0; text-align: center; padding: 26px 0 ;}
.gamePicList a{ width: 420px; height: 214px; display: inline-block; *display: inline; *zoom: 1; margin: 0 20px ;}
.gamePicList a img{ width: 100%; display: block;}
.gamePicList span{ margin: 0 20px ;}

/*  领取弹窗 */
.gift-pop { display: none; position: fixed; left: 0px; top: 0px; height: 100%; width: 100%; background: url(https://www.shengli.com/Public/Home/third/index/images/gift-pop-bg.png) 0 0 repeat; }
.gift-pop .gift-pop-cent { position: absolute; left: 50%; top: 50%; height: 385px; width: 492px; background: #fff; margin: -200px 0 0 -246px; }
.gift-pop .gift-pop-cent .closed { position: absolute; right: 10px; top: 10px; height: 30px; width: 30px; background: url(https://www.shengli.com/Public/Home/third/index/images/closed.png) center center no-repeat; }
.gift-pop .gift-pop-cent p { padding-top: 60px; line-height: 48px; text-align: center; font-size: 24px; color: #333; }
.gift-pop .gift-pop-cent .gift-pop-img { text-align: center; }
.gift-pop .gift-pop-cent .gift-pop-img img { width: auto; }


/* 子页面 */
.strategyPage .pageNav a{ width: 200px; }
.straPageList{ overflow: hidden;}
.straPageListUl li{ padding: 25px 36px ; border-bottom: 1px solid #ededed ;}
.straPageListUl img{ width: 225px; height: 126px;}
.straPageTitle{ color: #545454 ; font-size: 24px; display: block; margin-bottom: 20px;}
.straPageTitle:hover{ color: #913b93 ; }
.straPageDet{ width: 650px; margin-left: 20px;}
.straPageMin{color: #737373  ; line-height: 26px;}
.straPageTime{ color: #737373 ; margin-top: 20px;}

/* 分页 */
.pagination{ text-align: center; padding: 50px 0 ;}
.pagination a ,.pagination span{ display: inline-block; *display: inline; *zoom: 1; vertical-align: middle ; line-height: 32px; height: 32px; border-radius: 3px ; margin: 0 3px ;}
.prev,.next{ color: #999 ; background: #d9d9d9 ; padding: 0 7px ;}
.num{ padding: 0 10px ;  color: #999 ; background: #d9d9d9 }
.current{ padding: 0 10px ;  color: #fff ; background: #953894 }

/* 攻略分类 */
.strategyNav{ margin: 28px 33px ;}
.strategyNav a{ background: #fff ; color: #ad96ae ; width: 117px; height: 37px; border: 1px solid #700f72 ; border-radius: 2px ; display: inline-block; *display: inline; *zoom: 1; margin-right: 20px; text-align: center; line-height: 37px; font-size: 16px;}
.strategyNav .On{ background: #ebbdec ; color: #5c0c5e}