@charset "utf-8";a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;}
body{width:100%;height:auto;-webkit-text-size-adjust:none;}
div{text-align:left;}
body{font:12px/1.5em Arial,"Microsoft YaHei";color:#666;position:relative;background-color:#f9f9f9;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em{font-style:normal;}
li{list-style-type:none;}
a{text-decoration:none;color:#333;}
a:hover{color:#F1412E;text-decoration:none;}
a:focus{outline: none;}
fieldset,img{border:0}
button,label{cursor:pointer;}
font,input,select,textarea{font-size:11px;line-height:1.2em;}
.clear{clear:both;line-height:0;overflow:hidden;}
.topbar,.top{width:100%;background:#1f1f1f;}
.topbar .lr ,.topNav{height:35px;line-height:35px;width:1100px;margin:0 auto;overflow:hidden;}
.topbar .lr .left,.topNav .left{float:left;font-size: 12px;}
.topbar .lr .right,.topNav .right{float:right;font-size:12px;}
.topbar .lr .right a,.topNav .right a{padding:0 10px;color:#999;font-size: 12px;}
/**/
.footer p{ color: #555; margin-top: 10px; }
.footer p a{ color: #999; padding: 0 10px; }
.footer a.green{ color: #fff; margin: 0 10px; }
.footer a.green:hover{color:#f10;}
.footer p a:hover{color:#fff;}
.footer{background-color: #333;width: 100%;clear: both;margin: 20px 0 0;border-top: 2px solid #E33232;text-align: center;line-height: 30px;color: #A5A0A0;    padding-bottom: 10px;}
.footer .cons{width: 1100px; margin: 0 auto;}
.footer .cons strong{border-left: 4px solid #999; height: 45px; font-size: 22px; line-height: 45px; padding-left: 20px; color: #fff; margin: 10px 0; display: inline-block; width: 1100px;}
.footer .cons .friends{border-right: 1px solid #4d4d4d; padding: 10px 27px 0 0; width: 859px; display: inline-block; float: left;}
.footer .cons .friends a{line-height: 28px; padding-right: 20px; color: #999; font-size: 12px;}
.footer .cons .friends a:hover{color:#fff;}
.footer .cons .smiao{display: inline-block; width: 186px; height: 200px; margin-left: 20px; background: url(../images/bk0.png) no-repeat -619px -373px;}
.footer .cons .smiao span{background: url("../images/bkl.png") no-repeat -4px -1px;width: 203px;height: 16px; position: relative;display: inline-block;top: 59px;left: -16px; animation:dd 3s infinite;behavior: url(../js/ie-css3.htc)}
@keyframes dd{33%{ top:59px; } } }
/**/
.logo{ width:1100px; margin:0px auto; display: inline-block; }
.logo a.logicon{ background: url(../images/bk_latest.png) no-repeat -6px -233px; width: 240px; height: 60px; display:inline-block; float:left; }
.r_ios{ display: inline-block; float: right; }
.r_ios a{ width: 40px; display: inline-block; float: left; height: 40px; border-radius: 3px; text-align: center; margin-left: 28px; }
.r_ios a i { display: inline-block; background: url("../images/bk_latest.png"); }
.r_ios .apk i{ background-position: -124px -171px; width: 23px; height: 28px; margin: 6px 8px; }
.r_ios .apk{ background-color: #a4ca39; }
.r_ios .ios{ background-color: #767774; }
.r_ios .ios i{ width: 18px; background-position: -103px -174px; height: 24px; margin: 8px 11px; }
.r_ios .ios:hover{ background-position: -14px -179px; }
.r_ios .apk:hover{ background-position: -14px -138px; }
/**/
.contact{ text-align: center; border-top: 1px solid #4A4A4A; }
.contact p{ text-align: center; line-height: 27px; margin-top: 15px; }
.contact p a{ color: #999; }
.contact a.green{ color: #eee; margin: 0 12px; }
/**/
.pager{ width: 100%; padding: 20px 0 30px 0; text-align: center; font-size: 14px; height: 20px; }
.pager .sele,.pager a:hover{ background: #3DB4EF; color: #fff !important; }
.pager .sele,.pager .total,.pager a.last,.pager a.next,.pager a.firs,.pager a.prev,.pager a.norm{ border-radius:2px; padding: 5px 10px; margin-right: 10px; color: #888; }
.pager .total,.pager .sele{ font-weight: normal; }
/**/
/*banner*/
.banner{ width:1000px; margin:0 auto; overflow:hidden; zoom:1; clear: both; }
.banner .logo{ width: 415px; height: 97px; float:left; background: url(../images/home.jpg) 0px -21px; margin-top: 23px; display: block; }
.nav{ float:right; margin: 12px 0px 0px; }
.nav a{ display:inline-block; width: 66px; height: 15px; color: #888; font-weight:bold; background: url(../images/home_ico.png) no-repeat; padding-top: 72px; text-align: center; margin: 0px 18px; float: left; }
.nav a:hover{ color:#d72f0e; }
.nav a.android{ background-position: 4px 12px; position: relative; }
.nav a.apple{ background-position: 4px -65px; position: relative; }
.nav a.app{ background-position: 3px -147px; }
.nav span.line1,.nav span.line2{ display: block; width: 3px; height: 81px; position: absolute; top: 0px; right: -20px; background: url(../images/home_ico.png) -32px -212px; }
/*menu*/
.menu{ width:1000px; margin:0 auto; overflow:hidden; zoom:1; background:#81c53e; margin-bottom: 5px; }
.nl{ float: left; overflow: hidden; zoom: 1; }
.nl a{ color:#fff; font-size: 15px; height:47px; line-height:47px; padding: 0px 24px; display:inline-block; }
.nl a.home{ padding: 0px 35px 0px 56px; background: #81c53e url(../images/home_ico.png) 22px -1345px no-repeat; }
.nl a:hover,.nl a.hover{ background:#6ab124; }
.nl a.home.hover,.nl a.home:hover{ background: #6ab124 url(../images/home_ico.png) 8px -305px no-repeat; }
/**/
.manu_latest a:hover p,.appsicon span a.icon_title:hover,.more:hover,p.active{ color:#F1412E}


/*new-head*/
/*public-top-nav*/
.head-center { width:  1200px; margin: 0 auto; height: 34px; }
.head { background:  #3c3c3c; height:  34px; }
.go-home { float:  left; color:  #aaa; font-size:  12px; line-height:  34px; height:  34px; }
.go-home:hover{ color:#fff; }
.public-nav { float:  left; position:  relative; z-index: 9; }
.public-nav-tit { display:  block; color:  #aaa; font-size:  12px; height:  34px; line-height: 34px; position:  relative; margin-left:  25px; padding-left:  28px; }
.public-nav-count { position:  absolute; top: 34px; left: -36px; background:  rgba(33,34,37,.95); z-index: 1; width: 1060px; padding: 0 70px 50px; display:  none; }
.pub-nav-ol li { float:  left; color:  #fff; font-size: 18px; font-weight:  bold; text-align:  center; width:  16.66%; display:  inline; border-bottom: 1px solid rgba(93,208,158,.1); height:  86px; line-height:  86px; position:  relative; }
.pub-nav-ol li:after { content: "+"; position:  absolute; bottom: -9px; right: -8px; width:  16px; height:  16px; line-height:  16px; color: #5dd09e; font-size: 32px; font-weight:  normal; }
.pub-nav-ol:after { content:  ""; display:  block; clear: both; }
.pub-nav-ol li:last-child:after { display: none; }
.pun-nav-list li a { display:  block; color: rgba(255,255,255,.5); height:36px; line-height:36px; text-align:  center; }
.pun-nav-list ul { float:  left; width:  16.66%; }
.pun-nav-list { padding-top:  18px; position:  relative; }
.pun-nav-list li a:hover { color:  #fff; }
.pun-nav-list:before { content:  ""; width:  69px; height:  21px; background: url(../images/jlt-index.png) -353px -65px no-repeat; position:  absolute; bottom: -30px; right: -50px; }
.pun-nav-list:after { content:  ""; display:  block; clear:  both; }
.public-nav-tit:before { content:  ""; position:  absolute; top: 12px; left:  0; width:  15px; height:  10px; background:  url(../images/jlt-index.png) -548px -207px no-repeat; }
.public-nav:hover .public-nav-count { display:  block; }
.public-nav:hover .public-nav-tit { color:#fff; }
.phone-web { float:  right; }
.phone-web-tit { height:  34px; line-height:  34px; color: #aaa; font-size: 12px; position:  relative; display:  block; padding-left:  19px; }
.phone-web-tit:hover{ color:#fff; }
.phone-web-tit:before { content:  ""; width:  9px; height:  14px; background: url(../images/jlt-index.png) -583px -207px no-repeat; position:  absolute; top: 10px; left:  0; }
.public-nav:hover .public-nav-count { display:  block; }
/*public-top-nav*/
.head-nav { background:  #fff; }
.head-nav-center { width:  1200px; margin:  0 auto; overflow:  hidden; }
.logo { float:  left; width: 146px; height: 45px; background:  url(../images/jlt-index.png) 0 -65px no-repeat; margin-top: 27px; }
.head-nav-list { float: right; padding: 37px 0; margin-right:  60px; }
.head-nav-list li { float:  left; }
.head-nav-list a { display:  block; padding:  0 20px 0 45px; color:  #333; font-size:  16px; border-right: 1px solid #ddd; height:  20px; line-height: 16px; position:  relative; }
.head-nav-list li:last-child a { border: none; }
.head-nav-list li:hover a{ color:#4ebb67; }
.game-library-box { float:  right; width: 89px; height: 25px; background-color: #4ebb67; border-radius: 1px; margin-top:  33px; position:  relative; }
.game-library { width: 81px; height: 19px; border-radius: 1px; border: solid 1px #ffffff; display:  block; margin:  2px auto; text-align:  center; color: #fff; opacity: .7; line-height: 19px; }
.game-library:hover{ color:#fff; }
.game-library-box:before { content:  "";animation: rotateGame 2s linear infinite alternate;transform-origin: center bottom; background: url(../images/jlt-index.png) -83px -1px no-repeat; width: 38px; height: 36px; position:  absolute; top: -11px; left: -12px; z-index: 1; }
.head-nav-list a:before { content:  ""; position:  absolute; background-image:  url(../images/jlt-index.png); }
.nav-home a:before { width:  14px; height:  14px; background-position:  0 -173px; top: 2px; left: 21px; }
.nav-news a:before { width:  12px; height:  14px; background-position:  -29px -173px; top: 2px; left: 23px; }
.nav-area a:before { width:  14px; height:  14px; background-position:  -56px -173px; top: 2px; left: 21px; }
.nav-gifts a:before { width:  15px; height:  15px; background-position:  -85px -172px; top: 1px; left: 19px; }
.nav-strategy a:before { width:  12px; height:  14px; background-position:  -115px -173px; top: 2px; left: 21px; }
.nav-test a:before { width:  12px; height:  14px; background-position:  -142px -173px; top: 1px; left: 23px; }
.head-nav-list li:hover a:before { -moz-transition: transform .8s; -webkit-transition: transform .8s; -o-transition: transform .8s; transition: transform .8s; moz-transform: rotateX(360deg); -webkit-transform: rotateX(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); }
@-webkit-keyframes rotateGame{85%{-webkit-transform: rotate(0deg)}95%{-webkit-transform: rotate(30deg)}100%{-webkit-transform: rotate(0deg)}}
@-moz-keyframes rotateGame{85%{-moz-transform: rotate(0deg)}95%{-moz-transform: rotate(30deg)}100%{-moz-transform: rotate(0deg)}}
@-o-keyframes rotateGame{85%{-o-transform: rotate(0deg)}95%{-o-transform: rotate(30deg)}100%{-o-transform: rotate(0deg)}}
@keyframes rotateGame{85%{transform: rotate(0deg)}95%{transform: rotate(30deg)}100%{transform: rotate(0deg)}}
/*module-1*/
.game-tab-ol span { float:  left; color:  #999; font-weight:  bold; font-size:  16px; height:  18px; line-height:  18px; position:  relative; cursor: pointer; }
.game-tab-ol .game-area { padding: 0 20px 0 25px; margin-left: 38px; }
.game-tab-ol .game-tj { padding:  0 29px 0 32px; }
.game-tj:after { content:  ""; width: 2px; height: 14px; background-color: #dbdbdb; position:  absolute; top: 2px; right:  0; }
.game-tj:before { content:  ""; width:  19px; height:  15px; position:  absolute; background-image:  url(../images/jlt-index.png); background-position:  0 -30px; top: 0; left:  0; }
.game-tj.active:before { background-position: 0 0; }
.game-area:before { content:  ""; width:  12px; height:  15px; position:  absolute; background-image:  url(../images/jlt-index.png); background-position:  -34px -30px; top: 0; left: 0; }
.game-area.active:before { background-position: -34px 0; }
.game-tab-ol span.active { color: #4ebb67; }
.game-tab-ol { float:  left; margin-top:  29px; }
.search-box { float:  right; width: 320px; height: 36px; background-color: #f8f8f8; border-radius: 3px; position:  relative; overflow:  hidden; margin-top:  19px; }
.head-game-box { overflow:  hidden; padding: 0 10px 20px; }
.module-one { width:  1200px; margin: 20px auto 0; background:  #fff; }
.search-input { background-color: #f8f8f8; border-radius: 3px; float: left; width: 255px; height: 36px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0; overflow: hidden; font-family: inherit; font-weight: inherit; border: none; outline: none; resize: none; padding-right: 15px; text-indent:  15px; color:  #ccc; font-size:  12px; line-height:  36px; }
.search-input::-webkit-input-placeholder {color: #ccc;}
.search-btn { float: left; width:  50px; height:  36px; background:  #4ebb67; position:  relative;cursor:pointer; }
.search-btn:after { content:  ""; width:  21px; height:  21px; position:  absolute; top: 7px; right: 15px; background:  url(../images/jlt-index.png) -106px -130px no-repeat; }
.hot-tj img { width: 70px; height: 70px; border-radius: 15px; display:  block; margin: 15px auto 0; }
.hot-tj li { float:  left; width: 113.5px; height: 124px; background-color: #f8f8f8; margin-left:  5px; }
.hot-tj {overflow:  hidden;padding: 0 10px 0 5px;position: absolute;top: 0;left:  0;display:  block;background:  #fff;}
.head-game-list {height:  124px;position:  relative;overflow:  hidden;}
.j-tab.active {z-index: 1;}
.hot-tj span { display:  block; text-align:  center; font-size:  12px; height:  12px; line-height:  12px; margin: 13px auto 0; color:  #666; text-overflow:  ellipsis; white-space:  nowrap; overflow:  hidden; width: 70px; }
.hot-tj li:hover img { margin-top: 10px; }
.hot-tj li:hover span{ color: #ec7c18; }
.game-area-tab .game-news-box { overflow:  hidden; float:  left; background:  #f8f8f8; padding: 12px 27px; width: 534px; margin-left: 4px; position:  relative; }
.game-area-tab {overflow:  hidden;margin-left: -4px;padding: 0 10px;height: 124px;position:  absolute;top: 0;}
.game-news-box ul { margin: -5px 0 0 -5px; overflow:  hidden; height: 105px;width: 545px; }
.game-area-tab ul li { height: 28px; background-color: #ffffff; border: solid 1px #e5e5e5; float: left; text-align:  center; line-height:  30px; margin: 5px 5px 0 0;padding:0 10px;}
.game-news-box:after { content: ""; position:  absolute; left:  0; bottom: 0; width:  39px; height:  37px; background-image: url(../images/jlt-index.png); background-position:  -344px 0; background-repeat:  no-repeat; }
.game-area-tab .game-news-box:last-child:after { background-position: -388px 0; }
.game-area-tab ul li:hover{ background:#4ebb67; border-color:#4ebb67; }
.game-area-tab ul li:hover a{ color:#fff; }
.game-area-tab ul li a {display:  block;}
/*new-foot*/
/*game-rank-list*/
.game-rank { width:  1200px; margin:  0 auto; background: #fff url(../images/rank-bg.png) 0 0 no-repeat; background-size:  100% auto; padding:23px 0 46px; }
.game-rank .mod-main-tit { background: url(../images/jlt-index.png) -187px -336px no-repeat; }
.game-rank-item { width:  273px; float:  left; margin-left: 22px; }
.game-rank-list { overflow:  hidden; padding: 0 10px; margin-left:  -22px; }
.rank-list .rank-show { display:  block; overflow:  hidden; }
.rank-list .rank-hide { display:  none; overflow:  hidden; padding-bottom: 20px; height: 80px; }
.rank-list li.active .rank-show { display:  none; }
.rank-list li.active .rank-hide { display:  block; }
.rank-num,.rank-num-hide { width: 20px; height: 20px; background: #b6b6b6; text-align:  center; line-height:  20px; float:  left; color:  #fff; font-weight:  bold; }
.rank-tit { float:  left; font-size:  14px; color:  #333; margin-left:  13px; border-top: 1px solid #e7e7e7; height: 40px; line-height: 40px; width:  240px; overflow:  hidden; text-overflow:  ellipsis; white-space: normal; }
.rank-num-hide,.rank-num { margin-top: 11px; }
.rank-list li:nth-child(1) .rank-num,.rank-list li:nth-child(2) .rank-num,.rank-list li:nth-child(3) .rank-num{ background:  #449e55; }
.rank-list li:nth-child(1) .rank-num-hide,.rank-list li:nth-child(2) .rank-num-hide,.rank-list li:nth-child(3) .rank-num-hide{ background:  #449e55; }
.rank-apple .rank-list li:nth-child(1) .rank-num,.rank-apple .rank-list li:nth-child(2) .rank-num,.rank-apple .rank-list li:nth-child(3) .rank-num{ background:  #444444; }
.rank-apple .rank-list li:nth-child(1) .rank-num-hide,.rank-apple .rank-list li:nth-child(2) .rank-num-hide,.rank-apple .rank-list li:nth-child(3) .rank-num-hide{ background:  #444444; }
.rank-soft .rank-list li:nth-child(1) .rank-num,.rank-soft .rank-list li:nth-child(2) .rank-num,.rank-soft .rank-list li:nth-child(3) .rank-num{ background:  #3082d6; }
.rank-soft .rank-list li:nth-child(1) .rank-num-hide,.rank-soft .rank-list li:nth-child(2) .rank-num-hide,.rank-soft .rank-list li:nth-child(3) .rank-num-hide{ background:  #3082d6; }
.rank-wait .rank-list li:nth-child(1) .rank-num,.rank-wait .rank-list li:nth-child(2) .rank-num,.rank-wait .rank-list li:nth-child(3) .rank-num{ background:  #fd8448; }
.rank-wait .rank-list li:nth-child(1) .rank-num-hide,.rank-wait .rank-list li:nth-child(2) .rank-num-hide,.rank-wait .rank-list li:nth-child(3) .rank-num-hide{ background:  #fd8448; }
.rank-hide img { float:  left; width: 80px; height: 80px; border-radius: 10px; display:  block; margin-left:  12px; margin-top:  11px; }
.rank-hide-r { margin-left:  16px; float:  left; width: 145px; margin-top: 11px; }
.rank-hide-tit { display:  block; color:  #333; font-size:  16px; font-weight:  bold; overflow: hidden; text-overflow: ellipsis; white-space: normal; height:  16px; line-height:  16px; margin-top:  7px; width:  100%; }
.rank-hide-type,.rank-hide-size { color:  #999; font-size:  12px; line-height:  12px; height:  12px; display:  block; }
.rank-hide-type em, .rank-hide-size em { color:  #666; margin-left:  2px; }
.rank-hide-type { margin-top:  17px; }
.rank-hide-size { margin-top:  10px; }
.rank-item-tit { display:  block; background-image: url(../images/jlt-index.png); margin:0 auto 11px; }
.rank-android .rank-item-tit { width: 125px; height: 51px; background-position:  0 -567px; }
.rank-apple .rank-item-tit { width: 127px; height: 43px; background-position: -155px -573px; margin-top: 6px; }
.rank-soft .rank-item-tit { width: 125px; height: 44px; background-position: -312px -572px; margin-top: 5px; }
.rank-wait .rank-item-tit { width: 116px; height: 48px; background-position: -467px -568px; margin-top: 1px; }
.rank-list { overflow:  hidden; }
.rank-list li:first-child .rank-tit { border-color:  transparent; }
/*foot*/
.foot { background:  #333232; text-align:  center; padding: 30px 0 35px; }
.foot-center { margin:  0 auto; display:  inline-block; }
.web-link a { float:  left; color: #999; font-size:  12px; height:  12px; line-height:  12px; margin:  0 10px; }
.foot-center p { display:  block; color:  #666; font-size:  12px; margin: 30px auto 0; text-align:  center; }
.web-info a { display: inline-block; color:  #666; font-size:  12px; line-height:  30px; position:  relative; }
.web-info { overflow:  hidden; margin-top: 10px; text-align:  center; }
.web-link { overflow:  hidden; }
.web-link a:hover { color: #fff; }
.w-w-w:before { content:  ""; position:  absolute; top: 0; left:  0; width:  31px; height:  31px; background: url(../images/jlt-index.png) -497px -207px no-repeat; }
.w-w-w { padding-left: 44px; }
.web-info a:hover{ color: #3daf3d; }
/*tittle*/
.index-tit { margin-top: 35px; margin-left:  -10px; overflow:  hidden; }
.index-tit h4 { height:  26px; line-height:  26px; color:  #333; font-size:  20px; text-indent:  22px; position:  relative; font-weight:  bold; float:  left; }
.index-tit h4:before { content:  ""; width: 4px; height: 26px; background: #3daf3d; position:  absolute; top: 0; left:  0; }
/*peo-game*/
.peo-game { width: 100%; overflow:  hidden; height:  23px; margin-top:  10px; }
.peo-game-label { float:  left; text-align:  center; color:  #fff; background:  #4ebb67; width:  75px; line-height:  23px; height:  23px; position:  relative; margin-right: 13px; }
.peo-game-label:after { content:  ""; position:  absolute; top: 0; right: -24px; border: 12px solid #4ebb67; border-color: transparent transparent transparent #4ebb67; }
.peo-game-list { float:  left; overflow:hidden; margin-left: 2px; width:  1100px; }
.peo-game-list a { float:  left; font-size:  12px; color:  #999; padding: 0 14px 0 15px; height:12px; line-height:12px; margin-top:6px; border-left:2px solid #e3e3e3; margin-left:-2px; }
.peo-game-list .orange { color:  #ec7c18; }
.peo-game-list a:hover { color: #ec7c18; }
/* page-root */
.page-root {display: block;position: relative;height: 44px;line-height: 44px;font-size: 12px;width: 1200px;margin: 0 auto;}
.page-root a {float: left;color: #999;position: relative;margin-left: 20px;}
.page-root span {float: left;color: #58ba00;position: relative;margin-left: 20px;}
.page-root a:first-child:before {display: none;}
.page-root a:before,.page-root span:before {content: "";position: absolute;top: 50%;left: -10px;transform: translateY(-50%);border-radius: 50%;width: 3px;height: 3px;background: #ccc;}
.page-root a:first-child {margin-left: 26px;}
.page-root:before {content: "";position: absolute;left: 0;top: 50%;width: 13px;height: 15px;background: url(../images/jlt-index.png) -296px -173px no-repeat;transform: translateY(-50%);}