/* 96kaifa原创源码，唯一官网：www.96kaifa.com*/
.hj-list-c{height: auto;display: table;margin-top: 20px;}
.hj-list-c>ul{display: table;}
.hj-list-c>ul li{display: block;float: left;width: 280px;height: 260px;background: #fff;margin:0 20px 20px 0;transition: all .2s linear;-webkit-transition: all .2s linear;}
.hj-list-c>ul li img{width: 280px;height: 140px;}
.hj-list-c>ul li span{display: block;width: 250px;height: 26px;line-height: 26px;margin: 8px auto 0;color:#404040;font-size: 16px;overflow: hidden;}
.hj-list-c>ul li p{width: 250px;height: 40px;margin: 0 auto;color: #a6a6a6;font-size: 12px;line-height: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;}
.hj-list-c>ul li i{display: block;float: left;width: auto;padding: 0 12px;height: 22px;line-height: 22px;text-align: center;font-size: 12px;color: #8ba8a3;border: 1px solid #8ba8a3;border-radius: 160px;margin: 10px 16px;}
.hj-list-c>ul li:hover{margin-top: -5px;margin-bottom: 25px;
-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);-moz-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);}
.hj-list-c>ul li:hover i{color: #16debd;border: 1px solid #16debd;}
.hj-list-c>ul li:hover span{color: #16debd;}
.hj-list-c>ul li:hover p{color: #595959;}
.hj-list-c .time{width: 250px;margin: 5px auto;height: 26px;line-height: 26px;color: #8ba8a3;font-size: 12px;}

.top-nav{height: 55px;margin: 20px auto;}

.a_style{background: #16debd !important;border-right: 1px solid #12b89c !important;padding-top: 3px;margin-top:7px !important;}

.top-nav a{display: block;width: 200px;height: 45px;float: left;background: #444;text-align: center;line-height: 45px;font-size: 18px;margin-top: 10px;color: #fff;border-right: 1px solid #555;border-radius: 5px 5px 0px 0px;transition: all .1s linear;-webkit-transition: all .1s linear;}

.top-nav a:hover{background: #16debd !important;padding-top: 5px;margin-top: 5px !important;border-right: 1px solid #12b89c !important;}


.Min_0 { width: 100%; height: 220px; margin: 30px auto 10px; }
.Min_0 .img { float: left; margin-right: 30px; }
.Min_0 .img, .Min_0 .img img { width: 400px; height: 200px; }
.Min_0 .bt { float: left; width: 770px; font-size: 24px; color: #323232; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.Min_0 .miaoshu { float: left; width: 770px; height: 120px; line-height: 30px; font-size: 15px; color: #323232; margin: 5px auto; overflow: hidden; }
.Min_0 .share { float: left; width: 770px; height: 40px; line-height: 40px; }
.Min_0 .share span { float: left; font-size: 16px; color: #323232; }
.Min_0 .share .bdsharebuttonbox { margin: 2px 0 0 50px; }
.Min_0 .share .bdsharebuttonbox a { background: url(../images/ico-img.png) no-repeat; height: 28px; width: 28px; padding: 0; }
.Min_0 .share .bdsharebuttonbox .bds_tsina { background-position: -108px -152px; }
.Min_0 .share .bdsharebuttonbox .bds_tsina:hover { background-position: -107px -191px; }
.Min_0 .share .bdsharebuttonbox .bds_weixin { background-position: -37px -151px; }
.Min_0 .share .bdsharebuttonbox .bds_weixin:hover { background-position: -36px -190px; }
.Min_0 .share .bdsharebuttonbox .bds_renren { background-position: -144px -153px; }
.Min_0 .share .bdsharebuttonbox .bds_renren:hover { background-position: -142px -191px; }
.Min_0 .share .bdsharebuttonbox .bds_tqq { background-position: 0 -150px; }
.Min_0 .share .bdsharebuttonbox .bds_tqq:hover { background-position: 0 -190px; }
.Min_0 .share .bdsharebuttonbox .bds_qzone { background-position: -71px -151px; }
.Min_0 .share .bdsharebuttonbox .bds_qzone:hover { background-position: -71px -191px; }
.Min_0 .share .bdsharebuttonbox .bds_more { background-position: -180px -153px; }
.Min_0 .share .bdsharebuttonbox .bds_more:hover { background-position: -179px -191px; }

.xt_tab span{line-height: 40px; margin: 0 0 0 20px; text-align: center;font-size: 24px;color: #4c4c4c;cursor: pointer;}
.bttab-style2{color: #12b89c !important;}

.xt-tab{width: 12000px;overflow: hidden;}
.zthj-list{margin: 15px 10px 0 0;}
.zthj-list>ul{width: 1244px;}
.zthj-list>ul>li{    padding-bottom: 15px; display: block;float: left;width: 380px;height: auto;background: #fff;margin: 0 30px 20px 0;position: relative;transition: all .2s linear;-webkit-transition: all .2s linear;}
.zthj-list>ul>li:hover{margin-top: -5px;margin-bottom: 25px;-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);-moz-box-shadow: 0 15px 30px rgba(0,0,0,0.1);box-shadow: 0 15px 30px rgba(0,0,0,0.1);}
.zthj-list>ul>li>a img{width: 100px;height: 100px;border-radius: 12px;display: block;float: left;margin: 20px;}
.bqtips{background: url(../images/kicon.gif) no-repeat;width: 110px;height: 106px;position: absolute;right: -3px;top: -6px;z-index: 9;}
.bqtj{background-position: 0 -112px;}
.bqlove{background-position: 0 -224px;}
.bqtips2{width: 42px;height: 60px;background: url(../images/ico-tuijian.png) no-repeat;position: absolute;right: 0;top: -3px;z-index: 9;}
.ztli-name{display: block;float: left;width: 220px;height: 100px;margin-top: 20px;}
.ztli-name a{display: block;width: 226px;height: 24px;line-height: 24px;color: #595959;font-size: 16px;font-weight: bold;overflow: hidden;}
.ztli-name a:hover{color: #12b89c;}
.ztli-name>p{color: #8ba8a3;font-size: 12px;width: 220px;height: 16px;overflow: hidden;line-height: 16px;margin: 6px 0;}
.star-c{width: 106px;height: 20px;display: block;float: left;position: relative;background: url(../images/ico-star2.png) repeat-x;margin-right: 15px;margin-top: 5px;}
.star-c p{width: 106px;height: 20px;position: absolute;left: 0;top: 0;background: url(../images/ico-star1.png) repeat-x;overflow: hidden;max-width: 106px;line-height: 80px;}
.ztli-name>span{display: block;float: left;font-size: 22px;color: #8ba8a3;margin: 0 0 0 4px;font-weight: bold;}
.ztls-jj{width: 340px;height: 66px;margin: 0 0 0 20px;color: #999;font-size: 12px;line-height: 22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;}
.ztls-bq{width: 360px;margin: 12px 0 0 14px;overflow: hidden;height: 32px;}
.ztls-bq a{display: block;float: left;padding: 0 16px;height: 28px;line-height: 26px;text-align: center;background: #f0f3f3;margin: 2px 10px 0 0;border-radius: 20px;color: #666;}
.ztls-bq a:hover{background: #16debd;color: #fff;}
.btdowl{width: 100px !important;display: block;float: left;font-size: 14px !important;border-radius: 6px;	text-align: center;	color: #12b89c !important;   border: 1px solid #12b89c;}
.btdowl:hover{background: #12b89c; color: #fff !important;}
/*游戏合集*/
.game-hj{height: auto;margin: 20px 0; overflow: hidden;width: 1210px;}
.game-hj ul{width: 1242px;height:  auto;}
.game-hj ul li{display: block;float: left;width: 216px;height: 120px;margin: 0 30px 20px 0;position: relative;overflow: hidden;border-radius: 10px;}
.game-hj ul li img{border-radius: 10px;width: 216px;height: 120px;}
.game-hj ul li p{position: absolute;width: 216px;height: 26px;left: 0;bottom: 0;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;background: rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);text-align: center;color: #fafafa;font-size: 14px;transition: all .1s linear;-webkit-transition: all .1s linear;}
.game-hj ul li:hover p{bottom: 0;transition: all .1s linear;-webkit-transition: all .1s linear;}
.game-hj ul li:hover{-webkit-box-shadow: 0 8px 20px rgba(0,0,0,0.3);-moz-box-shadow: 0 8px 20px rgba(0,0,0,0.3);box-shadow: 0 8px 20px rgba(0,0,0,0.3);}

.tab-cont .tab-list + .tab-list {display: none}
.bt-c .bttab-style{color: #12b89c !important}

/***Ⅲ合集列表 ***/
/* leftbox*/
.flph_l{width:890px;margin-right: 30px;}
/* 标签云 */
.bqy_r{margin-top: 15px;}
#tagscloud{width:280px;height:240px;position:relative;margin:5px auto 0;text-align:center;}
#tagscloud a{position:absolute;top:0px;left:0px;text-decoration:none;margin:0 10px 15px 0;line-height:22px;text-align:center;padding:1px 5px;display:inline-block;border-radius:3px;font-weight: bold;}
/* 手游TOP榜 */
.top_ph,.bqy_r{margin-top: 20px;width: 280px;}
.top_ph ul{margin-top: 10px;}
.top_ph ul li{display: block;float: left;width: 100%;height: 38px;}
.top_ph ul li:hover{background: #fff;}
.top_ph ul li p{display: block;float: left;width: 26px;height:18px;text-align: center;line-height: 18px;margin: 10px;font-size: 14px;color: #999;border-radius: 4px;}
.top_ph ul li a{display: block;float: left;width: 160px;height: 38px;line-height: 38px;overflow: hidden;font-size: 14px;color: #4c4c4c;}
.top_ph ul li span{display: block;float: right;width: 60px;font-size: 12px;color: #999;text-align: right;line-height: 38px;overflow: hidden;margin-right: 10px;}
.top_ph ul li:hover a{color: #19abff;}
.top_ph ul li:nth-child(1) p{background: #19abff; color: #fff;}
.top_ph ul li:nth-child(2) p{background: #5dc3fe; color: #fff;}
.top_ph ul li:nth-child(3) p{background: #a1dcfd; color: #fff;}
/*leftlist*/
.phb-cont{display: table;margin-top: 20px;}
.phb-list{width: 270px;background: #fff;margin:0 0 10px 5px;padding: 10px 0;display: none;}
.phb-list a{width: 40%;display: block;float: left;height: 40px;line-height: 40px;padding: 0 4%;text-align: center;overflow: hidden;font-size: 14px;color: #666;}
.phb-list a:hover{color: #16debd;}
.phb-lisc{width: 890px;margin-top: 15px;}
.phb-lisc>ul>li{height: auto;margin-bottom: 1px ;background: #fff;padding-left: 10px;    display: block;float: left;}
.phb-lisc>ul>li>p{display: block;float: left;margin: 10px 0;line-height: 22px;font-size: 14px;color: #808080;width: 710px;height: 48px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;}
.phb-lisc>ul>li:hover .phgame-name>a p{color: #12b89c;}
.phlis-lef{width: 100px;height: 100px;margin:20px 20px 35px;position: relative;}
.phlis-lef span{display: block;float: left;text-align: center;line-height: 45px;font-weight: bold;font-size: 28px;color: #fff;width: 50px;height: 50px;background: url(../images/ico-phlnm.png) no-repeat;position: absolute;left: -20px;top: -20px;}
.phlis-lef img{display: block;float: left;margin-top: 10px;width: 100px;height: 100px;border-radius: 12px;}
.phgame-name{width: 720px;height: 70px;margin-top: 10px;}
.phgame-name>a p{width: 580px;height: 36px;color: #595959;font-size: 18px;font-weight: bold;overflow: hidden;line-height: 36px;}
.gam-pf{width: 580px;height: 26px;}
.gam-pf>p{display: block;float: left;font-size: 12px;color: #8ba8a3;margin-top: 10px;}
.game-dowl{display: block;float: right;margin-top: -45px;width: 120px;height: 40px;text-align: center;line-height: 40px;font-size: 16px;color: #12b89c;border: 1px solid #12b89c;border-radius: 8px;}
.game-dowl:hover{background: #12b89c;color: #fff;}
.pq-lis{display: block; float: left; margin-bottom: 10px;}
.pq-lis ul{display: block;float: left;width: 710px;height: 28px;overflow: hidden;}
.pq-lis ul li{float: left;width: 72px;height: 28px;margin-right: 10px;text-align: center;line-height: 28px;background: #f0f3f3;border-radius: 14px;color: #666;font-size: 14px;}
.pq-lis ul li:hover{color: #fff;background: #16debd;}
.pt-style span{color: #16debd !important;}
.pt-style a{color: #12b89c !important;}

/*面包屑*/

.brednav{height: 20px;}

.brednav p{line-height: 20px;height: 20px;color: #808080;font-size: 14px;}

.brednav p a{color: #808080;}

.brednav p a:hover{color: #12B89C;}

/*nav2*/

.top-nav{height: 55px;margin: 20px auto;}

.a_style{background: #16debd !important;border-right: 1px solid #12b89c !important;padding-top: 3px;margin-top:7px !important;}

.top-nav a{display: block;width: 200px;height: 45px;float: left;background: #444;text-align: center;line-height: 45px;font-size: 18px;margin-top: 10px;color: #fff;border-right: 1px solid #555;border-radius: 5px 5px 0px 0px;transition: all .1s linear;-webkit-transition: all .1s linear;}

.top-nav a:hover{background: #16debd !important;padding-top: 5px;margin-top: 5px !important;border-right: 1px solid #12b89c !important;}