@charset "UTF-8";

/**
 * style.css
 * @authors leiting (957770324@qq.com)
 * @Last Modified time: 2019-09-26 16:05:18
 * @version 0.0.1
 * @desc    51.com 改版
 * @update-log:
 *
 */
.main{width:992px; padding: 0 10px; margin: 0 auto; height: 100%; clear: both; position: relative; overflow: hidden; background: #fff;}
/*广告*/
.all-advert,
.all-advert a,
.all-advert a img{display: block;}
.img-scale{display: block; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.img-scale:hover{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.img-scale1{display: block; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.img-scale1:hover{-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.all-advert{margin: 0 auto; overflow: hidden;}
.l-ell2{display: -webkit-box; display: box; word-wrap: break-word; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; box-orient: vertical; /* 几行隐藏 */ -ms-line-clamp: 2; -moz-line-clamp: 2; -webkit-line-clamp: 2; line-clamp: 2;}
.l-ell3{display: -webkit-box; display: box; word-wrap: break-word; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; box-orient: vertical; /* 几行隐藏 */ -ms-line-clamp: 3; -moz-line-clamp: 3; -webkit-line-clamp: 3; line-clamp: 3;}
/*最新推荐*/
.snBrand{width: 990px; height: 130px; overflow: hidden; float: left; padding-top: 20px;}
.snBrand ol{float: left; width: 105px; height: 128px; margin-top: -1px; border: 1px solid #dbdbdb;}
.snBrand ol li{cursor: pointer; width: 60px; padding-left: 45px; height: 42px; line-height: 42px; border-bottom: 1px solid #dbdbdb; font-size: 16px; background: url(/top/images/all-bg.png?v=d9c4f393) #fff no-repeat -440px -108px; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s;}
.snBrand ol li.on{position: relative; color: #fff; background: url(/top/images/all-bg.png?v=d9c4f393) #d71b1b no-repeat -440px -108px;}
.snBrand ol li.snBrand-zuixin{background-position: -460px -115px;}
.snBrand ol li.snBrand-iOS{background-position: -460px -226px;}
.snBrand ol li.snBrand-android{background-position: -460px -343px; border-bottom: none;}
.snBrand ol li.snBrand-zuixin.on{background-position: -460px -167px;}
.snBrand ol li.snBrand-iOS.on{background-position: -460px -286px;}
.snBrand ol li.snBrand-android.on{background-position: -460px -393px;}
.snBrand .snBrand-mian{float: left;}
.snBrand .snBrand-mian .snBrand-li{width: 880px; height: 130px; background: #fff; position: relative; overflow: hidden;}
.snBrand-icon{width: 860px; height: 99px; position: relative; overflow: hidden; display: block; margin-left: 20px; float: left;}
.snBrand-icon li{width: 76px; padding: 0 21px 0 10px; float: left; border-bottom: 1px solid #dbdbdb;}
.snBrand-icon li a{width: 100%; height: 100%; display: block; position: relative; overflow: hidden;}
.snBrand-icon li a div{width: 76px; height: 76px; display: block; overflow: hidden; position: relative;}
.snBrand-icon .pic-icon{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
.snBrand-icon .ewm{width: 76px; height: 76px; display:none}
.snBrand-icon canvas{background: #333333; opacity: 0; position: absolute; top: 0px; left: 0px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5);}
.snBrand-icon a:hover .pic-icon{opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);}
.snBrand-icon a:hover canvas{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.snBrand-icon li a p{width: 100%; text-align: center; font-size: 12px; height: 20px; line-height: 18px; position: relative; display: block; border-bottom: 2px solid #fff;}
.snBrand-icon li a img{width: 76px; height: 76px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px;}
.snBrand-icon li a:before,
.h-game ul li .h-game-icon a:before,
.index-banner-bottom ul li a.icon-pic:before,
.pack-pic:before,
.focus_text-icon:before,
.index-evaluat-icon:before,
.index-hot-right li .hot-right-icon:before,
.game-pic:before{content: ""; position: absolute; top: 0; left: -125%; width: 100%; height: 100%; z-index: -1; overflow: hidden; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -o-transform: skewX(-25deg); transform: skewX(-25deg);}
.snBrand-icon li a:hover:before,
.h-game ul li .h-game-icon a:hover:before,
.index-banner-bottom ul li a.icon-pic:hover:before,
.pack-pic:hover:before,
.focus_text-icon:hover:before,
.index-evaluat-icon:hover:before,
.index-hot-right li .hot-right-icon:hover:before,
.game-pic:hover:before{-webkit-transition: left 1s; -moz-transition: left 1s; -ms-transition: left 1s; -o-transition: left 1s; transition: left 1s; left: 125%; z-index: 11;}
.snBrand-icon li a:hover p{color: #d71b1b; border-bottom: 2px solid #d71b1b; height: 20px;}
.snBrand-bottom{width: 860px; position: relative; overflow: hidden; display: table; margin-left: 30px; margin-top: 2px; float: left;}
.snBrand-bottom li{display: inline-block; *display: inline; height: 26px; line-height: 26px;}
.snBrand-bottom li a{display: inline-block; *display: inline; color: #333; font-size: 12px; padding: 0 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px;}
.snBrand-bottom li a.on{color: #d71b1b;}
.snBrand-bottom li a:hover{color: #fff; background: #d71b1b;}
.snBrand-bottom li span{display: inline-block; *display: inline; padding: 0 12px; color: #e7e7e7;}
/*banner*/
.index-banner{margin-top: 20px; width: 590px; float: left; margin-bottom: 20px;}
.focusBox{position: relative; width: 590px; height: 240px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white;}
.focusBox .pic img{width: 590px; height: 240px; display: block;}
.focusBox .txt-bg{position: absolute; bottom: 0; z-index: 1; height: 50px; width: 100%; background: #000; filter: alpha(opacity=50); opacity: 0.5; overflow: hidden; display: none;}
.focusBox .txt{position: absolute; bottom: 0; z-index: 2; height: 50px; width: 100%; overflow: hidden; display: none;}
.focusBox .txt li{height: 50px; line-height: 50px; position: absolute; bottom: -36px;}
.focusBox .txt li a{display: block; color: #fff; padding: 0 0 0 10px; font-size: 12px; text-decoration: none; font-family: "microsoft yahei"; font-size: 18px;}
.focusBox .num{position: absolute; z-index: 3; bottom: 20px; right: 10px;}
.focusBox .num li{float: left; position: relative; width: 10px; height: 10px; overflow: hidden; margin-right: 9px; cursor: pointer;}
.focusBox .num li a{position: absolute; z-index: 2; display: block; width: 100%; height: 100%; top: 0; left: 0; text-decoration: none; border-radius: 20px; background: #fff;}
.focusBox .num li.on a,
.focusBox .num a:hover{background: #d71b1b;}
.index-banner-bottom{width: 700px; height: 260px; overflow: hidden; position: relative;}
.index-banner-bottom ul{width: 720px; height: 260px; position: relative; margin-left: -12px;}
.index-banner-bottom ul li{padding: 22px 16px 20px 16px; float: left; width: 326px; border-right: 1px dashed #e8e8e8; border-bottom: 1px dashed #e8e8e8;}
.index-banner-bottom ul li a.icon-pic{position: relative; width: 90px; height: 90px; float: left; margin-right: 10px;}
.index-banner-bottom ul li a.icon-pic i{position: absolute; top: -4px; left: -4px; width: 90px; height: 90px; }
.index-banner-bottom ul li a.icon-pic img{width: 85px; height: 85px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px;}
.index-banner-bottom ul li p{width: 225px; float: left; font-size: 18px; color: #E43828; font-weight: bold;}
.index-banner-bottom ul li p a{color: #E43828;}
.index-banner-bottom ul li span{width: 225px; float: left; font-size: 16px; color: #333;}
/*新闻*/
.index-banner-right{width: 380px; float: left; margin: 30px 0 20px 10px;}
.index-banner-right .index-new{width: 380px; float: left; margin-bottom: 10px;}
.index-banner-right .index-new p{text-align: center; width: 100%;}
.index-banner-right .index-new p a{color: #d71b1b; font-size: 16px; font-weight: bold;}
.index-banner-right dl{width: 380px; float: left; border-top: 1px dashed #e8e8e8; padding-bottom: 7px;}
.index-banner-right dl dd{width: 100%; float: left; margin: 8px 0;}
.index-banner-right dl dd a{width: 270px; margin: 0 2px; float: left; font-size: 14px; line-height: 22px;}
.index-banner-right dl dd a:hover{color: #d71b1b;}
.index-banner-right dl dd span{text-align: center; line-height: 22px; width: 40px; height: 22px; background: #efefef; display: block; color: #666; margin: 0 5px; float: left; font-size: 14px;}
.index-banner-right dl dd span.date{background: #fff; color: #ccc; width: 45px; float: left; margin-left: 5px; font-size: 16px;}
/*礼包、开服、开测*/
.index-gift-tab{margin: 20px 0 0 0; float: left; width: 415px;}
.index-gift-tab-tit a.more{position: absolute; right: 0; top: 0; color: #d71b1b; font-size: 12px; line-height: 20px;}
.index-gift-tab-tit a.more:hover{color: #E43828;}
.index-gift-tab-tit ul li{cursor: pointer; width: 82px; line-height: 38px; text-align: center;}
.notice .tab-hd{height: 20px; background-color: #fff; border-left: 4px solid #d71b1b; margin-bottom: -1px; color: #404040; position: relative;}
.notice .tab-hd ul{height: 20px;}
.notice .tab-hd li{float: left; height: 20px; line-height: 20px; font-size: 18px; font-weight: bold;}
.notice .tab-hd li:hover{color: #d71b1b;}
.notice .tab-hd li.on{color: #d71b1b; border-bottom: 1px solid #fff; position: relative; margin-right: -1px;}
.notice .tab-bd .tab-pal{width: 415px;}
.notice .tab-bd .tab-pal .tab-pal-top{margin-top: 20px; float: left; width: 413px; height: 158px; border: 1px solid #d8d8d8;}
.notice .tab-bd .tab-pal .tab-pal-top a{margin: 1px; overflow: hidden; width: 411px; height: 156px; display: block;}
.notice .tab-bd .tab-pal .tab-pal-top img{float: left; width: 411px; height: 156px; display: block;}
.pack-list{height: 322px; overflow: hidden; float: left;}
.pack-item{position: relative; width: 260px; padding: 13px 0; border-bottom: 1px dashed #e5e2e2; overflow: hidden;}
.pack-title{height: 22px; font-weight: 400; font-size: 14px; line-height: 22px;}
.pack-btn{position: absolute; top: 50%; right: 0; width: 58px; height: 22px; border: 1px solid #d71b1b; margin-top: -11px; font-size: 16px; line-height: 22px; text-align: center; color: #d71b1b; border-radius: 5px;}
.pack-meta{display: none; height: 74px; overflow: hidden;}
.pack-pic{float: left; width: 80px; height: 80px; margin-right: 10px; position: relative; display: block; overflow: hidden;}
.pack-pic img{width: 80px; height: 80px; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px;}
.pack-info{float: left; width: 120px;}
.pack-info h3{margin-bottom: 5px; font-weight: 400; font-size: 14px; line-height: 20px;}
.pack-info p{color: #333; font-size: 12px; line-height: 25px; white-space: nowrap; overflow: hidden;}
.pack-info p b{font-weight: 400; color: #d71b1b;}
.pack-info p i{font-style: normal; font-weight: 400; color: #999; margin-left: 2px;}
.pack-item-active .pack-btn{border-color: #d71b1b;color: #fff;background: #d71b1b;border-radius: 5px;margin-top: 10px;}
.pack-item-active .pack-btn:hover{border-color: #d71b1b; background: #d71b1b; color: #fff;}
.pack-item-active .pack-title{display: none;}
.pack-item-active .pack-meta{display: block; height: 100%;}
.index-server{margin-top: 10px; width: 415px; position: relative; height: 305px;}
.index-server dt,
.index-server dd,
.index-server{width: 415px; float: left;}
.index-server dt span,
.index-server dd span{display: block; float: left; padding-left: 15px; font-size: 14px; color: #333;}
.index-server dt{background: #f5f5f5; height: 40px; line-height: 40px;}
.index-server dt .s1,
.index-server dd .s1{width: 80px;border-right: 1px solid #fff;padding-left: 0px !important;}
.index-server dt .s2,
.index-server dd .s2{width: 123px; border-right: 1px solid #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center;}
.index-server dt .s3,
.index-server dd .s3{width: 80px; border-right: 1px solid #fff;}
.index-server dt .s4,
.index-server dd .s4{width: 63px;}
.index-server dd{height: 42px; line-height: 42px; position: relative;}
.index-server dd .s1{color: #d71b1b;}
.index-server dd .s3{}
/* 广告切换 */
.advert-ban{position: relative; width: 1200px; height: 100px; overflow: hidden; background: #eee;}
.advert-ban .pic img{width: 1200px; height: 100px; display: block;}
.advert-ban .hd{overflow: hidden; zoom: 1; position: absolute; bottom: 5px; right: 10px; z-index: 3}
.advert-ban .hd li{float: left; line-height: 15px; text-align: center; font-size: 12px; width: 10px; height: 10px; cursor: pointer; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; background: #fff; margin-left: 4px; filter: alpha(opacity=80); opacity: .8; -webkit-transition: All .5s ease; -moz-transition: All .5s ease; -o-transition: All .5s ease}
.advert-ban .hd .on{background: #E43828; filter: alpha(opacity=100); opacity: 1;}
/*排行榜*/
.index-ranking{margin-top: 10px; width: 1010px; float: left; margin-left: -25px; position: relative; overflow: hidden;}
.index-ranking-ios,
.index-ranking-android,
.index-ranking-hot{float: left; width: 305px; margin: 0 0 25px 30px;}
.index-ranking-ios .tit,
.index-ranking-android .tit,
.index-ranking-hot .tit{float: left; width: 305px; height: 50px; position: relative;}
.index-ranking-ios .tit p,
.index-ranking-android .tit p,
.index-ranking-hot .tit p{float: left; height: 50px; line-height: 50px; font-size: 16px; font-weight: bold; padding-left: 37px; border-bottom: 2px solid #E43828; background: url(/top/images/ranking-bg.png?v=f9a7916c) no-repeat;}
.index-ranking-ios .tit a,
.index-ranking-android .tit a,
.index-ranking-hot .tit a{color: #999; position: absolute; right: 0; top: 17px; height: 30px; font-size: 16px;}
.index-ranking-ios .tit a:hover,
.index-ranking-android .tit a:hover,
.index-ranking-hot .tit a:hover{color: #E43828;}
.index-ranking-ios .tit,
.index-ranking-android .tit,
.index-ranking-hot .tit{border-bottom: 2px solid #e4e4e4;}
.index-ranking-ios .tit p{color: #E43828; background-position: -95px 5px;}
.index-ranking-android .tit p{color: #4daa7b; background-position: -98px -44px; border-bottom: 2px solid #4daa7b;}
.index-ranking-hot .tit p{color: #f7a934; background-position: -95px -91px; border-bottom: 2px solid #f7a934;}
.game-top-list{position: relative; margin-top: -1px; overflow: hidden; float: left;}
.game-top-item{position: relative; width: 270px; padding-left: 35px; border-bottom: 1px dotted #e5e2e2; overflow: hidden;}
.game-top-item .top-num{position: absolute; top: 50%; margin-top: -9px; left: 0; width: 18px; height: 18px; line-height: 18px !important; border-radius: 30px; color: #fff; font-style: normal; font-size: 16px; line-height: 24px; text-align: center; background-color: #a6a6a6;}
.game-top-title{font-weight: 400; font-size: 16px; line-height: 50px; height: 50px; color: #999999;}
.game-top-title a{-webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s;}
.game-top-title img{position: absolute; right: 10px; top: 10px;}
.game-top-meta{position: relative; display: none; height: 100px; overflow: hidden;}
.game-top-meta .game-pic{margin-top: 10px; position: relative; overflow: hidden;}
.game-top-meta .game-pic img,
.game-top-title img{float: left; width: 80px; height: 80px; border-radius: 10px;}
.game-top-meta .game-info{position: relative; _display: inline; width: 160px; margin-left: 10px; height: 80px;}
.game-top-meta .game-info h3{position: relative; margin-top: 16px; width: 150px; float: left; font-weight: 400; font-size: 18px; line-height: 24px;}
.game-top-meta .game-info h3 a{-webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s;}
.game-top-meta .game-info h3 a:hover{color: #e43828; text-decoration: underline;}
.game-top-meta .game-info p{float: left; display: block; margin: 3px 0 0; color: #999; font-size: 14px; width: 150px; line-height: 20px; white-space: nowrap; overflow: hidden;}
.index-ranking-ios .game-top-1 .top-num{background: #e43828;}
.index-ranking-ios .game-top-2 .top-num{background: #f19601;}
.index-ranking-ios .game-top-3 .top-num{background: #f3d400;}
.index-ranking-android .game-top-1 .top-num{background: #4daa7b;}
.index-ranking-android .game-top-2 .top-num{background: #60bd8e;}
.index-ranking-android .game-top-3 .top-num{background: #89dbb1;}
.index-ranking-hot .game-top-1 .top-num{background: #f7a934;}
.index-ranking-hot .game-top-2 .top-num{background: #fcd436;}
.index-ranking-hot .game-top-3 .top-num{background: #defc36;}
.game-top-1 .game-top-title a,
.game-top-2 .game-top-title a,
.game-top-3 .game-top-title a,
.game-top-1 h3 a.game-top-title,
.game-top-2 h3 a.game-top-title,
.game-top-3 h3 a.game-top-title{color: #999999; font-size: 16px; line-height: 50px;}
.game-top-active .top-num{-webkit-transition: width .3s; -moz-transition: width .3s; -ms-transition: width .3s; -o-transition: width .3s; transition: width .3s; height: 18px; width: 18px; line-height: 18px;}
.game-top-active .game-top-title{display: none;}
.game-top-active .game-top-meta{display: block;}
.ranking-game-btn{position: absolute; right: 10px; top: 35px;}
.ranking-game-btn a{float: left; display: block; width: 28px; height: 28px; margin-left: 5px;}
.ranking-game-btn canvas{position: absolute; right: 35px; top: -25px; width: 80px; display: none; z-index: 999;}
.ranking-game-btn a.down:hover canvas{display: block}
a.down{background: url(/top/images/ranking-bg.png?v=f9a7916c) no-repeat -3px 0;}
.index-ranking-ios a.gift{background: url(/top/images/ranking-bg.png?v=f9a7916c) no-repeat -41px 0;}
.index-ranking-android a.down{background: url(/top/images/ranking-bg.png?v=f9a7916c) no-repeat -3px -85px;}
a.gift{background: url(/top/images/ranking-bg.png?v=f9a7916c) no-repeat -41px -85px;}
.index-ranking-hot a.down{background: url(/top/images/ranking-bg.png?v=f9a7916c) no-repeat -3px -161px;}
.index-ranking-hot a.gift{background: url(/top/images/ranking-bg.png?v=f9a7916c) no-repeat -41px -161px;}
a.time{background: url(/top/images/ranking-bg.png?v=f9a7916c) no-repeat -3px -243px;}
a.down:hover{background-position: -3px -38px;}
.index-ranking-ios a.gift:hover{background-position: -41px -38px;}
.index-ranking-android a.down:hover{background-position: -3px -122px;}
a.gift:hover{background-position: -41px -122px;}
.index-ranking-hot a.down:hover{background-position: -3px -203px;}
.index-ranking-hot a.gift:hover{background-position: -41px -203px;}
.game-top-meta .game-info p i{width: 20px; height: 20px; display: inline-block; background: url(/top/images/ranking-bg.png?v=f9a7916c) no-repeat -100px -155px; vertical-align: middle; margin: 0 3px;}
.game-top-meta .game-info p i.i2{background-position: -101px -189px;}
/*美女图吧*/
.index-pic{width: 990px;margin-left:5px; float: left; position: relative; overflow: hidden;}
.index-pic ul{width: 1004px; float: left;}
.index-pic ul li{float: left; margin-right: 10px; position: relative; overflow: hidden; width: 430px; height: 400px;}
.index-pic ul li div{border: 4px solid #fff;margin-bottom: 10px;}
.index-pic ul li.width270{width: 270px;}
.index-pic ul li.width240{width: 240px; height: 188px; font-size: 16px; text-align: center; margin-top: 2px;}
.index-pic ul li.width240 a{height: 178px;}
.index-pic ul li a{display: block;width: 100%;height: 150px;position: relative;overflow: hidden;}
.index-pic ul li div:hover{border: 4px solid #d71b1b;}
.index-pic ul li a img{width: 242px; height: 150px;}
.index-pic ul li a .sbot,
.index-pic ul li a p{position: absolute;background: rgba(0, 0, 0, 0.62); /*background: url(/top/images/text-bg.png?v=f6784907);*/ color: #fff; height: 45px; line-height: 45px; font-size: 18px; width: 90%; padding: 0 5%; text-align: center; z-index: 11; bottom: -45px; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.index-pic ul li a:hover p{bottom: 0;}
.index-pic ul li a .sbot{padding: 0px; width: 100%; line-height: 20px; border: 0px; /*height: 50px;*/height: 28px; bottom: -10px;}
.index-pic ul li a:hover .sbot{bottom: -10px;}
.index-pic ul li a .sbot div{margin-top: 2px;}
.index-pic ul li a .sbot div,
.index-pic ul li a .sbot span{display: inline-block; border: 0px; text-align: center; width: 200px;}
.index-pic ul li a .sbot span.span2{font-size: 14px; color: #e1e1e1;}
.index-pic ul li a .sbot img{width: 50px; height: 50px; float: left; margin-right: 10px;}
.index-pic ul li a.height185{height: 185px;}
.mt2{margin-top: 2px;}
/* 热门游戏 */
.picScroll-left{overflow: hidden; position: relative;}
.idx-title{height: 30px; border-left: 4px solid #d71b1b; padding: 0 0 0 10px; font-size: 18px; font-family: "微软雅黑"; font-weight: bold; color: #333333; height: 20px; line-height: 20px; position: relative;}
.idx-title p{background: #fff; display: inline-block; position: relative; z-index: 2; padding-right: 10px;}
.idx-title a{float: right; margin-right: -10px; background: #fff; display: block; font-size: 12px; color: #d71b1b; position: relative; z-index: 9; padding: 0 5px;}
.idx-title hr{position: absolute; background: #f0f0f0; width: 99%; height: 1px; border: 0px; top: 10px;}
.picScroll-left .hd .prev,
.picScroll-left .hd .next{display: block; width: 30px; height: 65px; float: right; margin-right: 5px; margin-top: 10px; overflow: hidden; position: absolute; z-index: 99; cursor: pointer; background: url(/top/images/all-bg.png?v=d9c4f393) no-repeat -393px -166px; top: 82px; left: -5px;}
.picScroll-left .hd .next{background-position: -393px -100px; right: 0px; left: auto;}
.picScroll-left .hd .prevStop{background-position: -60px 0;}
.picScroll-left .hd .nextStop{background-position: -60px -50px;}
.picScroll-left .hd ul{float: right; overflow: hidden; zoom: 1; margin-top: 5px; zoom: 1; background: #fff; position: relative; z-index: 2;}
.picScroll-left .hd ul li{float: left; width: 9px; height: 9px; overflow: hidden; margin-right: 5px; text-indent: -999px; cursor: pointer; border-radius: 20px; background: #cbcbcb; width: 10px; height: 10px;}
.picScroll-left .hd ul li.on{background: #d71b1b;}
.picScroll-left .hd .pageState{display: none;}
.picScroll-left .bd{padding: 10px 0;}
.picScroll-left .bd ul{overflow: hidden; zoom: 1;}
.picScroll-left .bd ul li{margin: 0 16px 0 0; float: left; _display: inline; overflow: hidden; text-align: center; position: relative;}
.picScroll-left .bd ul li .pic{text-align: center;}
.picScroll-left .bd ul li .pic img{width: 318px; height: 190px; display: block;}
.picScroll-left .bd ul li .pic a:hover canvas{border-color: #999;}
.picScroll-left .bd ul li .title{line-height: 24px; position: absolute; top: 0px; left: 0px; width: 278px; height: 140px; color: #fff; padding: 50px 20px 0;}
.picScroll-left .bd ul li .title canvas{width: 90px; height: 90px; border-radius: 5px; display: inline-block; vertical-align: middle; margin-right: 10px;}
.picScroll-left .bd ul li .title div{display: inline-block; vertical-align: middle; font-size: 14px; text-align: left; width: 140px;}
.picScroll-left .bd ul li .pic{opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
.picScroll-left .bd ul li .title{background-color: rgba(249, 168, 51, 0); opacity: 0; position: absolute; top: 0px; left: 0px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5);}
.picScroll-left .bd ul li:hover .pic{opacity: 1; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5);}
.picScroll-left .bd ul li:hover .title{background-color: rgba(249, 168, 51, 0.8); opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.idx-banner1{width: 996px; height: 90px; display: block; margin: -8px auto 0; background: url('/top/images/ban-bg.png') no-repeat; padding: 15px 15px 10px;margin-left: -12px;}
.idx-banner1 img{width: 990px; height: 82px;}
/* 热门活动 */
.hot-act{width: 260px; float: left; margin-top: 20px; margin-right: 20px;}
.index-hot-left li .hot-left-img{width: 260px; height: 130px; margin-top: 20px; float: left; position: relative; overflow: hidden;}
.index-hot-left li .hot-left-img img{width: 100%; height: 100%;}
.index-server .ranking-game-btn{top: 7px;}
.f-link{padding: 10px 0; margin-top: 10px; border-top: 1px solid #e4e4e4;}
.f-link a{margin-left:12px; display: inline-block; text-align: center; font-size: 12px; color: #666666; line-height: 24px;}
.f-link a:hover{color: #d71b1b;}
.right-nav{position: fixed; _position: absolute; left: 50%; margin-left: 560px; z-index: 99999; display: none; opacity: 0;top: 380.5px !important;}
.right-nav li{background-color: #ffffff; margin-bottom: 2px; width: 50px; height: 50px; background-image: url(/top/images/r-nav-icon.png?v=43d2aecf); background-repeat: no-repeat; -webkit-transition: background 0.2s ease;}
.right-nav li:hover{width: 100px;}
.right-nav li a{display: block; width: 50px; height: 50px;}
.right-nav li:hover a{display: block; width: 100px; height: 50px;}
.right-nav li.li1{background-position: 6px 0}
.right-nav li.li2{background-position: 6px -51px}
.right-nav li.li3{background-position: 6px -102px}
.right-nav li.li4{background-position: 6px -153px}
.right-nav li.li5{background-position: 6px -204px}
.right-nav li.li6{background-position: 6px -255px}
.right-nav li.li7{background-position: 6px -306px}
.right-nav li.li8{background-position: 6px -357px}
.right-nav li.li9{background-position: 6px -408px}
.right-nav li.li10{background-color: #666666; background-position: 6px -459px}
.right-nav li.li1:hover{background-position: -44px 0}
.right-nav li.li2:hover{background-position: -44px -51px}
.right-nav li.li3:hover{background-position: -44px -102px}
.right-nav li.li4:hover{background-position: -44px -153px}
.right-nav li.li5:hover{background-position: -44px -204px}
.right-nav li.li6:hover{background-position: -44px -255px}
.right-nav li.li7:hover{background-position: -44px -306px}
.right-nav li.li8:hover{background-position: -44px -357px}
.right-nav li.li9:hover{background-position: -44px -408px}
.right-nav li.li10:hover{background-color: #666666; background-position: -44px -459px}