@charset "utf-8";
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, form, input, button, textarea, p, th, td { margin: 0; padding: 0; }
fieldset, img, input, button { font-family: "Microsoft Yahei"; border: 0; }
:link, :visited { text-decoration: none; }
ul { list-style-type: none; }
a, input { outline: none; }
html { overflow-x: hidden; }
body { font-family: "Microsoft Yahei"; background: #fff; font-size: 14px; }
strong, em, i, s { font-weight: normal; font-style: normal; }
.area { width: 1160px; margin: 0 auto; _overflow: hidden; _zoom: 1; }
.area:after { content: "."; height: 0; display: block; clear: both; visibility: hidden; }
.topbar-center { width: 1160px; margin: 0 auto; _overflow: hidden; _zoom: 1; }
.topbar-center:after { content: "."; height: 0; display: block; clear: both; visibility: hidden; }
.hide { display: none; }
.text-hide { text-indent: -999px; overflow: hidden; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
/*topbar*/
.topbar { height: 60px; position: relative; z-index: 100; background: #fff; }
.topbar .area { position:relative;}
.topbar .topbar-center { position:relative;}
.loginbox { position: absolute; top:0; right:0; height: 20px; padding: 20px 0 20px;}
.loginbox .before, .loginbox .after { float: left; height: 20px; line-height: 20px; font-size: 16px; color: #999; padding-right: 10px; text-overflow: ellipsis; white-space: nowrap; /*overflow: hidden;*/}
.loginbox a { color: #999; }
.loginbox a:hover { color: #ed5503; }
.loginbox .before a { margin: 0 8px; }
.collect { float: left; width: 90px; line-height: 20px; }
.collect .icon-collect { float: left; width: 19px; height: 18px; display: block; margin: 1px 7px 0 0; background: url("../images/sprite.png") -90px 0 no-repeat; }
.share { float: left; width: 24px; height: 24px; display: inline; margin-left: 10px; text-indent: -999em; overflow: hidden; background: url("../images/sprite.png") no-repeat; }
.share.sina { background-position: -60px -30px; }
.share.sina:hover { background-position: -90px -30px; }
.share.weixin { background-position: -60px -60px; }
.share.weixin:hover { background-position: -90px -60px; }
.site-map { width: 100%; background: #fff; border-top: 1px solid #e8e8e8; box-shadow: 0 1px 3px #e8e8e8; position: absolute; top: -220px; left: 0; z-index: 99; transition: all .2s ease-out; }
.site-map.show { top: 60px; }
.nav_all_box { width: 1120px; overflow: hidden; margin: 0 auto; }
.nav_all_A, .nav_all_B, .nav_all_C { float: left; height: 168px; border-left: 1px solid #e6e6e6; padding: 20px 0 20px 20px; }
.nav_all_A { width: 230px; border-left: none; }
.nav_all_A li { width: 76px; margin: 0; }
.nav_all_B { width: 316px; }
.nav_all_B li { width: 92px; margin: 0 10px 0 0; }
.nav_all_C { width: 76px; overflow: hidden; }
.nav_all_box em { color: #333; font-weight: bold; margin: 0 0 10px; width: 100%; float: left; }
.nav_all_box ul { float: left; width: 100%; padding-bottom: 12px; }
.nav_all_box li { float: left; height: 24px; padding: 0; text-align: left; }
.nav_all_box a { background: none; color: #999; padding: 0; height: 24px; display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.nav_all_box a:hover { text-decoration: underline; color: #FD3939; }

/*登录注册--修改*/
.loginbox .icon-user{overflow:hidden;float:left}
.loginbox .icon-user img{width:20px;height:20px;border-radius:50%;}
.g-more-t,.g-more-c{*zoom:1;}
.g-more-t:after,.g-more-c:after{content:'';clear:both;display: table;}
.after{position:relative;margin-right:10px}
.after .arrow1{width: 0;height: 0;border-left: 4px solid transparent;border-right:4px solid transparent;border-top:4px solid #999999;display: inline-block;
    position: absolute;top: 9px;right:0px;transition: all 0.5s ease-in 0s;}
.after .user-name{color:#999999;white-space:nowrap;overflow: hidden;padding: 0 8px;display: inline-block;height: 40px;text-align:right}
.after:hover .arrow1{transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.user-info{position: absolute;top:35px;right:0;width: 228px;border:1px solid #cccccc;font-size: 14px;color: #999999;background:#ffffff}
.user-info::before{content:"";border:inherit;border-right:0;border-bottom:0;position:absolute;right:55px;top:-6px;
    -webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);background:inherit;padding:5px;
}
.user-info-top{border-bottom: 1px dashed #d8d8d8;padding: 20px 19px}
.user-info-top img{width: 60px;height: 60px;float: left;border-radius:50%}
.user-info-top ul{margin-left: 70px;}
.user-info-top .user{font-size: 16px;color: #333333;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;width:120px}
.user-info-top .game-currency{color: #333333;}
.user-info-top .game-currency em{color: #FD3939;}
.user-info-top a{font-size: 12px;}
.user-info-center{border-bottom: 1px solid #cccccc;overflow: hidden;padding:20px 19px ;}
.user-info-center ul{margin:-15px 0 0 -20px;overflow:hidden}
.user-info-center li {background: url(../images/pop-bg.png) no-repeat;float: left;width:60px;padding-left:24px;margin:15px 0 0 20px;*display: inline-block;}
.user-info-center .i1{background-position:0 -83px;}
.user-info-center .i2{background-position:0 -108px;}
.user-info-center .i3{background-position:0 -132px;}
.user-info-center .i4{background-position:0 -154px;}
.user-info-center a{color: #999999;}
.user-info-center em{width: 6px;height: 6px;border-radius: 50%;display: inline-block;background: #f65f04;position: absolute;}
.user-info-center a:hover{color: #FD3939;}
.user-info-bottom{height: 32px;background: #f5f5f5;display: block;color: #999999;text-align: center;line-height: 32px;}
/*登录注册--修改 end*/

/********/
.banner { height: 350px; position: relative; overflow: hidden; }
.banner a { width: 100%; height: 350px; display: block; }
/*.banner li { width: 100%; height: 350px; position: absolute; top: 0; left: 0; }
.banner li a { width: 100%; height: 350px; display: block; }
.handle { width: 300px; height: 8px; line-height: 0; text-align: center; position: absolute; bottom: 20px; left: 50%; margin-left: -150px; z-index: 10; }
.handle span { width: 30px; height: 8px; display: inline-block; background: #666; cursor: pointer; transition: all .3s ease; overflow: hidden; margin: 0 5px; }
.handle span.cur { width: 40px; background: #FD3939; }
.banner i { width: 40px; height: 90px; display: block; background: url("../images/sprite.png") no-repeat; position: absolute; top: 130px; display: none; cursor: pointer; z-index: 10; }
.banner i.prev { left: 50%; margin-left: -580px; background-position: -120px 0; }
.banner i.next { right: 50%; margin-right: -580px; background-position: -160px 0; }*/
.eye_top { width: 640px; height: 276px; overflow: hidden; position: absolute; top: 0; left: 15px; }
.img-news a.eye_lbtn, .img-news a.eye_rbtn { width: 40px; height: 90px; background: url("../images/sprite.png") no-repeat; position: absolute; z-index: 2; top: 83px; display: none; }
.eye_top:hover .eye_lbtn, .eye_top:hover .eye_rbtn { display: block; }
.img-news a.eye_lbtn { left: 0; background-position: -120px 0; }
.img-news a.eye_rbtn { right: 0; _right: -1px; background-position: -160px 0; }
.eye_img_top { width: 3200px; position: absolute; top: 0; height: 276px; overflow: hidden; z-index: 1; }
.eye_img_top li { float: left; width: 640px; height: 276px; }
.img-news .eye_img_top a, .img-news .eye_img_top a img { width: 640px; height: 276px; }
.eye_tit_top { width: 640px; height: 36px; background: url("../images/mask_28.png") repeat; position: absolute; left: 0; bottom: 0; z-index: 2; overflow: hidden; }
.img-news .eye_img_top a:hover img { transform: none; -moz-transform: none; -webkit-transform: none; }
.img-news .eye_tit_top a { width: 460px; height: 36px; overflow: hidden; font-size: 16px; padding-left: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 34px; display: none; color: #fff; }
.eye_pag_top { bottom: 10px; height: 10px; position: absolute; right: 4px; z-index: 3; line-height: 0; }
.eye_pag_top li { width: 30px; height: 8px; display: inline-block; background: #666; overflow: hidden; cursor: pointer; margin: 0 2px; transition: all 0.3s ease; }
.eye_pag_top li.current { width: 40px; background: #FD3939; }
.index-bar { height: 54px; background: #222; overflow: hidden; }
.index-bar .area { overflow: hidden; }
.index-nav { float: left; width: 733px; height: 54px; overflow: hidden; border-right: 1px solid #333; }
.index-nav a { float: left; height: 54px; line-height: 54px; display: block; font-size: 18px; margin-right: 43px; color: #ccc; transition: color .3s ease; }
.index-nav a.hover { color: #FD3939; background: url("../images/arrow_b.gif") center bottom no-repeat; }
.index-bar .app { float: left; width: 78px; height: 54px; display: block; border-right: 1px solid #333; text-align: center; line-height: 24px; font-size: 12px; color: #999; }
.index-bar .app i { width: 19px; height: 22px; display: block; background: url("../images/sprite.png") no-repeat; margin: 8px auto 0; }
.index-bar .app i.icon-ios { background-position: -60px -90px; }
.index-bar .app i.icon-android { background-position: -90px -90px; }
.index-bar a:hover { color: #FD3939; }
.index-bar a:hover .icon-ios { background-position: -60px -180px; }
.index-bar a:hover .icon-android { background-position: -90px -180px; }
.index-bar form { float: right; width: 200px; height: 20px; background: #333; padding: 5px 10px; border-radius: 15px; margin: 12px 0; overflow: hidden; }
.index-bar form input { float: left; width: 160px; height: 20px; background: #333; line-height: 20px; color: #ccc; }
.index-bar form button { float: right; width: 20px; height: 20px; background: url("../images/sprite.png") no-repeat; background-position: -120px -90px; cursor: pointer; }
/*ad*/
.ad { background-position: center top; background-repeat: no-repeat; display: block; height: 1100px; margin-bottom: -1020px; position: relative; width: 100%; }
.ad a.ad_pic { width: 100%; height: 100%; display: block; }
.ad_close { width: 50px; position: absolute; left: 50%; top: 10px; margin-left: 530px; text-align: right; font-size: 16px; line-height: 24px; color: #ccc; }
/*main*/
.main { width: 1120px; padding: 0 20px 20px; margin: 0 auto; background: #fff; overflow: hidden; position: relative; z-index: 10; }
/*hotgame*/
.hot-game { width: 1120px; height: 80px; padding: 20px 0; border-bottom: 1px dotted #d8d8d8; overflow: hidden; margin-bottom: 20px; }
.hot-game dt { float: left; width: 14px; height: 60px; background: url("../images/sprite.png") -210px 0 no-repeat; padding: 10px 16px 10px 8px; line-height: 15px; color: #fff; margin-right: 11px; }
.hot-game dl { margin-right: -24px; zoom: 1; }
.hot-game dd { float: left; width: 60px; margin-right: 23px; }
.hot-game dd a { width: 60px; height: 80px; display: block; line-height: 20px; text-align: center; font-size: 12px; color: #333;overflow: hidden;}
.hot-game dd a:hover { color: #FD3939; }
.hot-game dd a img { width: 60px; height: 60px; display: block; border-radius: 14px; }
.hot-game2 { height: 90px; padding: 20px 0; overflow: hidden; }
.hot-game2 { border-bottom: none; }
.hot-game2 dt { float: left; width: 14px; height: 60px; background: url("../images/hg_dt.gif") no-repeat; padding: 15px 16px 15px 8px; line-height: 15px; color: #fff; margin-right: 11px; }
.hot-game2 dl { margin-right: -24px; zoom: 1; }
.hot-game2 dd { float: left; width: 70px; margin-right: 20px; text-align: center }
.hot-game2 dd a { width: 70px; height: 90px; display: block; line-height: 12px; text-align: center; font-size: 12px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.hot-game2 dd a:hover { color: #FD3939; }
.hot-game2 dd a img { width: 70px; height: 70px; display: block; margin-bottom: 7px; border-radius: 16px; }
.hot-game2 dd em { color: #c00; font-size: 12px }
.hot-game3 { height: 90px; padding-top: 20px; overflow: hidden; }
.hot-game3 { border-bottom: none; }
.hot-game3 dt { float: left; width: 18px; height: 60px; background: url("../images/hg_dt.gif") no-repeat; padding: 15px 14px 15px 6px; line-height: 15px; color: #fff; margin-right: 11px; text-align: center; }
.hot-game3 dl { margin-right: -24px; zoom: 1; }
.hot-game3 dd { float: left; width: 70px; margin-right: 20px; }
.hot-game3 dd a { width: 70px; height: 90px; display: block; line-height: 12px; text-align: center; font-size: 12px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.hot-game3 dd a:hover { color: #FD3939; }
.hot-game3 dd a img { width: 70px; height: 70px; display: block; margin-bottom: 7px; border-radius: 16px; }
.hot-game4 { height: 100px; padding: 20px 0 0; overflow: hidden; }
.hot-game4 { border-bottom: none; }
.hot-game4 dt { float: left; width: 14px; height: 60px; background: url("../images/hg_dt.gif") no-repeat; padding: 15px 16px 15px 8px; line-height: 15px; color: #fff; margin-right: 11px; }
.hot-game4 dl { margin-right: -24px; zoom: 1; }
.hot-game4 dd { float: left; width: 70px; margin-right: 20px; }
.hot-game4 dd a { width: 70px; height: 100px; display: block; line-height: 12px; text-align: center; font-size: 12px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.hot-game4 dd a:hover { color: #FD3939; }
.hot-game4 dd a img { width: 70px; height: 70px; display: block; margin-bottom: 7px; border-radius: 16px; }
/*top*/
.row {clear: both;overflow: hidden;zoom: 1; }
.text-news { float: left; width: 526px; }
.top-news { height: 125px; border-bottom: 1px dotted #d8d8d8; }
.top-news h2 { font-size: 20px; line-height: 26px; text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.top-news h2 a { color: #FD3939; }
.top-news h2 a:hover { text-decoration: underline; }
.top-news p { line-height: 32px; text-align: center; margin-bottom: 10px; }
.top-news p a { color: #666; }
.top-news p a:hover { text-decoration: underline; }
.top-news p span { color: #e1e1e1; margin: 0 13px; }
.img-two { height: 130px; overflow: hidden; padding-top: 20px; }
.img-two ul { margin-left: -20px; margin-top: -20px; zoom: 1; overflow: hidden; }
.img-two li { float: left; margin-left: 20px; margin-top: 20px; display: inline; }
.img-two li a { width: 220px; height: 130px; display: block; position: relative; overflow: hidden; }
.img-two li a img { width: 220px; height: 130px; transition: all .3s ease; }
.img-two li a:hover img { transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); }
.img-two li a span, .img-news a span { width: 100%; height: 28px; display: block; line-height: 28px; text-align: center; color: #fff; background: url("../images/mask_28.png") repeat; position: absolute; left: 0; bottom: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.img-two li a:hover span { color: #FD3939; }
.news-list { padding-top: 10px; }
.news-list li { height: 24px; line-height: 24px; overflow: hidden; vertical-align: middle; margin-top: 10px; }
.news-list li .kind { float: left; width: 48px; height: 24px; display: block; line-height: 24px; text-align: center; color: #fff; }.news-list li span { float: left; width: 48px; height: 24px; display: block; line-height: 24px; text-align: center; color: #fff;background-color: #FD3939;}.news-list li .kind.rd { background: #2794ef; }
.news-list li .kind.cy { background: #997fdd; }
.news-list li .kind.zx { background: #f36161; }
.news-list li .kind.zt { background: #FD3939; }
.news-list li .kind.kind23 { background: #FD3939; }
.news-list li .kind.kindall { background: #FD3939; }
.news-list li .kind.tj { background: #2aca63; }
.news-list li a { float: left; margin-left: 10px; width: 75%; font-size: 16px; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline; }
.news-list li a:hover { color: #FD3939; text-decoration: underline; }
.news-list li em { float: right; color: #999; }
.img-news { float: right; width: 640px; height: 476px; position: relative; }
.img-news a { width: 310px; height: 180px; display: block; position: absolute; overflow: hidden; }
.img-news a img { width: 310px; height: 180px; transition: all .3s ease; }
.img-news a:hover img { transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); }
.img-news a.in1 { width: 640px; height: 276px; top: 0; left: 0; }
.img-news a.in1 img { width: 640px; height: 276px; }
.img-news a.in1:hover img { transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); }
.img-news a.in2 { top: 296px; left: 0; }
.img-news a.in3 { top: 296px; right: 0; }
.img-news a.in4 { top: 471px; left: 0; }
.img-news a.in5 { top: 471px; right: 0; }
.img-news a:hover span { color: #FD3939; }
#lista1 { width: 1120px; height: 125px; margin-top: 20px; position: relative; }
#lista1 span { width: 20px; height: 40px; background: url("../images/sprite.png") no-repeat; position: absolute; top: 55px; cursor: pointer; z-index: 3; display: none; _display: block; }
#lista1:hover span { display: block; }
#lista1 span.als-prev { left: 0; background-position: -155px -110px; }
#lista1 span.als-next { right: 0; background-position: -175px -110px; }
#lista1 .als-viewport { width: 1120px; height: 125px; position: relative; overflow: hidden; margin: 0 auto; }
#lista1 .als-viewport ul { height: 125px; position: absolute; overflow: hidden; }
#lista1 .als-viewport ul li.als-item { float: left; width: 280px; height: 125px; overflow: hidden; position: relative; }
#lista1 .als-viewport ul li.als-item a { width: 280px; height: 125px; display: block; position: relative; }
/*grid*/
.grid { padding-top: 14px; }
.title { height: 55px; overflow: hidden; border-bottom: 2px solid #FD3939; }
.title i { display: inline-block; vertical-align: -4px; *vertical-align: -1px;
    background: url("../images/sprite.png") no-repeat; }
.title a { float: right; line-height: 60px; color: #999; }
.title a:hover { color: #FD3939; }
.title i.icon-more { width: 19px; height: 19px; background-position: -60px -120px; margin-left: 6px; }
.title a:hover .icon-more { background-position: -90px -120px; }
.title i.icon-game { float: left; width: 30px; height: 21px; background-position: right 0; margin: 18px 9px 16px 0; }
.title i.icon-zone { float: left; width: 26px; height: 26px; background-position: right -30px; margin: 15px 9px 14px 0; }
.title i.icon-industry { float: left; width: 31px; height: 26px; background-position: right -60px; margin: 15px 9px 14px 0; }
.title i.icon-bagua { float: left; width: 28px; height: 21px; background-position: right -90px; margin: 18px 9px 16px 0; }
.title i.icon-rank { float: left; width: 24px; height: 24px; background-position: right -120px; margin: 17px 9px 14px 0; }
.title span { float: left; line-height: 55px; font-size: 24px; color: #666; }
.title span strong { color: #FD3939; }
.img-three { overflow: hidden; }
.img-three ul { margin-left: -20px; zoom: 1; }
.img-three li { float: left; margin-left: 20px; display: inline; }
.img-three li a, .img-three li a img { width: 386px; height: 200px; display: block; }
.img-three li a { position: relative; }
.img-three li a span { width: 100%; height: 18px; padding: 52px 0 20px; font-size: 18px; font-weight: bold; line-height: 18px; color: #fff; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: url("../images/mask_90.png") repeat-x; position: absolute; bottom: -90px; left: 0; transition: all .3s ease; }
.img-three li a:hover span { bottom: 0; }
.s-title { height: 22px; line-height: 22px; padding: 20px 0; overflow: hidden; }
.s-title span { float: left; font-size: 22px; color: #333; }
.s-title i.icon-more { width: 19px; height: 19px; display: inline-block; vertical-align: -4px; *vertical-align: -1px;
    background: url("../images/sprite.png") -60px -120px no-repeat; margin-left: 6px; }
.s-title a { float: right; color: #999; }
.s-title a:hover { color: #FD3939; }
.s-title a:hover .icon-more { background-position: -90px -120px; }
.mg-test, .ng-reviews, .gaming { float: left; width: 360px; height: 502px; overflow: hidden; }
.ng-reviews, .gaming { margin-left: 20px; }
.mg-test dt { height: 40px; line-height: 40px; overflow: hidden; }
.mg-test dd { height: 39px; line-height: 39px; overflow: hidden; border-bottom: 1px solid #ededed; }
.mg-test ul { margin-left: -1px; zoom: 1; }
.mg-test li { float: left; margin-left: 1px; display: inline; font-size: 16px; }
.mg-test li a { color: #333; }
.mg-test li a:hover { text-decoration: underline; }
.mg-test dt li { text-align: center; background: #ededed; font-size: 16px; color: #666; }
.mg-test dd li.time { color: #999; }
.mg-test dd li.status { color: #FD3939; }
.mg-test .time { width: 104px; text-align: center; }
.mg-test .name { width: 100px; padding: 0 25px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.mg-test .status { width: 80px; padding: 0 12px; }
.get-gift { float: right; width: 360px; height: 260px; overflow: hidden; }
.get-gift .s-title { padding: 0 0 20px; }
/******/
.eye { position: relative; width: 360px; height: 218px; overflow: hidden; }
a.eye_img_lbtn, a.eye_img_rbtn { width: 30px; height: 66px; background: url("../images/sprite.png") no-repeat; position: absolute; z-index: 2; top: 60px; display: none; }
.eye:hover .eye_img_lbtn, .eye:hover .eye_img_rbtn { display: block; }
a.eye_img_lbtn { left: 0; background-position: -202px -84px; }
a.eye_img_rbtn { right: 0; _right: -1px; background-position: -232px -84px; }
.eye_img { position: absolute; top: 0; height: 218px; z-index: 1; width: 1800px; }
.eye_img li { float: left; width: 360px; }
.eye_tit { width: 360px; height: 32px; background: url("../images/mask_28.png") repeat; position: absolute; left: 0; bottom: 0; z-index: 2; overflow: hidden; }
.eye_tit a { width: 260px; height: 32px; overflow: hidden; font-size: 16px; padding-left: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 32px; display: block; color: #fff; }
.eye_pag { bottom: 13px; height: 6px; position: absolute; right: 4px; z-index: 3; overflow: hidden; }
.eye_pag li { float: left; width: 14px; height: 6px; display: inline; background: #666; overflow: hidden; cursor: pointer; margin: 0 1px; transition: all 0.3s ease; }
.eye_pag li.current { width: 20px; background: #FD3939; }
/*eye_gaming*/
.eye_gaming { position: relative; width: 360px; height: 230px; overflow: hidden; }
.eye_gaming img { width: 360px; height: 230px; }
a.eye_lbtn_gaming, a.eye_rbtn_gaming { width: 30px; height: 66px; background: url("../images/sprite.png") no-repeat; position: absolute; z-index: 2; top: 70px; display: none; }
.eye_gaming:hover .eye_lbtn_gaming, .eye_gaming:hover .eye_rbtn_gaming { display: block;}
a.eye_lbtn_gaming { left: 0; background-position: -202px -84px; }
a.eye_rbtn_gaming { right: 0; _right: -1px; background-position: -232px -84px; }
.eye_img_gaming { position: absolute; top: 0; height: 230px; z-index: 1; width: 1800px; }
.eye_img_gaming li { float: left; width: 360px; height: 230px; }
.eye_tit_gaming { width: 360px; height: 30px; background: #000; position: absolute; left: 0; bottom: 0; z-index: 2; overflow: hidden; }
.eye_tit_gaming a { width: 260px; height: 30px; overflow: hidden; font-size: 16px; padding-left: 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 30px; display: block; color: #fff; }
.eye_pag_gaming { bottom: 12px; height: 6px; position: absolute; right: 4px; z-index: 3; overflow: hidden; }
.eye_pag_gaming li { float: left; width: 14px; height: 6px; display: inline; background: #666; overflow: hidden; cursor: pointer; margin: 0 1px; transition: all 0.3s ease; }
.eye_pag_gaming li.current { width: 20px; background: #FD3939; }
.gaming-list { padding: 22px 0 10px; }
/************/
.gf-ad, .gf-ad img { width: 360px; height: 150px; display: block; }
.reviews-list { height: 440px; overflow: hidden; }
.reviews-list ul { margin-top: -16px; zoom: 1; }
.reviews-list li { height: 84px; padding: 16px 0 17px; border-bottom: 1px solid #ededed; overflow: hidden; vertical-align: middle; }
.rl-img { float: left; width: 84px; height: 84px; }
.rl-img img { width: 84px; height: 84px; border-radius: 24px; }
.rl-info { float: left; width: 184px; padding-left: 12px; }
.rl-info h3 { line-height: 34px; font-size: 16px; color: #333; }
.rl-info h3 a { color: #333; width: 146px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }
.rl-info h3 a:hover { color: #FD3939; }
.rl-info h3 span { margin-left: 5px; font-weight: normal; }
.rl-info p { color: #888; height: 50px; line-height: 25px; overflow: hidden; }
.rl-score { float: right; width: 58px; }
.rl-score span { width: 58px; height: 58px; display: block; background: url("../images/score.gif") no-repeat; text-indent: -99px; overflow: hidden; }
.rl-score span.s1 { background-position: 0 0; }
.rl-score span.s2 { background-position: 0 -58px; }
.rl-score span.s3 { background-position: 0 -116px; }
.rl-score span.s4 { background-position: 0 -174px; }
.rl-score span.s5 { background-position: 0 -232px; }
.rl-score span.s6 { background-position: 0 -290px; }
.rl-score span.s7 { background-position: 0 -348px; }
.rl-score span.s8 { background-position: 0 -406px; }
.rl-score span.s9 { background-position: 0 -464px; }
.rl-score span.s10 { background-position: 0 -522px; }
.rl-score p { width: 56px; height: 16px; font-size: 12px; line-height: 16px; text-align: center; margin-top: 8px; }
.rl-score p.gray { border: 1px solid #999; color: #999; }
.rl-score p.blue { border: 1px solid #2794ef; color: #2794ef; }
.rl-score p.green { border: 1px solid #00c64f; color: #00c64f; }
.rl-score p.purple { border: 1px solid #9f34ea; color: #9f34ea; }
#lista2 { height: 500px; position: relative; }
#lista2 span { width: 40px; height: 90px; display: none; background: url("../images/sprite.png") no-repeat; position: absolute; top: 154px; cursor: pointer; }
#lista2:hover span { display: block; }
#lista2 span.als-prev { left: 50%; margin-left: -580px; background-position: -120px 0; }
#lista2 span.als-next { right: 50%; margin-right: -580px; background-position: -160px 0; }
#lista2 .als-viewport { position: relative; overflow: hidden; left: 50%; margin-left: -960px; }
#lista2 .als-viewport ul { height: 500px; position: absolute; overflow: hidden; }
#lista2 .als-viewport ul li.als-item { float: left; width: 1920px; height: 500px; overflow: hidden; position: relative; }
#lista2 .als-viewport ul li .area { height: 500px; position: relative; overflow: hidden; }
.zone { height: 500px; overflow: hidden; margin-top: 30px; }
.zone-change li { height: 500px; }
.zone-change, .zone-change li .area { height: 500px; position: relative; overflow: hidden; }
.zone-avatar { width: 190px; height: 190px; padding: 5px 15px 15px 5px; background: url("../images/zone_avatar.png") no-repeat; position: absolute; top: 290px; left: 35px; }
.zone-info { width: 660px; position: absolute; top: 410px; left: 260px; }
.zone-info h3 { font-size: 20px; line-height: 34px; }
.zone-info h3 a { color: #333; }
.zone-info p { line-height: 24px; color: #888; }
.zone-change span { width: 40px; height: 90px; display: block; background: url("../images/sprite.png") no-repeat; position: absolute; top: 154px; cursor: pointer; }
.zone-change span.prev-zone { left: 50%; margin-left: -580px; background-position: -120px 0; }
.zone-change span.next-zone { right: 50%; margin-right: -580px; background-position: -160px 0; }
a.enter-zone { width: 220px; height: 60px; line-height: 56px; font-size: 24px; font-weight: bold; color: #fff; text-indent: 84px; display: block; background: url("../images/enter_zone.gif") no-repeat; position: absolute; right: 0; bottom: 20px; }
a.enter-zone:hover { background-position: 0 -60px; }
.left-border {width: 738px; height: 260px; position: relative; border: 1px solid #ededed; }
.mg-tools { float: right; width: 360px; height: 260px; overflow: hidden; }
.mg-tools .mtt { height: 22px; padding-bottom: 20px; overflow: hidden; }
.mg-tools .mtt span { float: left; font-size: 22px; line-height: 22px; color: #333; }
.mg-tools .control { float: right; overflow: hidden; }
.mg-tools .control i { width: 21px; height: 21px; display: inline-block; margin-left: 5px; background: url("../images/sprite.png") no-repeat; cursor: pointer; }
.mg-tools .control i.prev { background-position: -210px -150px; }
.mg-tools .control i.next { background-position: -240px -150px; }
.mg-tools .mtb { height: 220px; overflow: hidden; position: relative; }
.mg-tools .mtb li { float: left; width: 360px; height: 220px; overflow: hidden; }
.tools-list { margin-left: -20px; margin-top: -20px; zoom: 1; }
.tools-list a { float: left; width: 170px; height: 100px; display: inline; position: relative; margin-left: 20px; margin-top: 20px; }
.tools-list a p { width: 163px; height: 44px; display: block; line-height: 22px; padding: 3px 0 3px 7px; color: #fff; background: url("../images/mask_50.png") no-repeat; position: absolute; bottom: 0; left: 0; cursor: pointer; }
.tools-list a:hover p { color: #FD3939; }
.tools-list a p strong { display: block; font-size: 16px; }
.tools-list a:hover b { width: 100%; height: 100%; display: block; background: #000; opacity: 0.5; position: absolute; top: 0; left: 0; }
#lista3 { width: 360px; height: 262px; position: relative; }
#lista3 h3 { height: 22px; padding-bottom: 20px; line-height: 22px; font-weight: normal; font-size: 22px; }
#lista3 span { width: 21px; height: 21px; display: block; background: url("../images/sprite.png") no-repeat; cursor: pointer; position: absolute; top: 0; }
#lista3 span.als-prev { right: 26px; background-position: -210px -150px; }
#lista3 span.als-prev:hover { background-position: -210px -180px; }
#lista3 span.als-next { right: 0; background-position: -240px -150px; }
#lista3 span.als-next:hover { background-position: -240px -180px; }
#lista3 .als-viewport { width: 360px; height: 220px; position: relative; overflow: hidden; }
#lista3 .als-viewport ul { height: 220px; position: absolute; overflow: hidden; }
#lista3 .als-viewport ul li.als-item { float: left; width: 360px; height: 220px; overflow: hidden; position: relative; }
.recommend-zone { width: 360px; height: 246px; position: absolute; top: 15px; left: -1px; }
.recommend-zone .rzt { height: 84px; position: relative; margin-bottom: 12px; padding-left: 112px; }
.rz-img { width: 84px; height: 84px; display: block; position: absolute; top: 0; left: 16px; }
.rz-img img { width: 84px; height: 84px; border-radius: 20px; }
.rzt p { width: 248px; height: 28px; line-height: 28px; overflow: hidden; font-size: 12px; color: #333; position: relative; }
.rzt p a { font-size: 18px; color: #333; margin-right: 7px; }
.rzt p s { width: 80px; height: 14px; font-size:0; display: inline-block; background: url("../images/star.gif") 0 -14px repeat-x; position: relative; vertical-align: 0; }
.rzt p s s { background: url("../images/star.gif") 0 0 repeat-x; }
.rzt p s .star0 { width: 0; }
.rzt p s .star1 { width: 20%; }
.rzt p s .star2 { width: 40%; }
.rzt p s .star3 { width: 60%; }
.rzt p s .star4 { width: 80%; }
.rzt p s .star5 { width: 100%; }
.rzt p strong { width: 52px; height: 18px; display: block; text-align: center; line-height: 18px; background: #2794ef; color: #fff; position: absolute; right: 0; top: 6px; }
.rzt p em { color: #666; }
.rzt ul { margin-left: -10px; zoom: 1; }
.rzt li { float: left; margin-left: 10px; display: inline; }
.s-button { width: 74px; height: 24px; display: block; overflow: hidden; border: 1px solid #FD3939; background: #fff1e8; color: #FD3939; font-size: 12px; line-height: 24px; border-radius: 3px; transition: all .2s ease; }
.s-button i { float: left; width: 15px; height: 16px; display: block; background: url("../images/sprite.png") no-repeat; margin: 4px 7px 4px 15px; }
.s-button i.icon-gl { background-position: -120px -120px; }
.s-button i.icon-lb { background-position: -120px -140px; }
.s-button i.icon-xz { background-position: -120px -160px; }
.s-button:hover { background: #FD3939; border: 1px solid #FD3939; color: #fff; }
.s-button:hover i.icon-gl { background-position: -140px -120px; }
.s-button:hover i.icon-lb { background-position: -140px -140px; }
.s-button:hover i.icon-xz { background-position: -140px -160px; }
.zone-news { width: 343px; height: 245px; overflow: hidden; position: absolute; top: 15px; right: 15px; }
.zone-news h3 { font-size: 20px; line-height: 20px;     overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}
.zone-news h3 a { color: #333; }
.zone-news h3 a:hover { color: #FD3939; }
.zone-news p { height: 44px; line-height: 22px; overflow: hidden; color: #888; margin: 7px 0; }
.common-list li { height: 32px; line-height: 32px; overflow: hidden; padding-left: 14px; background: url("../images/li_arrow.gif") 0 12px no-repeat; transition: all .1s ease-in; vertical-align: middle; }
.common-list li:hover { background-position: 5px 12px; }
.common-list li a { float: left; width: 85%; font-size: 16px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .3s ease; }
.common-list li a:hover { color: #FD3939; text-decoration: underline; }
.common-list li em { float: right; color: #999; }
.zone-box { float: left; width: 738px; height: 173px; overflow: hidden; border: 1px solid #e3e3e3; }
.zone-box .zbl { float: left; width: 359px; }
.zone-box .zbl a { width: 80px; height: 143px; display: block; padding: 15px 0 15px 279px; }
.zone-box .zbl a img { width: 80px; height: 80px; display: block; border-radius: 19px; }
.zone-box .zbl a em { font-size: 12px; line-height: 33px; color: #333; display: block; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.zone-box .zbl a span { width: 80px; height: 30px; display: block; line-height: 30px; text-align: center; background: #FD3939; color: #fff; transition: all .3s ease; }
.zone-box .zbl a:hover em { color: #FD3939; }
.zone-box .zbl a:hover span { background: #fc8536; }
.zone-box .zbr { float: right; width: 343px; padding: 15px 16px 15px 0; }
.zone-box .zbr ul { margin-top: -8px; zoom: 1; }
.zb-ad-b, .zb-ad-s { float: right; width: 360px; display: block; }
.zb-ad-b { height: 175px; }
.zb-ad-s { height: 80px; position: relative; }
.zb-ad-s span { width: 14px; height: 60px; line-height: 15px; font-weight: bold; padding: 5px 7px; background: #fff; position: absolute; top: 5px; left: 5px; }
.zb-ad-s span.blue { color: #4aa9f9; }
.zb-ad-s span.orange { color: #ff9900; }
.zb-ad-s h3 { font-size: 16px; line-height: 16px; color: #fff; position: absolute; top: 21px; left: 45px; }
.zb-ad-s p { line-height: 14px; color: #fff; position: absolute; top: 48px; left: 45px; }
.game-video { float: left; width: 740px; }
.game-strategy { float: right; width: 360px; height: 312px; overflow: hidden; }
.game-strategy .img-two, .industry-buzz .img-two { padding: 0; height: 115px; }
.interview .img-two { padding: 0; height: 270px; }
.game-strategy .img-two li a, .game-strategy .img-two li a img, .industry-buzz .img-two li a, .industry-buzz .img-two li a img, .interview .img-two li a, .interview .img-two li a img { width: 170px; height: 115px; }
.gs-list ul { padding-top: 12px; }
.gv-list { height: 250px; overflow: hidden; }
.gv-list ul { margin-top: -20px; margin-left: -20px; zoom: 1; }
.gv-list li { float: left; margin: 20px 0 0 20px; display: inline; }
.gv-list li a { width: 170px; height: 115px; display: block; position: relative; overflow: hidden; }
.gv-list li a span { width: 100%; height: 28px; line-height: 28px; color: #fff; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: url("../images/mask_28.png") repeat-x; position: absolute; bottom: 0; left: 0; z-index: 3; }
.gv-list li a:hover span { color: #FD3939; }
.gv-list li.first a { width: 360px; height: 250px; }
.gv-list li.first a span { height: 18px; line-height: 18px; font-size: 18px; font-weight: bold; padding: 52px 0 20px; background: url("../images/mask_90.png") repeat-x; }
.gv-list li b { width: 100%; height: 100%; display: none; background: #000; opacity: 0.5; filter: alpha(opacity=50); position: absolute; top: 0; left: 0; }
.gv-list li em { width: 54px; height: 54px; display: block; background: url("../images/play_btn.png") no-repeat; background-position: 0 -87px; position: absolute; top: 20px; left: 50%; margin-left: -27px; cursor: pointer; z-index: 2; }
.gv-list li.first em { width: 87px; height: 87px; top: 72px; margin-left: -34px; background-position: 0 0; }
.gv-list li a:hover em { background-position: -87px -87px; }
.gv-list li.first a:hover em { background-position: -87px 0; }
.gv-list li a:hover b { display: block; }
.industry-buzz { float: left; width: 360px; }
.industry-ad { width: 360px; height: 115px; display: block; }
.ib-list ul { padding: 15px 0 13px; }
.interview { float: left; width: 360px; margin-left: 20px; display: inline; }
.bulletin { float: right; width: 360px; }
.entertainment { width: 1120px; height: 424px; overflow: hidden; position: relative; }
.entertainment a { display: block; position: absolute; background: #b1b1b1; overflow: hidden; }
.entertainment a span { width: 100%; height: 18px; padding: 52px 0 20px; font-size: 18px; font-weight: bold; line-height: 18px; color: #fff; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: url("../images/mask_90.png") repeat-x; position: absolute; bottom: -90px; left: 0; transition: all .3s ease; }
.entertainment a:hover span { bottom: 0; }
.entertainment a.e1 { width: 378px; height: 180px; top: 0; left: 0; }
.entertainment a.e1  img{ width: 378px; height: 180px;}
.entertainment a.e2, .entertainment a.e3 { width: 188px; height: 242px; top: 182px; }
.entertainment a.e2 img, .entertainment a.e3  img{ width: 188px; height: 242px;}
.entertainment a.e2 { left: 0; }
.entertainment a.e3 { left: 190px; }
.entertainment a.e4 { width: 360px; height: 424px; top: 0; left: 380px; }
.entertainment a.e4  img{ width: 360px; height: 424px;}
.entertainment a.e7 { width: 378px; height: 140px; top: 142px; right: 0; }
.entertainment a.e7  img{ width: 378px; height: 140px; }
.entertainment a.e5, .entertainment a.e6, .entertainment a.e8, .entertainment a.e9 { width: 188px; height: 140px; }
.entertainment a.e5  img, .entertainment a.e6  img, .entertainment a.e8  img, .entertainment a.e9  img{ width: 188px; height: 140px; }
.entertainment a.e5, .entertainment a.e6 { top: 0; }
.entertainment a.e8, .entertainment a.e9 { top: 284px; }
.entertainment a.e6, .entertainment a.e9 { right: 0; }
.entertainment a.e5, .entertainment a.e8 { right: 190px; }
.rank-list { height: 518px; padding-top: 20px; overflow: hidden; }
.rank-list ul { margin-left: -20px; zoom: 1; }
.rank-list li { float: left; width: 265px; margin-left: 20px; display: inline; }
.rank-list dt { height: 40px; line-height: 40px; font-size: 20px; color: #fff; text-align: center; }
.rank-list li.ios-rank dt { background: url("../images/rank_title.gif") 0 0 #f35050 no-repeat; }
.rank-list li.android-rank dt { background: url("../images/rank_title.gif") 0 -40px #3bcb09 no-repeat; }
.rank-list li.online-rank dt { background: url("../images/rank_title.gif") 0 -80px #257cc6 no-repeat; }
.rank-list li.new-rank dt { background: url("../images/rank_title.gif") 0 -120px #8f2cbf no-repeat; }
.rank-list dd { width: 218px; padding: 10px 0 10px 47px; position: relative; border-bottom: 1px dotted #cecece; }
.rank-list dd span { width: 22px; height: 22px; display: block; background: #a8a8a8; line-height: 22px; font-size: 12px; color: #fff; text-align: center; position: absolute; top: 10px; left: 0; }
.rank-list li.ios-rank dd .front { background: #f35050; }
.rank-list li.android-rank dd .front { background: #3bcb09; }
.rank-list li.online-rank dd .front { background: #257cc6; }
.rank-list li.new-rank dd .front { background: #8f2cbf; }
.rank-list dd .brief { height: 22px; line-height: 22px; }
.rank-list dd.hover .brief { display: none; }
.rank-list dd.hover .detail { display: block; }
.rank-list dd a { font-size: 16px; font-weight: normal; color: #333; }
.rank-list dd .detail { height: 70px; overflow: hidden; display: none; }
.rank-list dd .detail h3 { line-height: 26px; margin-top: 10px; }
.rank-list dd .detail p { line-height: 26px; color: #999; }
.rank-img { float: left; width: 70px; height: 70px; display: block; padding-right: 10px; }
.rank-img img { width: 70px; height: 70px; border-radius: 17px; }
/*foot*/
.foot { background: #222; padding: 30px 0; margin-top: 62px; }
.f-links { width: 1040px; padding: 13px 20px 13px 100px; background: #2b2b2b; position: relative; margin-bottom: 20px; overflow: hidden; }
.f-links span { width: 75px; height: 25px; display: block; line-height: 25px; text-align: center; color: #8e8e8e; background: url("../images/sprite.png") 0 -150px no-repeat; position: absolute; top: 13px; left: 15px; }
.f-links p { width: 1040px; overflow: hidden; line-height: 26px; }
.f-links p a { float: left; margin-right: 28px; white-space: nowrap; color: #8c8c8c; transition: all 0.3s ease; }
.f-links p a:hover { color: #c00; }
.f-links p em { float: left; color: #4f4f4f; }
.infoot { overflow: hidden; }
.infoot .ifl { float: left; width: 159px; height: 88px; background: url("../images/flogo.png") no-repeat; padding-top: 8px; }
.infoot .ifl a { width: 158px; height: 88px; display: block; text-indent: -999px; overflow: hidden; }
.infoot .ifl p { font-size: 12px; line-height: 20px; color: #900; text-indent: 9px; }
.infoot .ifc { float: left; width: 970px; padding-left: 30px; }
.infoot .ifc p { color: #666; line-height: 24px; font-size: 12px; }
.infoot .ifc p a { color: #666; transition: all 0.3s ease; }
.infoot .ifc p span { color: #2f2f2f; margin: 0 7px; }
.infoot .ifc p a:hover { color: #c00; }
.infoot .ifr { float: right; width: 269px; height: 95px; margin-top: 10px; background: url("../images/code.gif") no-repeat; }
/*subnav*/
.subnavbox { height: 0; background: #e7e7e7; position: relative; z-index: 3; transition: height .2s ease; }
.subnav { width: 100%; height: 38px; display: none; line-height: 38px; overflow: hidden; }
.subnav a { color: #666; margin-right: 40px; }
.subnav a:hover { color: #010101; }
.subnavbox.show { height: 38px; }
.subnav.show { display: block; }
.positon { float: left; }
/*new guide*/
.guide-box { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 199; }
.guide-mask { width: 100%; height: 6006px; background: url("../images/guide/guide_mask.png") repeat; }
.guide { position: absolute; left: 50%; display: none; }
.guide .next-guide { display: block; position: absolute; }
.guide .close { width: 30px; height: 30px; display: block; position: absolute; cursor: pointer; }
.guide-1 { width: 560px; height: 320px; background: url("../images/guide/guide1.png") no-repeat; top: 296px; margin-left: -271px; }
.guide-1 .next-guide { width: 145px; height: 70px; top: 165px; right: 90px; }
.guide-1 .close { top: 18px; right: 42px; }
.guide-2 { width: 820px; height: 360px; background: url("../images/guide/guide2.png") no-repeat; top: 397px; margin-left: -605px; }
.guide-2 .next-guide { width: 130px; height: 60px; top: 253px; right: 70px; }
.guide-2 .close { top: 123px; right: 30px; }
.guide-3 { width: 1150px; height: 428px; background: url("../images/guide/guide3.png") no-repeat; top: 963px; margin-left: -575px; }
.guide-3 .next-guide { width: 130px; height: 60px; top: 135px; right: 410px; }
.guide-3 .close { top: 4px; right: 361px; }
.guide-4 { width: 730px; height: 340px; background: url("../images/guide/guide4.png") no-repeat; top: 1673px; margin-left: -195px; }
.guide-4 .next-guide { width: 130px; height: 60px; bottom: 44px; right: 90px; }
.guide-4 .close { top: 64px; right: 1px; }
.guide-5 { width: 892px; height: 292px; background: url("../images/guide/guide5.png") no-repeat; top: 2763px; margin-left: -316px; }
.guide-5 .next-guide { width: 130px; height: 60px; top: 158px; left: 278px; }
.guide-5 .close { top: 42px; left: 434px; }
.guide-6 { width: 1110px; height: 324px; background: url("../images/guide/guide6.png") no-repeat; top: 3942px; margin-left: -575px; }
.guide-6 .next-guide { width: 130px; height: 60px; bottom: 70px; right: 86px; }
.guide-6 .close { top: 50px; right: 2px; }
.guide-7 { width: 1150px; height: 890px; background: url("../images/guide/guide7.png") no-repeat; top: 4622px; margin-left: -575px; }
.guide-7 .next-guide { width: 130px; height: 60px; top: 136px; right: 410px; }
.guide-7 .close { top: 5px; right: 361px; }
.guide-8 { width: 540px; height: 296px; background: url("../images/guide/guide8.png") no-repeat; top: 433px; margin-left: -344px; }
.guide-8 .next-guide { width: 150px; height: 70px; bottom: 75px; right: 70px; }
.guide-8 .close { top: 6px; right: 22px; }
/*ad-row*/
.ad-row { margin-top: 20px; }
.ad-row img { width: 100%; height: auto; }
/*go-top*/
.go-top { width: 60px; height: 60px; opacity: 0; *display:none;
    display: none\9; text-indent: -999px; overflow: hidden; position: fixed; left: 50%; margin-left: 605px; bottom: 490px; transition: all 0.5s ease; }
.go-top.show { opacity: 1; *display:block;
    display: block\9; }
.go-top span { width: 60px; height: 60px; display: block; background: url("../images/go_top.gif") no-repeat; position: absolute; left: 0; top: 0; cursor: pointer; transition: all 0.5s ease; }
.go-top span.a1 { background-position: 0 0; opacity: 1; *display:block;
    display: block\9; }
.go-top:hover span.a1 { opacity: 0; *display:none;
    display: none\9; }
.go-top span.a2 { background-position: 0 -60px; opacity: 0; *display:none;
    display: none\9; }
.go-top:hover span.a2 { opacity: 1; *display:block;
    display: block\9; }
/*撕页*/
.index-show { width: 570px; height: 360px; position: fixed; _position: absolute; top: 50%; left: 50%; margin-left: -285px; margin-top: -15%; z-index: 200; box-shadow: 0 0 30px #000; }
.index-show-close { width: 29px; height: 29px; display: block; background: url("../images/index_close.png") no-repeat; position: absolute; top: 2px; right: 2px; cursor: pointer; }

/*zone 20160920*/
.zoneleft{ float:left; width:740px;}
.zoneright{ float:right; width:360px;}
.zoneleft .hot-game2 dd{ margin-right:18px;}
.giftlist{ clear:both; padding:10px 0 20px 0; overflow:hidden;}
.giftlist li{ position:relative; height:84px; padding:7px 65px 7px 94px; border-bottom:#ddd 1px solid; overflow:hidden; +margin-bottom:-4px;}
.giftlist li dt{ clear:both; display:block; width:100%; padding-top:8px; line-height:1;font-weight:bold; font-size:16px;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.giftlist li dt a{ color:#333;}
.giftlist li dt a:hover{ color:#FD3939;}
.giftlist li dd{height:16px; line-height:16px; padding:9px 0 0 0; color:#999; font-size:12px; overflow:hidden;}
.giftlist li dd em{ color:#666;}
.giftlist .giftface{ position:absolute; left:0; top:7px;}
.giftlist .giftface img{ border-radius:24px;}
.giftbar,.giftbar i{ float:left; height:4px; font-size:0; line-height:0;}
.giftbar{ width:120px; background:#fff1e8; border:#FD3939 1px solid; margin:6px 8px 6px 0;}
.giftbar i{ background:#FD3939;}
.getgiftbox{ position:absolute; top:22px; right:0; width:60px; padding-top:19px;}
.getgiftbox .strap1,.getgiftbox .strap2{ position:absolute; /*z-index:-1;*/ background:url(../images/boxstrap.png) no-repeat; text-indent:-9999px; overflow:hidden;}
.getgiftbox .strap1{ left:12px; top:0; width:20px; height:21px; background-position:0 0;}
.getgiftbox .strap2{ left:30px; top:4px; width:15px; height:18px; background-position:0 -30px;}

.getgiftbox:hover .strap1{ animation:strap1 .8s infinite;transform-origin:bottom right;}
.getgiftbox:hover .strap2{ animation:strap2 .8s infinite;transform-origin:bottom left;}
@keyframes strap1{
    0%{ transform:rotate(0deg);}
    50%{ transform:rotate(-15deg);}
    100%{ transform:rotate(0deg);}
}
@keyframes strap2{
    0%{ transform:rotate(0deg);}
    50%{ transform:rotate(15deg);}
    100%{ transform:rotate(0deg);}
}

.getgiftbox a,.getgiftbox .date{ display:block; border:#fd7b25 1px solid; text-align:center; font-size:12px;}
.getgiftbox a{border-radius:5px; background:#fff1e8; line-height:20px; color:#FD3939;}
.getgiftbox a:active{ background:#fd7b25; color:#fff;}
.getgiftbox .date{ border-top:0; line-height:16px; color:#666; border-radius:0 0 5px 5px; margin:0 5px;}
.system-ios, .system-android, .system-all { display:inline-block; width:34px; height: 16px; vertical-align:top; margin-right:3px;background: url(http://www.72g.com/templates/72g/images/game_new/system_icon.png) no-repeat; text-indent:-9999px; overflow:hidden; }
.system-ios { background-position: 0 0; }
.system-android { background-position: 0 -30px; }
.system-all { background-position: 0 -60px; width:34px; }