﻿
/***Ⅰ专题合集  ***/
.hj-info{overflow: hidden;width: 1200px;position: relative;margin:10px auto;}
.hj-list-c{height: auto;display: block;overflow: hidden;}
.hj-list-c>ul{display: table;width: 1240px;margin-top: 20px;}
.hj-list-c>ul li{display: block;float: left;width: 280px;height: 260px;background: #fff;margin:0 24px 20px 0;transition: all .2s linear;-webkit-transition: all .2s linear;border: 1px solid #f2f2f2;}
.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: #589cf6;border: 1px solid #589cf6;}
.hj-list-c>ul li:hover span{color: #589cf6;}
.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;}


/*合集介绍*/
.lis-contop{height: 180px;margin: 20px auto;background: #fcfcfc;position: relative;}
.lis-contop>img{width: 360px;height: 180px;margin-right: 20px;display: block;float: left;}
.lstgame-name{width: 810px;}
.lstgame-name>h1{display: block;max-width: 580px;height: 48px;font-size: 22px;color: #595959;line-height: 47px;font-weight: bold;margin-right: 15px;overflow: hidden;}
.lstgame-name>span{display: block;float: left;height: 24px;line-height: 24px;margin: 15px 0 0;color: #8ba8a3;font-size: 12px;}
.show-mb{background: #54ad0c;border-radius: 4px;width: 120px;height: 28px;font-size: 13px;line-height: 28px;color: #fff;margin-top: 9px;padding-left: 12px;cursor: pointer;position: relative;}
.show-mb p{float: left;border-right: 1px solid #fff;padding-right: 10px;}
.show-mb span{display: block;float: left;margin: 8px;width: 13px;height: 13px;background: url(/static/pc/img/ico-ewm.png) no-repeat;}
.show-mb:hover{opacity: .9;}
.show-mb:hover .show-ewm{display: block;}
.show-ewm{display: none;position: absolute;left: 0;top: 28px;width: 130px;height: 130px;z-index: 9;}
.show-ewm img{width: 130px;height: 130px;}
.top-rght{width: 800px;}

.top-bq{width: 730px;height: 30px;overflow: hidden;font-size: 14px;}
.top-bq span{float: left;line-height: 30px;margin: 0 10px 0 0;font-size: 18px;color: #646565;}
.top-bq a{display: block;float: left;color: #666;padding: 0 10px;margin: 0px 10px 10px 2px;height: 26px;background: #F4F5F4;border-radius: 20px;line-height: 26px;text-align: center;box-shadow: -1px 3px 4px rgba(0,0,0,.2);}
.top-bq a:hover{color: #589cf6;}
.xt-tab{width: 12000px;overflow: hidden;}
/*start*/
.zthj-list{margin: 15px 10px 0 0;}
.zthj-list>ul{width: 1244px;}
.zthj-list>ul>li{box-shadow: 0 0 0 1px #eee;  padding-bottom: 15px; display: block;float: left;width: 380px;height: auto;background: #fff;margin: 0 25px 20px 2px;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(/static/pc/img/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(/static/pc/img/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: #589cf6;}
.ztli-name>p{color: #8ba8a3;font-size: 12px;width: 220px;height: 16px;overflow: hidden;line-height: 16px;margin: 6px 0;}
/* end */
.star-c{width: 106px;height: 20px;display: block;float: left;position: relative;background: url(/static/pc/img/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(/static/pc/img/ico-star1.png) repeat-x;overflow: hidden;max-width: 106px;line-height: 80px;}
/*s*/
.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;}
/*e*/
.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: #12b89c;margin: 2px 10px 0 0;border-radius: 20px;color: #666;}
.ztls-bq a:hover{background: #12b89c;color: #fff;}
/*s*/
.btdowl{width: 100px !important;display: block;float: left;font-size: 14px !important;border-radius: 4px;	text-align: center;	color: #12b89c !important;   border: 1px solid #12b89c;}
.btdowl:hover{background: #12b89c; color: #fff !important;}
/*e*/
/*游戏合集*/
.game-hj{display: none; height: auto;margin-bottom: 10px;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);}

/*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: #589cf6;}
.phb-lisc{width: 890px;margin-top: 15px;}
.phb-lisc>ul>li{height: auto;margin-bottom: 1px ;background: #fff; 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: 760px;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: #589cf6;}
.phlis-lef{width: 100px;height: 100px;margin:20px 20px 35px 0;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(/static/pc/img/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: 760px;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: #589cf6;border: 1px solid #589cf6;border-radius: 4px;}
.game-dowl:hover{background: #589cf6;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: #589cf6;}
.pt-style span{color: #589cf6 !important;}
.pt-style a{color: #589cf6 !important;}

/* .jt_lis .hjtab span{
	margin: 6px 0 0 16px;
}
.jt_lis .hjtab span i{
	left: 25px;
} */
.jt_lis .tab-cont{
	margin: 15px auto;
}


/*合集介绍2*/
.lstgame-info{overflow: hidden;}
.lstgame-info p{display:inline-block; font-size:12px; color:#999;}
.lstgame-info .lstgame-time{margin-left:30px;}
.lstgame-text{font-size:14px; color:#666; margin-top:15px; height:72px; line-height:24px; overflow: hidden;}

/*软件下载*/
.soft-down{position: relative; margin-top:30px; padding: 30px; background:#fff;}
.soft-down img{float: left;display: block; height: 140px; width: 140px; border-radius: 10px; box-shadow: 0 0 30px #eee;}
.soft-down .soft-text{float:left; margin-left:28px;}
.soft-down:after{content:''; display:block; height:0px; clear: both; visibility: hidden;}
.soft-text .soft-name{display: block; font-size: 20px; font-weight: bold; color:#333333; margin-top:0px;}
.soft-text p{font-size: 16px; color: #999999; margin-top: 18px;}
.soft-text p > span{color:#feaa48;}
.soft-text ul{width: 629px; overflow: hidden; margin-top: 20px;}
.soft-text ul li{float: left; width: 155px; font-size: 14px; color: #333; margin-right: 48px; margin-bottom: 8px;}
.soft-text ul li span{float:left; color:#999;}
.soft-text ul li:last-child{width:auto;}
.soft-text ul li.on{color:#52cc66;}
/* .starts{position: relative; display: inline-block; width: 105px; height: 16px; background: url(/static/pc/img/start_on.jpg) no-repeat; vertical-align: middle;}
.starts > i{display: block; width: 30px; height: 16px; background: url(/static/pc/img/start_off.png) no-repeat; position: absolute; top: 0px; left: 0px;} */

.soft-download{float: right; display: block; width: 240px; height: 72px; background-color: #52cc66; font-size: 20px; font-weight: bold; color: #fff; text-align: center; line-height: 72px; margin-top: 46px;}
.soft-download > i{ display: inline-block; width: 30px; height: 30px; background: url(/static/pc/img/down_02.png) no-repeat; margin-right: 10px; vertical-align: middle; }

.soft-ico{position: absolute; right: -5px; top: -5px; width: 112px; height: 112px; background: url(/static/pc/img/r_icon.gif) no-repeat;}
.soft-down .soft-ico{background-position:0 -112px;}

/*hj_list*/
.hj_list{height:auto; width:105%; margin-top:20px; overflow: hidden;}
.hj_list li{position: relative; float: left; width: 225px; height: 320px; padding: 0 20px; margin: 0 43px 35px 3px; background: #fff;}
.hj_list li img{display: block; width: 114px; height: 114px; border-radius: 18px; margin: 32px 56px 10px; overflow: hidden;}
.hj_list .hj_name{display: block; width: 100%; height: 40px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #2e2e2e; line-height: 40px;}
.hj_list .hj_bq{display: block; width: 100%; font-size: 12px; color: #9e9e9e; text-align: center;}
.hj_list .hj_bq span{display: inline-block; width: 1px; height: 8px; margin: 0 8px; background: #b5b5b5;}
.hj_list .hj_time{text-align: center; font-size: 12px; color: #9d97be; height: 24px; line-height: 24px; margin-top: 8px;}
.hj_list .hj_donwl{display: block; margin: 20px auto; width: 120px; height: 32px; line-height: 32px; background: #f7f7fa; font-size: 14px; color: #686869; text-align: center; border-radius: 3px;}
.hj_list .hj_donwl:hover{color: #fff; background: #05c300;}


.top-rght li{float:left;}
.top-rght li.time{height:21px;line-height: 21px;}
.top-rght li.fx{margin-left: 20px;overflow: hidden;margin-top: -8px;}
.top-rght li.fx span{float: left;    margin-top: 7px;}
.top-rght .top-time{display: inline-block; font-size: 12px; color: #999;}
.top-rght .top-js{font-size: 14px; color: #666; margin-top: 15px; height: 72px; line-height: 24px; overflow: hidden;}