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

/*logo*/
.logo{ width: 1200px;margin: 0 auto;padding: 5px 0px 10px 0;}
.logoimg{ width: 240px; float: left;}
.logoimg img{ width: 200px; overflow: hidden;}
.lsearch{height: 50px;margin: 0;width: 300px; float: right;}
.headcont{ width: 1200px; margin: 0 auto;}
.headleft{ max-width: 500px; float: left; color: #666;}
.heabanner{width: 600px;float: left;height: 60px;margin-top: 10px;}
.heabanner img{ width: 600px;height: 60px;overflow: hidden;}
.headright{width: 100%; text-align: right;margin-bottom: 15px;}
.headright a{ margin-left: 10px; border-right: 1px #ddd solid; padding-right: 10px; color: #666;}
.lsearch .ss_inp{width: 250px;height: 28px;color: #bababa;font-size: 14px;line-height: 28px;padding-left: 10px;background: #f9f9f9;float: left;border-radius: 1px 0 0 1px;box-sizing: border-box;border: 1px #ddd solid;border-right:none;}
.lsearch .ss_btn{float: right;cursor: pointer;width: 50px;height: 28px;display: inline-block;background:url(../images/seaico.jpg) no-repeat center center;border-radius: 0 1px 1px 0;color: #fff;border: 1px #ddd solid;border-left: none;}
/*导航*/
.nav{ background-color:#00c07b;background-image:linear-gradient(to right,#00bf63,#01c192);height: 40px; line-height: 40px;}
.nav ul{ width: 1200px;margin: 0 auto;}
.nav ul li{font-size: 16px;float: left;}
.nav ul li a{color: #fff;padding: 0 20px; display: inline-block;}
.nav ul li a:hover,.nav ul li.hov a{ background: rgba(255,255,255,.26);}

/**热门table**/
.gltable{width: 1200px;margin: 0 auto;margin-top: 10px; background: #fff;border:1px solid #DFDFDF;box-sizing: border-box;}
.glttit{ width: 8%;float: left;}
.glttit li{line-height:32px;border-bottom:1px solid #EAEAEA;}
.glttit li a{font-size:14px;border-right:1px solid #EBEBEB;display:block;border-left:3px solid #fff;padding-left:11px;}
.glttit li.thistab a,.glttit li a:hover{border-left:3px solid #FFC61D;border-right:none;color: #FF8A0C;}
.glttit li:nth-last-of-type(1){border-bottom: none;}
.gltcont{width: 89%;padding: 12px 15px 0 15px;float: left;}
.hotlabel{height: 80px;overflow: hidden;}
.hotlabel a{float:left;margin-right: 22px;color: #555;padding-left: 5px; font-size: 14px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;margin-bottom: 10px;padding-right: 5px;}
.hotlabel a:hover{color: #f60;}

/**焦点图**/
.cont1{width: 1200px;margin: 0 auto;margin-top: 20px;}
.jdtgd{ height: 280px; width: 400px; float: left; position: relative;margin-right: 20px;}
.jdttp li{ width: 400px; float: left;}
.jdtgd img{ width:400px; height: 280px;overflow: hidden;}
.jdtcont .jdttp li a{display: block;position: relative;overflow: hidden;}
.jdtwzsm{position: absolute;left: 0;right: 0;bottom: 0;padding: 0 20px;background: rgba(0,0,0,.5);color: #fff;text-align: left; line-height: 40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 14px;}
.slide-dot {position: absolute;right: 12px;bottom:22px;text-align: right;}
.jdtgd .slide-arr{position: absolute;width: 18px;height:25px;cursor: pointer;background-repeat: no-repeat;background-position: center;top: 50%;margin-top: -12px;}
.jdtgd .slide-arr.prev{left:10px;background: url(../images/focus_left.png) no-repeat;}
.jdtgd .slide-arr.next{right:10px;background: url(../images/focus_right.png) no-repeat;}
.jdtgd .slide-arr.prev:hover{left:10px;background: url(../images/focus_left_hover.png) no-repeat;}
.jdtgd .slide-arr.next:hover{right:10px;background: url(../images/focus_right_hover.png) no-repeat;}
.hotcenter{width: 460px;float: left; height: 280px;margin-right: 20px;border:1px solid #d8d8d8;box-sizing: border-box;}
.hotcenter h1{font-size: 22px;text-align: center; padding: 0 20px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; line-height: 54px;border-bottom: 1px dashed #ddd;}
.hotcenter h1 a{color:#172551;}
.hotcenter ul{padding: 12px 20px;}
.hotcenter li{font-size: 14px; line-height: 30px;}
.hotcenter li a{display: inline-block;float: left;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;width: 80%;}
.hotcenter li span{float: right;color: #999;}
.hotright{width: 300px;float: left; height: 280px;border:1px solid #d8d8d8;box-sizing: border-box;}
.hotright .rigtit{padding: 0 20px; line-height: 40px;border-bottom: 1px #ddd solid;font-size: 16px;}
.hotright ul{padding: 5px 15px;}
.hotright li{font-size: 14px;line-height: 32px;max-width: 90%;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.hotright li::before{content: ""; background: #f4c267;width: 3px;height: 3px;display: block;float: left;margin: 15px 5px 0 0;}

/**游戏推荐**/
.gametj{width: 1200px;margin: 0 auto;margin-top: 20px;position: relative;}
.title{font-size: 18px;line-height: 40px;border-bottom: 1px #eee solid;}
.scrollpic{max-width:1048px;min-height:550px;margin:20px auto;}
#myscroll{display:block; width:100%; position:relative; height:150px; overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}
#myscroll ul{display:block; float:left; list-style-type:none; padding:20px 0; margin:0;}
#myscroll ul li{display:block; float:left; padding:0; margin:0;}
#myscroll ul li a{display:block; float:left; width:100px;position:relative; height:100px; color:#333;margin-right: 20px;}
#myscroll ul li a img{width:100px;height:100px; overflow: hidden;border-radius: 20px;}
#myscroll p{font-size:14px; line-height:30px;height:30px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;text-align: center;}
#mybtns{ width:80px; display:block; height:42px;position: absolute;top: 0;right: 0;}
#mybtns a{width:30px; height:30px; display:block; float:left; margin-right:10px; background-color: #c1c1c1;}
#mybtns a:hover{background-color: #f4c267;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left{background-image:url(../images/jt_l.png);background-size: 25px 25px;background-position: center center;}
#mybtns #right{background-image:url(../images/jt_r.png);background-size: 25px 25px;background-position: center center;}

/**资讯**/
.zxcont{width: 1200px;margin: 0 auto;margin-top: 20px;}
.zxcont dl{width: 31.8%;float: left;margin-right: 2%;border:1px solid #d8d8d8;margin-bottom: 20px;padding-bottom: 10px;}
.zxcont dl:nth-child(3),.zxcont dl:nth-child(6){margin-right: 0;}
.zxcont dt{height: 40px;line-height: 40px;font-size:16px;border-bottom: 1px solid #d8d8d8; text-indent: 10px;font-weight: bold;margin-bottom: 10px;}
.zxcont dt a{ display: inline-block;float: right;font-size: 12px;margin-right: 10px;color: #999;font-weight: normal;}
.zxcont dt a:hover{color: #f60;}
.zxcont dd{font-size: 14px;padding: 0 10px;}
.zxcont dd a{overflow: hidden; white-space: nowrap;text-overflow: ellipsis; max-width: 80%; display:inline-block; line-height: 28px;}
.zxcont dd span{display: inline-block; float: right;line-height: 28px;color: #999;}

/**游戏推荐**/
.yxtjcont{width: 1200px;margin: 0 auto;position: relative;border: 1px #ddd solid;box-sizing: border-box;}
.yxtjcont .title,.tagcont .title{text-indent: 10px;}
.yxtjtit{ width: 60%;float: left;position: absolute;top: 10px;left: 12%;}
.yxtjtit li{max-width:84px;height:24px;line-height:24px;font-size:14px;color:#666;float:left;margin-left:30px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.yxtjtit li.thistab a,.yxtjtit li a:hover{color:#00c777;border-bottom:3px solid #00c777;font-weight:700}
.yxtjlabel{height: 80px;overflow: hidden;padding: 10px;}
.yxtjlabel a{float:left;margin-right: 22px;color: #555;padding-left: 5px; font-size: 14px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;margin-bottom: 10px;padding-right: 5px;max-width: 200px;}
.yxtjlabel a:hover{color: #f60;}
.title a{ display: inline-block;float: right;font-size: 12px;margin-right: 10px;color: #999;}
.title a:hover{color: #f60;}


/**tag标签**/
.tagcont{margin: 0 auto;width: 1200px; margin-top: 20px;border: 1px #ddd solid;box-sizing: border-box;}
.taglabel{padding: 10px;}
.taglabel li{float:left;color: #555;font-size: 14px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;margin-bottom: 10px;padding-right: 15px;width:101px;}


/**版权**/
.footer{width: 100%;background: #3c3c3c;padding: 20px 0;margin-top: 20px; color: #999; line-height: 26px;font-size: 14px;}
.footer p{width: 1200px; margin: 0 auto;text-align: center;}
.footer a{color: #999;}


/**新闻中心**/
.newlist{width: 1200px;margin: 0 auto;margin-bottom: 20px;}
.curr{font-size: 14px; color: #9b9b9b;line-height: 50px;}
.curr a{ color: #9b9b9b;}
.curr a:hover{ color: #5298ff;}
.newlistzb{width: 878px;float: left;border:1px #ddd solid;margin-right: 20px;}
.newlistzb ul.newlbnr{padding: 0px 20px 20px 20px;}
.newlisttit{margin:20px;border-bottom: 1px #ddd solid;line-height: 38px;max-height: 72px;overflow: hidden;}
.newlisttit li{max-width:90px;height:28px;line-height:28px;height:38px;font-size:16px;color:#666;float:left;margin-right:40px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap}
.newlisttit li.on a,.newlisttit li a:hover{color:#00c777;border-bottom:3px solid #00c777;font-weight:700}
.newlbnr li{padding-bottom: 20px;border-bottom: 1px #eee solid;margin-top: 20px;}
.newlbnr li h3{font-size: 14px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;max-width: 70%;}
.newlbnr li h3 a{color: #333;}
.newlbnr li h3 a:hover{color: #f60;}
.newlbnr li .newtime{color: #999; line-height: 28px;margin-top: 5px;height: 28px;overflow: hidden;}
.newlbnr li .newtime span{margin-right: 20px;display: inline-block;float: left;}
.newlbnr li .newtime span:nth-child(2){max-width: 600px;height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newlbnr li .newtext{color:#525252 ; line-height: 28px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.page{width: 100%;margin-top: 10px;text-align: center;margin-bottom: 20px;}
.page li{display: inline-block;}
.page li a,.page li span{margin-right:3px; border:1px solid #D9D9D9; padding:4px 8px; text-decoration:none; color:#666;}
.page li a:hover,.page li.hov a,.page li.active a,.page li.active span{ background:#f60;border-color: #f60;color:#fff;}

.newlistyb{width:300px ;float: left;}
.ybtit{width:100%;line-height:28px;text-align:left;margin:0;border-left:#585858 10px solid;  background:#e9e9e9; padding:0px 20px; font-size:14px; color:#6b6766;box-sizing: border-box;}
.rmglli{ font-size: 14px;margin-bottom: 20px;}
.rmglli li{line-height: 32px;border-bottom: 1px #ddd dashed;height: 32px;}
.rmglli li a{color: #525252; max-width: 80%;display: inline-block;float: left;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.rmglli li span{float: right;display: inline-block;font-size: 12px;color: #bbbbc1;}
.tagbqli{ font-size: 12px;padding-top: 8px;}
.tagbqli li{width: 47%;float: left; text-align: left;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; line-height: 30px;padding-right: 3%;}

/**新闻详情**/
.xqmain{width: 870px;float: left;margin-right: 30px;}
.newxqcont{border: 1px #ddd solid;padding: 20px;}
.newxqcont h1{color: #525252; text-align: center;line-height: 50px;font-size: 30px}
.newxqcont .nrbq{color: #bbbbc1; text-align: center;font-size: 12px; padding-bottom: 15px;border-bottom: 1px #eee solid;}
.newxqcont .nrbq span{margin: 0 5px;}
.newxqcont .xqnrbox{padding: 10px 0; line-height: 30px;font-size: 14px;color: #525252;text-indent: 2em;}
.newxqcont .xqnrbox img{width: 70%;margin: 10px 0 10px 0;}
.fany{ width: 100%; text-align: center; margin-top: 10px; font-size: 16px;}
.fany span{margin: 0px 20px; display: inline-block; max-width: 360px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.xgtjcont{border: 1px #ddd solid;margin-top: 20px;}
.xgtjcont ul{width: 46%;float: left;margin: 10px 2%;}
.xgtjcont li{font-size: 14px;}
.xgtjcont li a{max-width: 90%;display: inline-block;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;line-height: 30px;}

.xgtjcont .xgyxtjli{width: 100%;}
.xgyxtjli li{ width: 107px; float: left; margin-right: 37px;}
.xgyxtjli li a{ max-width: 100%;}
.xgyxtjli li img{ width: 107px; height: 107px; overflow: hidden; border-radius: 22px;}
.xgyxtjli li p{ width: 100%;text-align: center; line-height: 40px; color: #333; font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height: 40px;}
.xgyxtjli li a:hover p{ color: #ff5000; text-decoration: underline;}
.tagwzxq{width: 100%;height: 30px;margin-top: 15px;}
.tagwzxq a{display: inline-block;margin: 0 5px;padding: 0 8px;height: 22px;line-height: 22px;background:#f9f9f9;font-size: 12px;}
.tagwzxq a:hover{background:#f39800;color: #fff;}

/**tag标签**/
.tagymcont{border:1px solid #dfdfe0;font-size: 14px;padding-bottom: 20px;padding-top: 10px;position: relative;}
.tagymcont dt{padding-left: 14px;float: left;width:150px;padding-top: 7px;font-weight: 700;overflow: hidden;}
.tagymcont dt a{font-weight: normal;margin-left: 5px;color: #999;}
.tagymcont dd{color: #054da1;float: left;width:1030px;overflow: hidden;}
.tagymcont dd li{width: 12.5%;overflow: hidden;height: 37px;float: left;display: inline-block;}
.tagymcont dd a{border-bottom: 1px solid #e5e5e5;width:70%;height: 36px;line-height: 36px;position: relative;display: inline-block;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.tagymcont:nth-child(3),.tagymcont:last-child{border-top: none;}
.tagymcont a.tagmore,.tagymcont a.tagless{border-bottom: 1px solid #e5e5e5;width:8%;background: #fff ;height: 36px;line-height: 36px;position: relative;display: inline-block;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.tagymcont a.tagless,.tagymcont a.tagless{float: left; width: 8.6%;color: #0053a5;} 
.tagymcont a.tagmore{position:absolute;right:40px;bottom:27px;color: #f60;}
.tagymcont ul.maprk {overflow: hidden;height: 118px;}

/**游戏推荐**/
.gamelicont{border:1px solid #dfdfe0;font-size: 14px;padding-bottom: 20px;padding-top: 10px;position: relative;margin-bottom: 20px;}
.gamelicont dt{padding-left: 14px;float: left;width:110px;padding-top: 7px;font-weight: 700;overflow: hidden;}
.gamelicont dt i{font-weight: normal;margin-left: 5px;color: #999;}
.gamelicont dd{color: #054da1;float: left;width:1070px;overflow: hidden;}
.gamelicont dd li{width:16.66%;overflow: hidden;height: 37px;float: left;display: inline-block;}
.gamelicont dd a{border-bottom: 1px solid #e5e5e5;width:75%;height: 36px;line-height: 36px;position: relative;display: inline-block;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

/**开服排行**/
.kfphcont .kfphlibt{ height: 42px;border-left: 1px #595959 solid;}
.kfphcont .kfphlibt li{ width: 14.2%; float: left; text-align:center;background: #595959;color: #fff; line-height: 40px;border-right: 1px #595959 solid;border-top: 1px #595959 solid;border-bottom: 1px #595959 solid; box-sizing: border-box; font-size: 16px;}
.kfphlinr ul{border-left: 1px #a3a3a3 solid; height: 33px;}
.kfphlinr li{width: 14.2%; float: left;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;color: #666; text-align:center; line-height: 32px;border-right: 1px #a3a3a3 solid; box-sizing: border-box;border-bottom: 1px #a3a3a3 solid; font-size: 14px; background: #f4f4f4;padding:0 5px;}
.kfphlinr li:nth-child(1),.kfphlinr li:nth-child(2),.kfphcont .kfphlibt li:nth-child(1),.kfphcont .kfphlibt li:nth-child(2){ width: 300px;}
.kfphlinr li:nth-child(3),.kfphcont .kfphlibt li:nth-child(3){ width: 300px;}
.kfphlinr li:nth-child(4),.kfphlinr li:nth-child(6),.kfphcont .kfphlibt li:nth-child(4),.kfphcont .kfphlibt li:nth-child(6){ width: 299px;}
.kfphlinr li:nth-child(5),.kfphcont .kfphlibt li:nth-child(5){ width: 429px;}
.kfphlinr li:nth-child(7),.kfphcont .kfphlibt li:nth-child(7){ width: 120px;}
.kfphlinr ul:hover li{ background: #ffff00;}
.kfphlinr ul:hover li a{ color: #333;}
.kfphcont .kfphlinr:last-child li{ background: #fff;}
.kfphcont .kfphlinr:last-child ul:hover li{ background: #ffff00;}
.kfphsm{line-height: 24px;margin: 20px auto 10px auto; background: #fff;width: 1200px;}

/**网站地图**/
.mapdtcont dl{border:1px #cad1d7 solid;margin-bottom:10px;position: relative;overflow: hidden;}
.mapdtcont dt{color:#004580;padding-left:20px;padding-top:2px;font-size:14px;font-weight:bold;height:30px;line-height:30px;background:#f1f3f4;border-bottom:1px #cad1d7 solid;}
.mapdtcont dd{padding: 15px 20px 0 20px;}
.mapdtcont dd li{margin: 0 16px 0 0;float: left;border-right: 1px #ddd solid;font-size: 14px;margin-bottom: 15px;width: 88px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.mapdtcont dd .dtopen{position: absolute;right: 10px;top: 10px; background: url(../images/mapzk.png) no-repeat;width: 17px;height: 17px;}
.mapdtcont dd  .active{background: url(../images/mapsq.png) no-repeat;}
.mapdtcont dd.dtli ul{ overflow: hidden;height: 65px;}
.mapdtcont dd.dtli ul.show{height: auto;}
.mapdtcont dd .zqopen{position: absolute;right: 10px;top: 10px; background: url(../images/mapzk.png) no-repeat;width: 17px;height: 17px;cursor: pointer;}
.mapdtcont dd  .active{background: url(../images/mapsq.png) no-repeat;}
.mapdtcont dd.zqli ul{ overflow: hidden;height: 100px;}
.mapdtcont dd.zqli ul.show{height: auto;}

/**游戏库**/
.gamekcont{width: 1200px;margin: 0 auto;}
.gamektit{position: relative;height: 34px;line-height: 34px;}
.all-btn{position: absolute;top: 7px;left:120px;}
.all-btn a{float: right;display: inline-block;font-size: 12px;padding: 0 15px;height: 24px;line-height: 24px;background: #f60;color: #fff;border-radius: 2px;margin-top: 0px;}
.all-btn a:hover{color: #fff;}
.yxklbtit .gamektit{margin-right: 32px;}
.gameklabel{background: #fff;margin-bottom: 20px;}
.gamektit{font-size: 18px;color: #333;margin-bottom: 10px;}
.gameklabel{position: relative;}
.gameklabel li{width: 122px;float: left;margin-right: 10px;border: 1px #ddd solid;height: 40px;margin-bottom: 10px;line-height: 40px;}
.gameklabel li:nth-child(9n+9){margin-right: 0;}
.gameklabel li a{display: inline-block;width: 100%;height: 100%;}
.gameklabel li a:hover{background: #f60;border-color: #f60;color: #fff;}
.gameklabel li span,.gameklabel li i{display: inline-block;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;float: left;}
.gameklabel li span{width: 60%;margin-left: 5%;font-size: 15px;}
.gameklabel li i{width: 30%;margin-right: 5%;font-size: 11px;color: #f60;}
.gameklabel li a:hover i{color: #fff;font-size: 11px;}
.klizk{overflow: hidden;height: 150px;position: relative;}
.kgmore{position: absolute;top: 104px;right: -5px;}
.kgless,.kgmore{display: inline-block;width: 120px;float: left;margin-right: 10px;border: 1px #f60 solid;height: 40px;margin-bottom: 10px;line-height: 40px;background: #f60;text-align: center;font-size: 16px;color: #fff;}
.kgless:hover,.kgmore:hover{background: #f60;color: #fff;border: 1px #f60 solid;}
.kgless{background: #ddd;border-color: #ddd;color: #333;}

.gameknr li{width: 21.4%;float: left;margin-right: 1%;border: 1px #ddd solid;padding: 15px;margin-bottom: 20px;}
.gameknr li:nth-child(4n+4){margin-right: 0;}
.gameknr li img{width: 80px;height: 80px;float: left;margin-right: 20px;border-radius: 20px;}
.gaktext{width: 145px;float: left;}
.gaktext h3{margin: 5px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 20px;font-weight: normal;}
.gaktext h6{ height: 16px;line-height: 16px;overflow: hidden;color: #999;margin-top: 8px;font-size: 14px;font-weight: normal;}
.gaktext h6 p{width: 65px;height: 12px;float:left;display: block;position: relative;background: url(../images/yxkico2.png) repeat-x;margin-top: 2px;margin-right: 10px;}
.gaktext h6 i{width: 90%;height: 12px;position: absolute;left: 0;top: 0;background: url(../images/yxkico1.png) repeat-x;overflow: hidden;max-width: 65px;}
.gakms{width: 100%;clear: both;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #666666;font-size: 14px;padding-top: 10px;}
/**游戏列表**/
.yxklbtit li{display: inline-block; width: 83px;margin-bottom: 15px; height: 32px; text-align: center; padding: 1px; box-sizing: border-box;background-image: linear-gradient(33deg, #eaeaea 0%, #d2d2d2 100%); font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 28px; letter-spacing: 0px; color: #333;margin-right: 14px; }
.yxklbtit li:nth-child(12n+12){margin-right: 0px;}
.yxklbtit li a,.yxmore i,.yxless i{display: inline-block; height: 100%; width: 100%; box-sizing: border-box; padding: 0 10px; background-color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.yxklbtit li:nth-child(10n+n){margin-right: 0px;}
.yxklbtit li.on,.yxklbtit li:hover{background-image: linear-gradient(33deg, #fe7c25 0%, #f60 100%); box-shadow: 0px 5px 9px 0px rgba(88, 155, 255, 0.2); }
.yxklbtit li.on a{ color: #fff;background: #f60;}
.yxkzksq{overflow: hidden;height: 92px;position: relative;}
.yxmore{position: absolute;top: 47px;right: 19px;}
.yxless,.yxmore{display: inline-block; width: 83px;margin-bottom: 15px; height: 32px; text-align: center; padding: 1px; box-sizing: border-box;background-image: linear-gradient(33deg, #eaeaea 0%, #d2d2d2 100%); font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 28px; letter-spacing: 0px; color: #333;margin-right: 0px;right: 11px; }
.yxless:hover,.yxmore:hover{background-image: linear-gradient(33deg, #fe7c25 0%, #f60 100%); box-shadow: 0px 5px 9px 0px rgba(88, 155, 255, 0.2); }
.yxmore i::before,.yxless i::before{content: "";width: 12px;height: 6px;display: block;background: url(../images/yxtitzk.png) no-repeat;float: right;margin-top: 12px;margin-left: 5px;}
.yxless i::before{background: url(../images/yxtitsq.png) no-repeat;}
.yxless:hover i::before{background: url(../images/yxtitsq_h.png) no-repeat;}
.yxmore:hover i::before{background: url(../images/yxtitzk_h.png) no-repeat;}
.yxklinr{margin-top: 10px;}
.yxklinr li{ width:355px; height:152px; overflow:hidden; border:1px #dedede solid; float:left; margin-right:15px; padding:15px; background:#FFF; margin-bottom:15px;}
.yxklinr li:nth-of-type(3n+3) { margin-right: 0px;}
.yxklinr .yxk-imgz{ height:100px; width:100px; overflow:hidden; margin-bottom:5px;float: left;margin-right: 10px;}
.yxklinr .yxk-imgz img{ width:100px; height:100px;-webkit-border-radius:20px;border-radius:20px; float:left}
.yxklinr .yxk-texty{ height:100px; overflow:hidden; width:242px; position: relative;}
.yxklinr .yxk-texty h3{line-height:28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-size: 21px;font-weight: normal;}
.yxklinr .yxk-texty h3 a{color: #555;}
.yxklinr .yxk-texty p{ color:#ababab; font-size:14px; line-height:22px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.yxklinr .yxk-texty a.yxkty-btn{ border:1px #dedede solid; padding:5px 11px; display: inline-block;position: absolute;right: 0;bottom: 0;background: #fff;}
.yxklinr .yxk-texty a.yxkty-btn:hover{ background:#00c777; color:#FFF; border:none}
.yxklinr .yxk-wzsm{line-height: 24px;font-size: 14px;color: #ababab;clear: both;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
/**游戏详情**/
.gamek-xqzb{width: 828px;float: left;margin-right: 30px;border: 1px #ddd solid;padding: 20px;}
.gxqz-nry .gnry-zb{width: 120px;float: left;margin-right: 20px;}
.gxqz-nry .gnry-zb img{width: 120px;height: 120px;overflow: hidden;border-radius: 20px;}
.gxqz-nry .gnry-zj{width: 540px;float: left;margin-right: 20px;}
.gxqz-nry .gnry-zj h1{font-size: 24px;font-size: 24px;font-weight: 400;line-height: 24px;color: #333;}
.gxqz-nry .gnry-zj p{height: 18px;line-height: 18px;margin-top: 20px;}
.gxqz-nry .gnry-zj p span{display: inline-block;width: 33.33%;float: left;color: #999;}
.gxqz-nry .gnry-zj p span i{color: #333;}
.gxqz-nry .gnry-zj .gnryzj-btn{height: 42px;margin-top: 20px;}
.gxqz-nry .gnry-zj .gnryzj-btn a{position:relative;display:block;float:left;margin-right:10px;padding:0 16px 0 42px;height:42px;font-size:18px;line-height:42px;color:#fff;font-weight:700;}
.gxqz-nry .gnry-zj .gnryzj-btn a::after{content:"";position:absolute;display:block;left:0;top:0;width:42px;height:42px;background:url(../images/download.png) center no-repeat;}
.gxqz-nry .gnry-zj .gnryzj-btn a:hover{opacity: 0.7;}
.gxqz-nry .gnry-zj .gnryzj-btn a.azbtn{background: #fc9e4c;}
.gxqz-nry .gnry-zj .gnryzj-btn a.pgbtn{background: #15b1ab;}
.gxqz-nry .gnry-zj .gnryzj-btn a.dnbtn{background: #15b11c;}
.gxqz-nry .gnry-yb{float: right;padding-right:22px;width:82px;height:82px;border:1px solid #ececec;margin-top: 35px;position: relative;}
.gxqz-nry .gnry-yb .gnry-ewm{display: block;width: 72px;height: 72px;margin: 5px;}
.gxqz-nry .gnry-yb .gnry-ewm img{width: 72px;height: 72px;overflow: hidden;}
.gxqz-nry .gnry-yb::after{content:"扫描下载";position:absolute;right:0;top:0;width:22px;height:82px;font-size:12px;line-height:20px;color:#333;text-align:center;border-left:1px solid #ececec}
.gxqz-nre{margin-top: 30px;border-top: 2px #eee solid;padding-top: 25px;}
.yxxq-htit{position: relative;margin-bottom: 10px;height: 24px;font-size: 18px;line-height: 24px;color: #999;}
.yxxq-htit span{display: table;position: relative;padding-right: 10px;background: #fff;z-index: 1;}
.yxxq-htit::after{content: "";position: absolute;left: 0;top: 12px;width: 100%;height: 1px;background: #ececec;}
.gnretext{line-height: 30px;font-size: 14px;color: #525252;}

.gnretext img{max-width: 80%;display: block;margin: 10px auto;overflow: hidden;}
.gxqz-nrs{margin-top: 20px;}
.gxqz-nrs .j-scroll{ height: 310px;position: relative;margin-top: 20px;}
.gxqz-nrs .j-scroll img{ width: 828px; height: 310px;overflow: hidden;}
.gxqz-nrs .focus-slide .bd li a{display: block;position: relative;overflow: hidden;}
.gxqz-nrs .slide-arr{position: absolute;width: 40px;height:74px;cursor: pointer;top: 50%;margin-top: -30px;}
.gxqz-nrs .slide-arr.prev{left:0px;background: url(../images/yxkxqbtn2.png) no-repeat 0px 0px;}
.gxqz-nrs .slide-arr.next{right:0px;background: url(../images/yxkxqbtn2.png) no-repeat -40px 0px;}
.gxqz-nrs .slide-arr.prev:hover,.gxqz-nrs .slide-arr.next:hover{opacity: 0.8;}
.gxqz-nrsi{margin-top: 30px;}
.gxqz-nrsi li{position: relative;float: left;margin-top: 10px;margin-right: 40px;height: 26px;width: 372px;font-size: 14px;}
.gxqz-nrsi li a span{display: block;float: left;width: 240px;line-height: 26px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gxqz-nrsi li a.gxs-tjbtn{display: block;position: absolute;right: 0;width: 82px;height: 24px;font-size: 12px;line-height: 24px;text-align: center;color: #ff7800;border: 1px solid #ff7800;}
.gxqz-nrsi li a.gxs-tjbtn:hover{color: #fff;background:#ff7800;}
.gamek-xqyb{width: 300px;float: left;}
/**游戏合集**/
.yxhjcont{width: 1200px;margin: 0 auto;}
.hjc-tit{font-size: 20px; color: #333;line-height: 40px;}
.hjc-text li{width: 368px;float: left;margin-right: 32px;margin-bottom: 20px;}
.hjc-text li .hj-top{height: 207px;position: relative;overflow: hidden;}
.hjc-text li a img{width: 368px;height: 207px;overflow: hidden;}
.hjc-text li .hj-hover{width:368px; height:76px; position:absolute; left:0; bottom:-76px;-webkit-transition: bottom .4s;-moz-transition: bottom .4s;-ms-transition: bottom .4s;-o-transition: bottom .4s;transition: bottom .4s;display: block; }
.hjc-text li .hj-hover .hj-hbg{width:368px; height:76px; position:absolute; left:0; bottom:0; background:#000;filter: Alpha(Opacity=70); opacity:0.7;}
.hjc-text li .hj-hover .hj-hnr{height:58px; width:368px; position:absolute; left:0; top:9px; text-align:center;}
.hjc-text li .hj-hnr a{display: inline-block;height: 58px;margin: 0 5px;vertical-align: middle; line-height: 58px;color: #fff;}
.hjc-text li .hj-hnr img{width: 58px;height: 58px;border-radius: 15px;float: left;}
.hjc-text li:hover .hj-hover{bottom:0px;}
.hj-wz p{height: 30px;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 14px;}
.hj-wz p a{font-weight: bold;font-size: 16px;}
.hj-wz p span{color: #999;}
.hj-wz p span i{color: #ff0000;}
.hj-wz p a.hj-more{display:inline-block; width:54px; height:22px; line-height:22px; text-align:center; color:#00c777; border:1px solid #00c777; float:right; margin-top:5px;font-weight: normal;font-size: 14px;}
.hj-wz p a.hj-more:hover{background: #00c777;color: #fff;}
/**合集列表**/
.hli-twy .htw-imgz{display: block;width: 450px;height: 225px;float: left;margin-right: 20px;}
.hli-twy .htw-imgz img{width: 450px;height: 225px;overflow: hidden;border-radius: 30px;box-shadow: 0px 2px 10px #ccc;}
.hli-twy .htw-texty{width: 712px;float: left;margin-left: 17px;}
.hli-twy .htw-texty h2{display: block;height: 40px;line-height: 60px;font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 500;}
/*.hli-twy .htw-texty p{padding: 20px 0;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;line-height: 26px;font-size: 14px; color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;max-height: 65px;}*/


.hli-twy .htw-texty > p {
    width: 100%;
    max-height: 110px;
    overflow-y: scroll;
    font-size: 14px;
	color: #999;
    line-height: 26px;
	margin: 20px 0;
}

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




.hli-twy .htw-texty h6{height: 44px;line-height: 44px; text-align: right;color: #999;font-size: 16px;font-weight: normal;padding-right: 10px;}
.hli-twy .htw-texty h6 strong{color: #00c07b;}
.hli-twe{margin-top: 20px;border-top: 1px #eee solid;margin-bottom: 30px;}
.hli-twe li{width: 29.33%;float: left;padding: 1.9%;border-right: 1px #eee solid;border-bottom: 1px #eee solid;}
.hli-twe li:nth-child(3n+3){border-right: 0;}
.hli-twe li .hte-zbt{width: 100px;float: left; margin-right: 20px;}
.hli-twe li .hte-zbt img{width: 100px;height: 100px;overflow: hidden;border-radius: 20px;}
.hli-twe li .hte-ybw{width: 225px;float: left;}
.hli-twe li .hte-ybw h3{width: 120px;height: 36px;line-height: 36px;font-size: 18px;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: 500;}
.hli-twe li .hte-ybw p{color: #999;font-size: 14px;}
.hli-twe li .hybw-bt p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 50%;}
.hli-twe li .hybw-bt{position: relative;}
.hli-twe li .hjlb-btn{position: absolute;right: 0; top: 10px;width: 100px;height: 40px;line-height: 40px;text-align: center;color: #fff;background: #00c777;font-size: 16px;border-radius: 4px;}
.hli-twe li .hjlb-btn:hover{background: #00a76b;}
.hli-twe li .hte-ybw .hdb-wz{line-height: 20px;font-size: 14px; color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-top: 15px;}

/**搜索页面**/
.soustit{height: 50px;line-height: 50px;border-bottom: 1px #eee solid;margin: 0 20px;}
.soustit li{float: left;padding: 0 30px;font-size: 16px;font-weight: bold;}
.soustit li a:hover,.soustit li.on a{color: #FE8900;border-bottom: 3px #FE8900 solid;}
.sousyx h2{font-size: 18px;line-height: 30px;font-weight: normal;margin: 10px 20px 0px 20px;}
.sousyx h2 i,.souslb h2 i{color: #ff0000;font-weight: bold;}
.souslb h2{font-size: 18px;font-weight: normal;margin-top: 20px;}
.ssyxmore{height: 30px;margin-bottom: 10px;line-height: 30px;text-align: center;margin-top: 10px;}
.ssyxmore a{display: inline-block;width: 30%;background: #eee;font-size: 15px;border-radius: 4px;}
.ssyxmore a:hover{background: #FE8900;color: #fff;}
.soustj{margin: 20px 20px 0 20px;color: #999;font-size: 14px;}
.soustj em{color: #ff0000;}
.sousyx .yxklinr{margin: 20px 20px 0px 20px;}
.sousyx .yxklinr li:nth-child(3){margin-right: 15px;}
.sousyx .yxklinr li{width: 372px;}
.souslb h2{margin: 0 20px;}



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


/***最新游戏***/
.newrybox .title{text-indent: 10px;}
.wrbap{margin: 0 auto;width: 1200px; margin-top: 20px;border: 1px #ddd solid;box-sizing: border-box;}
.newrybox ul{margin-top: 20px;}
.newrybox li{width: 350px;float: left;margin-right: 50px;margin-bottom: 20px;margin-left: 12px;}
.newrybox li:nth-child(3n){margin-right: 0;}
.newrybox li img{width: 80px;height: 80px;float: left;border-radius: 16px;margin-right: 15px;}
.newrybox li dl{width: 50%;float: left;}
.newrybox li dt{font-size: 16px;height: 28px;line-height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newrybox li dd.pf{display: block;width: 73px;height: 12px;background: url(../images/pf.png) no-repeat;position: relative;margin-top: 5px;}
.newrybox li dd.pf i{position: absolute;left: 0;top: 0;background: url(../images/pfh.png) no-repeat;height: 12px;display: block;}
.newrybox li dd.txt{color: #969799;font-size: 12px;margin-top: 11px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newrybox li dd.txt span{margin-right: 10px;}
.newrybox li .btn{float: right;width: 72px;height: 30px;line-height: 30px;text-align: center;margin-top: 25px; border: 1px #bfdfff solid;color: #0080ff;box-sizing: border-box;border-radius: 30px;}
.newrybox li .btn:hover{background: #0080ff;border-color: #0080ff;color: #fff;}


/***游戏合集***/
.hejibox .title{text-indent: 10px;}
.hejibox ul { width: 100%; margin-top: 20px;}
.hejibox li {
  float:left;
  width:211px;
  margin-left: 10px;
  height:120px;
  margin-right:20px;
  border-radius:5px;
  overflow:hidden;
  position:relative;
  margin-bottom: 10px;
 }
 .hejibox li:nth-child(5n){
  margin-right: 0;
 }
 .hejibox ul li img {
  width:100%;
  height:100%;
  overflow: hidden;
  object-fit: cover;
 }
 .hejibox ul li span {
  display:block;
  position:absolute;
  width:224px;
  height:26px;
  line-height:26px;
  left:0;
  bottom:0;
  background:rgba(0,0,0,.6);
  text-align:center;
  color:#fafafa;
  transition:all .1s linear;
 }




 /***游戏资讯***/
.newbox .title{text-indent: 10px;}
.newbox ul{margin-top: 20px;}
.newbox ul li{width:370px;margin:0px 20px 0 0;float:left;margin-left: 12px;margin-bottom:10px;}
.newbox ul li:nth-child(3n){margin-right: 0;}
.newbox ul li p,.newbox ul li img{display:block;}
.newbox ul li .game_img{margin-bottom:10px;}
.newbox ul li .game_img img{border-radius:5px;width: 100%;height: 130px;overflow: hidden;object-fit: cover;}
.newbox ul li .text{margin-top: 10px;}
.newbox ul li .text p{height:24px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newbox ul li .text p a{display: inline-block;max-width: 80%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newbox ul li .text i{display:inline-block;width:4px;height:4px;border-radius:4px;background:#c6c6c6;margin-right:10px;position:relative;top:-2px;}
.newbox ul li .text p span{float: right;color: #999;}


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

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




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


/***热单新闻***/
.inarea{width: 1200px;background: #fff;margin: 0px auto;display: block;overflow: hidden;padding: 20px; box-sizing: border-box;}
.inarea-l{ width: 620px; float: left;}
.inarea-r{width: 512px;float: right;}
.syjdt{width: 620px; height:475px; overflow: hidden;}
.rdhd{ width: 620px; margin-top: 20px;}
.rdhd-dt{ width: 100%; height: 175px; }
.rdhd-dt li{width: 295px;float: left;margin-right: 30px;position: relative;}
.rdhd-dt li:last-child{ margin-right:0px;}
.rdhd-dt li img{ width: 295px; height: 140px;}
.rdhd-dt li p{line-height: 35px;text-align: center;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}




.jrrd{ width: 100%;}
.jrrd_b{ width: 100%; height: 41px; background: #f9f9f9;margin-bottom: 10px;}
.jrrd_b p{display: inline-block;height: 51px;position: relative;background: url(../images/inico.png) no-repeat 0px -112px;width: 114px;color: #fff;font-size: 18px;font-weight: bold;text-align: center;line-height: 41px;}



.tj_z{ text-align: center;padding: 10px 0 20px 0;}
.tj_z h1{ font-size: 22px; margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 20px;box-sizing: border-box;}
.tj_z h1 a{color: #ff5500;}
.tj_z p{font-size: 14px; color: #888;height: 20px;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 20px;box-sizing: border-box;}
.tj_z p a{color: #888; margin: 0 10px;}

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




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

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



/*404开始*/
.xynot{text-align:center;margin:200px auto;width:594px;}
.xynot a.link{text-shadow:0px 1px 2px white;font-weight:600;color:#33acff;font-size:24px;}
.xynot h6{font-size:24px;color:#B7AEB4;text-shadow:0px 1px 2px white;-webkit-transition:opacity 0.5s ease-in-out;-moz-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;}
.xynot img{-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out;height:202px;width:199px;}
.xynot p{font-size:24px;color:#B7AEB4;text-shadow:0px 1px 2px white;font-weight:normal;font-weight:200;-webkit-transition:opacity 0.5s ease-in-out;-moz-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;}
.xynot img,.xynot h6,.xynot p{opacity:1;}
.xynot p a{color: #ff6600;}






/*关于我们开始*/
.xytact_l{ width: 208px;
  _height: 750px;
  min-height: 750px;
  float: left;
  background: #eee;
  border-radius: 12px 0 0 12px;
  box-shadow: 0px 4px 24px 0px rgba(209, 204, 255, 0.12);
}
  .xytact_l a{
    display: block;
    width: 100%;
    height: 50px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    color: #323232;
  }
.xytact_l a:hover,.xytact_l a.on{
  color: #33acff;
  background: #fff;
}


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


.title2{
line-height: 50px;
height: 50px;
font-size: 20px;
border-bottom: 2px #eaeaea dashed;
}
.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;}


.xygm_zq{background: #fff;padding: 1px;width:300px ; float: right;}
.xygm_zq li{width: 88px;float: left;overflow: hidden;height: 107px;text-align: center;padding: 15px 0px 0px 0px;margin-right: 17px;display: inline-block;}
.xygm_zq img{width: 80px; height:80px; overflow: hidden;border-radius: 12%;display: block;margin: 0 auto;}
.xygm_zq strong{ text-align: center; display: inline-block; width: 78px; margin-top:8px;line-height: 16px; height: 16px; font-size: 14px; font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xygm_zq li:nth-child(3n){margin-right: 0px;}

.rmglb1ox {margin-top:410px;}





/****排行榜页面****/

.phb .position {margin-top: 0;}
.phb .curr{ background: #fff;}

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


.xyphpb{width: 100%;padding:20px 20px 10px 20px;box-sizing: border-box;background: #fff;box-shadow: 0 0 10px #cccccc; }
.xyphpb li{
  width: 198px;
  height: 38px;
  float: left;
  margin-left: 14px;
  margin-right: 18px;
  border: 1px solid #40a1ff;
  margin-bottom: 16px;
  border-radius: 8px;
}
.xyphpb 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;
}
.xyphpb ul li:hover,.xyphpb ul li.on{
  background-color: #40a1ff;
  
}
.xyphpb ul li:hover a,.xyphpb ul li.on a{
  color: #fff !important;
  
}

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

.xyphpb ul li:nth-child(3):hover,.xyphpb ul li:nth-child(3).active{
  background: #4ebb81 !important;
}
.xyphpb ul li:nth-child(4):hover,.xyphpb ul li:nth-child(4).active{
  background: #ff9e40 !important;
}
.xyphpb ul li:nth-child(5):hover,.xyphpb ul li:nth-child(5).active{
  background: #56bbd1 !important;
}
.xyphpb ul li:nth-child(6):hover,.xyphpb 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: #e2e2e2 1px solid;background: #f8f8f8; 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;}
.xygmx_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;}



.phbnr .xyphpn .praise{width:150px;position: absolute;right: 82px;top: 186px;height: 30px;margin: 0px auto;background: none;text-align: center;}
.phbnr .xyphpn #praise{float: none;width: 20px;height: 20px;display: inline-block;vertical-align: top;display: inline-block;}
.phbnr .xyphpn .praise img{width: 20px !important;height: 20px;}
.phbnr .xyphpn #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: 1780px;overflow: hidden;}
.phbnr ul.show{ height: auto;}




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



  .xyphpn li{width: 100%;
    padding: 20px 0;
    position: relative;
    background: #fff;height: 138px;}

.xyphpn li em.xh{
    position: absolute;
    width: 31px;
    height: 31px;
    background: #D8D8D8;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 31px;
    top: 50%;
    margin-top: -15.5px;
    left: 0;
    border-radius: 50px;
}
.xyphpn li .img{
    display: block;
    float: left;
    width: 138px;
    height: 138px;
    border-radius: 15px;
    overflow: hidden;
    margin-left: 65px;
}
.xyphpn li .info{
    width: 960px;
    float: left;
    margin-left: 20px;
    position: relative;
}
.xyphpn li .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;
}
.xyphpn li .tit{
    display: block;
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    margin-top: 10px;
    margin-bottom: 18px;

}
.xyphpn li .tit a:first-child{display: inline-block;
max-width: 60%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xyphpn li a.zq{display: block;
  width: 110px;
  height: 40px;
  color: #fff;
  background:#ff6460;
  font-size: 16px;
  position: absolute;
  right: 0px;
  top:94px;
  text-align: center;
  line-height: 40px;
  border-radius: 5px;}
  .xyphpn li a.zq:hover{
    border: 1px #ff6460 solid;
    background: #fff;
    color: #ff6460;
  }

.xyphpn li .type {
    color: #999999;
    font-size: 14px;
    margin-bottom: 10px;
    max-width: 300px;
}
.xyphpn li .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;
}
.xyphpn li .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;
}
.xyphpn li .type span{
    margin-right: 20px;
}
.xyphpn li .com{
    height: 52px;
    line-height: 26px;
    font-size: 14px;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.xyphpn li .load-btn{
    display: block;
    width: 110px;
    height: 40px;
    color: #fff;
    background: #40a1ff;
    font-size: 16px;
    position: absolute;

    right: 0px;
    top:44px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
}
.xyphpn li .d-img-box{
    width: 264px;
    height: 150px;
    position: relative;
    float: right;
    overflow: hidden;
}
.xyphpn li .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);
}
.xyphpn li .a-dimg{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: url(../images/img-bg.png) repeat 0 0;
}
.xyphpn li .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;
}
.xyphpn li .a-dimg:hover img,.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);
}
.xyphpn:nth-child(1) li:nth-child(1) em.xh{
    background: url(../images/tips-icon.png) no-repeat 0 0;
}
.xyphpn:nth-child(1) li:nth-child(2) em.xh{
    background: url(../images/tips-icon.png) no-repeat 0 -44px;
}
.xyphpn:nth-child(1) li:nth-child(3) em.xh{
    background: url(../images/tips-icon.png) no-repeat 0 -88px;
}

.xyphpn .load-btn{
    background: #ff6460;
}
.load-btn:hover{
    border: 1px solid #40a1ff;
    color: #40a1ff !important;
    background: #fff !important;
}
.xyphpn .load-btn:hover{
    border: 1px solid #40a1ff;
    color: #40a1ff !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;}

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

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

.position{font-size: 14px;color: #9b9b9b;height: 50px;line-height: 50px;padding-left:20px; 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;}




/* hjxq */
.coll_xsimg {
  width: 100%;
  height: 195px;
  position: relative;
  margin-bottom: 0px;
  padding: 0;
  background: #fff;
  overflow: hidden;
  z-index: 10;
}
.coll_xsimg img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 195px;
  z-index: 11;
  object-fit: cover;
}
.coll_xsimg .coll_jsny {
  width: 100%;
  height: 85px;
  padding: 8px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  bottom: 0px;
  z-index: 12;
  color: #fff;
  font-size: 15px;
}
.coll_xsimg .coll_jsny p {
  width: 100%;
  height: 66px;
  line-height: 25px;
}
.coll_xsimg .coll_jsny p marquee {
  width: 100%;
  height: 66px;
}
.coll_xbsj {
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #fff;
  padding: 10px 12px;
  box-sizing: border-box;
}
.coll_xbsj h1 {
  max-width: 100%;
  height: auto;
  line-height: 30px;
  z-index: 10005;
  color: #444;
  overflow: hidden;
  font-size: 16px;
}
.coll_htsj {
  position: relative;
  float: left;
  line-height: 26px;
  height: 26px;
  width: 100%;
  background-color: #fff;
  margin-top: 4px;
  color: #666;
}
.hxgyk {
  margin-right: 16px;
  background: url(../images/gyskico.png) 0 1px no-repeat;
  background-size: 18px 14px;
  padding-left: 22px;
}
.hjxtime {
  background: url(../images/colltime.png) 0 1px no-repeat;
  padding-left: 22px;
}


.coll_jsny botton {
    width: 1.4rem;
    position: absolute;
    right: 0;
    bottom: -2px;
    cursor: pointer;
    color: #FF6633;
    font-size: 0.28rem;
    text-align: right;
	font-weight: bold;	
	background-image: linear-gradient(to right,rgba(249,249,249,0.8),rgba(249,249,249,1));
}


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

    .hejBox{
       
      position: fixed;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%,-50%);
     transform: translate(-50%,-50%);
     z-index: 30;
     height: 280px;
     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: 90%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    }
	
    .hejBox .hjsq2{position: absolute;bottom:4.7rem;left: 92%;margin-left: -.4rem; text-align: center; background:url(../images/hjbtg.png) no-repeat;width:.8rem;height: .8rem;background-size: .8rem .8rem; border: 0; cursor: pointer;}
	
    .hejBox .siaoen{position: relative;width: 100%;height:35px;line-height: 60px;border-radius: 8px 8px 0 0; text-align: left;background: #fff; font-size: .34rem;text-align: center; color: #fff;padding: 0 15px;box-sizing: border-box;}
    
    .hjsMain{width: 100%;
      height: 230px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding:.3rem;
      overflow-y: scroll;
    }
    .hjsMain p{text-align: left;margin-bottom: .2rem;font-size: .28rem;}
    .hjsMain strong{font-size:.3rem;
      margin-bottom: .05rem;
      color: #000;
      text-align: left;
      font-weight: normal;
      border-top: 1px #eaeaea dashed;
      padding-top: .12rem;
      margin-top: .08rem;
    }



.gajjsw{margin: 40px 20px 40px 0px;border-top: 1px #eaeaea dashed;padding-top: 30px;}
.gajjsw_n{padding: 0px;color: #333;font-size: 14px;line-height: 28px;}
.gajjsw_bt{font-size: 18px;line-height: 45px;border-bottom: 1px solid #eee;position: relative;color: #f55555;margin-bottom: 20px;}
.gajjsw_bt:before{width: 80px;height: 2px;content: "";display: inline-block;background: #f55555;position: absolute;bottom: 0;}
.gajjsw_xx p{font-size: 14px;line-height: 28px;}

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



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

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

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

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

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


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



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

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




  
.osjwi{
    margin-bottom: 40px;
    padding: 0 0px;
  }
.osjwi ul{
  margin-top: 20px;
}
.osjwi li{
 width: 48%;
 float: left;
 margin-right: 2%;
 box-sizing: border-box;
 height: 34px;
 line-height: 32px;
 border: 1px dotted #ddd;
 padding-left: 10px;
 margin-bottom: 10px;
}
.osjwi li:nth-child(3n){
 margin-right: 2%;
}

.osjwi li em{
 display: inline-block;
 float: left;
 color: #808080;
}
.osjwi li span{
 float: left;
 display: inline-block;
 max-width: 80%;
 font-size: 13.5px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}
.osjwi li span a{color: #33acff;}

.osjwi li span.ckxqb{color: #33acff;cursor: pointer;}

.osjwi li span.ckxqb2{color: #33acff;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: #33acff;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;
}


/****排行榜页面****/
.wrapper{ width: 1200px; margin: 0 auto;}
.phb{ width: 100%; height: auto;}



.phb_lm a{display: block;width: 200px;float: left;line-height: 80px;text-align: center;color: #333;font-size: 18px;}
.phb_lm a:hover{background-color: #33acff;}

.phb_p3{ height: 40px; color: #666 !important;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


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


.xyph_nr li{width: 100%;
  padding: 20px 0;
  position: relative;
  background: #fff;height: 138px;}

.xyph_nr li em.xh{
  position: absolute;
  width: 31px;
  height: 31px;
  background: #D8D8D8;
  color: #fff;
  font-size: 18px;
  text-align: center;
  line-height: 31px;
  top: 50%;
  margin-top: -15.5px;
  left: 0;
  border-radius: 50px;
}
.xyph_nr li .img{
  display: block;
  float: left;
  width: 138px;
  height: 138px;
  border-radius: 15px;
  overflow: hidden;
  margin-left: 65px;
}
.xyph_nr li .info{
  width: 760px;
  float: left;
  margin-left: 20px;
  position: relative;
}
.xyph_nr li .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;
}
.xyph_nr li .tit{
  display: block;
  font-size: 22px;
  font-weight: bold;
  color: #333333;
  margin-top: 10px;
  margin-bottom: 18px;

}
.xyph_nr li .tit a:first-child{display: inline-block;
max-width: 60%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


.xyph_nr li .type {
  color: #999999;
  font-size: 14px;
  margin-bottom: 10px;
  max-width: 300px;
}
.xyph_nr li .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;
}
.xyph_nr li .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;
}
.xyph_nr li .type span{
  margin-right: 20px;
}
.xyph_nr li .com{
  height: 52px;
  line-height: 26px;
  font-size: 14px;
  color: #999999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.xyph_nr li .load-btn{
  display: block;
  width: 110px;
  height: 40px;
  color: #fff;
  background: #40a1ff;
  font-size: 16px;
  position: absolute;
  right: 0px;
  top:69px;
  text-align: center;
  line-height: 40px;
  border-radius: 5px;
}
.xyph_nr li .d-img-box{
  width: 264px;
  height: 150px;
  position: relative;
  float: right;
  overflow: hidden;
}
.xyph_nr li .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);
}
.xyph_nr li .a-dimg{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: url(../images/img-bg.png) repeat 0 0;
}
.xyph_nr li .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;
}
.xyph_nr li .a-dimg:hover img,.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);
}
.xyph_nr:nth-child(1) li:nth-child(1) em.xh{
  background: url(../images/tips-icon.png) no-repeat 0 0;
}
.xyph_nr:nth-child(1) li:nth-child(2) em.xh{
  background: url(../images/tips-icon.png) no-repeat 0 -44px;
}
.xyph_nr:nth-child(1) li:nth-child(3) em.xh{
  background: url(../images/tips-icon.png) no-repeat 0 -88px;
}

.xyph_nr .load-btn{
  background: #ff6460;
}
.load-btn:hover{
  border: 1px solid #40a1ff;
  color: #40a1ff !important;
  background: #fff !important;
}
.xyph_nr .load-btn:hover{
  border: 1px solid #40a1ff;
  color: #40a1ff !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;
}


.xyphbox{position:relative;}

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

.phb_lm{width: 100%;
  padding: 0px;
  box-sizing: border-box;
  background: #fff;height: 60px;font-size: 18px;line-height: 60px;padding-left: 20px;box-shadow: 0 0 10px #cccccc;}
.xyphbox-bt{position:absolute;overflow:hidden;top: -70px;right: 10px;}

.rjpm_b li{
  width: 120px;
  height: 38px;
  float: left;
  margin-left: 14px;
  margin-right: 10px;
  border: 1px solid #40a1ff;
  margin-bottom: 16px;
  border-radius: 8px;
  cursor: pointer;
}
.rjpm_b ul li i{
  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;
}
.rjpm_b ul li:hover,.rjpm_b ul li.m-hover{
  background-color: #40a1ff;
  
}
.rjpm_b ul li:hover i,.rjpm_b ul li.m-hover i{
  color: #fff !important;
  
}

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

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







.xyphbox-box{width: 100%;
  height: auto;
  box-sizing: border-box;
margin-top: 20px;}
.g-spftware-list1{position:relative;width: 100%;}
span.u-title-more{ top:-44px; right:-310px;}


.gnretext h3{display: block;
  color: #00c07b;
  font-size: larger;
  font-weight: bold;
  border-bottom: 1px solid #eaeaea;
  padding: 5px 0px;
  margin-bottom: 5px;text-indent: 0;}



.xqnrbox h3{display: block;
  color: #00c07b;
  font-size: larger;
  font-weight: bold;
  border-bottom: 1px solid #eaeaea;
  padding: 5px 0px;
  margin-bottom: 5px;text-indent: 0;}




/* 基础表格样式 */
.xqnrbox table {
  width: 100%;
  border-collapse: collapse;
  font-family: system-ui, -apple-system, sans-serif;
  margin: 1rem 0;
}

.xqnrbox tbody td {
  padding: 12px 16px;
  border: 1px solid #e0e0e0;
  font-size: 0.95em;
}

.xqnrbox tbody tr {
  transition: background-color 0.2s ease;
}

.xqnrbox tbody tr:hover {
  background-color: #f8f9fa;
}

.xqnrbox tbody tr:not(:last-child) td {
  border-bottom-width: 1px;
}

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

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