body{font-size:14px;font-family: "Microsoft YaHei";color: #333;background: #f5f5f5;} body,html,a,img,div,form,select,input,ul,ol,ul,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,label,em,span{margin:0;padding:0} a{text-decoration:none;cursor:pointer; color: #454545;} p{list-style:none;} em,i{font-style:normal;} img {width:auto\9; height:auto;max-width:100%; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic;} input, textarea, select {*font-size: 100%; outline: 0;border: 0;} *{padding:0;margin:0;} img,input{border:none;vertical-align:middle;} html{overflow-y:scroll;} ul,ol{list-style-type:none;} th,td,input{font-size:14px;} button{border:none;cursor:pointer;font-size:14px;background-color:transparent;} select{border-width:1px;_zoom:1;border-style:solid;padding-top:2px;font-size:14px;} .clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;} .clearfix:after{content:"";display:block;clear:both;} .clearfix{zoom:1;} a:link,a:visited{text-decoration:none;} a:hover,a:active{text-decoration:none;color:#f44334;} .jz1 {overflow: hidden;white-space: nowrap; text-overflow: ellipsis;} .jz2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} .jz3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .mat20{ margin-top: 20px !important;} .wrap{width: 1200px;margin: 0 auto;position: relative; z-index: 10;} /***背投***/ .btgg {width: 100%;height: auto;overflow: hidden;} .btgg_bg { position: absolute; left: 50%; max-width: 1920px; height: auto; overflow: hidden; margin-left: -960px;} .btgg_bg a { display: block; width: 100%; height: auto;} .btgg_bg a::before{content: "广告";display: inline-block;position: absolute;right: 50px;top: 12px;border: 1px #f44334 solid; border-radius: 30px;font-size: 12px; padding: 0 8px;height: 20px;line-height: 20px;color: #f44334;} .gbgg{position:absolute;z-index:2;overflow:hidden;width:22px;height:22px;right:11px;top: 11px;background:url(../images/ioc-sytb.png) no-repeat -165px -140px;cursor:pointer;} /* --首页头部推荐--- */ .all{width: 1200px;background: #fff;padding: 20px 20px 30px 20px;margin: 20px auto 0px auto;display: block;box-sizing: border-box;position: relative;} .all .hotrm_bq{width: 38px;margin-top: 10px; height: 96px; flex-shrink: 0; background: url(../images/gane_hot_tit.png); background-size: 100% 100%;float: left; writing-mode: vertical-lr; text-align: center; line-height: 30px; color: #fff; font-size: 16px;} .hotyx-dome{position: relative;width: 1070px;float: left;} .all span.hyp{float: right;cursor: pointer; width: 32px;height: 96px; background:#F36161 url(../images/sx.png) no-repeat center center;background-size: 15px 15px; color: #fff;padding: 0;opacity: 1;margin-top: 10px;} .all span.hyp:hover{color: #ff5500;} .yxhj{ width: 100%; display: none;} .yxhj li{width: 87px;height: 120px;display: block;overflow: hidden;position: relative;zoom: 1;float: left;margin-left: 20px;} .yxhj li a strong{width:100%;height:24px;line-height:24px;font-size:16px;font-weight:normal;color: #666;text-align:center;display:block;overflow:hidden;position:absolute;left:0;bottom:0; /*IE9+*//*IE9-*/} .yxhj li a:hover strong{color: #FF6464;} .yxhj li img{width: 90px ; height: 90px; border-radius: 12px;margin: 0 auto;display: block;} .yxhj.active {display: block;} .cisp_tjl{background:#fff;padding:20px;margin-top: 0 !important;box-sizing: border-box; margin-bottom: 20px;border-top: 1px solid #DFDFDF;flex-wrap: wrap;display: flex;justify-content: space-between;} .cisp_tjl dl{width: 100%;padding-right: 30px;display: flex;align-items: center;font-size: 16px;margin-top: 12px;} .cisp_tjl dl:first-child{margin-top: 0;} .cisp_tjl dl dt {background: url(../images/game_recommend1.png); background-size: auto;background-size: 100% 100%; width: 66px; height: 28px;line-height: 28px;flex-shrink: 0;text-indent: 14px;color: #fff;margin-right: 10px;font-weight: normal;} .cisp_tjl dl:nth-of-type(2) dt {background: url(../images/game_recommend3.png); background-size: auto;background-size: 100% 100%;} .cisp_tjl dl:nth-of-type(3) dt {background: url(../images/game_recommend5.png); background-size: auto;background-size: 100% 100%;} .cisp_tjl dl dd{flex-grow: 1;overflow: hidden;display: flex;align-items: center;} .cisp_tjl dl dd a {flex: 1;margin-right: 12px;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-right: 12px;border-right: 1px #999 solid;} .cisp_tjl dl:nth-of-type(1) dd a:nth-of-type(1), .cisp_tjl dl:nth-of-type(1) dd a:nth-of-type(3), .cisp_tjl dl:nth-of-type(1) dd a:nth-of-type(6), .cisp_tjl dl:nth-of-type(1) dd a:nth-of-type(7) {color: #FF6600;} .cisp_tjl dl:nth-of-type(2) dd a:nth-of-type(3), .cisp_tjl dl:nth-of-type(2) dd a:nth-of-type(6), .cisp_tjl dl:nth-of-type(2) dd a:nth-of-type(8) {color: #FF6600; } .cisp_tjl dl:nth-of-type(3) dd a:nth-of-type(1), .cisp_tjl dl:nth-of-type(3) dd a:nth-of-type(5), .cisp_tjl dl:nth-of-type(3) dd a:nth-of-type(9) {color: #FF6600; } .cisp_tjl dl dd a:last-child{border-right: 0;margin-right: 0;} .sectop{ height:91px; background:url(../new_images/qhbg.png) no-repeat top left;} .sec_bot_l{ width:800px;} .sec_bot_r{ width:260px;} /***焦点图***/ #ifocus {width: 549px;height: 352px;background:#F8F8F8;position: relative;} #ifocus_pic {display:inline;position:relative;float:left;width: 549px;height: 352px;overflow:hidden;margin: 0;} #ifocus_piclist li {width: 549px;height: 352px;overflow:hidden;} #ifocus_piclist img {width: 549px;height: 352px;} #ifocus_btn {position: absolute; right: 10px; bottom: 0; z-index: 50; height: 45px;overflow: hidden;text-align: center;} #ifocus_btn li { display: inline-block;margin-top: 16px; width: 10px;height: 10px; margin-right: 5px; line-height: 14px; text-align: center; border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;background: #ebedf0;cursor: pointer;} #ifocus_btn li.on{background: #4182e1;} #ifocus_opdiv {position:absolute;left:0;bottom:0;width: 549px;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: 0px;color:#FFF;} #ifocus_tx ul li{display:none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 549px;padding: 0 200px 0 10px;box-sizing: border-box;background: rgba(0, 0, 0, 0.5);} #ifocus_tx ul li a{ color:#fff; font-size:14px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;height: 45px;line-height:45px;} #ifocus:hover #ifocus_btn {display:inline;} /***推荐专区选项卡***/ .tab-zqtj{position:relative;} .tab-zqtop{width: 100%;height: 40px;} .tab-zqtitle ul li{width: 128px;float:left;height: 40px;line-height: 40px;font-size: 14px;color:#333;cursor:pointer;position: relative;text-align: center;background: #eee;margin-right: 1px;} .tab-zqtitle ul li.m-zqhover{background: #ff7800; color: #fff;} .tab-zqbd{width: 100%;height: auto;margin-bottom: 0;overflow: hidden;margin-left: 0;} .tab-zqlist{position:relative;width: 100%;} .gdzq{width: 128px; float:left;height: 40px;line-height: 40px;font-size: 18px;display: inline-block;background: #ff7800; color: #fff;text-align: center; font-size: 14px;} .gdzq:hover{ color:#fff;} /***推荐专区***/ .tjzq_categroy {margin-top: 5px;} .tjzq_categroy, .tjzq_categroy li {position: relative;overflow: hidden;zoom: 1;} .tjzq_categroy li {padding-left: 40px;line-height: 33px;vertical-align: top;height: 33px;} .tjzq_categroy li a {color: #333;float: left;display: inline;white-space: nowrap;margin-left: -1px;overflow: hidden;*overflow:visible;padding: 0 12px;font-size:14px;width: 113px;white-space: nowrap;text-overflow: ellipsis;text-align: left;box-sizing: border-box;} .tjzq_categroy li a:hover {color: #ff7800;} .tjzq_categroy li .tjzq_t {width: 32px;height: 20px;text-align: center;position: absolute;top: 7px;left: 4px;background: #ff7800;line-height: 20px;color: #fff;border-radius: 15px;} .tjzq_categroy li .hot {color: #ff7800;} .tjzq_categroy .hot {color: #ff7800;} .tjzq_categroy1 li {padding-left: 0;} /***热单新闻***/ .inarea{width: 1200px;background: #fff;margin: 0px auto;display: block;overflow: hidden;padding: 20px; box-sizing: border-box;} .inarea-l{ width: 549px; float: left;} .inarea-r{width: 570px;float: right;} .syjdt{width: 549px; height: 352px; overflow: hidden;} .fir{ background:#fff; padding:10px} .fir_l{ width:390px;} .fir_jdt{ height:300px;} .jiange{ height:1px; line-height:1px; font-size:1px; } .btd{ border-top:1px dashed #d8d8d8; } .fir_c{width:471px; margin-left:16px;} .fir_r_part h2,.fir_r_part p,.fir_r_part ul{ width:100%; float:left;} .fir_r{width:286px;margin-left:16px;} .btd { border-top: 1px dashed #d8d8d8;} .jiange {height: 1px;line-height: 1px;font-size: 1px;} .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;} .jrtt-bt {height: 22px;margin-top: 10px;padding-bottom: 12px;font-size: 0;line-height: 22px;} .jrtt-bt ul li{display: inline-block; width: 33.33%;height: 100%;padding-bottom: 12px; font-size: 16px;text-align: center;color: #969799;border-bottom: 1px solid #ebedf0;cursor: pointer;} .jrtt-bt ul li span{ display: inline-block;width: 100%;height: 100%;} .jrtt-bt ul li.rjm-hover{font-weight: 600;color: #4182E1;border-bottom: 1px solid #4182E1;} .yxjd_lb h1{margin: 10px auto;font-size: 18px;line-height: 50px;font-weight: bold;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;} .yxjd_lb h1 a{color: #ff5a60;} .yxjd_lb ul { padding:0; float:left;width: 98%;} .yxjd_lb ul li{display: block;position: relative;margin-bottom: 12px;width: 100%;} .yxjd_lb ul li i{ margin: 0 10px 0 0px;color: #999;border-right: 1px #eaeaea solid;padding-right: 10px; display: inline-block;vertical-align: middle;max-width: 80px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .yxjd_lb ul li em{ width: 24px;height: 24px; overflow: hidden;margin-right: 3px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px;-o-border-radius: 4px;display: inline-block;vertical-align: middle;} .yxjd_lb ul li em img{ width:100%; height:100%;overflow: hidden;} .yxjd_lb ul li b{display: inline-block;width:340px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;} .yxjd_lb ul li p{ float:left;} .yxjd_lb ul li a{ font-weight:400; color:#666666;} .yxjd_lb ul li i a{color: #999;} .yxjd_lb ul li a:hover{color:#f44334;} .yxjd_lb ul li span{float: right;margin-top: 5px;color: #646566;} .yxjd_lb ul li:nth-child(1) span,.yxjd_lb ul li:nth-child(2) span,.yxjd_lb ul li:nth-child(3) span{color: #4182E1;} /*专区*/ .focusgamewp{height:900px;overflow:hidden;margin-top:20px;position:relative} .focusimg{width:100%;height:900px;overflow:hidden;position:absolute;left:0;top:0;z-index:5} .focusimg ul{width:1302px;height:900px;overflow:hidden;margin: 0 auto;position: relative;} .focusimg li{width:100%;height:300px;overflow:hidden;background-repeat:no-repeat;background-position:center top;} .focusdot{width:1000px;height:10px;text-align:center;position:absolute;left:50%;margin-left:-500px;bottom:144px;z-index:10} .focusdot span{background:url(../images/itembg.png) no-repeat -250px -44px;_background:#fff;_background-position:0 0;display:inline-block;vertical-align:top;width:10px;height:10px;overflow:hidden;line-height:99;border-radius:5px;margin:0 4px;_display:inline;_zoom:1} .focusdot .on{background-position:-262px -44px;_background:#f60;_background-position:0 0} .focusgamewp .prevbtn,.focusgamewp .nextbtn{border-radius:30px;top:120px;display: inline-block;position: absolute;z-index: 999;background: #000;width: 50px;height: 50px;overflow: hidden;line-height: 99;filter: alpha(opacity=80);opacity: .8;} .focusgamewp .prevbtn i,.focusgamewp .nextbtn i{margin-top:26px} .focusgamewp .prevbtn{left: 50%;margin-left: -600px;} .focusgamewp .nextbtn{left: 50%;margin-left: 564px;} .focusgamewp .bgarea{width:100%;position:absolute;left:0;bottom:0;z-index:10} .focusgamewp .prevbtn i,.focusgamewp .nextbtn i{background:url(../images/arrowbtn.png) no-repeat;display:block;width:14px;height:23px;overflow:hidden;margin:5px 0 0 5px} .focusgamewp .prevbtn i{background-position:0 0;float:left;margin:14px 0 0 16px;display:inline} .focusgamewp .nextbtn i{background-position:-16px 0;float:right;margin:14px 16px 0 0;display:inline} .focusgame{width:1200px;margin:0 auto;background: #fff;} .focusgame .gimg{float:left;width:124px;height:124px;overflow:hidden;margin:-42px 0 0 15px;display:inline;position:relative;} .focusgame .gimg img{display:block;width:124px;height:124px;border-radius: 22%;} .focusgame .gcon{float:left;width:674px;height:90px;overflow:hidden;margin-left:15px;display:inline} .focusgame .gname{height:34px;line-height:34px;overflow:hidden;font-size:24px;font-weight:700;margin-top: 12px;} .focusgame .gintro{height:20px;line-height:20px;overflow:hidden;color:#666;margin-top:4px} .focusgame .glink{height:24px;line-height:24px;overflow:hidden;font-size:14px;margin-top:6px} .focusgame .glink a{float:left;height:24px;overflow:hidden;margin-right:15px;display:inline;color:#f60;text-decoration:underline} .focusgame .glink a:hover{color:#f60} .focusgame .gbtn{float:right;width:280px;height:35px;margin:26px 20px 0 0;display:inline} .focusgame .gbtn a{background:url(../images/btnitem.png) no-repeat;display:block;width:130px;height:35px;overflow:hidden;line-height:99;float: left;margin-left: 10px;} .focusgame .gbtn .bt1{background-position:0 0} .focusgame .gbtn .bt2{background-position:0 -40px} /***通用栏目标题***/ .symkty{width: 1200px;background: #fff;margin: 0px auto;display: block;overflow: hidden;padding: 20px; box-sizing: border-box;} .mktybt{position: relative;height: 60px;font-size: 24px;line-height: 60px;color: #323232; border-bottom: 1px solid #ebedf0;} .mktybt strong{display: inline-block; position: relative; font-weight: 600;} .mktybt a{float: right;height: 30px;margin-top: 12px;line-height: 30px;font-weight: bold;font-size: 16px;color: #7d7d7d;} .yxsptit span{margin-top: 15px;} .mktybt i{background: url(../images/btic.png) no-repeat 0px 0px;margin-right: 10px;width: 12px;height: 15px;display: inline-block;vertical-align: middle;} /***游戏专区***/ .tab-lmbd{width:100%;background: #fff;box-sizing: border-box;margin-top: 10px;} .tab-zlmtop{width: 100%;height: 110px;} .ycxwlb{ width: 100%; display: inline-block; margin-top: 20px;} .ycxwlb li{ width: 210px; float: left; margin-right: 27px;} .ycxwlb li:nth-child(5n){margin-right: 0px;} .ycxwlb li img{width: 210px; height: 140px; border-radius: 5px;} .ycxwlb li h1{ font-size: 18px; text-align: center; font-weight: normal;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; margin-top: 10px;margin-bottom: 5px;} .ycxwlb li p{font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 24px; color: #999;} .mktybt .icon_yczz{background: url(../images/ioc-sytb.png) no-repeat -462px -60px;margin-right: 10px;width: 25px;height: 25px;display: inline-block;vertical-align: middle;} /***首页专区***/ .index-page .item .container{margin-top: 20px;} .gl_r{ width: 770px; overflow: hidden; zoom:1; } .gl_hot{ width: 318px; overflow: hidden; zoom: 1;} .gl_hot_pic{zoom:1;width: 318px;overflow: hidden;padding-top: 20px;float: right;} .gl_hot_pic ul li{width:100%;position: relative;height: 150px;} .gl_hot_pic ul li a p{width: 100%;height: 30px;display: none; background: rgba(0, 0, 0, 0.6);color: #fff;line-height: 30px;padding: 0 10px;box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; position: absolute;left: 0px;bottom: 0; z-index: 10;text-align: center;} .gl_hot_pic ul li a img{width:100%;height: 100%;overflow: hidden;} .gl_hot_pic ul li:hover p{display: block;} .gl_hot_pic ul li:nth-child(1){margin-bottom: 16px;} /***首页原创作者***/ .container .navPrev, .container .navNext {display: inline-block; *zoom: 1;width: 15px;height: 27px;line-height: 100;overflow: hidden;position: absolute;} .container .navPrev{top:50%;left:-40px;background: url(../images/jty.png) no-repeat;margin-top: -13.5px;} .container .navNext{top: 50%;right: -40px;background: url(../images/jte.png) no-repeat;margin-top: -13.5px;} /***游戏合集***/ .syyxsp-dome { position: relative;margin: 16px auto;font-size: 0;} .syyxsp-dome li { display: inline-block; position: relative;width: 288px;height: 170px;overflow: hidden; margin-right: 2px;padding: 10px;box-sizing: border-box;background: #fff;} .syyxsp-dome li .img-box {width: 100%;height: 100%; } .syyxsp-dome li .img-box img {width: 100%;height: 100%;} .syyxsp-dome li:hover {transform: translate(0px, -2px);box-shadow: 0px 4px 15px 0px rgba(0, 46, 87, 0.15);background: #ffffff;} .img-mask { content: ".";position: absolute;right: 10px;bottom: 10px; left: 10px;height: 50px;font-size: 0;box-sizing: border-box;background: linear-gradient(181deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.20) 100%, rgba(0, 0, 0, 0.10) 100%); opacity: 0.8;} .syyxsp-dome li .txt {display: block; position: absolute; right: 0; bottom: 10px; left: 0; z-index: 3; height: 36px; padding: 0 12px; padding: 0 20px; font-size: 14px; line-height: 36px; color: #fff;box-sizing: border-box;} /***手游栏目***/ .tab-yxlm{position:relative;} .tab-lmtop{width: auto;position: absolute;right:100px;top: -56px;} .tab-lmtitle ul li{width: 69px;height: 26px;display: inline-block;text-align: center;line-height: 26px; border: 1px solid #E4E4E4;border-radius: 5px;cursor: pointer;font-size: 14px;font-weight: 400;color: #999999;margin-left: 16px;} .tab-lmtitle ul li span{display: inline-block;width: 100%;height: 100%;} .tab-lmtitle ul li.m-lmhover{color: #F04040;border: 1px solid #F04040;} .tab-lmbd{width: 100%;height: auto;margin-bottom: 0;overflow: hidden;margin-left: 0;} .tab-lmlist{position:relative;width: 100%;} .tab-lmlist .inner{padding: 20px;box-sizing: border-box;background: #fff;} .tab-lmlist:nth-of-type(n+2){display: none;} .tab-lmtitle ul li span{display: block;} .btn-yxlm{width: 100px;float:left;height:100px;font-size: 16px;color:#666;cursor:pointer;position: relative;text-align: center;padding-top: 20px;box-sizing: border-box; display: inline-block; float: left;} .btn-yxlm span{display: block;} .btn-yxlm:hover{background: linear-gradient(90deg,#ff894e,#ff7800);color: #fff;border-radius: 10px;} .rmglxw .tab-lmlist{margin-top: 20px;} .rmglxw .tab-lmlist ul li { float: left; width: 548px; margin: 0 43px 32px 0; } .rmglxw .tab-lmlist ul li:nth-child(2n) { margin-right: 0; } .rmglxw .tab-lmlist ul li .imgTxt { float: left; position: relative; margin-right: 25px; overflow: hidden; } .rmglxw .tab-lmlist ul li .imgTxt img { float: left; width: 212px; height: 136px; border-radius: 6px; } .rmglxw .tab-lmlist ul li .imgTxt .name { width: 100%; text-align: center; line-height: 28px; font-size: 14px; color: #fff; position: absolute; bottom: 0; left: 0; background: #00000080; white-space: nowrap; overflow: hidden; border-radius: 0 0 6px 6px; } .rmglxw .tab-lmlist ul li .imgTxt:hover img { transition: all 0.5s; transform: scale(1.1); } .rmglxw .tab-lmlist ul li .cont { float: left; } .rmglxw .tab-lmlist ul li .cont a { display: block; padding-left: 12px; width: 296px; white-space: nowrap; overflow: hidden; line-height: 33px; color: #4e4e4e; font-size: 14px; position: relative; } .rmglxw .tab-lmlist ul li .cont a .dot { position: absolute; top: 13px; left: 0; width: 8px; height: 8px; border-radius: 50%; background: linear-gradient(to bottom, #fdb2b0, #ffe3de); } .rmglxw .tab-lmlist ul li:nth-child(3),.rmglxw .tab-lmlist ul li:nth-child(4){margin-bottom: 0;} .tab-lmbd{box-sizing: border-box;margin-top: 10px;} .game_slb{overflow:hidden;height: auto;width: 1160px;padding-left: 0;margin-top: 0;} .game_slb li{width: 120px;height: auto;float: left;margin: 20px 28px 0 0px;display: inline;position: relative;} .game_slb li a {width: 100%;height: 150px;display: block;overflow: hidden;position: relative;zoom: 1;} .game_slb li a span{width:100%;height: 25px;line-height: 25px;font-size:14px;font-weight:normal;color: #666;text-align:center;display:block;overflow:hidden;position:absolute;left:0;bottom: 0px; OVERFLOW: HIDDEN;WHITE-SPACE: NOWRAP; TEXT-OVERFLOW: ELLIPSIS;} .game_slb li a:hover span{color: #f44334;} .game_slb li img{width: 120px;height: 120px;border-radius: 20px;} .game_slb li:nth-child(8n){margin-right: 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:#FF6464;} .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: #ef3939;text-decoration: none;} .phb_lm .on{background-color: #ef3939;} .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 #FF6464;color: #FF6464; text-align: center;font-size: 18px; border-radius: 10px; margin-top: 50px;} .ranp__btn:hover{ background-color: #FF6464; color: #fff;} .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;} .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: #f44334; border-color: #f44334;} .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 #4182E1;text-align: center;line-height: 30px;border-radius: 10px;color: #4182E1;} .ranp .ranp_xx .jrzq:hover{ background: #4182E1; 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 #f44334 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;} /*专区*/ .s5-m{float: left;width: 445px;margin-left: 20px;} .part-title{width: 100%;height: 54px;line-height: 54px;border-bottom: 1px solid #e8e8e8;margin-bottom: 18px;} .part-title span{font-size: 18px;font-weight: bold;} .part-title span:before{content: '';float: left;width: 6px;height: 18px;background-color: #f76341;border-radius: 3px;margin-top: 18px;margin-right: 5px;} .part-title a{float: right;height: 30px;margin-top: 12px;line-height: 30px;font-weight: bold;font-size: 16px;color: #7d7d7d;} .s5-m .s5-m-news {height: 140px;width: 100%; margin-bottom: 20px;} .s5-m-news > a {font-weight: bold;font-size: 16px;height: 36px;line-height: 36px;margin-bottom: 6px;display: block;} .s5-m-news > div {height: 94px;overflow: hidden;} .s5-m-news div a {width: 204px;float: left;height: 94px;border-radius: 8px; overflow: hidden;} .s5-m-news div p { float: right; overflow: hidden;height: 94px;width: 225px;line-height: 23px;} .news-link-ul {width: 100%;box-sizing: border-box;padding: 2px 0px;} .news-link-ul li {width: 100%;height: 28px;line-height: 28px;text-align: left;overflow:hidden;margin-bottom: 8px;} .news-link-ul li i {font-size: 0;display: inline-block;vertical-align: bottom;width: 8px;height: 8px;background-color: #eaeaea;border-radius: 2px;float: left;margin-top: 10px;margin-right: 12px;} .news-link-ul li a {display: inline-block;max-width: 360px;height: 28px;line-height: 28px;overflow: hidden;font-size: 15px;} .news-link-ul li span {float: right;color: #b1b1b1;line-height: 28px;font-size:12px;} .s1-m-2 .news-link-ul li span{width:65px;text-align:left;} .news-link-top li a { max-width: 330px;} .s5-l{float: right;width: 630px;margin-right: 20px;} .s5-l .s5-l-a div {width: 100%;height: 160px;border-radius: 6px;overflow: hidden;} .s5-l .s5-l-a div img{width: 100%;height: 100%;overflow: hidden;object-fit: cover;} .s5-l .s5-l-a b {display: block; margin-top: 4px;overflow: hidden;height: 24px;line-height: 24px;} .s5-l li{width: 300px;float: left;margin-right: 20px;} .s5-l li:nth-child(2n){margin-right: 0;} /***软件***/ .yxsptit{height: 50px;} .symkty .yxsptit strong,.symkty .yxsptit strong{color: #354352;font-size: 24px;width: 126px;height: 50px;display: inline-block;background: url(../images/inico.png) no-repeat -214px 0;padding: 12px 0 0 19px;box-sizing: border-box;} .rjmk_l{width: 100%;max-height: 590px;box-sizing: border-box;overflow: hidden;} .rjxxk-cont{position:relative;} .rjxxk-bd{width: 100%;height: auto;float: left;} .rjxxk-list{position:relative;width: 100%;overflow: hidden;} .rjxxk-list:nth-of-type(n+2){display: none;} .rjxxk-top{width: auto;position: absolute;right:100px;top: -48px;} .rjxxk-top ul li{width: 69px;height: 26px;display: inline-block;text-align: center;line-height: 26px; border: 1px solid #E4E4E4;border-radius: 5px;cursor: pointer;font-size: 14px;font-weight: 400;color: #999999;margin-left: 16px;} .rjxxk-top ul li span{display: inline-block;width: 100%;height: 100%;} .rjxxk-top ul li.rjm-hover{color: #F04040;border: 1px solid #F04040;} .tab-lmbd{box-sizing: border-box;margin-top: 10px;} .soft_slb{overflow:hidden;height: auto;width: 1160px;padding-left: 0;margin-top: 0;} .soft_slb li{width: 120px;height: auto;float: left;margin: 20px 28px 0 0px;display: inline;position: relative;} .soft_slb li a {width: 100%;height: 150px;display: block;overflow: hidden;position: relative;zoom: 1;} .soft_slb li a span{width:100%;height: 25px;line-height: 25px;font-size:14px;font-weight:normal;color: #666;text-align:center;display:block;overflow:hidden;position:absolute;left:0;bottom: 0px; OVERFLOW: HIDDEN;WHITE-SPACE: NOWRAP; TEXT-OVERFLOW: ELLIPSIS;} .soft_slb li a:hover span{color: #f44334;} .soft_slb li img{width: 120px;height: 120px;border-radius: 20px;} .soft_slb li:nth-child(8n){margin-right: 0px;} /**视频**/ .syvideo{width:100%;height:394px;position:relative;overflow: hidden;margin-top: 20px;} .syvideo a{transition:none;-webkit-transition:none;} .syvideo a:link,.syvideo a:visited{color:#FFFFFF}.syvideo a:hover{color:#f42d2d;} .syvideo .con{width:1200px; height: 1000px;} .syvideo .con img{width: 100%;height: 100%;object-fit: cover;} .syvideo .mr{margin:0 10px 10px 0} .syvideo .con .first{width:352px;height:394px;position:relative;float:left;} .syvideo .con .first .start{width:94px;height:94px;top:140px;left:129px;background:url(http://i3.sinaimg.cn/gm/project/973home/images/start.png);display:block;} .syvideo .con .cbox{width:192px;height:192px;float:left;position:relative;overflow:hidden} .syvideo .con .posx{width: 322px;height:48px;padding:80px 15px 0;position:absolute;left: 0;bottom: 0;font-size:16px;line-height:30px;background:url(http://i3.sinaimg.cn/gm/project/973home/images/fmask.png) 0 bottom} .syvideo .con .start{width:58px;height:58px;position:absolute;top:48px;left:66px;background:url(http://i3.sinaimg.cn/gm/project/973home/images/start.png) 0 -105px;transition: all 0.2s;-webkit-transition: all 0.2s;} .syvideo .con .cbox .posx{width:162px;padding:39px 15px 5px;height:48px;font-size:14px;line-height:22px;background:url(http://i0.sinaimg.cn/gm/project/973home/images/smask.png);} .syvideo .first:hover .start{background-position:-100px 0;} .syvideo .cbox:hover .start{background-position:-100px -105px;} .syvideo .con i{ display: block; width: 63px; height: 45px; background: url(http://n.sinaimg.cn/973/homepage/yc.png) no-repeat; position: absolute; left: 0; top: 0;} /* 手游测评 */ .album_and_rank{display: flex;justify-content: space-between;} .colllist {display: flex;height: 200px;justify-content: space-between;} .pingfen {margin: 11px 0 !important; text-align: right;} .pingfen span {width: 41px;height: 18px;background: #F04040;border-radius: 2px;font-size: 12px;font-weight: bold;color: #FFFFFF;padding: 2px 8px;} .album_and_rank {display: flex;justify-content: space-between;margin-bottom: 40px;margin-top: 20px;} .album_wrap {display: flex;justify-content: space-between;} .colllist:first-of-type .rank {display: block;} .colllist .rank {position: relative;display: none;background: #fff; height: 200px;padding: 0px 24px;margin: 0px;width: 220px;opacity: 1;} .colllist .active {display: block;} .colllist .rank h3 {font-size: 14px;font-weight: bold;color: #333333;} .colllist .rank .desc {font-size: 12px;font-weight: 400;line-height: 24px;color: #333333;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;margin-top: 20px;} .colllist .rank .active {display: block;} .colllist .album_img {width: 180px;height: 100%;border-radius: 5px 0px 0px 5px;position: relative;} .colllist .album_img img{width: 100%;height: 100%; object-fit: cover;} .colllist .album_img:nth-of-type(2) {margin-right: 30px;} .colllist .tit {width: 100%;height: 38px;font: 14px/38px "";color: #fff;text-align: center;position: absolute;bottom: 6px;background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4), rgba(255, 255, 255, 0.4));} .game_downloads {display: flex;justify-content: flex-start;margin-top: 40px} .sj_yxhj{ height:230px; width:1200px; padding:7px 0 0 0; overflow:hidden;} .sj_yxhj .glabal_tit{ margin:0 10px; width:1180px;} .sj_yxhj .glabal_tit span{ background-position:0px -298px; padding-left:28px;} .sj_yxhj_box{height:160px; width:1200px; margin-top:15px; overflow:hidden;} .sj_yxhj_box a{float:left; width:260px; height:160px; font-size:16px; margin:0 20px; position:relative; overflow:hidden;} .sj_yxhj_box a img{width:260px; height:160px;} .sj_yxhj_box a span{display:inline-block; width:100%; height:35px; line-height:35px; color:#fff; text-align:center; position:absolute; left:0px; bottom:0px;background:rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000);} /***首页排行榜**/ .syphbmk{width: 1200px;margin: 0px auto;display: block;overflow: hidden;} .syphb{width: 380px;float: left;margin-right: 1px;background: #fff;padding: 20px;box-sizing: border-box;margin-right: 30px;} .syphb_list li {width: 100%;padding: 0px 0 15px 0;border-bottom: 1px dashed #e8e8e8;display: inline-block;margin-bottom: 15px;} .syphb_list li>span {display: inline-block;width: 30px;height: 30px;background-size: cover;text-align: center;line-height: 30px;color: #fff;font-size: 14px;font-weight: bold;margin-right: 16px;flex-shrink: 0;background: #eee;background-position: -170px -0px;float: left;color: #999;} .syphb_list li .game_info {display: none;overflow: hidden;} .syphb_list li.active .game_info {display: block;padding: 0;} .syphb_list .game_info img {width: 70px;height: 70px;border-radius: 20px;display: block;flex-shrink: 0;margin-right: 16px;float: left;} .syphb_list .game_info div {overflow: hidden;float: left;} .syphb_list .game_info div h5 {font-size: 16px;color: #333;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 150px;} .syphb_list .game_info div p {font-size: 12px;color: #999;font-weight: normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 5px 0;} .syphb_list .game_info div .seperator {padding: 0 5px;height: 20px !important;line-height: 17px !important;} .syphb_list .game_info div a.yxxqbtn {width: 60px;height: 22px;background: #FF6464;border-radius: 5px;text-align: center;line-height: 22px;font-size: 14px;color: #fff;display: block;} .syphb_list li.active .game_simple { display: none;} .game_simple{ font-size: 16px; line-height: 30px;height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .syphb_list li:last-child{ margin-bottom: 0px;} .syphb_list li:nth-of-type(1)>span {background: #ff5c0b;color: #fff;} .syphb_list li:nth-of-type(2)>span {background: #ff7a0e;color: #fff;} .syphb_list li:nth-of-type(3)>span {background: #ffbb83;color: #fff;} .syphb_list li.active span{ height:70px; line-height:70px;} /***友情链接***/ .symklj{width: 1200px;background: #fff;margin: 0px auto;margin-top: 0px;display: block;overflow: hidden;box-sizing: border-box;} .yqlj_b{float: left;width: 150px;height: 145px;text-align: center;background:#ff7800 url(../images/inico.png) no-repeat -305px -128px;color: #fff;font-size: 22px;position: relative;line-height: 145px;font-weight: bold;} .yqlj_b span{ display: block;} .yqlj_b:before{content: '';width:10px;height:19px;display:inline-block;background: url(../images/yqlj-ico.png) no-repeat;position: absolute;right: -10px;top: 50%;margin-top: -9.5px;} .yqlj_swiper {width: 100%;padding-top: 10px;} .yqlj_swiper a {display: inline-block;width: 141px;height: 38px;line-height:38px;color: #767676;font-size: 14px;padding-right: 20px;box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .yqlj_swiper a:hover{color: #f44334;} .tab-lmtitle .iconfont{ width: 30px; height: 30px; display: inline-block; margin-bottom: 5px; font-size: 30px!important;} .yy-btn:hover{ color: #fff;} .index-page .solution-more-slide .hd li{height: 146px !important;margin-left: 58px;margin-right: 0;} .index-page .solution-more-slide .hd li:first-child{margin-left: 100px;} .index-page .solution-more-slide .hd li img{border-radius: 30px;width: 122px !important;height: 122px !important;margin-top: 24px;} .index-page .solution-more-slide .hd li.on{width: 146px;} .index-page .solution-more-slide .hd li.on img{height: 146px !important;width: 146px !important;margin-top: 0;} #syzq .tempWrap .bd li:nth-child(2){ display: none;} #syzq .tempWrap{ height: 146px; margin: 0px;} .index-page .solution-more-slide .hd li::before{background: none !important;} .index-page .solution-more-slide .hd li::after{border-bottom: none !important;} .mktybt span a{ color: #888888;} .mktybt span a:hover{ color: #ff7800;} /***右侧悬浮***/ .sycf-top{ width: 80px; position: fixed;z-index: 99999; right: 5%; bottom: 50px; display: none;} .sycf-top li{ width: 80px; height: 80px; margin-bottom: 1px; } .sycf-top li a{width: 80px; height: 80px; display: block; background: #fff; text-align: center;transition: all 0.3s ease-in-out 0s;} .sycf-top li a:hover{ background: #f44334; color: #fff;transition: all 0.3s ease-in-out 0s;} .sycf-top li i.yxk-top{background: url(../images/ioc-sytb.png) no-repeat -5px -125px; width: 40px; height: 40px; display: inline-block; margin-top: 10px;transition: all 0.3s ease-in-out 0s;} .sycf-top li a:hover .yxk-top{background-position: -55px -125px;transition: all 0.3s ease-in-out 0s;} .sycf-top li i.zq-top{background: url(../images/ioc-sytb.png) no-repeat -5px -198px; width: 40px; height: 40px; display: inline-block; margin-top: 10px;transition: all 0.3s ease-in-out 0s;} .sycf-top li a:hover .zq-top{background-position: -55px -198px;transition: all 0.3s ease-in-out 0s;} .sycf-top li i.gl-top{background: url(../images/ioc-sytb.png) no-repeat -4px -252px;width: 40px;height: 40px;display: inline-block;margin-top: 10px;transition: all 0.3s ease-in-out 0s;} .sycf-top li a:hover .gl-top{background-position: -55px -252px;transition: all 0.3s ease-in-out 0s;} .sycf-top li i.phb-top{background: url(../images/ioc-sytb.png) no-repeat -2px -310px;width: 40px;height: 40px;display: inline-block;margin-top: 10px;transition: all 0.3s ease-in-out 0s;} .sycf-top li a:hover .phb-top{background-position: -55px -310px;transition: all 0.3s ease-in-out 0s;} .sycf-top li i.fhdb-top{background: url(../images/ioc-sytb.png) no-repeat 0px -360px;width: 40px;height: 40px;display: inline-block;margin-top: 25px;transition: all 0.3s ease-in-out 0s;} .sycf-top a.top{ background: #f44334;} .sycf-top li span{display: block;} @media screen and (max-width:1440px) { .sycf-top{ right: 30px;} } @media screen and (max-width:1280px) { .sycf-top{ right: 10px;} } @media only screen and (max-width: 1024px) and (min-width: 769px){ .sycf-top{ right: 10px;} } @media only screen and (max-width: 768px){ .sycf-top{ right: 10px;} } /***当前***/ .position{font-size: 14px;color: #9b9b9b;height: 50px;line-height: 50px;margin-top: 1px; 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: #ff7800;} /***筛选***/ .game-sx{background: #fff;padding: 20px;box-sizing: border-box;overflow: auto;} .gmtext{ width: 100%;} .gmlxtag{ width: 100%;line-height: 26px; padding: 15px 0px; font-size: 14px; color: #666; position: relative;overflow: hidden; border-bottom: 1px #e2e2e2 dashed;} .gmtext .gmlxtag:last-child{border-bottom: 0px #e2e2e2 dashed;} .gmsubtitle{ margin-right: 14px; float: left; font-weight: bold;color: #666;} .gmlabel{overflow: hidden;} .gmlabel ul{overflow: hidden;padding-right: 50px;height: 26px;} .gmlabel .show{height: auto;} .gmlabel li{margin-right: 25px; float: left; margin-bottom: 7px;} .gmlabel li a{display: inline-block;color: #666;width: 65px;text-align: center;} .gmlabel li a:hover,.gmlabel li a.labon{ background: #f44334; color: #fff; border-radius: 4px; text-decoration: none;} .gmopen{ position: absolute; right: 0px;cursor: pointer;top:15px; color: #f44334;} .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;} .gmli .active{ color: #999;} .gmli .active:before{ background-position: -191px -96px;} .newahot{ position: absolute; right: 0px; top: 15px;} .newahot a{ color: #6a6a6a; display: inline-block; float: left;} .newahot a i{ content: ""; width: 15px; height: 15px; display: inline-block; float: left; margin: 6px 3px 0px 0px; background: url(../images/ghoticon.png) no-repeat 0px 0px;} .newahot a.hotscreen{ margin-left: 33px;} .newahot a.hotscreen i{ background-position: 0px -18px;} .newahot a:hover,.newahot a.hshover,.newahot a.nshover{ color: #ff7800; text-decoration: none;} .newahot a:hover i,.newahot a.nshover i{background-position: 0px -35px;} .newahot a.hotscreen:hover i,.newahot a.hshover i{ background-position: 0px -53px;} /****游戏列表一排五个***/ .gamemk{padding-bottom: 20px;} .game-list{padding-bottom: 20px;} .game-list li{ background: #fff;border: 1px solid #ddd;width: 280px;height: 275px;float: left;margin: 0 21px 16px 0;position: relative;} .game-list li .tit{ height: 43px; line-height: 43px; background: #f9f9f9; text-align: center;font-size: 13px;border-bottom: 1px solid #ededed; margin-bottom: 15px;color: #e6e6e6;} .game-list li .tit span {display: inline-block;margin: 0 8px;color: #333;} .game-list li .tit .ic-android{display: inline-block;width: 15px;height: 18px;background: url(../images/android.png) no-repeat left top;} .game-list li .tit .ic-apple {display: inline-block;width: 15px;height: 18px;background: url(../images/apple.png) no-repeat left top;position: relative;top: 4px;margin-left: 4px;} .game-list li .con {text-align: center; height: 176px; position: relative;} .game-list li .yuanjiao{-moz-border-radius: 18px;-webkit-border-radius: 18px;border-radius: 18px;z-index: 1;position: relative;width: 118px;height: 118px;margin-bottom: 10px;} .game-list li .con p{height: 20px; overflow: hidden;font-size: 16px;} .game-list li .con .ic-arr{display: inline-block; width: 35px; height: 17px;background: url(../images/zj/hf_ic2.jpg) no-repeat left top;position: absolute;bottom: -1px;left: 100px;} .game-list li .info{border-top: 1px solid #ddd;text-align: center;height: 38px;line-height: 38px;color: #999;} .game-list li .bg {position: absolute;width: 100%;height: 100%;top: 0; left: 0;display: none;background: #000;opacity: .8;-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)';filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);z-index: 22;} .game-list li .txt { position: absolute; left: 0;top: 0;z-index: 33;color: #fff;padding: 20px;display: none;} .game-list li .txt h3 {font-size: 18px; font-weight: normal;margin-bottom: 10px;height: 24px;overflow: hidden;text-align: center;margin-top:30px;} .game-list li .txt p {font-size: 14px;line-height: 24px; height: 72px;overflow: hidden;margin-bottom: 15px;} .game-list li .txt .h40 {height: 40px;width: 240px;text-align: center;} .game-list li .txt a.xq { display: inline-block; width: 119px;height: 34px;line-height: 34px; background: #FF6464;font-size: 16px;color: #fff;text-align: center;} .game-list li:hover .txt,.game-list li:hover .bg{display: block;} .game-list li:nth-child(4n){margin-right: 0px;} .page{margin: 0px auto 0px;text-align: center;background: #fff;padding-bottom: 10px;} .page li{display: inline-block;overflow: hidden;border: none !important;padding: 0 !important;} .page li a, .page li span{ padding: 0px 12px; line-height: 38px; height: 38px; color: #666; font-size: 14px; border: 1px #ededed solid; display: inline-block;background: #fff;} .page li a:hover,.page li a.phover{ background: #f44334; color: #fff; border: 1px #f44334 solid; text-decoration: none;} .page li span{background-color: rgba(0,0,0,.1)} .pagination>li>span { position: relative; float: left; padding: 0px 12px; color: #333; background-color: #fff; border: 1px solid #ddd; margin: 0 2px;} .pagination>li.active>span { position: relative; float: left; border: 1px solid #f44334; z-index: 2; color: #fff; background-color: #f44334;} /*****大家都在玩***/ .zq-tjyx{width: 100%;padding: 10px 0 15px 0;margin: 0px auto;} .zqtj-dome{overflow:hidden;position:relative;margin: 0px;float: right;width: 1110px;padding-left: 0px;margin-top: 0;} .zqtj-dome b{display: block;top: 0;position: absolute;font-family: serif;height: 60px;width: 25px;line-height: 60px;font-size: 30px;font-weight: bold;color: #999;text-align: center;background: #e6e6e6;cursor: pointer;position: absolute;} .zqtj-dome b:hover{ color:#f44334;} .zqtj-dome b.zqtj-scroll-left{right: 0;} .zqtj-dome b.zqtj-scroll-right{right:0;margin-top: 65px;} .zqtj-dome ul li{float:left;width: 110px;height: auto;margin:0 15px;text-align: center;overflow: hidden;cursor:pointer;border-radius: 2px;} .zqtj-dome li img {width: 110px;height: 110px;-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;margin: 0px 0 10px 0;} .zqtj-dome li strong{display:block;color: #666;width: 80px;text-align: center;overflow: hidden;height: 20px; font-weight:normal;margin: 0px auto; line-height:20px;} .zqtj-dome ul li:hover strong{ color:#f44334;} .zqtj-dome .zqtj-domelist{overflow:hidden;margin: 0px auto;height: auto;width: 1130px;float: left;} .daw{ width: 50px; float: left;} /***游戏下载***/ .game-main{ width: 100%;} .yxxq_xz{padding: 20px 0px 20px 20px;border-bottom: 7px #f2f2f2 solid;height: 202px;position: relative;box-sizing: border-box;} .yxxq_xz .game-img{float: left;width: 155px;margin-right: 20px;z-index: 1;position: relative;} .yxxq_xz .game-img img{width: 155px;height: 155px;overflow: hidden;border-radius: 40px;} .yxxq_xz dl{float: left;width: 580px;position: relative;z-index: 1;margin-right: 30px;} .yxxq_xz dt{color: #fff;line-height: 70px;height: 70px;} .yxxq_xz dt h1{ max-width: 100%; float: left;font-size: 28px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .yxxq_xz dd:nth-child(2){font-size: 14px;color: rgba(255, 255, 255, 0.9);height: 18px;line-height: 18px;overflow: hidden;} .yxxq_xz dd i,.dayright td i{ width: 15px; height: 14px; display: inline-block; margin-right: 2px; background: url(../images/ghoticon.png) no-repeat -21px 0px; } .yxxq_xz dd i.scoreb,.dayright td i.scoreb{ background-position: -21px -17px;} .yxxq_xz dd i.scoreh,.dayright td i.scoreh{ background-position: -21px -35px;} .yxxq_xz dd .glnum{ font-size: 14px; color: #ff7800;margin-left: 4px;float: left;} .yxxq_xz dd .glnum b{ font-size: 26px;} .yxxq_xz dd .glnum em{ font-size: 16px; font-weight: bold;} .yxxq_xz dd p{line-height: 20px;color: #ffffff;width: 100%;height: 20px;} .yxxq_xz dd span{display: inline-block;width:25%;float: left;font-size: 12px;} .yxxq_xz dd span em, .yxxq_xz dd span em a{color: #ffffff;} .yxxq_xz dd.game-btn{margin-top: 6px;position: relative;} .yxxq_xz dd.game-btn a{width: 197px;height: 40px;line-height: 40px;display: inline-block;font-size: 18px;background: #4182E1;border-radius: 2px;color: #fff;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);} .yxxq_xz dd.game-btn a:hover{ text-decoration: none; opacity: 0.8;} .yxxq_xz dd.game-btn a.computerico:before{content: "";width: 20px;height: 20px;display: inline-block;float: left;margin: 12px 5px 0px 40px;background: url(../images/ghoticon.png) no-repeat -46px 0px;} .yxxq_xz dd.game-btn a.iosico{ background: #4182E1;} .yxxq_xz dd.game-btn a.iosico:before{ background-position: -46px -23px;} .yxxq_xz dd.game-btn a.computerico:before{background-position: -46px -49px;} .yxxq_xz dd.game-btn a.zwsxico{background: #a0a0a0;text-indent: 30px;} .yxxq_xz dd.game-btn a.androidico{text-align: center;} .yxxq_xz dd.game-btn a.nohs{background: #d8d8d8;color: #fff;} .yxxq_xz dd.game-btn p{font-size: 12px;width: 197px;text-align: center;color: rgba(255, 255, 255, 0.5);} .yxxq_xz dd.game-btn .game-jrzq {float: left;} .yxxq_xz dd.game-btn .game-jrzq a {color: #fff;width: 150px;height: 40px;line-height: 40px;display: block;border-radius: 2px;font-size: 16px;text-align: center;background: #f44334;} .yxxq_xz dd.game-btn .game-jrzq a:hover {background-color: rgb(255, 80, 0);} .w-bgimgBox {left: 0;position: absolute;top: 0;width: 100%;height: 100%;z-index: -1;overflow: hidden;background: #005e65;} .w-bgimg { filter: blur(100px); left: -5%; position: absolute; top: -500px; width: 110%; z-index: 1; opacity: 0.8;} .index-page .w-bgimgBox::after{content: ""; position: absolute;bottom: 30px;left: 0;width: 100%;display: block;height: 400px;background: linear-gradient(to top, rgba(242, 242, 242, 100%) 0%, rgba(242, 242, 242, 0) 100%);z-index: 9;} .yxxq-pf{width: 130px;float: right;margin-right: 90px;padding-top: 15px;} .yxxq-pf .glnum{color:#ff7800;font-size: 50px;font-family: Arial, Helvetica, sans-serif;line-height: 88px;text-align: center;} .yxxq-pf .scorepf{width: 125px;height: 19px;display: block;position: relative;background: url(../images/gamexicoh.png) repeat-x;} .yxxq-pf .scorepf i {width: 93%;height: 19px;position: absolute;left: 0;top: 0;background: url(../images/gamexicoc.png) repeat-x;overflow: hidden;margin: 0;} .azewm{position: absolute;width: 177px;height: 177px;top: 40px;left: 0px;overflow: hidden;z-index: 99;border: 10px solid #fff;background: #fff;box-shadow: 0px 4px 4px #d0d0d0;display: none;} .iosewm{position: absolute;width: 177px;height: 177px;top: 48px;left: 184px;overflow: hidden;z-index: 99;border: 10px solid #fff;background: #fff;box-shadow: 0px 4px 4px #d0d0d0;display: none;} .azewm img,.iosewm img{width: 177px;height: 177px;} .lhsm{width: 100%;height: 40px;line-height: 40px;padding-left: 20px;box-sizing: border-box;background: #f2f2f2; font-size: 14px;} .lhsm a{ margin-left: 5px;color: red;} @-webkit-keyframes scan { 0% {top:0} 100% {top:130px}} @keyframes scan { 0% {top:0} 100% {top:130px}} .game-syphb {width: 130px;height: 180px;position: absolute;right: 30px;top: 12px;z-index: 3;background: url(../images/game-syphb.png) no-repeat;} .game-syphb .icon.ri4 {width: 123px;height: 123px;background-position: -525px 0;position: absolute;left: 5px;top: 30px;z-index: 3;} .game-syphb .icon.ri4 a {display: block;overflow: hidden;} .game-syphb .p1 {display: block;height: 32px;line-height: 32px;overflow: hidden;text-align: center;margin-top: 22px;color: #fff;font-size: 23px;font-weight: bold;} .game-syphb .p2 { display: block; height: 22px; line-height: 22px; overflow: hidden; text-align: center; color: #fff; font-size: 14px; margin-bottom: 4px;} .game-syphb .tit { display: block; height: 24px; line-height: 24px; overflow: hidden; text-align: center; color: #ffefa8; width: 56px; border-top: 1px solid #fce27e; margin: 0 auto;} .game-syphb .icon.ri4 a.ani {animation: revolveLr 4s linear infinite both;-webkit-animation: revolveLr 4s linear infinite both;} @keyframes revolveLr {50% { transform:rotateY(0deg) } 75% { transform:rotateY(180deg)} 100% {transform:rotateY(0deg)}} /***游戏下载详情***/ .gamenr-left{ width: 805px; float: left;} .gamenr-detail{ border: 1px #f2f2f2 solid;} .gamenr-tab{ padding-top: 3px;} .gamenr-tab .tjcont{ padding-top: 0px;} .gamenr-tabtit{ width: 100%; border-bottom: 1px #f2f2f2 solid; line-height: 50px; text-align: center;} .gamenr-tabtit li{ display: inline-block; padding: 0px 40px; margin: 0px 35px; cursor: pointer; font-size: 18px; color: #333; position: relative;} .gamenr-tabtit li:hover,.gamenr-tabtit li.on{ border-bottom: 2px #f44334 solid; color: #f44334; font-weight: bold;} .gamenr-tabtit li .comnumber{ height: 14px; line-height: 14px; font-size: 11px; padding: 0px 3px; border-radius: 2px; display: inline-block; position: absolute; background: #f44334; color: #fff; font-weight: normal;top:6px;left: 72px;} .gamenr-tabtext{padding: 0px 20px;color: #333;font-size: 14px;line-height: 30px;} .gamenr-tabcont h4{ font-size: 18px; font-weight: normal; margin-top: 20px; line-height: 45px;} .gamenr-tabcont h4:before{ width: 4px; height: 18px; content: ""; display: inline-block; background: #f44334; border-radius: 8px; margin: 15px 9px 0px 0px; float: left;} .game-ad{ width: 100%; border-bottom: 7px #f2f2f2 solid; border-top: 7px #f2f2f2 solid;} .game-ad img{ width: 100%;} .gamenr-tabtext dd{width: 100%;background: #f5f5f5;padding: 20px;box-sizing: border-box;margin-top: 20px;display: inline-block;} .gamenr-tabtext dd p{line-height: 20px;color:#666;width: 100%;height: 20px;} .gamenr-tabtext dd span{display: inline-block;width:33%;float: left;font-size: 12px;line-height: 30px;} .gamenr-tabtext dd span em, .gamenr-tabtext dd span em a{color: #666;} .yxcs{ width: 66% !important;} .padlr20 {padding: 0px 20px;} /***相关游戏推荐**/ .gtabrotation{padding: 0px 20px;margin-bottom: 30px;} .gamenr-player{ margin-bottom: 20px; height: 300px;} /***攻略资讯**/ .gamenr-tabcont .yxxq_newgl .nimg{ margin-left: 20px;} .gamenr-tabcont .yxxq_newgl .ntext{ width: 500px;} .yxxq_newgl{ margin-top: 4px; width: 100%;} .yxxq_newgl li{ padding: 20px 0px; border-bottom: 1px #f1f1f1 solid;} .yxxq_newgl .nimg{ width: 240px; float: left;} .yxxq_newgl .nimg img{ width: 240px; height: 145px; overflow: hidden;border-radius: 8px;} .yxxq_newgl .ntext{float: right; margin-right: 18px;} .yxxq_newgl .ntext h3{ font-size: 20px; font-weight: bold;height: 32px;line-height: 32px;} .yxxq_newgl .ntag span{ display: inline-block; float: left;} .yxxq_newgl .ntag span.tag1,.ntag span.author{max-width: 120px;} .yxxq_newgl .ntag{font-size: 12px;color: #888;margin-top: 16px;} .yxxq_newgl .ntag span.author{ display: inline-block;max-width: 180px;height: 20px;margin-left: 30px;} .yxxq_newgl .nword{width: 100%; margin-top: 16px;height: 52px;font-size: 14px;line-height: 26px; color: #888; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .yxxq_newgl .btn a{padding: 0px 15px;height: 25px;line-height: 25px;display: inline-block;background: #eeebeb;color: #ff7800;text-decoration: none;border-radius: 5px;} .yxxq_newgl .btn a:hover{background: #ff7800; color: #fff;} .yxxq_newgl .nhot{content: ""; width: 19px; height: 23px; display: inline-block; background: url(../images/tagicon.png) no-repeat 0px -47px; float: left;margin:3px 4px 0px 0px} .ntag span.tag1,.ntag span.author,.dright .number,.over{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .ntag span.tag1{float: right;} .ntag span.tag1::before{content: "";display: inline-block;width: 18px;height: 13px;background: url(../images/inico.png) no-repeat -556px 0;margin-right: 5px;vertical-align: middle;} .yxxq_newgl li:hover{background: #f4f4f4;} /***下载右侧**/ .gamenr-right{ width: 330px; float: right;} .gamenr-gg{ width: 100%; margin-bottom: 20px;} .gamenr-gg img{ height:auto; overflow: hidden; width: 100%;} .bor{ border: 1px #f2f2f2 solid; padding: 20px; margin-bottom: 20px;} .bor .title{ height: 31px; border-bottom: 1px #f2f2f2 solid; font-size: 18px; font-weight: bold; color: #2b2b2b;} .bor .title a{float: right;font-weight: normal;color: #999;font-size: 12px;display: inline-block;margin-top: 3px;} .bor .title a i{color: #FF6464;} .bor .listbtn a{ display: inline-block; text-align: center; width: 100%; line-height: 37px; height: 37px; color: #888; font-size: 14px; margin-top: 10px;} .bor .listbtn a i{ font-size: 18px;} .bor .listbtn a:hover{ color: #fff; background: #FF6464;text-decoration: none;} .gamelist li{width: 83px;float: left;overflow: hidden;height: 107px;text-align: center;padding: 15px 0px 8px 0px;margin-right: 19px;} .gamelist li img{width: 82px; height:82px; overflow: hidden;} .gamelist li b{ text-align: center; display: inline-block; width: 82px; margin-top:8px;line-height: 16px; height: 16px; font-size: 14px; font-weight: normal;} .gamelist li:nth-child(3n){margin-right: 0px;} /***该游戏热门标签***/ .yxxq_rmbq ul{ padding: 20px 0px;} .yxxq_rmbq li{ float: left; margin-right: 9px; margin-bottom: 10px;} .yxxq_rmbq li a{padding: 0px 17px;max-width: 290px; height: 27px; line-height: 27px; display: inline-block; border: 1px #bbb solid; border-radius: 4px; color: #444; font-size: 13px;} .yxxq_rmbq li a:hover{border-color: #FF6464;} /***相关合集***/ .grspecial ul,.grnews ul{ padding-top: 15px;} .grspecial li{ width: 47%; margin-right: 3%; float: left;} .grspecial li a{ height: 35px; margin-bottom: 10px; width: 92%;padding:0px 4%; display: inline-block;font-size: 15px; line-height: 35px; text-align: center; background: #eee; border-radius: 4px;} /***相关资讯***/ .grnews li{ line-height: 38px; border-bottom: 1px #eaeaea dashed; font-size: 14px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .grnews li:before{width: 4px; height: 18px; content: ""; display: inline-block;margin: 17px 6px 0px 0px; float: left; background: url(../images/ghoticon.png) no-repeat -74px 0px;} /***游戏推荐***/ .qtgametj li{overflow: hidden;zoom: 1;padding: 11px 0 9px;margin: -1px 0 1px;border-top: 1px dotted #ccc;vertical-align: middle;} .qtgametj li .pic{width: 80px;height: 80px;display: inline-block;overflow: hidden;float: left;margin-right: 15px;} .qtgametj li .pic img{width: 100%;height: 100%;overflow: hidden;border-radius: 22%;} .qtgametj li h4 {height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 16px;line-height:28px;font-weight: normal;margin-top: 8px;} .qtgametj li p {height:24px;margin-top:2px;color:#999;line-height:24px;} .qtgametj li p em{display: inline-block;width: 70px;background: url(../images/tjpfh.png) repeat-x;height: 13px;} .qtgametj li p em i{display: inline-block;width: 90%;background: url(../images/tjpf.png) repeat-x;height: 13px;} /***游戏截图***/ .showcase{padding-top: 0;padding-bottom:20px;margin: 0;} .showcase .s-content{width:10000px} .showcase .scrollbar{overflow:hidden} .showcase .scrollbar .s-box{height:300px;margin-bottom:20px;_width:838px;*position:relative;*overflow:hidden} .showcase .scrollbar li{float:left;position:relative;height:300px;margin-right:18px;overflow:hidden} .showcase .scrollbar li div a{ display: block; } .showcase .scrollbar li div a span{position: absolute; width: 50px; height: 50px; top: 100px; left: 50%; margin-left: -23px; display: none} .showcase .scrollbar li div a.f-hover span { display: block; } .showcase .scrollbar li.last{margin-right:0}.showcase .scrollbar li img{max-height:300px;_height:300px} .showcase .scrollbar li span{position:absolute;top:0;left:0;display:block;width:100%;height:45px} .showcase .scrollbar li .bg{background:#000;opacity:.50;filter:alpha(opacity=50)} .showcase .scrollbar li .info{line-height:45px;text-indent:45px;font-size:18px;color:#fff} .showcase .scrollbar li.picture .info{background:url(../images/find.png) no-repeat;_background:url(../images/find.gif) no-repeat; cursor:pointer;} .showcase .scrollbar li.picture .info:hover{background:url(../images/find_h.png) no-repeat;} .showcase .scrollbar li.active span{display:block} .showcase .scrollbar li .video-bg{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:#000;opacity:.50;filter:alpha(opacity=50)} .showcase .scrollbar li.active .video-bg{opacity:.70;filter:alpha(opacity=70)} .showcase .scrollbar li .video-info{position:absolute;top:0;left:0;padding-top:72px;width:100%;height:178px;text-align:center} .showcase .scrollbar li .video-info span{position:static} .showcase .scrollbar li .video-info .video-icon{width:50px;height:50px;display:block;margin:0 auto;background:url(../images/video-icon.png) center center no-repeat;_background:none;} .showcase .scrollbar li .video-info .video-title{width:auto;height:auto;line-height:30px;font-size:20px;color:#fff;display:block;padding:18px 18px 0 18px;white-space:normal} .showcase .scrollbar .track{display:none;position:relative;margin:0;height:8px;background-color:#f5f5f5;font-size:0px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px; bottom: 1px} .showcase .scrollbar .track div{width:110px;height:10px;background-color:#ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;top: -1px} .showcase .slider{position:relative;display:none; } .showcase .slider .s-box{position:relative;width:605px;height:375px;margin:0 auto 20px;overflow:hidden} .showcase .slider .s-box li{float:left;position:relative;width:605px;text-align:center} .showcase .slider .trigger{position:absolute;top:0;right:0px;width:45px;height:45px;border:1px solid #f6f6f6;background:#fff url(../images/bs.png) center no-repeat;text-indent:-333em} .showcase .slider .prev,.showcase .slider .next{position:absolute;top:30%;display:block;width:44px;height:110px;border:1px solid #f6f6f6;background:#fff url(../images/slider_arrow.png) 12px center no-repeat;text-indent:-333em} .showcase .slider .prev{left:0px} .showcase .slider .prev:hover{background-position:-83px center} .showcase .slider .next{right:0px;background-position:-33px center} .showcase .slider .next:hover{background-position:-128px center} .showcase .slider .s-nav{text-align:center;height:30px} .showcase .slider .s-nav .picture,.showcase .slider .s-nav .video{margin:0 7px} .showcase .slider .s-nav .picture span,.showcase .slider .s-nav .video span{display:inline-block;width:30px;height:30px;background-image:url(../images/slider_nav.png);background-repeat:no-repeat; cursor:pointer;} .showcase .slider .s-nav .picture span{background-position:-40px 0} .showcase .slider .s-nav .picture .active{background-position:-122px 0} .showcase .slider .s-nav .video span{background-position:0 0} .showcase .slider .s-nav .video .active{background-position:-82px 0} /*详情TAG*/ .gjc{width: 100%;height: 60px;line-height: 60px;padding: 0 20px 0 56px;overflow: hidden;box-sizing: border-box;margin-top:30px;background: url(../images/ioc-bq.png) no-repeat 20px center #f9f9f9;background-size: auto;position: relative;} .gjc1{width: 100%;height: 60px;line-height: 60px;padding: 0 20px 0 56px;overflow: hidden;box-sizing: border-box;margin-top: 20px;background: url(../images/ioc-bq.png) no-repeat 20px center #fff;background-size: auto;position: relative;} /*新闻列表*/ .new-left{width: 815px;float: left;margin-left: 0;} .new-fllm a{font-size: 18px;font-weight: normal;color: #333;display: block;width: 16.66%;float: left;height: 50px;text-align: center;line-height: 50px;overflow: hidden;} .new-fllm{font-size: 22px;font-weight: bold;background: #FAFAFA;padding: 0;box-sizing: border-box;display: inline-block;width: 100%;} .new-fllm a:hover,.new-fllm a.over{background-color: #f44334;color: #fff;} .xw_lbpage{margin-top: 0;width: 100%;} .xw_lbpage li{ padding: 20px 0px; border-bottom: 1px #f1f1f1 solid;} .xw_lbpage .nimg{ width: 215px; float: left;height: 126px; overflow: hidden;} .xw_lbpage .nimg img{ width: 100%; height: 100%;transition: 0.5s;object-fit: cover;} .xw_lbpage .nimg img:hover{transform: scale(1.2);} .xw_lbpage .ntext{ width: 560px; float: right; margin-right: 18px;padding-top: 8px;} .xw_lbpage .ntext h3{ font-size: 18px; font-weight: bold;height: 23px;line-height: 23px;} .xw_lbpage .ntag span{ display: inline-block; float: left;} .xw_lbpage .ntag span.tag1,.ntag span.author{max-width: 120px;} .xw_lbpage .ntag{font-size: 14px;color: #888;height: 16px;line-height: 16px;} .xw_lbpage .ntag span.author{ display: inline-block;max-width: 180px;height: 20px;margin-left: 30px;} .xw_lbpage .nword{width: 100%; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 15px 0 15px;color: #666;height: 40px;line-height: 20px;} .xw_lbpage .btn a{padding: 0px 15px;height: 25px;line-height: 25px;display: inline-block;background: #eeebeb;color: #ff7800;text-decoration: none;border-radius: 5px;} .xw_lbpage .btn a:hover{background: #ff7800; color: #fff;} .xw_lbpage .nhot{content: ""; width: 19px; height: 23px; display: inline-block; background: url(../images/tagicon.png) no-repeat 0px -47px; float: left;margin:0px 4px 0px 0px} .ntag span.tag1,.ntag span.author,.dright .number,.over{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .ntag span.tag1{float: right;} .ntag span.time::before{content: "";display: inline-block;width: 14px;height: 13px;background: url(../images/indico.png) no-repeat -732px -91px;margin-right: 5px;vertical-align: middle;} .ntag span.author::before{content: "";display: inline-block;width: 13px;height: 13px;background: url(../images/indico.png) no-repeat -732px -68px;margin-right: 5px;vertical-align: middle;} /*新闻右侧*/ .new-right{ width:320px ; float: right;} .xq-rig-yxlb li{width: 80px;float: left;overflow: hidden;height: 107px;text-align: center;padding: 15px 0px 8px 0px;margin-right: 19px;} .xq-rig-yxlb li img{width: 82px; height:82px; overflow: hidden;} .xq-rig-yxlb li b{ text-align: center; display: inline-block; width: 82px; margin-top:8px;line-height: 16px; height: 16px; font-size: 14px; font-weight: normal;} .xq-rig-yxlb li:nth-child(3n){margin-right: 0px;} .xq-rig-rmgl{ margin-top: 20px;} .xq-rig-rmgl li{ padding: 10px 0px; font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .xq-rig-rmgl li div{ width: 100%; margin-top: 14px;} .xq-rig-rmgl li div img{ width:323px; height:134px ; overflow: hidden;border-radius: 8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px; } .xq-rig-rmgl li a{line-height: 22px;} .xq-rig-rmgl li a:hover{ text-decoration: none;} .xq-rig-rmgl li i{width:25px;height:25px;line-height:25px;font-size:16px;font-weight:normal;color:#666;font-style:normal;text-align:center;background:#eee;border-radius:4px;float:left;margin-top: 0;display:inline;overflow:hidden;} .xq-rig-rmgl li a:hover i{ color: #ff7800;} .xq-rig-rmgl dt a{display: block;} .xq-rig-rmgl dt img{width: 274px;height: 142px; margin-bottom: 10px;border-radius: 8px;} .xq-rig-rmgl dt p{display: block;height: 30px;line-height: 30px;font-size: 16px;color: #262626;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .xq-rig-rmgl dt span{display: block;height: 26px;line-height: 26px;font-size: 12px;color: #bdbdbd; margin: 4px 0 10px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .xq-rig-rmgl dd{border-top: 1px dashed #f3f3f3;} .xq-rig-rmgl dd a{display: block;padding: 20px 0;overflow: hidden;} .xq-rig-rmgl dd img{float: left; width: 108px;height: 70px;margin-right: 18px;border-radius: 8px;} .xq-rig-rmgl dd .rmgl_rig{width: 148px;height: 70px;overflow: hidden;} .xq-rig-rmgl dd .rmgl_rig p{display: block;height: 48px;line-height: 24px;font-size: 16px; color: #4b4b4b; margin-top: -3px;overflow: hidden;text-overflow: ellipsis;} .xq-rig-rmgl dd .rmgl_rig span{display: block;height: 18px;line-height: 18px;font-size: 12px;color: #bdbdbd;margin-top: 7px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .xq-rig-rmgl a:hover p{color: #f44334;} /***热门游戏攻略***/ .hotstrategies{ margin:20px 0px;} .strtext{ position: relative;} .strtit{ height: 42px; line-height: 42px; width: 100%; border-bottom: 1px #f2f2f2 solid; font-size: 18px; font-weight: bold;} .xq-bot-gldq{width: 915px;margin-top: 15px;position: absolute;right: -15px;top: -63px;} .xq-bot-gldq ul li{float:left;position: relative;height: 38px;width: 90px;overflow: hidden;} .xq-bot-gldq ul li span{overflow:hidden;display: inline-block; height: 38px;line-height: 38px;font-size: 15px;color: #646566;cursor:pointer;max-width:100px;text-align: center;padding: 0 15px;} .xq-bot-gldq ul li.on span{color: #FF6464;} .xq-bot-gldq ul li + li { border-left: 1px solid #f2f3f5;} .xq-bot-gldq ul li span{display: block;} .xq-bot-gldqcont{ padding-top: 10px;} .xq-bot-gldqcont li{width: 185px;float: left;font-size: 14px;margin-right: 10px;} .xq-bot-gldqcont li:nth-child(6n){margin-right: 0px;} .xq-bot-gldqcont li a{ display: inline-block; max-width: 90%;line-height: 38px;} .xq-bot-gldqcont li a:hover{ text-decoration: none;} .xq-bot-gldqcont li a:hover i{color: #ffffff;border-color: #f44334;background: #f44334;} .xq-bot-gldqcont li i{font-size: 11px;color: #999;display: inline-block;float: left;margin: 9px 5px 0px 0px;border: 1px #ddd solid;width: 18px;height: 18px;text-align: center;line-height: 18px;} .xq-bot-gldqcont li i.strcol{ color: #fff; background: #f44334; border-color: #f44334;} /***热门手游排行榜***/ .rantext{ margin-top: 10px;} .rantext li{width: 117px;height: 52px;float: left;margin-right: 10px;background: url(../images/ricon.png) no-repeat -15px 0px;font-size: 14px;font-weight: 700px;padding: 8px 0px 0px 17px;margin-top: 10px;border-radius: 5px;} .rantext li.col2{background-position: -15px -62px;margin-right: 0px;} .rantext li.col3{background-position: -15px -124px;} .rantext li.col4{background-position: -15px -186px;margin-right: 0px;} .rantext li.col5{background-position: -15px -248px;} .rantext li.col6{background-position: -15px -310px;margin-right: 0px;} .rantext li.col7{background-position: -15px -372px;} .rantext li.col8{background-position: -15px -434px;margin-right: 0px;} .rantext li a,.rantext li a:hover{color: #fff; text-decoration: none; display: inline-block;width:138px; height: 52px;} /****新闻详细***/ .new-pagetit{color: #000; font-size: 28px;font-weight: normal;text-align: center;} .new-pagetag{color: #999;font-size: 13px;line-height: 48px;height: 48px;border-bottom: 1px #eee solid;text-align: center;} .new-pagetag span{ margin-right: 20px; max-width:206px; display: inline-block;} .new-pagetext{ padding-top: 9px;color: #444; line-height: 30px; font-size: 16px;} .new-pagetext p{ color: #444; line-height: 30px; font-size: 16px;clear: both; margin-bottom: 12px;text-indent: 2em;word-break: break-all;/*英文强制换行*/} .new-pagetext img{display: block;margin:auto;max-width: 80%;} .new-pagetext p.pageimg{ text-align: center; margin: 10px 0px; width: 100%;} .new-pagetext p.pageimg img{width: 600px; height: auto; overflow: hidden; } .new-pagetext ul {margin-top: 15px;} .new-pagetext li{width: 30%;float: left;padding: 5px 5px;font-size: 14px;margin-bottom: 5px;text-align: center;border: 1px dashed #dddcdb;margin-right: 5px;color:#6c6c6c; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; /*省略号*/} .new-pagetext li:hover{color:#fff;background:#fe8900;} .new-pagetext h3{ font-size:18px; font-weight:bold; color:#f75b4b; border-bottom: 1px solid #eaeaea; padding: 20px 0; margin-bottom: 20px; clear:both;} .xw_lbpage .ntag span a{color: #bbb;} .xw_lbpage .ntag span a:hover{color: #ff7800;} /****资讯详情声明***/ .statement{ margin-top: 23px; border: 1px #f2f2f2 solid; padding: 20px 0px; text-align: center;clear: both;} .statement p{ font-size: 16px; color: #999;} .statement p a{ width: 123px; height: 26px; text-align: center; display: inline-block; border: 1px #ff7800 solid; font-size: 14px; line-height: 26px; color: #ff7800;} .statement p a:before{content: ""; background: url(../images/tagicon.png) no-repeat 0px -78px; width: 14px; height: 14px; display: inline-block; float: left; margin: 7px -2px 0px 8px;} .statement p a:hover{ border-color: #ff7800; background: #ff7800; color: #fff; text-decoration: none;} .statement p a:hover:before{background: url(../images/tagicon.png) no-repeat 0px -97px;} .staewm{ width: 572px; margin: 15px auto 0px auto; height: 88px;} .staewm div{ float: left; margin-right: 15px;} .staewm div img{ width: 80px; height: 80px;border: 3px #ff7800 solid;} .staewm span{ float: left; text-align: left; font-size: 15px; color: #999; line-height: 28px;} .staewm span b{ color: #ff7800;} /****资讯详情上下页***/ .pagefy{margin-top: 30px; border-top: 1px #f2f2f2 solid; border-left: 1px #eee solid; border-right: 1px #eee solid; border-bottom: 1px #e9e9e9 solid;} .pagefy li{ width: 49.8%; float: left;background:#fbfbfb; background: -moz-linear-gradient(bottom, #f7f7f7 0%, #fefefe 100%); background: -webkit-linear-gradient(bottom, #f7f7f7 0%,#fefefe 100%); background: -ms-linear-gradient(bottom, #f7f7f7 0%,#fefefe 100%); background: linear-gradient(to top, #f7f7f7 0%,#fefefe 100%);padding: 29px 0px 24px 0px;} .pagefy li:last-child{ border-left: 1px #e9e9e9 solid;} .pagefy li .fyimg{ float: left; width: 120px; margin:0px 20px 0px 37px;} .pagefy li .fyimg img{ width: 120px; height: 75px; overflow: hidden;} .pagefy li .fytext{ width: 180px;font-size: 14px; color: #333;float: left; line-height: 20px;} .pagefy li .fytext span{ margin-bottom: 8px; display: inline-block;} .pagefy li .fytext span i{ color: #999;} .pagefy li a:hover div,.pagefy li a:hover div i{ color: #ff7800;} /*相关游戏下载*/ .xq-yxxgxz,.pagearticle,.pagecomment{ margin-top: 25px;} .xq-yxxgxz .strtit,.pagearticle .strtit,.pagecomment .strtit{margin-bottom: 20px;} .xq-yxxgxz{padding: 20px;} .xq-yxxgxz li{float: left;} .xq-yxxgxz li a{display: block;width: 244px;height: 80px;padding: 10px 5px;border-radius: 10px;} .xq-yxxgxz li .head {float: left;width: 80px;height: 80px;border-radius: 20px;overflow: hidden;margin-right: 10px;} .xq-yxxgxz li .head img{display: block;width: 100%; height: 100%;border-radius: 20px;} .xq-yxxgxz li .txt{overflow: hidden;font-size: 14px;color: #8e8e8e;line-height: 24px;} .xq-yxxgxz li .txt h5{font-size: 16px;font-weight: normal;color: #2b2b2b;line-height: 32px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .xq-yxxgxz li .star-item{overflow: hidden;display: inline-block;width: 80px;height: 15px;position: relative;background: url(../images/star-04.png) repeat-x;} .xq-yxxgxz li .star-item i{position: absolute;left: 0;top: 0;width: 90%;background: url(../images/star-02.png) repeat-x;display: inline-block;height: 15px;} .xq-yxxgxz li .txt span{color: #fb6a75;margin-left: 5px;position: relative; top: -2px;} .xq-yxxgxz li:nth-child(6n){margin-right: 0px;} /*相关文章推荐*/ .new-el{width: 380px;float: left;} .new-el div img{width: 380px;height: 230px;overflow: hidden;} .new-eltit{ font-size: 16px; color: #333; line-height: 22px; margin-top: 15px;} .new-elread{ color: #999; line-height: 37px;} .new-elread:before{content: ""; background: url(../images/tagicon.png) no-repeat 0px -116px; width: 17px; height: 10px; display: inline-block; float: left; margin: 15px 3px 0px 0px;} .new-erig{ width: 400px; float: right;} .new-erig li{height: 79px; width: 100%; float: left; margin-bottom: 25px;} .new-erig li div{ float: left; width: 123px; margin-right: 18px;} .new-erig li div img,.new-erig div img{ width: 123px; height: 79px;overflow: hidden;} .new-erig li .new-eltit{ margin-top: 0px; font-size: 15px;} .new-erig li:last-child{ margin-bottom: 0px;} .gamrnew ul{margin-top: 20px;} .gamrnew li{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #DCDCDC;display: flex;align-items: center;} .gamrnew li .img {width: 122px;height: 70px;flex-shrink: 0;margin-right: 10px;} .gamrnew li .img a{text-decoration: none;color: inherit;transition: 0.5s;} .gamrnew li .img img {width: 100%;height: 100%;object-fit: cover;transition: 0.5s;} .gamrnew li dl {flex-grow: 1;overflow: hidden;} .gamrnew li dl dt {font-size: 16px;font-weight: normal;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden;} /***游戏壁纸***/ .yxbz-list{width: 100%;display: inline-block;} .yxbz-list li{width: 380px;height: 230px;margin-right: 25px;float: left;margin-bottom: 20px;overflow: hidden; background: #fff;box-shadow: 0.5px 0.9px 5px 0 rgba(37, 25, 25, 0.06);position: relative;} .yxbz-list li img{ width: 100%; height: 230px; overflow: hidden;object-fit: cover;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;} .yxbz-list li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);} .yxbz-list li b{display: inline-block;width: 100%;color: #fff; font-size: 15px;text-align: center;line-height: 40px;font-weight: normal;padding: 0 10px;box-sizing: border-box;position: absolute;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.4);} .yxbz-list li:nth-child(3n){margin-right: 0px;} /***游戏壁纸详细***/ .zqbzimg{width: 1200px;margin: 0 auto;background: #fff;padding: 20px;box-sizing: border-box;} .zqbzimg{width: 1200px;overflow: hidden;position: relative;height: 640px !important;} .zqbzimg .demo-gallery{margin: 0 auto;} .zqbzimg li{width: 1160px !important;height: 600px;} .zqbzimg li img{width: 1160px;height: 600px;overflow: hidden;} .tempWrap{ width:100% !important;} .mobgame-zqbzcont li:nth-child(4n){margin-right: 0px;} .zqbzimg .mobgame-vidtext{position: absolute;right: 20px;bottom: 20px;padding-right: 20px;box-sizing: border-box;width: 1160px;background: rgba(0,0,0,.5);} .zqbzimg .mobgame-vidtext span{float: right;} .zqbzimg .mobgame-vidtext span.lyico{width: 130px;} .mobgame-zqbztjimg{width: 1200px;padding: 20px;margin: 0 auto;background: #fff;box-sizing: border-box;} .mobgame-vidtit{ font-size: 24px; color: #111; margin-bottom: 19px;} .mobgame-zqbztjimg li{width: 243px;height:170px;float: left;margin-right:20px;border: 1px #ebebeb solid;padding: 11px 15px;border-radius: 4px;} .mobgame-zqbztjimg li:nth-child(4){margin-right: 0px;} .mobgame-zqbztjimg li .vidpic{position: relative;} .mobgame-zqbztjimg li .vidpic img{ width: 242px; height: 138px;overflow: hidden;border-radius: 4px;} .mobgame-zqbztjimg li p{ font-size: 16px; line-height: 22px; padding-top: 9px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .mobgame-zqbztjimg li:hover p{ color: #ff7800;} .mobgame-zqbztjimg li:hover .vidpic::before{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg);-webkit-transform:rotate(360deg); -o-transform:rotate(360deg); } .j-scroll:hover .slide-arr{position: absolute;width: 37px;height: 53px;cursor: pointer;background-repeat: no-repeat;background-position: center;top: 50%;margin-top: -25px;} .j-scroll:hover .slide-arr.prev{left:20px;background-image: url(../images/L.png);} .j-scroll:hover .slide-arr.next{right:20px;background-image: url(../images/R.png);} .mobgame-vidtext h1{font-size: 24px;color: #fff;font-weight: normal;line-height: 57px;padding-left: 20px;width: 540px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;margin-right: 40px;margin-top: 0px;margin-bottom: 0px;} .mobgame-vidtext span{ float: left; width: 59px; display: inline-block; line-height: 57px; color: #a8a9a9;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .mobgame-vidtext span i{ width: 18px; height: 18px;display: inline-block; float: left;} .mobgame-vidtext span.dzico{width: 130px;margin-right: 10px;} .mobgame-vidtext span.dzico i{ background: url(../images/spzuoz.png) no-repeat;margin: 20px 5px 0px 0px;background-size: 18px 18px;} .mobgame-vidtext span.lyico i{ background: url(../images/sptime.png) no-repeat;margin: 20px 5px 0px 0px;background-size: 18px 18px;} .mobgame-vidtext span.boico i{ background: url(../images/indico.png) no-repeat -335px -60px;margin: 20px 5px 0px 0px;} /***游戏视频列表***/ .video-lb{width: 100%;display: inline-block;} .video-lb li{width: 388px;height: 250px;border: 1px #f2f2f2 solid;margin-right: 15px;float: left;margin-bottom: 20px;position: relative;background: #fff;} .video-lb li img{width: 388px;height: 200px;overflow: hidden;} .video-lb li i.vidicon{ content: ""; width: 35px; height: 35px; display: inline-block; background: url(../images/ghoticon.png) no-repeat -185px 0px; position: absolute;left: 50%; margin-left: -12px; top: 82.5px;} .video-lb li a:hover i.vidicon{ background-position: -185px -49px;} .video-lb li b{display: inline-block;width: 100%;font-size: 15px;text-align: center;line-height: 50px;font-weight: normal;padding: 0 10px;box-sizing: border-box;} .video-lb li span.vidtime{ display: inline-block;padding: 0px 5px; line-height: 18px; height: 18px; color: #fff;background: rgba(0,0,0,.5); border-radius: 20px; position: absolute; right: 5px; bottom: 55px;} .video-lb li:nth-child(3n){margin-right: 0px;} /***游戏视频详细***/ .vidpagecont1{height: 612px;width: 1200px;background: #20202b;margin:0 auto;} .vidc1left{ width: 881px; float: left;} .vidsp{ width: 880px; height: 554px; overflow: hidden;border-right: 1px #2f2f3d solid; } .vidsp iframe{width:100% !important;height: 554px !important;} .vidtext h1{ font-size: 24px; color: #fff; font-weight: normal; line-height: 57px; padding-left: 20px; width: 560px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; float: left;margin-right: 40px;} .vidpagecont1 .vidtext span{float: left;width: 70px;display: inline-block;line-height: 57px;color: #a8a9a9;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 12px;} .vidpagecont1 .vidtext span i{ width: 18px; height: 18px;display: inline-block; float: left;} .vidtext span.dzico i{ background: url(../images/spzuoz.png) no-repeat;margin: 20px 5px 0px 0px;background-size: 18px 18px;} .vidtext span.lyico i{ background: url(../images/sptime.png) no-repeat;margin: 20px 5px 0px 0px;background-size: 18px 18px;} .vidtext span.boico i{ background: url(../images/indico.png) no-repeat -335px -60px;margin: 20px 5px 0px 0px;} .vidtext span.dzico{width: 80px;margin-right: 10px;} .vidpagecont1 .vidtext span.lyico{width: 90px;margin-right: 10px;} .vidc1right{ width: 236px; float: left; padding-left: 13px;} .vidc1right .vidrtext1 h2{ font-size: 24px; color: #fff; line-height: 85px; padding-left: 6px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .vidrtw{ height: 70px;} .vidrtw .vidrpic{ position: relative;width: 125px; height: 70px; float: left; margin-right: 13px;} .vidrtw i{ width: 125px; height: 70px; display: inline-block; position: absolute;background: url(../images/sphover.png) no-repeat;} .vidrtw img{ width: 119px; height: 70px; overflow: hidden; margin-left: 6px;border-radius: 6px;} .vidrtit{ font-size:12px;color:#a8a9a9; line-height:18px; width: 98px; float: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .vidrcs{ color: #5f5e65; margin-top: 15px; width: 98px; float: left;} .vidrcs::before{ content: ""; width: 9px; height: 12px; background: url(../images/indico.png) no-repeat -340px -92px; float: left; margin: 2px 6px 0px 0px;} .vidrtext2{ margin-top: 22px;} .vidrtext2 h6{ line-height: 44px; color: #88898f; padding-left: 6px; font-size: 14px;} .vidrtext2 li{ padding-bottom: 22px; height: 66px;} .vidrtext2 li img{ width: 115px; height: 66px; float: left; border-radius: 6px;margin-left: 6px; margin-right: 13px; border: 2px #20202b solid;} .vidrtext2 li:hover .vidrtit{ color: #FF6464;} .vidrtext2 li:hover img{ border: 2px #FF6464 solid;} .video-xq-nr2{width: 1200px;padding: 20px;margin: 20px auto 0px auto;background: #fff;box-sizing: border-box;} .vidtit{ font-size: 24px; color: #111; margin-bottom: 19px;} .vidtit::before{ width: 20px; height: 21px; content: ""; display: inline-block; float: left; background: url(../images/indico.png) no-repeat -369px 0px; margin: 6px 13px 0px 0px;} .video-xq-nr2 li{width: 243px;height: 220px;float: left;margin-right:20px;border: 1px #ebebeb solid;padding: 11px 15px;border-radius: 4px;} .video-xq-nr2 li .vidpic{position: relative;} .video-xq-nr2 li .vidpic img{ width: 244px; height: 138px;overflow: hidden;border-radius: 4px;} .video-xq-nr2 li .vidpic::before{content: ""; width: 35px; height: 35px;transition: all 0.6s ease 0s; display: inline-block;position: absolute;background: url(../images/indico.png) no-repeat -369px -86px;left: 50%;top:50%;margin-left: -17.5px;margin-top: -17.5px;} .video-xq-nr2 li p{ font-size: 14px; line-height: 22px; padding-top: 9px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .video-xq-nr2 li .vidtj{ margin-top: 10px; color: #666;} .video-xq-nr2 li .vidtj span{ display: inline-block; float: left; line-height: 16px;} .video-xq-nr2 li .vidtj span.vidtime{ float: right;} .video-xq-nr2 li .vidtj span::before{content: ""; width: 16px; height: 16px; display: inline-block; float: left;} .video-xq-nr2 li .vidtj span.vidcs::before{ background: url(../images/indico.png) no-repeat -369px -29px;margin: 0px 8px 0px 0px;} .video-xq-nr2 li .vidtj span.vidtime::before{ background: url(../images/indico.png) no-repeat -369px -55px;margin: 0px 6px 0px 0px;} .video-xq-nr2 li:hover{box-shadow: 0px 3px 10px rgba(0,0,0,.1);cursor: pointer;} .video-xq-nr2 li:hover p{ color: #f44334;} .video-xq-nr2 li:hover .vidpic::before{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg);-webkit-transform:rotate(360deg); -o-transform:rotate(360deg); } .video-xq-nr2 li:nth-child(4n){margin-right: 0px; font-size: 12px;} .vidtext span.dzico{width: 80px;margin-right: 10px; font-size: 12px;} .vidpagecont1 .vidtext span.lyico{width: 90px;margin-right: 10px;} .vidsp video, .vidsp iframe{ width: 100%;height: 552px;} /****专区大全***/ .qctop{ margin-top: 0 !important;} .mod_box .boxbd, .mod_tab {overflow: hidden;} .boxbd{ width:100%;} .mod_tab {width:100%; overflow:hidden;} .mod_tab .tablist {float: left;margin: -2px -4px 0 0;} .mod_tab .tablist li {background: #eee;width: 127px;height: 30px;line-height: 30px;float: left;margin: 2px 2px 0 0;color: #333;text-align: center;cursor: pointer;} .mod_tab .tablist a {height: 30px;_line-height: 32px;overflow: hidden;color: #333;display: block;font-size: 14px;} .mod_tab .tablist .st {width: 130px;margin: 0;} .mod_tab .tablist .cur a, .mod_tab .tablist a:hover {background: #f44334;color: #fff;text-decoration: none;} .mod_tab .sehli {background: #f44334;width: 80px;height: 30px;line-height: 30px;_line-height: 34px;overflow: hidden;color: #fff;float: left;padding: 0 10px 0 13px;display: none;} .mod_tab .sehli .close {width: 15px;height: 15px;float: right;margin-top: 8px;} .mod_tabcon {position: relative;overflow: hidden;zoom: 1;} #j-type-tab .mod_tabcon {min-height: 710px;} .mod_categroy {margin-top: 5px;border-bottom: 1px solid #ddd;} .mod_categroy, .mod_categroy li {position: relative;overflow: hidden;zoom: 1;} .mod_categroy li {padding-left: 32px;line-height: 40px;border-top: 1px dotted #ddd;margin-top: -1px;vertical-align: top;} .mod_categroy li a {color: #333;float: left;display: inline;white-space: nowrap;margin-left: -1px;overflow: hidden;*overflow:visible;padding: 0 12px;font-size:14px;width: 113px;white-space: nowrap;text-overflow: ellipsis;text-align: left;box-sizing: border-box;} .mod_categroy li a:hover {color: #f44334;} .mod_categroy1 li a{ width: 117px;} .mod_categroy li .t {background: #fff;width: 32px;height: 100%;text-align: right;position: absolute;top: 0;left: 4px;} .mod_categroy li .hot {color: #f44334;} .mod_categroy li:hover, .mod_categroy li:hover .t {background: #fbfbfb;} .mod_categroy .hot {color: #f44334;} .mod_categroy1 li {padding-left: 0;} .mod_sehresult {display: none;} .mod_sehresult .mod_categroy li {padding-left: 0;} .mod_sehresult .nodata {color: #555;padding: 40px 0 10px;text-align: center;} .mod_sehresult .gobtn {background: #f44334;width: 80px;height: 30px;line-height: 30px;color: #fff;text-align: center;display: block;margin: 0 auto;} .mod_sehresult .gobtn:hover {background: #f44334;text-decoration: none;} .mod_games {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin-top: 15px;overflow: hidden;zoom: 1;} .mod_games ul {margin-bottom: -1px;margin-right: -10px;} .mod_games li {width: 300px;height: 327px;float: left;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;padding: 13px;} .mod_games .hover {background: #fbfbfb;} .mod_games .banner {width: 300px;height: 150px;position: relative;} .mod_games .banner .img {display: block;} .mod_games .banner .img, .mod_games .banner .img img {width: 300px;height: 150px;} .mod_games .banner .btns {width: 288px;height: 26px;position: absolute;left: 0;bottom: 10px;font-size: 0;text-align: left;padding: 0 6px;} .mod_games .banner .btns a {background: #060e16;background: rgba(0,0,0,.8);height: 26px;line-height: 26px;font-size: 12px;color: #fff;width: 70px;text-align: center;float: left;display: inline;margin: 0 1px;overflow: hidden;} .mod_games .banner .btns a:hover {background: #fa8133;background: rgba(255,102,0,.8);text-decoration: none;} .mod_games .titlebox {height: 30px;line-height: 30px;border-bottom: 1px dotted #ddd;padding: 8px 0;overflow: hidden;} .mod_games .titlebox .tit {width: 200px; height: 30px;font-weight: 500;color: #f44334;font-size: 16px;overflow: hidden;} .mod_games .titlebox .etbtn {background: #eee;height: 30px;padding: 0 12px;text-align: center;color: #333;float: right;} .mod_games .titlebox .etbtn:hover {background: #f44334;color: #fff;text-decoration: none;} .mod_games .titlebox a {color: #f44334;} .mod_games .glb_txtlist {border: 0 none;margin: 10px 0 0;} .mod_games .glb_txtlist li {padding: 0;border: 0 none;float: none;} .zmfl2{ margin-top:30px;} .zqfl{width: 100%;margin-top: 0;display: inline-block;} .zqfl a{display: block;float: left;width: 185px;height: 40px;line-height: 40px;text-align: center;background: #eee;margin-right: 10px;margin-bottom: 10px;font-size: 14px;} .zqfl a:nth-child(6n){ margin-right:0;} .zqfl a:hover{background: #f44334;color: #fff;} .zqfl a.cur{background: #f44334; color: #fff; text-decoration: none;} .zq-lx{width: 100%; margin-top: 30px;} .zq-lx li{width: 100%;height: 100px;border-bottom: 1px solid #ddd;padding-bottom: 30px;margin-bottom: 30px;} .zq-lx_1{ float: left; width: 212px;height: 100px; overflow: hidden;} .zq-lx_1 img{width: 100%;height: 100%;border-radius: 10px;} .zq-lx_2{width: 671px;float: left;padding-right: 30px;border-right: 1px dashed #E5E5E5;margin-left: 40px;} .zq-lx_3{ width: 165px; float: right;} .zq-lx_2 h2{font-size: 24px; font-weight: normal;} .zq-lx_2 em{font-size: 14px;font-weight: normal;float: left;width: 100%;margin-top: 5px;color: #666;line-height: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .zq-lx_2 dd{display: block;width: 48%;float: left;margin-right: 2%;font-size: 14px;overflow: hidden;box-sizing: border-box;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 10px;} .zq-lx_bt{ width: 100% !important;} .zq-lx_btn{width: 107px;height: 50px;font-size: 18px;color: #FF6464;line-height: 50px;padding: 0 20px;display: block;margin: 31px 15px;border: 1px solid #FF6464;border-radius: 5px;text-align: center;} .zq-lx_btn:hover{color: #fff; background: #FF6464;} .zq-lx_2 dd:before {content: '';width: 4px; height: 4px; display: inline-block; background: url(../images/in_icon.png) no-repeat 0px -442px; margin: 8px 8px 0px 5px; float: left;} /**游戏合集**/ .ztbox{width: 100%;} .ztbox li{float: left; width: 580px;margin: 0 30px 27px 0;border-radius: 7px;background-color: #fff;position: relative;box-shadow: 0.5px 0.9px 5px 0 rgba(37, 25, 25, 0.06);padding: 20px;box-sizing: border-box;} .ztbox li:nth-child(2n){margin-right: 0;} .ztbox li a:nth-child(1){display: block;position: relative;width: 220px;height: 130px;float: left;margin-right: 20px;} .ztbox li img{display: block;width: 100%;height: 100%;} .ztbox li em{display: block;position: absolute;bottom: 0; right: 0; padding: 0 10px; font-size: 14px; color: #fff;line-height: 30px;} .ztbox li div{float: left;width: 300px;} .ztbox li div a:nth-of-type(1) {display: block;font-size: 20px;color: #4b4b4b;height: 30px; line-height:30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;margin-right: 0;float: none;} .ztbox li div a:nth-of-type(1):hover{color: #f44334;} .ztbox li div p{display: block;height: 40px;width: 100%; font-size: 14px;color: #888;line-height: 20px;overflow: hidden;margin: 12px 0;} .ztbox li div a:nth-of-type(2) {display: block; width: 120px;height: 32px;text-align: center;font-size: 14px;color: #FF6464;line-height: 32px;border: 1px solid #FF6464;border-radius: 4px;} .ztbox li div a:nth-of-type(2):hover {color: #fff;background-color: #FF6464;} /***游戏专题列表****/ .hjbox_l{width: 400px;height: 260px;float: left;overflow: hidden;} .hjbox_l img{ width: 100%; height: 100%;object-fit: cover;} .hjbox_r {width: 760px;height: 260px;float: left;overflow: hidden;background: #fff;padding: 25px;box-sizing: border-box;} .hjbox_r h2{ font-size: 16px; font-weight: bold; color: #333;} /*.hjbox_r p{font-size: 14px;line-height: 30px;color: #555;margin: 20px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}*/ .hjbox_r > p { width: 100%; max-height: 150px; overflow-y: scroll; font-size: 14px; color: #555; line-height: 30px; margin: 20px 0; } .hjbox_r > p::-webkit-scrollbar { width: 5px; height: 10px; border-radius: 10px; background-color: transparent; } .hjbox_r > p::-webkit-scrollbar-track { background-color: transparent; } .hjbox_r > p::-webkit-scrollbar-thumb { background-color: #ddd; } .hjbox_btn{width: 560px;height: 50px;text-align: center;background: #FF6464;border-radius:10px;display:block;color: #fff;line-height: 50px;font-size: 16px;} .hjbox_btn:hover{background: #b63900;color: #fff;} .hjbox-tit{font-size: 22px; font-weight: bold; color: #ff7800; margin-bottom: 30px; margin-top: 40px; } .hjbox_nr{width: 100%; display: inline-block;} .hjbox_nr li{width: 374px;float: left;position: relative;text-align: center;border: 1px solid #eee;margin-bottom: 20px;padding-bottom: 10px;margin-right: 15px;} .hjbox_nr li:nth-child(3n){margin-right: 0px;} .hjbox_img{width: 100%;height: 190px;display: block;text-align: center;background: #f5f5f5;padding: 20px;box-sizing: border-box;position: relative;} .hjbox_img:hover{ background: #FF6464;} .hjbox_img:hover img{ opacity: 0;} .hjbox_img:hover .p2{opacity: 1; color: #fff;} .hjbox_img:hover .hjck_btn{opacity: 1;} .hjck_btn{width: 150px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #fff;border: 1px solid #fff;display: block;border-radius: 10px;margin-top: 20px;position: absolute;bottom: 20px;left: 111px;opacity: 0;} .hjck_btn:hover{ color: #fff;} .hjbox_nr li img{width: 150px; height: 150px; border-radius: 20px;} .hjbox_nr li h4{margin: 0 auto;max-width: 300px;line-height: 30px;vertical-align: top;font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 10px;border-bottom: 1px solid #eee;padding: 10px 0;} .hjbox_nr li p{margin-bottom: 10px;height: auto;line-height: 24px;font-size: 14px;color: #999;overflow: hidden;} .hjbox_img .p2{position: absolute;height: auto;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;width: 100%;left: 0;padding: 0 20px;box-sizing: border-box;top: 40px;opacity: 0;} .hjbox_btn{width: 150px;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #333;background-color: #ff7800;display: block;margin: 0 auto;margin-top: 20px;} .hjbox_btn:hover{ background-color: #22a0ff;color: #fff;} .hjgd_btn{width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #fff;background-color: #FF6464;display: block;margin: 0 auto;margin-top: 20px;border-radius: 20px;} .hjgd_btn:hover{ background-color: #ea2a2a;color: #fff;} /****合集相关***/ .strtit span{float: right; font-size: 14px; font-weight: normal; color: #666;} .strtit span a{color: #888;} .tirj-n { margin-top: 20px; height: 230px; overflow: hidden;} .tirj-n li{width: 260px;height: 100px;float: left;margin-right: 35px;margin-bottom: 30px;} .tirj-n li:nth-child(4n){ margin-right:0px;} .tirj-n_l{width: 100px;float: left;} .tirj-n_l img{width: 100px;height: 100px;border-radius: 20px;} .tirj-n_z{width: 140px;float: left;margin-left: 20px;border-right: 0;padding-right: 0;} .tirj-n_z h4{display: inline-block;margin: 0;max-width: 100%;line-height: 30px;vertical-align: top;font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 5px;font-weight: normal;} .tirj-n_z p{margin-bottom: 0;line-height: 22px;font-size: 14px;color: #999;} .tirj-n_r{width: 100%;clear: both;margin-top: 15px;display: inline-block;} .tirj-n_r p{color: #777;line-height: 24px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;} .tirj-n_l_btn{width: 120px;height: 35px;line-height: 35px;text-align: center;font-size: 16px;color: #333;background-color: #f0f1f7;display: block;margin-top: 5px;border-radius: 5px;} .tirj-n_l_btn:hover{background-color: #ff7800;color: #fff;} .strtit{font-size: 20px !important; line-height: 25px !important;} .xghj-hj { margin-top: 20px;} .xghj-hj li{width: 275px;height: 180px;float: left;margin-right: 20px;background: #ddd;position: relative;} .xghj-hj li:last-of-type{ margin-right: 0px;} .xghj-hj li img{width: 274px;height: 180px;overflow: hidden;} .xghj-hj li p{position: absolute;bottom: 0;left: 0;width: 100%;height: 34px;line-height: 34px;overflow: hidden;/* padding-top: 48px; */text-align: center;color: white;background: linear-gradient(to top, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0) 100%);font-size: 14px;} .xgxw-hj { margin-top: 10px;} .xgxw-hj li {display: inline-block; width: 50%;float: left;} .xgxw-hj li i { display: block; float: left; width: 3px; height: 3px; background: #ccc; margin: 15px 16px 0 2px; } .xgxw-hj li a { display: block; float: left; width: 390px; height: 36px; line-height: 36px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 15px; color: #2e2e2e; } .xgxw-hj li a:hover { color: #ff7800; } .xgxw-hj li:hover i { background: #ff7800; } .xgxw-hj li span { display: block; float: right; width: 92px; text-align: center; line-height: 36px; font-size: 13px; color: #9e9e9e; } .new-xgwz-t { margin-top: 20px;} .new-xgwz-t li{width: 565px;float: left;margin-right: 30px;} .new-xgwz-t li img{ width: 160px; height: 100px; float: left; margin-right:20px ;} .new-xgwz-t li p{font-size: 16px;margin-bottom:10px ; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;} .new-xgwz-t li span{color: #888; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .new-xgwz-lb li:nth-child(2n),.new-xgwz-t li:nth-child(2n){margin-right: 0px;} .new-xgwz-lb{ margin-top:10px ;} .new-xgwz-lb li{width: 565px;margin: 0 30px 0 0px;height: 30px;line-height: 30px;overflow: hidden;float: left;} .new-xgwz-lb li span{ font-size: 12px; color: #999;float: right;} .new-xgwz-lb li a {font-size: 14px;} .new-xgwz-lb li b {float: left;width: 4px;height: 4px;background-color: #ddd;margin: 12px 10px 0 0;} .xgsp-hj{margin-top: 15px;height: 200px;} .xgsp-hj li{width: 276px;height: auto;border: 1px #f2f2f2 solid;margin-right: 15px;float: left;margin-bottom: 30px;position: relative;} .xgsp-hj li img{width: 276px;height: 165px;overflow: hidden;} .xgsp-hj li i.vidicon{ content: ""; width: 35px; height: 35px; display: inline-block; background: url(../images/ghoticon.png) no-repeat -185px 0px; position: absolute;left: 50%; margin-left: -12px; top: 62px;} .xgsp-hj li a:hover i.vidicon{ background-position: -185px -49px;} .xgsp-hj li b{display: inline-block;width: 100%;font-size: 15px;text-align: center;line-height: 40px;font-weight: normal;padding: 0 10px;box-sizing: border-box;} .xgsp-hj li span.vidtime{display: inline-block;padding: 0px 5px;line-height: 18px;height: 18px;color: #fff;background: rgba(0,0,0,.5);border-radius: 20px;position: absolute;right: 5px;bottom: 55px;} .xgsp-hj li:nth-child(4n){ margin-right:0px;} /*关于我们开始*/ .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: #FF6464; 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 #f44334 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: #ff7800; float: left; margin: 23px 10px 0px 0px;} /*网站地图开始*/ .maprcont dt{ margin-top: 40px; font-size: 16px; font-weight: bold;height: 30px;} .maprcont dt i{ width: 20px; height:20px; display: inline-block; float: left; margin-right: 10px;vertical-align: middle;} .maprcont dt a{color: #444;} .maprcont dt a:hover{ color: #f44334;} .mapright ul.gameklabel{overflow: hidden;height:103px;position:relative;} .gameklabel li{ float: left;margin: 10px 10px 0px 0px;height: 38px; } .gameklabel li a{height:36px; line-height: 36px; border: 1px #ddd solid; color: #666;text-align: center; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;border-radius: 30px;} .gameklabel li a:hover,.gameklabel a.maprmore:hover,.gameklabel a.maprless:hover,.gameklabel a.maprmore1:hover,.gameklabel a.maprless1:hover{ background: #f44334; border-color: #f44334; color: #fff; text-decoration: none;} .gameklabel li a,.gameklabel a.maprmore,.gameklabel a.maprless,.gameklabel a.maprmore1,.gameklabel a.maprless1{ width: 106px;padding: 0 5px;display: inline-block;font-size: 14px;} .gameklabel a.maprmore,.gameklabel a.maprless,.gameklabel a.maprmore1,.gameklabel a.maprless1{ height: 38px; line-height: 38px;border-radius: 30px; color: #fff; text-indent: 30px;background:#ff6823; background: -moz-linear-gradient(left, #f44334 0%, #0086ec 100%); background: -webkit-linear-gradient(left, #f44334 0%,#0086ec 100%); background: -ms-linear-gradient(left, #f44334 0%,#e62717 100%); background: linear-gradient(to right, #f44334 0%,#e62717 100%);} .gameklabel a.maprmore:before,.gameklabel a.maprless:before,.gameklabel a.maprmore1:before,.gameklabel a.maprless1:before{ content: ""; width: 9px; height: 5px; display: inline-block; background:url(../images/ghoticon.png) no-repeat -145px -96px; float: right; margin: 18px 18px 0px 0px;} .gameklabel a.maprmore,.gameklabel a.maprmore1{position:absolute;right:17px;top:59px;} .gamezqlabel{margin-bottom: 40px;overflow: hidden;height:148px;position:relative;} .gamezqlabel li{float: left;margin: 10px 10px 0px 0px; height: 38px;} .gamezqlabel li a{ height: 36px; line-height: 36px; border: 1px #e1e1e1 solid; color: #666;text-align: center; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .gamezqlabel li a:hover,.gamezqlabel a.mapzqmore:hover,.gamezqlabel a.mapzqless:hover{ background: #f44334; border-color: #f44334; color: #fff; text-decoration: none;} .gamezqlabel li a,.gamezqlabel a.mapzqmore,.gamezqlabel a.mapzqless{display: inline-block;width:106px;padding:0 5px;border-radius: 30px; font-size: 15px;} .gamezqlabel a.mapzqmore,.gamezqlabel a.mapzqless{color: #fff; text-indent: 8px; height: 36px; line-height: 36px; text-indent: 30px;background:#ff6823; background: -moz-linear-gradient(left, #f44334 0%, #e62717 100%); background: -webkit-linear-gradient(left, #f44334 0%,#e62717 100%); background: -ms-linear-gradient(left, #f44334 0%,#e62717 100%); background: linear-gradient(to right, #f44334 0%,#e62717 100%);} .gamezqlabel a.mapzqmore:before,.gamezqlabel a.mapzqless:before{ content: ""; width: 9px; height: 5px; display: inline-block; background:url(../images/ghoticon.png) no-repeat -145px -96px; float: right; margin: 17px 30px 0px 0px;} .gamezqlabel a.mapzqless:before,.gameklabel a.maprless:before,.gameklabel a.maprless1:before{moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);/*IE*/filter:FlipV;} .gamezqlabel a.mapzqmore{position:absolute;right:17px;top:107px;} .gamezqlabel a.mapzqless,.gameklabel a.maprless,.gameklabel a.maprless1{ margin-top: 10px; float: left;} /*最新更新开始*/ .daytit{ margin-bottom: 20px;} .dayleft{ width: 205px; float: left; margin-right: 10px; background: #fff; border-radius: 2px; text-align: center; padding: 20px 0px 40px 0px; border: 1px #eee solid;} .dayleft li{cursor: pointer;width: 100%;font-size: 16px;display: inline-block; width: 100%; height: 39px; line-height: 39px;margin:5px 0px} .dayleft li:hover,.dayleft li.on{ background: #FF6464; color: #fff; text-decoration: none; text-indent: 17px;} .dayleft li:hover:before,.dayleft li.on: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;} .dayright{ width: 980px; float: left; background: #fff; border: 1px #eee solid;} .todaytab{border-collapse: collapse; margin: 20px auto;table-layout: fixed;} .todaytab .todaytit{border: 1px #ddd solid; border-radius: 2px;} .todaytab .todaytit td{background:#f9f9f9; background: -moz-linear-gradient(bottom, #f0f0f0 0%, #f6f6f6 100%); background: -webkit-linear-gradient(bottom, #f0f0f0 0%,#f6f6f6 100%); background: -ms-linear-gradient(bottom, #f0f0f0 0%,#f6f6f6 100%); background: linear-gradient(to top, #f0f0f0 0%,#f6f6f6 100%); color: #333; border-radius: 2px; border-bottom: 1px #ddd solid; font-size: 16px;} .todaytab td{ line-height: 44px; border-bottom: 1px #eee solid; font-size: 14px; text-align: center; color: #888;} .todaytab td.tdleft{ text-align: left; padding-left: 30px; color: #444; width: 320px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .todaytab td.tdleft span a{padding:0px 4px;height: 16px;line-height: 16px; text-align: center; display: inline-block; float: left;border-radius: 2px; font-size: 12px; color: #fff; margin: 15px 6px 0px 0px;} .todaytab td.tdleft span.jsecol a{ background: #f39600;} .todaytab td.tdleft span.celcol a{ background: #1f9eff;} .todaytab td.tdleft span.kapcol a{ background: #56c235;} .todaytab td.tdleft span.dzcol a{ background: #f32200;} .todaytab td.tdleft span.moncol a{ background: #999;} .todaytab td.tdleft span a:hover{ background: #ff7800; text-decoration: none;} .gltdtab td.tdleft{ width: 740px;} /*搜索*/ .news_l{width: 810px;float: left;/* background: #fff; */box-sizing: border-box;} .lmfl a{font-size: 18px;font-weight: normal;color: #333;display: block;max-width: 14.28%;float: left;height: 50px;text-align: center;line-height: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0 20px;box-sizing: border-box;} .lmfl a:hover{color: #fff;background: #f44334;} .lmfl{font-size: 22px;font-weight: bold;color: #1e89e0;margin-bottom: 20px;background: #f5f5f5;padding: 0;box-sizing: border-box;display: inline-block;width: 100%;} .lmfl a.over{background-color: #f44334;color: #fff;} .soustj{color: #999;font-size: 14px;} .soustj em{color: #f44334;} .ssnr-q{ background-color: #fff; padding:20px 0;} .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;line-height: 40px;height: 40px;} .ssyxmore a:hover{background: #f44334;color: #fff;} .ssyx h2,.sousuo h2{font-size: 18px;font-weight: normal;margin-top: 20px;} .ssyx h2 i,.sousuo h2 i{color: #f44334;font-weight: bold;} .ssyx li{width: 100%;height: auto;padding: 20px 0px;box-sizing: border-box;position: relative;border-bottom: 1px solid #eee;display: inline-block;} .ssyxl{width: 120px;float: left;} .ssyxl img{width: 120px;height: 120px;border-radius: 20px;} .ssyxz{width: 810px;float: left;margin-left: 30px;} .ssyxz h4{display: inline-block;margin: 0;max-width: 100%;line-height: 30px;vertical-align: top;font-size: 24px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom: 10px;} .ssyxz p{margin-bottom: 10px;height: auto;line-height: 22px;font-size: 14px;color: #888;overflow: hidden;} .ssyxz .p2{height: 45px;margin-bottom: 0;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .ssyx_db{ width: 100%; margin-top: 30px;} .ssyx_db a{padding: 2px 8px;margin-right: 4px;margin-top: -2px;color: #ff7800;border-color: #ff7800;border: 1px solid;} .ssyx_db a:hover{background-color: #ff7800;color: #fff;} .ssyxr{width: 120px;float: right;} .ssyxr img{width:130px; height: 210px; float: left; margin-left: 10px;} .ssyx{padding-bottom: 30px;} .ssbtn{width: 120px;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #FF6464;display: block;margin-top: 38px;border-radius: 10px;border: 1px solid #FF6464;} .ssbtn:hover{background-color: #FF6464;color: #fff;} .sousuo{margin-top: 20px;display: inline-block; width: 100%;padding-bottom: 30px;} .sousuo li{width: 100%;margin: 20px 0 0 0;display: inline-block;border-bottom: 1px solid #eee;padding-bottom: 20px;} .sousuo h4{ font-size: 18px; font-weight: bold;} .sousuo span{font-size: 14px;color: #999;margin: 10px 0;display: block;} .sousuo p{ color: #666; line-height: 24px;} .ssnr-q .video-lb{padding: 0;margin-top: 20px;} .ssnr-q .video-lb li{width: 31.66%;margin-right: 2.5%;box-sizing: border-box;} .ssnr-q .video-lb li img{width: 100%;overflow: hidden;} .ssnr-q .video-lb li:nth-child(3n){margin-right: 0;} .ssnr-q .yxbz-list{margin-top: 20px;} .ssnr-q .yxbz-list li{width: 31.66%;margin-right: 2.5%;} .ssnr-q .yxbz-list li:nth-child(3n){margin-right: 0;} .ssnr-q .ztbox{margin-top: 20px;} .ssnr-q .ztbox li{width: 48.66%;margin-right: 2.5%;} .ssnr-q .ztbox li:nth-child(2n){margin-right: 0;} .ssnr-q .ztbox li img{width: 100%;} .ssnr-q .ztbox li div{width: 282px;} .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;} /*开服排行页面*/ .soyxtjymlb{padding: 20px;background: #fff;box-sizing: border-box;} .soyxtjymlb li{display: block;width:220px;height: 55px;line-height: 55px; float: left;margin: 0 14px 11px 0;cursor: pointer;font-size: 14px;;border-radius: 2px;} .soyxtjymlb li:nth-child(5n+5){margin-right: 0px;} .soyxtjymlb li a{display: block;width: 100%;height: 100%;border: 1px #ebebeb solid;color: #666;padding: 0 20px;box-sizing: border-box;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis} .soyxtjymlb li a:hover{ border:1px solid #FF6464;background:#FF6464;color: #fff;} .kbf-cont dt{ height: 48px;} .kbf-cont dt ul{ height:48px;background: #FF6464;border-left: 1px #FF6464 solid;} .kbf-cont dt li{ width: 14.28%;line-height:48px; float: left;text-align: left; font-size: 15px; color: #fff;box-sizing: border-box;padding:0px 15px 0px 15px;font-weight: bold;border-right: 1px #FF6464 solid;} .kbf-cont dd ul{height: 50px;border-left: 1px solid #ffded3;border-right: 1px solid #ffded3;} .kbf-cont dd li{ width: 14.28%; line-height:49px; float: left;text-align: left;font-size: 14px;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background: #fffdef;border-bottom:1px solid #ffded3; box-sizing: border-box;padding:0px 20px} .kbf-cont dd li a{color: #333;} .kbf-cont dd ul:hover li{ background:#f6f5f5;} .kbf-cont dd ul:hover li a{ color: #333;} .kbf-cont dd li:nth-child(1),.kbf-cont dd li:nth-child(2),.kbf-cont dt li:nth-child(1),.kbf-cont dt li:nth-child(2){ width: 180px;} .kbf-cont dd li:nth-child(3),.kbf-cont dt li:nth-child(3){ width: 130px;} .kbf-cont dd li:nth-child(4),.kbf-cont dd li:nth-child(6),.kbf-cont dt li:nth-child(4),.kbf-cont dt li:nth-child(6){ width: 109px;} .kbf-cont dd li:nth-child(5),.kbf-cont dt li:nth-child(5){ width: 380px;} .kbf-cont dd li:nth-child(7),.kbf-cont dt li:nth-child(7){ width: 110px;} .kbf-cont dl:last-of-type dd ul{border-left: 1px solid #ededed;border-right: 1px solid #ededed;} .kbf-cont dl:last-of-type dd li{background: #fff;border-bottom: 1px solid #ededed;} .kbf-cont dl:last-of-type dd ul:hover li{ background: #f6f5f5;} .kbf-cont dl:last-of-type dd ul:hover li a{color: #333;} .kbf-cont-w{line-height: 24px;margin: 20px auto 0 auto;width:1200px;padding: 20px;background: #fff;box-sizing: border-box;border: 1px #eaeaea solid;} .kbf-cont dd li:last-child{padding: 0;text-align: center;} .kbf-cont dd li:last-child a{margin: auto;margin-top: 4px;margin-bottom:4px;display: block; width: 80px;height: 24px;line-height: 24px;color: #f44334;border-radius: 4px; font-size: 13px;display: inline-block;text-align: center;border:1px #f44334 dashed;} .kbf-cont dd ul:hover li:last-child a,.kbf-cont dl:last-of-type dd ul:hover li:last-child a{color: #fff;background: #f44334;} .kfb-top{margin-top: 15px;} .kfb-list{margin-top: 12px;} .kfb-list a{display: inline-block;border: 1px solid #eee;margin-right: 12px;margin-bottom: 8px;line-height: 44px;padding: 0 9px;color: #6b6b6b;width: 110px;text-align: center;font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .kfb-list a:hover{ color: #fff; text-decoration: none; background: #f44334; border-color: #f44334;} .kfb-list a:nth-child(8n){margin-right: 0;} .gamemk .page,.n-main .page,.yxbz .page{background: none;} /**游戏公会**/ .syyxgh{margin: 20px auto 0 auto;background: #fff;padding: 20px;box-sizing: border-box;} .mktybt .icon_yxgh{background: url(../images/ghbtico.png) no-repeat;margin-right: 10px;width: 25px;height: 25px;display: inline-block;vertical-align: middle;background-size: 25px 25px;} .syghbt{ width: auto; margin-top: 15px;position: absolute;right: 0;top:-55px;} .syghbt li{padding: 0px 15px ; height: 26px; line-height: 26px; display: inline-block;margin-right: 8px; background: #eeebeb; color: #b0afb7; text-decoration: none;border-radius: 4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;} .syghbt li:hover,.syghbt li.on{ background: #0095d9; color: #fff; cursor: pointer;} .syghlb{ padding-top: 10px;} .syghlb li{ width: 20%; float: left; font-size: 14px;margin-right: 0;} .syghlb li a{ display: inline-block; width: 96%;line-height: 40px;border: 1px #eaeaea solid;height: 40px;margin-bottom: 10px;border-radius: 2px;padding: 0 10px;box-sizing: border-box;} .syghlb li a:hover{ text-decoration: none;background: #3295D9;border-color: #3295D9;color: #fff;} /**热门攻略**/ .rmglxw{margin: 20px auto 0 auto;background: #fff;padding: 20px;box-sizing: border-box;} .gl-ico{background: url(../images/tbico.png) no-repeat 0 -296px;} .rmglxw dl{width: 366px;float: left;margin-right: 30px;margin-top: 10px;} .rmglxw dl:nth-child(3){margin-right: 0px;} .rmglxw dt{width: 100%;padding-bottom: 16px;border-bottom: 1px #eaeaea dashed;margin-bottom: 10px;} .rmglxw dt img{width: 100%;height: 200px;overflow: hidden;border-radius:6px;} .rmglxw dt p{width: 100%;font-size: 15px;height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .rmglxw dd{width: 100%;height: 36px;line-height: 36px;font-size: 16px;overflow: hidden;position: relative;padding-left: 15px;box-sizing: border-box;} .rmglxw dd a{height: 36px;display: inline-block;width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;} .rmglxw dd em{float: right;color: #999;font-size: 14px;} .rmglxw dd::before{content: "";position: absolute;width: 5px;height: 5px;background: #bbb;border-radius: 30px;left: 0;top: 16px;} .tab-lmlist{margin-top: 10px;} .mapic1{background: url(../images/mapico.png) no-repeat 0px 0px;background-size: 100% auto;} .mapic2{background: url(../images/mapico.png) no-repeat 0px -26px;background-size: 100% auto;} .mapic3{background: url(../images/mapico.png) no-repeat 0px -52px;background-size: 100% auto;} .mapic4{background: url(../images/mapico.png) no-repeat 0px -80px;background-size: 100% auto;} .mapic5{background: url(../images/mapico.png) no-repeat 0px -106px;background-size: 100% auto;} .mapic6{background: url(../images/mapico.png) no-repeat 0px -132px;background-size: 100% auto;} .mapic7{background: url(../images/mapico.png) no-repeat 0px -160px;background-size: 100% auto;} .mapic8{background: url(../images/mapico.png) no-repeat 0px -186px;background-size: 100% auto;} .mapic9{background: url(../images/mapico.png) no-repeat 0px -214px;background-size: 100% auto;} .mapic10{background: url(../images/mapico.png) no-repeat 0px -240px;background-size: 100% auto;} .mapic11{background: url(../images/mapico.png) no-repeat 0px -266px;background-size: 100% auto;} .rmglxw{position:relative;} .newbty{width: auto;position: absolute;right: 20px;top: 32px;} .newbty ul li{float:left;position: relative;height: 38px;} .newbty ul li span{overflow:hidden;display: inline-block; height: 38px;line-height: 38px;font-size: 16px;color: #646566;cursor:pointer;max-width:100px;text-align: center;padding: 0 16px;} .newbty ul li.m-lmhover span{color: #FF6464;} .newbty ul li + li { border-left: 1px solid #f2f3f5;} .newbty ul li span{display: block;} .zmfl .mktybt,.zmfl2 .mktybt{border-bottom: none;} .hyzcxy{margin: 20px auto 0 auto;background: #fff;box-sizing: border-box;padding: 20px;} .hyzcxy h2{font-size: 16px;margin-bottom: 10px;margin-top: 20px;} .hyzcxy h2:first-child{margin-top: 0;} .hyzcxy p{font-size: 14px;line-height: 30px;} #page_navigation{margin: 0px auto 0px;text-align: center;} #page_navigation a{ padding: 0px 12px; line-height: 38px; height: 38px; color: #666; font-size: 14px; border: 1px #ededed solid; display: inline-block;background: #fff;} #page_navigation a:hover,#page_navigation a.active_page{ background: #f44334; color: #fff; border: 1px #f44334 solid; text-decoration: none;} #page_navigation{width: 100%; text-align: center;margin: 10px auto;} #page_navigation a{margin: 0 5px;} #newList .tab{display: none;} #newList .tab.on {display: block;} /*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;} .gajjsw{margin: 40px 20px 40px 20px;border-top: 1px #eaeaea dashed;padding-top: 30px;} .gajjsw_n{padding: 0px;color: #333;font-size: 14px;line-height: 28px;} .gajjsw_bt{font-size: 18px;line-height: 45px;border-bottom: 1px solid #eee;position: relative;color: #f55555;margin-bottom: 20px;} .gajjsw_bt:before{width: 80px;height: 2px;content: "";display: inline-block;background: #f55555;position: absolute;bottom: 0;} .gajjsw_xx p{font-size: 14px;line-height: 28px;} .gajjsw_xx{ position: relative; overflow: hidden;} .xzdz{width: 770px !important;height: auto !important;} .xzdz .gamexz_nrlist{width: 770px !important;} .xzdz1{top: -70px !important; left: auto !important;right: 0 !important;} .highgs{width: 100%;display: inline-block;margin-bottom: 20px;} .highgs h4{ font-size: 15px; font-weight: bold; margin-bottom: 10px;margin-top: 0;} .highgs a{ display: block; width: 140px; height: 30px;line-height: 30px; float: left; margin-right:50px; text-align: center; background: url(../images/ioc-xz1.jpg) no-repeat center center; color: #fff; text-indent: 20px;} .ptxz{width: 100%;display: inline-block;} .ptxz p{ font-size: 14px;} .ptxz a{ width: 25%; display: block; height: 30px; padding-left: 25px; box-sizing: border-box; background: url(../images/ioc-xz2.jpg) no-repeat left center; float: left;} .xgbb{display: inline-block;width: 100%;} .xgbb li{display: inline-block;width: 100%;margin-bottom: 15px;} .xgbt{ width: 60%; display: block; float: left;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;} .xgbb img{ width:78px ; height: 14px; float: left; margin-top: 5px;} .xgbb p{ display: block; float: left; padding: 0 30px;} .xz-btn{display: block;float: right;width: 100px;height: 30px;line-height: 30px; background: #0598fa; color: #fff; text-align: center;} .rj_tllb{ display: inline-block; width: 100%;} .tl-btm{ display: block ; width: 90px;height: 25px; line-height: 25px; text-align: center; float: left; background: #0598fa; color: #fff; border-radius: 5px;} .tl-btm:hover{color: #fff;} .soft-phb{position:relative;} .gamexz_b{position:absolute;overflow:hidden;top: -57px;left: 200px;} .gamexz_b1{position:absolute;overflow:hidden;top: -57px;left: 320px;} .gamexz_ti ul li{float:left;overflow:hidden;padding-left: 28px;background: url(../images/nt-index2018.png) no-repeat -261px -150px;height:50px;line-height:50px;font-size: 14px;padding-right:10px;color:#333;cursor:pointer;} .gamexz_ti ul li:first-child{ background:none;} .gamexz_ti ul li.m-hover{ color:#0598fa} .gamexz_nrbd{width: 100%;height: auto;float: left;} .gamexz_nrlist{position:relative;width: 100%;} span.u-title-more{ top:-44px; right:-310px;} .game-down dd.game-btn .game-jrzq {float: left;} .game-down dd.game-btn .game-jrzq a {color: #fff;width: 120px;height: 45px;line-height: 45px;display: block;border-radius: 5px;text-align: center;background:#2797ef;} .game-down dd.game-btn .game-jrzq a::before{display: none;} .game-down dd.game-btn .game-jrzq a:hover {background-color: #0885e7;} .azxz1{ width: 500px; float: left;} .azxz1 h4{font-size: 15px; font-weight: bold;margin-top: 0;} .azxz1 p{ font-size: 14px;} .azxz1 a.btn{width: 188px;height: 40px;line-height: 40px;background: #ff6460;color:#fff;display: block;margin-top: 5px;text-align: center;float: left;} .azxz2{width: 200px;float: right;text-align: center;margin-top: 16px;} .az-ewm{width: 120px;height: 120px;border: 1px solid #ddd;padding: 10px;box-sizing: border-box;margin: 0 auto;margin-bottom: 10px;} .az-ewm img{ width: 100px; height: 100px;} .ios a.btn{ background:url(../images/azxz3.jpg) no-repeat left center ; } .azxz1 span{float: left;height: 45px;line-height: 50px;margin-left: 10px;color: #999;padding: 0 10px;} /*相关资讯*/ .aoloxg{margin: 20px auto 0 auto;background: #fff;box-sizing: border-box;padding: 20px;} .aoloxg ul{margin-top: 20px;} .aoloxg li{width: 24%;margin-right: 1%;color: #fff;float: left;height: 44px;line-height: 44px;background: #ffa41e;border-radius: 2px; padding: 0 1%;box-sizing: border-box;margin-bottom: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .aoloxg li a{color: #fff;} .aoloxg li:nth-child(4n){margin-right: 0;} .aoloxg li:nth-child(1),.aoloxg li:nth-child(8),.aoloxg li:nth-child(15){ background: #ffa41e; } .aoloxg li:nth-child(2),.aoloxg li:nth-child(9),.aoloxg li:nth-child(16) { background: #ff7d64; } .aoloxg li:nth-child(3),.aoloxg li:nth-child(10),.aoloxg li:nth-child(17) { background: #2dbbe0; } .aoloxg li:nth-child(4),.aoloxg li:nth-child(11),.aoloxg li:nth-child(18) { background: #59ca63; } .aoloxg li:nth-child(5),.aoloxg li:nth-child(12),.aoloxg li:nth-child(19) { background: #868cf4; } .aoloxg li:nth-child(6),.aoloxg li:nth-child(13),.aoloxg li:nth-child(20){ background: #1ec2eb; } .aoloxg li:nth-child(7),.aoloxg li:nth-child(14),.aoloxg li:nth-child(21){ background: #7db65d; } /***相关资讯***/ .grnews li{ line-height: 38px; border-bottom: 1px #eaeaea dashed; font-size: 14px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .grnews li:before{width: 4px; height: 18px; content: ""; display: inline-block;margin: 17px 6px 0px 0px; float: left; background: url(../images/ghoticon.png) no-repeat -74px 0px;} /*开服表页面*/ .blkfbg dt{ height: 48px;} .blkfbg dt ul{ height:48px;background: #FF6464;border-left: 1px #FF6464 solid;border-right: 1px #FF6464 solid;} .blkfbg dt li{ width: 14.28%;line-height:48px; float: left;text-align: left; font-size: 16px; color: #fff;box-sizing: border-box;padding:0px 20px 0px 20px;font-weight: bold;} .blkfbg dd ul{height: 51px;border-left: 1px solid #ededed;border-right: 1px solid #ededed;} .blkfbg dd li{ width: 14.28%; line-height:50px; float: left; text-align: left;font-size: 15px;color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background: #fff;border-bottom:1px solid #ededed;box-sizing: border-box;padding:0px 20px} .blkfbg dd li a{color: #333;} .blkfbg dd ul:hover li{ background:#f6f5f5;} .blkfbg dd ul:hover li a{ color: #333;} .blkfbg dd li:nth-child(1),.blkfbg dt li:nth-child(1){ width: 400px;} .blkfbg dd li:nth-child(2),.blkfbg dt li:nth-child(2){width: 258px;text-align: center;} .blkfbg dd li:nth-child(3),.blkfbg dt li:nth-child(3){ width: 180px;text-align: center;} .blkfbg dd li:nth-child(4),.blkfbg dt li:nth-child(4){ width: 180px;text-align: center;} .blkfbg dd li:nth-child(5),.blkfbg dt li:nth-child(5){ width: 180px;text-align: center;} .blkfbg dl:last-of-type dd li{background: #fff;} .blkfbg dl:last-of-type dd ul:hover li{ background: #f6f5f5;} .blkfbg dl:last-of-type dd ul:hover li a{color: #333;} .blkfbg dd li:nth-child(1) img{width: 32px;height: 32px;margin-right: 15px; float: left;margin-top: 7px;border-radius: 6px;} .blkfbg-w{line-height: 24px;margin: 20px auto 0 auto;width:1170px;padding: 15px;background: #fff;} .blkfbg dd li:last-child a{margin: auto;margin-top: 7px;margin-bottom:6px;display: block; width: 88px;height: 26px;line-height: 26px;border-radius:2px; border:1px #FF6464 solid;color: #FF6464;font-size: 13px;display: inline-block;text-align: center;} .blkfbg dd li:last-child a::before{content: "";width: 12px;height: 12px;display: inline-block;background: url(../images/xzico.png) no-repeat;background-size: 12px 12px;margin-right: 3px;vertical-align: top;margin-top: 7px;} .blkfbg dd ul:hover li:last-child a,.blkfbg dl:last-of-type dd ul:hover li:last-child a{color: #fff;background: #FF6464;} .blkfbg dd ul:hover li:last-child a::before,.blkfbg dl:last-of-type dd ul:hover li:last-child a::before{background: url(../images/xzicoy.png) no-repeat;background-size: 12px 12px;} .blkftj{ padding:20px 0 0; } .blkftj a{ display: inline-block; vertical-align: top;max-width: 95%; line-height: 32px;height: 32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding: 0 20px; background-color: #f5f5f5; border: 1px solid #e5e5e5; border-radius: 50px; margin: 0px 0 15px 10px; } .blkftj a:nth-child(1), .blkftj a:nth-child(8), .blkftj a:nth-child(21), .blkftj a:nth-child(28) , .blkftj a:nth-child(35) { color: #ff1716; } .blkftj a:nth-child(2), .blkftj a:nth-child(9), .blkftj a:nth-child(20), .blkftj a:nth-child(22), .blkftj a:nth-child(29) { color: #0b9e94; } .blkftj a:nth-child(3), .blkftj a:nth-child(10), .blkftj a:nth-child(19), .blkftj a:nth-child(23), .blkftj a:nth-child(30) { color: #d39f17; } .blkftj a:nth-child(4), .blkftj a:nth-child(11), .blkftj a:nth-child(18), .blkftj a:nth-child(24), .blkftj a:nth-child(31) { color: #ff006b; } .blkftj a:nth-child(5), .blkftj a:nth-child(12), .blkftj a:nth-child(17), .blkftj a:nth-child(25), .blkftj a:nth-child(32) { color: #049cff; } .blkftj a:nth-child(6), .blkftj a:nth-child(13), .blkftj a:nth-child(16), .blkftj a:nth-child(26), .blkftj a:nth-child(33) { color: #8b4bfa; } .blkftj a:nth-child(7), .blkftj a:nth-child(14), .blkftj a:nth-child(15), .blkftj a:nth-child(27), .blkftj a:nth-child(34) { color: #4b991f; } .blkftj a:hover { color:#fff;background: #EE4646;border-color: #EE4646;} .blkftit{margin-bottom: 20px;} .blkftit h1{height: 50px;line-height: 50px;font-size: 20px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;color: #333;} .blkftit .sjzx{margin-bottom: 20px;font-size: 14px;color: #999;} .blkftit .tjxj{font-size: 14px;color: #666;height: 20px;line-height: 18px;margin-bottom: 10px;} .blkftit .tjxj::before{content: "";width: 20px;height: 20px;background: url(../images/icoll.png) no-repeat center center;margin-right: 10px; background-size:20px 20px;display: inline-block;vertical-align: top;} .blkftit .tjxj em{color: #888;margin-left: 20px;} .blkftit .tjxj span{width:90px ;height: 18px;display: inline-block; background: url(../images/pfimgh.png) repeat-x left center;vertical-align: top;position: relative;} .blkftit .tjxj span i{display: inline-block;position: absolute;left: 0;bottom: 0;background: url(../images/pfimg.png) repeat-x left center;vertical-align:top;height: 18px;} /*评论*/ .wjtlbox{ padding: 20px; box-sizing: border-box; background: #fff; margin-top: 20px; } #glName-wrap, #userName-wrap { height:36px; margin-bottom:10px; color: #676767; line-height: 36px; } #userName-wrap span{ width: 200px; height: 34px; border: 1px #ff8f14 solid; display: inline-block; margin-right: 10px; position: relative; } #userName-wrap span::before{ content: "网名"; display: inline-block; width: 59px; height: 34px; line-height: 34px; text-align: center; background: #ff8f14; color: #fff; position: absolute;left: 0px; bottom: 0; } #glName, #userName { border:none; width:132px; padding:1px 3px 1px 5px; height:30px; line-height:30px; margin:1px 0px 0 59px; color: #676767; } #subCmt { margin:5px 1% 0 0 } .cmtList-reply { display:inline-block; zoom:1; width:72px; height:23px; overflow:hidden; line-height:22px; color:#FF6460; text-align:center } .cmtList-ft span.hover { background-position:-240px 0 } .cmtList-name { display:inline } .u_commentSend { position: relative; height: 183px; border-bottom: 1px solid #e8e8e8; padding: 30px 20px 20px; overflow: hidden; } .u_commentSend .text_box { position: relative; height: 80px; background: #fff; border: 1px solid #e5e5e5; border-radius: 2px; } .u_commentSend .text_box textarea { position: absolute; left: 0; width: 96%; display: block; height: 60px; padding: 10px 2%; border: none; resize: none; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .u_commentSend .text_box span { position: absolute; top: 100%; right: 0; line-height: 38px; text-align: right; color: #999; } .u_commentSend .commentSend_btn { overflow: hidden; margin-top: 20px; } .u_commentSend .commentSend_btn div { float: left; width: 107px; line-height: 34px; font-size: 14px; } .u_buttom.yellow { background: #f85802; } .u_buttom { line-height: 30px; text-align: center; font-size: 12px; color: #fff; border-radius: 2px; cursor: pointer; } .u_commentSend .commentSend_btn span { line-height: 34px; color: #999; margin-left: 10px; } #commentNum{color: #666;font-size: 14px;float: right;padding-right: 20px;line-height: 32px;} .wjtl-lb{margin-top: 20px;} .wjtl-lb li{padding:20px;border-top:1px #e8eaeb solid;position: relative;} .wrap-user{width:auto;height:40px;line-height:25px;} .wrap-user .user-pic { width: 40px; height: 40px; border-radius: 40px; float: left; position: relative; } .wrap-user .user-pic img{ width: 40px; height: 40px; border-radius: 40px; } .wrap-user .user-name{ float: left; color: #969696; display: inline; margin-left: 15px; height: 40px; line-height: 40px; font-size: 14px; } .wrap-user .user-address{ float: left; display: inline; color: #969696; padding-left: 10px; height: 40px; line-height: 40px; font-size: 14px; } .wrap-user .user-time{ float: right; display: inline; color: #b8b8b8; height: 40px; line-height: 40px; font-size: 12px; } .wrap-issue{ width: auto; height: auto; overflow: hidden; } .wrap-issue .issue-wrap{ width: auto; height: auto; overflow: hidden; line-height: 22px; font-size: 14px; color: #444; word-wrap: break-word; word-break: break-all; padding-left: 60px; text-align: left; } .wrap-issue .s_content{ margin-top: 15px; font-size: 14px; text-align: left; line-height: 22px; color: #444; word-wrap: break-word; word-break: break-all; } .wrap-issue .action-click{ width: auto; height: 16px; overflow: hidden; line-height: 16px; display: block; _height: 25px; clear: both; text-align: right;} .wrap-issue .click-ding,.wrap-issue .click-cai{ display: inline-block; font-style: normal; font-family: "微软雅黑"; line-height: 14px; margin-left: 10px; } .wrap-issue .click-ding i{width: 13px; height: 14px; overflow: hidden; background: url(../images/zan_A.png) no-repeat left center; display: inline-block; text-decoration: none; margin-right: 4px; vertical-align: middle; margin-top: -2px; } .wrap-issue .click-cai i{width: 13px; height: 14px; overflow: hidden; background: url(../images/cai_A.png) no-repeat left center; display: inline-block; text-decoration: none; margin-right: 4px; vertical-align: middle; } .wrap-issue .click-ding a,.wrap-issue .click-cai a{ font-size: 12px; color: #f60; } .wrap-issue .click-ding:hover i{ background: url(../images/zan_B.png) no-repeat left center;} .wrap-issue .click-cai:hover i{ background: url(../images/cai_B.png) no-repeat left center;} .wjtl-lb li:nth-child(1){border-top: none;} .gamenr-player{height: auto;} .kfbli dd.cont2{width: 100%;} .kfbli dd.cont2 p{height: 20px;line-height: 20px;overflow: hidden;} .blxhjs{width: 100%;} .blxhjs li{float:left; width:120px; padding-left:90px; height:115px; position:relative; margin-right:26px; display:block; cursor:pointer; overflow:hidden;} .blxhjs li .pic{ position:absolute; left:0px; top:20px;width:80px; height:80px; overflow:hidden;} .blxhjs li .pic img{width:80px; height:80px;border-radius: 16px;} .blxhjs li .tit{ width:100%; font-size:14px; height:22px; line-height:22px; margin-top:22px; overflow:hidden;} .blxhjs li .tit a{color:#333;} .blxhjs li .lx{color:#999; font-size:12px; height:20px; line-height:20px; margin:5px auto 6px; overflow:hidden;} .blxhjs li .score{ font-size:16px; font-weight:bold; color:#fa4e57;height:22px; line-height:22px; overflow:hidden;} .blxhjs li:nth-child(5n){margin-right: 0;} .blkflb li{height: 245px;} .blkflb li .con{margin-top: 20px;} .blkflb li .txt .h40{margin-top: 83.5px;} /*详情样式3*/ /* .gamenr-tabtext p strong{height: 28px; margin: 20px 0 10px 0; padding: 0 0 0 10px; font-size: 16px; font-weight: 700; line-height: 18px;text-indent: 0; border-left: 7px solid #e9443e; color: #e9443e; display: block; border-bottom: 1px #bbb dashed;} */ .gamenr-tabtext h3{height: 28px; margin: 20px 0 10px 0; padding: 0 0 0 10px; font-size: 16px; font-weight: 700; line-height: 18px;text-indent: 0; border-left: 7px solid #e9443e; color: #e9443e; display: block; border-bottom: 1px #bbb dashed;} /*20221021*/ .gamenr-tabtext{background: #fff;padding: 20px;box-sizing: border-box;margin-top: 20px;} .gamenr-tabtext h4{ font-size: 18px; font-weight: normal; margin-top: 20px; line-height: 45px;} .gamenr-tabtext h4:before{ width: 4px; height: 18px; content: ""; display: inline-block; background: #f44334; border-radius: 8px; margin: 15px 9px 0px 0px; float: left;} .blkfbg{margin-top: 20px;} .gtabrotation,.gajjsw{background: #fff;padding: 20px;margin:20px 0 0 0;} .xzdz,.xzdz .gamexz_nrlist{width: 100% !important;} .demo-3{margin-top: 20px;} .gamenr-tabtext p{margin-bottom: 14px;} .gamenr-tabtext img{display: block;margin:auto;max-width: 80%;} /****240113最新更新2*****/ .todaytab td.pdlids{ text-align: left; padding-left: 30px; color: #444; width: 100px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .todaytab td.pdlids span a{padding:0px 4px;height: 16px;line-height: 16px; text-align: center; display: inline-block; float: left;border-radius: 2px; font-size: 12px; color: #fff; margin: 15px 6px 0px 0px;} .todaytab td.pdlids span.jsecol a{ background: #f39600;} .gamenr-tabtext p{margin-bottom: 14px;} .gamenr-tabtext img{display: block;margin:auto;max-width: 80%;} .loadcintel{ width: 100%; padding: 0px 20px 20px; box-sizing: border-box; } .loadcintel li{ width:50%; float: left; margin-top: 28px; height: 54px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;} .loadcintel li p{font-size: 16px; color: #8f99a5;} .loadcintel li span { font-size: 18px; color: #333333; line-height: 22px; display: block; margin-top: 12px; height: 22px; overflow: hidden; word-break: break-all; text-overflow: ellipsis;padding-right: 20px;} .loadcintel li a, .loadcintel li .qcann { color: rgb(236, 0, 62); cursor: pointer; } .loadcintel li a:hover, .loadcintel li .qcann:hover { color: rgba(255, 16, 16, 0.62); } .loadcintel li a, .loadcintel li .qcann2 { color: rgb(236, 0, 62); cursor: pointer; } .loadcintel li a:hover, .loadcintel li .qcann2:hover { color: rgba(255, 16, 16, 0.62); } /*弹窗*/ .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: 50%; 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{ display: inline-block; width: 26px; height: 26px; background: url(../images/yxbclose.png) no-repeat; position: absolute; right: 20px; top: 20px; cursor: pointer; } .powerN .powerC2{ display: inline-block; width: 26px; height: 26px; background: url(../images/yxbclose.png) no-repeat; position: absolute; right: 20px; top: 20px; cursor: pointer; } .powerN .powerB{position: relative; width: 100%; height: 68px; background-image: url(../images/qxbg.png); background-repeat: no-repeat; background-color: #fff; background-size: 560px 96px; text-align: center; border-top-left-radius: 8px; border-top-right-radius: 8px;font-size: 26px; font-weight: bold; padding-top: 106px; white-space: nowrap; color: #19b955; overflow: hidden;} .powerM{ background-color: #fff; position: relative; padding: 10px; top: -30px; border-radius: 20px; } .powerMr{ display: block; width: 490px; height: 400px; border-radius: 20px; padding: 0 10px 0 15px; line-height: 42px; font-size: 16px; margin: 10px auto; overflow: auto; border: 1px #eaeaea solid; } .powerM p{ line-height: 42px; font-size: 16px; } .powerM strong{ line-height: 42px; font-size: 16px; } /* 基础表格样式 */ .new-pagetext table { width: 100%; border-collapse: collapse; margin: 20px 0; font-family: Arial, sans-serif; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .new-pagetext thead th { background-color: #4CAF50; color: white; text-align: left; padding: 12px; border-bottom: 2px solid #ddd; } .new-pagetext tbody td { padding: 12px; border-bottom: 1px solid #ddd; transition: background-color 0.3s ease; } .new-pagetext tbody tr:nth-child(even) { background-color: #f9f9f9; } .new-pagetext tbody tr:hover { background-color: #f5f5f5; } .new-pagetext tbody td:last-child { text-align: right; } .new-pagetext 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; }