body, html, ul, ol, li, h1, h2, h3, h4,p{margin:0; padding: 0;}
body::-webkit-scrollbar, .m_download::-webkit-scrollbar,.scroll-style::-webkit-scrollbar,.giftPop::-webkit-scrollbar{ width: 9px; height: 9px;}
body::-webkit-scrollbar-button:vertical, body::-webkit-scrollbar-button:horizontal,.m_download::-webkit-scrollbar-button:vertical,.scroll-style::-webkit-scrollbar-button:vertical,.giftPop::-webkit-scrollbar-button:vertical { display: none;}
body::-webkit-scrollbar-track-piece,.m_download::-webkit-scrollbar-track-piece,.scroll-style::-webkit-scrollbar-track-piece,.giftPop::-webkit-scrollbar-track-piece{ background: #f0f0f0;}
body::-webkit-scrollbar-thumb:vertical, body::-webkit-scrollbar-thumb:horizontal,.m_download::-webkit-scrollbar-thumb:vertical,.scroll-style::-webkit-scrollbar-thumb:vertical,.giftPop::-webkit-scrollbar-thumb:vertical { background-color: #b0b0b0; border-radius: 5px;}
body::-webkit-scrollbar-thumb:vertical, body::-webkit-scrollbar-thumb:horizontal:hover,.m_download::-webkit-scrollbar-thumb:vertical:hover,.scroll-style::-webkit-scrollbar-thumb:vertical:hover,.giftPop::-webkit-scrollbar-thumb:vertical:hover { background-color: #999;}

body{font-size: 12px; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif; color: #333; background: #f0f0f5;}
a{text-decoration: none; color: #333;}
a:hover{color: #237ded;}
a:visited{}
.block{display: block;}

.main-box{width: 100%; height: 100%; top: 0; }
.main-content{width: 1230px; height: 100%; margin: 0 auto; }
.detail-iframe-box .body-mask{background: #eee; opacity: 0.85; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none;}
.detail-close-btn{position: absolute; left: 50%; margin-left: 400px; top: 30px; text-decoration: none; color: #222; font-size: 20px; height: 30px; width: 30px; line-height: 30px; text-align: center; z-index: 102;}
.detail-iframe-box{position: fixed; display: none; width: 100%; height: 100%; top: 0; bottom: 0; overflow: auto; z-index: 100;}
.detail-iframe-inner{position: relative; width: 100%; top: 0; bottom: 0; padding: 20px 0;}
.detail-iframe{min-height: 1000px; width: 880px; box-shadow:0 0 4px 1px #bbb; border:1px #bcbcbc solid; margin: 0 auto; display: block; position: relative; z-index: 101;}
.show-detail{overflow: hidden;}
.show-detail .detail-iframe-box, .show-detail .body-mask{display: block;}

.appHoverBox{position: absolute; left: 0; top: 0;}
.comEventApp a.btn-disabled, .comEventApp a.btn-disabled:link,
.comEventApp a.btn-disabled:hover, .comEventApp a.btn-disabled:active,
.det-btn-gift-box .giftBtn a.btn-disabled, .det-btn-gift-box .giftBtn a.btn-disabled:link,
.det-btn-gift-box .giftBtn a.btn-disabled:hover, .det-btn-gift-box .giftBtn a.btn-disabled:active{
    color: #adadad; background: #fff; border-color: #e7e7e7; cursor: default;}

.page-loading{height: 30px; line-height: 30px; padding: 300px 0; width: 300px; margin: 0 auto; text-align: center; display: none;}
.page-loading img{vertical-align: middle;}

/*全局广告*/
.popad-div{display: none;}
.popad-box{z-index: 10000; position: fixed; top: 50%; left: 50%; width: 400px; margin-left: -200px; height: 200px; margin-top: -100px; }
.popad-box img{width: 100%;}
.popad-box .popad-close{position: absolute; height: 40px; width: 40px; right: -20px; top: -20px; background: url('//img1.sj.qq.com/res/static/m5/20150402/pack/app/img/common/style-new.png') -75px 4px; }
.popad-box .popad-close:hover{background-position: -118px 4px; }
.popad-box .popad-close:active{background-position: -161px 4px; }
.popad-mask{z-index: 9999; position: fixed; top:0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.2; }

/*二维码弹出层*/
.pop-alert{border:1px #a5a5a5 solid; color: #333; width: 355px; font-size: 14px; background: #fff; position: fixed; left: 50%; top: 50%; margin: -120px 0 0 -177px; z-index: 1000; box-shadow: 0 0 10px 2px #ddd; }
.pop-alert-header{height: 34px; border-bottom: 1px #dcdce0 solid; line-height: 34px; overflow: hidden; background: #f0f0f5;}
.pah-title{margin-left: 14px; float: left; cursor: default;}
.pah-close{width: 34px; height: 34px; line-height: 34px; text-align: center; font-size: 19px; float: right; display: inline-block;}
.pop-alert-body{height: 130px; text-align: center; overflow: hidden;}
.pop-alert-body .pab-qrcode{width: 100px; }
.pab-title{ text-align: center; margin: 37px 5px 8px 5px; color: #777777; }
.pab-title span{color:#333; display: inline-block; max-width: 140px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
.pop-alert-footer{height: 62px; border-top: 1px #e6e6eb solid; overflow: hidden; background: #f7f9fc;}
.paf-left, .paf-right{float: left; line-height: 38px; margin-left: 20px;}
.paf-left a{color: #333; }
.paf-left a:hover{text-decoration: underline;}
.paf-right{float: right; margin-right: 15px;}
.paf-right a{color: #2871d5; }
.paf-right a:hover{color: #358aff;}

.connect-guide{width: 565px; margin: -170px 0 0 -282px;}
.connect-guide .paf-other{position: absolute; bottom: 31px; right: 13px; z-index: 1001; display: none; background: url('//img1.sj.qq.com/res/static/m5/20150402/pack/app/img/common/qrcode-bg.png') no-repeat; height: 106px; padding: 9px;}
.connect-guide .paf-other .pab-qrcode{width: 100px;}

.connect-guide .pop-alert-header{height: 55px; line-height: 55px;}
.connect-guide .pah-close{font-size: 24px; height: 55px; width: 50px;}
.connect-guide .pah-close:before{background: linear-gradient(to bottom, #a5a5a5, #ebebeb); width: 1px; height: 55px; content:"\200B"; display: inline-block; margin-right: 16px;}
.connect-guide .pah-title{font-size: 18px; color: #666666; }
.connect-guide .pab-title{color: #333; margin-bottom: 29px; font-size: 18px;}
.connect-guide .pop-alert-body{ height: 229px;}


/*大首页*/
li{list-style: none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{_height:1%;}
.textover{text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.left{float: left;}
.right{float: right;}
.hide{display: none;}

.wrapper{ width: 1190px; margin: 15px auto; color: #333; padding-bottom: 50px;}

.icon-bg{background: url('../images/icons.png') no-repeat;}
.tab-header{ height: 38px; line-height: 38px; overflow: hidden; background-position: -280px 3px;}
.tab-header h4{line-height: 14px; font-size: 14px; line-height: 38px; float: left; margin-left: 36px; font-weight: normal; cursor: default;}
.tab-header .more, .tbr-smallbox-yue .more{color: #999; font-size: 12px; background-position: 23px -371px; float: right; padding-right: 25px; display: inline-block;}
.tab-header .more:hover, .tbr-smallbox-yue .more:hover{color: #888888;}
.border-box{ border:1px solid #e6e6eb; background: #fff;}
.wrapper .app-icon{width: 70px; height: 70px;}

.ptr-star{background: url('../images/style-new.png?t=1') no-repeat 0 -12px; height: 9px; width: 55px; float: left; overflow: hidden;}
.ptr-star div{background: url('../images/style-new.png?t=1') no-repeat 0 -1px; height: 9px; width: 0;}
.ptr-star-red{background-position: 0 -36px;}
.ptr-star-red div{background-position: 0 -25px;}

/*tab栏背景icon*/
.icon-cgame{background-position: -280px -28px;}
.interest-box .tab-header{background-position: -280px -59px;}
.app-box .app-box-l .tab-header{background-position: -280px -91px;}
.app-box .app-box-m .tab-header{background-position: -280px -121px;}
.app-box .app-box-r .tab-header{background-position: -280px -153px;}
.game-box .app-box-l .tab-header{background-position: -280px -183px;}
.game-box .app-box-m .tab-header{background-position: -280px -216px;}
.game-box .app-box-r .tab-header{background-position: -280px -249px;}
.subject-box .tab-header{background-position: -280px -311px;}

/*左侧分类导航*/
.top-box{overflow: hidden;}
.top-box-left{float: left; width: 230px;}
.tbl-header{height: 37px; line-height: 37px; border-bottom: 1px solid #e6e6eb;}
.tbl-content{ border-bottom: 1px solid #e6e6eb;}
.tbl-content li{float: left; width: 111px; height: 42px; line-height: 42px;}
.tbl-content li i{height: 18px; width: 18px; display: inline-block; float: left; margin: 11px 10px 0 20px;}
.tbl-content li a{display: block;}
/*应用分类图标*/
.icon-itencent{background-position: -12px -12px;}
.icon-ivideo{background-position: -78px -12px;}
.icon-ishop{background-position: -12px -51px;}
.icon-iread{background-position: -78px -51px;}
.icon-ichat{background-position: -12px -92px;}
.icon-iphoto{background-position: -78px -92px;}
.icon-itool{background-position: -12px -132px;}
.icon-ips{background-position: -78px -132px;}
.icon-imusic{background-position: -12px -172px;}
.icon-inews{background-position: -78px -172px;}
a:hover .icon-itencent{background-position: -46px -12px;}
a:hover .icon-ivideo{background-position: -112px -12px;}
a:hover .icon-ishop{background-position: -46px -51px;}
a:hover .icon-iread{background-position: -112px -51px;}
a:hover .icon-ichat{background-position: -46px -92px;}
a:hover .icon-iphoto{background-position: -112px -92px;}
a:hover .icon-itool{background-position: -46px -132px;}
a:hover .icon-ips{background-position: -112px -132px;}
a:hover .icon-imusic{background-position: -46px -172px;}
a:hover .icon-inews{background-position: -112px -172px;}
/*游戏分类图标*/
.icon-ifun{background-position: -143px -12px;}
.icon-inet{background-position: -210px -12px;}
.icon-iaction{background-position: -143px -51px;}
.icon-icard{background-position: -210px -51px;}
.icon-ifly{background-position: -143px -92px;}
.icon-istrategy{background-position: -210px -92px;}
.icon-irole{background-position: -143px -132px;}
.icon-isport{background-position: -210px -132px;}
a:hover .icon-ifun{background-position: -177px -12px;}
a:hover .icon-inet{background-position: -244px -12px;}
a:hover .icon-iaction{background-position: -177px -51px;}
a:hover .icon-icard{background-position: -244px -51px;}
a:hover .icon-ifly{background-position: -177px -92px;}
a:hover .icon-istrategy{background-position: -244px -92px;}
a:hover .icon-irole{background-position: -177px -132px;}
a:hover .icon-isport{background-position: -244px -132px;}
/*礼包/必备/排行*/
.tbl-other .tbl-content{border: 0; }
.tbl-other .icon-bg{width: 42px; height: 42px; margin: 20px auto 0 auto;}
.tbl-other .tbl-content li{width: 33.3%; height: 98px;}
.tbl-other .icon-text{text-align: center; color: #666; font-size: 12px; line-height: 26px;}
.icon-igift{background-position: -22px -213px;}
.icon-inecessary{background-position: -96px -213px;}
.icon-irank{background-position: -170px -213px;}
a:hover .icon-igift{ background-position: -22px -267px;}
a:hover .icon-inecessary{background-position: -96px -267px;}
a:hover .icon-irank{background-position: -170px -267px;}

/*大banner*/
.top-box-right{float: right; width: 950px;}
.tbr-top{overflow: hidden;}
.tbr-bigbox{position: relative; float: left; margin-left: 1px; width: 708px; height: 238px; border:1px #e9e9ee solid;}
.tbr-bigbox, .cslide-box .slide-item{overflow: hidden;}
.cslide-box{overflow: hidden; width: 8000px; position: absolute; left: 0;}
.cslide-box .slide-item{float: left; position: relative; width: 710px; height: 240px;}
.cslide-box .slide-item img{width: 100%; height: 100%;}
.tbr-bigbox-flag{overflow: hidden; position: absolute; bottom: 10px; left: 10px;}
.tbr-bigbox-flag li{width: 18px; height: 8px; float: left; margin-right: 3px; background: #adaca8; box-shadow: 0 0 1px #000;}
.tbr-bigbox-flag .cur{background: #2e9dff;}
.cslide-box .down-btn,.green-box .down-btn{position: absolute; border: 0; right: 10px; bottom: 10px; width: 94px; height: 34px; line-height: 34px; text-align: center; border-radius: 2px; background: #5ac65c; color: #fff; font-size: 14px;}
.cslide-box .down-btn:hover,.green-box .down-btn:hover{background: #00c249; color: #fff;}
.cslide-box .down-btn:active,.green-box .down-btn:active{background: #239c51; color: #fff;}

/*小banner*/
.tbr-smallbox{float: right; position: relative;}
.tbr-smallbox-con, .tbr-smallbox-yue{ width: 230px; height: 240px; position: relative; color: #fff; overflow: hidden; background:url('../images/small-banner-bg.png') no-repeat; background-size: 100% 100%;}
.tbr-smallbox-con .app-icon{width: 80px; height: 80px; margin: 36px auto 0 auto; border-radius: 10px; overflow: hidden;}
.tbr-smallbox-con .app-name{height: 38px; line-height: 38px; font-size: 16px; text-align: center;}
.tbr-smallbox-con .down-btn, .tbr-smallbox-yue .down-btn{ margin: 0 auto; background: #5ac65c; width: 80px; height: 28px; line-height: 28px; border: 0; color: #fff;}
.tbr-smallbox-con .down-btn:hover, .tbr-smallbox-yue .down-btn:hover{background: #00c249; color: #fff;}
.tbr-smallbox-con .down-btn:active, .tbr-smallbox-yue .down-btn:active{background: #239c51; color: #fff;}
.tbr-smallbox-con .title-bar{margin: 11px 4px 0 10px; height: 16px; line-height: 16px;}
.tbr-smallbox-con .ptr-change{ background-position: 40px -402px; padding-right: 15px; display: block; width: 50px; text-align: center; float: right; color: #fff;}
.tbr-smallbox-con .title-text{float: left; font-size: 14px; cursor: default;}

/*预约模块*/
.tbr-smallbox-yue{width: 202px; height: 212px; border:1px #e9e9ee solid; background: #fff; color: #333; padding: 13px;}
.tbr-smallbox-yue .more{height: 23px; line-height: 23px; position: absolute; right: 0; top: 12px; background-position: 23px -378px;}
.tbr-smallbox-yue .yue-info{height: 32px; line-height: 32px; text-align: center; cursor: default; color: #999;}
.tbr-smallbox-yue .yue-info span{color: #ff7f00;}
.tbr-smallbox-yue .down-btn{height: 36px; line-height: 36px; font-size: 14px; width: 100%;}
.tbr-smallbox-yue .disabled-btn, .tbr-smallbox-yue .disabled-btn:hover, .tbr-smallbox-yue .disabled-btn:active{background: #fff; border:1px #ebebeb solid; color: #ccc; height: 30px; line-height: 30px; cursor: default;}
.tbr-smallbox-yue .app-icon{width: 70px; height: 70px; margin: 32px auto 7px auto;}
.tbr-smallbox-yue .app-info{height: 26px; line-height: 26px; font-size: 14px; text-align: center;}
.tbr-smallbox-yue .app-info .desc{display: inline-block;}
.tbr-smallbox-yue .app-info .name{display: none;}
.tbr-smallbox-yue .video-box{display: none;}

.tbr-smallbox-yuev .app-icon{height: 40px; width: 40px; float: left; margin:0;}
.tbr-smallbox-yuev .app-info{float: left; margin-left: 10px; text-align: left; width: 110px;}
.tbr-smallbox-yuev .app-info .name{font-size: 14px; line-height: 22px; display: block;}
.tbr-smallbox-yuev .app-info .desc{font-size: 12px; color: #999; line-height: 19px; display: block;}
.tbr-smallbox-yuev .video-box{position: relative; height: 90px; margin-top: 13px; display: block;}
.tbr-smallbox-yuev .video-box img{width: 100%; height: 100%;}
.tbr-smallbox-yuev .video-mask{display: block; background: url('../images/play-btns.png') no-repeat center center rgba(0,0,0,0.25); position: absolute; left: 0; right: 0; top: 0; bottom: 0;}

/*精品应用/精品游戏*/
.tbr-bottom{margin-top: 9px;}
.tbrb-recomm{overflow: hidden; border: 1px #e9e9ee solid; position: relative; background: #fff; height: 158px;}
.tbrb-con-l{width: 104px; padding-top: 17px; height: 141px; border-right: 1px solid #e6e6eb; float: left;}
.tbrb-con-l a{display: block;}
.tbrb-con-l li{height: 41px; line-height: 41px; cursor: pointer; text-align: center; font-size: 14px; color: #666;}
.tbrb-con-l .cur{color: #288be1; font-weight: bold;}
.tbrb-rcgame{margin-top: 8px;}
.tbrb-con-l .icon-bg{width: 40px; height: 40px; margin: 40px auto 10px auto;}
.tbrb-con-l .icon-ircapp{background-position: -24px -323px;}
.tbrb-con-l .icon-ircgame{background-position: -98px -323px;}
.tbrb-con-l .icon-text{text-align: center; width: 30px; margin: 0 auto;}
.tbrb-recomm .arrow{ position: absolute; top: 31px; left: 91px; border-width: 7px; border-style: solid; border-color: transparent #e6e6eb transparent transparent; }
.tbrb-recomm .arrow-f{ position: absolute; top: -7px; left: -7px; border-width: 7px; border-style: solid; border-color: transparent #cdcfd1 transparent transparent; }
.tbrb-con-r{float: right; }
.tbrb-con-r ul{height: 158px;}

/*新奇应用*/
.interest-box{ margin-top: 18px;}
.interest-box .tab-header{border: 1px #e6e6eb solid; background-color: #fff;}
.tab-header-sub{margin-left: 30px; float: left;}
.tab-header-sub li{float: left; padding: 0 25px; cursor: pointer; height: 35px; }
.tab-header-sub .cur,.tab-header-sub li:hover{border-bottom: 3px #288be1 solid;}
.interest-box .tab-content-box{position: relative; height: 205px;}
.interest-box .tab-content{margin: 10px 0 0 -10px; display: none; position: absolute; }
.interest-box .tab-content-box .cur{display: block;}
.int-box-item{float: left; cursor: pointer; position: relative; background: #fff; border:1px #e6e6eb solid; width: 288px; height: 203px; overflow: hidden; margin-left: 10px;}
.int-box-item:hover{border-color: #5ac65c; box-shadow: 0 0 2px #bfd9c0;}
.int-box-item .int-box-img{width: 100%; height: 142px; vertical-align: top;}
.int-box-item .app-icon{float: left; width: 80px; height: 80px; margin: 31px 15px 0 40px;}
.int-box-item .int-box-name{float: left; margin-top: 42px; width: 150px;}
.int-box-item .int-box-name .app-name{font-size: 18px;}
.int-box-item .int-box-name .editor-intro{width: 100px; height: 35px; line-height: 16px; overflow: hidden; margin-top: 5px; font-size: 14px;}
.int-box-item .desc-box{position: absolute; color: #fff; top: -142px; left: 0; bottom: 0; right: 0; width: 100%; height: 142px; cursor: pointer; background: #575757; background: rgba(0, 0, 0, 0.66);}
.int-box-item .desc-box .app-desc{padding: 16px 18px; line-height: 20px; height: 66px; overflow: hidden; display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.int-box-item .app-box{height: 51px; margin: 12px 0 0 0; position: relative; }
.int-box-item .app-box .app-icon{height: 40px; width: 40px; margin: 0 14px 0 13px;}
.int-box-item .app-box .app-info{float: left; width: 130px;}
.int-box-item .app-box .app-name{height: 22px; line-height: 22px;}
.int-box-item .app-box .down-btn{position: absolute; right: 13px; bottom: 19px;}

/*应用模块*/
.app-info .app-instednum{color: #999;}
.app-info .app-instednum span{color: #ff7f00; }

.app-box{margin-top: 19px;}
.app-box-l{float: left; width: 230px;}
.app-box-m{float: left; width: 711px; height: 431px; margin-left: 7px; overflow: hidden;}
.app-box-r{float: right; width: 229px;}

.tab-rank{height: 393px; overflow: hidden;}
.tab-rank li{overflow: hidden; margin-top: 18px; position: relative; cursor: pointer;}
.tab-rank .num{float: left; width: 20px; height: 26px; margin-left: 30px; color: #666; font-size: 23px; font-family: Sans-Serif; text-indent: -1000px; background-position: -72px -425px;;}
.tab-rank .num2{ background-position: -95px -425px;;}
.tab-rank .num3{ background-position: -119px -425px;;}
.tab-rank .num4{ background-position: -143px -425px;;}
.tab-rank .num5{ background-position: -168px -425px;;}
.tab-rank .num6{ background-position: -192px -425px;;}
.tab-rank .app-icon{float: left; width: 40px; height: 40px;}
.tab-rank .app-info{float: right; width: 116px; margin-right: 10px;}
.tab-rank .app-info .app-star{overflow: hidden; margin-top: 8px;}
.tab-rank .app-info .app-name{font-size: 14px; height: 18px; line-height: 18px; margin-bottom: 3px;}
.tab-rank .app-star, .tab-rank .down-btn{display: none;}
.tab-rank .app-hover .app-info{margin-top: 6px;}
.tab-rank .app-hover .num{display: none;}
.tab-rank .app-hover .app-name{font-size: 16px;}
.tab-rank .app-hover .app-instednum{margin-top: 8px;}
.tab-rank .app-hover .app-icon{width: 70px; height: 70px; margin-left: 20px;}
.tab-rank .app-hover .app-star, .tab-rank .app-hover .down-btn{display: block;}
.tab-rank .app-hover .down-btn{position: absolute; height: 28px; width: 28px; right: 12px; top: 40px; background-position: -76px -384px; border: 0; text-indent:-1000px;}
.tab-rank .app-hover .down-btn:hover{background: url('../images/icons.png') no-repeat -121px -384px;}
.tab-rank .app-hover .btn-disabled, .tab-rank .app-hover .btn-disabled:hover{ background: url('../images/icons.png') -166px -384px;}
.tab-rank-box .tab-rank-bs, .tab-rankbs-box .tab-rank-app{display: none;}
.tab-header-l{float: left; margin-left: 6px;}
.tab-header-l li{float: left; padding: 10px 7px 4px 7px; line-height: 20px; cursor: pointer; font-size: 14px; margin-right: 10px;}
.tab-header-l .cur{border-bottom: 3px #288be1 solid;}
.tab-rankbs-box .tab-rank-bs{display: block;}


/*最热应用*/
.tab-hotapp{margin-right: -5px;}
.tab-hotapp li{width: 197px; height: 129px; float: left; padding: 0 19px; border: 1px #fff solid; cursor: pointer;}
.tab-hotapp li:hover{border-color: #5ac65c; box-shadow: 0 0 2px #bfd9c0;}
.tab-hotapp li .app-title{height: 39px; line-height: 39px; font-size: 16px; }
.tab-hotapp li .app-title span{color: #ff7f00; margin-left: 5px;}
.tab-hotapp li .app-icon{float: left;}
.tab-hotapp li .app-name{height: 20px; font-size: 14px;}
.tab-hotapp li .app-info{float: right; width: 100px; margin-right: 13px; line-height: 20px;}
.tab-hotapp li .down-btn{margin-top: 5px;}
.app-title{color: #666;}
.app-title img{width: 20px; height: 20px; float: left; margin: 10px 6px 0 0; border-radius: 30px;}


/*应用礼包*/
.gift-content .block{padding: 10px; }
.gift-content, .hotapp-content{border: 1px #fff solid; cursor: pointer;}
.gift-content:hover, .hotapp-content:hover{border-color: #5ac65c; box-shadow: 0 0 2px #bfd9c0;}
.gift-img{cursor: pointer;}
.gift-img img{width: 100%; height: 100%; height: 114px;}
.gift-content .app-info{margin-top: 12px; cursor: pointer;}
.gift-content .app-icon{width: 40px; height: 40px; float: left;}
.gift-content .app-name{margin: 10px 0 0 10px; width: 76px; height: 20px; line-height: 20px; float: left; font-size: 14px;}
.gift-content .down-btn{margin:10px 0 0 10px; float: left;}
.gift-content .gift-desc{color: #1fb135; text-align: left; margin-top: 10px;}
.hotapp-content{border-top: 1px #e6e6eb solid; overflow: hidden;}
.hotapp-content .tabx-header{font-size: 16px; line-height: 25px; color: #666; padding: 12px 0 0 20px;}
.hotapp-content .app-item{ cursor: pointer; padding: 10px 19px 20px 19px;}
.hotapp-content .app-icon{float: left;}
.hotapp-content .app-info{float: left; margin-left: 10px; width: 100px;}
.hotapp-content .app-name{font-size: 16px; height: 26px; line-height: 26px;}
.hotapp-content .ptr-star{margin: 3px 0 8px 0; float: none;}
.hotapp-content .down-btn{margin-top: 13px;}

/*专题速递*/
.subject-box{background: #fff; margin-top: 20px; position: relative;}
.subject-content{ margin: 10px -10px 10px 10px;}
.subject-item-box:hover .subject-bg{ border: 2px solid #5ac65c;}
.subject-item{position: relative; float: left; margin-right: 8px; width: 384px; height: 250px;}
.subject-item .subject-bg{ border: 2px solid #fff; background-size:100% 100%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.subject-item .app-icon{float: left; width: 50px; height: 50px; margin-left: 10px; border-radius: 10px; overflow: hidden;}
.subject-item ul{position: relative; margin-top: 15px;}
.subject-item .title-bar{position: relative; color: #fff; margin: 157px 10px 0 10px; height: 18px; line-height: 18px;}
.subject-item .title-bar .title{float: left; font-size: 16px; font-weight: bold; width: 270px; height: 18px; }
.subject-item .title-bar .info{float: right;}
.subject-item .subject-mask{background: url('../images/subject-mask.png') repeat-x; height: 119px; position: absolute; left: 2px; right: 2px; bottom: 2px;}
.subject-app-hover{display: none; position: absolute; cursor: default; bottom: -56px; left: 0; width: 80px; height: 42px; padding: 10px 5px; border: 1px #5ac65c solid; box-shadow: 0 0 3px #5ac65c; background: #fff; text-align: center;}
.subject-app-hover .app-name{height: 22px; line-height: 22px; width: 100%; font-size: 16px; margin-bottom: 5px;}
.subject-app-hover .arrow{position: absolute; top: -14px; left: 25px; border-width: 7px; border-style: solid; border-color: transparent  transparent #5ac65c transparent}
.subject-app-hover .arrow-f{position: absolute; top: -6px; left: -7px; border-width: 7px; border-style: solid; border-color: transparent transparent #fff transparent;}

/*好友在玩*/
.friend-box{margin-top: 18px; display: none;}
.friend-content{height: 184px;}
.friend-content .login-box{width: 238px; float: left; position: relative;}
.friend-content .login-box img{margin: 22px auto 15px; display: block;}
.friend-content .login-box .desc{color: #666; font-size: 14px; text-align: center; height: 20px; line-height: 20px; }
.friend-content .login-box .login-btn{width: 66px; height: 28px; line-height: 28px; text-align: center; position: absolute; top: 108px; left: 86px; background: #5ac65c; color: #fff; display: block;}
.friend-content .login-box .login-btn:hover{background: #00c249; color: #fff;}
.friend-content .login-box .login-btn:active{background: #239c51; color: #fff;}
.friend-content .friend-content-apps{float: left; margin-right: -20px;}
.friend-apps-item{float: left; width: 195.7px; padding: 0 20px 14px 20px; border: 1px #fff solid; cursor: pointer;}
.friend-apps-item:hover{border-color: #5ac65c; box-shadow: 0 0 2px #bfd9c0;}
.friend-apps-item .app-title{height: 62px; line-height: 62px; font-size: 14px;}
.friend-apps-item .app-title span{float: left; color: #3ebc40; display: inline-block; max-width: 60px; margin-right: 3px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.friend-apps-item .app-icon{float: left;width: 70px;  height: 70px;}
.friend-apps-item .app-info{float: left; margin-left: 14px; line-height: 23px; width: 105px;}
.friend-apps-item .app-info .app-name{height: 23px; font-size: 16px;}
.friend-apps-item .app-info .ptr-star{margin: 5px 0;}
.friend-apps-item .app-info .app-cate{display: block; float: none; clear: both;}
.friend-apps-item .down-btn{margin-top: 12px; }
.friend-apps-item .app-title img{width: 30px; height: 30px; margin: 16px 10px 0 0;}
.friend-apps-item .app-title .m{max-width: 110px;}


/*装机必备*/
.necessary-box{/*height: 343px; */background: #fff; margin-bottom: 17px; position: relative; height: 0; display: none; overflow: hidden;}
.necebox-left{float: left; margin: 26px 0 0 66px;}
.necebox-content{width: 800px; float: left; margin:12px 0 0 25px;}
.necebox-content .item-simple{margin-left: 10px;}
.necebox-img{display: block;}
a.necebox-install-btn{display: block; font-size: 16px; width: 272px; height: 50px; line-height: 50px; text-align: center; background: #5ac65c; color: #fff; margin-top: 4px;}
a.necebox-install-btn i{display: inline-block; height: 18px; width: 18px; margin-right: 8px; background-position: -4px -428px; vertical-align:middle;}
a.necebox-install-btn:hover{background: #60d662;}
a.necebox-install-btn:active{background: #3ebc40;}
.necessary-box .necebox-close{height: 25px; width: 25px; line-height: 25px; font-size: 22px; color: #999; text-align: center; position: absolute; right: 12px; top: 12px;}
.necessary-box .necebox-close:hover{color: #b0b0b0;}
.necessary-box .necebox-close:active{color: #888888;}
/*必备迷你*/
.necebox-min-left, .necebox-min-btn{display: none;}
.necessary-min-box{height: 76px;}
.necessary-min-box .necebox-left{display: none;}
.necessary-min-box .item-simple, .necessary-min-box .item-simple .app-icon{height: 40px; width: 40px; margin:0;}
.necessary-min-box .item-simple{padding: 7px 6px; margin: 9px 0;}
.necessary-min-box .item-simple .app-name, .necessary-min-box .item-simple .down-btn{display: none;}
.necessary-min-box .necebox-content{margin: 0; width: 680px;}
.necessary-min-box .necebox-min-left{display: block; width: 204px; margin:14px 0 0 40px; color: #3475ad; font-size: 16px; height: 44px; line-height: 22px; float: left; cursor: default;}
.necessary-min-box .necebox-min-btn{display: block; float: right; margin: 15px 20px 0 0;}
.necessary-min-box .necebox-min-btn .necebox-install-btn{margin: 0; width: 142px; height: 42px; line-height: 42px; border-radius: 1px; display: block; }
.necessary-min-box .necebox-close{display: none;}

/*应用模板*/
.app-icon{position: relative;}
.app-icon img{width: 100%; height: 100%;}
.icon-mask{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url('../images/mask175.png') no-repeat; background-size:100% 100%;}

.item-simple{overflow: hidden; cursor: pointer; float: left; padding: 0 5px; width: 108px; height: 156px; border: 1px #fff solid;}
.item-simple:hover{border-color: #5ac65c; box-shadow: 0 0 2px #bfd9c0; }
.item-simple .app-icon{width: 70px; height: 70px; margin: 16px auto 0 auto;}
.item-simple .app-icon img{width: 100%; height: 100%;}
.item-simple .app-name{text-align: center; height: 32px; font-size: 14px; line-height: 32px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.item-simple .down-btn{ margin: 0 auto;}
.down-btn{display: block; width: 68px; height: 22px; line-height: 21px; border-radius: 2px; border: 1px #c2c2c2 solid; text-align: center;}
.down-btn:hover{background: #5ac65c; border-color: #5ac65c; color: #fff;}
.btn-disabled, .btn-disabled:link, .btn-disabled:hover, .btn-disabled:active, .btn-disabled:visited{cursor: default; background: #f8f8f8; border: 1px #e0e0e0 solid; box-shadow:none; color: #b8b8b8;}

.pagebox{width: 1230px; margin: 0 auto; overflow: hidden;}

/*排行榜首页*/
.ricon-bg{background: url('../images/rank-icons.png') no-repeat;}
.rank-left{float: left; width: 179px; position: fixed; top: 0; bottom: 0; background: #fff; border-right:1px solid #e3e3e6;}
.rank-left div{line-height: 44px; color: #333; font-size: 14px; cursor: default;}
.rank-left .ricon-bg{display: inline-block; float: left; width: 46px; height: 44px; }
.rank-left .mindex{background-position: 8px -26px;}
.rank-left .msoft{background-position: 8px -72px;}
.rank-left .mgame{background-position: 8px -118px;}
.rank-left .mfriend{background-position: 8px -164px;}
.rank-left ol li a{height: 44px; line-height: 44px; font-size: 14px; color: #666; padding-left: 45px;}
.rank-left li a:hover{color: #237ded;}
.rank-left .cur a{color: #237ded; cursor: default;}
.rank-left a{display: block;}

.rankindex-content{float: left; margin: 19px 0 0 200px; width: 1040px;}

.rankindex-content .down-btn, .rankindex-content .app-hover .down-btn{background: #fff; min-width: 42px; height: 22px; border:1px #c2c2c2 solid; position: absolute; right: 14px; bottom: 13px; top: auto; text-indent: 0;}
.rankindex-content .down-btn:hover, .rankindex-content .app-hover .down-btn:hover{background: #00c249; border-color:#00c249;}
.rankindex-content .down-btn:active, .rankindex-content .app-hover .down-btn:active{background: #239c51; border-color:#239c51; }
.rankindex-content .app-hover .btn-disabled, .rankindex-content .app-hover .btn-disabled:link, .rankindex-content .app-hover .btn-disabled:hover,
.rankindex-content .app-hover .btn-disabled:active, .rankindex-content .app-hover .btn-disabled:visited{cursor: default; background: #f8f8f8; border: 1px #e0e0e0 solid; box-shadow:none; color: #b8b8b8;}

.rankindex-content .btn-disabled, .rankindex-content .btn-disabled:link, .rankindex-content .btn-disabled:hover,
.rankindex-content .btn-disabled:active, .rankindex-content .btn-disabled:visited{cursor: default; background: #f8f8f8; border: 1px #e0e0e0 solid; box-shadow:none; color: #b8b8b8;}


.rankindex-content .tag-num{width: 20px; height: 26px; position: absolute; top: 16px; right: 14px;}
.rankindex-content .tag-num, .rankindex-content .tab-rank .app-hover .tag-num{ background-position: -46px -38px; font-size: 12px; font-weight: bold; color: #fff; font-family: Arial,serif; text-align: center; line-height: 22px; text-indent: 0;}
.rankindex-content .y-tag-num, .rankindex-content .tab-rank .app-hover .y-tag-num{ background-position: -46px -79px;}

.rankindex-content .app-box-l{width: 245px; margin: 0 8px 18px 0; height: 717px;}
.rankindex-content .app-box-lb{height: auto;}
.rankcontent-box-sgrowth .tbl-header{background-position: -113px -28px;}
.rankcontent-box-sdownload .tbl-header{background-position: -113px -61px;}
.rankcontent-box-ggrowth .tbl-header{background-position: -113px -94px;}
.rankcontent-box-gdownload .tbl-header{background-position: -113px -127px;}
.rankcontent-box-friend .tbl-header{background-position: -113px -160px;}
.rankcontent-box-newgame .tbl-header{background-position: -113px -193px;}
.rankcontent-box-singlegame .tbl-header{background-position: -113px -226px;}
.rankcontent-box-netgame .tbl-header{background-position: -113px -259px;}
.rankcontent-box-hot .tbl-header{background-position: -113px -292px;}

.rankindex-content .tab-rank{margin-top: 0; height: auto;}
.rankindex-content .tab-rank .app-hover{border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding:14px 0 13px 0;}
.rankindex-content .tab-rank li{ margin-top: 0; padding: 9px 0; border:1px #fff solid;}
.rankindex-content .tab-rank li:hover{border-color: #5ac65c; box-shadow: 0 0 1px #5ac65c;}
.rankindex-content .tab-rank .app-info{width: 142px;}
.rankindex-content .app-hover .app-icon{margin-left: 14px;}

.rankindex-content .tab-rank .tag-num{ background-position: -80px -55px; text-indent: -1000px;}
.rankindex-content .tab-rank .up{ background-position: -80px -31px;}
.rankindex-content .tab-rank .down{ background-position: -80px -78px;}

.rankindex-content .tab-rank .app-name{width: 116px;}
.rankindex-content .load-more{display: block; color: #999; font-size: 12px; height: 37px; line-height: 37px; border-top: 1px #e6e6e6 solid; text-align: center; background-position: 153px 7px;}
.rankindex-content .load-more:hover{}

.rankindex-content .tab-rank .first{border-top-color: #fff;}
.rankindex-content .tab-rank .end{border-bottom-color: #fff;}
.rankindex-content .tab-rank .num{width: 22px; margin: 0 11px; height: 40px;}
.tab-rank .rnum1{background-position: -46px -112px; }
.tab-rank .rnum2{background-position: -46px -146px; }
.tab-rank .rnum3{background-position: -46px -180px; }
.tab-rank .rnum4{background-position: -46px -214px; }
.tab-rank .rnum5{background-position: -46px -248px; }
.tab-rank .rnum6{background-position: -46px -282px; }
.tab-rank .rnum7{background-position: -46px -316px; }
.tab-rank .rnum8{background-position: -46px -350px; }
.tab-rank .rnum9{background-position: -46px -384px; }
.tab-rank .rnum10{background-position: -46px -418px; }

.rankindex-content .friend-content{height: auto;}
.rankindex-content .friend-box{clear: both; margin-bottom: 18px; width: 1011px; }
.rankindex-content .friend-apps-item{width: 224px; height: 140px; border-top:1px #fff solid; border-left:1px #fff solid; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 0 13px 0 14px; position: relative;}
.rankindex-content .friend-apps-item:hover{border-color: #5ac65c;}
.rankindex-content .friend-apps-item .app-title{height: 58px; line-height: 58px;}
.rankindex-content .app-info .app-instednum{clear: both;}
.rankindex-content .friend-box .more{background-position: 63px 7px;}

/*排行榜分页*/
.rankcontent-box ul{margin-right: -20px;}
.rankpage-content{float: left; margin: 19px 0 0 200px; width: 1012px; min-height: 700px;}

.rankcontent-box .item-simple{width: 223.8px; height: 97px; border-top:1px #fff solid; border-left:1px #fff solid; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 0 13px 0 14px; position: relative;}
.rankcontent-box .item-simple:hover{border-color: #5ac65c;}
.rankcontent-box .item-simple .app-title{height: 62px; line-height: 62px; font-size: 14px;}
.rankcontent-box .item-simple .app-title span{float: left; color: #3ebc40; display: inline-block; max-width: 60px; margin-right: 3px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap;}
.rankcontent-box .item-simple .app-icon{float: left; margin-top: 14px;}
.rankcontent-box .item-simple .app-info{float: left; margin: 15px 0 0 14px; line-height: 23px; width: 105px;}
.rankcontent-box .item-simple .app-info .app-name{height: 23px; font-size: 16px; text-align: left; line-height: 23px;}
.rankcontent-box .item-simple .app-info .ptr-star{margin: 5px 0;}
.rankcontent-box .item-simple .app-info .app-cate{display: block; float: none; clear: both; color: #999; width: 85px;}
.rankcontent-box .item-simple .app-info .app-cate:hover{color: #333;}
.rankcontent-box .item-simple .app-info .app-instednum{clear: both;}
.rankcontent-box-friend .item-simple{height: 141px;}
.rankcontent-box-friend .item-simple .app-title{height: 58px; line-height: 58px;}
.rankcontent-box-friend .item-simple .app-icon, .rankcontent-box-friend .item-simple .app-info{margin-top: 0;}
.rankcontent-box-friend .item-simple .app-title img{width: 30px; height: 30px; margin: 14px 6px 0 0;}

.rankcontent-box .down-btn{width: 42px; height: 22px; border:1px #c2c2c2 solid; position: absolute; right: 14px; bottom: 13px; top: auto;}
.rankcontent-box .down-btn:hover{background: #00c249; border-color:#00c249;}
.rankcontent-box .down-btn:active{background: #239c51; border-color:#239c51; }
.rankcontent-box .btn-disabled, .rankcontent-box .btn-disabled:link, .rankcontent-box .btn-disabled:hover,
.rankcontent-box .btn-disabled:active, .rankcontent-box .btn-disabled:visited{cursor: default; background: #f8f8f8; border: 1px #e0e0e0 solid; box-shadow:none; color: #b8b8b8;}

.rankcontent-box .tag-num{min-width: 20px; height: 26px; position: absolute; top: 16px; right: 14px;}
.rankcontent-box .tag-num{ background-position: -46px -38px; font-size: 12px; font-weight: bold; color: #fff; font-family: Arial,serif; text-align: center; line-height: 22px; text-indent: 0;}
.rankcontent-box .y-tag-num{ background-position: -46px -79px;}
.rankcontent-box .no-tag-num{background: none; color: #999; font-size: 16px; font-weight: normal;}
.rankpage-content .box-footer{height: 37px; line-height: 37px; color: #babac2; font-size: 12px; text-align: center; display: none;}
.rankpage-content .box-footer i{display: inline-block; width: 30px; height: 37px; background-position: -1px -301px; vertical-align: top;}

.rankpage-content .no-login-box{display: none; width: 270px; height: 255px; background: url('../images/user-loginb-bg.png') no-repeat top center; margin: 170px auto 0 auto; overflow: hidden;}
.rankpage-content .no-login-box .login-btn{display: block; width: 86px; height: 30px; line-height: 30px; font-size: 14px; text-align: center; color: #fff; background: #5ac65c; margin: 176px auto 0 auto; border-radius: 2px;}
.rankpage-content .no-login-box .login-btn:hover{background: #00c249; color: #fff;}
.rankpage-content .no-login-box .login-btn:active{background: #239c51; color: #fff;}
.rankpage-content .no-login-box .desc{font-size: 16px; color: #666; text-align: center; height: 20px; line-height: 20px; margin-top: 18px; }
.rankpage-content .no-login-box .no-friend-desc{display: none;}
.rankpage-content .no-friend{background: url('../images/user-nofriend-bg.png') no-repeat top center;}
.rankpage-content .no-friend .login-btn{display: none;}
.rankpage-content .no-friend .no-friend-desc{margin-top: 220px; display: block;}
.rankpage-content .no-friend .no-login-desc{display: none;}
.rankpage-content .hot-tag{display: none}
.cicon-bg{background: url('../images/cicon-bg.png') no-repeat -10px -10px;}
.cicon-itencent{background-position: -80px -10px;}
.cicon-ivideo{background-position: -10px -38px;}
.cicon-imusic{background-position: -80px -38px;}
.cicon-ishop{background-position: -10px -66px;}
.cicon-iread{background-position: -80px -66px;}
.cicon-inav{background-position: -10px -94px;}
.cicon-isocial{background-position: -80px -94px;}
.cicon-iphoto{background-position: -10px -122px;}
.cicon-inews{background-position: -80px -122px;}
.cicon-itool{background-position: -10px -150px;}
.cicon-ips{background-position: -80px -150px;}
.cicon-itech{background-position: -10px -178px;}
.cicon-ilife{background-position: -80px -178px;}
.cicon-imgr{background-position: -10px -206px;}
.cicon-itrip{background-position: -80px -206px;}
.cicon-istock{background-position: -10px -234px;}
.cicon-isystem{background-position: -80px -234px;}
.cicon-ihealth{background-position: -10px -262px;}
.cicon-ifun{background-position: -80px -262px;}
.cicon-ioffice{background-position: -10px -290px;}
.cicon-ichat{background-position: -80px -290px;}
.cicon-igame{background-position: -10px -318px;}

.cate-app-tab li a:hover .cicon-iall{background-position: -38px -10px;}
.cate-app-tab li a:hover .cicon-itencent{background-position: -108px -10px;}
.cate-app-tab li a:hover .cicon-ivideo{background-position: -38px -38px;}
.cate-app-tab li a:hover .cicon-imusic{background-position: -108px -38px;}
.cate-app-tab li a:hover .cicon-ishop{background-position: -38px -66px;}
.cate-app-tab li a:hover .cicon-iread{background-position: -108px -66px;}
.cate-app-tab li a:hover .cicon-inav{background-position: -38px -94px;}
.cate-app-tab li a:hover .cicon-isocial{background-position: -108px -94px;}
.cate-app-tab li a:hover .cicon-iphoto{background-position: -38px -122px;}
.cate-app-tab li a:hover .cicon-inews{background-position: -108px -122px;}
.cate-app-tab li a:hover .cicon-itool{background-position: -38px -150px;}
.cate-app-tab li a:hover .cicon-ips{background-position: -108px -150px;}
.cate-app-tab li a:hover .cicon-itech{background-position: -38px -178px;}
.cate-app-tab li a:hover .cicon-ilife{background-position: -108px -178px;}
.cate-app-tab li a:hover .cicon-imgr{background-position: -38px -206px;}
.cate-app-tab li a:hover .cicon-itrip{background-position: -108px -206px;}
.cate-app-tab li a:hover .cicon-istock{background-position: -38px -234px;}
.cate-app-tab li a:hover .cicon-isystem{background-position: -108px -234px;}
.cate-app-tab li a:hover .cicon-ihealth{background-position: -38px -262px;}
.cate-app-tab li a:hover .cicon-ifun{background-position: -108px -262px;}
.cate-app-tab li a:hover .cicon-ioffice{background-position: -38px -290px;}
.cate-app-tab li a:hover .cicon-ichat{background-position: -108px -290px;}
.cate-app-tab li a:hover .cicon-igame{background-position: -38px -318px;}

.catepage .tbl-content li{width: 84px; border-radius: 1px;}
.catepage .cate-game-tab li{width: 100%; clear: both;}
.catepage .cate-app-tab{ margin-left: 5px;}
.catepage .rank-left{width: 179px; padding: 5px 0 0 0;}
.catepage .rank-left .cur{background: #e3e3e6; }
.catepage .tbl-content li i{margin:12px 11px 0 17px;}
.cate-header-sub{padding: 7px 10px; margin-bottom: 9px; display: none;}
.cate-header-sub li{height: 24px; line-height: 24px; margin: 0 4px; float: left; text-align: center;}
.cate-header-sub li a{display: block; padding: 0 10px; }
.cate-header-sub .cur a,.cate-header-sub li a:hover{background: #288be1; color: #fff;}
.cate-header-sub .cur a{cursor: default;}

.qq-login-loading,.qq-login-loading-timeout { display:none; position:fixed; left:50%; top:200px; margin-left:-90px; width:178px; height:44px; line-height:44px; border:1px solid #A0A29D; background-color:#fff; color:#333; font-size:13px; box-shadow:0 2px 10px rgba(0,0,0,.3)}
.qq-login-loading img,.qq-login-loading-timeout img { margin:0 6px 0 10px; position:relative; top:4px}
.qq-login-loading-timeout { width:240px}

.appHoverBox .appHover{display: block;}

/*
下载后推荐
@author unclexiao
*/
.recommend-box{position:fixed; display:none; width:100%; height:100%; top:0; bottom:0; overflow:auto; z-index:120; padding:200px 0;}
.recommend-box .body-mask{background:#eee; opacity:.85; position:absolute; top:0; left:0; width:100%; height:90%; display:none;}
.recommend-box .recommend{width:388px; box-shadow:0 0 2px 1px #ccc; border:1px solid #bcbcbc; margin:0 auto; position:relative; z-index:101; background-color:#fff;}
.recommend .recommend-head{height:34px; background-color:#f0f0f5; border-bottom:1px solid #dcdce0; line-height:34px;}
.recommend .recommend-head .title{font-size:14px; margin-left:14px; float:left; color: #555555;}
.recommend .recommend-content-body{margin: 39px 50px 0 50px; height: 150px;}
.recommend-content .title{font-size:16px; line-height:16px; margin-bottom:25px;max-height: 32px;}
.recommend-content .title .highlight{color:#ff7f00;}
.recommend-content .app-icon{width:70px; height:70px; display:inline-block; float:left;}
.recommend-content .app-info{height:60px;margin-left:10px; display:inline-block; line-height:70px; padding:5px;width: 190px;overflow: hidden;}
.recommend-content .app-info .app-name{font-size:16px; height:16px; line-height:16px; }
.recommend-content .app-info .app-star{overflow:hidden; margin-top:11px; }
.recommend-content .app-info .app-instednum{color:#999; line-height:20px; margin-top:6px;}
.recommend-content .btn{font-size:14px;border-top: 1px #e6e6eb solid; background: #f7f9fc; height: 48px; padding-top: 14px; text-align: center;}
.recommend-content .btn .down-btn{background:#5AC65C; color:#fff; text-align:center;  border-color:#5AC65C; }
.recommend-content .btn .cancel-btn,.recommend-content .btn .down-btn{line-height:32px; height:32px; display:inline-block; width:100px; border-radius:2px;overflow: hidden;float: left;margin-left: 88px;}
.recommend-content .btn .down-btn:hover{background:#60D662; color:#fff;}
.recommend-content .btn .down-btn:active{background:#53B854;}
.recommend-content .btn .btn-disabled, .recommend-content .btn .btn-disabled:link, .recommend-content .btn .btn-disabled:hover,
.recommend-content .btn .btn-disabled:active, .recommend-content .btn .btn-disabled:visited{cursor: default; background: #f8f8f8; border: 1px #e0e0e0 solid; box-shadow:none; color: #b8b8b8;}

.recommend-content .btn .cancel-btn{border:1px solid #BABABA; text-align:center; margin-left:12px; color:#666; background-color:#F2F2F2;}
.recommend-content .btn .cancel-btn:hover{background:#FFF; color:#666;}
.recommend-content .btn .cancel-btn:active{background:#DCDCDC; color:#666;}
.show-recommend .body-mask,.show-recommend .recommend-box{display:block;}
.recommend-close-btn{ margin: 8px 8px 0 0;}

/*
全局礼盒
@author unclexiao
*/
.globalgift-div{position:fixed; z-index:130; right:20px; bottom:20px}
.globalgift-div .gift-box{position:absolute; cursor: pointer; width:62px; height:62px; right:0; bottom:5px; background:url('../images/gift.png') no-repeat 0 0; z-index:103}
.globalgift-div .gift-box:hover{background-position: -62px 0;}
.globalgift-div .gift-box:active{background-position: -124px 0;}
.globalgift-div .gift-box .redpoint{position:relative;width:12px;height:12px;left:48px;top:3px;display:none;background-color:#f54562;border-radius:8px;border:2px solid #fff}
.globalgift-div .bubble{position:absolute; bottom:5px; right:84px; width:216px; height:92px; padding:11px; background:#fff; border:1px solid #a6a6a6; box-shadow:0 0 2px 1px #ccc; z-index:102; display:none;}
.globalgift-div .bubble:after,.globalgift-div .bubble:before{content:''; position:absolute; border-style:solid; border-width:6px 0 6px 6px; display:block; width:0; top:79px;}
.globalgift-div .bubble:after{border-color:transparent #fff; z-index:1; right:-6px}
.globalgift-div .bubble:before{border-color:transparent #a6a6a6; z-index:0; right:-7px}
.globalgift-div .bubble .bubble-content{ height:56px;}
.globalgift-div .bubble .app-icon, .globalgift-div .gift-list .app-icon{width:56px; height:56px; float:left; }
.globalgift-div .bubble .bubble-btn{float: right; margin-top: 12px;}
.globalgift-div .bubble .gift-close{border-color: #fff; position: absolute; top: 5px; right: 5px;}
.globalgift-div .bubble .app-content{width: 130px; margin: 5px 0 0 14px;}

.globalgift-div .gift-list .list-content{width:100%; background-color:#fff;}
.globalgift-div .gift-list .list-content li{border-bottom:solid 1px #e6e6eb; height:56px; padding:12px 11px 11px 11px;}
.globalgift-div .bubble-btn{min-width:70px; height:24px; text-align: center; color:#fff; background: #f54562; border-radius: 2px; float:left; margin-top:16px;}
.globalgift-div .bubble-btn:hover{ background: #ff5c77;}
.globalgift-div .bubble-btn:active{ background: #e63c58;}
.globalgift-div .app-content{float:left; margin: 5px 10px; width:140px;}
.globalgift-div .app-content .title{font-size:16px; height: 26px; line-height: 26px;}
.globalgift-div .app-content .title div{display:inline-block;width: 100px;}
.globalgift-div .app-content .title span{display: inline-block; margin: 5px 0 0 5px; height: 15px; width: 32px; vertical-align: top; background: url('../images/new-tag.png') no-repeat;}
.globalgift-div .app-content .description{color:#999; height: 20px; line-height: 20px;}
.globalgift-div .bubble .bubble-btn, .globalgift-div .gift-list .bubble-btn{background-repeat:no-repeat;text-align:center;cursor:pointer;line-height:24px;color:#fff}

.globalgift-div .gift-close, .recommend-close-btn{width:17px; height:17px; line-height: 16px; text-align: center; display:inline-block; float:right; color: #666; font-size: 20px; border:1px #f0f0f5 solid;}
.globalgift-div .gift-close:hover, .recommend-close-btn:hover{background-color: #fff; border-color: #a5a6a8; color: #666;}
.globalgift-div .gift-close:active, .recommend-close-btn:active{background-color: #dcdce0; border-color: #a5a6a8; color: #666;}
.globalgift-div .gift-list{position:relative; z-index:101; width:314px; border:1px solid #a6a6a6; display:none;}
.globalgift-div .gift-list .list-top{height:20px; background-color:#f0f0f5; padding:6px; border-bottom: 1px #dcdce0 solid; color: #555;}
.list-top .top-title{display:inline-block; font-size:14px; float:left; padding-left:20px;cursor:default; background:url('../images/gift_icon.png') no-repeat 0 3px;}

/*
发现页
@author unclexiao
*/
.discovery{padding-bottom:50px;width:1230px;margin:0 auto;overflow:hidden}
.discovery .time .today{color:#ff7f00}
.discovery-left{background-color:#fff;border-right:1px solid #e1e3e6;float:left;width:179px;position:fixed;top:0;bottom:0}
.discovery-left .header{height:44px;border-bottom:1px solid #e1e3e6;font-size:14px;padding-left:17px;line-height:44px;font-weight:700}
.discovery-left .content{padding:5px}
.discovery-left .content li{float:left;width:84px;height:44px;line-height:44px;color:#666}
.discovery .tbl-content li i{height:18px;width:18px;display:inline-block;float:left;margin:13px 10px 0 11px}
.discovery-left .content .cur{background:#e3e3e6}
.discovery-right{float:left;margin:20px 0 0 200px;width:1012px}
.discovery-right .cate-header-sub{padding:7px 10px;margin-bottom:8px;display:block;color:#666}
.discovery-right .cate-header-sub li .cur{background:#288be1;color:#fff}
.discovery-right .content{margin-left:-10px;height:100%}
.discovery-right .content li{cursor:pointer;width:500px;height:388px;background-color:#fff;float:left;margin:0 -2px 8px 10px;border:1px solid #e6e6e6}
.discovery-right .content li:hover{border-color:#5ac65c}
.single-card .content-header,.special-card .content-header{height:56px;padding:14px}
.single-card .content-header .icon{float:left;width:56px;height:56px;margin-right:14px}
.single-card .content-header .down-btn{float:right;display:inline-block;width:80px;height:30px;margin-top:8px;background-color:#5ac65c;border-radius:2px;text-align:center;color:#fff;line-height:30px;cursor:pointer;font-size:14px;border:0}
.single-card .content-header .down-btn:hover{background:#60D662}
.single-card .content-header .down-btn:active{background:#53B854}
.single-card .content-middle{height:240px;padding:0 14px}
.single-card .content-middle img{width:472px;height:240px;overflow:hidden}
.single-card .content-bottom,.special-card .content-bottom{color:#666;padding:10px 14px 3px 14px;line-height:20px}
.single-card .content-bottom .text,.special-card .content-bottom .text{display:inline-block;width:430px;height:40px;overflow:hidden}
.discovery .quote-icon{width:16px;height:16px;background-image:url(../images/quotation_mark.png);background-size:16px 16px;display:inline-block;vertical-align:top}
.discovery .rotate-quote-icon{display:inline-block;width:16px;height:16px;background-image:url(../images/quotation_mark.png);background-size:16px 16px;transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.discovery .content-bottom .line-clamp{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.single-card .content-header .title,.special-card .content-header .title{float:left;height:56px;overflow:hidden}
.single-card .content-header .title .name,.special-card .content-header .title .name{font-size:20px;line-height:28px;width:310px}
.single-card .content-header .title .time,.special-card .content-header .title .time{display:inline-block;color:#999;line-height:28px}
.single-card .content-header .title .where,.special-card .content-header .title .where{display:inline-block;color:#999;line-height:28px}
.special-card .content-header .subject{float:right;display:inline-block;width:40px;height:20px;margin-top:13px;background-color:#5394f5;border-radius:2px;text-align:center;color:#fff;line-height:20px;cursor:default;font-size:12px}
.special-card .content-middle{height:240px;padding:0 14px}
.special-card .content-middle img{width:472px;height:240px;overflow:hidden}
.discovery-right .box-footer{clear:both;display:none;width:300px;margin:10px auto;text-align:center;line-height:26px}
.discovery-right .box-footer .page-btn{width:80px;height:26px;display:inline-block;background-color:#fff;border:1px solid #dedee2;line-height:26px;cursor:pointer}
.discovery-right .box-footer .jump-top:hover,.discovery-right .box-footer .page-btn:hover{background-color:#f0f0f5}
.discovery-right .box-footer .jump-top:active,.discovery-right .box-footer .page-btn:active{background-color:#e6e6eb}
.discovery-right .box-footer .forbid{cursor:not-allowed;border:1px solid #dedee2;background:#f0f0f5;color:#c2c2c2}
.discovery-right .box-footer .jump-top{background-image:url(../images/jump-top.png);display:inline-block;width:26px;height:26px;cursor:pointer;background-color:#fff;background-repeat:no-repeat;border:1px solid #dedee2;line-height:26px;background-position:7px 9px;vertical-align:bottom;margin:auto 10px}
.discovery-pop{position:fixed;width:100%;height:100%;z-index:100;display:none;top:0;left:0;overflow-y:auto}
.discovery-pop .body-mask{background:rgba(0,0,0,.66);left:0;right:0;top:0;bottom:0;position:absolute}
.discovery-pop .pop-inner{position:relative;width:100%;top:0;bottom:0;padding:20px 0;min-height:100%}
.discovery-pop .pop-inner .pop-content{width:678px;position:relative;background-color:#fff;z-index:102;margin:0 auto}
.discovery-pop .pop-inner .pop-content .discovery-close-btn{font-size:26px;z-index:102;color:#aaa;float:right;margin:10px 15px 0 0}
.discovery-pop .pop-inner .pop-content .discovery-close-btn:hover{color:#333}
.discovery .m5-apps,.discovery .other-apps{width:678px}
.m5-apps{padding-bottom:20px}
.m5-apps .header{padding:20px 20px 0 20px;border-bottom:1px solid #E6E6EB;height:60px;margin-bottom:20px}
.m5-apps .header h2{font-size:20px;color:#333;margin-bottom:10px;line-height:20px;cursor:default}
.m5-apps .header .time{display:inline-block;color:#ff7f00}
.m5-apps .header .where{display:inline-block;color:#999}
.m5-apps .banner{overflow:hidden;padding:0 20px}
.m5-apps .banner img{width:640px;height:250px;overflow:hidden}
.m5-apps .banner div{color:#666;font-size:14px;margin-top:6px;line-height:25px;letter-spacing:1px}
.m5-apps .more-box{margin:10px 20px 20px 20px;border:1px solid #e6e6eb;background:#fff}
.m5-apps .more{margin:0 -5px -1px 0}
.m5-apps .more li{width:305px;height:70px;padding:13px 0 12px 12px;float:left;border-top:1px #fff solid;border-left:1px #fff solid;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;cursor:pointer}
.m5-apps .more li:hover{border-color:#5ac65c}
.m5-apps .more li .app-icon{float:left;width:70px;height:70px;overflow:hidden}
.m5-apps .more li .app-info{float:left;height:100%;width:138px;padding:0 0 5px 12px}
.m5-apps .more li .app-info .app-name{font-size:16px;height:23px}
.m5-apps .more li .app-info .app-star{display:block;margin-top:10px;height:10px}
.m5-apps .more li .app-info .app-instednum{width:135px;margin-top:10px}
.m5-apps .more li .app-btn{float:right;position:relative;height:75px;margin-right:10px}
.m5-apps .more li .app-btn .category{width:64px;height:24px;background-color:#f5f5f5;text-align:center;position:absolute;bottom:0;line-height:24px;right:0;overflow:hidden;color:#999;cursor:pointer}
.m5-apps .more li .app-btn .category:hover{color:#2383EE}
.other-apps .header{padding:20px 20px 0 20px;height:60px;margin-top:20px;border-top:1px solid #E6E6EB}
.other-apps .header .title{font-size:20px;color:#333;margin-bottom:10px;line-height:20px;display:inline-block;font-weight:700}
.other-apps .header .subtitle{display:inline-block;color:#888;font-size:20px}
.other-apps .header .time{display:inline-block;color:#ff7f00}
.other-apps .header .where{display:inline-block;color:#999}
.other-apps .banner{overflow:hidden;padding:20px 20px 0 20px;border-top:1px solid #E6E6EB}
.other-apps .banner img{width:100%}
.other-apps .head{display:block}
.other-apps .head .icon{width:56px;height:56px;overflow:hidden;float:left;margin-right:15px}
.other-apps .head .icon img{width:100%;height:100%}
.other-apps .head .info{float:left}
.other-apps .head .info .title{font-size:18px;color:#333;margin-top:8px;margin-bottom:5px;font-weight:400}
.other-apps .head .info .size{color:#999}
.other-apps .head .down-btn{float:right;display:inline-block;background-color:#5ac65c;border-radius:2px;text-align:center;color:#fff;line-height:30px;cursor:pointer;margin-top:10px;width:80px;height:30px;border:0}
.other-apps .head .down-btn:hover{background:#60D662}
.other-apps .head .down-btn:active{background:#53B854}
.other-apps .more-detail{padding:20px;font-size:14px;color:#666;line-height:22px;border-bottom:1px solid #E6E6EB;clear:both}
.other-apps .more-detail .description{padding:15px 0;font-size:14px;color:#666;line-height:25px;border-bottom:1px solid #E6E6EB;clear:both}
.other-apps .more-detail .more-content-zuimeia{padding-top:11px}
.other-apps .more-detail .more-content-zuimeia p{line-height:25px;margin:10px 0;position:relative;overflow:hidden}
.other-apps .more-detail .more-content-zuimeia img{width:49%;float:left}
.other-apps .more-detail .more-content-zuimeia img:first-child{margin-right:10px}
.other-apps .more-detail .more-content-zuimeia h2{font-size:24px;font-weight:400;color:#333;margin-bottom:5px;line-height:1.7}
.other-apps .more-detail .more-content-ifanr img{width:100%;height:inherit;overflow:hidden}
.other-apps .more-detail .more-content-ifanr p{line-height:25px;margin:10px 0;position:relative;overflow:hidden}
.other-apps .more-detail .more-content-ifanr iframe{width:100%;overflow:hidden}
.other-apps .more-detail .more-content-m5 li{margin-bottom:28px}
.other-apps .more-detail .more-content-m5 li:last-child{margin-bottom:0}
.other-apps .more-detail .more-content-m5 .myhead{margin-bottom:20px}
.other-apps .more-detail .more-content-m5 .myhead .title{font-size:18px;margin-bottom:15px;margin-top:30px;color:#333}
.other-apps .more-detail .more-content-m5 .myhead .desc{font-size:14px;margin-bottom:10px}
.other-apps .more-detail .more-content-m5 img{width:310px;height:465px}
.other-apps .more-detail .more-content-m5 .myimg img:first-child{margin-right:13px}
.other-apps .head .btn-disabled,.other-apps .head .btn-disabled:active,.other-apps .head .btn-disabled:hover{box-shadow:none;color:#b8b8b8;background:#F8F8F8;border:1px solid #e0e0e0;cursor:default}
.single-card .content-header .btn-disabled,.single-card .content-header .btn-disabled:active,.single-card .content-header .btn-disabled:hover{box-shadow:none;color:#b8b8b8;background:#F8F8F8;border:1px solid #e0e0e0;cursor:default}


/*新游戏首页*/
.game-index{background-color: #f0f0f5;width:1230px;margin:0;color:#333;padding-bottom:50px;overflow:hidden}
.game-left #icon-arrow{transform: rotate(90deg);}
.game-right{float:left;margin:19px 0 0 200px;width:1012px;min-height:900px;overflow:hidden}
.game-right .tbr-top{margin-bottom:20px}
.game-right .cslide-box .slide-item,.game-right .tbr-bigbox{overflow:hidden;width:770px;height:240px; border:0;}
.game-right .tbr-smallbox-con .app-recommend{color:#ebebeb;text-align:center;line-height:25px}
.game-right .tbr-smallbox-con .app-name{height:30px;line-height:30px;font-size:16px;text-align:center}
.game-right .gamecon-body{height:1156px;overflow:hidden;margin-bottom: 20px;}
.game-right .gamecon-body-l{width:770px;float:left;overflow:hidden}
.game-right .gamecon-body-r{width:230px;float:right;overflow:hidden}
.game-right #J_custom-data{height:270px;position:absolute;width:8000px;overflow:hidden}
.game-right .gamecon-body-l section{overflow:hidden;width:768px;height:304px;border:1px solid #e9eaeb;margin-bottom: 10px;margin-top:0;position:relative;background-color: #fff;}
.game-right .gamecon-body-l section .game-data{height:270px;width:770px;overflow:hidden;display:inline-block;float: left}
.game-right .gamecon-body-l section.newgame{width:768px;height:196px;border:1px solid #e9eaeb;margin-bottom: 20px;background-color: #fff;}
.game-right .header{cursor: default; display:block;height:36px;overflow:hidden;line-height:36px;font-size:14px;border-bottom: 1px solid #e9eaeb;background-color: #fff;}
.game-right .header span{padding-left: 13px}  
.game-right .header .more{float:right;font-size:12px;color:#999;background-position:23px -371px;padding-right:25px;display:inline-block}
.game-right .header .more:hover{color:#888}
.game-right .header li{display:inline-block;width:84px;height:33px;border-bottom:3px solid #fff;font-size:14px;text-align:center;line-height:33px;cursor:pointer;color:#666}
.game-right .header li.cur{border-bottom:3px solid #458bf5;color:#333}
.game-right section .newgame-item{display:inline-block;width:190px;height:130.5px;border:1px solid #fff;overflow:hidden;float:left;cursor:pointer;margin:0}
.game-right section.newgame .newgame-item{display:inline-block;width:190px;height:156px;border:1px solid #fff;overflow:hidden;float:left}
.game-right section .newgame-item:hover,.game-right section.newgame .newgame-item:hover{border:1px solid #5ac65c}
.game-right .newgame-item .recommend-text{height:14px;color:#ff7f00;margin-left:14px;width:170px;margin-top:12px}
.game-right .newgame-item .gameapp-item-left{float:left;width:98px}
.game-right .newgame-item .gameapp-item-right{float:left;width:84px}
.game-right .newgame-item .gameapp-item-left .game-icon{margin:14px 14px 12px 14px;width:70px;height:70px;float:left;position:relative}
.game-right .newgame-item .gameapp-item-left .game-icon img{width:100%;height:100%}
.game-right .newgame-item .gameapp-item-left .game-btn{float:left;margin:0 14px}
.game-right .newgame-item .gameapp-item-left .game-btn a{display:inline-block;border-radius:2px;text-align:center;line-height:22px;cursor:pointer;width:68px;height:22px;border:1px solid #c2c2c2}
.game-right .gameapp-item-right .info{margin:14px 0 12px 0;height:70px;float:left;position:relative;overflow:hidden;width:84px}
.game-right .gameapp-item-right .info .app-name{font-size:16px;display:inline-block;overflow:hidden;width:82px;top:4px;position:absolute;margin:0}
.game-right .gameapp-item-right .info .star-info{margin:32px 0;height:9px}
.game-right .gameapp-item-right .info .star-info .newgame-item .ptr-star{margin:0}
.game-right .gameapp-item-right .info .cate-name{font-size:12px;display:inline-block;color:#999;bottom:4px;position:absolute}
.game-right .gameapp-item-right .instednum{font-size:12px;color:#666;width:100%;height:22px;overflow:hidden;line-height:22px}
.game-right .gameapp-item-right .instednum span,.game-right .gameapp-item-right .info .cate-name span{color:#fb8200}
.game-right i{height:14px;width:14px;background:url(../images/icons.png) no-repeat;display:inline-block;margin-left:13px;margin-right:8px;vertical-align:middle}
.game-right .rank-icon i{float:left;width:21px;height:15px;background:url(../images/icons.png) no-repeat;display:inline-block}
.game-right i.icon-netrank{background-position:-6px -462px}
.game-right i.icon-nethotapp{background-position:-30px -462px}
.game-right i.icon-pcrankapp{background-position:-54px -462px}
.game-right i.icon-pchotapp{background-position:-78px -462px}
.game-right i.icon-appgroup{background-position:-102px -462px}
.game-right i.icon-recomdapp{background-position: -295px -291px;}
.game-right i.icon-weekhotapp{background-position:-150px -462px}
.game-right i.icon-hottag{background-position:-174px -462px}
.game-right .rank-icon i.num1{background-position:-6px -498px}
.game-right .rank-icon i.num2{background-position:-38px -498px}
.game-right .rank-icon i.num3{background-position:-70px -498px}
.game-right .rank-icon i.num4{background-position:-102px -498px}
.game-right .rank-icon i.num5{background-position:-134px -498px}
.game-right .rank-icon i.num6{background-position:-166px -498px}
.game-right .rank-icon i.num7{background-position:-198px -498px}
.game-right .rank-icon i.num8{background-position:-230px -498px}
.game-right .rank-icon i.num9{background-position:-262px -498px}
.game-right .rank-icon i.num10{background-position:-294px -498px}
.game-right .rank-icon.app-hover i{display:none}
.game-right .gamecon-body-r .gamelist-netrank{height:512px;margin-bottom: 20px;overflow:hidden;border:1px solid #e9eaeb;background-color: #fff;}
.game-right .gamecon-body-r .gamelist-pcrankapp{height:620px;margin-bottom:10px;overflow:hidden;border:1px solid #e9eaeb;background-color: #fff;}
.game-right .tab-rank{height:100%;overflow:hidden}
.game-right .tab-rank .app-info{float:left;width: 119px;margin-left:15px}
.game-right .tab-rank .app-hover .app-icon{width:70px;height:70px;margin-left:14px}
.game-right .tab-rank li.app-hover{    height: 70px;}
.game-right .tab-rank li{overflow:inherit;width:228px;height:40px;margin-top: 14px;position:relative;cursor:pointer}
.game-right .tab-rank .app-hover .down-btn{position: absolute;height:28px;width:28px;right: 12px;top:40px;background-position:-76px -384px;border:0;text-indent:-1000px;float: right;}
.game-right .tab-rank .app-hover .down-btn:hover{background:url(../images/icons.png) no-repeat -121px -384px}
.game-right .tab-rank .app-hover .down-btn.btn-disabled,.game-right .tab-rank .app-hover .down-btn.btn-disabled:hover{background: url('../images/icons.png') -166px -384px;}
.game-right .group-body{margin-bottom:20px;background-color: #f0f0f5;}
.game-right .editor-body{margin-bottom:10px;background-color: #fff;}
.game-right .editor-body .header,.game-right .group-body .header{border: 1px solid #e9eaeb;}
.game-right .group-body section{width:245px;height:732px;float:left;overflow:hidden;margin-left:10px;margin-top:10px; background-color: #fff;}
.game-right .group-body section:nth-child(4n+1){margin-left: 0}
.game-right .group-body section .group-banner{width:100%;height:160px}
.game-right .group-body section .group-banner img{width:100%;height:100%}
.game-right .group-body section .group-content{border:1px solid #e9eaeb;height:570px}
.game-right .group-body section .group-content .introduction{word-break:break-all; color:#666;font-size:12px;height:55px;padding:12px;border-bottom:1px solid #e9eaeb;overflow: hidden;}
.game-right .group-body section .group-content .introduction span{color:#999}
.game-right .group-content .newgame-item{width:241px;height:96px}
.game-right .group-content .newgame-item .game-btn a{float:right;height:22px;width:42px;color:#666;border:1px solid #c2c2c2;line-height:22px;text-align:center;margin-right:12px;margin-top:60px;border-radius: 2px;}
.game-right .editor-body section{border-left:1px solid #e9eaeb;border-right:1px solid #e9eaeb;border-bottom:1px solid #e9eaeb;float:left}
.game-right .editor-body section .newgame-item{width:199.6px}
.game-right .newgame-item .gameapp-item-left .game-btn a:hover,.game-right .group-content .newgame-item .game-btn a:hover{background:#60D662;color:#fff;border:1px solid #60D662}
.game-right .newgame-item .gameapp-item-left .game-btn a:active,.game-right .group-content .newgame-item .game-btn a:active{background:#53B854;color:#fff;border:1px solid #53B854}
.game-right .newgame-item .gameapp-item-left .game-btn a.btn-disabled,.game-btn a.btn-disabled:active,.game-btn a.btn-disabled:hover{box-shadow:none;color:#b8b8b8;background:#F8F8F8;border:1px solid #e0e0e0;cursor:default}
.game-right .group-content .newgame-item .game-btn a.btn-disabled,.game-right .group-content .newgame-item .game-btn a.btn-disabled:active,.game-right .group-content .newgame-item .game-btn a.btn-disabled:hover{box-shadow:none;color:#b8b8b8;background:#F8F8F8;border:1px solid #F8F8F8;cursor:default}

/*各页面的热门标签*/
.tbr-tag{background-color:#fff;margin-top:10px;border:1px #e9e9ee solid;padding:15px}
.tbr-tag ul{list-style:none;overflow:hidden}
.tbr-tag ul:last-child{margin-top:10px}
.tbr-tag ul li{display:inline-block;margin:0 5px;height:23px;line-height:22px;border:1px solid #fff;padding:0;border-radius:2px;cursor:pointer}
.tbr-tag ul li.name{font-weight:700;color:#666;cursor:default}
.tbr-tag ul li.purple{color:#eb67d5}
.tbr-tag ul li.purple:hover{border:1px solid #eb67d5}
.tbr-tag ul li.green{color:#4aa84d}
.tbr-tag ul li.green:hover{border:1px solid #4aa84d}
.tbr-tag ul li.blue{color:#288be1}
.tbr-tag ul li.blue:hover{border:1px solid #288be1}
.tbr-tag ul li.orange{color:#ed5239}
.tbr-tag ul li.orange:hover{border:1px solid #ed5239}
.tbr-tag ul li.yellow{color:#ff8800}
.tbr-tag ul li.yellow:hover{border:1px solid #ff8800}
.tbr-tag ul li.red{color:#f64d89}
.tbr-tag ul li.red:hover{border:1px solid #f64d89}
.tbr-tag ul li a{display: block;text-decoration:none;color:inherit;padding: 0 6px;}
.tbr-tag .bold{font-weight:700}
.tag-line{height:25px;overflow:hidden}
.hot-tag{border:1px solid #e9eaeb;margin-bottom:10px}
.hot-tag .tbr-tag{background-color:#fff;margin-top:0;border:0;padding:5px 10px}
.hot-tag .tbr-tag ul:last-child{margin-top:0}
.hot-tag .tbr-tag ul li{display:inline-block;margin:5px;height:23px;line-height:22px;border:1px solid #fff;border-radius:2px;padding:0;cursor:pointer}
.hot-tag .tbr-tag ul li.name{font-weight: 700;color: #666;cursor: default;}

/*左侧公用导航栏*/
.sidebar-left{float:left; width:179px; position:fixed; top:0; bottom:0; background:#fff; border-right:1px solid #dcdee0; overflow:hidden;}
.sidebar-left .item1,.sidebar-left .item2{font-size:14px; cursor:default; width:179px; }
.sidebar-left .itema, .sidebar-left .item2 a{display:block; height:43px; line-height:43px; border-left:4px solid #fff; overflow:hidden}
.sidebar-left .item2 ul a{border-left:0}
.sidebar-left .item1 .cur, .sidebar-left .item2 .cur{background-color:#f0f0f5; border-left:4px solid #3a7de0; color:#288be1}
.sidebar-left .catepage .tbl-content .cur{background: #E3E3E6; border:0;}
.sidebar-left .itema i{height:18px;width:18px;background:url('../images/icons-new.png') no-repeat;float:left;margin:14px}
.sidebar-left .itema .icon-home{background-position:-215px -370px}
.sidebar-left .itema .icon-game{background-position:-241px -370px}
.sidebar-left .itema .icon-gift{background-position:-267px -370px}
.sidebar-left .itema .icon-install{background-position:-292px -370px}
.sidebar-left .itema .icon-arrow{float:right;margin-left:7px;background-position:-3px -380px; -webkit-transition: all 0.3s ease-in-out;}
.sidebar-left .item2 .cur .icon-arrow{background-position:-3px -382px;transform:rotate(90deg); }
.sidebar-left .item2 .cur .icon-home, .sidebar-left .itema:hover .icon-home{background-position:-215px -396px}
.sidebar-left .item2 .cur .icon-game, .sidebar-left .itema:hover .icon-game{background-position:-241px -396px}
.sidebar-left .item2 .cur .icon-gift, .sidebar-left .itema:hover .icon-gift{background-position:-267px -396px}
.sidebar-left .item2 .cur .icon-install, .sidebar-left .itema:hover .icon-install{background-position:-292px -396px}

.sidebar-left .itema .icon-bookgame{background-position: -143px -172px;}
.sidebar-left .item1 .cur .icon-bookgame, .sidebar-left .itema:hover .icon-bookgame{background-position: -177px -172px;}

.sidebar-left .item2 ul{margin-left:0;}
.sidebar-left .catepage .tbl-content li{width: 100%;}
.sidebar-left .tbl-content{border:0;}
.sidebar-left .tbl-content li{clear: both; float: none;}
.sidebar-left-app .item2 .cate-app-tab{margin-left: 0;}
.sidebar-left-app .item2 .cate-app-tab li{width: 48%; float: left; clear: none;}
.sidebar-left .itema .icon-rank{height:18px;width:18px;background:url('../images/icon-rank.png') no-repeat center 0; float:left;margin:14px}
.sidebar-left .itema:hover .icon-rank{background-position: center -19px;}

/*新版详情页*/
.detail-container .detail-right{padding: 20px 20px 0 0; margin-left: 200px;}
.detail-container .det-ins-container{overflow: hidden;}
.detail-container .det-icon-box, .detail-container .det-info-box, .detail-container .det-btns-box{float: left;}
.detail-container .det-icon-box{width: 90px; height: 90px; border-radius: 18px; overflow: hidden;}
.detail-container .det-icon-box img{width: 100%; height: 100%;}
.detail-container .det-info-box{width: 540px; margin: 0 0 0 20px; line-height: 20px;}
.detail-container .det-info-name{font-size: 22px; height: 30px; line-height: 30px; margin-top: 15px;}
.detail-container .det-insnum-line{margin-top: 7px; color: #999; cursor: default; line-height: 21px;}
.detail-container .det-info-box .iline{display: inline-block;}
.detail-container .det-info-box .det-info-line{width: 1px; height: 11px; background: #999; margin: 0 8px; margin-top: 5px;}
.detail-container .det-info-box .app-star{color: #ff7f00; font-size: 16px; float: left;}
.detail-container .det-ins-container .ptr-star{background: url('../images/detail-star.png') no-repeat 0 -27px; height: 13px; width: 73px; margin: 3px 10px 0 0;}
.detail-container .det-ins-container .ptr-star div{background: url('../images/detail-star.png') no-repeat 0 0; height: 13px; }
.detail-container .det-btns-box{width: 350px; float: right; padding-top: 18px;}
.detail-container .det-btns-box .det-btn-box{float: right; margin-left: 14px;}
.detail-container .install-btn{font-size: 18px; display: block; height: 52px; width: 155px; line-height: 52px; text-decoration: none; text-align: center; border-radius: 1px; color: #fff; background: #55c357; border: 1px solid #3eb140; }
.detail-container .white-btn{color: #333; border:1px solid #c3c3c3; background: #fff;}
.detail-container .install-btn:hover,.detail-container .install-btn:active { color: #fff; background: #4bbb4d; border: 1px solid #37a838;}
.detail-container .white-btn:hover,.detail-container .white-btn:active{color: #00adff; border:1px solid #c3c3c3; background: #fff;}

.detail-container .right-content{margin-top: 20px;}
.detail-container .right-content-l{width: 768px; padding-bottom: 50px; float: left;}
.detail-container .right-content-l .right-content-cate-box{}
.detail-container .right-content-l .right-content-cate{overflow: hidden; color: #999; padding: 13px; border-bottom:1px #e1e3e6 solid;}
.detail-container .right-content-l .cate-box{float: left;}
.detail-container .right-content-l .cate-box ul{display: inline-block; vertical-align: middle;}
.detail-container .right-content-l .cate-box ul li{float: left;}
.detail-container .right-content-l .tag-box{margin-left: 20px; display: none;}
.detail-container .right-content-l .tag-box li{cursor: default;}
.detail-container .right-content-l .box, .detail-container .cate-box li {display: inline-block; height: 22px; border:1px #c2c2c2 solid; border-radius: 2px; padding: 0 9px; line-height: 22px; margin-right: 10px; }
.detail-container .right-content-l .right-content-recommend{padding: 9px 13px; height: 20px; line-height: 20px; cursor: default;}
.detail-container .right-content-l .right-content-recommend span{color: #666;}

.detail-container .right-content-l .right-content-picbox{margin-top: 10px;}
.detail-container .tab-header{background: url('../images/detail-icon.png') no-repeat 0 0;}
.detail-container .right-content-picbox .tab-header{background-position: 12px 11px;}
.detail-container .right-content-detail .tab-header{background-position: 12px -29px;}
.detail-container .right-content-comment .tab-header{background-position: 12px -123px;}
.detail-container .right-content-thesame .tab-header{background-position: 12px -75px;}
.detail-container .right-content-like .tab-header{background-position: 12px -170px;}

.detail-container .right-content-picbox .pic-turn-hover-box{width: 740px; overflow: hidden; margin: 14px;}
.detail-container .right-content-picbox .pic-turn-hidden-box{overflow: hidden; width: 5000px;}
.detail-container .right-content-picbox .pic-img-box{float: left; width: 240px; height: 400px; padding-right: 10px;}
.detail-container .right-content-picbox .pic-img-box img{width: 100%; height: 100%;}

.detail-container .right-content-detail{margin-top: 9px;}
.detail-container .right-content-detail .detail-box{padding: 9px 15px; line-height: 22px;}
.detail-container .right-content-detail .det-intro-info{line-height: 20px; color: #999; margin-top: 20px;}
.detail-container .right-content-detail .det-intro-showmore { color: #237ded;}
.detail-container .right-content-detail .det-intro-text{height: 63px; overflow: hidden;}

.detail-container .right-content-comment{margin: 10px 0 0 0; padding-bottom: 15px;}
.detail-container .det-comment-info{ line-height: 20px; padding: 11px; border-bottom: 1px #e6e6eb solid; }
.detail-container .det-comment-info .comment-name-line{overflow: hidden;}
.detail-container .det-comment-info .comment-name-line .comment-name { font-weight: bold; float: left;}
.detail-container .det-comment-info .comment-name-line .comment-date { float: right; color: #b0b0b0;}
.detail-container .det-comment-info .comment-name-line .commont-star { float: left; margin: 4px 0 0 15px;}
.detail-container .det-comment-info .comment-datatext { line-height: 20px; margin: 10px 0 0 0; word-break: break-all; word-wrap: break-word;}
.detail-container .det-comment-show-more-btn { width: 148px; height: 38px; text-align: center; line-height: 38px; margin: 15px auto 0;
  background: #fff; border: 1px solid #c2c2c2; display: block; color: #666666; border-radius: 2px;}
.detail-container .det-comment-show-more-btn:hover { background: #f2f2f2; color: #666666; border: 1px solid #bdbdbd;}
.detail-container .det-comment-show-more-btn:active{line-height: 37px;}

.detail-container .right-content-r{width: 231px; float: right; background: transparent;}
.detail-container .right-content-thesame .tab-header .more{padding-right: 15px;}
.detail-container .tab-rank{height: auto;}
.detail-container .tab-rank li{margin-top: 0; padding: 13px 12px; border:1px transparent solid; margin: 0 1px 0 0;}
.detail-container .tab-rank li:hover{border-color: #5ac65c;}
.detail-container .tab-rank .qrcode-box:hover{border-color: transparent; cursor: default;}
.detail-container .tab-rank .app-info{width: 100px; float: left; margin:0 0 0 13px;}
.detail-container .tab-rank .down-btn{display: block; float: right; width: 44px; margin-top: 7px;}
.detail-container .qrcode-box .app-img{width: 90px; height: 90px;}
.detail-container .qrcode-box .app-info{margin-top: 8px;}
.detail-container .qrcode-box .app-star{display: block;}
.detail-container .qrcode-box .app-instednum{margin-top: 10px;}
.detail-container .qrcode-box .app-desc{margin-top: 10px; line-height: 20px; color: #888; font-size: 12px; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.detail-container .right-content-thesame{margin-bottom: 10px;}

.det-othinfo-pbox .det-othinfo-plist::-webkit-scrollbar, .m_download::-webkit-scrollbar,.scroll-style::-webkit-scrollbar,.giftPop::-webkit-scrollbar{ width: 9px; height: 9px;}
.det-othinfo-pbox .det-othinfo-plist::-webkit-scrollbar-button:vertical, .det-othinfo-pbox .det-othinfo-plist::-webkit-scrollbar-button:horizontal,.m_download::-webkit-scrollbar-button:vertical,.scroll-style::-webkit-scrollbar-button:vertical,.giftPop::-webkit-scrollbar-button:vertical { display: none;}
.det-othinfo-pbox .det-othinfo-plist::-webkit-scrollbar-track-piece,.m_download::-webkit-scrollbar-track-piece,.scroll-style::-webkit-scrollbar-track-piece,.giftPop::-webkit-scrollbar-track-piece{ background: #f0f0f0;}
.det-othinfo-pbox .det-othinfo-plist::-webkit-scrollbar-thumb:vertical, .det-othinfo-pbox .det-othinfo-plist::-webkit-scrollbar-thumb:horizontal,.m_download::-webkit-scrollbar-thumb:vertical,.scroll-style::-webkit-scrollbar-thumb:vertical,.giftPop::-webkit-scrollbar-thumb:vertical { background-color: #b0b0b0; border-radius: 5px;}
.det-othinfo-pbox .det-othinfo-plist::-webkit-scrollbar-thumb:vertical, .det-othinfo-pbox .det-othinfo-plist::-webkit-scrollbar-thumb:horizontal:hover,.m_download::-webkit-scrollbar-thumb:vertical:hover,.scroll-style::-webkit-scrollbar-thumb:vertical:hover,.giftPop::-webkit-scrollbar-thumb:vertical:hover { background-color: #999;}

.det-othinfo-pbox{cursor: default; position: relative; padding-bottom: 4px; display: inline-block; width: 50px; margin:0 35px 0 20px;}
.det-othinfo-pbox .det-othinfo-plist{display: none;}
.det-othinfo-pbox:hover .det-othinfo-plist{display: block; position: absolute; top: 20px; left: 0;}
.det-othinfo-pbox .det-othinfo-pre{background: url('//img1.sj.qq.com/res/static/m5/201510/images/premission-icon.png') no-repeat 0 1px; padding-left: 15px; width: 50px;}
.det-othinfo-pbox:hover .det-othinfo-pre{color: #3375d6; background-position: 0 -84px; }
.det-othinfo-pbox .det-othinfo-plist{ background: #fff; max-height: 250px; overflow-y:auto; border:1px #a2a2a2 solid; padding-bottom: 8px; color: #666; width: 168px;}
.det-othinfo-pbox .det-othinfo-plist li{line-height: 20px; padding:0 12px;}
.det-othinfo-pbox .det-othinfo-plist .t{color: #333; background: #eeeeee; height: 33px; line-height: 33px; padding-left: 13px; border-bottom: 1px #dbdbdb solid; margin-bottom: 6px;}
.det-othinfo-pbox .det-othinfo-plist .l{float: left;}
.det-othinfo-pbox .det-othinfo-plist .r{float: left; margin-left: 2px; width: 125px; word-break:break-word;}

.pic-turn-hover-box{position: relative;}
.pic-turn-hover-box .picTurnBtn { cursor: pointer; position: absolute; background: rgba(0, 0, 0, 0.35); border-radius: 44px; width: 44px; height: 44px; z-index: 8; top: 50%; margin: -22px 0 0 0;}
.pic-turn-hover-box .pic-turn-left-btn { left: -44px; background: url("../images/icon-picflag.png") rgba(0, 0, 0, 0.35) no-repeat 10px center; -webkit-transform:rotate(180deg); }
.pic-turn-hover-box .pic-turn-right-btn { right: -44px; background: url("../images/icon-picflag.png") rgba(0, 0, 0, 0.35) no-repeat 10px center; }
.pic-turn-hover-box .picTurnContainer .picTurnHoverBox:hover .picTurnBtn { display: block;}

.icon-subscript-sole { display:block; position:absolute; top:-5px; left:-5px; background:url('../images/app-script.png') 0 -25px no-repeat; width:31px; height:18px}
.icon-subscript-beta { display:block; position:absolute; top:-5px; left:-5px; background:url('../images/app-script.png') 0 -54px no-repeat; width:31px; height:18px}
.icon-subscript-nodel { display:block; position:absolute; top:-5px; left:-5px; background:url('../images/app-script.png') 0 0 no-repeat; width:43px; height:18px}
.icon-subscript-new { display:block; position:absolute; top:-5px; left:-5px; background:url('../images/app-script.png') 0 -117px no-repeat; width:19px; height:18px}
.icon-subscript-flower { display:block; position:absolute; top:-5px; left:-5px; background:url('../images/app-script.png') 0 -149px no-repeat; width:43px; height:18px}
.icon-subscript-gift { display:block; position:absolute; top:-5px; left:-5px; background:url('../images/app-subscript.png') 0 -52px no-repeat; width:36px; height:26px}

/*搜索页面*/
.search-container{ padding: 20px 15px; width: 1200px; overflow: hidden; min-height: 650px;}
.search-list-box{width: 950px; float: left;}
.search-list .item{padding: 15px; padding-right: 0; margin-bottom: 15px;}
.search-list .search-data{overflow: hidden;}
.search-list .app-icon{height: 90px; width: 90px;}
.search-list .green-box{margin-top: 15px;}
.search-list .green-box .down-btn{position: static; height: 30px; line-height: 30px; width: 90px;}
.search-list .info-box{margin-left: 15px; width: 285px;}
.search-list .info-box .title{height: 30px; line-height: 30px; font-size: 20px; color: #333; max-width: 120px;}
.search-list .info-box .iline{display: inline-block;}
.search-list .info-box .info{margin-top: 9px; color: #999; cursor: default; line-height: 21px; overflow: hidden;}
.search-list .info-box .info .cate{background: #f0f0f0; height: 24px; line-height: 24px; border-radius: 2px; padding: 0 10px; color: #888;}
.search-list .info-box .line{width: 1px; height: 11px; background: #999; margin: 0 6px; margin-top: 5px;}
.search-list .item .desc{margin-top: 20px; line-height: 18px; color: #666; overflow: hidden; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.search-list .item .recomm-reason{color: #666; margin-top: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.search-container .app-star{color: #ff7f00; font-size: 16px;}
.search-container .ptr-star{background: url('../images/detail-star.png') no-repeat 0 -27px; height: 13px; width: 73px; margin: 3px 10px 0 0;}
.search-container .ptr-star div{background: url('../images/detail-star.png') no-repeat 0 0; height: 13px; }
.search-list .imgbox{float: right; width: 525px;}
.search-list .imgbox li{float: left; margin-left: 10px;}
.search-list .img-ver { overflow: hidden;}
.search-list .img-ver li {width: 160px;}
.search-list .img-ver li img { display: block; width: 100%; height: 240px;}
.search-list .img-hor li img { width: 400px; border: 1px solid #666;}
.search-sidebar{width: 230px; float: right; margin-left: 20px;}
.search-sidebar .sicon-bg{background: url('../images/search-icon.png') 10px 10px no-repeat;}
.search-sidebar .word-list{padding: 13px 0 5px 13px; overflow: hidden; margin-right: -10px;}
.search-sidebar .word-list li{float: left; height: 24px; line-height: 24px; max-width: 180px; padding: 0 7px 0 8px; border:1px #e0e0e0 solid; margin:0 10px 8px 0;}
.search-sidebar .word-list li a{color: #666;}
.search-sidebar .word-list li a:hover{color: #237ded;}
.search-sidebar .recomm-list{margin: 10px 0 0 0; float: none; width: auto;}
.search-sidebar .recomm-list .sicon-bg{background-position: 10px -30px;}
.search-sidebar .tab-rank{margin-top: 5px; height: auto; padding-bottom: 6px;}
.search-sidebar .tab-rank .app-info{width: 120px; margin-top: 0;}
.search-sidebar .tab-rank li{padding: 7px 0; margin: 0;}
.search-sidebar .app-hover .app-icon{margin-left: 15px;}
.search-sidebar .tab-rank .num{margin: -10px 10px 0 13px; height: 30px;}
.search-sidebar .tab-rank .app-hover .app-info .app-name{height: 25px; line-height: 25px;}
.search-sidebar .tab-rank .app-info .app-star{margin-top: 0;}
.search-sidebar .tab-rank .app-hover .app-instednum{margin-top: 5px;}
.search-sidebar .tab-rank .app-hover .down-btn{top: 50px;}
.search-container .box-footer{height: 37px; line-height: 37px; color: #babac2; font-size: 12px; text-align: center; display: none;}
.search-container .box-footer i{display: inline-block; width: 30px; height: 37px; background-position: -1px -301px; vertical-align: top;}
.search-container .page-loading{padding: 10px 0;}

.search-list .search-data .safe-box{ z-index: 0; position: relative; margin: 5px 0 0 15px;}
.search-list .search-data .safe-box .tipsimg { background: url("../images/new-safe.png"); display: block; float: left; width: 66px; height: 19px; margin: 0 6px 0 0;
  position: relative; z-index: 999;}
.search-list .search-data .safe-box .official-btn {background-position: 0 0;}
.search-list .search-data .safe-box .official-btn_has {background-position: 0 -19px; display: none;}
.search-list .search-data .safe-box .official-btn_unknow {background-position: 0 -38px; display: none;}
.search-list .search-data .safe-box .adv-btn {background-position: -66px 0;}
.search-list .search-data .safe-box .adv-btn_has {background-position: -66px -19px;}
.search-list .search-data .safe-box .default-btn {display: none;}

.search-list .search-data .safe-tip { display: none; position: absolute; top: 30px; 
    padding: 8px 16px; border: 1px solid #ccc; box-shadow: 0px 1px 3px #dddddd;
    line-height: 22px; background-color: #fff; color: #666; cursor: default;}
.search-list .search-data .safe-tip:after {width: 0; height: 0; content: ""; border-left: 7px solid transparent;
    border-right: 7px solid transparent; border-bottom: 7px solid #fff; position: absolute; top: -7px;}
.search-list .search-data .safe-tip:before {width: 0; height: 0; content: ""; border-left: 8px solid transparent;
  border-right: 8px solid transparent; border-bottom: 8px solid #ccc; position: absolute; top: -8px;}
.search-list .search-data .safe-tip{ left: -45px; width: 200px;}
.search-list .search-data .safe-tip:after { left: 71px;}
.search-list .search-data .safe-tip:before { left: 70px;}
.search-list .search-data .adv-tip { left: -31px; width: 100px;}
.search-list .search-data .adv-tip:after { left: 57px;}
.search-list .search-data .adv-tip:before {left: 56px;}
.search-list .search-data .tipsimg:hover .safe-tip{ display: block;}

/*M5.8 应用首页*/
.game-right .app-body{height:838px;overflow:hidden;margin-bottom:20px}
.game-right .app-body-l{width:770px;float:left;overflow:hidden}
.game-right .app-body-r{width:230px;float:right;overflow:hidden}
.game-right .app-body-l section{overflow:hidden;width:768px;border:1px solid #e9eaeb;margin-bottom:10px;position:relative;background-color:#fff}
.game-right .app-body-l section.popular{height: 200px;}
.game-right .app-body-l section.excellent{height:436px}
.game-right .app-body-l section.popular{overflow:hidden;width:100%;border:1px solid #e9eaeb;margin-bottom:20px;position:relative;background-color:#fff}
.game-right .app-body-l section.popular .newgame-item{width: 98px;height: 158px;padding: 0 14px;}
.game-right .app-body-l .newgame-item .gameapp-item-left .game-name{margin-bottom: 12px;float:left;position:relative;text-align:center;width:100%}
.game-right .app-body-l section.like{height:174px;margin-bottom:0}
.game-right .app-body-l section.like .newgame-item{ height: 127px;}
.game-right .app-body .applist1{height:446px;margin-bottom:10px;overflow:hidden;border:1px solid #e9eaeb;background-color:#fff}
.game-right .app-body .applist2{height:378px;overflow:hidden;border:1px solid #e9eaeb;background-color:#fff}
.game-right .app-body-r li{height:40px;width:200px;border:1px solid #fff;padding:13px;overflow:hidden}
.game-right .app-body-r li:hover{border:1px solid #5ac65c;cursor:pointer}
.game-right .app-body-r li .app-icon{float:left;width:40px;height:40px;overflow:hidden}
.game-right .app-body-r li .app-info{float:left;height:100%;width:80px;padding:0 0 5px 13px}
.game-right .app-body-r li .app-info .app-name{font-size:16px}
.game-right .app-body-r li .app-info .app-instednum{width:80px;margin-top:4px}
.game-right .app-body-r li .app-btn{float:right;position:relative;padding-top:8px}
.game-right .app-body-r li .app-btn .down-btn{width:40px}
.game-right .excellent .data{position:absolute;overflow:hidden;width:8000px}
.game-right .excellent .data .game-data{height:400px;width:768px;float:left}

/*M5.8 装机必备页*/
.necessary-container .box-right{width: 1023px; float: left; margin: 0 0 20px 200px; overflow: hidden;}
.necessary-container .box-right .border-box{margin-top: 20px;}
.necessary-container .box-right .top-list{margin:0 -15px 0 -7px;}
.necessary-container .box-right .tab-header h4{margin-left: 15px;}
.necessary-container .box-right .tab-header .btn-all{width: 80px; height: 24px; line-height: 24px; text-align: center; float: right; margin: 6px 13px 0 0; color: #fff; background: #5ac65c; border-radius: 3px;}
.necessary-container .box-right .tab-header .btn-all:hover{background: #00c249; color: #fff;}
.necessary-container .box-right .tab-header .btn-all:active{background: #239c51; color: #fff;}

.necessary-container .box-right .item-simple{padding: 0 2px; height: 129px; width: 95px; margin: 0 7px;}
.necessary-container .box-right .item-simple .down-btn{margin-top: 5px;}
.necessary-container .box-right .item-simple .down-btn, .necessary-container .box-right .item-simple:hover .app-name{display: none; }
.necessary-container .box-right .item-simple:hover .down-btn{display: block;}
.necessary-container .box-right .box-cates{margin-right: -20px;}
.necessary-container .box-right .box-cates .border-box{width:505px; margin: 20px 9px 0 0; float:left; }
.necessary-container .box-cates .item-simple{margin:0;}
.necessary-container .box-cates .top-list{margin:0;}

.necessary-container .sidebar-left .game-cate, .necessary-container .sidebar-game .app-cate{display: none;}
.necessary-container .sidebar-game .game-cate{display: block;}


.popad-mask{display: none;}
.pop-alert{box-shadow: none; z-index: 10001; border:0; width: 368px; margin-left: -184px; display:none;}
.pop-alert-footer{text-align: center; padding-top: 14px; height: 48px;}
.pop-alert-footer .comm-btn{display: inline-block; width: 100px; height: 34px; line-height: 34px; background: #5ac65c; color: #fff; border-radius: 2px; font-size: 14px; margin: 0 7px;}
.pop-alert-footer .comm-btn:hover{background: #00c249; color: #fff;}
.pop-alert-footer .comm-btn:active{background: #239c51; color: #fff;}
.pop-alert-footer .white-btn{background: #f2f2f2; border:1px #bababa solid; width: 98px; height: 32px; line-height: 32px; color: #666;}
.pop-alert-body .pab-title{font-size: 18px; }
.pop-alert-body .pab-content{font-size: 14px; color: #666;}

.video-play-box{width: 619px; height: 380px; position: fixed; left: 50%; top: 50%; margin: -190px 0 0 -308px; box-shadow: 0 0 10px #a4a4a4; z-index: 10000; display: none;}
.close-video{width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 20px; color: #fff; margin-left: 619px; margin-top: -380px; display: block; background: rgba(0,0,0,0.8);}

/*game reservation page*/
/* Preload images */
body:after { content: url("../images/close.png") url("../images/loading.gif") url("../images/prev.png") url("../images/next.png"); display: none;}
.lb-disable-scrolling { overflow: hidden;}
.lightboxOverlay { position: fixed; top: 0; left: 0; z-index: 9999; background-color: #000; opacity: 0.6; display: none; width: 100% !important; height: 100% !important;}
.lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal;}
.lightbox .lb-image { display: block; height: auto; max-width: inherit; border-radius: 3px;}
.lightbox a img { border: none;}
.lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px;}
.lb-outerContainer:after { content: ""; display: table; clear: both;}
.lb-container { padding: 14px;}
.lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0;}
.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url("../images/loading.gif") no-repeat;}
.lb-nav { position: absolute; top: 14px; left: 14px; right: 14px; bottom: 14px; z-index: 10; overflow: hidden;}
.lb-container > .nav {left: 0;}

.lb-nav a { cursor: pointer; position: absolute; background: rgba(0, 0, 0, 0.35); border-radius: 44px; width: 44px; height: 44px; z-index: 8; top: 50%; margin: -22px 0 0 0;}
.lb-nav .lb-prev { left: -44px; background: url("../images/icon-picflag.png") rgba(0, 0, 0, 0.35) no-repeat 10px center; -webkit-transform:rotate(180deg); }
.lb-nav .lb-next { right: -44px; background: url("../images/icon-picflag.png") rgba(0, 0, 0, 0.35) no-repeat 10px center; }
.img-nums{position: absolute; bottom: 26px; height: 8px; left: 0; right: 0; text-align: center; z-index: 1000;}
.img-nums li{background: #6a5e5a; width: 8px; height: 8px; border-radius: 8px; cursor: default; display: inline-block; margin: 0 2px;}
.img-nums .cur{background: #fff;}

.reservation-container{overflow: hidden;}
.reservation-right{float: left; margin: 0 0 0 180px; width: 1032px; min-height: 900px; overflow: hidden;}
.reservation-right .tab-icon{background: url('../images/reservation-icon.png') no-repeat 0 0;}
.reservation-right .item-box{ padding: 20px 0 20px 20px; border-bottom:1px #e1e1e6 solid;}
.reservation-right .item-boxo{width: 1010px; height: 340px; background-repeat: no-repeat; overflow: hidden;}

.reservation-right .item-content{margin: 190px 0 0 0; text-align: center;}
.reservation-right .item-content .item{width: 318px; height: 136px; background: #fff; margin: 0 5px; box-shadow: 0 0 5px #999; display: inline-block; text-align: left;vertical-align: top;}
.reservation-right .item-content .title-box{height: 37px; line-height: 37px; overflow: hidden; border-bottom: 1px #e6e6eb solid; padding: 0 14px 0 36px; background-position: 14px 12px; cursor: default;}
.reservation-right .item-content .gift-icon{background-position: 14px -23px;}
.reservation-right .item-content .pic-icon{background-position: 14px -58px;}
.reservation-right .item-content .title-box .left{font-size: 14px; color: #333; font-weight: normal; width: 130px;}
.reservation-right .item-content .title-box .right{color: #999; font-size: 12px;}
.reservation-right .gameinfo{overflow: hidden; position: relative; padding: 14px;}
.reservation-right .gameinfo .left{width: 70px; height: 70px; position:relative; cursor: pointer;}
.reservation-right .gameinfo .right{width: 206px; line-height: 20px; font-size: 12px; padding-top: 5px;}
.reservation-right .gameinfo .app-name{height: 20px; font-size: 16px; color: #333; display: block;}
.reservation-right .gameinfo span{color: #ff7f00;}
.reservation-right .btn{position: absolute; font-size: 14px; width: 94px; height: 34px; line-height: 34px; text-align: center; right: 14px; bottom: 14px; border-radius: 2px; color: #fff; background: #5ac65c;}
.reservation-right .btn:hover{background: #00c249; color: #fff;}
.reservation-right .btn:active{background: #239c51; color: #fff;}
.reservation-right .disabled-btn, .reservation-right .disabled-btn:hover, .reservation-right .disabled-btn:active{background: #fff; border:1px #ebebeb solid; height: 32px; line-height: 32px; color: #ccc; cursor: default;}

.reservation-right .giftinfo{padding: 14px;}
.reservation-right .giftinfo img{height: 70px; width: 290px;}
.reservation-right .picinfo{padding: 14px 0 14px 4px;}
.reservation-right .picinfo .imga, .reservation-right .picinfo .video-box{display: block; float: left; margin-left: 10px; width: 90px; height: 70px;}
.reservation-right .picinfo .hide{display: none;}
.reservation-right .picinfo .video-box{margin-top: 0;}
.reservation-right .picinfo img{width: 100%; height: 100%;}
.reservation-right .picinfo .video-mask{background-size: auto 50%;}
.reservation-alert .white-btn{display: none;}


.gift-container .gicon{background: url('../images/down-time-icon.png') 0 4px no-repeat;}
.gift-container .box-right{width: 1023px; float: left; margin: 0 0 20px 200px; overflow: hidden;}
.gift-container .title-bar{line-height: 33px; font-size: 16px; margin-top: 7px;}
.gift-container .title-bar .num{color: #3375d6;}
.gift-container .g-item{float: left; width: 500px; border:1px #e1e3e6 solid; margin: 0 9px 10px 0; background: #ffffff;}
.gift-container .g-item:hover{border-color: #5ac65c; cursor: pointer;}
.gift-container .g-item .img-box{width: 100%; height: 218px;}
.gift-container img{width: 100%; height: 100%;}
.gift-container .appbox{padding: 15px 13px; position: relative;}
.gift-container .logo{height: 50px; width: 50px; cursor: pointer;}
.gift-container .info{margin-left: 12px;}
.gift-container .name{font-size: 15px; line-height: 28px; cursor: pointer;}
.gift-container .down-btn{position: absolute; top: 23px; right: 15px; margin: 0 auto; background: #5ac65c; width: 94px; height: 34px; line-height: 34px; border: 0; color: #fff;}
.gift-container .down-btn:hover{background: #00c249; color: #fff;}
.gift-container .down-btn:active{background: #239c51; color: #fff;}
.gift-container .btn-disabled, .gift-container .btn-disabled:link, .gift-container .btn-disabled:hover, .gift-container .btn-disabled:active, .gift-container .btn-disabled:visited{cursor: default; background: #f8f8f8; border: 1px #e0e0e0 solid; box-shadow:none; color: #b8b8b8;}

.gift-container .desc{line-height: 20px; color: #777;}
.gift-container .down{padding-left: 13px;}
.gift-container .down span{color: #ff7f00;}
.gift-container .time{padding-left: 15px; margin-left: 13px; background-position: 0 -43px;}

.giftdetail-pop{position:fixed;width:100%;height:100%;z-index:100;display:none;top:0;left:0;overflow-y:auto}
.giftdetail-pop .body-mask{background:rgba(0,0,0,.66);left:0;right:0;top:0;bottom:0;position:absolute}
.giftdetail-pop .pop-inner{position:relative;width:100%;top:0;bottom:0;padding:20px 0;min-height:100%;}
.giftdetail-pop .pop-content{width:678px;position:relative;background-color:#fff;z-index:102;margin:0 auto;}
.giftdetail-pop .btn-close{font-size:20px; z-index:102; color:#484848; position: absolute; top: 0; right: 0; line-height: 30px; width: 30px; text-align: center;}
.giftdetail-pop .btn-close:hover{color:#000;}
.giftdetail-pop .detail-info{min-height: 620px; /*background: url('../static/images/temp/gift-n.png') no-repeat -277px -150px;*/}
.giftdetail-pop .logo-big{/*height: 292px;*/ width: 100%;}
.giftdetail-pop .logo-big img{width: 100%; height: 100%;}
.giftdetail-pop .appbox{border-bottom: 1px #e6e6e6 solid;}

.giftdetail-pop .content{padding: 20px 75px;}
.giftdetail-pop .content .title{font-size: 16px; line-height: 32px;}
.giftdetail-pop .content .descx{color: #777; font-size: 14px;line-height: 23px; margin-bottom: 16px;}
.giftdetail-pop .time{margin-left: 25px;}

.privacy_agreement { line-height: 20px; color: #999; display: inline-block; }