body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} * {margin: 0;padding: 0;}body,html {overflow-y: auto;overflow-x: hidden;} .clearfix{margin-right:auto;margin-left:auto;*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both} b,em,i{font-style:normal;font-weight:normal;} body{margin:0;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;font-size:14px;line-height:20px;color:#454545;position:relative;} html,body{width:100%;min-width:1200px;margin:0 auto;overflow-x:hidden;min-height:1000px;background-color:#f7f8fc;} button,input,select,textarea,th{background:#fff;font-size:12px;line-height:1.5em;font-family:"Microsoft Yahei",Arial,Tahoma,Helvetica,"SimSun","Hiragino Sans GB",sans-serif;} header, section, footer, aside, nav, article, figure{display: block;} a{color:#333;text-decoration:none;} 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;} .rotate360:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);} a:hover{color: #EF493C;} .rotate360{-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;} .cfx{margin-right:auto;margin-left:auto;*zoom:1}.cfx:before,.cfx:after{display:table;content:"";line-height:0}.cfx:after{clear:both} .cx{overflow: hidden;*zoom: 1;} .fl{float:left;} .fr{float:right;} .hide{display:none;} a{cursor: pointer;} img{vertical-align: top;border: 0;} a img:hover{opacity: 0.9;cursor: pointer;} .ico{background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;} body{background: url(../image/pagebg.png) no-repeat;background-size:100% auto;background-color: #f7f8fc;} .wrap{width: 1200px;margin: auto;} .iTit{position: relative;overflow: hidden;*zoom:1;} .iTit strong{position: relative;z-index: 1;float: left;display: block;margin-top: 17px;height: 48px;line-height: 48px;font-size: 22px;color: #000;font-weight: bold;} .iTit strong i{color: #EF493C;font-weight: bold;margin-left: 8px;} .iTit span{position: absolute;top: 0;left: 0;height: 54px;line-height: 54px;font-size: 14px;color:rgba(0,0,0,.1);font-weight: bold;} .iTit a{position: relative;z-index: 1;float: right;display: block;font-size: 14px;color: #B3B3B3;height: 32px;line-height: 32px;margin-top: 29px;} .iTit a:after{content: "";position: relative;top: 1px;margin-left: 4px;display: inline-block;width: 14px;height: 14px;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;background-position: -76px -3px;} .iTit a:hover {color: #EF493C;;} .iTit a:hover:after {background-position: -76px -19px;} /* .iTit strong:after{content: "";position: absolute;top: -12px;right: -50px;display:block;width: 42px;height: 28px; background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;} .iTit strong.yt:after{background-position: -3px -342px;} .iTit strong.bt:after{background-position: -57px -342px;} .iTit strong.ot:after{background-position: -111px -342px;} .iTit strong.pt:after{background-position: -165px -342px;} .iTit strong.kt:after{background-position: -219px -342px;} */ header{width: 1200px;height: 88px;padding: 20px 0;margin: 18px auto 0;} header>a{float: left;width: 266px;height: 86px;display: block;overflow: hidden;} header>a img{width: auto;height: 76px;margin-top: 6px;} header nav{float:right;max-width: 890px;height: 88px;text-align: right;font-size: 0;} header nav a{display:inline-block;position: relative;padding: 23px 11px 14px;margin-left: 26px;line-height: 24px;text-align: center;font-size: 22px;color: #4D4D4D;font-weight: bold;white-space: nowrap;overflow: hidden;} header nav a span{display: block;font-size: 14px;font-weight: 400;margin-top: 3px;} header nav a:hover{color: #EF493C;} header nav a.current{color: #EF493C;background: #fff;box-shadow: 0px 6px 12px 0px rgba(51,15,13,0.1);border-radius: 14px} footer{width: 100%;color: #A8A8A8;font-size: 14px;background: url(../image/footerbg.png) no-repeat;background-size: 100% 100%;text-align: center;} footer>div{position: relative;width:1200px;margin:0 auto;height: auto;padding: 60px 0 55px;line-height: 24px;} footer>div .info p:nth-of-type(1) a{font-size: 14px;color: #A8A8A8;} footer p{margin-bottom: 10px;} footer p a{margin:0 5px;color: #bcbcbc;} footer p span{margin: 0 10px;} footer .info a:hover{color: #cfcfcf !important;} footer .img{display: block;margin-bottom: 46px;text-align: left;} footer .img img{width: 280px;height: auto;} .iFriLink{position: absolute;top:50px;left: 362px;width: 838px;text-align: left;} .iFriLink .fTit{position: relative;display: block;font-size: 18px;color: #A8A8A8;font-weight: bold;line-height: 50px;} .iFriLink .fTit:after{content: "";position: relative;top: 26px;display: inline-block;vertical-align: top;width: 740px;height: 1px;border-top: 1px dotted #A2A2A2;margin-left: 18px;} .iFriLink .list a{position: relative;color: #A8A8A8;font-size: 14px;line-height: 30px;margin-right: 40px;} .iFriLink .list a:hover{color: #EF493C;} .iFriLink .list a:last-of-type:after{display: none;} .guideNav {position: absolute;top:30px;left: 310px;width: 930px;max-height: 130px;text-align: left;overflow: hidden;*zoom: 1;} .guideNav dl {position: relative;float: left;width: 187px;padding:0 15px 0 25px;border-right: 1px solid #454545;} .guideNav dl:last-of-type {border: 0} .guideNav dl dt {display: block;overflow: hidden;white-space: nowrap;font-size: 16px;color: #cecece;font-weight: 700;line-height: 24px;margin-bottom: 10px} .guideNav dl dd {float: left;width: 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis} .guideNav dl dd a {font-size: 14px;color: #999;line-height: 24px} .guideNav dl dd a:hover {color: #fff} .crumb{width: 1200px;margin: auto;margin-bottom: 24px;} .crumb,.crumb a{font-size:14px;} .crumb div{position: relative;display: inline-block;border-bottom: 1px solid #4D4D4D;padding-right: 20px;} .crumb div:after{content: "";position: absolute;right: 0;bottom: -1px;width: 20px;height: 13px;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;background-position: -305px -3px;} .crumb a{position: relative;color: #4D4D4D;} .crumb a:nth-of-type(n+2):before{content: "";display: inline-block;width: 5px;height: 10px;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;background-position: -341px -3px;margin-left: 5px;margin-right: 6px;} .crumb span{position: relative;color: #EF493C;} .crumb span:before{content: "";display: inline-block;width: 5px;height: 10px;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;background-position: -357px -3px;margin-left: 5px;margin-right: 6px;} .crumb i{display:inline-block;width:17px;height:15px;background-position: -244px -3px;margin-right:6px;position:relative;top:2px;} .crumb a:hover{color:#EF493C;} .pagecode{padding:1px 0 4px;text-align:center;font-size:18px;color: #949799;} .pagecode a{padding:8px 19px;margin:0 5px;color:#8D8E93;text-decoration:none;background-color:#fff;border-radius: 3px;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);} .pagecode>span{display: inline-block;line-height: 40px;height: 40px;border-radius: 3px;} .pagecode span a{display: block;padding:0;min-width: 40px;line-height: 40px;text-align: center;border-radius: 3px;} .pagecode a i{display: inline-block;width: 9px;height: 16px;position: relative;top: 2px;} .pagecode a i.ll{background-position: -126px -3px;} .pagecode a i.lr{background-position: -146px -3px;} .pagecode a:hover i.ll{background-position: -126px -21px;} .pagecode a:hover i.lr{background-position: -146px -21px;} .pagecode a:hover{color:#fff;background-color: #EF493C;} .pagecode a.current,.pagecode a.current:hover{color:#fff;background-color: #EF493C;padding: 8px 15px;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);} .pagecode a.disabled,.pagecode a.disabled:hover{color:#666;background-color:#efefef;cursor:default;} .iRecTop{width: 1200px;margin: auto;margin-top: 43px;margin-bottom: 24px;} .iRecTopL {position: relative;float: left;margin-right: 24px;width: 660px;height: 420px;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;overflow: hidden;} .iRecTopL ul {position: relative;overflow: hidden;*zoom: 1;} .iRecTopL li {position: relative;float: left;width: 660px;height: 420px;} .iRecTopL li img {display: block;width: 660px;min-height: 420px;height: auto;} .iRecTopL p {display: block;width: 612px;height: 70px;line-height: 70px;position: absolute;left: 0;bottom: 0;padding:51px 24px 0 ;font-size: 24px;color: #fff;background: linear-gradient(0deg, #1F2227 0%, rgba(50,53,60,0) 100%);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} :root .iRecTopL p {filter: none} .iRecTopL .dot{position: absolute;width: 30px;bottom: 20px;right: 23px;overflow: hidden;*zoom: 1;} .iRecTopL .dot div {padding-right: 5px;float: right} .iRecTopL .dot i {float: left;display: block;width: 10px;height: 10px;overflow: hidden;margin: 0 0 4px 4px;background-color: rgba(255,255,255,.5);cursor: pointer} .iRecTopL .dot i.current {background: #fff} .iRecTopM{float: left;width: 198px;height: 420px;margin-right: 20px;} .iRecTopM a{position: relative;display: block;width: 198px;height: 198px;-webkit-transform: translate3d(0,0,0);transform: translateZ(0); border-radius: 12px;overflow: hidden;-webkit-transition: all linear .2s;transition: all linear .2s;} .iRecTopM a img{display: block;width: 198px;height: 198px;} .iRecTopM a:nth-of-type(1){margin-bottom: 24px;} .iRecTopM a p{display: block;width: 166px;height: 44px;line-height: 44px;position: absolute;left: 0;bottom: 0;padding:154px 16px 0 ;font-size: 16px;color: #fff;font-weight: bold;background: linear-gradient(0deg, rgba(43,34,39,.9) 0%, rgba(50,53,60,0.15) 51%, rgba(50,53,60,0) 100%);border-radius: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .iRecTopM a p i{position: absolute;right: 16px;bottom: 12px;display: block;width: 18px;height: 18px;background-position: -47px -3px;} .iRecTopM a span{position: absolute;top: 14px;right: 16px;font-size: 14px;color: #EF493C;padding: 0 8px;line-height: 24px;background: rgba(0,0,0,.8);border-radius: 12px;);} .iRecTopM a span:before{content: "";position: relative;top:1px;margin: 0 3px;display: inline-block;width: 14px;height: 12px;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;background-position: -101px -3px;} .iRecTopM a:hover{box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);-webkit-transform: scale(1.07);transform: scale(1.07);z-index: 2;} .iRecTopR{float: right;padding: 0 24px 0 20px;width: 254px;height: 420px;background: #FFF;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;} .iRecTopR li a{display: block;padding: 13px 0;overflow: hidden;*zoom: 1;} .iRecTopR li a img{float: right;width: 60px;height: 60px;border-radius: 14px;} .iRecTopR li a div{float: left;width: 174px;margin-right: 20px;} .iRecTopR li a div p{font-size: 14px;color: #333;line-height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .iRecTopR li a div span{display: block;font-size: 14px;color: #333;line-height: 24px;text-align: right;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .iRecTopR li a:hover p{color:#EF493C;} .iRecMid{position: relative;padding: 9px 24px 12px;width: 1152px;background: #fff;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;margin: auto;margin-bottom: 24px;} .irecTit{height: 60px;line-height: 60px;overflow: hidden;*zoom: 1;} .irecTit strong{float: left;font-size: 30px;color: #000;font-weight: bold;line-height: 60px;} .irecTit strong i{position: relative;color: #EF493C;font-weight: bold;} .irecTit strong span{position: relative;z-index: 2;font-weight: bold;} .irecTit i:after{content: "";position: absolute;bottom: 4px;left: -60px;z-index: 0;display: block;width: 60px;height: 6px;background: #ef493c;} #searchForm{position: absolute;top:24px;right: 29px;padding-left: 36px;width: 204px;height: 32px;background: #F2F2F2;border-radius: 16px;line-height: 32px;overflow: hidden;} #searchForm input[name='search']{width: 204px;height:32px;line-height: 32px;font-size: 14px;color:#666;border:none;background: #F2F2F2} #searchForm .btnSearch{display: block;margin-top: 6px;width:20px;height:20px;border: none;text-indent:-9999px;cursor:pointer;position:absolute;left:12px;top:0;border-radius: 21px;background:#eee;background-image:url(../image/icon.png);background-size:1000px 1000px;background-repeat:no-repeat;background-position: -2px -2px;overflow: hidden;} #searchForm input::-webkit-input-placeholder {color:#999;} #searchForm input:-moz-placeholder {color:#999;} #searchForm input::-moz-placeholder {color:#999;} #searchForm input:-ms-input-placeholder {color:#999;} .iRecMid dl{width: 1166px;line-height: 36px;white-space: nowrap;overflow: hidden;*zoom: 1;} .iRecMid dl dt{float: left;margin-right: 5px;padding: 0 5px;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #EF493C;font-weight: bold;} .iRecMid dl dd{float: left;width: 1120px;height: 36px;overflow: hidden;} .iRecMid dl dd a{position: relative;float: left;display: block;font-size: 14px;color: #999;padding: 0 10px;line-height: 36px;} .iRecMid dl dd a:hover{color: #EF493C;} .iRecMid .list{width: 1200px;overflow: hidden;*zoom: 1;} .iRecMid .list a{float: left;display: block;width: 238px;height: 86px;padding: 12px 0;} .iRecMid .list a img{float: left;width: 86px;height: 86px;border-radius: 24px;} .iRecMid .list a div{position: relative;float: left;width: 132px;height: 86px;overflow: hidden;margin-left: 20px;} .iRecMid .list a div p{display: block;font-size: 18px;color: #454545;line-height: 34px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .iRecMid .list a div i{display: block;margin-top: 10px;font-size: 14px;color: #999;line-height: 32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .iRecMid .list a div span{position: absolute;left: 0;bottom: -36px;display: block;width: 76px;height: 28px;font-size: 14px;color: #fff;background: #EF493C;border-radius: 5px;line-height: 28px;text-align: center;margin-top: 10px;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .iRecMid .list a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s; -webkit-transform-origin: right bottom center; -moz-transform-origin: right bottom center;-ms-transform-origin: right bottom center;-o-transform-origin: right bottom center; transform-origin: right bottom center; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;} .iRecMid .list a:hover img{-o-transform: rotate(5deg);-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);transform: rotate(5deg);} .iRecMid .list a:hover p{color: #EF493C;} .iRecMid .list a:hover div span{bottom: 12px;} .iRecMid .list a:hover div i{display: none;} .iRecBtm{padding: 20px 0 3px;margin-bottom: 24px;background: #fff;} .iRecBt{ width: 1200px;margin: auto;overflow: hidden;*zoom: 1;} .iRecBtL{float: left;width: 380px;margin-top: 5px;margin-right: 23px;overflow: hidden;} .iRecBtLT {position: relative;width: 380px;height: 311px;margin-bottom: 23px;overflow: hidden;} .iRecBtLT ul {position: relative;overflow: hidden;*zoom: 1;} .iRecBtLT li {position: relative;float: left;width: 380px;height: 311px;} .iRecBtLT li img {display: block;width: 380px;min-height: 311px;height: auto;} .iRecBtLT p {display: block;width: 310px;height: 56px;line-height: 28px;position: absolute;left: 0;bottom: 0;padding:75px 50px 13px 20px;font-size: 18px;color: #fff;font-weight: bold; background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} :root .iRecBtLT p {filter: none} .iRecBtLT .dot{position: absolute;width: 30px;bottom: 24px;right: 19px;overflow: hidden;*zoom: 1;} .iRecBtLT.dot div {padding-right: 5px;float: right} .iRecBtLT .dot i {float: left;display: block;width: 10px;height: 10px;overflow: hidden;margin: 0 0 4px 4px;background-color: rgba(255,255,255,.5);cursor: pointer} .iRecBtLT .dot i.current {background: #fff} .iRecBtL .list{width: 400px;overflow: hidden;*zoom: 1;} .iRecBtL .list a{position: relative;float: left; width: 180px;height: 186px;margin-right:20px;overflow: hidden;} .iRecBtL .list a div{width: 100%;height: 110px;overflow: hidden;} .iRecBtL .list a img{width: 100%;min-height: 110px;height: auto;} .iRecBtL .list a img{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;} .iRecBtL .list a:hover img{transform: scale(1.2);} .iRecBtL .list a p{display: block;height: 48px;line-height: 24px;font-size: 16px;color: #4D4D4D;margin-top: 12px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .iRecBtM{float: left;width: 456px;margin-right: 23px;} .iRBMTxt{position: relative;text-align: center;margin-bottom: 16px;} .iRBMTxt strong a,.iRBMTxt>a:nth-of-type(1){display: block;font-size: 22px;color: #FF902D;font-weight: bold;line-height: 28px;margin-top: 12px;margin-bottom: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .iRBMTxt p{white-space: nowrap;overflow: hidden;} .iRBMTxt p a{position: relative;font-size: 14px;color: #999;line-height: 18px;} .iRBMTxt p a:nth-of-type(n+2):before{content: "|";position: relative;vertical-align: top;display: inline-block;font-size: 12px;color: #c6c6c6;line-height: 18px;font-weight: bold;margin: 0 9px;} .iRBMTxt a:hover{color: #EF493C;} .iRecBtM .list div {height: 24px;line-height: 24px;overflow: hidden;*zoom: 1;} .iRecBtM .list div span{float: left;display: block;padding: 0 8px;height: 24px;line-height: 24px;font-size: 14px;color: #fff;font-weight: bold;background: #FFC619;border-radius: 12px;margin-right: 15px;} .iRecBtM .list div a{float: left;display: block;width: 340px;font-size: 16px;color: #4D4D4D;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .iRecBtM .list ul{padding: 8px 0;border-bottom: 1px dashed #eee;margin-bottom: 1px;} .iRecBtM .list li{width: 100%;height: 36px;line-height: 36px;overflow: hidden;*zoom: 0;} .iRecBtM .list li:before{content: "";position: relative;top: 14px;vertical-align: top;margin-right: 17px;float: left;display: inline-block;width: 5px;height: 10px;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;background-position: -31px -3px;} .iRecBtM .list li a{float: left;display: block;width: 360px;margin-right: 6px;font-size: 16px;color: #666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .iRecBtM .list li span{float: right;font-size: 14px;color: #999;} .iRecBtM .list div a:hover,.iRecBtM .list li a:hover{color: #EF493C;} .iRecBtM .list li:hover:before{background-position: -31PX -19PX;} .iRecBtR{float: right;width: 316px;overflow: hidden;} .iRecBtR .list{padding-top: 10px;} .iRecBtR .list a{display: block;padding:20px 20px 19px;margin-bottom: 16px;background: #FDFDFD;border: 1px solid #EBEBEB;border-radius: 5px;} .iRecBtR .list a h4{display: block;font-size: 16px;color: #333;font-weight: bold;line-height: 24px;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .iRecBtR .list a p{display: block;height: 36px;line-height: 18px;font-size: 14px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .iRecBtR .list a:hover h4,.iRecBtR .list a:hover p{color: #EF493C;} .iRecBtR .list a:hover{border-color: #F0C3C0;background-color: #FFECEB;} .iGame{position: relative;width: 1200px;margin: auto;padding: 17px 0;padding-bottom: 100px;margin-bottom: 24px;} .iGTit {text-align: center;margin-bottom: 20px;} .iGTit h2,.iGTit span{display: inline-block;vertical-align: top;line-height: 50px;font-size: 30px;color: #333;font-weight: bold;} .iGTit div i{position: relative;top: 11px;display: inline-block;vertical-align: top;width: 30px;height: 30px;background-position: -3px -39px;margin: 0 11px;} .iGTit p{display: block;font-size: 14px;color: #999;line-height: 18px;} .iGTag{position: absolute;top: 76px;left: -26px;display: block;width:215px;height: 123px;background: url(../image/igametit.png) no-repeat;} .iGbg{position: absolute;top: -2px;right: -322px;display: block;width:315px;height: 307px;background: url(../image/igamebg.png) no-repeat;} .iGame .tabBox{padding: 4px 0;} .iGame .tabMenu{float: left;width: 568px;padding-left: 183px;overflow: hidden;font-size: 0;margin: 8px 10px 0 0;} .iGame .tabMenu span,.iGame .tabMenu a{position: relative;display: inline-block;vertical-align: top;font-size: 16px;color: #999;line-height: 36px;margin-left:30px;cursor: pointer;} .iGame .tabMenu span.current,.iGame .tabMenu a:hover{font-weight: bold;color: #FF8F2B;text-shadow: 0px 1px 1px rgba(214,97,13,0.44);} .iGame .tabMenu span:hover{color: #FF8F2B;} .iGame .tabMenu span.current:hover,.iGame .tabMenu a.current:hover{color: #FF8F2B;} .iGame .tabCont{position: absolute;z-index: 1;top: 237px;left: 0;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;} .iGList{background: url(../image/igamebotbg.png) repeat;border-radius: 12px;width: 850px;padding:9px 12px;top: 237px;} .iGLTit{height: 72px;font-size: 0;text-align: center;overflow: hidden;} .iGLTit strong{position: relative;vertical-align: top;display: inline-block;font-size: 26px;color: #fff;font-weight: bold;line-height: 72px;} .iGLTit strong:before{content: "";position: relative;top: 26px;margin-right: 18px;vertical-align: top;display: inline-block;width: 44px;height: 24px;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;background-position: -293px -299px;} .iGLTit strong:after{content: "";position: relative;top: 26px;margin-left: 18px;vertical-align: top;display: inline-block;width: 44px;height: 24px;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;background-position: -235px -299px;} .iGList .list{padding-top: 5px;overflow: hidden;*zoom: 1;} .iGList a{float: left;padding: 0 11px;width: 84px;height: 128px;} .iGList a img{display: block;width: 80px;height: 80px;border: 2px solid #FFF;border-radius: 16px;} .iGList a p{display: block;font-size: 16px;color: #fff;line-height: 38px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .iGRank {float: right;width: 438px;margin-right: -6px;min-height: 450px;padding: 17px 0 20px;background: url(../image/igamerbg.png) no-repeat;background-size: 100% 100%;} .iGRTit{height: 72px;font-size: 0;text-align: center;overflow: hidden;} .iGRTit strong{position: relative;vertical-align: top;display: inline-block;font-size: 26px;color: #FF8F2B;font-weight: bold;line-height: 72px;} .iGRTit strong:before{content: "";position: relative;top: 26px;margin-right: 18px;vertical-align: top;display: inline-block;width: 44px;height: 24px;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;background-position: -61px -299px;} .iGRTit strong:after{content: "";position: relative;top: 26px;margin-left: 18px;vertical-align: top;display: inline-block;width: 44px;height: 24px;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;background-position: -3px -299px;} .iGRank ol{padding: 3px 23px 0 125px;} .iGRank li{height: 52px;} .iGRank li a{display: block;padding: 10px 0;overflow: hidden;*zoom: 1;} .iGRank li a i{float: left;margin-right: 16px;width: 25px;line-height: 32px;text-align: center;font-size: 16px;color: #A8A8A8;font-weight: bold;} .iGRank li a img{float: left;width: 32px;height: 32px;border-radius: 5px;margin-right: 16px;} .iGRank li a p{float: left;width:100px;font-size: 16px;color: #333;line-height: 32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .iGRank li a:hover p{color: #EF493C;} .iGRank li a span{float: right;display: block;width: 76px;height: 28px;font-size: 14px;color: #fff;background: #EF493C;border-radius: 5px;line-height: 28px;text-align: center;margin-top: 2px;} .iGRank li a span.no{background:#FFC155;} .iGRank li:nth-of-type(-n+3)>a i{font-size: 0;height: 24px;position: relative;top: 4px;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;} .iGRank li:nth-of-type(1)>a i{background-position: -3px -88px;} .iGRank li:nth-of-type(2)>a i{background-position: -44px -88px;} .iGRank li:nth-of-type(3)>a i{background-position: -85px -88px;} .iSoft .iGTit div i{background-position:-47px -39px;} .iSoft .iGTag{background: url(../image/isofttit.png) no-repeat;} .iSoft .iGRank{background: url(../image/isoftrbg.png) no-repeat;background-size: 100% 100%;} .iSoft .iGRTit strong{color: #8C4FC6;} .iSoft .iGRTit strong:before{background-position: -177px -299px;} .iSoft .iGRTit strong:after{background-position: -119px -299px;} .iSoft .iGList{background: url(../image/isoftbotbg.png) repeat;} .iSoft .iGList a p{color: #333;} .iZt{position: relative;background: #fff;margin-bottom: 24px;} .iZt:after{content:"";position: absolute;top: 0;right: 52px; display: block;width:264px;height: 433px; background: url(../image/iztbg.png) no-repeat;} .iZtSoft{margin-bottom: 0;} .iZt .iGTit div i{background-position:-91px -39px;} .iZtBox{position: relative;width: 1200px;margin: auto;padding:37px 0 14px;} .snapShotWrap,.snapShotSoft { position: relative;width: 1166px;margin: auto;} .iZt .snapShotCont { width: 100%; height: 100%;position: relative; z-index: 1;} .iZt .snapShotCont .snopshot { position: absolute;z-index: 2;text-align: center;width: 280px;height: 360px;border-radius: 12px;overflow: hidden;margin-top: 26px;} .iZt .snapShotCont .snopshot img { min-width: 100%;height: 100%;width: auto; display: block; position: relative;margin-left: -170px; } .iZt .snap-shot-btn { position: absolute; height: 100%; width: 60px; top: 0px; display: block; cursor: pointer; z-index: 10; } .iZt .snap-shot-btn i {position: absolute;top:200px ;display: block; height: 51px; width: 47px; background: url(../image/icon.png) no-repeat;background-size: 1000px 1000px; } .iZt .shotPrev { left: -85px; } .iZt .shotPrev i { background-position: -140px -222px; } .iZt .shotNext { right: -100px; } .iZt .shotNext i { background-position: -140px -222px; transform: rotateY(180deg); } .iZt .shotPrev:hover i{background-position: -196px -222px; transform: rotateY(180deg);} .iZt .shotNext:hover i { background-position: -196px -222px;transform: rotateY(0deg);} .iZt .snopshot {overflow: hidden;*zoom: 1;} .iZt .snopshot>a{float: left;width: 280px;height: 360px;overflow: hidden;border-radius: 12px;} .iZt .snopshot .info{float: left;width: 202px;padding: 0 28px 0 22px;margin-top: 30px;height: 302px;background: #FFFFFF;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 0px 10px 10px 0px;} .iZt .snopshot .info a{display: block;margin: auto;font-size: 30px;color: #333;font-weight: bold;line-height: 54px;white-space: nowrap;overflow: hidden;text-align: center;} .iZt .snopshot .info div{overflow:hidden ;*zoom: 1;white-space: nowrap;} .iZt .snopshot .info span{font-size: 16px;color: #999;line-height: 32px;margin-left: 19px;} .iZt .snopshot .info span:nth-of-type(1){float: left;} .iZt .snopshot .info span:nth-of-type(2){float: right;} .iZt .snopshot .info p{position: relative;display: block;margin: 10px 0;height: 180px;line-height:30px;font-size: 16px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;} .iZt .snopshot:hover .info a{color: #EF493C;} .iRank{background: url(../image/irankbg.png) no-repeat;background-size: 100% 100%;background-color: #FFF6F0;} .iRBox{width: 1212px;margin: auto;overflow: hidden;*zoom: 1;} .iRank h2{display: block;font-size: 0;margin-bottom: 42px;width: 544px;height: 137px;background: url(../image/iranktit.png) no-repeat; background-size: 100% 100%;margin:6px auto 36px;} .iRBox>div{padding:0 28px 4px;background-size: 100% auto;margin-bottom: 24px;overflow: hidden;} .iRBoxL{float: left;width: 332px;height: 650px;background: url(../image/iranklbg.png) no-repeat;margin-right: 23px;margin-top: 31px;} .iRBoxM{float: left;width: 332px;height: 650px;background: url(../image/irankmbg.png) no-repeat;margin-right: 23px;} .iRBoxR{float:right;width: 332px;height: 650px;background: url(../image/irankrbg.png) no-repeat;margin-top: 31px;} .iRBox>div strong{display: block;font-size: 24px;color: #fff;font-weight: bold;line-height: 88px;white-space: nowrap;overflow: hidden;text-align: center;} .iRBox ol li:nth-of-type(n+4){height: 48px;} .iRBox ol li:nth-of-type(n+4) a{display: block;padding: 10px 0;overflow: hidden;*zoom: 1;} .iRBox ol li:nth-of-type(n+4) a i{float: left;margin-right: 7px;width: 27px;line-height: 38px;text-align: center;font-size: 16px;color: #333;} .iRBox ol li:nth-of-type(n+4) a img{display: none;float: left;width: 38px;height: 38px;border-radius: 6px;margin-right: 16px;} .iRBox ol li:nth-of-type(n+4) a p{float: left;width:210px;font-size: 16px;color: #333;line-height: 38px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .iRBox ol li:nth-of-type(n+4) a:hover p{color: #EF493C;} .iRBox ol li:nth-of-type(n+4) a span{float: right;display: block;width: 76px;height: 28px;font-size: 14px;color: #fff;background: #EF493C;border-radius: 5px;line-height: 28px;text-align: center;margin-top: 2px;} .iRBox ol li:nth-of-type(n+4) a span.no{background:#FFC155;} .iRBox ol {position: relative;padding-top: 206px;} .iRBox ol li:nth-of-type(-n+3){position: absolute;} .iRBox ol li:nth-of-type(-n+3) i{font-size: 0;position: absolute;left: 0;z-index: 1;display: block; background: url(../image/icon.png) no-repeat;background-size: 1000px 1000px;} .iRBox ol li:nth-of-type(-n+3) span{display: none;} .iRBox ol li:nth-of-type(1){top: 14px;left: 98px;width: 137px;} .iRBox ol li:nth-of-type(1) i{top: 75px;width: 137px;height: 28px;background-position: -3px -186px;} .iRBox ol li:nth-of-type(1) img{display: block;width: 94px;height: 94px;border-radius: 24px;margin: auto;} .iRBox ol li:nth-of-type(1) p{display: block;font-size: 18px;color: #333;font-weight: bold;line-height: 30px;margin-top: 20px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .iRBox ol li:nth-of-type(2){top: 94px;left:0;width: 98px;} .iRBox ol li:nth-of-type(2) i{top: 52px;width: 98px;height: 21px;background-position: -3px -226px;} .iRBox ol li:nth-of-type(2) img{display: block;width: 67px;height: 67px;border-radius: 18px;margin: auto;} .iRBox ol li:nth-of-type(2) p{display: block;font-size: 18px;color: #333;font-weight: bold;line-height: 44px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .iRBox ol li:nth-of-type(3){top: 94px;right: -1px;width: 98px;} .iRBox ol li:nth-of-type(3) i{top: 52px;width: 98px;height: 21px;background-position: -3px -259px;} .iRBox ol li:nth-of-type(3) img{display: block;width: 67px;height: 67px;border-radius: 18px;margin: auto;} .iRBox ol li:nth-of-type(3) p{display: block;font-size: 16px;color: #333;font-weight: bold;line-height: 44px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .gameTag{box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;background: #fff;margin-bottom: 24px;padding: 24px 11px;} .tagTit {position: relative;padding-bottom: 24px;height: 34px;text-align: center;} .tagTit span{display: block;margin: auto;margin-top: -12px;font-size: 32px;color: #F0F0F0;font-weight: bold;line-height: 24px;font-family: HarmonyOS_Sans_Black;transform: scale(1,1.5); -ms-transform: scale(1,1.4); -webkit-transform: scale(1,1.4);-moz-transform: scale(1,1.4);-o-transform: scale(1,1.4);} .tagTit em{position: relative;top: 15px;z-index: 1;left: 0;right: 0;margin: auto;display: inline-block;font-size: 26px;color: #333;font-weight: bold;} .tagTit em:before{content: "";margin-right: 11px;display: inline-block;width: 14px;height: 18px;background: url(../image/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -166px -3px;} .tagTit em:after{content: "";margin-left: 11px;display: inline-block;width: 14px;height: 18px;background: url(../image/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -191px -3px;} .gameTag .list{overflow: hidden;*zoom: 1;} .gameTag .list a{position: relative;float: left;display: block;width: 152px;height: 80px;line-height: 80px;padding-left: 20px;background: #FFEBEB;border-radius: 12px;font-size: 20px;color: #333;margin: 10px 12px 13px;} .gameTag .list a{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s; } .gameTag .list a:hover ,.gameTag .list a.current{color: #fff;font-weight: bold;background: #EF493C !important;box-shadow: 0px 6px 11px 1px rgba(239,73,60,0.08);} .gameTag a:after{content: "";position: absolute;top: 18px;right: -4px;display: inline-block;width: 78px;height: 78px;background: url(../image/tagicon.png) no-repeat;background-size: 1600px 600px;} .gameTag .list a:nth-of-type(1){background: #F1F4FA;} .gameTag .list a:nth-of-type(2){background: #FFF3EB;} .gameTag .list a:nth-of-type(4){background: #FFEBEB;} /*.gameTag .list a:nth-of-type(3){background: #FFEFEB;}*/ .gameTag .list a:nth-of-type(8){background: #EBFFFA;} /*.gameTag .list a:nth-of-type(5){background: #EBFBFF;}*/ /*.gameTag .list a:nth-of-type(6){background: #F4EBFF;}*/ .gameTag .list a:nth-of-type(9){background: #FFEBF1;} .gameTag .list a:nth-of-type(5){background: #FFFBEB;} .gameTag .list a:nth-of-type(3){background: #FBEBFF;} /*.gameTag .list a:nth-of-type(10){background: #FFF8EB;}*/ .gameTag .list a:nth-of-type(7){background: #FFEEEB;} .gameTag .list a:nth-of-type(6){background: #EBFFEB;} /*.gameTag .list a:nth-of-type(13){background: #EBF8FF;}*/ .gameTag .list a:nth-of-type(10){background: #FFEDEB;} /*.gameTag .list a:nth-of-type(15){background: #EBF4FF;}*/ .gameTag .list a:nth-of-type(11){background: #EBFFF4;} /*.gameTag .list a:nth-of-type(17){background: #FFF7EB;}*/ .gameTag .list a:nth-of-type(12){background: #EBF8FF;} .gameTag .list a:nth-of-type(1):after{background-position: -1410px -14px;} .gameTag .list a:nth-of-type(2):after{background-position: -12px -14px;} .gameTag .list a:nth-of-type(4):after{background-position: -92px -14px;} /*.gameTag .list a:nth-of-type(3):after{background-position: -179px -14px;}*/ .gameTag .list a:nth-of-type(8):after{background-position: -263px -14px;} /*.gameTag .list a:nth-of-type(5):after{background-position: -346px -14px;}*/ /*.gameTag .list a:nth-of-type(6):after{background-position: -426px -14px;}*/ .gameTag .list a:nth-of-type(9):after{background-position: -505px -14px;} .gameTag .list a:nth-of-type(5):after{background-position: -581px -14px;} .gameTag .list a:nth-of-type(3):after{background-position: -657px -14px;} /*.gameTag .list a:nth-of-type(10):after{background-position: -733px -14px;}*/ .gameTag .list a:nth-of-type(7):after{background-position: -808px -14px;} .gameTag .list a:nth-of-type(6):after{background-position: -884px -14px;} /*.gameTag .list a:nth-of-type(13):after{background-position: -959px -14px;}*/ .gameTag .list a:nth-of-type(10):after{background-position: -1034px -14px;} /*.gameTag .list a:nth-of-type(15):after{background-position: -1109px -14px;}*/ .gameTag .list a:nth-of-type(11):after{background-position: -1184px -14px;} /*.gameTag .list a:nth-of-type(17):after{background-position: -1259px -14px;}*/ .gameTag .list a:nth-of-type(12):after{background-position: -1335px -14px;} .gameTag .list a:nth-of-type(1).current:after,.gameTag .list a:nth-of-type(1):hover:after{background-position: -1410px -217px;} .gameTag .list a:nth-of-type(2).current:after,.gameTag .list a:nth-of-type(2):hover:after{background-position: -12px -217px;} .gameTag .list a:nth-of-type(4).current:after,.gameTag .list a:nth-of-type(4):hover:after{background-position: -92px -217px;} /*.gameTag .list a:nth-of-type(3).current:after,.gameTag .list a:nth-of-type(3):hover:after{background-position: -179px -217px;}*/ .gameTag .list a:nth-of-type(8).current:after,.gameTag .list a:nth-of-type(8):hover:after{background-position: -263px -217px;} /*.gameTag .list a:nth-of-type(5).current:after,.gameTag .list a:nth-of-type(5):hover:after{background-position: -346px -217px;}*/ /*.gameTag .list a:nth-of-type(6).current:after,.gameTag .list a:nth-of-type(6):hover:after{background-position: -426px -217px;}*/ .gameTag .list a:nth-of-type(9).current:after,.gameTag .list a:nth-of-type(9):hover:after{background-position: -505px -217px;} .gameTag .list a:nth-of-type(5).current:after,.gameTag .list a:nth-of-type(5):hover:after{background-position: -581px -217px;} .gameTag .list a:nth-of-type(3).current:after,.gameTag .list a:nth-of-type(3):hover:after{background-position: -657px -217px;} /*.gameTag .list a:nth-of-type(10).current:after,.gameTag .list a:nth-of-type(10):hover:after{background-position: -733px -217px;}*/ .gameTag .list a:nth-of-type(7).current:after,.gameTag .list a:nth-of-type(7):hover:after{background-position: -808px -217px;} .gameTag .list a:nth-of-type(6).current:after,.gameTag .list a:nth-of-type(6):hover:after{background-position: -884px -217px;} /*.gameTag .list a:nth-of-type(13).current:after,.gameTag .list a:nth-of-type(13):hover:after{background-position: -959px -217px;}*/ .gameTag .list a:nth-of-type(10).current:after,.gameTag .list a:nth-of-type(10):hover:after{background-position: -1034px -217px;} /*.gameTag .list a:nth-of-type(15).current:after,.gameTag .list a:nth-of-type(15):hover:after{background-position: -1109px -217px;}*/ .gameTag .list a:nth-of-type(11).current:after,.gameTag .list a:nth-of-type(11):hover:after{background-position: -1184px -217px;} /*.gameTag .list a:nth-of-type(17).current:after,.gameTag .list a:nth-of-type(17):hover:after{background-position: -1259px -217px;}*/ .gameTag .list a:nth-of-type(12).current:after,.gameTag .list a:nth-of-type(12):hover:after{background-position: -1335px -217px;} .softTag .list a:nth-of-type(2):after{background-position: -12px -114px;} /*.softTag .list a:nth-of-type(2):after{background-position: -92px -114px;}*/ /*.softTag .list a:nth-of-type(3):after{background-position: -179px -114px;}*/ .softTag .list a:nth-of-type(5):after{background-position: -263px -114px;} .softTag .list a:nth-of-type(6):after{background-position: -346px -114px;} /*.softTag .list a:nth-of-type(6):after{background-position: -426px -114px;}*/ .softTag .list a:nth-of-type(8):after{background-position: -505px -114px;} .softTag .list a:nth-of-type(10):after{background-position: -581px -114px;} .softTag .list a:nth-of-type(7):after{background-position: -657px -114px;} .softTag .list a:nth-of-type(3):after{background-position: -733px -114px;} /*.softTag .list a:nth-of-type(11):after{background-position: -808px -114px;}*/ /*.softTag .list a:nth-of-type(12):after{background-position: -884px -114px;}*/ /*.softTag .list a:nth-of-type(13):after{background-position: -959px -114px;}*/ .softTag .list a:nth-of-type(4):after{background-position: -1034px -114px;} .softTag .list a:nth-of-type(11):after{background-position: -1109px -114px;} .softTag .list a:nth-of-type(9):after{background-position: -1184px -114px;} /*.softTag .list a:nth-of-type(17):after{background-position: -1259px -114px;}*/ .softTag .list a:nth-of-type(12):after{background-position: -1335px -114px;} .softTag .list a:nth-of-type(2).current:after,.softTag .list a:nth-of-type(2):hover:after{background-position: -12px -324px;} /*.softTag .list a:nth-of-type(2).current:after,.softTag .list a:nth-of-type(2):hover:after{background-position: -92px -324px;}*/ /*.softTag .list a:nth-of-type(3).current:after,.softTag .list a:nth-of-type(3):hover:after{background-position: -179px -324px;}*/ .softTag .list a:nth-of-type(5).current:after,.softTag .list a:nth-of-type(5):hover:after{background-position: -263px -324px;} .softTag .list a:nth-of-type(6).current:after,.softTag .list a:nth-of-type(6):hover:after{background-position: -346px -324px;} /*.softTag .list a:nth-of-type(6).current:after,.softTag .list a:nth-of-type(6):hover:after{background-position: -426px -324px;}*/ .softTag .list a:nth-of-type(8).current:after,.softTag .list a:nth-of-type(8):hover:after{background-position: -505px -324px;} .softTag .list a:nth-of-type(10).current:after,.softTag .list a:nth-of-type(10):hover:after{background-position: -581px -324px;} .softTag .list a:nth-of-type(7).current:after,.softTag .list a:nth-of-type(7):hover:after{background-position: -657px -324px;} .softTag .list a:nth-of-type(3).current:after,.softTag .list a:nth-of-type(3):hover:after{background-position: -733px -324px;} /*.softTag .list a:nth-of-type(11).current:after,.softTag .list a:nth-of-type(11):hover:after{background-position: -808px -324px;}*/ /*.softTag .list a:nth-of-type(12).current:after,.softTag .list a:nth-of-type(12):hover:after{background-position: -884px -324px;}*/ /*.softTag .list a:nth-of-type(13).current:after,.softTag .list a:nth-of-type(13):hover:after{background-position: -959px -324px;}*/ .softTag .list a:nth-of-type(4).current:after,.softTag .list a:nth-of-type(4):hover:after{background-position: -1034px -324px;} .softTag .list a:nth-of-type(11).current:after,.softTag .list a:nth-of-type(11):hover:after{background-position: -1109px -324px;} .softTag .list a:nth-of-type(9).current:after,.softTag .list a:nth-of-type(9):hover:after{background-position: -1184px -324px;} /*.softTag .list a:nth-of-type(17).current:after,.softTag .list a:nth-of-type(17):hover:after{background-position: -1259px -324px;}*/ .softTag .list a:nth-of-type(12).current:after,.softTag .list a:nth-of-type(12):hover:after{background-position: -1335px -324px;} .gameList{margin-bottom: 24px;} .gameList ul{width: 1240px;overflow: hidden;*zoom: 1;} .gameList li{position: relative;float: left;width: 284px;height: 210px;margin: 0 21px 24px 0;background: #fff;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;overflow: hidden;} .gameList li a{display: block;} .gameList li .name{padding: 7px 11px 0 21px;display: block;font-size:24px;color: #1F1F1F;font-weight: bold;line-height: 70px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .gameList li .info{overflow: hidden;*zoom: 1;padding: 0 11px 31px 21px;} .gameList li .info img{float: left;width: 102px;height: 102px;border-radius: 24px;margin-right: 18px;} .gameList li .info div{float: left;width: 130px;height: 102px;} .gameList li .info p{display: block;font-size:14px;color: #A8A8A8;line-height: 28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .gameList li .info p span{color: #666;} .gameList li .info div>span{display: block;width: 110px;height: 36px;line-height: 36px;font-size: 16px;color: #fff;background: #EF493C;border-radius: 8px;text-align: center;margin-top: 8px;} .gameList li .info div>span.no{background:#FFC155;} .gameList li .name:hover{color: #EF493C;} .gameList li:nth-of-type(-n+3):after{content: "";position: absolute;top: 0;right: 0;display: block;width: 35px;height: 24px;border-radius:0 12px 0 12px;} .gameList li:nth-of-type(1):after{background: #58D68D;} .gameList li:nth-of-type(2):after{background: #FF7D3C;} .gameList li:nth-of-type(3):after{background: #00A6F2;} .ztWrap{background: url(../image/ztbg.png) no-repeat;background-size: 100% auto;background-position-y: 240px;} .ztListTit{width: 1166px;margin: auto;padding: 0px 24px;background: #fff;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;margin-bottom: 24px;} .ztLiMenu{padding: 11px 0 7px;overflow: hidden;*zoom: 1;} .ztLiMenu a{float: left;display: block;width: 92px;height: 36px;line-height: 36px;background: #F0F0F0;font-size: 16px;color: #999;text-align: center;overflow: hidden;white-space: nowrap;border-radius: 18px;margin: 0 24px 17px;} .ztLiMenu a:hover{background:#EF493C ;color: #fff;font-weight: bold;} .ztLiMenu a.current{width: 102px;height: 53px;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;background-position: -258px -222px;margin-bottom: 0;color: #fff;font-weight: bold;} .ztList{width: 1200px;margin: auto;padding-bottom: 4px;margin-bottom: 24px;} .ztList ul{width: 1230px;padding-bottom: 3px;overflow: hidden;*zoom: 1;} .ztList li{position: relative;float: left;width: 540px;height: 281px;padding: 9px 20px 22px 24px;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;background: #fff;margin: 0 27px 27px 0;} .ztList li>a{position: relative;display: block;font-size: 24px;color: #333;font-weight: bold;line-height: 62px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .ztList li p{position: relative;display: block;height: 72px;line-height: 24px;font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;} .ztList li div{position: relative;width: 566px;overflow: hidden;*zoom: 1;white-space: nowrap;} .ztList li div:nth-of-type(1){height: 108px;} .ztList li div a{display: block;float: left;margin-right: 25px;padding-top: 20px;} .ztList li div img{width: 88px;height: 88px;border-radius: 20px;} .ztList li div img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s; -webkit-transform-origin: right bottom center; -moz-transform-origin: right bottom center;-ms-transform-origin: right bottom center;-o-transform-origin: right bottom center; transform-origin: right bottom center; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;} .ztList li div a:hover img{-o-transform: rotate(5deg);-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);transform: rotate(5deg);} .ztList li:hover>a{color: #EF493C;} .ztList li div span{float: left;display: block;font-size: 16px;color: #999;line-height: 28px;margin-top: 11px;} .ztList li div span+a{float: right;padding: 17px 3px 4px 12px;width: 12px;height: 14px;background: url(../image/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -388px 16px;} .ztList li div span+a{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s; } .ztList li div span+a:hover{padding-right: 0;} .ztList li:before{content: "";position: absolute;z-index: 0;top: 23px;right: 20px;display: block;width: 250px;height: 243px;background: url(../image/ztlibg.png) no-repeat;} .ztDeWrap{background: url(../image/ztdebg.png) no-repeat;background-size: 100% auto;background-position-y: 555px;} .ztDeCont{width: 1200px;margin: auto;} .ztDTop{position: relative;margin: 46px auto 56px;padding: 23px 595px 23px 23px;width:582px;min-height: 256px;background: url(../image/ztdetopbg.png) no-repeat;background-size: 100% auto;background-color: #fff;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);} .ztDTop h1{font-size: 30px;color: #333;font-weight: bold;line-height: 36px;padding: 9px 0;overflow: hidden;text-align: center;} .ztDTop div{text-align: center;} .ztDTop em{font-size: 16px;color: #999;line-height: 32px;} .ztDTop span{font-size: 16px;color: #999;line-height: 32px;margin-left: 19px;} .ztDTop p{position: relative;display: block;margin: 10px 0;height: 120px;line-height:30px;font-size: 16px;color: #333;overflow-y: scroll;} .ztDTop .img{position: absolute;top: -23px;right:20px;width: 560px;height: 100%;padding: 32px 0 10px;background: url(../image/ztdetoprbg.png) repeat;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 10px;overflow: hidden;} .ztDTop .img img{display: block;height: 280px;min-width:560px;width: auto;margin: auto;} .ztDeCont .gameList{margin-bottom: 32px;} .ztDTop .tag{line-height: 28px;text-align: left;margin-top: 16px;} .ztDTop .tag a{position: relative;font-size: 16px;color: #808080;margin-right: 20px;} .ztDTop .tag a:before{content: "#";display: inline-block;text-align: center;margin-right: 4px;width: 20px;height: 17px;color: #fff;font-size: 12px;line-height: 16px;;position: relative;top: -1px;background: url(../image/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -504px -3px; } .ztDTop .tag a:hover{color: #EF493C;} ::-webkit-scrollbar{width: 6px !important;} ::-webkit-scrollbar-thumb {border-radius: 6px;background-color: #DFDFDF!important;} .ztHot{width: 1152px;padding: 3px 24px 0;margin-bottom: 26px;background: #FFF;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;} .ztHot ul{width: 1200px;overflow: hidden;*zoom: 1;} .ztHot li{float: left;width: 212px;padding-bottom: 6px;margin: 14px 23px 0 0;background: #FFFFFF;border-radius: 10px;} .ztHot li a{position: relative;display: block;width:212px;height: 273px;border-radius: 10px;overflow: hidden;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);} .ztHot li a img{min-width:212px;width: auto;height: 273px;border-radius: 10px;} .ztHot li a>div {position: absolute;display: block;top: 0;bottom: -273px;left: 0;right: 0;margin: auto;width:176px;height: 0;padding: 0;background: rgba(0,0,0,.6);border-radius: 10px;} .ztHot li a>div{transition: all .3s linear;-webkit-transition: all .3s linear;} .ztHot li a>div strong{display: block;font-size: 24px;color: #FAFAFA;font-weight: bold;line-height: 58px;text-align: center;white-space: nowrap;overflow: hidden; } .ztHot li a>div div{overflow: hidden;*zoom: 1;} .ztHot li a>div div em{float: left;display: block;font-size: 16px;color: rgba(250,250,250,.6);line-height: 28px;} .ztHot li a>div div span{float: right;display: block;font-size: 16px;color: rgba(250,250,250,.6);line-height: 28px;} .ztHot li a>div p{position: relative;display: block;margin-top: 10px;height: 150px;line-height:30px;font-size: 16px;color: rgba(250,250,250,.6);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;} .ztHot li:hover a>div{bottom: 0;height: 243px;padding: 15px 18px;} .ztHot li>p{display: block;font-size: 24px;color: #333;font-weight: bold;line-height: 58px;text-align: center;white-space: nowrap;overflow: hidden; } .ztHot li:hover>p{color: #fff;} .ztRel{width: 1152px;padding: 3px 24px 10px;margin-bottom: 28px;background: #FFF;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;} .ztRel .list{width: 1200px;overflow: hidden;*zoom: 1;margin-top: 18px;} .ztRel .list a{float: left;display: block;padding: 0 18px;margin: 0 16px 16px 0;height: 32px;line-height: 32px;border-radius: 16px;background: #F36E5D;font-size: 16px;color: #fff;} .ztRel .list a:nth-of-type(18n+1){background:#F36E5D;} .ztRel .list a:nth-of-type(18n+2){background:#FABF00;} .ztRel .list a:nth-of-type(18n+3){background:#61BBA1;} .ztRel .list a:nth-of-type(18n+4){background:#92D1F4;} .ztRel .list a:nth-of-type(18n+5){background:#F9ABB8;} .ztRel .list a:nth-of-type(18n+6){background:#A37BAD;} .ztRel .list a:nth-of-type(18n+7){background:#B6DDC8;} .ztRel .list a:nth-of-type(18n+8){background:#30AED1;} .ztRel .list a:nth-of-type(18n+9){background:#F5AE7A;} .ztRel .list a:nth-of-type(18n+10){background:#C49990;} .ztRel .list a:nth-of-type(18n+11){background:#81C347;} .ztRel .list a:nth-of-type(18n+12){background:#D6A7C9;} .ztRel .list a:nth-of-type(18n+13){background:#98BCE4;} .ztRel .list a:nth-of-type(18n+14){background:#C6AE92;} .ztRel .list a:nth-of-type(18n+15){background:#F4C6A2;} .ztRel .list a:nth-of-type(18n+16){background:#C498A9;} .ztRel .list a:nth-of-type(18n+17){background:#9EA9D6;} .ztRel .list a:nth-of-type(18n+18){background:#E87885;} .ztRel .list a:hover{background: #EF493C;} .rankWrap{background: url(../image/rankbg.png) no-repeat;background-size: 100% auto;background-position-y: 320px;} .rankCont{width: 1200px;margin: auto;} .rankTop{position: relative;text-align: center;width: 1200px;height: 172px;;background: url(../image/ranktopbg.png) no-repeat;margin: 7px auto 24px;box-shadow: 0px 6px 6px 0px rgb(51 15 13 / 5%);border-radius: 24px;background-size: 100% auto;} .rankTop h1{position: relative;top: 28px;z-index: 1;left: 0;right: 0;margin: auto;line-height: 42px;padding-top: 100px;display:block;font-size: 0;color: #fff;font-weight: bold;} .rankDeTop{position: relative;text-align: center;width: 1200px;height: 172px;;background: url(../image/rankdetopbg.png) no-repeat;margin: 7px auto 24px;box-shadow: 0px 6px 6px 0px rgb(51 15 13 / 5%);border-radius: 24px;background-size: 100% auto;} .rankDeTop h1{position: relative;top: 8px;z-index: 1;left: 0;right: 0;margin: auto;line-height: 42px;padding-top: 60px;display:block;font-size: 42px;color: #fff;font-weight: bold;} .rankTop .rankTMenu{position: absolute;top: 222px;left: 0 ;right: 0;margin: auto;text-align: center;} .rankTop .rankTMenu a{display:inline-block;padding: 0 20px;margin: 0 12.5px;height: 36px;line-height: 36px;font-size: 18px;color: #d7b9fa;border: 2px solid transparent;border-radius: 18px;background-color:#9D4AFE ;} .rankTop .rankTMenu a:hover,.rankTop .rankTMenu a.current{background: linear-gradient(to right,#FFA622 ,#FFC021);border-color:#ffb321;font-size: 18px;font-weight: bold;color: #fff;} .rankDeTop .time{color: #fff;line-height: 24px;margin-top: 20px;} .rankList{border-radius: 24px;margin-bottom: 28px;overflow: hidden;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);background: #fff;} .rankList .tagTit{background: url(../image/ranklistbg.png) no-repeat;background-size: 100% auto;padding: 46px 0 73px;} .tagTit h1{position: relative;top: 28px;z-index: 1;left: 0;right: 0;margin: auto;display: inline-block;font-size: 36px;color: #333;font-weight: bold;} .tagTit h1:before{content: "";margin-right: 11px;display: inline-block;width: 14px;height: 18px;background: url(../image/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -166px -3px;} .tagTit h1:after{content: "";margin-left: 11px;display: inline-block;width: 14px;height: 18px;background: url(../image/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -191px -3px;} .rankList ol{padding: 0 24px 25px;} .rankList li{position: relative;border-bottom: 1px solid #eee;padding:24px 0;overflow: hidden;*zoom: 1;} .rankList li i{float: left;display: block;width: 36px;line-height: 120px;font-size: 18px;color: #999;font-weight: bold;text-align: center;margin-right: 24px;} .rankList li .img{float: left;display: block;width: 120px;height: 120px;border-radius: 24px;overflow: hidden;margin-right: 23px;} .rankList li img{width: 120px;height: 120px;border-radius: 24px;} .rankList li>div{float: left;width: 840px;height: 120px;overflow: hidden;} .rankList li>div>a{display: block;font-size: 20px;color: #333;line-height: 34px;font-weight: bold;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .rankList li>div div{margin-top: 8px;height: 24px;overflow: hidden;} .rankList li>div span{font-size: 14px;color: #999;line-height:22px;margin-right: 24px;} .rankList li>div span a{display: inline-block;color: #999;margin-right: 10px;padding: 0 5px;border: 1px solid #cecece;border-radius: 4px;} .rankList li>div p{display: block;height:48px;font-size: 16px;color: #666;line-height: 24px;margin-top: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;} .rankList li:hover div>a{color: #EF493C;} .rankList li:nth-of-type(-n+3) i{font-size: 0;width: 35px;height: 30px;position: relative;margin-top: 45px;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;} .rankList li:nth-of-type(1) i{background-position: -150px -130px;} .rankList li:nth-of-type(2) i{background-position: -201px -130px;} .rankList li:nth-of-type(3) i{background-position: -252px -130px;} .rankList li .btn{float: right;display: block;width: 76px;height: 28px;font-size: 14px;color: #fff;background: #EF493C;border-radius: 5px;line-height: 28px;text-align: center;margin-top: 46px;} .rankList li .btn.no{background:#FFC155;} .rankList li>div span a:hover{color: #EF493C; } .rankList li .btn:hover{opacity: .9;} .rankDeMenu{padding: 10px 24px;margin-bottom: 24px;background: #FFF;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;} .rankDeMenu .list{width: 1200px;overflow: hidden;*zoom: 1;margin-top: 18px;} .rankDeMenu .list a{float: left;display: block;padding: 0 18px;margin: 0 16px 16px 0;height: 32px;line-height: 32px;border-radius: 4px;background: #f5f5f5;font-size: 16px;color: #666;} .rankDeMenu .list a:hover,.rankDeMenu .list a.current{background:#ef493c ;color: #fff;} .rankDeMenu .time{color: #999;line-height: 32px;} .yyWrap{background: url(../image/gamedebg.png) no-repeat;background-size: 100% auto;background-position-y: 520px;} .yyDeLR{width: 1200px;margin: auto;} .yyDeL{float: left;width: 800px;} .yyDeR{float: right;width: 376px} .gDTop{position: relative;border-radius: 12px;padding: 41px 20px 30px 26px;margin-bottom: 28px;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);background: url(../image/gamedetopbg.png) no-repeat;background-size: 100% 100%;overflow: hidden;*zoom: 1;} .gDTop img{float: left;width: 180px;height: 180px;background: #F7F8FC;box-shadow: 0px 6px 6px 0px rgba(196,200,215,0.78);border-radius: 40px;margin-right: 23px;} .gDTop h1{display: block;width: 316px;font-size: 30px;color: #333;font-weight: bold;line-height: 36px;overflow: hidden;margin-bottom: 13px;} .gDTop .info{float: left;width: 550px;} .gDTop .info>p{font-size: 16px;color: #999;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .gDTop .info>p>a,.gDTop .info>p>span{color: #666;margin-right: 35px;} .gDTop .tags{margin-bottom: 4px;overflow: hidden;*zoom: 1;} .gDTop .tags span{float:left;display: block;margin-right: 10px;margin-bottom: 6px;padding: 0 8px;height: 24px;font-size: 14px;color: #c4c4c4;line-height: 24px;border: 1px solid #cecece;border-radius: 12px;cursor: pointer;} .gDTop .tags span:hover{color: #ef493c;border-color: #ef493c;} .scores{position: absolute;z-index: 1;top: 0;right: 16px;padding: 50px 110px 50px 30px;height: 47px;width: 98px;text-align: center;background: url(../image/garbg.png) no-repeat;background-size: 100% 100%;} .scores p{font-size: 16px;color: #fd9543;font-weight: bold;line-height: 32px;margin-top: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .scores strong{font-size: 24px;color: #4d4d4d;font-weight: bold;line-height: 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .feBaBtn{position: absolute;z-index: 1;top: -21px;right: 20px;font-size: 14px;color: #999;width: 55px;height: 24px;line-height: 24px;cursor: pointer;} .feBaBtn i{position: relative;top: 3px;display: inline-block;width: 18px;height: 18px;background-position: -215px -3px;margin-right: 5px;} .feBaBtn:hover,.gDTop .info>p>a:hover{color:#EF493C ;} .feBaBtn:hover i{background-position: -215px -23px;} .downBtn{width: 600px;margin-top: 10px;padding-bottom: 10px;overflow: hidden;*zoom: 1;} .downBtn a,.downBtn button{float: left;display: block;border: none;width: 166px;height: 44px;line-height: 44px;text-align: center;font-size: 18px;color: #fff;cursor: pointer;border-radius: 26px;background-color: #ef493c;margin-right: 12px;box-sizing: content-box;} .downBtn .iosBtn{background: #39393d;border: 3px solid #aaa;box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.18);} .downBtn .adrBtn{background: #ef493c;border: 3px solid #ffc3bf;box-shadow: 0px 4px 4px 0px rgba(239,73,60,.18);} .downBtn .pcBtn{width: 182px;background-color: #a666ff;border: 3px solid #e4d0ff;box-shadow: 0px 4px 4px 0px rgba(166,102,255,.18)} .downBtn .orderBtn{background: #FD9543;border: 3px solid #fedfbb;box-shadow: 0px 6px 6px 0px rgba(252,182,96,0.2);} .downBtn .noBtn{border: 3px solid #edeef3; background-color: #ccc;cursor: default;} .pcAdd{display: flex;align-items: center;justify-content: center;text-align: center;} .pcAdd p{text-align: center;margin-top: 2px;margin-left: 2px;} .pcAdd p span{display: block;} .pcAdd p span:first-of-type{font-size: 16px;line-height: 22px;} .pcAdd p span:nth-of-type(2){font-size: 12px;line-height: 15px;} .oTip{display: block;width: 100%;line-height: 18px;font-size: 12px;color: #ccc;overflow: hidden;padding-top: 10px;} .oTip label{color: #f36861;margin-right: 3px;font-weight: bold;} .downBtn a:hover,.downbtn button:hover{opacity: .9;} .pc .pcAdd p span:first-of-type{font-size: 18px;line-height: 42px;} .hotGameR{position: relative;padding-top:3px;background: #fff;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;margin-bottom: 24px;} .hotGameR .iTit{margin-left:24px;margin-right: 24px;} .hotGameR:after{content: "";position: absolute;right: -10px;bottom: -12px;display: block;width: 135px;height: 61px;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;background-position: -564px -214px;} .hotGameR .list{padding:0px 8px 15px;overflow: hidden;*zoom: 1;} .hotGameR .list a{float: left;display: block;width: 120px;text-align: center;font-size: 16px;color: #333;line-height:44px;padding-top: 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .hotGameR .list a img{display: block;width: 88px;height: 88px;border-radius: 20px;margin: auto;} .hotGameR .list a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s; -webkit-transform-origin: right bottom center; -moz-transform-origin: right bottom center;-ms-transform-origin: right bottom center;-o-transform-origin: right bottom center; transform-origin: right bottom center; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;} .hotGameR .list a:hover img{-o-transform: rotate(5deg);-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);transform: rotate(5deg);} .hotGameR .list a:hover{color: #EF493C;} .gRankR{padding:3px 24px 15px;background: #fff;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;margin-bottom: 24px;} .gRankR li{height: 50px;} .gRankR li a{display: block;padding: 9px 0;overflow: hidden;*zoom: 1;} .gRankR li a i{float: left;margin-right: 20px;width: 26px;line-height: 32px;text-align: center;font-size: 16px;color: #333;} .gRankR li a p{float: left;width:190px;font-size: 16px;color: #333;line-height: 32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .gRankR li a:hover p{color: #EF493C;} .gRankR li a span{float: right;display: block;width: 76px;height: 28px;font-size: 14px;color: #EF493C;background: #FFECEB;border-radius: 5px;line-height: 28px;text-align: center;margin-top: 2px;} .gRankR li a span.no{background:#FFC155;color: #fff;} .gRankR li:nth-of-type(-n+3)>a i{font-size: 0;height: 26px;position: relative;top: 3px;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;} .gRankR li:nth-of-type(1)>a i{background-position: -125px -87px;} .gRankR li:nth-of-type(2)>a i{background-position: -165px -87px;} .gRankR li:nth-of-type(3)>a i{background-position: -205px -87px;} .gRankR li a:hover span{background-color: #EF493C;color:#fff ;} .gRankR li:nth-of-type(1) a p{color: #EF493C;} .gRankR li:nth-of-type(1) a span{background-color: #EF493C;color:#fff ;} .ztHotR{padding: 23px 24px 15px 24px;background: #fff;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;margin-bottom: 24px;} .ztHotR>strong{display: block;width: 328px;height: 120px;line-height: 120px;text-align: center;font-size: 24px;font-weight: bold;color:#fff;border-radius: 5px;background: url(../image/ztsidebg.png) no-repeat;background-size: 100% 100%;margin-bottom: 14px;} /*.ztHotR div{overflow: hidden;*zoom: 1;width: 380px;} .ztHotR div a{float: left;display: block;border-radius: 5px;overflow: hidden;margin:0 13px 11px 0;} .ztHotR div a:nth-of-type(3n+1){width: 174px;height: 209px;} .ztHotR div a:nth-of-type(3n+2){width: 140px;height: 168px;} .ztHotR div a:nth-of-type(3n+3){width: 140px;height: 30px;} .ztHotR div a:nth-of-type(3n+1) img,.ztHotR div a:nth-of-type(3n+2) img{height: 100%;min-width: 100%;width: auto; } .ztHotR div a img{width: 100%;min-height: 100%;height: auto;} .ztHotR div a img{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;} .ztHotR div a:hover img{transform: scale(1.2);}*/ .ztHotR ul {margin-top: 18px;overflow: hidden} .ztHotR ul li {float: left;margin-right: 9px;margin-bottom: 14px;text-align: center} .ztHotR ul li:nth-child(2n+2) {margin-right: 0} .ztHotR ul li a {display: block;width: 145px;line-height: 32px;border: 1px solid #ddd;color: #666;text-align: center;height: 32px;padding: 0 6px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis} .ztHotR ul li a:hover {background-color: #EF493C;border-color: #EF493C;color: #fff} .ztTypeR{padding: 23px 24px 15px 24px;background: #fff;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;margin-bottom: 24px;} .ztTypeR ul {overflow: hidden} .ztTypeR ul li {float: left;margin-right: 9px;margin-bottom: 14px;text-align: center} .ztTypeR ul li:nth-child(2n+2) {margin-right: 0} .ztTypeR ul li a {display: block;width: 145px;line-height: 32px;border: 1px solid #ddd;color: #666;text-align: center;height: 32px;padding: 0 6px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis} .ztTypeR ul li a:hover {background-color: #EF493C;border-color: #EF493C;color: #fff} .ztHotR .apHtop {margin-top: 18px;overflow: hidden} .ztHotR .apHtop a {display: block;width: 160px;text-align: center} .ztHotR .apHtop a:nth-child(1) {float: left} .ztHotR .apHtop a:nth-child(2) {float: right} .ztHotR .apHtop a img {display: block;width: 160px;height: 100px} .ztHotR .apHtop a p {font-size: 14px;color: #888;line-height: 16px;margin-top: 10px;overflow: hidden;white-space: nowrap} .ztHotR .apHtop a:hover img {opacity: .9} .ztHotR .apHtop a:hover p {color: #EF493C} .relNews{padding: 0px 24px 15px;background: #fff;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;margin-bottom: 24px;} .relNews .list{padding-top: 10px;width: 800px;overflow: hidden;*zoom: 1;} .relNews .list a{float: left;display: block;width: 328px;padding:20px 20px 19px;margin-right: 16px;margin-bottom: 16px;background: #FDFDFD;border: 1px solid #EBEBEB;border-radius: 5px;} .relNews .list a h4{display: block;font-size: 16px;color: #333;font-weight: bold;line-height: 24px;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .relNews .list a p{display: block;height: 36px;line-height: 18px;font-size: 14px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .relNews .list a:hover h4,.iRecBtR .list a:hover p{color: #EF493C;} .relNews .list a:hover{border-color: #F0C3C0;background-color: #FFECEB;} .gameMit{background: #fff;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;margin-bottom: 24px;} .gameMit .iTit{margin-left:24px;margin-right: 24px;} .gameMit .list{width: 800px;padding:0 9px 19px;overflow: hidden;*zoom: 1;} .gameMit .list a{float: left;display: block;width: 112px;text-align: center;font-size: 16px;color: #666;line-height:38px;padding-top: 13px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .gameMit .list a img{display: block;width: 84px;height: 84px;border-radius: 16px;margin: auto;} .gameMit .list a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s; -webkit-transform-origin: right bottom center; -moz-transform-origin: right bottom center;-ms-transform-origin: right bottom center;-o-transform-origin: right bottom center; transform-origin: right bottom center; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;} .gameMit .list a:hover img{-o-transform: rotate(5deg);-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);transform: rotate(5deg);} .gameMit .list a:hover{color: #EF493C;} .relGaZt{position: relative;min-height: 350px;background: #fff;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;margin-bottom: 24px;} .relGaZt .iTit{margin-left:24px;margin-right: 24px;} .relGaZt .tabMenu{position: absolute;left: 0;right: 0;top: 302px;margin: auto;overflow: hidden;*zoom: 1;padding-left:12px;width: 740px;height: 43px;background: url(../image/gamedetabbg.png) no-repeat;background-size: 100% 100%;} .relGaZt .tabMenu span{float: left;display: block;padding: 0 28px;font-size: 16px;color: rgba(255,255,255,.7);line-height: 40px;cursor: pointer;} .relGaZt .tabMenu span.current,.relGaZt .tabMenu span:hover{font-weight: bold;color: #fff;} .relGaZt .info{margin: 11px 24px 78px;height: 201px;overflow: hidden;*zoom: 1;} .relGaZt .img{float: left;display: block;width: 307px;height: 201px;border-radius: 12px;overflow: hidden;margin-right:33px;} .relGaZt .img img{width: 100%;min-height: 100%;height: auto;} .relGaZt .img img{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;} .relGaZt .img:hover img{transform: scale(1.2);} .relGaZt .info div{position: relative;float: left;width:412px;height: 201px;overflow: hidden;} .relGaZt .info div a{display: block;font-size: 30px;color: #26D1BA;font-weight: bold;line-height: 58px;padding-bottom: 4px;margin-bottom: 17px;border-bottom: 1px solid #F7F8FC;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .relGaZt .info div span{position: absolute;top:23px;right: 0;font-size: 16px;color: #666;line-height: 28px;} .relGaZt .info div p{display: block;height: 112px;line-height: 28px;font-size: 16px;color: #666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;} .relGaZt .info div a:hover{color: #EF493C;} .relGaZt .list{width: 800px;padding:0 9px 19px;overflow: hidden;*zoom: 1;} .relGaZt .list a{float: left;display: block;width: 112px;text-align: center;font-size: 16px;color: #666;line-height:38px;padding-top: 13px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .relGaZt .list a i{display: block;font-size: 14px;color: #999;line-height: 18px;} .relGaZt .list a img{display: block;width: 84px;height: 84px;border-radius: 16px;margin: auto;} .relGaZt .list a img{-o-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s; -webkit-transform-origin: right bottom center; -moz-transform-origin: right bottom center;-ms-transform-origin: right bottom center;-o-transform-origin: right bottom center; transform-origin: right bottom center; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;} .relGaZt .list a:hover img{-o-transform: rotate(5deg);-webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);transform: rotate(5deg);} .relGaZt .list a:hover{color: #EF493C;} .gameTit{position: relative;z-index: 1;top: 4px;padding-left: 24px;} .gameTit em{font-weight: bold;font-size: 36px;color: #333;line-height: 42px;} .gameTit em i{position: relative;font-weight: bold;} .gameTit em i:after{content: "";position: absolute;bottom: 3px;display: block;width: 100%;height: 5px;background-color: #fff;} .gameTit .ico{display: inline-block;vertical-align: top;width: 22px;height: 21px;background-position: -272px -3px;margin: 12px 9px 0 7px;} .gameTit span{display: inline-block;vertical-align: top;font-size: 24px;color: #FF6358;font-weight: bold;line-height: 34px;} .gameInfo{position: relative;padding: 15px 24px 30px;background: #fff;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;margin-bottom: 24px;} /* .gameInfo:after{content: "";position: absolute;top: -21px;right: -14px;display: block;width: 27px;height: 27px;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;background-position: -287px -88px;} */ .gameInfo ul{width: 790px;overflow: hidden;*zoom: 1;} .gameInfo li{float: left;width: 362px;height: 46px;line-height: 46px;font-size: 16px;color: #666;overflow: hidden;border-bottom: 1px dotted #cdcbcb;margin-right: 30px;} .gameInfo li span{float: right;display: block;max-width: 280px;font-size: 16px;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .gameInfo .gPower,.gameInfo .gSecret{color: #FF6358;cursor: pointer;} .gameInfo .gPower:hover,.gameInfo .gSecret:hover{text-decoration: underline;} .gameInfo li a{float: right;display: block;max-width: 280px;font-size: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#FF6358} .showImg{padding: 28px 24px 27px;background: #fff;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;margin-bottom: 24px;} .screenshot { width: 752px; max-height: 326px;overflow: hidden;} .screenshot .slider-contain{position:relative;width:752px;height:298px;} .screenshot .img-slider{height:281px;text-align: center;font-size: 0;white-space:nowrap;} .screenshot .img-slider img{display: block;height:281px;border-radius:0;width:auto;vertical-align:top} .screenshot .img-slider li{width:auto;margin-right:17px;display:inline-block;height:281px;} .screenshot .img-slider li:last-child{margin-right: 0;} .screenshot .video-js{width: 500px;height: 281px;} .screenshot .slider-inner-contain{position:relative;left:0;width:792px;height: 298px;overflow-x:scroll;overflow-y:hidden;background:#fff;} .slider-contain>i{position: absolute;z-index: 2;top:81px;width: 40px;height: 120px;background-color: rgba(0,0,0,.3);cursor:pointer;border-radius: 10px} .slider-contain .gLeft{left: -40px;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;} .slider-contain .gRight{right: -40px;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;} .slider-contain>i:after{content: '';position: absolute;width:23px;height:53px;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;top:33px;} .slider-contain .gLeft:after{background-position: -399px -214px;left:10px;transform: rotateY(-180deg);} .slider-contain .gRight:after{background-position: -399px -214px;left:10px;} .screenshot:hover .gLeft{left: 23px;} .screenshot:hover .gRight{right: 23px;} .screenshot .img-slider .img-item{position:relative;line-height:0;font-size:0} .lb-data .lb-number{font-size: 0;} .gameCont{position: relative;padding: 32px 24px 27px;background: #fff;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;margin-bottom: 24px;} .gameCont:after{content: "";position: absolute;top: -24px;right: -13px;display: block;width: 64px;height: 61px;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;background-position: -461px -214px;} .gameCont .intro{position: relative;padding: 16px 20px;margin-bottom: 32px;background: #F7F8FC;border-radius: 10px;font-size: 16px;color: #666;line-height: 30px;} .gameCont .intro:after{content: "";position: absolute;z-index: 1;top: -7px;left: -11px;display: block;width: 25px;height: 25px;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;background-position: -246px -88px;} .gameCont .cont{font-size: 16px;color: #666;line-height: 30px;overflow: hidden;} .gameCont .cont a{line-height: 31px; text-indent: 0;color:#EF493C;} .gameCont .cont a:hover{border-bottom: .01px solid #EF493C;} .gameCont .cont p{line-height: 30px;color: #666;margin-bottom: 16px;} .gameCont .cont br{height: 1px;} .gameCont .cont img{max-width:750px;margin: auto;display: block;} .gameCont .cont p img{max-width:750px;} .gameCont h3{position: relative;padding-right: 4px;display: inline-block;line-height: 26px;font-size: 18px;color: #333;font-weight: bold;margin-bottom: 16px;background:url(../image/gamedetitbg.png) no-repeat;background-size:12px 12px;background-position: top right;} .gameCont .cont iframe{width: 600px;height:340px;margin: 0 auto;display: block;border: none;} .gameCont .cont table{max-width: 100%;margin: auto;} .gameCont .cont table a{color:#0000ee} .gameCont .cont table a:hover{text-decoration:underline} /* rizhi */ .rizhi {position: relative;font-size: 16px;color: #666;line-height: 30px;} .rizhi strong{display: block;color: #454545;line-height: 30px;font-size: 16px; font-weight: bold;} .rizhi p{margin-bottom: 6px;border-bottom: none;display: block;} .rizhi p span{display: block;} font.rLog{ position: absolute;top:0px;right: 0px; color: #FF6358;line-height: 30px;cursor: pointer;font-size: 14px;} font.rLog:hover{text-decoration: underline;} .addmodel { width: 100%;height: 100%;left: 0;position: absolute;top: 0;z-index: 5;background-color: #000;filter: alpha(Opacity=50);opacity: .5;} .rModel{overflow:hidden;} .rTmodel{font-size: 14px;background: #fff;border-radius: 10px;left: 50%;top:50%;margin-left: -250px;margin-top: -280px;padding-bottom: 5px;position: fixed;_position: absolute;width: 500px;height: 560px; z-index: 999;*zoom: 1;cursor: default;-webkit-box-shadow: 0 4px 16px rgba(0,0,0,.4);box-shadow: 0 4px 16px rgba(0,0,0,.4);display: block;} .rTmodel strong{display: block;padding:15px 0px 0px;overflow:hidden;color: #454545;line-height: 28px;font-size: 16px; font-weight: bold;border-top: 1px dashed #eee;} .rTmodel p{padding:0px 0px 20px;overflow:hidden;line-height: 26px;color: #555;font-size: 14px;border-bottom: 1px solid #eee;} .rModel p.rTit{display: block;text-indent: 0; font-style:normal;height: 50px;line-height: 50px;overflow: hidden;background-color:#EF493C;color: #fff;padding: 0 2px 0 18px;font-size: 16px;border-radius: 10px 10px 0 0;font-weight: bold;} .rModel p.rTit span{float: right;width: 50px;height: 50px;display: block;font-size: 36px;text-align: center;cursor: pointer;font-weight: 400;color: #fff;text-decoration: none;} .rMlist{overflow-y:scroll;height: 500px;padding: 0px 20px;} .rModel p{padding-bottom: 6px;border-bottom: none;} .rModel p span{display: block;} .newsWrap{background: none;} .newsList{padding: 0px 24px 15px;background: #fff;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;margin-bottom: 24px;} .newsTit{padding: 11px 0 7px;border-bottom: 1px dashed #E5E5E5;overflow: hidden;*zoom: 1;} .newsTit a{float: left;display: block;width: 92px;height: 36px;line-height: 36px;background: #F0F0F0;font-size: 16px;color: #999;text-align: center;overflow: hidden;white-space: nowrap;border-radius: 18px;margin: 0 24px 17px;} .newsTit a:hover{background:#EF493C ;color: #fff;font-weight: bold;} .newsTit a.current{width: 102px;height: 53px;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;background-position: -258px -222px;margin-bottom: 0;color: #fff;font-weight: bold;} .newsList ul{width: 790px;margin-top: 27px;overflow: hidden;*zoom: 1;} .newsList li{float: left;width: 236px;height: 300px;margin-right: 22px;} .newsList li .img{display: block;width: 236px;height: 142px;border-radius: 6px;margin-bottom: 7px;overflow: hidden;} .newsList li .img img{width: 100%;min-height: 100%;height: auto;} .newsList li .img img{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;} .newsList li .img:hover img{transform: scale(1.2);} .newsList li a{margin-bottom: 7px;} .newsList li a:nth-of-type(2){display: block;height: 52px;line-height: 26px;font-size: 18px;color: #4D4D4D;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .newsList li:hover a:nth-of-type(2){color: #EF493C;} .newsList li p{display: block;height: 48px;line-height: 24px;font-size: 14px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .newsList li div{height: 30px;overflow: hidden;*zoom: 1;} .newsList li div span{font-size:14px;color: #999;line-height: 30px;max-width: 50%;} .newsList li div span:nth-of-type(1){float: left;} .newsList li div span:nth-of-type(2){float: right;} .yyDeL .pagecode{margin-bottom: 28px;} .newsCont{padding: 35px 24px 15px;background: #fff;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;margin-bottom: 24px;} .newsCont h1{font-size: 30px;color: #4D4D4D;font-weight: bold;line-height: 54px;text-align: center;margin-bottom: 10px;} .newsCont .intro{height:36px;text-align: center;overflow: hidden;padding-bottom: 20px;border-bottom: 1px solid #F3F3F3;margin-bottom: 32px;} .newsCont .intro span{font-size: 16px;color: #999;line-height: 36px;margin: 0 11px;} .newsCont .cont{font-size: 16px;color: #4D4D4D;line-height: 30px;overflow: hidden;} .newsCont .cont a{line-height: 31px; text-indent: 0;color:#EF493C;} .newsCont .cont a:hover{border-bottom: .01px solid #EF493C;} .newsCont .cont p{line-height: 30px;color: #4D4D4D;margin-bottom: 20px;text-indent: 2em;} .newsCont .cont br{height: 1px;} .newsCont .cont img{max-width:750px;margin: auto;display: block;} .newsCont .cont p img{max-width:750px;} .newsCont h3{position: relative;padding-right: 4px;display: inline-block;line-height: 26px;font-size: 18px;color: #333;font-weight: bold;margin-bottom: 16px;background:url(../image/gamedetitbg.png) no-repeat;background-size:12px 12px;background-position: top right;} .newsCont .cont iframe{width: 600px;height:340px;margin: 0 auto;display: block;border: none;} .newsCont .cont table{max-width: 100%;margin: auto;} .newsCont .cont table a{color:#0000ee} .newsCont .cont table a:hover{text-decoration:underline} .newsCont .cont table p{text-indent: 0;margin: 0} .newsCont .cont .info{margin:0 16px 20px;overflow: hidden;background: #f9f9f9;height: 113px;} .newsCont .cont .info img{width: 80px;height: 80px;display: block;float: left;border-radius: 12px;margin: 17px 20px 16px 15px;} .newsCont .cont .info p{text-indent:0;margin-bottom:10px;} .newsCont .qaboxs{float: left;width: 62%;} .newsCont .qaboxs .name{font-size: 18px;color: #333;margin-top: 25px;margin-bottom: 16px;} .newsCont .qaboxs p span{font-size: 14px;color: #999;margin-right: 45px;} .newsCont .qaboxs p span em{font-size: 14px;color: #666;} .newsCont .cont .info>a{display: block;float: right;width: 130px;height: 32px;color: #fff;line-height: 32px;text-align: center;background: #ffa622;margin-top: 41px;border-radius: 3px;margin-right: 18px;} .relNGame{padding: 31px 26px 29px;background: url(../image/newsdegabg.png) no-repeat;background-size: 100% 100%;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;margin-bottom: 24px;overflow: hidden;*zoom: 1;} .relNGame .img{float: left;width: 120px;height: 120px;border-radius: 24px;overflow: hidden;margin-right: 21px;} .relNGame .img img{width: 100%;min-height: 100%;height: auto;} .relNGame div{float: left;height: 120px;width: 460px;overflow: hidden;} .relNGame div>a{display: block;font-size: 24px;color: #4D4D4D;font-weight: bold;line-height: 36px;margin: 6px 0;} .relNGame div p{font-size: 16px;color: #999;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 3px;} .relNGame div p span:nth-of-type(2){margin-left:64px;} .relNGame div p a{color: #999;} .relNGame div p a:hover,.relNGame div>a:hover{color:#EF493C;} .relNGame .btn{float: right;display: block;margin-top: 36px;width: 132px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;cursor: pointer;border-radius: 23px;background: #31DF84;border: 3px solid #A1FDCD;box-shadow: 0px 6px 6px 0px rgba(49,223,132,0.2);} .relNGame .btn:hover{opacity: .8;} .pageNP{margin-bottom: 16px;height: 34px;overflow: hidden;*z-index: 1;} .pageNP p{display: block;padding: 0 17px;overflow: hidden;width: 304px;height: 34px;background: linear-gradient(to right,#f5f5f5 ,rgba(245,245,245,.9));border-radius: 17px 6px 17px 6px;font-size: 16px;color: #999;line-height: 34px;white-space: nowrap;text-overflow: ellipsis;cursor: pointer;} .pageNP p:nth-of-type(1){float: left;} .pageNP p:nth-of-type(2){float: right;} .pageNP p a{color: #999;} .pageNP p:hover{background: linear-gradient(to right,#ff7163 ,#fe9a7a);color:#fff ;} .pageNP p:hover a{color: #fff;} .tagJHList{width: 1200px;margin: auto;padding-bottom: 4px;margin-bottom: 24px;} .tagJHList ul{overflow: hidden;*zoom: 1;padding: 10px 0;width: 106%;} .tagJHList li{float: left;width: 185px;height: 215px;margin:0 20px 20px 0;overflow: hidden;background-color: #fff;box-shadow: 0.5px 0.8px 5px 0 rgb(0 0 0 / 6%);border-radius: 8px;} .tagJHList li a{position: relative;display: block;width: 185px;height: 183px;padding-top: 32px;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;} .tagJHList li img{display: block;width: 120px;height: 120px;margin:0 auto;border-radius: 24px;} .tagJHList li p{display: block;font-size: 20px;color: #333;line-height: 48px;margin: 0 10px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;} .tagJHList li span{position: absolute;left: 0;right: 0;bottom: -30px;margin: auto;display: block;width: 0;height: 30px;background:#EF493C;border-radius: 4px;font-size: 14px;color: #fff;line-height: 30px;text-align: center;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;} .tagJHList li a:hover p{display: none;color: #6ac20c;} .tagJHList li a:hover img{opacity: .9;} .tagJHList li a:hover span{bottom: 20px;width: 100px;} .tagJHList li{text-align: center;height: 235px;} .tagJHList li a{height: 203px;} .tagJHList li i{display: block;font-size: 14px;color: #999;line-height: 20px;} .tagJHList li a:hover i{margin-top: 8px;} .xydTop{position: relative;padding: 25px 24px;background: #fff;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;margin-bottom: 24px;} .xydCont{position: relative; overflow: hidden;*zoom: 1;} .xydTop img{float: left;width: 190px;height: 190px;border-radius: 28px;margin-right: 23px;} .xydTop .intro{float:left;width: 520px;} .xydTop .intro p,.xydTop .intro li{overflow: hidden;white-space: nowrap;} .xydTop .name{display: block;position: relative;background-color: #fff;padding-right: 20px;max-width: 576px;height: 40px;line-height: 40px;font-size: 14px;color: #808080;overflow: hidden;-moz-box-shadow: 4px 4px 0px rgba(0,0,0,.1);box-shadow: 4px 4px 0px rgb(0 0 0 / 10%);} .xydTop h1{display: inline-block;font-size: 28px;color: #333;margin-right: 18px;line-height: 32px;font-weight: 600;} .xydTop .name i{display: block;position: absolute;width: 66px;height: 26px;background-position: -258px -395px;right: -81px;top: 10px;} .xydTop .intro ul{margin-top: 8px;width: 300px;min-height: 60px;overflow: hidden;*zoom: 1;} .xydTop .intro li{float: left;width: 136px;height: 30px;line-height: 30px;font-size: 14px;color: #808080;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .xydTop .intro li span,.xydTop .intro li em{color: #333;} .xydTop .intro .txt{display:block;max-height: 70px;border-top: 1px solid #e0e0e0;margin-top: 5px;padding-top: 8px;line-height: 24px;font-size: 14px;color: #4c4c4c;white-space: normal;overflow: hidden;display: -webkit-box;-webkit-line-clamp:3; -webkit-box-orient: vertical;} .xydTop .intro .txt label{font-weight: bold;color: #808080;} .xydTop>.txt{display:block;max-height: 70px;margin-top: 5px;line-height: 24px;font-size: 14px;color: #4c4c4c;white-space: normal;overflow: hidden;display: -webkit-box;-webkit-line-clamp:3; -webkit-box-orient: vertical;} .xydTop>.txt label{font-weight: bold;color: #808080;} .xydTop .downbtn{position: absolute;top: 56px;right: 5px;width: 138px;overflow: hidden;} .xydTop .downbtn a,.xydTop .downbtn button{float: left;display: block;border: none;width: 132px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #fff;cursor: pointer;border-radius: 23px;background-color: #EF493C;margin-right: 20px;box-sizing: content-box;} .xydTop .downbtn .iosBtn{background: #409EFF;border: 3px solid #c5e1ff;box-shadow: 0px 6px 6px 0px rgba(64,159,255,0.16);} .xydTop .downbtn .adrBtn{background: #31DF84;border: 3px solid #A1FDCD;box-shadow: 0px 6px 6px 0px rgba(49,223,132,0.2);} .xydTop .downbtn .pcBtn{border: 3px solid #f7a7a1;background-color: #EF493C;} .xydTop .downbtn .orderBtn{background: #FD9543;border: 3px solid #fedfbb;box-shadow: 0px 6px 6px 0px rgba(252,182,96,0.2);} .xydTop .downbtn .noBtn{border: 3px solid #edeef3; background-color: #ccc;cursor: default;} .xydTop .downbtn .pcAdd{display: flex;align-items: center;justify-content: center;text-align: center;} .xydTop .downbtn .pcAdd p{text-align: center;margin-top: 2px;margin-left: 2px;} .xydTop .downbtn .pcAdd p span{display: block;} .xydTop .downbtn .pcAdd p span:first-of-type{font-size: 15px;line-height: 20px;} .xydTop .downbtn .pcAdd p span:nth-of-type(2){font-size: 11px;line-height: 16px;} .xydTop .downbtn .oTip{display: block;width: 100%;line-height: 18px;font-size: 12px;color: #ccc;overflow: hidden;padding-top: 10px;} .xydTop .downbtn .oTip label{color: #f36861;margin-right: 3px;font-weight: bold;} .xydTop .downbtn .downBtn a:hover,.xydTop .downbtn button:hover{opacity: .9;} .xydEdition{padding: 3px 24px 15px;background: #fff;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;margin-bottom: 24px;} .xydEdition ul{width: 850px;padding-top:10px;overflow: hidden;*zoom: 1;} .xydEdition ul li{float: left;width: 198px;height: 142px;padding: 0 16px 0 20px;margin:0 22px 22px 0;border: 1px solid transparent;background-color: #f6f6f6;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;} .xydEdition ul li a:nth-of-type(1){display: block;width: 110%;font-size:18px;color: #333;height: 52px;line-height: 52px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .xydEdition ul li a:nth-of-type(2){display: block;overflow: hidden;*zoom: 1} .xydEdition ul li a:nth-of-type(2) img{float: left;width: 70px;height: 70px;border-radius: 16px;margin-right: 16px;} .xydEdition ul li a:nth-of-type(2) div{float: left;width:112px;} .xydEdition ul li a:nth-of-type(2) p{font-size: 14px;color: #999;line-height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .xydEdition ul li:hover{background-color: #FFECEB;border-color: #EF493C;} .xydEdition ul li:hover a:nth-of-type(1){color: #EF493C;} .reldGame{padding: 3px 24px 15px;background: #fff;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;margin-bottom: 24px;} .reldGame ul {width: 850px;padding-top:10px;overflow: hidden;*zoom: 1;} .reldGame ul li {float: left;width: 238px;height: 116px;margin: 0 19px 18px 0} .reldGame li a {position: relative;display: block;padding: 15px 5px 15px 15px;float: left;border: 1px solid #FFECEB;border-radius: 8px} .reldGame li a img {float: left;width: 84px;height: 84px;border-radius: 16px;margin-right: 10px} .reldGame li a .info p,.reldGame li a .info span {overflow: hidden;white-space: nowrap;text-overflow: ellipsis} .reldGame li a .info {float: left;width: 121px;height: 84px;overflow: hidden} .reldGame li a .info p {font-size: 16px;color: #000;line-height: 30px;margin-top: 5px} .reldGame li a .info span {display: block;font-size: 12px;color: #999;line-height: 20px} .reldGame li a,.reldGame li a .btn,.reldGame li a .btn i {transition: all .3s linear} .reldGame li a .btn {position: absolute;top: 58px;right: -1px;width: 58px;height: 22px;line-height: 22px;text-align: center;font-size: 12px;color: #EF493C; background: #FFECEB;border: 1px solid #FFECEB;border-radius: 12px 0 0 12px} .reldGame li a .btn i {display: inline-block;width: 12px;height: 12px;background-position: -296px -148px;margin-right: 2px;position: relative;top: 1px} .reldGame li a:hover .btn {color: #fff;background: linear-gradient(to right, #EF493C,#EF493C)} .reldGame li a:hover .btn i {background-position: -296px -171px} .reldGame li a:hover img {opacity: .9} .reldGame li a:hover p {color: #EF493C} .reldGame li a:hover {border-color: #EF493C} .xydTop .intro ul{width: 360px;} .xydTop .intro ul li:last-of-type{width: 220px;} /* order */ .orderList{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 2;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);} .orderBox{position: absolute;z-index: 5;top: 260px;left: 0;right: 0;margin: auto;background: #fff;box-shadow: 0px 12px 12px 0px rgba(0,0,0,0.1), 0px -7px 7px 0px rgba(128,103,91,0.2)inset;border-radius: 20px;width: 340px;padding: 0 70px;text-align: center;} .orderBox .oClose{position: absolute;top: -160px;right:-60px;margin: auto;z-index: 10;cursor: pointer;} .orderBox .oClose i{display: inline-block;width: 44px;height: 44px;background-position: -953px -856px;position: relative;transform: scale(.8);} .orderBox .oTitle{position: relative;display: block;text-align: left;padding-top: 15px;height: 70px;} .orderBox .oTitle p{display: block;font-size: 32px;color: #FF6358;font-weight: bold;line-height: 70px;white-space: nowrap;overflow: hidden;} .orderBox .oTelBox{position: relative;padding-top: 18px;} .orderList:after{content: "";position: absolute;left: 0;right: 0;margin: auto;top: 150px;display: block;width: 560px;height: 220px;background: url(../image/maskorderbg.png) no-repeat;background-size:604px 220px;} .orderBox:after{content: "";position: absolute;right: 57px;margin: auto;top: -155px;display: block;width: 182px;height: 234px;background: url(../image/maskorderbg1.png) no-repeat;background-size:182px 234px;} .oWin:after,.oAgin:after{content: "";position: absolute;left: 30px;margin: auto;top: 13px;display: block;width: 88px;height: 76px;background: url(../image/maskorderbg2.png) no-repeat;background-size:88px 76px;} .orderBox form .tel{display: block;border: none;width: 300px;height: 48px;background: #F4F4F4;box-shadow: 0px -6px 6px 0px rgba(179,179,179,0.2) inset;border-radius: 10px;line-height: 48px;color:#666;font-size:18px;padding:0 20px;margin: 0 auto;overflow: hidden;white-space: nowrap;} .orderBox form .tel::-webkit-input-placeholder {color: #999;} .orderBox form .tel:-moz-placeholder { color: #999;} .orderBox form .tel::-moz-placeholder { color: #999;} .orderBox form .tel:-ms-input-placeholder { color: #999;} .orderBox form .tel:focus{color: #808080;} .orderBox form p{ color:#404040;font-size:18px;line-height: 24px;margin-top: 16px;overflow: hidden;white-space: nowrap;} .orderBox form p em{ color:#ec6864;} .orderBox form p:last-of-type{font-size: 16px;color: #ccc;margin-top: 4px;} .orderBox form span{color: #ff3232;font-size: 14px;text-align: left;display: block;width:306px;margin: 0 auto;overflow: hidden;white-space: nowrap;} .orderBox form .oBtn,.orderBox .oKnow{display: block;cursor: pointer;border: 0;width: 340px;height: 48px;line-height: 48px;background: #FF6358;box-shadow: 0px -6px 6px 0px rgba(179,70,62,0.2)inset;border-radius: 10px;color:#fff;font-size:18px;font-weight: bold;margin: 21px auto 43px; } .orderBox .msg{display: block;color: #ff3232;font-size: 14px;text-align: left;width:326px;margin: 0 auto;} .orderBox .oWin{position: relative;width: 100%;font-size: 18px;border-radius: 3px;text-align: center;padding-top: 118px;} .orderBox .oWin>strong{display: block;font-size:20px;color: #4D4D4D;font-weight: bold;line-height: 28px;margin-bottom: 26px;margin-top: 16px;} .orderBox .oWin>i{display:block;width: 73px;height: 73px;background-position: -924px -919px;margin: auto;position: relative;} .orderBox .oAgin{position: relative;width: 100%;font-size: 18px;border-radius: 3px;text-align: center;padding-top: 118px;} .orderBox .oAgin>strong{display: block;font-size:20px;color: #4D4D4D;font-weight: bold;line-height: 28px;margin-bottom: 26px;margin-top: 16px;} .orderBox .oAgin>i{display:block;width: 73px;height: 73px;background-position: -924px -919px;margin: auto;position: relative;} /* power */ .gRule{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);} .ruleTxt{position: absolute;z-index: 5;top: 200px;left: 0;right: 0;margin: auto;background: #fff;box-shadow: 0px 12px 12px 0px rgba(0,0,0,0.1), 0px -7px 7px 0px rgba(128,103,91,0.2)inset;border-radius: 20px;width: 400px;padding: 0 40px;text-align: center;} .gRule .gRclose{position: absolute;top: -18px;right:-80px;margin: auto;z-index: 10;cursor: pointer;} .gRule .gRclose i{display: inline-block;width: 44px;height: 44px;background-position: -953px -856px;position: relative;transform: scale(.8);} .gRule .oTitle{position: relative;display: block;text-align: left;padding-left: 30px;padding-top: 15px;height: 70px;} .gRule .oTitle p{display: block;font-size: 32px;color: #333333;font-weight: bold;line-height: 70px;white-space: nowrap;overflow: hidden;} .gRule:after{content: "";position: absolute;left: 0;right: 0;margin: auto;top: 100px;display: block;width: 560px;height: 220px;background: url(../image/maskqxbg.png) no-repeat;background-size:604px 220px;} .ruleTxt:after{content: "";position: absolute;left: 0;right: 0;margin: auto;top: -200px;display: block;width: 375px;height: 271px;background: url(../image/maskqxbg1.png) no-repeat;background-size:375px 271px;} .gRule .gSure{display: block;cursor: pointer;border: 0;width: 340px;height: 48px;background: #434343;box-shadow: 0px 6px 6px 0px rgba(219,219,219,0.1), 0px -6px 6px 0px rgba(0,0,0,0.2) inset;border-radius: 10px;color:#fff;font-size:18px;font-weight:bold;line-height: 48px;margin: 28px auto 34px;overflow: hidden;white-space: nowrap; } .ruleMain{display: block;height: 378px;border:none;padding:0 30px;line-height: 28px;font-size: 16px;margin: 2px auto 30px;text-align: left;overflow: auto;} .ruleMain strong{display: block;font-size: 16px;color: #4D4D4D;line-height: 36px;} .ruleMain p:nth-of-type(1){font-weight: bold;margin-bottom: 10px;} .ruleMain p:nth-last-of-type(1){margin-bottom: 20px;} /* Privacy */ .gPrivacy{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6);} .privacyTxt{position: absolute;z-index: 5;top: 200px;left: 0;right: 0;margin: auto;background: #fff;box-shadow: 0px 12px 12px 0px rgba(0,0,0,0.1), 0px -7px 7px 0px rgba(128,103,91,0.2)inset;border-radius: 20px;width: 400px;padding: 0 40px;text-align: center;} .gPrivacy .gPclose{position: absolute;top: -18px;right:-80px;margin: auto;z-index: 10;cursor: pointer;} .gPrivacy .gPclose i{display: inline-block;width: 44px;height: 44px;background-position: -953px -856px;position: relative;transform: scale(.8);} .gPrivacy .oTitle{position: relative;display: block;text-align: left;padding-left: 30px;padding-top: 15px;height: 70px;} .gPrivacy .oTitle p{display: block;font-size: 32px;color: #58CCB3;font-weight: bold;line-height: 70px;white-space: nowrap;overflow: hidden;} .gPrivacy:after{content: "";position: absolute;left: 0;right: 0;margin: auto;top: 100px;display: block;width: 560px;height: 220px;background: url(../image/maskysbg.png) no-repeat;background-size:604px 220px;} .privacyTxt:after{content: "";position: absolute;left: 0;right: 0;margin: auto;top: -155px;display: block;width: 339px;height: 235px;background: url(../image/maskysbg1.png) no-repeat;background-size:339px 235px;} .gPrivacy .gSure{display: block;cursor: pointer;border: 0;width: 340px;height: 48px;background: #52BEA6;box-shadow: 0px -6px 6px 0px rgba(5,84,66,0.2) inset;border-radius: 10px;color:#fff;font-size:18px;font-weight: bold;line-height: 48px;margin: 28px auto 34px;overflow: hidden;white-space: nowrap; } .privacyMain{display: block;height: 378px;border:none;padding:0 30px;line-height: 28px;font-size: 16px;margin: 2px auto 30px;text-align: left;overflow: auto;} .privacyMain strong{display: block;font-size: 16px;color:#4D4D4D;line-height: 36px;} .privacyMain p:nth-of-type(1){font-weight: bold;margin-bottom: 10px;} .privacyMain p:nth-last-of-type(1){margin-bottom: 20px;} /* feedback */ .feedBack{position: fixed;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .6); } .feBackBox{position: absolute;z-index: 5;top: 130px;left: 0;right: 0;margin: auto;width: 480px;text-align: center;background: #FFFFFF;box-shadow: 0px 12px 12px 0px rgba(0,0,0,0.1), 0px -7px 7px 0px rgba(128,103,91,0.2) inset;border-radius: 20px;} .feBackBox .feBaClose{position: absolute;top: -38px;right:-50px;margin: auto;z-index: 10;cursor: pointer;} .feBackBox .feBaClose i{display: inline-block;width: 44px;height: 44px;background-position: -953px -856px;position: relative;transform: scale(.8);} .feBackBox .fTitle{position: relative;z-index: 1;display: block;text-align: left;padding-left: 69px;padding-top: 15px;/* background: #fff; */height: 50px;} .feBackBox .fTitle p{font-size: 32px;color: #2D93FF;font-weight: bold;line-height: 50px;white-space: nowrap;overflow: hidden;background-color: #fff;display: inline-block;border-radius: 20px;} .feBackBox .fSure{display: block;border: 0;margin: .3rem auto 40px;width: 460px;height: 80px;line-height: 80px;font-size: 16px;color: #FEFEFE;background: #56E39D;border-radius: 4px;} .feedBack:after{content: "";position: absolute;left: 0;right: 0;margin: auto;top: 100px;display: block;width: 560px;height: 220px;background: url(../image/maskfackbg.png) no-repeat;background-size:604px 220px;} .feBackBox:after{content: "";position: absolute;left: -160px;right: 0;margin: auto;top: -136px;display: block;width: 395px;height: 214px;background: url(../image/maskfackbg1.png) no-repeat;background-size:395px 214px;} .feBack{margin: 0 70px 25px;} .feBack>span{font-size: 16px;color: #4C4C4C;line-height: 40px;margin-bottom: 4px;display: block;text-align: left;} .feBack .info{display: flex;flex-wrap: wrap;width: 320px;margin: auto;background: #F9F9F9;box-shadow: 0px -6px 6px 0px rgba(179,179,179,0.2) inset;border-radius: 12px;padding: 13px 10px;margin-bottom: 2px;} .feBack .info p{font-size: 14px;color: #333;line-height: 88px;} .otherRe{width: 340px;background: #F9F9F9;box-shadow: 0px -6px 6px 0px rgba(179,179,179,0.2) inset;border-radius: 12px;overflow: hidden;padding: 7px 0 13px; } .feBack textarea{ width: 300px;height: 32px;line-height: 24px;border: none;resize:none;background:transparent;padding: 5px 20px;font-size: 16px;color: #666;} .feBack .photos{display: flex;overflow: hidden;} .feBack .photoInput{position: relative;width: 64px;height: 64px;border: 1px dashed #ccc;border-radius: 4px;text-align: center;margin-left: 20px;} .feBack .photoInput p{color: #666;font-size: 12px;} .feBack .photoInput p:nth-of-type(1){font-size: 28px;color:#CDCDCD;margin-top: 6px;line-height: 30px;} .feBack .photoInput input{opacity: 0;position: absolute; top: 0; left: 0;width: 100%;height: 100%;cursor: pointer;} .feBack .photoList{display: flex;flex: 1;width: 270px;overflow-x: auto;white-space: nowrap;font-size: 0;overflow-x: -moz-scrollbars-none; -ms-overflow-style: none;} .feBack .photoList::-webkit-scrollbar {width: 0;height: 0;display: none;-webkit-appearance: none;border-radius: 0} .feBack .photoList img{width:auto;height: 120px;margin-left: 20px;} .checkbox {position: relative;display: block;width: 50%;height:28px;line-height: 28px;cursor: pointer;} .checkbox:nth-last-child(1){border-bottom: none;} .checkbox input[type='checkbox'] {position: absolute;left: 0;top: 0;width: 20px;height: 20px;opacity: 0;} .checkbox label {position: absolute;left: 35px;top: 0;height: 28px;line-height: 28px;width: 124px;font-size: 16px;color: #666;text-align: left;} .checkbox label:after {content: '';position: absolute;left: -25px;top: 7px;width: 16px;height: 16px;background: #E0E0E0;box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.2)inset;border-radius: 50%;} .checkbox input[type='checkbox']:checked + label:after {background: #FD6B74;box-shadow: 0px -2px 2px 0px rgba(94,30,31,0.2)inset;} .telBox{overflow: hidden;background-color: #f9f9f9;} .telBox input{display: block;border: none;padding:0 20px;width: 300px;height: 48px;line-height: 48px;background: #F4F4F4;box-shadow: 0px -6px 6px 0px rgba(179,179,179,0.2) inset;border-radius: 10px;font-size: 18px;color: #999;} .telBox input::-webkit-input-placeholder {color: #999;} .telBox input:-moz-placeholder { color: #999;} .telBox input::-moz-placeholder { color: #999;} .telBox input:-ms-input-placeholder { color: #999;} .feSubmit input{display: block;border: 0;margin: 20px auto 30px;cursor: pointer;font-size: 18px;color: #FEFEFE;width: 340px;height: 48px;background: #2D93FF;box-shadow: 0px 6px 6px 0px rgba(219,219,219,0.1), 0px -6px 6px 0px rgba(0,0,0,0.2) inset;border-radius: 10px;} .iTopic{position: relative;z-index: 1;width: 1200px;padding: 30px 85px;margin: auto;overflow: hidden;} .carousel {width: 100%;height: 336px;margin: 0 auto;position: relative} .carousel .carCont{position: relative;width: 1200px;height: 336px;overflow: hidden;} .carousel .caroList {position: absolute;top: 0;left: 0;height: 336px;} .carousel .caroList li{float: left;width: 1200px;overflow: hidden} .carousel .caroBtn i {display: block;position: absolute;z-index: 10;top: 50%;margin-top: -22px;width: 47px;height: 51px;cursor: pointer;} .carousel .caroPre {left: -70px;background-position: -140px -222px;} .carousel .caroNext {right: -70px;background-position: -140px -222px; transform: rotateY(180deg);} .carousel .caroBtn .caroPre:hover{background-position: -196px -222px; transform: rotateY(180deg);} .carousel .caroBtn .caroNext:hover {background-position: -196px -222px;transform: rotateY(0deg);} .iTopic li div{width:1300px;} .iTopic li a {float: left;position: relative;display: block;width: 384px;height: 336px;margin-right: 24px;overflow: hidden;} .iTopic li a div{width: 384px;height: 216px;overflow: hidden;text-align: center;} .iTopic li a img {width: 384px;min-height: 216px;height: auto;display: block;transition: all .3s linear} .iTopic li a p {display: block;margin-top: 16px;width: 100%;height: 40px;line-height: 40px;font-size: 20px;color: #fff;font-weight: bold;text-align: center;overflow: hidden;white-space: nowrap;} .iTopic li a span {position: relative;display: block;line-height: 20px;font-size: 12px;color: #fff;text-align: center;overflow: hidden;white-space: nowrap;} .iTopic li a span:before{content: "";position: relative;top: -4.5px;display: inline-block;width: 60px;height: 1px;background-color: rgba(243,243,243,.6);margin-right: 19px;} .iTopic li a span:after{content: "";position: relative;top: -4.5px;display: inline-block;width: 60px;height: 1px;background-color: rgba(243,243,243,.6);margin-left: 19px;} .iTopic li a em{display: block;font-size: 12px;color: #fff;line-height: 32px;text-align: center;overflow: hidden;white-space: nowrap;} .iTopic li a:hover img {transform: scale(1.1)} .iTopic li>div a{background-color: #ffa123;} .iTopic li>div a:nth-of-type(1){background-color: #f53233;} .iTopic li>div a:nth-of-type(2){background-color: #ff970b;} .iTopic li>div a:nth-of-type(3){background-color: #fba5fd;} .iztrec{padding:25px 0 0 0;margin-top: 25px;border-top: 1px solid #efefef;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(1){background-color: #FFEDEE;color: #F1516C;} .iztrec a:nth-of-type(2){background-color: #EDFFF5;color: #45B97C;} .iztrec a:nth-of-type(3){background-color: #F1EDFF;color: #796CB0;} .iztrec a:nth-of-type(4){background-color: #EDFAFF;color: #009AD6;} .iztrec a:nth-of-type(5){background-color: #FFF9ED;color: #DEA32C;} .iztrec a:nth-of-type(6){background-color: #F1EDFF;color: #796CB0;} .iztrec a:nth-of-type(7){background-color: #FFF9ED;color: #DEA32C;} .iztrec a:nth-of-type(8){background-color: #EDFBFF;color: #2585A6;} .iztrec a:nth-of-type(9){background-color: #FFEDFB;color: #C77EB5;} .iztrec a:nth-of-type(10){background-color: #F1FFED;color: #7FB86E;} .iztrec a:nth-of-type(11){background-color: #ffe5f0;color: #be6a8b;} .iztrec a:nth-of-type(12){background-color: #ffe5e5;color: #e85454;} .iztrec a:nth-of-type(13){background-color: #f3ffe5;color: #88d42f;} .iztrec a:nth-of-type(14){background-color: #f7e5ff;color: #8957a1;} .iztrec a:nth-of-type(15){background-color: #e5f9ff;color: #00b7ee;} .iztrec a:nth-of-type(16){background-color: #fdffe5;color: #a6b314;} .iztrec a:nth-of-type(17){background-color: #ffeee5;color: #ffab80;} .iztrec a:nth-of-type(18){background-color: #e5faff;color: #43b3cb;} .iztrec a:nth-of-type(19){background-color: #ffece5;color: #bf3504;} .iztrec a:nth-of-type(20){background-color: #e5f4ff;color: #83a8c3;} .iztrec a:nth-of-type(1):hover{color: #FFEDEE;background-color: #F1516C;} .iztrec a:nth-of-type(2):hover{color: #EDFFF5;background-color: #45B97C;} .iztrec a:nth-of-type(3):hover{color: #F1EDFF;background-color: #796CB0;} .iztrec a:nth-of-type(4):hover{color: #EDFAFF;background-color: #009AD6;} .iztrec a:nth-of-type(5):hover{color: #FFF9ED;background-color: #DEA32C;} .iztrec a:nth-of-type(6):hover{color: #F1EDFF;background-color: #796CB0;} .iztrec a:nth-of-type(7):hover{color: #FFF9ED;background-color: #DEA32C;} .iztrec a:nth-of-type(8):hover{color: #EDFBFF;background-color: #2585A6;} .iztrec a:nth-of-type(9):hover{color: #FFEDFB;background-color: #C77EB5;} .iztrec a:nth-of-type(10):hover{color: #F1FFED;background-color: #7FB86E;} .iztrec a:nth-of-type(11):hover{color: #ffe5f0;background-color: #be6a8b;} .iztrec a:nth-of-type(12):hover{color: #ffe5e5;background-color: #e85454;} .iztrec a:nth-of-type(13):hover{color: #f3ffe5;background-color: #88d42f;} .iztrec a:nth-of-type(14):hover{color: #f7e5ff;background-color: #8957a1;} .iztrec a:nth-of-type(15):hover{color: #e5f9ff;background-color: #00b7ee;} .iztrec a:nth-of-type(16):hover{color: #fdffe5;background-color: #a6b314;} .iztrec a:nth-of-type(17):hover{color: #ffeee5;background-color: #ffab80;} .iztrec a:nth-of-type(18):hover{color: #e5faff;background-color: #43b3cb;} .iztrec a:nth-of-type(19):hover{color: #ffece5;background-color: #bf3504;} .iztrec a:nth-of-type(20):hover{color: #e5f4ff;background-color: #83a8c3;} .gNewsR{padding: 3px 24px 15px;background: #fff; box-shadow: 0px 6px 6px 0px rgb(51 15 13 / 5%); border-radius: 12px;margin-bottom: 24px;} .gNewsR li{padding: 12px 0;} .gNewsR li a{display: block;height: 72px;line-height: 72px;overflow: hidden;} .gNewsR li img{float: left;width: 120px;height: 72px;margin-right: 18px;border-radius: 6px;} .gNewsR li p{display:inline-block;width: 190px;line-height: 24px;font-size: 16px; color: #333;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;vertical-align:middle;} .gNewsR li a:hover p{color: #EF493C;} .nrGame{position: relative;padding:20px 24px;background: #fff;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;margin-bottom: 24px;} .nrGame a{display: block;overflow: hidden;*zoom: 1;} .nrGame img{float: left;width: 98px;height: 98px;border-radius: 20px;margin-right: 16px;} .nrGame div{float: left;width:210px;height: 98px;overflow: hidden;} .nrGame div p{font-size: 14px;color: #9A9A9A;line-height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .nrGame div p:nth-of-type(1){font-size:20px;color: #333;line-height: 42px;font-weight: bold;margin-top: 2px;} .nrGame span{position: absolute;top: 50px;right: 20px;display: block;width: 80px;height: 30px;line-height: 30px;font-size: 16px;color: #fff;background: #EF493C;border-radius: 5px;text-align: center;margin-top: 8px;} .nrGame>p{display: block;padding-top: 10px;max-height:96px;font-size: 14px;color: #666;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4; -webkit-box-orient: vertical;} .topNav{position: relative;z-index: 2;width: 100%;height: 42px;background: url(../image/topNavbg.png) no-repeat;} .topNav>div{width: 1200px;margin: auto;height: 42px;line-height: 42px;overflow: hidden;*zoom: 1;} .topNav p{float: left;font-size: 14px;color: #333;line-height: 42px;} .topNav div div{float: right;max-width: 720px;font-size: 14px;color: #666;line-height: 42px;} .topNav a{position: relative;font-size: 14px;color: #666;line-height: 42px;} .topNav a:nth-of-type(n+2):before{content: "|";font-size: 12px;color: #808080;margin: 0 10px 0 6px;position: relative;top: -1px;} .topNav a:hover{color: #EF493C;} .Z_moduleTitle.navbar{min-height: 44px; height: 44px;} .Z_moduleTitle h2{margin: 0; font-size: 18px; height: 100%; line-height: 44px; position: relative;} .Z_moduleTitle h2:before{content: ""; display: block; width: 1px; height: 100%; border-left:1px solid #ddd; position: absolute; top: 0; left: 66px;} .Z_moduleTitle .navbar-form{margin-top: 6px; margin-bottom: 5px;} .Z_moduleTitle h2 .Z_ico{ margin-right: 40px; margin-left: 8px;} .Z_moduleTitle .nav-tabs{border: none;} .Z_moduleTitle .nav.Zgame > li.active{background: #fff;} .newEssay .container.Y_main{padding: 12px;} .newEssayLayout ul{padding: 0;} .newEssayLayout .newEssayWrapper{list-style: none;float: left;width: 50%;background: #f7f7f7;} .newEssayLayout .newEssayWrapper:last-child{background: #e5e5e5;} .newEssayLayout .newEssayWrapper li{position: relative;list-style: none;} .newEssayLayout .newEssayWrapper li a:before{content:'● '; color:#939393; display: inline-block; padding-right:5px;} .newEssayLayout .newEssayWrapper li a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #4f4f4f;} .newEssayLayout .newEssayWrapper ul{padding-right: 80px;padding: 5px 80px 5px 5px;} .newEssayLayout .newEssayWrapper .essayTime{position: absolute;right: -65px;top: 0px;color: #868686;} .newEssayLayout{padding: 0px 24px 20px;background: #fff;box-shadow: 0px 6px 6px 0px rgba(51,15,13,0.05);border-radius: 12px;margin-bottom: 24px;} .newEssayLayout .newEssayWrapper li{line-height: 32px;font-size: 16px;} .newEssayLayout .newEssayWrapper li a:hover{color:#EF493C;} /*20230413*/ .iGTit{position: relative;} .iGTit dl { display: inline-block; vertical-align: top; width: 62px; height: 56px; background-color: #fff; -webkit-box-shadow: 0 2px 5px rgba(17,6,11,.15); box-shadow: 0 2px 5px rgba(17,6,11,.15); text-align: center; margin-right: 16px; margin-top: 8px;} .iGTit .month { height: 20px;background: #EF493C;line-height: 20px; font-size: 14px; color: #fff} .iGTit .h2{display: inline-block;vertical-align: top;} .iGTit .month span {font-size: 13px; display: inline;vertical-align: top; line-height: 20px; color: #fff; font-weight: 400;} .iGTit .day { font-size: 24px; color: #4b4b4b; font-weight: 700; line-height: 36px} .jrtj{position: relative;padding: 30px 0;background-color: #fff;box-shadow: 0px -6px 6px 0px rgba(96,56,56,0.025);} .jcsp{position: relative;padding: 30px 0;background: #fff;border-top: 2px dotted #e9ecf8;} .jrtj .cont ,.jcsp .cont {width: 1200px; margin: 0 auto; position: relative; overflow: hidden;*zoom: 1;} .img-ul{float: left;width: 240px;margin-right: 25px;} .img-ul a{display: block;position: relative; width: 240px;height: 156px;margin-bottom: 20px;overflow: hidden;} .img-ul a img{width: 100%;min-height: 100%;height: auto;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;} .img-ul a:hover img{transform: scale(1.2);} .img-ul a p{position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width:100%;height: 30px;line-height: 30px;background: rgba(0,0,0,.7);font-size: 14px;color: #fff;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .txt-ul{float: left;width: 620px;margin-right: 25px;} .txt-ul a{float: left;width: 50%;display: block;height: 40px;line-height: 40px;font-size: 16px; color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis} .txt-ul a:nth-of-type(8n+1),.txt-ul a:nth-of-type(8n+2){height: 38px;line-height: 30px;font-size: 20px;font-weight: bold;} .txt-ul a:nth-of-type(8n+7),.txt-ul a:nth-of-type(8n+8){margin-bottom: 18px;} .txt-ul a:hover{color:#EF493C;} .djdzk{float: right;width: 290px;} .djdzk ul{float: left;margin-top: 2px;} .djdzk .iTit{margin-top: -24px;} .iRecBtR .iTit{margin-top: -12px;} .djdzk .img {display: block;height: 102px; margin-bottom: 8px} .djdzk .img img {display: block;width: 290px;height: 102px} .djdzk li {position: relative;float: left;width: 50%;height: 34px;line-height: 34px;overflow: hidden;} .djdzk li a {padding-left: 25px;display: block;} .djdzk li i {position: absolute;left: 0;top: 7px;display: block;width: 18px;height: 18px;line-height: 18px;text-align: center;background: #c3c3c3;color: #fff} .djdzk li:hover i{z-index: 1;} .djdzk li:nth-of-type(1) { width: 100%;height: 70px;margin-bottom: 4px; padding-bottom: 12px; border-bottom: 1px solid #e2e2e2} .djdzk li:nth-of-type(1) a { padding-left: 0} .djdzk li:nth-of-type(1) img {float: left;width: 120px;height: 70px;margin-right: 10px} .djdzk li:nth-of-type(1) span {display: block;height: 22px;line-height: 22px;overflow: hidden;margin-bottom: 8px;font-size: 16px;white-space: nowrap; text-overflow: ellipsis} .djdzk li:nth-of-type(1) p {height: 36px;line-height: 18px; overflow: hidden;color: #989898;font-size: 12px} .djdzk li:nth-of-type(1) i {background: #EF493C;top: 52px} .djdzk li:hover i{background: #EF493C;} .jcsp .tab-nav { float: left; width: 230px;padding: 20px 0;background: #f8f8f8} .jcsp .tab-nav b { display: block; padding-left: 20px; font-size: 24px; color: #3fd0ce;font-weight: 400} .jcsp .tab-nav li { position: relative;width: 152px; height: 30px; line-height: 30px;margin: 20px auto 20px;text-align: center; font-size: 16px; background: #fff;border: 1px solid #ededed; border-radius: 25px; cursor: pointer} .jcsp .tab-nav li.cur { background: #3fd0ce; border-color: #3fd0ce;color: #fff} .jcsp .tab-nav li i { position: absolute;right: -42px; top: 10px; display: block; width: 8px;height: 8px; background: #fff; border: 1px solid #ededed; border-radius: 50%;} .jcsp .tab-nav li.cur i { background: #3fd0ce; border-color: #3fd0ce;} .jcsp .tabBox { float: right; width: 955px} .video-ul {overflow: hidden; *zoom:1;margin-left: -15px} .video-ul li {position: relative; float: left;width: 220px;margin: 8px 0 22px 22px} .video-ul .pic{position: relative;display: block;width: 220px; height: 140px; overflow: hidden} .video-ul .pic img{width: 100%;min-height: 100%;height: auto;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;} .video-ul .pic:hover img{transform: scale(1.2);} .video-ul li i { position: absolute; top: 46px;left: 87px;display: block; width: 48px; height: 48px; background: url(../image/videobg.png) no-repeat;} .video-ul .info a{display: block;height: 28px;line-height: 28px;overflow: hidden; margin: 8px 0 0;font-size: 16px;white-space: nowrap; text-overflow: ellipsis} .video-ul .info span { display: inline-block; margin-right: 10px; color: #989898;font-size: 12px} .video-ul .pic span { position: absolute; bottom: 0; left: 0; width: 216px; height: 30px; line-height: 30px; overflow: hidden;padding-right: 4px; text-align: right; color: #fff;background: 0 0;background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(80%,rgba(0,0,0,.6)));background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.6) 80%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000', GradientType=0 )} .iRecBtM .tabMenu{height: 48px;text-align: center;line-height: 48px;background: #f2f2f2;margin-bottom: 10px;} .iRecBtM .tabMenu span{font-size:20px;color: #333;cursor: pointer;} .iRecBtM .tabMenu span:nth-of-type(n+2):before{content: "/";font-size: 20px;color: #ccc;margin: 0 14px 0 18px;} .iRecBtM .tabMenu span.current{color: #EF493C;font-weight: bold;} .iRecBtM .tabMenu span:hover{color: #EF493C;} .iRecBtM ul.subBox li{overflow: hidden;*zoom: 1; } .iRecBtM ul.subBox li a:nth-of-type(1){float: left;font-size: 14px;color: #999;margin-right: 10px;line-height: 36px;} .iRecBtM ul.subBox li a:nth-of-type(2){float: left;display: block;padding: 7px 0;} .iRecBtM ul.subBox li img{float: left;display: block;width: 24px;height: 24px;border-radius: 4px;margin-right: 10px;} .iRecBtM ul.subBox li p{float: left;width: 280px;font-size: 16px;color: #666;line-height: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .iRecBtM ul.subBox li i{float: right;font-size: 14px;color: #FF2E38;margin-right: 4px;line-height: 36px;} .iRecBtM ul.subBox li:nth-of-type(6n+6){padding-bottom: 7px;border-bottom: 1px dashed #eee;margin-bottom: 8px;} .iRecBtM ul.subBox li a:hover,.iRecBtM ul.subBox li a:hover p{color: #EF493C;} .iRecBtM ul.subBox li:nth-of-type(n+7) i{color: #999;} .iRecBtM .list ul:nth-of-type(1) span{color:#FF2E38;} .ztDTop ~.gameList ul li{height: 236px;padding-bottom: 16px;} .ztDTop ~.gameList li .info{padding-bottom: 12px;} .ztDTop ~.gameList ul li p.desc{display: block;padding:0 10px 0 21px;color: #999; font-size: 14px;line-height:24px;height:48px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .ztDTop ~.gameList ul li p.desc span{ color: #f60; } /*2023-12-14*/ .gameTag .list a{padding-left: 0;width: 172px;height: 60px;line-height: 60px;text-align: center;} .gameTag .list a:after{display: none;} .iRecBtL .iRecLgl .iTit{ margin-top: -6px} .iRecBtL .iRecLgl .iTit strong{margin-top: -10px;} .iRecBtL .iRecLgl .iTit span{top: -23px;} .iRecBtL .iglt {width: 400px;padding: 18px 0 8px;overflow: hidden} .iRecBtL .iglt a { float: left; width: 176px; display: block; margin-right: 24px;text-align: center;overflow: hidden} .iRecBtL .iglt a div { width: 176px; height: 110px; border-radius: 8px; overflow: hidden} .iRecBtL .iglt a img { width: 176px; height: 110px; border-radius: 8px;transition: all .3s linear} .iRecBtL .iglt a p {height: 34px;line-height: 34px;font-size: 14px; color: #333; font-weight: 700; overflow: hidden; white-space: nowrap;text-overflow: ellipsis} .iRecBtL .iglb a { width: 358px; height: 50px; padding: 11px; margin-bottom: 14px; display: block;background-color: #f7f7f7; border-radius: 8px;overflow: hidden} .iRecBtL .iglb a div { width: 260px;overflow: hidden} .iRecBtL .iglb img { position: relative; float: left;border-radius: 8px;width: 75px;height: 50px;margin-right: 15px} .iRecBtL .iglb p {display: block; font-size: 14px; width: 400px; line-height: 16px; color: #333; margin-top: 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .iRecBtL .iglb span {display: block;font-size: 12px; line-height: 14px; color: #999; margin-top: 12px;white-space: nowrap;overflow: hidden} .iRecBtL .iglb a:hover p,.iRecL .iglt a:hover p {color: #EF493C} .iRecBtL .iglt a:hover img {transform: scale(1.1)} .iRecBtL .iglb a:hover img {opacity: .9} .iRecLgl{position: relative;} .iRecLgl .itabMenu{position:absolute;top:0;left:128px;height:35px;line-height:35px;} .iRecLgl .itabMenu span{padding: 2px 6px;background-color: #ccc;color:#fff;font-size:15px;cursor:pointer;margin-left: 10px;} .iRecLgl .itabMenu span.current,.iRecLgl .itabMenu span:hover{background-color: #5eb7f9;} .iglm{padding: 10px 0 10px;overflow: hidden;*zoom: 1;} .iglm li{float: left;width: 50%;height: 42px;line-height: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .iglm li a{display: block;font-size: 14px;color: #333;} .iglm li a:before{content: "";display: inline-block;width: 4px;height: 4px;border-radius: 50%;background-color: #333;margin: 19px 10px;vertical-align: top;} .iglm li a:hover{color: #EF493C;} .iglm li a:hover:before{background-color: #EF493C;} .glList{width: 1200px;margin:0 auto 30px;} .glList ul{width: 106%;margin-top: 20px;margin-bottom: 10px;overflow: hidden;*zoom: 1;} .glList li{float: left;padding: 17px;width: 252px;height: 268px;margin-right: 20px;margin-bottom: 20px;overflow: hidden; background-color: #fff;box-shadow: 0.5px 0.8px 5px 0 rgb(0 0 0 / 6%);border-radius: 8px;} .glList li .img{display: block;width: 100%;height: 152px;border-radius: 6px;margin-bottom: 7px;overflow: hidden;} .glList li .img img{width: 100%;min-height: 100%;height: auto;} .glList li .img img{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;} .glList li .img:hover img{transform: scale(1.2);} .glList li a{margin-bottom: 7px;} .glList li a:nth-of-type(2){display: block;max-height: 52px;line-height: 26px;font-size: 18px;color: #4D4D4D;font-weight: bold;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .glList li:hover a:nth-of-type(2){color: #EF493C;} .glList li p{display: block;height: 48px;line-height: 24px;font-size: 14px;color: #999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .glList li span{display:block;height: 30px;overflow: hidden;font-size:14px;color: #999;line-height: 30px;} .glDeList {background: #fff; margin-bottom: 28px;border-radius: 8px; box-shadow: 0.5px 0.8px 5px 0 rgb(0 0 0 / 6%);} .glDeList li {overflow: hidden} .glDeList li>div {padding: 32px 0; margin: 0 20px;border-top: 1px solid #e0e7eb;overflow: hidden} .glDeList li:nth-of-type(1)>div {border-top: 0} .glDeList li>div>a {display: block; float: left;margin-right: 27px;width: 261px;height: 145px; border-radius: 8px;overflow: hidden;} .glDeList li>div>a img{width: 100%;min-height: 100%;height: auto;} .glDeList li>div>a img{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;} .glDeList li>div>a:hover img{transform: scale(1.2);} .glDeList li .info {float: left;width: 860px;height: 145px;overflow: hidden} .glDeList li .info>a { display: block} .glDeList li .info>a p:first-of-type {font-size: 20px;color: #354352;line-height: 32px; font-weight: 700; overflow: hidden;white-space: nowrap} .glDeList li .info .txt {display: block;margin-top: 16px;height: 52px;font-size: 14px;line-height: 26px;color: #888; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical} .glDeList li .info>p {font-size: 12px; color: #888;margin-top: 16px} .glDeList li .info>p span:nth-of-type(1) {float: left} .glDeList li .info>p span:nth-of-type(2) {float: right; color: #666} .glDeList li .info>p span:nth-of-type(1) i { display: inline-block;max-width: 260px;height: 20px;margin-left: 30px} .glDeList li .info>p span:nth-of-type(2) i {display: inline-block; width: 17px;height: 12px;background-position: -568px -161px;position: relative; top: 2px;margin-right: 8px} .glDeList li:hover { background-color: rgba(0,139,255,.05);} .glDeList li:hover div,.glDeList li:hover+li div { border-color: rgba(0,139,255,.05);} .glDeList li:hover .info>a p:first-of-type {color: #EF493C} .tdIntro { margin-bottom: 28px;background-color: #fff; box-shadow: .5px .8px 5px 0 rgba(0,0,0,.06) margin-bottom: 29px; border-radius: 8px; padding: 6px 0 0 0; overflow: hidden} .tdIntro .cont { position: relative; padding: 27px 33px 42px 41px;background: url(../image/bgzt.png) no-repeat;background-size: 100% 100%; overflow: hidden} .tdIntro .cont>i { position: absolute; top: 48px; right: 45px; display: block; width: 76px;height: 60px; background-position: -858px -63px} .tdIntro .cont img { float: left;width: 370px;height: 204px; margin-right: 25px;cursor: default} .tdIntro .info {float: left;width: 730px; height: 204px; overflow: hidden} .tdIntro .info h1 { max-width: 710px; padding-left: 12px; height: 44px; line-height: 44px; font-size: 30px; color: #333;font-weight: 700; overflow: hidden; white-space: nowrap} .tdIntro .info div { margin-top: 11px; font-size: 12px;color: #dedede;line-height: 12px; white-space: nowrap;overflow: hidden} .tdIntro .info div span { display: inline-block;padding-right: 18px;height: 20px;line-height: 20px;font-size: 14px;color: #888} .tdIntro .info div span:nth-of-type(2) { padding-left: 10px} .tdIntro .info div em { display: inline-block; padding: 0 12px; height: 32px; line-height: 32px; font-size: 32px; color: #ffc045;font-weight: 700} .tdIntro .info p { padding: 12px 16px 2px;margin: 16px 0 5px; height: 52px; line-height: 26px; font-size: 14px; color: #888; border-top: 1px dashed #e9e9e9;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical} .tdIntro .info label { display: block; float: left; color: #666; font-size: 14px; padding-left: 16px; line-height: 32px} .tdIntro .info a {display: inline-block; max-width: 98px; height: 32px; line-height: 32px; color: #8f8f8f;font-size: 14px; margin-right: 10px; overflow: hidden;white-space: nowrap} .tdIntro .info a:nth-of-type(6n+1) { color: #ef8692} .tdIntro .info a:nth-of-type(6n+2) {color: #f4a76d} .tdIntro .info a:nth-of-type(6n+3) {color: #4fb3ff} .tdIntro .info a:nth-of-type(6n+4) {color: #93d877} .tdIntro .info a:nth-of-type(6n+5) { color: #e79ff6} .tdIntro .info a:nth-of-type(6n+6) {color: #89efe9} .tdIntro .info a:hover {text-decoration: underline} .gaidong{background: transparent;border: none;} .gaidong .iGTit{margin-bottom: 0;} .gsNew{width: 368px;float: left;margin-right: 24px;position: relative;margin-bottom: 20px;} .gsNew ol {position: relative;background: #fff;margin-top: 6px;padding: 20px 0;box-shadow: 0px 6px 6px 0px rgba(51,15,13,.05);border-radius: 12px;} .gsNew li:nth-of-type(2n+1){background-color: rgba(234,238,255,.3);} .gsNew li{position: relative;z-index: 1;height: 85px;margin: 10px 0;} .gsNew li a{position: relative;display: block;padding: 8px 0;overflow: hidden;*zoom: 1;} .gsNew li a:before{content:"";position: relative;float: left;margin: 9px 6.5px 0;display: block;width: 54px;height: 52px;line-height: 51px;text-align: center;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;background-position:-9px -505px;;} .gsNew li:nth-of-type(n+4) a:before{width: 25px;height: 16px;margin: 27px 24px 0 21px;} .gsNew li:nth-of-type(1) a:before{background-position: -5px -423px;} .gsNew li:nth-of-type(2) a:before{background-position: -77px -423px;} .gsNew li:nth-of-type(3) a:before{background-position: -149px -423px;} .gsNew li:nth-of-type(4) a:before{background-position: -221px -423px;} .gsNew li:nth-of-type(5) a:before{background-position: -264px -423px;} .gsNew li:nth-of-type(6) a:before{background-position: -308px -423px;} .gsNew li:nth-of-type(7) a:before{background-position: -352px -423px;} .gsNew li:nth-of-type(8) a:before{background-position: -396px -423px;} .gsNew li:nth-of-type(n+9) a:before{background:transparent;} .gsNew li a img{float: left;width: 65px;height: 65px;border-radius: 10px;margin-right: 13px;border: 2px solid #FFFFFF;} .gsNew li a div{float: left;width: 196px;height: 69px;overflow: hidden;} .gsNew li a div p{font-size: 16px;color: #000;line-height: 26px;margin-top: 13px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .gsNew li a div span{font-size: 12px;color: #9A9A9A;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .gsNew li a i{display: none;position: absolute;top: 23px;right: 18px;width: 38px;height: 38px;background:url(../image/icon.png) no-repeat;background-size:1000px 1000px;background-position: -9px -505px;} .gsNew li a:hover i{display: block;} .gsNew li:nth-of-type(1) i{display: block;} .gsNew li:nth-of-type(2n+4){margin: 0;height: 46px;} .gsNew li:nth-of-type(2n+5){height: 56px;} .gsNew li:nth-of-type(n+4) img{display: none;} .gsNew li:nth-of-type(n+4) a{padding: 0;} .gsNew li:nth-of-type(n+4) a div{width: 275px;height: 56px;} .gsNew li:nth-of-type(n+4) a:before {margin-top: 20px;} .gsNew li:nth-of-type(n+4) i{top: 9px;} .gsNew li:nth-of-type(n+4) a div p{float: left;width:168px;line-height: 56px;margin-top: 0;color: #666;} .gsNew li:nth-of-type(n+4) a div span{float: right;width: 104px;line-height: 56px;} .gsNew li:nth-of-type(2n+4) a div p{line-height: 46px;} .gsNew li:nth-of-type(2n+4) a div span{line-height: 46px;} .gsNew li:nth-of-type(2n+4) a:before {margin-top: 15px;} .gsNew li:nth-of-type(2n+4) i{top: 4px;} .gsNew li:nth-of-type(n+4) a:hover div span{display: none;} .hranks{float: right;width: 806px;} .hranks ul{float: left;width: 393px;position: relative; background: #fff;margin-top: 6px; padding: 20px 0; box-shadow: 0px 6px 6px 0px rgba(51,15,13,.05);border-radius: 12px;} .hranks li{position: relative;padding-right: 10px;margin:0 15px 10px;height: 32px;line-height: 32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background-color: #FFEDEE;} .hranks li i{float: left;overflow: hidden;margin-right: 20px;width: 42px;padding: 0 2px;height: 32px;font-size:12px;color: #fff;line-height: 32px;text-align:center;background: -webkit-linear-gradient(left, #EF493C , #e3c6ff);background: -o-linear-gradient(right, #EF493C , #f86e88);background: -moz-linear-gradient(right, #EF493C , #f86e88); background: linear-gradient(to right, #EF493C , #f86e88);} .hranks li a{float: left;width: 242px;font-size:14px;color: #000;line-height: 32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .hranks li span{float:right;overflow: hidden;width: 42px;font-size:12px;color: #999;line-height: 32px;text-align: right;} .hranks li:after{content: '';position:absolute;top: 10px;left: 46px;display: block;width: 0; height: 0;border-left: 7.5px solid #EF493C;border-right: 5px solid transparent;border-bottom: 5px solid transparent;border-top: 5px solid transparent;font-size: 0; line-height: 0;} .hranks ul:nth-of-type(2n+2){margin-left: 20px;} .hranks li:hover a{color: #EF493C;} guideNav {position: absolute;top:30px;left: 310px;width: 930px;max-height: 130px;text-align: left;overflow: hidden;*zoom: 1;} .guideNav dl {position: relative;float: left;width: 187px;padding:0 15px 0 25px;border-right: 1px solid #454545;} .guideNav dl:last-of-type {border: 0} .guideNav dl dt {display: block;overflow: hidden;white-space: nowrap;font-size: 16px;color: #cecece;font-weight: 700;line-height: 24px;margin-bottom: 10px} .guideNav dl dd {float: left;width: 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis} .guideNav dl dd a {font-size: 14px;color: #999;line-height: 24px} .guideNav dl dd a:hover {color: #fff} .aboutWrap{background-color:#f8f8f8;width: 1200px;margin: auto;} .aboutWrap .aboutL{width:300px;_height:750px;min-height:750px;background-color:#f8f8f8;float:left;} .aboutWrap .aboutL ul li{width:300px;height:60px;border-bottom: 1px solid #e2e2e2;background-repeat:no-repeat;background-position:bottom center;background-color:#f3f3f3;} .aboutWrap .aboutL ul li a{padding-left:70px;line-height:60px;height:60px;font-size:20px;font-weight: bold;color:#2e2e2e;display:block;position:relative;} .aboutWrap .aboutL ul li a:after{content: '';width: 0; height: 0;border-left: 15px solid #EF493C;border-right: 10px solid transparent;border-bottom: 10px solid transparent;border-top: 10px solid transparent;font-size: 0; line-height: 0;position:absolute;display:block;top: 21px;right: -24px;display:none;} .aboutWrap .aboutL ul li a:hover{color:#fff;background:-webkit-linear-gradient(left, #EF493C , #e3c6ff);background:-o-linear-gradient(right, #EF493C , #f86e88);background:-moz-linear-gradient(right, #EF493C , #f86e88);background:linear-gradient(to right, #EF493C , #f86e88);} .aboutWrap .aboutL ul li a.on{color:#fff;background:-webkit-linear-gradient(left, #EF493C , #e3c6ff);background:-o-linear-gradient(right, #EF493C , #f86e88);background:-moz-linear-gradient(right, #EF493C , #f86e88);background:linear-gradient(to right, #EF493C , #f86e88);} .aboutWrap .aboutL ul li a.on:after{display:block;} .aboutWrap .aboutR{width:899px;float:right;_height:750px;min-height:750px;overflow:hidden;border-left:1px #efefef solid;background-color:#fff;} .aboutWrap .aboutR .siteTle{width:777px;line-height:79px;height:79px;margin:0 40px;border-bottom:1px #d9d9d9 solid;font-size: 28px;color: #c6c6c6;} .aboutWrap .aboutR .siteTle span{display: inline-block;font-size: 20px;margin-left: 10px;line-height:99px;} .aboutWrap .aboutR .textbox_01 p{margin-bottom:0px;text-indent:2em;} .aboutWrap .aboutR .textbox_01,.aboutWrap .aboutR .textbox_02,.aboutWrap .aboutR .textbox_03{width:777px;overflow:hidden;padding-top:25px;margin:0 auto;font-size:14px;line-height:36px;} .aboutWrap .aboutR .textbox_03 dl{margin-bottom:30px;} .aboutWrap .aboutR .textbox_03 dt{font-weight:700;color:#008bff;font-size:18px;} .aboutWrap .aboutR .textbox_03 dd{width:840px;} .aboutWrap .aboutR .textbox_03 dd a{display:block;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .aboutWrap .aboutR .textbox_03 .l5 dd a{width:120px;margin-right:42px;} .aboutWrap .aboutR .textbox_03 .l6 dd a{width:100px;margin-right:40px;} .aboutWrap .aboutR .textbox_02 b{color:#cc0000;line-height:30px;font-size:16px;} .aboutWrap .aboutR .textbox_02 .title_04{color:#000;font-weight:bold;font-size:14px;} .aboutWrap .aboutR .textbox_02 .title_05{margin-top:10px;display:block;} .aboutWrap .aboutR .textbox_03 p{font-size:14px;line-height:36px;} .aboutWrap .aboutR .textbox_03 .title_02,.aboutWrap .aboutR .bottom .title_02 b{color:#cc0000;font-size:16px;line-height:40px;width:777px;margin-top:10px;} .aboutWrap .aboutR .textbox_03 .title_03{margin-top:5px;} .aboutWrap .aboutR .bottom b{margin-left:40px;} .aboutWrap .aboutR .bottom{margin-bottom:40px;} /*攻略大全*/ .tablep { padding: 6px 0; } .tablep>em { display: block; margin: 12px 0; line-height: 28px; font-size: 18px; color: #333; font-weight: bold; } .tablep>em:before { content: ""; position: relative; display: inline-block; vertical-align: top; top: 5px; margin: 0 6px 0 0; width: 15px; height: 18px; background: url(../image/titbg.png) no-repeat; background-size: 1500px 2500px; background-position: -7px -1679px; } .tablep a { color: #0000ee } .tablep a:hover { text-decoration: underline } .tablep table { width: 100%; margin: 0 auto; word-break: break-all; text-align: center; line-height: 1.5; } .tablep table img { max-width: 100%; } .tablep table td { height: 32px; }