@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;}
html,body{width:100%;min-width:1200px;margin:0 auto;overflow-x:hidden;min-height:1000px;background-color:#ecebee;}
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;}
a{cursor: pointer;}
img{vertical-align: top;border: 0;}
a img:hover{opacity: 0.9;cursor: pointer;}
.icon{background:url(../img/icon.png?=1.9.1) no-repeat;background-size:1000px 1000px;}
:root{--defcolor:#FF810F;--linearcolor:linear-gradient(-90deg, #f59a33, #ec8e22);--selcolor:#dd881e;--rankcolor:#FDF5E6;}
.w1200{width: 1200px;margin: 0 auto;overflow: hidden;}
a:hover{color:var(--defcolor);}
.bgw{background: #fff;}
/* -------------------------初始化-------------------------------- */
header{width: 100%;height: 80px;background: var(--defcolor);overflow: hidden;}
header>div{width: 1200px;margin: 0 auto;overflow: hidden;}
header>div>a{float: left;display: block;width: 158px;margin-right: 25px;}
header>div>a img{width: 170px;height: auto;}
header>div>a strong{color: #fff;font-size: 30px;display: inline-block;line-height: 80px;height: 80px;}


/*header>div nav{float:left;width:760px}
header>div nav a{display:block;float:left;position:relative;width:100px;line-height:80px;text-align:center;font-size:16px;color:#fff;font-weight:bold;background-color:transparent;white-space:nowrap;overflow:hidden;position:relative;color:#BEBEBF}
header>div nav a::after{content:"";position:absolute;width:0;height:4px;bottom:0;left:0;right:0;margin:auto;background-color:transparent;-webkit-transition:all .8s;-moz-transition:all .8s;-o-transition:all .8s;transition:all .8s}
header>div nav a.on,header>div nav a:hover{background:rgba(255,102,0,.06);color:var(--defcolor)}
header>div nav a.on::after,header>div nav a:hover::after{width:100%;background-color:var(--defcolor)}*/

header>div nav{float: left;width: 760px;}
header>div nav a{display: block;float: left;position: relative;width: 100px;line-height: 80px;text-align: center;font-size: 16px;color: #fff;font-weight: bold;background-color: transparent;white-space: nowrap;overflow: hidden;}
header>div nav a.on,header>div nav a:hover{background:#2b2928;color: #fff;}

footer{width: 100%;color: #666;font-size: 14px;background-color: #202020;text-align: center;border-top: 3px solid var(--defcolor);}
footer>div{height: auto;padding: 35px 0 15px;line-height: 24px;}
footer>div p{margin-bottom: 10px;}
footer>div p a{font-size: 14px;color: #999;}

.conL{float: left;width: 848px;margin-right: 20px;}
.conR{float: left;width: 332px;overflow: hidden;}

/* 组件标题 */
.hTit{padding: 0 28px;overflow: hidden;position: relative;display: block;height: 42px;line-height: 42px;font-size: 24px;color: #000;font-weight: bold;margin-bottom: 4px;}
.hTit i{content: "";display: inline-block;width: 20px;height: 26px;position: relative;top: 4px;margin-right: 7px;background-position: -87px -7px;}

.rTit{overflow: hidden;}
.rTit em{float: left;display: block;height: 48px;line-height: 48px;font-size: 20px;color: #1D2135;font-weight: bold;border-bottom: 2px solid #ccc;padding-top: 8px;}
.rTit a{float: right;display: block;padding: 0 12px 0 15px;font-size: 13px;color: #666;height: 32px;line-height: 32px;background: rgba(231,231,231,.5);border-radius: 16px;margin-top: 18px;}
.rTit a::before{content: "";position: relative;top: 5px;margin-right: 7px;display: inline-block;width: 18px;height: 20px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -136px -45px;}
.rTit a:hover{color: var(--defcolor);}

.iTit{overflow: hidden;}
.iTit em{float: left;display: block;height: 72px;line-height: 72px;font-size: 32px;color: #1D2135;font-weight: bold;}
.iTit a{float: right;display: block;padding: 0 12px 0 15px;font-size: 13px;color: #666;height: 32px;line-height: 32px;background: rgba(231,231,231,.5);border-radius: 16px;margin-top: 25px;}
.iTit a::before{content: "";position: relative;top: 5px;margin-right: 7px;display: inline-block;width: 18px;height: 20px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -136px -45px;}
.iTit a:hover{color: var(--defcolor);}

/* 面包屑 */
.crumb{overflow: hidden;font-size: 14px;color: #999;height: 50px;line-height: 50px;}
.crumb i{display: inline-block;width: 18px;height: 15px;background-position: -12px -45px;margin-right: 6px;position: relative;top: 2px;}
.crumb a{font-size: 14px;color: #999;}


/* 分页 */
.page{padding: 15px 0;text-align: center;font-size: 16px;color: #666;overflow: hidden;font-size: 0;}
.page a{display: inline-block; height: 40px;line-height: 40px;font-size: 16px;padding: 0 15px;margin-right: 15px;vertical-align: bottom; color: #666;background-color: #ecebee;border-radius: 3px;}
.page a:hover,.page a.on{color: #fff;background-color: var(--defcolor) !important;}
.page span{display: inline-block;line-height: 40px;height: 40px;border-radius: 3px;}
.page span a{display: block;padding: 0;min-width: 40px;line-height: 40px;text-align: center;border-radius: 3px;font-size: 14px;font-weight: bold;}


/* ------------------游戏/应用列表页 开始---------------------------- */
/* 热门精选 */
.hotChoice{position: relative;padding: 15px 0;height: 385px;border-top: 2px solid #e7b78c;background-color: #fff;background-image: linear-gradient(180deg, rgba(255,226,195,.6),#fff);background-size: 100% 72px;background-repeat: no-repeat;}
.gmhotlist{position: relative;margin: auto;width: 1146px;height: 330px;padding-top: 12px;overflow: hidden;}
.gmhotlist::before{content: "";position: absolute;top: 22px;display: block;width: 100%;border-top: 1px solid #c1c1c1;}
.gmhotlist ul{position: absolute;width: 1200px;height: 330px;overflow: hidden;}
.gmhotlist ul li{float: left;width: 180px;max-height: 350px;text-align: center;margin-right: 13px;}
.gmhotlist ul li div{}
.gmhotlist ul li div i{display: block;margin: auto;width: 34px;height: 22px;background-position: -38px -45px;}
.gmhotlist ul li:hover div i{background-position-x:-81px;}
.gmhotlist ul li div em{display: block;font-size: 16px;color: #666;line-height: 36px;}
.gmhotlist ul li a{display: block;padding: 15px 15px 10px;margin-top: 12px;border-bottom: 4px solid transparent;background-color: #F5F5F5;}
.gmhotlist ul li a img{display: block;width: 150px;height: 150px;border-radius: 30px;margin: auto;}
.gmhotlist ul li a p{margin-top: 3px;line-height: 36px;font-size: 18px;color: #000;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gmhotlist ul li a span{display: block;font-size: 14px;color: #9A9A9A;line-height: 24px;}
.gmhotlist ul li a span:nth-of-type(2){display: none;width: 90px;height: 22px;background: #fff;border: 1px solid var(--defcolor);font-size: 12px;color: var(--defcolor);line-height: 22px;text-align: center;border-radius: 12px;margin: 2px auto;}
.gmhotlist ul li:hover a span:nth-of-type(1){display: none;}
.gmhotlist ul li:hover a span:nth-of-type(2){display: block;}
.gmhotlist ul li:hover a{background: #f5f5f5;border-bottom-color: var(--defcolor);}

/* 游戏/应用分类 */
.gmItem{/*margin-top: 15px;*/}
.gmClass{/*padding: 8px 0 18px;*/overflow: hidden;background: #fff;margin-bottom: 20px;}
.gmClass a{float: left;display: block;width: 100px;height: 110px;padding-top: 20px;line-height: 32px;text-align: center;background-color: transparent;font-size: 14px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gmClass a i{display: block;width: 65px;height: 65px;position: relative;margin: auto;background: url(../img/type_icon.png) no-repeat;background-size: 780px 260px;background-position:0 0;}
.gmClass a:hover,.gmClass a.on{background: #E3E3E3;color: var(--defcolor);}



.gmClass a:nth-of-type(1) i{background-position:0 0;}
.gmClass a:nth-of-type(2) i{background-position: -65px 0;}
.gmClass a:nth-of-type(3) i{background-position: -130px 0;}
.gmClass a:nth-of-type(4) i{background-position: -195px 0;}
.gmClass a:nth-of-type(5) i{background-position: -260px 0;}
.gmClass a:nth-of-type(6) i{background-position: -325px 0;}
.gmClass a:nth-of-type(7) i{background-position: -390px 0;}
.gmClass a:nth-of-type(8) i{background-position: -455px 0;}
.gmClass a:nth-of-type(9) i{background-position: -520px 0;}
.gmClass a:nth-of-type(10) i{background-position: -585px 0;}

.gmClass a:nth-of-type(1):hover i,.gmClass a:nth-of-type(1).on i{background-position:0 -65px;}
.gmClass a:nth-of-type(2):hover i,.gmClass a:nth-of-type(2).on i{background-position:-65px -65px;}
.gmClass a:nth-of-type(3):hover i,.gmClass a:nth-of-type(3).on i{background-position:-130px -65px;}
.gmClass a:nth-of-type(4):hover i,.gmClass a:nth-of-type(4).on i{background-position:-195px -65px;}
.gmClass a:nth-of-type(5):hover i,.gmClass a:nth-of-type(5).on i{background-position:-260px -65px;}
.gmClass a:nth-of-type(6):hover i,.gmClass a:nth-of-type(6).on i{background-position:-325px -65px;}
.gmClass a:nth-of-type(7):hover i,.gmClass a:nth-of-type(7).on i{background-position:-390px -65px;}
.gmClass a:nth-of-type(8):hover i,.gmClass a:nth-of-type(8).on i{background-position:-455px -65px;}
.gmClass a:nth-of-type(9):hover i,.gmClass a:nth-of-type(9).on i{background-position:-520px -65px;}
.gmClass a:nth-of-type(10):hover i,.gmClass a:nth-of-type(10).on i{background-position:-585px -65px;}

/* 应用图标 */
.appc a:nth-of-type(2) i{background-position: -650px 0;}
.appc a:nth-of-type(3) i{background-position: -715px 0;}
.appc a:nth-of-type(4) i{background-position: 0 -130px;}
.appc a:nth-of-type(5) i{background-position: -65px -130px;}
.appc a:nth-of-type(6) i{background-position: -130px -130px;}
.appc a:nth-of-type(7) i{background-position: -195px -130px;}
.appc a:nth-of-type(8) i{background-position: -260px -130px;}
.appc a:nth-of-type(9) i{background-position: -325px -130px;}
.appc a:nth-of-type(10) i{background-position: -390px -130px;}
.appc a:nth-of-type(11) i{background-position: -455px -130px;}
.appc a:nth-of-type(12) i{background-position: -520px -130px;}
.appc a:nth-of-type(13) i{background-position: -585px -130px;}
.appc a:nth-of-type(14) i{background-position: -650px -130px;}
.appc a:nth-of-type(15) i{background-position: -715px -130px;}

.appc a:nth-of-type(2):hover i,.appc a:nth-of-type(2).on i{background-position:-650px -65px;}
.appc a:nth-of-type(3):hover i,.appc a:nth-of-type(3).on i{background-position:-715px -65px;}
.appc a:nth-of-type(4):hover i,.appc a:nth-of-type(4).on i{background-position:0 -195px;}
.appc a:nth-of-type(5):hover i,.appc a:nth-of-type(5).on i{background-position:-65px -195px;}
.appc a:nth-of-type(6):hover i,.appc a:nth-of-type(6).on i{background-position:-130px -195px;}
.appc a:nth-of-type(7):hover i,.appc a:nth-of-type(7).on i{background-position:-195px -195px;}
.appc a:nth-of-type(8):hover i,.appc a:nth-of-type(8).on i{background-position:-260px -195px;}
.appc a:nth-of-type(9):hover i,.appc a:nth-of-type(9).on i{background-position:-325px -195px;}
.appc a:nth-of-type(10):hover i,.appc a:nth-of-type(10).on i{background-position:-390px -195px;}
.appc a:nth-of-type(11):hover i,.appc a:nth-of-type(11).on i{background-position:-455px -195px;}
.appc a:nth-of-type(12):hover i,.appc a:nth-of-type(12).on i{background-position:-520px -195px;}
.appc a:nth-of-type(13):hover i,.appc a:nth-of-type(13).on i{background-position:-585px -195px;}
.appc a:nth-of-type(14):hover i,.appc a:nth-of-type(14).on i{background-position:-650px -195px;}
.appc a:nth-of-type(15):hover i,.appc a:nth-of-type(15).on i{background-position:-715px -195px;}



.apc a:nth-of-type(2):hover i,.apc a:nth-of-type(2).on i{background-position: -85px -703px;}
.apc a:nth-of-type(3):hover i,.apc a:nth-of-type(3).on i{background-position: -842px -863px;}
.apc a:nth-of-type(4):hover i,.apc a:nth-of-type(4).on i{background-position: -846px -703px;}
.apc a:nth-of-type(5):hover i,.apc a:nth-of-type(5).on i{background-position: -156px -703px;}
.apc a:nth-of-type(6):hover i,.apc a:nth-of-type(6).on i{background-position: -762px -863px;}
.apc a:nth-of-type(7):hover i,.apc a:nth-of-type(7).on i{background-position: -382px -703px;}
.apc a:nth-of-type(8):hover i,.apc a:nth-of-type(8).on i{background-position: -679px -863px;}
.apc a:nth-of-type(9):hover i,.apc a:nth-of-type(9).on i{background-position: -615px -703px;}
.apc a:nth-of-type(10):hover i,.apc a:nth-of-type(10).on i{background-position: -230px -703px;}
.apc a:nth-of-type(11):hover i,.apc a:nth-of-type(11).on i{background-position: -300px -706px;}
.apc a:nth-of-type(12):hover i,.apc a:nth-of-type(12).on i{background-position: -534px -703px;}


/* 游戏/应用列表 */
.gmList{width: 1144px;padding: 41px 28px 36px;overflow: hidden;background-color: #fff;margin-bottom: 24px;}
.gmList ul{overflow: hidden;}
.gmList ul li{position: relative;float: left;width: 358px;height: 152px;margin: 0 32px 26px 0;border: 1px solid #ECEBEE;background-color: #fff;}
.gmList ul li:nth-of-type(3n){margin-right: 0;}
.gmList ul li a{display: block;padding: 20px 24px;border: 1px solid transparent;background-color: transparent;overflow: hidden;transition: all .2s;}
.gmList ul li a img{float: left;width: 110px;height: 110px;border-radius: 20px;margin-right: 16px;}
.gmList ul li a div{float: left;width: 180px;height: 110px;overflow: hidden;}
.gmList ul li a div p{font-size: 12px;color: #9A9A9A;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gmList ul li a div p:nth-of-type(1){font-size: 18px;color: #333;line-height: 32px;font-weight: bold;margin-top: 2px;}
.gmList ul li a div span{display: block;width: 90px;height: 22px;background: #fff;border: 1px solid var(--defcolor);font-size: 12px;color: var(--defcolor);line-height: 22px;text-align: center;border-radius: 12px;margin-top: 7px;}
.gmList ul li:hover{border-color: var(--defcolor);}
.gmList ul li:hover a{background-color: #fff;border-color: var(--defcolor);}
.gmList ul li:hover a div p:nth-of-type(1){color: var(--defcolor);}
.gmList ul li:hover a div span{background-color:var(--defcolor);color: #fff;}

/* ------------------游戏/应用列表页 结束---------------------------- */

/* -------------------攻略资讯列表页 开始---------------------------- */
/* 攻略列表、专题合集banner */
.topBanner{height: 210px;margin-bottom: 25px;}
.glB{background: url(../img/newslistbg.png) no-repeat;background-size: cover;}
.ztB{background: url(../img/ztlistbg.jpg) no-repeat;background-size: cover;}
.topBanner>div{padding-top: 48px;}
.topBanner strong{display: block;font-size: 32px;color: #fff;line-height: 40px;font-weight: normal;}
.topBanner p{font-size: 16px;color: #ccc;line-height: 32px;}
.topMenu{height: 62px;margin-top: 28px;text-align: center;overflow: hidden;}
.topMenu a{display: inline-block; margin-right: 10px;width: 285px;height: 62px;font-size: 16px;color: #ccc;line-height: 62px;text-align: center;background-color: #5A5049;transform: skewX(-25deg);}
.topMenu a.on,.topMenu a:hover{background-color: #fff;color: var(--defcolor);}
.topMenu a em {display: inline-block;transform: skewX(25deg);}
.topMenu a i{display: inline-block;width: 24px;height: 19px;position: relative;top: 3px;margin-right: 6px;transform: skewX(25deg);}
.topMenu a i.game{background-position: -47px -91px;}
.topMenu a i.app{background-position: -85px -90px;}
.topMenu a:hover i.game,.topMenu a.on i.game{background-position: -47px -123px;}
.topMenu a:hover i.app,.topMenu a.on i.app{background-position: -85px -122px;}

/* 攻略列表 */
.glList{margin-bottom: 20px;overflow: hidden;}
.glList .page a{background-color: #fff;}
.glList .page a.on,.glList .page a:hover{background-color: var(--defcolor)}
.glList ul{overflow: hidden;}
.glList ul li{float: left;width: 415px;margin-right: 15px;background-color: #fff;height: 140px;margin-bottom: 18px;overflow: hidden;}
.glList ul li:nth-of-type(2n){margin-right: 0;}
.glList ul li a{display: block;}
.glList ul li a>div:nth-of-type(1){float: left;width: 170px;height: 140px;overflow: hidden;margin-right: 12px;}
.glList ul li a>div:nth-of-type(1) img{display: block;width: 100%;min-height: 100%;height: auto;transition: all .3s;}
.glList ul li a>div:nth-of-type(2){float: left;width: 210px;height: 140px;overflow: hidden;}
.glList ul li a>div:nth-of-type(2) p:nth-of-type(1){height: 48px;font-size: 16px;color: #000;line-height: 24px;font-weight: bold;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.glList ul li a>div:nth-of-type(2) p:nth-of-type(2){height: 36px;font-size: 12px;color: #666;line-height: 18px;margin-top: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.glList ul li a>div:nth-of-type(2) span{display: block;height: 16px;font-size: 12px;color: #B7B7B7;line-height: 16px;margin-top: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.glList ul li a>div:nth-of-type(2) span::before{content: "";position: relative;top: 2px;margin-right: 4px;display: inline-block;width: 14px;height: 14px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -12px -68px;}
.glList ul li:hover a>div:nth-of-type(1) img{transform: scale(1.1);}
.glList ul li:hover a>div:nth-of-type(2) p:nth-of-type(1){color: var(--defcolor);}

/* -------------------攻略资讯列表页 结束---------------------------- */

/* -------------------攻略资讯内容页 开始---------------------------- */
.glCont{padding: 20px;background: #fff;margin-bottom: 20px;}
.glCtop{padding-bottom: 18px;border-bottom: 1px solid #e2e2e2;margin-bottom: 18px;}
.glCtop h1{font-size: 34px;color: #000;font-weight: bold;line-height: 52px;margin-bottom: 12px;}
.glCtop p{display: block;height: 24px;font-size: 14px;color: #999;line-height: 24px;overflow: hidden;}
.glCtop p span{font-size: 14px;color: #999;line-height: 24px;margin-right: 18px;margin-left: 1px;}
.glCont>p{font-size: 16px;color: #000;line-height: 32px;margin-bottom: 6px;}
.glCont h3{position: relative;line-height: 42px;font-size: 20px;color: #1D2135;margin-bottom: 4px;font-weight: bold;overflow: hidden;}
.glCont img{max-width: 785px;max-height: 1500px;margin: 20px auto;display: block;}

/* -------------------攻略资讯内容页 结束---------------------------- */

/* -------------------底部组件 开始----------------------------*/
/* 最新录入、热门游戏列表 */
.hotGm{padding: 0 20px 20px;margin-bottom: 20px;background: #fff;}
.hotGm div{overflow: hidden;}
.hotGm div a{display: block;float: left;width: 148px;height: 168px;border-bottom: 4px solid #f5f5f5;background-color: #f5f5f5;margin: 20px 17px 0 0;overflow: hidden;}
.hotGm div a:nth-of-type(5n){margin-right: 0;}
.hotGm div a img{display: block;width: 108px;height: 108px;border-radius: 20px;margin: 17px auto 0;}
.hotGm div a p{width:90%;line-height: 42px;text-align: center;font-size: 15px;color: #000;overflow: hidden;white-space: nowrap;margin: auto;}
.hotGm div a:hover{border-bottom-color: var(--defcolor);}
.hotGm div a:hover p{color: var(--defcolor);}

/* 相关攻略 */
.xgGl{padding: 0 20px;margin-bottom: 20px;background: #fff;}
.xgGl ul{overflow: hidden;margin-top: 20px;}
.xgGl ul li{float: left;width: 396px;margin-right: 15px;background-color: #fff;height: 140px;margin-bottom: 18px;overflow: hidden;}
.xgGl ul li:nth-of-type(2n){margin-right: 0;}
.xgGl ul li a{display: block;}
.xgGl ul li a>div:nth-of-type(1){float: left;width: 170px;height: 140px;overflow: hidden;margin-right: 12px;}
.xgGl ul li a>div:nth-of-type(1) img{display: block;width: 100%;min-height: 100%;height: auto;transition: all .3s;}
.xgGl ul li a>div:nth-of-type(2){float: left;width: 210px;height: 140px;overflow: hidden;}
.xgGl ul li a>div:nth-of-type(2) p:nth-of-type(1){height: 48px;font-size: 16px;color: #000;line-height: 24px;font-weight: bold;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.xgGl ul li a>div:nth-of-type(2) p:nth-of-type(2){height: 36px;font-size: 12px;color: #666;line-height: 18px;margin-top: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.xgGl ul li a>div:nth-of-type(2) span{display: block;height: 16px;font-size: 12px;color: #B7B7B7;line-height: 16px;margin-top: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xgGl ul li a>div:nth-of-type(2) span::before{content: "";position: relative;top: 2px;margin-right: 4px;display: inline-block;width: 14px;height: 14px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -12px -68px;}
.xgGl ul li:hover a>div:nth-of-type(1) img{transform: scale(1.1);}
.xgGl ul li:hover a>div:nth-of-type(2) p:nth-of-type(1){color: var(--defcolor);}

/* -------------------底部组件 结束----------------------------*/

/* ----------------------侧边栏组件 开始-------------------------- */
/* 攻略相关游戏 */
.xgGm{position: relative;box-sizing: border-box; width: 100%;padding:30px 20px 17px;margin-bottom: 20px;background-image: url(../img/gamerecbg.png);background-repeat: no-repeat;background-color: transparent!important;overflow: hidden;}
.xgGm a{display: block;overflow: hidden;}
.xgGm a img{float: left;width: 110px;height: 110px;border-radius: 20px;margin-right: 16px;}
.xgGm a div{float: left;width: 132px;height: 110px;overflow: hidden;}
.xgGm a div p{font-size: 12px;color: #9A9A9A;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xgGm a div p:nth-of-type(1){font-size: 18px;color: #333;line-height: 32px;font-weight: bold;margin-top: 2px;}
.xgGm a div span{display: block;width: 92px;height: 24px;background: var(--linearcolor);color: #fff;font-size: 12px;line-height: 24px;text-align: center;border-radius: 12px;margin-top: 7px;}
.xgGm a:hover div p:nth-of-type(1){color: var(--defcolor);}
.xgGm a>p{width: 90%;padding-top: 10px;height: 24px;font-size: 14px;color: #666;line-height: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* 新游新品榜 */
.rRank{width: 100%;background-color: #fff;margin-bottom: 20px;padding-bottom: 20px;}
.rRank>p{display: block;width: 332px;height: 110px;font-size: 28px;color: #fff;font-weight: bold;line-height: 110px;text-align: center;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -12px -812px;}
.rRank ul li{height: 95px;}
.rRank ul li:nth-of-type(2n+2){background-color: var(--rankcolor);}
.rRank ul li a{display: block;overflow: hidden;padding: 15px 0;}
.rRank ul li a i{float: left;width: 66px;line-height: 65px;text-align: center;font-size: 18px;color: #8C9C9C;font-weight: bold;}
.rRank ul li:nth-of-type(-n+3) a i{font-size: 0;width: 34px;height: 28px;position: relative;margin: 18px 16px 10px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;}
.rRank ul li:nth-of-type(1) a i{background-position: -136px -7px;}
.rRank ul li:nth-of-type(2) a i{background-position: -190px -7px;}
.rRank ul li:nth-of-type(3) a i{background-position: -244px -7px;}
.rRank ul li a img{float: left;width: 65px;height: 65px;border-radius: 10px;margin-right: 13px;}
.rRank ul li a div{float: left;width: 140px;height: 65px;overflow: hidden;}
.rRank ul li a div p{font-size: 16px;color: #333;font-weight: bold;line-height: 28px;margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rRank ul li a div span{font-size: 12px;color: #9A9A9A;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.rRank ul li a>span{float: right;position: relative;top: 21px;margin-right: 20px;width: 20px;height: 13px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -306px -7px;}
.rRank ul li:hover a div p{color: var(--defcolor);}
.rRank ul li:hover a>span{background-position: -334px -8px;}

/* 热门游戏 */
.hotsGm{background: #fff;padding: 0 20px;margin-bottom: 20px;}
.hotsGm ul{margin-top: 5px;padding-bottom: 15px;}
.hotsGm ul li{border-bottom: 1px dashed #e4e4e4;}
.hotsGm ul li:last-child{border: none;}
.hotsGm ul li a{display: block;overflow: hidden;padding: 9px 0;}
.hotsGm ul li a img{float: left;display: block;width: 50px;height: 50px;border-radius: 10px;margin-right: 9px;}
.hotsGm ul li a div{float: left;width: 170px;height: 50px;}
.hotsGm ul li a div p{font-size: 12px;color: #999;line-height: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hotsGm ul li a div p:nth-of-type(1){font-size: 14px;color: #333;line-height: 18px;}
.hotsGm ul li a>span{float: right;display: block;width: 52px;height: 24px;line-height: 24px;border: 1px solid var(--defcolor);color: var(--defcolor);border-radius: 12px;font-size: 12px;text-align: center;margin-top: 13px;}
.hotsGm ul li:hover a div p:nth-of-type(1){color: var(--defcolor);}
.hotsGm ul li:hover a>span{background-color: var(--defcolor);color: #fff;}


/* 热门攻略 */
.hotsGl{background: #fff;padding: 0 20px;margin-bottom: 20px;}
.hotsGl ul li{display: block;position: relative;overflow: hidden;padding: 12px 0 6px;}
.hotsGl ul li a{display: block;overflow: hidden;}
.hotsGl ul li a i{float: left;display: block;width: 18px;height: 18px;margin: 2px 12px 0 1px;font-size: 12px;color: #8C9C9C;text-align: center;font-weight: bold;line-height: 18px;background: #F3F3F3;border-radius: 2px;}
.hotsGl ul li a img{float: left;display: none;width: 121px;height: 75px;margin-right: 12px;}
.hotsGl ul li a div{width: 260px;float: left;}
.hotsGl ul li a div p{max-height: 46px;font-size: 14px;color: #666;line-height: 24px;margin-top: -2px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 9px;}
.hotsGl ul li a div span{display: none;font-size: 12px;color: var(--defcolor);line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hotsGl ul li:hover a div p{color: var(--defcolor);}
.hotsGl ul li.on{padding: 13px 0;}
.hotsGl ul li.on a img{display: block;}
.hotsGl ul li.on a div{width: 159px;height: 75px;}
.hotsGl ul li.on a div span{display: block;}
.hotsGl ul li.on a i{position: absolute;z-index: 1;top: 11px;left: -1px;border-top-left-radius: 0;font-size: 13px;color: #8C9C9C;}
.hotsGl ul li:nth-of-type(1) a i{background-color:var(--defcolor);color: #fff;}
.hotsGl ul li:nth-of-type(2) a i{background-color:#8397A6;color: #fff;}
.hotsGl ul li:nth-of-type(3) a i{background-color:#B18A6B;color: #fff;}

/* 热门专题 */
.hotsZt{background: #fff;padding: 0 20px 20px;margin-bottom: 20px;}
.hotsZt div a{display: block;position: relative;width: 292px;height: 150px;margin: 18px 0 0 0;overflow: hidden;}
.hotsZt div a img{width: 292px;min-height: 150px;height: auto;transition: all .4s ease;}
.hotsZt div 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;}
.hotsZt div a:hover img{transform: scale(1.1);}
.hotsZt div a:hover p{color: var(--defcolor);}

/* ----------------------侧边栏组件 结束-------------------------- */

/* -------------------专题合集页 开始---------------------------- */
/* 热门专题 */
.ztRec{margin-bottom: 23px;overflow: hidden;width: 100%;}
.ztRec a{float: left;position: relative;display: block;width: 384px;height: 300px;margin-right: 24px;overflow: hidden;}
.ztRec a:nth-of-type(1){background-color: #f53233;}
.ztRec a:nth-of-type(2){background-color: #ff970b;}
.ztRec a:nth-of-type(3){background-color: #fba5fd;}
.ztRec a:last-child{margin-right: 0;}
.ztRec a div{width: 384px;height: 216px;overflow: hidden;text-align: center;}
.ztRec a div img{width: 384px;min-height: 216px;height: auto;display: block;transition: all .3s linear;}
.ztRec a p{display: block;margin-top: 5px;width: 100%;height: 40px;line-height: 40px;font-size: 20px;color: #fff;font-weight: bold;text-align: center;overflow: hidden;white-space: nowrap;}
.ztRec a span{position: relative;display: block;line-height: 20px;font-size: 12px;color: #fff;text-align: center;overflow: hidden;white-space: nowrap;}
.ztRec 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;}
.ztRec 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;}
.ztRec a em{display: block;font-size: 12px;color: #fff;line-height: 32px;text-align: center;overflow: hidden;white-space: nowrap;}
.ztRec a::after{content: "";position: absolute;right: 0;top: 15px;display: block;width: 39px;height: 25px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -11px -152px;}
.ztRec a:hover div img{transform: scale(1.1);}

/* 专题列表 */
.ztList{padding: 13px 28px 30px;background-color: #fff;margin-bottom: 20px;}
.ztList ul{margin-bottom: 10px;}
.ztList ul li{position: relative;padding: 23px 0;overflow: hidden;}
.ztList ul li a{display: block;overflow: hidden;}
.ztList ul li a div:nth-of-type(1){float: left;width: 468px;height: 230px;padding: 11px 12px;margin-right: 16px;border: 2px solid #ECEBEE;overflow: hidden;}
.ztList ul li a div:nth-of-type(1) img{display: block;width: 468px;height: 230px;transition: all .3s linear;}
.ztList ul li a div:nth-of-type(2){float: left;width: 630px;height: 254px;overflow: hidden;position: relative;}
.ztList ul li a div:nth-of-type(2) p:nth-of-type(1){max-width: 472px;height: 34px;line-height: 34px;margin-bottom: 8px; font-size: 20px;color: #000;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ztList ul li a div:nth-of-type(2) p:nth-of-type(2){height: 72px;font-size: 14px;color: #666;line-height: 24px;margin-bottom: 6px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
/*.ztList ul li a div:nth-of-type(2) span:nth-of-type(1){position: relative;display: inline-block;line-height: 20px;font-size: 12px;color: #999;text-align: center;overflow: hidden;white-space: nowrap;}
.ztList ul li a div:nth-of-type(2) span:nth-of-type(1)::after{content: "";position: relative;top: -4.5px;display: inline-block;width: 60px;height: 1px;background-color: #c2c2c2;margin-left: 19px;}
.ztList ul li a div:nth-of-type(2) span:nth-of-type(1)::before{content: "";position: relative;top: -4.5px;display: inline-block;width: 60px;height: 1px;background-color: #c2c2c2;margin-right: 19px;}*/
.ztList ul li a div:nth-of-type(2) span:nth-of-type(1){position: absolute;right: 5px;top: 0;font-size: 14px;color: var(--defcolor);line-height: 24px;margin-top: 10px;margin-right: 4px;}
.ztList ul li>div{position: absolute;right: -28px;bottom: 18px; width: 660px;height: 128px;z-index: 1;overflow: hidden;}
.ztList ul li>div a{display: block;float: left;width: 108px;text-align: center;margin-right: 23px;}
.ztList ul li>div a img{width: 92px;height: 92px;border-radius: 17px;}
.ztList ul li>div a p{display: block;width: 96%;margin: auto;height: 36px;line-height: 36px;font-size: 14px;color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ztList ul li>div a:hover p{color: var(--defcolor);}
.ztList ul li:hover a div:nth-of-type(1){border-color: var(--defcolor);}
.ztList ul li:hover a div:nth-of-type(2) p:nth-of-type(1){color: var(--defcolor);}
/* -------------------专题合集页页 结束---------------------------- */

/* -------------------专题内容页 开始---------------------------- */
/* 专题顶部 */
.ztTop{overflow: hidden;}
.ztTop>div{float: left;width: 1152px;height: 232px;padding: 24px;margin-right: 15px;background: url(../img/ztdetailbg.png) no-repeat;background-size: 100% 100%;}
.ztTop>div img{float: left;width: 432px;height: 222px;margin-right: 20px;overflow: hidden;}
.ztTop>div div {float: left;width: 685px;height: 222px;overflow: hidden;}
.ztTop>div div h1{display: block;height: 42px;line-height: 42px;font-size: 24px;color: #000;margin-top: 18px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ztTop>div div em{display: block;font-size: 14px;color: var(--defcolor);line-height: 32px;}
.ztTop>div div > div{height: 72px;font-size: 14px;color: #666;line-height: 24px;margin-top: 6px;overflow-y: auto}
.ztTop>div div span{position: relative;display: inline-block;line-height: 20px;font-size: 12px;color: #999;margin-top: 10px;text-align: center;overflow: hidden;white-space: nowrap;}
.ztTop>div div span::before{content: "";position: relative;top: -4.5px;display: inline-block;width: 60px;height: 1px;background-color: #c2c2c2;margin-right: 19px;}
.ztTop>div div span::after{content: "";position: relative;top: -4.5px;display: inline-block;width: 60px;height: 1px;background-color: #c2c2c2;margin-left: 19px;}

.ztTop>a{display: block;overflow: hidden;position: relative;float: right;width: 260px;height: 220px;padding: 28px 18px;border: 1px solid var(--defcolor);background-color: #fff;margin-right: 4px;}
.ztTop>a img{float: left;width: 110px;height: 110px;border-radius: 20px;margin-right: 16px;}
.ztTop>a div{float: left;width: 132px;height: 110px;overflow: hidden;}
.ztTop>a div p{font-size: 12px;color: #9A9A9A;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ztTop>a div p:nth-of-type(1){font-size: 18px;color: #333;line-height: 32px;font-weight: bold;margin-top: 2px;}
.ztTop>a:hover div p:nth-of-type(1){color: var(--defcolor);}
.ztTop>a div span{display: block;width: 92px;height: 24px;background: var(--linearcolor);color: #fff;font-size: 12px;line-height: 24px;text-align: center;border-radius: 12px;margin-top: 7px;}
.ztTop>a>p{float: left;padding-top: 16px;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;}
.ztTop>a>i{position: absolute;top: -4px;right: -6px;width: 69px;height: 66px;background-position: 0px -205px;}

/* 专题游戏列表 */
.ztCont{margin-top: 20px;}
.ztCont ul{overflow: hidden;}
.ztCont ul li{position: relative;float: left;width: 376px;height: 152px;margin: 0 32px 26px 0;border: 1px solid #ECEBEE;background-color: #fff;}
.ztCont ul li:nth-of-type(3n){margin-right: 0;}
.ztCont ul li a{position: relative;display: block;padding: 20px 24px;background-color: transparent;overflow: hidden;transition: all .2s;}
.ztCont ul li a img{float: left;width: 110px;height: 110px;border-radius: 20px;margin-right: 16px;}
.ztCont ul li a div{float: left;width: 180px;height: 110px;overflow: hidden;}
.ztCont ul li a div p{font-size: 12px;color: #9A9A9A;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ztCont ul li a div p:nth-of-type(1){font-size: 18px;color: #333;line-height: 32px;font-weight: bold;margin-top: 2px;}
.ztCont ul li a div span{display: block;width: 90px;height: 22px;background: #fff;border: 1px solid var(--defcolor);font-size: 12px;color: var(--defcolor);line-height: 22px;text-align: center;border-radius: 12px;margin-top: 7px;}
.ztCont ul li:hover{border-color: var(--defcolor);}
.ztCont ul li:hover a{background-color: #fff;border-color: var(--defcolor);}
.ztCont ul li:hover a div p:nth-of-type(1){color: var(--defcolor);}
.ztCont ul li:hover a div span{background-color:var(--defcolor);color: #fff;}
.ztCont ul li:nth-of-type(-n+3) a::after{content: "";position: absolute;top: -1px;left: -1px;display: block;width: 72px;height: 41px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;}
.ztCont ul li:nth-of-type(1) a::after{background-position: -165px -377px;}
.ztCont ul li:nth-of-type(2) a::after{background-position: -257px -377px;}
.ztCont ul li:nth-of-type(3) a::after{background-position: -346px -377px;}
.ztCont .page a{background-color: #fff;}

/* 专题推荐 */
.ztTj{padding: 20px;background: #fff;margin-bottom: 20px;}
.ztTj .hTit{padding: 0;}
.ztTj .hTit i{background-position: -12px -7px;}
.ztTj div{margin-top: 20px;overflow: hidden;}
.ztTj div 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;}

.ztTj div a:nth-of-type(16n+1){color:#f47920;background-color:#fff5ed}
.ztTj div a:nth-of-type(16n+2){color:#7fb80e;background-color:#f9ffed}
.ztTj div a:nth-of-type(16n+3){color:#6f60aa;background-color:#f1edff}
.ztTj div a:nth-of-type(16n+4){color:#009ad6;background-color:#edfaff}
.ztTj div a:nth-of-type(16n+5){color:#c77eb5;background-color:#ffedfb}
.ztTj div a:nth-of-type(16n+6){color:#4e72b8;background-color:#edf3ff}
.ztTj div a:nth-of-type(16n+7){color:#dea32c;background-color:#fff9ed}
.ztTj div a:nth-of-type(16n+8){color:#45b97c;background-color:#edfff5}
.ztTj div a:nth-of-type(16n+9){color:#7bbfea;background-color:#edf8ff}
.ztTj div a:nth-of-type(16n+10){color:#f1516c;background-color:#ffedf0}
.ztTj div a:nth-of-type(16n+11){color:#7fb86e;background-color:#f1ffed}
.ztTj div a:nth-of-type(16n+12){color:#9b95c9;background-color:#efedff}
.ztTj div a:nth-of-type(16n+13){color:#f69c9f;background-color:#ffedee}
.ztTj div a:nth-of-type(16n+14){color:#fcaf18;background-color:#fff9ed}
.ztTj div a:nth-of-type(16n+15){color:#2585a6;background-color:#edfbff}
.ztTj div a:nth-of-type(16n+16){color:#bea901;background-color:#fbf9e3}

.ztTj div a:nth-of-type(16n+1):hover{background-color:#f47920;color:#fff5ed}
.ztTj div a:nth-of-type(16n+2):hover{background-color:#7fb80e;color:#f9ffed}
.ztTj div a:nth-of-type(16n+3):hover{background-color:#6f60aa;color:#f1edff}
.ztTj div a:nth-of-type(16n+4):hover{background-color:#009ad6;color:#edfaff}
.ztTj div a:nth-of-type(16n+5):hover{background-color:#c77eb5;color:#ffedfb}
.ztTj div a:nth-of-type(16n+6):hover{background-color:#4e72b8;color:#edf3ff}
.ztTj div a:nth-of-type(16n+7):hover{background-color:#dea32c;color:#fff9ed}
.ztTj div a:nth-of-type(16n+8):hover{background-color:#45b97c;color:#edfff5}
.ztTj div a:nth-of-type(16n+9):hover{background-color:#7bbfea;color:#edf8ff}
.ztTj div a:nth-of-type(16n+10):hover{background-color:#f1516c;color:#ffedf0}
.ztTj div a:nth-of-type(16n+11):hover{background-color:#7fb86e;color:#f1ffed}
.ztTj div a:nth-of-type(16n+12):hover{background-color:#9b95c9;color:#efedff}
.ztTj div a:nth-of-type(16n+13):hover{background-color:#f69c9f;color:#ffedee}
.ztTj div a:nth-of-type(16n+14):hover{background-color:#fcaf18;color:#fff9ed}
.ztTj div a:nth-of-type(16n+15):hover{background-color:#2585a6;color:#edfbff}
.ztTj div a:nth-of-type(16n+16):hover{background-color:#bea901;color:#fbf9e3}

/* -------------------专题内容页 结束---------------------------- */

/* --------------------游戏内容页 开始-------------------------- */
/* 游戏标题 */
.gmTop{position: relative;overflow: hidden;margin-bottom: 20px;padding: 35px 30px 0;overflow: hidden; background: url(../img/gamedebg.jpg) no-repeat;background-size: 100% 100%;}
.gmTit{overflow: hidden;}
.gmTit img{float: left;width: 140px;height: 140px;border-radius: 30px;margin-right: 23px;}
.gmTit>div:nth-of-type(1){float: left;width: 550px;margin-right: 20px;}
.gmTit>div:nth-of-type(1) h1{font-size: 30px;font-weight: bold;color: #fff;line-height: 48px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.gmTit>div:nth-of-type(1) ul{margin-top: 2px;height: 48px;overflow: hidden;}
.gmTit>div:nth-of-type(1) ul li{float: left;width: 260px;height: 24px;line-height: 24px;font-size: 14px;color: #999;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gmTit>div:nth-of-type(1) p{display: block;height: 38px;overflow: hidden;}
.gmTit>div:nth-of-type(1) p span{float: left;display: block;cursor: pointer;padding: 0 12px;line-height: 22px;font-size: 14px;color: #999;border: 1px solid var(--selcolor);margin-right: 11px;margin-top: 11px;border-radius: 2px;}
.gmTit>div:nth-of-type(1) p > a{float: left;display: block;cursor: pointer;padding: 0 12px;line-height: 22px;font-size: 14px;color: #999;border: 1px solid var(--selcolor);margin-right: 11px;margin-top: 11px;border-radius: 2px;}
.gmTit>div:nth-of-type(1) p > a:hover{background: var(--defcolor);border-color: var(--defcolor);color: #fff;}
/* 按钮盒子 */
.btnBox{overflow: hidden;width: 220px;min-height: 140px;display: flex;flex-direction: column;justify-content: center;align-items: center;max-height: 190px;position: absolute;right: 20px;}
.btnBox > span,.btnBox > a{float: left;position: relative;z-index: 1;display: block;width: 188px;height: 44px;line-height: 44px;text-align: center;font-size: 18px;color: #fff;margin-right: 20px;cursor: pointer;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;margin-bottom: 10px;}
.btnBox > a:last-of-type,.btnBox > span:last-of-type{margin-bottom: 0;}

.btnBox > span > i,.btnBox > a > i{display: inline-block;position: relative;top: 8px;margin-right: 5px;width: 32px;height: 30px;}

.btnBox .and{background-position: -804px -178px;}
.btnBox .pc{background:#FF9C39;transform: skew(-20deg);width: 165px;height: 45px;margin-left: 10px;}
.btnBox .ios{background-position: -804px -121px;}
.btnBox .order{background-position: -804px -238px;}
.btnBox .none{background-position: -804px -295px;}
.btnBox .aqBtn{background-position: -804px -238px;}
.btnBox .and i{background-position: -848px -75px;}
.btnBox .ios i{background-position: -800px -76px;}
.btnBox .order i{background-position: -895px -76px;}
.btnBox .none i{background-position: -942px -76px;}
.btnBox .aqBtn i{background-position: -740px -133px;}
.btnBox .aqBtn + .noGm{margin-top: 10px;}
.noGm{display: block;float: left; color: #999;margin-top: 20px;}
.noGm i{display: inline-block;width: 19px;height: 19px;border-radius: 50%;background: red;color: #fff;text-align: center;margin-right: 5px;}

/* 内容导航 */
.gmTop>ul{margin-top: 5px;}
.gmTop>ul li{position: relative;float: left;font-size: 18px;color: #fff;padding: 20px 0 22px 32px;cursor: pointer;}
.gmTop>ul li::before{content: "";position: absolute;left: 0;right: 0;bottom: -1px;margin: auto;display: block;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid transparent;}
.gmTop>ul li::after{content: "/";font-size: 16px;color: rgba(294,204,204,.1);margin-left: 25px;}
.gmTop>ul li.on{color: var(--defcolor);font-size: 22px;font-weight: bold;}
.gmTop>ul li:hover{color: var(--defcolor);}
.gmTop>ul li.on::before,.gmTop>ul li:hover::before{border-bottom: 10px solid #fff;}

/* 游戏介绍 */
.gmCont{padding: 0 20px 20px;background: #fff;margin-bottom: 20px;}
.showImg{background: #fff;margin-top: 20px;}
.screenshot { width: 808px; max-height: 400px;overflow: hidden;}
.screenshot .slider-contain{position:relative;width:808px;height:373px;}
.slider-contain>i{position: absolute;z-index: 2;top:110px;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(../img/icon.png) no-repeat;background-size:1000px 1000px;top:33px;}
.slider-contain .gLeft:after{background-position: -127px -90px;left:10px;transform: rotateY(-180deg);}
.slider-contain .gRight:after{background-position: -127px -90px;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}
.screenshot .slider-inner-contain{position:relative;left:0;width:808px;height: 373px;overflow-x:scroll;overflow-y:hidden;background:#fff;}
.screenshot .img-slider{height:373px;text-align: center;font-size: 0;white-space:nowrap;}
.screenshot .img-slider img{display: block;height:373px;border-radius:0;width:auto;vertical-align:top}
.screenshot .img-slider li{width:auto;margin-right:17px;display:inline-block;height:373px;}
.screenshot .img-slider li:last-child{margin-right: 0;}
.screenshot .video-js{width: auto;height: 373px;}

.gmCont .cont{margin-top: 20px; font-size: 15px;color: #000;line-height: 24px;}
.gmCont .cont p{line-height: 24px;color: #000;margin-bottom: 10px;}
.gmCont .cont h3{display: inline-block;line-height: 32px;padding-bottom: 8px;font-size: 18px;color: var(--defcolor);font-weight: bold;}
.gmCont .cont img{display: block;max-width: 638px;max-height: 500px;margin: 10px auto;}

/* 游戏信息 */
.gmInfo{padding: 0 20px 20px;background: #fff;margin-bottom: 20px;}
.feBaBtn{display: block;float: right;background-color:var(--defcolor);margin: 22px 5px 0 0;padding: 0 12px;color: #fff;font-size: 14px;height: 32px;line-height: 32px;cursor: pointer;overflow: hidden;border-radius: 16px;}
.feBaBtn i{display: inline-block;width: 18px;height: 17px;position: relative;top: 2px;margin-right: 4px;background-position: -69px -156px;}
.gmInfo ul{margin-top: 5px;}
.gmInfo ul li{font-size: 14px;color: #868C92;height: 41px;line-height: 41px;border-bottom: 1px solid #ebeff0;overflow: hidden;}
.gmInfo ul li span{float: right;max-width: 720px;font-size: 14px;color: #666;}

/* 猜你喜欢 */
.gsLike{padding: 0 20px 20px;background: #fff;margin-bottom: 20px;position: relative;}

.gsLike .tabMenu{position: absolute;top: 7px;left: 160px;width: 580px;height: 57px;line-height: 36px;overflow: hidden;}
.gsLike .tabMenu span{position: relative;float: left;display: block;padding: 0 6px;margin: 0 8px 6px;font-size: 15px;color: #999;font-weight: bold;line-height: 48px;border-bottom: 3px solid transparent;cursor: pointer;}
.gsLike .tabMenu span::before{content: "/";position: absolute;left: -10px;display: inline-block;font-size: 15px;color: #ccc;}
.gsLike .tabMenu span::after{content: "";position: absolute;left: 50%;margin-left: -5px;bottom: -14px;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid transparent;border-top: 6px solid transparent;font-size: 0;line-height: 0;}
.gsLike .tabMenu span:nth-of-type(1)::before{display: none;}
.gsLike .tabMenu span.on{font-size: 18px;color: var(--defcolor);border-bottom-color: var(--defcolor);}
.gsLike .tabMenu span.on::after{border-top-color: var(--defcolor);}
.gsLike .tabMenu span:hover{color: var(--defcolor);}

.gsLike .tabCont{overflow: hidden;margin-top: 10px;}
.gsLike .tabCont>div{display: none;overflow: hidden;}
.gsLike .tabCont>div:nth-of-type(1){display: block;}

.gsLike .tabCont>div>a{float: left;width: 745px;height: 194px;padding: 24px;margin-right: 15px;background: url(../img/ztdetailbg.png) no-repeat;background-size: 100% 100%;}
.gsLike .tabCont>div>a img{float: left;width: 354px;height: 182px;margin-right: 20px;overflow: hidden;}
.gsLike .tabCont>div>a div {float: left;width: 360px;height: 222px;overflow: hidden;}
.gsLike .tabCont>div>a div p:nth-of-type(1){display: block;height: 42px;line-height: 42px;font-size: 24px;color: #000;margin-top: 0px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gsLike .tabCont>div>a div p:nth-of-type(2){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;}
.gsLike .tabCont>div>a div em{display: block;font-size: 14px;color: var(--defcolor);line-height: 32px;}
.gsLike .tabCont>div>a div span{position: relative;display: inline-block;line-height: 20px;font-size: 12px;color: #999;margin-top: 8px;text-align: center;overflow: hidden;white-space: nowrap;}
.gsLike .tabCont>div>a div span::before{content: "";position: relative;top: -4.5px;display: inline-block;width: 60px;height: 1px;background-color: #c2c2c2;margin-right: 19px;}
.gsLike .tabCont>div>a div span::after{content: "";position: relative;top: -4.5px;display: inline-block;width: 60px;height: 1px;background-color: #c2c2c2;margin-left: 19px;}
.gsLike .tabCont>div>a:hover div p:nth-of-type(1){color: var(--defcolor);}

.gsLike .tabCont>div ul{margin-top: 15px;overflow: hidden;float: left;}
.gsLike .tabCont>div ul li{float: left;width: 154px;height: 194px;text-align: center;margin: 6px 7px 0 0;}
.gsLike .tabCont>div ul li a{display: block;padding: 10px 0 11px;border-bottom: 4px solid transparent;}
.gsLike .tabCont>div ul li a img{display: block;width: 110px;height: 110px;border-radius: 20px;margin: 0 auto;}
.gsLike .tabCont>div ul li a p{margin-top: 3px;line-height: 32px;font-size: 15px;color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gsLike .tabCont>div ul li a span{display: block;font-size: 14px;color: #9A9A9A;line-height: 20px;}
.gsLike .tabCont>div ul li a span:nth-of-type(2){display: none;width: 90px;height: 22px;background: #fff;border: 1px solid var(--defcolor);font-size: 12px;color: var(--defcolor);line-height: 22px;border-radius: 12px;margin: auto;}
.gsLike .tabCont>div ul li:hover a{background: #f5f5f5;border-bottom-color: var(--defcolor);}
.gsLike .tabCont>div ul li:hover a p{color: var(--defcolor);}
.gsLike .tabCont>div ul li:hover a span:nth-of-type(1){display: none;}
.gsLike .tabCont>div ul li:hover a span:nth-of-type(2){display: block;}

/* --------------------游戏内容页 结束-------------------------- */

/* --------------------预约、反馈盒子 开始-----------------------*/
/* o预约 */
.orderList{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);}
.orderBox{position: fixed;top: 180px;left: 0;right: 0;margin: auto;background-color: #fff;width: 546px;min-height: 300px;border-radius: 20px;text-align: center;}
.orderBox .oClose{position: absolute;width: 30px; top: 25px;right:20px;margin: auto;}
.orderBox .oClose i{display: inline-block;width: 32px;height: 32px;background-position: -87px -232px;position: relative;cursor: pointer;}
.orderBox .oTitle{position: relative;width: 100%;height: 90px;}
.orderBox .oTitle p{padding-left: 41px;padding-top: 20px;font-size: 32px;color: #000;font-weight: bold;line-height: 68px;white-space: nowrap;overflow: hidden;text-align: left;}
.orderBox .oTitle p:after{content: "";display:block;width: 77px;height:5px;background: var(--defcolor);position: relative;}
.orderBox form{position: relative;min-height: 216px;}
.orderBox form .tel{width:396px;height: 58px;line-height: 58px;border: 1px solid #E0E0E0;color:#ccc;font-size:18px;border-radius:9px;padding-left: 20px;margin: 26px auto 4px;overflow: hidden;white-space: nowrap;}
.orderBox form p{ color:#404040;font-size:18px;line-height: 30px;overflow: hidden;white-space: nowrap;}
.orderBox form p span{ color:#E9443E;}
.orderBox form p:nth-of-type(2){color: #ccc;font-size: 16px;}
.orderBox form>span{color: #5dd5c8;font-size: 14px;text-align: left;display: block;width:362px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox form .oBtn{position: absolute;left: 0;right: 0;bottom: -22px;cursor: pointer;width:228px;height: 52px;border: 0;background:var(--defcolor);color:#fff;font-size:20px;border-radius:26px;line-height: 52px;margin: 26px auto 0 ;overflow: hidden;white-space: nowrap; }
.orderBox form .txt span{display: inline;}
.orderBox .msg{color: #ff3232;font-size: 12px;height: 14px;line-height: 14px;text-align: left;display: block;padding: 0 30px;margin: 0 auto;overflow: hidden;white-space: nowrap;}
.orderBox .oKnow{position: absolute;left: 0;right: 0;bottom: -22px;display: block;cursor: pointer;width:228px;height: 52px;border: 0;background:var(--defcolor);color:#fff;font-size:20px;border-radius:26px;line-height: 52px;margin: 6px auto 0;overflow: hidden;white-space: nowrap; }
.orderBox .oWin{width: 100%;min-height: 190px;padding: 0 0 20px;font-size: 18px;border-radius: 20px;text-align: center;padding-top: 30px;}
.orderBox .oWin p{font-size:26px;color: #14cab4;font-weight: bold;line-height: 36px;margin: 22px auto;}

.orderBox .oWin>i{display:inline-block;width: 92px;height: 69px;background-position: -472px -786px;;position: relative;}

.orderBox .oAgin{width: 100%;min-height:190px;padding: 0 0 20px;font-size: 18px;border-radius: 20px;text-align: center;padding-top: 30px;}
.orderBox .oAgin p{font-size:26px;color: #FEC800;font-weight: bold;line-height: 36px;margin: 22px auto;}

.orderBox .oAgin>i{display:inline-block;width: 92px;height: 69px;background-position: -355px -786px;position: relative;}

/* 反馈 */
.gameDL3{position: relative;}
.feBaBtn:hover{text-decoration: underline;}
.feedBack{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: 10;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);}
.feBaBox{position: fixed;top: 50px;left: 0;right: 0;margin: auto;width: 533px;border-radius: 8px;background-color: #fff;border-radius: 18px 18px 20px 20px;}
.feBaBox .fClose{position: absolute;top: 17px;right:17px;margin: auto;z-index: 10;text-align: center;}
.feBaBox .fClose i{display: inline-block;width: 32px;height: 32px;background-position: -87px -232px;position: relative;cursor: pointer;}
.feBaBox .fTitle{position: relative;width: 100%;height: 110px;background-color: transparent;text-align: center;border-top-left-radius: 16px;border-top-right-radius: 16px;}
.feBaBox .fTitle p{font-size: 30px;color: #000;font-weight: bold;padding-top: 24px;line-height: 70px;white-space: nowrap;overflow: hidden;}
.feBack{padding: 15px 26px 5px;position: relative;top: -18px;background-color: #fff;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.feBack p{font-size: 22px;color: #000;margin: 15px 0;line-height: 28px;}
.feBack p:nth-of-type(1){margin-bottom: 5px;}
.feBack textarea{width: 459px;height: 99px;border: none;resize:none;background: #F0F0F0;padding-left: 2px;padding: 12px;font-size: 16px;color: #999;border-radius: 6px;}
.radio {position: relative;height: 50px;line-height: 50px;}
.radio:nth-last-child(1){border-bottom: none;}
.radio input[type='radio'] {position: absolute;left: 0;top: 0;width: 20px;height: 20px;opacity: 0;}
.radio label {position: absolute;left: 0px;top: 0;height: 50px;line-height: 50px;width: 480px;font-size: 18px;color: #666;text-align: left;padding-left: 38px;}
.radio label:after {cursor: pointer; content: '';position: absolute;left: 2px;top: 13px;width: 20px;height: 20px;border-radius: 50%;border: 2px solid #CCCCCC;text-align: center;line-height: 20px;}
.radio input[type='radio']:checked + label:after {background-color: #fff;content: '';border-color: var(--defcolor);display: inline-block;width: 20px;height: 20px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -85px -196px; }
.feSubmit{position: relative;}
.feSubmit input{cursor: pointer; display: block;background: var(--defcolor);font-size: 24px;margin: 10px auto 40px;width:276px;height: 60px;line-height: 60px;text-align: center;color: #fff;border: none;border-radius: 26px;}
.feSubmit input:hover{opacity: .96;}

/* --------------------预约、反馈盒子 结束-----------------------*/

/* ----------------------首页 开始----------------------------- */
/* 首页热门内容 */
.inRec{margin-bottom: 20px;}
.inRec .list{width: 1200px;height: 172px;padding: 20px 0 ;border-bottom: 1px dashed #dedede;overflow: hidden;}
.inRec .list a{float: left;display: block;width: 127px;padding: 17px 8px 7px;margin-right: 7px;margin-bottom: 18px;background-color: #f5f5f5;text-align: center;}
.inRec .list a:last-child{margin-right: 0;}
.inRec .list a img{width: 108px;height: 108px;border-radius: 20px;display: block;margin: auto;}
.inRec .list a p{font-size: 15px;color: #000;line-height: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.inRec .list a:hover p{color: var(--defcolor);}

.inRec .abox{padding: 10px 0;border-bottom: 1px solid #e7e7e7;}
.inRec .abox p{display: block;width: 1200px;line-height: 49px;white-space: nowrap;overflow: hidden;}
.inRec .abox p span{float: left;width: 112px;height: 42px;line-height: 42px;text-align: center;background: #FFF1EA;border-radius: 20px;font-size: 15px;color: var(--defcolor);font-weight: bold;margin: 3.5px 17px 3.5px 0;}
.inRec .abox p span::before{content: "";position: relative;top: 4px;display: inline-block;width: 18px;height: 18px;margin-right: 8px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;}
.inRec .abox p span::after{content: "|";font-size: 12px;color: #ffac84;margin-left: 12px;position: relative;top: -1px;}
.inRec .abox p:nth-of-type(2) span{color: #52D889;background: rgba(82, 216, 137, .15);}
.inRec .abox p:nth-of-type(3) span{color: #DB89FD;background: rgba(219, 137, 253, .15);}
.inRec .abox p:nth-of-type(1) span::before{background-position: -174px -47px;}
.inRec .abox p:nth-of-type(2) span::before{background-position: -204px -47px;}
.inRec .abox p:nth-of-type(3) span::before{background-position: -233px -47px;}
.inRec .abox p:nth-of-type(2) span::after{color: rgba(82, 216, 137, .5);}
.inRec .abox p:nth-of-type(3) span::after{color: rgba(219, 137, 253, .5);}
.inRec .abox p a{position: relative;font-size: 15px;color: #000;}
.inRec .abox p a::after{content: "";position: relative;top: 4px;display: inline-block;width: 1px;height: 18px;background-color: #e3e3e3;margin: 0 12px;}
.inRec .abox p a:last-child::after{display: none;}
.inRec .abox p a.hot{color: #FF2E38;}
.inRec .abox p a.new{color: #0cc767;}
.inRec .abox p a.hot::before{content: "";position: absolute;top: -11px;right: 15px;display: block;width: 12px;height: 16px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -290px -47px;}
.inRec .abox p a.new::before{content: "";position: absolute;top: -11px;right: 15px;display: block;width: 12px;height: 16px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -266px -47px;}
.inRec .abox p a:last-child.new::before{right: -12px;}
.inRec .abox p a:last-child.hot::before{right: -12px;}
.inRec .abox p a:hover{color: var(--defcolor);}

.inRec>div:nth-of-type(3){overflow: hidden;padding-top: 20px;}

.iRecL{float: left;width: 424px;margin-right: 25px;overflow: hidden;}
.iRecL ul{width: 424px;overflow: hidden;}
.iRecL ul li{position: relative;float: left;display: block; width: 206px;height: 132px;overflow: hidden;margin: 0 12px 13px 0;}
.iRecL ul li:nth-of-type(2n){margin-right: 0;}
.iRecL ul li a{display: block;overflow: hidden;}
.iRecL ul li a img{width: 206px;min-height: 132px;height: auto;transition: all .4s ease;}
.iRecL ul li a p{position: absolute;bottom: 0;left: 0;right: 0;margin: auto;padding-left: 5px; 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;}
.iRecL ul li:hover a img{transform: scale(1.1);}
.iRecL ul li:hover a p{color: var(--defcolor);}
.iRecL .hTit{font-size: 20px;padding-left: 0;margin-bottom: 0; border-bottom: 2px solid #ebebeb;}
.iRecL .hTit i{background-position: -174px -76px;height: 29px;}
.iRecL>div{padding: 19px 0;width: 424px;height: 138px;overflow: hidden;}
.iRecL>div a{display: block;float: left;width: 206px;height: 136px;margin-right: 12px;position: relative;overflow: hidden;}
.iRecL>div a:nth-of-type(2n){margin-right: 0;}
.iRecL>div a img{display:block;width: 100%;height: 100%;}
.iRecL>div a strong{position: absolute;top: 18px;left: 20px;width: 150px;font-size: 24px;font-weight: bold;color: #FFFFFF;line-height: 32px;text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.iRecL>div a p{position: absolute;top: 52px;left: 20px;width: 150px;font-size: 15px;color: #fff;line-height: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.iRecL>div a span{position: absolute;top: 84px;left: 20px;display: block;width: 58px;height: 18px;color: #fff;font-size: 12px;border: 1px solid #fff;border-radius: 9px;line-height: 18px;text-align: center;}

.iRecM{float: left;width: 440px;margin-right: 25px;overflow: hidden;}
.iRecM>div:nth-of-type(1){position: relative;text-align: center;}
.iRecM>div:nth-of-type(1)>a{display: block;font-size: 20px;color: #FF2E38;font-weight: bold;line-height: 32px;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 40px;}
.iRecM>div:nth-of-type(1) p{margin-bottom: 14px;}
.iRecM>div:nth-of-type(1) p a{font-size: 14px;color: #666;line-height: 20px;;}
.iRecM>div:nth-of-type(1) a:hover{color: var(--defcolor);}

.iRecM .tabMenu{height: 50px;text-align: center;line-height: 50px;background: #EBEBEB;/*margin-bottom: 10px;*/}
.iRecM .tabMenu span{position: relative;padding: 0 6px;margin: 0 8px 6px;font-size: 20px;color: #999;line-height: 48px;cursor: pointer;}
.iRecM .tabMenu span::before{content: "/";position: absolute;left: -10px;display: inline-block;font-size: 15px;color: #ccc;}
.iRecM .tabMenu span:nth-of-type(1)::before{display: none;}
.iRecM .tabMenu span.on,.iRecM .tabMenu span:hover{color: var(--defcolor);}

.iRecM .tabCont ul{display: none;}
.iRecM .tabCont ul:nth-of-type(1){display: block;}
/*.iRecM .tabCont ul li:nth-of-type(5n){border-bottom: 1px dashed #dbdbdb;}*/
.iRecM .tabCont ul li a{display: block;overflow: hidden;width: 440px;height: 34px;line-height: 34px;}
.iRecM .tabCont ul li a span{display: block;float: left;font-size: 14px;color: #999;margin-right: 10px;line-height: 36px;}
.iRecM .tabCont ul li a img{float: left;display: block;width: 22px;height: 22px;margin: 7px 10px 7px 0;  border-radius: 4px;}
.iRecM .tabCont ul li a p{float: left;width: 280px;font-size: 14px;color: #333;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.iRecM .tabCont ul li a i{float: right;font-size: 12px;color: #FB4E57;margin-right: 4px;line-height: 36px;}
.iRecM .tabCont ul li:hover a span{color: var(--defcolor);}
.iRecM .tabCont ul li:hover a p{color: var(--defcolor);}


.iRecR{float: left;width: 286px;overflow: hidden;}
.iRecR>div:nth-of-type(1){width: 248px;height: 166px;padding: 5px 24px 30px 13px;background: url(../img/ihotztbg.png) no-repeat;background-size: 100% auto;margin-bottom: 12px;}
.iRecR .hTit{padding: 0;font-size: 20px;margin-bottom: 0;}
.iRecR .slider{width: 248px;height: 120px;overflow: hidden;position: relative;}
.iRecR .slider ul{position: absolute;overflow: hidden;}
.iRecR .slider ul li{float: left;position: relative;width: 248px;height: 120px;}
.iRecR .slider ul li a{display: block;overflow: hidden;}
.iRecR .slider ul li a img{display: block;width: 248px;min-height: 120px;height: auto;}
.iRecR .slider ul li a p{position: absolute;left: 0;bottom: 0;width: 100%; height: 30px;background: rgba(3, 0, 0, 0.7);line-height: 30px;font-size: 14px;color: #fff;text-indent: 1em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.iRecR .slider .dot{height: 18px;text-align: center;position: absolute;bottom: 13px;right: 0;}
.iRecR .slider .dot i{float: left;width: 12px;height: 12px;background: rgba(255,255,255,.5);margin-top: 10px;margin-right: 10px;cursor: pointer;transform: rotate(45deg);}
.iRecR .slider .dot i.current{background-color:var(--defcolor);}

.iRecR>div:nth-of-type(2){overflow: hidden;}
.iRecR>div:nth-of-type(2) a{float: left;display: block;width: 75px;margin-right: 30px;margin-bottom: 4px;text-align: center;}
.iRecR>div:nth-of-type(2) a:nth-of-type(3n){margin-right: 0;}
.iRecR>div:nth-of-type(2) a img{width: 75px;height: 75px;border-radius: 12px;display: block;margin: auto;}
.iRecR>div:nth-of-type(2) a p{width: 70px;font-size: 14px;color: #333;line-height: 30px;white-space: nowrap;overflow: hidden;margin: auto;}
.iRecR>div:nth-of-type(2) a:hover p{color: var(--defcolor);}

/* 首页游戏、应用列表 */
.inGm{padding-top: 28px;margin-bottom: 16px;}
.gm{background: url(../img/indextwobg.jpg) no-repeat;background-size: 100% auto;}
.gm .iTit em{color: #fff;}

.inGm>div{position: relative;}
.inGm .tabMenu{position: absolute;top: 7px;left: 160px;height: 57px;line-height: 36px;overflow: hidden;}
.inGm .tabMenu span{position: relative;float: left;display: block;padding: 0 6px;margin: 0 8px 6px;font-size: 15px;color: #ccc;font-weight: bold;line-height: 48px;border-bottom: 3px solid transparent;cursor: pointer;}
.inGm .tabMenu span::before{content: "/";position: absolute;left: -10px;display: inline-block;font-size: 15px;color: #ccc;}
.inGm .tabMenu span::after{content: "";position: absolute;left: 50%;margin-left: -5px;bottom: -14px;width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid transparent;border-top: 6px solid transparent;font-size: 0;line-height: 0;}
.inGm .tabMenu span:nth-of-type(1)::before{display: none;}
.inGm .tabMenu span.on{font-size: 18px;color: var(--defcolor);border-bottom-color: var(--defcolor);}
.inGm .tabMenu span.on::after{border-top-color: var(--defcolor);}
.inGm .tabMenu span:hover{color: var(--defcolor);}

.inGm .tabCont{margin-top: 4px;padding: 17px 17px 50px;height: 400px;background: url(../img/igamebg.png) no-repeat;background-size: 100% 100%;}
.inGm .tabCont{overflow: hidden;}
.inGm .tabCont ul{overflow: hidden;float: left;display: none;}
.inGm .tabCont ul:nth-of-type(1){display: block;}
.inGm .tabCont ul li{float: left;width: 154px;height: 194px;text-align: center;margin: 6px 12px 0 0;}
.inGm .tabCont ul li a{display: block;padding: 10px 17px 11px;border-bottom: 4px solid transparent;}
.inGm .tabCont ul li a img{display: block;width: 110px;height: 110px;border-radius: 20px;margin: auto;}
.inGm .tabCont ul li a p{margin-top: 3px;line-height: 32px;font-size: 15px;color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.inGm .tabCont ul li a span{display: block;font-size: 14px;color: #9A9A9A;line-height: 20px;}
.inGm .tabCont ul li a span:nth-of-type(2){display: none;width: 90px;height: 22px;background: #fff;border: 1px solid var(--defcolor);font-size: 12px;color: var(--defcolor);line-height: 22px;border-radius: 12px;margin: auto;}
.inGm .tabCont ul li:hover a{background: #f5f5f5;border-bottom-color: var(--defcolor);}
.inGm .tabCont ul li:hover a p{color: var(--defcolor);}
.inGm .tabCont ul li:hover a span:nth-of-type(1){display: none;}
.inGm .tabCont ul li:hover a span:nth-of-type(2){display: block;}


/* 专题合集 */
.inZt{width: 1200px;margin: 0 auto;}
.inZcar{width: 100%;height: 310px;margin: 0 auto;position: relative;}
.inZcar .carCont{width: 1200px;height: 310px;overflow: hidden;position: relative;}
.inZcar .carCont ul{position: absolute;top: 0;left: 0;height: 310px;}
.inZcar .carCont ul li{float: left;width: 1200px;overflow: hidden;}
.inZcar .carCont ul li a{float: left;position: relative;display: block;width: 384px;height: 310px;margin-right: 24px;overflow: hidden;}
.inZcar .carCont ul li a:nth-of-type(3){margin-right: 0;}
.inZcar .carCont ul li a div{width: 384px;height: 216px;overflow: hidden;text-align: center;}
.inZcar .carCont ul li a div img{width: 384px;min-height: 216px;height: auto;display: block;transition: all .3s linear;}
.inZcar .carCont ul li a p{display: block;margin-top: 8px;width: 100%;height: 40px;line-height: 40px;font-size: 20px;color: #fff;font-weight: bold;text-align: center;overflow: hidden;white-space: nowrap;}
.inZcar .carCont ul li a span{position: relative;display: block;line-height: 20px;font-size: 12px;color: #fff;text-align: center;overflow: hidden;white-space: nowrap;}
.inZcar .carCont ul 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;}
.inZcar .carCont ul 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;}
.inZcar .carCont ul li a em{display: block;font-size: 12px;color: #fff;line-height: 32px;text-align: center;overflow: hidden;white-space: nowrap;}
.inZcar .carCont ul li a:hover div img{transform: scale(1.1);}
.inZcar .carCont ul li a:nth-of-type(1) {background-color: #f53233;}
.inZcar .carCont ul li a:nth-of-type(2) {background-color: #ff970b;}
.inZcar .carCont ul li a:nth-of-type(3) {background-color: #fba5fd;}

.inZcar .caroBtn i{display: block;position: absolute;top: 50%;margin-top: -22px;width: 44px;height: 44px;cursor: pointer;}
.inZcar .caroBtn .caroPre{left: -70px;background-position: -803px -7px;}
.inZcar .caroBtn .caroNext{right: -70px;background-position: -852px -7px;}
.inZcar .caroBtn .caroPre:hover{background-position: -902px -7px;}
.inZcar .caroBtn .caroNext:hover{background-position: -952px -7px;}

.ztTag{padding: 25px 0 0 0;margin-top: 25px;border-top: 1px solid #E7E7E7;overflow: hidden;}
.ztTag 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;}

.ztTag a:nth-of-type(16n+1){color:#f47920;background-color:#fff5ed}
.ztTag a:nth-of-type(16n+2){color:#7fb80e;background-color:#f9ffed}
.ztTag a:nth-of-type(16n+3){color:#6f60aa;background-color:#f1edff}
.ztTag a:nth-of-type(16n+4){color:#009ad6;background-color:#edfaff}
.ztTag a:nth-of-type(16n+5){color:#c77eb5;background-color:#ffedfb}
.ztTag a:nth-of-type(16n+6){color:#4e72b8;background-color:#edf3ff}
.ztTag a:nth-of-type(16n+7){color:#dea32c;background-color:#fff9ed}
.ztTag a:nth-of-type(16n+8){color:#45b97c;background-color:#edfff5}
.ztTag a:nth-of-type(16n+9){color:#7bbfea;background-color:#edf8ff}

.ztTag a:nth-of-type(16n+1):hover{background-color:#f47920;color:#fff5ed}
.ztTag a:nth-of-type(16n+2):hover{background-color:#7fb80e;color:#f9ffed}
.ztTag a:nth-of-type(16n+3):hover{background-color:#6f60aa;color:#f1edff}
.ztTag a:nth-of-type(16n+4):hover{background-color:#009ad6;color:#edfaff}
.ztTag a:nth-of-type(16n+5):hover{background-color:#c77eb5;color:#ffedfb}
.ztTag a:nth-of-type(16n+6):hover{background-color:#4e72b8;color:#edf3ff}
.ztTag a:nth-of-type(16n+7):hover{background-color:#dea32c;color:#fff9ed}
.ztTag a:nth-of-type(16n+8):hover{background-color:#45b97c;color:#edfff5}
.ztTag a:nth-of-type(16n+9):hover{background-color:#7bbfea;color:#edf8ff}

/* 排行榜单 */
.inRank{margin-bottom: 20px;overflow: hidden;}
.inRank>div{float: left; width: 384px;margin-right: 24px;}
.inRank>div:nth-of-type(3n){margin-right: 0;}
.inRank>div>a{display: block;width: 384px;height: 110px;font-size: 28px;color: #fff;font-weight: bold;line-height: 110px;text-align: center;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -382px -7px;}
.inRank>div>a:hover{opacity: .9;}
.inRank>div:nth-of-type(2)>a{background-position: -163px -131px;}
.inRank>div:nth-of-type(3)>a{background-position: -163px -255px;}
.inRank>div ul li{height: 95px;}
.inRank>div:nth-of-type(1) ul li:nth-of-type(2n+2) {background-color: #edfcf5;}
.inRank>div:nth-of-type(2) ul li:nth-of-type(2n+2) {background-color: #fff3e9;}
.inRank>div:nth-of-type(3) ul li:nth-of-type(2n+2) {background-color: #edfbfc;}
.inRank>div ul li a{display: block;overflow: hidden;padding: 15px 0;}
.inRank>div ul li a i{float: left;width: 66px;line-height: 65px;text-align: center;font-size: 18px;color: #8C9C9C;font-weight: bold;}
.inRank>div ul li:nth-of-type(-n+3) a i{font-size: 0;width: 34px;height: 28px;position: relative;margin: 18px 16px 10px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;}
.inRank>div ul li:nth-of-type(1) a i{background-position: -136px -7px;}
.inRank>div ul li:nth-of-type(2) a i{background-position: -190px -7px;}
.inRank>div ul li:nth-of-type(3) a i{background-position: -244px -7px;}
.inRank>div ul li a img{float: left;width: 65px;height: 65px;border-radius: 10px;margin-right: 13px;}
.inRank>div ul li a div{float: left;width: 140px;height: 65px;overflow: hidden;}
.inRank>div ul li a div p{font-size: 16px;color: #333;font-weight: bold;line-height: 28px;margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.inRank>div ul li a div span{font-size: 12px;color: #9A9A9A;line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.inRank>div ul li a>span{float: right;position: relative;top: 21px;margin-right: 20px;width: 20px;height: 13px;background: url(../img/icon.png) no-repeat;background-size: 1000px 1000px;background-position: -306px -7px;}
.inRank>div ul li:hover a div p{color: var(--defcolor);}
.inRank>div ul li:hover a>span{background-position: -334px -8px;}

/* 友情链接 */
.firLink{width: 1200px;margin: 0 auto 20px;overflow: hidden;background-color: #f6f7fa;}
.firLink i{float: left;width: 119px;height: 109px;line-height: 109px;font-size: 20px;text-align: center;font-weight: bold;color: #fff;position: relative;background-position: -12px -313px;}
.firLink div{float: left;overflow: hidden;padding: 12px 0;width: 1022px;margin-left: 30px;height: 84px;}
.firLink div a{float: left;display: block;width: 120px;height: 42px;line-height: 42px;font-size: 14px;color: #a4a5a7;margin-right: 4px;cursor: pointer;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.firLink div a:hover{color: var(--defcolor);}


/*网站地图*/
.pWebSiteMapWrap{width:1200px;margin:0 auto;padding-bottom:25px}
.pWebSiteMapWrap > div{padding:10px 20px 25px 20px;background-color:white}
.pWebSiteMapWrap > div > strong{display:block;font-weight:500;font-size:26px;line-height:36px;color:var(--defcolor);padding-bottom:10px;border-bottom:1px solid #e5e5e5}
.sitemapListBox{padding:10px 15px 0 0px}
.sitemapListBox > p{padding:10px 0 0 18px;font-size:16px;color:#000;font-weight:bold;line-height:16px;position:relative}
.sitemapListBox > p::after{content:"";width:7px;height:20px;position:absolute;left:0;top:9px;background-color:var(--defcolor)}
.sitemapListBox > ul{padding:0px 15px 0 15px;display:flex;flex-wrap:wrap}
.sitemapListBox > ul > li{width:auto;margin:20px 20px 0 0}
.sitemapListBox > ul > li > a{width:auto;display:block;padding:2px 15px;font-size:14px;line-height:20px;color:#6f6f6f;position:relative;border:1px solid #e9e9e9;background-color:#fff;transform:translate3d(0,0,0);transition:.35s ease-out}
.sitemapListBox > ul > li > a:hover{background-color:var(--defcolor);color:#fff}

/*最新更新*/
.pXinWrap{width:1200px;margin:0 auto;padding-bottom:25px}
.pXinWrap > div{padding:20px 20px 5px 20px;background-color:white}
.pXinWrap > div > table{border:0;margin:0 auto;text-align:center}
.pXinWrap > div > table tr{height:46px;line-height:46px;border-bottom:1px solid #eeeeee}
.pXinWrap > div > table tr th{width:176px;color:white;border-right:2px solid white;background-color:var(--defcolor);font-style:normal;font-weight:500;font-size:16px;text-align:center}
.pXinWrap > div > table thead{height:36px;line-height:36px}
.pXinWrap > div > table thead tr{border:0}
.pXinWrap > div > table thead tr th:nth-child(2){width:456px}
.pXinWrap > div > table tbody{}


/*404页面*/
.contain {
    background: #fff;
    padding: 10px 0;
}
.notfound{    position: relative;
    width: 474px;
    height: 484px;
    background: url(../img/404bg.png) no-repeat;
    background-size: 100% 100%;
    margin: 118px auto 123px;}
.notfound > a{position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 132px;
    height: 34px;
    background: linear-gradient(0deg, #FFDD66, #FF8855);
    font-size: 16px;
    color: #fff;
    line-height: 34px;
    border-radius: 17px;
    text-align: center;}