body{font-size:12px;font-family: "Microsoft YaHei";background:#eaeaea;}
body,html,a,img,div,form,select,input,ul,ol,ul,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,label,em,span{margin:0;padding:0}
a{color:#444;text-decoration:none;cursor:pointer}
a:hover{color:#de371c;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;}
.wid{width:1200px ;margin: 0 auto;}

/*头部*/
.f-top{width: 100%;background: #424242;height: 30px;line-height: 30px;}
.f-top-zb{float: left; color: #fff;}
.f-top-yb{float: right;}
.f-top-yb a{display: inline-block;color: #fff;margin: 0 5px;border-right: 1px #fff solid;height: 15px;line-height: 15px;padding-right: 10px;}
.f-top-yb a:hover{color: #ffec08;}
.f-top-yb a:last-of-type{border-right: none;padding-right: 0;}

/*logo*/
.f-logo{width:100%; height:90px; padding:8px 0 0; background:#fff; border-bottom:1px solid #dedede;}
.f-logo-zb{float: left;margin-right: 80px;}
.f-logo-zb img{width: 200px;margin-top: 10px;}
.f-gg-zj{ float: left;width: 580px;height: 70px;overflow: hidden;margin-top: 7px;}
.f-gg-zj img{width: 580px;height: 70px;overflow: hidden;}
.f-ss-yb{float: right;width: 260px;}
.s-inpt{width: 210px;float: left;border: 1px #ddd solid;box-sizing: border-box; height: 32px;line-height: 32px;margin-top: 30px; text-indent: 10px;}
.s-btn{width: 50px;float: left;border: 1px #3171b7 solid;box-sizing: border-box; height: 32px;line-height: 32px;margin-top: 30px;background: #3171b7;color: #fff;}

/*导航*/
.f-nav{width:100%; height:45px; line-height:45px; background-color:#c50001; box-shadow: 0px 4px 4px #d0d0d0;}
.f-nav li{font-size: 18px;padding: 0 30px;display: inline-block;float: left;}
.f-nav li a{color: #fff;}
.f-nav li:hover,.f-nav .n-on{background-color: #a20001;}

/*热门tab切换*/
.f-hotgame{background: #fff;margin-top: 20px;box-shadow: 0px 1px 3px #ccc;}
.f-hot-tit{height: 50px;border-bottom: 1px solid #efefef; margin-bottom:15px; padding: 0px 20px;}
.f-hot-tit li{float: left;font-size: 18px;color: #333;font-weight: bold;height: 50px;line-height: 50px; cursor: pointer;background: url(../images/tabtitr.png) no-repeat 94px center;padding-right: 40px; position: relative;}
.f-hot-tit li.thistab a{ color: #a20001; }
.f-hot-tit li.thistab i{background: url(../images/tabtit_hov.png) no-repeat;}
.f-hot-tit li i {position: absolute;width: 14px;height: 7px;display: block;bottom: -7px;left:35px;}
.f-hot-tit li:last-of-type{background: none;}
.f-hot-cont dl{padding: 0 20px 2px 20px;}
.f-hot-cont dd{width: 100%;height: 24px;line-height: 24px;color: #dee0e7;margin-bottom: 12px;overflow: hidden;white-space:nowrap;}
.f-hot-cont dd a{font-size:14px;margin: 0 0px 0 10px;color: #444;height: 14px;line-height: 12px;border-right: 1px #ddd solid;padding-right: 10px;display: inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: 100px;}
.f-hot-cont dd span{display: inline-block;width: 60px;height: 24px; color: #f4f4f5;font-size:14px;background-color: #0091ff;text-align: center;border-radius: 12px;margin-right: 6px;line-height: 24px;}
.f-hot-cont dd a:last-of-type{border-right: none;}

/*焦点图*/
.f-scr-cont{margin-top: 20px;}
.f-csrzb{ height: 300px; width: 420px; float: left; position: relative;margin-right: 20px;box-shadow: 0px 1px 3px #ccc;}
.f-csrzb .j-scroll{ height: 30px;}
.f-csrzb .j-scroll img{ width: 420px; height: 300px;overflow: hidden;}
.f-csrzb .focus-slide .bd li a{display: block;position: relative;overflow: hidden;}
.f-csrzb .news-pop-title{position: absolute;left: 0;right: 0;bottom: 0;padding: 0 120px 0px 15px;background: rgba(0,0,0,.5);color: #fff;line-height: 40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 15px;text-align:left}
.f-csrzb .slide-dot {position: absolute;right: 8px;bottom:14px;text-align: right;}
.f-csrzb .slide-dot li{display: inline-block;width:12px;height: 12px;cursor: pointer;background: #fff;overflow: hidden;line-height: 1111px;margin: 0 5px 0px 0px;border-radius: 6px;}
.f-csrzb .slide-dot li.on{background: #ffec08;width: 12px;}
.f-scrzj{width: 380px;float: left;background: #fff;box-shadow: 0px 1px 3px #ccc; height: 280px;padding: 10px 20px;}
.f-scrzj dt{font-size: 20px;font-weight: bold;line-height: 50px;}
.f-scrzj dt,.f-scrzj dd a{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.f-scrzj dd{line-height: 20px;font-size: 14px;margin-top: 5px;}
.f-scrzj dd i{display: inline-block;background: #eee;padding: 0 10px;line-height: 20px;border-radius: 30px;float: left;margin-right: 10px;color: #888;}
.f-scrzj dd a{display: inline-block;max-width: 84%;}
.f-scryb{width: 320px;float: right;background: #fff;box-shadow: 0px 1px 3px #ccc; height: 300px;}
.f-scryb dt{line-height: 45px;border-top: solid 2px #c01639;font-size: 16px;border-bottom: 1px #eee solid;text-indent: 15px;margin-bottom: 5px;}
.f-scryb dd{padding: 0 15px; line-height: 30px;font-size: 14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*游戏推荐*/
.f-yxtj-cont{margin-top: 20px;height: 200px;background: #fff;box-shadow: 0px 1px 3px #ccc;position: relative;padding: 0 20px;}
.f-titgy{line-height: 50px;border-bottom: 1px #ddd solid;font-size: 16px;}
.f-titgy a{float: right;color: #999;font-size: 14px;}
#four_flash{width:100%;height:118px;position: relative; margin-top: 20px;}
#four_flash .flashBg{width:1105px;height:118px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:118px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{ width: 88px; height:118px; margin-right:25px;overflow:hidden; position:relative; float:left;}
#four_flash .flashBg ul.mobile li img{width: 88px;overflow: hidden; height: 88px;position:absolute; left:0; top:0; z-index:10;}
#four_flash .flashBg ul.mobile li p{z-index: 999; width:100%; display: inline-block;white-space: nowrap;text-overflow: ellipsis; font-size: 15px; text-align: center;height: 30px;line-height: 30px;overflow: hidden;color: #444;position: absolute;bottom: 0;left: 0;}
#four_flash .but_left{width:30px;height:60px;position:absolute; top:29px; left:-20px;background: #e6e6e6;cursor: pointer;border-radius: 0 6px 6px 0px;}
#four_flash .but_right{width:30px;height:60px; position:absolute; top:29px; right:-20px;background: #e6e6e6;cursor: pointer;border-radius: 6px 0px 0px 6px;}
#four_flash .but_left i,#four_flash .but_right i{ display: inline-block; width: 10px; height: 17px; margin: 22px 0px 0px 10px;}
#four_flash .but_left i{background:url(../images/yxtjicoz.png) no-repeat;background-size: 10px 17px;}
#four_flash .but_right i{background:url(../images/yxtjicoy.png) no-repeat;background-size: 10px 17px;}
#four_flash .but_left:hover,#four_flash .but_right:hover{ background: #3171b7;}

/*资讯*/
.f-zx-cont{margin-top: 20px;background: #fff;box-shadow: 0px 1px 3px #ccc;padding-top: 10px;}
.f-zx-cont dl{width: 380px;float: left;margin-left:20px;margin-bottom: 20px;}
.f-zx-cont dt{line-height: 40px;border-bottom: 1px #ddd solid;max-width: 90%;font-size: 16px;margin-bottom: 8px;}
.f-zx-cont dt a{color: #999;float: right;font-size: 14px;}
.f-zx-cont dd{height: 32px;font-size: 14px;max-width: 90%;}
.f-zx-cont dd::before{content: ""; width: 6px;height: 9px;float: left;display: block; background: url(../images/point1.png) no-repeat;margin:12px 8px 0px 0px;}
.f-zx-cont dd a{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;display: inline-block;line-height: 32px;max-width: 77%;}
.f-zx-cont dd span{float: right;color: #999;font-size: 12px;display: inline-block;line-height: 32px;}

/*游戏推荐*/
.f-yxwz-cont{margin-top: 20px;background: #fff;box-shadow: 0px 1px 3px #ccc;padding: 0 20px;position: relative;}
.f-yxwz-tit{position: absolute;right: 300px;top: 10px;min-width: 206px; line-height: 39px;}
.f-yxwz-tit li{float: left;text-align: center;padding: 0 18px;margin-right: 20px;font-size: 15px;}
.f-yxwz-tit li.thistab{ border-bottom:2px #0091ff solid;}
.f-yxwz-tit li.thistab a{color: #0091ff;}
.f-yxwz-text{padding: 10px 0;}
.f-yxwz-text dd{float: left; width: 165px;font-size: 14px;height: 40px;}
.f-yxwz-text dd a{max-width: 80%;display: inline-block;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;line-height: 40px;}
.f-yxwz-text dd i{width: 24px;height: 24px;margin-right: 8px;vertical-align: middle;display: inline-block;}
.f-yxwz-text dd img{width: 24px;height: 24px;border-radius: 3px;overflow:hidden ;}

/*tag标签*/
.f-tag-cont{margin-top: 20px;background: #fff;box-shadow: 0px 1px 3px #ccc;padding: 0 20px;}
.f-tag-label{padding: 10px 0;}
.f-tag-label li{width: 80px;float: left;font-size: 14px;background: #f6f6f6; border-radius: 30px;line-height: 30px;margin-right: 16px;margin-bottom: 10px;text-align: center;padding: 0 5px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.f-tag-label li:nth-child(11n+11){margin-right: 0;}
.f-tag-label li:hover{ background: #0091ff;}
.f-tag-label li:hover a{color: #fff;}

/*友情链接*/
.f-link-cont{margin-top: 20px;background: #fff;box-shadow: 0px 1px 3px #ccc;padding: 0 20px;}
.f-link-text{padding: 10px 0;}
.f-link-text li{float: left;margin: 0 10px;font-size: 14px;line-height: 34px;}

/*版权*/
.f-foot{background-color: #fff; box-shadow: 0px 1px 3px #ccc;height: 70px;margin-top: 20px;text-align: center;color: #999;padding-top: 20px;line-height: 30px;font-family: "宋体";}
.f-foot a{color: #999;}

/*游戏资讯页面*/
.f-xwzb{width: 858px;float: left;}
.f-dqwz{line-height: 42px;height: 42px;font-size: 14px;color: #2a2a2a;}
.f-new-zb{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;padding: 20px;}
.f-new-tit{max-height: 100px;border-bottom: 1px solid #efefef; margin-bottom:15px; padding: 0px 20px;overflow: hidden;}
.f-new-tit li{float: left;font-size: 18px;color: #333;font-weight: bold;height: 50px;line-height: 50px; cursor: pointer;background: url(../images/tabtitr.png) no-repeat 94px center;padding-right: 60px; position: relative;width: 16.6%;box-sizing: border-box;overflow: hidden;padding-right:40px;}
.f-new-tit li.on a{ color: #a20001; }
.f-newzb-text li{border-bottom:1px dashed #d3d3d3;padding: 10px 10px 20px 10px;}
.f-newzb-text li:hover{background: #e5f4ff;}
.f-newzb-text h3{font-size: 18px;line-height: 36px;height: 36px;max-width: 60%;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.f-newzb-text p.p-n-xxsm{font-size: 15px; color: #999; height: 50px; line-height: 26px; overflow: hidden; margin: 10px 0 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.f-newzb-text p.p-n-time{line-height: 24px;color: #aeaeae;height: 24px;}
.f-newzb-text p.p-n-time span{max-width: 400px;height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;float: left;}
.f-newzb-text p.p-n-time a{color: #aeaeae;padding-right: 8px;}
.f-newzb-text p.p-n-time a:hover{color: #a20001;}
.f-newzb-text p.p-n-time i{float: right;display: inline-block;}

.f-fy-cont{width: 100%;margin-top: 20px;text-align: center;height: 35px;}
.f-fy-cont li{display: inline-block;width: auto !important;height: 32px !important;padding: 0 !important;margin: 0 2px!important;float: none !important;border-radius: 0 !important;border: none !important;}
.f-fy-cont li a,.f-fy-cont li span{padding:0px 12px;border:solid 1px #DEDEDE;text-decoration:none; display:inline-block; line-height:30px;color:#515151;}
.f-fy-cont li a:hover{color:#e54c3d}
.f-fy-cont li .f-fyon,.f-fy-cont li.active a,.f-fy-cont li.active span{border: none;padding: 0px 5px;}

.f-xwzb .f-yxwz-cont dd{width: 161px;}
.f-xwzb .f-yxwz-tit{right: 200px;}

.f-new-yb{ width: 326px;float: right;}
.f-nrmzx-cont{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;padding: 1px 0 10px 0; margin-bottom: 20px;}
.f-nrmzx-cont dt,.f-ntag-cont dt{height: 24px;  padding:0 20px; border-left: 4px #3171b7 solid ; margin:18px 0 15px; font-size: 18px;}
.f-nrmzx-cont dd{ border-left: 1px #f5f5f5 solid; margin: 0 20px; padding-left: 20px;position: relative; }
.f-nrmzx-cont dd i{ width: 7px; height: 7px; position:absolute;left: -4px ;top:13px; background:#aaa; z-index: 10;border-radius: 30px;}
.f-nrmzx-cont dd a{ height: 32px; line-height: 32px; font-size: 14px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;max-width:100%;display: inline-block;}
.f-ntag-cont{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;padding: 1px 0 0px 0;}
.f-ntag-cont dd{padding: 0 20px;}
.f-ntag-cont dd a{float: left;width:81px;height: 40px;text-align:center;line-height: 40px;margin: 0px 21px 20px 0;overflow:hidden;background: #f6f6f6;border-radius: 12px 4px 12px 4px;box-sizing: border-box;padding: 0 8px;}
.f-ntag-cont dd a:nth-child(3n+3){margin-right: 0;}
.f-ntag-cont dd a:hover{background: #0091ff;color: #fff;}

/*文章页面*/
.f-xqbt{padding: 16px 0;text-align:center;border-bottom:1px solid #d9d9d9;}
.f-xqbt h1{display:block;line-height:40px;font-size:24px;color: #444;font-weight:700;margin-bottom: 16px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.f-xqbt p{color: #ababab;font-size: 14px;}
.f-xqbt p span{max-width: 300px;margin:0 20px;overflow:hidden;white-space:nowrap;}
.f-xqnr{font-size:16px;color:#666;line-height:30px;padding: 15px 0;text-indent: 2em;}
.f-xqnr img{ width: 600px;overflow: hidden;margin: 10px 0 10px 0px;}
.f-nxqfy-cont{width: 814px; height: 42px;border: 1px solid #3171b7;background-color: #f2f9ff;overflow: hidden;margin: 15px 0 14px 0;padding-left: 10px;}
.f-nxqfy-cont span{display: inline-block;width: 50%;float: left; line-height: 42px;font-size: 14px;}
.f-nxqfy-cont span i{display: inline-block;float: left;}
.f-nxqfy-cont span a{max-width: 80%;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
.tagwzxq{width: 100%;height: 26px;margin-top: 15px;overflow: hidden;text-indent: 0;line-height: 26px;}
.tagwzxq a{display: inline-block;margin: 0 5px;padding: 0 8px;height: 22px;line-height: 22px;background:#f9f9f9;font-size: 12px;text-indent: 0;}
.tagwzxq a:hover{background:#f39800;color: #fff;}
.xgzxlist{background-color: #fff;box-shadow: 0px 0px 2px #cfcfcf;padding: 1px 20px 20px 20px;margin-top: 20px;}
.xgzxlist .rigtit{height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#00aaff; border-left:3px solid #00aaff; background:#fafafa; text-indent:14px; display:block; overflow:hidden;margin-top: 20px;}
.xgzxlist .xgzxcont{ margin: 0px 20px 0px 20px;}
.xgzxlist .xgzxcont ul{ width: 50%; float: left;}
.xgzxlist .xgzxcont li{ line-height: 32px; font-size: 14px; max-width: 80%;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

/*tag页面*/
.f-tagym-cont{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;padding-bottom: 20px;}
.f-tagtit{border-bottom: 1px #eee solid;height: 46px;line-height: 46px; text-indent: 20px;font-size: 16px;}
.f-tagnrli{padding: 20px 20px 0px 20px;margin-bottom: 10px;}
.f-tagnrli li{float: left;width: 86px;margin: 0px 21px 10px 0;}
.f-tagnrli li a{width:100%;height: 40px;text-align:center;line-height: 40px;overflow:hidden;background: #f6f6f6;border-radius: 12px 4px 12px 4px;box-sizing: border-box;padding: 0 8px;display: inline-block;}
.f-tagnrli li:nth-child(11n+11){margin-right: 0;}
.f-tagnrli li a:hover{background: #0091ff;color: #fff;}
.f-tagtext:last-of-type{margin-bottom: 0px;}
.f-tagtit a{float: right;font-size: 12px;color: #999;margin-right: 20px;}
.bqli1 ul{ overflow: hidden;height: 150px;}
.bqli1 .show{height: auto;}
.bqli1 .bqopen1,.bqli2 .bqopen2,.bqli3 .bqopen3{cursor: pointer;height: 30px;margin: 15px auto;line-height: 30px;cursor: pointer;font-size: 14px;text-align: center;width: 100px;color:#3171b7 ;background: url(../images/tagtit_hov.png) no-repeat right center;}
.bqli1 .bqopen1:hover,.bqli2 .bqopen2:hover,.bqli3 .bqopen3:hover{color:#3171b7 ;background: url(../images/tagtit_hov.png) no-repeat right center;}
.bqli1 .active,.bqli2 .active,.bqli3 .active{ color: #666;background: url(../images/tagtit_top.png) no-repeat right center;}
.bqli1 .active:hover,.bqli2 .active:hover,.bqli3 .active:hover{color:#3171b7 ;background: url(../images/tagtit_hovt.png) no-repeat right center;}
.bqli2 ul{ overflow: hidden;height: 150px;}
.bqli2 .show{height: auto;}
.bqli3 ul{ overflow: hidden;height: 150px;}
.bqli3 .show{height: auto;}

/*游戏推荐页面*/
.f-ymyx-cont{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;padding-bottom: 20px;}
.f-yxtjtit{border-bottom: 1px #eee solid;height: 46px;line-height: 46px; text-indent: 20px;font-size: 16px;}
.f-yxtjtext{padding: 20px 20px 0px 20px;}
.f-yxtjtext li{float: left;width: 86px;margin-right: 21px; margin-bottom: 15px;}
.f-yxtjtext li a{width:100%;height: 40px;text-align:center;line-height: 40px;overflow:hidden;background: #f6f6f6;border-radius: 12px 4px 12px 4px;box-sizing: border-box;padding: 0 8px;display: inline-block;}
.f-yxtjtext li:nth-child(11n+11){margin-right: 0;}
.f-yxtjtext li a:hover{background: #0091ff;color: #fff;}


/*合集页面*/
.f-yxhj-cont{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;padding-bottom: 20px;}
.f-yxhjtit{border-bottom: 1px #eee solid;height: 46px;line-height: 46px; text-indent: 20px;font-size: 16px;}
.f-yxhjcont{padding:10px 20px;}
.f-yxhjcont dl{height:160px;padding: 15px 0;}
.f-yxhjcont dt{width: 256px;height: 160px;overflow: hidden;float: left;}
.f-yxhjcont dt img{width: 256px;height: 160px;overflow: hidden;}
.f-yxhjcont dd{ width: 884px;float: right;position: relative;}
.f-yxhjcont dd h3{width: 100%; line-height: 36px;font-size: 20px;color: #222;}
.f-yxhjcont dd h3 a:first-of-type{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;width: 60%;}
.f-yxhjcont dd p{width:100%;font-size: 14px;color: #999;font-weight: normal;}
.f-yxhjcont dd ul{width: 100%;margin-top: 15px;}
.f-yxhjcont dd li{float: left;width: 70px;text-align: center;margin-right: 24px;}
.f-yxhjcont dd li img{width:66px;height: 66px;border-radius: 20px;overflow: hidden;}
.f-yxhjcont dd li p{ line-height: 24px;overflow: hidden; white-space: nowrap;}
.fhjmore{width: 16px;height: 18px;display: block;float: right;background: url(../images/hjgd.png) no-repeat;position: absolute;right: 65px;top: 25px;}


/*开服排行页面*/
.f-kfph-cont{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;}
.f-kflibt{background: #3171b7;color: #fff;}
.f-kfph-cont dt{ height: 44px;}
.f-kfph-cont dt ul{ height:46px;background-color: #3171b7;background-image: linear-gradient(#3171b7, #2461a5);}
.f-kfph-cont dt li{ line-height:44px; float: left; width: 14.28%; text-align: center; font-size: 16px;box-sizing: border-box; color: #fff;border-left: 1px #2666ac solid;}
.f-kfph-cont dt li:first-child{border-left: none;}
.f-kfph-cont dd ul{ border-right: 1px #000 solid; height: 33px;}
.f-kfph-cont dd{ border-bottom: 1px #000 solid;}
.f-kfph-cont dd li{ line-height: 32px; float: left; width: 14.28%; text-align: center; font-size: 14px;overflow: hidden;color:#333;text-overflow: ellipsis;white-space: nowrap; background: #ececee;border-top: 1px #000 solid;border-left: 1px #000 solid;box-sizing: border-box;padding:0px 10px}
.f-kfph-cont dd ul:hover li{ background: #00ccff;}
.f-kfph-cont dd ul:hover li a{ color: #333;}
.f-kfph-cont dd li:nth-child(1),.f-kfph-cont dd li:nth-child(2),.f-kfph-cont dt li:nth-child(1),.f-kfph-cont dt li:nth-child(2){ width: 300px;}
.f-kfph-cont dd li:nth-child(3),.f-kfph-cont dt li:nth-child(3){ width: 300px;}
.f-kfph-cont dd li:nth-child(4),.f-kfph-cont dd li:nth-child(6),.f-kfph-cont dt li:nth-child(4),.f-kfph-cont dt li:nth-child(6){ width: 299px;}
.f-kfph-cont dd li:nth-child(5),.f-kfph-cont dt li:nth-child(5){ width: 380px;}
.f-kfph-cont dd li:nth-child(7),.f-kfph-cont dt li:nth-child(7){ width: 110px;}
.f-kfph-cont dl:last-of-type dd li{background: #fff;}
.f-kfph-cont dl:last-of-type dd ul:hover li{ background: #00ccff;}
.kfphsm{line-height: 24px;margin-top: 20px;background: #fff;box-shadow: 0px 1px 3px #ccc;padding: 20px;}

/*网站地图页面*/
.f-wzdt-cont{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;padding: 20px;}
.f-wzdt-cont dl{width: 100%;margin-bottom: 16px;border-bottom: 1px #eee solid;padding-bottom: 20px;}
.f-wzdt-cont dt{font-size: 15px; line-height: 32px;}
.f-wzdt-cont dt a{color: #990000;font-weight: bold;}
.f-wzdt-cont dd{width: 100%;}
.f-wzdt-cont dd ul{width:100%;}
.f-wzdt-cont dd li{float: left;font-size: 14px;line-height: 32px;margin: 0 10px;}
.f-wzdt-cont dd li a{padding:0px 10px ;width:76px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: #f9f9f9;display: block;float: left;height: 20px;line-height: 20px;margin-bottom: 10px;text-align: center;}
.f-wzdt-cont dd li a:hover{background: #09f;color: #fff;}
.f-wzdt-cont dd .mapdk2{width: 100%;text-align: center;line-height: 40px;cursor: pointer;}
.f-wzdt-cont dd .mapdk2 a{color: #004466;}
.f-wzdt-cont dd.mapli2 ul{ overflow: hidden;height: 115px;}
.f-wzdt-cont dd.mapli2 ul.show{height: auto;}
.f-wzdt-cont dd .mapdk1,.f-wzdt-cont dd .mapdk2{cursor: pointer;height: 30px;margin: 5px auto;line-height: 30px;cursor: pointer;font-size: 14px;text-align: center;width: 80px;color:#3171b7 ;background: url(../images/tagtit_hov.png) no-repeat right center;}
.f-wzdt-cont dd .mapdk1:hover,.f-wzdt-cont dd .mapdk2:hover{color:#3171b7 ;background: url(../images/tagtit_hov.png) no-repeat right center;}
.f-wzdt-cont dd .active{ color: #666;background: url(../images/tagtit_top.png) no-repeat right center;}
.f-wzdt-cont dd .active:hover{color:#3171b7 ;background: url(../images/tagtit_hovt.png) no-repeat right center;}
.f-wzdt-cont dd.mapli1 ul{ overflow: hidden;height: 60px;}
.f-wzdt-cont dd.mapli1 ul.show{height: auto;}

/*游戏列表页面*/
.f-yxk-cont{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;padding-bottom: 20px;}
.f-yxkbt li{float:left; margin-right:20px; display:inline; cursor:pointer;font-size:14px;line-height: 28px;margin-bottom: 20px;text-align: center;height: 28px;}
.f-yxkbt li a{padding:0 10px;display: inline-block;background: #eee;width: 67px;border-radius: 4px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.f-yxkbt li.thistab a{background-color:#0091ff;color: #fff;} 
.f-yxkbt li a:hover{background-color:#0091ff;color: #fff;}
.f-yxk-tit{padding: 20px 0 0 20px;}
.f-yxk-tit ul{ overflow: hidden;height:80px;}
.f-yxk-tit .show{height: auto;}
.f-yxk-tit .bqopen{width: 100%;height:28px;line-height: 28px; text-align: center;background: url(../images/gameklizk.png) no-repeat center center;background-size:30px 18px;margin-top: 20px;}
.f-yxk-tit .active{background: url(../images/gameklisq.png) no-repeat center center;background-size:30px 18px;width: 100%;height:28px;margin-top: 10px;}
.f-yxklist{padding: 20px 20px 0px 20px;}
.f-yxklist dd{width:333px;float: left;margin: 0 20px 20px 0;box-shadow: 0 0 0 1px #eee;background: #fff;padding: 20px;position: relative;}
.f-yxklist dd:nth-child(3n+3){margin-right: 0px;}
.f-yxlbzb{width: 80px;float: left;margin-right: 20px;}
.f-yxlbzb img{width: 80px;height: 80px;overflow: hidden;border-radius: 20px;}
.f-yxlbzj{width: 180px;float: left;}
.f-yxlbzj h3{font-size: 18px;font-weight: normal;line-height: 30px;max-width: 60%;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.f-yxlbzj h6{width: 65px;height: 12px;display: block;position: relative;background: url(../images/yxkico2.png) repeat-x;margin-right: 15px;margin-top: 8px;}
.f-yxlbzj h6 i{width: 90%;height: 12px;position: absolute;left: 0;top: 0;background: url(../images/yxkico1.png) repeat-x;overflow: hidden;max-width: 65px;}
.f-yxlbzj p{line-height: 30px;color: #999;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.f-yxlbyb{border-radius:4px; position:absolute; top:50px; right:25px; display:block; width:60px; height:24px; line-height:24px; text-align:center;  letter-spacing:1px; border:1px solid #20aef0; overflow:hidden;}
.f-yxlbyb a{color:#09f;}
.f-yxlbyb:hover{background: #09f;}
.f-yxlbyb:hover a{color: #fff;}

/*游戏库页面*/
.f-yxkxq-zb{width: 858px;float: left;}
.f-yxsy-tit{position: relative;}
.all-btn{position: absolute;top: 12px;left:120px;}
.all-btn a{float: right;display: inline-block;font-size: 12px;padding: 0 15px;height: 24px;line-height: 24px;background: #00aaff;color: #fff !important;border-radius: 2px;margin-top: 0px; text-indent: 0px;}
.all-btn a:hover{color: #fff;}
.f-yxk-tit .f-yxsy-tit{margin-right: 32px;border-bottom: 1px #eee solid;margin-bottom: 20px;text-indent: 0px;}
.f-xqzbxz{padding: 20px;background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;}
.f-xzimg{width: 160px;float: left;margin-right: 30px;}
.f-xzimg img{width: 160px;height: 160px;overflow: hidden;border-radius: 30px;}
.f-label{width:420px;float: left;}
.f-label h1{font-size: 22px;line-height:26px;color: #333;margin-bottom: 5px;max-width: 80%;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.f-label p{line-height: 28px;font-size: 14px;color: #999;height: 28px;}
.f-label p span{margin-top:10px;width:180px;padding-right:10px;float:left;display:inline;}
.f-label h6{width: 100%;line-height:28px;font-size:14px;color:#333;margin-top: 10px;font-weight: normal;}
.f-label h6 span{background:#eaeaea;color:#666;line-height:22px;height:22px;float:left;display:inline;margin-right:5px;padding:0 12px;border-radius:3px;margin-top:4px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;max-width: 60px;}
.f-label h6 i{display: inline-block;float: left;}
.f-xqbtn{height:124px;display:block;color:#fff;text-align:center;width: 130px;float: left;margin-top: 30px;}
.f-xqbtn a{position:relative;display:block;float:left;margin-right:10px;padding:0 16px 0 36px;height:32px;font-size:14px;line-height:32px;color:#fff;font-weight:700;margin-bottom: 10px;}
.f-xqbtn a::after{content:"";position:absolute;display:block;left:10px;top:5px;width:22px;height:22px;background:url(../images/download.png) center no-repeat;background-size: 12px 16px;}
.f-xqbtn a:hover{opacity: 0.7;}
.f-xqbtn a.azbtn{background: #fc9e4c;}
.f-xqbtn a.pgbtn{background: #15b1ab;}
.f-xqbtn a.dnbtn{background: #15b11c;}
.f-xqzbjs,.f-xqzbtj{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;padding: 1px 20px 20px 20px;margin-top: 20px;}
.f-xqzbjp-tit{height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#00aaff; border-left:3px solid #00aaff; background:#fafafa; text-indent:14px; display:block; overflow:hidden;margin-top: 20px;}

.f-xqzbjs p{ line-height:26px; font-size:14px; font-weight:normal; color:#333; display:block; overflow:hidden; margin:15px 15px 0;}
.f-xqzbjs img{max-width: 80%;display: block;margin: 10px auto;overflow: hidden;}
.f-xqzbjp{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;padding: 1px 20px 20px 20px;margin-top: 20px;}
.f-xqzbjp .j-scroll{ height: 310px;position: relative;margin-top: 20px;}
.f-xqzbjp .j-scroll img{ width: 818px; height: 310px;overflow: hidden;}
.f-xqzbjp .focus-slide .bd li a{display: block;position: relative;overflow: hidden;}
.f-xqzbjp .slide-arr{position: absolute;width: 30px;height:60px;cursor: pointer;background-repeat: no-repeat;background-position: center;top: 50%;margin-top: -30px;}
.f-xqzbjp .slide-arr.prev{left:0px;background: url(../images/indico.png) no-repeat 0px -20px;}
.f-xqzbjp .slide-arr.next{right:0px;background: url(../images/indico.png) no-repeat -35px -20px;}
.f-xqzbtj ul{padding-top: 20px;}
.f-xqzbtj ul li{width: 92px;float: left;margin: 0 5px;}
.f-xqzbtj ul li img{width: 80px;height: 80px;margin-left: 6px;overflow: hidden;border-radius: 16px;}
.f-xqzbtj ul li p{text-align: center;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;font-size: 14px;line-height: 24px;}
.f-yxkxq-yb{width: 326px;float: right;}

/*合集列表页面*/
.f-hjlbcont{padding: 20px;}
.f-jlbpic{float: left;margin-right:20px;}
.f-jlbpic,.f-jlbpic img{width: 400px;height: 200px;overflow: hidden;}
.f-jlbjs{padding: 1px 1px;margin-top: 1px;width:660px;float: left;}
.f-jlbjs h3{color: #09f;font-size: 20px;font-weight: normal;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.f-jlbjs h3 span{color: #999;font-size: 14px;margin-left: 20px;}
.f-jlbjs h3 span i{color: #09f;}
/*.f-jlbjs p{font-size: 14px;color: #666666;margin-top: 8px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;line-height: 24px;}*/


.f-jlbjs > p {
    width: 100%;
    max-height: 150px;
    overflow-y: scroll;
    font-size: 14px;
	color: #999;
    line-height: 26px;
	margin: 20px 0;
}

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





.f-jlbli{margin-top: 20px;}
.f-jlbli li{width: 333px;float: left;margin:0 20px 20px 0;box-shadow: 0 0 0 1px #eee;background: #fff;padding: 20px;}
.f-jlbli li:nth-child(3n+3){margin-right: 0px;}
.f-hjptext{height: 100px;overflow: hidden;}
.f-hj-pic{width: 100px;float: left;margin-right: 20px;}
.f-hj-pic img{width: 100px;height: 100px;border-radius: 12px;}
.f-hj-text{width: 210px;float: left;}
.f-hj-text h3{height: 24px;line-height: 24px;color: #595959;font-size: 16px;font-weight: bold;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;max-width: 70%;}
.f-hj-text p{color: #8ba8a3;font-size: 12px;width: 220px;height: 16px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;line-height: 16px;margin: 6px 0;}
.f-hj-btn a{width: 100px;display: block;float: left;font-size: 14px;border-radius: 4px;	text-align: center;	color: #09f;   border: 1px solid #09f;}
.f-hj-btn a:hover{background: #09f;color: #fff;}
.f-hj-wzsm{height: 66px;color: #999;font-size: 12px;line-height: 22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;margin-top: 6px;}

/*游戏库*/
.f-yxksy-box,.f-yxksy-box1{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;}
.f-yxksy-box1{margin-bottom: 20px;}
.f-yxsy-tit{border-bottom: 1px #eee solid;height: 46px;line-height: 46px; text-indent: 20px;font-size: 16px;}
.f-yxsy-tit a{float: right;font-size: 12px;color: #999;margin-right: 20px;}
.f-yxsy-label{padding: 20px;}
.f-yxsy-label li{width:129px;float: left;margin-right: 10px;border: 1px #ddd solid;padding: 0px 0px 0 5px;margin-bottom: 10px;height: 40px;}
.f-yxsy-label li a{width: 100%;height: 40px;display: inline-block;line-height: 40px;}
.f-yxsy-label li span{width: 40%;float: right;background: #0091ff;color: #fff;text-align: center;}
.f-yxsy-label li i{width: 60%;float: left;}
.f-yxsy-label li span,.f-yxsy-label li i{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
.f-yxsy-label li:nth-child(8n+8){margin-right: 0px;}
.f-yxsy-label ul{ overflow: hidden;height:150px;}
.f-yxsy-label .show{height: auto;}
.f-yxsy-label .kyopen{width: 100%;height:28px;line-height: 28px; text-align: center;background: url(../images/gameklizk.png) no-repeat center center;background-size:30px 18px;margin-top: 20px;}
.f-yxsy-label .active{background: url(../images/gameklisq.png) no-repeat center center;background-size:30px 18px;width: 100%;height:28px;margin-top: 10px;}
.f-yxsy-label li:hover{background: #0091ff;}
.f-yxsy-label li:hover i{color: #fff;}
.f-yxsy-li{padding: 20px;}
.f-yxsy-li li{width: 174px;float: left;margin-right: 20px;height: 230px;margin-bottom: 20px;border: 1px solid #f5f5f5;position: relative;}
.f-yxsy-li li:nth-child(6n+6){margin-right: 0px;}
.f-yxsy-li li img{width: 120px;margin:20px 0px 0px 28px;height: 120px;overflow: hidden;border-radius: 30px;}
.f-yxsy-li .f-yxtit h3{text-align: center;line-height: 32px;height: 32px;width: 154px;padding: 0 10px;overflow: hidden;font-size: 16px;color: #4c4c4c;font-weight: normal;margin-top: 12px;}
.f-yxsy-li .f-yxtit h6{width: 154px;padding: 0 10px; height: 15px;margin-top: 6px;line-height: 15px;font-size: 14px;font-weight: normal;color: #999;}
.f-yxsy-li .f-yxtit p{width: 65px;height: 12px;display: block;position: relative;background: url(../images/yxkico2.png) repeat-x;margin:1px 10px 0 25px;float: left;}
.f-yxsy-li .f-yxtit i{width: 90%;height: 12px;position: absolute;left: 0;top: 0;background: url(../images/yxkico1.png) repeat-x;overflow: hidden;max-width: 65px;}
.f-yxsy-li .f-yxbtn{position: absolute;bottom:12px;left: 0px;display: none;background: #fff;width: 174px;}
.f-yxsy-li .f-yxbtn a{width: 96px;height: 28px;text-align: center;line-height: 28px;border: 1px solid #dbdbdb;border-radius: 4px;display: block;font-size: 14px;color: #4c4c4c;margin:8px auto 4px;}
.f-yxsy-li .f-yxbtn a:hover{background: #589cf6;border: 1px solid #589cf6;color: #fff;}
.f-yxsy-li .f-yxbtn p{font-size: 12px;color: #999;display: block;width: 174px;height: 26px;line-height: 26px;overflow: hidden;text-align: center;}
.f-yxsy-li li:hover .f-yxbtn{display: block;}



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



/* --首页头部推荐--- */
/*内容顶部自动切换内容*/
.blearfix:after{content:"";display:block;clear:both;}
.blearfix{zoom:1;}
.app_top {
    height: 144px;
    margin-top: 20px;
    padding: 0 0 14px;
    overflow: hidden;
    position: relative;
    border: 1px solid #f7f7f7;
    width: 1200px;
    background: #fff;
  }
  .app_top_in {
    width: 1256px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .app_top .app_list {
    width: 1256px;
    overflow: hidden;
  }
  .app_list li {
    float: left;
    padding: 20px 10px 0 14px;
    width: 103px;
    height: 130px;
    text-align: center;
  }
  .app_list li a {
    display: block;
  }
  .app_list li img {
    display: block;
    width: 92px;
    height: 92px;
    margin: 0 auto 10px;
    border-radius: 12px;
    border: 1px solid #f9f9f9;
  }
  .app_list li a p {
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .arrow01 {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    overflow: hidden;
  }
  .arrow01 a {
    display: block;
    background: url(../images/dkcssimg.png) no-repeat 0 0;
    width: 42px;
    height: 79px;
    border-left: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
  }
  .arrow01 a.down {
    background-position: 0 -79px;
  }
  a.click_more {
    display: block;
    float: right;
    width: 80px;
    font-size: 14px;
    color: #999;
    text-align: right;
    line-height: 42px;
    vertical-align: middle;
  }
  a.click_more i {
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 4px;
    background: url(../images/more.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
  }
  a.click_more:hover {
    color: #ed6d0f;
  }
  a.click_more:hover i {
    background: url(../images/more-hover.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
  }
  .hot_topItem a.click_more {
    line-height: 28px;
  }



/***最新游戏***/
.sugame{width: 1160px;margin-top: 20px;background: #fff;box-shadow: 0px 1px 3px #ccc;padding: 0 20px;}
.sugame ul{margin-top: 20px;}
.sugame li { display: block; float: left; margin: 0 15px 20px 0; width: 278px; height: 80px; }
.sugame li:nth-child(4n){margin-right: 0;}
.sugame li .img { float: left; overflow: hidden; margin-right: 10px; }
.sugame li .img:hover { opacity: 0.88; }
.sugame li .img, .sugame li .img img { width: 80px; height: 80px; border-radius: 12px; }
.sugame li .name { display: block; float: left; width: 180px; height: 25px; line-height: 25px; overflow: hidden; color: #525252; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; }
.sugame li .name:hover { color: #EB4E18; }
.sugame li .bq { color: #9d97be; width: 160px; display: block; float: left; height: 18px; line-height: 18px; margin-top: 6px; font-size: 13px; }
.sugame li .bq a { color: #666; }
.sugame li .bq a:hover { color: #EB4E18; }
.sugame li .bq i { width: 1px; height: 12px; background: #dbdbdb; display: inline-block; margin: 0 8px; }
.sugame li .bq em { color: #f08620; font-weight: bold; font-size: 14px; font-family: Georgia; }
.sugame li .bq:nth-last-child(2){margin-top: 8px;}

.sugame li .btn{display: none;width: 120px;margin-top: 8px; height: 22px;border:1px #EB4E18 solid;text-align: center;line-height: 22px;color: #EB4E18;border-radius: 5px;float: left;}
.sugame li:hover .btn{display: block;}
.sugame li:hover .bq:nth-last-child(2){display: none;}


/***游戏合集***/
.hejibox{width: 1160px;margin-top: 20px;background: #fff;box-shadow: 0px 1px 3px #ccc;padding: 0 20px;}
.hejibox .title{text-indent: 10px;}
.hejibox ul { width: 100%; margin-top: 20px;}
.hejibox li {
  float:left;
  width:205px;
  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 {width: 1160px;margin-top: 20px;background: #fff;box-shadow: 0px 1px 3px #ccc;padding: 0 20px;}
.newbox ul{margin-top: 20px;}
.newbox ul li{width:357px;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;}



/*相关资讯*/
.symkty {width: 1160px;margin-top: 20px;background: #fff;padding: 0 20px;}
.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; }


/***底部***/
 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;}


/*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;}


.xygm_zq{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;padding: 1px 0 10px 0; margin-bottom: 20px;}
.xygm_zq dt,.xygm_zq dt{height: 24px;  padding:0 20px; border-left: 4px #3171b7 solid ; margin:18px 0 15px; font-size: 18px;}
.xygm_zq li{width: 88px;float: left;margin-left:7px;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;}




.xgtjcont{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;padding: 1px 0 10px 0; margin-bottom: 20px;}
.zxf-titgy{line-height: 50px;border-bottom: 1px #ddd solid;font-size: 16px;margin-left:12px;}
.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%;}





.gajjsw{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;padding: 1px 20px 20px 20px;margin-top: 20px;}
.gajjsw_n{top: -40px !important;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: -40px !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: 20px;}
.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: 20px;}
.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{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;padding: 1px 20px 20px 20px;margin-top: 20px;}
.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;
}



/*关于我们开始*/
.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;}




/****排行榜页面****/
.newlist{width: 1200px;margin: 0 auto;margin-bottom: 20px;}
.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: 10px;
    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;}



/****排行榜页面****/
.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: 10px;
  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;}



.f-xqzbjs h3{display: block;
  color: #FF6459;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #eaeaea;
  padding: 15px 0px;
  margin-bottom: 5px;text-indent: 0;}


.f-xqnr h3{display: block;
  color: #FF6459;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #eaeaea;
  padding: 15px 0px;
  margin-bottom: 5px;text-indent: 0;}



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

.f-xqnr tbody th, td {
    border: 1px solid #555;
    padding: 12px;
    text-align: left;
}

.f-xqnr tbody th {
    background-color: #2c2c2c;
    color: #fff;
    font-weight: bold;
}

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

.f-xqnr tbody tr:hover {
    background-color: #e0e0e0;
    transition: background-color 0.2s ease;
}

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










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

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

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

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

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

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


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

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

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

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



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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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

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

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

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