body{font-size:14px;font-family:Microsoft YaHei,sans-serif;color: #333;background-color: #f5f5f5;} body,html,a,img,div,form,select,input,ul,ol,ul,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,label,em,span{margin:0;padding:0} a{text-decoration:none;cursor:pointer; color: #454545;} p{list-style:none;} em,i{font-style:normal;} img {width:auto\9; height:auto;max-width:100%; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic;} input, textarea, select {*font-size: 100%; outline: 0;border: 0;} *{padding:0;margin:0;} img,input{border:none;vertical-align:middle;} html{overflow-y:scroll;} ul,ol,li{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:#f60;} a:hover,a:focus{-webkit-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-moz-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-ms-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;-o-transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms;} .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;} .pot{width: 1200px;margin: 0px auto;box-sizing: border-box; position: relative; z-index: 10;} .pot2{width: 1200px;margin: 30px auto 0 auto;position: relative;background: #fff;padding: 20px !important;box-sizing: border-box;border-radius: 10px;} .pot3{width: 1200px;margin: 20px auto 0 auto;position: relative;box-sizing: border-box;} .pot4{width: 1200px;margin: 0 auto;position: relative;box-sizing: border-box;} input, textarea, select {*font-size: 100%; outline: 0;border: 0;} .tl{ color: #ff6459 !important;} .mar0{ margin-right: 0px !important;} .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;} .clear {clear: both; height: 0px;width: 100%;} /*****头部****/ header{width: 100%;height: 110px; background-color: #fff;-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .05);-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .05); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .05);} .logo{ float: left;display: block; margin-right: 20px;height: 110px; padding-top:22px ;box-sizing: border-box;} .logo img{width:200px;height: auto;overflow: hidden;} header ul{ float: left; width: 680px; height: 110px; display: flex; } header ul li{flex: 1;} header ul li a{display: block;position: relative;text-align: center;font-size: 20px;color: #292929;line-height: 110px;white-space: nowrap;} header ul a:after{content: "";position: absolute;width: 0;height: 4px;top:0px;left: 0;right: 0;margin: auto;background-color:transparent;-webkit-transition: all .8s;-moz-transition: all .8s;-o-transition: all .8s;transition: all .8s;} header ul a:hover:after{width: 100%;background-color: #444d5c;} header ul a:hover {color: #444d5c;} header ul a.current:after{width: 100%;background-color: #ffba25;} header ul a.current {color: #ffba25;} .setbox{float: right;width: 200px;height: 42px;margin-top: 34px;position: relative;} .setbox form{width: 100%;background: #f2f2f2;border-radius: 30px;} .setbox .setbox-i {border: 0;padding: 0;outline: none;width: 80%;margin-left: 39px; height: 42px; *margin-bottom: -1px; font-size: 14px; color: #ccc; line-height: 342px; border: 0; background: none;} .setbox .setboxn{position: absolute;left: 19px; top: 15px; width: 20px; height: 20px;background:url(../images/ss.jpg) no-repeat; } .sitemap{width: 66px;float: right;margin-top: 40px;} .sitemap-link{float: left;padding-left: 25px;cursor: pointer;line-height: 30px;} .login{display: inline-block;height: 30px;cursor: pointer;background: url(../images/navico.png) no-repeat left center;width: 30px;float: right;} .login:hover{background: url(../images/navico-h.png) no-repeat left center;} .navOpen{width:1200px;height: auto;display:none;position: absolute;right:0;top: 110px;border-top: none;background: #fff;box-shadow: 1px 1px 10px #dddddd;z-index: 9999;} .navOpen dl{width: 20%;border-right: 1px #eee solid;float: left;box-sizing: border-box;min-height: 305px;} .navOpen dt{border-bottom: 1px #eaeaea dashed;height: 50px;line-height: 50px;text-align: center;font-size: 18px;} .navOpen dd{padding-bottom: 20px;} .navOpen dd a{display: inline-block; box-sizing: border-box; width: 100%;height: 30px;line-height: 30px;font-size: 15px; margin-top: 10px;text-align: center;padding: 0 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .navOpen dd a.red{color: #f60;} .navOpen dd a:hover{color: #ffba25;} #sonNav{background: #fff;position: absolute;width:100%;z-index: 99;border-bottom:1px solid #e5e5e5;border-top: 1px #e5e5e5 dashed; top: 110px;} #sonNav .item{display: none;} #sonNav .item dl{overflow: hidden;margin-bottom:10px;} #sonNav .item dl:first-child{padding-top:10px;} #sonNav .item dl dt{width:90px;font-size:16px;float: left;border-left: 4px solid #ffba25;color: #ffba25; padding-left:10px;font-weight: bold;margin-top:5px;} #sonNav .item dl dd{float: left;width:1050px;} #sonNav .item dl dd a{padding:0px 10px;display: inline-block;height:30px;line-height: 30px;font-size: 15px;} #sonNav .item dl dd a:hover{color:#ffba25;} #sonNav .item dl dd a:before{content: ""; display: inline-block;border-left:1px solid #e5e5e5;width: 25px;height:10px;} /***底部***/ footer{ width: 100%; background: #141414;padding-top: 40px;padding-bottom: 40px;} .general{width: 1200px;margin: 0 auto;text-align: center;line-height: 30px;margin-bottom: 25px;} .general li{color: #999999;margin: 0 20px 0 0;border-right: 1px solid #444;line-height: 20px;padding-right: 20px;display: inline-block;} .general li a{color: #999999;} .general li:last-child{ border-right: none;} footer p{width: 1200px;margin: 0 auto;text-align: center;color: #999999;line-height: 30px;} footer p a{color: #999999; } footer .record {width: 20px;height: 20px;background: url(../images/bei.png) no-repeat;display: inline-block;margin: 0 8px 0 20px;vertical-align: middle;} /***最新游戏***/ .game-l{width: 300px;float: left;padding: 20px;box-sizing: border-box;background: #fff;} .gameClass{margin-top: 20px;} .gameClass span{float: left;display: block;width: 78px;height: 64px;line-height: 28px;text-align: center;background-color: #f5f5f5;font-size: 14px;color: #666;margin:0 12px 12px 0;overflow: hidden;border-radius: 4px;white-space: nowrap;text-overflow: ellipsis;cursor: pointer;} .gameClass span:nth-child(3n){margin-right: 0;} .gameClass span:nth-child(16),.gameClass span:nth-child(17),.gameClass span:nth-child(18){margin-bottom: 0;} .gameClass span.current,.gameClass span:hover{color: #fff;background-color: #ffba25;} .gameClass span i{display: block;width: 24px;height: 24px;margin-right: 10px;position: relative;top: 5px;margin:4px auto 6px;background: url(../images/classico.png) no-repeat;} /* game */ .gameClass span i.qb{background-position: -0px 0px;} .gameClass span i.xx{background-position: -37px 0px;} .gameClass span i.dz{background-position: -72px 0px;top: 7px;} .gameClass span i.kp{background-position: -111px 0px;top: 5.5px;} .gameClass span i.mn{background-position: -148px 0px;top: 8px;} .gameClass span i.sc{background-position: -184px 0px;top: 8px;} .gameClass span i.gd{background-position: -221px 0px;} .gameClass span i.wd{background-position: -253px 0px;top: 6px;} .gameClass span i.xw{background-position: -290px 0px;} .gameClass span i.fx{background-position: -326px 0px;} .gameClass span i.ty{background-position: -362px 0px;} .gameClass span i.mx{background-position: -395px 0px;} .gameClass span i.by{background-position: -432px 0px;top: 7px;} .gameClass span i.qp{background-position: -469px 0px;} .gameClass span i.qt{background-position: -502px 0px;} .gameClass span i.cw{background-position: -537px 0px;} .gameClass span i.gk{background-position: -570px 0px;} .gameClass span i.cq{background-position: -609px 0px;} .gameClass span.current i.qb,.gameClass span:hover i.qb{background-position: 0px -40px;} .gameClass span.current i.xx,.gameClass span:hover i.xx{background-position: -37px -40px;} .gameClass span.current i.dz,.gameClass span:hover i.dz{background-position: -72px -40px;top: 7px;} .gameClass span.current i.kp,.gameClass span:hover i.kp{background-position: -111px -40px;top: 5.5px;} .gameClass span.current i.mn,.gameClass span:hover i.mn{background-position: -148px -40px;top: 8px;} .gameClass span.current i.sc,.gameClass span:hover i.sc{background-position: -184px -40px;top: 8px;} .gameClass span.current i.gd,.gameClass span:hover i.gd{background-position: -221px -40px;} .gameClass span.current i.wd,.gameClass span:hover i.wd{background-position: -253px -40px;top: 6px;} .gameClass span.current i.xw,.gameClass span:hover i.xw{background-position: -290px -40px;} .gameClass span.current i.fx,.gameClass span:hover i.fx{background-position: -326px -40px;} .gameClass span.current i.ty,.gameClass span:hover i.ty{background-position: -362px -40px;} .gameClass span.current i.mx,.gameClass span:hover i.mx{background-position: -395px -40px;} .gameClass span.current i.by,.gameClass span:hover i.by{background-position: -432px -40px;top: 7px;} .gameClass span.current i.qp,.gameClass span:hover i.qp{background-position: -469px -40px;} .gameClass span.current i.qt,.gameClass span:hover i.qt{background-position: -502px -40px;} .gameClass span.current i.cw,.gameClass span:hover i.cw{background-position: -537px -40px;} .gameClass span.current i.gk,.gameClass span:hover i.gk{background-position: -570px -40px;} .gameClass span.current i.cq,.gameClass span:hover i.cq{background-position: -609px -40px;} .gameli{margin-top: 20px;} .gameli li{position: relative;float: left;width: 264px;height: 132px;margin:0 20px 20px 0px;border: 1px solid transparent;border-radius: 3px;background-color: #fafafa;overflow: hidden;*zoom: 1;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;} .gameli li:nth-child(3n){margin-right: 0;} .gameli li:nth-child(7),.gameli li:nth-child(8),.gameli li:nth-child(9){margin-bottom: 0;} .gameli li a{float: left;display: block;padding:15px 0;} .gameli li a.img{padding-left: 13px; margin-right: 14px;} .gameli li a.info{width:110px;max-height: 96px;} .gameli li a img{width: 96px;height: 96px;border-radius: 16px;} .gameli li p{font-size: 14px;color: #999;line-height: 16px;font-weight: bold;overflow: hidden;white-space: nowrap;} .gameli li .name{font-size:18px;color: #333;height: 28px;line-height: 28px;font-weight: 400; margin-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .gameli li .time{font-weight: 400;color: #757575;margin-top: 16px;} .gameli li p span{color: #757575;font-weight: 400;} .gameli li p span:first-of-type{margin-right: 4px;} .gameli li p span:nth-of-type(2){margin-left: 4px;} .gameli li p span i{display: inline-block;width: 14px;height: 13px;background: url(../images/stra.png);margin-left: 2px;position: relative;top: 0.5px;} .gameli li .btn{display:none;font-size: 14px;color: #fff;width: 68px;height: 28px;line-height: 28px;background-color: #ffba25;border-radius:3px;text-align: center;margin-top: 12px;} .gameli li a:hover p.name{color: #ffba25;} .gameli li:hover{background-color: #fff6eb;border-color: #ffba25;} .gameli li:hover .btn{display: block;} .gameli li:hover .time{display: none;} /* soft */ .gameClass span i.sj{background-position: -37px -90px;top: 7px;} .gameClass span i.sp{background-position: -73px -90px;top: 6px;} .gameClass span i.sh{background-position: -110px -90px;top: 5.5px;} .gameClass span i.xy{background-position: -147px -90px;} .gameClass span i.jy{background-position: -184px -90px;top: 8px;} .gameClass span i.sg{background-position: -221px -90px;top: 5.5px;} .gameClass span i.yj{background-position: -253px -90px;} .gameClass span i.my{background-position: -290px -90px;} .gameClass span i.wl{background-position: -326px -90px;top: 5.5px;} .gameClass span i.ly{background-position: -362px -90px;} .gameClass span i.zt{background-position: -395px -90px;} .gameClass span i.pz{background-position: -432px -90px;top: 7px;} .gameClass span i.xs{background-position: -469px -90px;} .gameClass span i.jr{background-position: -501px -90px;} .gameClass span i.kg{background-position: -536px -90px;top: 5.5px;} .gameClass span.current i.sj,.gameClass span:hover i.sj{background-position: -37px -130px;top: 7px;} .gameClass span.current i.sp,.gameClass span:hover i.sp{background-position: -73px -130px;top: 6px;} .gameClass span.current i.sh,.gameClass span:hover i.sh{background-position: -110px -130px;top: 5.5px;} .gameClass span.current i.xy,.gameClass span:hover i.xy{background-position: -147px -130px;} .gameClass span.current i.jy,.gameClass span:hover i.jy{background-position: -184px -130px;top: 8px;} .gameClass span.current i.sg,.gameClass span:hover i.sg{background-position: -221px -130px;top: 5.5px;} .gameClass span.current i.yj,.gameClass span:hover i.yj{background-position: -253px -130px;} .gameClass span.current i.my,.gameClass span:hover i.my{background-position: -290px -130px;} .gameClass span.current i.wl,.gameClass span:hover i.wl{background-position: -326px -130px;top: 5.5px;} .gameClass span.current i.ly,.gameClass span:hover i.ly{background-position: -362px -130px;} .gameClass span.current i.zt,.gameClass span:hover i.zt{background-position: -395px -130px;} .gameClass span.current i.pz,.gameClass span:hover i.pz{background-position: -432px -130px;top: 7px;} .gameClass span.current i.xs,.gameClass span:hover i.xs{background-position: -469px -130px;} .gameClass span.current i.jr,.gameClass span:hover i.jr{background-position: -501px -130px;} .gameClass span.current i.kg,.gameClass span:hover i.kg{background-position: -536px -130px;top: 5.5px;} .game-r{width: 880px;float: right;padding: 20px;box-sizing: border-box;background: #fff;} /***游戏合集***/ .shj-c{ width: 100%; display: inline-block;margin-top: 20px;position: relative;margin-bottom: 20px;} .shj-c ul{position:absolute;} .shj-c li { position: relative; box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px 0px; border-radius: 10px;margin-bottom: 10px; width: 272px;margin-right: 20px; height: 175px; overflow: hidden; float: left; } .shj-c li a > p { font-size: 24px; color: rgb(255, 255, 255); font-weight: 600; position: absolute; top: 19px; left: 15px; } .shj-c li img { width: 272px; height: 175px; display: block; } .shj-c li:hover img { transform: scale(1.05); transition: all 0.3s ease-out 0s; } .shj-c li .info { width: 272px; height: 130px; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.74)); box-shadow: rgba(0, 0, 0, 0.2) 1px 10px 30px 0px; border-radius: 10px; position: absolute; left: 0px; bottom: 0px; } .shj-c li .info p { display: block; color: rgb(255, 255, 255); font-size: 18px; margin: 65px 10px 0px; white-space: nowrap; overflow: hidden; } .shj-c li:hover .info p { color: rgb(254, 185, 0); } .shj-c li .info > em { display: block; width: 252px; height: 1px; background: rgb(105, 105, 105); opacity: 0.7; margin: 8px 10px 0px; } .shj-c li .info span { font-size: 14px; color: rgb(204, 204, 204); display: block; margin-top: 5px; margin-left: 10px; } .shj-c li .info span i { width: 15px; height: 16px; display: inline-block; background:url(../images/hjicon.png) no-repeat; vertical-align: middle; margin-right: 5px; } .shj-c li .info span em { font-size: 14px; color: rgb(253, 71, 42); margin: 0px 5px; } .shj-rig,.shj-left{ width:29px; height:29px; position:absolute; top:27px; background:url(../images/sslc_aw.png) no-repeat;cursor:pointer;overflow:hidden; z-index:999;} .shj-rig{right:20px;background-position:-140px -120px; } .shj-left{ right:55px; background-position: -103px -120px; } .syxhj .shj-rig:hover{background-position: -174px -116px;} .syxhj .shj-left:hover{ background-position: -173px -84px; } .mrd_hover{ display:block; position:absolute; top:100%; right:0; left:0; width:220px; height:140px; padding:20px 30px; background:url(../images/tmbj.png) repeat; -webkit-transition:top .4s; -moz-transition:top .4s;-ms-transition:top .4s; -o-transition:top .4s; transition:top .4s;} .hover .mrd_hover{ top:0;} .mrd_hover .title{ height:30px; line-height:30px; overflow:hidden; color:#fff; font-size:18px;} .mrd_hover .intro{ height:40px; line-height:20px; overflow:hidden; color:#fff; font-size:14px;} .mrd_hover .a_link span{ display:block; width:86px; height:28px; line-height:28px; overflow:hidden; background:#f60; color:#fff; font-size:14px; text-align:center; margin:0 auto; margin-top:23px;} /***精彩视频***/ .vidli{ width: 100%; } .vidli li{ width: 100%; height: 115px; margin-top: 20px; position: relative; } .vidli li img{ width: 100%; height: 100%; object-fit: cover; } .vidli li p{ background: rgba(0, 0, 0, .5); position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-image: url(../images/play.png); background-position: center center; background-repeat: no-repeat; opacity: .7; background-size: 50px 50px; } .picLB li{height:120px;width:49%;margin:20px 0 0px;float:left;margin-right:2%;} .picLB li:nth-child(2n){margin-right:0} .picLB{width:100%}.picLB li{overflow:hidden;position:relative;width:49%} .picLB{overflow:hidden;zoom:1} .picLB li{float:left;display:inline} .picDl{width:100%;overflow:hidden;zoom:1;position:absolute;top:0;left:0;padding-bottom:15px;border-bottom:1px solid #EAEAEA} .picLB li:nth-child(7),.picLB li:nth-child(8){margin-bottom: 0;height: 100px;} .picLB li:nth-child(7) .picDl,.picLB li:nth-child(8) .picDl{padding-bottom: 0;border-bottom: 0;} .picDl dd{width:100%;float:left;display:inline;overflow:hidden} .tn_list_l{height:100px;width:35%;float:left;overflow:hidden;margin-right:10px} .tn_list_l img{width:100%;height:100%;object-fit: cover;} .tn_list_l img:hover{-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease} .tn_list_r{width:62%;float:right} .tn_list_r p{margin:10px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .tn_list_r p a{text-align:center;line-height:25px;background-color:#F6F6F6;display:inline-block;margin-right:20px;color:#9f9f9f;width:70px;height:25px} .tn_list_r h3{font-size:14px;color:#181818;height:40px;overflow:hidden} .tn_list_r span{color:#9f9f9f} .tn_list_r>a:hover h3{color:#ff4939} .picLB li:nth-child(7),.picLB li:nth-child(8){padding-bottom: 0;border-bottom: none;} ul.playTj{margin-top: 20px;} ul.playTj li{width:23.5%;float:left;margin-right: 2%;} ul.playTj li:nth-child(4n){margin-right: 0;} ul.playTj li .qy-mod-img{width: 100%;position: relative;height: 158px;} ul.playTj li .qy-mod-img img{width: 100%;height: 100%;object-fit: cover;overflow: hidden;} ul.playTj li span{position: absolute;display: inline-block;font-size: 12px;line-height: 20px;color: #fff;background: rgba(0,0,0,.6);padding: 0 7px;border-radius: 10px;right: 10px;bottom: 10px;} ul.playTj li .proimg-con-txt{background-color: #fff;padding: 8px 10px;position: relative;} .protxt-title{ font-size: 15px; line-height: 23px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .protxt-title::before { display: inline-block; content: ""; width: 0; height: 0; border: 4px dashed transparent; border-left-color: transparent; border-left-style: dashed; border-left-width: 4px; border-left: 6px solid #ffba25; border-radius: 0; background: none; margin: -4px 5px 0 0; } .protxt-subtitle{ font-size: 13px; line-height: 21px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999; } ul.playTj li .critic{border:1px solid #f2f2f2;border-top: none;padding:10px 16px;position: relative;} .critic .headimg{position:absolute;top:10px;left:16px;width:46px;height:46px;border-radius:23px; background-size:contain;} .critic .critictitle{margin-left:56px;font-size:15px;color:#646464;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} .critic .critictitle span{font-weight: normal;} .critic .criticont{margin-left:56px;font-size:15px;color:#646464;position:relative;line-height:20px;height:40px;overflow:hidden;} .wallTj{margin-top: 20px;} .wallTj li{ z-index:100; position:relative; float:left; margin-right:2%; width:23.5%; height:192px; overflow:hidden; cursor:pointer; box-sizing:border-box; border-radius:2px; } .wallTj li:nth-child(4n){ margin-right: 0; } .wallTj li img{ box-sizing:border-box; width:100%; height:100%; object-fit: cover; } .wallTj li:hover .mask { display:block } .wallTj li:hover .name{ transform:translateY(100%) } .wallTj li .name{ bottom:0; color:#fff; text-align:center; line-height:30px; font-size:12px; transition:transform .2s; background:rgba(30,30,30,.4); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px; box-sizing: border-box; width: 100%; } .wallTj li .mask, .wallTj li .name { position:absolute; width:100%; left:0 } .wallTj li .mask { height:100%; top:0; background:rgba(30,30,30,.5); display:none } .wallTj li .mask a { display:block; width:110px; height:30px; line-height:30px; border-radius:30px; background:linear-gradient(-90deg, rgb(254, 209, 0), rgb(254, 185, 0)); text-align:center; color:#fff; font-size:16px; z-index:102; position:absolute; top:50%; margin-top: -15px; left:50%; margin-left: -55px; } .nwsple .video .tit{ width: 150px; } /***通用栏目标题***/ .sixbt{ height: 40px; line-height: 40px; position: relative; } .sixbt strong { font-size: 20px; color: #333; font-weight: bold; } .sixbt>a{float:right;color:#9f9f9f;padding-right:18px;background:url(../images/more1.png) no-repeat center right;} .sixbt>span{float:right;color:#9f9f9f;} .sixbt>a:hover{color: #f60;} .titleG{border-bottom: 1px solid #e6e6e6;overflow: hidden;*zoom:1;position: relative;} .titleG em{float: left;position: relative;display: block;padding: 0 22px;height: 54px;line-height: 54px;font-size: 20px;color: #333;font-weight: bold;} .titleG em:before{content: "";width: 12px;height: 12px;background-color: #ffba25;border-radius: 12px;position: absolute;left: 0;top: 18px;} .titleG em i{display: block;width: 80px;height: 38px;background: url(../images/btico.png);position: absolute;right: 3px;top: 8px;} .titleG a{position: absolute; top: 12px; right:0px; width: 84px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; color: rgb(254, 153, 1); border-radius: 14px; border: 1px solid rgb(255, 246, 220); text-indent: 0px; box-shadow: rgba(254, 200, 12, 0.15) 0px 5px 15px 0px; font-weight: 300; background: #FFF;} .titleG a:hover {box-shadow: rgba(254, 200, 12, 0.3) 0px 5px 15px 0px;} .titleG1{overflow:hidden ;} .titleG1 em{float: left; display: block; height: 30px; line-height: 30px; font-size: 20px; color: #333; font-weight: bold;} .titleG1 em i{ position: relative; display: inline-block; width: 26px; height: 26px; line-height: 26px; font-size: 18px; color: #fff; text-align: center; background-color: #ffba25; border-radius: 5px; margin-right: 10px; } .titleG1 a{ float: right; display: block; font-size: 14px; color: #757575; line-height: 30px; } .titleG1 a:hover {color: #ffba25;} .sixbt3{ height: 40px; line-height: 40px; position: relative; font-size: 18px; color: #333; font-weight: 700; padding-left:15px; border-bottom: 1px #ddd solid; } .sixbt3 span { display: inline-block; width: 5px; height: 20px; background-color: #f60; position: absolute; left: 0; top: 10px; } .sixbt3>a{float:right;color:#9f9f9f;font-size: 14px;font-weight: normal; padding-right:18px;background:url(../images/more1.png) no-repeat center right;} .sixbt3>span{float:right;color:#9f9f9f;font-size: 14px;font-weight: normal; } .sixbt3>a:hover{color: #f60;} /***首页原创作者***/ .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;} /***视频***/ .sixbt span.hyp{float: right;color: #a78f8f;font-size: 14px;background:none;line-height: 18px;margin-right: 0;cursor:pointer;margin-top: 3px;} .sixbt span.hyp .icon_hyp{background: url(../images/sx.png) no-repeat;width: 18px;height: 18px;display: inline-block;vertical-align: middle;margin-left: 5px;} .sixbt span.hyp:hover .icon_hyp{background: url(../images/sx_h.png) no-repeat;width: 18px;height: 18px;display: inline-block;vertical-align: middle;margin-left: 5px;} .sixbt span.hyp:hover{color: #f60;} .titleG1 .btnrj,.titleG1 .btnyx{float: right;color: rgb(138, 138, 138);font-size: 14px; line-height: 18px;margin-right: 0;cursor:pointer;margin-top: 6px;font-size: 14px;} .titleG1 .btnrj::before,.titleG1 .btnyx::before{content: "";display: inline-block;width: 12px;height: 14px;background: url(../images/hyh.png) no-repeat left center;background-size: cover;margin-right: 6px;} .titleG1 .btnrj:hover,.titleG1 .btnyx:hover{color: #ffba25;} .titleG1 .btnrj:hover::before,.titleG1 .btnyx:hover::before{content: "";background: url(../images/hyhon.png) no-repeat left center;background-size: cover;} .paperbox li{ float:left; width:49%; margin-right:2%; padding:20px; margin-bottom:20px; border-bottom:1px solid #e5e5e5; background:#fff;box-sizing: border-box;} .paperbox li:nth-child(2n){margin-right: 0;} .paperbox li div{width: 100%;height: 200px;position: relative;} .paperbox li img{ display:block; width:100%;height: 200px;overflow: hidden;object-fit: cover;} .paperbox li p{ font-size:16px; line-height:20px; color:#333; margin-top:10px;padding-right: 200px;position: relative;} .paperbox li p span{position: absolute;right: 0;top: 0;color: #999;} .paperbox li .play{width: 60px;height: 60px;position: absolute;left: 50%;top: 50%;margin-top: -30px;margin-left: -30px;background: url(../images/play.png) no-repeat;background-size: cover;opacity: .8;} /***友情链接***/ .bord{border-bottom: 2px #f60 solid;height: 50px;} .bord span{line-height: 50px;} .friendurl{ background: #fff; padding-bottom: 20px;} .friendurl .frbox { overflow: hidden; padding-top: 20px;} .friendurl .box_l { width: 162px; height: 132px; float: left; position: relative; } .friendurl .box_r { float: left; width: 950px; } .friendurl .box_l p { color: rgb(254, 194, 0); font-size: 24px; font-weight: 600; margin-top: 50px; margin-left: 42px; position: relative; z-index: 2; } .friendurl .box_l i { width: 87px; height: 85px; display: block; background:url(../images/link.png) no-repeat; position: absolute; left: 44px; top: 21px; } .friendurl .box_l em { height: 88px; width: 1px; background: rgb(255, 255, 255); border-right: 1px solid rgb(231, 231, 231); display: block; position: absolute; right: 0px; top: 20px; } .friendurl .box_r { margin: 40px 28px 0px; } .friendurl .box_r a { font-size: 14px; color: rgb(153, 153, 153); margin-right: 20px; margin-bottom: 14px; display: block; float: left; } .friendurl .box_r a:hover { color: #ffba25; } .frpbb{ width: 100%; margin-top: 8px; } .frpbb a{ display: inline-block; width: 128px; font-size: 14px; margin-right: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 32px; line-height: 32px; } .frpbb a:nth-child(8n){ margin-right: 0; } .frpbb a:hover{ color: #f60; } /*专区大全*/ .zqdq ul{overflow: hidden;} .zqdq ul li{float: left;width: 145px;margin-bottom: 15px;} .zqdq ul li a{display: block;padding-top: 24px;} .zqdq ul li img{display: block;width: 100px;height: 100px;margin: auto;border-radius: 24px;} .zqdq ul li p{display: block;font-size: 18px;color: #333;line-height: 40px;margin: 1px 10px 0;text-align: center;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;} .zqdq ul li span{display: block;margin: auto;width: 68px;height: 28px;background: #ffba25;border-radius: 4px;font-size: 14px;color: #fff;line-height: 28px;text-align: center;} .zqdq ul li a:hover p{font-weight: bold;color: #ffba25;} /***右侧悬浮***/ .liugo{ width:55px; position: fixed;z-index: 99999; right: 5%; bottom: 50px; display: none;} .liugo li{ width: 55px; height: 55px; margin-bottom: 1px; } .liugo li a{width: 55px; height: 55px; display: block; background: #CACACA url(../images/retop.png) no-repeat center center;background-size: 30px 30px; text-align: center;transition: all 0.3s ease-in-out 0s;} .liugo li a:hover{ background-color: #f60; color: #fff;transition: all 0.3s ease-in-out 0s;} @media screen and (max-width:1440px) { .liugo{ right: 30px;} } @media screen and (max-width:1280px) { .liugo{ right: 10px;} } @media only screen and (max-width: 1024px) and (min-width: 769px){ .liugo{ right: 10px;} } @media only screen and (max-width: 768px){ .liugo{ right: 10px;} } /***当前***/ .crumb{font-size: 14px;color: #9b9b9b;height: 20px;line-height: 20px;padding-left:25px;width: 1200px;margin: 0 auto; background: url(../images/public.png) no-repeat 0px center;box-sizing: border-box;margin-top: 15px;} .crumb a{ color: #9b9b9b;} .crumb a:hover{ color: #f60;} /***筛选***/ .scalpBox{ width: 1200px;margin: 20px auto 0 auto;} .scalpFl{background: #fff;border-radius: 10px;padding:10px 20px;margin-top: 20px;} .scalpFl_b{ display: inline-block; font-size: 20px; float: left; height: 30px; line-height: 30px; font-weight: bold; } .ranFl{margin-top: 10px;} .ranFl ul{overflow: hidden;padding-right: 0px;height: 190px;} .ranFl .show{height: auto;} .nwlxy3{ position: absolute; right: 0px;cursor: pointer;top:10px; color: #f60;} .nwlxy{ position: absolute; right: 20px;cursor: pointer;top:20px; color: #f60;} .scalpFl_x{float: right;} .scalpFl_x a{display: inline-block; color: #666666; max-width: 96px; padding: 0 22px; height: 30px; line-height: 30px; background: none; border-radius: 10px; text-align: center; font-size: 16px; } .scalpFl_x a.on, .scalpFl_x a:hover{ color: #ffba25; } .nwlxj ul{height: 36px;} .sxh_h2 ul{height: 90px;} .scalpFl .active{ color: #999;} .scalpFl .active:before{ background-position: -191px -96px;} .fl { float: left; display: inline; } .fr { float: right; display: inline; } .ylb .page{background: none;} .page,#page_navigation{margin: 20px auto 0px;text-align: center;padding-bottom: 30px;padding-top: 20px;border-radius: 0 0 8px 8px;} .page li{display: inline-block;overflow: hidden;border: none !important;padding: 0 !important;} .page li a, .page li span,#page_navigation a{ display: inline-block;padding:0;min-width: 50px;line-height: 40px;text-align: center;border-radius: 3px;margin: 0 5px; color: #949799; text-decoration: none; background-color: #fff;} .page li a:hover,.page li a.phover,#page_navigation a:hover,#page_navigation a.active_page{ color:#fff;background-color: #ffba25;} .page li span{background-color: none;} .pagination>li>span { display: inline-block;padding:0;min-width: 50px;line-height: 40px;text-align: center;border-radius: 3px;margin: 0 5px; color: #949799; text-decoration: none; background-color: #fff;} .pagination>li.active>span { color:#fff;background-color: #ffba25;;} #page_navigation{width: 100%; text-align: center;margin: 10px auto;} #page_navigation a{margin: 0 5px;} .dgsTag{width: 100%;} .dgsTag li{float: left;margin-right: 16px;} .dgsTag li:nth-child(6n){margin-right: 0;} .dgsTag a{display: block;width: 186px;height: 50px;line-height: 50px;text-align: center;background-color: #fff;font-size: 18px;color: #a8a8a8;margin-bottom:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .dgsTag a.current,.dgsTag a:hover{color: #fff;background: linear-gradient(to right, rgb(254, 186, 0), rgb(254, 208, 0));font-weight: bold;border-radius: 6px;} .dgsTag a i{display: inline-block;width: 24px;height: 24px;margin-right: 10px;position: relative;top: 5px;background: url(../images/classico.png) no-repeat;} /* game */ .dgsTag a i.qb{background-position: -0px 0px;} .dgsTag a i.xx{background-position: -37px 0px;} .dgsTag a i.dz{background-position: -72px 0px;top: 7px;} .dgsTag a i.kp{background-position: -111px 0px;top: 5.5px;} .dgsTag a i.mn{background-position: -148px 0px;top: 8px;} .dgsTag a i.sc{background-position: -184px 0px;top: 8px;} .dgsTag a i.gd{background-position: -221px 0px;} .dgsTag a i.wd{background-position: -253px 0px;top: 6px;} .dgsTag a i.xw{background-position: -290px 0px;} .dgsTag a i.fx{background-position: -326px 0px;} .dgsTag a i.ty{background-position: -362px 0px;} .dgsTag a i.mx{background-position: -395px 0px;} .dgsTag a i.by{background-position: -432px 0px;top: 7px;} .dgsTag a i.qp{background-position: -469px 0px;} .dgsTag a i.qt{background-position: -502px 0px;} .dgsTag a i.cw{background-position: -537px 0px;} .dgsTag a i.gk{background-position: -570px 0px;} .dgsTag a i.cq{background-position: -609px 0px;} .dgsTag a.current i.qb,.dgsTag a:hover i.qb{background-position: 0px -40px;} .dgsTag a.current i.xx,.dgsTag a:hover i.xx{background-position: -37px -40px;} .dgsTag a.current i.dz,.dgsTag a:hover i.dz{background-position: -72px -40px;top: 7px;} .dgsTag a.current i.kp,.dgsTag a:hover i.kp{background-position: -111px -40px;top: 5.5px;} .dgsTag a.current i.mn,.dgsTag a:hover i.mn{background-position: -148px -40px;top: 8px;} .dgsTag a.current i.sc,.dgsTag a:hover i.sc{background-position: -184px -40px;top: 8px;} .dgsTag a.current i.gd,.dgsTag a:hover i.gd{background-position: -221px -40px;} .dgsTag a.current i.wd,.dgsTag a:hover i.wd{background-position: -253px -40px;top: 6px;} .dgsTag a.current i.xw,.dgsTag a:hover i.xw{background-position: -290px -40px;} .dgsTag a.current i.fx,.dgsTag a:hover i.fx{background-position: -326px -40px;} .dgsTag a.current i.ty,.dgsTag a:hover i.ty{background-position: -362px -40px;} .dgsTag a.current i.mx,.dgsTag a:hover i.mx{background-position: -395px -40px;} .dgsTag a.current i.by,.dgsTag a:hover i.by{background-position: -432px -40px;top: 7px;} .dgsTag a.current i.qp,.dgsTag a:hover i.qp{background-position: -469px -40px;} .dgsTag a.current i.qt,.dgsTag a:hover i.qt{background-position: -502px -40px;} .dgsTag a.current i.cw,.dgsTag a:hover i.cw{background-position: -537px -40px;} .dgsTag a.current i.gk,.dgsTag a:hover i.gk{background-position: -570px -40px;} .dgsTag a.current i.cq,.dgsTag a:hover i.cq{background-position: -609px -40px;} /*****大家都在玩***/ .resultz{box-sizing: border-box;padding-bottom: 20px;} .resultz .special-cont{width: 100% !important;box-sizing: border-box;margin-top: 20px;} .resultz .special-cont li{float: left;width: 110px;height: 152px;margin:0 21px 22px 0;text-align: center;} .resultz li img { width: 110px; height: 110px; border-radius: 30px; display: block; } .resultz li p { font-size: 16px; color: rgb(51, 51, 51); white-space: nowrap; overflow: hidden; text-align: center; line-height: 30px; height: 30px; display: block; margin-top: 16px; } .resultz li:hover p { color: rgb(255, 255, 255); background: linear-gradient(-90deg, rgb(254, 209, 0), rgb(254, 185, 0)); border-radius: 15px; } .resultz .special-cont{overflow:hidden;height:166px;float: left;} .gameHa .gameli { width: 100%; display: none;margin-top: 20px;} .gameHa .gameli.active {display: block;} .gameHa .gameli li{width: 273px;} .gameHa .gameli li:nth-child(3n){margin-right: 20px;} .gameHa .gameli li:nth-child(4n){margin-right: 0px;} .BoxWid .gameli li{width: 255px;margin-right: 18px;} .BoxWid .gameli li:nth-child(4n){margin-right: 18px;} .BoxWid .gameli li:nth-child(3n){margin-right: 0px;} .gameHr { width: 100%; display: none;margin-top: 20px;} .gameHr.active {display: block;} .liugxr td i{ width: 90%; height: 12px; display: inline-block; background: url(../images/syxxc.png) repeat-x;position: absolute;left: 0;top: 0;} @-webkit-keyframes scan { 0% {top:0} 100% {top:130px}} @keyframes scan { 0% {top:0} 100% {top:130px}} @keyframes revolveLr {50% { transform:rotateY(0deg) } 75% { transform:rotateY(180deg)} 100% {transform:rotateY(0deg)}} /***相关游戏推荐**/ .gameDpic{background: #fff;border-radius: 10px 10px 0 0;padding: 20px 20px 40px;border-bottom: 1px #ddd dashed;} .gameDpic .demo-3{margin-top: 20px;} .gameDpic .elastislide-carousel{width: 100%;margin: 0 auto;} .gameDpic .fixed-bar{position: relative;} .gameDpic .elastislide-wrapper nav .elastislide-prev,.gameDpic .elastislide-wrapper nav .elastislide-next{position: absolute; display: block; cursor: pointer; top: 115px; width: 30px; height: 56px;} .gameDpic .elastislide-wrapper nav .elastislide-prev{left: 0px; background: url(../images/nhree.png) no-repeat 0px -56px;} .gameDpic .elastislide-wrapper nav .elastislide-next{right: 0px; background: url(../images/nhree.png) no-repeat 0px -168px;} .gameDpic .elastislide-wrapper nav .elastislide-prev, .gameDpic .elastislide-wrapper nav .elastislide-next{ cursor: pointer; display: none; position: absolute; top: 123px; z-index: 99; width: 54px; height: 54px; background: url(../images/dkcssimg.png) no-repeat; opacity: 1; } .gameDpic .elastislide-wrapper nav .elastislide-prev { left: 82px; background-position: 0px 0px; } .gameDpic .elastislide-wrapper nav .elastislide-prev:hover { background-position:0px -57px; } .gameDpic .elastislide-wrapper nav .elastislide-next { right: 106px; background-position: -56px 0px; } .gameDpic .elastislide-wrapper nav .elastislide-next:hover { background-position: -56px -57px; } .slideshow .slide:hover .prev, .slideshow .slide:hover .next, .slideshow .slide.hover .prev, .slideshow .slide.hover .next { display: block; } .gameDpl{background: #fff;border-radius: 10px;margin: 20px auto 0 auto;padding: 20px;} /*详情TAG*/ .playTag{width: 1200px;height: 70px; line-height:50px;overflow: hidden;background: #fff;color: #999; border-radius: 10px; padding:10px 20px; box-sizing: border-box;margin:20px auto 0 auto; position: relative;white-space: nowrap;text-overflow: ellipsis;font-size: 14px; } .playTag a{display: inline-block;font-size: 14px; line-height: 28px; color: #68c30c; border: 1px solid #68c30c;padding: 0 9px;margin-right: 16px;} .playTag a:hover{background: #68c30c;color: #fff;} .newBox_y .playTag a{text-decoration: underline;color: #f60;} .newBox_y {border-radius: 10px;background: #fff;padding: 20px;margin-top: 20px;} /*新闻列表*/ .newBox{float: left;width: 850px;box-sizing: border-box;border-right: 1px solid #f0f0f0;} .newBox_t{ background: #fff; padding: 16px 20px 0 20px; box-sizing: border-box; border-radius: 10px; } .newBox_t a{ font-size: 16px; color: #a8a8a8; display: inline-block; text-align: center; width: 152px; overflow: hidden; height: 44px; line-height: 44px; background: #f2f2f2; float: left; padding: 0 20px; box-sizing: border-box; border-radius: 10px; margin-right: 16px; margin-bottom: 16px; } .newBox_t a:nth-child(7n){ margin-right: 0; } .newBox_t a.on,.newBox_t a:hover{ background: #ffba25; color: #fff; } .listmain { margin-top: 20px; } .listmain li { width: 382px; height: 484px; border-radius: 10px; background: rgb(255, 255, 255); overflow: hidden; position: relative; margin-right: 24px; margin-bottom: 22px; float: left; border: 1px solid rgb(255, 255, 255); } .listmain li:hover { border: 1px solid rgba(255, 186, 37, 0.5); box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 10px 0px; } .listmain li:nth-child(3n) { margin-right: 0px; } .listmain li img { width: 340px; height: 192px; display: block; margin: 25px 22px 0px; border-radius: 10px; object-fit: cover;} .listmain li:hover img { opacity: 0.9; } .listmain li p:nth-child(2) { font-size: 18px; color: rgb(51, 51, 51); font-weight: 600; line-height: 30px; height: 56px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 20px 30px 0px; } .listmain li p:nth-child(3) { font-size: 14px; color: rgb(153, 153, 153); line-height: 26px; padding: 21px 16px; width: 308px; height: 50px; background: rgb(247, 247, 247); border-radius: 6px; margin: 28px 22px 0px; } .listmain li p:nth-child(3) span{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .listmain li p:nth-child(4) { position: absolute; bottom: 24px; left: 0px; width: 340px; margin: 0px 22px; } .listmain li p:nth-child(4) span { font-size: 14px; color: rgb(183, 183, 183); } .listmain li p:nth-child(4) span:nth-child(1) { float: left; } .listmain li p:nth-child(4) span:nth-child(2) { float: right; } .listmain li p:nth-child(4) span:nth-child(1) i { width: 16px; height: 16px; display: inline-block; background: url(../images/xwicon1.png) no-repeat; vertical-align: text-top; margin-right: 3px; } .listmain li p:nth-child(4) span:nth-child(2) i { width: 18px; height: 16px; display: inline-block; background: url(../images/timehj.png) no-repeat; vertical-align: text-top; margin-right: 3px; } /*新闻右侧*/ .newBox_r{ width:350px ; float: right;} .top2{margin-top: 20px;} .top1{margin-top: 10px;margin-bottom: 10px;} .newBox_yz{padding: 20px;border-bottom: 1px solid #efefef;} .newBox_yz ul li{ width:100%; float:left; border-bottom:1px dashed #f5f5f5; cursor:pointer;} .lb_mr{ height:44px; line-height:44px; overflow:hidden;} .lb_mr span{ width:230px; height:44px; overflow:hidden; float:left; color:#666; font-size:14px;white-space: nowrap;text-overflow: ellipsis;} .newBox_yz{ margin-top:-10px;} .newBox_yz .lq{ display:inline-block; width:54px; height:22px; line-height:22px; text-align:center; border:1px solid #f60; color:#f60; font-size:14px; float:right; margin-top:10px;} .lb_hover{ padding:14px 0; height:75px; display:none;} .lb_icon{ width:75px; height:75px; float:left; position:relative; margin-right:19px;} .lb_icon img{ width:100%; height:100%;} .lb_intro{ width:160px; float:left;} .lb_intro .title{ height:24px; line-height:24px; color:#333; font-size:16px; overflow:hidden;white-space: nowrap; text-overflow: ellipsis;} .lb_intro .sl{ height:13px; margin-top:8px;width: 78px;background: url(../images/sslch.png) no-repeat;position: relative;} .lb_intro .sl span{ display:inline-block;position: absolute;height: 13px;background: url(../images/sslcc.png) no-repeat;left: 0;top: 0;} .lb_intro .sl .sl_bj{ width:98px; height:11px; border:1px solid #ededed; position:relative; float:left; _overflow:hidden;} .lb_intro .sl .sl_intro{ height:11px; background:#69e379; border:1px solid #69e379; position:absolute; left:-1px; top:-1px;} .lb_intro .sl em{ color:#f5655b; line-height:13px; margin-left:5px; font-size:14px; float:left;} .lb_intro .time{ color:#666; font-size:14px; margin-top:8px;} .lb_a{ width:56px; float:right; height:100%; line-height:75px;} .lb_a .lq{ margin-top:25px; color:#fff; background:#f60;} .lb_a .lq:hover{ background:#f60; border:1px solid #f60;} .hover .lb_mr{ display:none;} .hover .lb_hover{ display:block;} .newTit{background: url("../images/newdetail.png") center top no-repeat; height: 175px; width: 100%; padding-top: 15px; } .newTit .crumb{margin-top: 0;} .gameDrt{padding: 20px;border-bottom: 1px #ddd solid;} .gameDrt ul{margin-top: 20px;} .gameDrt li a { display: block; width: 100%; height: 104px; border-radius: 12px; box-sizing: border-box; background: rgb(255, 255, 255); margin-bottom: 12px; padding: 16px 0px 0px 18px; position: relative; transition: all 0.5s ease 0s; border: 1px solid transparent; } .gameDrt li:last-child a { margin-bottom: 0px; } .gameDrt li a img { float: left; width: 72px; height: 72px; border-radius: 22px; margin-right: 18px; } .gameDrt li a div { float: left; width: 150px; white-space: nowrap; overflow: hidden; } .gameDrt li a div p:nth-child(1) { height: 26px; line-height: 26px; font-size: 16px; color: rgb(51, 51, 51); } .gameDrt li:hover a div p:nth-child(1) { color: rgb(255, 186, 37); } .gameDrt li a div p:nth-child(2) { height: 26px; line-height: 26px; font-size: 14px; color: rgb(153, 153, 153); } .gameDrt li a div p:nth-child(3) { height: 18px; line-height: 18px; font-size: 12px; color: rgb(153, 153, 153); } .gameDrt li a div p:nth-child(3) i { display: inline-block; height: 16px; width: 16px;background: url(../images/timehj.png) no-repeat; vertical-align: top; margin: 0px 8px 0px 0px; } .gameDrt li a span.down, .gameDrt li a span.look { position: absolute; width: 56px; height: 27px; line-height: 27px; border-radius: 0px 12px; right: -1px; top: -1px; color: rgb(255, 255, 255); font-size: 12px; text-align: center; background: rgb(255, 186, 37); } .gameDrt li a span.look { background: rgb(0, 192, 255); } .gameDrt li a.aDown:hover { border: 1px solid rgb(249, 214, 139); box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 10px 0px; } .gameDrt li a.aLook:hover { border: 1px solid rgb(249, 214, 139); box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 10px 0px; } .newXtj{padding: 20px;border-bottom: 1px #ddd solid;} .newXtj ul{margin-top: 20px;} .newXtj li { overflow: hidden; position: relative; height: 66px; margin-bottom: 20px; } .newXtj li img { width: 120px; height: 66px; border-radius: 6px; display: block; float: left; margin-right: 12px;object-fit: cover; } .newXtj li:hover img { opacity: 0.9; } .newXtj li .info { float: left; width: 148px; } .newXtj li .info p { font-size: 14px; color: rgb(51, 51, 51); line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .newXtj li:hover .info p { color: #ffae45; } .newXtj li .info span { font-size: 12px; color: rgb(153, 153, 153); position: absolute; left: 134px; top: 46px; } /****新闻详细***/ .sixxwlb li { padding: 27px 0; border-bottom: 1px solid #efefef; height: 136px; overflow: hidden; float: left; } .sixxwlb li img { width: 190px; height: 105px; margin-right: 20px; margin-top: 10px; object-fit: cover; float: left; } .sixxwlb li dl dd:nth-child(2) { font-size: 14px; line-height: 24px; color: #888; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; margin-top: 10px; padding-right: 30px; } .sixxwlb li dl dd:nth-child(3) { font-size: 14px; padding-left: 20px; color: #888; margin: 10px 0; background: url(../images/time.gif) no-repeat 215px center; text-indent: 2em; } .sixxwlb li dl dt { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; font-size: 16px; font-weight: bold; } .sixxwlb li a:hover dl dt { text-decoration: underline; } .user_right .sixxwlb li{width: 295px;height: 320px;} .user_right .sixxwlb li .tt{height: 26px;} .user_right ul.playTj li{width: 316px;} .user_right ul.playTj li:nth-child(4n){margin-right: 10px;} .user_right ul.playTj li:nth-child(3n){margin-right: 0px;} .newBox_nx{ padding:20px; border-bottom: 1px solid #efefef; } .newBox_nx ul{ margin-top: 15px; } .newBox_nx li{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; margin-bottom: 17px; font-size: 14px; color: #181818; position: relative; } .newBox_nx li i { display: inline-block; width: 20px; height: 20px; color: #fff; text-align: center; line-height: 20px; background-color: #D2D2D2; font-size: 14px; margin-right: 8px; } .newBox_nx li:first-child i{ background-color: #FF4939; } .newBox_nx li:nth-child(2) i { background-color: #FF4939; } .newBox_nx li:nth-child(3) i { background-color: #FF4939; } .newBox_m{ padding:0 20px; border-bottom: 1px solid #efefef; } .newBox_m ul { height:276px; overflow:hidden; margin-top: 15px; } .newBox_m li { width:306px; height:111px; padding-bottom:20px; float:left; position:relative; overflow:hidden } .newBox_m li img { width:306px; height:111px; display:block; object-fit: cover; } .newBox_m li .art { position:absolute; left:0; top:0; width:306px; height:128px; display:none } .newBox_m li .art .bg { display:block; width:306px; height:128px; background:#000; opacity:0.8; filter:alpha(opacity=80) } .newBox_m li .art .border { border:3px solid #f60; width:300px; height:122px; position:absolute; left:0; top:0 } .newBox_m li .art .border p { height:44px; padding:20px 20px 10px; line-height:44px; font-size:14px; font-weight:bold; color:#fff; text-align:center; overflow:hidden } .newBox_m li .art .border a { display:block; width:80px; height:28px; margin:0 auto; text-align:center; line-height:28px; color:#fff; background:#f60; border-radius:2px; font-size:16px } .newBox_m li:hover .art { display:block } .newBox_b{font-size: 28px; color: rgb(51, 51, 51); font-weight: 600; text-align: center; margin-top: 22px ; display: block; line-height: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 850px; padding: 0 22px; box-sizing: border-box; } .newBox_d{ font-size: 14px; color: rgb(153, 153, 153); line-height: 14px; text-align: center; margin-top: 36px; width: 850px; padding: 0 22px; box-sizing: border-box; } .newBox_d span{ margin-right: 2%; max-width:22%; display: inline-block;font-size: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .newBox_d span:last-child{margin-right: 0;} .newBox_n{ font-size: 15px;color: #282828;position: relative;z-index: 2;padding-right: 30px;} .newBox_n p{line-height: 26px; color: rgb(68, 68, 68); margin-bottom: 16px; text-indent: 2em; font-size: 16px; text-indent: 2em;clear: both;word-break: break-all;/*英文强制换行*/} .newBox_n p.pageimg{ text-align: center; margin: 10px 0px; width: 100%;} .newBox_n p img{width: auto; height: auto; overflow: hidden; margin: 0 auto;display: block;max-width: 80%;} .newBox_n img{display: block;margin:auto;max-width: 80%;} .newBox_n ul {margin-top: 15px;} .newBox_n 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; /*省略号*/} .newBox_n li:hover{color:#fff;background:#f60;} .newBox_n h3{ font-size:18px; font-weight:bold; color:#f75b4b; border-bottom: 1px solid #eaeaea; padding: 20px 0; margin-bottom: 20px; clear:both;} .newBox_n .end,.newBox_n .ready { position: absolute; left: -30px; z-index: 2; display: block; width: 60px; height: 30px; line-height: 30px; text-align: center; background: #fff; font-size: 18px; color: #989898; } .newBox_n .end{bottom: 0;} .newBox_n .ready{top: 0;} /****资讯详情声明***/ .newBox_w{ color: rgb(136, 136, 136); font-size: 16px; line-height: 28px; } .newBox_w p a{ display: inline-block;padding: 4px 10px;border:1px #f60 solid;color: #f60;border-radius: 2px;} .newBox_w p a:hover{background: #f60;color: #fff;} /****资讯详情上下页***/ .newXpre { width: 798px; height: 127px; background: rgb(251, 251, 251); border: 1px solid rgb(235, 235, 235); margin-top: 26px; } .newXpre a { float: left; width: 398px; } .newXpre a:nth-child(1) { border-right: 1px solid rgb(235, 235, 235); } .newXpre a img { width: 120px; height: 78px; border-radius: 3px; display: block; float: left; margin: 23px 18px 26px 22px;object-fit: cover; } .newXpre a .info { width: 235px; float: left; } .newXpre a .info span { font-size: 14px; color: rgb(0, 0, 0); margin-top: 26px; line-height: 14px; display: block; } .newXpre a .info span em { color: rgb(161, 161, 161); margin-left: 7px; } .newXpre a .info p { margin-top: 12px; color: rgb(102, 102, 102); font-size: 14px; line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .newXpre a:hover .info p { color: rgb(233, 68, 62); } /*相关游戏下载*/ .pagecomment{ margin-top: 25px;} .gameDxg{background: #fff;border-radius: 10px;margin: 20px auto 0 auto;padding: 20px;} .gameDxg li { float: left; } .gameDxg li a { display: block; width: 110px; margin: 23px 30px 0px 0px; } .gameDxg li:nth-child(6n) a { margin-right: 0px; } .gameDxg li a img { display: block; width: 110px; height: 110px; border-radius: 24px; } .gameDxg li a p { width: 110px; height: 30px; line-height: 30px; border-radius: 14px; font-size: 16px; color: rgb(51, 51, 51); text-align: center; white-space: nowrap; overflow: hidden; margin: 15px 0px; } .gameDxg li a:hover p { color: rgb(255, 255, 255); background: linear-gradient(to right, rgb(254, 186, 0), rgb(254, 208, 0)); } /*相关文章推荐*/ .gameDnew{background: #fff;border-radius: 10px;margin: 20px auto 0 auto;padding: 20px;} .gameDnew ul{margin-top: 20px;} .gameDnew li { width: 255px; float: left; margin-right: 16px; margin-bottom: 24px; } .gameDnew li:nth-child(3n) { margin-right: 0px; } .gameDnew li img { width: 255px; height: 144px; border-radius: 10px; display: block;object-fit: cover;} .gameDnew li:hover img { transform: scale(1.05); opacity: 0.9; transition: all 0.3s ease-out 0s; } .gameDnew li p { font-size: 14px; color: rgb(102, 102, 102); line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; margin-top: 10px; } .gameDnew li:hover p { color: rgb(233, 68, 62); } .gameDnew li:nth-child(4),.gameDnew li:nth-child(5),.gameDnew li:nth-child(6){margin-bottom: 0;} .gameDzx{padding: 20px;box-sizing: border-box;border-bottom: 1px #ddd solid;} .gameDzx .info{margin-top: 20px;} .gameDzx .info a { display: block; width: 100%; height: 38px; background: #fff; border-radius: 10px; border: 1px solid rgb(247, 247, 247); line-height: 38px; font-size: 14px; color: rgb(102, 102, 102); margin-bottom: 12px;padding-right: 10px;box-sizing: border-box; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;} .gameDzx .info span { font-size: 20px; color: rgb(255, 174, 69);vertical-align: top; line-height: 38px; font-weight: 600; margin: 0px 10px 0px 15px; display: inline-block; } .gameDzx .info a:hover { border: 1px solid rgba(255, 186, 37, 0.5); box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 10px 0px; } /***游戏壁纸***/ /***游戏壁纸详细***/ .wallBox .videoBox-q{text-align: center;} .wallBox .slide-arr{cursor: pointer;margin: 20px 16px 0 0; background-color: hsla(0,0%,100%,.1); color: hsla(0,0%,100%,.5);height: 40px; border-radius: 2px; font-size: 14px;line-height: 40px; text-align: center;width: 22%;float: left;} .wallBox .slide-arr:hover{background: #ffba25; color: #fff;} .wallBox .prev{margin-left: 372px;} .wallBox .sixzbt{font-size: 26px;font-weight: normal;height: 60px;border-bottom: 1px #eaeaea dashed;margin-bottom: 20px; line-height: 40px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;} .sixzsj{ width: 100%; line-height: 50px; font-size: 16px; color: #9a9a9a; padding: 0 20px; box-sizing: border-box; } .sixzsj span{ font-family: arial; } .sixzsj em{ float: right; } .wallBox{width: 1200px;overflow: hidden;position: relative;height: 100% !important;margin: 0 auto;box-sizing: border-box;} .wallBox .demo-gallery{margin: 0 auto;} .wallBox li{width: 1200px !important;height: 500px;} .wallBox li img{width: 1200px;height: 500px;overflow: hidden;object-fit: cover;} .wallBox .tempWrap{ width:1200px !important;margin: 0 auto;} /***游戏视频详细***/ .videoBox{height: 700px;width: 100%;margin:0 auto;background: #2a2a3a;padding-top: 10px;} .videoBox .crumb{margin-top: 0;} .videoBox-z{ width: 850px; float: left;} .videoBox-r{ width: 320px; float: left; padding-left: 30px;} .videoBox-r .videoBox-y h2{ font-size: 24px; color: #fff; line-height: 85px; padding-left: 6px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .videoBox-n{ width: 850px; height: 520px; overflow: hidden;border-right: 1px #2f2f3d solid; } .videoBox-n iframe,.videoBox-n img{width:100% !important;height: 520px !important;} .videoBox-q{margin-bottom: 20px;} .videoBox-q h1{ font-size: 26px; color: #fff; line-height: 57px; width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .videoBox-q p{color: hsla(0,0%,100%,.6);width: 100%;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;} .videoBox-q p span{margin-right: 20px;padding-left: 28px;} .videoBox-q p span.zz{background: url(../images/playZ.png) no-repeat;background-size: 20px 20px;} .videoBox-q p span.sj{background: url(../images/playT.png) no-repeat;background-size: 20px 20px;} .videoBox-q p span.bf{background: url(../images/playL.png) no-repeat;background-size: 20px 20px;} .videoBox-q p span.ck{background: url(../images/playC.png) no-repeat;background-size: 20px 20px;} .vidI{ float: left;margin-right: 12px;position: relative;border-radius:2px;width: 116px; height: 65px;} .vidI i{ position: absolute; color: #fff; height: 12px; line-height: 12px; right: 8px; bottom:8px; font-size: 12px; background-color: rgba(0, 0, 0, 0.4); padding: 2px 5px; } .vidI img{ width: 100%; height: 100%; overflow: hidden; border-radius:2px;object-fit: cover;} .pizt{ font-size: 15px; color: #111622; max-height: 40px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 6px;padding-top: 5px;} .pidz{ font-size: 13px; color: #888; letter-spacing: 0; line-height: 22px;} .videoBox-e dt{ line-height: 40px; color: hsla(0,0%,100%,.9); font-size: 24px;position: relative;height:50px;border-bottom: 1px #303041 solid;margin-bottom: 22px;} .videoBox-e dd{position: relative; margin-bottom:20px; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-align: center; align-items: center; cursor: pointer;} .videoBox-e dd .vidW{ display: flex;justify-content: center;align-items:center;height: 65px; } .videoBox-e dd a p{display: block; font-size: 14px; line-height: 20px; color: hsla(0,0%,100%,.9); white-space: normal;max-height: 40px; overflow: hidden;display: inline-block; width: 100%; vertical-align: middle;} .videoBox-e dd:hover p{ color: #ffba25;} .videoBox-e dd:last-child{padding-bottom: 0;} .vidB{ height: 32px; border-radius: 2px; font-size: 14px; line-height: 32px; text-align: center; margin-top: 16px; cursor: pointer; background-color: hsla(0,0%,100%,.04); color: hsla(0,0%,100%,.5); display: block; } .vidB:hover{background: #ffba25;color: #fff;} .videoBox-n video, .videoBox-n iframe{ width: 100%;height: 520px;} /****专区大全***/ .sixzq{box-sizing: border-box;} .sizmf{margin-top: 20px;} .mod_tab {overflow: hidden;} .mod_tab {width:100%;} .mod_tab .sizma-t { background-color: #f5f5f5; overflow: hidden; } .mod_tab .sizma-t li { float: left; display: block; width: 129px; height: 38px; line-height: 36px; font-size: 16px; color: #4c4c4c; text-align: center; border-top: 2px solid transparent; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .mod_tab .sizma-t .cur, .mod_tab .sizma-t li:hover { background-color: #fff; border-top-color: #ffba25; color: #ffba25;} .mod_tab .sehli {background: #f60;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;} .sizma-a {margin-top: 12px;padding-bottom: 5px;} .sizma-a, .sizma-a li {position: relative;overflow: hidden;zoom: 1;} .sizma-a li {padding-left: 40px;line-height: 40px;margin-top: -1px;vertical-align: top;} .sizma-a li a {color: #333;float: left;display: inline;white-space: nowrap;margin-left: -1px;overflow: hidden;*overflow:visible;padding: 0 15px;position: relative; font-size:14px;width: 141px;white-space: nowrap;text-overflow: ellipsis;text-align: center;box-sizing: border-box;} .sizma-a li a:hover {color: #f60;} .sizma-a li a::after{content: "|";color: #ddd;position: absolute;right: 0;} .sizma-a li a:nth-child(11)::after,.sizma-a li a:nth-child(21)::after,.sizma-a li a:nth-child(31)::after,.sizma-a li a:nth-child(41)::after,.sizma-a li a:nth-child(51)::after{display: none;} .sizma-a1 li a{ width: 129px;} .sizma-a1 li a:last-child::after{display: none;} .sizma-a li .t {width: 35px;height: 25px;text-align: center;position: absolute;top: 9px;left: 4px;background: white; box-sizing: border-box; line-height: 23px; color: #f86c34; font-weight: bold;} .sizma-a li .hot {color: #f60;} .sizma-a li:hover, .sizma-a li:hover .t {background: #fbfbfb;} .sizma-a .hot {color: #f60;} .sizma-a1 li {padding-left: 0;} .classGm{ box-sizing: border-box;} .classGm_b{box-sizing: border-box;margin-top: 20px;width: 100%;} .classGm_b a {display: block; width: 180px; height: 50px; line-height: 50px; text-align: center; background-color: #f5f5f5; font-size: 18px; color: #a8a8a8; margin-bottom: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;float: left; margin-right: 16px; margin-bottom: 16px; } .classGm_b a:nth-child(6n){margin-right: 0;} .classGm_b a.on,.classGm_b a:hover {color: #fff;background: linear-gradient(to right, rgb(254, 186, 0), rgb(254, 208, 0));font-weight: bold;border-radius: 6px;} .classGm_b a i{display: inline-block;width: 30px;height: 30px;vertical-align: middle;margin-right: 5px;} .classGm_b a i.xx{background: url(../images/ioc-zq.png) no-repeat -8px -10px;} .classGm_b a.on i.xx,.classGm_b a:hover i.xx{background: url(../images/ioc-zq.png) no-repeat -8px -59px;} .classGm_b a i.jj{background: url(../images/ioc-zq.png) no-repeat -61px -10px;} .classGm_b a.on i.jj,.classGm_b a:hover i.jj{background: url(../images/ioc-zq.png) no-repeat -61px -59px;} .classGm_b a i.mn{background: url(../images/ioc-zq.png) no-repeat -110px -10px;} .classGm_b a.on i.mn,.classGm_b a:hover i.mn{background: url(../images/ioc-zq.png) no-repeat -110px -59px;} .classGm_b a i.kp{background: url(../images/ioc-zq.png) no-repeat -160px -10px;} .classGm_b a.on i.kp,.classGm_b a:hover i.kp{background: url(../images/ioc-zq.png) no-repeat -160px -59px;} .classGm_b a i.js{background: url(../images/ioc-zq.png) no-repeat -209px -10px;} .classGm_b a.on i.js,.classGm_b a:hover i.js{background: url(../images/ioc-zq.png) no-repeat -209px -59px;} .classGm_b a i.sj{background: url(../images/ioc-zq.png) no-repeat -259px -10px;} .classGm_b a.on i.sj,.classGm_b a:hover i.sj{background: url(../images/ioc-zq.png) no-repeat -259px -59px;} .classGm_b a i.cl{background: url(../images/ioc-zq.png) no-repeat -310px -10px;} .classGm_b a.on i.cl,.classGm_b a:hover i.cl{background: url(../images/ioc-zq.png) no-repeat -310px -59px;} .classGm_b a i.ty{background: url(../images/ioc-zq.png) no-repeat -356px -10px;} .classGm_b a.on i.ty,.classGm_b a:hover i.ty{background: url(../images/ioc-zq.png) no-repeat -356px -59px;} .classGm_b a i.dz{background: url(../images/ioc-zq.png) no-repeat -409px -10px;} .classGm_b a.on i.dz,.classGm_b a:hover i.dz{background: url(../images/ioc-zq.png) no-repeat -409px -59px;} .classGm_b a i.yy{background: url(../images/ioc-zq.png) no-repeat -460px -10px;} .classGm_b a.on i.yy,.classGm_b a:hover i.yy{background: url(../images/ioc-zq.png) no-repeat -460px -59px;} .classGm_b a i.zy{background: url(../images/ioc-zq.png) no-repeat -508px -10px;} .classGm_b a.on i.zy,.classGm_b a:hover i.zy{background: url(../images/ioc-zq.png) no-repeat -508px -59px;} .classGm_b a i.mx{background: url(../images/ioc-zq.png) no-repeat -560px -10px;} .classGm_b a.on i.mx,.classGm_b a:hover i.mx{background: url(../images/ioc-zq.png) no-repeat -560px -59px;} /***合集详情列表****/ /*关于我们开始*/ .left_menu { width: 240px; float: left; background: #fff; /*border-bottom:1px solid #dfdfdf*/ } .left_menu li { width: 100%; float: left; height: 65px; line-height: 65px; border-bottom: 1px solid #e6e6e6; } .left_menu li a,.left_menu li span { width: 100%; float: left; font-size: 18px; text-align: center; cursor: pointer; } .left_menu li a:hover { text-decoration: none } .left_menu li.hover a,.left_menu li.active span { background: url(../images/user_libg.png) no-repeat left center; color: #ff6200 } .user_right { width: 888px; padding: 0 30px; float: right; background: #fff; min-height: 600px; } .user_tit { width: 100%; font-size: 24px; color: #333; line-height: 40px; height: 40px; margin-top: 20px; } .user_tit p { /*margin-left:30px;*/ } .user_tit p span { color: #f43f08 } .about_us p { text-indent: 2em; line-height: 3em; } .sixbt4{ line-height: 44px; height: 44px; font-size: 20px; margin-top: 10px; } .about_us{ overflow: hidden; padding-top: 25px; font-size: 14px; line-height: 36px;} .about_us p{ font-size: 16px; color: #666; line-height: 40px;} .about_us h6{ font-size: 16px; color:#333; line-height: 60px;} .about_us h6:before{ width: 3px; height: 16px; display: inline-block; content: ""; background: #f60; float: left; margin: 23px 10px 0px 0px;} /*网站地图开始*/ .ldtuap{ overflow: hidden; } .ldtuap p a{ color: #03a9f4; font-size: 22px; } .platd a{ color: #808080; margin-right: 20px; font-size: 16px;line-height: 34px; } .platd a:hover{color: #f60;} .ldtuwd a{overflow: hidden;position:relative; color: #808080; margin-right: 20px; font-size: 16px;line-height: 34px;} .ldtuwd a:hover{color: #f60;} .platl{position: relative; margin-top: 20px;padding-bottom: 15px;} .ldtub{ position: absolute; right: 0px;cursor: pointer;top:13px;color: #f60;} .ldtub.active{color: #999;} .platd{height: 68px;overflow: hidden;} .platd.show{height: auto;} /*最新更新开始*/ .liugx-b{ width: 200px; float: left; } .liugx-b li{ width: 100%; height: 45px; line-height: 45px; font-size: 16px; margin-bottom: 1px; text-align: center; color: #565656; cursor: pointer; border-bottom: 1px #fff solid; border-left: 2px solid #f60; background: #F5F5F5; display: block } .liugx-b li:hover,.liugx-b li.active{ background: #f60; width: 100%; color: #ffffff; } .liugxr{width: 960px; margin-left: 40px; float: left; min-height: 694px; opacity: 1; box-sizing: border-box; } #newList{ overflow: hidden; } .result-y li{float: left;width:413px;margin-right: 62px;} .result-y li>a{padding: 14px 0;} .result-y li>a,.result-y li img{float: left;width: 100px;height: 100px;border-radius: 24px;margin-right: 30px;} .result-y li div{position: relative;float: left;width: 283px;height: 100px;border-bottom: 1px solid #dcdcdc;padding: 14px 0;} .result-y li div a:nth-of-type(1){display: block;font-size: 18px;color: #333;line-height: 36px;margin: 6px 0 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .result-y li div a:nth-of-type(2){position: absolute;display: block;top: 50px;right: 0;width: 68px;height: 28px;background: #ffba25;border-radius: 4px;font-size: 14px;color: #fff;line-height: 28px;text-align: center;} .result-y li div p{font-size: 14px;color: #787878;line-height:16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin: 6px 0 10px 0;} .result-y li div p span{display:inline-block;margin-right: 10px;border-right: 1px #ddd solid;padding-right: 10px;} .result-y span.star0{background-position: 0px 0px;} .result-y span.star1{background-position: 0px -25px;} .result-y span.star2{background-position: 0px -50px;} .result-y span.star3{background-position: 0px -75px;} .result-y span.star4{background-position: 0px -100px;} .result-y span.star5{background-position: 0px -125px;} .result-y li div p:nth-of-type(2){margin-top: 6px;} .result-y li:hover div a:nth-of-type(1){font-weight: bold;color: #ffba25; } .result-y li:hover div a:nth-of-type(2){opacity: .9;} .result-y li:nth-child(2n){margin-right: 0;} .Latest-t{width: 100%;display: block;border: 1px #ddd solid;box-sizing: border-box;margin-top: 20px;background: #f9f9f9;} .Latest-t span{display: inline-block;height: 50px;line-height: 50px;text-align: center;border-right: 1px #ddd solid;font-size: 16px;box-sizing: border-box;float: left;} .Latest-t span:nth-child(1){width: 30%;text-align: left;padding-left: 2%;} .Latest-t span:nth-child(2){width: 20%;} .Latest-t span:nth-child(3){width: 15%;} .Latest-t span:nth-child(4){width: 20%;} .Latest-t span:nth-child(5){width: 15%;} .Latest-t2{width: 100%;display: block;border: 1px #ddd solid;box-sizing: border-box;margin-top: 20px;background: #f9f9f9;} .Latest-t2 span{display: inline-block;height: 50px;line-height: 50px;text-align: center;border-right: 1px #ddd solid;font-size: 16px;box-sizing: border-box;float: left;} .Latest-t2 span:nth-child(1){width: 70%;text-align: left;padding-left: 2%;} .Latest-t2 span:nth-child(2){width: 30%;} .Latest-game{width: 100%;margin-top: 20px;padding-bottom: 30px;} .Latest-game ul li{width: 100%;height: 50px;line-height: 50px;border-bottom: 1px #eaeaea dashed;border-left: 1px #eaeaea solid;border-right: 1px #eaeaea solid;box-sizing: border-box;} .Latest-game ul span{display: inline-block;height: 50px;line-height: 50px;text-align: center;border-right: 1px #eaeaea dashed;font-size: 16px;box-sizing: border-box;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .Latest-game ul span:nth-child(1) img{height: 30px;height: 30px;border-radius: 12%;overflow: hidden;margin-right: 10px;} .Latest-game ul span:nth-child(1){width: 30%;text-align: left;padding-left: 2%;} .Latest-game ul span:nth-child(2){width: 20%;} .Latest-game ul span:nth-child(3){width: 15%;} .Latest-game ul span:nth-child(4){width: 20%;} .Latest-game ul span:nth-child(5){width: 15%;} .Latest-new{width: 100%;margin-top: 20px;padding-bottom: 30px;} .Latest-new ul li{width: 100%;height: 50px;line-height: 50px;border-bottom: 1px #eaeaea dashed;border-left: 1px #eaeaea solid;border-right: 1px #eaeaea solid;box-sizing: border-box;} .Latest-new ul span{display: inline-block;height: 50px;line-height: 50px;text-align: center;border-right: 1px #eaeaea dashed;font-size: 16px;box-sizing: border-box;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .Latest-new ul span:nth-child(1){width: 70%;text-align: left;padding-left: 2%;} .Latest-new ul span:nth-child(2){width: 30%;} .liugxr_zx li{ width:100%; float:left; height:38px; line-height:38px; overflow:hidden; font-size:16px;border-bottom: 1px #eaeaea dashed;} .liugxr_zx .pre{ color:#f44334; margin-right:10px; float:left;} .liugxr_zx .txt{ color:#333; width:350px; float:left; overflow:hidden;} .liugxr_zx .time{ color:#888; float:right;} /*搜索*/ .news_l{width: 810px;float: left;/* background: #fff; */box-sizing: border-box;} .resultt{ width: 200px; float: left; } .resultt a{ width: 100%; height: 45px; line-height: 45px; font-size: 16px; margin-bottom: 1px; text-align: center; color: #565656; cursor: pointer; border-bottom: 1px #fff solid; border-left: 2px solid #f60; background: #F5F5F5; display: block } .resultt a:hover,.resultt a.on{ background: #f60; width: 100%; color: #ffffff; } .resulta{color: #999;font-size: 15px;margin-top: 20px;} .resulta em{color: #f60;} .resultm{position: relative;margin-top: 30px;margin-bottom: 30px;} .resultm s { display:inline-block; width:14px; height:14px; background:url(../images/v.png) no-repeat center; position:absolute; left:42%; bottom:13px } .resultm:hover a { color:#ffba25; border:1px solid #ffba25;} .resultm:hover s { -webkit-animation-name:rotate; -webkit-animation-duration:0.5s; -webkit-animation-timing-function:linear; background:url(../images/vv.png) no-repeat center } .resultm a { display:inline-block; width:100%; height:40px; line-height:40px; border:1px solid #F0F0F0; text-align:center } @-webkit-keyframes rotate { from { -webkit-transform:rotate(0deg) } to { -webkit-transform:rotate(180deg) } } .results{font-size: 18px;font-weight: normal;margin-top: 20px;border-bottom: 1px #ddd dashed;height: 36px;} .results i{color: #f60;font-weight: bold;} .result-n{margin-top: 20px;} .result-n li { position: relative; margin-right: 23px; float: left; background: #fff; width: 202px; height: 180px; border-radius: 4px; border: solid 1px #e5e5e5; margin-bottom: 23px; } .result-n li:nth-child(4n){ margin-right: 0; } .result-n li .p7 { width: 100%; height: 93px; float: left } .result-n li .p7 img { width: 100%; height: 91px; display: block; border: 1px solid #e6e6e6; object-fit: cover; } .result-n li .p8 { float: left; margin: 10px 0 0 10px; width: 86%; text-align: justify } .result-n li .p8 a { display: block; font-size: 16px; color: #333; height: 40px; overflow: hidden } .result-n li .p8 a:hover { color: #ff6200; } .result-n li .p8 span { display: block; color: #b2b2b2; margin-top: 10px } .ssbtn{width: 120px;height: 50px;line-height: 50px;text-align: center;box-sizing: border-box; font-size: 16px;color: #f60;display: block;margin-top: 38px;border-radius: 10px;border: 1px solid #f60;} .ssbtn:hover{background-color: #f60;color: #fff;} .sousuo{display: inline-block; width: 100%;} .user_right .xysp_l{padding: 0;margin-top: 20px;} .user_right .xysp_l li{width: 290px;} .user_right .liuhj-j{margin-top: 20px;padding: 0;} .user_right .liuhj-j li{width: 310px;padding-bottom: 7px;} .user_right .liuhj-j li:nth-child(4n){margin-right: 20px;} .user_right .liuhj-j li:nth-child(3n){margin-right: 0px;} .user_right .nwsplb li{ width: 303px; } .user_right .nwsplb li:nth-child(4n){margin-right: 22px;} .user_right .nwsplb li:nth-child(3n){margin-right: 0;} .user_right .paperbox{margin-top: 20px;} .user_right .paperbox li{border:1px #e5e5e5 solid;} .user_right .ztbox{margin-top: 20px;} .user_right .ztbox li { float: left; width: 433px; height: 120px; padding: 0; background: rgb(255, 255, 255); border-radius: 16px; margin: 0px 22px 30px 0px; } .user_right .ztbox li:nth-child(2n) { margin-right: 0px; } .user_right .ztbox li .top { display: block; position: relative; height: 132px; padding-left: 240px; } .user_right .ztbox li .top img { position: absolute; top: 0; left: 0px; width: 228px; height: 120px;} .user_right .ztbox li .top div { width: 182px; white-space: nowrap; overflow: hidden; } .user_right .ztbox li .top div p:nth-child(3) { height: 30px; line-height: 30px; color: rgb(153, 153, 153); font-size: 14px; margin-top: 8px;} .user_right .ztbox li .top div p:nth-child(3) span { color: rgb(238, 62, 49); font-size: 18px; font-weight: bold; float: left; } /*开服排行页面*/ .tableBox li{float: left;} .tableBox li a{width: 216px; text-align: center; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; float: left; padding: 0 26px; height: 40px; line-height: 40px; border-radius: 10px; font-size: 18px; color: #666; background-color: #fff; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; margin: 0 30px 20px 0; } .tableBox li:nth-child(5n) a{ margin-right: 0; } .tableBox li a:hover{background-color: #ffba25; color: #fff; box-shadow: 0 4px 8px 0 rgba(255,102,0,.5);} .kfcwo .result-y li{width: 282px;} .kfcwo .result-y li .info{width: 175px;} .openNr{background: #fff;padding: 0 20px 20px 20px;border-radius: 10px;} .openBt{ height:72px; line-height:72px; font-size:22px; font-weight:bold; color:#333 } .openBt em{color: #f00;} .openNr .openYxb{ height: 50px;height:50px;background: #fafafa;border-radius: 10px 10px 0 0;} .openNr .openYxb li{ width: 14.28%;line-height:50px; float: left;text-align: center; font-size: 16px; color: #666;box-sizing: border-box;padding:0px 15px;} .openNr .openYxn ul{height: 160px;background-image: url(../images/open_table.jpg);background-repeat: no-repeat;} .openNr .openYxn li{ width: 14.28%;height: 145px; background: #fff; line-height:145px; float: left;text-align: center;font-size: 15px;color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; box-sizing: border-box;padding:0px 15px} .openNr .openYxn li a{color: #666;} .openNr .openYxn ul:hover li{ background-color:rgba(255, 102, 0, 0.05);} .openNr .openYxn ul:hover li a{ color: #333;} .openNr .openYxn li:nth-child(1),.openNr .openYxb li:nth-child(1){ width: 120px;} .openNr .openYxn li:nth-child(2),.openNr .openYxb li:nth-child(2){width: 380px;} .openNr .openYxn li:nth-child(3),.openNr .openYxb li:nth-child(3){ width: 200px;} .openNr .openYxn li:nth-child(5),.openNr .openYxn li:nth-child(6),.openNr .openYxb li:nth-child(5),.openNr .openYxb li:nth-child(6){ width: 140px;} .openNr .openYxn li:nth-child(4),.openNr .openYxb li:nth-child(4){ width: 180px;} .downTz{line-height: 28px;font-size: 15px;box-sizing: border-box;margin-top: 20px;padding: 20px;border-radius: 10px 10px 0 0;background: #fff;} .openNr .openYxn li:last-child{padding: 0;text-align: center;} .openNr .openYxn li:last-child a{margin: auto;margin-top: 4px;margin-bottom:4px;display: block; width: 72px;height: 28px;line-height: 28px;color: #ffba25; font-size: 14px;display: inline-block;text-align: center; border:1px #ffba25 solid;} .openNr .openYxn ul:hover li:last-child a,.openNr dl:last-of-type .openYxn ul:hover li:last-child a{color: #fff;background: #ffba25;} .openNr .openYxn li:nth-child(1){color: #f00;font-size: 16px;} .openNr .openYxn li:nth-child(2) img{width: 80px;height: 80px;border-radius: 8px; float: left; margin-top: 35px;} .openNr .openYxn li:nth-child(2) div{width: 255px;float: left;margin-left: 15px;margin-top: 35px;} .openNr .openYxn li:nth-child(2) div .o1{width: 100%;height: 40px;overflow: hidden;color: #273344; font-size: 18px;line-height: 40px; height: 40px; text-align: left;text-overflow: ellipsis;white-space: nowrap;} .openNr .openYxn li:nth-child(2) div .o2{width: 100%; float: left; height: 40px;overflow: hidden;color: #273344;line-height: 25px;text-align: left;text-overflow: ellipsis;white-space: nowrap;} .openNr2{padding: 30px 20px 45px;background: #fff;border-radius: 0 0 10px 10px;} .openNr2 .openYxb2{ height: 30px;height:30px;background: #f6f6f6;} .openNr2 .openYxb2 li{ width: 14.28%;line-height:30px; float: left;text-align: center; font-size: 14px; color: #838282;box-sizing: border-box;padding:0px 15px;} .openNr2 .openYxn2 ul{padding-top: 25px;font-size: 14px; line-height: 30px;text-align: center;height: 30px;} .openNr2 .openYxn2 li{ width: 14.28%;line-height:30px; float: left;text-align: center;font-size: 15px; color: #8b8b8b;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; box-sizing: border-box;padding:0px 15px} .openNr2 .openYxn2 li a{ color: #414040;} .openNr2 .openYxn2 ul:hover li{ background-color:rgba(255, 102, 0, 0.05);} .openNr2 .openYxn2 ul:hover li a{ color: #333;} .openNr2 .openYxn2 li:nth-child(1),.openNr2 .openYxb2 li:nth-child(1){ width: 140px;} .openNr2 .openYxn2 li:nth-child(2),.openNr2 .openYxb2 li:nth-child(2){width: 320px;} .openNr2 .openYxn2 li:nth-child(3),.openNr2 .openYxb2 li:nth-child(3){ width: 145px;} .openNr2 .openYxn2 li:nth-child(5),.openNr2 .openYxn2 li:nth-child(6),.openNr2 .openYxb2 li:nth-child(5),.openNr2 .openYxb2 li:nth-child(6){ width: 140px;} .openNr2 .openYxn2 li:nth-child(4),.openNr2 .openYxb2 li:nth-child(4){ width: 145px;} .openNr2 .openYxn2 li:nth-child(7),.openNr2 .openYxb2 li:nth-child(7){ width: 130px;} .openNr2 .openYxn2 li:last-child a{margin: auto;display: block; width: 72px;height: 28px;line-height: 28px;color: #00b3fe; font-size: 14px;display: inline-block;text-align: center; border:1px #00b3fe solid;} .openNr2 .openYxn2 ul:hover li:last-child a,.openNr2 dl:last-of-type .openYxn2 ul:hover li:last-child a{color: #fff;background: #00b3fe;} .openNr3{margin-top: 20px;padding-top: 30px;} .openNr3 .openYxn li:nth-child(1),.openNr3 .openYxb li:nth-child(1){ width: 95px;} .openNr3 .openYxn li:nth-child(2),.openNr3 .openYxb li:nth-child(2){width: 225px;} .openNr3 .openYxn li:nth-child(3),.openNr3 .openYxb li:nth-child(3){ width: 140px;} .openNr3 .openYxn li:nth-child(5),.openNr3 .openYxn li:nth-child(6),.openNr3 .openYxb li:nth-child(5),.openNr3 .openYxb li:nth-child(6){ width: 105px;} .openNr3 .openYxn li:nth-child(4),.openNr3 .openYxb li:nth-child(4){ width: 140px;} .openNr3 .openYxn ul{height: 100px;background-image: url(../images/open_table1.jpg);background-repeat: no-repeat;} .openNr3 .openYxn li{ height: 85px; line-height:85px;} .openNr3 .openYxn li:nth-child(1){color: #f00;font-size: 16px;} .openNr3 .openYxn li:nth-child(2) img{width: 40px;height: 40px;border-radius: 8px; float: left; margin-top: 25px;} .openNr3 .openYxn li:nth-child(2) div{width: 140px;margin-top:20px;} .openNr3 .openYxn li:nth-child(2) div .o1{ font-size: 15px;line-height: 26px; height:26px;} .openNr3 .openYxn li:nth-child(2) div .o2{ height: 20px;line-height: 20px;font-size: 12px;} .kfb-top{margin-top: 15px;} .downTc li{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left; padding-top: 12px;padding-bottom: 12px;border-bottom: 1px dashed #CCC;width: 23.5%;margin-right: 2%;font-size: 15px; } .downTc li:nth-child(4n){margin-right: 0;} .downTc a{ color: #333; } .downTc a:hover{ font-weight: bold;color: #f60; } .openNr dl:nth-child(2){margin-top: 30px;} /****排行榜页面****/ .phb{width: 100%;height: auto;} .phb .crumb {margin-top: 0;} .phb .curr{ background: #fff;} .rank-t{ width: 100%; overflow: hidden; height: 54px; line-height: 54px; text-align: center; margin: 28px auto 22px; } .rank-t a{ float: left; display: block; width: 18.4%; font-size: 24px; color: #fff; overflow: hidden; white-space: nowrap; background: rgb(255, 207, 92); margin-right: 2%; border-radius: 10px; } .rank-t a::before,.rank-t a::after{ content: ""; display: inline-block; width: 31px; height: 9px; transition: all 0.3s ease-in-out 0s; position: relative; z-index: 1; } .rank-t a::before{background: url(../images/iconph.png) no-repeat 0 0px; vertical-align: top; margin: 23px 9px 0px 0px;} .rank-t a::after{background: url(../images/iconph.png) no-repeat -40px 0px; vertical-align: top; margin: 23px 0px 0px 9px;} .rank-t a:nth-child(5n){margin-right: 0;} .rank-t a:hover,.rank-t a.on{ background-color: rgb(255, 97, 53); color: #fff; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .rank-r{width:100%; min-height: 694px; opacity: 1; box-sizing: border-box; border-radius: 22px; background: rgb(255, 255, 255); padding-bottom: 30px; padding-top: 50px; } .rankTb{font-size: 60px;font-weight: bold;text-align: center;color: #fff;padding-top: 220px;} .rankpl{ width: 100%; height: auto; box-sizing: border-box;} .rankfl{ position: relative; background: #fff; } .rankfl .nwlxy{ top: 20px; right: 20px;} .rankfl .nwlxy:before{margin: 7px 0px 0px 5px;} .phb .crumb { padding-left: 40px;background-position: 20px;} .rankpl .nwlxy1{position: relative;width:90%;cursor: pointer; height: 40px; line-height: 40px; border: 1px solid #F0F0F0; text-align: center;margin: 30px auto 0 auto;} .rankpl .nwlxy1 s { display:inline-block; width:14px; height:14px; background:url(../images/v.png) no-repeat center; position:absolute; left:42%; bottom:13px } .rankpl .nwlxy1:hover{ color:#ffba25; border:1px solid #ffba25;} .rankpl .nwlxy1:hover s { -webkit-animation-name:rotate; -webkit-animation-duration:0.5s; -webkit-animation-timing-function:linear; background:url(../images/vv.png) no-repeat center } /*404开始*/ .error { margin: 220px auto 110px; padding: 115px 0 0 266px; width: 509px; height: 170px; color: #555; vertical-align: middle; background: url(../images/404.png) no-repeat; } .error p { color: #555; line-height: 27px; } .error p span { color: #e23636; font-weight: bold; } .error .back, .error .back a { color: #999; } /*评论*/ .u_buttom.yellow{background: #ffba25 !important;} .wjtlbox{ box-sizing: border-box; background: #fff; margin-top: 20px; border-radius: 8px; } #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:#f60; text-align:center } .cmtList-ft span.hover { background-position:-240px 0 } .cmtList-name { display:inline } .u_commentSend { position: relative; height: 183px; border-bottom: 1px #eaeaea dashed !important; padding: 0px 0px 20px; overflow: hidden; width: 100%; box-sizing: border-box; margin-top: 15px; } .u_commentSend .text_box { position: relative; height: 80px; background: #fff; border-radius: 2px; } .u_commentSend .text_box textarea { position: absolute; left: 0; width: 100%; display: block; height: 80px; padding: 10px 2%; border: none; resize: none; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #fff; border: #ebebeb 1px solid; box-sizing: border-box; } .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: right !important; width: 120px; line-height: 34px; font-size: 14px; } .u_buttom.yellow { background: #ffba25; } .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: 0px !important; } #commentNum{color: #666;font-size: 14px;float: right;padding:0 0px 0 15px;line-height: 32px;background: #fff;position:absolute;right: 20px;} /*评论*/ .gameDpl{height: auto;} .comTit{width:100%;height:42px;border-bottom: 2px solid #e6e6e6;margin-top: 10px;} .comTit em{position: relative;float: left;display: inline-block;height:42px;line-height: 42px;font-size:16px;color:#6ac20c;border-bottom:2px solid #6ac20c; padding:0 3px;} .comTit em:after{content: '';width:100%;height: 2px;background-color: #6ac20c;position: absolute;bottom: -2px;left: 0;} .comTit span{float: right;display: inline-block;height:40px;line-height: 40px;font-size:14px;color: #808080;} .remark li{padding: 15px 0;border-bottom: 1px solid #f4f4f4;} .remark li>p{font-size:16px;color: #333;line-height: 28px;margin-top: 5px;} .listTop{line-height: 32px;overflow: hidden;*zoom: 1;} .listTop p,.listTop em{float: left;display: inline-block;font-size:16px;color: #999;} .listTop span{float: right;display: inline-block;font-size:16px;color: #333;cursor: pointer;} .listTop em{margin-left: 32px;} .comMore{padding-top: 30px;height: 39px;} .comMore span{display: block;width: 90px;height: 28px;line-height: 28px;text-align: center;font-size: 14px;color: #fff;background-color: #6ac20c;margin:0 auto;border-radius: 5px;cursor: pointer;} .comMore span:hover{opacity: .9;} .dgComment .unlist{width: 100%;height: 115px;line-height: 115px;font-size: 16px;color:#ababab;text-align: center;} /*首页*/ .zxgxli{margin-top: 20px;} .zxgxli a{display: block;float: left;padding: 0 26px;height: 40px;line-height: 40px;border-radius: 20px;font-size: 18px;color: #666;background-color: #eee;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;margin: 0 30px 20px 0;} .zxgxli a:hover{background-color: #ffba25;color: #fff;box-shadow: 0 4px 8px 0 rgba(255,186,37,.5);} .sumar{padding: 20px 0!important;box-sizing: border-box;} /*专区*/ .zqList { margin-top: 20px; } .zqList li { width: 382px; height: 440px; border-radius: 10px; background: rgb(255, 255, 255); overflow: hidden; position: relative; margin-right: 24px; margin-bottom: 22px; float: left; border: 1px solid rgb(255, 255, 255); } .zqList li:hover { border: 1px solid rgba(255, 186, 37, 0.5); box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 10px 0px; } .zqList li:nth-child(3n) { margin-right: 0px; } .zqList li img { width: 340px; height: 192px; display: block; margin: 25px 22px 0px; border-radius: 10px; object-fit: cover;} .zqList li:hover img { opacity: 0.9; } .zqList li p:nth-child(2) { font-size: 18px; color: rgb(51, 51, 51); font-weight: 600; line-height: 30px; height: 30px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; margin: 20px 30px 0px; } .zqList li p:nth-child(3) { font-size: 14px; color: rgb(153, 153, 153); line-height: 26px; padding: 21px 16px; width: 308px; height: 50px; background: rgb(247, 247, 247); border-radius: 6px; margin: 18px 22px 0px; } .zqList li p:nth-child(3) span{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .zqList li p:nth-child(4) { position: absolute; bottom: 24px; left: 0px; width: 340px; margin: 0px 22px; } .zqList li p:nth-child(4) span { font-size: 14px; color: rgb(183, 183, 183); } .zqList li p:nth-child(4) span:nth-child(1) { float: left; } .zqList li p:nth-child(4) span:nth-child(2) { float: right;color: #ffba25;} .zqList li p:nth-child(4) span:nth-child(1) i { width: 18px; height: 16px; display: inline-block; background: url(../images/timehj.png) no-repeat; vertical-align: text-top; margin-right: 3px; } /*标题*/ .sixbt5{position:relative; height:26px; line-height:26px; z-index:1;overflow:hidden;*zoom: 1;} .sixbt5 strong{ float: left;display: inline-block;font-size:24px; color:#333;padding-right:10px; background-color:#fff; height:26px;line-height:26px;font-weight: normal;} .sixbt5:after{ width:100%; height:2px; background:#f60; position:absolute;left:0; top:13px; content:""; z-index:-1;} /*搜索*/ .user_right .frbz{margin-top: 20px;} /*合集*/ .ztbox{width: 100%;margin-top: 40px;} .ztbox li { float: left; width: 544px; height: 228px; padding: 15px 22px 28px; background: rgb(255, 255, 255); border-radius: 16px; margin: 0px 22px 52px 0px; } .ztbox li:nth-child(2n) { margin-right: 0px; } .ztbox li .top { display: block; position: relative; height: 132px; padding-left: 274px; } .ztbox li .top img { position: absolute; top: -34px; left: 0px; width: 258px; height: 144px; border-radius: 10px;object-fit: cover; } .ztbox li .top div { width: 272px; white-space: nowrap; overflow: hidden; } .ztbox li .top div p:nth-child(1) { height: 48px; line-height: 48px; font-size: 20px; } .ztbox li .top div p:nth-child(2) { height: 28px; line-height: 28px; color: rgb(102, 102, 102); font-size: 12px; } .ztbox li .top div p:nth-child(2) i { display: inline-block; height: 16px; width: 16px; background: url(../images/timehj.png) no-repeat; vertical-align: top; margin: 6px 8px 0px 0px; } .ztbox li .top div p:nth-child(3) { height: 30px; line-height: 30px; color: rgb(153, 153, 153); font-size: 14px; } .ztbox li .top div p:nth-child(3) span { color: rgb(238, 62, 49); font-size: 22px; font-weight: bold; float: right; } .ztbox li .bottom { width: 518px; height: 52px; background: rgb(247, 247, 247); border-radius: 6px; padding: 20px 10px 22px 16px; position: relative; } .ztbox li .bottom i { position: absolute; top: -9px; width: 32px; height: 25px; background: url(../images/icohj2.png) no-repeat;} .ztbox li .bottom p { width: 378px; float: left; line-height: 26px; color: rgb(153, 153, 153); font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; } .ztbox li .bottom div { float: right; width: 122px; height: 70px; position: relative; } .ztbox li .bottom div img { position: absolute; width: 50px; height: 50px; border-radius: 8px; z-index: 2; border-right: 3px solid rgb(255, 255, 255); transition: all 0.2s ease-in-out 0s; } .ztbox li .bottom div a:nth-child(2) img { left: 34px; z-index: 1; } .ztbox li .bottom div a:nth-child(3) img { left: 68px; z-index: 0; } .ztbox li .bottom div a img:hover { z-index: 3; transform: scale(1.1); } .ztDetailBot li { float: left; margin: 19px 37px 61px 0px; position: relative; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px 0px; } .ztDetailBot li:nth-child(4n) { margin-right: 0px; } .ztDetailBot li a::before { content: ""; position: absolute; bottom: 0px; left: 0px; width: 272px; height: 84px; background: linear-gradient(to top, rgba(0, 0, 0, 0.565), transparent); border-radius: 0px 0px 10px 10px; z-index: 1; } .ztDetailBot li a, .ztDetailBot li a img { display: block; width: 272px; height: 175px; border-radius: 10px; overflow: hidden; transition: transform 0.5s ease 0s;object-fit: cover; } .ztDetailBot li a p { position: absolute; bottom: 0px; height: 46px; line-height: 46px; font-size: 18px; color: rgb(255, 255, 255); text-indent: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; z-index: 2; } .ztDetailBot li:hover a img { transform: scale(1.05); } .ztDetailTop { height: 286px; border-radius: 10px; background: rgb(255, 255, 255); margin: 40px auto 0 auto; } .ztDetailTop img { float: left; width: 500px; height: 280px; border-radius: 10px; margin: -22px 20px 0px 22px;object-fit: cover; } .ztDetailTop .right { float: left; width: 638px; white-space: nowrap; overflow: hidden; } .ztDetailTop .right > h1 { height: 38px; line-height: 38px; font-size: 24px; color: rgb(51, 51, 51); font-weight: bold; margin-top: 24px; } .ztDetailTop .right > p:nth-child(2) { height: 34px; line-height: 34px; color: rgb(153, 153, 153); font-size: 12px; } .ztDetailTop .right > p:nth-child(2) i { display: inline-block; height: 16px; width: 16px;background: url(../images/timehj.png) no-repeat; vertical-align: top; margin: 9px 8px 0px 0px; } .ztDetailTop .right > p:nth-child(2) span { color: rgb(238, 62, 49); font-size: 22px; font-weight: bold; float: right; } .ztDetailTop .right div { height: 128px; border-radius: 8px; background: rgb(247, 247, 247); padding: 22px 16px 0px; margin-top: 14px; position: relative; } .ztDetailTop .right div i { position: absolute; top: -9px; width: 32px; height: 25px; } .ztDetailTop .right div p { width: 604px; height: 110px; float: left; white-space: normal; line-height: 26px; color: rgb(153, 153, 153); font-size: 14px; overflow-y: scroll;} .ztDetailTop .right div p::-webkit-scrollbar { width: 5px; height: 10px; border-radius: 10px; background-color: transparent; } .ztDetailTop .right div p::-webkit-scrollbar-track { background-color: transparent; } .ztDetailTop .right div p::-webkit-scrollbar-thumb { background-color: #ddd; } /*游戏列表*/ .ztDetailMid li{ float: left; margin: 0px 23px 20px 0px; position: relative;} .ztDetailMid li:nth-child(4n) { margin-right: 0px; } .ztDetailMid li{ display: block; width: 282px; height: 220px; border-radius: 10px; background: #fff; } .ztDetailMid li .top { overflow: hidden; padding: 21px 0px 15px; } .ztDetailMid li .top img { float: left; width: 100px; height: 100px; border-radius: 18px; margin: 0px 15px 0px 18px; } .ztDetailMid li .top div { float: left; width: 140px; white-space: nowrap; overflow: hidden; font-size: 14px; color: rgb(153, 153, 153); } .ztDetailMid li .top div a:nth-child(1) {height: 24px; line-height: 24px; color: rgb(51, 51, 51); font-size: 16px; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%;display: inline-block;} .ztDetailMid li .top div p:nth-child(2) { height: 24px; line-height: 24px; } .ztDetailMid li .top div p:nth-child(3) { height: 22px; line-height: 22px; } .ztDetailMid li .top div p:nth-child(4) { height: 30px; line-height: 30px; } .ztDetailMid li .top div p:nth-child(4) i { display: inline-block; height: 16px; width: 16px;background: url(../images/timehj.png) no-repeat; vertical-align: top; margin: 6px 8px 0px 0px; } .ztDetailMid li .mid { line-height: 20px; color: rgb(153, 153, 153); font-size: 14px; margin: 0px 15px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; } .ztDetailMid li .bottom { width: 100%;height: 42px; line-height: 42px; font-size: 14px; color: rgb(102, 102, 102); text-align: center; border-top: 1px solid rgb(228, 228, 228); background: rgb(255, 255, 255); margin-top: 15px; border-radius: 0px 0px 10px 10px; transition: background 0.2s ease-in-out 0s; position: absolute;left: 0;bottom: 0;} .ztDetailMid li:hover .bottom { background: rgb(255, 186, 37); color: rgb(255, 255, 255); } /*详情*/ .downT{box-sizing: border-box;margin-top: 20px !important;position: relative;border-radius: 10PX;background: #FFF;padding: 20px;} .downT_t{ background-color: #f9f9f9; margin-bottom: 20px; overflow: hidden; margin-top: 20px; } .downT_t li{ float: left; display: block; width: 121.6px; height: 38px; line-height: 36px; font-size: 16px; color: #4c4c4c; text-align: center; border-top: 2px solid transparent; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .downT_t li.on{ background-color: #fff; border-top-color: #ffba25; color: #ffba25; } .gameDnr{padding:20px;font-size: 16px;line-height: 28px;color: #666;background: #fff;border-radius: 0 0 10px 10px;} .gameDnr h3 { font-size: 20px; color: rgb(255, 186, 37); height: 52px; line-height: 52px; font-weight: 600; } .gameDnr p{line-height: 25px; color: rgb(102, 102, 102); font-size: 16px; margin: 15px 0px; text-indent: 2em;} .gameDnr img{display: block;margin:auto;max-width: 80%;} .gameDnr .playTag{border: 1px #eaeaea dashed;} .sixrjt{ border-bottom: 1px solid #efefef; width: 100%; padding: 20px; box-sizing: border-box; } .topfy{margin-top: -60px;} .gameDtag{ margin: 12px 25px 0px; } .gameDtag > div:nth-child(1) { margin-top: 12px; height: 75px; line-height: 75px; color: rgb(138, 138, 138); font-size: 16px; text-align: center; position: relative; } .gameDtag > div:nth-child(1)::before, .gameDtag > div:nth-child(1)::after { content: ""; position: absolute; width: 326px; height: 1px; background: rgb(240, 240, 240); top: 0px; bottom: 0px; margin: auto; } .gameDtag > div:nth-child(1)::before { left: 0px; } .gameDtag > div:nth-child(1)::after { right: 0px; } .gameDtag > div:nth-child(2) { text-align: center; overflow: hidden; padding-bottom: 20px; } .gameDtag > div:nth-child(2) a { display: inline-block; padding: 0px 20px; margin: 0px 20px 20px 0px; height: 45px; line-height: 45px; text-align: center; font-size: 14px; color: rgb(138, 138, 138); border-radius: 8px; background: rgb(243, 245, 247); transition: opacity 0.2s ease 0s; } .gameDtag > div:nth-child(2) a:hover { opacity: 0.8; } .gameDtag > div:nth-child(2) a:nth-child(1),.gameDtag > div:nth-child(2) a:nth-child(4),.gameDtag > div:nth-child(2) a:nth-child(7){background: #edfaff;color: #009ad6;} .gameDtag > div:nth-child(2) a:nth-child(2),.gameDtag > div:nth-child(2) a:nth-child(5),.gameDtag > div:nth-child(2) a:nth-child(8){background: #fff5ed;color: #f47920;} .gameDtag > div:nth-child(2) a:nth-child(3),.gameDtag > div:nth-child(2) a:nth-child(6),.gameDtag > div:nth-child(2) a:nth-child(9){background: #edfff5;color: #45b97c;} .rank .more{height:50px;background-color:#fff;text-align:center;line-height:50px;font-size:16px;} .gameDsite{margin: 20px auto 0 auto;padding: 20px;background: #fff;box-sizing: border-box;border-radius: 10px;} .yxdt{padding: 0px;color: #333;font-size: 14px;line-height: 28px;} .addressN{width: 100% !important;height: auto !important;} .addressN .addressD{width: 100% !important;} .addY{width: 100%;display: inline-block;margin-bottom: 20px;} .addY h4{ font-size: 15px; font-weight: bold; margin-bottom: 10px;margin-top: 0;} .addY a{ float: left; width: 160px; height:40px; line-height: 40px; text-align: center; background: #ffbc38; overflow: hidden; position: relative; color: #fff; font-size: 15px; border-radius: 5px; } .addE{width: 100%;display: inline-block;} .addE p{ font-size: 16px;} .addE a{width: auto; height: 40px; line-height: 40px; margin-top: 6px; text-align: center; display: inline-block; margin-right: 22px; background: url(../images/downdz.png) no-repeat left center; padding-left: 26px; } .addE a:hover{opacity: .8;} .addressC{position:relative;margin-top: 20px;} .addressB{ background-color: #f9f9f9; margin-bottom: 20px; overflow: hidden; margin-top: 20px; } .addressB li{ float: left; display: block; width: 121.6px; height: 38px; line-height: 36px; font-size: 16px; color: #4c4c4c; text-align: center; border-top: 2px solid transparent; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .addressB li.m-hover{ background-color: #fff; border-top-color: #ffba25; color: #ffba25; } .addressN{width: 100%;height: auto;float: left;margin-top: 20px;padding: 0 20px;box-sizing: border-box;} .addressD{position:relative;width: 100%;} .addS{ width: 500px; float: left;} .addS h4{font-size: 15px; font-weight: bold;margin-top: 0;} .addS p{ font-size: 14px;margin-bottom: 10px;line-height: 26px;} .addS a.btn{ float: left; width: 160px; height:40px; line-height: 40px; text-align: center; background: #ffbc38; overflow: hidden; position: relative; color: #fff; font-size: 15px; border-radius: 5px; } .azxz2{width: 200px;float: right;text-align: center;} .wxsmxz{width: 120px;height: 120px;border: 1px solid #ddd;padding: 10px;box-sizing: border-box;margin: 0 auto;margin-bottom: 10px;} .wxsmxz img{ width: 100px; height: 100px;} .ios a.btn{ background:url(../images/azxz3.jpg) no-repeat left center ; } .addS span{float: left;height: 40px;line-height: 40px;margin-left: 10px;color: #999;padding: 0 10px;} .wrap-issue{ width: auto; height: auto; overflow: hidden; } .wrap-issue .issue-wrap{ width: auto; height: auto; overflow: hidden; line-height: 22px; font-size: 14px; color: #444; word-wrap: break-word; word-break: break-all; padding-left: 60px; text-align: left; } .wrap-issue .s_content{ margin-top: 15px; font-size: 14px; text-align: left; line-height: 22px; color: #444; word-wrap: break-word; word-break: break-all; } .wrap-issue .action-click{ width: auto; height: 16px; overflow: hidden; line-height: 16px; display: block; _height: 25px; clear: both; text-align: right;} .wrap-issue .click-ding,.wrap-issue .click-cai{ display: inline-block; font-style: normal; font-family: "微软雅黑"; line-height: 14px; margin-left: 10px; } .wrap-issue .click-ding i{width: 13px; height: 14px; overflow: hidden; background: url(../images/zan_A.png) no-repeat left center; display: inline-block; text-decoration: none; margin-right: 4px; vertical-align: middle; margin-top: -2px; } .wrap-issue .click-cai i{width: 13px; height: 14px; overflow: hidden; background: url(../images/cai_A.png) no-repeat left center; display: inline-block; text-decoration: none; margin-right: 4px; vertical-align: middle; } .wrap-issue .click-ding a,.wrap-issue .click-cai a{ font-size: 12px; color: #f60; } .wrap-issue .click-ding:hover i{ background: url(../images/zan_B.png) no-repeat left center;} .wrap-issue .click-cai:hover i{ background: url(../images/cai_B.png) no-repeat left center;} .gameDy{ float: left; width: 322px; } .bagiwi{background:rgb(239, 239, 239);border: 1px solid rgb(226, 226, 226);box-sizing: border-box;} .gameDz{ float: left; width: 850px; margin-right: 28px; position: relative; } .gameDo{ height: 206px; width: 100%; background: rgb(48, 48, 55); margin-bottom: 60px;padding-top: 10px; } .gameDo .crumb{margin-top: 0;} .gameDo .info { margin-top: 29px; } .gameDo .info img { float: left; width: 160px; height: 160px; border-radius: 30px; } .gameDo .info .msg {float: left;width: 500px;margin-left: 20px; white-space: nowrap; overflow: hidden; } .gameDo .info .msg h1 {max-height: 64px;line-height: 32px;font-size: 28px;color: rgb(255, 255, 255);font-weight: bold;margin: 9px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .gameDo .info .msg p:nth-child(2) { height: 24px; line-height: 24px; font-size: 14px; color: rgb(153, 153, 153); overflow: hidden;} .gameDo .info .msg p:nth-child(3) span { float: left; height: 24px; line-height: 24px; font-size: 14px; color: rgb(153, 153, 153); background-color: rgb(67, 67, 72); padding: 0px 12px; margin: 12px 11px 0px 0px; border-radius: 2px; } .gameDo .downBox { float: left; width: 520px; height: 88px; overflow: hidden; margin-top: 40px; } .gameDo .downBox a { float: left; width: 165px; height: 45px; line-height: 45px; font-size: 18px; color: rgb(255, 255, 255); text-align: center; border-radius: 22px; margin-left: 8px; transition: opacity 0.2s ease 0s; } .gameDo .downBox a.ios { background: linear-gradient(to right, rgb(1, 115, 255), rgb(17, 166, 255)); } .gameDo .downBox a.android { background: linear-gradient(to right, rgb(52, 212, 117), rgb(20, 238, 158)); } .gameDo .downBox a.pc { background: linear-gradient(to right, rgb(170, 50, 243), rgb(234, 80, 254)); } .gameDo .downBox a i { display: inline-block; vertical-align: top; } .gameDo .downBox a.ios i { width: 20px; height: 24px; margin: 8px 6px 0px 0px; background: url(../images/iconyx.png) no-repeat 0 0;} .gameDo .downBox a.android i { width: 24px; height: 26px; margin: 10px 6px 0px 0px; background: url(../images/iconyx.png) no-repeat -36px 0; } .gameDo .downBox a.pc i { width: 28px; height: 26px; margin: 10px 6px 0px 0px; background: url(../images/iconyx.png) no-repeat -71px 0; } .gameDo .downBox a:hover { opacity: 0.9; } .gameDo .downBox > div:hover { opacity: 0.9; } .gameDintel{ width: 100%; border-top: 1px #f6f6f6 solid; padding: 15px 0; } .gameDintel ul{margin-top: 10px;} .gameDintel li{ float: left; margin-right: 2%; height: 35px; line-height: 35px; width:49%; color: rgb(153, 153, 153); font-size: 15px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;} .gameDintel li span { color: rgb(102, 102, 102); font-size: 15px;} .gameDintel li a, .gameDintel li .qcann { text-decoration: underline; color: rgb(236, 0, 62); cursor: pointer; } .gameDintel li a:hover, .gameDintel li .qcann:hover { color: rgba(255, 16, 16, 0.62); } .gameDintel li a, .gameDintel li .qcann2 { text-decoration: underline; color: rgb(236, 0, 62); cursor: pointer; } .gameDintel li a:hover, .gameDintel li .qcann2:hover { color: rgba(255, 16, 16, 0.62); } .gameDintel li:nth-child(2n) { margin-right: 0px; } .gameDintel li a,.gameDintel li .qcann{color: #f60;cursor: pointer;} .gameDintel li a,.gameDintel li .qcann2{color: #f60;cursor: pointer;} .liujp i {display: inline-block; width: 20px; height: 20px; color: #fff; text-align: center; line-height: 20px; background-color: #D2D2D2; font-size: 14px; float: right; position: absolute; right: 0; top: 12px; } .liujp li:nth-child(1) i,.liujp li:nth-child(2) i,.liujp li:nth-child(3) i{ background:#FF4939; } .liujp ul li{position: relative;} .sixrjt li{ width: 73px; height: 98px; margin: 15px 20px 0 0px; float: left; } .sixrjt li:nth-child(3n){margin-right: 0;} .sixrjt li img{ width: 68px; height: 68px; display: block; margin: 0 auto; border-radius: 12px; } .sixrjt li span{ display: block; height: 30px; line-height: 30px; overflow: hidden; text-align: center; white-space: nowrap; text-overflow: ellipsis; } .newBox .gameDxg{margin-left: 0;margin-right: 30px;margin-top: 40px;} .newBox .gameDxg .result-y{padding: 0;} .newBox .gameDxg .result-y li{width: 257px;} .newBox .gameDxg .result-y li .info{width: 152px;} .newBox .gameDnew{margin-left: 0;margin-right: 30px;margin-top: 0;} .newBox .gameDnew ul{width: 393px;} .newBox .gameDpl{margin-left: 0;margin-right: 30px;} /*最新更新*/ #newList .tab{display: none;} #newList .tab.on {display: block;} /*排行榜*/ .rankpl .sub_box .praise{width:150px;position: absolute;right: 82px;top: 186px;height: 30px;margin: 0px auto;background: none;text-align: center;} .rankpl .sub_box #praise{float: none;width: 20px;height: 20px;display: inline-block;vertical-align: top;display: inline-block;} .rankpl .sub_box .praise img{width: 20px !important;height: 20px;} .rankpl .sub_box #praise-txt{float: none;margin-left: 5px;color: #999;font-weight: bold; font-size:18px;text-align: left; height: 20px;display: inline-block; line-height: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 70%;} .rankpl li{position: relative;} .rankpl ul{height: 1724px;overflow: hidden;} .rankpl ul.show{ height: auto;} .sub_box{ padding: 0px 30px 20px; } .sub_box li a { display: block; width: 1006px; height: 133px; padding: 25px 30px 0px 102px; border-radius: 8px; background: rgb(247, 247, 247); position: relative; margin-bottom: 16px; } .sub_box li a > i { position: absolute; width: 102px; height: 158px; line-height: 158px; font-size: 26px; color: rgb(185, 192, 200); font-weight: bold; top: 0px; left: 0px; text-align: center; } .sub_box:nth-child(1) li:nth-child(1) a > i, .sub_box:nth-child(1) li:nth-child(2) a > i, .sub_box:nth-child(1) li:nth-child(3) a > i { width: 42px; height: 68px; top: 0px; left: 29px; background: url(../images/iconphb.png) no-repeat; } .sub_box:nth-child(1) li:nth-child(2) a > i { background-position: -56px 0px; } .sub_box:nth-child(1) li:nth-child(3) a > i { background-position: -110px 0px; } .sub_box li a img { float: left; width: 111px; height: 111px; border-radius: 22px; } .sub_box li a .mid { float: left; margin: 0px 62px 0px 20px; width: 700px; white-space: nowrap; overflow: hidden; } .sub_box li a .mid p:nth-child(1) { height: 40px; line-height: 40px; color: rgb(36, 36, 36); font-size: 18px; font-weight: bold; } .sub_box li a .mid p:nth-child(2) { height: 16px; line-height: 16px; color: rgb(153, 153, 153); font-size: 14px; } .sub_box li a .mid p:nth-child(2) i { display: inline-block; height: 16px; width: 16px; background:url(../images/timehj.png) no-repeat; vertical-align: top; margin: -1px 8px 0px 16px; } .sub_box li a .mid p:nth-child(3) { white-space: normal; line-height: 22px; color: rgb(102, 102, 102); font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; margin-top: 10px; } .sub_box li a .down { float: left; width: 112px; height: 36px; line-height: 36px; border-radius: 20px; background: rgb(248, 232, 210); font-size: 16px; color: rgb(255, 148, 0); text-align: center; margin-top: 36px; } .sub_box li a:hover { background: rgb(255, 244, 229); } .sub_box li a:hover .mid p:nth-child(1) { color: rgb(254, 169, 17); } .sub_box li a:hover .down { color: rgb(255, 255, 255); background: linear-gradient(to right, rgb(254, 186, 0), rgb(254, 208, 0)); box-shadow: rgba(254, 200, 12, 0.5) 0px 2px 10px 0px; } .rankTop{width: 100%; background:#ffb927 url("../images/rankBg.jpg") center top / 100% auto no-repeat; padding-top: 15px; padding-bottom: 30px; } .rankTop .crumb{margin-top: 0;color: rgb(255, 255, 255);opacity: .5;} .rankTop .crumb a{color: #fff;opacity: .5;} .ranFl li a{width: 116px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;} /*开服表*/ .kfows{box-sizing: border-box;margin-top: 20px;} .kfows dt{ height: 50px;} .kfows dt ul{ height:50px;background: #fafafa;border-left: 1px solid #fafafa;border-right:1px solid #fafafa;} .kfows dt li{ width: 14.28%;line-height:50px; float: left;text-align: left; font-size: 16px; color: #666;box-sizing: border-box;padding:0px 15px;} .kfows dd ul{height: 50px;border-left: 1px solid #eee;border-right:1px solid #eee;} .kfows dd li{ width: 14.28%;background: #fff; line-height:49px; float: left;text-align: left;font-size: 14px;color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; border-bottom: 1px dashed #dcdcdc; box-sizing: border-box;padding:0px 15px} .kfows dd li a{color: #333;} .kfows dd ul:hover li{ background:#f1f1f1;} .kfows dd ul:hover li a{ color: #333;} .kfows dd ul:nth-child(2n) li{background: #fff;} .kfows dd li:nth-child(1),.kfows dt li:nth-child(1){ width: 380px;} .kfows dd li:nth-child(2),.kfows dt li:nth-child(2){width: 268px;text-align: center;} .kfows dd li:nth-child(3),.kfows dt li:nth-child(3){ width: 190px;text-align: center;} .kfows dd li:nth-child(4),.kfows dt li:nth-child(4){ width: 180px;text-align: center;} .kfows dd li:nth-child(5),.kfows dt li:nth-child(5){ width: 180px;text-align: center;} .kfows dd li:nth-child(1) img{width: 32px;height: 32px;margin-right: 15px; float: left;margin-top: 7px;border-radius: 6px;} .kfows-w{line-height: 24px;margin: 20px auto 0 auto;width:1170px;padding: 15px;background: #fff;} .kfows dd li:last-child a{margin: auto;margin-top: 4px;margin-bottom:4px;display: block; width: 72px;height: 28px;line-height: 28px;color: #f60; font-size: 14px;display: inline-block;text-align: center; border:1px #f60 solid;} .kfows dd ul:hover li:last-child a,.kfows dl:last-of-type dd ul:hover li:last-child a{color: #fff;background: #f60;} .kfows dd li:nth-child(1) a{color: #f30;} .kfows dd li:nth-child(1) img.hot{vertical-align: middle;margin-left: 4px;margin-top: -5px;width: 14px;height: 16px;float: none; } .openTi{box-sizing: border-box;padding-top: 10px;} .openTi h1{height:66px;line-height: 70px;font-size: 26px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;color: #333;font-weight: normal; } .openTi .openTi_t{font-size: 14px;color: #999;text-align: center;} .openTi .openTi_l{font-size: 13px;color: #afafaf;height: 22px;line-height: 20px;margin-bottom: 30px;} .openTi .openTi_l em{color: #afafaf;margin-left: 20px;} .openTi .openTi_l span{width:90px ;height: 18px;display: inline-block; background: url(../images/star2.png) repeat-x left center;vertical-align: top;position: relative;} .openTi .openTi_l span i{display: inline-block;position: absolute;left: 0;bottom: 0;background: url(../images/star1.png) repeat-x left center;vertical-align:top;height: 18px;} .openTi .openTi_l b{font-weight: normal;margin-left: 20px;background: url(../images/playT.png) no-repeat;background-size: 18px 18px;padding-left: 23px;} .openTi .openTi_l font{background: url(../images/playY.png) no-repeat; background-size: 18px 18px;padding-left: 23px;} .tableBe .gameDnr{padding: 0px;box-sizing: border-box;background-color: rgb(255, 255, 255);border-top: 0;margin: 20px 0;} .tableBe .xzdz{width: 100% !important;} .tableBe .xzdz .addressD{width: 100% !important;margin-top: 20px;} .tableBe .demo-3{margin-top: 20px;} .tableBe .xzdz1{top: -36px !important;} .tableBe .gameDnr,.tableBe .gameDpl{padding: 20px 0;background: #fff;box-sizing: border-box;} .BoxWid{padding: 20px;box-sizing: border-box;border-radius: 10px;background: #fff;margin-top: 20px;} .fuviw{margin-top: 30px;box-sizing: border-box;} .padiw{margin-left: 0;} .maiwh{margin-left: 20px;} .maiwh .downTc li{width: 196px;} .maiwh .downTc li:nth-child(5n){margin-right:20px ;} .maiwh .downTc li:nth-child(4n){margin-right: 0px;} .maiwh .result-y li{width: 273px;} .maiwh .result-y li:nth-child(4n){margin-right: 23px;} .maiwh .result-y li:nth-child(5n){margin-right: 23px;} .maiwh .result-y li:nth-child(3n){margin-right: 0;} .maiwh .result-y li .info{width: 168px;} .gameHbz{margin-left: 20px;} .gameHbz dd li:nth-child(1),.gameHbz dt li:nth-child(1){ width: 260px;} .gameHbz dd li:nth-child(2),.gameHbz dt li:nth-child(2){width: 200px;text-align: center;} .gameHbz dd li:nth-child(3),.gameHbz dt li:nth-child(3){ width: 140px;text-align: center;} .gameHbz dd li:nth-child(4),.gameHbz dt li:nth-child(4){ width: 145px;text-align: center;} .gameHbz dd li:nth-child(5),.gameHbz dt li:nth-child(5){ width: 130px;text-align: center;} .gameHbz dl{ margin-top: 20px; } /*弹窗*/ .hide{display: none;} .power{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 20; } .power2{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 20; } .powerN{ position: fixed; top: 30%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 30; height: 520px; width: 560px; box-sizing: border-box; background: transparent; border-radius: 20px; } .powerN .powerC{position: relative; display: block; cursor: pointer; text-align: center; width: 228px; height: 52px; border: 0; background: linear-gradient(to right, rgb(254, 186, 0), rgb(254, 208, 0)); color: #fff; font-size: 20px; border-radius: 26px; line-height: 52px; margin: 36px auto 40px; overflow: hidden; white-space: nowrap;} .powerN .powerC2{position: relative; display: block; cursor: pointer; text-align: center; width: 228px; height: 52px; border: 0; background: linear-gradient(to right, rgb(254, 186, 0), rgb(254, 208, 0)); color: #fff; font-size: 20px; border-radius: 26px; line-height: 52px; margin: 36px auto 40px; overflow: hidden; white-space: nowrap;} .powerN .powerB{position: relative; width: 100%; height: 172px; background-image: url(../images/maskRule.png); background-size: 560px 100%; text-align: center; border-top-left-radius: 8px; border-top-right-radius: 8px;font-size: 39px; color: #fff; font-weight: bold; padding-top: 22px; line-height: 120px; white-space: nowrap; overflow: hidden;} .powerM{ background-color: #fff; position: relative; padding: 10px; top: -30px; border-radius: 20px; } .powerMr{ display: block; width: 490px; height: 420px; border-radius: 20px; padding: 0 10px 0 15px; line-height: 42px; font-size: 16px; margin: 20px auto 0; overflow: auto; } .powerM p{ line-height: 42px; font-size: 16px; } .powerM strong{ line-height: 42px; font-size: 16px; } .gmkfb{ margin: 20px auto 0 auto; padding: 20px; background: #fff; box-sizing: border-box; border-radius: 10px; } .gmkfb .openYxb2{margin-top: 20px;} .gmkfb .openYxn2 li:nth-child(1),.gmkfb .openYxb2 li:nth-child(1){ width: 110px;} .gmkfb .openYxn2 li:nth-child(2),.gmkfb .openYxb2 li:nth-child(2){width: 160px;} .gmkfb .openYxn2 li:nth-child(3),.gmkfb .openYxb2 li:nth-child(3){ width: 120px;} .gmkfb .openYxn2 li:nth-child(5),.gmkfb .openYxn2 li:nth-child(6),.openNr2 .openYxb2 li:nth-child(5),.openNr2 .openYxb2 li:nth-child(6){ width: 100px;} .gmkfb .openYxn2 li:nth-child(4),.gmkfb .openYxb2 li:nth-child(4){ width: 100px;} .gmkfb .openYxn2 li:nth-child(7),.gmkfb .openYxb2 li:nth-child(7){ width: 120px;} .gmkfb .openYxn2 li{padding: 0 10px;} /****240113最新更新2*****/ .zlbtodaytab td.zxlb_gw{ text-align: left; padding-left: 30px; color: #444; width: 100px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .zlbtodaytab td.zxlb_gw 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;} .zlbtodaytab td.zxlb_gw span.jsecol a{ background: #f39600;} .zlbtodaytab{border-collapse: collapse; margin: 20px auto;table-layout: fixed;} .zlbtodaytab .zlbupda_t{border: 1px #ddd solid; border-radius: 2px;} .zlbtodaytab .zlbupda_t 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;} .zlbtodaytab td{ line-height: 44px; border-bottom: 1px #eee solid; font-size: 14px; text-align: center; color: #888;} .zlbtodaytab td.tdleft{ text-align: left; padding-left: 30px; color: #444; width: 320px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .zlbtodaytab 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;} .zlbtodaytab td.tdleft span.jsecol a{ background: #f39600;} .zlbtodaytab td.tdleft span.celcol a{ background: #1f9eff;} .zlbtodaytab td.tdleft span.kapcol a{ background: #56c235;} .zlbtodaytab td.tdleft span.dzcol a{ background: #f32200;} .zlbtodaytab td.tdleft span.moncol a{ background: #999;} .zlbtodaytab td.tdleft span a:hover{ background: #31acf2; text-decoration: none;} /* 基础表格样式 */ .newBox_n table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-family: Arial, sans-serif; } .newBox_n tbody th, td { border: 1px solid #555; padding: 12px; text-align: left; } .newBox_n tbody th { background-color: #2c2c2c; color: #fff; font-weight: bold; } .newBox_n tbody tr:nth-child(even) { background-color: #f5f5f5; } .newBox_n tbody tr:hover { background-color: #e0e0e0; transition: background-color 0.2s ease; } .newBox_n 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; }