@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: #e6e6e6; 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: #f60; }

/*登录注册--修改*/
.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: #f60;}
.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: #f60;}
.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; }
.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: #f60; 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: #f60; }
.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 { 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: 24px; }
.hot-game dd a { width: 60px; height: 80px; display: block; line-height: 20px; text-align: center; font-size: 12px; color: #333; }
.hot-game dd a:hover { color: #f60; }
.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: #f60; }
.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: #f60; }
.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: #f60; }
.hot-game4 dd a img { width: 70px; height: 70px; display: block; margin-bottom: 7px; border-radius: 16px; }

/*top*/
.row { overflow: hidden; zoom: 1; }
.text-news { float: left; width: 460px; }
.top-news { height: 47px; border-bottom: 1px dotted #d8d8d8; }
.top-news h2 { font-size: 20px; line-height: 20px; text-align: center; }
.top-news h2 a { color: #f60; }
.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; }
.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 .kind.rd { background: #2794ef; }
.news-list li .kind.cy { background: #997fdd; }
.news-list li .kind.zx { background: #f36161; }
.news-list li .kind.zt { background: #fd7317; }
.news-list li .kind.tj { background: #2aca63; }
.news-list li .kind.rx { background: #8474d7; }
.news-list li .kind.dj { background: #2b2b2b; }
.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: #f60; text-decoration: underline; }
.news-list li em { float: right; color: #999; }
.img-news { float: right; width: 640px; height: 330px; position: relative; overflow: hidden;}
.img-news img{width: 640px; height: 330px;}
.img-news .hd{left:0;right:0;bottom:30px;text-align:center;position:absolute;z-index:1;}
.img-news .hd li{display:inline-block;width:10px;height:5px;margin:0 2px;border-radius:3px;background:#fff;transition:.3s;cursor:pointer;}
.img-news .hd li.on{width:20px;background:#f29500;}
.img-news .prev,.img-news .next{background:url("../images/sprite.png") no-repeat;top:50%;margin-top:-20px;width:20px;height:40px;line-height:70px;border-radius:5px;color:#fff;font-size:30px;text-align:center;position:absolute;}
.img-news .prev{left:0;border-top-left-radius:0;border-bottom-left-radius:0;background-position:-155px -110px;}
.img-news .next{right:0;border-top-right-radius:0;border-bottom-right-radius:0;background-position:-175px -110px;}
#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 #fd7317; }
.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: #f60; }
.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-original{ float: left; width: 34px; height: 36px; background-position: -266px -150px; margin: 12px 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: #fd7317; }

/*新游前线*/
.img-three,.img-four { overflow: hidden; }
.img-three ul ,.img-four ul{ margin-left: -20px; zoom: 1; }
.img-three li ,.img-four li{ float: left; margin-left: 20px; display: inline; width: 360px ;position: relative}
.icon-new{width:72px;height: 50px;background: url("../images/new.png") no-repeat;position: absolute;top: 0;right: 0;}
.img-three li a,.img-three li a img { width: 360px; height: 240px; display: block; }
.img-three li a { position: relative; }
.img-three li a .img-mask { text-align: center;width: 100%; height: 70px; padding: 85px 0; font-size: 14px; line-height: 28px; color: #fff; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: rgba(0,0,0,0.6); position: absolute; bottom: -240px; left: 0; transition: all .3s ease; }
.img-three li a:hover .img-mask { bottom: 0; }
.img-mask p{max-width: 320px;text-overflow: ellipsis;white-space:nowrap;overflow: hidden;margin: 0 auto}
.img-three li a .img-mask .img-mask-title{font-size: 20px;}
.img-three li a img{width: 360px;height: 240px;display: block}
.new-img,.new-img img{width: 360px;height: 200px;display: block}
.new-img{position: relative;overflow: hidden;}
.new-bott-bg{width: 100%;height: 75px;background: url("../images/new-bg.png") repeat-x;position: absolute;left: 0;bottom: -75px;font-size: 16px;color: #fff;line-height: 100px;text-align: center;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;position: absolute; bottom: -75px; left: 0; transition: all .3s ease;}
.new-img:hover .new-bott-bg{bottom: 0;}
.critique{padding: 19px;border: 1px solid #ccc;border-top: none;line-height: 26px;}
.critique-txt{height: 104px;overflow: hidden;}
.critique-txt strong{font-weight: bold;}
.critique-btns{height: 40px;width: 100%;margin-top: 16px}
.critique-a{width: 130px;height: 40px;line-height: 40px;display: inline-block;background: #fc8536;color: #fff;text-align: center;font-size: 16px;margin-right: 60px}
.critique-a:hover{background: #fd7317;}
.critique-btns s{height: 19px;width: 120px;font-size:0; display: inline-block;background: url("../images/star-2.gif") 0 -30px repeat-x;position: relative;}
.critique-btns s s { background: url("../images/star-2.gif") 0 0 repeat-x;}
.critique-btns s .star0 { width: 0; }
.critique-btns s .star1 { width: 20%; }
.critique-btns s .star2 { width: 40%; }
.critique-btns s .star3 { width: 60%; }
.critique-btns s .star4 { width: 80%; }
.critique-btns s .star5 { width: 100%; }
/*//新游前线*/

.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: #f60; }
.s-title a:hover .icon-more { background-position: -90px -120px; }
.mg-test, .ng-reviews, .gaming { float: left; width: 360px; height: 502px; overflow: hidden; }
.mg-test{overflow: visible}
.ng-reviews, .gaming { margin-left: 20px; }
.mg-test dt { height: 40px; line-height: 40px; overflow: hidden;}
.mg-test dd { height: 39px; line-height: 39px; border-left: 1px solid #e3e3e3;position: relative;}
.mg-test dd:last-of-type{border-bottom: 1px solid #e3e3e3;}
.dot{width: 14px;height: 7px;background: url("../images/sprite.png") no-repeat -286px -215px;position: absolute;top: 16px;left: -4px}
.dot.active{background-position: -286px -260px}
.mg-test ul { margin-left: -1px; zoom: 1; }
.mg-test li { float: left; margin-left: 1px; display: inline; font-size: 14px; }
.mg-test li a { color: #333; }
.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: #f60; }
.mg-test .time { width: 102px; text-align: center; }
.mg-test .name { width: 100px; padding: 0 22px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 16px}
.mg-test .status { width: 86px; padding: 0 12px; }
.get-gift { float: right; width: 360px; height: 260px; overflow: hidden; }
.get-gift .s-title { padding: 0 0 20px; }
.gf-ad, .gf-ad img { width: 360px; height: 150px; display: block; }
#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: #f60; }
.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 #fd7317; background: #fff1e8; color: #fd7317; 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: #f60; border: 1px solid #f60; 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; }
.zone-news h3 a { color: #333; }
.zone-news h3 a:hover { color: #f60; }
.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: 95%; font-size: 16px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all .3s ease; }
.common-list li a:hover { color: #f60; 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: #f60; color: #fff; transition: all .3s ease; }
.zone-box .zbl a:hover em { color: #f60; }
.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: #f60; }
.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.e2, .entertainment a.e3 { width: 188px; height: 242px; top: 182px; }
.entertainment a.e2 { left: 0; }
.entertainment a.e3 { left: 190px; }
.entertainment a.e4 { width: 360px; height: 424px; top: 0; left: 380px; }
.entertainment a.e7 { width: 378px; height: 140px; top: 142px; right: 0; }
.entertainment a.e5, .entertainment a.e6, .entertainment a.e8, .entertainment a.e9 { 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/footer_logo.gif") 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: 640px; 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;}
.zoneright-ad,.zoneright-ad img{width: 360px;height: 260px;display: block}
.text-2,.text-3,.text-4,.text-5,.text-6,.text-7,.text-8{color: #fff;padding: 2px 8px}
.text-2.active,.text-3.active,.text-4.active,.text-5.active,.text-6.active,.text-7.active,.text-8.active{background: #fd7317; }

.text-2{background: #2794ef; }
.text-3{background: #f36161; }
.text-4{background: #3cb500; }
.text-5{background: #9370DB; }
.text-6{background: #FC6E51; }
.text-7{background: #6A5ACD; }
.text-8{background: #CD69C9; }

.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:#f60;}
.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:#f60 1px solid; margin:6px 8px 6px 0;}
.giftbar i{ background:#f60;}
.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:#f60;}
.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; }