@charset "utf-8";

/* 禁用iPhone中Safari的字号自动调整 */

html{-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}

/* 去除iPhone中默认的input样式 */

/*input[type="submit"], input[type="reset"], input[type="button"], input{-webkit-appearance: none;resize: none;}*/

input,button{outline:none;}

/* 取消链接高亮 */

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/* 设置HTML5元素为块 */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}

/* 图片自适应 */

img{width: 100%;height: auto;width: auto\9; /* ie8 */-ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/}

/* 初始化 */

body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, input, textarea, select, p, dl, dt, dd, a, img, button, form, table, th, tr, td, tbody, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{margin: 0;padding: 0;border: none;}

body{font: 12px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;color: #555;background-color: #f5f5f5; height:100%; }

em, i{font-style: normal;}

strong{font-weight: normal;}

.clearfix:after{content: "";display: block;visibility: hidden;height: 0;clear: both;}

.clearfix{zoom: 1;}

.fixed{min-width: 320px;max-width: 640px;margin:0 auto;position: fixed;width: 100%;z-index: 99;}

a{text-decoration: none;color: #000;/*font-family:sans-serif, Arial,Microsoft YaHei,'宋体',Tahoma;*/outline: 0;}

a:hover{/*color: #FED503;*/text-decoration: none;}

ul, ol{list-style: none;}

h1, h2, h3, h4, h5, h6{font-size: 100%;}

img{border: none;}

.fl{display: block;float: left;}

.fr{display: block;float: right;}

.PL{width: calc(100% - 40px);background: #fff; -webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb; margin-top: 6px; margin-bottom: 6px; padding:10px 20px;}

.Box{ min-width: 320px; max-width: 768px; margin: 0 auto; position: relative; overflow: hidden; background: #f5f5f5; }
.Min1{ background:#fff; padding:0 12px; }
.pd{padding:0 12px;}

.header{ padding: 0 12px; }
.flex{ flex-flow: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; }
.home-header{ padding:0 12px; height: 42px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-align-items: center; background: #f8f8f8; z-index: 999; position: fixed; top: 0; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-sizing: border-box; box-sizing: border-box; }
.home-header a{ display:block; margin: 0 auto; }
.home-header .pp-logo{ position: relative; text-indent: -99em; margin: 2px 10px 0 3px; }
.home-header .pp-logo.wdj{ background:url(../images/logo.png) no-repeat; background-size: 100%; width: 100px; height: 40px; }
.home-header .search-box{ position: relative; display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex: 1; }
.home-header .search-box .search-ipt{ width: 100%; border: none; border-radius: 16px; background-color: #e4e6eb; padding: 0 20px 0 15px; line-height: 13px; font-size: 13px; height: 33px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.home-header .search-box .search-ipt{ position: relative; color: #6d6d6d; background-color: #f0f0f0; font-family: PingFangSC-Regular,Helvetica Neue,Helvetica,STHeiTi,sans-serif; }
.home-header .search-box .search-btn{ display: inline-block; float: right; height: 20px; width: 20px; position: absolute; top:7px; right:13px; border: none; background: url(../images/ico-ss.png) no-repeat center; background-size: 100%; }
.search-ipt.fix-ipt{ line-height: 33px; }
.pp-clean{ background:url(../images/clear.png) no-repeat; background-size: 24px 24px; width: 24px; height: 24px; text-indent: -99em; position: relative; margin: 0 0 0 10px; }

/*导航*/
.nav-wrap{ position: relative; height: 35px; line-height: 35px; padding-top: 2px; margin-top:42px; }
.nav-wrap .home-header-nav{ font-size: 15px; text-align: center; color: #666; padding:0 12px; transition: .5s ease; background-color: #fff;overflow-x: scroll;overflow-y: hidden;}
.nav-wrap .home-header-nav ul{width:540px;overflow: hidden;}
.nav-wrap .home-header-nav ul li{float:left;padding:0 15px;text-align: center;}
.nav-wrap .home-header-nav ul li a{display:inline-block;line-height: 35px;border-bottom:2px solid #fff;margin:2px 0px 4px 0px;}
.nav-wrap .home-header-nav ul li.current a{color:#ff9d01;font-weight:bold;border-bottom-color:#ff9d01;}



/*banner*/
.home-banner{ overflow-x: scroll;}
.home-banner .swiper-container{ margin-top:10px; margin-bottom:10px; border-radius: 10px; }
.home-banner .swiper-wrap{ padding: 18px 0; overflow: hidden; }
.home-banner .swiper-slide a>img{ display:block; width:100%; height:100%; }

.topic-nav{ display: flex; text-align: center; padding-bottom: 20px; font-size: 0; background:#fff; }
.topic-nav a{ display: block; -webkit-box-flex: 1; -webkit-flex: auto; -moz-box-flex: 1; -ms-flex: auto; flex: auto; }
.topic-nav a .img-wrap{ height: 18px; width: 18px; display: inline-block; vertical-align: middle; text-align: center; }
.topic-nav a .img-wrap img{ height: 100%; }
.topic-nav a span{ display: inline-block; vertical-align: middle; font-size: 13px; padding-left: 10px; line-height: 1; padding-top: 5px; }

/*游戏推荐*/
.game-recom{ margin-top:7px;}
.game-recom .game-title{ font-size:13px;color:#888; line-height:40px; text-align:center;}
.game-recom .game-item{ position: relative; overflow: hidden; }
.game-recom .game-item li{ float:left; width:25%; height:92px; border: none; padding: 7px 0 0 0; }
.game-recom .game-item li a{ position: relative; display: block; width: 65px; overflow: hidden; margin: 0 auto; }
.game-recom .game-item li a img{ width: 54px; height: 54px; display: block; margin: 0 auto; border-radius: 10px; }
.game-recom .game-item li a + p{ height: 32px; line-height: 16px; overflow: hidden; /*width: 80px;*/ margin: 0 auto; margin-top: 5px; overflow: hidden; text-align: center; font-size: 12px; color: #000; }
.game-recom.soft{ margin-top:0px; }

/*游戏列表*/
.game-list{ display:none; margin-top:7px;}
.game-list.show{ display:block; }

.game-list.item .item-title{ padding:10px 12px 0px 12px; }
.game-list.item .item-title h3{ display:inline-block; font-size:15px; color:#333; }
.game-list.item .item-title a{ display:block; float:right; }


/*友情链接*/
.yl{ overflow: hidden; padding-bottom: 10px; margin-bottom: 10px; }
.yl p{ position: relative; height: 40px; font-size: 16px; background: #fff; border-bottom: 1px solid #d9d9d9; }
.yl p b{ display: block; border-bottom: 1px solid #94c804; position: absolute; bottom: -1px; left: 10px; line-height: 48px; }
.yl p b{ border: none; line-height: 40px; color: #000; }
.yl ul{ zoom: 1; overflow: hidden; }
.yl ul li{ float: left; height: 24px; line-height: 24px; padding: 0 10px; margin: 10px 0 0 10px; font-size: 12px; border: 1px solid #ccc; border-radius: 10px; }

/*底部*/
.footer{ height: 85px; font-size: 12px; color: #999; padding: 17px 13px 0; }
footer .copyright{ line-height: 17px; text-align: center; }

/*排行榜*/
.container{ margin-top:65px; overflow: hidden; }
.container .container-title{ position: fixed; top: 41px; z-index: 3; width: 100%; height: 32px; background-color: #f8f8f8; display:flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.container .container-title li{ font-size: 16px; color: #676767; margin: 0 34px;}
.container .container-title li.active{ position: relative; color: #ff7d00; }
.container .container-title li.active:before{ content: ""; width: 30px; height: 2px; display: block; position: absolute; left: 8px; bottom: .5px; background-color: #ff7d00;}

.container .container-special{ display:none; background-image: radial-gradient(circle,#52b8ff,#3b73fe); overflow: hidden; }
.container .container-special.on{ display:block; }
.container .container-special .app-list{ position: relative; margin-top: 17px; height: 183px; }
.container .container-special .app-list li{ width:33.33%; position: absolute; top: 0; text-align: center;}
.container .container-special .app-list li.single-app-1{ left: 124px; }
.container .container-special .app-list li:before{ content: ""; position: absolute; display: block; border-radius: 13px; left: 30px; top: 68px; z-index: 2; -webkit-transform: translate(-50%,50%); -ms-transform: translate(-50%,50%); transform: translate(-50%,50%); }
.container .container-special .app-list li.single-app-1:before{ content: ""; top: 57.6px; left: 35px; height: 23px; width: 23px; background-image: url(../images/app-sprites_891478f0.png); background-position: 0 -614px; background-repeat: no-repeat; background-size: 290px auto;  }
.container .container-special .app-list .exposure{ font-size: 15px; color: #fff; }

.icon-66{ display: block; position: relative; width: 60px; height: 60px; border-radius: 12px; overflow: hidden; }
.icon-66 img{ background: #f0f5fc no-repeat 50%; background-size: 75% 75%; }
.icon-66 img, .icon-66:before{ display: block; width: 100%; height: 100%; pointer-events: none; }

.container .container-special .single-app-1 .app-icon{ pointer-events: auto; }
.container .container-special .app-list li .app-icon{ position: absolute; border: 1px solid #fff; left: 0; -webkit-box-shadow: 0 7px 26px rgba(37,97,254,.85); box-shadow: 0 7px 26px rgba(37,97,254,.85); border-width: 2px; }
.container .container-special .app-list li.single-app-1 .app-icon{ top: 8.5px; width: 68px; height: 68px; border-radius: 13px; }

.app-name{ pointer-events: none; }
@media screen and (max-width: 320px){
    .container-special .app-name{
        font-size: 12px;
    }
}
.container .container-special .app-list .app-name{ display: block; line-height: 15px; margin-top: 100px; font-family: PingFangSC-Medium,Helvetica Neue,Helvetica,STHeiTi,sans-serif; color: #fff; }
.container .container-special .app-list .app-size{ font-size: 11px; line-height: 13px; opacity: .6; margin-top: 5px; overflow: hidden; color:#fff; }
@media screen and (max-width: 320px){
    .container-special .app-list .app-size{
        font-size: 9px;
    }
}
.app-down{ display: block; border-radius: 3px; text-align: center; }
.list-app-down{ width: 56px; margin: 0 auto; height: 24px; line-height: 24px; font-size: 13px; color: #fff; background: #007aff; }
.container .container-special .app-list .app-down{ width: 64px; height: 23px; margin-top: 13px; line-height: 23px; color: #007aff; font-size: 13px; background-color: #fff; }
.container .container-special .app-list li.single-app-2{ left:28.5px; }
.container .container-special .app-list li.single-app-2:before{ content: ""; height: 21px; width: 21px; background-image: url(../images/app-sprites_891478f0.png); background-position: 0 -592px; background-repeat: no-repeat; background-size: 290px auto;  }
.container .container-special .app-list li.single-app-2 .app-icon{ top: 23px; width: 60.5px; height: 60.5px; border-radius: 3px; }
.container .container-special .app-list li.single-app-3{ left:226.5px; }
.container .container-special .app-list li.single-app-3:before{ height: 21px; width: 21px; background-image: url(../images/app-sprites_891478f0.png); background-position: 0 -570px; background-repeat: no-repeat; background-size: 290px auto; }
.container .container-special .app-list li.single-app-3 .app-icon{ top: 23px; width: 60.6px; height: 60.6px; border-radius: 11px; }

.container .game-special{ background-image: radial-gradient(circle,#f98235,#f75f46); }
.container .game-special .app-list li .app-icon{ -webkit-box-shadow: 0 7px 26px rgba(234,35,10,.85); box-shadow: 0 7px 26px rgba(234,35,10,.85); }
.container .game-special .app-list .app-down{ color: #f75f46; }

/*列表页*/
.list{ margin-top:0px; }
.list .label_wrap{ padding: 0 12px; overflow: hidden; background:#fff; }
.label_wrap .label_item{ width: 100%; overflow: hidden; margin: 12px 0; }
.label_wrap .label_item li{ width: 25%; float: left; margin: 5px 0; }
.label_wrap .label_item li.on a{color:#ff7d00;}
.label_wrap .label_item li a{ display: block; margin: 0 auto; width: 90%; height: 30px; line-height: 30px; text-align: center; background: #f6f6f6; border: 1px solid #dcdcdc; border-radius: 4px; font-size: 14px; color: #959595; }

.Min1.game-list{ margin-top:0px; } 
.list-wrap{ position: relative; height:15px; overflow: hidden; background-color: #fff; }
.list-title{ position: absolute; top:0px; right:0px; background: #fff; padding-bottom:5px; padding-right:12px; }
.list-title span,.list-title i{  margin:0 5px; }
.list-title span.on,.list-title span.on a{ color:#ff7d00; }

/*分页*/
.page{ display: flex; justify-content: space-between; background: #fff;margin:0 auto; text-align:center;padding-bottom:20px;}
.page > a{ width: 40%; border: 1px solid #e5e5e5; margin: 14px 0; display: inline-block; line-height: 30px; border-radius: 4px; background: #f6f6f6; text-align: center; color: #333; }
.page a,.page b{display:none;}
.page .syy96kaifa,.page .xyy96kaifa{display:block;margin:0 auto; text-align:center;}

/*软件*/
.downl_wrap{ position: relative; background: #fff; padding: 20px 12px;margin-top:7px;}
.downl_wrap .info{ overflow: hidden; margin: 0 auto; text-align: center; }
.downl_wrap .info .tx{ margin: 10px auto; display: inline-block; }
.downl_wrap .info .tx, .downl_wrap .info .tx img{ width: 110px; height: 110px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.downl_wrap .info .bt{ text-align: center; font-size: 18px; font-weight: bold; color: #444; line-height: 20px; margin: 10px 0;}
.downl_wrap .info .btn{ overflow: hidden; width: 100%; }
.downl_wrap .info .btn .az_btn{ display: inline-block; height: 30px; line-height: 30px; width: 82%; max-width: 400px; min-width: 230px; border-radius: 14px; margin: 22px 0 0 0; background: #eee; font-size: 14px; color: #fff; background-image: linear-gradient(90deg, #99cc01 0%, #b8ec1a 100%); }
.downl_wrap .info .btn .ios_btn{ display: inline-block; height: 30px; line-height: 30px; width: 82%; max-width: 400px; min-width: 230px; border-radius: 14px; margin: 10px 0 0 0; background: #eee; font-size: 14px; color: #fff; background-image: linear-gradient(90deg, #4C9FFD 0%, #86DCFF 100%); }
.downl_wrap .info .downl_text{ color: #999; font-size: 14px; }
.downl_wrap .info .btn .nodown{color: #fff;background-image: linear-gradient(90deg, #999 0%, #bbb 100%);}

/*内容*/
.content{ margin-top: 8px; background:#fff; }
.content-title{ font-size:16px; font-weight: 700; padding: 10px 12px;}
.img_item{ overflow-x: auto; margin: 12px 0 0 0; padding-top:10px; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; }
.img_item ul li{ display: inline-block; margin-right: 5px; }
.img_item ul li img{ max-width:200px; }

.content-about{ padding:0px 12px 10px 12px; max-height:100px; overflow: hidden; }
.content-about.on{ max-height:initial !important; }
.content-about p{ font-size:12px; color:#282727; line-height: 27px; }
.content-about h3{ color: #ff7d00;}
.con-about{padding:10px 12px;}
.con-about .expand{ display:block; text-align: right; color:#999; }
.con-about .expand>i{ display: inline-block; vertical-align: middle; width:15px; height:8px; background:url(../images/more.png); background-size:100% 100%; margin-left:8px; }

.game-list.show .item-title{ display: inline-block; font-size: 15px; color: #333;padding:12px;padding-bottom:0px;}

/*article-list*/
.article-item{display:block;overflow: hidden;}
.article-item li{display: block;padding: 10px 0px;border-bottom: 1px solid #f5f5f5;overflow: hidden;}
.article-item li:last-child{border-bottom:0px;}
.article-item li>a{display: inline-block;float: left;width: 88px;height: 58px;text-align: center;overflow: hidden;border-radius: 5px;}
.article-item li>a img{height:100%;}
.article-item li>dl{display:block;margin-left:98px;}
.article-item li>dl dt{height:40px;overflow: hidden;}
.article-item li>dl dt a{display: inline-block;font: 16px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;color: #333;line-height: 20px;overflow: hidden;}

/*article-details*/
#top{position: relative;z-index: 10;top: 0;width: 100%;height: 34px;background: #fff;padding: 8px 0;}
#top>div{display:flex;margin:0 12px;}
#top>div>a{float: left;display: inline-block;margin-right: 12px;width: 62px;height: 34px;background: url(../images/k-logo.png) no-repeat left center;background-size: 61px auto;cursor: pointer;}
#top>div>a.goback{width: 30px;background: url(../images/back.png) no-repeat 6px center;background-size: 10px auto;}
#top>div>p{flex: 1;height: 34px;text-align: center;font-weight: 700;font-size: 1pc;line-height: 34px;}
#top>div>.search, #top>div>p{display: block;overflow: hidden;}
#top>div>span{float: right;display: inline-block;margin-left: 12px;width: 33px;height: 33px;border: 1px solid #f1f1f1;border-radius: 16px;background: url(../images/r-icon-pre.png) no-repeat center bottom;background-color: hsla(0,0%,100%,.3);background-size: 33px auto;cursor: pointer;}

#BreadcrumbNavigation{display: block;clear: both;background: #f5f5f5;position: relative;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;}
#BreadcrumbNavigation>.BN-a{display: block;padding: 0 12px;overflow: hidden;}
#BreadcrumbNavigation>.BN-a>.BN-a-head{display: inline-block;float: left;margin: 5px 6px 5px 0;overflow: hidden;}
#BreadcrumbNavigation>.BN-a>.BN-a-head>span{display: inline-block;width: 38px;height: 20px;font-size: 12px;color: #fff;text-align: center;line-height: 20px;cursor: pointer;}
#BreadcrumbNavigation>.BN-a>.BN-a-head>em{display: inline-block;float: left;width: 20px;height: 20px;background: url(../images/position.png) no-repeat;background-size: 20px auto;}
#BreadcrumbNavigation>.BN-a>.BN-a-cont{display: block;overflow: hidden;height: 30px;}
#BreadcrumbNavigation>.BN-a>.BN-a-cont>a{font-size: 12px;color: #555;height: 30px;line-height: 30px;}
#BreadcrumbNavigation>.BN-a>.BN-a-cont>a.BN-lei{padding-left: 10px;background: url(../images/up-down3.png) no-repeat 1px top;background-size: 7px auto;}
#BreadcrumbNavigation>.BN-a>.BN-a-cont>a:nth-child(1){padding-right: 6px;font-weight: bold;float: left;}
#BreadcrumbNavigation>.BN-a>.BN-a-cont>a:nth-child(2){float: left; padding-right: 6px;}
#BreadcrumbNavigation>.BN-a>.BN-a-cont>a:nth-child(3){display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#BreadcrumbNavigation>.BN-a>.BN-a-cont>a:nth-child(3) span{display: inline-block;padding-right: 6px;line-height: 30px;}

.article_head{padding: 12px;background: #fff;border-bottom: 1px solid #f5f5f5;}
.article_head h1, .article_head h2{font-size: 16px;color: #333;margin-bottom: 4px;}
.article_head p{font-size:12px;color:#999;}
.article_head p span{color: #90bcf2;margin-right: 10px;}

.article_cont{padding: 0 12px 6px 12px;background: #fff;}
.article_cont>p{font-size: 14px;color: #555;line-height: 24px;padding-top: 15px;}

.gl-item{width: 100%;margin-top: 6px;box-shadow: 0 3px 3px #ebebeb;}
.gl-item-tit{display: block;padding: 0 12px;background: #fff;}
.gl-item-tit h2{display:inline-block;color: #333;font-size: 16px;line-height: 42px;}
.gl-item-tit a{display:block;float:right;line-height: 42px;}
.gl-item-tit .gl-box{display:block;background:#fff;}
.gl-item-tit .gl-box .read{display:block; overflow: hidden;}
.gl-box ul{background: #fff;}
.gl-box ul li{display: block;padding: 10px 12px;border-bottom: 1px solid #f5f5f5;overflow: hidden;}
.gl-box ul li>a{display: inline-block;float: left;width: 88px;height: 58px;text-align: center;overflow: hidden;border-radius: 5px;}
.gl-box ul li>a img{height:100%;}
.gl-box ul li>dl{display: block;margin-left: 98px;}
.gl-box ul li>dl dt{height: 40px;overflow: hidden;}
.gl-box ul li>dl dt a{display: inline-block;font: 16px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;color: #333;line-height: 20px;}
.gl-box ul li>dl dd{display: table-cell;font-size: 10px;color: #999;height: 18px;vertical-align: bottom;}

.fine-game{margin-top: 6px;background: #fff;-webkit-box-shadow: 0 3px 3px #ebebeb;-moz-box-shadow: 0 3px 3px #ebebeb;box-shadow: 0 3px 3px #ebebeb;}
.Head1{display: block;padding: 0 12px;overflow: hidden;}
.Head1 h2{float: left;color: #333;font-size: 16px;line-height: 42px;}
.Cont-J{display: block;background: #fff;}
.Cont-J ul{display: block;overflow: hidden;width:100%;}
.Cont-J ul li{position: relative;padding: 15px 12px;border-bottom: 1px solid #f5f5f5;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;overflow: hidden;}
.Cont-J ul li>a.CJ-explain{display: inline-block;float: left;}
.CJ-explain div img{display: inline-block;width: 58px;height: 58px;border-radius: 10px;background: #969696;}
.Cont-J ul li .CJ-sub{display: block;height: 67.5px;margin-left: 67.5px;position: relative;overflow: hidden;}
.Cont-J ul li .CJ-sub>div{margin-right: 67.5px;}
.CJ-sub>div a{display: block;max-height: 40px;color: #333;font: 14px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;font-weight:600;overflow: hidden;}
.CJ-sub dl{display: block;padding:4px 0px;overflow: hidden;}
.CJ-sub dt, .CJ-sub dd{display: inline-block;float: left;color: #888;font: 12px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;margin-right: 10px;}
.Cont-J ul li a.JC_btn2{display: inline-block;float: right;text-align: center;color: #fff;font: 12px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;line-height: 28px;width: 58px;background: #ff7d00;border-radius: 3px;position: absolute;top: 50%;right: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.Cont-J ul li>p{display: block; height: 18px; margin-left: 67.5px; line-height: 18px; color: #888; font: 12px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.recommend{background:#fff;margin-top:6px;padding:5px 12px;overflow: hidden;}
.recommend ul li{width: 50%;float: left;height: 26px;line-height: 26px;font-size: 14px;color: #b0b0b0;overflow: hidden;}
.recommend ul li span{color:#444;}

.guess{overflow: hidden;padding: 0 12px 12px;margin-top: 6px;background: -webkit-linear-gradient(left, #02c386 0%, #18e5ff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02c386', endColorstr='#18e5ff',GradientType=1 );background: linear-gradient(to right, #02c386 0%, #18e5ff 100%);}
.guess .bt{font-size: 16px;color: #333;font-weight: bold;height: 30px;line-height: 30px;margin: 10px 0;}
.like_tab{margin: 0;white-space: nowrap;overflow-x: auto;overflow-y: hidden;}
.like_tab p{display: inline-block;text-align: center;margin: 0 15px;font-size: 14px;color: #333;position: relative;height: 36px;line-height: 36px;}
.like_tab .on{font-weight:bold;}
.like_tab .on:after{display: block;content: '';position: absolute;width: 50%;left: 25%;bottom: 0;background: #333;border-radius: 2px;height: 3px;}
.like_item .item_info{width: 100%;overflow: hidden;}
.like_item .item_info .time{overflow: hidden;}
.like_item .item_info .time .bt{display: block; float: left; font-size: 18px; width: auto; height: 30px; line-height: 30px; margin: 0 20px 0 0;font-weight: bold; color: #2e2e2e;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.like_item .item_info .time i{display: block; float: left; background: url(../images/ico-img3.png) no-repeat; height: 10px; width: 12px; background-position: 0 -9px; margin: 13px 5px 0 0;}
.like_item .item_info .time span{font-size: 12px; color: #888; margin-right: 0; height: 30px; line-height: 36px;}
.like_item .item_info .time .mr{float: right; font-size: 12px; line-height: 34px; color: #666;}
.like_item .item_info .miaoshu{display: block; width: 100%; max-height: 65px; line-height: 22px; font-size: 13px; color: #888; overflow: hidden; white-space: initial;}
.like_item ul{width: 100%;overflow-x: auto;overflow-y: hidden;white-space: nowrap;}
.like_item ul li{display: inline-block; background: #fff; overflow: hidden; width: 90px; height: 168px; border-radius: 6px; margin: 10px 20px 10px 0; position: relative; vertical-align: middle;}
.like_item ul li .img{display: block; margin: 15px auto 0;}
.like_item ul li .img, .like_item ul li .img img{width: 60px;border-radius: 8px;}
.like_item ul li .name{font-size: 14px;color: #333;text-align: center;margin: 5px;overflow: hidden;height: 18px;line-height: 18px;font-weight: bold;white-space: normal;}
.like_item ul li .bq{text-align: center; color: #757575;}
.like_item ul li .downl_btn{display: block; width: 55px; height: 22px; line-height: 22px; border-radius: 15px; margin: 10px auto; color: #43ac53; font-size: 14px; border: 1px solid #43ac53; text-align: center;}

/*hj-details*/
.bg{position: relative;overflow: hidden;}
.bg img{position: relative;z-index: 1;width: 100%;height: 206px;}
.bg span{position: absolute;bottom: 12px;right: 13px;z-index: 999;color: #fff;font-size: 12px;}

.upone{width: 100%;background-color: rgb(255,255,255);}
.uponea{display: table;float: left;width: 94%;padding: 13px 8.5px 0px 8.5px;}
.uponea h3{float: left;font-size: 15px;font-weight: bold;margin: 0px;text-align: left;color: #232323;}
.uponea span{float: right;font-size: 14px;color: #16DEBD;}
.uponea span:before{display: inline-block; content: ' '; width: 20px; height: 20px; background: url(../images/img_c.png) no-repeat; background-size: 20px auto; background-position: 0 -465px; margin: 0 5px -4px 0;}
.uponeb{display: table;float: left;text-indent: 5%;width: 100%;font-size: 15px;}
.uponeb span{display: block; float: left; height: 66px; margin: 10px 12px 10px 12px; text-align: left; overflow: hidden; line-height: 21px; font-size: 12px;}

.load-more{height:30px;line-height: 30px;text-align: center;}

.new-game>ul>li:last-child{border-bottom:0px;}
.new-game ul li .CJ-sub span{display:inline-block;}
.new-game ul li .CJ-sub>div span:nth-child(3) a,.new-game ul li .CJ-sub>div span:nth-child(4) a{font-weight: 1;font-size: 12px;display: inline-block;width: 65px;text-align: center;color: #16debd;border-radius: 10px;border: 1px solid #16debd;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0px 5px;}
.item-box{margin-top:0px;}

/*hj-list*/
.game-lis1{width: 100%;background-color: #fff;overflow: hidden;}
.game-lis1 li{width: 50%;float: left;margin-top: 10px;}
.game-lis1 li a{display:block;}
.game-lis1 li a img{display: block;width: 92%;height: 90px;margin: 0 auto;}
.game-lis1 li a h3{height: 30px;line-height: 30px;text-align: center;font-weight: 400;color: #333;width: 92%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin: 0 auto;}

/*index*/
.collection{padding:0px 12px;background-color:#fff;}
.collection h3{display:inline-block;font-size:15px;color:#333;}
.collection .swiper-box{padding:15px 10px;}
.collection .swiper-box .swiper-slide{margin-right:11px !important; width:170px !important;}
.collection .swiper-box .swiper-slide img{width:170px;height:85px;}
.collection .swiper-box .swiper-slide span{display: block;overflow: hidden;width: 170px;height: 85px;border-radius: 4px!important;background: #eee;text-align: center;}
.collection .swiper-box .swiper-slide span>a{display: inline-block;margin-top: 28px;padding-top: 25px;background: url(../images/more-icon.png) no-repeat top center;background-size: 20px auto;color: #999;font-size: 13px;}

.infor{padding:0 12px;background-color:#fff;}
.infor .infor-tit{padding:10px 0px;}
.infor .infor-tit h3{display:inline-block;font-size:15px;color:#333;}
.infor .infor-tit a{float:right;}
.infor .infor-item{overflow: hidden;}
.infor .infor-item li{ padding:13px 0px;border-bottom:1px solid #dbe1ec;}
.infor .infor-item li:last-child{border-bottom:0px;}
.infor .infor-item li>a{display: inline-block;float: left;margin-right: 10px;width: 88px;height: 58px;text-align: center;overflow: hidden;}
.infor .infor-item li>a img{height:100%;width:100%;}
.infor .infor-item li .infor-txt{overflow: hidden;}
.infor .infor-item li .infor-txt>a{display: block;font-size: 14px;line-height: 21px;height: 41px;}
.infor .infor-item li .infor-txt p{display: table-cell;font-size: 10px;color: #999;height: 13px;}

.imgshow{display: none;background: rgba(0, 0, 0, .5);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 2019521;}
.swiperbox{height: 100vh;z-index: 3;background: #000;}
.swiperbox .swiper-container, .swiper-wrapper, .swiper-slide{height:100% !important;}
.swiperbox img{width: initial;position: relative;z-index: 2;}
.swiper-zoom-container:before{width: 100%;height: 100%;content: ' ';position: absolute;z-index: 1;display: block;top: 0;left: 0;cursor: pointer;}
.imgshow .closebtn{position: absolute;z-index: 22;background: url(../images/newclose.png) no-repeat 11px 0px;width: 60px;height: 60px;bottom: 0 !important;top:initial; left: 10px;background-size: 40px;}

/*分类*/
.bugger{display:none;position: absolute;min-width: 320px;max-width: 768px;z-index: 1100;width: 100%;height:100%;top: 50px;background: rgba(255,255,255,.95);border-top: 1px solid #f5f5f5;}
.bugger .bugger-box{overflow: hidden;}
.bugger .bugger-tit{display: block;padding: 0 12px;overflow: hidden;}
.bugger .bugger-tit h2{float: left; color: #333; font-size: 16px; line-height: 42px;}
.bugger .bugger-box .gubber-con{display: block;padding: 0 6px;overflow: hidden;}
.bugger .bugger-box .gubber-con li{float: left;display: inline-block;width: 20%;text-align: center;margin: 10px 0;}
.bugger .bugger-box .gubber-con li a{display: inline-block; overflow: hidden;}
.bugger .bugger-box .gubber-con li a span{display: inline-block;width: 47.5px;height: 47.5px;border-radius: 50%;margin-bottom: 10px;background: url(../images/icon.png) #3aa3f4 no-repeat 0px 0px;background-size: auto 100px;}
.bugger .bugger-box .gubber-con li:nth-child(2) a span{background: url(../images/icon.png) #40db8d no-repeat -50px 0px; background-size: auto 100px;}
.bugger .bugger-box .gubber-con li:nth-child(3) a span{background: url(../images/icon.png) #ff954b no-repeat -100px 0px; background-size: auto 100px;}
.bugger .bugger-box .gubber-con li:nth-child(4) a span{background: url(../images/icon.png) #f25656 no-repeat -150px 0px; background-size: auto 100px;}
.bugger .bugger-box .gubber-con li:nth-child(5) a span{background: url(../images/icon.png) #7177fc no-repeat -200px 0px; background-size: auto 100px;}
.bugger .bugger-box .gubber-con li p{color: rgb(136, 136, 136); font: 14px "Helvetica Regular", 方正中等线, "Microsoft YaHei", sans-serif, 宋体, Tahoma;}
.bugger .back{margin: 12px 0;text-align: center;}
.bugger .back button{display: inline-block;width: 50%;background: #FF9D01;border-radius: 4px;color: #fff;font-weight: bold;padding: 9px 0;font-size: 14px;}