﻿body{font-size:12px;font-family: "Microsoft YaHei";background:#f6f6f6;}
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:#FF0000;;text-decoration:none}
ol,ul,li{list-style:none}
em,i{font-style:normal}
img{border:none;margin: 0px;padding: 0px;}
.clearfix{*zoom:1;display:block;height:0;clear:both;}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
input, textarea, select {*font-size: 100%;outline: 0;border: 0;}
.kd{width:1200px ;margin: 0 auto;}

/*头部*/
.fiv-head{width: 100%;height: 30px;line-height: 30px;background: #F6F6F6;}
.fiv-headwid{margin: 0 auto;width: 1200px;}
.fiv-headzb{float: left; color: #666;}
.fiv-headyb{float: right;}
.fiv-headyb a{display: inline-block;border-right: 1px #eee solid;color: #666;padding-right: 10px;margin: 0 5px;height: 15px;line-height: 15px;}
.fiv-headyb a:hover{color: #ffec08;}
.fiv-headyb a:last-of-type{padding-right: 0;border-right: none;}

/*logo*/
.fiv-bz{background:#fff;width:100%; height:90px;border-bottom:1px solid #dedede; padding:8px 0 0;  }
.fiv-bzz{margin-right: 80px;float: left;}
.fiv-bzz img{width: 200px;margin-top: 10px;}
.fiv-banz{width: 560px;height: 60px;float: left;overflow: hidden;margin-top: 11px;}
.fiv-banz img{width: 560px;overflow: hidden;height: 60px;}
.fiv-seay{width: 280px;float: right;}
.fiv-seainp{width: 230px;height: 32px;line-height: 32px;float: left;margin-top: 30px;border: 1px solid #8ebefc;border-right:none; box-shadow: 2px 2px 1px 0 rgba(164, 203, 255, 0.25) inset;;box-sizing: border-box; text-indent: 10px;border-radius: 4px 0 0 4px;}
.fiv-seabtn{width: 50px;height: 32px;line-height: 32px;float: left;margin-top: 30px;box-sizing: border-box;background-color: #a4cbff;color: #fff;border: 1px solid #8ebefc;border-left: none;border-radius: 0 4px 4px 0;background-image: url(../images/ss.png);background-repeat: no-repeat;background-position: center center;background-size: 18px 18px;}
.fiv-seay:hover .fiv-seainp{border-color: #299cff;}
.fiv-seay:hover .fiv-seabtn{border-color: #299cff;background-color: #299cff;}

/*导航*/
.fiv-menu{width:100%; background-color:#333333;height:45px; line-height:45px; }
.fiv-menu li{float: left;display: inline-block;font-size: 18px;padding: 0 30px;}
.fiv-menu li a{color: #fff;}
.fiv-menu li:hover,.fiv-menu .fiv-meon{background-color: #17b1f2;}

/*热门tab切换*/
.fiv-rmtable{background: #fff;margin-top: 20px;border: 1px solid #e0e0e0;}
.fiv-htit{height: 38px;padding: 0px 20px;border-bottom: 1px solid #efefef;  padding: 0px 20px;margin-bottom:15px;border-bottom: 2px solid #41aff7;}
.fiv-htit li{float: left;height: 36px;line-height: 36px;font-size: 16px;color: #333;background: url(../images/tabtitr.png) no-repeat 76px center;cursor: pointer;padding-right: 40px; position: relative;}
.fiv-htit li.thistab a,.fiv-htit li a:hover{ color: #41aff7; }
.fiv-htit li.thistab i{background: url(../images/tabtit_hov.png) no-repeat;}
.fiv-htit li i {width: 14px;height: 7px;display: block;position: absolute;bottom: -2px;left:24px;}
.fiv-htit li:last-of-type{background: none;}
.fiv-hcont dl{padding: 0 20px 2px 20px;}
.fiv-hcont dd{width: 100%;height: 23px;line-height: 23px;margin-bottom: 12px;color: #dee0e7;overflow: hidden;white-space:nowrap;}
.fiv-hcont dd a{height: 14px;line-height: 14px;font-size:14px;padding-right: 10px;display: inline-block;text-align: center; margin: 0 0px 0 10px;color: #444;border-right: 1px #ddd solid;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: 76px;}
.fiv-hcont dd span{width: 64px;height: 23px;float: left; line-height: 23px;display: inline-block; color: #f4f4f5;margin-right: 6px;line-height: 24px;font-size:13px;text-align: center;background: url(../images/tabdd.png) no-repeat;overflow: hidden;}
.fiv-hcont dd a:last-of-type{border-right: none;}

/*焦点图*/
.fiv-dymain{margin-top: 20px;}
.fiv-gdzb{ width: 750px;  height: 320px;float: left; position: relative;margin-right: 20px;box-shadow: 0px 1px 3px #ccc;}
.fiv-gdzb .j-scroll{ height: 30px;}
.fiv-gdzb .j-scroll img{ width: 750px; height: 320px;overflow: hidden;}
.fiv-gdzb .focus-slide .bd li a{display: block;position: relative;overflow: hidden;}
.fiv-gdzb .news-pop-title{position: absolute;left: 0;right: 0;bottom: 0;padding: 0 120px 0px 15px;background: rgba(0,0,0,.5);color: #fff;line-height: 47px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 16px;text-align:left}
.fiv-gdzb .slide-dot {text-align: right;position: absolute;right: 8px;bottom:14px;}
.fiv-gdzb .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;}
.fiv-gdzb .slide-dot li.on{background: #17a2e7;width: 12px;}
.fiv-gdzb .slide-arr{width:26px; height:51px; margin-top:-25px; position:absolute; top:50%; z-index:2;-webkit-transition: right .2s, left .2s;-moz-transition: right .2s, left .2s;-ms-transition: right .2s, left .2s;-o-transition: right .2s, left .2s;transition: right .2s, left .2s;background: url(..//images/jdtzy.png) no-repeat 0 0;display: none;cursor: pointer;}
.fiv-gdzb:hover .slide-arr{display: block;}
.fiv-gdzb .prev{background-position:0 0;left:0;}
.fiv-gdzb .next{background-position:-27px 0;right:0;}
.fiv-gdzb .prev:hover {background-position:-54px 0;}
.fiv-gdzb .next:hover {background-position:-81px 0;}
.fiv-hxwyb{width: 388px;float: left;background: #fff;height: 300px;padding: 10px 20px;border: 1px #e0e0e0 solid;}
.fiv-hxwyb dt{font-size: 20px;font-weight: bold;line-height: 44px;}
.fiv-hxwyb dt,.fiv-hxwyb dd a{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.fiv-hxwyb dd{height: 32px;font-size: 14px;}
.fiv-hxwyb dd i{display: inline-block;float: right; color: #999; line-height: 32px;}
.fiv-hxwyb dd a{display: inline-block;max-width: 75%;line-height: 32px;}

/*资讯*/
.fiv-zxmain{background: #fff;margin-top: 20px;padding-top: 10px;border: 1px #e0e0e0 solid;}
.fiv-zxmain dl{width: 379px;margin-left:20px;margin-bottom: 20px;float: left;}
.fiv-zxmain dt{line-height: 40px;max-width: 90%;font-size: 18px;border-bottom: 1px #ddd solid;margin-bottom: 8px;color: #0077dd;}
.fiv-zxmain dt a{color: #868686;font-size: 14px;float: right;}
.fiv-zxmain dd{font-size: 14px;max-width: 90%;margin-top: 10px;}
.fiv-zxmain dd::before{content: "";float: left;display: block; width: 9px;height:16px; background: url(../images/new_icon.png) no-repeat;margin:2px 6px 0px 0px;}
.fiv-zxmain dd a{line-height: 18px;max-width: 77%;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
.fiv-zxmain dd span{float: right;display: inline-block;line-height: 21px;color: #999;font-size: 12px; background: url(../images/new_time.png) no-repeat; width: 42px;height: 21px; text-align: center;}

/*游戏推荐*/
.fiv-yxtjmain{margin-top: 20px;height: 200px;position: relative;background: #fff;border: 1px #e0e0e0 solid;}
.fiv-ytjtit{line-height: 40px;font-size: 18px;border-bottom: 1px #ddd solid;margin-bottom: 8px;color: #0077dd;margin: 0 20px;}
.fiv-ytjtit a{color: #868686;font-size: 14px;float: right;}
#four_flash{height:125px; margin-top: 20px;position: relative;margin: 0px 15px 12px;}
#four_flash .flashBg{margin: 15px auto;height: 125px;width: 1110px;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:118px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{background: #f1f1f1;float: left;width: 100px;height: 125px;margin-left: 10px;text-align: center;overflow: hidden;cursor: pointer;border-radius: 2px;}
#four_flash .flashBg ul.mobile li img{width: 80px;height: 80px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;margin: 10px 0 5px 0;overflow: hidden;}
#four_flash .flashBg ul.mobile li p{z-index: 999;display: block;font-size: 14px; color: #666;width: 80px;text-align: center;overflow: hidden;height: 20px;font-weight: normal;margin: 0px auto;line-height: 20px;}
#four_flash .but_left,#four_flash .but_right{display: block;top:0;position: absolute;height: 125px;width: 30px;font-family: serif;line-height: 125px;font-size: 30px;font-weight: bold;color: #999;text-align: center;background: #e6e6e6;cursor: pointer;position: absolute;}
#four_flash .but_right{right: 0;}
#four_flash .but_left:hover,#four_flash .but_right:hover{ background: #17a2e7;color: #fff;}

/*游戏推荐*/
.fiv-yxwzmain{margin-top: 20px;background: #fff;position: relative;border: 1px #e0e0e0 solid;}
.fiv-ywtit{position: absolute;left: 200px;top: 0px;line-height: 39px;}
.fiv-ywtit li{float: left;height: 40px;line-height: 40px;font-size: 16px;color: #333;background: url(../images/tabtitr.png) no-repeat 55px 10px;cursor: pointer;padding-right: 40px; position: relative;}
.fiv-ywtit li.thistab a{border-bottom: 1px #41aff7 solid; display: inline-block;line-height: 40px;}
.fiv-ywtit li.thistab a,.fiv-ywtit li a:hover{ color: #41aff7; }
.fiv-ywtit li.thistab i{background: url(../images/tabtit_hov1.png) no-repeat;}
.fiv-ywtit li i {width: 14px;height: 7px;display: block;position: absolute;left: 15px;bottom: -8px;}
.fiv-ywnr{padding: 10px 20px;}
.fiv-ywnr dd{float: left; width: 165px;font-size: 14px;height: 40px;}
.fiv-ywnr dd a{max-width: 80%;display: inline-block;overflow: hidden;height:40px;line-height: 40px;}
.fiv-ywnr dd i{width: 24px;height: 24px;margin-right: 8px;vertical-align: middle;display: inline-block;}
.fiv-ywnr dd img{width: 24px;height: 24px;border-radius: 3px;overflow:hidden ;}

/*tag标签*/
.fiv-tagmain{margin-top: 20px;background: #fff;border: 1px #e0e0e0 solid;}
.fiv-tglabel{padding: 10px 20px;}
.fiv-tglabel li{width: 78px;float: left;font-size: 14px;border:1px #ddd solid; border-radius: 30px;line-height: 30px;margin-right: 16px;margin-bottom: 10px;text-align: center;padding: 0 5px;overflow: hidden;height: 30px;}
.fiv-tglabel li:nth-child(11n+11){margin-right: 0;}
.fiv-tglabel li:hover{ border:1px #17b1f2 solid;}
.fiv-tglabel li:hover a{color: #17b1f2;}

/*友情链接*/
.fiv-linkmain{margin-top: 20px;background: #fff;border: 1px #e0e0e0 solid;}
.fiv-ljtext{padding: 10px 20px;}
.fiv-ljtext li{float: left;font-size: 14px;line-height: 34px;margin-right: 20px;}

/*版权*/
.fiv-footer{background-color: #2a2a2b;height: 70px;margin-top: 20px;text-align: center;color: #555;padding-top: 20px;line-height: 30px;font-size: 14px;}
.fiv-footer a{color: #555;}

/*游戏库*/
.fiv-yxknr-y,.fiv-yxknr-e{background-color: #fff;border: 1px solid #e8e8e8;}
.fiv-yxknr-e{margin-top: 20px;}
.fiv-ky-bt{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: #17b1f2;color: #fff !important;border-radius: 2px;margin-top: 0px;text-indent: 0px;}
.all-btn a:hover{color: #fff;}
.fiv-yxli-y .fiv-ky-bt{margin-right: 32px;border-bottom: 1px #eee solid;margin-bottom: 20px;text-indent: 0px;}
.fiv-ky-bt{border-bottom: 1px #eee solid;height: 46px;line-height: 46px; text-indent: 20px;font-size: 16px;}
.fiv-ky-bt a{float: right;font-size: 12px;color: #999;margin-right: 20px;}
.fiv-ky-nr{padding: 20px;}
.fiv-ky-nr li{width:129px;float: left;margin-right: 10px;border: 1px #ddd solid;padding: 0px 0px 0 5px;margin-bottom: 10px;height: 40px;}
.fiv-ky-nr li:nth-child(8n+8){margin-right: 0px;}
.fiv-ky-nr li a{width: 100%;height: 40px;display: inline-block;line-height: 40px;}
.fiv-ky-nr li i{width: 40%;float: right;text-align: center;color: #f60;}
.fiv-ky-nr li span{width: 60%;float: left;font-size: 15px;}
.fiv-ky-nr li span,.fiv-ky-nr li i{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;display: inline-block;}
.fiv-ky-nr li:hover{background: #17b1f2;}
.fiv-ky-nr li:hover i,.fiv-ky-nr li:hover span{color: #fff;}
.fiv-ky-nr ul{ overflow: hidden;height:100px;}
.fiv-ky-nr .show{height: auto;}
.fiv-ky-nr .fiv-kopen{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;}
.fiv-ky-nr .active{background: url(../images/gameklisq.png) no-repeat center center;background-size:30px 18px;width: 100%;height:28px;margin-top: 10px;}

.fiv-yxli{padding: 20px;}
.fiv-yxli li{width: 176px;height: 200px;float: left;margin-right: 20px;margin-bottom: 20px;position: relative;}
.fiv-yxli li:nth-child(6n+6){margin-right: 0px;}
.fiv-yxli li img{width: 120px;height: 120px;margin:0px 0px 0px 28px;overflow: hidden;border-radius: 30px;}
.fiv-yxli .fiv-yxtit h3{line-height: 32px;height: 32px;width: 154px;text-align: center;padding: 0 10px;overflow: hidden;font-size: 16px;color: #4c4c4c;font-weight: normal;margin-top: 8px;}
.fiv-yxli .fiv-yxtit p{width: 154px;padding: 0 10px; height: 15px;margin-top: 6px;line-height: 15px;font-size: 14px;font-weight: normal;color: #999; text-align: center;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

/*游戏列表页面*/
.fiv-yxlimain{background-color: #fff;padding-bottom: 20px;border: 1px solid #e8e8e8;}
.fiv-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;}
.fiv-yxkbt li a{padding:0 10px;display: inline-block;background: #eee;width: 67px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.fiv-yxkbt li.thistab a{background-color:#17b1f2;color: #fff;} 
.fiv-yxkbt li a:hover{background-color:#17b1f2;color: #fff;}
.fiv-yxli-y{padding: 20px 0 0 20px;}
.fiv-yxli-y ul{ overflow: hidden;height:80px;}
.fiv-yxli-y .show{height: auto;}
.fiv-yxli-y .fiv-yxopen{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;}
.fiv-yxli-y .active{background: url(../images/gameklisq.png) no-repeat center center;background-size:30px 18px;width: 100%;height:28px;margin-top: 10px;}
.fiv-yxlilb{padding: 20px 20px 0px 20px;}
.fiv-yxlilb dd{float: left;margin: 0 20px 20px 0;box-shadow: 0 0 0 1px #eee;background: #fff;padding: 20px;position: relative;width: 96%;}
.fiv-yxlbzb{width: 80px;float: left;margin-right: 20px;}
.fiv-yxlbzb img{width: 80px;height: 80px;overflow: hidden;border-radius: 20px;}
.fiv-yxlbzj{width:860px;float: left;}
.fiv-yxlbzj h3{font-size: 18px;font-weight: normal;line-height: 30px;max-width: 60%;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.fiv-yxlbzj h6{width: 65px;height: 12px;display: block;position: relative;background: url(../images/yxkico2.png) repeat-x;margin-right: 15px;margin-top: 8px;}
.fiv-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;}
.fiv-yxlbzj p.fiv-wzjs{line-height: 24px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.fiv-yxanyb{position:absolute; top:50px; right:25px; display:block; width:100px; height:32px; line-height:32px; text-align:center;  letter-spacing:1px; border:1px solid #20aef0; overflow:hidden;}
.fiv-yxanyb a{color:#17b1f2;width: 100%;height: 100%;display: inline-block;}
.fiv-yxanyb:hover{background: #17b1f2;}
.fiv-yxanyb:hover a{color: #fff;}

/*游戏库页面*/
.fiv-yxxq-zb{width: 858px;float: left;}
.fiv-yxxqy{padding: 20px;background-color: #fff;border: 1px solid #e8e8e8;}
.fiv-yxxqy h1{font-size: 24px;line-height:26px;color: #333;margin-bottom: 5px;max-width: 80%;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; font-weight: normal;margin-bottom: 10px;}
.fiv-downt{width: 120px;float: left;margin-right: 30px;}
.fiv-downt img{width: 120px;height: 120px;overflow: hidden;border-radius: 30px;}
.fiv-downw{width:420px;float: left;}
.fiv-downw p{line-height: 28px;font-size: 14px;color: #999;height: 28px;}
.fiv-downw p span{width:190px;padding-right:20px;float:left;display:inline;}
.yxtbtn{ height: 30px; margin-top: 10px;}
.yxtbtn a{ width:120px ; height: 30px; display: inline-block; border-radius: 2px; background: #ffae00; color: #fff; line-height: 30px;font-size: 14px; margin-right: 7px; text-align: center;}
.yxtbtn a.azcol{background: #ffae00;}
.yxtbtn a.pgcol{background: #5298ff;}
.yxtbtn a.dncol{background: #1ec456;}
.yxtbtn a:hover{ opacity: 0.8;}
.fiv-ybewm{width: 200px;float: right;margin-right: 20px;margin-top: -15px;text-align: center;}
.fiv-ybewm img{width: 120px;height: 120px;overflow: hidden;}
.fiv-ybewm p{line-height: 24px;color: #666;}

.fiv-yxxqe,.fiv-yxxqsi{background-color: #fff;padding: 1px 20px 20px 20px;margin-top: 20px;border: 1px solid #e8e8e8;}
.fiv-yxxqe h3{height:30px; line-height:30px; font-size:18px; font-weight:bold; color:#00aaff; border-left:3px solid #00aaff; background:#fafafa; text-indent:14px; display:block; overflow:hidden;margin-top: 15px;margin-bottom: 15px;}
.fiv-yxxqe p{ line-height:26px; font-size:14px; font-weight:normal; color:#333; display:block; overflow:hidden;}
.fiv-yxxqe h2,.fiv-yxxqs h2,.fiv-yxxqsi h2{background: url(../images/line.jpg) repeat-x 0px 7px;height: 22px;margin: 20px 0px 10px 0px;font-weight: normal;}
.fiv-yxxqe h2 b,.fiv-yxxqs h2 b,.fiv-yxxqsi h2 b{background: #FFF;padding: 0px 10px;font-size: 16px;border-left: 10px solid #17b1f2;}
.fiv-yxxqe img{max-width: 80%;display: block;margin: 10px auto;overflow: hidden;}
.fiv-yxxqs{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;padding: 1px 20px 20px 20px;margin-top: 20px;}
.fiv-yxxqs .j-scroll{ height: 310px;position: relative;margin-top: 20px;}
.fiv-yxxqs .j-scroll img{ width: 818px; height: 310px;overflow: hidden;}
.fiv-yxxqs .focus-slide .bd li a{display: block;position: relative;overflow: hidden;}
.fiv-yxxqs .slide-arr{position: absolute;width: 30px;height:60px;cursor: pointer;background-repeat: no-repeat;background-position: center;top: 50%;margin-top: -30px;}
.fiv-yxxqs .slide-arr.prev{left: 0px;background: url(../images/yxkxqbtn2.png) no-repeat 0px 0px;}
.fiv-yxxqs .slide-arr.next{right: 0px;background: url(../images/yxkxqbtn2.png) no-repeat -40px 0px;}
.fiv-yxxqsi ul{padding-top: 20px;}
.fiv-yxxqsi ul li{width: 92px;float: left;margin: 0 5px;}
.fiv-yxxqsi ul li img{width: 80px;height: 80px;margin-left: 6px;overflow: hidden;border-radius: 16px;}
.fiv-yxxqsi ul li p{text-align: center;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;font-size: 14px;line-height: 24px;}

.fiv-yxxq-yb,.fiv-nzx-y{width: 326px;float: right;}
.fiv-xqyc-zx{background-color: #fff;padding: 15px; margin-bottom: 20px;border: 1px solid #e8e8e8;}
.fiv-xqyc-zx dt,.fiv-xqyc-tag dt{background: #FFF;padding: 0px 10px;font-size: 16px;border-left: 10px solid #17b1f2;margin-bottom: 10px;}
.fiv-xqyc-zx dd{padding-left: 10px;position: relative; }
.fiv-xqyc-zx dd i{ width: 3px; height: 3px; position:absolute;left: 0px ;top:15px; background:#aaa; z-index: 10;border-radius: 30px;}
.fiv-xqyc-zx dd a{ height: 30px; line-height: 30px; font-size: 14px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;max-width:100%;display: inline-block;}
.fiv-xqyc-tag{background-color: #fff;border: 1px solid #e8e8e8;padding: 15px;}
.fiv-xqyc-tag dd a{float: left;width:81px;height: 28px;text-align:center;line-height: 28px;margin: 5px 21px 10px 0;overflow:hidden;border:1px  #17b1f2 solid;box-sizing: border-box;padding: 0 8px;color: #17b1f2;}
.fiv-xqyc-tag dd a:nth-child(3n+3){margin-right: 0;}
.fiv-xqyc-tag dd a:hover{background: #17b1f2;color: #fff;}


/*游戏资讯页面*/
.fiv-nzx-z{width: 858px;float: left;}
.fiv-dqwz{line-height: 42px;height: 42px;font-size: 14px;color: #2a2a2a;}
.fiv-nzxnr{background-color: #fff;padding: 20px;border: 1px solid #e8e8e8;}
.fiv-nzxlb li{border-bottom:1px solid #eee;padding: 10px 10px 20px 10px;}
.fiv-nzxlb h3{font-size: 18px;line-height: 36px;height: 36px;max-width: 60%;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.fiv-nzxlb p.fiv-psm{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; }
.fiv-nzxlb p.fiv-psj{line-height: 20px;color: #aeaeae;height: 20px;overflow: hidden;}
.fiv-nzxlb p.fiv-psj span{float: right;text-align: right;width: 50%;height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fiv-nzxlb p.fiv-psj a{color: #777;background: #eee;padding: 0 6px;margin: 0 5px;}
.fiv-nzxlb p.fiv-psj a:hover{color: #fff;background: #00aaff;}
.fiv-nzxlb p.fiv-psj i{float: left;display: inline-block;}

.fiv-page{width: 100%;margin-top: 20px;text-align: center;}
.fiv-page li{display: inline-block;width: auto !important;height: 32px !important;padding: 0 !important;margin: 0 2px!important;float: none !important;border-radius: 0 !important;border: none !important;}
.fiv-page li a,.fiv-page li span{padding:0px 12px;border:solid 1px #DEDEDE;text-decoration:none; display:inline-block; line-height:30px;color:#515151;}
.fiv-page li a:hover,.fiv-page .active a,.fiv-page .active span{color:#fff !important;background: #555 !important;}

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

/*文章页面*/
.fiv-nzx-z{width: 858px;float: left;}
.fiv-nzx-tit{line-height: 39px;}
.fiv-nzx-tit li{float: left;height: 44px;line-height: 44px;font-size: 18px;color: #333;cursor: pointer;position: relative;width: 16.66%;text-align: center;overflow: hidden;}
.fiv-nzx-tit li a{padding: 0 5px;}
.fiv-nzx-tit li.on a{border-bottom: 1px #41aff7 solid; display: inline-block;line-height: 44px;}
.fiv-nzx-tit li.on a,.fiv-nzx-tit li a:hover{ color: #41aff7; }
.fiv-nzx-tit li.on i{background: url(../images/tabtit_hov1.png) no-repeat;}
.fiv-nzx-tit li i{width: 14px;height: 7px;display: block;position: absolute;left: 50%;bottom: -8px;margin-left: -7px;}
.fiv-nxq-y{background-color: #fff;padding: 20px;border: 1px solid #e8e8e8;}
.fiv-nxq-bt{padding: 16px 0;text-align:center;border-bottom:1px solid #d9d9d9;}
.fiv-nxq-bt h1{display:block;line-height:40px;font-size:24px;color: #222;font-weight:normal;margin-bottom: 16px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.fiv-nxq-bt p{color: #ababab;font-size: 14px;}
.fiv-nxq-bt p span{max-width: 300px;margin:0 20px;overflow:hidden;white-space:nowrap;}
.fiv-nxq-nr{font-size:16px;color:#666;line-height:30px;padding: 15px 0;text-indent: 2em;}
.fiv-nxq-nr h2{font-size: 16px;color: #ff0000;}
.fiv-nxq-nr 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;}
.fypage{ width: 100%; text-align: center; margin-top: 10px; font-size: 16px;}
.fypage span{margin: 0px 40px; display: inline-block; max-width: 330px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
.fiv-yxxqsi .xgzxcont ul{ width: 50%; float: left;padding-top: 0px;}
.fiv-yxxqsi .xgzxcont li{ line-height: 32px; font-size: 14px; width: 80%;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}


/*tag页面*/
.fiv-tagnr .fiv-tagmain{margin-top: 0;}
.fiv-tagnr .fiv-tagmain:nth-child(2),.fiv-tagnr .fiv-tagmain:nth-child(3){margin-top: 20px;}
.fiv-tagmain .fiv-tglabel ul{ overflow: hidden;height: 135px;}
.fiv-tagmain .fiv-tglabel .show{height: auto;}
.fiv-tagmain .fiv-tglabel .tagopen1,.fiv-tagmain .fiv-tglabel .tagopen2,.fiv-tagmain .fiv-tglabel .tagopen3{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;}
.fiv-tagmain .fiv-tglabel .active{background: url(../images/gameklisq.png) no-repeat center center;background-size:30px 18px;width: 100%;height:28px;margin-top: 10px;}
.fiv-tagmain .fiv-tglabel{padding: 20px 20px 10px 20px;}
.fiv-tagmain .fiv-tglabel li{border-radius: 0px;line-height: 28px;margin-bottom: 20px;height: 28px;}




/*游戏推荐页面*/
.fiv-yxtjnr{background-color: #fff;padding-bottom: 20px;border: 1px solid #e8e8e8;}
.fiv-yxtjnr ul.fiv-yxtjlabel{padding: 20px 20px 10px 20px;}
.fiv-yxtjnr .fiv-yxtjlabel li{width: 78px;float: left;font-size: 14px;border:1px #eee solid;line-height: 28px;margin-right: 16px;margin-bottom: 20px;text-align: center;padding: 0 5px;overflow: hidden;height: 28px;}
.fiv-yxtjnr .fiv-yxtjlabel li:nth-child(11n+11){margin-right: 0;}
.fiv-yxtjnr .fiv-yxtjlabel li:hover{ border:1px #17b1f2 solid;}
.fiv-yxtjnr .fiv-yxtjlabel li:hover a{color: #17b1f2;}


/*合集页面*/
.fiv-hejnr{background-color: #fff;border: 1px solid #e8e8e8;}
.fiv-hejli{padding:10px 20px;}
.fiv-hejli li{width: 23.3%;float: left;margin-right: 2%;border: 1px #eee solid;margin-bottom: 20px;}
.fiv-hejli li:nth-child(4n+4){margin-right: 0;}
.fiv-hejli li img{width: 90%;height: 140px;overflow: hidden;margin: 15px 0 0 5%;}
.fiv-hejli li h2{padding: 0 5%;}
.fiv-hejli li h2 a{width: 70%;float: left;font-size: 16px;}
.fiv-hejli li h2 a,.fiv-hejli li h2 span{display: inline-block;height: 34px;line-height: 34px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: normal;}
.fiv-hejli li h2 span{width: 28%;font-size: 12px;color: #555;text-align: right;}
.fiv-hejli li h2 span b{color: #0091ff;}
.fiv-hejnr .fiv-page{margin-top: 0;margin-bottom: 20px;}

/*开服排行页面*/
.fiv-kfph{background-color: #fff;}
.fiv-kfph dt{ height: 44px;}
.fiv-kfph dt ul{ height:46px;background:url(../images/kfphbg.jpg) repeat-x;}
.fiv-kfph 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 #333 solid;}
.fiv-kfph dt li:first-child{border-left: none;}
.fiv-kfph dd ul{ border-right: 1px #bbb solid; height: 33px;}
.fiv-kfph dd{ border-bottom: 1px #bbb solid;}
.fiv-kfph dd li{ line-height: 32px; float: left; width: 14.28%; text-align: center; font-size: 14px;overflow: hidden;color:#333;text-overflow: ellipsis;white-space: nowrap; background: #f4fbff;border-top: 1px #bbb solid;border-left: 1px #bbb solid;box-sizing: border-box;padding:0px 10px}
.fiv-kfph dd ul:hover li{ background: #17b1f2;}
.fiv-kfph dd ul:hover li a{ color: #333;}
.fiv-kfph dd li:nth-child(1),.fiv-kfph dd li:nth-child(2),.fiv-kfph dt li:nth-child(1),.fiv-kfph dt li:nth-child(2){ width: 300px;}
.fiv-kfph dd li:nth-child(3),.fiv-kfph dt li:nth-child(3){ width: 300px;}
.fiv-kfph dd li:nth-child(4),.fiv-kfph dd li:nth-child(6),.fiv-kfph dt li:nth-child(4),.fiv-kfph dt li:nth-child(6){ width: 299px;}
.fiv-kfph dd li:nth-child(5),.fiv-kfph dt li:nth-child(5){ width: 380px;}
.fiv-kfph dd li:nth-child(7),.fiv-kfph dt li:nth-child(7){ width: 110px;}
.fiv-kfph dl:last-of-type dd li{background: #fff;}
.fiv-kfph dl:last-of-type dd ul:hover li{ background: #17b1f2;}
.kfphsm{line-height: 24px;margin-top: 20px;margin-bottom: 10px;background: #fff;padding: 20px;border: 1px #e0e0e0 solid;}

/*网站地图页面*/
.fiv-mapnr{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;padding: 20px;}
.fiv-mapnr dl{width: 100%;margin-bottom: 16px;padding-bottom: 20px;}
.fiv-mapnr dt{background: url(../images/line.jpg) repeat-x 0px 7px;height: 22px;margin: 20px 0px 10px 0px;font-weight: normal;}
.fiv-mapnr dt a{background: #FFF;padding: 0px 10px;font-size: 16px;border-left: 10px solid #17b1f2;}
.fiv-mapnr dd{width: 100%;padding-top: 10px;}
.fiv-mapnr dd ul{width:100%;}
.fiv-mapnr dd li{float: left;line-height: 30px;}
.fiv-mapnr dd a{width: 77px;float: left;font-size: 14px;border:1px #ddd solid;line-height: 28px;margin-right: 16px;margin-bottom: 20px;text-align: center;padding: 0 5px;overflow: hidden;height: 28px;}
.fiv-mapnr dd a:hover{border:1px #17b1f2 solid;color: #17b1f2;}
.fiv-mapli dd .mapdk2{width: 100%;text-align: center;line-height: 40px;cursor: pointer;}
.fiv-mapli dd .mapdk2 a{color: #17b1f2;}
.fiv-mapli dd.mapli2 ul{ overflow: hidden;height: 135px;}
.fiv-mapli dd.mapli2 ul.show{height: auto;}
.fiv-mapli dd .mapdk1,.fiv-mapli dd .mapdk2{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;}
.fiv-mapli dd  .active{background: url(../images/gameklisq.png) no-repeat center center;background-size:30px 18px;width: 100%;height:28px;margin-top: 10px;}
.fiv-mapli dd.mapli1 ul{ overflow: hidden;height: 85px;}
.fiv-mapli dd.mapli1 ul.show{height: auto;}

/*合集列表页面*/
.fiv-hjpic{width: 300px;float: left; margin-right: 20px;}
.fiv-hjpic img{width: 100%;height: 160px;overflow: hidden;}
.fiv-hjlby{padding: 20px;}
.fiv-hjwzjs{ width:820px;float: left;}
.fiv-hjwzjs h3{font-size: 20px;font-weight: normal;color: #333;line-height: 40px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

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


.fiv-hjwzjs > p {
    width: 100%;
    max-height: 90px;
    overflow-y: scroll;
    font-size: 14px;
	color: #999;
    line-height: 26px;
}

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




.fiv-hjlbe{padding: 20px;}
.fiv-hjlbe li{width: 45%;float: left;border: 1px #ddd solid;margin-right: 2%;padding: 20px;margin-bottom: 20px;}
.fiv-hjlbe li:nth-child(2n+2){margin-right: 0;}
.fiv-hjlzb{width: 100px;float: left;margin-right: 20px;}
.fiv-hjlzb img{width: 100px;height: 100px;border-radius: 12px;}
.fiv-hjlzj{width: 290px;float: left;}
.fiv-hjlzj 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%;}
.fiv-hjlzj p{color: #888;font-size: 12px;width: 100%;line-height: 22px;margin: 3px 0;}
.fiv-hjlzj p:last-child{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.fiv-hjlyb{width: 90px;float: right;margin-top: 15px;}
.fiv-hjlyb a{width: 90px;display: block;float: left;font-size: 14px;border-radius: 4px;	text-align: center;	color: #17b1f2;border: 1px solid #17b1f2; height: 32px;line-height: 32px;}
.fiv-hjlyb a:hover{background: #17b1f2;color: #fff;}


/*搜索页面*/
.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: #17b1f2;border-bottom: 3px #17b1f2 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: #17b1f2;color: #fff;}
.soustj{margin: 20px 0px 0 0px;color: #999;font-size: 14px;}
.soustj em{color: #ff0000;}
.sousyx .fiv-yxlilb{padding: 0px;}
.sousyx .fiv-yxlilb .fiv-yxlbzj{width: 548px;}

.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 .fiv-yxlilb dd:first-child{margin-top: 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;}


/***首页头部推荐***/
.inhotyx{width: 1200px;background: #fff;margin: 20px auto 20px auto;display: block;box-sizing: border-box;height: 240px;overflow: hidden;}
.inhotyx .tab-top{padding: 0;margin-top: 0;height: 70px;}
.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 46px;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: 25px;height: 25px;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: #ff7800;}
.tab-title ul li.m-hover i{width: 38px;height: 4px;background-color: #ff7800;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-cont{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: 490px;height: 274px;background:#F8F8F8;position: relative;}	
#ifocus_pic {display:inline;position:relative;float:left;width: 490px;height: 274px;overflow:hidden;margin: 0;}	
#ifocus_piclist li {width: 490px;height: 274px;overflow:hidden;}	
#ifocus_piclist img {width: 490px;height: 274px;}	
#ifocus_btn {height: 28px;width: 490px;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: 4px;cursor:pointer;background: #fff;display: inline-block;border-radius: 30px;}	
#ifocus_btn li.on{background: #ff7800;}
#ifocus_opdiv {position:absolute;left:0;bottom:0;width: 490px;height: 75px;background:linear-gradient(to top, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);}
#ifocus_tx {position:absolute;left: 0px;bottom: 28px;color:#FFF;}	
#ifocus_tx ul li{display:none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 490px;padding: 0 20px;box-sizing: border-box;text-align: center;}	
#ifocus_tx ul li a{ color:#fff; font-size:16px;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: 490px; float: left;}
.inarea-r{width: 620px;float: right;}
.syjdt{width: 490px; height: 274px; overflow: hidden;}
.rdhd{ width: 490px; margin-top: 20px;}
.rdhd_bt{border-bottom: 1px #ededed solid;height: 40px;line-height: 40px;font-size: 18px;font-weight: bold;}
.rdhd_bt span{display: inline-block;height: 38px;line-height: 38px;border-bottom: 2px #ff6600 solid;}
.rdhd-dt{ width: 100%; height: 120px;margin-top: 20px;}
.rdhd-dt li{width: 83px;float: left;margin-right:18px;position: relative;}
.rdhd-dt li:last-child{ margin-right:0px;}
.rdhd-dt li img{ width: 83px; height: 83px;border-radius: 22%;overflow: hidden;}
.rdhd-dt li p{line-height: 30px;text-align: center;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}

.jrrd_b{width: 100%;padding-bottom:20px;border-bottom: 1px #eaeaea dashed;margin-bottom: 10px;}
.jrrd_b h1{height: 50px;line-height: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 24px;text-align: center;}
.jrrd_b a{color: #ff7800;}
.jrrd_b p{width: 100%;height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #999;}
.tt_tab{ width: 100%;height: 35px;line-height: 35px;border-bottom: 1px #f2f2f2 solid;padding: 0;margin-bottom: 10px;}
.tt_tab li{display: inline-block;padding: 0 30px;cursor: pointer;font-size: 16px;position: relative;}
.tt_tab li.m-hover{background: #3b8bed;color: #fff;}
.tt_tab li.m-hover i{width: 0; height: 0;border-width: 8px;border-style: solid;border-color:#3b8bed transparent transparent transparent;position: absolute;top: 32px;left: 50%;margin-left: -8px;}
.inarea-r .tab-cont{padding: 0 20px 0 0;}
.inarea-r .tab-cont li{margin-top: 14.5px;height: 25px;line-height: 25px;}
.inarea-r .tab-cont li em{width: 50px;display: inline-block;height: 25px;line-height: 25px;float: left;margin-right: 20px;text-align: center;background: #f2f2f2;color: #808080;}
.inarea-r .tab-cont li a{display: inline-block;width: 400px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.inarea-r .tab-cont li i{float: right;font-size: 12px;color: #ff0000;}
.inarea-r .tab-cont li:first-child em{background: #ff5500;color: #fff;}
.inarea-r .tab-cont li:nth-child(5){border-top: 1px #eaeaea dashed;padding-top: 20px;margin-top: 20px;}
.inarea-r .tab-cont li:nth-child(5) em{background: #16b3de;color: #fff;}

/**0209新增样式**/
.tj_n{ width: 640px; float: left; margin-left:30px; background: #fff; padding:0 0px 0 20px; box-sizing: border-box;}
.tj_z{ text-align: center;}
.tj_z h1{ font-size: 18px; margin-bottom: 10px;}
.tj_z p{font-size: 14px; color: #888;}
.tj_z p a{color: #888; margin: 0 10px;}
.g-ivtab{overflow:hidden;padding: 23px 0px 0px 0px;}
.g-ivtab .g-ivtab-top{border-left: 1px solid #e2e2e2; overflow:hidden;}
.g-ivtab .g-ivtab-bd .g-tab-con ul{ overflow:hidden; clear:both;}
.g-ivtab .g-ivtab-top ul li{display:block;float:left;border:1px solid #e2e2e2;border-left:0;width: 204px;height:36px;font-size:14px;color:#565656;line-height:36px;text-align:center;cursor:pointer;}
.g-ivtab .g-ivtab-top ul li.m-hover{color: #fff;font-weight: bold;border: 1px solid #3295d9;border-bottom: 0;background: #3295d9;line-height:34px;}
.g-ivtab .g-ivtab-bd{overflow:hidden;padding-top: 10px;}
.g-ivtab .g-ivtab-bd .g-tab-con li {height: 22px;line-height: 22px;font-size: 14px;padding: 10px 0 0;margin-bottom: 6px;float: left;width: 100%;overflow: hidden;}
.g-ivtab .g-ivtab-bd .g-tab-con li span{padding-right: 5px;color: #999; float:right;}
.g-ivtab .g-ivtab-bd .g-tab-con li i.u-type {display: block;float: left;width: 73px;margin-right: 10px;line-height: 22px;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: 310px;overflow: hidden;height:22px;}
.g-ivtab .g-ivtab-bd .g-tab-con li p img {display: inline-block;float: left;width: 22px;height: 22px;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:#3295d9;}
.g-ivtab .g-ivtab-bd .g-tab-con li i.u-type a:hover{color:#3295d9;}
.g-ivtab .g-ivtab-bd .g-tab-con p.u-dashed {border-top: 1px dashed #ddd;margin: 10px 0 0;height: 10px;padding: 0;overflow: hidden;}
.g-ivtab .g-ivtab-bd .g-tab-con li.m-cen-sod{border-bottom: 1px dashed #ddd;overflow: hidden;margin-bottom: 14px;padding-bottom: 17px;}


.tempWrap{  width:100% !important;}



/***最新游戏***/
.sugame{width: 1200px;margin-top: 20px;background: #fff;box-shadow: 0px 1px 3px #ccc;padding: 0 0px;}
.sugame ul{margin-top: 20px;}
.sugame li { display: block; float: left; margin: 0 5px 20px 0; width: 278px; height: 80px; margin-left:15px;}
.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;}



/***游戏合集***/
.syyxsp-dome{ width: 100%; display: inline-block;margin-top: 10px; margin-left:15px;margin-bottom: 15px;}
.syyxsp-dome li{ width:273px ; height:179px; float: left; margin-right: 25px; overflow: hidden; position: relative;border-radius: 8px;}
.syyxsp-dome li:nth-child(4n){margin-right: 0;}
.syyxsp-dome li img{width:100%; height: 100%; }
.syyxsp-dome li p{padding: 0 15px;height:44px;background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0, transparent 100%);font-size:15px;line-height: 44px; position:absolute;left:0;bottom:0px;width: 100%;box-sizing: border-box; overflow: hidden;text-align: center;font-weight: normal;}
.syyxsp-dome li a p{color: #fff;}

.symkty{width: 1200px;background: #fff;margin: 0px auto;display: block;overflow: hidden;padding: 0px; box-sizing: border-box;}
.mat20{ margin-top: 20px !important;}




 /***游戏资讯***/
.newbox ul{margin-top: 15px;}
.newbox ul li{width:380px;margin:0px 5px 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: 1200px;background: #fff;margin: 0px auto;display: block;overflow: hidden;padding: 0px; box-sizing: border-box;}
.mat20{ margin-top: 20px !important;}

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

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





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

.fiv-nxq-nr h3{height:30px; line-height:30px; font-size:18px; font-weight:bold; color:#00aaff; border-left:3px solid #00aaff; background:#fafafa; text-indent:14px; display:block; overflow:hidden;margin-top: 15px;margin-bottom: 15px;}



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

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



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

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

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

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

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


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



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

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





.gameDintel h2{background: url(../images/line.jpg) repeat-x 0px 7px;height: 22px;margin: 20px 0px 10px 0px;font-weight: normal;}
.gameDintel h2{background: #FFF;padding: 0px 10px;font-size: 16px;border-left: 10px solid #17b1f2;}
.gameDintel{background-color: #fff;box-shadow:0px 0px 2px #cfcfcf;padding: 10px 10px 30px 15px;margin-top: 10px;box-sizing: border-box;}

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

/*弹窗*/

.hide{display: none;}
.power{

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

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

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

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





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





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





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

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

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

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

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

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





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

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

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

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

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

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



/* 基础表格样式 */
.fiv-nxq-nr table {
  border-collapse: collapse;
  width: 100%;
  font-family: Arial, sans-serif;
}

.fiv-nxq-nr tbody td, th {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}

.fiv-nxq-nr tbody th {
  background-color: #f8f9fa;
  color: #333;
}

.fiv-nxq-nr 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;
}
