body{font-size:14px;font-family:Microsoft YaHei,sans-serif;color: #333; background: #fafafa url(../images/bg.png) top center;} 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:#4CD393;} 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;} .vess{width: 1200px;margin: 0px auto;box-sizing: border-box; position: relative; z-index: 10;} .vess2{width: 1200px;margin: 30px auto 0 auto;position: relative;background: #fff;padding: 20px !important;box-sizing: border-box;box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px;border-radius: 6px;} .vess3{width: 1200px;margin: 30px auto 0 auto;position: relative;box-sizing: border-box;} .vess4{width: 1200px;margin: 30px auto 0 auto;background: #fff; position: relative;box-sizing: border-box;box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px;border-radius: 6px;} .vess5{width: 1200px;margin: 30px auto 0 auto;position: relative;background: #fff;padding:0px 20px 20px !important;box-sizing: border-box;box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px;border-radius: 6px;} 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: 80px; background: linear-gradient(-90deg, #2DC87A, #0FCF89);} .logo{ float: left;display: block; margin-right: 45px; padding-top:22px ;box-sizing: border-box;} .logo img{width:150px;height: auto;overflow: hidden;} header nav{float:left;width: 760px;} header nav a{float: left;display: block;position: relative;width: 100px;line-height: 80px;text-align: center;font-size: 16px;color: #fff;font-weight: bold;background-color: transparent;white-space: nowrap;overflow: hidden;} header nav a:after{content: "";position: absolute;width: 0;height: 4px;bottom:0;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 nav a:hover:after,header nav a.current:after{width: 100%;background-color: rgba(14, 169, 109, 0);} header nav a:hover,header nav a.current{color: #fff;background-color: rgba(14, 169, 109, .5);} .feasea{float: right;width:240px;height:38px;line-height: 38px;position:relative;border-radius: 19px;margin-top: 21px;overflow: hidden;} .feasea input[name='search']{width:158px;height:22px;line-height: 22px;padding:8px 18px;font-size: 14px;color:rgba(255, 255, 255, .5);border:none;background:rgba(7, 123, 79, .2);} .feasea .feaseaB{width:46px;height:38px;border: none;text-indent:-9999px;cursor:pointer;position:absolute;right:0;top:0;background:rgba(7, 123, 79, .2);background-image:url(../images/ss.png);background-repeat:no-repeat;background-position: center center; overflow: hidden;} .feasea input::-webkit-input-placeholder {color:rgba(255, 255, 255, .5);} .feasea input:-moz-placeholder {color:rgba(255, 255, 255, .5);} .feasea input::-moz-placeholder {color:rgba(255, 255, 255, .5);} .feasea input:-ms-input-placeholder {color:rgba(255, 255, 255, .5);} .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;} .menuZk{width:1200px;height: auto;display:none;position: absolute;right:0;top: 80px;border-top: none;background: #fff;z-index: 9999;border: 1px solid #dbdbdb;} .menuZk dl{width: 180px;border-right: 1px #eee solid;float: left;box-sizing: border-box;min-height: 200px;margin-top: 20px;margin-bottom: 20px;} .menuZk dt{height: 50px;line-height: 50px;font-size: 18px;color: #2DC87A;padding-left: 20px;} .menuZk dd{padding-bottom: 20px;} .menuZk dd a{display: inline-block; box-sizing: border-box;float: left; max-width: 88%; background: 0 0; width: auto; padding: 0 20px 0 0; line-height: 32px; height: 32px ;overflow: hidden;margin-left: 20px; white-space: nowrap;text-overflow: ellipsis;color: #333;font-size: 14px;font-weight: normal;text-align: left;} .menuZk dd a:hover{color: #2DC87A;background: none;} .menuZk dl:nth-child(1),.menuZk dl:nth-child(2){width: 226px;} .menuZk dl:nth-child(3){width: 550px;} .menuZk dl:nth-child(4){border-right: 0;} .menuZk dd a{position: relative;} .menuZk dd a.hot{color: #FF2E38;} .menuZk dd a.hot:before{content: "";position: absolute;top: 0px;right: 0px;display: block;width: 12px;height: 16px;background:url(../images/tagnew.png) no-repeat;background-position: -24px 0px;} .menuZk dd a.new{color: #0cc767} .menuZk dd a.new:before{content: "";position: absolute;top: 0px;right:0px;display: block;width: 12px;height: 16px;background:url(../images/tagnew.png) no-repeat;background-position: 0px 0px;} .menuZk dd a:hover{color: #4CD393;} #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: #202020;padding-top: 40px;padding-bottom: 40px;margin-top: 30px;border-top: 3px solid #1BCC83;} .foot-nav{width: 1200px;margin: 0 auto;text-align: center;line-height: 30px;margin-bottom: 10px;} .foot-nav li{color: #999;margin: 0 10px 0 0;border-right: 1px solid #666;line-height:18px;padding-right: 10px;display: inline-block;} .foot-nav li a{color: #999;} .foot-nav li:last-child{ border-right: none;} footer p{width: 1200px;margin: 0 auto;text-align: center;color: #666;line-height: 30px;} footer p a{color: #666; } footer .record {width: 20px;height: 20px;background: url(../images/bei.png) no-repeat;display: inline-block;margin: 0 8px 0 20px;vertical-align: middle;} /* --首页焦点图--- */ .eigFlash{height:467px;width: 830px;position: relative;float: left;} .eigFlash:hover .common{display: block;} .eigFlash ul{width:100%;float: left;position: relative;} .eigFlash ul li{width:100%;height:466px;position: absolute;} .eigFlash ul li img{width: 100%;height: 100%;object-fit: cover;} .eigFlash ul li .text{ display: block;width: 570px;height: 50px;line-height: 50px;position: absolute;bottom: 0;padding: 0 45px 0 15px;font-size: 16px;color: #fff;overflow: hidden;white-space: nowrap;background: linear-gradient(90deg, #2ec87a 0%, rgba(216, 72, 0, 0) 100%); } /*切换小图标*/ .eigFlash .table{ width: 260px;height: 467px;background: rgba(0, 0, 0, .8);position: absolute;right: 0;bottom: 0; } .eigFlash .table a {padding: 12px 25px 0 17px;overflow: hidden;display: block;height: 92px;width: 260px;box-sizing: border-box;} .eigFlash .table a:hover,.eigFlash .table a.small_active{ background-color: rgba(255, 255, 255, .2); } .eigFlash .table a img{ width: 70px;height: 70px;display: block;border-radius: 16px;float: left;} .eigFlash .table .info{ width: 132px;float: left;margin-left: 16px; } .eigFlash .table .info p{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis } .eigFlash .table .info p:nth-child(1){ font-size: 18px;line-height: 18px;margin-top: 10px;color: #fff;white-space: nowrap;overflow: hidden; } .eigFlash .table .info p:nth-child(2){ font-size: 14px;color: #aaa;line-height: 14px;margin-top: 10px; } .eigFlash .table .info p:nth-child(2) em{margin: 0 3px;} .indexgl{width: 350px;height: 467px;margin-left: 20px;background: #fff;float: left;box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px;border-radius: 6px;} .indexgl .glbox{position: relative;} .indexgl .glbox img{width: 310px;height: 174px;object-fit: cover; display: block;margin: 20px 20px 0;} .indexgl .glbox .info{position: absolute;background: linear-gradient(0deg, rgba(0, 0, 0, 0.94) 0%, rgba(0, 0, 0, 0) 100%);width: 310px;height: 174px;top: 0;left: 20px;} .indexgl .glbox .info a{display: block;font-size: 16px;color: #fff;display: block;line-height: 24px;position: absolute;padding: 0 20px;bottom: 15px;left: 0;height: 48px;overflow: hidden;} .indexgl .glbox .info i{width: 44px;height: 20px;position: absolute;background-position: -281px -116px;top: 10px;left: 10px;} .indexgl ul{margin: 30px 20px 0;} .indexgl ul li{margin-bottom: 25px;} .indexgl ul li i{width: 8px;height: 10px;display: inline-block;background: url(../images/line.png) no-repeat left center; vertical-align: top;position: relative; top: 1.2px;} .indexgl ul li p{font-size: 14px;color: #666666;white-space: nowrap;overflow: hidden;line-height: 14px;} .indexgl ul li p span{display: inline-block;width: 232px;overflow: hidden;text-overflow: ellipsis;margin: 0 26px 0 10px;} .indexgl ul li:hover p span{color: #4CD393;} .indexgl ul li p em{font-size: 12px;color: #AAAAAA;} /***最新游戏***/ .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 */ .gamelb-ur a i.qb{background-position: -0px 0px;} .gamelb-ur a i.iconxiuxian{background-position: -37px 0px;} .gamelb-ur a i.iconchuangguan{background-position: -72px 0px;top: 27px;} .gamelb-ur a i.iconkpzhuoyou{background-position: -111px 0px;top: 25.5px;} .gamelb-ur a i.iconjiaosefenpei{background-position: -148px 0px;top: 28px;} .gamelb-ur a i.iconsaichejs{background-position: -184px 0px;top: 28px;} .gamelb-ur a i.iconyouxiyouxisheji{background-position: -221px 0px;} .gamelb-ur a i.iconyinyue{background-position: -253px 0px;top: 26px;} .gamelb-ur a i.iconsyfuzhu{background-position: -290px 0px;} .gamelb-ur a i.iconyouxi1{background-position: -326px 0px;} .gamelb-ur a i.iconpaobu{background-position: -362px 0px;} .gamelb-ur a i.iconyouting{background-position: -395px 0px;} .gamelb-ur a i.iconrole-list{background-position: -432px 0px;top: 27px;} .gamelb-ur a i.iconqiapai{background-position: -469px 0px;} .gamelb-ur a i.qt{background-position: -502px 0px;} .gamelb-ur a i.iconertongjy{background-position: -537px 0px;} .gamelb-ur a i.iconstrategy{background-position: -570px 0px;} .gamelb-ur a i.iconqipaishi{background-position: -609px 0px;} .gamelb-ur a.current i.qb,.gamelb-ur a:hover i.qb{background-position: 0px -40px;} .gamelb-ur a.current i.iconxiuxian,.gamelb-ur a:hover i.iconxiuxian{background-position: -37px -40px;} .gamelb-ur a.current i.iconchuangguan,.gamelb-ur a:hover i.iconchuangguan{background-position: -72px -40px;top: 27px;} .gamelb-ur a.current i.iconkpzhuoyou,.gamelb-ur a:hover i.iconkpzhuoyou{background-position: -111px -40px;top: 25.5px;} .gamelb-ur a.current i.iconjiaosefenpei,.gamelb-ur a:hover i.iconjiaosefenpei{background-position: -148px -40px;top: 28px;} .gamelb-ur a.current i.iconsaichejs,.gamelb-ur a:hover i.iconsaichejs{background-position: -184px -40px;top: 28px;} .gamelb-ur a.current i.iconyouxiyouxisheji,.gamelb-ur a:hover i.iconyouxiyouxisheji{background-position: -221px -40px;} .gamelb-ur a.current i.iconyinyue,.gamelb-ur a:hover i.iconyinyue{background-position: -253px -40px;top: 26px;} .gamelb-ur a.current i.iconsyfuzhu,.gamelb-ur a:hover i.iconsyfuzhu{background-position: -290px -40px;} .gamelb-ur a.current i.iconyouxi1,.gamelb-ur a:hover i.iconyouxi1{background-position: -326px -40px;} .gamelb-ur a.current i.iconpaobu,.gamelb-ur a:hover i.iconpaobu{background-position: -362px -40px;} .gamelb-ur a.current i.iconyouting,.gamelb-ur a:hover i.iconyouting{background-position: -395px -40px;} .gamelb-ur a.current i.iconrole-list,.gamelb-ur a:hover i.iconrole-list{background-position: -432px -40px;top: 27px;} .gamelb-ur a.current i.iconqiapai,.gamelb-ur a:hover i.iconqiapai{background-position: -469px -40px;} .gamelb-ur a.current i.qt,.gamelb-ur a:hover i.qt{background-position: -502px -40px;} .gamelb-ur a.current i.iconertongjy,.gamelb-ur a:hover i.iconertongjy{background-position: -537px -40px;} .gamelb-ur a.current i.iconstrategy,.gamelb-ur a:hover i.iconstrategy{background-position: -570px -40px;} .gamelb-ur a.current i.iconqipaishi,.gamelb-ur a:hover i.iconqipaishi{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;position: relative;margin-bottom: 10px;} .shj-c ul{position:absolute;} .shj-c li{margin-right: 14px;position: relative;box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 30px 0px;width: 280px;height: 140px;overflow: hidden;float: left;} .shj-c ul li:nth-last-child(1){margin-right: 0;} .shj-c ul li img{width: 280px;height: 140px;display: block;object-fit: cover;} .shj-c ul li .info{width: 280px;height: 140px;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;position: absolute;left: 0px;bottom: 0px;z-index: 3;} .shj-c ul li p{display: block;color: rgb(255, 255, 255);font-size: 18px;margin: 58px 10px 0px;white-space: nowrap;overflow: hidden;text-align: center;font-weight: 600;} .shj-c ul li span{font-size: 14px;color: #fff;display: block;margin-top: 8px;text-align: center;} .shj-c ul li:hover em{width: 280px;height: 62px;background: rgba(0, 0, 0, .4);display: block;position: absolute;top: 40px;left: 0;} .shj-c ul li:hover p{margin-top: 47px;font-size: 24px;line-height: 24px;} .shj-rig,.shj-left{ width:36px; height:32px; position:absolute; top:30px; background:url(../images/hjqh.png) no-repeat;cursor:pointer;overflow:hidden; z-index:999;} .shj-rig{right:20px;background-position:-135px 0px; } .shj-left{ right:66px; background-position: -90px 0px; } .eigInh .shj-rig:hover{background-position: -46px 0px;} .eigInh .shj-left:hover{ background-position: 0px 0px; } .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;} /***精彩视频***/ .indexplay {position: relative;height: 214px;overflow: hidden;*zoom: 1;} .indexplay a{display:inline-block;float: left;margin-right: 10px;overflow: hidden;} .indexplay a:nth-of-type(2){margin-bottom: 10px;} .indexplay a:nth-of-type(4){position: absolute;top: 0;right: 0;margin-right: 0px;} .indexplay a img{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;object-fit: cover;} .indexplay a:hover img{transform: scale(1.3);} .indexplay a:nth-of-type(1) {width: 380px;height: 214px;} .indexplay a:nth-of-type(2) {width: 380px;height: 102px;} .indexplay a:nth-of-type(3) {width: 380px;height: 102px;} .indexplay a:nth-of-type(4) {width: 380px;height: 214px;} .indexplay a:nth-of-type(1) img{width: 380px;min-height: 214px;height: auto;} .indexplay a:nth-of-type(2) img{width: 380px;min-height: 102px;height: auto;} .indexplay a:nth-of-type(3) img{width: 380px;min-height: 102px;height: auto;} .indexplay a:nth-of-type(4) img{width: 380px;min-height: 214px;height: auto;} 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;} .pDat-bz{margin-top: 20px;} .pDat-bz a{float:left;margin-left:18px;width:150px;height:124px;margin-top:10px} .pDat-bz a:first-child{margin-left:0} .pDat-bz a img{display:block;width:100%;height:84px;border-radius:8px;object-fit: cover;} .pDat-bz a p{display:block;width:100%;height:40px;line-height:20px;color:#565656;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px} .nwsple .video .tit{ width: 150px; } /***通用栏目标题***/ .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;} .grtit2{margin: 5px 0px 22px;} .grtit2 p{font-size: 24px;font-weight: 600;} .grtit2 p i{width: 45px;height: 36px;display: inline-block;background: url(../images/gmicon.png); background-position:left center;background-repeat: no-repeat; vertical-align: sub;margin-right: 10px;} .grtit2 p i.icon-Y{background: url(../images/sticon.png); background-position:left center;background-repeat: no-repeat; } .grtit2 a,.titleG3 a{float: right;display: block;padding: 0 18px;font-size: 13px;color: #666;height: 32px;line-height: 32px;background: rgba(231,231,231,.5);border-radius: 16px;margin-top: 5px;} .grtit2 a:before,.titleG3 a::before{content: "";position: relative;top: 5px;margin-right: 7px;display:inline-block;width: 18px;height: 20px;background:url(../images/iconmore.png) no-repeat;background-position:center center;} .grtit2 a:hover,.titleG3 a:hover {color: #1BCC83;} .titleG3 a{margin-top: 23px;} /***首页原创作者***/ .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;} .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;} .titleG3{position: relative;display: block;height: 70px;} .titleG3 em { float: left; display: block; height: 58px; line-height: 58px; font-size: 22px; color: #333; font-weight: bold; border-bottom: 1px dotted #4CD393; padding-top: 9px; margin-right: 12px; } .gmplay li { overflow: hidden; width: 280px; height: 250px; border-radius: 6px; background: #fff; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px; float: left; margin-right: 26px; margin-bottom: 26px; } .gmplay li:nth-child(4n){margin-right: 0;} .gmplay li:hover { box-shadow: rgba(86, 227, 157, 0.1) 0px 6px 10px 3px; } .gmplay li a { display: block; cursor: pointer; } .gmplay li a .pic_tit { font-size: 16px; color: #333333; text-align: left; line-height: 22px; height: 44px; overflow: hidden; margin: 10px 20px 0; } .gmplay li a:hover .pic_tit { color: #0FCF89; } .gmplay li a .pic_video { background: rgba(0,0,0,0.30); border-radius: 4px; position: relative; } .gmplay li a .pic_video .black { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.30); border-radius: 4px; width: 100%; height: 146px; z-index: 1; } .gmplay li a .pic_video img { width: 100%; height: 146px; border-radius: 4px; display: block; object-fit: cover; } .gmplay li a .pic_video p { width: 36px; height: 36px; background: url(../images/iconsp.png) 0 0; position: absolute; top: 50%; margin-top: -18px; left: 50%; margin-left: -18px; transition: all 0.8s ease 0s; z-index: 3; } .gmplay li a:hover .pic_video p { transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); } .gmplay li a .pic_video span { display: inline-block; font-size: 12px; color: #F2F2F2; text-align: justify; position: absolute; right: 6px; bottom: 4px; z-index: 2; } .gmplay li a .pic_info { margin-top: 10px; height: 18px; line-height: 18px; font-size: 14px; color: #999; padding: 0 20px; } .gmplay li a .pic_info span { float: left; display: inline; padding-left: 25px; } .gmplay li a .pic_info em { float: right; display: inline; padding-left: 25px; } .gmplay li a .pic_info span { background: url(../images/iconwz.png) no-repeat 0 0px; } .gmplay li a .pic_info em { background: url(../images/iconwe.png) no-repeat 0 0; } .gmplay li a .pic_info span.ll { background: url(../images/iconwf.png) no-repeat 0 0px; } /***友情链接***/ .bord{border-bottom: 2px #f60 solid;height: 50px;} .bord span{line-height: 50px;} .linkNr i{ float: left; width: 119px; height: 109px; line-height: 109px; font-size: 20px; text-align: center; font-weight: bold; color: #fff; position: relative; background: url(../images/linkbt.png) no-repeat; } .suyqlj{float: left;width: 1022px;margin-left: 50px;height: 90px;position: relative;overflow: hidden;margin-top: 12px;} .suyqlj a{float: left;display:block;width: 160px;height: 42px;line-height: 42px;font-size: 14px;color: #a4a5a7;margin-right:4px; cursor: pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .suyqlj a:hover{color: #1BCC83;} .suyqlj #links_box { position: absolute; top: 0px; left: 0;} .suyqlj .btnWrap {position: absolute;z-index: 5;right: 20px;top: 0;width: 30px;height:100px;padding: 0px 0px 5px 10px;} .suyqlj .prevBtn, .suyqlj .nextBtn {float: left;position: static;width: 30px;height: 30px;border-radius: 30px; background: url(../images/inico.png) -418px -61px no-repeat;margin: 6px 0;cursor:pointer;} .suyqlj .nextBtn {background-position: -418px -101px;} .suyqlj .nextBtn:hover{background-position: -418px -191px;} .suyqlj .prevBtn:hover{background-position: -418px -151px;} /*专区大全*/ .zqdq{overflow: hidden;} .zqdq .list{width: 100%;height: 172px;overflow: hidden;*zoom: 1;margin-bottom: 10px;} .zqdq .list a{float: left;display: block;padding: 17px 8px 7px;margin-right: 7px;margin-bottom: 18px;background-color: #f5f5f5;text-align: center;width: 122px;} .zqdq .list a:nth-child(8n){margin-right: 0;} .zqdq .list a img{width: 108px;height: 108px;border-radius: 20px;display: block;margin: auto;} .zqdq .list a p{font-size: 15px;color: #000;line-height: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .zqdq .list a:hover p{color: #4CD393;} .eigIngb{background: url(../images/indextitbg.png) no-repeat center top; height: 22px; text-align: center;margin-bottom: 28px;} .eigIngb li{font-size: 20px;color: #8f99a5;margin-right: 50px;cursor: pointer;position: relative;display: inline-block;} .eigIngb li:nth-child(2){margin-right: 0;} .eigIngb li.on, .eigIngb li:hover{font-weight: 600;color: #56e39d;} .eigIngb li.on em, .eigIngb li:hover em{width: 40px;height: 4px;display: block;position: absolute;background: #56e39d;border-radius: 4px;left: 20px;bottom: -6px;} .gmbg{padding: 40px 17px 40px;background: url(../images/igamebg.png) no-repeat;background-size: auto;background-size: 100% 100%;} .sfbg{padding: 40px 17px 40px;background: url(../images/iappbg.png) no-repeat;background-size: auto;background-size: 100% 100%;} .eigIngbd ul{width: 1220px;overflow: hidden;*zoom: 1;} .eigIngbd ul li{float: left;width: 144px;height: 190px;text-align: center;margin-bottom: 6px;} .eigIngbd ul li a{display: block;padding: 10px 17px 11px;border-bottom: 4px solid transparent;} .eigIngbd ul li img{display: block;width: 110px;height: 110px;border-radius: 20px;margin: auto;} .eigIngbd ul li p{margin-top: 3px;line-height: 32px;font-size: 15px;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .eigIngbd ul li span{display: block;font-size: 14px;color: #9A9A9A;line-height: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .eigIngbd ul li span:nth-of-type(2){display: none;width: 90px;height: 22px;background: #fff;border: 1px solid #56e39d;font-size: 12px;color: #56e39d;line-height: 22px;border-radius: 12px;margin: auto;} .eigIngbd ul li a:hover{background: #f5f5f5;border-bottom-color: #56e39d;} .eigIngbd ul li a:hover span:nth-of-type(1){display: none;} .eigIngbd ul li a:hover span:nth-of-type(2){display: block;} /***右侧悬浮***/ .backto{ width:55px; position: fixed;z-index: 99999; right: 5%; bottom: 50px; display: none;} .backto li{ width: 55px; height: 55px; margin-bottom: 1px; } .backto 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;} .backto li a:hover{ background-color: #f60; color: #fff;transition: all 0.3s ease-in-out 0s;} @media screen and (max-width:1440px) { .backto{ right: 30px;} } @media screen and (max-width:1280px) { .backto{ right: 10px;} } @media only screen and (max-width: 1024px) and (min-width: 769px){ .backto{ right: 10px;} } @media only screen and (max-width: 768px){ .backto{ right: 10px;} } /***当前***/ .post-n{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;} .post-n a{ color: #9b9b9b;} .post-n a:hover{ color: #f60;} /***筛选***/ .gamelb{ width: 1200px;margin: 20px auto 0 auto;box-sizing: border-box;} .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; } .gmclass{margin-top: 20px;} .gmclass ul{overflow: hidden;padding-right: 0px;height: 240px;} .gmclass .show{height: auto;} .gmclass li a{float: left;display: block;padding: 0 25px;text-align: center;background-color: #ffe5e5;color: #e85454;height: 42px;line-height: 42px;border-radius: 21px;font-size: 18px;margin: 0 11px 20px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .gmclass li a:hover{color: #ffe5e5;background-color: #e85454;} .gmclass li:nth-of-type(1n) a{background-color: #FFEDEE;color: #F1516C;} .gmclass li:nth-of-type(2n) a{background-color: #EDFFF5;color: #45B97C;} .gmclass li:nth-of-type(3n) a{background-color: #F1EDFF;color: #796CB0;} .gmclass li:nth-of-type(4n) a{background-color: #EDFAFF;color: #009AD6;} .gmclass li:nth-of-type(5n) a{background-color: #FFF9ED;color: #DEA32C;} .gmclass li:nth-of-type(6n) a{background-color: #F1EDFF;color: #796CB0;} .gmclass li:nth-of-type(7n) a{background-color: #FFF9ED;color: #DEA32C;} .gmclass li:nth-of-type(8n) a{background-color: #EDFBFF;color: #2585A6;} .gmclass li:nth-of-type(9n) a{background-color: #FFEDFB;color: #C77EB5;} .gmclass li:nth-of-type(10n) a{background-color: #F1FFED;color: #7FB86E;} .gmclass li:nth-of-type(11n) a{background-color: #ffe5f0;color: #be6a8b;} .gmclass li:nth-of-type(12n) a{background-color: #ffe5e5;color: #e85454;} .gmclass li:nth-of-type(13n) a{background-color: #f3ffe5;color: #88d42f;} .gmclass li:nth-of-type(14n) a{background-color: #f7e5ff;color: #8957a1;} .gmclass li:nth-of-type(15n) a{background-color: #e5f9ff;color: #00b7ee;} .gmclass li:nth-of-type(16n) a{background-color: #fdffe5;color: #a6b314;} .gmclass li:nth-of-type(17n) a{background-color: #ffeee5;color: #ffab80;} .gmclass li:nth-of-type(18n) a{background-color: #e5faff;color: #43b3cb;} .gmclass li:nth-of-type(19n) a{background-color: #ffece5;color: #bf3504;} .gmclass li:nth-of-type(20n) a{background-color: #e5f4ff;color: #83a8c3;} .gmclass li:nth-of-type(1n) a:hover{color: #FFEDEE;background-color: #F1516C;} .gmclass li:nth-of-type(2n) a:hover{color: #EDFFF5;background-color: #45B97C;} .gmclass li:nth-of-type(3n) a:hover{color: #F1EDFF;background-color: #796CB0;} .gmclass li:nth-of-type(4n) a:hover{color: #EDFAFF;background-color: #009AD6;} .gmclass li:nth-of-type(5n) a:hover{color: #FFF9ED;background-color: #DEA32C;} .gmclass li:nth-of-type(6n) a:hover{color: #F1EDFF;background-color: #796CB0;} .gmclass li:nth-of-type(7n) a:hover{color: #FFF9ED;background-color: #DEA32C;} .gmclass li:nth-of-type(8n) a:hover{color: #EDFBFF;background-color: #2585A6;} .gmclass li:nth-of-type(9n) a:hover{color: #FFEDFB;background-color: #C77EB5;} .gmclass li:nth-of-type(10n) a:hover{color: #F1FFED;background-color: #7FB86E;} .gmclass li:nth-of-type(11n) a:hover{color: #ffe5f0;background-color: #be6a8b;} .gmclass li:nth-of-type(12n) a:hover{color: #ffe5e5;background-color: #e85454;} .gmclass li:nth-of-type(13n) a:hover{color: #f3ffe5;background-color: #88d42f;} .gmclass li:nth-of-type(14n) a:hover{color: #f7e5ff;background-color: #8957a1;} .gmclass li:nth-of-type(15n) a:hover{color: #e5f9ff;background-color: #00b7ee;} .gmclass li:nth-of-type(16n) a:hover{color: #fdffe5;background-color: #a6b314;} .gmclass li:nth-of-type(17n) a:hover{color: #ffeee5;background-color: #ffab80;} .gmclass li:nth-of-type(18n) a:hover{color: #e5faff;background-color: #43b3cb;} .gmclass li:nth-of-type(19n) a:hover{color: #ffece5;background-color: #bf3504;} .gmclass li:nth-of-type(20n) a:hover{color: #e5f4ff;background-color: #83a8c3;} .phbmore{float: right;display: block;padding: 0 18px;font-size: 13px;position: absolute; right:0px;top: 22px; color: #666;height: 32px;line-height: 32px;background: rgba(231,231,231,.5);border-radius: 16px;cursor: pointer;} .phbmore::before{content: "";position: relative;top: 5px;margin-right: 7px;display:inline-block;width: 18px;height: 20px;background:url(../images/iconmore.png) no-repeat;background-position:center center;} .phbmore:hover {color: #1BCC83;} .nwlxy{ position: absolute; right: 20px;cursor: pointer;top:20px; color: #ffba00;} .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{padding: 20px 0; text-align: center; font-size: 18px; color: rgb(102, 102, 102);background: #fff;box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px;border-radius: 6px; margin-bottom: 30px; } .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; margin: 0px 5px;color: #b4b4b4;text-decoration: none;background-color: #f5f5f5;border-radius:22px;padding: 0px 14px;line-height: 38px;text-align: center;} .page li a:hover,.page li a.phover,#page_navigation a:hover,#page_navigation a.active_page{ color: rgb(255, 255, 255); background-color: #56e39d;} .page li span{background-color: none;} .pagination>li>span {display: inline-block; margin: 0px 5px;color: #b4b4b4;text-decoration: none;background-color: #f5f5f5;border-radius:22px;padding: 0px 14px;line-height: 38px;text-align: center;} .pagination>li.active>span { color: rgb(255, 255, 255); background-color: #56e39d;} #page_navigation{width: 100%; text-align: center;margin: 10px auto;} #page_navigation a{margin: 0 5px;} .gamelb{ margin: 20px 0 0 0; padding: 26px 20px 40px 20px; background: url(../images/whiteBg.png) no-repeat; background-size: auto; background-size: 1200px 100%; overflow: hidden;} .gamelb-ur{width: 100%;} .gamelb-ur li{float: left;margin-right: 16px;} .gamelb-ur li:nth-child(7n){margin-right: 0;} .gamelb-ur a{display: block;width: 152px;height: 66px;position: relative; line-height: 20px;padding-top: 15px;border-radius: 6px;padding-left: 55px;box-sizing: border-box;background: linear-gradient(-90deg, rgba(15,207,137,.2), rgba(15,207,137,.1));font-size: 18px;color: #a8a8a8;margin-bottom:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .gamelb-ur a p{font-weight: normal;font-size: 12px;} .gamelb-ur a.current,.gamelb-ur a:hover{color: #fff;background: linear-gradient(-90deg, #2DC87A, #0FCF89);} .gamelb-ur a i{display: inline-block;width: 24px;height: 24px;margin-right: 10px;position: absolute;left: 15px; top: 20px;background: url(../images/classico.png) no-repeat;opacity: .5;} /* game */ .gamelb-ur a i.qb{background-position: -0px 0px;} .gamelb-ur a i.xx{background-position: -37px 0px;} .gamelb-ur a i.dz{background-position: -72px 0px;top: 27px;} .gamelb-ur a i.kp{background-position: -111px 0px;top: 25.5px;} .gamelb-ur a i.mn{background-position: -148px 0px;top: 28px;} .gamelb-ur a i.sc{background-position: -184px 0px;top: 28px;} .gamelb-ur a i.gd{background-position: -221px 0px;} .gamelb-ur a i.wd{background-position: -253px 0px;top: 26px;} .gamelb-ur a i.xw{background-position: -290px 0px;} .gamelb-ur a i.fx{background-position: -326px 0px;} .gamelb-ur a i.ty{background-position: -362px 0px;} .gamelb-ur a i.mx{background-position: -395px 0px;} .gamelb-ur a i.by{background-position: -432px 0px;top: 27px;} .gamelb-ur a i.qp{background-position: -469px 0px;} .gamelb-ur a i.qt{background-position: -502px 0px;} .gamelb-ur a i.cw{background-position: -537px 0px;} .gamelb-ur a i.gk{background-position: -570px 0px;} .gamelb-ur a i.cq{background-position: -609px 0px;} .gamelb-ur a.current i.qb,.gamelb-ur a:hover i.qb{background-position: 0px -40px;} .gamelb-ur a.current i.xx,.gamelb-ur a:hover i.xx{background-position: -37px -40px;} .gamelb-ur a.current i.dz,.gamelb-ur a:hover i.dz{background-position: -72px -40px;top: 27px;} .gamelb-ur a.current i.kp,.gamelb-ur a:hover i.kp{background-position: -111px -40px;top: 25.5px;} .gamelb-ur a.current i.mn,.gamelb-ur a:hover i.mn{background-position: -148px -40px;top: 28px;} .gamelb-ur a.current i.sc,.gamelb-ur a:hover i.sc{background-position: -184px -40px;top: 28px;} .gamelb-ur a.current i.gd,.gamelb-ur a:hover i.gd{background-position: -221px -40px;} .gamelb-ur a.current i.wd,.gamelb-ur a:hover i.wd{background-position: -253px -40px;top: 26px;} .gamelb-ur a.current i.xw,.gamelb-ur a:hover i.xw{background-position: -290px -40px;} .gamelb-ur a.current i.fx,.gamelb-ur a:hover i.fx{background-position: -326px -40px;} .gamelb-ur a.current i.ty,.gamelb-ur a:hover i.ty{background-position: -362px -40px;} .gamelb-ur a.current i.mx,.gamelb-ur a:hover i.mx{background-position: -395px -40px;} .gamelb-ur a.current i.by,.gamelb-ur a:hover i.by{background-position: -432px -40px;top: 27px;} .gamelb-ur a.current i.qp,.gamelb-ur a:hover i.qp{background-position: -469px -40px;} .gamelb-ur a.current i.qt,.gamelb-ur a:hover i.qt{background-position: -502px -40px;} .gamelb-ur a.current i.cw,.gamelb-ur a:hover i.cw{background-position: -537px -40px;} .gamelb-ur a.current i.gk,.gamelb-ur a:hover i.gk{background-position: -570px -40px;} .gamelb-ur a.current i.cq,.gamelb-ur a:hover i.cq{background-position: -609px -40px;} /*****大家都在玩***/ .searcez{box-sizing: border-box;padding-bottom: 20px;} .searcez .special-cont{width: 100% !important;box-sizing: border-box;margin-top: 20px;} .searcez .special-cont li{float: left;width: 110px;height: 152px;margin:0 21px 22px 0;text-align: center;} .searcez li img { width: 110px; height: 110px; border-radius: 30px; display: block; } .searcez 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; } .searcez li:hover p { color: rgb(255, 255, 255); background: linear-gradient(-90deg, rgb(254, 209, 0), rgb(254, 185, 0)); border-radius: 15px; } .searcez .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;} .gameHr { width: 100%; display: none;margin-top: 20px;} .gameHr.active {display: block;} @-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)}} /***相关游戏推荐**/ .loadcpic{background: #fff;padding: 20px;margin-top: 20px;border-radius: 6px 6px 0 0;box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px;} .loadcpic .demo-3{margin-top: 20px;} .loadcpic .elastislide-carousel{width: 100%;margin: 0 auto;} .loadcpic .fixed-bar{position: relative;} .loadcpic .elastislide-wrapper nav .elastislide-prev,.loadcpic .elastislide-wrapper nav .elastislide-next{ display: block; position: absolute; width: 40px; height: 60px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); background-color: rgba(0, 0, 0, 0.7) !important; top: 50%; margin-top: -30px; cursor: pointer; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; -webkit-transition: background-color 0.4s; transition: background-color 0.4s; background-image: none !important; opacity: 1 !important; } .loadcpic .elastislide-wrapper nav .elastislide-prev{ left: 0px; } .loadcpic .elastislide-wrapper nav .elastislide-prev::before,.loadcpic .elastislide-wrapper nav .elastislide-next::before{ content: ""; display: inline-block; width: 10px; height: 20px; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -10px; } .loadcpic .elastislide-wrapper nav .elastislide-prev::before{ background: url(../images/iconc.png) no-repeat 0 0; } .loadcpic .elastislide-wrapper nav .elastislide-next::before{ background: url(../images/iconc.png) no-repeat -10px 0; } .loadcpic .elastislide-wrapper nav .elastislide-next{ right: 0px; } .loadcpic .demo-3 .elastislide-carousel ul li a{padding: 0 !important;} .loadcpic .demo-3 .elastislide-horizontal ul li{margin-right: 0 !important;} .loadcpic .demo-3 .elastislide-carousel ul li + li{margin-left: 30px !important;} .slideshow .slide:hover .prev, .slideshow .slide:hover .next, .slideshow .slide.hover .prev, .slideshow .slide.hover .next { display: block; } .loadcpic .demo-3 .elastislide-carousel ul li a img{height: 330px !important;} .show_r2{padding: 20px; font-size: 16px; line-height: 28px; color: #666; background: #fff; border-radius: 0 0 6px 6px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px;} .showcase{padding-top:20px;padding-bottom:20px; margin:0 20px;} .showcase .s-content{width:10000px} .showcase .scrollbar{overflow:hidden} .showcase .scrollbar .s-box{height:300px;margin-bottom:20px;_width:838px;*position:relative;*overflow:hidden} .showcase .scrollbar li{float:left;position:relative;height:300px;margin-right:18px;overflow:hidden} .showcase .scrollbar li.last{margin-right:0}.showcase .scrollbar li img{max-height:300px;_height:300px;height: 300px;} .showcase .scrollbar li span{position:absolute;top:0;left:0;display:block;width:100%;height:45px} .showcase .scrollbar li .bg{background:#000;opacity:.50;filter:alpha(opacity=50)} .showcase .scrollbar li .info{line-height:45px;text-indent:45px;font-size:18px;color:#fff} .showcase .scrollbar li.picture span{display:none;width:45px} .showcase .scrollbar li.picture .info{background:url(../images/find.png) no-repeat;_background:url(../images/find.gif) no-repeat; cursor:pointer;} .showcase .scrollbar li.picture .info:hover{background:url(../images/find_h.png) no-repeat;} .showcase .scrollbar li.active span{display:block} .showcase .scrollbar li .video-bg{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:#000;opacity:.50;filter:alpha(opacity=50)} .showcase .scrollbar li.active .video-bg{opacity:.70;filter:alpha(opacity=70)} .showcase .scrollbar li .video-info{position:absolute;top:0;left:0;padding-top:72px;width:100%;height:178px;text-align:center} .showcase .scrollbar li .video-info span{position:static} .showcase .scrollbar li .video-info .video-icon{width:50px;height:50px;display:block;margin:0 auto;background:url(../images/video-icon.png) center center no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../skin_img/video-icon.png)} .showcase .scrollbar li .video-info .video-title{width:auto;height:auto;line-height:30px;font-size:20px;color:#fff;display:block;padding:18px 18px 0 18px;white-space:normal} .showcase .scrollbar .track{display:none;position:relative;margin:0 4px;height:6px;background-color:#d4d4d4;font-size:0px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px} .showcase .scrollbar .track div{width:110px;height:6px;background-color:#e84c3d;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px} .showcase .slider{position:relative;display:none} .showcase .slider .s-box{position:relative;width:605px;height:375px;margin:0 auto 20px;overflow:hidden} .showcase .slider .s-box li{float:left;position:relative;width:605px;text-align:center} .showcase .slider .s-box li img{margin-top: 15px !important;} .showcase .slider .trigger{position:absolute;top:0;right:0px;width:45px;height:45px;border:1px solid #f6f6f6;background:#fff url(../images/bs.png) center no-repeat;text-indent:-333em} .showcase .slider .prev,.showcase .slider .next{position:absolute;top:30%;display:block;width:44px;height:110px;border:1px solid #f6f6f6;background:#fff url(../images/slider_arrow.png) 12px center no-repeat;text-indent:-333em} .showcase .slider .prev{left:0px} .showcase .slider .prev:hover{background-position:-83px center} .showcase .slider .next{right:0px;background-position:-33px center} .showcase .slider .next:hover{background-position:-128px center} .showcase .slider .s-nav{text-align:center;height:30px} .showcase .slider .s-nav .picture,.showcase .slider .s-nav .video{margin:0 7px} .showcase .slider .s-nav .picture span,.showcase .slider .s-nav .video span{display:inline-block;width:30px;height:30px;background-image:url(../images/slider_nav.png);background-repeat:no-repeat; cursor:pointer;} .showcase .slider .s-nav .picture span{background-position:-40px 0} .showcase .slider .s-nav .picture .active{background-position:-122px 0} .showcase .slider .s-nav .video span{background-position:0 0} .showcase .slider .s-nav .video .active{background-position:-82px 0} .loadcpl{background: #fff;border-radius: 6px;margin: 20px auto 0 auto;padding:0 20px 20px;box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px;} /*详情TAG*/ .playTag{width: 1200px;height: 70px;box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px; line-height:50px;overflow: hidden;background: #fff;color: #999; border-radius: 6px; 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; margin-right: 10px;} .playTag a::before{content: "#";color: #56e39d;} .nxq-y .playTag a{text-decoration: underline;color: #f60;} .nxq-y {border-radius: 10px;background: #fff;padding: 20px;} /*新闻列表*/ .newBox{float: left;width: 850px;box-sizing: border-box;border-right: 1px solid #f0f0f0;} .nxq-t{ padding: 16px 20px 10px 20px; box-sizing: border-box; border-radius: 6px; background:url(../images/whiteBg.png) no-repeat; background-size: auto; background-size: 100% 100%; overflow: hidden; } .nxq-t li{padding: 0 10px;height:49.5px;margin:0 20px 20px 0;background-color:#DBFFED;float:left;border-radius:8px;position: relative;width: 99px;} .nxq-t li:nth-child(6n){margin-right: 0;} .nxq-t li>a{display:block;width:100%;height:100%;color:#56e39d;font-size:16px;line-height:50px;text-align:center;overflow: hidden;} .nxq-t li::after{display: block;width: 15px;height: 15px;background-color: #DBFFED;content:"";border: 2px solid #FFFFFF;border-radius:50%;box-sizing: border-box;position: absolute;left: 50%;bottom: -7.5px;margin:0 0 0 -7.5px;} .nxq-t li:hover>a,.nxq-t li.on>a{color:#fff} .nxq-t li:hover,.nxq-t li.on{background-color:#56E39D;} .nxq-t li:hover::after,.nxq-t li.on::after{background-color: #56E39D;} .newB-z{ width: 856px; float: left; } .newB-y{ width: 320px; float: left; margin-left: 24px; } .newBlist{margin-top: 20px;padding:20px;border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px; background: #fff;margin-bottom: 20px;} .newBlist li{overflow: hidden;margin-bottom: 24px;} .newBlist li:nth-last-child(1){margin-bottom: 10px;} .newBlist li img{width: 240px;height: 150px;display: inline-block;border-radius: 6px;float: left;object-fit: cover;} .newBlist li .info{width: 548px;float: left;position: relative;margin-left: 20px;height: 150px;border-bottom: 1px solid #eee;} .newBlist li .info p:nth-child(1){font-size: 20px;color: #333333;line-height: 22px;white-space: nowrap;overflow: hidden;font-weight: 600;margin-top: 12px;} .newBlist li .info p:nth-child(2){font-size: 16px;color: #808080;line-height: 28px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-top: 12px;} .newBlist li .info p:nth-child(3){font-size: 16px;color: #a6a6a6;line-height: 18px;position: absolute;bottom: 20px;left: 0;} .newBlist li .info p:nth-child(3) i{width: 18px;height: 18px;display: inline-block;background: url(../images/iconwe.png) no-repeat;vertical-align: bottom;margin-right: 8px;} .newBlist li .info p:nth-child(3) span{font-size: 16px;color: #666666;} .newBlist li .info em{display: block;width: 64px;height: 18px;text-align: center;line-height: 18px;font-size: 14px;color: #56e39d;background: #ebfff5;border-radius: 3px;position: absolute;bottom: 20px;right: 0;} .newBlist li:hover .info p:nth-child(1){color: #56e39d;} .newBlist li:hover img{opacity: .8;} .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; } /*新闻右侧*/ .nxq-r{ width:350px ; float: right;} .top2{margin-top: 20px;} .top1{margin-top: 10px;margin-bottom: 10px;} .newTit{background: url("../images/newdetail.png") center top no-repeat; height: 175px; width: 100%; padding-top: 15px; } .newTit .post-n{margin-top: 0;} .loadcrt{padding: 20px;border-bottom: 1px #ddd solid;} .loadcrt ul{margin-top: 20px;} .loadcrt 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; } .loadcrt li:last-child a { margin-bottom: 0px; } .loadcrt li a img { float: left; width: 72px; height: 72px; border-radius: 22px; margin-right: 18px; } .loadcrt li a div { float: left; width: 150px; white-space: nowrap; overflow: hidden; } .loadcrt li a div p:nth-child(1) { height: 26px; line-height: 26px; font-size: 16px; color: rgb(51, 51, 51); } .loadcrt li:hover a div p:nth-child(1) { color: rgb(255, 186, 37); } .loadcrt li a div p:nth-child(2) { height: 26px; line-height: 26px; font-size: 14px; color: rgb(153, 153, 153); } .loadcrt li a div p:nth-child(3) { height: 18px; line-height: 18px; font-size: 12px; color: rgb(153, 153, 153); } .loadcrt 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; } .loadcrt li a span.down, .loadcrt 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); } .loadcrt li a span.look { background: rgb(0, 192, 255); } .loadcrt li a.aDown:hover { border: 1px solid rgb(249, 214, 139); box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 10px 0px; } .loadcrt 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; } /****新闻详细***/ .col-r ul.playTj li{width: 316px;} .col-r ul.playTj li:nth-child(4n){margin-right: 10px;} .col-r ul.playTj li:nth-child(3n){margin-right: 0px;} .nxq-b{ position: absolute; font-size: 30px; color: #2b1300; white-space: nowrap; overflow: hidden; width: 716px; text-align: center; margin: 0 50px; top: 60px; left: 20px; line-height: 32px; font-weight: 600; box-sizing: border-box; } .nxq-d{ position: absolute; font-size: 14px; color: #808080; bottom: 28px; left: 20px; width: 816px; margin: 0 auto; text-align: center; } .nxq-d span{ max-width:22%; display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;} .nxq-d span:last-child{margin-right: 0;} .nxq-n{ font-size: 15px;color: #282828;position: relative;z-index: 2;padding-right: 30px;} .nxq-n p{line-height: 26px; color: rgb(68, 68, 68); margin-bottom: 16px; text-indent: 2em; font-size: 16px; clear: both;word-break: break-all;/*英文强制换行*/} .nxq-n p.pageimg{ text-align: center; margin: 10px 0px; width: 100%;} .nxq-n p img{width: auto; height: auto; overflow: hidden; margin: 0 auto;display: block;max-width: 80%;} .nxq-n ul {margin-top: 15px;} .nxq-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; /*省略号*/} .nxq-n li:hover{color:#fff;background:#f60;} .nxq-n h3{ font-size:18px; font-weight:bold; color:#f75b4b; border-bottom: 1px solid #eaeaea; padding: 20px 0; margin-bottom: 20px; clear:both;} .nxq-n .end,.nxq-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; } .nxq-n .end{bottom: 0;} .nxq-n .ready{top: 0;} /****资讯详情声明***/ .nxq-w{ margin:40px 20px 20px; background:rgba(255, 125, 60, .05); border-radius: 6px; } .nxq-w p{ font-size: 14px; color: #999999; line-height: 21px; padding: 17px 20px; } .nxq-w p a{ display: inline-block;color: #FF7D3C;} /****资讯详情上下页***/ .newXpre {background: #fff;padding: 30px 0px;} .newXpre a{display: inline-flex;width: 382px;height: 44px;background: url(../images/next1.png) no-repeat;float: left;} .newXpre a span{font-size: 18px;color: #666;line-height: 44px;font-weight: 600;margin-left: 18px;} .newXpre a em{font-size: 18px;color: #666;line-height: 44px;display: inline-block;width: 255px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-left: 8px;} .newXpre a:nth-child(2){margin-left: 18px;} .newXpre a:hover{background: url(../images/next2.png) no-repeat;} .newXpre a:hover span{color: #56e39d;} .newXpre a:hover em{color: #56e39d;} /*相关游戏下载*/ .pagecomment{ margin-top: 25px;} .loadcxg{background: #fff;border-radius: 6px;margin: 20px auto 0 auto;padding:0px 20px 20px;box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px;} .loadcxg .subBox{margin-top: 20px;} .loadcxg .subBox>a{float: left;display: block;width: 760px;height: 194px;padding: 24px 23px;background: url(../images/gamedetlbg.png) no-repeat;background-size: 100% 100%;} .loadcxg .subBox>a .img{float: left;width: 354px;height: 182px;margin-right: 20px;overflow: hidden;} .loadcxg .subBox>a .img img{width: 100%;min-height: 182px;height: auto;} .loadcxg .subBox>a .info{float: left;width: 360px;height: 182px;overflow: hidden;} .loadcxg .subBox>a .info strong{display: block;height: 42px;line-height: 42px;font-size: 20px;color: #000;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .loadcxg .subBox>a .info em{display: block;font-size: 14px;color: #5CD69B;line-height: 24px;} .loadcxg .subBox>a .info p{height:72px;font-size: 14px;color: #666;line-height: 24px;margin-top: 8px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;} .loadcxg .subBox>a .info span {position: relative;display: inline-block;line-height: 20px;font-size: 12px;color: #999;margin-top: 10px;text-align: center;overflow: hidden;white-space: nowrap;} .loadcxg .subBox>a .info span:before{content: "";position: relative;top: -4.5px;display: inline-block;width: 60px;height: 1px;background-color: #c2c2c2;margin-right: 19px;} .loadcxg .subBox>a .info span:after{content: "";position: relative;top: -4.5px;display: inline-block;width: 60px;height: 1px;background-color: #c2c2c2;;margin-left: 19px;} .loadcxg .subBox>a:hover strong{color: #1BCC83;} .loadcxg .subBox ul{padding: 14px 0 4px;width: 820px;overflow: hidden;*zoom: 1;} .loadcxg .subBox ul li{float: left;width: 157px;height: 190px;text-align: center;margin: 6px 7px 0 0;} .loadcxg .subBox ul li a{display: block;padding: 10px 17px 11px;border-bottom: 4px solid transparent;} .loadcxg .subBox ul li img{display: block;width: 110px;height: 110px;border-radius: 20px;margin: auto;} .loadcxg .subBox ul li p{margin-top: 3px;line-height: 32px;font-size: 15px;color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .loadcxg .subBox ul li span{display: block;font-size: 14px;color: #9A9A9A;line-height: 20px;} .loadcxg .subBox ul li span:nth-of-type(2){display: none;width: 90px;height: 22px;background: #fff;border: 1px solid #4CD393;font-size: 12px;color: #4CD393;line-height: 22px;border-radius: 12px;margin: auto;} .loadcxg .subBox ul li a:hover{background: #f5f5f5;border-bottom-color: #4CD393;} .loadcxg .subBox ul li a:hover span:nth-of-type(1){display: none;} .loadcxg .subBox ul li a:hover span:nth-of-type(2){display: block;} .loadcxg .subBox ul li:nth-child(5n){margin-right: 0;} .loadcxg .subBox2{margin-top: 20px;} .loadcxg .subBox2>a{float: left;display: block;width:100%;box-sizing: border-box; height: 240px;padding: 24px 23px;background: url(../images/gamedetlbg.png) no-repeat;background-size: 100% 100%;} .loadcxg .subBox2>a .img{float: left;width: 354px;height: 182px;margin-right: 20px;overflow: hidden;} .loadcxg .subBox2>a .img img{width: 100%;min-height: 182px;height: auto;} .loadcxg .subBox2>a .info{float: left;width: 660px;height: 182px;overflow: hidden;} .loadcxg .subBox2>a .info strong{display: block;height: 42px;line-height: 42px;font-size: 20px;color: #000;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .loadcxg .subBox2>a .info em{display: block;font-size: 14px;color: #5CD69B;line-height: 24px;} .loadcxg .subBox2>a .info p{height:48px;font-size: 14px;color: #666;line-height: 24px;margin-top: 8px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;} .loadcxg .subBox2>a .info span {position: relative;display: inline-block;line-height: 20px;font-size: 12px;color: #999;margin-top: 30px;text-align: center;overflow: hidden;white-space: nowrap;} .loadcxg .subBox2>a .info span:before{content: "";position: relative;top: -4.5px;display: inline-block;width: 60px;height: 1px;background-color: #c2c2c2;margin-right: 19px;} .loadcxg .subBox2>a .info span:after{content: "";position: relative;top: -4.5px;display: inline-block;width: 60px;height: 1px;background-color: #c2c2c2;;margin-left: 19px;} .loadcxg .subBox2>a:hover strong{color: #1BCC83;} .loadcxg .subBox2 ul{padding: 14px 0 4px;width: 100%;overflow: hidden;*zoom: 1;} .loadcxg .subBox2 ul li{float: left;width: 158px;height: 190px;text-align: center;margin: 6px 7px 0 0;} .loadcxg .subBox2 ul li a{display: block;padding: 10px 17px 11px;border-bottom: 4px solid transparent;} .loadcxg .subBox2 ul li img{display: block;width: 110px;height: 110px;border-radius: 20px;margin: auto;} .loadcxg .subBox2 ul li p{margin-top: 3px;line-height: 32px;font-size: 15px;color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .loadcxg .subBox2 ul li span{display: block;font-size: 14px;color: #9A9A9A;line-height: 20px;} .loadcxg .subBox2 ul li span:nth-of-type(2){display: none;width: 90px;height: 22px;background: #fff;border: 1px solid #4CD393;font-size: 12px;color: #4CD393;line-height: 22px;border-radius: 12px;margin: auto;} .loadcxg .subBox2 ul li a:hover{background: #f5f5f5;border-bottom-color: #4CD393;} .loadcxg .subBox2 ul li a:hover span:nth-of-type(1){display: none;} .loadcxg .subBox2 ul li a:hover span:nth-of-type(2){display: block;} .loadcxg .subBox2 ul li:nth-child(7n){margin-right: 0;} .rytjtit{ position: absolute;top: 36px;left: 160px;width: 580px;line-height: 36px;overflow: hidden;*zoom: 1; } .rytjtit li{position: relative;float: left;display: block;padding: 0 6px;margin: 0 8px 6px;font-size: 15px;color: #999;line-height: 48px;border-bottom:3px solid transparent;cursor: pointer;} .rytjtit li:after{content: "";position: absolute; left: 50%; margin-left: -5px;bottom: -14px; width: 0;height: 0;border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid transparent; border-top: 6px solid transparent;font-size: 0;line-height: 0;} .rytjtit li.on{font-size: 18px;color: #4CD393;border-bottom-color: #1BCC83;} .rytjtit li.on:after{border-top-color:#1BCC83 ;} .rytjtit li:nth-of-type(n+2):before{content: "/";position: absolute;left: -10px;display: inline-block;font-size: 15px;color: #ccc;} .rytjtit li:hover{color:#1BCC83;} .rytj .rytjtit{top: 16px;} /*相关文章推荐*/ .loadcnew{background: #fff;border-radius: 6px;margin: 20px auto 0 auto;padding: 0px 20px 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px;} .loadcnew ul{margin-top: 20px;} .loadcnew li{float: left;margin-right: 16px;margin-bottom: 16px;} .loadcnew li:nth-child(2n){margin-right: 0;} .loadcnew li p{line-height: 16px;} .loadcnew li p em{display: inline-block;width: 44px;height: 20px;background: linear-gradient(90deg, #FF7E3E 0%, #FFBB51 100%);border-radius: 4px;font-size: 12px;color: #fff;text-align: center;line-height:20px;margin-right: 10px;vertical-align: bottom;} .loadcnew li p em.gl{background: linear-gradient(90deg, #FF7E3E 0%, #FFBB51 100%);} .loadcnew li p em.zt{background: linear-gradient(90deg, #4788E0 0%, #66D2FF 100%);} .loadcnew li p em.jc{background: linear-gradient(90deg, #42c26f 0%, #36e8a7 100%);} .loadcnew li p span:nth-child(2){font-size: 16px;color: #666666;display: inline-block;width: 245px;white-space: nowrap;overflow: hidden;} .loadcnew li:hover p span:nth-child(2){color: #FF7D3C;} .loadcnew li p span:nth-child(3){font-size: 14px;color: #AAAAAA;display: inline-block;margin-left: 10px;vertical-align: text-top;} .loadczx{padding: 20px;box-sizing: border-box;border-bottom: 1px #ddd solid;} .loadczx .info{margin-top: 20px;} .loadczx .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;} .loadczx .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; } .loadczx .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 .pDatx-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;} /***游戏视频详细***/ .pDatx{height: 700px;width: 100%;margin:0 auto;background: #2a2a3a;padding-top: 10px;} .pDatx .post-n{margin-top: 0;} .pDatx-z{ width: 850px; float: left;} .pDatx-l{border-radius: 6px;box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px;background: #fff;padding:1px 20px 20px;box-sizing: border-box;} .pDatx-r{ width: 320px; float: left; padding-left: 30px;} .pDatx-r .pDatx-y h2{ font-size: 24px; color: #fff; line-height: 85px; padding-left: 6px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .pDatx-n{ width: 810px; height: 520px; overflow: hidden; } .pDatx-n iframe,.pDatx-n img{width:100% !important;height: 520px !important;} .pDatx-q{margin-bottom: 20px;} .pDatx-q h1{width: 100%; color: #353535; font-size: 22px; line-height: 32px; font-weight: bold; text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 20px;} .pDatx-q p{width: 100%;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;margin-top: 10px;height: 40px;line-height: 40px;color: #8a8a8a;text-align: left;} .pDatx-q p span{margin-right: 20px;padding-left: 28px;} .pDatx-q p span.zz{background: url(../images/iconwr.png) no-repeat;background-size: 18px 18px;} .pDatx-q p span.sj{background: url(../images/iconwe.png) no-repeat;background-size: 18px 18px;} .pDatx-q p span.bf{background: url(../images/iconwz.png) no-repeat;background-size: 18px 18px;} .pDatx-q p span.ck{background: url(../images/iconwf.png) no-repeat;background-size: 18px 18px;} .pDatx-z .loadctag{margin: 40px 0 20px 0;width: 100%;} .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;} .pDatx-e{ border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px; width: 280px; position: relative; padding: 14px 20px 10px; background: #fff; margin: 0px; } .pDatx-e li{ margin-bottom: 14px; overflow: hidden; margin-top: 10px; } .pDatx-e li:first-child{margin-top:20px} .pDatx-e li .pic-l{width:115px;height:80px;float:left;border-radius:5px;overflow:hidden} .pDatx-e li .pic-l img{width:100%;height:100%;object-fit: cover;opacity: 1; transition: opacity .3s ease-out; -webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out;} .pDatx-e li:hover .pic-l img {opacity: .8;} .pDatx-e li .sptit-r{float:left;margin-left:15px;width:150px;text-align:left;color:#525252;font-size:14px;line-height:24px;height:48px;overflow:hidden} .pDatx-e li .sp-time{position:relative;float:left;margin-left:15px;color:#9a9999;font-size:14px;height:16px;line-height:16px;margin-top:16px;text-indent:20px} .pDatx-e li .sp-time::before{content:'';display:inline-block;width:17px;height:16px;position:absolute;top:0;left:0;background:url(../images/sp_time.png) no-repeat center center;background-size:100%} .big_nei{margin: 15px 0;} .big_nei a{float:left;margin-left:18px;width:147px;height:124px;margin-top:10px} .big_nei a:first-child{margin-left:0} .big_nei a img{display:block;width:100%;height:84px;border-radius:8px;object-fit: cover;} .big_nei a p{display:block;width:100%;height:40px;line-height:20px;color:#565656;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px} .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;} .pDatx-n video, .pDatx-n iframe{ width: 100%;height: 520px;} /****专区大全***/ .sixzq{box-sizing: border-box;} .lettBf{margin-top: 20px;} .mod_tab {overflow: hidden;} .mod_tab {width:100%;} .mod_tab .lettBa-t { position: absolute;top: 37px;left: 160px;width: 860px;line-height: 36px;overflow: hidden;*zoom: 1; } .mod_tab .lettBa-t li{position: relative;float: left;display: block;padding: 0 15px;margin: 0 8px 6px;font-size: 15px;color: #999;line-height: 48px;border-bottom:3px solid transparent;cursor: pointer;} .mod_tab .lettBa-t li:after{content: "";position: absolute; left: 50%; margin-left: -5px;bottom: -14px; width: 0;height: 0;border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid transparent; border-top: 6px solid transparent;font-size: 0;line-height: 0;} .mod_tab .lettBa-t li.cur{font-size: 18px;color: #4CD393;border-bottom-color: #1BCC83;} .mod_tab .lettBa-t li.cur:after{border-top-color:#1BCC83 ;} .mod_tab .lettBa-t li:nth-of-type(n+2):before{content: "/";position: absolute;left: -10px;display: inline-block;font-size: 15px;color: #ccc;} .mod_tab .lettBa-t li:hover{color:#1BCC83;} .mod_tab .sehli {background: #FF2E38;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;} .lettBa-a {padding-bottom: 5px;} .lettBa-a, .lettBa-a li {position: relative;overflow: hidden;zoom: 1;} .lettBa-a li {padding-left: 40px;line-height: 35px;vertical-align: top;} .lettBa-a li a {color: #333;float: left;display: inline;box-sizing: border-box;border-radius: 30px; margin-right: 12px;margin-bottom: 10px; white-space: nowrap;border: 1px #ddd dashed; overflow: hidden;*overflow:visible;padding: 0 15px;position: relative; font-size:14px;width: 148px;white-space: nowrap;text-overflow: ellipsis;text-align: center;box-sizing: border-box;} .lettBa-a li a:hover {color: #1BCC83;} .lettBa-a li:nth-child(7n) a{margin-right: 0;} .lettBa-a1 li a{ width: 153px;} .lettBa-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: #FF2E38;font-size: 18px;} .lettBa-a li .hot {color: #FF2E38;} .lettBa-a li:hover, .lettBa-a li:hover .t {background: #fbfbfb;} .lettBa-a .hot {color: #FF2E38;} .lettBa-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;} /***合集详情列表****/ /*关于我们开始*/ .snv-chann { padding: 7px 7px 5px; border: 1px solid #E3E3E3; width: 230px; float: left; border-radius: 6px; } .snv-chann li{ background-color: #fff; margin-bottom: 2px; } .snv-chann a{ display: block; height: 40px; padding: 0 10px 0 30px; line-height: 40px; font-size: 14px; font-weight: 400; color: #202020; background: url(../images/icon-a1.png) no-repeat 10px center; background-size: 12px 12px; background-color: #F7F7F7; transition: 0.5s; background-image: none; text-align: center; padding: 0; height: 56px; line-height: 56px; } .snv-chann h6{ width: 160px; font-size: 14px; font-weight: 400; float: left; } .snv-chann .hover{ background: linear-gradient(90deg, #FF2E38 0%, #FD7E33 100%); } .snv-chann .hover a{ display: block; background: url(../images/icon-a4.png) no-repeat 190px center; background-size: 16px 11px; color: #fff; } .snv-chann .hover a{ color: #fff; } .snv-chann a:hover{ background: url(../images/icon-a3.png) no-repeat 190px center; background-color: rgba(0, 0, 0, 0); background-size: auto; background-size: 16px 11px; background-color: #FEE7E5; color: #F94E3F; } .snv-chann a:hover .info{ color: #8D8D8D; } .snv-chann a:hover .view{ color: #FD7E33; } .col-r { width: 878px; padding: 0 30px; float: right; background: #fff; min-height: 600px; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px; } .col-r-b { width: 100%; font-size: 24px; color: #333; line-height: 40px; height: 40px; margin-top: 20px; } .col-r-b p { /*margin-left:30px;*/ } .col-r-b p span { color: #f43f08 } .col-r-n p { text-indent: 2em; line-height: 3em; } .col-r-n{ overflow: hidden; padding-top: 25px; font-size: 14px; line-height: 36px;} .col-r-n p{ font-size: 16px; color: #666; line-height: 40px;} .col-r-n h6{ font-size: 16px; color:#333; line-height: 60px;} .col-r-n h6:before{ width: 3px; height: 16px; display: inline-block; content: ""; background: #f60; float: left; margin: 23px 10px 0px 0px;} .gnew-b { width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #dadada;} .gnew-b li { display: inline-block; padding: 0 17px; height: 45px; line-height: 45px; position: relative; top: 3px; border-bottom: 3px solid transparent; text-align: center; margin-right: 10px; cursor: pointer; } .gnew-b li:last-child{margin-right: 0;} .gnew-b li span { font-size: 20px; letter-spacing: 1px; color: #4c4c4c; } .gnew-b li.active, .gnew-b li:hover { border-color: #0FCF89; font-weight: bold; } .gnew-n{width: 100%;} /*网站地图开始*/ .wzdtap{ overflow: hidden; } .wzdtap p a{ color: #03a9f4; font-size: 22px; } .wzevd a{ width: 188px; float: left; font-size: 14px; height: 36px; line-height: 36px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;margin-right: 32px; } .wzevd a:hover{color: #4CD393} .wzevd a:nth-child(4n){margin-right: 0;} .wzdtwd a{ width: 188px; float: left; font-size: 14px; height: 36px; line-height: 36px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;margin-right: 32px;} .wzdtwd a:hover{color: #4CD393;} .wzdtwd a:nth-child(4n){margin-right: 0;} .wzevl{ position: relative; } .wzevl h3{ font-size: 18px; padding: 20px 20px 0; font-weight: bold; } .wzdtb{float: right;display: block;padding: 0 15px;font-size: 13px;color: #666;height: 26px;line-height: 26px;background: rgba(231,231,231,.5);border-radius: 16px; position: absolute; right: 5px;cursor: pointer;top:19px; } .wzdtb:before{content: "";position: relative;top: 5px;margin-right: 7px;display:inline-block;width: 18px;height: 20px;background:url(../images/iconmore.png) no-repeat;background-position:center center;} .wzdtb.active{color: #1BCC83;} .wzevd{height: 68px;overflow: hidden;border-top: 1px solid #f2f2f2;margin: 0 10px 10px 20px; padding-top: 10px;} .wzevd.show{height: auto;} .wzdtwd{border-top: 1px solid #f2f2f2;margin: 0 10px 10px 20px; padding-top: 10px;} /*最新更新开始*/ #newList{ overflow: hidden; } .gmlist { float: left; width: 366px; height: 130px; background: #FFFFFF; border: 1px solid #DFDFDF; transition: all linear .3s; margin-right: 30px; margin-bottom: 30px; padding-left: 20px; box-sizing: border-box; } .gameCenter a:nth-child(3n) .gmlist { margin-right: 0; } .gmlist:hover { box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.2); } .gmlistImg img { width: 90px; height: 90px; /* margin-top: -40px; */ border-radius: 15px; } .Gametitles { margin-left: 20px; } .Gametitles p:nth-child(1) { width: 130px; font-size: 16px; font-family: PingFang SC; font-weight: 400; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gmlist p:nth-child(2) { width: 130px; height: 17px; font-size: 12px; font-family: PingFang SC; font-weight: 400; color: #999999; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 5px;margin-bottom: 5px; } .gmlist p:nth-child(3) { width: 130px; font-size: 12px; font-family: PingFang SC; font-weight: 400; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .gmlist p:nth-child(4){ margin-top: 10px;color: #999999 !important; } .gmlist .xiazai { display: flex; justify-content: center; align-items: center; width: 70px; height: 34px; border: 1px solid #ffba00; border-right: 0; font-size: 14px; font-family: PingFang SC; font-weight: 400; color: #ffba00; margin-left: 33px; transition: all linear .3s; text-align: center; } .gmlist:hover .xiazai { color: #ffffff !important; background: #ffba00; transition: all linear .3s; } .flex { display: flex; align-items: center; } .searce-y a:nth-child(3n) .gmlist{margin-right: 0;} .updatet{width: 100%;display: block;box-sizing: border-box;margin-top: 20px;background: #3ad997;} .updatet span{display: inline-block;height: 36px;line-height: 36px;text-align: center;border-right: 1px #fff solid;font-size: 16px;box-sizing: border-box;float: left;color: #fff;} .updatet span:nth-child(1){width: 30%;} .updatet span:nth-child(2){width: 20%;} .updatet span:nth-child(3){width: 15%;} .updatet span:nth-child(4){width: 20%;} .updatet span:nth-child(5){width: 15%;} .updatet2{width: 100%;display: block;box-sizing: border-box;margin-top: 20px;background: #3ad997;} .updatet2 span{display: inline-block;height: 36px;line-height: 36px;text-align: center;border-right: 1px #fff solid;font-size: 16px;box-sizing: border-box;float: left;color: #fff;} .updatet2 span:nth-child(1){width: 70%;text-align: left;padding-left: 2%;} .updatet2 span:nth-child(2){width: 30%;} .updategame{width: 100%;margin-top: 20px;padding-bottom: 30px;} .updategame ul li{width: 100%;height: 40px;border-bottom: 1px solid #eee; font-size: 16px; color: #333; line-height: 40px;box-sizing: border-box;} .updategame ul span{display: inline-block;height: 40px;line-height: 40px;text-align: center;font-size: 16px;box-sizing: border-box;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .updategame ul span:nth-child(1){width: 30%;} .updategame ul span:nth-child(2){width: 20%;} .updategame ul span:nth-child(3){width: 15%;} .updategame ul span:nth-child(4){width: 20%;} .updategame ul span:nth-child(5){width: 15%;} .updatenew{width: 100%;margin-top: 20px;padding-bottom: 30px;} .updatenew ul li{width: 100%;height: 40px;border-bottom: 1px solid #eee; font-size: 16px; color: #333; line-height: 40px;box-sizing: border-box;} .updatenew ul span{display: inline-block;height:40px;line-height: 40px;text-align: center;font-size: 16px;box-sizing: border-box;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .updatenew ul span:nth-child(1){width: 70%;text-align: left;padding-left: 2%;} .updatenew ul span:nth-child(2){width: 30%;} /*搜索*/ .search-toggle{ width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #dadada;} .search-toggle li { display: inline-block; padding: 0 18px; height: 45px; line-height: 45px; position: relative; top: 3px; border-bottom: 3px solid transparent; text-align: center; margin-right: 10px; } .search-toggle li:last-child{margin-right: 0;} .search-toggle li a { font-size: 20px; letter-spacing: 1px; color: #4c4c4c; } .search-toggle li a span { display: inline-block; padding: 10px 6px; border: 1px solid #c6c6c6; font-size: 12px; color: #c6c6c6; line-height: 0; border-radius: 12px; margin-left: 8px; } .search-toggle li.checked, .search-toggle li:hover { border-color: #0FCF89; } .search-toggle li.checked a, .search-toggle li:hover a { font-weight: bold; } .search-toggle li.checked span, .search-toggle li:hover span { border-color: #0FCF89; color: #0FCF89; } .search-r{width: 100%;} .search-r .page,.search-r #page_navigation,.wby .page,.wby #page_navigation{box-shadow:none} .searcea{height: 45px; line-height: 60px; padding: 5px; color: #aaaaaa; font-size: 14px;} .searcea em{color: #0FCF89;} .searcem{position: relative;margin-top: 30px;margin-bottom: 30px;} .searcem s { display:inline-block; width:14px; height:14px; background:url(../images/v.png) no-repeat center; position:absolute; left:42%; bottom:13px } .searcem:hover a { color:#ffba25; border:1px solid #ffba25;} .searcem:hover s { -webkit-animation-name:rotate; -webkit-animation-duration:0.5s; -webkit-animation-timing-function:linear; background:url(../images/vv.png) no-repeat center } .searcem 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) } } .searces{width: 100%; margin: 12px auto; position: relative; font-weight: bold; padding: 10px 0; border-bottom: 1px solid #dadada;font-size: 20px;} .searces i{ color: #333333;color: #0FCF89;} .searces::before{content: ""; width: 5px; height: 22px; background-color: #0FCF89; display: inline-block; position: relative; top: 4px; margin-right: 8px;} .searces a { font-size: 12px; line-height: 20px; color: #999999; font-weight: normal; float: right; margin-top: 8px; } .searces a:hover { color: rgb(15, 207, 137); } .searce-n{margin-top: 20px;} .searce-n { width:100%; } .searce-n .lst dl { width:100%; padding:15px 0; border-bottom: 1px #ddd dashed; } .searce-n .lst dt { height:32px } .searce-n .lst dt span { width:44px; height:19px; float:left; margin-top:7px; padding-right:5px; text-align:center; line-height:18px; display:block; color:#FFF; font-size:16px; background:url(../images/seaicon.png) left center no-repeat; margin-right:5px } .searce-n .lst dt h3 { font-size:18px; float:left; line-height:32px; height:32px; overflow:hidden } .searce-n .lst dt h3 em { color:#ce2029 } .searce-n .lst dd { width:100% } .searce-n .lst dd p { height:40px; line-height:20px; overflow:hidden; font-size:14px } .searce-n .lst dd span { color:#008000; padding-top:7px; display:block } .searce-n .lst dd span i { padding-left:18px } .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%;} .col-r .gmplay{margin-top: 20px;} .col-r .gmplay li{border:1px #e5e5e5 solid;} .search-r .hejiBox{margin-top: 20px;} .search-r .hejiBox li {width: 270px;} .search-r .hejiBox li .info3 img{width: 66px;height: 66px;} .search-r .gmplay{margin-top: 20px;} .search-r .gmplay li{width: 270px;} /*开服排行页面*/ .fkbList li{float: left;} .fkbList li a{width: 216px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; float: left; height: 40px; line-height: 40px; font-size: 16px; color: #666; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; margin: 0 20px 20px 0; } .fkbList li:nth-child(5n) a{ margin-right: 0; } .fkbList li a::before{content: "#";color: #56e39d;} .fkbList li a:hover{color: #56e39d;} .kfcwo .searce-y li{width: 282px;} .kfcwo .searce-y li .info{width: 175px;} .todayNr{height: 100%; overflow: hidden;} .gameLine{ float: left; width: 2px; margin: 0 12px; background: -webkit-linear-gradient(rgba(255,255,255,1),#e8e9e8 11%,#e8e9e8 95%,rgba(255,255,255,1)); background: -o-linear-gradient(rgba(255,255,255,1),#e8e9e8 11%,#e8e9e8 92%,rgba(255,255,255,1)); background: -moz-linear-gradient(rgba(255,255,255,1),#e8e9e8 11%,#e8e9e8 92%,rgba(255,255,255,1)); background: linear-gradient(rgba(255,255,255,1),#e8e9e8 11%,#e8e9e8 92%,rgba(255,255,255,1)); min-height: 1200px; } .todayNr .cont { position: relative; float: left; width: 1111px; margin-left: 22px; } .todayNr .todayBt { top: 0; margin-top: 10px; } .todayNr .todayBt p i { position: absolute; top: 50%; margin-top: -7.5px; left: -15px; width: 0; height: 0; border-right: 15px solid #f0412a; border-bottom: 7.5px solid transparent; border-top: 7.5px solid transparent; font-size: 0; line-height: 0; } .todayBt { position: relative; left: -47px; top: 0; margin-top: 10px; overflow: hidden; }.todayBt span { float: left; display: block; padding: 5px 0; border-radius: 50%; background-color: #fff; margin-top: 4px; } .todayBt span .ico { display: block; width: 24px; height: 24px; background: url(../images/iconn.png) no-repeat; } .todayBt p { position: relative; float: left; display: block; min-width: 124px; padding: 0 10px; height: 42px; line-height: 42px; text-align: center; margin-left: 23px; background-color: #f0412a; color: #fff; font-size: 16px; font-weight: 700; } .todayNr .serBt { top: 0; margin-top: 10px; } .todayNr .serBt p i { position: absolute; top: 50%; margin-top: -7.5px; left: -15px; width: 0; height: 0; border-right: 15px solid #25c88a; border-bottom: 7.5px solid transparent; border-top: 7.5px solid transparent; font-size: 0; line-height: 0; } .serBt { position: relative; left: -47px; top: 0; margin-top: 10px; overflow: hidden; }.serBt span { float: left; display: block; padding: 5px 0; border-radius: 50%; background-color: #fff; margin-top: 4px; } .serBt span .ico { display: block; width: 24px; height: 24px; background: url(../images/iconv.png) no-repeat; } .serBt p { position: relative; float: left; display: block; min-width: 124px; padding: 0 10px; height: 42px; line-height: 42px; text-align: center; margin-left: 23px; background-color: #25c88a; color: #fff; font-size: 16px; font-weight: 700; } .todaynre ul { background-color: #f8f8f8; padding: 30px 0 20px; } .todaynre ul { border-top: 1px solid #25c88a; } .todayYxb { overflow: hidden; width: 100%; height: 32px; line-height: 32px; text-align: center; background-color: #39393d; color: #fff; font-size: 14px; font-weight: 700; margin-top: 13px; } .todayYxb span { float: left; display: block; white-space: nowrap; overflow: hidden; } .todayYxb span:nth-child(1) { width: 130px; }.todayYxb span:nth-child(2) { width: 100px; height: 32px; }.todayYxb span:nth-child(3) { width: 150px; }.todayYxb span:nth-child(4) { width: 200px; }.todayYxb span:nth-child(5) { width: 100px; }.todayYxb span:nth-child(6) { width: 140px; }.todayYxb span:nth-child(7) { width: 134px; }.todayYxb span:nth-child(8) { width: 150px; }.todaynry ul { padding-top: 9px; background-color: #faf9f4; }.todayNr ul li { overflow: hidden; width: 100%; text-align: center; font-size: 14px; color: #f0412a; height: 70px; padding: 9px 0; }.todayNr ul li i, .todayNr ul li span, .todayNr ul li > a { float: left; display: block; height: 70px; line-height: 70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .todayNr ul li span:nth-of-type(1) { width: 130px; font-weight: 700; }.todayNr img { float: left; width: 70px; height: 70px; border-radius: 16px; margin: 0 15px; cursor: default; }.gameService .todayNrPre ul .hotSer > a { color: #f0412a; height: 70px; line-height: 70px; white-space: nowrap; overflow: hidden; } .todayNr ul li > a:nth-of-type(1) { width: 150px; }.todayNr ul li span:nth-of-type(2) { width: 200px; }.todayNr ul li span:nth-of-type(3) { width: 100px; }.todayNr ul li span:nth-of-type(4) { width: 140px; }.todayNr ul li span:nth-of-type(5) { width: 134px; }.todayNr ul li span:nth-of-type(6) { width: 150px; }.todayNr ul li .btn { display: block; width: 80px; height: 30px; line-height: 30px; margin: 18px auto; text-align: center; color: #fff; border-radius: 5px; background: #4ec62b; } .todayNr ul li a { color: #f0412a; line-height: 70px; white-space: nowrap; } .todayTi{position: relative;} .todayNr .loadr{position: absolute;right: 0px;top: 0px;} .todayNr .loadr p{display: block;width: 141px;height: 131px;background: url(../images/star.png) no-repeat;font-size: 47px;font-weight: 600;color: #FF7D3C;line-height: 136px;text-align: center;} .todayNr .loadr span{display: block;width: 84px;height: 24px;font-size: 14px;text-align: center;line-height: 24px;margin: 0 auto;} .wlkList li{ overflow: hidden; width: 355px; height: 150px; background: #fff; position: relative; float: left; padding-right: 30px; padding-bottom: 30px; border-bottom: 1px #eaeaea dashed; border-right: 1px #eaeaea dashed; padding-top: 20px; } .wlkList li:nth-child(3n){margin-right: 0;} .wlkList .bt { font-size: 18px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 50px; line-height: 50px; color: #434343; font-weight: 600; position: relative; } .wlkList .bt:before { display: inline-block; content: ''; width: 4px; height: 14px; background: #f0412a; border-radius: 2px; margin-right: 10px; } .wlkList .info { display: flex; } .wlkList .info .img { margin-right: 12px; } .wlkList .info .img, .wlkList .info .img img { height: 100px; width: 160px; object-fit: cover; } .wlkList .info .txt { flex: 1; overflow: hidden; } .wlkList .info .txt p { font-size: 13px; color: #999; height: 26px; line-height: 26px; overflow: hidden; margin-bottom: 4px; white-space: nowrap; text-overflow: ellipsis; } .wlkList .info .txt p span { color: #f0412a; } .wlkList .info { overflow: hidden; flex: 1; } .wlkList .info a.btn { display: block; float: left; margin-top: 3px; width: 70%; height: 28px; background: #fff; border: 1px #2bd58c solid; text-align: center; line-height: 28px; color: #2bd58c; font-size: 14px; border-radius: 30px; } .wlkList .info a.btn:hover{ background: linear-gradient(-90deg, rgb(43, 213, 140), rgb(59, 216,149)); color: #fff; } .wlkList .info p::before { display: inline-block; content: ' '; background: #959595; width: 3px; height: 3px; border-radius: 50%; margin: 0 6px 3px 0; } .wlkList .info p { width: 100%; float: left; height: 20px; line-height: 20px; overflow: hidden; color: #959595; font-size: 13px; margin-bottom: 3px; } .wlkList .info .lis{width: 180px;} .kfb-top{margin-top: 15px;} .kfgmLc 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; } .kfgmLc li:nth-child(4n){margin-right: 0;} .kfgmLc a{ color: #333; } .kfgmLc a:hover{ font-weight: bold;color: #f60; } /****排行榜页面****/ .phb{width: 100%;height: auto;} .phb .post-n {margin-top: 0;} .phb .curr{ background: #fff;} .phbB-t ul{width:1180px;margin:20px 0 0 0;padding:26px 0 26px 20px;background: url(../images/whiteBg.png) no-repeat;background-size:1200px 100%;overflow:hidden} .phbB-t ul li{padding: 0 10px;height:49.5px;margin:0 20px 20px 0;background-color:#DBFFED;float:left;border-radius:8px;position: relative;} .phbB-t ul li>a{display:block;width:100%;height:100%;color:#56e39d;font-size:22px;font-weight:700;line-height:50px;text-align:center;} .phbB-t ul li::after{display: block;width: 15px;height: 15px;background-color: #DBFFED;content:"";border: 2px solid #FFFFFF;border-radius:50%;box-sizing: border-box;position: absolute;left: 50%;bottom: -7.5px;margin:0 0 0 -7.5px;} .phbB-t ul li:hover>a{color:#fff} .phbB-t ul li:hover{background-color:#56E39D;} .phbB-t ul li:hover::after{background-color: #56E39D;} .phbB-r{width:100%; min-height: 694px; opacity: 1; box-sizing: border-box; } .phbBpl{ width: 100%; height: auto; box-sizing: border-box;} .phbBfl{ position: relative; background: #fff; } .phbBfl .nwlxy{ top: 20px; right: 20px;} .phbBfl .nwlxy:before{margin: 7px 0px 0px 5px;} .phb .post-n { padding-left: 40px;background-position: 20px;} .phbBpl .nwlxy1{position: relative;width:50%;cursor: pointer; height: 50px; line-height: 50px; text-align: center;margin: 30px auto 0 auto; box-shadow: 0 10px 10px 0 rgba(0,0,0,.04); background: linear-gradient(90deg,#ffc730 0,#ffba00 100%); border-radius: 30px; font-size: 18px; color: #fff; } .phbBpl .nwlxy1:hover{ opacity: .7; } /*404开始*/ .gr404{height: 770px;overflow: hidden;} .gr404 img{width: 599px;height: 246px;margin: 194px auto 0;display: block;} .gr404 p{font-size: 24px;color: #000;text-align: center;display: block;margin-top: 62px;} .gr404 a{display: block;width: 140px;height: 44px;background: #ffb864;line-height: 44px;text-align: center;border-radius: 10px;color: #a36740;font-size: 18px;margin: 24px auto 0;} /*评论*/ .u_buttom.yellow{background: #ffba25 !important;} .wjtlbox{ box-sizing: border-box; background: #fff; margin-top: 20px; border-radius: 8px; } #glName-wrap, #utodayYxb-wrap { height:36px; margin-bottom:10px; color: #676767; line-height: 36px; } #utodayYxb-wrap span{ width: 200px; height: 34px; border: 1px #ff8f14 solid; display: inline-block; margin-right: 10px; position: relative; } #utodayYxb-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, #utodayYxb { 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:linear-gradient(-90deg, #2DC87A, #0FCF89) !important; } .u_buttom { line-height: 30px; text-align: center; font-size: 12px; color: #fff; border-radius: 6px; 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} /*评论*/ .loadcpl{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;} .eigPl{margin-top: 20px;} .eigPl li{padding:20px 0;border-top:1px #e8eaeb solid;} .eigPl li .wzp_i{width: 48px;height: 48px;float: left;margin-right: 17px;} .eigPl li .wzp_i img{width: 100%;height: 100%;border-radius: 50%;} .eigPl li .wzp_r{width: 90%;float: left;} .eigPl li .wzp_r h5{height: 34px;line-height: 34px;font-size: 16px;font-weight: normal; color: #262522;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .eigPl li .wzp_r h5 i{color: #bbb;margin-left: 5px;} .eigPl li .wzp_r p:nth-child(2){line-height: 26px;color: #555;} .eigPl li .wzp_r p:nth-child(3){height: 30px;line-height: 30px;color: #9fa4aa;font-size: 12px;} .eigPl li .wzp_r p:nth-child(3) em{float: right;margin-left: 22px;cursor: pointer;} .eigPl li .wzp_r p:nth-child(3) em::before{content: "";display: inline-block;width: 17px;height: 17px;vertical-align: middle;margin-right: 6px;} .eigPl li .wzp_r p:nth-child(3) em::before{background: url(../images/dz.png);margin-top: -5px;} .eigPl li .wzp_r p:nth-child(3) em:hover::before{background: url(../images/dzh.png);margin-top: -5px;} .eigPl li .wzp_r p:nth-child(3) em:hover{color: #ff7526;} /*首页*/ .eigInx{margin-top: 20px;} .eigInx {width: 100%;} .eigInx li{height: 42px; margin: 3.5px 0; overflow: hidden;line-height: 42px;} .eigInx a{position: relative;font-size: 15px;color: #000;} .eigInx a:after{content: "";position: relative;top: 4px;display: inline-block;width: 1px;height: 18px;background-color: #e3e3e3;margin: 0 12px;} .eigInx a:last-of-type:after{display: none;} .eigInx a.hot{color: #FF2E38;} .eigInx a.hot:before{content: "";position: absolute;top: -9px;right: 12px;display: block;width: 12px;height: 16px;background:url(../images/tagnew.png) no-repeat;background-position: -24px 0px;} .eigInx a.new{color: #0cc767} .eigInx a.new:before{content: "";position: absolute;top: -9px;right: 12px;display: block;width: 12px;height: 16px;background:url(../images/tagnew.png) no-repeat;background-position: 0px 0px;} .eigInx a:hover{color: #4CD393;} .sumar{padding: 20px 0!important;box-sizing: border-box;} /*专区*/ .ctureLi li{float: left;width:100%;height: 282px;box-sizing: border-box;padding: 24px;background: url(../images/ztdetailbg.png) no-repeat;background-size: 100% 100%;margin-bottom: 20px;} .ctureLi li .img{float: left;width: 432px;height: 222px;margin-right: 20px;overflow: hidden;} .ctureLi li .img img{width: 100%;min-height: 222px;height: auto;object-fit: cover;} .ctureLi li .info{float: left;width: 622px;height: 222px;overflow: hidden;} .ctureLi li .info h1{display: block;height: 42px;line-height: 42px;font-size: 24px;color: #000;margin-top: 18px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .ctureLi li .info em{display: block;font-size: 14px;color: #5CD69B;line-height: 32px;} .ctureLi li .info p{height:48px;font-size: 14px;color: #666;line-height: 24px;margin-top: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;} .ctureLi li .info .btn { display: block; width: 130px; height: 32px; background: #fff; border: 1px solid #4CD393; font-size: 14px; color: #4CD393; line-height: 32px; text-align: center; border-radius: 30px; margin-top: 30px; } .ctureLi li .info .btn:hover{ border: 0; width: 132px; height: 34px; background: linear-gradient(90deg, #2DC87A 0%, #0FCF89 100%); color: #fff; } /*搜索*/ .col-r .frbz{margin-top: 20px;} /*合集*/ .hejiBox{width: 100%;margin-top: 40px;} .hejiBox li{overflow: hidden;width: 280px;height: 290px;border-radius: 6px;background: #fff;position: relative;box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px;float: left;margin-right: 26px;margin-bottom: 26px;} .hejiBox li:nth-child(4n){margin-right: 0;} .hejiBox li .info1 img{width: 100%;height: 140px;display: block;position: absolute;top: 0;left: 0;object-fit: cover;} .hejiBox li:hover .info1 img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;} .hejiBox li .info1{background: rgba(0, 0, 0, 0.3);position: absolute;top: 0;left: 0;width: 100%;height: 140px;overflow: hidden;position: relative;} .hejiBox li .info1 p:nth-child(2){font-size: 24px;color: #fff;font-weight: 600;line-height: 33px;white-space: nowrap;overflow: hidden;text-align: center;width:100%;margin-top: 52px;text-shadow: 1px 4px 1px rgb(0 0 0 / 30%);position: relative;z-index: 2;} .hejiBox li .info1 p:nth-child(3){font-size: 14px;color: #fff;line-height: 16px;white-space: nowrap;overflow: hidden;text-align: center;width: 100%;margin-top: 10px;position: relative;z-index: 2;} .hejiBox li .info2{height: 108px;display: none;} .hejiBox li .info2 p{font-size: 16px;color: #808080;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 3;overflow: hidden;margin: 12px 18px 0;} .hejiBox li .info3{height: 108px;} .hejiBox li .info3 img{width: 70px;height: 70px;border-radius: 16px;display: block;float: left;margin-top: 20px;} .hejiBox li .info3 img:nth-child(1){margin-left: 20px;} .hejiBox li .info3 img:nth-child(2){margin:20px 15px;} .hejiBox li .info3 img:nth-child(3){margin-right: 20px;} .hejiBox li a>p{font-size: 16px;color: #a6a6a6;line-height: 18px;position: absolute;bottom: 22px;left: 18px;} .hejiBox li a>p i{width: 18px;height: 18px;display: inline-block;background: url(../images/iconwe.png) no-repeat left center ;vertical-align: bottom;margin-right: 8px;} .hejiBox li a>p span{font-size: 16px;color: #666666;} .hejiBox li:hover{box-shadow: rgba(86, 227, 157, 0.1) 0px 6px 10px 3px;} .hejiBox li:hover .info2{display: block;} .hejiBox li:hover .info3{display: none;} .iztrec{padding:25px 0 0 0;overflow: hidden;*zoom: 1;} .iztrec a{float: left;display: block;padding: 0 25px;text-align: center;background-color: #ffe5e5;color: #e85454;height: 42px;line-height: 42px;border-radius: 21px;font-size: 18px;margin: 0 11px 20px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .iztrec a:hover{color: #ffe5e5;background-color: #e85454;} .iztrec a:nth-of-type(1n){background-color: #FFEDEE;color: #F1516C;} .iztrec a:nth-of-type(2n){background-color: #EDFFF5;color: #45B97C;} .iztrec a:nth-of-type(3n){background-color: #F1EDFF;color: #796CB0;} .iztrec a:nth-of-type(4n){background-color: #EDFAFF;color: #009AD6;} .iztrec a:nth-of-type(5n){background-color: #FFF9ED;color: #DEA32C;} .iztrec a:nth-of-type(6n){background-color: #F1EDFF;color: #796CB0;} .iztrec a:nth-of-type(7n){background-color: #FFF9ED;color: #DEA32C;} .iztrec a:nth-of-type(8n){background-color: #EDFBFF;color: #2585A6;} .iztrec a:nth-of-type(9n){background-color: #FFEDFB;color: #C77EB5;} .iztrec a:nth-of-type(10n){background-color: #F1FFED;color: #7FB86E;} .iztrec a:nth-of-type(11n){background-color: #ffe5f0;color: #be6a8b;} .iztrec a:nth-of-type(12n){background-color: #ffe5e5;color: #e85454;} .iztrec a:nth-of-type(13n){background-color: #f3ffe5;color: #88d42f;} .iztrec a:nth-of-type(14n){background-color: #f7e5ff;color: #8957a1;} .iztrec a:nth-of-type(15n){background-color: #e5f9ff;color: #00b7ee;} .iztrec a:nth-of-type(16n){background-color: #fdffe5;color: #a6b314;} .iztrec a:nth-of-type(17n){background-color: #ffeee5;color: #ffab80;} .iztrec a:nth-of-type(18n){background-color: #e5faff;color: #43b3cb;} .iztrec a:nth-of-type(19n){background-color: #ffece5;color: #bf3504;} .iztrec a:nth-of-type(20n){background-color: #e5f4ff;color: #83a8c3;} .iztrec a:nth-of-type(1n):hover{color: #FFEDEE;background-color: #F1516C;} .iztrec a:nth-of-type(2n):hover{color: #EDFFF5;background-color: #45B97C;} .iztrec a:nth-of-type(3n):hover{color: #F1EDFF;background-color: #796CB0;} .iztrec a:nth-of-type(4n):hover{color: #EDFAFF;background-color: #009AD6;} .iztrec a:nth-of-type(5n):hover{color: #FFF9ED;background-color: #DEA32C;} .iztrec a:nth-of-type(6n):hover{color: #F1EDFF;background-color: #796CB0;} .iztrec a:nth-of-type(7n):hover{color: #FFF9ED;background-color: #DEA32C;} .iztrec a:nth-of-type(8n):hover{color: #EDFBFF;background-color: #2585A6;} .iztrec a:nth-of-type(9n):hover{color: #FFEDFB;background-color: #C77EB5;} .iztrec a:nth-of-type(10n):hover{color: #F1FFED;background-color: #7FB86E;} .iztrec a:nth-of-type(11n):hover{color: #ffe5f0;background-color: #be6a8b;} .iztrec a:nth-of-type(12n):hover{color: #ffe5e5;background-color: #e85454;} .iztrec a:nth-of-type(13n):hover{color: #f3ffe5;background-color: #88d42f;} .iztrec a:nth-of-type(14n):hover{color: #f7e5ff;background-color: #8957a1;} .iztrec a:nth-of-type(15n):hover{color: #e5f9ff;background-color: #00b7ee;} .iztrec a:nth-of-type(16n):hover{color: #fdffe5;background-color: #a6b314;} .iztrec a:nth-of-type(17n):hover{color: #ffeee5;background-color: #ffab80;} .iztrec a:nth-of-type(18n):hover{color: #e5faff;background-color: #43b3cb;} .iztrec a:nth-of-type(19n):hover{color: #ffece5;background-color: #bf3504;} .iztrec a:nth-of-type(20n):hover{color: #e5f4ff;background-color: #83a8c3;} .ztd_t{height: 290px;background: #fff;box-shadow: rgb(0 0 0 / 4%) 0px 10px 10px 0px;overflow: hidden;border-radius: 6px;} .ztd_t img{width: 500px;min-height: 290px;height: auto; float: left;object-fit: cover;} .ztd_t .info{width: 578px;margin: 0 20px;float: left;position: relative;} .ztd_t .info h3,.ztd_t .info h1{font-size: 30px;color: #333333;line-height: 32px;white-space: nowrap;overflow: hidden;font-weight: 600;margin-top: 36px;} .ztd_t .info p:nth-child(2){font-size: 16px;color: #a6a6a6;line-height: 18px;margin-top: 24px;} .ztd_t .info p:nth-child(2) i{width: 18px;height: 18px;display: inline-block;background: url(../images/iconwe.png) no-repeat left center ;vertical-align: bottom;margin-right: 8px;} .ztd_t .info p:nth-child(2) span{font-size: 16px;color: #666666;} .ztd_t .info p:nth-child(3){width: 600px;height: 115px;background: #f5f5fa;font-size: 16px;color: #808080;line-height: 32px;overflow-y: scroll;-webkit-box-orient: vertical;-webkit-line-clamp: 4;padding: 14px 20px 14px;margin-top: 24px;} .ztd_t .info p:nth-child(3)::-webkit-scrollbar { width: 5px; height: 10px; border-radius: 10px; background-color: transparent; } .ztd_t .info p:nth-child(3)::-webkit-scrollbar-track { background-color: transparent; } .ztd_t .info p:nth-child(3)::-webkit-scrollbar-thumb { background-color: #ddd; } .ztd_t .info p:nth-child(4){position: absolute;top: 92px;right: 0;font-size: 16px;color: #808080;line-height: 18px;} .ztd_t .info p:nth-child(4) i{width: 18px;height: 18px;display: inline-block;background: url(../images/iconwa.png) no-repeat left center ; vertical-align: bottom;margin-right: 8px;} .ztd_t .info p:nth-child(4) em{font-size: 16px;color: #56e39d;} /*原版样式备份----------------------------------------------------------------------------- .ztd_t{height: 290px;background: #fff;box-shadow: rgb(0 0 0 / 4%) 0px 10px 10px 0px;overflow: hidden;border-radius: 6px;} .ztd_t img{width: 576px;min-height: 290px;height: auto; float: left;object-fit: cover;} .ztd_t .info{width: 578px;margin: 0 20px;float: left;position: relative;} .ztd_t .info h3,.ztd_t .info h1{font-size: 30px;color: #333333;line-height: 32px;white-space: nowrap;overflow: hidden;font-weight: 600;margin-top: 36px;} .ztd_t .info p:nth-child(2){font-size: 16px;color: #a6a6a6;line-height: 18px;margin-top: 24px;} .ztd_t .info p:nth-child(2) i{width: 18px;height: 18px;display: inline-block;background: url(../images/iconwe.png) no-repeat left center ;vertical-align: bottom;margin-right: 8px;} .ztd_t .info p:nth-child(2) span{font-size: 16px;color: #666666;} .ztd_t .info p:nth-child(3){width: 536px;height: 88px;background: #f5f5fa;font-size: 16px;color: #808080;line-height: 32px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;padding: 14px 20px 14px;margin-top: 24px;} .ztd_t .info p:nth-child(4){position: absolute;top: 92px;right: 0;font-size: 16px;color: #808080;line-height: 18px;} .ztd_t .info p:nth-child(4) i{width: 18px;height: 18px;display: inline-block;background: url(../images/iconwa.png) no-repeat left center ; vertical-align: bottom;margin-right: 8px;} .ztd_t .info p:nth-child(4) em{font-size: 16px;color: #56e39d;} -----------------------------------------------------------------------------------------------------------*/ .ztd_all{padding: 30px 20px 0 20px;} .grtit1 p > i { width: 45px; height: 36px; display: inline-block; background: url(../images/gmicon.png) no-repeat left center; vertical-align: top; margin-right: 10px; } .grtit1{position: relative;} .grtit1 p{font-size: 18px;color: #1a1a1a;line-height: 40px;font-weight: 600;border-bottom: 2px solid #eeeeee;position: relative;} .grtit1 p span{position: absolute;bottom: -2px;left: 0;} .grtit1 p span em{display: inline-block;width: 112px;height: 2px;background: #56e39d;} .grtit1 p span i{width: 14px;height: 2px;display: inline-block;background: url(../images/icon3.png) no-repeat;} .grtit1>em{font-size: 14px;color: #333333;position: absolute;right: 0;top: 14px;} .grtit1>em span{font-size: 14px;font-weight: 600;color: #56e39d;margin: 0 3px;} .grtit1 a { font-size: 12px; line-height: 20px; color: #999999; font-weight: normal; float: right; margin-top: 8px; } .grtit1 a:hover { color: rgb(15, 207, 137); } /*游戏列表*/ .ztd_all ul{margin-top: 20px;} .ztd_all li{width: 218px;height: 258px;border: 1px solid #e6e6e6;border-radius: 8px;float: left;margin-right: 14px;margin-bottom: 15px;background: rgba(255, 255, 255, .2);} .ztd_all ul li:nth-child(5n){margin-right: 0;} .ztd_all ul li img{width: 100px;height: 100px;display: block;border-radius: 20px;margin: 20px auto 0;} .ztd_all ul li p:nth-child(2){font-size: 18px;color: #333333;text-align: center;width: 210px;white-space: nowrap;overflow: hidden;margin-top: 18px;line-height: 18px;} .ztd_all ul li p:nth-child(3){font-size: 14px;color: #999;text-align: center;margin-top: 10px;} .ztd_all ul li p:nth-child(3) span:nth-child(1){margin-right: 20px;} .ztd_all ul li a>span{display: block;width: 182px;height: 40px;border: 1px solid #56e39d;border-radius: 20px;text-align: center;line-height: 40px;font-size: 18px;color: #56e39d;margin: 14px auto 0;} .ztd_all ul li:hover{border-color: #56e39d;background: rgba(86,227,157,.2);} .ztd_all ul li.look a>span{border-color: #f98700 !important;color: #f98700 !important;} .ztd_all ul li.look:hover{border-color: #f98700;background: rgba(249,135,0,.2);} .ztd_all ul li.look:hover a>span{background: #f98700;color: #fff !important;} .ztd_all ul li.look:hover p:nth-child(2){color: #f98700;} .ztd_all ul li.look:hover p:nth-child(3){color: #f98700;} .ztd_all ul li:hover p:nth-child(2){font-weight: 600;color: #56e39d;} .ztd_all ul li:hover p:nth-child(3){color: #56e39d;} .ztd_all ul li:hover a>span{color: #fff;font-weight: 600;background: #56e39d;} /*详情*/ .kfgmL{box-sizing: border-box;margin-top: 20px !important;position: relative;border-radius: 6PX;background: #FFF;padding:0 20px 20px !important;} .kfgmL_t{ position: absolute;top: 16px;left: 160px;width: 580px;line-height: 36px;overflow: hidden;*zoom: 1; } .kfgmL_t li{position: relative;float: left;display: block;padding: 0 6px;margin: 0 8px 6px;font-size: 15px;color: #999;line-height: 48px;border-bottom:3px solid transparent;cursor: pointer;} .kfgmL_t li:after{content: "";position: absolute; left: 50%; margin-left: -5px;bottom: -14px; width: 0;height: 0;border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid transparent; border-top: 6px solid transparent;font-size: 0;line-height: 0;} .kfgmL_t li.on{font-size: 18px;color: #4CD393;border-bottom-color: #1BCC83;} .kfgmL_t li.on:after{border-top-color:#1BCC83 ;} .kfgmL_t li:nth-of-type(n+2):before{content: "/";position: absolute;left: -10px;display: inline-block;font-size: 15px;color: #ccc;} .kfgmL_t li:hover{color:#1BCC83;} .loadcnr{padding:20px;font-size: 16px;line-height: 28px;color: #666;background: #fff;border-radius: 6px 6px 0 0 ;box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px;margin-top: 20px;} .loadcnr h3 { display: inline-block; line-height: 32px; padding-bottom: 8px; font-size: 18px; color: #4CD393; font-weight: bold; border-bottom: 1.5px dotted #4CD393; margin-bottom: 12px; } .loadcnr p{ line-height: 28px; color: #1D2135; margin-bottom: 15px; text-indent: 2em; } .loadcnr img{display: block;margin:auto;max-width: 80%;} .loadcnr .playTag{border: 1px #eaeaea dashed;} .sixrjt{ border-bottom: 1px solid #efefef; width: 100%; padding: 20px; box-sizing: border-box; } .topfy{margin-top: -60px;} .loadctag{width: 790px; height: 60px; background: linear-gradient(90deg, #FFECE6 0%, #EFF8FF 100%); border-radius: 6px; margin: 20px; overflow: hidden; } .loadctag .icon{background: url(../images/tagico.png) no-repeat 20px center;width: 67px;height: 50px;display: inline-block;float: left;margin: 9px 8px 1px 7px;} .loadctag .info{float: left;margin-top: 13px;} .loadctag .info span:nth-child(1){font-size: 16px;color: #333333;width: 32px;display: block;font-weight: 600;line-height: 20px;} .loadctag .info span:nth-child(2){font-size: 16px;color: #FF695A;width: 32px;display: block;font-weight: 600;line-height: 20px;} .loadctag .tagr{float: left; margin-left: 30px; font-size: 16px; color: #333; line-height: 60px; white-space: nowrap; overflow: hidden; max-width: 608px;} .loadctag .tagr a{margin-right: 15px;} .phbB .more{height:50px;background-color:#fff;text-align:center;line-height:50px;font-size:16px;} .loadcsite{margin: 20px auto 0 auto;padding: 20px;background: #fff;box-sizing: border-box;border-radius: 6px;box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px;} .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{ margin-bottom: 10px;margin-top: 0;display: inline-block;padding: 5px 9px; background: #85BD52; line-height: 18px; color: #FFF; font-size: 14px;} .addY .u-first-top{ position: relative; overflow: hidden; height: 65px; padding: 0px 0px 0px 75px; margin: 0 0px 10px; } .u-first-top a { display: block; } .addY a i { position: absolute; left: 0px; top: 0px; width: 65px; height: 65px; } .addY a i img { width: 65px; height: 65px; } .addY a p { height: 26px; line-height: 26px; font-size: 16px; color: #333; margin-top: 5px; overflow: hidden; } .addY a span { display: block; color: #fff; height: 24px; line-height: 24px; color: #fff; font-size: 14px; background: #ff5555; width: 80px; border-radius: 4px; margin: 6px 0 0 0; text-align: center; } .addE{width: 100%;display: inline-block;} .addE p{margin-top: 0;display: inline-block;padding: 5px 9px; background: #85BD52; line-height: 18px; color: #FFF; font-size: 14px;} .addE a{width: auto; height: 40px; line-height: 40px; margin-top: 6px; text-align: center; display: inline-block; margin-right: 20px; background: url(../images/c_dlink.png) no-repeat left center; padding-left: 22px; } .addE a:hover{opacity: .8;} .addE ul{width: 100%;} .addE ul li{float: left;} .addressC{position:relative;margin-top: 20px;} .addressB{ position: absolute;top: -73px;left: 160px;width: 580px;line-height: 36px;overflow: hidden;*zoom: 1; } .addressB li{position: relative;float: left;display: block;padding: 0 6px;margin: 0 8px 6px;font-size: 15px;color: #999;line-height: 48px;border-bottom:3px solid transparent;cursor: pointer;} .addressB li:after{content: "";position: absolute; left: 50%; margin-left: -5px;bottom: -14px; width: 0;height: 0;border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid transparent; border-top: 6px solid transparent;font-size: 0;line-height: 0;} .addressB li.m-hover{font-size: 18px;color: #4CD393;border-bottom-color: #1BCC83;} .addressB li.m-hover:after{border-top-color:#1BCC83 ;} .addressB li:nth-of-type(n+2):before{content: "/";position: absolute;left: -10px;display: inline-block;font-size: 15px;color: #ccc;} .addressB li:hover{color:#1BCC83;} .gdlLike .tabCont{padding:23px 28px 16px;} .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: #ff5555; 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;} .loadcy{ float: left; width: 322px; } .bagiwi{background:rgb(239, 239, 239);border: 1px solid rgb(226, 226, 226);box-sizing: border-box;} .loadcz{ width: 856px; float: left; } .top20{margin-top: 20px;} .loadhead{height: 300px;background: #fff url(../images/load1.png) no-repeat;background-size: 100% 100%;border-radius: 6px;box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px;} .loadhead .loadl{float: left;position: relative;height: 100%;} .loadhead .loadr{float: right;} .loadhead .loadl img{width: 200px;height: 200px;border-radius: 40px;display: block;margin: 30px 30px 0 30px;float: left;} .loadhead .loadl .info{float: left;width: 600px;} .loadhead .loadl .info h1{font-size: 28px;color: #333333;font-weight: 600;line-height: 34px;margin-top: 45px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .loadhead .loadl .info h1 span{display: inline-block;width: 48px;height: 26px;border: 1px solid #ccc;border-radius: 14px;color: #ccc;font-size: 15px;line-height: 26px;text-align: center;margin-left: 12px;vertical-align: bottom;} .loadhead .loadl p:nth-child(2){margin-top: 20px;width: 100%;max-height: 72px;overflow: hidden;} .loadhead .loadl p:nth-child(2) a{height: 32px;background: #f1f1f1;border-radius: 16px;line-height: 32px;text-align: center;font-size: 16px;color: #666;display: inline-block;margin-right: 15px;padding: 0 24px;margin-top: 4px;} .loadhead .loadl .info ul{margin-top: 24px;overflow: hidden;} .loadhead .loadl .info ul li{float: left;width: 200px;font-size: 16px;color: #AAAAAA;line-height: 16px;margin-bottom: 20px;} .loadhead .loadl .info ul li span{font-size: 16px;color: #666;} .loadhead .loadl .info ul li:nth-child(2){width: 400px;} .loadhead .loadl .info ul li:nth-child(4){width: 400px;} .loadbox{float: left;} .loadbox a{width: 150px;height: 50px;text-align: center;font-size: 16px;color: #fff;line-height: 50px;display: inline-block;margin-right: 15px;border-radius: 6px;} .loadbox a.and{background: #FF7D3C;} .loadbox a.ios{background: #42C26F;} .loadbox a.pc{background: #4BC2EC;} .loadbox a.noload{background: #CCCCCC;width: 180px;} .loadbox i{width: 16px;height: 22px;display: inline-block;margin-right: 6px;vertical-align: middle;background: url(../images/down2.png) no-repeat;} .loadbox a.and i{background-position: -18px 0px;} .loadbox a.ios i{background-position: 0px 0px;} .loadbox a.pc i{background-position: -37px 0px;width: 18px;} .loadbox a.noload i{background-position: -78px 0px;width: 18px;} .loadhead .loadr p{display: block;width: 141px;height: 131px;background: url(../images/star.png) no-repeat;font-size: 47px;font-weight: 600;color: #FF7D3C;line-height: 136px;text-align: center;margin: 58px 47px 0 0;} .loadhead .loadr span{display: block;width: 84px;height: 24px;background: #FFF5DE;border-radius: 12px;font-size: 14px;color: #FF7D3C;text-align: center;line-height: 24px;position: relative;text-indent: 1em;margin-left: 28px;margin-top: 12px;} .loadhead .loadr span.up{background: #FFF5DE;color: #FF7D3C;} .loadhead .loadr span.doup{background: #F4F5F5;color: #AAAAAA;margin-top: 10px;} .loadhead .loadr span i{width: 13px;height: 12px;display: inline-block;position: absolute;left: 15px;top: 7px;} .loadhead .loadr span.up i{background: url(../images/indz.png) no-repeat;} .loadhead .loadr span.doup i{background: url(../images/indn.png) no-repeat;} .loadcintel{ width: 100%; padding: 0px 20px 20px; background: #fff; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px; margin-top: 20px; box-sizing: border-box; } .loadcintel ul{ margin-top: 20px; } .loadcintel li{ width: 48%; float: left; margin-right: 4%; box-sizing: border-box; height: 26px; line-height: 26px; border-left: 3px solid #b7b7b7; border-bottom: 1px dotted #ddd; padding-left: 10px; margin-bottom: 15px; } .loadcintel li:nth-child(2n){ margin-right: 0; } .loadcintel li p{ display: inline-block; float: left; color: #999; } .loadcintel li span{ float: right; display: inline-block; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .loadcintel li a, .loadcintel li .qcann { color: rgb(236, 0, 62); cursor: pointer; } .loadcintel li a:hover, .loadcintel li .qcann:hover { color: rgba(255, 16, 16, 0.62); } .loadcintel li a, .loadcintel li .qcann2 { color: rgb(236, 0, 62); cursor: pointer; } .loadcintel li a:hover, .loadcintel li .qcann2:hover { color: rgba(255, 16, 16, 0.62); } .newBox .loadcxg{margin-left: 0;margin-right: 30px;margin-top: 40px;} .newBox .loadcxg .searce-y{padding: 0;} .newBox .loadcxg .searce-y li{width: 257px;} .newBox .loadcxg .searce-y li .info{width: 152px;} .newBox .loadcnew{margin-left: 0;margin-right: 30px;margin-top: 0;} .newBox .loadcnew ul{width: 393px;} .newBox .loadcpl{margin-left: 0;margin-right: 30px;} /*最新更新*/ #newList .tab{display: none;} #newList .tab.on {display: block;} /*排行榜*/ .phbBpl .phbB-li .praise{width:150px;position: absolute;right: 82px;top: 186px;height: 30px;margin: 0px auto;background: none;text-align: center;} .phbBpl .phbB-li #praise{float: none;width: 20px;height: 20px;display: inline-block;vertical-align: top;display: inline-block;} .phbBpl .phbB-li .praise img{width: 20px !important;height: 20px;} .phbBpl .phbB-li #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%;} .phbBpl li{position: relative;} .phbB-r ul{height: 1935px;overflow: hidden;} .phbB-r ul.show{ height: auto;} .phbB-li{ width:1200px;margin:10px auto 0 auto} .phbB-li li{width:100%;height:172px;margin:0 0 20px 0;background-color:#fff;overflow:hidden;box-shadow:0 10px 10px 0 rgba(0,0,0,.04);border:1px solid transparent;border-radius: 6px;} .phbB-li li:hover{border:1px solid #56e39d;box-shadow: 0px 10px 10px 0px rgba(86,227,157,0.15);} .phbB-li li:hover .intro h3{color:#56e39d} .phbB-li li em{display:inline-block;width:62px;margin:74px 24px 0 28px;font-size:34px;font-weight:800;line-height:30px;text-align:center;color:#959d9d;float:left;letter-spacing:-3px} .phbB-li:nth-child(1) li:first-child em{color:#ffbe0d} .phbB-li:nth-child(1) li:nth-child(2) em{color:#8da2b7} .phbB-li:nth-child(1) li:nth-child(3) em{color:#cf844c} .phbB-li li a{display:block;width:100%;height:100%} .phbB-li li a>img{width:120px;height:120px;margin:26px 24px 0 0;float:left;border-radius:26px} .phbB-li li .intro{margin:39px 32px 0 0;float:left} .phbB-li li .intro>div{overflow:hidden} .phbB-li li .intro h3{height:31px;margin:0 41px 0 0;color:#333;font-size:30px;line-height:31px;font-weight:700;float:left} .phbB-li li .intro span{display:inline-block;height:14px;margin:18px 0 0 0;font-size:14px;font-weight:400;color:#999;line-height:14px} .phbB-li li .intro span i:first-child{margin:0 20px 0 0;} .phbB-li li .intro p{width:698px;margin:15px 0 0 0;color:#666;font-size:16px;font-weight:400;line-height:20px;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-all} .phbB-li li a>span{display:block;width:184px;height:42px;margin:65px 0 0 0;color:#fff;background:linear-gradient(90deg,#5df5a9 0,#56e39d 100%);font-size:18px;font-family:Microsoft YaHei;font-weight:700;line-height:42px;text-align:center;border-radius:21px;float:left} .phbBTop{ width: 1200px; margin: 20px auto; } .phbBTop .post-n{margin-top: 0;color: rgb(255, 255, 255);opacity: .5;} .phbBTop .post-n a{color: #fff;opacity: .5;} /*开服表*/ .todayTi{box-sizing: border-box;padding-top: 10px;} .todayTi h1{height:66px;line-height: 70px;font-size: 26px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;color: #333;font-weight: normal; } .todayTi .todayTi_t{font-size: 14px;color: #999;text-align: center;} .todayTi .todayTi_l{font-size: 13px;color: #afafaf;height: 22px;line-height: 20px;margin-bottom: 30px;} .todayTi .todayTi_l b{font-weight: normal;margin-left: 20px;background: url(../images/iconwe.png) no-repeat;background-size: 18px 18px;padding-left: 23px;} .todayTi .todayTi_l font{background: url(../images/iconwf.png) no-repeat; background-size: 18px 18px;padding-left: 23px;} .tableBe .loadcnr{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 .loadcnr,.tableBe .loadcpl{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;} /*弹窗*/ .hide{display: none;} .power{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 20; } .power2{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.7); z-index: 20; } .powerN{ position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 30; height: 520px; width: 560px; box-sizing: border-box; background: transparent; border-radius: 20px; } .powerN .powerC{ display: inline-block; width: 26px; height: 26px; background: url(../images/yxbclose.png) no-repeat; position: absolute; right: 20px; top: 20px; cursor: pointer; } .powerN .powerC2{ display: inline-block; width: 26px; height: 26px; background: url(../images/yxbclose.png) no-repeat; position: absolute; right: 20px; top: 20px; cursor: pointer; } .powerN .powerB{position: relative; width: 100%; height: 68px; background-image: url(../images/qxbg.png); background-repeat: no-repeat; background-color: #fff; background-size: 560px 96px; text-align: center; border-top-left-radius: 8px; border-top-right-radius: 8px;font-size: 26px; font-weight: bold; padding-top: 106px; white-space: nowrap; color: #19b955; overflow: hidden;} .powerM{ background-color: #fff; position: relative; padding: 10px; top: -30px; border-radius: 20px; } .powerMr{ display: block; width: 490px; height: 400px; border-radius: 20px; padding: 0 10px 0 15px; line-height: 42px; font-size: 16px; margin: 10px auto; overflow: auto; border: 1px #eaeaea solid; } .powerM p{ line-height: 42px; font-size: 16px; } .powerM strong{ line-height: 42px; font-size: 16px; } .rig-rmtj{ background:#fff url(../images/zthot.png) no-repeat left bottom; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px; width: 280px; height: 382px; position: relative; padding: 14px 20px 0; } .rig-rmtj ul{overflow: hidden;margin-top: 28px;} .rig-rmtj ul.listItem2{display: none;} .rig-rmtj ul li{float: left;margin-right: 20px;margin-bottom: 20px;} .rig-rmtj ul li:nth-child(3n){margin-right: 0;} .rig-rmtj ul li img{width: 80px;height: 80px;display: block;border-radius: 16px;} .rig-rmtj ul li p{font-size: 16px;color: #333333;text-align: center;width: 80px;white-space: nowrap;overflow: hidden;line-height: 18px;margin-top: 12px;} .rig-rmtj ul li:hover p{color: #56e39d;font-weight: 600;} .rig-rmtj ul li:hover img{opacity: .8;} .rig-rmtj>span{display: block;width: 88px;height: 32px;text-align: center;line-height: 32px;color: #fff;background: #56e39d;border-radius: 6px;position: absolute;bottom: 26px;left: 116px;cursor: pointer;} .rig-tag{ border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px; width: 280px; position: relative; padding: 14px 20px 10px; background: #fff; margin: 24px 0; } .rig-tag ul{margin-top: 28px;overflow: hidden;} .rig-tag ul li{width: 86px;height: 28px;float: left;margin-right: 10px;margin-bottom: 12px;} .rig-tag ul li:nth-child(3n){margin-right: 0;} .rig-tag ul li a{width: 58px;height: 28px;display: block;padding: 0 14px;border-radius: 14px;color: #fff;text-align: center;line-height: 28px;} .rig-tag ul li:nth-child(1) a{background: #f36e5d;} .rig-tag ul li:nth-child(2) a{background: #fabf00;} .rig-tag ul li:nth-child(3) a{background: #61bba1;} .rig-tag ul li:nth-child(4) a{background: #92d1f4;} .rig-tag ul li:nth-child(5) a{background: #f9abb8;} .rig-tag ul li:nth-child(6) a{background: #a37bad;} .rig-tag ul li:nth-child(7) a{background: #b6ddc8;} .rig-tag ul li:nth-child(8) a{background: #30aed1;} .rig-tag ul li:nth-child(9) a{background: #f5ae7a;} .rig-tag ul li:nth-child(10) a{background: #c49990;} .rig-tag ul li:nth-child(11) a{background: #81c347;} .rig-tag ul li:nth-child(12) a{background: #d6a7c9;} .rig-tag ul li:nth-child(13) a{background: #98bce4;} .rig-tag ul li:nth-child(14) a{background: #c6ae92;} .rig-tag ul li:nth-child(15) a{background: #f4c6a2;} .rig-tag ul li:nth-child(16) a{background: #f36e5d;} .rig-tag ul li:nth-child(16+n) a{background: #56e39d;} .rig-phb{ border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px; width: 280px; position: relative; padding: 14px 20px 24px; background: #fff; margin: 24px 0; } .rig-phb ul{margin-top: 8px;overflow: hidden;} .rig-phb ul li{width: 280px;border-bottom: 1px dashed #eee;} .rig-phb ul li .tBox{height: 110px;padding-top: 20px;} .rig-phb ul li .tBox em{margin-top: 32px;} .rig-phb ul li .fBox{height: 42px;} .rig-phb ul li .fBox em{margin-top: 9px;} .rig-phb ul li .fBox p{float: left;width: 170px;white-space: nowrap;overflow: hidden;display: inline-block;font-size: 16px;color: #333333;line-height: 42px;margin-left: 15px;} .rig-phb ul li .fBox span{float: right;font-size: 16px;color: #666666;line-height: 42px;} .rig-phb ul li em{float: left;width: 24px;height: 24px;display: block;background: #c4d0db;color: #fff;line-height: 24px;text-align: center;border-radius: 6px;} .rig-phb ul li:nth-child(1) em{background: #f44334;} .rig-phb ul li:nth-child(2) em{background: #fe7416;} .rig-phb ul li:nth-child(3) em{background: #f8b551;} .rig-phb ul li img{width: 90px;height: 90px;display: block;border-radius: 25px;float: left;margin: 0 15px;} .rig-phb ul li:hover img{opacity: .8;} .rig-phb ul li .info{width: 135px;float: left;} .rig-phb ul li .info p:nth-child(1){font-size: 18px;color: #333;line-height: 20px;} .rig-phb ul li:hover .info p:nth-child(1){color: #56e39d;font-weight: 600;} .rig-phb ul li .info p:nth-child(2){font-size: 16px;color: #a6a6a6;line-height: 18px;margin-top: 10px;} .rig-phb ul li .info p:nth-child(2) span{color: #666666;} .rig-phb ul li .info p:nth-child(3){display: block;width: 84px;height: 30px;line-height: 30px;text-align: center;color: #fff;background: #56e39d;margin-top: 10px;border-radius: 6px;border: 1px solid #56e39d;} .rig-phb ul li.look .info p:nth-child(3){background: rgba(255, 188, 3, .1);border-color: #ffbc03;color: #ffbc03;} .rig-phb ul li.look:hover .info p:nth-child(1){color: #ffbc03;} .rig-new{ border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px; width: 280px; position: relative; padding: 14px 20px 10px; background: #fff; margin: 24px 0; } .rig-new ul{margin-top: 18px;} .rig-new ul li{display: inline-flex;margin-bottom: 16px;width: 100%;} .rig-new ul li a{width: 100%;display: inline-flex;} .rig-new ul li p{font-size: 16px;color: #4c4c4c;line-height: 18px;display: inline-block;width: 230px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float: left;} .rig-new ul li:hover p{font-weight: 600;color: #56e39d;} .rig-new ul li span{font-size: 14px;color: #999999;line-height: 20px;width: 50px;text-align: right;} .nxqy{ background: url(../images/newde1.png) no-repeat; background-color: rgba(0, 0, 0, 0); height: 165px; position: relative; background-color: #fff; } .kfgmLz{line-height: 30px;font-size: 16px;} .zqdqtit{width: 1200px;margin: 20px auto 0 auto;} .zqdqtit .titleG3{background: #fff;margin-bottom: 0;padding: 0 20px;} .zqdqtit ul{width:1180px;padding:26px 0 26px 20px;background: url(../images/whiteBg.png) no-repeat;background-size:1200px 100%;overflow:hidden} .zqdqtit ul li{padding: 0 12px;height:49.5px;margin:0 10px 20px 0;background-color:#DBFFED;float:left;border-radius:8px;position: relative;} .zqdqtit ul li>a{display:block;width:100%;height:100%;color:#56e39d;font-size:16px;line-height:50px;text-align:center;} .zqdqtit ul li::after{display: block;width: 15px;height: 15px;background-color: #DBFFED;content:"";border: 2px solid #FFFFFF;border-radius:50%;box-sizing: border-box;position: absolute;left: 50%;bottom: -7.5px;margin:0 0 0 -7.5px;} .zqdqtit ul li:hover>a{color:#fff} .zqdqtit ul li:hover{background-color:#56E39D;} .zqdqtit ul li:hover::after{background-color: #56E39D;} .yckfb{ width: 100%; padding: 0px 20px 20px; background: #fff; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px; margin-top: 20px; box-sizing: border-box; } .yckfb .todayNr .cont{width: 100%;margin: 0;} .yckfb .todayYxb span:nth-child(1) { width: 90px; }.yckfb .todayYxb span:nth-child(2) { width: 170px; }.yckfb .todayYxb span:nth-child(3) { width: 130px; }.yckfb .todayYxb span:nth-child(4) { width: 100px; }.yckfb .todayYxb span:nth-child(5) { width: 100px; }.yckfb .todayYxb span:nth-child(6) { width: 110px; }.yckfb .todayYxb span:nth-child(7) { width: 110px; } .yckfb .todayNr ul li > a:nth-of-type(1) { width: 170px; }.yckfb .todayNr ul li span:nth-of-type(2) { width: 130px; }.yckfb .todayNr ul li span:nth-of-type(3) { width: 100px; }.yckfb .todayNr ul li span:nth-of-type(4) { width: 100px; }.yckfb .todayNr ul li span:nth-of-type(5) { width: 110px; }.yckfb .todayNr ul li span:nth-of-type(6) { width: 110px; } .yckfb .todayNr ul li span:nth-of-type(1) { width: 90px; } .yckfb .todayNr ul li{height: 50px;} .article_gallerybj{padding: 20px; min-height: calc(100vh - 500px);width: 100%;box-sizing: border-box;background: #fff;border-radius: 6px;box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 6px 0px;} .article_gallery1{color: #fff; padding: 10px 0 10px;} .article_gallery1 h1{text-align: center; font-size: 32px; font-weight: bold; margin-bottom: 30px;} .article_gallery1 .bod{position: relative;} .article_gallery1 .bod .swiper-slide{z-index: 1;} .article_gallery1 .bod .swiper-slide img{transform: scale(0.92);} .article_gallery1 .bod .swiper-slide .info{display: none;} .article_gallery1 .bod .swiper-slide.swiper-slide-active{z-index: 2;} .article_gallery1 .bod .swiper-slide.swiper-slide-active img{transform: scale(0.98);} .article_gallery1 .bod .swiper-slide.swiper-slide-active .info{display: flex; align-items: center; justify-content: space-between; height: 80px; padding: 0 30px; background: #333;} .article_gallery1 .bod .swiper-slide.swiper-slide-active .info p{font-size: 20px; margin-right: 20px;} .article_gallery1 .bod .swiper-slide.swiper-slide-active .info a{width: 174px; height: 52px; background: #2DC87A; color: #fff; border-radius: 15px; flex-shrink: 0; text-align: center; line-height: 52px;} .article_gallery1 .bod .img{position: relative;} .article_gallery1 .bod:before{content: ""; position: absolute; bottom: 80px; left: 0; right: 0; height: 50%; background: #000; z-index: 1;} .article_gallery1 .bod .img img{width: 100%;height: 600px;object-fit: cover;} .article_gallery1 .bod .swiper-button-next,.article_gallery1 .bod .swiper-button-prev{opacity: 1; width: 60px; height: 60px; background: #8B8B8B; border-radius: 15px;} .article_gallery1 .bod .swiper-button-next:after,.article_gallery1 .bod .swiper-button-prev:after{font-size: 28px; color: #fff;} .article_gallery1 .bod .swiper-button-next{right: -100px;} .article_gallery1 .bod .swiper-button-prev{left: -100px;} .article_gallery1 .bod2{padding: 20px 0 0 0; overflow: hidden;} .article_gallery1 .bod2 .swiper-container,.article_gallery1 .bod2 .swiper-container .swiper-wrapper{overflow: visible;} .article_gallery1 .bod2 .swiper-slide{height: 102px;width:138px !important;} .article_gallery1 .bod2 .swiper-slide img{width: 100%; height: 100%; object-fit: cover;} .article_gallery1 .bod2 .swiper-slide.swiper-slide-thumb-active{transform: scale(1.1); border: 2px solid #F36161;} /****240113最新更新2*****/ .zlbtodaytab td.zxlb_cw{ text-align: left; padding-left: 30px; color: #444; width: 100px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;} .zlbtodaytab td.zxlb_cw 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_cw 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;} /* 基础表格样式 */ .nxq-n table { border-collapse: collapse; width: 100%; font-family: Arial, sans-serif; } .nxq-n tbody td, th { border: 1px solid #ddd; padding: 8px; text-align: left; } .nxq-n tbody th { background-color: #f8f9fa; color: #333; } .nxq-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; }