﻿body{font-size:12px;font-family: "Microsoft YaHei";background:#f3f3f3;}
body,html,a,img,div,form,select,input,ul,ol,ul,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,label,em,span{margin:0;padding:0}
a{color:#444;text-decoration:none;cursor:pointer}
a:hover{color:#3385ff;text-decoration:none}
ol,ul,li{list-style:none}
em,i{font-style:normal}
img{border:none;margin: 0px;padding: 0px;}
.clearfix{*zoom:1;display:block;height:0;clear:both;}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
input, textarea, select {*font-size: 100%;outline: 0;border: 0;}
.kd{width:1200px ;margin: 0 auto;}

/*头部*/
.toub{width: 100%;height: 30px;line-height: 30px;border-bottom:1px #eee solid; background: #fff;}
.toub-nr{margin: 0 auto;width: 1200px;}
.tb-nrz{float: left; color: #999;}
.tb-nry{float: right;}
.tb-nry a{display: inline-block;border-right: 1px #eee solid;color: #999;padding-right: 10px;margin: 0 5px;height: 15px;line-height: 15px;}
.tb-nry a:hover{color: #ffec08;}
.tb-nry a:last-of-type{padding-right: 0;border-right: none;}

/*logo*/
.bzcont{width:100%; height:90px;border-bottom:1px solid #dedede; padding:8px 0 0;background: #fff;}
.biaoz-nrz{margin-right: 80px;float: left;}
.biaoz-nrz img{width: 200px;margin-top: 10px;}
.biaoz-nry{width: 460px;float: left;}
.biaoz-ssinp{width: 370px;height: 40px;line-height: 40px;float: left;margin-top: 30px;border: 1px solid #ff6100;border-right:none;box-sizing: border-box; text-indent: 10px;}
.biaoz-ssbtn{width:80px;height: 40px;line-height: 40px;float: left;margin-top: 30px;box-sizing: border-box;background-color: #ff6100;color: #fff;border: 1px solid #ff6100;border-left: none;background-image: url(../images/ss.png);background-repeat: no-repeat;background-position: center center;background-size: 18px 18px;}
.m-banner{width: 380px;height: 60px;float: right;overflow: hidden;margin-top: 11px;}
.m-banner img{width: 380px;overflow: hidden;height: 60px;}


/*导航*/
.daohcont{width:100%; background-color:#404952;height:40px; line-height:40px; }
.daohcont li{float: left;display: inline-block;font-size: 18px;padding: 0 40px;}
.daohcont li a{color: #fff;}
.daohcont li:hover{ background: #ff6100;}
.daohcont .daoh-on{background: #1F272B;color: #fff;border-bottom: 3px #ff6100 solid;line-height: 37px;height: 37px;}

/*热门tab切换*/
.bqtable{background: #fff;margin-top: 20px;padding:10px 20px;}
.bqtab-bt{width: 100px;float: left; background: #f6f6f6;}
.bqtab-bt li{height: 40px;line-height: 40px;font-size: 16px;color: #333;cursor: pointer; text-align: center;border-bottom: 1px #e0e0e0 solid;}
.bqtab-bt li a{display: inline-block;width: 100%;height: 40px;line-height: 40px;}
.bqtab-bt li.thistab a,.bqtab-bt li a:hover{ background: #5298ff;color: #fff;}
.bqtab-bt li i {width: 14px;height: 7px;display: block;position: absolute;bottom: -2px;left:24px;}
.bqtab-bt li:last-of-type{border-bottom: none;}
.bqtab-nr{width: 1050px;float: left;}
.bqtab-nr dd{width: 100%;color: #dee0e7;font-size: 14px;height: 40px;overflow: hidden;}
.bqtab-nr dd a{float: left;width: 84px;padding: 0 5px;height: 20px;text-align: center;line-height: 20px;overflow: hidden;border-right: 1px #ddd solid;margin:10px 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/*焦点图*/
.dyp-nr{margin-top: 20px;padding: 20px;background: #fff;}
.dynr-z{width: 565px;float: left;height: 320px;margin-right: 30px;}
.dynr-z dt{border-bottom: 1px #eee solid;margin-bottom: 8px;}
.dynr-z dt h2{font-size: 24px;line-height: 34px;font-weight:normal;text-align: center;}
.dynr-z dt h2 a{color: #fe1e00;}
.dynr-z dt p{margin: 15px 0;height: 36px;line-height: 18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #666;font-size: 14px;}
.dynr-z dt h2,.dynr-z dd a{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.dynr-z dd{height: 36px;font-size: 16px;}
.dynr-z dd i{display: inline-block;float: right; color: #999; line-height: 36px;}
.dynr-z dd a{display: inline-block;max-width: 75%;line-height: 36px;}
.dynr-z dd em{display: inline-block;float: left;width: 42px;text-align: left;line-height: 36px;overflow: hidden;color: #ff6100;}
.dynr-y{ width: 565px;height: 320px;float: left; position: relative;}
.dynr-y .j-scroll{ height: 30px;}
.dynr-y .j-scroll img{ width: 565px; height: 320px;overflow: hidden;}
.dynr-y .focus-slide .bd li a{display: block;position: relative;overflow: hidden;}
.dynr-y .news-pop-title{position: absolute;left: 0;right: 0;bottom: 0;padding: 0 120px 0px 15px;background: rgba(0,0,0,.5);color: #fff;line-height: 47px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 16px;text-align:left}
.dynr-y .slide-dot {text-align: right;position: absolute;right: 8px;bottom:14px;}
.dynr-y .slide-dot li{display: inline-block;width:12px;height: 12px;cursor: pointer;background: #fff;overflow: hidden;line-height: 1111px;margin: 0 5px 0px 0px;border-radius: 6px;}
.dynr-y .slide-dot li.on{background: #17a2e7;width: 12px;}


/*游戏推荐*/
.youxtj-nr{margin-top: 20px;height: 200px;position: relative;background: #fff}
.youxtj-bt{line-height: 40px;font-size: 18px;border-bottom: 1px #ddd solid;margin-bottom: 8px;color: #111;margin: 0 20px;}
.youxtj-bt a{float: right;width: 55px;height: 21px;display: inline-block; background: url(../images/more.png) no-repeat right 0;margin-top: 10px;font-size: 14px;line-height: 21px;color: #ff5500;}
.youxtj-bt a:hover{background: url(../images/moreh.png) no-repeat right 0;}
#four_flash{height:125px; margin-top: 20px;position: relative;margin: 0px 15px 12px;}
#four_flash .flashBg{margin: 15px auto;height: 125px;width: 1110px;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:118px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{float: left;width: 100px;height: 125px;margin-left: 10px;text-align: center;overflow: hidden;cursor: pointer;border-radius: 2px;}
#four_flash .flashBg ul.mobile li img{width: 80px;height: 80px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;margin: 10px 0 5px 0;overflow: hidden;}
#four_flash .flashBg ul.mobile li p{z-index: 999;display: block;font-size: 14px; color: #666;width: 80px;text-align: center;overflow: hidden;height: 20px;font-weight: normal;margin: 0px auto;line-height: 20px;}
#four_flash .but_left,#four_flash .but_right{display: block;top:10px;position: absolute;height: 105px;width: 30px;font-family: serif;line-height: 105px;font-size: 30px;font-weight: bold;color: #999;text-align: center;background: #e6e6e6;cursor: pointer;position: absolute;}
#four_flash .but_right{right: 0;}
#four_flash .but_left:hover,#four_flash .but_right:hover{ background: #5298ff;color: #fff;}

/*资讯*/
.zix-nr{background: #fff;margin-top: 20px;padding-top: 10px;}
.zix-nr dl{width: 379px;margin-left:20px;margin-bottom: 20px;float: left;}
.zix-nr dt{line-height: 40px;max-width: 90%;font-size: 18px;border-bottom: 1px #ddd solid;margin-bottom: 8px;color: #111;}
.zix-nr dt a{float: right;width: 55px;height: 21px;display: inline-block; background: url(../images/more.png) no-repeat right 0;margin-top: 10px;font-size: 14px;line-height: 21px;color: #ff5500;}
.zix-nr dt a:hover{background: url(../images/moreh.png) no-repeat right 0;}
.zix-nr dd{font-size: 14px;max-width: 90%;margin-top: 12px;}
.zix-nr dd a{line-height: 16px;max-width: 77%;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
.zix-nr dd span{float: right;display: inline-block;line-height: 16px;color: #999;text-align: right;}

/*游戏推荐*/
.youxtj-nr{margin-top: 20px;background: #fff;position: relative;}
.yxtj-bt{position: absolute;left: 200px;top: 13px;line-height: 26px;}
.yxtj-bt li{float: left;height: 26px;font-size: 12px;color: #333;cursor: pointer;position: relative;}
.yxtj-bt li a{display: inline-block;width:80px;height: 26px;line-height: 26px; text-align: center;border: 1px solid #e6e6e6;border-radius: 4px 4px 0 0;margin-right: 8px;}
.yxtj-bt li.thistab a,.yxtj-bt li a:hover{background: #5298ff;color: #fff;border-color:#5298ff ;}
.yxtj-bt li i {width: 14px;height: 7px;display: block;position: absolute;left: 15px;bottom: -8px;}
.yxtj-li{padding: 10px 20px;}
.yxtj-li dd{float: left; width: 165px;font-size: 14px;height: 40px;}
.yxtj-li dd a{max-width: 80%;display: inline-block;overflow: hidden;height:40px;line-height: 40px;}
.yxtj-li dd i{width: 24px;height: 24px;margin-right: 8px;vertical-align: middle;display: inline-block;}
.yxtj-li dd img{width: 24px;height: 24px;border-radius: 3px;overflow:hidden ;}

/*tag标签*/
.tagbq-nr{margin-top: 20px;background: #fff;}
.tag-li{padding: 10px 20px;}
.tag-li li{width: 78px;float: left;font-size: 14px;background:#f1f1f1; border-radius: 4px;line-height: 30px;margin-right: 16px;margin-bottom: 10px;text-align: center;padding: 0 5px;overflow: hidden;height: 30px;}
.tag-li li:nth-child(11n+11){margin-right: 0;}
.tag-li li:hover{ background: #5298ff;}
.tag-li li:hover a{color: #fff;}

/*友情链接*/
.youqlj-nr{margin-top: 20px;background: #fff;}
.youq-li{padding: 10px 20px;}
.youq-li li{float: left;font-size: 14px;line-height: 34px;margin-right: 20px;}

/*版权*/
.banq{border-top: 3px solid #8E8E8E;background: #1F272B;color: #63696E;height: 70px;margin-top: 20px;text-align: center;color: #555;padding-top: 20px;line-height: 30px;font-size: 14px;}
.banq a{color: #555;}

/*游戏库*/
.zj-nr{margin: 0 auto;width: 1200px;}
.gamektit{position: relative;height: 40px;font-size: 16px;line-height: 40px;border-bottom: 1px #eee solid;}
.all-btn{position: absolute;top: 7px;left:120px;}
.all-btn a{float: right;display: inline-block;font-size: 12px;padding: 0 15px;height: 24px;line-height: 24px;background: #ff6100;color: #fff !important;border-radius: 2px;margin-top: 0px;text-indent: 0px;}
.all-btn a:hover{color: #fff;}
.youxlb-y .gamektit{margin-bottom: 20px;text-indent: 0px;}
.gg-dqwz{line-height: 36px;height: 36px;color: #333;}
.youx-fl{background: #fff;position: relative;padding: 20px;}
.youx-fl ul{border-left: 1px #ddd solid;border-top: 1px #ddd solid;margin-top: 15px;}
.youx-fl li{width: 11%;float: left;border-right: 1px #ddd solid;border-bottom: 1px #ddd solid;text-align: center;height: 50px;}
.youx-fl li:nth-child(9n+9){width: 11.2%;}
.youx-fl li a{display: inline-block;width: 100%;height: 100%;}
.youx-fl li h2{font-size: 16px;font-weight: normal; line-height: 30px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.youx-fl li p{font-size: 12px;color: #888;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.youx-fl li p b{color: #ff6100;}
.youx-fl li:hover{background: #5298ff;}
.youx-fl li:hover h2,.youx-fl li:hover p,.youx-fl li:hover p b{color: #fff;}
.youx-fl ul{ overflow: hidden;height:102px;}
.youx-fl .show{height: auto;}
.youx-fl .yxk-open{width: 60px;height:30px;line-height: 30px; text-align: center;background: url(../images/lbmore.png) no-repeat right center;position: absolute;right: 20px;top: 28px;color:#ff6100;cursor: pointer;}
.youx-fl .active{background: url(../images/lbmores.png) no-repeat right center;width: 60px;height:30px;line-height: 30px;color: #999;}

.youx-lb{background-color: #fff;margin-top: 20px;}
.youx-lb ul{padding: 20px;}
.youx-lb li{width: 13.5%;float: left;padding: 15px 1%;border: 1px #eee solid;margin-right: 1.1%;margin-bottom: 20px;}
.youx-lb li:nth-child(6n+6){margin-right: 0;}
.youx-lb li img{width: 70%;height:114px;margin:0px 0px 0px 15%;overflow: hidden;border-radius: 30px;}
.youx-lb li h3{line-height: 32px;height: 32px;text-align: center;padding: 0 10px;overflow: hidden;font-size: 16px;color: #4c4c4c;font-weight: normal;margin-top: 6px;}
.youx-lb li p{padding: 0 10px; margin-top: 4px;}
.youx-lb li p a{font-size: 12px;color: #5298ff;display: block;width: 80px;line-height: 22px;border: 1px solid #5298ff;text-align: center;margin: 0 auto;}
.youx-lb li p a:hover{color: #fff;background: #5298ff;}

/*游戏列表页面*/
.youxlb-nr{background-color: #fff;padding-bottom: 20px;}
.youxlb-y{padding: 15px 20px 0 20px;position: relative;}
.youxlb-y ul{ overflow: hidden;height:90px;}
.youxlb-y li{width:96px;float: left;margin-right: 20px;height: 32px;line-height: 32px;border: 1px #ddd solid;font-size: 15px; text-align: center;margin-bottom: 20px;}
.youxlb-y li a{display: inline-block;width: 100%;height: 32px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.youxlb-y li a:hover,.youxlb-y li.yxlb-on{background: #5298ff;color: #fff;}
.youxlb-y li.yxlb-on a{color: #fff;}
.youxlb-y li:nth-child(10n+10){margin-right: 0;}
.youxlb-y .show{height: auto;}
.youxlb-y .yxlb-open{width: 60px;height:22px;line-height: 22px; text-align: center;background: url(../images/lbmore.png) no-repeat right center;position: absolute;right: 20px;top: 28px;color:#ff6100;cursor: pointer;}
.youxlb-y .active{background: url(../images/lbmores.png) no-repeat right center;width: 60px;height:22px;line-height: 22px;color: #999;}
.youxlb-e{padding: 30px 20px 0px 20px;}
.youxlb-e li{float: left;border: 1px #ddd solid;width: 174.5px;margin-right: 20px;margin-bottom: 20px;padding: 20px 0;height: 239px;}
.youxlb-e li:nth-child(6n+6){margin-right: 0;}
.youxlb-e li img{width: 80%;height: 140px;overflow: hidden;border-radius: 20px;margin-left: 10%;}
.youxlb-e li h3{font-size: 18px;font-weight: normal;line-height: 30px;}
.youxlb-e li p{line-height: 24px;color: #999;text-align: center;}
.youxlb-e li h3,.youxlb-e li p{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;padding: 0 10px; text-align: center;}
.youxlb-e li p a{display:block; width:100px; height:28px; line-height:28px; text-align:center;  border:1px solid #5298ff; overflow:hidden;margin: 10px auto 0 auto;color: #5298ff;}
.youxlb-e li p a:hover{background: #5298ff;color: #fff;}
.youx-page{width: 100%;margin-top: 20px;text-align: center;}
.youx-page li{display: inline-block;width: auto !important;height: 32px !important;padding: 0 !important;margin: 0 2px!important;float: none !important;border-radius: 0 !important;border: none !important;}
.youx-page li a,.youx-page li span{padding:0px 12px;border:solid 1px #DEDEDE;text-decoration:none; display:inline-block; line-height:30px;color:#515151;}
.youx-page li a:hover,.youx-page .pg-on,.youx-page li.active a,.youx-page li.active span{color:#fff !important;background: #5298ff !important;}


/*游戏详情页面*/
.youxxq-zb{width: 858px;float: left;}
.youxxq-y{padding: 20px;background-color: #fff;border: 1px solid #e8e8e8;}
.youxxq-y h1{font-size: 24px;line-height:26px;color: #333;margin-bottom: 5px;max-width: 80%;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; font-weight: normal;margin-bottom: 10px;}
.youxxqxz-z{width: 120px;float: left;margin-right: 30px;}
.youxxqxz-z img{width: 120px;height: 120px;overflow: hidden;border-radius: 30px;}
.youxxqxz-y{width:660px;float: left;}
.youxxqxz-y p{line-height: 28px;font-size: 14px;color: #999;height: 28px;}
.youxxqxz-y p span{width:180px;padding-right:20px;float:left;display:inline;height: 28px;overflow: hidden;}
.yxtbtn{ height: 30px; margin-top: 10px;}
.yxtbtn a{ width:120px ; height: 30px; display: inline-block; border-radius: 2px; background: #ffae00; color: #fff; line-height: 30px;font-size: 14px; margin-right: 7px; text-align: center;}
.yxtbtn a.azcol{background: #ffae00;}
.yxtbtn a.pgcol{background: #5298ff;}
.yxtbtn a.dncol{background: #1ec456;}
.yxtbtn a:hover{ opacity: 0.8;}
.youxxq-e,.youxxq-si{padding: 1px 20px 20px 20px;margin-top: 20px;background-color: #fff;border: 1px solid #e8e8e8;}

.youxxq-e p{ line-height:26px; font-size:14px; font-weight:normal; color:#333; display:block; overflow:hidden;}
.youxxq-e h2,.youxxq-s h2,.youxxq-si h2{width: 100%;border-bottom: 1px solid #f1f2f6;text-align: center;position: relative;margin: 0px 0px 20px 0;font-weight: bold;color: #fe1e00;}
.youxxq-e h2 b,.youxxq-s h2 b,.youxxq-si h2 b{background: #fff;padding: 2px 10px;position: relative;top: 15px;font-weight: bold;color: #fe1e00;-webkit-margin-start: -25px;margin-left: 0px;font-size: 16px;line-height: 2;}
.youxxq-e img{max-width: 80%;display: block;margin: 10px auto;overflow: hidden;}
.youxxq-s{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;padding: 1px 20px 20px 20px;margin-top: 20px;}
.youxxq-s .j-scroll{ height: 310px;position: relative;margin-top: 20px;}
.youxxq-s .j-scroll img{ width: 818px; height: 310px;overflow: hidden;}
.youxxq-s .focus-slide .bd li a{display: block;position: relative;overflow: hidden;}
.youxxq-s .slide-arr{position: absolute;width: 30px;height:60px;cursor: pointer;background-repeat: no-repeat;background-position: center;top: 50%;margin-top: -30px;}
.youxxq-s .slide-arr.prev{left: 0px;background: url(../images/yxkxqbtn2.png) no-repeat 0px 0px;}
.youxxq-s .slide-arr.next{right: 0px;background: url(../images/yxkxqbtn2.png) no-repeat -40px 0px;}
.youxxq-si ul{padding-top: 20px;}
.youxxq-si ul li{width: 92px;float: left;margin: 0 5px;}
.youxxq-si ul li img{width: 80px;height: 80px;margin-left: 6px;overflow: hidden;border-radius: 16px;}
.youxxq-si ul li p{text-align: center;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;font-size: 14px;line-height: 24px;}
.youxxq-yb,.fiv-nzx-y{width: 326px;float: right;}
.youxzx-y{margin-bottom: 20px;border: 1px solid #e8e8e8;background-color: #fff;padding-bottom: 10px;}
.youxzx-y dt,.youxtag-y dt{line-height: 40px;background-color: #03a9f4;color: #fff;font-weight: bold;font-size: 16px;padding: 0 10px;margin-bottom: 10px;}
.youxzx-y:nth-child(2) dt{background: #66bb6a;}
.youxzx-y dd{position: relative;padding:0 15px 0 30px;}
.youxzx-y dd i{ width: 3px; height: 3px;  background:#aaa;position:absolute;left: 15px ;top:15px; z-index: 10;border-radius: 30px;}
.youxzx-y dd a{ height: 30px; line-height: 30px; font-size: 14px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;max-width:100%;display: inline-block;}
.youxtag-y{margin-bottom: 20px;border: 1px solid #e8e8e8;background-color: #fff;padding-bottom: 10px;}
.youxtag-y dt{background: #ffd180;}
.youxtag-y dd{padding:0 15px;}
.youxtag-y dd a{width:81px;height: 28px;float: left;text-align:center;line-height: 28px;margin: 5px 21px 10px 0;overflow:hidden;box-sizing: border-box;padding: 0 8px;color: #444; background: #f1f1f1;border-radius: 4px;}
.youxtag-y dd a:nth-child(3n+3){margin-right: 0;}
.youxtag-y dd a:hover{background: #5298ff;color: #fff;}

.fypage{ width: 100%; text-align: center; margin-top: 10px; font-size: 16px;}
.fypage span{margin: 0px 40px; display: inline-block; max-width: 330px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.tagwzxq{width: 100%;height: 26px;margin-top: 15px;overflow: hidden;text-indent: 0;line-height: 26px;}
.tagwzxq a{display: inline-block;margin: 0 5px;padding: 0 8px;height: 22px;line-height: 22px;background:#f9f9f9;font-size: 12px;text-indent: 0;}
.tagwzxq a:hover{background:#f39800;color: #fff;}


.xgzxlist{ margin-top: 20px;background: #fff;padding-top: 1px;}
.xgzxlist .rigtit{ margin: 20px;}
.xgzxlist .xgzxcont{ margin: 0px 20px 0px 20px;}
.xgzxlist .xgzxcont ul{ width: 50%; float: left;}
.xgzxlist .xgzxcont li{ line-height: 32px; font-size: 14px; max-width: 80%;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.rigtit{ height: 34px; border-bottom: 1px #ddd solid;font-size: 18px; color: #333;}
.rigtit::before{content: ""; display: inline-block;background-color: #f39800;width: 4px;height: 20px;margin:3px 11px 0px 0px;float: left;}
.xgyxcont{padding: 0px 0px 0px 20px;}
.xgyxcont li{ width: 107px; float: left; margin-right: 32px;}
.xgyxcont li a{ max-width: 100%;}
.xgyxcont li img{ width: 107px; height: 107px; overflow: hidden; border-radius: 22px;}
.xgyxcont li em{ width: 100%; display: inline-block; text-align: center; line-height: 40px; color: #333; font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xgyxcont li a:hover em{ color: #ff5000; text-decoration: underline;}


/*游戏资讯页面*/
.zix-z{width: 858px;float: left;}
.zix-z-tit{background:#1F272B;max-height: 860px;overflow: hidden;margin-bottom: 10px;line-height: 40px;margin-top: 10px;}
.zix-z-tit li{font-size: 18px;display: block;float: left;height: 40px;text-align: center;width: 16.66%;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.zix-z-tit li a{color: #FFF;}
.zix-z-tit li.on{background: #41aff7;}
.zix-z-tit li.on a{color: #fff;}
.fiv-dqwz{line-height: 42px;height: 42px;font-size: 14px;color: #2a2a2a;}
.zix-y{background-color: #fff;padding: 20px;border: 1px solid #e8e8e8;}
.zix-ylb li{border-bottom:1px solid #eee;padding: 10px 10px 20px 10px;}
.zix-ylb h3{font-size: 18px;line-height: 36px;height: 36px;max-width: 60%;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;font-weight: normal;}
.zix-ylb p.zix-lbtext{width:100%;font-size: 15px;color: #999;line-height: 26px;margin: 5px 0 5px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
.zix-ylb p.zix-lblabel{line-height: 20px;color: #aeaeae;height: 20px;overflow: hidden;}
.zix-ylb p.zix-lblabel span{float: left;text-align: left;width: 60%;height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zix-ylb p.zix-lblabel a{color: #999;margin: 0 5px;}
.zix-ylb p.zix-lblabel a:hover{color: #fff;background: #00aaff;}
.zix-ylb p.zix-lblabel i{float: left;display: inline-block;width: 120px;}

/*文章页面*/
.zix-xq-z{width: 858px;float: left;}
.zix-xqy{background-color: #fff;padding: 20px;border: 1px solid #e8e8e8;}
.zix-xqbt{padding: 16px 0;text-align:center;border-bottom:1px solid #d9d9d9;}
.zix-xqbt h1{display:block;line-height:40px;font-size:24px;color: #222;font-weight:normal;margin-bottom: 16px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.zix-xqbt p{color: #ababab;font-size: 14px;}
.zix-xqbt p span{max-width: 300px;margin:0 20px;overflow:hidden;white-space:nowrap;}
.zix-xqnr{font-size:14px;color:#666;line-height:30px;padding: 15px 0;text-indent: 2em;}
.zix-xqnr h2{font-size: 16px;color: #fe1e00;}
.zix-xqnr img{ width: 600px;overflow: hidden;margin: 10px 0 10px 0px;}

/*tag页面*/
.taglb-nr .taglblab{background: #fff;}
.taglblab:nth-child(2),.taglblab:nth-child(3){margin-top: 20px;}
.taglilb ul{ overflow: hidden;height: 135px;}
.taglilb li{width: 80px;float: left;font-size: 14px;background:#f1f1f1; border-radius: 4px;line-height: 30px;margin-right: 16px;margin-bottom: 20px;text-align: center;padding: 0 5px;overflow: hidden;height: 30px;}
.taglilb li:nth-child(11n+11){margin-right: 0;}
.taglilb li:hover{ background: #5298ff;}
.taglilb li:hover a{color: #fff;}
.taglilb .show{height: auto;}
.taglilb .tagopen1,.taglilb .tagopen2, .taglilb .tagopen3{height: 36px;text-align: center;padding: 0 15px;display: block;line-height: 36px;background: #5298ff;border-radius: 5px;margin: 20px auto;width: 270px;color: #fff;font-size: 16px;cursor: pointer;}
.taglilb .active{background:#eee;color: #999;}
.taglilb{padding: 20px;}

/*游戏推荐页面*/
.yxtjym-nr{background-color: #fff;padding-bottom: 20px;border: 1px solid #e8e8e8;}
.yxtjym-nr ul.youxtj-li{padding: 20px 20px 10px 20px;}
.yxtjym-nr .youxtj-li li{width: 80px;float: left;font-size: 14px;background:#f1f1f1; border-radius: 4px;line-height: 30px;margin-right: 16px;margin-bottom: 20px;text-align: center;padding: 0 5px;overflow: hidden;height: 30px;}
.yxtjym-nr .youxtj-li li:nth-child(11n+11){margin-right: 0;}
.yxtjym-nr .youxtj-li li:hover{ background: #5298ff;}
.yxtjym-nr .youxtj-li li:hover a{color: #fff;}

/*合集页面*/
.hjlb-nr{background-color: #fff;padding-bottom: 20px;}
.heji-li{padding:10px 20px;}
.heji-li li{width: 23.3%;float: left;margin-right: 2%;margin-bottom: 20px;height: 250px;}
.heji-li li:nth-child(4n+4){margin-right: 0;}
.heji-li li img{width: 100%;height: 140px;overflow: hidden;}
.heji-li li h2{height: 34px;}
.heji-li li h2 a{width: 70%;float: left;font-size: 16px;font-weight: normal;}
.heji-li li h2 a,.heji-li li h2 b{display: inline-block;height: 34px;line-height: 34px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.heji-li li h2 b{font-size: 12px;color: #fe1e00;float: right;width: 29%;text-align: right;}
.heji-li li p{width: 100%;font-size: 14px;line-height: 24px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.heji-nr .youx-page{margin-top: 0;margin-bottom: 20px;}

/*合集列表页面*/
.hjlbnr-y{padding: 20px;}
.hjlbnr-yz{width: 300px;float: left; margin-right: 20px;}
.hjlbnr-yz img{width: 100%;height: 160px;overflow: hidden;}
.hjlbnr-yy{ width:820px;float: left;}
.hjlbnr-yy h3{font-size: 20px;font-weight: normal;color: #333;line-height: 40px;overflow: hidden; height: 40px;}
.hjlbnr-yy h3 span{font-size: 14px;margin-left: 20px;color: #999;}
.hjlbnr-yy h3 span i{color: #fe1e00;font-weight: bold;}

.hjlbnr-yy p a{margin-right: 10px;padding: 0 6px;background-color: #eee;}
.hjlbnr-yy p:last-child{margin-top: 15px;}


.hjlbnr-yy > p {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    max-height: 90px;
    overflow-y: scroll;
}

.hjlbnr-yy > p::-webkit-scrollbar {
  width: 5px;
  height: 10px;
	border-radius: 10px;
  background-color: transparent;
}
.hjlbnr-yy > p::-webkit-scrollbar-track {
  background-color: transparent;
}
.hjlbnr-yy > p::-webkit-scrollbar-thumb {
  background-color: #ddd;
}




.hjlb-li{padding: 20px;}
.hjlb-li li{width: 28%;float: left;border: 1px #ddd solid;margin-right: 2%;padding: 20px;margin-bottom: 20px;height: 113px;}
.hjlb-li li:nth-child(3n+3){margin-right: 0;}
.hjlb-liz{width: 100px;float: left;margin-right: 20px;}
.hjlb-liz img{width: 100px;height: 100px;border-radius: 12px;}
.hjlb-liy{width: 204px;float: left;}
.hjlb-liy h3{height: 24px;line-height: 24px;color: #595959;font-size: 16px;font-weight: bold;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;max-width: 70%;}
.hjlb-liy p{color: #888;font-size: 12px;width: 100%;line-height: 22px;margin: 3px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.hjlb-ybtn{width:100%;margin-top: 10px;}
.hjlb-ybtn a{width: 90px;display: block;float: left;font-size: 14px;border-radius: 4px;	text-align: center;	color: #5298ff;border: 1px solid #5298ff; height: 28px;line-height: 28px;}
.hjlb-ybtn a:hover{background: #5298ff;color: #fff;}

/*开服排行页面*/
.kfph-nr{background-color: #fff;}
.kfph-nr dt{ height: 44px;}
.kfph-nr dt ul{ height:46px;background: #ff6100;}
.kfph-nr dt li{ line-height:44px; float: left; width: 14.28%; text-align: center; font-size: 16px;box-sizing: border-box; color: #fff;}
.kfph-nr dd ul{ border-right: 1px #eee solid; height: 33px;}
.kfph-nr dd{ border-bottom: 1px #eee solid;}
.kfph-nr dd li{ line-height: 32px; float: left; width: 14.28%; text-align: center; font-size: 14px;overflow: hidden;color:#333;text-overflow: ellipsis;white-space: nowrap; background: #f4fbff;border-top: 1px #eee solid;border-left: 1px #eee solid;box-sizing: border-box;padding:0px 10px}
.kfph-nr dd ul:hover li{ background: #5298ff;color: #fff;}
.kfph-nr dd ul:hover li a{ color: #fff;}
.kfph-nr dd li:nth-child(1),.kfph-nr dd li:nth-child(2),.kfph-nr dt li:nth-child(1),.kfph-nr dt li:nth-child(2){ width: 300px;}
.kfph-nr dd li:nth-child(3),.kfph-nr dt li:nth-child(3){ width: 300px;}
.kfph-nr dd li:nth-child(4),.kfph-nr dd li:nth-child(6),.kfph-nr dt li:nth-child(4),.kfph-nr dt li:nth-child(6){ width: 299px;}
.kfph-nr dd li:nth-child(5),.kfph-nr dt li:nth-child(5){ width: 380px;}
.kfph-nr dd li:nth-child(7),.kfph-nr dt li:nth-child(7){ width: 110px;}
.kfph-nr dl:last-of-type dd li{background: #fff;}
.kfph-nr dl:last-of-type dd ul:hover li{ background: #5298ff;color: #fff;}
.kfph-nr dl:last-of-type dd ul:hover li a{color: #fff;}
.kfphsm{line-height: 24px;margin-top: 20px;margin-bottom: 10px;background: #fff;padding: 20px;}

/*网站地图页面*/
.mapdt-nr{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;padding: 20px;}
.mapdt-nr dl{width: 100%;margin-bottom: 16px;padding-bottom: 20px;}
.mapdt-nr dt{width: 100%;border-bottom: 1px solid #f1f2f6;text-align: center;position: relative;margin: 0px 0px 20px 0;font-weight: bold;color: #fe1e00;}
.mapdt-nr dt a{background: #fff;padding: 2px 10px;position: relative;top: 15px;font-weight: bold;color: #fe1e00;-webkit-margin-start: -25px;margin-left: 0px;font-size: 16px;line-height: 2;}
.mapdt-nr dd{width: 100%;padding-top: 10px;}
.mapdt-nr dd ul{width:100%;}
.mapdt-nr dd li{float: left;line-height: 30px;}
.mapdt-nr dd a{width: 80px;float: left;font-size: 14px;background:#f1f1f1; border-radius: 4px;line-height: 30px;margin-right: 16px;margin-bottom: 20px;text-align: center;padding: 0 5px;overflow: hidden;height: 30px;}
.mapdt-nr dd li:nth-child(11n+11) a{margin-right: 0;}
.mapdt-nr dd a:hover{ background: #5298ff;color: #fff;}
.mapdt-nrli dd .mapdk2{width: 100%;text-align: center;line-height: 40px;cursor: pointer;}
.mapdt-nrli dd .mapdk2 a{color: #5298ff;}
.mapdt-nrli dd.mapli2 ul{ overflow: hidden;height: 135px;}
.mapdt-nrli dd.mapli2 ul.show{height: auto;}
.mapdt-nrli dd .mapdk1,.mapdt-nrli dd .mapdk2{height: 36px;text-align: center;padding: 0 15px;display: block;line-height: 36px;background: #5298ff;border-radius: 5px;margin: 20px auto;width: 270px;color: #fff;font-size: 16px;cursor: pointer;}
.mapdt-nrli dd .active{background:#eee;color: #999;}
.mapdt-nrli dd.mapli1 ul{ overflow: hidden;height: 85px;}
.mapdt-nrli dd.mapli1 ul.show{height: auto;}

/*搜索页面*/
.soustit{height: 50px;line-height: 50px;border-bottom: 1px #eee solid;}
.soustit li{float: left;padding: 0 30px;font-size: 16px;font-weight: bold;}
.soustit li a:hover,.soustit li.on a{color: #FE8900;border-bottom: 3px #FE8900 solid;}
.sousyx h2{font-size: 18px;line-height: 30px;font-weight: normal;margin-top: 10px;}
.sousyx h2 i,.souslb h2 i{color: #ff0000;font-weight: bold;}
.souslb h2{font-size: 18px;font-weight: normal;margin-top: 20px;}
.ssyxmore{height: 30px;margin-bottom: 10px;line-height: 30px;text-align: center;margin-top: 10px;}
.ssyxmore a{display: inline-block;width: 30%;background: #eee;font-size: 15px;border-radius: 4px;}
.ssyxmore a:hover{background: #FE8900;color: #fff;}
.soustj{margin: 20px 0px 0 0px;color: #999;font-size: 14px;}
.soustj em{color: #ff0000;}
.souslb li{padding: 20px 0px;border-bottom: 1px #eee solid;}
.souslb li:last-child{border-bottom: none;}
.souslb h3{ font-size: 16px; font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 70%;}
.souslb p{ color: #888; line-height: 20px;font-size: 14px; margin-top: 12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-right: 15px;}
.sousyx .youxlb-e{padding: 20px 0px 0px 0px;}
.sousyx .youxlb-e li:nth-child(6n+6){margin-right: 20px;}
.sousyx .youxlb-e li:nth-child(4n+4){margin-right: 0px;}



/***底部***/
 footer{ width: 100%; background: #3d3c3a; padding-top: 40px;}
.footer_nav{width: 1200px;margin: 0 auto;text-align: center;line-height: 30px;padding-bottom: 30px;}
.footer_nav a{color: #999;margin: 0 20px 0 0;border-right: 1px solid #444;line-height: 36px;padding-right: 20px;}
.footer_nav a:last-child{ border-right: none;}
.footer_n{width: 1200px;margin: 0 auto;border-top:1px solid #383838;border-bottom:1px solid #383838;padding:30px 0;text-align: center;color: #969799;line-height: 30px;}
.footer_n a{color: #999;  }
.footer_n .record {width: 20px;height: 20px;background: url(../images/bei.png) no-repeat;display: inline-block;margin: 0 8px 0 20px;vertical-align: middle;}




 /***游戏资讯***/
 
.emtop2{ margin-top: 20px !important;}
.wrap{width: 1200px;background: #fff;margin: 0 auto;position: relative; z-index: 10;}
.emgexwbox{ padding: 10px 20px;}
.emgexwbot{margin-top: 20px; margin-bottom: 360px;}
.emgexw .game-pic{
  height: 352px;
overflow: hidden;
position: relative;
float: left;
width: 380px;
}
.emgexw .game-pic img{
  width: 380px;
height: 352px;
transition: all 1.2s ease 0s;
object-fit: cover;
}
.emgexw .game-pic span{
  display: block;
width: 96%;
padding: 0 2%;
height: 40px;
line-height: 40px;
background: rgba(0, 0, 0, 0.5);
font-size: 14px;
color: #fff;
text-align: center;
position: absolute;
left: 0;
bottom: 0;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.emgexw .game-pic a img:hover {
  transform: scale(1.2);
}

.emgexw .news-box{
  float: left;
width: 435px;
margin-left: 20px;
}


.trade-news {
  height: 60px;
  position: relative;
}

.trade-news .p1 {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  overflow: hidden;
  position: absolute;
top: 0;
left: 0;
}

.trade-news .p1 img {
  width: 60px;
  height: 60px;
  object-fit: cover;
}

.trade-news .p2 {
  margin-left: 72px;
  text-align: left;
  font-size: 16px;
color: #000;
height: 28px;
line-height: 28px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.trade-news .p3 {
  margin-left: 72px;
  height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
color: #999;
line-height: 24px;
text-align: center;
}

.glcr-zixun{
  border-left: 1px solid #f1f1f1;
float: left;
margin-right: 12px;
margin-top: 20px;
height: 266px;
}

.glcr-zixun ul {
  margin-top: -14px;
}
.glcr-zixun ul li {
  position: relative;
  width: 430px;
}

.glcr-zixun ul li a {
  width: 380px;
}

.glcr-zixun ul li span {
  font-size: 14px;
  color: #999;
  position: absolute;
  right: 0;
  top: 9px;
}
.glcr-zixun ul li {
  background: url(../images/grey-round.png) no-repeat left center;
  padding-left: 20px;
  margin-left: -4px;
}

.glcr-zixun ul li a {
  display: block;
  width: 360px;
  height: 36px;
  font-size: 14px;
  color: #444;
  line-height: 36px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 380px;
}
.glcr-zixun ul li span {
  font-size: 14px;
  color: #999;
  position: absolute;
  right: 0;
  top: 9px;
}

.trade-data {
  width: 300px;
  float: left;
  margin-left: 20px;
}
.game-video:first-child{
  margin-bottom: 15px;
}
.game-video a {
  display: block;
  width: 302px;
  height: 168px;
  position: relative;
}

.game-video a img {
  width: 302px;
  height: 168px;
  object-fit: cover;
}

.game-video a em {
  display: block;
  width: 96%;
  padding: 0 2%;
  height: 40px;
  line-height: 40px;
  background: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  color: #fff;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}





.sp_lbc{width: 400px;height: 434px;float: left;position: relative;}
.sp_lbc img{height: 100%;width: 100%;object-fit: cover;}



/***最新游戏***/
.emtop2{ margin-top: 20px !important;}
.wrap{width: 1200px;background: #fff;margin: 0 auto;position: relative; z-index: 10;}
.emgezx ul{ padding: 10px 10px;}
.emgezx li{width: 250px;float: left;margin-right: 60px;margin-bottom: 30px;}
.emgezx li:nth-child(4n){margin-right: 0;}
.emgezx li img{width: 90px;height: 90px;float: left;border-radius: 16px;margin-right: 15px;}
.emgezx li div{width: 58%;float: left;}
.emgezx li h2{font-size: 18px;color: rgb(51,51,51);font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.emgezx li p{font-size: 12px; color: #999; font-weight: normal; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 10px 0 8px 0;}
.emgezx li p span{padding: 0 5px;}
.emgezx li a.an{width: 110px;height: 28px; border: 1px #FF881E solid;border-radius: 3px;text-align: center; line-height: 28px;font-size: 14px;color: #FF881E;display: block;background: #edf1f7;}
.emgezx li:hover a.an{background: #FF881E;color: #fff;}






/***游戏合集***/
.emgehjfix:after{content:"";display:block;clear:both;}
.emgehjfix{zoom:1;}
.emtop2{ margin-top: 20px !important;}
.wrap{width: 1200px;background: #fff;margin: 0 auto;position: relative; z-index: 10;}
.emgehj ul { width: 1200px;padding: 10px 10px;}
.emgehj li {
  float:left;
  width:220px;
  height:170px;
  margin-right:20px;
  overflow:hidden;
  position:relative;
  margin-bottom: 10px;
 }
 .emgehj li:nth-child(5n){
  margin-right: 0;
 }
 .emgehj ul li img {
  width:100%;
  height:130px;
  overflow: hidden;
  object-fit: cover;
 }
 .emgehj ul li span {
  display:block;
  position:absolute;
  width:224px;
  height:30px;
  line-height:30px;
  left:0;
  bottom:40px;
  background:rgba(0,0,0,.6);
  text-align:center;
  color:#fafafa;
  transition:all .1s linear;
 }
 .emgehj ul li .down{position: relative;left:0px;top:0px;} 
 .emgehj ul li .reflection{width:100%;height:40px;left:0px;top: 0;} 
 .emgehj ul li .reflection img{ -webkit-transform: scaleY(-1);  -moz-transform: scaleY(-1); -ms-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); opacity:0.2; filter:alpha(opacity='20'); height: 100%;width: 100%;object-fit: cover; }
 .emgehj ul li .overlay{position: relative;width: 100%;height:100px;bottom:80px; 
background-image: -moz-linear-gradient(center bottom, rgb(255,255,255) 20%, rgba(255,255,255,0) 90%); 
background-image: -o-linear-gradient(rgba(255,255,255,0) 10%, rgb(255,255,255) 30%); 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.20, rgb(234,241,247)), color-stop(0.90, rgba(255,255,255,0))); 
} 





/***首页头部推荐***/
.inhotyx{width: 1200px;background: #fff;margin: 20px auto 20px auto;display: block;box-sizing: border-box;height: 240px;overflow: hidden;}
.tab-cont{position:relative;}
.tab-top{margin-top: 17px;padding: 0 20px;}
.tab-title ul li{position: relative;display: inline-block; text-align: center;font-size: 18px;color: #595959;padding: 12px 12px 12px 40px;margin-right: 20px;cursor: pointer;}
.tab-title ul li i{display: inline-block;position: absolute;width: 0; height: 4px;bottom: -5px;left: 50%;background-color: transparent;transition: all .5s linear;}
.tab-title ul li em{content: "";width: 20px;height: 20px;background: url(../images/inico.png) -637px -84px;display: inline-block;position: absolute;left: 12px;top: 13px;}
.tab-title ul li em.zqico{background-position: -637px -143px;left: 15px;}
.tab-title ul li.m-hover em.rmico{background-position: -557px -84px;}
.tab-title ul li.m-hover em.zqico{background-position: -557px -143px;left: 15px;}
.tab-title ul li.m-hover{color: #2797ef;}
.tab-title ul li.m-hover i{width: 38px;height: 4px;background-color: #2797ef;border-radius: 2px;position: absolute;bottom: -5px;left: 32%;}
.tab-title ul li .icohot{display: block;position: absolute; top: -3px; right: -14px;width: 29px;height: 16px;background: url(../images/inico.png) no-repeat 0 -62px;}
.tab-bd{width: 100%;height: auto;margin-bottom: 0;overflow: hidden;margin-left: 0;padding: 20px;box-sizing: border-box;}
.tab-list{position:relative;width: 1160px;}
.icon_rmsy{width: 25px;height: 25px;background: url(../images/ioc-sytb.png) no-repeat -311px -66px;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;}
.tab-title ul li.m-hover .icon_rmsy{ background-position: -260px -66px; }
.icon_rmzq{width: 25px;height: 25px;background: url(../images/ioc-sytb.png) no-repeat -415px -66px;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;}
.tab-title ul li.m-hover .icon_rmzq{ background-position: -364px -66px; }
.tab-list:nth-child(2){display: none;}

/***热门推荐游戏列表***/
.rmsy-list{overflow:hidden;height: auto;width: 1160px;padding-left: 0;margin-top: 0;}
.rmsy-list ul li{display: block;float: left;width: 100px;text-align: center;margin-right: 32.5px;padding: 0px 0 3px 0;}
.rmsy-list ul li a {width: 100%;height: 135px;display: block;overflow: hidden;position: relative;zoom: 1;}
.rmsy-list ul li a span{display: block;width: 100%;margin: auto;height: 36px;line-height: 36px;font-size: 14px;color: #4b4b4b;overflow: hidden;white-space: nowrap;}
.rmsy-list ul li a:hover span{color: #2797ef;}
.rmsy-list ul li img{width: 100px;height: 100px;border-radius: 16px;}
.rmsy-list ul li:last-child{ margin-right:0px;}


/***焦点图***/	
#ifocus {width: 615px;height: 540px;background:#F8F8F8;position: relative;}	
#ifocus_pic {display:inline;position:relative;float:left;width: 650px;height: 540px;overflow:hidden;margin: 0;}	
#ifocus_piclist li {width: 615px;height: 540px;overflow:hidden;}	
#ifocus_piclist img {width: 615px;height: 540px;object-fit: cover;}	
#ifocus_btn {height: 28px;width: 615px;position: absolute;left: 0;bottom: 0;padding: 0px 20px;box-sizing: border-box;text-align: center;}
#ifocus_btn li {width: 10px;height: 10px;margin-right: 6px;cursor:pointer;background: rgba(255, 255, 255, 0.4);display: inline-block;border-radius: 30px;}	
#ifocus_btn li.on{width: 50px;}
#ifocus_opdiv {position:absolute;left:0;bottom:0;width: 615px;height: 75px;background:none;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);}
#ifocus_tx {position:absolute;left: 0px;bottom: 28px;color:#FFF;}	
#ifocus_tx ul li{display:none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 615px;padding: 0 20px;box-sizing: border-box;text-align: center;}	
#ifocus_tx ul li a{ color:#fff; font-size:18px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;height: 42px;line-height: 42px;}
#ifocus:hover #ifocus_btn {display:inline;}

.scr_bt{width: 100%;font-size: 18px;height: 20px;line-height: 20px;border-left: 4px #2797ef solid;padding-left: 10px;box-sizing: border-box;}
.scr_bt a{float: right;font-size: 13px;}
.scr_bt a:after{content: "";background: url(../images/inico.png) no-repeat -213px -333px;width: 12px;height: 12px;display: inline-block;margin-left: 5px;}

.tj_n{ width: 500px; float: right; box-sizing: border-box;border: 1px #f2f2f2 solid;border-top: none;margin-right: 10px;}
.xw_zj{ width: 430px; float: left; margin:0 20px; box-sizing: border-box;border: 1px #f2f2f2 solid;padding: 0 20px;box-sizing: border-box;height: 542px;}
.xw_zj .jrrd-gl{margin-top: 20px;border-top: 1px #eaeaea dashed;}
.g-ivtab{overflow:hidden;}
.g-ivtab .g-ivtab-bd .g-tab-con ul{ overflow:hidden; clear:both;}
.g-ivtab .g-ivtab-top{width: 100%;height: 43px;line-height: 43px;border-bottom: 1px #f2f2f2 solid;}
.g-ivtab .g-ivtab-top ul li{display:block;float:left;border:2px solid #fff;border-top: 2px #fafafa solid;border-bottom: none;box-sizing: border-box; border-left:0;width: 33.33%;height:43px;font-size:14px;color:#565656;line-height:43px;text-align:center;cursor:pointer;background: #fafafa;}
.g-ivtab .g-ivtab-top ul li.m-hover{color: #2797ef;border-top: 2px solid #2797ef;border-bottom: 0;background: none;line-height:44px;background: #fff;height: 44px;}
.g-ivtab .g-ivtab-bd{padding-top: 10px;}
.g-ivtab .g-ivtab-bd .g-tab-con{padding: 0 15px 12px 15px;}
.g-ivtab .g-ivtab-bd .g-tab-con li {height: 23px;line-height: 23px;font-size: 14px;padding: 5px 0 0;margin-bottom: 6px;float: left;width: 100%;overflow: hidden;}
.g-ivtab .g-ivtab-bd .g-tab-con li span{padding-right: 5px;color: #999; float:right;}
.g-ivtab .g-ivtab-bd .g-tab-con li i.u-type {display: block;float: left;width: 73px;margin-right: 10px;line-height: 23px;text-align: right;overflow: hidden;position: relative; font-style:normal;}
.g-ivtab .g-ivtab-bd .g-tab-con li i.u-type a {font-size: 14px;color: #999;}
.g-ivtab .g-ivtab-bd .g-tab-con li p{float: left;width: 250px;overflow: hidden;height:23px;}
.g-ivtab .g-ivtab-bd .g-tab-con li p img {display: inline-block;float: left;width: 23px;height: 23px;vertical-align: middle;margin-right: 8px;}
.g-ivtab .g-ivtab-bd .g-tab-con li p a{ color:#333;}
.g-ivtab .g-ivtab-bd .g-tab-con li a:hover{color:#2797ef;}
.g-ivtab .g-ivtab-bd .g-tab-con li i.u-type a:hover{color:#2797ef;}


.g-ivtab .g-ivtab-bd .g-tab-con li:nth-child(5){border-bottom: 1px #eaeaea dashed;margin-bottom: 20px;padding-bottom: 20px;}



.tj_z{ text-align: center;padding: 10px 0 20px 0;border-bottom: 1px #f2f2f2 dashed;margin-bottom:15px;}
.tj_z h1{ font-size: 18px; margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 20px;box-sizing: border-box;}
.tj_z h1 a{color: #2797ef;}
.tj_z p{font-size: 12px; color: #888;height: 20px;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 20px;box-sizing: border-box;}
.tj_z p a{color: #888; margin: 0 10px;}


.yxtjsc{width: 258px;border: 1px #f2f2f2 solid;float: right;padding: 20px 10px;box-sizing: border-box;background: url(../images/tjbg.png) repeat-x left bottom;}
.yxtjsc li{ float: left; margin-top: 21px; margin-right: 12px; width:70px; overflow: hidden;}
.yxtjsc li img{ width: 70px; height: 70px; border-radius: 20px;}
.yxtjsc li p{ text-align: center; margin-top: 10px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.yxtjsc li:nth-child(3n){margin-right: 0px;}

/***热单新闻***/
.inarea{width: 1200px;background: #fff;margin: 0px auto;display: block;overflow: hidden;padding: 20px; box-sizing: border-box;}
.inarea-l{ width: 615px; float: left;}
.syjdt{width: 615px; height: 540px; overflow: hidden;}
.rdhd{ width: 615px; margin-top: 20px;}
.rdhd-dt{ width: 100%;border: 1px #f2f2f2 solid;margin-top: 20px;padding: 20px 28px 0 28px;box-sizing: border-box;background: url(../images/tjbg.png) repeat-x left bottom;}
.rdhd-dt li{ float: left; margin-bottom: 20px; margin-right: 20px; width:78px; overflow: hidden;}
.rdhd-dt li img{ width: 78px; height: 78px; border-radius: 20px;}
.rdhd-dt li p{ text-align: center; margin-top: 10px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.rdhd-dt li:nth-child(4n){margin-right: 0px;}


.jrrd{ width: 100%;}
.jrrd_b{ width: 100%; height: 41px; background: #f9f9f9;}
.jrrd_b p{display: inline-block;height: 51px;position: relative;background: url(../images/inico.png) no-repeat 0px -112px;width: 114px;color: #fff;font-size: 18px;font-weight: bold;text-align: center;line-height: 41px;}
.jrrd-n{ width: 100%; margin-top: 11px;padding-bottom: 15px;border-bottom: 1px #eaeaea dashed;}
.jrrd-n h3{ font-size: 20px; font-weight: bold; text-align: center; line-height: 45px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;color: #ff6460;}
.jrrd-n p{ font-size: 14px;  color: #888; text-align: center;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;height: 35px;line-height: 35px;}
.jrrd-n p a{display: inline-block;max-width:153px;overflow: hidden;height: 35px;line-height: 35px;}
.jrrd-n p i{display: inline-block;margin: 0 6px;height: 35px;line-height: 35px;vertical-align: top;}
.jrrd-zx{display: inline-block;width: 100%;padding: 0 10px;box-sizing: border-box;}
.jrrd-zx dd,.jrrd-gl dd,.jrrd-zx dt,.jrrd-gl dt{margin-top: 18px;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.jrrd-gl{margin-top: 10px;display: inline-block;width: 100%;padding: 0 10px;box-sizing: border-box;}
.jrrd-zx em,.jrrd-gl em{width: 40px;height: 20px;line-height: 20px;display: inline-block;margin: 0px 15px 0px 0px;float: left;overflow: hidden;}
.jrrd-zx dt em{background: #2797ef;color: #fff;text-align: center;}
.jrrd-gl dt em{background: #ff6460;color: #fff;text-align: center;}
.jrrd-zx dt a,.jrrd-gl dt a{font-size: 16px;font-weight: bold;}



/*相关资讯*/
.wrbap .title{text-indent: 10px;}
.hot-words{margin-top: 17px;}
.hot-words a { display: inline-block; vertical-align: top; line-height: 26px; padding: 0 20px; background-color: #f5f5f5; border: 1px solid #e5e5e5; border-radius: 50px; margin: 0px 0 15px 10px; }

.hot-words a:nth-child(1), .hot-words a:nth-child(8), .hot-words a:nth-child(21), .hot-words a:nth-child(28)  { color: #ff1716; }
.hot-words a:nth-child(2), .hot-words a:nth-child(9), .hot-words a:nth-child(20), .hot-words a:nth-child(22), .hot-words a:nth-child(29) { color: #0b9e94; }
.hot-words a:nth-child(3), .hot-words a:nth-child(10), .hot-words a:nth-child(19), .hot-words a:nth-child(23), .hot-words a:nth-child(30) { color: #d39f17; }
.hot-words a:nth-child(4), .hot-words a:nth-child(11), .hot-words a:nth-child(18), .hot-words a:nth-child(24), .hot-words a:nth-child(31) { color: #ff006b; }
.hot-words a:nth-child(5), .hot-words a:nth-child(12), .hot-words a:nth-child(17), .hot-words a:nth-child(25), .hot-words a:nth-child(32) { color: #049cff; }
.hot-words a:nth-child(6), .hot-words a:nth-child(13), .hot-words a:nth-child(16), .hot-words a:nth-child(26), .hot-words a:nth-child(33) { color: #8b4bfa; }
.hot-words a:nth-child(7), .hot-words a:nth-child(14), .hot-words a:nth-child(15), .hot-words a:nth-child(27), .hot-words a:nth-child(34) { color: #4b991f; }
.hot-words a:hover { color:#FF5722; }



.xygm_zq{background-color: #fff;padding: 0px; margin-bottom: 20px;border: 1px solid #e8e8e8;}
.xygm_zq dt,.xygm_zq dt{line-height: 40px;background-color: #66bb6a;color: #fff;font-weight: bold;font-size: 16px;padding: 0 10px;}
.xygm_zq li{width: 85px;float: left;margin-left:1px;overflow: hidden;height: 107px;text-align: center;padding: 15px 0px 0px 0px;margin-right: 17px;display: inline-block;}
.xygm_zq img{width: 80px; height:80px; overflow: hidden;border-radius: 12%;display: block;margin: 0 auto;}
.xygm_zq strong{ text-align: center; display: inline-block; width: 78px; margin-top:8px;line-height: 16px; height: 16px; font-size: 14px; font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xygm_zq li:nth-child(3n){margin-right: 0px;}
.xygm_zq ul{text-align: left;margin-left: 15px;}



.gajjsw_n h2{background: url(../images/line.jpg) repeat-x 0px 7px;height: 22px;margin: 20px 0px 10px 0px;font-weight: normal;}
.gajjsw_n h2{background: #FFF;padding: 0px 10px;font-size: 16px;border-left: 10px solid #fe1e00;}
.gajjsw{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;padding: 10px 10px 30px 15px;margin-top: 10px;}
/*.gajjsw{background-color: #fff;margin: 40px 20px 40px 20px;padding-top: 30px;}*/
.gajjsw_n{padding: 0px;color: #333;font-size: 14px;line-height: 28px;}
.gajjsw_bt{font-size: 18px;line-height: 45px;border-bottom: 1px solid #eee;position: relative;color: #f55555;margin-bottom: 20px;}
.gajjsw_bt:before{width: 80px;height: 2px;content: "";display: inline-block;background: #f55555;position: absolute;bottom: 0;}
.gajjsw_xx p{font-size: 14px;line-height: 28px;}

.gajjsw_xx{ position: relative; overflow: hidden;}



.xzdz{width: 770px !important;height: auto !important;}
.xzdz .gamexz_nrlist{width: 770px !important;}
.xzdz1{top: -45px !important; left: auto !important;right: 0 !important;}
.highgs{width: 100%;display: inline-block;margin-bottom: 20px;}
.highgs h4{ font-size: 15px; font-weight: bold; margin-bottom: 10px;margin-top: 0;}
.highgs a{ display: block;  width: 140px; height: 30px;line-height: 30px; float: left; margin-right:50px; text-align: center; background: url(../images/ioc-xz1.jpg) no-repeat center center; color: #fff; text-indent: 20px;}

.ptxz{width: 100%;display: inline-block;}
.ptxz p{ font-size: 14px;}
.ptxz a{ width: 25%; display: block; height: 30px; padding-left: 25px; box-sizing: border-box; background: url(../images/ioc-xz2.jpg) no-repeat left center; float: left;}

.xgbb{display: inline-block;width: 100%;}
.xgbb li{display: inline-block;width: 100%;margin-bottom: 15px;}
.xgbt{ width: 60%; display: block; float: left;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.xgbb img{ width:78px ; height: 14px; float: left; margin-top: 5px;}
.xgbb p{ display: block; float: left; padding: 0 30px;}
.xz-btn{display: block;float: right;width: 100px;height: 30px;line-height: 30px; background: #0598fa; color: #fff; text-align: center;} 

.rj_tllb{ display: inline-block; width: 100%;}

.tl-btm{ display: block ; width: 90px;height: 25px; line-height: 25px; text-align: center; float: left; background: #0598fa; color: #fff; border-radius: 5px;}  
.tl-btm:hover{color: #fff;}


.soft-phb{position:relative;}
.gamexz_b{position:absolute;overflow:hidden;top: -57px;left: 200px;}
.gamexz_b1{position:absolute;overflow:hidden;top: -57px;left: 320px;}
.gamexz_ti ul li{float:left;overflow:hidden;padding-left: 28px;background: url(../images/nt-index2018.png) no-repeat -261px -150px;height:50px;line-height:50px;font-size: 14px;padding-right:10px;color:#333;cursor:pointer;}
.gamexz_ti ul li:first-child{ background:none;}
.gamexz_ti ul li.m-hover{ color:#0598fa}
.gamexz_nrbd{width: 100%;height: auto;float: left;}
.gamexz_nrlist{position:relative;width: 100%;}
span.u-title-more{ top:-44px; right:-310px;}



.game-down dd.game-btn .game-jrzq {float: left;}
.game-down dd.game-btn .game-jrzq a {color: #fff;width: 120px;height: 45px;line-height: 45px;display: block;border-radius: 5px;text-align: center;background:#2797ef;}
.game-down dd.game-btn .game-jrzq a::before{display: none;}
.game-down dd.game-btn .game-jrzq a:hover {background-color: #0885e7;}

.azxz1{ width: 500px; float: left;}
.azxz1 h4{font-size: 15px; font-weight: bold;margin-top: 0;}
.azxz1 p{ font-size: 14px;}
.azxz1 a.btn{width: 188px;height: 40px;line-height: 40px;background: #ff6460;color:#fff;display: block;margin-top: 5px;text-align: center;float: left;}
.azxz2{width: 200px;float: right;text-align: center;margin-top: 16px;}
.az-ewm{width: 120px;height: 120px;border: 1px solid #ddd;padding: 10px;box-sizing: border-box;margin: 0 auto;margin-bottom: 10px;}
.az-ewm img{ width: 100px; height: 100px;}
.ios a.btn{ background:url(../images/azxz3.jpg) no-repeat left center ; }
.azxz1 span{float: left;height: 45px;line-height: 50px;margin-left: 10px;color: #999;padding: 0 10px;}



.gameDintel h2{width: 100%;border-bottom: 1px solid #f1f2f6;text-align: center;position: relative;margin: 0px 0px 20px 0;font-weight: bold;color: #fe1e00;}
.gameDintel h2 b{background: #fff;padding: 2px 10px;position: relative;top: 15px;font-weight: bold;color: #fe1e00;-webkit-margin-start: -25px;margin-left: 0px;font-size: 16px;line-height: 2;}

.gameDintel{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;padding: 10px 10px 30px 15px;margin-top: 10px;box-sizing: border-box;}

.gameDintel ul{margin-top: 10px;}
.gameDintel li{ float: left; margin-right: 2%; height: 35px; line-height: 35px; width:49%; color: rgb(153, 153, 153); font-size: 16px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.gameDintel li span { color: rgb(102, 102, 102); font-size: 15px;}
.gameDintel li a, .gameDintel li .qcann { text-decoration: underline; color: rgb(236, 0, 62); cursor: pointer; }
.gameDintel li a:hover, .gameDintel li .qcann:hover { color: rgba(255, 16, 16, 0.62); }
.gameDintel li a, .gameDintel li .qcann2 { text-decoration: underline; color: rgb(236, 0, 62); cursor: pointer; }
.gameDintel li a:hover, .gameDintel li .qcann2:hover { color: rgba(255, 16, 16, 0.62); }
.gameDintel li:nth-child(2n) { margin-right: 0px; }
.gameDintel li a,.gameDintel li .qcann{color: #f60;cursor: pointer;}
.gameDintel li a,.gameDintel li .qcann2{color: #f60;cursor: pointer;}

/*弹窗*/

.hide{display: none;}
.power{

  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.7);
  z-index: 20;
  
  
 
}
.power2{

  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.7);
  z-index: 20;
  
  
 
}
.powerN{
   
  position: fixed;
  top: 30%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  z-index: 30;
  height: 520px;
  width: 560px;
  box-sizing: border-box;
  background: transparent;
  border-radius: 20px;

}
.powerN .powerC{position: relative;
  display: block;
  cursor: pointer;
  text-align: center;
  width: 228px;
  height: 52px;
  border: 0;
  background: linear-gradient(to right, rgb(254, 186, 0), rgb(254, 208, 0));
  color: #fff;
  font-size: 20px;
  border-radius: 26px;
  line-height: 52px;
  margin: 36px auto 40px;
  overflow: hidden;
  white-space: nowrap;}
.powerN .powerC2{position: relative;
  display: block;
  cursor: pointer;
  text-align: center;
  width: 228px;
  height: 52px;
  border: 0;
  background: linear-gradient(to right, rgb(254, 186, 0), rgb(254, 208, 0));
  color: #fff;
  font-size: 20px;
  border-radius: 26px;
  line-height: 52px;
  margin: 36px auto 40px;
  overflow: hidden;
  white-space: nowrap;}
.powerN .powerB{position: relative;
  width: 100%;
  height: 172px;
  background-image: url(../images/maskRule.png);
  background-size: 560px 100%;
  text-align: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;font-size: 39px;
  color: #fff;
  font-weight: bold;
  padding-top: 22px;
  line-height: 120px;
  white-space: nowrap;
  overflow: hidden;}

.powerM{
  background-color: #fff;
position: relative;
padding: 10px;
top: -30px;
border-radius: 20px;
 
}
.powerMr{
  display: block;
width: 490px;
height: 420px;
border-radius: 20px;
padding: 0 10px 0 15px;
line-height: 42px;
font-size: 16px;
margin: 20px auto 0;
overflow: auto;
}
.powerM p{
  line-height: 42px;
font-size: 16px;
}
.powerM strong{
  line-height: 42px;
font-size: 16px;
}


.youxxq-e h3{height: 28px;
margin: 20px 0 10px 0;
padding: 0 0 0 10px;
font-size: 16px;
font-weight: 700;
line-height: 18px;text-indent: 0;
border-left: 7px solid #e9443e;
color: #e9443e;
display: block;
border-bottom: 1px #bbb dashed;}
.zix-xqnr h3{height: 28px;
margin: 20px 0 10px 0;
padding: 0 0 0 10px;
font-size: 16px;
font-weight: 700;
line-height: 18px;text-indent: 0;
border-left: 7px solid #e9443e;
color: #e9443e;
display: block;
border-bottom: 1px #bbb dashed;}




/*404开始*/
.flfbox{padding-top: 40px;}
.sls-yf{padding: 20% 20px;width: 1200px;margin: 0 auto;}
.sls-yf .sls-yzb{width:40%;overflow: hidden;text-align: right;float: left;padding-top: 45px;padding-right: 30px;box-sizing: border-box;}
.sls-yf .sls-yzb img{width: auto;overflow: hidden;}
.sls-yf .sls-yyb{margin-top:30px ;width: 60%;float: right;}
.sls-yf .sls-yyy{border-bottom: 1px #eee solid;padding-bottom: 15px;margin-bottom: 15px;}
.sls-yf .sls-yyy h1{font-size: 20px;line-height: 40px;}
.sls-yf .sls-yyy h1 i{color: #f90;}
.sls-yf .sls-yyy p{font-size: 15px;}
.sls-yf .sls-yye{font-size: 15px;color: #888;}
.sls-yf .sls-yye a{display: inline-block;padding: 0 20px;background: #ff0000;border-radius: 2px;height: 34px;line-height: 34px;color: #fff;font-size: 16px;}
.sls-yf .sls-yye p{height: 24px;line-height: 24px;vertical-align: top;margin-bottom: 10px;}
.sls-yf .sls-yye p img{margin: 0px 5px;}



/*关于我们开始*/
.mapleft{ width: 205px; padding:20px 0px 30px 0px; border: 1px #eee solid; background: #fff; float: left;}
.mapleft li{ width: 100%; line-height: 56px; font-size: 16px;}
.mapleft li a{ display: inline-block; width: 100%; height: 39px; line-height: 39px;}
.mapleft li i{ content: ""; width: 18px; height: 15px; display: inline-block; float: left; background: url(../images/ghoticon.png) no-repeat 0px -96px; margin: 14px 7px 0px 56px;}
.mapleft li i.coico{ background-position: -22px -96px;}
.mapleft li i.crico{ background-position: -46px -96px;}
.mapleft li i.diico{ background-position: -70px -96px;}
.mapleft li i.maico{ background-position: -96px -96px;}
.mapleft li a:hover,.mapleft li a.mapon{ background: #14b9c8; color: #fff; text-decoration: none;}
.mapleft li a:hover:before,.mapleft li a.mapon:before{content: ""; width: 6px; height: 10px; display: inline-block; float: right; background: url(../images/ghoticon.png) no-repeat -123px -96px; margin: 16px 11px 0px 0px;}
.mapleft li a:hover i.abico,.mapleft li a.mapon i.abico{ background-position: -22px -115px;}
.mapleft li a:hover i.coico,.mapleft li a.mapon i.coico{ background-position: -22px -115px;}
.mapleft li a:hover i.crico,.mapleft li a.mapon i.crico{ background-position: -46px -115px;}
.mapleft li a:hover i.diico,.mapleft li a.mapon i.diico{ background-position: -70px -115px;}
.mapleft li a:hover i.maico,.mapleft li a.mapon i.maico{ background-position: -96px -115px;}
.mapright{ width: 902px; float: left; margin-left: 7px; border: 1px #eee solid; background: #fff; padding: 20px 30px 0px 50px;}
.mapright .maprtit,.daytit{ line-height: 54px; font-size: 24px; color: #666; border-bottom: 2px #f5f5f5 solid;}
.mapright .maprtit b,.daytit b{ display: inline-block; border-bottom: 2px #ff5500 solid; height: 54px; margin-bottom: -2px;}
.aboutcont{padding-top:20px; min-height: 500px;padding-bottom: 30px;}
.aboutcont p{ font-size: 15px; color: #666; line-height: 40px;}
.aboutcont h6{ font-size: 16px; color:#333; line-height: 60px;}
.aboutcont h6:before{ width: 3px; height: 16px; display: inline-block; content: ""; background: #ff5500; float: left; margin: 23px 10px 0px 0px;}


/****排行榜页面****/
.phb{width: 100%;height: auto;background: url(../images/phb1.jpg) no-repeat top center #f5f5f5;padding-top:450px;}
.phb .position {margin-top: 0;}
.phb .curr{ background: #fff;}
.phb_lm{width: 100%;height: 75px;background-color:#14B9C8;}
.phb_lm a{display: block; width: 200px; float: left;  line-height: 75px;text-align: center; color: #fff; font-size: 18px;}
.phb_lm a:hover{background-color: #00a6b5;text-decoration: none;}
.phb_lm .on{background-color: #00a6b5;}
.ranp{ width: 100%; height: auto; background-color: #fff; padding: 30px 20px;box-sizing: border-box;}
.ranp li{height: 150px; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.ranp_tb{width: 65px;height: 130px;line-height: 130px;float: left;background: url(../images/phbs_04.jpg) no-repeat center center;font-size: 24px;color: #707171;text-align: center;    font-weight: bold;}
.ranp_tb.out{font-size: 0px !important;}
.ranp_tp{width: 120px; float: left;overflow: hidden;margin-left: 30px; margin-right: 30px;}
.ranp_tp img{ width: 120px; height: 120px; border-radius: 20px;}
.ranp_xx{width: 700px;float: left;position: relative;}
.ranp_xx h4{    display: inline-block; margin: 0; max-width: 100%; line-height: 30px; vertical-align: top; font-size: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;    margin-bottom: 15px;padding-right: 100px;box-sizing: border-box;}
.ranp_xx h4 img{ margin-left: 20px;}
.ranp_xx p{margin-bottom: 10px;height: auto;line-height: 22px;font-size: 14px;color: #999;overflow: hidden;}
.phb_p3{ height: 40px; color: #666 !important;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ranp__btn{ width: 180px; float: right; height: 60px; line-height: 60px; border: 1px solid #14B9C8;color: #14B9C8; text-align: center;font-size: 18px; border-radius: 10px; margin-top: 50px;}
.ranp__btn:hover{ background-color: #14B9C8; color: #fff;}
.glistbd{ position: relative; background: #fff; padding: 10px 20px 40px 20px; overflow: hidden;}
.telyxph{overflow: hidden;}
.telyxph ul{overflow: hidden;height: 150px;}
.telyxph .show {height: auto;}
.telyxph li{ float: left; margin-right: 12px;margin-bottom: 8px;}
.telyxph li a{display: inline-block;border: 1px solid #eee;line-height: 40px; border-radius: 4px;padding: 0 9px;color: #6b6b6b;width: 133px;text-align: center;font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.telyxph li a:hover{ color: #fff; text-decoration: none; background: #ff5000; border-color: #ff5000;}
.glistbd .gmopen{ top: 20px; right: 20px;}
.glistbd .gmopen:before{margin: 7px 0px 0px 5px;}
.ranp .ranp_xx .jrzq{width: 75px;height: 30px;position: absolute;top: 0px;right: 0;border: 1px solid #ff6460;text-align: center;line-height: 30px;border-radius:  10px;color: #ff6460;}
.ranp .ranp_xx .jrzq:hover{ background: #ff6460; color: #fff;;}
.phb .position  {background-color: #fff;     padding-left: 40px;background-position: 20px;}
.game-pf{  float: right;  margin-left: 20px;}
.nametit{ height: 41px; border-bottom: 2px #eaeaea solid; line-height: 28px; font-size: 20px; color: #333; margin-bottom: 20px;}
.nametit b{display: inline-block;border-bottom: 2px #ff5000 solid;height: 41px;margin-bottom: -2px;}

.ranp .gmopen1{position:relative;width:100%; height:40px; text-align:center; background:#eee; line-height:40px;color:#333;cursor:pointer;}
.ranp .gmopen1:before{display:none;}
.ranp ul{height: 1800px;overflow: hidden;}
.ranp ul.show{ height: auto;}

.zanList .praise{width: 130px;position: absolute;right: 27px;top: -55px;height: 50px;margin: 50px auto;background: #fff;}
.zanList #praise{float: left;width: 40px;height: 40px;}
.zanList .praise img{width: 40px !important;height: 40px;}
.zanList #praise-txt{float: left;margin-top: 6px;margin-left: 5px;color: #333;height: 40px;line-height: 35px;}
.ranp li{position: relative;}

.ranp .gametag:first-child li:nth-child(1) .ranp_tb{background: url(../images/phbs_01.jpg) no-repeat center center;font-size: 0;}
.ranp .gametag:first-child li:nth-child(2) .ranp_tb{background: url(../images/phbs_02.jpg) no-repeat center center;font-size: 0;}
.ranp .gametag:first-child li:nth-child(3) .ranp_tb{background: url(../images/phbs_03.jpg) no-repeat center center;font-size: 0;}

.gmopen{ position: absolute; right: 0px;cursor: pointer;top:15px; color: #ff5500;}
.gmopen:before{ content: ""; width: 10px; height: 5px; display: inline-block; float: right; background: url(../images/ghoticon.png) no-repeat -170px -96px; margin: 12px 0px 0px 5px;}

#newList .tab{display: none;}
#newList .tab.on {display: block;}
/***当前***/
.position{font-size: 14px;color: #9b9b9b;height: 50px;line-height: 50px;padding-left: 20px;background: url(../images/ioc-dqwz.png) no-repeat left center;box-sizing: border-box;}
.position a{ color: #9b9b9b;}
.position a:hover{ color: #ff5500;}






/****排行榜页面****/
.wrapper{ width: 1200px; margin: 0 auto;}
.softphb{  width: 100%; height: auto; background: url(../images/phb_rj.jpg) no-repeat top center #ebebf5; padding-top:450px;}
.softphb .curr{padding: 20px;background: url(../images/tt_03.png) no-repeat 20px center #fff;padding-left: 40px;color: #666;}

.softphbyx{  width: 100%; height: auto; background: url(../images/phb_yx.jpg) no-repeat top center #ebebf5; padding-top:450px;}
.softphbyx .curr{padding: 20px;background: url(../images/tt_03.png) no-repeat 20px center #fff;padding-left: 40px;color: #666;}

.softphb_lm{width: 100%;height: 80px;background-color: #14B9C8;}
.softphb_lm a{display: block;width: 200px;float: left;line-height: 80px;text-align: center;color: #fff;font-size: 18px;}
.softphb_lm a:hover{background-color: #3c9099;}
.softphb_lm .on{background-color: #3c9099;}
.softphb_nr{ width: 100%; height: auto; background-color: #fff; padding: 30px 20px;box-sizing: border-box;}
.softphb_nr li{height: 150px; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.softphb_nr_tb{width: 65px;height: 130px;line-height: 130px;float: left;background: url(../images/phbs_04.jpg) no-repeat center center;font-size: 24px;color: #707171;text-align: center;    font-weight: bold;}
.softphb_nr_tb.out{font-size: 0px !important;}
.softphb_nr_tp{width: 120px; float: left;overflow: hidden;margin-left: 30px; margin-right: 30px;}
.softphb_nr_tp img{ width: 120px; height: 120px; border-radius: 20px;}
.softphb_nr_xx{ width: 700px; float: left;}
.softphb_nr_xx h4{ display: inline-block; margin: 0; max-width: 100%; line-height: 30px; vertical-align: top; font-size: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;    margin-bottom: 15px;}
.softphb_nr_xx h4 img{ margin-left: 20px;}
.softphb_nr_xx p{margin-bottom: 10px;height: auto;line-height: 22px;font-size: 14px;color: #999;overflow: hidden;}
.softphb_p3{ height: 40px; color: #666 !important;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.softphb_nr__btn{width: 180px;float: right;height: 60px;line-height: 60px;border: 1px solid #14B9C8;color: #14B9C8;text-align: center;font-size: 18px;border-radius: 10px;margin-top: 50px;}
.softphb_nr__btn:hover{background-color: #14B9C8;color: #fff;}
.softphb_nr li:nth-child(1) .softphb_nr_tb{background: url(../images/phbs_01.jpg) no-repeat center center;}
.softphb_nr li:nth-child(2) .softphb_nr_tb{background: url(../images/phbs_02.jpg) no-repeat center center;}
.softphb_nr li:nth-child(3) .softphb_nr_tb{background: url(../images/phbs_03.jpg) no-repeat center center;}

.g-spftware-top2{position:absolute;overflow:hidden;top: -139px;right: 20px;}
.g-title-list1 ul li{float:left;overflow:hidden;padding-left: 20px;height: 80px;line-height: 80px;font-size: 16px;padding-right: 20px;color: #fff;cursor:pointer;}
.g-title-list1 ul li:first-child{ background:none;}
.g-title-list1 ul li.m-hover{color:#14B9C8;background: #fff;}
.g-spftware-bd1{width: 1200px;height: auto;float: left;}
.g-spftware-list1{position:relative;width: 1200px;}
span.u-title-more{ top:-44px; right:-310px;}

.softphb_nr li:last-child{ border-bottom: 0px solid #ddd;margin-bottom: 0px;}

.g-spftware-cont{position:relative;}



/* 基础表格样式 */
.zix-xqnr table {
  border-collapse: collapse;
  width: 100%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.zix-xqnr tbody td, th {
  border: 1px solid #e3e6f0;
  padding: 12px;
}

.zix-xqnr tbody th {
  background-color: #4a6fa5;
  color: white;
  border-color: #405d8c;
}

.zix-xqnr tbody tr:nth-child(even) {
  background-color: #f8f9fc;
}

.zix-xqnr em { font-style: italic;}











/* pc更多相关表格1 */
#tfhover1.tftable1 {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Segoe UI', 'Microsoft YaHei', sans-serif;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    overflow: hidden;
}

#tfhover1.tftable1 th {
    background-color: #f8f9fa;
    color: #2c3e50;
    font-weight: 600;
    font-size: 16px;
    padding: 6px;
    border-bottom: 2px solid #e9ecef;
    text-align: center;
	word-break: break-all;
}

#tfhover1.tftable1 td {
    padding: 8px 16px;
    border-bottom: 1px solid #f1f3f5;
    transition: all 0.2s ease;
	word-break: break-all;
	
}

#tfhover1.tftable1 tr:last-child td {
    border-bottom: none;
}

#tfhover1.tftable1 tr:hover td {
    background-color: #f8fafc;
    transform: translateY(-1px);
}

#tfhover1.tftable1 a {
    color: #3498db;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s;
    display: flex;
	color: rgb(0, 112, 192);
	max-width: 350px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;
}


/* 更多相关表格2 */
#tfhover2.tftable2 {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 8px;
    background: linear-gradient(135deg, #f5f7fa 0%, #f8f9ff 100%);
    font-family: 'Playfair Display', Georgia, serif;
    position: relative;
    padding: 10px;
    border-radius: 24px;
    overflow: visible;
}

#tfhover2.tftable2::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
    background: 
        radial-gradient(circle at 20% 30%, rgba(173, 216, 230, 0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 20%, rgba(221, 160, 221, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 40% 80%, rgba(152, 251, 152, 0.1) 0%, transparent 50%);
    z-index: -1;
    border-radius: 32px;
}

#tfhover2.tftable2 th {
    background: linear-gradient(135deg, #6a11cb 0%, #2575fc 100%);
    color: white;
    font-weight: 600;
    font-size: 18px;
    padding: 5px;
    text-align: center;
    border-radius: 18px 18px 8px 8px;
    box-shadow: 0 8px 32px rgba(106, 17, 203, 0.2);
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
	word-break: break-all;
}

#tfhover2.tftable2 th::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(255, 255, 255, 0.2) 50%, 
        transparent 100%);
    transform: translateX(-100%);
    animation: shimmer 3s infinite;
}



#tfhover2.tftable2 td {
    padding: 0;
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 
        0 4px 20px rgba(0, 0, 0, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.5);
	word-break: break-all;
}

#tfhover2.tftable2 tr:hover td {
    transform: translateY(-5px) scale(1.02);
    box-shadow: 
        0 12px 40px rgba(106, 17, 203, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

#tfhover2.tftable2 td::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #6a11cb, #2575fc);
    opacity: 0.8;
}

#tfhover2.tftable2 a {
    color: #2c3e50;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    padding: 8px 8px;
    position: relative;
    z-index: 1;
    transition: all 0.4s;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(5px);
	color: rgb(0, 112, 192);
	max-width: 370px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;
}


/* 更多相关表格3 */
#tfhover3.tftable3 {
    width: 100%;
    border-collapse: collapse;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 
        0 8px 32px rgba(31, 38, 135, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, sans-serif;
    overflow: hidden;
}

#tfhover3.tftable3 th {
    background: rgba(255, 255, 255, 0.25);
    color: #1d1d1f;
    font-weight: 600;
    font-size: 16px;
    padding: 8px;
    text-align: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    letter-spacing: -0.01em;
    position: relative;
	word-break: break-all;
}

#tfhover3.tftable3 th::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 20%;
    width: 60%;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(0, 122, 255, 0.6), transparent);
}

#tfhover3.tftable3 td {
    padding: 8px 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
	word-break: break-all;
}

#tfhover3.tftable3 tr:last-child td {
    border-bottom: none;
}

#tfhover3.tftable3 tr:hover td {
    background: rgba(255, 255, 255, 0.2);
    transform: translateX(10px);
}

#tfhover3.tftable3 a {
    color: #007AFF;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    padding: 1px 0;
    position: relative;
    transition: all 0.3s;
	color: rgb(0, 112, 192);
	max-width: 370px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;
}


/* 更多相关表格4 */
#tfhover4.tftable4 {
    width: 100%;
    border-collapse: collapse;
    background: #f8fcff;
    border-radius: 10px;
    overflow: hidden;
    font-family: 'Segoe UI', system-ui, sans-serif;
}

#tfhover4.tftable4 th {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    color: white;
    padding: 8px;
    text-align: center;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 0.5px;
	word-break: break-all;
}

#tfhover4.tftable4 td {
    padding: 5px 15px;
    border-bottom: 1px solid #e8f4ff;
	word-break: break-all;
}

#tfhover4.tftable4 tr:last-child td {
    border-bottom: none;
}

#tfhover4.tftable4 tr:hover td {
    background: #f0f9ff;
}

#tfhover4.tftable4 a {
    color: #0891b2;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 4px 0;
	color: rgb(0, 112, 192);
	max-width: 370px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;
}


/* 更多相关表格5 */
#tfhover5.tftable5 {
    width: 100%;
    border-collapse: collapse;
    background: #e0e5ec;
    border: none;
    border-radius: 20px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    overflow: hidden;
    box-shadow: 
        9px 9px 16px rgba(163, 177, 198, 0.6),
        -9px -9px 16px rgba(255, 255, 255, 0.5);
}

#tfhover5.tftable5 th {
    background: linear-gradient(145deg, #d1d9e6, #ffffff);
    color: #2c3e50;
    font-weight: 600;
    font-size: 17px;
    padding: 8px;
    text-align: center;
    border-bottom: 2px solid #e0e5ec;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8);
	word-break: break-all;
    box-shadow: 
        inset 2px 2px 5px rgba(163, 177, 198, 0.3),
        inset -2px -2px 5px rgba(255, 255, 255, 0.8);
}

#tfhover5.tftable5 td {
    padding: 8px;
    transition: all 0.3s;
    position: relative;
	word-break: break-all;
}

#tfhover5.tftable5 tr:nth-child(odd) td {
    background: #e0e5ec;
}

#tfhover5.tftable5 tr:nth-child(even) td {
    background: #f0f3f7;
}

#tfhover5.tftable5 tr:hover td {
    background: linear-gradient(145deg, #ffffff, #d1d9e6);
    transform: translateY(-2px);
    box-shadow: 
        4px 4px 8px rgba(163, 177, 198, 0.4),
        -4px -4px 8px rgba(255, 255, 255, 0.8);
    z-index: 2;
}

#tfhover5.tftable5 td:first-child {
    border-left: 3px solid transparent;
}

#tfhover5.tftable5 tr:hover td:first-child {
    border-left-color: #3498db;
}

#tfhover5.tftable5 a {
    color: #2c3e50;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    padding: 8px 8px;
    border-radius: 12px;
    background: #e0e5ec;
    transition: all 0.3s;
	color: rgb(0, 112, 192);
    box-shadow: 
        inset 2px 2px 5px rgba(163, 177, 198, 0.3),
        inset -2px -2px 5px rgba(255, 255, 255, 0.8);
	max-width: 360px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;
}
