body{font-size:14px;font-family: "Microsoft YaHei";color: #333;background-color: #f4f4f4;}
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{text-decoration:none;cursor:pointer; color: #454545;}
p{list-style:none;}
em,i{font-style:normal;}
img {width:auto\9;	height:auto;max-width:100%;	vertical-align:middle;	border:0;	-ms-interpolation-mode:bicubic;}
input, textarea, select {*font-size: 100%; outline: 0;border: 0;}
*{padding:0;margin:0;}
img,input{border:none;vertical-align:middle;}
html{overflow-y:scroll;}
ul,ol{list-style-type:none;}
th,td,input{font-size:14px;}
button{border:none;cursor:pointer;font-size:14px;background-color:transparent;}
select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:14px;}
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
a:link,a:visited{text-decoration:none;}
a:hover,a:active{text-decoration:none;color:#38c34b;}
.jz1 {overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.jz2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.jz3 { overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.mat20{ margin-top: 20px !important;}
.wrap{width: 1200px;margin: 0 auto;position: relative; z-index: 10;}

/***背投***/
.baimg {width: 100%;height: auto;overflow: hidden;}
.baimg_bg { position: absolute; left: 50%; max-width: 1920px; height: auto; overflow: hidden; margin-left: -960px;}
.baimg_bg a { display: block; width: 100%; height: auto;}
.baimg_bg a::before{content: "广告";display: inline-block;position: absolute;right: 50px;top: 12px;border: 1px #ff6460 solid; border-radius: 30px;font-size: 12px; padding: 0 8px;height: 20px;line-height: 20px;color: #ff6460;}
.gbgg{position:absolute;z-index:2;overflow:hidden;width:22px;height:22px;right:11px;top: 11px;background:url(../images/ioc-sytb.png) no-repeat -165px -140px;cursor:pointer;}






/* --首页头部推荐--- */
.esy_area{border:1px solid #eaeaea; position:relative; background-color:#fff;margin-top: 20px;}
.esy_area i{width:70px; height:70px; display:inline-block; background:url(../images/all_bg.png) no-repeat 0 0; position:absolute; top:0; left:0; z-index:1}
.esy_area ul{ padding:32px 0 20px}
.esy_area ul li{float:left;margin:0 0 0 28px;width:90px;}
.esy_area ul li a{ display:block}
.esy_area ul li a:hover{ text-decoration:none}
.esy_area ul li a img{width:90px; height:90px; border-radius:16px}
.esy_area ul li a p{ font-size:14px; height:20px; font-weight:bold; color:#333; text-align:center; margin-top:3px; overflow:hidden;}
.esy_area ul li a p.gray{ color:#989898; font-weight:normal; font-size:12px}
.esy_area .area_nav{ border-top:1px solid #EBEDEC; height:35px; font-size:14px;    overflow: hidden;}
.esy_area .area_nav .til{width:84px; height:35px; line-height:35px; border-right:1px solid #EBEDEC; text-align:center; position:relative; display:inline-block; position:relative; color:#FF8000; float:left; margin-right:10px}
.esy_area .area_nav .til .SA{position:absolute; top:9px; right:8px;}
.esy_area .area_nav .til .SA em,.esy_area .area_nav .til .SA u{ height:14px; width:18px; color:#EBEDEC; position:absolute; font:16px/16px simsun; overflow:hidden; }
.esy_area .area_nav .til .SA em{ z-index:1; font-style:normal; }
.esy_area .area_nav .til .SA u{ color:#fff; top:0; left:-1px; z-index:2; }
.esy_area .area_nav a{ float:left; margin-left:10px; height:35px; line-height:32px; color:#333}
.esy_area .area_nav a:hover{color:red;}
.esy_area .area_nav a.hot{ color:#D6241C}


/***热门推荐游戏列表***/
.rm_l{overflow:hidden;height: auto;width: 1160px;padding-left: 0;margin-top: 0;}
.rm_l ul{padding-left: 10px;}
.rm_l ul li{display: block;float: left;width: 100px;text-align: center;margin-right: 30px;padding: 0px 0 3px 0;}
.rm_l ul li a {width: 100%;height: 135px;display: block;overflow: hidden;position: relative;zoom: 1;}
.rm_l 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;}
.rm_l ul li a:hover span{color: #FF5722;}
.rm_l ul li img{width: 100px;height: 100px;border-radius: 16px;}
.rm_l ul li:last-child{ margin-right:0px;}



.rmsy_text{
  padding: 20px 0 0 0;
border-top: 1px dashed #e2e2e2;
width: 1160px;
margin: auto;
}

.rmsy_text ul li {
  width: 100%;
  height: 28px;
  line-height: 28px;
  color: #dee0e7;
  margin-bottom: 10px;
  overflow: hidden;
  white-space: nowrap;
}
.rmsy_text ul li:nth-of-type(2n+1) span {
  border-color: #4cc6ff;
}
.rmsy_text ul li span {
  display: inline-block;
  padding: 0 14px;
  height: 25px;
  color: #4b4b4b;
  font-size: 16px;
  font-weight: 700;
  border-left: 3px solid #4cc6ff;
    border-left-color: rgb(76, 198, 255);
}
.rmsy_text ul li a {
  color: #444;
  font-size: 14px;
  padding: 0 5px;
  margin: 0 8px 0 4px;
  display: inline-block;
  height: 28px;
  vertical-align: top;
  line-height: 28px;
  width: 80px;
  text-align: center;
  overflow:hidden;
}
.rmsy_text ul li:nth-of-type(2n+2) span {
  border-color: #ff6933;
}


/***热门推荐游戏列表***/
.rm_l{overflow:hidden;height: auto;width: 1160px;padding-left: 0;margin-top: 0;}
.rm_l ul{padding-left: 10px;}
.rm_l ul li{display: block;float: left;width: 100px;text-align: center;margin-right: 30px;padding: 0px 0 3px 0;}
.rm_l ul li a {width: 100%;height: 135px;display: block;overflow: hidden;position: relative;zoom: 1;}
.rm_l 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;}
.rm_l ul li a:hover span{color: #FF5722;}
.rm_l ul li img{width: 100px;height: 100px;border-radius: 16px;}
.rm_l ul li:last-child{ margin-right:0px;}



/***推荐专区选项卡***/
.szq_t{position:relative;}
.szq_b{width: 100%;height: 40px;}
.szq_tit ul li{width: 128px;float:left;height: 40px;line-height: 40px;font-size: 14px;color:#333;cursor:pointer;position: relative;text-align: center;background: #eee;margin-right: 1px;}
.szq_tit ul li.m-zqhover{background: #ff6460; color: #fff;}
.szq_n{width: 100%;height: auto;margin-bottom: 0;overflow: hidden;margin-left: 0;}
.tab-zqlist{position:relative;width: 100%;}
.gdzq{width: 128px; float:left;height: 40px;line-height: 40px;font-size: 18px;display: inline-block;background: #ff6460; color: #fff;text-align: center; font-size: 14px;}
.gdzq:hover{ color:#fff;}

/***推荐专区***/
.szq_lb {margin-top: 5px;}
.szq_lb, .szq_lb li {position: relative;overflow: hidden;zoom: 1;}
.szq_lb li {padding-left: 40px;line-height: 33px;vertical-align: top;height: 33px;}
.szq_lb li a {color: #333;float: left;display: inline;white-space: nowrap;margin-left: -1px;overflow: hidden;*overflow:visible;padding: 0 12px;font-size:14px;width: 113px;white-space: nowrap;text-overflow: ellipsis;text-align: left;box-sizing: border-box;}
.szq_lb li a:hover {color: #ff6460;}
.szq_lb li .zqm_b {width: 33px;height: 20px;text-align: center;position: absolute;top: 7px;left: 4px;background: #ff6460;line-height: 20px;color: #fff;border-radius: 15px;}
.szq_lb li .hot {color: #ff6460;}
.szq_lb .hot {color: #ff6460;}
.szq_lb1 li {padding-left: 0;}




/***焦点图***/	
#ifocus {width: 522px;height: 280px;background:#F8F8F8;position: relative;}	
#ifocus_pic {display:inline;position:relative;float:left;width: 522px;height: 300px;overflow:hidden;margin: 0;}	
#ifocus_piclist li {width: 522px;height: 300px;overflow:hidden;}	
#ifocus_piclist img {width: 522px;height: 300px;}	
#ifocus_btn {height: 9px;width: 522px;position: absolute;left: 0;bottom:-20px;padding: 0px;box-sizing: border-box;text-align: center;}
#ifocus_btn li {width: 103.5px;height: 9px;cursor:pointer;background: #666;display: inline-block;border-right: 1px #fff solid;}	
#ifocus_btn li:last-child{border-right: 1px #666 solid;}
#ifocus_btn li.on{background: #ff6460;}
#ifocus_btn li:last-child.on{border-right-color: #ff6460;}
#ifocus_btn .tempWrap{width: 100% !important;}
#ifocus_opdiv {position:absolute;left:0;bottom:0;width: 522px;height: 61px;background:linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);}
#ifocus_tx {position:absolute;left: 0px;bottom: 9px;color:#FFF;}	
#ifocus_tx ul li{display:none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 522px;padding: 0 20px;box-sizing: border-box;background: rgba(0, 0, 0, 0.5);}	
#ifocus_tx ul li a{ color:#fff; font-size:16px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;height: 52px;line-height: 52px;display: inline-block;width: 100%;}
#ifocus:hover #ifocus_btn {display:inline;}

.syjdt{width: 522px; height: 300px; overflow: hidden;}

.esyconts_z .slide-arr{position: absolute;width: 30px;height: 40px;display: inline-block;background: url(../images/icon-sac.png) no-repeat;cursor: pointer;display: none;}
.esyconts_z .prev{left: 0px;top: 140px;}
.esyconts_z .next{right: 00px;background-position: -38px 0px;top: 140px;}


/***推荐专区选项卡***/
.tab-zqtj{position:relative;}
.tab-zqtop{width: 100%;height: 40px;}
.tab-zqtitle ul li{width: 128px;float:left;height: 40px;line-height: 40px;font-size: 14px;color:#333;cursor:pointer;position: relative;text-align: center;background: #eee;margin-right: 1px;}
.tab-zqtitle ul li.m-zqhover{background: #ff6460; color: #fff;}
.szq_n{width: 100%;height: auto;margin-bottom: 0;overflow: hidden;margin-left: 0;}
.tab-zqlist{position:relative;width: 100%;}


/***推荐专区***/
.tjzq_categroy {margin-top: 5px;}
.tjzq_categroy, .tjzq_categroy li {position: relative;overflow: hidden;zoom: 1;}
.tjzq_categroy li {padding-left: 40px;line-height: 33px;vertical-align: top;height: 33px;}
.tjzq_categroy li a {color: #333;float: left;display: inline;white-space: nowrap;margin-left: -1px;overflow: hidden;*overflow:visible;padding: 0 12px;font-size:14px;width: 113px;white-space: nowrap;text-overflow: ellipsis;text-align: left;box-sizing: border-box;}
.tjzq_categroy li a:hover {color: #ff6460;}
.tjzq_categroy li .tjzq_t {width: 32px;height: 20px;text-align: center;position: absolute;top: 7px;left: 4px;background: #ff6460;line-height: 20px;color: #fff;border-radius: 15px;}
.tjzq_categroy li .hot {color: #ff6460;}
.tjzq_categroy .hot {color: #ff6460;}
.tjzq_categroy1 li {padding-left: 0;}

/***热单新闻***/
.esyconts{width: 1200px;margin: 0px auto;display: block;overflow: hidden;box-sizing: border-box;background: #fff;margin-top: 20px;padding: 20px;}
.esyconts_z{ width:522px; float: left;box-sizing: border-box;height: 550px;position: relative;}
.esyconts_r{width: 600px;float: right;box-sizing: border-box;position: relative;height: 550px;}


.jdxw_b{display: block;height: 41px;background-color: #f9f9f9;margin-bottom: 10px;}
.jdxw_b span{display: block;width: 129px;height: 41px;background: #ff5500;text-align: center;line-height: 41px;color: #fff;font-size: 18px;font-weight: bold;position: relative;}
.jdxw_b span::after{content: "";width: 14px;height: 10px;display: inline-block;background: url(../images/jdtbt.png) no-repeat;position: absolute;left: 13px;top: 41px;}

.esyconts_j{position: relative;margin-top: 15px;}
.esyconts_j .rtiTle {
  border-bottom: 1px solid #ededed;
  padding: 6px 0;
overflow: hidden;
margin-bottom: 20px;
}
.rtiTle h3 {
  float: left;
  display: block;
  padding: 0 6px;
  height: 44px;
  line-height: 44px;
  font-size: 20px;
  color: #4b4b4b;
  font-weight: normal;
}

.esyconts_j li{
  width: 33.33%;
  float: left;
}
.esyconts_j li img{
  width: 68px;
  height: 68px;
  border-radius: 12px;
  overflow: hidden;
  float: left;
  margin-right: 10px;
}
.esyconts_j li dl{
  width: 85px;
  float: left;
}
.esyconts_j li dt{
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.esyconts_j li dd{
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  height: 20px;
  line-height: 20px;
  color: #999;
}
.esyconts_j li:nth-child(1),.esyconts_j li:nth-child(2),.esyconts_j li:nth-child(3){
  margin-bottom: 20px;
}


.jrtjbox_b{display: block;
  height: 70px;
  line-height: 70px;
  border-bottom: 1px dashed #d8d8d8;
  overflow: hidden;
  white-space: nowrap;}
.jrtjbox_b h3{  font-size: 20px; color: #ff6460;font-weight: 700; text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.jrtjbox_b h3 a{color: #ff6460;}




.esyconts-x{position: relative;}
.esyconts-x .jrtjbox_g{ overflow:hidden; clear:both;}
.esyconts-x .esyconts-x-top{overflow: hidden;border-bottom: 2px #38c34b solid;height: 50px;}
.esyconts-x .esyconts-x-top li{ display:block; float:left; width:200px; height:50px; font-size:18px; color:#666; line-height:50px; text-align:center; cursor:pointer;}
.esyconts-x .esyconts-x-top li.on{color: #38c34b;line-height:50px;background: url(../images/am.png) no-repeat center bottom;}

.esyconts-x .esyconts-x-bd{overflow:hidden;}


.esyconts-x .jrtjbox_g {
  padding-top: 14px;
}


.esyconts-x .jrtjbox_g li {
  width: 100%;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  color: #4b4b4b;
  overflow: hidden;
}
.esyconts-x .jrtjbox_g li:last-child{
margin-bottom: 0;
}

.esyconts-x .jrtjbox_g li i {
float: left;
width: 90px;
height: 18px;
overflow: hidden;
line-height: 18px;
font-size: 14px;
border-right: 1px solid #ddd;
color: #999999;
margin-right: 20px;
display: inline;
margin-top: 7px;
text-align: center;
}

.esyconts-x .jrtjbox_g li  a{
  width: 400px;
  height: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}

.esyconts-x .jrtjbox_g li img{width:20px;height: 20px;overflow: hidden;margin-right: 5px;}

.esyconts-x .jrtjbox_g li span {
  float: right;
  font-size: 14px;
  color: #fe3432;
}

.esyconts-x .jrtjbox_g li:nth-child(7){border-top: 1px #eaeaea dashed;margin-top: 16px;padding-top: 12px;}




/*中间内容*/
.jrtjbox {
    width: 100%;
    overflow: hidden;
}


.jrtjbox_n {
    padding-top: 14px;
}


.jrtjbox_n dd  {
  width: 100%;
  font-size: 14px;
  height: 32px;
  line-height: 32px;
  color: #4b4b4b;
  overflow: hidden;
}
.jrtjbox_n:nth-child(2) li:last-child{
	margin-bottom: 0;
}

.jrtjbox_n dd i {
    width: 8px;
    height: 8px;
    margin: 12px 9px;
    display: inline-block;
    background: url(../images/icon.png) no-repeat;
}

.jrtjbox_n dd a{
  width: 450px;
  height: 32px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}

.jrtjbox_n dd span {
  float: right;
font-size: 14px;
color: #fe3432;
}

.jrtjbox_n dt {
    width: 100%;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    color: #4b4b4b;
    overflow: hidden;
}
.jrtjbox_n dt  a{
  width: 450px;
height: 32px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
font-size: 16px;
color: red;
font-weight: 700;
}

.jrtjbox_n dt i {
  width: 8px;
    height: 8px;
    margin: 12px 9px;
    display: inline-block;
}

.jrtjbox_n:nth-child(3){border-top: 1px #eaeaea dashed;margin-top: 16px;padding-top: 10px;}

/***通用栏目标题***/
.contb{width: 1200px;display: block;overflow: hidden;box-sizing: border-box;margin-top: 20px !important;background: #fff;padding: 20px;}
.commbt{height: 50px;
  line-height: 50px;
  overflow: hidden;border-bottom: 3px #e5e5e5 solid;}
.commbt strong {color: #23c268;
  font-size: 24px;
  float: left;
  font-weight: normal;
}




.commbt>a { float: right; font-size: 14px; color: #c8c9cc; padding-right: 3px; }
.commbt>a i{
  display: inline-block;
vertical-align: middle;
margin: -2px 0 0 10px;
height: 10px;
width: 5px;
-webkit-animation: translateX2 0.3s ease-out;
animation: translateX2 0.3s ease-out;
background: url(../images/more.png) no-repeat;
}
.commbt>a:hover { color: #ff6460; }
.commbt>a:hover i {background: url(../images/moreh.png) no-repeat;  -webkit-animation: translateX 0.3s ease-out; animation: translateX 0.3s ease-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }


.yxsptit span{margin-top: 15px;}


/***游戏专区***/
.hotyx_bd{width:100%;background: #fff;box-sizing: border-box;margin-top: 10px;}
.tab-zlmtop{width: 100%;height: 110px;}
.ycxwlb{ width: 100%; display: inline-block; margin-top: 20px;}
.ycxwlb li{ width: 210px; float: left; margin-right: 27px;}
.ycxwlb li:nth-child(5n){margin-right: 0px;}
.ycxwlb li img{width: 210px; height: 140px; border-radius: 5px;}
.ycxwlb li h1{ font-size: 18px; text-align: center; font-weight: normal;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; margin-top: 10px;margin-bottom: 5px;}
.ycxwlb li p{font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 24px; color: #999;}


/***首页专区***/



/***首页原创作者***/

.syyxx{ width: 300px; float: left;}
.syyxbtn{ width: 100px; float: right;}


.container .navPrev, .container .navNext {display: inline-block;  *zoom: 1;width: 24px;height: 9px;line-height: 100;overflow: hidden;background-image: url(../images/ioc-zztb.png);background-repeat: no-repeat;position: absolute;}
.container .navPrev{background-position: -164px -14px;top:15px;right: 46%;}
.container .navPrev:hover{background-position: -164px -34px;}
.container .navNext{background-position: -218px -14px;bottom: 10px;right: 46%;}
.container .navNext:hover{background-position: -218px -34px;}

/***游戏合集***/
.sollbox{background: #fff;padding: 20px 20px 0px 20px;box-sizing: border-box;margin-top: 20px;}

.sollbox ul { width: 100%; margin-top: 20px;}
.sollbox   li {
  float: left;
  width: 376px;
  height: 128px;
  border-radius: 4px;
  background: #fff;
  margin-right: 16px;
  margin-bottom: 16px;
}

.sollbox li:nth-child(3n+3) {
  margin-right: 0;
}

.sollbox li a {
  display: block;
  width: 100%;
  height: 100%;
}

.sollbox li .info {
  float: left;
  margin-left: 14px;
  margin-top: 10px;
  width: 190px;
}

.sollbox li .title {
  display: inline-block;
  font-size: 14px;
  height: 19px;
  line-height: 19px;
  color: #333;
  border-bottom: 2px solid #76c74a;
}

.sollbox li .text {
  width: 190px;
  height: 47px;
  font-size: 16px;
  line-height: 23px;
  overflow: hidden;
  margin-top: 10px;
  color: #333;
}

.sollbox li .text:hover {
  color: #76C74A;
}

.sollbox li .tag {
  width: 190px;
  height: 16px;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  margin-top: 10px;
  color: #999
}
.sollbox li .tag i{
  color: #f00;
}

.sollbox li .tag .name {
  float: left;
  width: 100px;
  overflow: hidden;
  white-space: nowrap;
}

.sollbox li .tag .date {
  float: right;
}

.sollbox li .img {
  float: left;
  width: 160px;
  height: 100px;
  border-radius: 4px;
  margin-top: 14px;
}


.Indexbox8-3{margin-top: 20px;}
.Indexbox8-3 .list { overflow: hidden; width: 650px;float: left;margin-right: 30px;}
.Indexbox8-3 .list ul { width: 105%; }
.Indexbox8-3 .list ul li { float: left; margin: 0 13px 12px 0; width: 207px; height: 143px; position: relative; }
.Indexbox8-3 .list ul li:last-child { margin-bottom: 0px; }
.Indexbox8-3 .list ul li .img_ { width: 207px; height: 143px; display: block; position: relative; border-radius: 10px; overflow: hidden; }
.Indexbox8-3 .list ul li .img_::after { content: ''; width: 100%; display: none; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); }
.Indexbox8-3 .list ul li .img_ .img { display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.Indexbox8-3 .list ul li .Team { width: 67px; height: 28px; text-align: center; line-height: 28px; color: #252525; position: absolute; top: 0; left: 0; background: #f0eff4; border-radius: 0px 0px 10px 0px; overflow: hidden; }
.Indexbox8-3 .list ul li .Team .lab { display: inline-block; vertical-align: middle; margin: 0 3px; max-width: 15px; height: auto; }
.Indexbox8-3 .list ul li .Team span { font-size: 12px; display: inline-block; vertical-align: middle; margin-top: -2px; }
.Indexbox8-3 .list ul li .text { position: absolute; width: 80%; left: 10%; height: 52px; line-height: 26px; color: #fff; bottom: 0; overflow: hidden; z-index: 1; margin-top: -26px; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }
.Indexbox8-3 .list ul li .vid { position: absolute; display: block; right: -12px; bottom: -12px; -webkit-transform: scale(0.6) rotate(0); -ms-transform: scale(0.6) rotate(0); transform: scale(0.6) rotate(0); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; height: 58px; width: 58px; background-position: -292px 0; z-index: 1; }
.Indexbox8-3 .list ul li:hover .img_::after { display: block; }
.Indexbox8-3 .list ul li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.Indexbox8-3 .list ul li:hover .text { font-weight: bold; }
.Indexbox8-3 .list ul li:hover .vid { -webkit-transform: scale(0.6) rotate(90deg); -ms-transform: scale(0.6) rotate(90deg); transform: scale(0.6) rotate(90deg); }
.Indexbox8-3 .list ul .on { width: 430px; height: 298px; margin-bottom: 0px; }
.Indexbox8-3 .list ul .on .img_ { width: 430px; height: 298px; }
.Indexbox8-3 .list ul .on .Team { width: 132px; height: 50px; line-height: 50px; }
.Indexbox8-3 .list ul .on .Team .lab { margin: 0 10px; max-width: 30px; }
.Indexbox8-3 .list ul .on .Team span { font-size: 24px; }
.Indexbox8-3 .list ul .on .text { height: 50px; line-height: 50px; width: 100%; padding: 0 40px 0 25px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; left: 0; margin: 0; bottom: 0; top: inherit; background: rgba(0, 0, 0, 0.5); word-break: initial; white-space: nowrap; display: block; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.Indexbox8-3 .list ul .on .vid { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); right: -4px; bottom: -4px; }
.Indexbox8-3 .list ul .on:hover .img_::after { display: none; }
.Indexbox8-3 .list ul .on:hover .text { font-weight: normal; }
.Indexbox8-3 .list ul .on:hover .vid { -webkit-transform: scale(1) rotate(90deg); -ms-transform: scale(1) rotate(90deg); transform: scale(1) rotate(90deg); }

.indexico {
  background: url("../images/indexico.png") no-repeat center;
    background-position-x: center;
    background-position-y: center;
}
.switchitem{ width: 470px; overflow: hidden;float: right; }
.switchitem .list1 { margin-top: -7px; }
.switchitem .list1 li { height: 36px; line-height: 36px; }
.switchitem .list1 li a { display: block; color: #252525; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 15px; float: left; max-width: 450px; }
.switchitem .list1 li a::before { width: 3px; height: 3px; border: 1px solid #404040; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; content: ''; }
.switchitem .list1 li a:hover { color: #EB4E18; text-decoration: underline; }
.switchitem .list1 li a:hover::before { border-color: #EB4E18; }
.switchitem .list1 li .time { float: right; font-size: 14px; color: #404040; }
.switchitem .list2 { width: 105%; padding-top: 8px; }
.switchitem .list2 .lis { width: 147px; display: block; float: left; margin-right: 17px; color: #252525; height: 117px; overflow: hidden; }
.switchitem .list2 .lis:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.switchitem .list2 .lis:hover p { color: #EB4E18; }
.switchitem .list2 .lis .img { height: 89px; display: block; width: 100%; border-radius: 5px; overflow: hidden;}
.switchitem .list2 .lis p { height: 20px; line-height: 20px; font-size: 15px; display: block; overflow: hidden; width: 100%; text-align: center; padding-top: 10px; }



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



/***手游栏目***/
.inybox{box-sizing: border-box;margin-top: 20px !important;background: #fff;padding: 20px;}
.hotyx_esy{position:relative;}
.qhbt{width: auto;}
.hotyx_b{width: 100%;margin-top: 30px;}
.hotyx_b ul{display: flex;align-content: center;flex: 1;}
.hotyx_b ul li{float: left;
  background-color: #fafafa;
  border-radius: 8px;
  color: #404040;
  font-size: 14px;
  display: block;
  margin-right: 13px;
  width: 105px;
  text-align: center;
  cursor: pointer;
  position: relative;line-height: 32px;}
.hotyx_b ul li.on{background: #23c268;
  color: #fff;}


  .hotyx_b ul li::after {
    display: none;
    position: absolute;
    left: 50%;
    content: '';
    background: url(../images/tabhov.png) no-repeat center;
      background-position-x: center;
      background-position-y: center;
    height: 6px;
    width: 20px;
    margin-left: -10px;
    bottom: -5px;
  }
  .hotyx_b ul li.on::after {
    display: block;
  }
.hotyx_bd{width: 100%;height: auto;margin-bottom: 0;overflow: hidden;margin-left: 0;}
.hoty_n{position:relative;width: 100%;}
.hoty_n .inner{padding: 20px;box-sizing: border-box;background: #fff;}
.hoty_n:nth-of-type(n+2){display: none;}


.btn-yxlm{width: 100px;float:left;height:100px;font-size: 16px;color:#666;cursor:pointer;position: relative;text-align: center;padding-top: 20px;box-sizing: border-box; display: inline-block; float: left;}
.btn-yxlm span{display: block;}
.btn-yxlm:hover{background: linear-gradient(90deg,#ff894e,#ff6460);color: #fff;border-radius: 10px;}



.btn-yxlm:hover .icon_gd{background-position: -562px -61px;}

.hotyx_bd{background: #fff;box-sizing: border-box;margin-top: 10px;}
.hotyx_li li {
  width: 232px;
  float: left;
  margin: 20px 0 0 0;
  position: relative;
}

.hotyx_li li a {
  display: block;
}

.hotyx_li li .imgBox {
  float: left;
  width: 88px;
  height: 88px;
  border-radius: 16px;
  overflow: hidden;
}

.hotyx_li li .imgBox img {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}

.hotyx_li li .info {
  width: 115px;
  height: 86px;
  float: left;
  margin-left: 8px;
  position: relative;
}

.hotyx_li li .p {
  color: #ababab;
  margin-top: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hotyx_li li .name {
  height: 21px;
  font-size: 16px;
  margin: 8px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
}

.hotyx_li li .btn {
  display: none;
  width: 80px;
  height: 24px;
  line-height: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
  cursor: pointer;
  border-radius: 3px;
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  background: #23c268;
}

.hotyx_li li:hover .btn {
  display: block;
}

.hotyx_li li:hover .p:nth-child(3) {
  display: none;
}

/***软件***/
.sjyybox{box-sizing: border-box;margin-top: 20px !important;background: #fff;padding:20px;position: relative;}
.contb .yxsptit strong,.contb .yxsptit strong{color: #354352;font-size: 24px;width: 126px;height: 50px;display: inline-block;background: url(../images/inico.png) no-repeat -214px 0;padding: 12px 0 0 19px;box-sizing: border-box;}

.sjyybox_t{width: 100%;margin-top: 30px;}
.sjyybox_t ul{display: flex;align-content: center;flex: 1;}
.sjyybox_t ul li{float: left;
  background-color: #fafafa;
  border-radius: 8px;
  color: #404040;
  font-size: 14px;
  display: block;
  margin-right: 13px;
  width: 105px;
  text-align: center;
  cursor: pointer;
  position: relative;line-height: 32px;}
.sjyybox_t ul li.on{background: #23c268;
  color: #fff;}


  .sjyybox_t ul li::after {
    display: none;
    position: absolute;
    left: 50%;
    content: '';
    background: url(../images/tabhov.png) no-repeat center;
      background-position-x: center;
      background-position-y: center;
    height: 6px;
    width: 20px;
    margin-left: -10px;
    bottom: -5px;
  }
  .sjyybox_t ul li.on::after {
    display: block;
  }


.sjyybox_bd{width: 100%;margin-top: 10px;}
.sjyy_l li {
  width: 232px;
  float: left;
  margin: 20px 0 0 0;
  position: relative;
}

.sjyy_l li a {
  display: block;
}

.sjyy_l li .imgBox {
  float: left;
  width: 88px;
  height: 88px;
  border-radius: 16px;
  overflow: hidden;
}

.sjyy_l li .imgBox img {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}

.sjyy_l li .info {
  width: 115px;
  height: 86px;
  float: left;
  margin-left: 8px;
  position: relative;
}

.sjyy_l li .p {
  color: #ababab;
  margin-top: 5px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.sjyy_l li .name {
  height: 21px;
  font-size: 16px;
  margin: 8px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
}

.sjyy_l li .btn {
  display: none;
  width: 80px;
  height: 24px;
  line-height: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
  cursor: pointer;
  border-radius: 3px;
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  background: #23c268;
}

.sjyy_l li:hover .btn {
  display: block;
}

.sjyy_l li:hover .p:nth-child(3) {
  display: none;
}





.esyyxgl{position:relative;width: 100%;overflow: hidden;}
.esyyxgl .lef{ float:left; width:365px; margin-top: 20px;margin-right: 30px;}
.esyyxgl .lef:last-child{margin-right: 0;}
.esyyxgl .lef .til_game{ padding-bottom:20px; margin-bottom:10px; border-bottom:1px solid #F6F8F7}
.esyyxgl .lef .til_game .til_pic{display:block;width:100%; height:160px;overflow:hidden;}
.esyyxgl .lef .til_game img{display:block;width:100%; height:100%;overflow: hidden;object-fit: cover;}
.esyyxgl .lef .til_game h4{ margin:10px 0 8px; font-size:16px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.esyyxgl .lef .til_game h4 a,.esyyxgl .mid .recommend h4 a{ color:#333}
.esyyxgl .lef .til_game h4 a:hover{color:red;}
.esyyxgl .mid .recommend h4 a:hover{color:red;}
.esyyxgl .lef .til_game p{height: 44px;line-height: 22px;color: #999;overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;text-indent: 2em;}
.esyyxgl .lef .news_list{margin-top:10px}
.esyyxgl .lef .news_list li{ line-height:30px;font-size: 15px;overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;}
.esyyxgl .lef .border{ border-bottom:1px solid #F6F8F7;padding-bottom:12px;}
.esyyxgl .lef .green{ color:#A4DFB4; margin:0 5px}

/***视频***/
.commbt span.hyp{float: right;color: #a78f8f;font-size: 14px;background:none;line-height: 18px;margin-right: 0;cursor:pointer;margin-top: 20px;}
.commbt span.hyp .icon_hyp{background: url(../images/sx.png) no-repeat;width: 18px;height: 18px;display: inline-block;vertical-align: middle;margin-left: 5px;}
.commbt span.hyp:hover .icon_hyp{background: url(../images/sx_h.png) no-repeat;width: 18px;height: 18px;display: inline-block;vertical-align: middle;margin-left: 5px;}
.commbt span.hyp:hover{color: #ff6460;}


.commbt span.rjhyp{float: right;color: #a78f8f;font-size: 14px;background:none;line-height: 18px;margin-right: 0;cursor:pointer;margin-top: 20px;}
.commbt span.rjhyp .icon_hyp{background: url(../images/sx.png) no-repeat;width: 18px;height: 18px;display: inline-block;vertical-align: middle;margin-left: 5px;}
.commbt span.rjhyp:hover .icon_hyp{background: url(../images/sx_h.png) no-repeat;width: 18px;height: 18px;display: inline-block;vertical-align: middle;margin-left: 5px;}
.commbt span.rjhyp:hover{color: #ff6460;}

.commbt span.yxhyp{float: right;color: #a78f8f;font-size: 14px;background:none;line-height: 18px;margin-right: 0;cursor:pointer;margin-top: 20px;}
.commbt span.yxhyp .icon_hyp{background: url(../images/sx.png) no-repeat;width: 18px;height: 18px;display: inline-block;vertical-align: middle;margin-left: 5px;}
.commbt span.yxhyp:hover .icon_hyp{background: url(../images/sx_h.png) no-repeat;width: 18px;height: 18px;display: inline-block;vertical-align: middle;margin-left: 5px;}
.commbt span.yxhyp:hover{color: #ff6460;}


/***首页排行榜**/
.syphbmk{width: 1200px;margin: 0px auto;display: block;overflow: hidden;}
.syphb{width: 380px;float: left;margin-right: 1px;background: #fff;padding: 20px;box-sizing: border-box;margin-right: 30px;}

.esyxl_rw{background: #fff;padding: 20px;}
.esyxl_rwli li{
  position: relative;
  padding: 10px 0;
  border-bottom: 1px solid #eeeeee;
}
.esyxl_rwli li .rank-icon {
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 20px;
  height: 50px;
  background-image: url(../images/rank.png);
  background-repeat: no-repeat;
}
.esyxl_rwli li:nth-child(1) .rank-icon {
  background-position: 0 0;
}
.esyxl_rwli li:nth-child(2) .rank-icon {
  background-position: 0 -51px;
}
.esyxl_rwli li:nth-child(3) .rank-icon {
  background-position: 0 -104px;
}
.esyxl_rwli li:nth-child(4) .rank-icon{
  background-position: 0 -155px;
}
.esyxl_rwli li:nth-child(5) .rank-icon {
  background-position: 0 -205px;
}
.esyxl_rwli li:nth-child(6) .rank-icon {
  background-position: 0 -256px;
}
.esyxl_rwli li:nth-child(7) .rank-icon {
  background-position: 0 -308px;
}
.esyxl_rwli li:nth-child(8) .rank-icon {
  background-position: 0 -360px;
}
.esyxl_rwli li:nth-child(9) .rank-icon {
  background-position: 0 -412px;
}
.esyxl_rwli li:nth-child(10) .rank-icon {
  background-position: 0 -468px;
}
.esyxl_rwli li .rank-detail {
  padding: 0 0 10px 30px;
}
.esyxl_rwli li .rank-detail.no-img {
  display: block;
  height: 40px;
  line-height: 50px;
  color: #666666;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 90px;
}
.esyxl_rwli li .rank-detail.img {
  display: none;
  position: relative;
  min-height: 70px;
}
.esyxl_rwli li .rank-detail.img .game-icon {
  position: absolute;
  left: 30px;
  top: 0;
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 5px;
  overflow: hidden;
}
.esyxl_rwli li .rank-detail.img .game-icon img {
  width: 100%;
  height: 100%;
}
.esyxl_rwli li .rank-detail.img .rank-game-detail {
  padding-left: 80px;
}
.esyxl_rwli li .rank-detail.img .rank-game-detail .game-name {
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 90px;
}
.esyxl_rwli li .rank-detail.img .rank-game-detail .game-information {
  margin-top: 7px;
  color: #999999;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.esyxl_rwli li .rank-detail.img .rank-game-detail .game-information .game-number {
  margin-right: 3px;
}
.esyxl_rwli li .rank-detail.img .rank-game-detail .game-information .game-size {
  margin-left: 3px;
}
.esyxl_rwli li .rank-detail.img .rank-game-detail .game-boon {
  margin-top: 7px;
  color: #999999;
  line-height: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
}
.esyxl_rwli li .download {
  position: absolute;
  right: 0;
  top: 22px;
  width: 66px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border: 1px solid #ff6460;
  border-radius: 20px;
  color: #ff6460;
  font-size: 12px;
}
.esyxl_rwli li .download:hover {
  background: #ff6460;
  color: #fff;
}
.esyxl_rwli li.active .rank-detail.no-img {
  display: none;
}
.esyxl_rwli li.active .rank-detail.img {
  display: block;
}
.layui-layer-content .gm-helper-container {
  padding: 15px;
  overflow: hidden;
}



.esyxl_rw_lw li {
  overflow: hidden;
  line-height: 20px;
  padding: 10px 0;
  border-bottom: 1px dashed #ddd;
}

.esyxl_rw_lw li i {
  width: 20px;
  height: 20px;
  float: left;
  background: #e5e5e5;
  color: #676767;
  text-align: center;
  margin-left: 3px;
  margin-right: 12px;
}

.esyxl_rw_lw li:nth-child(1) i {
  background: #fc4444;
  color: #FFF;
}

.esyxl_rw_lw li:nth-child(2) i {
  background: #fc9c44;
  color: #FFF;
}

.esyxl_rw_lw li:nth-child(3) i {
  background: #ff6460;
  color: #FFF;
}
.esyxl_rw_lw li p{
  display: inline-block;
  width: 60%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.esyxl_rw_lw li em {
  color: #999;
  float: right;
  max-width: 70px;
  text-align: right;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}





.syglsy{box-sizing: border-box;margin-top: 20px !important;background: #fff;padding: 20px;}









/***友情链接***/
.esyyqlj{box-sizing: border-box;margin-top: 20px !important;background: #fff;padding: 20px;}
.syq_t{width: 100%;height:40px;position: relative;box-sizing: border-box;line-height: 40px;color: #23c268;font-size: 20px;}


.esyyqlj_lb {width: 100%;position: relative;margin-top: 20px;}
.esyyqlj_lb a {float: left;padding: 0px 25px 0px 5px;width: 115px;line-height: 28px;height: 28px;font-size: 14px;color: #666; cursor: pointer;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: left;}


.hotyx_b .iconfont{ width: 30px; height: 30px; display: inline-block; margin-bottom: 5px; font-size: 30px!important;}
.yy-btn:hover{ color: #fff;}


/*专区大全*/
.esyzqsy{background:#fff; padding: 20px;box-sizing: border-box;margin-top:20px;}
.esyzqsy .wrap{padding: 0 20px;box-sizing: border-box;}

.esyzqsy .esyz_t{height: 58px;line-height: 58px;border-bottom: 1px solid #f0eff4;display: block;overflow: hidden;margin-top: 10px;}
.esyzqsy .esyz_t ul{float: left;height: 100%; overflow: hidden;}
.esyzqsy .esyz_t li { float: left; font-size: 16px; color: #252525; margin-right: 20px; padding: 0 5px; cursor: pointer; position: relative; height: 100%; overflow: hidden; }
.esyzqsy .esyz_t li::after { width: 100%; height: 5px; background: none; border-radius: 2px; position: absolute; left: 0; bottom: 0; content: ''; }
.esyzqsy .esyz_t li:hover { color: #23c268; }
.esyzqsy .esyz_t li:hover::after { background-color: #d8f7e5; }
.esyzqsy .esyz_t .on { color: #23c268; font-size: 20px; margin-bottom: 2px; font-weight: bold; }
.esyzqsy .esyz_t .on::after { background-color: #d8f7e5; }


.esyz_n{
  height: 348px;
position: relative;
overflow: hidden;
}
.esyz_n .bjimg { width: 100%; height: 100%; display: block; position: relative; }
.esyz_n .bjimg img { width: 120%; height: 120%; display: block; -o-object-fit: cover; object-fit: cover; left: 0; top: 0; position: relative; }
.esyz_n .bjimg .bj { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(70%, #fff), to(rgba(255, 255, 255, 0.9))); background: -o-linear-gradient(top, #fff 0%, #fff 70%, rgba(255, 255, 255, 0.9) 100%); background: linear-gradient(to bottom, #fff 0%, #fff 70%, rgba(255, 255, 255, 0.9) 100%); }
.esyz_n .box_ { position: absolute; top: 20px; left: 15px; }
.esyz_n .imgbox { width: 184px; float: left; height: auto !important;}
.esyz_n .imgbox .img { width: 100%; height: 236px; display: block; border-radius: 10px; }
.esyz_n .imgbox .img img{width: 100%;height: 100%;overflow: hidden;object-fit: cover;border-radius: 10px; }
.esyz_n .imgbox .btn { margin: 23px auto 0; width: 134px; height: 40px; border: solid 1px #93e1b8; background:#def5ec; display: block; border-radius: 16px; line-height: 40px; text-align: center; font-size: 16px; color: #23c268; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.esyz_n .imgbox .btn:hover { background: #23c268; color: #fff; }
.esyz_n .infor { float: left; padding-left: 23px; width: 888px; font-size: 14px; color: #252525; }
.esyz_n .infor .tex { float: left; width:100%; }
.esyz_n .infor .tex .h1 { height: 40px; line-height: 40px; overflow: hidden; width: 100%; margin-top: -5px; }
.esyz_n .infor .tex .h1 .name { font-size: 32px; color: #252525; display: inline-block; vertical-align: middle; margin: -2px 5px 0 0; max-width: 75%; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.esyz_n .infor .tex .bq { height: 20px; line-height: 20px; width: 100%; overflow: hidden; margin: 15px 0; }
.esyz_n .infor .tex .bq span { font-size: 12px; height: 17px; margin: -2px 0 0 0; border-radius: 4px; padding: 0 8px; background: #acacac; background: rgba(143, 142, 147, 0.2); color: #404040; line-height: 17px; text-align: center; display: inline-block; vertical-align: middle; }
.esyz_n .infor .tex .lab_ { height:90px; width: 100%; line-height: 30px; margin-bottom: 15px; overflow: hidden; }
.esyz_n .infor .tex .lab_ p { float: left; width: 47%; margin-right: 3%; overflow: hidden; height: 30px; background: url(../images/line.png) no-repeat left center;padding-left: 22px;box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;}
.esyz_n .infor .tex .lab_ p a { color: #252525; }
.esyz_n .infor .tex .lab_ p a:hover { color: #EB4E18; }
.esyz_n .infor .tex .pfbox { float: left; width: 82px; height: 82px; display: block; border-radius: 16px; text-align: center; font-size: 12px; color: #eb4e17;position: absolute;right: 0;top: 0; }
.esyz_n .infor .tex .pfbox .bt { height: 20px; line-height: 20px; padding-top: 10px; }
.esyz_n .infor .tex .pfbox .number { padding-top: 5px; font-size: 40px; font-weight: bold; line-height: 40px; height: 40px; font-family: "Muli"; }
.esyz_n .infor .tex .pfbox .number i { font-size: 31px; }
.esyz_n .infor .vidlis { float: left; width: 90%; }
.esyz_n .infor .vidlis .lis { height: 79px; width: 24%;float: left;margin-right: 1%; display: block; position: relative; border-radius: 5px; overflow: hidden; margin-top: 17px; }
.esyz_n .infor .vidlis .lis img { width: 100%; display: block; height: 100%; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; object-fit: cover;}
.esyz_n .infor .vidlis .lis .vid { position: absolute; display: block; right: -15px; bottom: -15px; -webkit-transform: scale(0.6) rotate(0); -ms-transform: scale(0.6) rotate(0); transform: scale(0.6) rotate(0); -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; height: 58px; width: 58px; background-position: -292px 0; z-index: 1; }
.esyz_n .infor .vidlis .lis:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.esyz_n .infor .vidlis .lis:hover .vid { -webkit-transform: scale(0.6) rotate(90deg); -ms-transform: scale(0.6) rotate(90deg); transform: scale(0.6) rotate(90deg); }


.commbt span a{ color: #888888;}
.commbt span a:hover{ color: #ff6460;}

/***右侧悬浮***/
.fhtop{ width: 80px; position: fixed;z-index: 99999; right: 5%; bottom: 50px; display: none;}
.fhtop li{ width: 80px; height: 80px; margin-bottom: 1px; }
.fhtop li a{width: 80px; height: 80px; display: block; background: #fff; text-align: center;transition: all 0.3s ease-in-out 0s;}
.fhtop li a:hover{ background: #ff6460; color: #fff;transition: all 0.3s ease-in-out 0s;} 
.fhtop li i.yxk-top{background: url(../images/ioc-sytb.png) no-repeat -5px -125px; width: 40px; height: 40px; display: inline-block; margin-top: 10px;transition: all 0.3s ease-in-out 0s;}
.fhtop li a:hover .yxk-top{background-position:  -55px -125px;transition: all 0.3s ease-in-out 0s;}
.fhtop li i.zq-top{background: url(../images/ioc-sytb.png) no-repeat -5px -198px; width: 40px; height: 40px; display: inline-block; margin-top: 10px;transition: all 0.3s ease-in-out 0s;}
.fhtop li a:hover .zq-top{background-position:  -55px -198px;transition: all 0.3s ease-in-out 0s;}
.fhtop li i.gl-top{background: url(../images/ioc-sytb.png) no-repeat -4px -252px;width: 40px;height: 40px;display: inline-block;margin-top: 10px;transition: all 0.3s ease-in-out 0s;}
.fhtop li a:hover .gl-top{background-position:  -55px -252px;transition: all 0.3s ease-in-out 0s;}
.fhtop li i.phb-top{background: url(../images/ioc-sytb.png) no-repeat -2px -310px;width: 40px;height: 40px;display: inline-block;margin-top: 10px;transition: all 0.3s ease-in-out 0s;}
.fhtop li a:hover .phb-top{background-position: -55px -310px;transition: all 0.3s ease-in-out 0s;}
.fhtop li i.fhdb-top{background: url(../images/ioc-sytb.png) no-repeat 0px -360px;width: 40px;height: 40px;display: inline-block;margin-top: 25px;transition: all 0.3s ease-in-out 0s;}
.fhtop a.top{ background: #ff6460;}
.fhtop li span{display: block;}

@media screen and (max-width:1440px) {
    .fhtop{ right: 30px;}
}
@media screen and (max-width:1280px) {
    .fhtop{ right: 10px;}
}
@media only screen and (max-width: 1024px) and (min-width: 769px){
    .fhtop{ right: 10px;}
}
@media only screen and (max-width: 768px){
    .fhtop{ right: 10px;}
}

/***当前***/
.position{font-size: 14px;color: #9b9b9b;height: 50px;line-height: 50px;padding-left:20px;border-bottom:1px #f5f5f5 solid; background: url(../images/ioc-dqwz.png) no-repeat 0px center;box-sizing: border-box;border-radius: 8px 8px 0 0;}
.position a{ color: #9b9b9b;}
.position a:hover{ color: #ff6460;}


/***筛选***/
.sxbox{background: #fff;padding: 20px 0;box-sizing: border-box;overflow: auto;}
.erslabel{ width: 100%;}
.gmlxtag{ width: 100%;line-height: 26px; padding: 15px 0px; font-size: 14px; color: #666; position: relative;overflow: hidden; border-bottom: 1px #e2e2e2 dashed;}
.erslabel .gmlxtag:last-child{border-bottom: 0px #e2e2e2 dashed;}
.labelb{ margin-right: 14px; float: left;color: #333;width: 120px;text-align: center;display: inline-block;}
.labeln{overflow: hidden;}
.labeln ul{overflow: hidden;padding-right: 70px;height: 26px;}
.labeln .show{height: auto;}
.labeln li{margin-right: 25px; float: left; margin-bottom: 7px;}
.labeln li a{display: inline-block;color: #666;width: 65px;text-align: center;}
.labeln li a:hover,.labeln li a.labon{ background: #ff6460; color: #fff;text-decoration: none;}
.gmopen{ position: absolute; right: 20px;cursor: pointer;top:15px; color: #ff6460;}
.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;}

.sxy_h ul{height: 56px;}

.labely .active{ color: #999;}
.labely .active:before{ background-position: -191px -96px;}
.newahot{ position: absolute; right: 0px; top: 15px;}
.newahot a{ color: #6a6a6a; display: inline-block; float: left;}
.newahot a i{ content: ""; width: 15px; height: 15px; display: inline-block; float: left; margin: 6px 3px 0px 0px; background: url(../images/ghoticon.png) no-repeat 0px 0px;}
.newahot a.hotscreen{ margin-left: 33px;}
.newahot a.hotscreen i{ background-position: 0px -18px;}
.newahot a:hover,.newahot a.hshover,.newahot a.nshover{ color: #ff6460; text-decoration: none;}
.newahot a:hover i,.newahot a.nshover i{background-position: 0px -35px;}
.newahot a.hotscreen:hover i,.newahot a.hshover i{ background-position: 0px -53px;}


/****游戏列表一排五个***/
.ylb{background: #fff;}
.game_l{padding-bottom: 30px;}
.game_l li {
  padding: 20px 20px 12px ;
  float: left;
  margin: 0 25px 10px 0;
}

.game_l li:nth-child(6n){
  margin-right: 0;
}
.game-content {
  width: 139px;
  height: 205px;
}

.game-content p {
  text-align: center;
}

.game-content img {
  width: 120px;
  height: 120px;
  border-radius: 22%;
  display: block;
  margin: 0 auto;
}

.game-content .game-name {
  height: 36px;
  width: 100%;
  overflow: hidden;
  line-height: 40px;
}

.game-content .game-info p {
  width: 100%;
  overflow: hidden;
  height: 20px;
  line-height: 20px;
  color: #999999;
  font-size:12px;
}

.game-content .game-score {
  width: 100%;
  overflow: hidden;
  height: 28px;
  line-height: 28px;
  color: #23c268;
}

.game-content .game-score.no-score {
  color: #999999;
}

.game-content .game-score span {
  font-weight: bold;
}

.game-content .download-link {
  width: 98px;
  height: 28px;
  background-color: #23c268;
  border-radius: 5px;
  color: #ffffff;
  line-height: 28px;
  text-align: center;
  margin: 5px auto 0;
  display: none;
}

.game_l li:hover {
  background-color: #e8e8e8;
}

.game_l li:hover .game-info {
  display: none;
}
.game_l li:hover .download-link {
  display: block;
}

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

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



.ylb .page{background: none;}


.sy-raty {height: 16px;width: 75px;margin: 10px auto;}
.sy-raty .phbpf {width: 75px;height: 12px;display: block;position: relative;background: url(../images/syxxh.png) repeat-x;}
.phbpf i { width: 93%; height: 12px; position: absolute; left: 0; top: 0; background: url(../images/syxxc.png) repeat-x; overflow: hidden; max-width: 65px; margin: 0;}

.esygx_y {left: 0;position: absolute;top: 0;width: 100%;height: 100%;z-index: 0;overflow: hidden;background: #000;height: 198px;}
.yxq_bimg {filter: blur(30px);left: -5%;position: absolute;width: 110%;z-index: 1;opacity: 0.6;}


.page,#page_navigation{margin: 0px auto 0px;text-align: center;padding-bottom: 30px;padding-top: 20px;border-radius: 0 0 8px 8px;}
.page li{display: inline-block;overflow: hidden;border: none !important;padding: 0 !important;}
.page li a, .page li span,#page_navigation a{ padding: 0px 12px; line-height: 38px; height: 38px; color: #666; font-size: 14px; border: 1px #ededed solid; display: inline-block;background: #fff;}
.page li a:hover,.page li a.phover,#page_navigation a:hover,#page_navigation a.active_page{ background: #ff6460; color: #fff; border: 1px #ff6460 solid; text-decoration: none;}
.page li span{background-color: rgba(0,0,0,.1)}
.pagination>li>span { position: relative; float: left; padding: 0px 12px; color: #333; background-color: #fff; border: 1px solid #ddd; margin: 0 2px;}
.pagination>li.active>span { position: relative; float: left; border: 1px solid #ff6460; z-index: 2; color: #fff; background-color: #ff6460;}

#page_navigation{width: 100%; text-align: center;margin: 10px auto;}
#page_navigation a{margin: 0 5px;}

/*****大家都在玩***/
.esyyxgd .special-dome{padding-top: 20px;}
.esyyxgd b.tjbox-scroll-left{left:20px; background-position: 0 0;}
.esyyxgd b.tjbox-scroll-right{right:20px; background-position:-18px 0;}
.esyyxgd b.tjbox-scroll-left:hover{ background-position: 0 -33px;}
.esyyxgd b.tjbox-scroll-right:hover{ background-position:-18px -33px;}
.esyyxgd b{width:18px; height:33px; background:url(../images/arrow.png); position:absolute; top: 53.5px; z-index:99; cursor:pointer;transition: all 0.2s;
  -webkit-transition: all 0.2s;}
.esyyxgd .special-cont{width: 1100px !important;padding-left: 0 !important;}
.esyyxgd .special-cont ul li{ margin: 0 0 0 8px !important;width: 102px !important;height: 120px;float: left;display: inline;overflow: hidden;padding: 0;border: none;}
.esyyxgd .special-cont{overflow:hidden;margin:0px auto;height:130px;width:1100px;}
.esyyxgd .special-cont ul li a {width: 100%;height: 120px;display: block;overflow: hidden;position: relative;zoom: 1;}
.esyyxgd .special-cont ul li a p{width:100%;height:26px;line-height:26px;font-size:14px;font-weight:normal;color: #333;text-align:center;display:block;overflow:hidden;position:absolute;left:0;bottom:0; /*IE9+*//*IE9-*/}
.esyyxgd .special-cont ul li a:hover p{color: #23c268;}
.esyyxgd .special-cont ul li img{width: 88px ; height:88px; border-radius: 16px;display: block;margin: 0 auto;}


.hjsy_l { width: 100%; display: none;margin-top: 20px;}
.hjsy_l.active {display: block;}

.rjsy_l { width: 100%; display: none;margin-top: 20px;}
.rjsy_l.active {display: block;}


.tabxht li{ margin: 0 10px 0 0px;width: 120px;height: 140px;float: left;display: inline;overflow: hidden;padding: 0;border: none;}
.tabxht li:nth-child(9n){margin-right: 0;}
.tabxht ul li a{width: 100%;height: 130px;display: block;overflow: hidden;position: relative;zoom: 1;}
.tabxht li a p{width:100%;height:26px;line-height:26px;font-size:14px;font-weight:normal;color: #333;text-align:center;display:block;overflow:hidden;}
.tabxht li a:hover p{color: #23c268;}
.tabxht li img{width: 100px ; height:100px; border-radius: 16px;display: block;margin: 0 auto;}


/***游戏下载***/
.xqbox{ width: 100%;}
.esygx_l{padding: 20px 0px 0px 0px;height: 239px;position: relative;box-sizing: border-box;background-color: #fff;border-radius: 8px;}
.esygx_l .esygx_lz{float: left;width: 155px;margin:0 20px;z-index: 1;position: relative;}
.esygx_l .esygx_lz img{width: 155px;height: 155px;overflow: hidden;border-radius: 40px;}
.esygx_l dl{float: left;width: 580px;position: relative;z-index: 1;margin-right: 30px;}
.esygx_l dt{color: #333;line-height: 44px;height: 44px;}
.esygx_l dt h1{ max-width: 70%; float: left;font-size: 28px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff;}
.esygx_l dd.esygx_f{width: 100%;height: 35px;position: relative;margin-top: 10px;}
.esygx_l dd .u_mark{ float: left; margin-top: 15px;}
.esygx_l dd i,.gxesy-y td i{ width: 15px; height: 14px; display: inline-block; margin-right: 2px; background: url(../images/ghoticon.png) no-repeat -21px 0px; }
.esygx_l dd i.scoreb,.gxesy-y td i.scoreb{ background-position: -21px -17px;}
.esygx_l dd i.scoreh,.gxesy-y td i.scoreh{ background-position: -21px -35px;}


.gxesy-y td .u_mark{display: block;margin: 0 auto;width: 75px;height: 12px;background: url(../images/syxxh.png) repeat-x;position: relative;}
.gxesy-y td i{ width: 90%; height: 12px; display: inline-block; background: url(../images/syxxc.png) repeat-x;position: absolute;left: 0;top: 0;}


.esygx_l dd .glnum{ font-size: 14px; color: #ff5500;margin-left: 4px;float: left;}
.esygx_l dd .glnum b{ font-size: 26px;}
.esygx_l dd .glnum em{ font-size: 16px; font-weight: bold;}
.esygx_l .phbpf {width: 75px;height: 12px;display: block;position: relative;background: url(../images/syxxh.png) repeat-x;}
.esygx_l dd.esygx_f i {width: 93%;height: 12px;position: absolute;left: 0;top: 0;background: url(../images/syxxc.png) repeat-x;overflow: hidden;max-width: 65px;margin: 0;}
.esygx_l dd p{line-height: 20px;color: #999;width: 100%;height: 20px;}
.esygx_l dd span{display: inline-block;width:25%;float: left;font-size: 12px;}
.esygx_l dd span em, .esygx_l dd span em a{color: #ffffff;}
.esygx_l dd.esygx_a{margin-top: 10px;position: relative;}
.esygx_l dd.esygx_a a{width: 196px;height: 40px;line-height: 40px;display: inline-block;font-size: 16px;background: #1ec456;border-radius: 5px;color: #fff;margin-right: 10px;}
.esygx_l dd.esygx_a a:hover{ text-decoration: none; opacity: 0.8;}
.esygx_l dd.esygx_a a:before{content: "";width: 20px;height: 20px;display: inline-block;float: left;margin: 12px 5px 0px 52px;background: url(../images/ghoticon.png) no-repeat -46px 0px;}
.esygx_l dd.esygx_a a.iosico{ background: #ffb31e;}
.esygx_l dd.esygx_a a.iosico:before{ background-position: -46px -23px;}
.esygx_l dd.esygx_a a.computerico{ background: #1ea2ff;}
.esygx_l dd.esygx_a a.computerico:before{background-position: -46px -49px;}
.esygx_l dd.esygx_f span{width: 66px;float: none;}
.esygx_l dd.esygx_a a.nohs{background: #d8d8d8;color: #fff;}
.esygx_l dd.esygx_a p{font-size: 12px;}
.esygx_l dd .yxqxz_z {float: left;}
.esygx_l dd .yxqxz_z a {color: #fff;width:196px;height: 40px;margin-right: 0;text-indent: 0; line-height: 40px;display: block;text-align: center;border:1px #ff6460 solid;background: none;color: #ff6460;}
.esygx_l dd .yxqxz_z a::before{display: none;}
.esygx_l dd .yxqxz_z a:hover {background-color: rgb(255, 80, 0);color: #fff;}


.azewm{position: absolute;width: 150px;height: 150px;top: 45px;left: 2px;overflow: hidden;z-index: 99;border: 5px solid #fff;background: #fff;box-shadow: 0px 4px 4px #d0d0d0;display: none;}
.iosewm{position: absolute;width: 150px;height: 150px;top: 48px;left: 184px;overflow: hidden;z-index: 99;border: 5px solid #fff;background: #fff;box-shadow: 0px 4px 4px #d0d0d0;display: none;}
.azewm img,.iosewm img{width: 150px;height: 150px;}

.x_mz{width: 100%;height: 40px;line-height: 40px;padding-left: 20px;box-sizing: border-box;background: #fff; font-size: 14px;margin-top: 20px;position: absolute;left: 0;bottom: 0;}
.x_mz a{ margin-left: 5px;color: red;}


@-webkit-keyframes scan { 0% {top:0} 100% {top:130px}}
@keyframes scan { 0% {top:0} 100% {top:130px}}

.esygx_ly {width: 130px;height: 180px;position: absolute;right: 100px;top: 10px;z-index: 3;background: url(../images/game-syphb.png)  no-repeat;}
.esygx_ly .icon.ri4 {width: 123px;height: 123px;background-position: -525px 0;position: absolute;left: 5px;top: 30px;z-index: 3;}
.esygx_ly .icon.ri4 a {display: block;overflow: hidden;}
.esygx_ly .p1 {display: block;height: 32px;line-height: 32px;overflow: hidden;text-align: center;margin-top: 22px;color: #fff;font-size: 23px;font-weight: bold;}
.esygx_ly .p2 { display: block; height: 22px; line-height: 22px; overflow: hidden; text-align: center; color: #fff; font-size: 14px; margin-bottom: 4px;}
.esygx_ly .tit { display: block; height: 24px; line-height: 24px; overflow: hidden; text-align: center;  color: #ffefa8;  width: 56px;  border-top: 1px solid #fce27e;  margin: 0 auto;}
.esygx_ly .icon.ri4 a.ani {animation: revolveLr 4s linear infinite both;-webkit-animation: revolveLr 4s linear infinite both;}
@keyframes revolveLr {50% { transform:rotateY(0deg) } 75% { transform:rotateY(180deg)}  100% {transform:rotateY(0deg)}}

/***游戏下载详情***/
.esyyxgd{padding: 0px 20px 20px 20px;width: 1200px;margin: 0 auto; box-sizing: border-box;background: #fff;box-sizing: border-box;}
.gameL{ width: 866px; float: left;}
.gamenr-tab{margin-top: 20px;}
.gamenr-tab .updateN{ padding-top: 0px;}
.esygx_e{ width: 100%;line-height: 50px;padding: 20px 20px 0 20px;background: #fff;box-sizing: border-box;}
.esygx_e ul{height: 51px;border-bottom: 1px solid #d2d2d2;}
.esygx_e li{float: left; line-height: 51px; margin-right: 20px; padding: 0px 20px; cursor: pointer;font-size: 18px;color: #2c2c2c;}
.esygx_e li:hover,.esygx_e li.on{border-bottom: 1px solid #23c268;margin-bottom: 1px;color:#23c268;font-weight: bold;}


.esygx_e li .comnumber{ height: 14px; line-height: 14px; font-size: 11px; padding: 0px 3px; border-radius: 2px; display: inline-block; position: absolute; background: #ff6460; color: #fff; font-weight: normal;top:6px;left: 72px;}
.esygx_s{padding: 0px 20px 20px 20px;font-size: 16px;line-height: 28px;color: #666;background: #fff;}
/*.esygx_s p strong {
  margin-bottom: 16px;
  line-height: 34px;
  font-size: 18px;
  color: #ff6460;
  font-weight: 700;
  padding: 0 0 0 18px;
  border-left: 4px solid #ff6460;
  background-color: #fff;
  border-bottom: 1px #eaeaea dashed;
  display: block;text-indent: 0;
 margin-top: 15px
}  
*/
.esygx_s h3 {
  margin-bottom: 16px;
  line-height: 34px;
  font-size: 18px;
  color: #ff6460;
  font-weight: 700;
  padding: 0 0 0 18px;
  border-left: 4px solid #ff6460;
  background-color: #fff;
  border-bottom: 1px #eaeaea dashed;
  display: block;text-indent: 0;
 margin-top: 15px
}
.yxxq_qh h4{ font-size: 18px; font-weight: normal; line-height: 45px;}
.yxxq_qh h4:before{ width: 4px; height: 18px; content: ""; display: inline-block; background: #ff6460; border-radius: 8px; margin: 15px 9px 0px 0px; float: left;}
.game-ad{ width: 100%; border-bottom: 7px #f2f2f2 solid; border-top: 7px #f2f2f2 solid;}
.game-ad img{ width: 100%;}

.esygx_s p{margin-bottom: 14px;}
.esygx_s img{display: block;margin:auto;max-width: 80%;}

.esygx_w{background: #fff;box-sizing: border-box;padding: 20px;margin-top: 25px;}
.esygx_w ul{width: 100%;padding: 10px;box-sizing: border-box;display: inline-block;}
.esygx_w ul li{display: inline-block;width:48%;float: left;margin-right: 2%; line-height: 30px;margin-bottom: 10px; box-sizing: border-box;padding-left: 15px;}
.esygx_w ul li em, .esygx_w ul li em a{color: #666;}
.esygx_w ul li em a{color: #23c268}
.esygx_w h4{padding-top: 20px;}
.esygx_w ul li:nth-child(2n){margin-right: 0;}


/***相关游戏推荐**/
.esygx_q{margin-top: 25px;}
.esygx_q,.gamenr-xgyxtj{padding:20px;margin-bottom: 30px;background: #fff;}
.gamenr-xgyxtj h3{ margin-bottom: 8px;}
.gamenr-xgyxtj li{ width: 107px; float: left; margin-right: 20px;}
.gamenr-xgyxtj li a{ max-width: 100%;}
.gamenr-xgyxtj li img{ width: 107px; height: 107px; overflow: hidden; border-radius: 22px;}
.gamenr-xgyxtj li em{ width: 100%; display: inline-block; text-align: center; line-height: 40px; color: #333; font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gamenr-xgyxtj li a:hover em{ color: #ff6460; text-decoration: underline;}
.gamenr-player{ margin-bottom: 20px; background: #fff;padding: 20px;margin-top: 25px;}

/***攻略资讯**/
.yxxq_qh .gamenr-glzx .nimg{ margin-left: 20px;}
.yxxq_qh .gamenr-glzx .ntext{ width: 460px;}
.gamenr-glzx{ margin-top: 4px; width: 100%;}
.gamenr-glzx li{ padding: 20px 0px; border-bottom: 1px #f1f1f1 solid;}
.gamenr-glzx .nimg{ width: 300px; float: left;}
.gamenr-glzx .nimg img{ width: 280px; height: 150px; overflow: hidden;}
.gamenr-glzx .ntext{float: right; margin-right: 18px;}
.gamenr-glzx .ntext h3{ font-size: 18px; font-weight: bold;height: 32px;line-height: 32px;}
.gamenr-glzx .ntag span{ display: inline-block; float: left;}
.gamenr-glzx .ntag span.tag1,.ntag span.author{max-width: 120px;}
.gamenr-glzx .ntag{font-size: 16px;color: #aaa;margin-top: 16px;}
.gamenr-glzx .ntag span.author{ display: inline-block;max-width: 180px;height: 20px;margin-left: 30px;}
.gamenr-glzx .nword{width: 100%; margin-top: 12px;height: 52px;font-size: 14px;line-height: 24px; color: #666; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.gamenr-glzx .btn a{padding: 0px 15px;height: 25px;line-height: 25px;display: inline-block;background: #eeebeb;color: #ff6460;text-decoration: none;border-radius: 5px;}
.gamenr-glzx .btn a:hover{background: #ff6460; color: #fff;}
.gamenr-glzx .nhot{content: ""; width: 19px; height: 23px; display: inline-block; background: url(../images/tagicon.png) no-repeat 0px -47px; float: left;margin:3px 4px 0px 0px}
.ntag span.tag1,.ntag span.author,.dright .number,.over{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.ntag span.tag1{float: right;}
.ntag span.tag1::before{content: "";display: inline-block;width: 18px;height: 13px;background: url(../images/inico.png) no-repeat -556px 0;margin-right: 5px;vertical-align: middle;}



/***下载右侧**/
.game_R{ width: 315px; float: right;}
.gamenr-gg{ width: 100%; margin-bottom: 20px;}
.gamenr-gg img{ height:auto; overflow: hidden; width: 100%;}
.bor{ padding: 20px;margin-bottom: 20px;}
.bor .title{ height: 36px; border-bottom: 1px #f2f2f2 solid; font-size: 18px; font-weight: bold; color: #354352;}
.bor .title a{float: right;font-weight: normal;color: #999;font-size: 12px;display: inline-block;margin-top: 3px;}
.bor .title a i{color: #ff6460;}
.bor .r_more a{ display: inline-block; text-align: center; width: 100%; line-height: 37px; height: 37px; color: #888; font-size: 14px; margin-top: 10px;}
.bor .r_more a i{ font-size: 18px;}
.bor .r_more a:hover{ color: #ff6460; text-decoration: none;}
/***相关礼包**/
.gamenr-xglb ul{padding-top: 5px;}
.gamenr-xglb li{ width: 100%;padding: 10px 0px; border-bottom: 1px #ddd dashed; height: 55px;}
.gamenr-xglb li:last-child{ border-bottom: 0px;}
.gamenr-xglb li .bagimg{margin-right: 15px; float: left;}
.gamenr-xglb li .bagimg img{width: 55px; height: 55px; overflow: hidden; border-radius: 10px;}
.gamenr-xglb li .bagtext{ float: left; max-width: 200px;}
.gamenr-xglb li .bagtext h6{ font-size: 15px; line-height: 30px;}
.gamenr-xglb li .bagtext p{ color: #666;}
.gamenr-xglb li .bagtext h6,.gamenr-xglb li .bagtext p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gamenr-xglb li .bagtext p i{ color: #ff6460;}
.gamenr-xglb li .bagbtn{ width: 50px;text-align: center; float: right; margin-right: 2px; margin-top: 15px;}
.gamenr-xglb li .bagbtn a{ display: inline-block;width: 50px; height: 24px; line-height: 24px; border-radius: 2px; background: #f39800; color: #fff;}
.gamenr-xglb li .bagbtn a:hover,.esyy_bq li a:hover,.esyy_jq li a:hover{ background: #ff6460; color: #fff; text-decoration: none;}

/***该游戏热门标签***/
.esyy_bq{background: #fff;margin-top:20px}
.esyy_bq ul{ padding: 20px 0px;}
.esyy_bq li{ float: left; margin-right: 9px; margin-bottom: 10px;}
.esyy_bq li a{padding: 0px 17px;max-width: 290px; height: 27px; line-height: 27px; display: inline-block;background: #fafafa; border-radius: 4px; color: #ff6460; font-size: 13px;}
.esyy_bq li:nth-child(1) a{ color: #ff1716; }
.esyy_bq li:nth-child(2) a { color: #0b9e94; }
.esyy_bq li:nth-child(3) a { color: #d39f17; }
.esyy_bq li:nth-child(4) a { color: #ff006b; }
.esyy_bq li:nth-child(5) a { color: #049cff; }
.esyy_bq li:nth-child(6) a{ color: #8b4bfa; }
.esyy_bq li:nth-child(7) a{ color: #4b991f; }
.esyy_bq li a:hover{background: #ff6460;color: #fff;}

/***相关合集***/
.esyy_jq ul,.grnews ul{ padding-top: 15px;}
.esyy_jq{background: #fff;margin-top: 25px;}
.esyy_jq li{ width: 47%; margin-right: 3%; float: left;}
.esyy_jq li a{ height: 35px; margin-bottom: 10px; width: 92%;padding:0px 4%; display: inline-block;font-size: 15px; line-height: 35px; text-align: center; background:#f8f8f8; border-radius: 5px;}
/***相关资讯***/
.grnews li{ line-height: 38px; border-bottom: 1px #eaeaea dashed; font-size: 14px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.grnews li:before{width: 4px; height: 18px; content: ""; display: inline-block;margin: 17px 6px 0px 0px; float: left; background: url(../images/ghoticon.png) no-repeat -74px 0px;}


/***游戏截图***/
.showcase{padding-top: 0;padding-bottom:20px;margin: 0;}
.showcase .s-content{width:10000px}
.showcase .scrollbar{overflow:hidden}
.showcase .scrollbar .s-box{height:300px;margin-bottom:20px;_width:838px;*position:relative;*overflow:hidden}
.showcase .scrollbar li{float:left;position:relative;height:300px;margin-right:18px;overflow:hidden}
.showcase .scrollbar li div a{ display: block;  }
.showcase .scrollbar li div a span{position: absolute; width: 50px; height: 50px; top: 100px; left: 50%; margin-left: -23px;  display: none}
.showcase .scrollbar li div a.f-hover span { display: block; }

.showcase .scrollbar li.last{margin-right:0}.showcase .scrollbar li img{max-height:300px;_height:300px}
.showcase .scrollbar li span{position:absolute;top:0;left:0;display:block;width:100%;height:45px}
.showcase .scrollbar li .bg{background:#000;opacity:.50;filter:alpha(opacity=50)}
.showcase .scrollbar li .info{line-height:45px;text-indent:45px;font-size:18px;color:#fff}
.showcase .scrollbar li.picture .info{background:url(../images/find.png) no-repeat;_background:url(../images/find.gif) no-repeat; cursor:pointer;}
.showcase .scrollbar li.picture .info:hover{background:url(../images/find_h.png) no-repeat;}
.showcase .scrollbar li.active span{display:block}
.showcase .scrollbar li .video-bg{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:#000;opacity:.50;filter:alpha(opacity=50)}
.showcase .scrollbar li.active .video-bg{opacity:.70;filter:alpha(opacity=70)}
.showcase .scrollbar li .video-info{position:absolute;top:0;left:0;padding-top:72px;width:100%;height:178px;text-align:center}
.showcase .scrollbar li .video-info span{position:static}
.showcase .scrollbar li .video-info .video-icon{width:50px;height:50px;display:block;margin:0 auto;background:url(../images/video-icon.png) center center no-repeat;_background:none;}
.showcase .scrollbar li .video-info .video-title{width:auto;height:auto;line-height:30px;font-size:20px;color:#fff;display:block;padding:18px 18px 0 18px;white-space:normal}
.showcase .scrollbar .track{display:none;position:relative;margin:0;height:8px;background-color:#f5f5f5;font-size:0px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; bottom: 1px}
.showcase .scrollbar .track div{width:110px;height:10px;background-color:#ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;top: -1px}
.showcase .slider{position:relative;display:none; }
.showcase .slider .s-box{position:relative;width:605px;height:375px;margin:0 auto 20px;overflow:hidden}
.showcase .slider .s-box li{float:left;position:relative;width:605px;text-align:center}
.showcase .slider .trigger{position:absolute;top:0;right:0px;width:45px;height:45px;border:1px solid #f6f6f6;background:#fff url(../images/bs.png) center no-repeat;text-indent:-333em}
.showcase .slider .prev,.showcase .slider .next{position:absolute;top:30%;display:block;width:44px;height:110px;border:1px solid #f6f6f6;background:#fff url(../images/slider_arrow.png) 12px center no-repeat;text-indent:-333em}
.showcase .slider .prev{left:0px}
.showcase .slider .prev:hover{background-position:-83px center}
.showcase .slider .next{right:0px;background-position:-33px center}
.showcase .slider .next:hover{background-position:-128px center}
.showcase .slider .s-nav{text-align:center;height:30px}
.showcase .slider .s-nav .picture,.showcase .slider .s-nav .video{margin:0 7px}
.showcase .slider .s-nav .picture span,.showcase .slider .s-nav .video span{display:inline-block;width:30px;height:30px;background-image:url(../images/slider_nav.png);background-repeat:no-repeat; cursor:pointer;}
.showcase .slider .s-nav .picture span{background-position:-40px 0}
.showcase .slider .s-nav .picture .active{background-position:-122px 0}
.showcase .slider .s-nav .video span{background-position:0 0}
.showcase .slider .s-nav .video .active{background-position:-82px 0}

/*详情TAG*/
.bqtj{width: 100%;height: 60px;line-height: 60px;padding: 0 20px 0 56px;overflow: hidden;box-sizing: border-box;margin-top:30px;background: url(../images/ioc-bq.png) no-repeat 20px center #f9f9f9;background-size: auto;position: relative;}
.hxq_t{width: 100%;height: 60px;line-height: 60px;padding: 0 20px 0 56px;overflow: hidden; box-sizing: border-box; margin-top: 20px;background: url(../images/ioc-bq.png) no-repeat 20px center #fff;background-size: auto;position: relative;}


/*新闻列表*/
.esyxwl{float: left;width: 866px;}
.esyxwl_y{background: #fff;padding: 25px;}
.esyxwl_h{align-content: center;background: #fff;padding: 20px 20px 0px 20px;box-sizing: border-box;}
.esyxwl_h a{float: left;
  background-color: #f8f8f8;
  border-radius: 8px;
  color: #404040;
  font-size: 14px;
  display: block;
  margin-right: 13px;
  text-align: center;
  cursor: pointer;
  position: relative;line-height: 40px;padding: 0 15px;margin-bottom: 10px;}
.esyxwl_h a.on{background: #23c268;
  color: #fff;}


  .esyxwl_h a::after {
    display: none;
    position: absolute;
    left: 50%;
    content: '';
    background: url(../images/tabhov.png) no-repeat center;
      background-position-x: center;
      background-position-y: center;
    height: 6px;
    width: 20px;
    margin-left: -10px;
    bottom: -5px;
  }
  .esyxwl_h a.on::after {
    display: block;
  }

.bsbg{background: #fff;padding:0 20px 20px;box-sizing: border-box;}
.esyxwl_k{box-sizing: border-box;}
.esyxwl_k li {
  overflow: hidden;
  padding: 20px 0;
}

.esyxwl_k li+li {
  border-top: 1px solid #ccc;
}

.esyxwl_k .pic {
  width: 210px;
  height: 132px;
  float: left;
  margin-right: 20px;
  object-fit: cover;
}

.esyxwl_k .con {
  overflow: hidden;
  font-size: 16px;
  color: #aaa;
}

.esyxwl_k .tit {
  color: #000;
  margin-bottom: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.esyxwl_k .tit:hover {
  color: #23c268;
}

.esyxwl_k .rem {
  font-size: 14px;
  height: 50px;
  line-height: 25px;
  overflow: hidden;
}

.esyxwl_k .date {
  margin-top: 30px;
}



.ntag span.tag1,.ntag span.author,.dright .number,.over{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.ntag span.tag1{float: right;}
.ntag span.tag1::before{content: "";display: inline-block;width: 18px;height: 13px;background: url(../images/inico.png) no-repeat -556px 0;margin-right: 5px;vertical-align: middle;}



/*新闻右侧*/
.esyxwl_yb{ width:315px ; float: right;}
.esyxl_re{background: #fff;padding: 20px;}
.esyxl_re_l a{width: 80px;float: left;overflow: hidden;height: 107px;text-align: center;padding: 15px 0px 0px 0px;margin-right: 17px;display: inline-block;}
.esyxl_re_l img{width: 76px; height:76px; overflow: hidden;border-radius: 22%;display: block;margin: 0 auto;}
.esyxl_re_l p{ text-align: center; display: inline-block; width: 76px; margin-top:8px;line-height: 16px; height: 16px; font-size: 14px; font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.esyxl_re_l a:nth-child(3n){margin-right: 0px;}


.esyxl_rs{
    background: #fff;
    padding: 20px;
}
.esyxl_rs .net{
  margin-top: 10px;
}
.esyxl_rs .net a {
  height: 41px;
  line-height: 41px;
  border-bottom: 1px dashed #e5e5e5;
  padding-left: 10px;
  font-size: 14px;
  display: block;
  overflow: hidden;
  position: relative;
}
.esyxl_rs .net a i {
  display: block;
  width: 4px;
  height: 4px;
  background: #989898;
  border-radius: 50%;
  position: absolute;
  top: 20px;
  left: 2px;
}


.esyxl_ry{
  background: #fff;
  margin-top: 50px;
}
.esyxl_ry  .list-focus {
  overflow: hidden;
  border-bottom: 1px dashed #cecece;
  padding-bottom: 5px;
  margin-bottom: 5px;
  margin-top: 20px;
}

.esyxl_ry .list-focus li {
  width: 127px;
  float: left;
  text-align: center;
  margin-right: 20px;
}
.esyxl_ry .list-focus li:nth-child(2n){
  margin-right: 0;
}

.esyxl_ry .list-focus .tit:before {
  content: none;
}

.esyxl_ry .pic {
  display: inline-block;
  vertical-align: top;
}

.esyxl_ry .pic img {
  vertical-align: top;
  width: 148px;
  height: 96px;
}

.esyxl_ry .tit {
  display: inline-block;
  vertical-align: top;
  color: #000;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
}

.esyxl_ry .tit:hover {
  color: #23c268;
}

.esyxl_ry .tit:before {
  content: '';
  display: inline-block;
  vertical-align: 4px;
  margin-right: 3px;
  width: 2px;
  height: 2px;
  background: #777;
}

.esyxl_ry.zhuan .list {
  overflow: hidden;
  margin-left: -15px;
}

.esyxl_ry.zhuan .item {
  width: 150px;
  float: left;
  margin-left: 15px;
}


/***热门游戏攻略***/
.rmyxgldq-n{ position: relative;}
.strtit{ height: 42px; line-height: 42px; width: 100%; border-bottom: 1px #f2f2f2 solid; font-size: 18px; font-weight: bold;color: #354352;}

.rmyxgldq-b{position: absolute;top: -31px;right: 82px;}
.rmyxgldq-b ul{display: flex;align-content: center;font-size: 18px;flex: 1;}
.rmyxgldq-b ul li{padding: 0 16px;color: #686868;font-size: 12px;height: 26px;display: inline-block;line-height: 26px;border-radius: 5px;cursor: pointer;max-width: 100px;overflow: hidden;}
.rmyxgldq-b ul li.on{background-color: #ff6460;color: #fff;}

.rmyxgldq-l{ padding-top: 10px;}
.rmyxgldq-l li{ float: left;}
.rmyxgldq-l li a{width: 165px;height: 45px;line-height: 45px;text-align: center;overflow: hidden;padding: 0 10px;box-sizing: border-box;font-size: 15px;color: #666; margin-right: 30px;margin-top: 20px;border: #ccc 1px solid;border-radius: 10px;display: inline-block;}
.rmyxgldq-l li a:hover{ background: #ff6460; border-color: #ff6460; color: #fff; text-decoration: none;}
.rmyxgldq-l li:nth-child(6n+6) a{margin-right: 0;}

/***热门手游排行榜***/
.esyxl_rl{ padding: 20px;background: #fff;}
.esyxl_rl_a{margin-top: 10px;}
.esyxl_rl_a a{width: 100%;height: 40px;display: block; font-weight: 700px;line-height: 40px;overflow: hidden;background: url(../images/hot.png) no-repeat left center;background-size: 20px 20px;padding-left: 28px;box-sizing: border-box;}


/***热门新闻***/
.new-newstext li{width: 100%;float: left;margin-top: 10px;}
.new-newstext li i{width: 25px;height: 25px;margin: 5px 8px 0px 0px;text-align: center;float: left;line-height: 25px;display: inline-block;background: #eee;border-radius: 3px;}
.new-newstext li span{width: 170px;float: left;font-size: 14px;line-height: 24px;}
.new-newstext li div{margin-left: 10px;float: left;}
.new-newstext li div img{width: 65px;height: 45px;overflow: hidden;border-radius: 4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;}
.new-newstext li a:hover{ color: #ff6460; text-decoration:none;}
.new-newstext li a:hover i{ border-color: #ff6460; color: #ff6460;}


/****新闻详细***/
.esyxwl_b{display: block;line-height: 65px;font-size: 30px;color: #354352;font-weight: 700;margin-bottom: 4px;text-align: center;}
.esyxwl_t{color: #999;font-size: 13px;line-height: 48px;height: 48px;text-align: center;}
.esyxwl_t span{ margin-right: 20px; max-width:188px; display: inline-block;}
.esyxwl_t span:last-child{margin-right: 0;}
.esyxwl_n{ font-size: 16px;color: #444;line-height: 32px;position: relative; margin-left: 15px; padding: 10px 20px 30px 40px;border-left: 2px dotted #e4e4e4;z-index: 2;}
.esyxwl_n p{ line-height: 28px;color: #666;margin-bottom: 14px;text-indent: 2em;clear: both;word-break: break-all;/*英文强制换行*/}
.esyxwl_n img{display: block;margin:auto;max-width: 80%;}

.esyxwl_n p.pageimg{ text-align: center; margin: 10px 0px; width: 100%;}
.esyxwl_n p.pageimg img{width: 600px; height: auto; overflow: hidden; }
.esyxwl_n ul {margin-top: 15px;}
.esyxwl_n li{width: 30%;float: left;padding: 5px 5px;font-size: 14px;margin-bottom: 5px;text-align: center;border: 1px dashed #dddcdb;margin-right: 5px;color:#6c6c6c; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; /*省略号*/}
.esyxwl_n li:hover{color:#fff;background:#ff6460;}
.esyxwl_n h3{ font-size:18px; font-weight:bold; color:#f75b4b; border-bottom: 1px solid #eaeaea; padding: 20px 0; margin-bottom: 20px; clear:both;}

.esyxwl_n .end,.esyxwl_n .ready {
    position: absolute;
    left: -30px;
    z-index: 2;
    display: block;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    font-size: 18px;
    color: #989898;
  }
  .esyxwl_n .end{bottom: 0;}
  .esyxwl_n .ready{top: 0;}


.esyxwl_k .ntag span a{color: #bbb;}
.esyxwl_k .ntag span a:hover{color: #ff6460;}

/****资讯详情声明***/
.esynx_sm{ margin-top: 23px; box-shadow: 0 0 6px 3px #eee;
  border-radius: 8px; padding: 20px 0px; text-align: center;clear: both;background: url(../images/bgns.png) no-repeat;}
.esynx_sm p{ font-size: 16px; color: #999;}
.esynx_sm p a{ width: 123px; height: 26px; text-align: center; display: inline-block; border: 1px #ff6460 solid; font-size: 14px; line-height: 26px; color: #ff6460;}
.esynx_sm p a:before{content: ""; background: url(../images/tagicon.png) no-repeat 0px -78px; width: 14px; height: 14px; display: inline-block; float: left; margin: 7px -2px 0px 8px;}
.esynx_sm p a:hover{ border-color: #ff6460; background: #ff6460; color: #fff; text-decoration: none;}
.esynx_sm p a:hover:before{background: url(../images/tagicon.png) no-repeat 0px -97px;}



.staewm{ width: 572px; margin: 15px auto 0px auto; height: 88px;}
.staewm div{ float: left; margin-right: 15px;}
.staewm div img{ width: 80px; height: 80px;border: 3px #ff6460 solid;}
.staewm span{ float: left; text-align: left; font-size: 15px; color: #999; line-height: 28px;}
.staewm span b{ color: #ff6460;}

/****资讯详情上下页***/
.esynx_sx{padding: 40px 0 20px 0;}
.esynx_sx p{width:50%;float:left;font-size: 14px; color: #999;}
.esynx_sx p a{display:inline-block;width:240px;height:20px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis; position:relative;top:4px;}
.esynx_sx p a:hover{color: #ff6460;}

/*相关游戏下载*/
.esyxq_x,.esyxq_t,.pagecomment{ margin-top: 25px;}
.esyxq_x .strtit,.esyxq_t .strtit,.pagecomment .strtit{margin-bottom: 20px;}
.esyxq_x{padding: 20px 20px 0 20px;background: #fff;}
.esyxq_x li {
  float: left;
  width: 110px;
  margin: 0px 30px 25px 0px;
}
.esyxq_x li:nth-child(6n){
  margin-right: 0;
}

.esyxq_x a {
  display: block;
  text-indent: center;
}

.esyxq_x img {
  width:90px;
  height: 90px;
  display: block;
  margin: 0 auto;
  border-radius: 12px;
}

.esyxq_x p {
  text-align: center
}

.esyxq_x .ptit {
  font-size: 14px;
  color: #333;
  line-height: 18px;
  height: 18px;
  overflow: hidden;
  margin: 12px 0;
}

.esyxq_x .pbtn span {
  display: inline-block;
  width: 54px;
  line-height: 22px;
  border: 1px solid #ff6460;
  font-size: 14px;
  color: #ff6460;
  border-radius: 3px;
}

.esyxq_x a:hover .pbtn span {
  background: #ff6460;
  color: #fff;
}


/*相关文章推荐*/
.esyxq_t{background: #fff;padding: 20px;}
.esyxq_t li {
  width: 186px;
  height: 180px;
  float: left;
  margin-right: 27px;
}
.esyxq_t li:nth-child(4n){
  margin-right: 0;
}

.esyxq_t .pic {
  width: 190px;
  height: 123px;
  overflow: hidden;
  object-fit: cover;
}

.esyxq_t .tit {
  display: block;
  max-height: 40px;
  line-height: 20px;
  overflow: hidden;
  text-align: justify;
  margin-top: 2px;
}

/***游戏壁纸***/

/***游戏壁纸详细***/
.imgbox{width: 1200px;overflow: hidden;position: relative;height: 600px !important;margin: 0 auto;box-sizing: border-box;}
.imgbox .demo-gallery{margin: 0 auto;}
.imgbox li{width: 1200px !important;height: 600px;}
.imgbox li img{width: 1200px;height: 600px;overflow: hidden;border-radius:0  0 8px 8px;}
.imgbox .tempWrap{  width:100% !important;}

.mobgame-zqbzcont li:nth-child(4n){margin-right: 0px;}
.imgbox .esyzxq_t{position: absolute;right: 0px;bottom: 0px;padding-right: 20px;box-sizing: border-box;width: 1200px;background: rgba(0,0,0,.5);border-radius: 0 0 8px 8px;}
.imgbox .esyzxq_t span{float: right;}
.imgbox .esyzxq_t span.lyico{width: 180px;}
.bz_x{width: 1200px;padding: 20px 20px 0px 20px;margin: 0 auto;box-sizing: border-box;background: #fff;}
.bz_x .bz_n{padding: 0;margin-top: 0px;}

.imgbox:hover .slide-arr{position: absolute;width: 37px;height: 53px;cursor: pointer;background-repeat: no-repeat;background-position: center;top: 50%;margin-top: -25px;}
.imgbox:hover .slide-arr.prev{left:20px;background-image: url(../images/L.png);}
.imgbox:hover .slide-arr.next{right:20px;background-image: url(../images/R.png);}
.esyzxq_t h1{font-size: 24px;color: #fff;font-weight: normal;line-height: 57px;padding-left: 20px;width: 540px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;margin-right: 40px;margin-top: 0px;margin-bottom: 0px;}
.esyzxq_t span{ float: left; width: 59px; display: inline-block; line-height: 57px; color: #a8a9a9;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.esyzxq_t span i{ width: 18px; height: 18px;display: inline-block; float: left;}
.esyzxq_t span.dzico{width: 130px;margin-right: 10px;}
.esyzxq_t span.dzico i{ background: url(../images/spzuoz.png) no-repeat;margin: 20px 5px 0px 0px;background-size: 18px 18px;}
.esyzxq_t span.lyico i{ background: url(../images/sptime.png) no-repeat;margin: 20px 5px 0px 0px;background-size: 18px 18px;}
.esyzxq_t span.boico i{ background: url(../images/indico.png) no-repeat -335px -60px;margin: 20px 5px 0px 0px;}

/***游戏视频列表***/
.esybz{width: 100%;display: inline-block;box-sizing: border-box;}
.esybz li{position: relative; margin-bottom: 20px;width: 285px;margin-right: 20px;float: left;}
.esybz li:nth-child(4n){margin-right: 0;}
.esybz li .spimg{position: relative;width: 100%;height: 160px;display: inline-block;}
.esybz li img{width: 100%;height: 100%;object-fit: cover;overflow: hidden;}
.esybz li .spimg i{position: absolute;width: 30px;height: 30px;left: 50%;top: 50%;margin-left: -15px;margin-top: -15px;background: url(../images/play.png) no-repeat;background-size: 30px 30px;}
.esybz li p{height: 40px;line-height:40px;display: block;overflow: hidden;width: 100%;box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;}
.esybz li em{display:inline-block;max-width:30%;color: #fff;overflow: hidden;white-space: nowrap;position: absolute;right: 0;background: rgba(0, 0, 0, 0.5);font-size: 12px;padding: 0 5px;top: 140px;height: 20px;line-height: 20px;}


/***游戏视频详细***/
.esyspbox{height: 612px;width: 1200px;background: #20202b;margin:0 auto;border-radius: 0 0 8px 8px;}
.esyp_xz{ width: 881px; float: left;}
.spplay{ width: 880px; height: 554px; overflow: hidden;border-right: 1px #2f2f3d solid; }
.spplay iframe{width:100% !important;height: 554px !important;}
.esyp_wd h1{ font-size: 24px; color: #fff; font-weight: normal; line-height: 57px; padding-left: 20px; width: 470px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; float: left;margin-right: 40px;}
.esyspbox .esyp_wd span{float: left;width: 70px;display: inline-block;line-height: 57px;color: #a8a9a9;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 12px;}
.esyspbox .esyp_wd span i{ width: 18px; height: 18px;display: inline-block; float: left;}
.esyp_wd span.dzico i{ background: url(../images/spzuoz.png) no-repeat;margin: 20px 5px 0px 0px;background-size: 18px 18px;}
.esyp_wd span.lyico i{ background: url(../images/sptime.png) no-repeat;margin: 20px 5px 0px 0px;background-size: 18px 18px;}
.esyp_wd span.boico i{ background: url(../images/indico.png) no-repeat -335px -60px;margin: 20px 5px 0px 0px;}
.esyp_wd span.dzico{width: 80px;margin-right: 10px;}
.esyspbox .esyp_wd span.lyico{width: 160px;margin-right: 10px;}
.vidpaly{ width: 236px; float: left; padding-left: 13px;}
.vidpaly .esyp_tit h2{ font-size: 24px; color: #fff; line-height: 85px; padding-left: 6px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.vidrtw{ height: 70px;}
.vidrtw .esyp_xt{ position: relative;width: 125px; height: 70px; float: left; margin-right: 13px;}
.vidrtw i{ width: 125px; height: 70px; display: inline-block; position: absolute;background: url(../images/sphover.png) no-repeat;}
.vidrtw img{ width: 119px; height: 70px; overflow: hidden;  margin-left: 6px;border-radius: 6px;}
.esyp_xrb{ font-size:12px;color:#a8a9a9; line-height:18px; width: 98px; float: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.esyp_xrl{ color: #5f5e65; margin-top: 15px; width: 98px; float: left;}
.esyp_xrl::before{ content: ""; width: 9px; height: 12px; background: url(../images/indico.png) no-repeat -340px -92px; float: left; margin: 2px 6px 0px 0px;}
.esyp_xr{ margin-top: 22px;}
.esyp_xr h6{ line-height: 44px; color: #88898f; padding-left: 6px; font-size: 14px;}
.esyp_xr li{ padding-bottom: 22px; height: 66px;}
.esyp_xr li img{ width: 115px; height: 66px; float: left; border-radius: 6px;margin-left: 6px; margin-right: 13px; border: 2px #20202b solid;}
.esyp_xr li:hover .esyp_xrb{ color: #ff6460;}
.esyp_xr li:hover img{ border: 2px #ff6460 solid;}

.esyxh{width: 1200px;padding: 20px 20px 0 20px;margin: 20px auto 0px auto;background:#fff;box-sizing:border-box;border-radius: 8px;}
.esyxh .esybz li{width: 275px;margin-top: 20px;}
.vidtit{ font-size: 24px; color: #111; margin-bottom: 19px;}
.vidtit::before{ width: 20px; height: 21px; content: ""; display: inline-block; float: left; background: url(../images/indico.png) no-repeat -369px 0px; margin: 6px 13px 0px 0px;}

.esyp_wd span.dzico{width: 80px;margin-right: 10px; font-size: 12px;}
.spplay video, .spplay iframe{ width: 100%;height: 552px;}


/****专区大全***/
.qctop{ margin-top: 0 !important;}
.zmclass{margin-top: 20px;}
.mod_box .boxbd, .mod_tab {overflow: hidden;}
.boxbd{ width:100%;}
.mod_tab {width:100%; overflow:hidden;}
.mod_tab .mtype_t {float: left;margin: -2px -4px 0 0;}
.mod_tab .mtype_t li {background: #eee;width: 141px;height: 30px;line-height: 30px;float: left;margin: 2px 3px 0 0;color: #333;text-align: center;cursor: pointer;}
.mod_tab .mtype_t a {height: 30px;_line-height: 32px;overflow: hidden;color: #333;display: block;font-size: 14px;}
.mod_tab .mtype_t .cur a, .mod_tab .mtype_t a:hover {background: #ff6460;color: #fff;text-decoration: none;}
.mod_tab .sehli {background: #ff6460;width: 80px;height: 30px;line-height: 30px;_line-height: 34px;overflow: hidden;color: #fff;float: left;padding: 0 10px 0 13px;display: none;}
.mod_tab .sehli .close {width: 15px;height: 15px;float: right;margin-top: 8px;}
.mod_tabcon {position: relative;overflow: hidden;zoom: 1;}
#j-type-tab .mod_tabcon {min-height: 710px;}
.zqyw_i {margin-top: 5px;border-bottom: 1px solid #ddd;}
.zqyw_i, .zqyw_i li {position: relative;overflow: hidden;zoom: 1;}
.zqyw_i li {padding-left: 32px;line-height: 40px;border-top: 1px dotted #ddd;margin-top: -1px;vertical-align: top;}
.zqyw_i li a {color: #333;float: left;display: inline;white-space: nowrap;margin-left: -1px;overflow: hidden;*overflow:visible;padding: 0 12px;font-size:14px;width: 112px;white-space: nowrap;text-overflow: ellipsis;text-align: left;box-sizing: border-box;}
.zqyw_i li a:hover {color: #ff6460;}
.zqyw_i1 li a{ width: 116px;}

.zqyw_i li .t {background: #fff;width: 33px;height: 100%;text-align: right;position: absolute;top: 0;left: 4px;}
.zqyw_i li .hot {color: #ff6460;}
.zqyw_i li:hover, .zqyw_i li:hover .t {background: #fbfbfb;}
.zqyw_i .hot {color: #ff6460;}
.zqyw_i1 li {padding-left: 0;}
.mod_sehresult {display: none;}
.mod_sehresult .zqyw_i li {padding-left: 0;}
.mod_sehresult .nodata {color: #555;padding: 40px 0 10px;text-align: center;}
.mod_sehresult .gobtn {background: #ff6460;width: 80px;height: 30px;line-height: 30px;color: #fff;text-align: center;display: block;margin: 0 auto;}
.mod_sehresult .gobtn:hover {background: #fb7922;text-decoration: none;}
.mod_games {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin-top: 15px;overflow: hidden;zoom: 1;}
.mod_games ul {margin-bottom: -1px;margin-right: -10px;}
.mod_games li {width: 300px;height: 327px;float: left;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;padding: 13px;}
.mod_games .hover {background: #fbfbfb;}
.mod_games .banner {width: 300px;height: 150px;position: relative;}
.mod_games .banner .img {display: block;}
.mod_games .banner .img, .mod_games .banner .img img {width: 300px;height: 150px;}
.mod_games .banner .btns {width: 288px;height: 26px;position: absolute;left: 0;bottom: 10px;font-size: 0;text-align: left;padding: 0 6px;}
.mod_games .banner .btns a {background: #060e16;background: rgba(0,0,0,.8);height: 26px;line-height: 26px;font-size: 12px;color: #fff;width: 70px;text-align: center;float: left;display: inline;margin: 0 1px;overflow: hidden;}
.mod_games .banner .btns a:hover {background: #fa8133;background: rgba(255,102,0,.8);text-decoration: none;}
.mod_games .titlebox {height: 30px;line-height: 30px;border-bottom: 1px dotted #ddd;padding: 8px 0;overflow: hidden;}
.mod_games .titlebox .tit {width: 200px;	height: 30px;font-weight: 500;color: #ff6460;font-size: 16px;overflow: hidden;}
.mod_games .titlebox .etbtn {background: #eee;height: 30px;padding: 0 12px;text-align: center;color: #333;float: right;}
.mod_games .titlebox .etbtn:hover {background: #ff6460;color: #fff;text-decoration: none;}
.mod_games .titlebox a {color: #ff6460;}
.mod_games .glb_txtlist {border: 0 none;margin: 10px 0 0;}
.mod_games .glb_txtlist li {padding: 0;border: 0 none;float: none;}
.zqml_f{ margin-top:30px;}

.esyzq_y{height: 130px;border-radius: 8px;padding-left: 19px;box-sizing: border-box;}
.esyzq_y li { float: left; }
.esyzq_y li a {position: relative;z-index: 2;display: block;padding: 38px 15px 0; height: 92px;line-height: 130px;margin-right: 4px;}
.esyzq_y li:nth-child(12n) a{margin-right: 0;}
.esyzq_y li i {display: block;width: 32px; height: 32px;margin: 0 auto; background: url(../images/ioc-zq.png) no-repeat;}
.esyzq_y li a i { background-position: -8px -9px; }
.esyzq_y li:nth-child(2) a i { background-position: -60px -9px; }
.esyzq_y li:nth-child(3) a i { background-position: -109px -9px; }
.esyzq_y li:nth-child(4) a i { background-position: -160px -9px; }
.esyzq_y li:nth-child(5) a i { background-position: -205px -9px; }
.esyzq_y li:nth-child(6) a i { background-position: -258px -9px; }
.esyzq_y li:nth-child(7) a i { background-position: -310px -9px; }
.esyzq_y li:nth-child(8) a i { background-position: -355px -9px; }
.esyzq_y li:nth-child(9) a i { background-position: -408px -9px; }
.esyzq_y li:nth-child(10) a i { background-position: -459px -9px; }
.esyzq_y li:nth-child(11) a i { background-position: -507px -9px; }
.esyzq_y li:nth-child(12) a i { background-position: -559px -9px; }
.esyzq_y li.current a i { background-position: -8px -59px; }
.esyzq_y li.current:nth-child(2) a i { background-position: -60px -59px; }
.esyzq_y li.current:nth-child(3) a i { background-position: -109px -59px; }
.esyzq_y li.current:nth-child(4) a i { background-position: -160px -59px; }
.esyzq_y li.current:nth-child(5) a i { background-position: -205px -59px; }
.esyzq_y li.current:nth-child(6) a i { background-position: -258px -59px; }
.esyzq_y li.current:nth-child(7) a i { background-position: -310px -59px; }
.esyzq_y li.current:nth-child(8) a i { background-position: -355px -59px; }
.esyzq_y li.current:nth-child(9) a i { background-position: -408px -59px; }
.esyzq_y li.current:nth-child(10) a i { background-position: -459px -59px; }
.esyzq_y li.current:nth-child(11) a i { background-position: -5507px -59px; }
.esyzq_y li.current:nth-child(12) a i { background-position: -559px -59px; }
.esyzq_y li a p {font-size: 15px;color: #adadad;line-height: 44px;display: block;text-align: center;height: 44px;overflow: hidden;}
.esyzq_y li.current a { border-color: transparent; }
.esyzq_y li.current a p { color: #23c268; font-weight: bold;}

.esyzq_y li.current a::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0;
    z-index: -2;
    width: 90px;
    height: 130px;
  }

.zqdqfl{border-radius: 0 0 8px 8px;padding: 20px;background: #fff;box-sizing: border-box;}
.esyzq_e{margin-top: 0px;}
.esyzq_e li{
  width: 216px;
  float: left;
  margin: 15px 20px 30px 0;
}
.esyzq_e li:nth-child(5n){margin-right: 0;}
.esyzq_e li .compilation-a-img img{
width: 216px;
height: 130px;
background-color: #f5f4f3;
border-radius: 5px;
}
.esyzq_e li .compilation-a-text{
  margin: 8px 0 5px;
  height:30px;
  line-height: 30px;
  text-align: left;
  text-overflow:ellipsis;
  white-space:nowrap;
  display:block;
  font-size: 16px;
color: #333333;
  overflow: hidden;
}
.esyzq_e li .compilation-introduce{
font-size: 12px;
line-height: 19px;
color: #999999;
  height:36px;
  overflow:hidden;
}

.esyzq_e li .compilation-a-img:hover img{
  opacity:0.8;
}
.esyzq_e li .compilation-a-text:hover{
  color:rgb(5,188,198);
}

.zym {
  width: 100%;
}

.zym p:nth-child(1) {
  color: #333333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 12px;
  margin-bottom: 12px;
   display: block;
  font-size: 16px;
  font-weight: 800;
  text-align: center;padding: 0 10px;
}

.zym p:nth-child(1) a:hover {
  color: #23c268
}
.zym p.zym-desc{
  width: 100%;
  color: #999999;
  font-size: 14px;
  max-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0 10px;
  box-sizing: border-box;
}



.zqdqbt{border-bottom: 2px #ebebeb solid;height: 40px;line-height: 40px;margin-bottom: 20px;}
.zqdqbt strong{font-size: 20px;color: #333;border-bottom: 2px #ff6460 solid;margin-bottom: -2px;display: inline-block;height: 40px;line-height: 40px;padding: 0 20px 0 24px;}
.zqdqbt>a {
	float:right;
	color:#a78f8f;
	font-size:14px;
	padding-right:16px;
	float:right;
	line-height:14px;
	display:inline-block;
	position:relative;
	height:40px;
	line-height:40px;
	transition:color .3s
   }
   .zqdqbt>a:before {
	content:'';
	display:inline-block;
	width:4px;
	height:4px;
	border-radius:50%;
	background:#d4c3c3;
	position:absolute;
	top:0;
	bottom:0;
	right:8px;
	margin:auto;
	transition:background .3s
   }
   .zqdqbt>a:after {
	content:'';
	display:inline-block;
	width:4px;
	height:4px;
	border-radius:50%;
	background:#ddd;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin:auto;
	transition:background .3s
   }
   .zqdqbt>a:hover {
	color:#ea6161
   }

/**游戏合集**/
.hejiesy{width: 100%;box-sizing: border-box;}
.hejiesy li{
  float: left;
  width: 580px;
  height: 150px;
  box-sizing: border-box;
  overflow: hidden;
  margin-right: 40px;
  margin-bottom: 40px;
}

.hejiesy li:nth-child(2n+2) {
  margin-right: 0;
}

.hejiesy li:hover .name {
  color: #23c268;
}

.hejiesy li a {
  display: block;
}

.hejiesy li img {
  float: left;
  width: 254px;
  height: 148px;
  border: 1px solid #efefef;
  object-fit: cover;
}

.hejiesy li .info {
  float: left;
  padding-left: 20px;
  box-sizing: border-box;
  width: 324px;
  height: 150px;
  background: #fff;
}

.hejiesy li .name {
  width: 304px;
  height: 29px;
  font-size: 20px;
  font-weight: bold;
  line-height: 29px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 26px 0 10px 0;
}
.hejiesy li .time{
  height: 16px;
  line-height: 16px;
  color: #999;
  margin-bottom: 5px;
  overflow: hidden;
  font-size: 12px;
}

.hejiesy li .text {
  width: 287px;
  height: 48px;
  line-height: 16px;
  font-size: 12px;
  box-sizing: border-box;
  overflow: hidden;
  color: #999;
}




/***游戏专题列表****/
.esyhx_y {
  margin-bottom: 20px;
  position: relative;
  box-sizing: border-box;
}
.esyhx_y .img {
  position: absolute;
  z-index: 1;
  right: 0px;
  bottom: 0;
  width: 500px;
  height: 265px; overflow: hidden;
  object-fit: cover;
}
.esyhx_y .info {
  width: 814px;
  border: 1px solid #ededed;
  border-right: 0;
  border-bottom: 0;
  position: relative;
  z-index: 2;
}
/**
.esyhx_y .u-hypot {
  background: url(../images/u_hypot_2.png) no-repeat;
  width: 42px;
  height: 265px;
  display: block;
  float: right;
  position: absolute;
  right: 0;
}**/
.esyhx_y dl {
  width: 724px;
  height: 216px;
  padding: 24px;
  background: #fff;
  border-bottom: 1px solid #ededed;
}
.esyhx_y dt {
  width: 554px;
  display: inline-block;
  color: #000;
  font-size: 22px;
  margin-bottom: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.esyhx_y span.sfdt_num {
  width: 150px;
  float: right;
  display: inline-block;
  font-size: 14px;
  color: #888;
  text-align: right;
}
.esyhx_y span.sfdt_num em {
  margin: 0 6px;
  font-weight: bold;
  font-size: 14px;
  color: #ff0000;
}
/*.esyhx_y dl dd {
  width: 100%;
  height: 120px;
  margin-bottom: 10px;
  overflow: hidden;
  font-size: 15px;
color: #666;
  line-height: 28px;
}*/





.esyhx_y dl dd {
    width: 100%;
    max-height: 120px;
    overflow-y: scroll;
    font-size: 15px;
	color: #666;
    line-height: 28px;
	margin-bottom: 10px;
}

.esyhx_y dl dd::-webkit-scrollbar {
  width: 5px;
  height: 10px;
	border-radius: 10px;
  background-color: transparent;
}
.esyhx_y dl dd::-webkit-scrollbar-track {
  background-color: transparent;
}
.esyhx_y dl dd::-webkit-scrollbar-thumb {
  background-color: #ddd;
}



.hjxq_l{box-sizing: border-box;}
.esyhx_e li {
  width: 383px;
  height: 180px;
  padding: 20px 0 10px 20px;
  overflow: hidden;
  box-sizing: border-box;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #ddd;
  float: left;
margin-right: 25px;
margin-bottom: 20px;
}
.esyhx_e li:nth-child(3n){
  margin-right: 0;
}

.esyhx_e img {
  float: left;
  width: 90px;
  height: 90px;
  margin-right: 12px;
  border-radius: 8px;
  border: 1px solid #efefef;

}

.esyhx_e .info {
  float: left;
  width: 218px;
}

.esyhx_e .info .title {
  display: block;
  width: 100%;
  font-size: 18px;
  color: #333;
  line-height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 8px;
}

.esyhx_e .title:hover {
  color: #23c268 !important;
}

.esyhx_e .info p {
  width: 100%;
  font-size: 14px;
  line-height: 19px;
  margin-top: 6px;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.esyhx_e .info .label {
  color: #999;
}
.esyhx_e .size span:nth-child(2){font-size: 12px;}
.esyhx_e .btn {
  float: right;
  width: 48px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  border: 1px solid #23c268;
  color: #23c268;
  margin-top: 31px;
  margin-right: 16px;
}

.esyhx_e .btn:hover {
  color: #fff;
  background: #23c268;
}

.esyhx_e .bottom {
  width: 334px;
  height: 48px;
  font-size: 12px;
  font-family: Microsoft YaHei;
  line-height: 16px;
  overflow: hidden;
  color: #999;
  margin-top: 6px;
}

.marno{margin-top: 0 !important;}


/****合集相关***/
.strtit span{float: right; font-size: 14px; font-weight: normal; color: #666;}
.strtit span a{color: #888;}

.tirj-n { margin-top: 20px;    height: 230px; overflow: hidden;}
.tirj-n li{width: 260px;height: 100px;float: left;margin-right: 35px;margin-bottom: 30px;}
.tirj-n li:nth-child(4n){ margin-right:0px;}
.tirj-n_l{width: 100px;float: left;}
.tirj-n_l img{width: 100px;height: 100px;border-radius: 20px;}
.tirj-n_z{width: 140px;float: left;margin-left: 20px;border-right: 0;padding-right: 0;}
.tirj-n_z h4{display: inline-block;margin: 0;max-width: 100%;line-height: 30px;vertical-align: top;font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 5px;font-weight: normal;}
.tirj-n_z p{margin-bottom: 0;line-height: 22px;font-size: 14px;color: #999;}
.tirj-n_r{width: 100%;clear: both;margin-top: 15px;display: inline-block;}
.tirj-n_r p{color: #777;line-height: 24px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.tirj-n_l_btn{width: 120px;height: 35px;line-height: 35px;text-align: center;font-size: 16px;color: #333;background-color: #f0f1f7;display: block;margin-top: 5px;border-radius: 5px;}
.tirj-n_l_btn:hover{background-color: #ff6460;color: #fff;}
.strtit{font-size: 20px !important;    line-height: 25px !important;}

.esyhx_s  { margin-top: 20px;}
.esyhx_s a{width: 275px;float: left;margin-right: 20px;position: relative;}
.esyhx_s a:last-of-type{ margin-right: 0px;}
.esyhx_s a img{width: 100%;height: 160px;overflow: hidden;object-fit: cover;border-radius: 5px;}
.esyhx_s a p{width: 100%;height: 40px;line-height: 40px;overflow: hidden;text-align: center;font-size: 15px;margin-top: 1px;white-space: nowrap;text-overflow: ellipsis;}

.xgxw-hj { margin-top: 10px;}
.xgxw-hj li {display: inline-block; width: 50%;float: left;}
.xgxw-hj li i { display: block; float: left; width: 3px; height: 3px; background: #ccc; margin: 15px 16px 0 2px; }
.xgxw-hj li a { display: block; float: left; width: 390px; height: 36px; line-height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; color: #2e2e2e; }
.xgxw-hj li a:hover { color: #ff6460; }
.xgxw-hj li:hover i { background: #ff6460; }
.xgxw-hj li span { display: block; float: right; width: 92px; text-align: center; line-height: 36px; font-size: 13px; color: #9e9e9e; }

.new-xgwz-t  { margin-top: 20px;}
.new-xgwz-t li{width: 565px;float: left;margin-right: 30px;}
.new-xgwz-t li img{ width: 160px; height: 100px; float: left; margin-right:20px ;}
.new-xgwz-t li p{font-size: 16px;margin-bottom:10px ; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.new-xgwz-t li span{color: #888; line-height: 24px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.new-xgwz-lb li:nth-child(2n),.new-xgwz-t li:nth-child(2n){margin-right: 0px;}
.new-xgwz-lb{ margin-top:10px ;}
.new-xgwz-lb li{width: 565px;margin: 0 30px 0 0px;height: 30px;line-height: 30px;overflow: hidden;float: left;}
.new-xgwz-lb li span{ font-size: 12px;   color: #999;float: right;}
.new-xgwz-lb li a {font-size: 14px;}
.new-xgwz-lb li b {float: left;width: 4px;height: 4px;background-color: #ddd;margin: 12px 10px 0 0;}

.xgsp-hj{margin-top: 15px;height: 200px;}
.xgsp-hj li{width: 276px;height: auto;border: 1px #f2f2f2 solid;margin-right: 15px;float: left;margin-bottom: 30px;position: relative;}
.xgsp-hj li img{width: 276px;height: 165px;overflow: hidden;}
.xgsp-hj li i.vidicon{ content: ""; width: 35px; height: 35px; display: inline-block; background: url(../images/ghoticon.png) no-repeat -185px 0px; position: absolute;left: 50%; margin-left: -12px; top: 62px;}
.xgsp-hj li a:hover i.vidicon{ background-position: -185px -49px;}
.xgsp-hj li b{display: inline-block;width: 100%;font-size: 15px;text-align: center;line-height: 40px;font-weight: normal;padding: 0 10px;box-sizing: border-box;}
.xgsp-hj li span.vidtime{display: inline-block;padding: 0px 5px;line-height: 18px;height: 18px;color: #fff;background: rgba(0,0,0,.5);border-radius: 20px;position: absolute;right: 5px;bottom: 55px;}
.xgsp-hj li:nth-child(4n){ margin-right:0px;}



/*关于我们开始*/

.esylx_z{ width: 112px;
  _height: 750px;
  min-height: 750px;
  float: left;
  margin-right: 24px;
}
  .esylx_z a{
    display: block;
    width: 100%;
    height: 38px;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    color: #323232;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0px 9px 10px 0px rgba(174, 174, 174, 0.03);
    background: #fff;
  }
.esylx_z a:hover,.esylx_z a.on{
  color: #23c268;
}


.esylx_y{ width: 1060px;
  min-height: 694px;
  opacity: 1;
  background: #ffffff;
  border-radius: 12px;
  box-sizing: border-box;
  padding: 20px 30px;
  box-shadow: 0px 4px 24px 0px rgba(209, 204, 255, 0.12);float: right;}


.siteTle{
line-height: 50px;
height: 50px;
font-size: 24px;
color: #23c268;
}
.esylx_wz{
  overflow: hidden;
  padding-top: 25px;
  font-size: 14px;
  line-height: 36px;}
.esylx_wz p{ font-size: 15px; color: #666; line-height: 40px;}
.esylx_wz h6{ font-size: 16px; color:#333; line-height: 60px;}
.esylx_wz h6:before{ width: 3px; height: 16px; display: inline-block; content: ""; background: #ff6460; float: left; margin: 23px 10px 0px 0px;}

/*网站地图开始*/
.dtesy{
  overflow: hidden;
  padding-top: 25px;}
.dtesy dt{height: 44px;line-height: 44px;color: #666; text-align: left;border-bottom: 1px solid #f9f9f9;width: 100%;margin-top: 30px;font-size: 20px;position: relative;}
.dtesy dt i{ width: 30px; height: 30px; display: inline-block; float: left; margin-right: 5px;vertical-align: middle;margin-top: 6px;}
.dtesy dt a{
  color: #23c268;
  font-size: 18px;}
.dtesy dt a:hover{ color: #23c268;}
.esylx_y ul.mapli{overflow: hidden;height:103px;position:relative;}
.dtesy dd{margin-top: 10px;}
.dtesy dd li{ float: left;}
.dtesy dd li a{width: 158px;height: 40px;line-height: 40px;text-align: center;overflow: hidden;padding: 0 10px;box-sizing: border-box;font-size: 15px;color: #666; margin-right: 10px;margin-top: 10px;background: #f8f8f8;border-radius: 5px;display: inline-block;}
.dtesy dd li a:hover{ background: #ff6460; border-color: #ff6460; color: #fff; text-decoration: none;}
.dtesy dd li:nth-child(6n+6) a{margin-right: 0;}
.dtesy dl:nth-child(1) dt{margin-top: 0;}

.dtbox{position: relative;}
.dtbtn{ position: absolute; right: 0px;cursor: pointer;top:13px;color: #ff6460;}
.dtbtn.active{color: #999;}
.dtesy dd.wzzk ul{height: 162px;overflow: hidden;}
.dtesy dd.wzzk ul.show{height: auto;}


.dtico1{background: url(../images/wzdt.png) no-repeat 0px 0px;background-size: 100% auto;}
.dtico2{background: url(../images/wzdt.png) no-repeat 0px -40px;background-size: 100% auto;}
.dtico3{background: url(../images/wzdt.png) no-repeat 0px -80px;background-size: 100% auto;}
.dtico4{background: url(../images/wzdt.png) no-repeat 0px -120px;background-size: 100% auto;}
.dtico5{background: url(../images/wzdt.png) no-repeat 0px -160px;background-size: 100% auto;}
.dtico6{background: url(../images/wzdt.png) no-repeat 0px -400px;background-size: 100% auto;}
.dtico7{background: url(../images/wzdt.png) no-repeat 0px -200px;background-size: 100% auto;}
.dtico8{background: url(../images/wzdt.png) no-repeat 0px -240px;background-size: 100% auto;}
.dtico9{background: url(../images/wzdt.png) no-repeat 0px -280px;background-size: 100% auto;}
.dtico10{background: url(../images/wzdt.png) no-repeat 0px -320px;background-size: 100% auto;}
.dtico11{background: url(../images/wzdt.png) no-repeat 0px -360px;background-size: 100% auto;}




/*最新更新开始*/

.gxesy-z{ width: 112px;
  _height: 750px;
  min-height: 750px;
  float: left;
  margin-right: 24px;
}
  .gxesy-z li{
    display: block;
    width: 100%;
    height: 38px;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    color: #323232;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0px 9px 10px 0px rgba(174, 174, 174, 0.03);
    background: #fff;
    cursor: pointer;
  }
.gxesy-z li:hover,.gxesy-z li.active{
  color: #23c268;
}



.gxesy-y{width: 1060px;
  min-height: 694px;
  opacity: 1;
  background: #ffffff;
  border-radius: 12px;
  box-sizing: border-box;
  padding: 20px 30px;
  float: right;
  box-shadow: 0px 4px 24px 0px rgba(209, 204, 255, 0.12);}

#newList{
overflow: hidden;
}


.gxesy_yx ul{
	padding: 20px 0 0 10px;
  }
  .gxesy_yx li{width:110px;height:135px;float:left;line-height:24px;text-align:center;margin:15px 22px 0 10px;display:inline;padding:10px;position:relative;}
  .gxesy_yx li a{width:110px;height:135px;float:left;overflow:hidden;font-size:16px;}
  .gxesy_yx li a img{border-radius: 16px;}
  .gxesy_yx li:hover,  .gxesy_yx li.current{background:#f0f0f0;}

  .online_nei{width:160px;height:155px;float:left;overflow:hidden;background:#f0f0f0;position:absolute;z-index:999999;display: none;}
  .online_nei span{width:140px;height:30px;float:left;overflow:hidden;line-height:30px;font-size:14px;font-weight:bold;margin:7px 0 0 10px;display:inline;}
  .online_nei em{width:140px;height:70px;float:left;overflow:hidden;line-height:24px;margin:0 0 0 10px;display:inline;}
  .online_nei a{width:80px !important;height:30px !important;float:left;overflow:hidden;line-height:30px;background:#88bf2f;text-align:center;color:#fff;margin:8px 0 0 40px;display:inline;}
  .online_nei a:hover{background:#7bb320;color:#fff !important;}
  .gxesy_yx li .online_nei {
    top: 0;
    left: 130px;
    display: none;
}

.gxesy_yx li:nth-child(6n) .online_nei {
  top: 0;
  left: auto;
  right: 130px;
}


  .gxesy_yx li:hover .online_nei{display: block;}

  .zxnew{padding: 20px;}
.zxnew li{position: relative;border-bottom: 1px #eaeaea dashed;height: 44px;line-height: 44px;}
.zxnew li a{overflow: hidden;font-size: 14px;font-weight: normal;max-width: 70%;float: left;}
.zxnew li::before{
  content: "";
  width: 8px;
height: 8px;
margin: 18px 9px 0 9px;
display: inline-block;
background: url(../images/icon.png) no-repeat;
float: left;
}
.zxnew li span{color: #999;float: right;}








.gltdtab td.tdleft{ width: 740px;}






/*搜索*/
.news_l{width: 810px;float: left;/* background: #fff; */box-sizing: border-box;}
.esyseab{ width: 112px;
  _height: 750px;
  min-height: 750px;
  float: left;
  margin-right: 24px;
}
  .esyseab a{
    display: block;
    width: 100%;
    height: 38px;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 38px;
    text-align: center;
    color: #323232;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0px 9px 10px 0px rgba(174, 174, 174, 0.03);
    background: #fff;
    cursor: pointer;
  }
.esyseab a:hover,.esyseab a.on{
  color: #23c268;
}


.esyseac{width: 1060px;
  min-height: 694px;
  opacity: 1;
  background: #ffffff;
  border-radius: 12px;
  box-sizing: border-box;
  padding: 20px 30px;
  float: right;
  box-shadow: 0px 4px 24px 0px rgba(209, 204, 255, 0.12);
}
.esyseac .esyhx_e {margin-top: 20px;}
.esyseac .esyhx_e li{width: 316px;position: relative;height: 172px;}
.esyseac .esyhx_e .bottom{width:280px;height: 32px;margin-top: 20px;}
.esyseac .esyhx_e .btn{position: absolute;right: 10px;top: 30px;margin-top: 0;width: 75px;border-radius: 2px;}
.esyseac .esyhx_e .info{width: 185px;}
.esyseac .esyhx_e img {margin-bottom: 10px;}


.esyseat{color: #999;font-size: 14px;}
.esyseat em{color: #ff6460;}
.ss_m{margin-bottom: 10px;text-align: center;margin-top: 10px;}
.ss_m a{  display: block;width: 60%;height: 50px;line-height: 50px;border-radius: 20px;text-align: center;margin: 10px auto;font-size: 14px;}
.esyseax{font-size: 18px;font-weight: normal;margin-top: 20px;}
.esyseax i{color: #ff6460;font-weight: bold;}
.ss_yl{width: 120px;float: left;}
.ss_yl img{width: 120px;height: 120px;border-radius: 20px;}
.ss_yz{width: 810px;float: left;margin-left: 30px;}
.ss_yz 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: 10px;}
.ss_yz p{margin-bottom: 10px;height: auto;line-height: 22px;font-size: 14px;color: #888;overflow: hidden;}
.ss_yz .p2{height: 45px;margin-bottom: 0;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ss_y_db{ width: 100%; margin-top: 30px;}
.ss_y_db a{padding: 2px 8px;margin-right: 4px;margin-top: -2px;color: #ff6460;border-color: #ff6460;border: 1px solid;}
.ss_y_db a:hover{background-color: #ff6460;color: #fff;}
.ss_yr{width: 120px;float: right;}
.ss_yr img{width:130px; height: 210px; float: left; margin-left: 10px;}
.ss_y{padding-bottom: 30px;}






.ss_y{
	padding: 20px 0;
  }
  .ss_y li { padding: 20px 0; height: 120px; font-size: 14px; width: 50%;float: left;  border-bottom: 1px solid #efefef; margin-bottom: -1px; position: relative;  }
  .ss_y .img_z { width: 80px; height: 80px; float: left; margin-right:20px; }
  .ss_y .img_z img { width: 100%; height: 100%; border-radius: 15px; }
  .ss_y .con{float: left;width: 450px;}
  .ss_y .title { height: 30px; line-height: 30px; overflow: hidden; font-size: 18px; width: 100%;padding-right: 150px;box-sizing: border-box;margin-bottom: 8px;}
  .ss_y .info { width: 100%; overflow: hidden;margin-top: 5px;}
  .ss_y .info span { max-width:50%; height: 22px; line-height: 22px; float: left; overflow: hidden; color: #999;margin-right: 20px;font-size: 12px;}
  .ss_y .info span i{color: #333;}
  .ss_y .text{color: #777;height: 44px;line-height: 22px;margin-top: 5px;overflow: hidden;}
.ss_y .cot_z{width: 100%;}
  .ss_y .btn { display: inline-block; padding: 5px 20px;border-radius: 5px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; color: #23c268; border: 1px solid #23c268; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
  .ss_y .btn:hover { background-color: #23c268; color: #fff; }
  .ss_y .btn { position: absolute; top: 24%; right: 35px; width: 100px; padding: 7px 0;}
  .ss_y .star { display: inline-block; width: 70px; height: 13px; background: url(../images/scro.png) repeat-x;position: relative;}
  .ss_y .star i { position: absolute;left: 0;bottom: 0;height: 13px;width: 90%;background: url(../images/scroh.png) repeat-x;display: inline-block;}



 


.ssbtn{width: 120px;height: 50px;line-height: 50px;text-align: center;box-sizing: border-box; font-size: 16px;color: #ff6460;display: block;margin-top: 38px;border-radius: 10px;border: 1px solid #ff6460;}
.ssbtn:hover{background-color: #ff6460;color: #fff;}
.sousuo{display: inline-block; width: 100%;}
.sousuo .esyxwl_k{padding: 20px 0 0 0;}
.sousuo .esyxwl_k li a img{width: 241px;}
.sousuo .esyxwl_k li dl{width: 505px;}

.esyseac .esybz{padding: 0;margin-top: 20px;}
.esyseac .esybz li{width: 235px;}

.esyseac .hejiesy{margin-top: 20px;padding: 0;}



.esyseashb{margin-top: 20px;}
.esyseashb li{width: 100%;border-bottom: 1px #eaeaea dashed;height: 100px; margin-bottom: 20px;padding-bottom: 20px;}
.esyseashb li .simg{width: 180px;height: 100px;position: relative;display: inline-block;float: left;margin-right: 20px;}
.esyseashb li img{width: 100%;height: 100%;border-radius: 5px; overflow: hidden;object-fit: cover;}
.esyseashb li dl{width: 570px;float: left;}
.esyseashb li dt{
  line-height: 25px;
  overflow: hidden;
  font-size: 16px;
  font-weight: bold;
  float: left;white-space: nowrap;text-overflow: ellipsis;
  width: 100%;
}
  .esyseashb li dd:nth-child(2){height: 44px;
    line-height: 22px;
    margin-top: 5px;
    overflow: hidden;
    color: #8a8a8a;
    float: left;}
  .esyseashb li dd:nth-child(3){height: 15px;
    line-height: 15px;
    margin-top: 5px;
    font-size: 12px;
    color: #979797;
    float: left;}

    .esyseashb li i{
      content: "";
      display: inline-block;
      position: absolute;
      left: 50%;
      top: 50%;
      width: 30px;
      height: 30px;
      background: url(../images/play.png) no-repeat;
      margin-left: -15px;
      margin-top: -15px;
      background-size: 30px 30px; 
    }


    .tagbz{
      overflow: hidden;margin-top: 20px;margin-left: 41.5px;}
    .tagbz li{width: 50%;float: left;margin-bottom: 20px;}
    .tagbz li .simg{width: 180px;height: 90px;position: relative;display: inline-block;float: left;margin-right: 10px;}
.tagbz li img{width: 100%;height: 100%;border-radius: 5px; overflow: hidden;object-fit: cover;}
.tagbz li dl{width: 190px;float: left;}
.tagbz li dt{
  height: 48px;
line-height: 24px;
overflow: hidden;
  font-size: 15px;
  float: left;
  width: 100%;
  margin-top: 6px;
}
  .tagbz li dd:nth-child(2){height: 15px;
    line-height: 15px;
    margin-top: 10px;
    font-size: 12px;
    color: #979797;
    float: left;}

    .tagbz li i{
      content: "";
      display: inline-block;
      position: absolute;
      left: 50%;
      top: 50%;
      width: 30px;
      height: 30px;
      background: url(../images/play.png) no-repeat;
      margin-left: -15px;
      margin-top: -15px;
      background-size: 30px 30px; 
    }


/**新闻资讯**/
.esygl{position:relative;}

.esygl_b{width: 100%;margin-top: 20px;}
.esygl_b ul{display: flex;align-content: center;flex: 1;}
.esygl_b ul li{float: left;
  background-color: #fafafa;
  border-radius: 8px;
  color: #404040;
  font-size: 14px;
  display: block;
  margin-right: 13px;
  width: 105px;
  text-align: center;
  cursor: pointer;
  position: relative;line-height: 32px;}
.esygl_b ul li.on{background: #23c268;
  color: #fff;}


  .esygl_b ul li::after {
    display: none;
    position: absolute;
    left: 50%;
    content: '';
    background: url(../images/tabhov.png) no-repeat center;
      background-position-x: center;
      background-position-y: center;
    height: 6px;
    width: 20px;
    margin-left: -10px;
    bottom: -5px;
  }
  .esygl_b ul li.on::after {
    display: block;
  }


.index-5_1,.index-5_2 {
  width: 400px;
}
.index-5_2{
  margin-left: 20px;
  margin-right: 20px;
}
.index-5_3 {
  width: 320px;
}
.index-5 .bd-content{
  padding: 10px;
}
.index-5_1 .bd-content,.index-5_2 .bd-content{
  padding: 10px;
}
.index-5_3 .bd-content  {
  padding: 3px 10px;
}
.index-5_1 dl,.index-5_2 dl {
  border-bottom: 1px dotted #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.index-5_1 dl dt,.index-5_2 dl dt {
  font-size: 15px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 5px;

}
.index-5_1 dl dd,.index-5_2 dl dd {
  padding: 5px 0;
  height: 67px;

}
.index-5_1 dl dd img,.index-5_2 dl dd img {
  width: 130px;
  height: 67px;
  float: left;
  object-fit: cover;
  margin-right: 20px;
}
.index-5_1 dl dd span,.index-5_2 dl dd span {
  color: #999;
  line-height: 24px;
  display: block;
  height: 54px;
  overflow: hidden;
}
.index-5_1 dl dd p,.index-5_2 dl dd p{
  color: #999;
  font-size: 12px;
  margin-top: -5px;
}
.index-5_1 ul li,.index-5_2 ul li{
  padding: 5px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  list-style-type: disc;
  list-style-position: inside;
  font-size: 15px;
}
.index-5_3 ul li{
  padding: 5px 5px 10px 5px;
  height: 80px;
}
.index-5_3 ul li .index-5_3_right.pull-right{
  width: 168px;
}
.index-5_3 ul li img{
  width: 110px;
  height: 80px;
  margin-right: 10px;
  object-fit: cover;
}
.index-5_3_right a{
  width: 168px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 5px 0;
}
.index-5_3_right p {
  color: #999;
  font-size: 12px;
  margin-top: 10px;
}
.index-5_1 ul li a,.index-5_2 ul li a,.index-5_3 ul li a {
  font-size: 14px;

}
.pull-left
{
    float: left;

    _display: inline;
}
.pull-right
{
    float: right;

    _display: inline;
}

/*开服排行页面*/
.kftabese{padding:20px 20px 25px;background: #fff;box-sizing: border-box;}
.kftabesy a{float: left;width: 180px;height: 45px;line-height: 45px;text-align: center;overflow: hidden;padding: 0 10px;box-sizing: border-box;font-size: 15px;color: #666; margin-right: 15px;margin-top: 10px;background: #f8f8f8;border-radius: 5px;display: inline-block;}
.kftabesy a:hover{ background: #23c268; border-color: #23c268; color: #fff; text-decoration: none;}
.kftabesy a:nth-child(6n+6) {margin-right: 0;}

.esykf_y{margin-bottom: 20px;}
.esykf_y dt{ height: 48px;}
.esykf_y dt ul{ height:48px;background: #23c268;}
.esykf_y dt li{ width: 14.28%;line-height:48px; float: left;text-align: left; font-size: 14px; color: #fff;box-sizing: border-box;padding:0px 15px 0px 15px;}
.esykf_y dd ul{height: 50px;}
.esykf_y dd li{ width: 14.28%; line-height:49px; float: left;text-align: left;font-size: 14px;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background: #fffdef;border-bottom: 1px solid #ffded3; box-sizing: border-box;padding:0px 20px}
.esykf_y dd li a{color: #333;}
.esykf_y dd ul:hover li{ background:#f6f5f5;}
.esykf_y dd ul:hover li a{ color: #333;}
.esykf_y dd li:nth-child(1),.esykf_y dd li:nth-child(2),.esykf_y dt li:nth-child(1),.esykf_y dt li:nth-child(2){ width: 180px;}
.esykf_y dd li:nth-child(3),.esykf_y dt li:nth-child(3){ width: 130px;}
.esykf_y dd li:nth-child(4),.esykf_y dd li:nth-child(6),.esykf_y dt li:nth-child(4),.esykf_y dt li:nth-child(6){ width: 119px;}
.esykf_y dd li:nth-child(5),.esykf_y dt li:nth-child(5){ width: 360px;}
.esykf_y dd li:nth-child(7),.esykf_y dt li:nth-child(7){ width: 110px;}
.esykf_y dl:last-of-type dd ul{}
.esykf_y dl:last-of-type dd li{background: #fff;border-bottom: 1px solid #ededed;}
.esykf_y dl:last-of-type dd ul:hover li{ background: #f6f5f5;}
.esykf_y dl:last-of-type dd ul:hover li a{color: #333;}
.esykf_s{line-height: 24px;margin: 20px auto 0 auto;width:1200px;padding: 20px;background: #fff;box-sizing: border-box; margin-top: 20px !important;}
.esykf_y dd li:last-child{padding: 0;text-align: center;}
.esykf_y dd li:last-child a{margin: auto;margin-top: 4px;margin-bottom:4px;display: block; width: 84px;height: 22px;line-height: 22px;color: #ff6460; font-size: 13px;display: inline-block;text-align: center;border-radius: 4px; border:1px #ff6460 solid;}
.esykf_y dd ul:hover li:last-child a,.esykf_y dl:last-of-type dd ul:hover li:last-child a{color: #fff;background: #ff6460;}
.kfb-top{margin-top: 15px;}
.esykf_e{margin-top: 20px;}
.esykf_e a{width: 153px;height: 40px;line-height: 40px;text-align: center;overflow: hidden;padding: 0 10px;box-sizing: border-box;font-size: 15px;color: #666; margin-right: 10px;margin-bottom: 10px;background: #f8f8f8;border-radius: 5px;display: inline-block;}
.esykf_e a:hover{ background:#23c268; border-color: #23c268; color: #fff; text-decoration: none;}
.esykf_e a:nth-child(7n+7){margin-right: 0;}

.esykf_y dt li:nth-child(1){font-size: 16px;}

/****排行榜页面****/
.phb{width: 100%;height: auto;}
.phb .position {margin-top: 0;}
.phb .curr{ background: #fff;}

.rank-top{
  width: 100%;
  height: 110px;
  background: url(../images/rank-top-bg.png) no-repeat 0 0;
  text-align: center;
  line-height: 110px;
  color: #f8f8f8;
  font-weight: bold;
  font-size: 50px;
}


.esypm_b{width: 100%;padding:20px 20px 10px 20px;box-sizing: border-box;background: #fff;box-shadow: 0 0 10px #cccccc;}
.esypm_b li{
  width: 198px;
  height: 38px;
  float: left;
  margin-left: 14px;
  margin-right: 18px;
  border: 1px solid #40a1ff;
  margin-bottom: 16px;
  border-radius: 8px;
}
.esypm_b ul li a{
  display: block;
  width: 90%;
  margin: 3px auto;
  height: 30px;
  line-height: 30px;
  color: #666666;
  font-size: 16px;
  border: 1px solid #fff;
  border-radius: 8px;
  text-align: center;
}
.esypm_b ul li:hover,.esypm_b ul li.on{
  background-color: #40a1ff;
  
}
.esypm_b ul li:hover a,.esypm_b ul li.on a{
  color: #fff !important;
  
}

.esypm_b ul li:nth-child(2){
  border:1px solid #ff4040 !important;
}
.esypm_b ul li:nth-child(2):hover,.esypm_b ul li:nth-child(2).active{
  background: #ff4040 !important;
}
.esypm_b ul li:nth-child(3){
  border:1px solid #4ebb81 !important;
}
.esypm_b ul li:nth-child(4){
  border:1px solid #ff9e40 !important;
}
.esypm_b ul li:nth-child(5){
  border:1px solid #56bbd1 !important;
}
.esypm_b ul li:nth-child(6){
  border:1px solid #8c55d7 !important;
}

.esypm_b ul li:nth-child(3):hover,.esypm_b ul li:nth-child(3).active{
  background: #4ebb81 !important;
}
.esypm_b ul li:nth-child(4):hover,.esypm_b ul li:nth-child(4).active{
  background: #ff9e40 !important;
}
.esypm_b ul li:nth-child(5):hover,.esypm_b ul li:nth-child(5).active{
  background: #56bbd1 !important;
}
.esypm_b ul li:nth-child(6):hover,.esypm_b ul li:nth-child(6).active{
  background: #8c55d7 !important;
}


.phbnr{ width: 100%; height: auto; box-sizing: border-box;margin-top: 20px;}
.phbnr_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;}
.phbnr_tb.out{font-size: 0px !important;}
.phbnr_tp{width: 120px; float: left;overflow: hidden;margin-left: 30px; margin-right: 30px;}
.phbnr_tp img{ width: 120px; height: 120px; border-radius: 20px;}
.phbnr_xx{width: 700px;float: left;position: relative;}
.phbnr_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;}
.phbnr_xx h4 img{ margin-left: 20px;}
.phbnr_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;}
.phbnr__btn{ width: 180px; float: right; height: 60px; line-height: 60px; border: 1px solid #ff6460;color: #ff6460; text-align: center;font-size: 18px; border-radius: 10px; margin-top: 50px;}
.phbnr__btn:hover{ background-color: #ff6460; color: #fff;}
.yxflph{ position: relative; background: #fff; padding: 10px 20px 40px 20px; overflow: hidden;margin-top: 20px;}
.yxflph_lb{overflow: hidden;}
.yxflph_lb ul{overflow: hidden;height: 162px;padding-right: 0;}
.yxflph_lb .show {height: auto;}
.yxflph_lb li{ float: left;margin-right: 0;margin-bottom: 0;}
.yxflph_lb li a{width: 155px;height: 40px;line-height: 40px;text-align: center;overflow: hidden;padding: 0 10px;box-sizing: border-box;font-size: 15px;color: #666; margin-right: 12px;margin-top: 10px;border: #eaeaea 1px solid;border-radius: 5px;display: inline-block;}
.yxflph_lb li a:hover{ background: #ff6460; border-color: #ff6460; color: #fff; text-decoration: none;border-radius: 10px;}
.yxflph_lb li:nth-child(7n) a{margin-right: 0;}


.yxflph .gmopen{ top: 20px; right: 20px;}
.yxflph .gmopen:before{margin: 7px 0px 0px 5px;}
.phbnr .phbnr_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;}
.phbnr .phbnr_xx .jrzq:hover{ background: #ff6460; color: #fff;;}
.phb .position  { padding-left: 40px;background-position: 20px;}
.esygx_f{  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 #ff6460 solid;height: 41px;margin-bottom: -2px;}

.phbnr .gmopen1{position:relative;width:100%; height:40px; text-align:center; line-height:40px;background: #fff; color:#ff6460;cursor:pointer;margin-top: 20px;}
.phbnr .gmopen1:before{display:none;}





#newList .tab{ display: none;}
#newList .tab.on{display: block;}


.yxtjkf{background: #fff;padding: 20px;box-sizing: border-box;margin-top: 30px;}
/*404开始*/
.wfxsbox{padding-top: 40px;}
.wfxsjz{padding: 20% 20px;width: 1200px;margin: 0 auto;}
.wfxsjz .wfxs_z{width:40%;overflow: hidden;text-align: right;float: left;padding-top: 40px;padding-right: 30px;box-sizing: border-box;}
.wfxsjz .wfxs_z img{width: auto;overflow: hidden;}
.wfxsjz .wfxs_y{margin-top:30px ;width: 60%;float: right;}
.wfxsjz .wfxs_rbt{border-bottom: 1px #eee solid;padding-bottom: 15px;margin-bottom: 15px;}
.wfxsjz .wfxs_rbt h1{font-size: 22px;line-height: 50px;}
.wfxsjz .wfxs_rbt h1 i{color: #ff5500;}
.wfxsjz .wfxs_rbt p{font-size: 15px;}
.wfxsjz .wfxs_rsm{font-size: 15px;color: #888;}
.wfxsjz .wfxs_rsm a{display: inline-block;padding: 0 20px;background: #ff5500;border-radius: 2px;height: 34px;line-height: 34px;color: #fff;font-size: 16px;}
.wfxsjz .wfxs_rsm p{height: 30px;line-height: 30px;vertical-align: top;margin-bottom: 10px;}
.wfxsjz .wfxs_rsm p img{margin: 0px 5px;}


.u_buttom.yellow{background: #ff6460 !important;}


.jrzq_btn{display: inline-block;width: 46px;height: 24px;font-size: 12px;font-weight: normal; line-height: 24px;margin-left: 10px;border-radius: 3px;overflow: hidden;text-align: center;border: 1px #009cff solid;color: #009cff;}
.jrzq_btn:hover{background: #009cff;color: #fff;}


.phbnr .esypm_n .praise{width:150px;position: absolute;right: 82px;top: 186px;height: 30px;margin: 0px auto;background: none;text-align: center;}
.phbnr .esypm_n #praise{float: none;width: 20px;height: 20px;display: inline-block;vertical-align: top;display: inline-block;}
.phbnr .esypm_n .praise img{width: 20px !important;height: 20px;}
.phbnr .esypm_n #praise-txt{float: none;margin-left: 5px;color: #999;font-weight: bold; font-size:18px;text-align: left; height: 20px;display: inline-block; line-height: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 70%;}
.phbnr li{position: relative;}

.phbnr ul{height: 2480px;overflow: hidden;}
.phbnr ul.show{ height: auto;}




#newList .tab{display: none;}
#newList .tab.on {display: block;}



  .esypm_n li{width: 1160px;
    padding: 20px;
    margin: 0 auto 20px;
    position: relative;
    background: #fff;height: 188px;}
  .esypm_n li{
    width: 1160px;
    padding: 20px;
    margin: 0 auto 20px;
    position: relative;
    background: #fff;
}
.esypm_n li em.xh{
    position: absolute;
    width: 40px;
    height: 44px;
    background: url(../images/tips-icon.png) no-repeat 0 -133px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    line-height: 34px;
    top: 0;
    left: 0;
}
.rank-img{
    display: block;
    float: left;
    width: 138px;
    height: 138px;
    border-radius: 15px;
    overflow: hidden;
    margin-left: 20px;
    margin-top: 3px;
    margin-bottom:3px;
}
.rank-info{
    width: 690px;
    float: left;
    margin-left: 20px;
    position: relative;
}
.rank-img img{
    width: 100%;
    height: 100%;
    transition: all linear 0.4s;
    -moz-transition: all linear 0.4s;
    -ms-transition: all linear 0.4s;
    -o-transition: all linear 0.4s;
    -webkit-transition: all linear 0.4s;
}
.rank-list-tit{
    display: block;
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    margin-top: 14px;
    margin-bottom: 18px;

}
.rank-list-tit a:first-child{display: inline-block;
max-width: 60%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rank-list-tit a.zq{display: inline-block;font-size: 14px;padding: 0 5px;border: 1px #23c268 solid;vertical-align: top;font-weight: normal;color: #23c268;margin-left: 20px;margin-top: 4px;}

.rank-list-type {
    color: #999999;
    font-size: 14px;
    margin-bottom: 10px;
    max-width: 300px;
}
.rank-list-type i{
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/tips-icon.png) no-repeat 0 -177px;
    vertical-align: middle;
    margin-right: 8px;
}
.rank-list-type strong{
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../images/tips-icon.png) no-repeat -15px -177px;
    vertical-align: middle;
    margin-right: 8px;
}
.rank-list-type span{
    margin-right: 20px;
}
.rank-com{
    height: 52px;
    line-height: 26px;
    font-size: 14px;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.load-btn{
    display: block;
    width: 110px;
    height: 40px;
    color: #fff;
    background: #40a1ff;
    font-size: 16px;
    position: absolute;
    right: 2px;
    top: 20px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
}
.d-img-box{
    width: 264px;
    height: 150px;
    position: relative;
    float: right;
    overflow: hidden;
}
.d-img-box .d-img{
    width: 100%;
    min-height: 150px;
    filter:blur(3px);
-webkit-filter:blur(3px);
-moz-filter:blur(3px);
-ms-filter:blur(3px);
-o-filter:blur(3px);
}
.a-dimg{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: url(../images/img-bg.png) repeat 0 0;
}
.a-dimg img{
    display: block;
    max-width: 90%;
    height: 100%;
    margin: 0 auto;
    transition: all linear 0.4s;
-moz-transition: all linear 0.4s;
-ms-transition: all linear 0.4s;
-o-transition: all linear 0.4s;
-webkit-transition: all linear 0.4s;
}
.a-dimg:hover img,.rank-img:hover img{
  transform: scale(1.06);
-webkit-transform: scale(1.06);
-moz-transform: scale(1.06);
-o-transform: scale(1.06);
-ms-transform: scale(1.06);
}
.esypm_n:nth-child(1) li:nth-child(1) em.xh{
    background: url(../images/tips-icon.png) no-repeat 0 0;
}
.esypm_n:nth-child(1) li:nth-child(2) em.xh{
    background: url(../images/tips-icon.png) no-repeat 0 -44px;
}
.esypm_n:nth-child(1) li:nth-child(3) em.xh{
    background: url(../images/tips-icon.png) no-repeat 0 -88px;
}

.esypm_n .load-btn{
    background: #ff6460;
}
.load-btn:hover{
    border: 1px solid #40a1ff;
    color: #40a1ff !important;
    background: #fff !important;
}
.esypm_n .load-btn:hover{
    border: 1px solid #ff6460;
    color: #ff6460 !important;
    background: #fff !important;
}
.more-btn{
    width: 500px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #40a1ff;
    margin: 20px auto 40px;
    cursor: pointer;
    border: 1px solid #40a1ff;
}
.more-btn:hover{
    background-color: #fff !important;
    color: #40a1ff !important;
}



  .phbnr li:hover{border-color: #c2a166 !important;}



  .rank .more{height:50px;background-color:#fff;text-align:center;line-height:50px;font-size:16px;}
  .gamebox .ph_rig .zan{margin-top:35px;}



.esygx_b{margin: 25px 0px;padding: 20px;background: #fff;}
.yxdt{padding: 0px;color: #333;font-size: 14px;line-height: 28px;}
.x_tit{font-size: 18px;line-height: 45px;border-bottom: 1px solid #eee;position: relative;color: #333;margin-bottom: 20px;}
.x_tit:before{width: 80px;height: 2px;content: "";display: inline-block;background: #23c268;position: absolute;bottom: 0;}
.esygx_b_xx p{font-size: 14px;line-height: 28px;}

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



.xzdz{width: 770px !important;height: auto !important;}
.xzdz .esydo_nrlist{width: 770px !important;}
.xzdz1{top: -56px !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: #ff6460; 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: #ff6460; color: #fff; border-radius: 5px;}  
.tl-btm:hover{color: #fff;}


.yxdb{position:relative;}
.esydo_b{position:absolute;overflow:hidden;top: -57px;left: 200px;}
.esydo_b1{position:absolute;overflow:hidden;top: -57px;left: 320px;}

.esydo_ti ul{display: flex;align-content: center;flex: 1;}
.esydo_ti ul li{float: left;cursor: pointer; color: #666; font-size: 14px; position: relative;border-radius: 5px; background: #f8f8f8;padding: 0px 10px;margin-right: 10px;}
.esydo_ti ul li.m-hover{color: #fff;background: #23c268;}


.esydo_nrbd{width: 100%;height: auto;float: left;}
.esydo_nrlist{position:relative;width: 100%;}
span.u-title-more{ top:-44px; right:-310px;}





.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;}



/***公会***/
.btgg {width: 100%;height: auto;overflow: hidden;}
.btgg_bg { position: absolute; left: 50%; max-width: 1920px; height: auto; overflow: hidden; margin-left: -960px;}
.btgg_bg a { display: block; width: 100%; height: auto;}
.gbgg{position:absolute;z-index:2;overflow:hidden;width:22px;height:22px;right:11px;top: 11px;background:url(../images/ioc-sytb.png) no-repeat -165px -140px;cursor:pointer;}


/***筛选***/
.ghtab{background: #fff;padding: 20px;box-sizing: border-box;overflow: auto;}

/****公会***/
.rmgh_l{ width: 100%; display: inline-block;}
.rmgh_l li{width: 370px;float: left;border: 1px solid #eee;padding: 10px;box-sizing: border-box;margin: 0 20px 20px 0px;}
.rmgh_l li:nth-child(3n){ margin-right: 0;}
.h_z{float: left;width: 150px;background: #f5f5f5;text-align: center;padding: 4px;margin-right: -10px;overflow: hidden;}
.h_z img{width: 150px;height: 90px;object-fit: cover;}
.h_z p{display: block;clear: both;line-height: 24px;padding-top: 5px;font-size: 16px; text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.h_y{display: block;float: right;width: 170px;list-style: none; }
.h_y p{line-height: 28px;font-size: 14px;}
.h_y p.g_wd{display: block;clear: both;height: 36px;overflow: hidden;color: #999;line-height: 18px!important;padding: 2px 0;}


.jmght{position:relative;}

.jmghb{position: absolute;top: -44px;right: 0px;}
.jmghb ul{display: flex;align-content: center;flex: 1;}
.jmghb ul li{float: left;cursor: pointer; color: #666; font-size: 16px; position: relative;}
.jmghb ul li + li { margin-left: 50px; }
.jmghb ul li + li:before { content: '/'; position: absolute; font-size: 16px; color: #ededed; margin-left: -30px; }
.jmghb ul li.on{color: #23c268;}

.ghzx-bd{width: 100%;height: auto;float: left;}
.ghzx-list{position:relative;width: 100%;overflow: hidden;}
.ghzx-list:nth-of-type(n+2){display: none;}
.font04{color: #f60;font-weight: 700;font-size: 12px;}


.ghtj{ width: 100%; display: inline-block;}
.ghtj li{width: 176px;float: left;box-sizing: border-box;margin: 0 20px 20px 0px;overflow: hidden;}
.ghtj li img{width: 176px;height: 130px;object-fit: cover;}
.ghtj li p{display: block;clear: both;line-height: 24px;padding-top: 5px;font-size: 16px; text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ghtj li:nth-child(6n){ margin-right: 0;}


.hx_l{ width: 650px; height: 150px; float: left;}
.hx_l img{ width: 650px; height: 150px;object-fit: cover;}
.hx_r{width: 470px;float: right;}
.hx_r h1{font-size: 18px;margin-bottom: 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.hx_r p{line-height: 24px;font-size: 14px;}
.hx_wz p{line-height: 24px;font-size: 14px;}
.ghjt .gtabrotation{ padding: 0 !important; margin-bottom: 0 !important;}

.rmgh{width: 1200px;background: #fff;margin: 0px auto;display: block;overflow: hidden;padding: 20px; box-sizing: border-box;}
.gh_bt{width: 100%;height: 25px;line-height: 25px;font-size: 18px;margin-bottom: 20px;}
.gh_bt span{float: right;color: #888888;font-size: 12px;background: url(../images/ioc-zztb.png) no-repeat -33px -6px;padding-right: 20px;line-height: 25px;margin-right: 0;cursor:pointer;}











 /*开服表页面*/
 .esykfsb{box-sizing: border-box;margin-top: 20px;}
 .esykfsb dt{ height: 48px;}
 .esykfsb dt ul{ height:48px;background:#23c268;border-right: 1px #14b9c8 solid;}
 .esykfsb dt li{ width: 14.28%;line-height:48px; float: left;text-align: left; font-size: 16px; color: #fff;box-sizing: border-box;padding:0px 20px 0px 20px;font-weight: bold;}
 .esykfsb dd ul{height: 49px;border-left: 1px #ededed solid;}
 .esykfsb dd li{ width: 14.28%; line-height:50px; float: left; text-align: left;box-sizing: border-box; font-size: 15px;color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background: #fff;border-bottom:1px solid #ededed;box-sizing: border-box;padding:0px 20px}
 .esykfsb dd li a{color: #333;}
 .esykfsb dd ul:hover li{ background:#f6f5f5;}
 .esykfsb dd ul:hover li a{ color: #333;}
 
 .esykfsb dd li:nth-child(1),.esykfsb dt li:nth-child(1){ width: 379px;}
 .esykfsb dd li:nth-child(2),.esykfsb dt li:nth-child(2){width: 268px;text-align: center;}
 .esykfsb dd li:nth-child(3),.esykfsb dt li:nth-child(3){ width: 190px;text-align: center;}
 .esykfsb dd li:nth-child(4),.esykfsb dt li:nth-child(4){ width: 180px;text-align: center;}
 .esykfsb dd li:nth-child(5),.esykfsb dt li:nth-child(5){ width: 180px;text-align: center;}
 .esykfsb dl:last-of-type dd li{background: #fff;}
 .esykfsb dl:last-of-type dd ul:hover li{ background: #f6f5f5;}
 .esykfsb dl:last-of-type dd ul:hover li a{color: #333;}
 .esykfsb dd li:nth-child(1) img{width: 32px;height: 32px;margin-right: 15px; float: left;margin-top: 7px;border-radius: 6px;}
 .esykfsb-w{line-height: 24px;margin: 20px auto 0 auto;width:1170px;padding: 15px;background: #fff;}
 .esykfsb dd li:last-child a{margin: auto;margin-top: 7px;margin-bottom:6px;display: block; width: 88px;height: 26px;line-height: 26px;border-radius:4px; border:1px #ff6460 solid;color: #ff6460;font-size: 13px;display: inline-block;text-align: center;}
 .esykfsb dd ul:hover li:last-child a,.esykfsb dl:last-of-type dd ul:hover li:last-child a{color: #fff;background: #ff6460;}


 
 .esykfeb{box-sizing: border-box;}
 .esykfeb h1{height: 50px;line-height: 50px;font-size: 20px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;color: #333;}
 .esykfeb .esykfeb_t{font-size: 14px;color: #999;}
 .esykfeb .esykfeb_l{font-size: 14px;color: #666;height: 20px;line-height: 18px;margin-bottom: 10px;}
 .esykfeb .esykfeb_l::before{content: "";width: 20px;height: 20px;background: url(../images/ll.png) no-repeat center center;margin-right: 10px; background-size:20px 20px;display: inline-block;vertical-align: top;}
 .esykfeb .esykfeb_l em{color: #888;margin-left: 20px;}
 .esykfeb .esykfeb_l span{width:65px ;height: 18px;display: inline-block; background: url(../images/yxkico2.png) repeat-x left center;vertical-align: top;position: relative;}
 .esykfeb .esykfeb_l span i{display: inline-block;position: absolute;left: 0;bottom: 0;background: url(../images/yxkico1.png) repeat-x left center;vertical-align:top;height: 18px;}
 
 .kfxht li{width: 105px;}
 .kfxht li:nth-child(7n){margin-right: 12px;}
 .kfxht li:nth-child(9n){margin-right: 0px;}
 

.commkd{
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
}

 /*评论*/
 .wjtlbox{
   box-sizing: border-box;
   background: #fff;
   margin-top: 20px;
   border-radius: 8px;
 
 }
 #glName-wrap,
 #userName-wrap {
  height:36px;
  margin-bottom:10px;
  color: #676767;
  line-height: 36px;
 }
 #userName-wrap span{
   width: 200px;
   height: 34px;
   border: 1px #ff8f14 solid;
   display: inline-block;
   margin-right: 10px;
   position: relative;
 }
 #userName-wrap span::before{
   content: "网名";
   display: inline-block;
   width: 59px;
   height: 34px;
   line-height: 34px;
   text-align: center;
   background: #ff8f14;
   color: #fff;
   position: absolute;left: 0px;
   bottom: 0;
 }
 
 #glName,
 #userName {
  border:none;
  width:132px;
  padding:1px 3px 1px 5px;
  height:30px;
  line-height:30px;
  margin:1px 0px 0 59px;
  color: #676767;
 }
 #subCmt {
  margin:5px 1% 0 0
 }
 .cmtList-reply {
  display:inline-block;
  zoom:1;
  width:72px;
  height:23px;
  overflow:hidden;
  line-height:22px;
  color:#FF6460;
  text-align:center
 }
 .cmtList-ft span.hover {
  background-position:-240px 0
 }
 .cmtList-name {
  display:inline
 }
 .u_commentSend {
   position: relative;
   height: 183px;
   border-bottom: 1px solid #e8e8e8;
   padding: 30px 20px 20px;
   overflow: hidden;
 }
 .u_commentSend .text_box {
   position: relative;
   height: 80px;
   background: #fff;
   border: 1px solid #e5e5e5;
   border-radius: 2px;
 }
 .u_commentSend .text_box textarea {
   position: absolute;
   left: 0;
   width: 96%;
   display: block;
   height: 60px;
   padding: 10px 2%;
   border: none;
   resize: none;
   outline: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 .u_commentSend .text_box span {
   position: absolute;
   top: 100%;
   right: 0;
   line-height: 38px;
   text-align: right;
   color: #999;
 }
 .u_commentSend .commentSend_btn {
   overflow: hidden;
   margin-top: 20px;
 }
 .u_commentSend .commentSend_btn div {
   float: left;
   width: 107px;
   line-height: 34px;
   font-size: 14px;
 }
 .u_buttom.yellow {
   background: #ff6459;
 }
 .u_buttom {
   line-height: 30px;
   text-align: center;
   font-size: 12px;
   color: #fff;
   border-radius: 2px;
   cursor: pointer;
 }
 .u_commentSend .commentSend_btn span {
   line-height: 34px;
   color: #999;
   margin-left: 10px;
 }
 #commentNum{color: #666;font-size: 14px;float: right;padding-right: 20px;line-height: 32px;}

/*评论*/
.gamenr-player{height: auto;}

.commentList li {
    position: relative;
    padding: 20px 0 10px;
    border-bottom: 1px solid #ebebeb;
    zoom: 1; }
  
  .commentList li:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: "";
    clear: both;
    height: 0; }
  
  .commentList li:nth-last-of-type(1) {
    border: 0; }
  
  .commentList li.last {
    border-bottom: 1px solid #ebebeb; }
  
  .commentList .text {
    line-height: 24px;
    font-size: 14px;
    color: #666;
    width: 88%;
    word-wrap: break-word; }
  
  .commentList .from {
    font-size: 12px;
    color: #999;
    line-height: 14px;
    margin-bottom: 5px;
    cursor: default; }
  
  .commentList .jiu {
    font-size: 12px;
    color: #494949;
    padding: 0 5px; }
  
  .commentList .jiu:hover {
    text-decoration: none; }
  
  .commentList .mobile {
    border-left: 1px solid #ebebeb;
    padding-left: 5px; }
  
  .commentList .name {
    font-size: 14px;
    color: #666;
    font-weight: 700;
    margin-right: 10px; }
  
  .commentList .name.vip {
    padding-right: 22px;
    color: #ff2a43;
    line-height: 20px;
    display: inline-block;
    background: url("https://portal.ucgc.ucfly.com/public/images/pc/pc_new/vip_icon.png") no-repeat 1000px 1000px; }
  
  .commentList .name.vip1 {
    background-position: right 0; }
  
  .commentList .name.vip2 {
    background-position: right -50px; }
  
  .commentList .name.vip3 {
    background-position: right -100px; }
  
  .commentList .name.vip4 {
    background-position: right -150px; }
  
  .commentList .name.vip5 {
    background-position: right -200px; }
  
  .commentList .name.vip6 {
    background-position: right -250px; }
  
  .commentList .time {
    float: right; }
  
  .commentList .like {
    height: 20px;
    padding-left: 20px;
    line-height: 20px;
    color: #999;
    position: absolute;
    right: 4px;
    bottom: 8px;
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/template5/comment_icon.png) no-repeat 0 1px;
    cursor: pointer; }
  
  .commentList .like.current {
    background-position: 0 -41px;
    color: #f60;
    cursor: default; }
  
  .commentList .like:hover {
    background-position: 0 -41px; }
  
  .commentList .like.no {
    background-position: 0 -82px;
    color: #f60;
    cursor: default; }
  
  .commentList .img-con {
    width: 50px;
    height: 50px;
    display: block;
    float: left; }
  
  .commentList .img-con img {
    width: 100%;
    height: 100%;
    display: block; }
  
  .commentList .detail {
    margin-left: 65px;
    position: relative;
    padding-bottom: 35px; }
  
  .commentList .reply {
    background: #fffdf6;
    margin: 5px 0 15px 65px;
    position: relative;
    border: 1px solid #d9d9d9; }
  
  .commentList .reply .cor {
    position: absolute;
    width: 19px;
    height: 11px;
    display: block;
    left: 29px;
    top: -11px;
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/template5/comment_icon.png) no-repeat 0 -189px; }
  
  .commentList .reply .reply-list {
    padding: 0 12px 12px; }
  
  .commentList .reply .reply-list li {
    padding: 15px 0 10px;
    border-bottom: 1px solid #ebebeb; }
  
  .commentList .reply .reply-list .tit {
    font-size: 12px;
    margin-bottom: 10px; }
  
  .commentList .reply .reply-list .name {
    color: #666; }
  
  .commentList .reply .reply-list .des {
    line-height: 24px;
    color: #666; }
  
  .commentList .reply .reply-list .time {
    color: #999; }
  
  .commentList .reply .more {
    height: 16px;
    line-height: 16px;
    color: #1a71de;
    font-size: 14px;
    text-align: right;
    padding: 0 12px 12px 0;
    margin-right: 12px;
    background: url(https://portal.ucgc.ucfly.com/public/images/pc/template5/comment_icon.png) no-repeat right -124px; }
  
  .commentList .reply .more:hover {
    text-decoration: underline;
    cursor: pointer; }


 
 
 .gamenr-player{height: auto;}
 
 .kfbli dd.cont2{width: 100%;}
 .kfbli dd.cont2 p{height: 20px;line-height: 20px;overflow: hidden;}
 
 .ysbkry{width: 100%;}
 .ysbkry li{width:232px;float:left;height:82px;overflow:hidden;margin-top:20px}
 .ysbkry li .limg{float:left;width:82px;height:82px;margin-right:15px;border-radius:10px;overflow:hidden}
 .ysbkry li .limg img{width:100%;height:100%}
 .ysbkry li .rtext{float:left;width:120px}
 .ysbkry li .rtext a{display:block;font-weight:bold;font-size:16px;height:30px;line-height:30px;overflow: hidden}
 .ysbkry li .rtext span,.ysbkry li .rtext em{font-size:12px;color:#888;height:25px;line-height:25px;display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
 
 
   .ysbkftabesy .btn{margin-top: 129px;}
 
 
 

  /*相关资讯*/
   .zxgxlab{margin-top: 20px;}
   .zxgxlab a { display: inline-block; vertical-align: top; line-height: 30px; padding: 0 10px;border-radius: 5px; margin: 0px 10px 9px 0px;color: #fff; }
   
   .zxgxlab a:nth-child(1), .zxgxlab a:nth-child(4), .zxgxlab a:nth-child(7), .zxgxlab a:nth-child(10), .zxgxlab a:nth-child(13), .zxgxlab a:nth-child(16), .zxgxlab a:nth-child(19), .zxgxlab a:nth-child(22), .zxgxlab a:nth-child(25), .zxgxlab a:nth-child(28), .zxgxlab a:nth-child(31), .zxgxlab a:nth-child(34)  {background: #81c9ff;}
   .zxgxlab a:nth-child(2), .zxgxlab a:nth-child(5), .zxgxlab a:nth-child(8), .zxgxlab a:nth-child(11), .zxgxlab a:nth-child(14), .zxgxlab a:nth-child(17), .zxgxlab a:nth-child(20), .zxgxlab a:nth-child(23), .zxgxlab a:nth-child(26), .zxgxlab a:nth-child(29), .zxgxlab a:nth-child(32), .zxgxlab a:nth-child(35) { background: #72e3c8; }
   .zxgxlab a:nth-child(3), .zxgxlab a:nth-child(6), .zxgxlab a:nth-child(9), .zxgxlab a:nth-child(12), .zxgxlab a:nth-child(15), .zxgxlab a:nth-child(18), .zxgxlab a:nth-child(21), .zxgxlab a:nth-child(24), .zxgxlab a:nth-child(27), .zxgxlab a:nth-child(30), .zxgxlab a:nth-child(33), .zxgxlab a:nth-child(36) {background: #fbc87a; }
   .zxgxlab a:hover { color:#fff; }







   
  /*20221021*/
  .njree .esygx_s{padding: 20px;box-sizing: border-box;background-color: rgb(255, 255, 255);border-top: 0;margin: 20px 0;}
  .njree .gajjsw,.njree .gtabrotation{margin: 30px 0 0 0;padding: 20px;box-sizing: border-box;background-color: rgb(255, 255, 255);border-top: 0;}
  .njree .esygx_s h4{ font-size: 18px; font-weight: normal; margin-top: 20px; line-height: 45px;}
  .njree .esygx_s h4:before{ width: 4px; height: 18px; content: ""; display: inline-block; background: #f55555; border-radius: 8px; margin: 15px 9px 0px 0px; float: left;}
  .njree .xzdz{width: 100% !important;}
  .njree .xzdz .esydo_nrlist{width: 100% !important;}
  .njree .demo-3,.njree .esydo_nrlist{margin-top: 20px;}
   
  .njree .esygx_w ul li{width: 31%;}
  .njree .esygx_w ul li:nth-child(2n){margin-right: 2%;}

  .njree  .esygx_w ul li:nth-child(3n){margin-right: 0;}




  


.esygx_w li em.ckxqb{color: #23c268;cursor: pointer;}



.esygx_w li em.ckxqb2{color: #23c268;cursor: pointer;}

.osje{display: none;}
.ckqok{

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

}
.ckqok2{

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

}
.evdBox{
  
 position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 30;
height: 460px;
background-color: #fff;
-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
border-radius: 12px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 560px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.evdBox .rClose{position: absolute;right:15px;top: 16px; margin: auto;z-index: 10;background: url(../images/close.png) no-repeat;width: 28px;height: 28px;cursor: pointer;}
.evdBox .rClose2{position: absolute;right:15px;top: 16px; margin: auto;z-index: 10;background: url(../images/close.png) no-repeat;width: 28px;height: 28px;cursor: pointer;}
.evdBox .rTitle{position: relative;width: 100%;height:60px;line-height: 60px;font-size: 18px;text-align: left;background: #23c268;border-radius: 8px 8px 0 0; font-size: 16px; color: #fff;padding: 0 15px;box-sizing: border-box;}

.evdMain{width: 100%;
 height: 400px;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 padding: 20px 30px;
 overflow-y: scroll;
}
.evdMain p{text-align: left;margin-bottom: 12px;}
.evdMain strong{display: block;font-size: 16px;
  margin-top: 10px;
 color: #000;
 margin-bottom: 12px;
 text-align: left;
 font-weight: normal;
 border-top: 1px #eaeaea dashed;
 padding-top: 15px;
}

.esygx_w ul li{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}





/****240113最新更新2*****/
.zlbtodaytab td.fn_zxlb{ text-align: left; padding-left: 30px; color: #444; width: 100px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.zlbtodaytab td.fn_zxlb span a{padding:0px 4px;height: 16px;line-height: 16px; text-align: center; display: inline-block; float: left;border-radius: 2px; font-size: 12px; color: #fff; margin: 15px 6px 0px 0px;}
.zlbtodaytab td.fn_zxlb span.jsecol a{ background: #f39600;}

.zlbtodaytab{border-collapse: collapse; margin: 20px auto;table-layout: fixed;}
.zlbtodaytab .zlbupda_t{border: 1px #ddd solid; border-radius: 2px;}
.zlbtodaytab .zlbupda_t td{background:#f9f9f9; background: -moz-linear-gradient(bottom, #f0f0f0 0%, #f6f6f6 100%);
    background: -webkit-linear-gradient(bottom, #f0f0f0 0%,#f6f6f6 100%);
    background: -ms-linear-gradient(bottom, #f0f0f0 0%,#f6f6f6 100%);
    background: linear-gradient(to top, #f0f0f0 0%,#f6f6f6 100%); color: #333; border-radius: 2px; border-bottom: 1px #ddd solid; font-size: 16px;}
.zlbtodaytab td{ line-height: 44px; border-bottom: 1px #eee solid; font-size: 14px; text-align: center; color: #888;}
.zlbtodaytab td.tdleft{ text-align: left; padding-left: 30px; color: #444; width: 320px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.zlbtodaytab td.tdleft span a{padding:0px 4px;height: 16px;line-height: 16px; text-align: center; display: inline-block; float: left;border-radius: 2px; font-size: 12px; color: #fff; margin: 15px 6px 0px 0px;}
.zlbtodaytab td.tdleft span.jsecol a{ background: #f39600;}
.zlbtodaytab td.tdleft span.celcol a{ background: #1f9eff;}
.zlbtodaytab td.tdleft span.kapcol a{ background: #56c235;}
.zlbtodaytab td.tdleft span.dzcol a{ background: #f32200;}
.zlbtodaytab td.tdleft span.moncol a{ background: #999;}
.zlbtodaytab td.tdleft span a:hover{ background: #31acf2; text-decoration: none;}



/* 基础表格样式 */
.esyxwl_n table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: Arial, sans-serif;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}


.esyxwl_n thead th {
  background-color: #4CAF50;
  color: white;
  text-align: left;
  padding: 12px;
  border-bottom: 2px solid #ddd;
}


.esyxwl_n tbody td {
  padding: 12px;
  border-bottom: 1px solid #ddd;
  transition: background-color 0.3s ease;
}


.esyxwl_n tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}


.esyxwl_n tbody tr:hover {
  background-color: #f5f5f5;
}


.esyxwl_n tbody td:last-child {
  text-align: right;
}

.esyxwl_n 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;
}