body{font-size:14px;font-family: "Microsoft YaHei";color: #333;background: #fefefe;} 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:#fe8900;} .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 #fe8900 solid; border-radius: 30px;font-size: 12px; padding: 0 8px;height: 20px;line-height: 20px;color: #fe8900;} .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;} /***首页头部推荐***/ .inhotyx{width: 1200px;background: #fff;box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);margin: 30px auto;padding: 20px; display: block;box-sizing: border-box;overflow: hidden;} .tab-cont{position:relative;} .tab-title{ float: left; background: #f6f6f6; width: 130px; } .tab-title li{ height: 30px; line-height:30px; padding:15px; position: relative; cursor: pointer; border-top: 1px solid #ebebeb; font-size: 16px; } .tab-title li em{ display: inline-block; width: 27px; height: 30px; background-repeat: no-repeat; background-position: 0 0; background-image: url(../images/tab_ico.png); float: left; } .tab-title li em.g1{ background-position: 0 3px; } .tab-title li em.g2{ background-position: 0 -58px; } .tab-title li em.g3{ background-position: 0 -115px; } .tab-title li.m-hover{ background: #fe8900; color: #FFFFFF; } .tab-title li.m-hover:after{ content: '　'; display: block; height: 0px; width: 0px; border-top: 10px solid transparent; border-left: 10px solid #fe8900; border-bottom: 10px solid transparent; position: absolute; right: -10px; top: 50%; margin-top: -10px; } .tab-title li.m-hover em{ background-image: url(../images/tab_ico_h.png); } .tab-bd{width: 1010px;float: right;height: auto;margin-bottom: 0;overflow: hidden;margin-left: 0;box-sizing: border-box;} .tab-list{position:relative;} .icon_rmsy{width: 25px;height: 25px;background: url(../images/ioc-sytb.png) no-repeat -311px -66px;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;} .tab-title ul li.m-hover .icon_rmsy{ background-position: -260px -66px; } .icon_rmzq{width: 25px;height: 25px;background: url(../images/ioc-sytb.png) no-repeat -415px -66px;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 10px;} .tab-title ul li.m-hover .icon_rmzq{ background-position: -364px -66px; } .tab-list:nth-child(2){display: none;} .qh-textlist{ overflow: hidden; border-top: 1px solid #E4E4E4; margin-top: 5px; padding-top: 5px; } .qh-textlist li{ position: relative; float: left; padding: 5px 0; text-align: center; width: 10%; line-height: 20px; } .qh-textlist li a{ color: #666666; display: inline-block; height: 20px; overflow: hidden; font-size: 12px; padding: 0 8px; } .qh-textlist li:after{ height: 15px; width: 1px; content: '　'; position: absolute; right: 0; top: 50%; margin-top: -7px; background: #e4e4e4; } /***热门推荐游戏列表***/ .rmsy-list{overflow:hidden;height: auto;width: 100%;padding-left: 0;margin-top: 0;} .rmsy-list ul li{display: block;float: left;padding: 0 12px; text-align: center;} .rmsy-list ul li a {display: block;height: 110px;position: relative;width: 100%;} .rmsy-list ul li a span{margin-top: 5px; line-height: 20px; color: #fe8900;display: block; width: 77px;font-size: 12px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .rmsy-list ul li a:hover span{color: #00bfb1;} .rmsy-list ul li img{width:77px;height: 77px;border-radius: 12px;display: block;} /***焦点图***/ #ifocus {width: 620px;height:620px;background:#F8F8F8;position: relative;} #ifocus_pic {display:inline;position:relative;float:left;width: 650px;height:620px;overflow:hidden;margin: 0;} #ifocus_piclist li {width: 620px;height:620px;overflow:hidden;} #ifocus_piclist img {width: 620px;height:620px;object-fit: cover;} #ifocus_btn {height: 28px;width: 620px;position: absolute;left: 0;bottom: 12px;padding: 0px 20px;box-sizing: border-box;text-align: center;} #ifocus_btn li {width: 32px;height: 6px;margin-right: 6px;cursor:pointer;background: #b6b6b6;display: inline-block;border-radius: 30px;} #ifocus_btn li.on{background: #fe8900;} #ifocus_opdiv {position:absolute;left:0;bottom:0;width: 620px;height:60px;background:#000;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);} #ifocus_tx {position:absolute;left: 0px;bottom: 28px;color:#FFF;} #ifocus_tx ul li{display:none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 620px;padding: 0 20px;box-sizing: border-box;text-align: center;} #ifocus_tx ul li a{ color:#fff; font-size:18px;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;height: 42px;line-height: 42px;} #ifocus:hover #ifocus_btn {display:inline;} /***推荐专区选项卡***/ .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: #fe8900; 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: #fe8900; 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: #fe8900;} .tjzq_categroy li .tjzq_t {width: 32px;height: 20px;text-align: center;position: absolute;top: 7px;left: 4px;background: #fe8900;line-height: 20px;color: #fff;border-radius: 15px;} .tjzq_categroy li .hot {color: #fe8900;} .tjzq_categroy .hot {color: #fe8900;} .tjzq_categroy1 li {padding-left: 0;} /***热单新闻***/ .inarea{width: 1200px;margin: 0px auto;display: block;overflow: hidden;margin-bottom: 30px; padding: 20px; box-sizing: border-box;background-color: rgb(255, 255, 255);box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);} .inarea-l{ width: 620px; float: left;padding-right: 34px;border-right: 1px #ddd dashed;} .inarea-r{width: 470px;float: right;} .syjdt{width: 620px; height:620px; overflow: hidden;} .rdhd{ width: 620px; margin-top: 20px;} .rdhd-dt{ width: 100%; height: 175px; } .rdhd-dt li{width: 295px;float: left;margin-right: 30px;position: relative;} .rdhd-dt li:last-child{ margin-right:0px;} .rdhd-dt li img{ width: 295px; height: 140px;} .rdhd-dt li p{line-height: 35px;text-align: center;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;} .tj_z{background-color: #f8f8f8; border: 1px solid #c4c4c4;overflow: hidden;padding: 12px 15px 21px;} .tj_z h1{ font-size: 22px;height: 44px;line-height: 44px;text-align: center; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 20px;box-sizing: border-box;} .tj_z p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 18px; line-height: 18px;overflow: hidden;font-size: 12px;text-align: center;color: #6d6f72;} .tj_z p a{color: #888; margin: 0 10px;} .g-ivtab{overflow:hidden;} .g-ivtab .g-ivtab-bd .g-tab-con ul{ overflow:hidden; clear:both;} .g-ivtab .g-ivtab-top{width: 100%;height: 40px;} .g-ivtab .g-ivtab-top ul li{display:block;float:left;box-sizing: border-box;position: relative; width: 33.33%;height:40px;font-size:17px;color:#565656;line-height:40px;text-align:center;cursor:pointer;} .g-ivtab .g-ivtab-top ul li.m-hover{color: #fe8900;} .g-ivtab .g-ivtab-top ul li.m-hover::after{content: "";display: inline-block;width: 50px;height: 4px;border-radius: 30px;background: #fe8900;position: absolute;left: 50%;margin-left: -25px;bottom: 2px;} .g-ivtab .g-ivtab-top ul li em{color: #d0d0d0;float: right;vertical-align: middle;} .g-ivtab .g-ivtab-top ul li:last-child em{display: none;} .g-ivtab .g-ivtab-bd{overflow:hidden;padding-top: 10px;} .g-ivtab .g-ivtab-bd .g-tab-con ul{border-left: 1px #e9e9e9 solid;} .g-ivtab .g-ivtab-bd .g-tab-con li {height: 47px;line-height: 47px; border-left: 3px #fff solid;border-right: 1px #e9e9e9 solid;font-size: 14px;padding: 0px 10px;border-bottom: 1px #eaeaea solid; width: 100%;overflow: hidden;box-sizing: border-box;} .g-ivtab .g-ivtab-bd .g-tab-con li span{color: #999; float:right;} .g-ivtab .g-ivtab-bd .g-tab-con li i.u-type {width:38px; height: 18px; border: 1px solid #00bfb1;vertical-align: middle; display: inline-block;overflow: hidden; line-height: 18px; background-color: #00bfb1; color: #fff; text-align: center;border-radius: 3px;margin-right: 10px; font-size: 12px;} .g-ivtab .g-ivtab-bd .g-tab-con li i.u-type a {font-size: 14px;color: #fff;} .g-ivtab .g-ivtab-bd .g-tab-con li:hover i.u-type{background: #fff;} .g-ivtab .g-ivtab-bd .g-tab-con li:hover i.u-type a{color: #00bfb1;} .g-ivtab .g-ivtab-bd .g-tab-con li p{width: 280px;overflow: hidden;height:24px;font-size: 15px;display: inline-block;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;line-height: 24px;} .g-ivtab .g-ivtab-bd .g-tab-con li p img {display: inline-block;width: 24px;height: 24px;vertical-align: top;margin-right: 5px;border-radius: 2px;} .g-ivtab .g-ivtab-bd .g-tab-con li p a{ color:#333;} .g-ivtab .g-ivtab-bd .g-tab-con li:hover a{color:#00bfb1;} .g-ivtab .g-ivtab-bd .g-tab-con li:hover{background: #f8f8f8;border-left-color: #00bfb1;} /***通用栏目标题***/ .symkty{width: 1200px;display: block;overflow: hidden;padding: 20px; box-sizing: border-box;background-color: rgb(255, 255, 255);box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);margin-top: 30px !important;} .mktybt{border-bottom: 2px solid #eee;line-height: 38px;position: relative;margin-bottom: 20px;display: flex;justify-content: space-between;} .mktybt strong{border-bottom: 3px solid #00bfb1;margin-bottom: -2px;line-height: 30px;display: inline-block;vertical-align: top;font-size: 22px; padding: 0 0 7px; color: #333333;font-weight: bold;flex-shrink: 0;} .mktybt a {color: #999999;font-size: 14px;display: flex;align-items: center;padding-right: 20px;position: relative;flex-shrink: 0;} .mktybt a::before, .mktybt a::after {content: '';display: inline-block;width: 5px;height: 5px;border-radius: 50%;background: #b1b1b1;position: absolute;right: 10px;top: 0;bottom: 0;margin: auto;} .mktybt a::after {right: 0;background: #dddddd;} .yxsptit span{margin-top: 15px;} /***游戏专区***/ .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;} /***首页专区***/ .bjzq{overflow: auto; width: 100%; height: 100%;background: url(../images/bg.jpg) no-repeat; background-attachment: scroll; background-size: auto; background-size: cover; background-attachment: fixed;} .bjzq .zqtybt{width: 100%;height: 73px; font-size: 24px;padding-left: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center;background: url(../images/zqico.png) no-repeat left center; -ms-flex-align: center; align-items: center;color: #fff;padding-bottom: 0;margin-bottom: 0;} .bjzq .zqtybt strong{font-weight: normal;} .zqdqcont{padding-bottom: 54px;} .zqdq-dome .next1, .zqdq-dome .prev1 {cursor: pointer; position: absolute; top: 73px; width: 50px; height: 434px; background-position: 0 0; z-index: 99;background: none;} .zqdq-dome .next1 {left: -100px;background:url(../images/zqleft.png) no-repeat left center;opacity: .6;} .zqdq-dome .next1:hover{opacity: 1;} .zqdq-dome .prev1{right: -100px;background: url(../images/zqright.png) no-repeat left center;opacity: .6;} .zqdq-dome .prev1:hover{opacity: 1;} .zqdq-list li{width: 285px;float: left;margin-right: 20px;height: 434px;border-radius: 16px; margin-right: 20px;-webkit-transition: all .6s;transition: all .6s;position: relative;} .zqdq-list li img{width: 100%;height: 378px;display: block;border-radius: 16px 16px 0 0;overflow: hidden;object-fit: cover;} .zqdq-list li p{height: 56px; line-height: 56px;text-align: center; font-size: 17px; color: #333;font-weight: bolder;font-family: Arial,PingFangSC,微软雅黑;padding: 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; background-color: #fff;border-radius: 0 0 16px 16px;} /***首页原创作者***/ .syyxx{ width: 300px; float: left;} .syyxbtn{ width: 100px; float: right;} .zqyxjs{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom: 0;} .container .navPrev, .container .navNext {display: inline-block; *zoom: 1;width: 24px;height: 9px;line-height: 100;overflow: hidden;background-image: url(../images/ioc-zztb.png);background-repeat: no-repeat;position: absolute;} .container .navPrev{background-position: -164px -14px;top:15px;right: 46%;} .container .navPrev:hover{background-position: -164px -34px;} .container .navNext{background-position: -218px -14px;bottom: 10px;right: 46%;} .container .navNext:hover{background-position: -218px -34px;} /***游戏合集***/ .syyxhj{width: 1200px; display: block; overflow: hidden; padding: 20px; box-sizing: border-box; background-color: rgb(255, 255, 255); box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);margin-top: 30px !important;} .yxsp-list{ width: 100%; display: inline-block;} .yxsp-list li{float: left; width: 216px;height: 130px;position: relative;margin-right: 20px;} .yxsp-list li:last-child{margin-right: 0;} .yxsp-list li img{border-radius: 6px;width: 100%;height: 100%;object-fit: cover;} .yxsp-list li .tit{height: 56px; line-height: 72px;position: absolute;padding: 0 10px;box-sizing: border-box; bottom: 0;left: 0;color: white;text-align: center; display: block; width: 100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: url(../images/textshadow.png) center top;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;} .jcsp_li li{margin-bottom: 20px;display: block;margin-right:20px;float:left;width: 300px;height: 230px;position: relative;} .jcsp_li li img{width: 100%;height: 168px; display: block;border-radius: 16px 16px 0 0;} .jcsp_li .game_info{background: #f9f9f9;border-radius: 0 0 16px 16px;height: 62px;padding: 0 16px;box-sizing: border-box;} .jcsp_li li:nth-child(3),.jcsp_li li:nth-child(5){margin-right: 0;} .jcsp_li .game_info strong{display: block; font-size: 17px; color: #333;font-weight: normal;width: 100%; font-family: Arial,PingFangSC,微软雅黑;height: 37px;line-height: 37px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .jcsp_li .game_info p{font-size: 12px;color: #999;text-align: left;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;} .jcsp_li li:first-child{width: 520px;height: 480px;} .jcsp_li li:first-child img{height: 418px;} .jcsp_li li::before{content: "";width: 50px;height: 50px;display: inline-block;position: absolute;background: url(../images/play.png) no-repeat;background-size: 50px 50px;top: 58px;left: 50%;margin-left: -25px;} .jcsp_li li:first-child::before{content: "";width: 90px;height: 90px;position: absolute; display: inline-block;background: url(../images/play.png) no-repeat;background-size: 90px 90px;top: 165px;left: 50%;margin-left: -45px;} /***手游栏目***/ .ingamefl{padding: 20px; box-sizing: border-box;background-color: rgb(255, 255, 255);box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);margin-top: 30px !important;} .tab-yxlm{position:relative;} .tab-lmtop{width: auto;} .tab-lmtitle{position: absolute;top: -58px;left: 160px;} .tab-lmtitle ul{display: flex;align-content: center;font-size: 18px;flex: 1;} .tab-lmtitle ul li{position: relative;box-sizing: border-box;padding: 0 10px; height: 28px; line-height: 28px; color: #333;cursor: pointer;text-align: center; font-size: 14px;} .tab-lmtitle ul li.m-lmhover{background-color: #00bfb1;color: #fff;} .tab-lmtitle ul em{line-height: 28px;padding: 0 7px; color: #d0d0d0;} .tab-lmtitle ul em:last-child{display: none;} .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;} .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,#fe8900);color: #fff;border-radius: 10px;} .btn-yxlm:hover .icon_gd{background-position: -562px -61px;} .tab-lmbd{background: #fff;box-sizing: border-box;margin-top: 10px;} .yxlm-list{overflow:hidden;height: auto;width: 1160px;padding-left: 0;margin-top: 0;} .yxlm-list li{width: 105px;height: auto;float: left;margin: 16px 45px 0 0px;display: inline;position: relative;} .yxlm-list li a {width: 100%;display: block;overflow: hidden;position: relative;zoom: 1;} .yxlm-list li a span{width:100%;height: 32px;line-height: 32px;font-size:14px;font-weight:normal;text-align:center;display:block;overflow:hidden;WHITE-SPACE: NOWRAP; TEXT-OVERFLOW: ELLIPSIS;} .yxlm-list li a:hover span{color: #FF5722;} .yxlm-list li img{width: 105px;height: 105px;border-radius: 16px;} .yxlm-list li:nth-child(8n){margin-right: 0px;} /***软件***/ .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: 530px;box-sizing: border-box;overflow: hidden;} .rjxxk-cont{position:relative;} .rjxxk-top{position: absolute;top: -58px;left: 160px;} .rjxxk-top ul{display: flex;align-content: center;font-size: 18px;flex: 1;} .rjxxk-top ul li{position: relative;box-sizing: border-box;padding: 0 10px; height: 28px; line-height: 28px; color: #333;cursor: pointer;text-align: center; font-size: 14px;} .rjxxk-top ul li.rjm-hover{background-color: #00bfb1;color: #fff;} .rjxxk-top ul em{line-height: 28px;padding: 0 7px; color: #d0d0d0;} .rjxxk-top ul em:last-child{display: none;} .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;} .syrjlb li{width: 105px;overflow: hidden;float: left;margin-right: 45px;text-align: center;margin-bottom: 16px;} .syrjlb li img{width: 105px;height: 105px;border-radius:16px;} .syrjlb li:nth-child(8n){margin-right: 0px;} .syrjlb li a span{width:100%;height: 32px;line-height: 32px;font-size:14px;font-weight:normal;text-align:center;display:block;overflow:hidden;WHITE-SPACE: NOWRAP; TEXT-OVERFLOW: ELLIPSIS;} .syrjlb li a :hover span{color: #FF5722;} /***视频***/ .mktybt span.hyp{float: right;color: #888888;font-size: 14px;background:none;line-height: 25px;margin-right: 0;cursor:pointer;margin-top: 15px;} .mktybt span.hyp .icon_hyp{background: url(../images/ioc-sytb.png) no-repeat -64px -67px;width: 22px;height: 22px;display: inline-block;vertical-align: middle;margin-right: 5px;} .mktybt span.hyp:hover .icon_hyp{background: url(../images/ioc-sytb.png) no-repeat -115px -67px;width: 22px;height: 22px;display: inline-block;vertical-align: middle;margin-right: 5px;} .yxhj{ width: 100%; display: none;} .yxhj li{ width: 370px; float: left; margin-right: 25px;height: 221px;position: relative;} .yxhj li:nth-child(3n){margin-right: 0px;} .yxhj li img{ width: 370px; height:221px;} .yxhj li i{display: block;background: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;position: absolute;left: 0;top: 0;} .yxhj li i::before{content: "";display: inline-block;width: 76px;height: 76px;background: url(../images/inico.png) no-repeat -214px -168px;position: absolute;left: 50%;top: 50%;margin-top: -38px;margin-left: -38px;} .yxhj li p{display: none;text-align: left;font-size: 14px;height: 40px;line-height:40px;color: #fff;text-align: center; padding: 0 15px;width: 100%;box-sizing: border-box;position: absolute;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);} .yxhj li:hover p{transition: all 0.3s ease-in-out 0s;display: block;} .yxhj li:hover i{display: none;} .yxhj.active {display: block;} /***首页排行榜**/ .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 {width: 60px;height: 22px;background: #00bfb1;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{padding: 20px; box-sizing: border-box;background-color: rgb(255, 255, 255);box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);margin-top: 30px !important;} .yqlj_b{float: left;width: 150px;height: 145px;text-align: center;background:#00bfb1 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%;box-sizing: border-box;} .yqlj_swiper a {display: inline-block;width: 162px;height: 32px;line-height:32px;color: #333;font-size: 14px;padding-right: 20px;box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .yqlj_swiper a::before{content: ''; display: block; float: left; width: 8px;height: 8px;margin:12px 10px 0 0;border: 1px #d4d4d4 solid;border-radius: 30px;} .yqlj_swiper a:hover{color: #00bfb1;} .yqlj_swiper a:hover::before{border-color: #00bfb1;} .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 img{ border-radius: 10px;} #syzq .tempWrap .bd li:nth-child(2){ display: none;} #syzq .tempWrap{ height: 540px; margin: 30px 0;} .mktybt span a{ color: #888888;} .mktybt span a:hover{ color: #fe8900;} /***右侧悬浮***/ .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: #00bfb1; 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: #00bfb1;} .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;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: #fe8900;} /***筛选***/ .game-sx{background: #fff;padding: 20px;box-sizing: border-box;overflow: auto;box-sizing: border-box;background-color: rgb(255, 255, 255);box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);} .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: #333;} .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: #fe8900; color: #fff; border-radius: 4px; text-decoration: none;} .gmopen{ position: absolute; right: 0px;cursor: pointer;top:15px; color: #fe8900;} .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: #fe8900; 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;margin-top: 40px;} .game-list li { float: left; width: 580px; height: 130px; border-radius: 10px; margin: 0px 30px 25px 0px; border: 1px solid #eee; } .game-list li:nth-child(2n){margin-right: 0;} .game-list a { height: 100%; padding: 0 15px;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-align-items: center;-webkit-align-items: center;align-items: center;} .game-list .dimg { width: 100px; height: 100px; margin-right: 10px;} .game-list .dimg img { width: 100%; height: 100%; border-radius: 10px; } .game-list .ptit { font-size: 18px; color: #333; line-height: 32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .game-list .pinfo { line-height: 20px; font-size: 14px; color: #7e7e7e; margin: 5px 0; } .game-list .pinfo span + span { margin-left: 20px; } .game-list .orange { color: orange; } .game-list .icon { margin: -4px 5px 0 0; } .game-list .ptxt { font-size: 14px; color: #7e7e7e;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .game-list .dinfo { overflow: hidden;width: 320px;margin-left: 15px;} .game-list .btn { display: inline-block; width: 80px; height: 30px; line-height: 30px; margin: 0 auto; font-size: 14px; color: #00bfb1; text-align: center; border:1px #00bfb1 solid; border-radius: 30px; box-shadow: 0 4px 10px 0 rgba(34, 177, 167, 0.2); } .game-list .btn:hover { color: #fff; background-color: #00bfb1;} .game-list .icon-star2{width: 18px;height: 18px;display: inline-block;background: url(../images/icon-pf.png) no-repeat left center;margin-right: 5px;} .sy-raty {height: 16px;width: 65px;margin: 10px auto;} .sy-raty .phbpf {width: 65px;height: 12px;display: block;position: relative;background: url(../images/syxxh.png) repeat-x;} .phbpf i { width: 93%; height: 12px; position: absolute; left: 0; top: 0; background: url(../images/syxxc.png) repeat-x; overflow: hidden; max-width: 65px; margin: 0;} .page,#page_navigation{margin: 0px auto 0px;text-align: center;} .page li{display: inline-block;overflow: hidden;border: none !important;padding: 0 !important;} .page li a, .page li span,#page_navigation a{ padding: 0px 12px; line-height: 38px; height: 38px; color: #666; font-size: 14px; border: 1px #ededed solid; display: inline-block;background: #fff;} .page li a:hover,.page li a.phover,#page_navigation a:hover,#page_navigation a.active_page{ background: #fe8900; color: #fff; border: 1px #fe8900 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 #fe8900; z-index: 2; color: #fff; background-color: #fe8900;} #page_navigation{width: 100%; text-align: center;margin: 10px auto;} #page_navigation a{margin: 0 5px;} /*****大家都在玩***/ .zq-tjyx{width: 100%;padding: 0;margin: 0px auto;} .zqtj-dome{overflow:hidden;position:relative;margin: 0px;float: right;width: 1085px;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:#1e89e0;} .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-right: 29px;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:#1e89e0;} .zqtj-dome .zqtj-domelist{overflow:hidden;margin: 0px auto;height: auto;width: 1130px;float: left;} .daw{ width: 50px; float: left;} /***游戏下载***/ .game-main{ width: 100%;} .game-down{padding: 20px 0px 20px 20px;border-bottom: 7px #f2f2f2 solid;height: 202px;position: relative;box-sizing: border-box;} .game-down .game-img{float: left;width: 155px;margin-right: 20px;z-index: 1;position: relative;} .game-down .game-img img{width: 155px;height: 155px;overflow: hidden;border-radius: 40px;} .game-down dl{float: left;width: 580px;position: relative;z-index: 1;margin-right: 30px;} .game-down dt{color: #fff;line-height: 44px;height: 44px;} .game-down dt h1{ max-width: 70%; float: left;font-size: 28px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .game-down dd.game-pf{width: 100%;height: 35px;position: relative;margin-top: 10px;} .game-down dd .scorepf{ float: left; margin-top: 15px;} .game-down dd i,.dayright td i{ width: 15px; height: 14px; display: inline-block; margin-right: 2px; background: url(../images/ghoticon.png) no-repeat -21px 0px; } .game-down dd i.scoreb,.dayright td i.scoreb{ background-position: -21px -17px;} .game-down dd i.scoreh,.dayright td i.scoreh{ background-position: -21px -35px;} .game-down dd .glnum{ font-size: 14px; color: #fe8900;margin-left: 4px;float: left;} .game-down dd .glnum b{ font-size: 26px;} .game-down dd .glnum em{ font-size: 16px; font-weight: bold;} .game-down .phbpf {width: 65px;height: 12px;display: block;position: relative;background: url(../images/syxxh.png) repeat-x;} .game-down dd.game-pf i {width: 93%;height: 12px;position: absolute;left: 0;top: 0;background: url(../images/syxxc.png) repeat-x;overflow: hidden;max-width: 65px;margin: 0;} .game-down dd p{line-height: 20px;color: #ffffff;width: 100%;height: 20px;} .game-down dd span{display: inline-block;width:25%;float: left;font-size: 12px;} .game-down dd span em, .game-down dd span em a{color: #ffffff;} .game-down dd.game-btn{margin-top: 10px;position: relative;} .game-down dd.game-btn a{width: 163px;height: 45px;line-height: 45px;display: inline-block;font-size: 18px;font-weight: bold;background: #1ec456;border-radius: 6px;color: #fff;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);margin-right: 10px;} .game-down dd.game-btn a:hover{ text-decoration: none; opacity: 0.8;} .game-down dd.game-btn a:before{content: "";width: 20px;height: 20px;display: inline-block;float: left;margin: 14px 5px 0px 22px;background: url(../images/ghoticon.png) no-repeat -46px 0px;} .game-down dd.game-btn a.iosico{ background: #ffb31e;} .game-down dd.game-btn a.iosico:before{ background-position: -46px -23px;} .game-down dd.game-btn a.computerico{ background: #1ea2ff;} .game-down dd.game-btn a.computerico:before{background-position: -46px -49px;} .game-down dd.game-pf span{width: 66px;float: none;} .game-down dd.game-btn a.nohs{background: #d8d8d8;color: #fff;} .game-down dd.game-btn p{font-size: 12px;} .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;} .azewm{position: absolute;width: 150px;height: 150px;top: 45px;left: 2px;overflow: hidden;z-index: 99;border: 5px solid #fff;background: #fff;box-shadow: 0px 4px 4px #d0d0d0;display: none;} .iosewm{position: absolute;width: 150px;height: 150px;top: 48px;left: 184px;overflow: hidden;z-index: 99;border: 5px solid #fff;background: #fff;box-shadow: 0px 4px 4px #d0d0d0;display: none;} .azewm img,.iosewm img{width: 150px;height: 150px;} .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 #fe8900 solid; color: #fe8900; 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: #fe8900; 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: #fe8900; 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,.gamenr-xgyxtj{padding: 0px 20px;margin-bottom: 30px;} .gamenr-xgyxtj h3{ margin-bottom: 8px;} .gamenr-xgyxtj li{ width: 107px; float: left; margin-right: 20px;} .gamenr-xgyxtj li a{ max-width: 100%;} .gamenr-xgyxtj li img{ width: 107px; height: 107px; overflow: hidden; border-radius: 22px;} .gamenr-xgyxtj li em{ width: 100%; display: inline-block; text-align: center; line-height: 40px; color: #333; font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .gamenr-xgyxtj li a:hover em{ color: #fe8900; text-decoration: underline;} .gamenr-player{ margin-bottom: 20px; height: 300px;} /***攻略资讯**/ .gamenr-tabcont .gamenr-glzx .nimg{ margin-left: 20px;} .gamenr-tabcont .gamenr-glzx .ntext{ width: 520px;} .gamenr-glzx{ margin-top: 4px; width: 100%;} .gamenr-glzx li{ padding: 20px 0px; border-bottom: 1px #f1f1f1 solid;} .gamenr-glzx .nimg{ width: 240px; float: left;} .gamenr-glzx .nimg img{ width: 210px; height: 145px; overflow: hidden;border-radius: 8px;} .gamenr-glzx .ntext{float: right; margin-right: 18px;} .gamenr-glzx .ntext h3{ font-size: 18px; font-weight: bold;height: 32px;line-height: 32px;} .gamenr-glzx .ntag span{ display: inline-block; float: left;} .gamenr-glzx .ntag span.tag1,.ntag span.author{max-width: 120px;} .gamenr-glzx .ntag{font-size: 16px;color: #aaa;margin-top: 16px;} .gamenr-glzx .ntag span.author{ display: inline-block;max-width: 180px;height: 20px;margin-left: 30px;} .gamenr-glzx .nword{width: 100%; margin-top: 12px;height: 52px;font-size: 14px;line-height: 24px; color: #666; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .gamenr-glzx .btn a{padding: 0px 15px;height: 25px;line-height: 25px;display: inline-block;background: #eeebeb;color: #fe8900;text-decoration: none;border-radius: 5px;} .gamenr-glzx .btn a:hover{background: #fe8900; color: #fff;} .gamenr-glzx .nhot{content: ""; width: 19px; height: 23px; display: inline-block; background: url(../images/tagicon.png) no-repeat 0px -47px; float: left;margin:3px 4px 0px 0px} .ntag span.tag1,.ntag span.author,.dright .number,.over{overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .ntag span.tag1{float: right;} .ntag span.tag1::before{content: "";display: inline-block;width: 18px;height: 13px;background: url(../images/inico.png) no-repeat -556px 0;margin-right: 5px;vertical-align: middle;} /***下载右侧**/ .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: #fe8900;} .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: #fe8900;text-decoration: none;} /***相关礼包**/ .gamenr-xglb ul{padding-top: 5px;} .gamenr-xglb li{ width: 100%;padding: 10px 0px; border-bottom: 1px #ddd dashed; height: 55px;} .gamenr-xglb li:last-child{ border-bottom: 0px;} .gamenr-xglb li .bagimg{margin-right: 15px; float: left;} .gamenr-xglb li .bagimg img{width: 55px; height: 55px; overflow: hidden; border-radius: 10px;} .gamenr-xglb li .bagtext{ float: left; max-width: 200px;} .gamenr-xglb li .bagtext h6{ font-size: 15px; line-height: 30px;} .gamenr-xglb li .bagtext p{ color: #666;} .gamenr-xglb li .bagtext h6,.gamenr-xglb li .bagtext p{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .gamenr-xglb li .bagtext p i{ color: #fe8900;} .gamenr-xglb li .bagbtn{ width: 50px;text-align: center; float: right; margin-right: 2px; margin-top: 15px;} .gamenr-xglb li .bagbtn a{ display: inline-block;width: 50px; height: 24px; line-height: 24px; border-radius: 2px; background: #f39800; color: #fff;} .gamenr-xglb li .bagbtn a:hover,.grhottag li a:hover,.grspecial li a:hover{ background: #00bfb1; color: #fff; text-decoration: none;} /***该游戏热门标签***/ .grhottag ul{ padding: 20px 0px;} .grhottag li{ float: left; margin-right: 9px; margin-bottom: 10px;} .grhottag 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;} .grhottag li a:hover{border-color: #00bfb1;} /***相关合集***/ .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;} /***游戏截图***/ .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: 805px;float: left;margin-left: 0;} .new-fllm a{font-weight: normal;width: 15.1%;float: left;display: inline-block;height: 36px;margin-right: 10px; line-height: 36px;font-size: 16px;text-align: center;margin-top: 10px; margin-left: 0px;background: #FAFAFA;border: 2px solid #FAFAFA;border-radius: 20px;overflow: hidden;} .new-fllm a:hover,.new-fllm a.over{color: #fe8900;border-color: #fe8900;background-color: #f9eee1;} .new-fllm{font-size: 22px;box-sizing: border-box; display: inline-block;width: 100%;} .new-fllm a:nth-child(6n+6){margin-right: 0;} .new-list{margin-top: 0;width: 100%;} .new-list li{ padding: 20px 0px; border-bottom: 1px #f1f1f1 solid;} .new-list .nimg{ width: 210px; float: left;} .new-list .nimg img{ width: 210px; height: 132px; overflow: hidden;border-radius: 10px;} .new-list .ntext{ width: 550px; float: right; margin-right: 18px;} .new-list .ntext h3{ font-size: 18px; font-weight: bold;height: 32px;line-height: 32px;} .new-list .ntag span{ display: inline-block; float: left;} .new-list .ntag span.tag1,.ntag span.author{max-width: 120px;} .new-list .ntag{font-size: 16px;color: #aaa;margin-top: 16px;} .new-list .ntag span.author{ display: inline-block;max-width: 180px;height: 20px;margin-left: 30px;} .new-list .nword{width: 100%; margin-top: 12px;height: 52px;font-size: 14px;line-height: 24px; color: #666; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .new-list .btn a{padding: 0px 15px;height: 25px;line-height: 25px;display: inline-block;background: #eeebeb;color: #fe8900;text-decoration: none;border-radius: 5px;} .new-list .btn a:hover{background: #fe8900; color: #fff;} .new-list .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;} /*新闻右侧*/ .new-right{ width:330px ; float: right;} .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: 83px; height:83px; overflow: hidden;border-radius: 22%;} .gamelist li b{ text-align: center; display: inline-block; width: 83px; margin-top:8px;line-height: 16px; height: 16px; font-size: 14px; font-weight: normal;} .gamelist li:nth-child(3n){margin-right: 0px;} .hotlist{ margin-top: 20px;} .hotlist li{ padding: 10px 0px; font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .hotlist li div{ width: 100%; margin-top: 14px;} .hotlist 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; } .hotlist li a{line-height: 22px;} .hotlist li a:hover{ text-decoration: none;} .hotlist 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;} .hotlist li a:hover i{ color: #fe8900;} .hotlist dt a{display: block;} .hotlist dt img{width: 100%;height: 142px; margin-bottom: 10px;border-radius: 8px;object-fit: cover;} .hotlist dt p{display: block;height: 30px;line-height: 30px;font-size: 16px;color: #262626;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .hotlist 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;} .hotlist dd{border-top: 1px dashed #f3f3f3;} .hotlist dd a{display: block;padding: 20px 0;overflow: hidden;} .hotlist dd img{float: left; width: 108px;height: 70px;margin-right: 18px;border-radius: 8px;} .hotlist dd .rmgl_rig{width: 148px;height: 70px;overflow: hidden;} .hotlist dd .rmgl_rig p{display: block;height: 48px;line-height: 24px;font-size: 16px; color: #4b4b4b; margin-top: -3px;overflow: hidden;text-overflow: ellipsis;} .hotlist 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;} .hotlist a:hover p{color: #fe8900;} /***热门游戏攻略***/ .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;} .strtab{position: absolute;top: -58px;left: 240px;} .strtab ul{display: flex;align-content: center;font-size: 18px;flex: 1;} .strtab ul li{position: relative;box-sizing: border-box;padding: 0 10px; height: 28px; line-height: 28px; color: #333;cursor: pointer;text-align: center; font-size: 14px;} .strtab ul li.on{background-color: #00bfb1;color: #fff;} .strtab ul em{line-height: 28px;padding: 0 7px; color: #d0d0d0;} .strtab ul em:last-child{display: none;} .strtabcont{ padding-top: 10px;} .strtabcont li{width: 185px;float: left;font-size: 14px;margin-right: 10px;} .strtabcont li:nth-child(6n){margin-right: 0px;} .strtabcont li a{ display: inline-block; max-width: 90%;line-height: 38px;} .strtabcont li a:hover{ text-decoration: none;} .strtabcont li a:hover i{color: #ffffff;border-color: #fe8900;background: #fe8900;} .strtabcont 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;} .strtabcont li i.strcol{ color: #fff; background: #fe8900; border-color: #fe8900;} /***热门手游排行榜***/ .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-newstext li{width: 100%;float: left;margin-top: 10px;} .new-newstext li i{width: 25px;height: 25px;margin: 5px 8px 0px 0px;text-align: center;float: left;line-height: 25px;display: inline-block;background: #eee;border-radius: 3px;} .new-newstext li span{width: 170px;float: left;font-size: 14px;line-height: 24px;} .new-newstext li div{margin-left: 10px;float: left;} .new-newstext li div img{width: 65px;height: 45px;overflow: hidden;border-radius: 4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;} .new-newstext li a:hover{ color: #fe8900; text-decoration:none;} .new-newstext li a:hover i{ border-color: #fe8900; color: #fe8900;} /****新闻详细***/ .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;} .new-list .ntag span a{color: #bbb;} .new-list .ntag span a:hover{color: #fe8900;} /****资讯详情声明***/ .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 #fe8900 solid; font-size: 14px; line-height: 26px; color: #fe8900;} .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: #fe8900; background: #fe8900; 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 #fe8900 solid;} .staewm span{ float: left; text-align: left; font-size: 15px; color: #999; line-height: 28px;} .staewm span b{ color: #fe8900;} /****资讯详情上下页***/ .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: #fe8900;} /*相关游戏下载*/ .new-pagedown,.pagearticle,.pagecomment{ margin-top: 25px;} .new-pagedown .strtit,.pagearticle .strtit,.pagecomment .strtit{margin-bottom: 20px;} .new-pagedown{padding: 20px;} .new-pagedown li{float: left;width: 117px;margin-right: 11px;text-align: center;margin-bottom: 20px;} .new-pagedown li a{display: block;} .new-pagedown li img{width: 100px;height: 100px;border-radius: 16px;overflow: hidden;} .new-pagedown li b{display: block; font-size: 16px;line-height: 24px;margin-top: 10px;font-weight: normal;} .new-pagedown li i{display: block; font-size: 14px;color: #666;line-height: 24px;overflow: hidden;white-space: nowrap;} .new-pagedown 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;} /***游戏壁纸***/ .yxbz-list{width: 100%;display: inline-block;} .yxbz-list li{width: 380px;height: 250px;margin-right: 25px;float: left;margin-bottom: 20px;position: relative;background: #fff;box-shadow: 0.5px 0.9px 5px 0 rgba(37, 25, 25, 0.06);} .yxbz-list li img{ width: 100%; height: 200px; overflow: hidden;object-fit: cover;} .yxbz-list 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;} .yxbz-list li:nth-child(3n){margin-right: 0px;} /***游戏壁纸详细***/ .zqbzimg{width: 1200px;margin: 0 auto;background: #fff;padding: 20px;box-sizing: border-box;box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);} .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;box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);} .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: #00bfb1;} .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;} /***游戏视频列表***/ .videolist{width: 100%;display: inline-block;} .videolist li{width: 388px;height: 250px;border: 1px #f2f2f2 solid;margin-right: 15px;float: left;margin-bottom: 20px;position: relative;background: #fff;} .videolist li img{width: 388px;height: 200px;overflow: hidden;} .videolist 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;} .videolist li a:hover i.vidicon{ background-position: -185px -49px;} .videolist 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;} .videolist 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;} .videolist 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: #5298ff;} .vidrtext2 li:hover img{ border: 2px #5298ff solid;} .vidpagecont2{width: 1200px;padding: 20px;margin: 20px auto 0px auto;background: #fff;box-sizing: border-box;box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);} .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;} .vidpagecont2 li{width: 243px;height: 220px;float: left;margin-right:20px;border: 1px #ebebeb solid;padding: 11px 15px;border-radius: 4px;} .vidpagecont2 li .vidpic{position: relative;} .vidpagecont2 li .vidpic img{ width: 244px; height: 138px;overflow: hidden;border-radius: 4px;} .vidpagecont2 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;} .vidpagecont2 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;} .vidpagecont2 li .vidtj{ margin-top: 10px; color: #666;} .vidpagecont2 li .vidtj span{ display: inline-block; float: left; line-height: 16px;} .vidpagecont2 li .vidtj span.vidtime{ float: right;} .vidpagecont2 li .vidtj span::before{content: ""; width: 16px; height: 16px; display: inline-block; float: left;} .vidpagecont2 li .vidtj span.vidcs::before{ background: url(../images/indico.png) no-repeat -369px -29px;margin: 0px 8px 0px 0px;} .vidpagecont2 li .vidtj span.vidtime::before{ background: url(../images/indico.png) no-repeat -369px -55px;margin: 0px 6px 0px 0px;} .vidpagecont2 li:hover{box-shadow: 0px 3px 10px rgba(0,0,0,.1);cursor: pointer;} .vidpagecont2 li:hover p{ color: #00bfb1;} .vidpagecont2 li:hover .vidpic::before{transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg);-webkit-transform:rotate(360deg); -o-transform:rotate(360deg); } .vidpagecont2 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: #fe8900;color: #fff;text-decoration: none;} .mod_tab .sehli {background: #fe8900;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: #fe8900;} .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: #fe8900;} .mod_categroy li:hover, .mod_categroy li:hover .t {background: #fbfbfb;} .mod_categroy .hot {color: #fe8900;} .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: #fe8900;width: 80px;height: 30px;line-height: 30px;color: #fff;text-align: center;display: block;margin: 0 auto;} .mod_sehresult .gobtn:hover {background: #fb7922;text-decoration: none;} .mod_games {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin-top: 15px;overflow: hidden;zoom: 1;} .mod_games ul {margin-bottom: -1px;margin-right: -10px;} .mod_games li {width: 300px;height: 327px;float: left;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;padding: 13px;} .mod_games .hover {background: #fbfbfb;} .mod_games .banner {width: 300px;height: 150px;position: relative;} .mod_games .banner .img {display: block;} .mod_games .banner .img, .mod_games .banner .img img {width: 300px;height: 150px;} .mod_games .banner .btns {width: 288px;height: 26px;position: absolute;left: 0;bottom: 10px;font-size: 0;text-align: left;padding: 0 6px;} .mod_games .banner .btns a {background: #060e16;background: rgba(0,0,0,.8);height: 26px;line-height: 26px;font-size: 12px;color: #fff;width: 70px;text-align: center;float: left;display: inline;margin: 0 1px;overflow: hidden;} .mod_games .banner .btns a:hover {background: #fa8133;background: rgba(255,102,0,.8);text-decoration: none;} .mod_games .titlebox {height: 30px;line-height: 30px;border-bottom: 1px dotted #ddd;padding: 8px 0;overflow: hidden;} .mod_games .titlebox .tit {width: 200px; height: 30px;font-weight: 500;color: #fe8900;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: #fe8900;color: #fff;text-decoration: none;} .mod_games .titlebox a {color: #fe8900;} .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: #fe8900;color: #fff;} .zqfl a.cur{background: #fe8900; 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: #00bfb1;line-height: 50px;padding: 0 20px;display: block;margin: 31px 15px;border: 1px solid #00bfb1;border-radius: 5px;text-align: center;} .zq-lx_btn:hover{color: #fff; background: #00bfb1;} .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: 380px;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);} .ztbox li:nth-child(3n){margin-right: 0;} .ztbox li a{display: block;position: relative;} .ztbox li img{display: block;width: 380px;height: 168px;border-top-left-radius: 7px;border-top-right-radius: 7px;} .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{padding-bottom: 23px;border-radius: 0 0 7px 7px;} .ztbox li div a:nth-of-type(1) {display: block;margin: 20px 0 16px;font-size: 20px;color: #4b4b4b; line-height: 22px;font-weight: bold;padding-left: 10px;border-left: 4px solid #00bfb1;padding-right: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .ztbox li div a:nth-of-type(1):hover{color: #00bfb1;} .ztbox li div p{display: block; padding: 0 14px; height: 70px;font-size: 14px;color: #999;line-height: 24px;overflow: hidden;} .ztbox li div a:nth-of-type(2) {display: block; width: 86px;height: 36px;text-align: center;font-size: 14px;color: #555555;line-height: 36px;margin: 17px auto 0;border: 1px solid #eaeaea;border-radius: 2px;} .ztbox li:hover div a:nth-of-type(2) {color: #fff;background-color: #00bfb1;border-color: #00bfb1;box-shadow: 0px 6px 8px #c4f6fa;} /***游戏专题列表****/ .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: #00bfb1;padding: 25px;box-sizing: border-box;} .hjbox_r h2{ font-size: 16px; font-weight: bold; color: #fff;} /*.hjbox_r p{font-size: 14px;line-height: 30px;color: rgba(255, 255, 255, .8);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: 120px; overflow-y: scroll; font-size: 14px; color: #fff; 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: 370px;height: 50px;text-align: center;background: #3ad4e2;border-radius:10px;display:block;color: #fff;line-height: 50px;font-size: 16px;} .hjbox_btn:hover{background: #00a195;color: #fff;} .hjbox-tit{font-size: 22px; font-weight: bold; color: #fe8900; 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: #00bfb1;} .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: #fff;background-color: #fe8900;display: block;margin: 0 auto;margin-top: 20px;} .hjbox_btn:hover{ background-color: #d84400;color: #fff;} .hjgd_btn{width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #fff;background-color: rgba(255, 255, 255, 0.3);display: block;margin: 0 auto;margin-top: 20px;border-radius: 20px;} .hjgd_btn:hover{ background-color: #00a195;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: #fe8900;color: #fff;} .strtit{font-size: 20px !important; line-height: 25px !important;} .xghj-hj { margin-top: 20px;} .xghj-hj li{width: 274px;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: #fe8900; } .xgxw-hj li:hover i { background: #fe8900; } .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: #00bfb1; 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 #fe8900 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: #fe8900; 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: #ff7800;} .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: #00bfb1; border-color: #00bfb1; 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, #00bfb1 0%, #01a0af 100%); background: -webkit-linear-gradient(left, #00bfb1 0%,#01a0af 100%); background: -ms-linear-gradient(left, #00bfb1 0%,#01a0af 100%); background: linear-gradient(to right, #00bfb1 0%,#01a0af 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: #00bfb1; border-color: #00bfb1; 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, #00bfb1 0%, #01a0af 100%); background: -webkit-linear-gradient(left, #00bfb1 0%,#01a0af 100%); background: -ms-linear-gradient(left, #00bfb1 0%,#01a0af 100%); background: linear-gradient(to right, #00bfb1 0%,#01a0af 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.active{ background: #00bfb1; color: #fff; text-decoration: none; text-indent: 17px;} .dayleft li:hover:before,.dayleft li.active: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: #fe8900; 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: #fe8900;} .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: #fe8900;color: #fff;} .soustj{color: #999;font-size: 14px;} .soustj em{color: #fe8900;} .ssnr-q{ background-color: #fff; padding:20px;} .ssyxmore{height: 30px;margin-bottom: 10px;line-height: 30px;text-align: center;margin-top: 10px;} .ssyxmore a{display: inline-block;width: 30%;background: #eee;font-size: 15px;border-radius: 4px;line-height: 40px;height: 40px;} .ssyxmore a:hover{background: #fe8900;color: #fff;} .ssyx h2,.sousuo h2{font-size: 18px;font-weight: normal;margin-top: 20px;} .ssyx h2 i,.sousuo h2 i{color: #fe8900;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: #fe8900;border-color: #fe8900;border: 1px solid;} .ssyx_db a:hover{background-color: #fe8900;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: #00bfb1;display: block;margin-top: 38px;border-radius: 10px;border: 1px solid #00bfb1;} .ssbtn:hover{background-color: #00bfb1;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 .videolist{padding: 0;margin-top: 20px;} .ssnr-q .videolist li{width: 31.66%;margin-right: 2.5%;box-sizing: border-box;} .ssnr-q .videolist li img{width: 100%;overflow: hidden;} .ssnr-q .videolist 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: 31.66%;margin-right: 2.5%;} .ssnr-q .ztbox li:nth-child(3n){margin-right: 0;} .ssnr-q .ztbox li img{width: 100%;} .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;} /**新闻资讯**/ .xwzx-cont{position:relative;} .xwzx_bt{position: absolute;top: -58px;left: 160px;} .xwzx_bt ul{display: flex;align-content: center;font-size: 18px;flex: 1;} .xwzx_bt ul li{position: relative;box-sizing: border-box;padding: 0 10px; height: 28px; line-height: 28px; color: #333;cursor: pointer;text-align: center; font-size: 14px;} .xwzx_bt ul li.rjm-hover{background-color: #00bfb1;color: #fff;} .xwzx_bt ul em{line-height: 28px;padding: 0 7px; color: #d0d0d0;} .xwzx_bt ul em:last-child{display: none;} .rjxxk-list .flex-between { width: 788px; float: left;} .rjxxk-list .fl { width: 282px; width: 250px; float: left;} .rjxxk-list .fl li + li { margin-top: 20px; } .rjxxk-list .fl a { display: block; } .rjxxk-list .fl img { width: 100%; height: 157px; display: block; object-fit: cover; border-radius: 10px;} .rjxxk-list .fl p { display: block; height: 20px; line-height: 20px; font-weight: bold; margin-top: 8px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .rjxxk-list .fr {width: 490px; } .rjxxk-list .fr h3 { height: 48px; line-height: 48px; border-bottom: 1px solid #eee; font-size: 16px; color: #0379ff; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 8px; } .rjxxk-list .fr li { height: 36px; margin-top: 2px; line-height: 36px;} .rjxxk-list .fr li em { font-size: 12px; color: #999; white-space: nowrap; } .rjxxk-list .fr li a { margin-right: 16px; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;max-width: 360px;vertical-align: middle;} .rjxxk-list .fr li span { margin-left: auto; white-space: nowrap; font-size: 12px; color: #999;float: right;} .rjxxk-list .right { width: 368px; } .rjxxk-list .right .main-title .tit { font-size: 20px; } .soft-top-list{width: 320px;float: right;margin-top: 15px;} .soft-top-list li{ margin-top: 19px; height: 20px; line-height: 20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .soft-top-list li:nth-child(1) span { background-color: #fc6763; } .soft-top-list li:nth-child(2) span { background-color: #ff9141; } .soft-top-list li:nth-child(3) span { background-color: #ffc55c; } .soft-top-list span{ width: 20px; height: 20px; background: #879299; color: #fffefe; font-size: 14px; font-weight: bold; text-align: center; float: left; margin-right: 10px; } /*开服排行页面*/ .soyxtjymlb{padding: 20px;background: #fff;box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);margin-bottom: 40px;} .soyxtjymlb li{display: block;width:220px;height: 50px;line-height: 50px; 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 5px;box-sizing: border-box;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis} .soyxtjymlb li a:hover{ border:1px solid #00bfb1;background:#00bfb1;color: #fff;} .sokfby{} .sokfby dt{ height: 48px;} .sokfby dt ul{ height:48px;background: #00bfb1;border-left: 1px #00bfb1 solid;} .sokfby 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 #00bfb1 solid;} .sokfby dd ul{height: 50px;border-left: 1px solid #ffded3;border-right: 1px solid #ffded3;} .sokfby 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} .sokfby dd li a{color: #333;} .sokfby dd ul:hover li{ background:#f6f5f5;} .sokfby dd ul:hover li a{ color: #333;} .sokfby dd li:nth-child(1),.sokfby dd li:nth-child(2),.sokfby dt li:nth-child(1),.sokfby dt li:nth-child(2){ width: 180px;} .sokfby dd li:nth-child(3),.sokfby dt li:nth-child(3){ width: 130px;} .sokfby dd li:nth-child(4),.sokfby dd li:nth-child(6),.sokfby dt li:nth-child(4),.sokfby dt li:nth-child(6){ width: 109px;} .sokfby dd li:nth-child(5),.sokfby dt li:nth-child(5){ width: 380px;} .sokfby dd li:nth-child(7),.sokfby dt li:nth-child(7){ width: 110px;} .sokfby dl:last-of-type dd ul{border-left: 1px solid #ededed;border-right: 1px solid #ededed;} .sokfby dl:last-of-type dd li{background: #fff;border-bottom: 1px solid #ededed;} .sokfby dl:last-of-type dd ul:hover li{ background: #f6f5f5;} .sokfby dl:last-of-type dd ul:hover li a{color: #333;} .sokfby-w{line-height: 24px;margin: 20px auto 0 auto;width:1200px;padding: 20px;background: #fff;box-sizing: border-box; background-color: rgb(255, 255, 255);box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);margin-top: 30px !important;} .sokfby dd li:last-child{padding: 0;text-align: center;} .sokfby dd li:last-child a{margin: auto;margin-top: 4px;margin-bottom:4px;display: block; width: 80px;height: 24px;line-height: 24px;color: #fe8900;border-radius: 4px; font-size: 13px;display: inline-block;text-align: center;border:1px #fe8900 solid;} .sokfby dd ul:hover li:last-child a,.sokfby dl:last-of-type dd ul:hover li:last-child a{color: #fff;background: #fe8900;} .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: 40px; border-radius: 4px;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: #00bfb1; border-color: #00bfb1;} .kfb-list a:nth-child(8n){margin-right: 0;} .gamemk .page,.n-main .page,.yxbz .page{background: none;} /****排行榜页面****/ .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:#00bfb1;} .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: #00ac9f;text-decoration: none;} .phb_lm .on{background-color: #00ac9f;} .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 #00bfb1;color: #00bfb1; text-align: center;font-size: 18px; border-radius: 10px; margin-top: 50px;} .ranp__btn:hover{ background-color: #00bfb1; color: #fff;} .glistbd{ position: relative; background: #fff; padding: 10px 20px 40px 20px; overflow: hidden;} .telyxph{overflow: hidden;} .telyxph ul{overflow: hidden;height: 150px;} .telyxph .show {height: auto;} .telyxph li{ float: left; margin-right: 12px;margin-bottom: 8px;} .telyxph li a{display: inline-block;border: 1px solid #eee;line-height: 40px; border-radius: 4px;padding: 0 9px;color: #6b6b6b;width: 133px;text-align: center;font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .telyxph li a:hover{ color: #fff; text-decoration: none; background: #ff5000; border-color: #ff5000;} .glistbd .gmopen{ top: 20px; right: 20px;} .glistbd .gmopen:before{margin: 7px 0px 0px 5px;} .ranp .ranp_xx .jrzq{width: 75px;height: 30px;position: absolute;top: 0px;right: 0;border: 1px solid #fe8900;text-align: center;line-height: 30px;border-radius: 10px;color: #fe8900;} .ranp .ranp_xx .jrzq:hover{ background: #fe8900; color: #fff;;} .phb .position {background-color: #fff; padding-left: 40px;background-position: 20px;} .game-pf{ float: right; margin-left: 20px;} .nametit{ height: 41px; border-bottom: 2px #eaeaea solid; line-height: 28px; font-size: 20px; color: #333; margin-bottom: 20px;} .nametit b{display: inline-block;border-bottom: 2px #ff5000 solid;height: 41px;margin-bottom: -2px;} .ranp .gmopen1{position:relative;width:100%; height:40px; text-align:center; background:#eee; line-height:40px;color:#333;cursor:pointer;} .ranp .gmopen1:before{display:none;} .ranp ul{height: 1800px;overflow: hidden;} .ranp ul.show{ height: auto;} .zanList .praise{width: 130px;position: absolute;right: 27px;top: -55px;height: 50px;margin: 50px auto;background: #fff;} .zanList #praise{float: left;width: 40px;height: 40px;} .zanList .praise img{width: 40px !important;height: 40px;} .zanList #praise-txt{float: left;margin-top: 6px;margin-left: 5px;color: #333;height: 40px;line-height: 35px;} .ranp li{position: relative;} #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;} .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;} .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: #ff5000;margin-bottom: 20px;} .gajjsw_bt:before{width: 80px;height: 2px;content: "";display: inline-block;background: #ff5000;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: #00bfb1; 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: #00bfb1; 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:#00bfb1} .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;} /*评论*/ .gamenr-player{height: auto;} .ytspl li { position: relative; padding: 10px 0 10px; border-bottom: 1px solid #ebebeb; zoom: 1; } .ytspl li:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; } .ytspl li:nth-last-of-type(1) { border: 0; } .ytspl li.last { border-bottom: 1px solid #ebebeb; } .ytspl .text { line-height: 24px; font-size: 14px; color: #666; width:100%; word-wrap: break-word; margin-top: 10px;} .ytspl .yts_r { font-size: 12px; color: #999; line-height: 14px; margin-bottom: 5px; cursor: default; } .ytspl .name { font-size: 14px; color: #666; font-weight: 700; margin-right: 10px; } .ytspl .time { float: right; } .ytspl .yts_zan { height: 20px; padding-left: 20px; line-height: 20px; color: #999; position: absolute; right: 4px; bottom: 8px; background: url(../images/wjpl.png) no-repeat 0 1px; cursor: pointer; } .ytspl .yts_zan.current { background-position: 0 -41px; color: #f60; cursor: default; } .ytspl .yts_zan:hover { background-position: 0 -41px; } .ytspl .yts_i { width: 50px; height: 50px; display: block; float: left; } .ytspl .yts_i img { width: 100%; height: 100%; display: block; } .ytspl .detail { margin-left: 65px; position: relative; padding-bottom: 35px; } /*相关资讯*/ .ssowign{ margin-top: 15px; } .ssowign li { float:left; width:32%; margin-right:2%; position: relative; padding-left: 15px; box-sizing: border-box; background: #f9f9f9; border-radius: 2px; padding: 0 1%; box-sizing: border-box; margin-bottom: 15px; } .ssowign li:nth-of-type(3n) { margin-right:0 } .ssowign li a { display:block; padding-left:6px; box-sizing:border-box; height:50px; line-height:50px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; color:rgb(68,68,68) } .ssowign li a:hover { color:#00bfb1 } /*开服表页面*/ .ysskfh dt{ height: 48px;} .ysskfh dt ul{ height:48px;background: #00bfb1;border-left: 1px #00bfb1 solid;border-right: 1px #00bfb1 solid;} .ysskfh 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;} .ysskfh dd ul{height: 51px;border-left: 1px solid #ededed;border-right: 1px solid #ededed;} .ysskfh 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} .ysskfh dd li a{color: #333;} .ysskfh dd ul:hover li{ background:#f6f5f5;} .ysskfh dd ul:hover li a{ color: #333;} .ysskfh dd li:nth-child(1),.ysskfh dt li:nth-child(1){ width: 400px;} .ysskfh dd li:nth-child(2),.ysskfh dt li:nth-child(2){width: 258px;text-align: center;} .ysskfh dd li:nth-child(3),.ysskfh dt li:nth-child(3){ width: 180px;text-align: center;} .ysskfh dd li:nth-child(4),.ysskfh dt li:nth-child(4){ width: 180px;text-align: center;} .ysskfh dd li:nth-child(5),.ysskfh dt li:nth-child(5){ width: 180px;text-align: center;} .ysskfh dl:last-of-type dd li{background: #fff;} .ysskfh dl:last-of-type dd ul:hover li{ background: #f6f5f5;} .ysskfh dl:last-of-type dd ul:hover li a{color: #333;} .ysskfh dd li:nth-child(1) img{width: 32px;height: 32px;margin-right: 15px; float: left;margin-top: 7px;border-radius: 6px;} .ysskfh-w{line-height: 24px;margin: 20px auto 0 auto;width:1170px;padding: 15px;background: #fff;} .ysskfh 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; background:#fe8900;color: #fff;font-size: 13px;display: inline-block;text-align: center;} .ysskfh dd li:last-child a::before{content: "";width: 12px;height: 12px;display: inline-block;background: url(../images/kfxz.png) no-repeat;background-size: 12px 12px;margin-right: 3px;vertical-align: top;margin-top: 7px;} .ysskfh dd ul:hover li:last-child a,.ysskfh dl:last-of-type dd ul:hover li:last-child a{color: #fff;background: #e77d00;} .ysskwz{ padding:20px 0 0; } .ysskwz a{ height: 50px; line-height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; width:18.4%; margin-right:2%; margin-bottom: 10px; padding: 0 10px; box-sizing: border-box; background: #f9f9f9; border-radius: 2px; } .ysskwz a:nth-child(5n){margin-right: 0;} .ysskwz a:hover{ background: #00bfb1; color: #fff; } .ysskbt{margin-bottom: 20px;} .ysskbt h1{height: 50px;line-height: 50px;font-size: 20px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;color: #333;} .ysskbt .infosj{margin-bottom: 20px;font-size: 14px;color: #999;} .ysskbt .infoll{font-size: 14px;color: #666;height: 20px;line-height: 18px;margin-bottom: 10px;} .ysskbt .infoll::before{content: "";width: 20px;height: 20px;background: url(../images/ll.png) no-repeat center center;margin-right: 10px; background-size:20px 20px;display: inline-block;vertical-align: top;} .ysskbt .infoll em{color: #888;margin-left: 20px;} .ysskbt .infoll span{width:65px ;height: 18px;display: inline-block; background: url(../images/yxkico2.png) repeat-x left center;vertical-align: top;position: relative;} .ysskbt .infoll span i{display: inline-block;position: absolute;left: 0;bottom: 0;background: url(../images/yxkico1.png) repeat-x left center;vertical-align:top;height: 18px;} /*评论*/ .wjtlbox{ width: 1200px; display: block; overflow: hidden; padding: 20px; box-sizing: border-box; background-color: rgb(255, 255, 255); box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%); margin-top: 30px !important; } #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;} .gamenr-player{height: auto;} .kfbli dd.cont2{width: 100%;} .kfbli dd.cont2 p{height: 20px;line-height: 20px;overflow: hidden;} .ysskflb{width: 100%;} .ysskflb li{float: left; padding: 20px 0px 0px 0px; width: 128px; text-align: center; min-height: 145px;} .ysskflb li img { border-radius: 15px; display: block; width: 100px; height: 100px; margin: auto; } .ysskflb li p{ font-size: 16px; color: #333; margin: auto; margin-top: auto; text-align: center; line-height: 25px; margin-top: 4px; height: 25px; overflow: hidden; text-overflow: ellipsis; width: 100px; } .ysskflb li span{ font-size: 12px; color: #999; text-align: center; line-height: 16px; } /*详情样式1*/ /* .gamenr-tabtext p strong{display: block; color: #fe8900; font-size: larger; font-weight: bold; border-bottom: 1px solid #eaeaea; padding: 5px 0px; margin-bottom: 5px;text-indent: 0;} */ .gamenr-tabtext h3{display: block; color: #fe8900; font-size: larger; font-weight: bold; border-bottom: 1px solid #eaeaea; padding: 5px 0px; margin-bottom: 5px;text-indent: 0;} /*20221021*/ .vsieyf .gamenr-tabtext{padding: 20px;box-sizing: border-box;background-color: rgb(255, 255, 255);box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);border-top: 0;margin: 20px 0;} .vsieyf .gajjsw,.vsieyf .gtabrotation{margin: 30px 0 0 0;padding: 20px;box-sizing: border-box;background-color: rgb(255, 255, 255);box-shadow: 0 2px 3px 0 rgb(0 0 0 / 15%);border-top: 0;} .vsieyf .gamenr-tabtext h4{ font-size: 18px; font-weight: normal; margin-top: 20px; line-height: 45px;} .vsieyf .gamenr-tabtext h4:before{ width: 4px; height: 18px; content: ""; display: inline-block; background: #f55555; border-radius: 8px; margin: 15px 9px 0px 0px; float: left;} .vsieyf .xzdz{width: 100% !important;} .vsieyf .xzdz .gamexz_nrlist{width: 100% !important;} .gamenr-tabtext p{margin-bottom: 14px;} /****240113最新更新2*****/ .todaytab td.zl_zxlb{ text-align: left; padding-left: 30px; color: #444; width: 100px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .todaytab td.zl_zxlb span a{padding:0px 4px;height: 16px;line-height: 16px; text-align: center; display: inline-block; float: left;border-radius: 2px; font-size: 12px; color: #fff; margin: 15px 6px 0px 0px;} .todaytab td.zl_zxlb span.jsecol a{ background: #f39600;} .osjwi{ margin-bottom: 40px; padding: 20px; } .osjwi ul{ margin-top: 20px; } .osjwi li{ width: 48%; float: left; margin-right: 2%; box-sizing: border-box; height: 34px; line-height: 32px; border: 1px dotted #ddd; padding-left: 10px; margin-bottom: 10px; } .osjwi li:nth-child(3n){ margin-right: 2%; } .osjwi li em{ display: inline-block; float: left; color: #808080; } .osjwi li span{ float: left; display: inline-block; max-width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .osjwi li span a{color: #4267ee;} .osjwi li span.ckxqb{color: #4267ee;cursor: pointer;} .osjwi li span.ckxqb2{color: #4267ee;cursor: pointer;} .osje{display: none;} .ckqok{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index:20; } .ckqok2{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index:20; } .evdBox{ position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 30; height: 460px; background-color: #fff; -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.2); box-shadow: 0 2px 8px 0 rgba(0,0,0,.2); border-radius: 12px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 560px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .evdBox .rClose{position: absolute;right:15px;top: 16px; margin: auto;z-index: 10;background: url(../images/close.png) no-repeat;width: 28px;height: 28px;cursor: pointer;} .evdBox .rClose2{position: absolute;right:15px;top: 16px; margin: auto;z-index: 10;background: url(../images/close.png) no-repeat;width: 28px;height: 28px;cursor: pointer;} .evdBox .rTitle{position: relative;width: 100%;height:60px;line-height: 60px;font-size: 18px;text-align: left;background: #4267ee;border-radius: 8px 8px 0 0; font-size: 16px; color: #fff;padding: 0 15px;box-sizing: border-box;} .evdMain{width: 100%; height: 400px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 30px; overflow-y: scroll; } .evdMain p{text-align: left;margin-bottom: 12px;} .evdMain strong{display: block;font-size: 16px; margin-top: 10px; color: #000; margin-bottom: 12px; text-align: left; font-weight: normal; border-top: 1px #eaeaea dashed; padding-top: 15px; } /* 基础表格样式 */ .new-pagetext table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-family: Arial, sans-serif; } .new-pagetext tbody th, td { border: 1px solid #555; padding: 12px; text-align: left; } .new-pagetext tbody th { background-color: #2c2c2c; color: #fff; font-weight: bold; } .new-pagetext tbody tr:nth-child(even) { background-color: #f5f5f5; } .new-pagetext tbody tr:hover { background-color: #e0e0e0; transition: background-color 0.2s ease; } .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; }