@charset "utf-8";
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;background: #f8f8f8;}
html,body{width:100%;min-width:1200px;margin:0 auto;overflow-x:hidden;min-height:1000px;}
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);}
.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;}
.hide{display:none !important;}
a{cursor: pointer;}
img{vertical-align: top;border: 0;}
a img:hover{opacity: 0.9;cursor: pointer;}
:root{--defcolor:#f5aa00;--selcolor:#f5aa00;--shallowcolor:rgba(246, 176, 32, .15);}
.fl{float: left}
.fr{float: right}
.mr40{margin-right: 40px;}
.bgf{background-color: #fff;}
.w1200{width:1200px;margin:0 auto;position: relative;}
a:hover{color: var(--defcolor)}

/*----通用开始---*/
header{}
header > div{width:1200px;margin:0 auto;position:relative;height:76px}
header > div > a{display:block;width:193px;margin-top:8px}
header > div > a > img{width:193px;height:auto}
header > nav{width:1200px;min-height:64px;background:linear-gradient(to bottom,var(--defcolor),var(--selcolor));border-radius:4px;overflow:hidden;margin:auto}
header > nav > ul{display:flex}
header > nav > ul > li{position:relative;z-index:0;display:block;line-height:64px;text-align:center;font-size:16px;color:#fff}
header > nav > ul > li > a{position:relative;display:block;padding:0 42px;font-size:16px;color:#fff;line-height:64px}
header > nav > ul > li > a::before{content:"";position:relative;top:22px;margin-right:7px;vertical-align:top;display:inline-block;width:20px;height:20px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position:-9px -5px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s}
header > nav > ul > li.home > a::before{margin-right:4px;width:20px;background-position:-9px -5px}
header > nav > ul > li.game > a::before{width:22px;background-position:-50px -5px}
header > nav > ul > li.soft > a::before{width:20px;background-position:-93px -5px}
header > nav > ul > li.heji > a::before{margin-right:6px;width:18px;background-position:-177px -5px}
header > nav > ul > li:hover > a{color:#fff;font-weight:bold}
header > nav > ul > li.current > a{color:#fff;font-weight:bold;font-size:18px}
header > nav > ul > li.home:hover > a::before{background-position:-9px -44px}
header > nav > ul > li.game:hover > a::before{background-position:-50px -44px}
header > nav > ul > li.soft:hover > a::before{background-position:-93px -44px}
header > nav > ul > li.heji:hover > a::before{background-position:-177px -44px}

footer{position:relative;width:100%;padding:20px 0 20px;background-color:#062027;overflow:hidden}
footer > div{width:1200px;text-align:center;margin:0 auto;overflow:hidden}
footer > div > a:nth-child(1){display:block;width: 230px;margin: 0 auto;}
footer > div > a:nth-child(1) > img{width:230px;margin:36px 0 28px}
footer > div > p{font-size:14px;color:#077688;line-height:24px;margin-bottom:4px}
footer > div > p a{color:#0a7181}

.pageMain{position:relative;z-index:1;width:1200px;margin:auto;overflow:hidden;padding-bottom:6px}
.location{width:1200px;height:54px;line-height:54px;margin:0 auto;font-size:14px;color:#999;position:relative}
.location > a,.location > span{position:relative;display:inline-block;color:#999;vertical-align:top;font-size:14px}
.location > a::after{content:"";position:relative;margin:0 10px 0 11px;top:22px;vertical-align:top;display:inline-block;width:4px;height:8px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position:-65px -235px}

.listPageTit{position:relative;margin:0 auto;padding:0 20px;overflow:hidden}
.listPageTit > p:nth-child(1){font-size:18px;color:#404040;font-weight:bold;float:left;margin-right:35px;padding:0 4px;position:relative;z-index:1;display:block;height:48px;line-height:48px}
.listPageTit > p:nth-child(1)::before{content:"";position:absolute;z-index:-1;top:30px;left:0;display:block;width:100%;height:5px;background:linear-gradient(to bottom,var(--defcolor),var(--selcolor));border-radius:3px}

.infoTit{position:relative;margin:0 auto;padding:0 20px;overflow:hidden}
.infoTit > p:nth-child(1){float:left;margin-top:7px;margin-left:4px;position:relative;z-index:1;display:block;height:36px;line-height:36px;font-size:16px;color:#333;font-weight:bold}
.infoTit > p:nth-child(1)::before{content:"";position:absolute;z-index:-1;top:24px;left:0;display:block;width:100%;height:3px;background:linear-gradient(to bottom,var(--defcolor),var(--selcolor));border-radius:3px}

.listPageTit2{padding:16px 25px 13px 24px;position:relative;z-index:1;overflow:hidden}
.listPageTit2 > p{position:relative;float:left;display:block;max-width:80%;height:44px;line-height:44px;font-size:24px;color:#333;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* -----分页------ */
.pages{padding: 18px 0;text-align: center;}
.pages ul{margin: 0 auto;overflow: hidden;display: inline-block;}
.pages ul li{float: left;margin-left: 8px;width: 38px;height: 38px;line-height: 38px;text-align: center;color: #666666;font-size: 16px;cursor: pointer;background-color: #fff;border: 1px solid #eaeaea;transition: all 0.2s ease;overflow: hidden;white-space: nowrap;border-radius: 4px;}
.pages ul li a{display: block;}
.pages ul li:first-child{margin-left: 0;}
/*.pages ul li:nth-of-type(1),.pages ul li:nth-of-type(2),.pages ul li:nth-last-child(1),.pages ul li:nth-last-child(2){width: 60px;}*/
.pages ul li.page_long_btn{width: 60px;}
.pages ul li.current a{background:var(--defcolor);color: #fff;}
.pages ul li:hover a{background:var(--defcolor);color: #fff;}


/*----通用结束---*/

/*---游戏列表页--*/
.yxLTypeBox{background:#FFFFFF;border-radius:4px;margin-bottom:24px;overflow:hidden}
.yxLTypeBox > strong{float:left;margin:30px 4px 21px 15px;display:block;padding:42px 10px 0 15px;width:100px;height:200px;background:url(../images/gamebg.png) no-repeat;background-size:100% auto;text-align:center;font-size:18px;color:#fff;font-weight:bold;line-height:30px}
.yxLTypeBox.soft > strong{margin:30px 2px 21px 0;padding:42px 11px 0 31px;background:url(../images/softbg.png) no-repeat}
.yxLTypeBox > ul{float:left;padding-top:30px;width:1050px}
.yxLTypeBox > ul > li{float:left;width:110px;height:116px;margin-left:5px;margin-bottom:12px}
.yxLTypeBox > ul > li > a{position:relative;z-index:1;display:block;width:110px;text-align:center;height:116px;font-size:14px;color:#999;line-height:36px;float:left}
.yxLTypeBox > ul > li > a::before{content:"";position:absolute;left:0;right:0;margin:auto;z-index:-1;display:block;width:80px;height:80px;background:#F2F2F2;border-radius:4px}
.yxLTypeBox > ul > li > a > i{width:48px;height:48px;border-radius:4px;margin:16px auto;display:block;background:url("../images/type_icon.png") no-repeat;background-size: 576px 192px;}
.yxLTypeBox > ul > li > a > i{}
.yxLTypeBox.game > ul > li:nth-child(2) > a > i{background-position: -48px 0;}
.yxLTypeBox.game > ul > li:nth-child(3) > a > i{background-position: -96px 0;}
.yxLTypeBox.game > ul > li:nth-child(4) > a > i{background-position: -144px 0;}
.yxLTypeBox.game > ul > li:nth-child(5) > a > i{background-position: -192px 0;}
.yxLTypeBox.game > ul > li:nth-child(6) > a > i{background-position: -240px 0;}
.yxLTypeBox.game > ul > li:nth-child(7) > a > i{background-position: -288px 0;}
.yxLTypeBox.game > ul > li:nth-child(8) > a > i{background-position: -336px 0;}
.yxLTypeBox.game > ul > li:nth-child(9) > a > i{background-position: -384px 0;}
.yxLTypeBox.game > ul > li:nth-child(10) > a > i{background-position: -432px 0;}
.yxLTypeBox.game > ul > li:nth-child(11) > a > i{background-position: -480px 0;}
.yxLTypeBox.game > ul > li:nth-child(12) > a > i{background-position: -528px 0;}
.yxLTypeBox.game > ul > li:nth-child(13) > a > i{background-position: 0 -48px;}
.yxLTypeBox.game > ul > li:nth-child(14) > a > i{background-position: -48px -48px;}
.yxLTypeBox.game > ul > li:nth-child(15) > a > i{background-position: -96px -48px;}
.yxLTypeBox.game > ul > li:nth-child(16) > a > i{background-position: -144px -48px;}

.yxLTypeBox.soft > ul > li:nth-child(2) > a > i{background-position: -192px -48px;}
.yxLTypeBox.soft > ul > li:nth-child(3) > a > i{background-position: -240px -48px;}
.yxLTypeBox.soft > ul > li:nth-child(4) > a > i{background-position: -288px -48px;}
.yxLTypeBox.soft > ul > li:nth-child(5) > a > i{background-position: -336px -48px;}
.yxLTypeBox.soft > ul > li:nth-child(6) > a > i{background-position: -384px -48px;}
.yxLTypeBox.soft > ul > li:nth-child(7) > a > i{background-position: -432px -48px;}
.yxLTypeBox.soft > ul > li:nth-child(8) > a > i{background-position: -480px -48px;}
.yxLTypeBox.soft > ul > li:nth-child(9) > a > i{background-position: -528px -48px;}
.yxLTypeBox.soft > ul > li:nth-child(10) > a > i{background-position: 0 -96px;}
.yxLTypeBox.soft > ul > li:nth-child(11) > a > i{background-position: -48px -96px;}
.yxLTypeBox.soft > ul > li:nth-child(12) > a > i{background-position: -96px -96px;}
.yxLTypeBox.soft > ul > li:nth-child(13) > a > i{background-position: -144px -96px;}
.yxLTypeBox.soft > ul > li:nth-child(14) > a > i{background-position: -192px -96px;}
.yxLTypeBox.soft > ul > li:nth-child(15) > a > i{background-position: -240px -96px;}
.yxLTypeBox.soft > ul > li:nth-child(16) > a > i{background-position: -288px -96px;}
.yxLTypeBox.soft > ul > li:nth-child(17) > a > i{background-position: -336px -96px;}
.yxLTypeBox.soft > ul > li:nth-child(18) > a > i{background-position: -384px -96px;}



.yxLTypeBox > ul > li:hover > a,.yxLTypeBox > ul > li.current > a{color:var(--defcolor);font-weight:bold}
.yxLTypeBox > ul > li:hover > a::before,.yxLTypeBox > ul > li.current > a::before{background:#fff;box-shadow:0 0 12px 3px var(--shallowcolor)}
.yxLMainCon{margin-bottom:24px;overflow:hidden}
.yxLMainCon .yxLMainConL{float:left;padding:10px 0;width:856px;background:#FFFFFF;border-radius:4px;margin-bottom:20px}
.yxLMainCon .yxLMainConR{float:left;padding-bottom:13px;width:320px;background:#FFF;border-radius:4px;margin-bottom:24px;margin-left:24px}
.yxLMainConL .yxListBox{padding-top:10px;padding-left:25px;overflow:hidden}
.yxList{}
.yxList > li{float:left;display:block;background:#f2f2f2;border-radius:4px;margin-right:21px;margin-bottom:22px;overflow:hidden}
.yxList > li:nth-child(2n){margin-right:0}
.yxList > li > a{display:block;width:374px;height:54px;padding:15px 6px 15px 14px}
.yxList > li > a > img{float:left;width:54px;height:54px;border-radius:14px;margin-right:17px}
.yxList > li > a > p{float:left;width:300px;font-size:16px;color:#1F2121;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yxList > li > a > p:nth-child(2){line-height:26px}
.yxList > li > a > p > span{font-size:14px;color:#999;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yxList > li > a > p > span::before{content:"|";font-size:14px;color:#999;margin:0 8px}
.yxList > li > a > p > span:first-child::before{content:unset}
.yxList > li > a > p:nth-child(4){display:none}
.yxList > li:hover{background:#fff;box-shadow:0 0 12px 3px var(--shallowcolor);transition:color 150ms ease-in 0ms,background-color 150ms ease-in 150ms}
.yxList > li:hover > a > p:nth-child(2){color:var(--defcolor)}
.yxLRecom{}
.yxLRecom .tabMenu{position:relative;z-index:1;display:flex;justify-content:space-around;height:64px;background:#fff;border-radius:4px}
.yxLRecom .tabMenu > span{position:relative;z-index:1;display:block;flex:1;text-align:center;font-size:18px;color:#999;line-height:50px;cursor:pointer}
.yxLRecom .tabMenu > span::after{content:"";position:absolute;top:0;z-index:-1;display:block;width:177px;height:64px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position:-9px -277px}
.yxLRecom .tabMenu > span:nth-child(2n+1)::after{left:0;transform:rotateY(-180deg)}
.yxLRecom .tabMenu > span:nth-child(2n+2)::after{right:0}
.yxLRecom .tabMenu > span.current::after{content:unset}
.yxLRecom .tabCont{}
.yxLRecom .tabCont > div{display:none;margin-top:-7px;overflow:hidden;padding:0 22px}
.yxLRecom .tabCont > div:first-child{display:block}
.yxLRecom .tabCont > div > a{display:block;height:72px;padding:12px 0;overflow:hidden}
.yxLRecom .tabCont > div > a img{float:left;width:72px;height:72px;border-radius:16px;margin-right:13px}
.yxLRecom .tabCont > div > a > div{float:left;width:190px}
.yxLRecom .tabCont > div > a > div > p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:190px}
.yxLRecom .tabCont > div > a > div > p:nth-child(1){height:40px;font-size:16px;color:#333;line-height:40px}
.yxLRecom .tabCont > div > a > div > p:nth-child(2){font-size:14px;color:#999;line-height:30px}
.yxLRecom .tabCont > div > a:hover > div > p:nth-child(1){color:var(--defcolor)}

/*专题列表*/
.ztLRecomZtBox1{margin-bottom:24px;padding:14px 5px 10px 25px;background:#fff;border-radius:4px}
.ztLRecomZtBox1 > strong{position:relative;display:block;font-size:0;height:32px;margin:5px 0 17px}
.ztLRecomZtBox1 > strong::before{content:"";margin-left:-2px;display:block;width:140px;height:32px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position:-9px -360px}
.ztLRecomZtBox1 > div{position:relative;padding-bottom:1px;margin-bottom:8px;overflow:hidden}
.ztLRecomZtBox1 > div > a{float:left;width:160px;height:125px;margin:0 38px 5px 0;text-align:center}
.ztLRecomZtBox1 > div > a:last-child{margin-right:0}
.ztLRecomZtBox1 > div > a > div{display:block;width:100%;height:84px;overflow:hidden;border-radius:4px}
.ztLRecomZtBox1 > div > a > div > img{width:100%;height:100%;object-fit:cover;transition:all 0.3s}
.ztLRecomZtBox1 > div > a > p{display:block;font-size:14px;color:#404040;height:42px;line-height:42px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ztLRecomZtBox1 > div > a:hover > div > img{transform:scale(1.2)}
.ztLRecomZtBox1 > div > a:hover > p{color:var(--defcolor)}
.ztLRecomZtBox2{padding-bottom:4px;background:#FFF;border-radius:4px;margin-bottom:24px;overflow:hidden}
.ztLRecomZtBox2 .listPageTit2{padding:12px 25px 9px 24px}
.recomZtBox2Cont{padding-left:24px;overflow:hidden}
.recomZtBox2Cont .ztRecomSlider{position:relative;margin-right:21px;float:left;width:370px;height:232px;border-radius:4px;overflow:hidden}
.recomZtBox2Cont .ztRecomSlider .swiper-slide,.recomZtBox2Cont .ztRecomSlider .swiper-slide > a{position:relative;display:block;width:370px;height:232px}
.recomZtBox2Cont .ztRecomSlider .swiper-slide > a img{position:relative;z-index:1;display:block;width:100%;min-height:100%;height:auto;border-radius:6px;object-fit:cover}
.recomZtBox2Cont .ztRecomSlider .swiper-slide > a p{position:absolute;z-index:2;bottom:20px;display:block;width:100%;text-align:center;line-height:36px;font-size:16px;color:#fff;font-weight:bold}
.recomZtBox2Cont .ztRecomSlider .swiper-pagination{bottom:5px}
.recomZtBox2Cont .ztRecomSlider .swiper-pagination-bullet{width:16px!important;height:8px!important;background-color:rgba(255,255,255,.5);opacity:1;border-radius:4px}
.recomZtBox2Cont .ztRecomSlider .swiper-pagination-bullet-active{background:#fff;width:36px!important}
.recomZtBox2Cont .ztRecomSlider .swiper-slide a:before{content:"";position:absolute;left:0;right:0;bottom:0;z-index:2;width:100%;height:52px;background:linear-gradient(0deg,rgba(0,0,0,0.72) 0%,rgba(0,0,0,0) 100%);border-radius:0 0 4px 4px}
.recomZtBox2Cont .recomZtList{float:left;width:784px;overflow:hidden}
.recomZtBox2Cont .recomZtList > a{float:left;width:175px;height:106px;margin:0 20px 20px 0;border-radius:5px;overflow:hidden;position:relative}
.recomZtBox2Cont .recomZtList > a img{width:100%;height:100%;object-fit:cover;transition:all 0.3s}
.recomZtBox2Cont .recomZtList > a p{display:none;text-align:center;background-color:rgb(0,0,0);background-color:rgba(5,2,3,0.6);position:relative;top:-29px;padding:5px 0px;color:#ffffff}
.recomZtBox2Cont .recomZtList > a:hover img{transform:scale(1.1)}
.recomZtBox2Cont .recomZtList > a:hover p{display:block}
.ztLMainCon{}
.ztLMainCon .ztLMainConL{position:relative;padding-top:3px;padding-bottom:6px;margin-bottom:24px;float:left;width:856px;background:#FFFFFF;border-radius:4px;overflow:hidden}
.ztLMainCon .ztLMainConR{position:relative;padding-bottom:13px;margin-bottom:24px;margin-left:24px;float:left;width:320px;background:#FFFFFF;border-radius:4px;overflow:hidden}
.ztList{padding:8px 24px 2px}
.ztList > li{padding:0 10px 21px 20px;background:#f2f2f2;border-radius:5px;border:1px solid #cecece;margin-bottom:20px}
.ztList > li > a{position:relative;overflow:hidden;display:block}
.ztList > li > a > p:nth-child(1){display:block;width:85%;height:59px;line-height:59px;font-size:18px;color:#404040;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ztList > li > a > div:nth-child(2){overflow:hidden}
.ztList > li > a > div:nth-child(2) > div:nth-child(1){float:left;margin-right:20px;display:block;width:172px;height:90px;border-radius:5px;overflow:hidden}
.ztList > li > a > div:nth-child(2) > div:nth-child(1) > img{width:100%;height:100%;object-fit:cover;transition:all 0.3s}
.ztList > li > a > div:nth-child(2) > div:nth-child(2){float:left;width:580px}
.ztList > li > a > div:nth-child(2) > div:nth-child(2) > p{overflow:hidden;text-overflow:ellipsis}
.ztList > li > a > div:nth-child(2) > div:nth-child(2) > p:nth-child(1){text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:72px;font-size:14px;color:#999;line-height:24px}
.ztList > li > a > div:nth-child(2) > div:nth-child(2) > p:nth-child(2){font-size:14px;color:#999;line-height:34px;text-align:right}
.ztList > li > a > i{position:absolute;top:16px;right:20px;font-size:14px;color:#404040;line-height:34px}
.ztList > li > a > i font{color:var(--defcolor)}
.ztList > li:hover{border-color:var(--defcolor);background-color:#fff}
.ztList > li:hover > a > p:nth-child(1){color:var(--defcolor)}
.ztList > li:hover > a > div:nth-child(2) > div:nth-child(1) > img{transform:scale(1.2)}
.hotZtBox{}
.hotZtTit{position:relative;z-index:1;padding:14px 25px 10px;overflow:hidden}
.hotZtTit > p{position:relative;float:left;display:block;max-width:80%;height:38px;line-height:38px;font-size:18px;color:#404040;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hotZtTit > p::before{content:"";position:relative;top:5px;margin-right:9px;vertical-align:top;display:inline-block;width:23px;height:24px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position:-9px -485px}
.hotZtList{}
.hotZtList > div{}
.hotZtList > div > div:nth-child(1){padding:19px 24px 15px}
.hotZtList > div > div:nth-child(1) > a{display:block;overflow:hidden;width:272px;height:105px;border-radius:5px;position:relative}
.hotZtList > div > div:nth-child(1) > a > img{width:100%;height:100%;object-fit:cover;transition:all 0.3s}
.hotZtList > div > div:nth-child(1) > a > p{display:block;text-align:center;background-color:rgb(0,0,0);background-color:rgba(5,2,3,0.6);position:relative;top:-29px;padding:5px 0px;color:#ffffff}
.hotZtList > div > div:nth-child(1) > a:hover > img{transform:scale(1.2)}
.hotZtList > div > ul:nth-child(2){}
.hotZtList > div > ul:nth-child(2) > li{padding:0 24px}
.hotZtList > div > ul:nth-child(2) > li > a{position:relative;display:block;overflow:hidden}
.hotZtList > div > ul:nth-child(2) > li > a > p{float:left;width:210px;line-height:42px;font-size:16px;color:#404040;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hotZtList > div > ul:nth-child(2) > li > a > span{float:right;text-align:right;width:60px;height:42px;line-height:44px;font-size:14px;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hotZtList > div > ul:nth-child(2) > li:hover > a > p{color:var(--defcolor)}

/*专题内容页*/
.ztDInfoTopBox{padding:10px 25px;margin-bottom:24px;height:212px;background:url(../images/ztbg.png) no-repeat;background-size:100% 100%;overflow:hidden}
.ztDInfoTopBox > div{}
.ztDInfoTopBox > div.ztDInfoBox{float:left;padding:6px 16px;width:728px;position:relative}
.ztDInfoTopBox > div.ztDInfoBox > h1{margin-bottom:1px;text-align:center;font-size:30px;color:#404040;font-weight:bold;line-height:48px}
.ztDInfoTopBox > div.ztDInfoBox > p:nth-child(2){text-align:center;margin-bottom:26px}
.ztDInfoTopBox > div.ztDInfoBox > p:nth-child(2) > span{font-size:14px;color:#979999;line-height:28px;margin:0 29.5px 0 9.5px}
.ztDInfoTopBox > div.ztDInfoBox > div:nth-child(3){margin-bottom:10px;overflow-y:auto;height:60px;font-size:14px;color:#979999;line-height:20px}
.ztDInfoTopBox > div.ztDInfoBox > div:nth-child(4){overflow:hidden;width:728px;height:35px}
.ztDInfoTopBox > div.ztDInfoBox > div:nth-child(4) > label{font-size:14px;color:#979999;line-height:32px}
.ztDInfoTopBox > div.ztDInfoBox > div:nth-child(4) > a{display:inline-block;vertical-align:top;padding:0 25px 0 27px;height:30px;font-size:14px;color:#A4A6A6;line-height:30px;border-radius:16px;margin:0 10px 10px 0;border:1px solid #eee;background:transparent}
.ztDInfoTopBox > div.ztDInfoBox > div:nth-child(4) > a:hover{border-color:var(--defcolor);color:var(--defcolor)}
.ztDInfoTopBox > div.ztDInfoImg{float:right;margin-top:14px;width:282px;border-radius:5px;overflow:hidden}
.ztDInfoTopBox > div.ztDInfoImg > img{width:282px;height:185px;object-fit:cover}
.ztDListBox{padding-bottom:10px;background:#FFF;border-radius:4px;margin-bottom:24px}
.ztDListBox .listPageTit2{padding:13px 25px 10px 24px}
.ztDListBox > ul{position:relative;padding:0 0 0 24px;width:100%;overflow:hidden}
.ztDListBox > ul li{position:relative;float:left;margin:0 26px 26px 0;border:1px solid #FAFAFA;overflow:hidden;border-radius:4px}
.ztDListBox > ul li > a{position:relative;padding-top:24px;text-align:center;width:208px;height:184px;background:#f2f2f2;border-radius:4px;display:block}
.ztDListBox > ul li > a > img{display:block;width:88px;height:88px;border-radius:22px;margin:0 auto}
.ztDListBox > ul li > a > p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.ztDListBox > ul li > a > p:nth-child(2){margin:5px 0 0;font-size:16px;color:#404040;line-height:28px;height:28px}
.ztDListBox > ul li > a > p:nth-child(5){display: none;}
.ztDListBox > ul li > a > p > span{font-size:14px;color:#999;line-height:26px}
.ztDListBox > ul li > a > p > span::before{content:"|";font-size:14px;color:#999;margin:0 8px}
.ztDListBox > ul li > a > p > span:first-child::before{content:unset}
.ztDListBox > ul li > a > span{position:absolute;bottom:-50px;left:0;right:0;width:100%;height:40px;border-radius:0 0 4px 4px;font-size:16px;background:linear-gradient(to bottom,var(--defcolor),var(--selcolor));color:#FFF;line-height:40px;text-align:center;margin:0 auto;transition:all 0.5s}
.ztDListBox > ul li:hover{border-color:var(--defcolor)}
.ztDListBox > ul li:hover > a > span{bottom:0}
.ztDListBox > ul li:hover > a > p:nth-child(2){color:var(--defcolor)}
.loding_btn{display:block;height:32px;line-height:32px;background-color:var(--defcolor);color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:2px;cursor:pointer;width:95px;margin:0 auto;margin-top:10px;margin-bottom:10px}

/*游戏内容页*/
.gdShowMain{margin-bottom:20px;overflow:hidden}
.gdShowL{float:left;width:272px;overflow:hidden}
.gdTopInfo{margin-bottom:24px;padding:13px 0;background:#FFFFFF;border-radius:4px;position:relative}
.gdTopInfo > img{display:block;margin:20px auto 12px;width:120px;height:120px;border-radius:28px}
.gdTopInfo > h1{display:block;margin-bottom:14px;font-weight:bold;font-size:30px;color:#333333;line-height:48px;text-align:center}
.gdTopInfo > .downBtnBox{position:relative;overflow:hidden;display:block}
.downBtnBox > a,.downBtnBox > span{position:relative;display:block;border:none;padding-left:21px;width:203px;height:52px;border-radius:4px;line-height:52px;font-size:18px;color:#fff;font-weight:bold;cursor:pointer;background-color:#1ED07C;margin:0 auto 10px;box-sizing:content-box}
.downBtnBox > .android-btn{}
.downBtnBox > .ios-btn{background:linear-gradient(to bottom,#21d3ef,#42dfd4)}
.downBtnBox > .pc-btn{background:#CC99FF}
.downBtnBox > .no-down{background:#ccc;padding-left:0;width:224px;text-align:center}
.downBtnBox > a::after{content:"";position:absolute;top:16px;right:21px;display:block;width:20px;height:20px;background:url("../images/icon.png") no-repeat;background-size:1000px 1000px;background-position:-89px -235px}
.downBtnBox > a:hover,.downBtnBox > span:hover{opacity:0.9}
.gdTxtInfo{position:relative;margin-bottom:24px;padding:12px 0;background:#FFFFFF;border-radius:4px}
.gdTxtInfo .gdTags{padding:5px 8px 3px 24px;width:250px;overflow:hidden}
.gdTxtInfo .gdTags > a{float:left;display:inline-block;vertical-align:top;padding:0 14px;height:30px;font-size:14px;color:#fff;line-height:30px;border-radius:15px;margin:8px 8px 0 0;background:#B770EF}
.gdTxtInfo .gdTags > a:nth-of-type(10n+1){background:#B770EF}
.gdTxtInfo .gdTags > a:nth-of-type(10n+2){background:#F9644E}
.gdTxtInfo .gdTags > a:nth-of-type(10n+3){background:#ff970b}
.gdTxtInfo .gdTags > a:nth-of-type(10n+4){background:#00b7ee}
.gdTxtInfo .gdTags > a:nth-of-type(10n+5){background:#88d42f}
.gdTxtInfo .gdTags > a:nth-of-type(10n+6){background:#C77EB5}
.gdTxtInfo .gdTags > a:nth-of-type(10n+7){background:#e85454}
.gdTxtInfo .gdTags > a:nth-of-type(10n+8){background:#45B97C}
.gdTxtInfo .gdTags > a:nth-of-type(10n+9){background:#3fd0ce}
.gdTxtInfo .gdTags > a:nth-of-type(10n+10){background:#DEA32C}
.gdTxtInfo .gdTags > a:hover{text-decoration:underline}
.gdTxtInfo > ul{padding:0 10px 0 24px;overflow:hidden}
.gdTxtInfo > ul > li{position:relative;height:39px;line-height:39px;font-size:14px;color:#999;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gdTxtInfo > ul > li > span{color:#999}
.fkBtn{position:absolute;z-index:1;right:7px;top:0;height:34px;line-height:34px;font-size:14px;color:#ff970b;text-align:center;cursor:pointer}
.fkBtn::before{content:"";position:relative;top:10px;vertical-align:top;margin-right:4px;display:inline-block;width:14px;height:14px;background:url("../images/icon.png") no-repeat;background-size:1000px 1000px;background-position:-169px -253px}
.gdShowR{float:left;width:904px;margin-left:24px;overflow:hidden}
.gdMainCont{position:relative;margin:0 0 24px;padding:2px 0 18px;background:#FFF;border-radius:8px;overflow:hidden}
.showImgBox{}
.infoTit2{padding:14px 25px 6px 24px;position:relative;z-index:1;overflow:hidden}
.infoTit2 > p{position:relative;float:left;display:block;max-width:80%;height:36px;line-height:36px;font-size:16px;color:#333;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.infoTit2 > p::before{content:"";position:relative;vertical-align:top;display:inline-block;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px}
.infoTit2 > p.jt::before{top:8px;margin-right:7px;width:20px;height:20px;background-position:-117px -88px}
.infoTit2 > p.js::before{top:8px;margin-right:8px;width:18px;height:20px;background-position:-154px -88px}
.infoTit2 > p.tj::before{top:6px;margin-right:7px;width:20px;height:22px;background-position:-261px -88px}
.showImgCont{position:relative;margin-top:-10px;padding-left:24px;padding-bottom:9px;overflow:hidden}
.showImgCont .swiper{width:100%;height:350px;margin-left:auto;margin-right:auto;margin-top:14px}
.showImgCont .swiper-slide{position:relative;text-align:center}
.showImgCont .gallery-top .swiper-slide a > div{width:100%;height:100%}
.showImgCont .gallery-top .swiper-slide a > div img{width:100%;object-fit:cover;-webkit-filter:blur(10px);-moz-filter:blur(10px);-ms-filter:blur(10px);filter:blur(10px)}
.showImgCont .gallery-top .swiper-slide a > img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:350px;width:auto;opacity:1}
.showImgCont .gallery-top{position:relative;float:left;width:662px;height:350px;background:#1ED0EE;border-radius:4px;overflow:hidden}
.showImgCont .gallery-thumbs{float:left;width:175px;height:350px;margin-left:21px}
.showImgCont .gallery-thumbs .swiper-wrapper{flex-direction:column}
.showImgCont .gallery-thumbs .swiper-slide{overflow:hidden;text-align:center;width:175px!important;height:107px!important;border-radius:4px;margin-bottom:15px}
.showImgCont .gallery-thumbs .swiper-slide img{width:100%;height:auto;min-height:100%}
.showImgCont .gallery-thumbs .swiper-slide-thumb-active{opacity:1}
.showImgCont .gallery-thumbs .swiper-slide-thumb-active{border:1px solid #1ed0ee;box-shadow:0 0 7px 4px rgba(30,208,238,.36);width:173px!important;height:105px!important}
.showImgCont .gallery-thumbs .swiper-slide-thumb-active img{width:100%;height:auto;min-height:100%}
.showImgCont .swiper-button-next,.showImgCont .swiper-button-prev{display:none;color:#fff}
.showImgCont .gallery-top:hover .swiper-button-next,.showImgCont .gallery-top:hover .swiper-button-prev{display:block}
.gdTxtCont{}
.gdTxtCont .cont{position:relative;padding:0 24px;font-size:14px;color:#4D4D4D;line-height:32px;overflow:hidden}
.gdTxtCont .cont a{text-indent:0;color:var(--defcolor)}
.gdTxtCont .cont p{color:#4D4D4D;margin-bottom:5px}
.gdTxtCont .cont br{height:1px}
.gdTxtCont .cont img{display:block;max-width:800px;border-radius:10px;margin:20px auto}
.gdTxtCont .cont h3{position:relative;margin-bottom:8px;border-bottom:1px dashed #E5E5E5;line-height:32px;font-size:14px;color:var(--defcolor);font-weight:bold}
.gdTxtCont .cont h3:before{content:"";position:relative;top:8px;vertical-align:top;margin-right:9px;display:inline-block;width:3px;height:16px;background:linear-gradient(to bottom,var(--defcolor),var(--selcolor));border-radius:2px}
.gdTxtCont .cont iframe{width:800px;height:360px;margin:0 auto;display:block;border:none}
.gdTxtCont .cont table{max-width:100%;margin:auto}
.gdTxtCont .cont table a{color:#0000ee}
.gdTxtCont .cont table a:hover{text-decoration:underline}
.gdRecom1{position:relative;padding-top:4px;margin-bottom:24px;background:#FFFFFF;border-radius:4px}
.gdRecom1 .tjChangeBtc{position:absolute;z-index:2;right:24px;top:21px;height:34px;cursor:pointer;line-height:34px;font-size:14px;color:#999}
.gdRecom1 .tjChangeBtc::before{content:"";position:relative;top:7.5px;margin-right:5px;display:inline-block;vertical-align:top;width:15px;height:17px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position:-331px -88px;transition:all 0.5s}
.gdRecom1 .tjChangeBtc:hover{color:var(--defcolor)}
.gdRecom1 .tjChangeBtc:hover::before{transform:rotate(360deg)}
.gdRecom1 > div:nth-child(3){}
.gdRecom1 > div:nth-child(3) > div{padding-top:7px;padding-left:22px;width:100%;overflow:hidden;display:none}
.gdRecom1 > div:nth-child(3) > div:first-child{display:block}
.gdRecom1 > div:nth-child(3) > div > a{float:left;position:relative;width:100px;height:162px;margin-bottom:15px;margin-right:27px;text-align:center}
.gdRecom1 > div:nth-child(3) > div > a img{display:block;width:100px;height:100px;border-radius:24px;margin:0 auto}
.gdRecom1 > div:nth-child(3) > div > a p{font-size:16px;color:#333;line-height:26px;height:26px;margin-top:8px;overflow:hidden}
.gdRecom1 > div:nth-child(3) > div > a > span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.gdRecom1 > div:nth-child(3) > div > a > span:nth-child(3){display:block;font-size:12px;color:#999;line-height:20px}
.gdRecom1 > div:nth-child(3) > div > a > span:nth-child(4){transition:all 0.5s;display:block;position:absolute;left:0;right:0;bottom:14px;margin:auto;width:0;height:0;font-size:14px;color:#fff;line-height:32px;background:linear-gradient(to bottom,var(--defcolor),var(--selcolor));border-radius:16px;text-align:center}
.gdRecom1 > div:nth-child(3) > div > a > span:nth-child(4)::before{content:"";position:relative;top:8px;margin-right:6px;vertical-align:top;display:inline-block;width:19px;height:16px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position:-81px -108px}
.gdRecom1 > div:nth-child(3) > div > a:hover > p,.gdRecom1 > div:nth-child(3) > div > a:hover > span:nth-child(3){display:none}
.gdRecom1 > div:nth-child(3) > div > a:hover > span:nth-child(4){width:96px;height:32px}


/*弹出层*/
.popupBox{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.6);z-index:1002;display:flex;align-items:center;justify-content:center}
.feedbackBox{position:absolute;z-index:5;top:50px;left:0;right:0;margin:auto;width:472px;padding:25px 44px 15px;min-height:340px;background-color:#fff;text-align:center;border-radius:24px}
.feedbackBox::before{content:"";position:absolute;z-index:-1;top:0;left:0;display:block;width:100%;height:241px;background:url("../images/maskfkbg.png") no-repeat;background-size:600px 1000px;background-position:0 -0px;border-radius:24px 24px 0 0}
.feedbackBox::after{content:"";position:absolute;z-index:-1;bottom:0;left:0;display:block;width:100%;height:228px;background:url(../images/maskfkbg.png) no-repeat;background-size:600px 1000px;background-position:0 -315px;border-radius:0 0 24px 24px}
.feedbackBox .boxHead{position:relative}
.feedbackBox .boxHead > p{display:block;font-size:36px;color:#373B44;line-height:72px;font-weight:bold;text-align:center;position:relative;margin:0 auto}
.feedbackBox .boxBody{overflow:hidden;margin-bottom:25px}
.feedbackBox .boxBody .bodyItem{}
.feedbackBox .boxBody .bodyItem > p{font-size:18px;color:#373B44;line-height:40px;margin:0 0 2px;display:block;text-align:left}
.feedbackBox .boxBody .bodyItem > ul{display:flex;flex-wrap:wrap;width:100%;margin:0 auto 6px}
.feedbackBox .boxBody .bodyItem > ul > li{position:relative;display:block;padding:0 25px;height:36px;line-height:36px;margin:0 20px 20px 0;cursor:pointer;border-radius:18px;background:#F6F7FA;font-size:16px;color:#666}
.feedbackBox .boxBody .bodyItem > ul > li.active{padding:0 24px;height:34px;line-height:34px;color:var(--defcolor);border:1px solid var(--defcolor)}
.feedbackBox .boxBody .bodyItem textarea{width:100%;height:80px;border:none;border-radius:16px;resize:none;background:#F6F7FA;padding:10px;font-size:14px;color:#999999;margin-bottom:4px}
.feedbackBox .boxFoot{}
.feedbackBox .boxFoot button{display:block;cursor:pointer;border:0;background:linear-gradient(to bottom,var(--defcolor),var(--selcolor));width:416px;height:48px;color:#fff;font-size:18px;line-height:48px;margin:25px auto;border-radius:24px}
.feedbackBox .close{vertical-align:top;display:inline-block;padding:10px;width:30px;height:30px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position:-277px -231px;position:absolute;bottom:-80px;left:0;right:0;margin:auto;z-index:10;cursor:pointer}

.idxLogoRecom{padding:10px 0;margin-top:29px;margin-bottom:26px;background:#FFF;border-radius:4px}
.idxLogoRecom > .tabMenu{position:relative;padding:3px 25px 2px;height:53px;line-height:53px;overflow:hidden}
.idxLogoRecom > .tabMenu > span{position:relative;z-index:1;float:left;cursor:pointer;margin-right:6px;padding:0 15px;font-size:18px;color:#666;line-height:52px;text-align:center;overflow:hidden}
.idxLogoRecom > .tabMenu > span:hover{color:#2B2525}
.idxLogoRecom > .tabMenu > span.current{font-size:24px;color:#2B2525;font-weight:bold;line-height:48px}
.idxLogoRecom > .tabMenu > span.current::after{content:"";position:absolute;z-index:-1;top:5px;right:3px;margin:auto;display:block;width:24px;height:24px;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px;background-position:-9px -88px}
.idxLogoRecom > .tabCont{}
.idxLogoRecom > .tabCont > div{display:none}
.idxLogoRecom > .tabCont > div:first-child{display:block}
.idxLogoRecom > .tabCont > div > div:nth-child(1){position:relative;padding-left:26px;overflow:hidden}
.idxLogoRecom > .tabCont > div > div:nth-child(1) > a{display:block;position:relative;float:left;padding-top:23px;margin-right:26px;margin-bottom:24px;text-align:center;width:168px;height:155px;background:#f2f2f2;border-radius:4px;border:1px solid #cecece}
.idxLogoRecom > .tabCont > div > div:nth-child(1) > a:nth-child(6n){margin-right:0}
.idxLogoRecom > .tabCont > div > div:nth-child(1) > a > img{display:block;width:80px;height:80px;border-radius:20px;margin:0 auto;transition:all 0.3s;transform-origin:right bottom}
.idxLogoRecom > .tabCont > div > div:nth-child(1) > a > p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.idxLogoRecom > .tabCont > div > div:nth-child(1) > a > p:nth-child(2){margin-top:10px;font-size:16px;color:#404040;line-height:28px;height:28px}
.idxLogoRecom > .tabCont > div > div:nth-child(1) > a > p:nth-child(3){}
.idxLogoRecom > .tabCont > div > div:nth-child(1) > a > p:nth-child(3) span{font-size:14px;color:#999;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.idxLogoRecom > .tabCont > div > div:nth-child(1) > a > p:nth-child(3) span::before{content:"|";font-size:14px;color:#999;margin:0 8px}
.idxLogoRecom > .tabCont > div > div:nth-child(1) > a > p:nth-child(3) span:first-child::before{content:unset}
.idxLogoRecom > .tabCont > div > div:nth-child(1) > a:hover{border-color:var(--defcolor)}
.idxLogoRecom > .tabCont > div > div:nth-child(1) > a:hover > img{transform:rotate(5deg)}
.idxLogoRecom > .tabCont > div > div:nth-child(1) > a:hover > p:nth-child(2){color:var(--defcolor)}
.idxLogoRecom > .tabCont > div > div:nth-child(2){padding-left:25px;overflow:hidden}
.idxLogoRecom > .tabCont > div > div:nth-child(2) > a{float:left;display:block;width:238px;height:64px;background:#f2f2f2;border-radius:4px;border:1px solid #cecece;margin-right:21px;margin-bottom:20px;padding:16px 11px 16px 21px;overflow:hidden}
.idxLogoRecom > .tabCont > div > div:nth-child(2) > a:nth-child(4n){margin-right:0}
.idxLogoRecom > .tabCont > div > div:nth-child(2) > a > img{float:left;width:64px;height:64px;border-radius:15px;margin-right:17px}
.idxLogoRecom > .tabCont > div > div:nth-child(2) > a > div{width:157px;float:left;overflow:hidden}
.idxLogoRecom > .tabCont > div > div:nth-child(2) > a > div > p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#404040}
.idxLogoRecom > .tabCont > div > div:nth-child(2) > a > div > p:nth-child(1){line-height:38px}
.idxLogoRecom > .tabCont > div > div:nth-child(2) > a > div > p:nth-child(2){}
.idxLogoRecom > .tabCont > div > div:nth-child(2) > a > div > p:nth-child(2) > span{font-size:14px;color:#999;line-height:28px}
.idxLogoRecom > .tabCont > div > div:nth-child(2) > a > div > p:nth-child(2) > span::before{content:"|";font-size:14px;color:#999;margin-right:3px}
.idxLogoRecom > .tabCont > div > div:nth-child(2) > a > div > p:nth-child(2) > span:first-child::before{content:unset}
.idxLogoRecom > .tabCont > div > div:nth-child(2) > a:hover{border-color:var(--defcolor)}
.idxLogoRecom > .tabCont > div > div:nth-child(2) > a:hover > div > p:nth-child(1){color:var(--defcolor)}
.idxNewstBox{background:#FFF;border-radius:4px;margin-bottom:24px}
.idxNewstBox > ul{position:relative;padding:1px 0 0 25px;overflow:hidden}
.idxNewstBox > ul > li{float:left;margin:0 30px 30px 0}
.idxNewstBox > ul > li:nth-child(5n){margin-right:0}
.idxNewstBox > ul > li > a{position:relative;padding-top:24px;text-align:center;width:206px;height:162px;background:#f2f2f2;border-radius:4px;display:block}
.idxNewstBox > ul > li > a > img{display:block;width:80px;height:80px;border-radius:20px;margin:0 auto;transition:all 0.3s;transform-origin:right bottom}
.idxNewstBox > ul > li > a > p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.idxNewstBox > ul > li > a > p:nth-child(2){margin:10px 0 0;font-size:16px;color:#404040;line-height:28px;height:28px}
.idxNewstBox > ul > li > a > p:nth-child(3){}
.idxNewstBox > ul > li > a > p:nth-child(3) > span{font-size:14px;color:#999;line-height:24px}
.idxNewstBox > ul > li > a > p:nth-child(3) > span::before{content:"|";font-size:14px;color:#999;margin-right:3px}
.idxNewstBox > ul > li > a > p:nth-child(3) > span:first-child::before{content:unset}
.idxNewstBox > ul > li > a:hover > img{transform:rotate(5deg)}
.idxNewstBox > ul > li > a:hover > p:nth-child(2){color:var(--defcolor)}
.idxNewstZtBox{position:relative;min-height:350px;background:#FFF;border-radius:4px;margin-bottom:24px}
.ztTabBox{overflow:hidden;height:259px}
.ztTabBox .tabMenu1{float:left;padding:15px 0;width:100px;height:220px;background:linear-gradient(to bottom,#21d3ef,#42dfd4);border-radius:4px;margin:0 24px}
.ztTabBox .tabMenu1 > span{position:relative;display:block;padding-top:10px;width:74px;height:85px;background:transparent;border-radius:4px;margin:auto;font-size:18px;color:#D4EFFC;font-weight:bold;text-align:center;line-height:34px;cursor:pointer}
.ztTabBox .tabMenu1 > span:first-child{margin-bottom:31px}
.ztTabBox .tabMenu1 > span::before,.ztTabBox .tabMenu1 > span.current::after{content:"";display:block;background:url(../images/icon.png) no-repeat;background-size:1000px 1000px}
.ztTabBox .tabMenu1 > span::before{margin:10px auto 0;width:36px;height:30px;background-position:-9px -136px}
.ztTabBox .tabMenu1 > span:nth-child(2)::before{background-position:-72px -136px;width:26px;height:30px}
.ztTabBox .tabMenu1 > span.current{background:#fff;color:#333}
.ztTabBox .tabMenu1 > span:nth-child(1).current::before{background-position:-9px -185px}
.ztTabBox .tabMenu1 > span:nth-child(2).current::before{background-position:-72px -185px}
.ztTabBox .tabMenu1 > span.current::after{position:absolute;top:0;bottom:0;right:-10px;margin:auto;display:block;width:10px;height:20px;background-position:-237px -235px}
.ztTabBox .tabCont1{float:left;width:1052px}
.ztTabBox .tabCont1 > div{display:none}
.ztTabBox .tabCont1 > div:first-child{display:block}
.ztTabBox .tabCont1 > div > div{padding-left:3px;overflow:hidden}
.ztTabBox .tabCont1 > div > div > a{float:left;position:relative;display:block;margin-right:21px;margin-bottom:14px;width:240px;height:140px;border-radius:4px;overflow:hidden}
.ztTabBox .tabCont1 > div > div > a:nth-child(4n){margin-right:0}
.ztTabBox .tabCont1 > div > div > a > img{width:100%;height:100%;object-fit:cover;transition:all 0.3s}
.ztTabBox .tabCont1 > div > div > a > p{display:block;text-align:center;background-color:rgba(0,0,0,.5);color:#fff;font-size:16px;line-height:36px;position:absolute;left:0;right:0;bottom:0}
.ztTabBox .tabCont1 > div > div > a:hover > img{transform:scale(1.1)}
.ztTabBox .tabCont1 > div > div > a:hover > p{color:var(--defcolor)}
.ztTabBox .tabCont1 > div > ul{overflow:hidden}
.ztTabBox .tabCont1 > div > ul > li{float:left;width:329px;height:35px;line-height:35px;margin-right:20px}
.ztTabBox .tabCont1 > div > ul > li > a{display:block;width:329px;height:35px;font-size:14px;color:#404040}
.ztTabBox .tabCont1 > div > ul > li > a::before{content:"";position:relative;top:15.5px;margin-right:3px;vertical-align:top;display:inline-block;width:4px;height:4px;background:#E5E5E5;border-radius:50%;float:left}
.ztTabBox .tabCont1 > div > ul > li > a > i{float:left}
.ztTabBox .tabCont1 > div > ul > li > a > p{float:left;font-size:14px;color:#404040;width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ztTabBox .tabCont1 > div > ul > li > a > span{float:right;font-size:14px;color:#999;width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ztTabBox .tabCont1 > div > ul > li > a:hover > p{color:var(--defcolor)}
.idxHotGameRecom{padding-top:27px;border-radius:4px;margin-bottom:32px;background:url(../images/indexgamebg.png) no-repeat;background-size:100% 100%;overflow:hidden}
.idxHotGameRecom .tabMenu2{position:relative;margin:auto;padding-bottom:25px;text-align:center;width:100%;overflow:hidden}
.idxHotGameRecom .tabMenu2 > span{display:inline-block;vertical-align:top;padding:0 48px;margin:0 10px;height:40px;font-size:16px;color:#999;line-height:40px;background:#fff;border-radius:20px;cursor:pointer}
.idxHotGameRecom .tabMenu2 > span.current{color:#fff;font-weight:bold;background:linear-gradient(to bottom,var(--defcolor),var(--selcolor))}
.idxHotGameRecom .tabMenu2 > span:hover{color:#333}
.idxHotGameRecom .tabCont2{}
.idxHotGameRecom .tabCont2 > div{display:none;padding-left:25px;overflow:hidden}
.idxHotGameRecom .tabCont2 > div:first-child{display:block}
.idxHotGameRecom .tabCont2 > div > a{float:left;display:block;width:338px;height:64px;background:#fff;border-radius:4px;margin-right:24px;margin-bottom:24px;padding:17px 11px 17px 19px;overflow:hidden;transition:all 0.3s}
.idxHotGameRecom .tabCont2 > div > a:nth-child(3n){margin-right:0}
.idxHotGameRecom .tabCont2 > div > a > img{float:left;width:64px;height:64px;border-radius:16px;margin-right:18px}
.idxHotGameRecom .tabCont2 > div > a > div{width:256px;float:left;overflow:hidden}
.idxHotGameRecom .tabCont2 > div > a > div > p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#404040}
.idxHotGameRecom .tabCont2 > div > a > div > p:nth-child(1){margin-top:-5px;line-height:38px;margin-bottom:4px}
.idxHotGameRecom .tabCont2 > div > a > div > p:nth-child(2){}
.idxHotGameRecom .tabCont2 > div > a > div > p:nth-child(2) > span{font-size:14px;color:#999;line-height:28px}
.idxHotGameRecom .tabCont2 > div > a > div > p:nth-child(2) > span::before{content:"|";font-size:14px;color:#999;margin-right:3px}
.idxHotGameRecom .tabCont2 > div > a > div > p:nth-child(2) > span:first-child::before{content:unset}
.idxHotGameRecom .tabCont2 > div > a:hover{background:linear-gradient(to bottom,var(--defcolor),var(--selcolor))}
.idxHotGameRecom .tabCont2 > div > a:hover > div > p{color:#fff}
.idxHotGameRecom .tabCont2 > div > a:hover > div > p > span{color:#fff}
.idxHotGameRecom .tabCont2 > div > a:hover > div > p > span::before{color:#fff}
.idxRankBox{margin-bottom:24px;overflow:hidden}
.idxRankBox .idxRankL{float:left;width:793px;padding:20px 0 24px 23px;background:#FFFFFF;border-radius:5px}
.idxRankBox .idxRankL > div{float:left;width:373px;height:660px;background:#FFFFFF;border-radius:4px;overflow:hidden}
.idxRankBox .idxRankL > div:nth-child(1){margin-right:24px;background:url(../images/indexrank1bg.png) no-repeat;background-size:100% 100%}
.idxRankBox .idxRankL > div:nth-child(2){background:url(../images/indexrank2bg.png) no-repeat;background-size:100% 100%}
.idxRankBox .idxRankL > div > strong{display:block;font-size:24px;color:#404040;line-height:64px;font-weight:bold;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.idxRankBox .idxRankL > div:nth-child(1) > strong{margin:4px 0 29px}
.idxRankBox .idxRankL > div:nth-child(2) > strong{margin:4px 0 19px}
.idxRankBox .idxRankL > div > ul{position:relative;padding-top:201px;margin:auto}
.idxRankBox .idxRankL > div > ul > li{position:relative;z-index:1;height:50px}
.idxRankBox .idxRankL > div > ul > li > a{position:relative;display:block;overflow:hidden;*zoom:1}
.idxRankBox .idxRankL > div > ul > li > a i{float:left;margin:12px 19px 0 15px;display:block;width:26px;height:26px;background:#ECECEC;border-radius:5px;font-size:14px;color:#666;text-align:center;line-height:26px;overflow:hidden}
.idxRankBox .idxRankL > div > ul > li > a p{float:left;display:block;width:155px;font-size:16px;color:#404040;line-height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.idxRankBox .idxRankL > div > ul > li > a span{float:left;margin-left:12px;width:58px;font-size:14px;color:#999;line-height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.idxRankBox .idxRankL > div > ul > li > a span:nth-child(4){width:65px}
.idxRankBox .idxRankL > div > ul > li:nth-of-type(-n+3){position:absolute;top:0;width:106px;height:152px;margin:0;background:url("../images/icon.png") no-repeat;background-size:1000px 1000px;background-position:-702px -797px}
.idxRankBox .idxRankL > div > ul > li:nth-of-type(1){left:120px;width:132px;height:189px;background-position:-846px -797px}
.idxRankBox .idxRankL > div > ul > li:nth-of-type(2){left:8px;top:29px}
.idxRankBox .idxRankL > div > ul > li:nth-of-type(3){left:259px;top:29px}
.idxRankBox .idxRankL > div > ul > li:nth-of-type(-n+3) a{overflow:visible;padding-top:9px}
.idxRankBox .idxRankL > div > ul > li:nth-of-type(-n+3) a i{font-size:0;position:absolute;z-index:1;top:-12px;left:0;right:0;margin:auto;width:36px;height:28px;display:block;background:url("../images/icon.png") no-repeat;background-size:1000px 1000px;background-position:-247px -360px}
.idxRankBox .idxRankL > div > ul > li:nth-of-type(1) a i{top:-17px;width:55px;height:42px;background-position:-176px -360px}
.idxRankBox .idxRankL > div > ul > li:nth-of-type(3) a i{background-position:-299px -360px}
.idxRankBox .idxRankL > div > ul > li:nth-of-type(-n+3) img{float:inherit;display:block;width:80px;height:80px;border-radius:22px;margin:0 auto}
.idxRankBox .idxRankL > div > ul > li:nth-of-type(1) img{margin-top:10px;margin-bottom:3px;width:96px;height:96px}
.idxRankBox .idxRankL > div > ul > li:nth-of-type(-n+3) p{float:inherit;width:100%;text-align:center;line-height:40px}
.idxRankBox .idxRankL > div > ul > li:nth-of-type(-n+3) span{display:none}
.idxRankBox .idxRankL > div > ul > li a:hover p:nth-of-type(1){color:var(--defcolor)}
.idxRankBox .idxRankL > div > ul > li:nth-of-type(n+4) img{display:none}
.idxRankBox .idxRankL > div > ul > li:hover i{background:linear-gradient(to bottom,var(--defcolor),var(--selcolor));color:#fff}

.idxRankBox .idxRankR{float:right;width:360px;margin-left:20px}
.idxRankBox .idxRankR > div{margin-bottom:24px;padding:20px 24px 10px 23px;width:313px;height:310px;background:#FFFFFF;border-radius:4px;overflow:hidden}
.idxRankBox .idxRankR > div:last-child{margin-bottom:0}
.idxRankBox .idxRankR > div > strong{display:block;position:relative;height:20px;line-height:20px;font-size:18px;color:#1F2121;font-weight:bold;margin-bottom:12px}
.idxRankBox .idxRankR > div > ul{overflow:hidden}
.idxRankBox .idxRankR > div > ul > li{width:313px;height:39px;line-height:39px}
.idxRankBox .idxRankR > div > ul > li > a{width:313px;height:39px;line-height:39px}
.idxRankBox .idxRankR > div > ul > li > a > i{float:left;margin-top:7.5px;margin-right:11px;display:block;width:24px;height:24px;background:#ECECEC;border-radius:5px;font-size:16px;color:#666;text-align:center;line-height:24px;overflow:hidden}
.idxRankBox .idxRankR > div > ul > li:nth-child(1) > a > i{color:#fff;background:linear-gradient(0deg,#FA8053 0%,#F55430 100%)}
.idxRankBox .idxRankR > div > ul > li:nth-child(2) > a > i{color:#fff;background:linear-gradient(0deg,#54C9FF 0%,#54C9FF 36%,#3BB0FF 100%)}
.idxRankBox .idxRankR > div > ul > li:nth-child(3) > a > i{color:#fff;background:linear-gradient(0deg,#5DF5A9 0%,#56E39D 100%)}
.idxRankBox .idxRankR > div > ul > li > a > p{float:left;display:block;font-size:16px;color:#404040;width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.idxRankBox .idxRankR > div > ul > li > a > span{float:right;font-size:14px;color:#999;max-width:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.idxRankBox .idxRankR > div > ul > li:hover > a > p{color:var(--defcolor)}

.idxFriendLinkBox{background-color:#062027;position:relative;width:100%;overflow:hidden}
.idxFriendLinkBox > div{width:1160px;padding:4px 22px 10px;background:#00455e;border-radius:5px;margin:25px auto 0}
.idxFriendLinkBox > div > p{padding-left:3px;font-weight:bold;font-size:18px;color:#FFFFFF;line-height:50px}
.idxFriendLinkBox > div > div{overflow:hidden}
.idxFriendLinkBox > div > div > a{float:left;display:block;margin:0 20px 10px 0;padding:0 31px;height:30px;background:rgba(255,255,255,.05);border-radius:5px;font-size:14px;color:#4bbdcc;line-height:30px;overflow:hidden}