body{background-color: #f5f5f5;}
.contentwarp{background-position: center top !important;background-repeat: no-repeat !important;}
.allbox{width: 1200px; margin: 0 auto; margin-top: -30px;}
.allbox:after{display: block;content: ' ';clear: both;}
.page-c.allbox{margin: 0 auto;}
.con-left{margin-top: 0;}
.banner-c{width:1200px;height: 400px;position: relative;margin: 0 auto;}
.banner-c>img{min-width: 1920px;height: 400px;margin: 0 auto;margin-left: calc(50% - 960px);}
.nav-main{width:1200px;height: 60px;margin: 343px auto 0;float: left;}
.nav-main{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99DD6E4C', endColorstr='#99DD6E4C');background:rgba(221,110,76,0.6);}
:root .nav-main{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00DD6E4C', endColorstr='#00DD6E4C');}/*for IE9*/
.nav-main ul{width: 1200px;margin: 0 auto;}
.nav-main ul li{position: relative;font-weight: bold; z-index: 2; float: left; width: 120px; height: 60px; line-height: 60px; cursor: pointer;text-align: center;}
.nav-main ul li a{color: #fff;font-size: 20px;}
.nav-main ul li a:hover ,.nav-main ul .on a{opacity: .76;}
.con-left{width: 820px; height: auto; float: left; margin-right: 30px;}
.mod_a{width: 100%; overflow: hidden; background: #f8f8f8; padding-bottom: 10px;}
.mod_a .info{width: 480px; height: 140px; float: left;}
.mod_a .info .img{float: left; margin: 20px;margin-left: 0;}
.mod_a .info .img, .mod_a .info .img img{width: 110px; height: 110px; border-radius: 18px;}
.mod_a .info .bt{width: 336px; float: left; height: 24px; line-height: 24px; overflow: hidden; margin-top: 20px;}
.mod_a .info .bt a{display: block; float: left; font-size: 20px; font-weight: bold; color: #333; margin-right: 18px;}
.mod_a .info .bt span{color: #8c97cb; font-size: 14px;}
.mod_a .info .lis{width: 336px; height: 20px; overflow: hidden; line-height: 20px; margin: 15px 0; float: left;}
.mod_a .info .lis li{float: left; width: 100px; font-size: 12px; color: #9e9e9e;}
.mod_a .info .lis li span{color: #525252;}
.mod_a .info .bq{width: 336px; height: 22px; overflow: hidden; float: left; font-size: 12px; color: #9e9e9e;}
.mod_a .info .bq span{float: left;}
.mod_a .info .bq a{display: block; float: left; height: 22px; padding: 0 12px; background: #edeff5; text-align: center; line-height: 22px; margin: 0 3px; border-radius: 12px;color: #404040}
.mod_a .ph_wrap{width: 240px; height: 100px; float: right; margin: 20px 20px 0 0;}
.mod_a .ph_wrap .txt{width: 100%; height: 28px; line-height: 28px; font-size: 14px; color: #2e2e2e;}
.mod_a .ph_wrap .txt i{display: inline-block; margin: 0 18px 4px; height: 18px; width: 24px; background-position: 0 -167px; vertical-align: middle;}
.mod_a .ph_wrap .ph_link{width: 100%; color: #2d72eb; font-size: 12px; height: 18px; line-height: 18px; display: inline-block; float: right; text-align: right; margin-right: 12px; margin-top: 5px;}
.mod_a .ph_wrap .ph_link i{display: inline-block; height: 9px; width: 6px;}
.mod_a .ph_wrap .txt:hover,
.mod_a .ph_wrap .ph_link:hover{text-decoration: underline;}
.jj-item{width: 710px; margin: 10px auto; overflow: hidden; font-size: 14px; color: #858585;margin-left: 0}
.jj-item span{font-weight: bold; color: #9d97be; line-height: 28px;}
.new-dt .newzx{display: block;width: auto;color: #dd6e4c;font-size: 22px;line-height: 42px;font-weight: normal;}
.new-dt{width: 800px;margin: 10px 0;}
.new-dt li{width: 790px;height: 160px;display: block;border-bottom: 1px solid #e6e6e6;}
.new-dt li:hover{/*background:url(images/bg-lin.png) repeat;*/}
.new-dt li>a img{width: 216px;height: 120px;border-radius: 10px;display: block;float: left;margin: 20px 20px 0 0;}
.new-dt li>a p{display: block;float: left;width: 550px;height: 26px;line-height: 26px;overflow: hidden;margin: 20px 0 10px 0;font-size: 18px;font-weight: bold;color: #404040;display: block;}
.new-dt li>p{display: block;float: left;width: 550px;font-size: 14px;color: #808080;height: 50px;line-height: 25px;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.new-dt li>div{width: 550px;height: 26px;line-height: 25px;margin-top: 4px;display: block;float: left;font-size: 12px;color: #8ba8a3;}
.new-dt li>div span{margin:0 36px 0 6px;}
.new-dt li>div i{width: 12px;height: 12px;display: inline-block;/*background: url(images/icp-time-if.png) no-repeat;*/}
.new-dt li>div img{margin-top: -2px;}
.new-dt li:hover a{color: #12b89c;}
.new-dt li:hover>div i{/*background: url(images/ico-time-2.png) no-repeat;*/}
.new-dt li:hover>div .pltime{color: #feaa48;}
.con-right{width: 350px; height: auto; float: right;}
.dowl-cont>a{display: block;float: right;width: 50%;text-align: center;font-size: 13px;color: #999;}
.dowl-cont>a:hover{color: #12b89c;}
.dowl-lef{display: block;float: left;width: 150px;height: 140px;margin: 20px;margin-left: 13px;}
.dowl-rig{display: block;float: left;margin-top: 20px;}
.dowl-rig,.dowl-rig>img{height: 146px;width: 146px;}
.dowl-lef a{display: block;float: left;margin: 15px 0 20px 0;width: 150px;height: 40px;color: #fff;line-height: 40px;text-align: center;font-size: 16px;text-indent: -1em;}
.dowl-lef a img{margin: 0 10px; vertical-align: middle;}
.dowl-lef a i,.dowl-lef a span,.dowl-lef a p{opacity: 0.8;width: 150px;height: 40px;display: block;border-radius: 6px;}
.dowl-lef a p{background: #5ad65a;}
.dowl-lef a span{background: #4e4e4e;}
.dowl-lef a i{background: #19abff;}
.dowl-lef a.android p{background: #5ad65a;}
.dowl-lef a.ios p{background: #4e4e4e;}
.dowl-lef a.pc p{background: #19abff;}
.dowl-lef a.tv p{background: #f25657;}
.dowl-lef a:hover i,.dowl-lef a:hover span,.dowl-lef a:hover p{opacity: 1;}
.gray_c p{opacity: 1 !important;background: #e6e6e6 !important;color: #999;}
/*right-bt*/
.right-bt{width: 100%;height: 20px; clear: both;}
.right-bt p{display: block;float: left; color: #dd6e4c;font-size: 20px;line-height: 20px;text-indent: 0.5em;border-left: 5px solid #dd6e4c;height: 20px;overflow: hidden;}
.right-bt>span{display: block; float: left; width: 34px; height: 30px; line-height: 20px; margin: 0 0 0 16px; text-align: center; font-size: 14px; color: #dd6e4c; position: relative;}
.right-bt>span>img{display: none;position: absolute; left: 2px; bottom: 4px;}
.right-bt>span:hover .right-bt{display: block;}
.hotgame-lb{width: 350px;height: auto;display: table; margin: 20px 0;}
.lb-con{width: 350px;height: 90px;display: block;float: left;}
.lb-con>a img{width: 70px;height: 70px;display: block;float: left;margin: 10px 20px 0 10px;border-radius: 12px;}
.lb-con>a p{width: 240px;height: 20px;display: block;float: left;margin-top: 10px;overflow: hidden;line-height: 20px;color: #404040;font-size: 16px;}
.lblq-con{display: block;float: left;margin-top: 16px;width: 250px;height: 26px;}
.lblq-con>span{display: block;float: left;width: 16px;height: 18px;margin: 0 10px 0 0;}
.lblq-con>p{display: block;float: left;color: #8ba8a3;font-size: 12px;line-height: 26px;margin-left: 10px;}
.lq-but,.dowl-but{display: block;float: right;width: 60px;height: 26px;text-align: center;line-height: 26px;border: 1px solid #19abff;color: #19abff;border-radius: 6px;}
.lb-con:hover{background: #f0f0f0;}
.lb-con:hover .lblq-con .lq-but{background: #19abff !important;color: #fff !important;}
.lb-con:hover .dowl-but{background: #19abff !important;color: #fff !important;}
.tj-con>p{color: #dd6e4c;margin-bottom: 4px;}
.tuijian-dowl{width: 170px; float: left;}
.tuijian-dowl p{height: 24px;width: 170px;margin: 2px 0;overflow: hidden;line-height: 24px;font-size: 12px;color: #8ba8a3;}
.tuijian-dowl p span{color: #f25657;}
/*���Ż���*/
.hot-con{width: 350px;margin: 20px 0;overflow: hidden;}
.hot-con li{width: 350px;height: 26px;margin: 6px 0;}
.hot-con li i,.hot-con li a{display: block;float: left;}
.hot-con li a{width: 310px;height: 26px;overflow : hidden; text-overflow: ellipsis; white-space: nowrap; color: #404040; font-size: 14px;}
.hot-con li i{width: 7px;height: 7px;background: #e6e6e6;border-radius: 50%;margin: 7px 4px 0 10px;}
.hot-con li:hover a{color: #19abff;}
.hot-con li:hover i{background:#19abff;}
.news_zt li{width: 210px; margin: 10px 36px 0 0; height: 120px; float: left; position: relative; overflow: hidden;border-radius: 10px;}
.bt-c{width: 100%;height: 45px; color: #4c4c4c; font-size: 22px; line-height: 45px;}
.news_zt li p{position: absolute;width: 100%;height: 26px;left: 0;bottom: -26px;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;line-height: 25px;}
.news_zt li:hover p{bottom: 0;transition: all .1s linear;-webkit-transition: all .1s linear;}
.news_zt li img{display: block; width: 100%; height: 100%;}
.news_zt{overflow: hidden; margin-right: -36px;}
.news_ztwrap{margin-bottom: 40px;}

/*2019-1-2*/
.banner-c{ width: 100%; }
.banner-c .nav-main{ width: 100%; background: none; background-repeat: repeat-x;}
.body_mask{ width: 100%; height: auto; }
.banner-c .nav-main ul{ width: 1200px; height: 60px; }
.banner-c .nav-main ul{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99DD6E4C', endColorstr='#99DD6E4C');background:rgba(221,110,76,0.6);}
:root .banner-c .nav-main ul{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00DD6E4C', endColorstr='#00DD6E4C');}/*for IE9*/

.ztheaders{ overflow: hidden;padding-top: 20px;clear: both;margin-bottom: 50px;border-bottom: 1px solid #eee; padding-bottom: 20px;}
.ztheaders .imgBox{ display: block; width: 128px;height: 128px;float: left;margin-right: 20px; }
.ztheaders .imgBox img{ display: block; width: 100%;height: 100%; border-radius: 15px; }
.ztheaders .name{ height: 36px;line-height: 36px;font-size: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 15px; }
.ztheaders .infos li{height: 28px;line-height: 28px; font-size: 16px; color: #666;float: left; width: 250px;}
.ztheaders .text{font-size: 16px; clear: both;line-height: 28px; height: 56px; overflow: hidden;padding-top: 15px; text-overflow: -o-ellipsis-lastline;  overflow: hidden;  text-overflow: ellipsis;   display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ztheaders .text span{ color: #f4371f; }
.ztheaders .infos li .h{color: #dd6e4c;}
.ztheaders .dowl-cont{float: right;}
.ztheaders .ztlefts{float: left; width: 800px;}