@charset "utf-8";

body,div,dl,ol,ul,li,code,p,button,input,textarea	{margin:0; padding:0; list-style:none; box-sizing:border-box;}
body	{
	font-size:14px; background-color:#B2B6C1;
	font-family:"Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;
}
img			{border:none; vertical-align:middle;}
code		{display:block; word-break:break-all; background:#50556B; color:white; border-radius:4px; padding:10px;}
a			{text-decoration:none; color:#3890ff;}
a:hover		{text-decoration:underline;}
em			{font-size:12px; font-style:normal; color:#CCC;}
small		{font-size:12px; color:#AAA; font-weight:normal;}
p			{padding-bottom:10px;}
video		{outline:none;}
hr			{width:38%; height:1px; margin:12px auto; border:0; background-color:#e4e7ed;}
label		{color:#9ba3af;}
blockquote	{color:#5e6d82; background-color:#ecf8ff; padding:8px 12px; border-left:5px solid #50bfff; margin:0; word-break:break-all;}
mark			{background-color:#393D49; color:#393D49;}
mark::selection {color:white;}
select {
	height:38px; padding:0 10px; border-radius:0; border:none; outline:0;
	/*很关键：将默认的select选择框样式清除*/
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background:#F7F7F7 url("data:image/gif;base64,R0lGODlhGQAFAIAAAKqdYP///yH5BAEHAAEALAAAAAAZAAUAAAIPjH+gC+iPWIPUrYpj3jwUADs=") no-repeat scroll right center;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right:26px; font-size:14px;
}

body,html	{display:flex; flex-direction:column; height:100%;}
header		{flex:0 0 auto;}
.inner,.m-inner,.min-inner		{flex:1 0 auto;}
footer		{flex:0 0 auto;}

/* ---- Input & textarea ---- */
input,button,textarea	{font-size:14px; border:none;}
input, textarea	{outline:0; background-color:#EFEFEF;}
input		{padding:10px;}
input[readonly]	{background-color:#F7F7F7; color:#999;}
input[readonly]::-webkit-input-placeholder	{color:#CCC;}
input[readonly]:-moz-placeholder	{color:#CCC;}
input[readonly]:-ms-input-placeholder	{color:#CCC;}
input.radio	{height:auto; line-height:normal;}
textarea	{padding:10px; width:100%; resize:none; vertical-align:top;}

/* ---- Button ---- */
button, .btn	{background-color:#409eff; color:white; padding:8px 12px; outline:none; cursor:pointer;}
a.btn			{display:inline-block; text-align:center; color:white; font-weight:100;}
button:hover, .btn:hover		{opacity:0.9; text-decoration:none;}
button[disabled]	{background:#AAA; color:#FFF;}
.btn-success		{background-color:#67c23a;}
.btn-info			{background-color:#909399;}
.btn-warning		{background-color:#e6a23c;}
.btn-error			{background-color:#f56c6c;}
.btn-gray			{background-color:#AAA;}
.btn-tou			{background:none; border:1px solid rgba(255,255,255,0.5); border-radius:4px;}
.btn-banner			{width:100%;}
.btn-upphoto		{width:62px; height:62px; line-height:62px; font-size:30px; color:#AAA; margin:0 10px 10px 0; float:left; border:4px dashed #DDD; cursor:pointer; text-align:center;}
.btn-console		{float:left; height:100px; line-height:100px; text-align:center}

/** H是不对的 **/
h1,h2,h3,h4,h5,h6	{font-weight:normal; margin:0;}
h1					{font-size:1.8em;}

/** 文章內用到的标题 **/
.tit2	{font-size:22px;}
.tit3	{font-size:18px;}
.tit4	{font-size:16px;}

/** 表格 **/
.tbl td		{border:1px solid #FFF; vertical-align:top;}
.tbl		{border-collapse:collapse; font-size:12px;}
.tbldark td	{border:1px solid rgba(255,255,255,0.2); vertical-align:top;}
.tbldark	{border-collapse:collapse; color:white; font-size:12px;}
.tblrank td		{border-bottom:1px solid #F3F3F3;}

.tblblue td	{border:1px solid #FFF; vertical-align:top;}
.tblblue	{border-collapse:collapse; font-size:12px;}
.tblblue tr:nth-child(odd) {background:#FBFBF7;}
.tblblue tr:first-child	{background-color:#4E81BD;}

.tblthree td	{border:1px solid #FFF; vertical-align:top;}
.tblthree	{border-collapse:collapse; font-size:12px;}
.tblthree tr:nth-child(odd) {background:#F1F1F1;}
.tblthree tr:nth-child(even) {background:#E3E2E0;}
.tblthree tr:first-child	{background-color:#516570; color:white;}

/** 常用属性 **/
.clear		{overflow:hidden; height:0; clear:both;}
.none		{background-color:#F8F8F8; padding:10px; margin:20px; color:#AAA;}
.l			{float:left;}
.r			{float:right;}
.oh			{overflow:hidden;}
.font12		{font-size:12px;}
.font18		{font-size:18px;}
.pd5		{padding:5px;}
.pd10		{padding:10px;}
.pd15		{padding:15px;}
.pd20		{padding:20px;}
.pb10		{padding-bottom:10px;}
.pr10		{padding-right:10px;}
.pr20		{padding-right:20px;}
.lh160		{line-height:160%;}
.lh180		{line-height:180%;}
.lh200		{line-height:200%;}
.mt10		{margin-top:10px;}
.mb10		{margin-bottom:10px;}
.mt20		{margin-top:20px;}
.mt40		{margin-top:40px;}
.mb20		{margin-bottom:20px;}
.ml64		{margin-left:64px;}
.ml100		{margin-left:100px;}
.ml120		{margin-left:120px;}
.ml140		{margin-left:140px;}
.mr245		{margin-right:245px;}
.avatar		{border-radius:50%;}
.color999	{color:#7d7d7d;}
.content		{line-height:180%; overflow:hidden; text-overflow:ellipsis;}
.content img	{max-width:100%; background-color:#DDD;}
.content .tbl img		{background-color:transparent;}
.content .tbldark img	{background-color:transparent;}
.content .tblicon		{text-align:center; display:block;}
.content .tblicon img	{min-width:100px;}
.sonlistmark ul	{background-color:#FAFAFA;}
.tuku		{overflow:hidden; margin-right:-11px; max-height:320px;}
.gotop		{color:white; width:36px; height:36px; line-height:36px; text-align:center; background-color:rgba(153,174,188,0.6); overflow:hidden; position:fixed; right:20px; bottom:68px;}
.no-wrap	{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.store_best {position:absolute; top:0; background-color:#d9534f; font-size:12px; padding:2px 6px; color:white;}

/** 我来组成骨骼 **/
.m-inner	{width:520px; position:relative; margin-left:auto; margin-right:auto;}
.min-inner	{width:810px; position:relative; margin-left:auto; margin-right:auto;}
.inner		{width:1040px; position:relative; margin-left:auto; margin-right:auto;}
.side		{width:260px; position:absolute; right:0; top:0;}
.main		{margin-right:280px;}
.box		{background-color:white; box-shadow:0 0 3px rgba(0,0,0,.1); position:relative; border-radius:4px;}
.min-box	{padding:30px 20px; background-color:#fff; border-radius:4px; box-shadow:0 15px 30px 0 rgba(0,0,1,.1);}

/** 各种的标题 **/
.hdtitle		{padding:4px 8px 8px; border-bottom:1px solid #F7F7F7; color:#CCC;}
.sidetitle		{position:absolute; width:26px; padding:8px 6px; top:10px; left:-26px; font-size:12px; text-align:center; background-color:#393D49; color:rgba(255,255,255,0.4); line-height:130%; border-radius:2px 0 0 2px;}
.sidetitle a	{display:block; text-decoration:none; color:#367DB0;}
.title			{font-weight:bold;}

/** 头 **/
header		{background-color:#393D49; width:100%;}
footer		{width:100%; height:20px;}

header nav			{width:1040px; height:52px; font-size:16px; margin:0 auto; border-radius:2px;}
header nav ul		{display:block;}
header nav ul li	{position:relative; float:left;}
header nav ul li a			{display:block; height:24px; padding:14px 14px; color:rgba(255,255,255,0.5);}
header nav ul li a:hover	{text-decoration:none; color:#b2bfc9;}
header nav ul li.logo a	{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAAmVBMVEUAAACllMellMellMellMellMellMellMellMellMellMellMellMellMellMellMellMellMellMellMellMellMellMellMellMellMellMellMellMellMellMellMellMellMellMellMellMdmr+OllMdmr+Nmr+OllMdmr+Nmr+Nmr+Nmr+Nmr+Nmr+Nmr+OllMdmr+OLR4XcAAAAMXRSTlMA/AQZfgitKSP49h7pkRPdmU9FDJ95cGLx4dq8taY6MdfOxIZpQNUQ4Fjw0LCAcFAwIYKXDwAAAgtJREFUSMft1Nl2mzAQBuBf7GCMDXjDCxg7iZvuk/d/uEoMrqACGl/1ovlufISPRqOZAfxfKv4prQf2bH0ozvaBPdcNFG/+wJ7lCZJ78fBu1qlQN/GLA94lt90kq2kGy3foIJeS9bczXqJ4R5QBR6KDlS/CKAqPmOaQ4gAVkWdhSY0UU2YhSSpyGsudJbHCxQSPpDhReeaAe6bWFeMyUjK0UhISSWEwXoUmsm5nHswkf8cZj9iQtDDyP0/VIlEhRWY+X6pYI81akVRDuqHvidswoCIldoHv3wYSD2cYcKGGj9vnT0NZeDC98h4R4PntbWC8dCs0t6A2PbnJPCmRR50tc+jYAXLTDzTsIOmNyhp9dkRsA/x85jk8RmK34ug8uZGNnjkx8ft5vifliVdbUpb9RtwPmndmt7HiVckhHfMg7rvuJ+me2qLZtDbeiW7bK0HM57Wv09N80TaJuQtSdEdTkkIbA5W4AF+b0p2ItVH8YD74KuYxZ/fldr+Q7kwSi5D7rumizv+4UK2bJL3CVBNFs+ZCe2IhVyEQxLkbuBUeX0hPR2ddwcR/ZpynDs0HcZeZOX+FlVIrDLo32iUYtiais+hVjkPpVE1WQdpLO1FXXmFUSlrZzkbcfkDHHehu1Wmf+X0wR5DvrcOMfInMd2SLlsM1mZTzeB87JV2I2sK0zWIvldCCa4oP/9gv44dlmEmblicAAAAASUVORK5CYII=") no-repeat center; display:block; width:68px; height:52px; padding:0;}
header nav ul li.current a	{background-color:#3890ff; color:#d6e7ff; padding:4px 12px; margin-top:10px; border-radius:2px;}
header nav ul li.highlight a{color:#debe43}

/** 游戏部分 **/
.gamebox			{background-color:#393D49; overflow:hidden; position:relative;}
.gamebox img.gamecover		{height:120px;}
.gamemeta			{font-family:Hiragino Sans GB; font-size:12px; text-shadow:0 0 5px #333}
.gameinfo		{position:relative; color:rgba(255,255,255,0.7); font-weight:300;}
.gameinfo h1	{color:white;}
.gamecover		{position:relative; border: 1px solid rgba(255,255,255,0.2);}
.gamebg			{background-size:cover; background-repeat:no-repeat; background-position:center; filter:blur(35px); position:absolute; width:100%; height:220px; left:0; top:0; opacity:0.9;}

/** 图标导航 **/
.inav		{clear:both; padding:6px; overflow:hidden; background-color:white; box-shadow:0 0 3px rgba(0,0,0,.1); border-radius:0 0 2px 2px; border-radius:4px;}
.inav li	{float:left; width:12.5%; padding:6px 0; font-size:16px; text-align:center; border-radius:4px;}
.inav a		{text-decoration:none; display:block; color:#AFB6BD;}
.inav li.current	{background-color:#3890ff;}
.inav li.current a	{color:#fff;}

/** 下拉菜单 **/
.dropdown:hover ul	{display:block;}
.dropdown a.arr-down	{background:url('data:image/gif;base64,R0lGODlhGQAFAIAAAKqdYP///yH5BAEHAAEALAAAAAAZAAUAAAIPjH+gC+iPWIPUrYpj3jwUADs=') no-repeat right center; padding-right:20px; padding-left:10px;}
.dropdown ul		{position:absolute; left:0; display:none; z-index:999; background-color:#333645; padding-bottom:10px;}
.dropdown ul li		{margin:0; float:none; white-space:nowrap;}
.dropdown ul li a	{color:#6b7989; height:36px; line-height:36px; font-size:14px; padding:0 16px;}
.dropdown ul li a.current	{background-color:rgba(0,0,0,0.3); color:#b2bfc9; text-decoration:none;}

/** 多选下拉 **/
.dropmenu			{display:block; height:36px; line-height:36px;}
.dropmenu span		{line-height:normal;}
.dropmenu li		{position:relative; float:left;}
.dropmenu li.hover	{background-color:#333645;}
.dropmenu li em		{display:block; padding:0 0 0 10px;}
.dropmenu a			{display:block; color:#666;}
.dropmenu a:hover	{color:#b2bfc9; text-decoration:none;}

/** 列表 **/
.list		{clear:both;}
.list li	{padding:14px; border-bottom:1px solid #F3F3F3; clear:both; position:relative;}
.smlist		{clear:both;}
.smlist li	{padding:8px; border-bottom:1px solid #F3F3F3; clear:both; position:relative;}
.biglist	{clear:both;}
.biglist li {padding:20px; border-bottom:1px solid #F3F3F3; clear:both; position:relative;}
.gamelist		{position:relative; background-color:#FFF; display:grid; grid-template-columns:repeat(6, 1fr); gap:14px; padding:14px;}
.gamelist .row {display:contents;}
.gamelist img 	{width:110px; height:110px;}
.storelist		{position:relative;}
.storelist li 	{width:190px; padding-bottom:10px; float:left; text-align:center; position:relative;}
.storelist li img	{min-height:107px;}
.photolist		{text-align:center;}
.photolist img	{max-width:100%;}
.photo			{width:70px; height:70px; margin:0 10px 10px 0; float:left; background-position:center; background-color:#000; cursor:pointer;}
.hengtu td		{position:relative; overflow:hidden;}
.hengtu img		{width:100%;}
.hengtu div		{position:absolute; bottom:0; left:0; width:100%; padding:8px; background-color:rgba(0,0,0,0.8); color:white; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:12px;}

.navigation li	{padding:8px 10px; border-bottom:1px solid #F7F7F7; clear:both;}
.navigation span	{float:left; color:#B8C4CE; font-size:12px;}
.navigation div	{margin-left:60px;}
.navigation div a	{display:inline-block; padding:0 6px;}
.navigation div a.active	{background-color:#3890ff; border-radius:4px; color:white;}
.wikilist a	{color:rgba(255,255,255,0.7);}

/** 列表附加属性 **/
.touchclick:hover	{background-color:#F4F8FA; cursor:pointer;}
.touch			{display:block; color:#333; outline:none; cursor:pointer;}
.touch:hover	{text-decoration:none;}
.thumb		{height:104px; margin-right:-10px; overflow:hidden;}
.thumb img	{float:left; width:100px; height:100px; margin-right:10px; background-color:#333; border:2px solid #EFF3F5;}

/** 附加信息 **/
.meta				{color:#CCC; font-size:12px; line-height:160%;}
.meta span			{padding:0 4px;}
.meta span a		{color:#999;}
.meta span a:hover	{text-decoration:none; color:#555;}

/** 个人面板 **/
.panel-info			{padding:10px;}
.panel-info .avatar	{border:3px solid rgba(255,255,255,0.4);}
.panel-name			{font-size:18px; color:#333;}
.panel-data td		{text-align:center; padding:15px 0; background-color:#f8f8f8; border-top:1px solid #eff3f5; color:#CCC; font-size:12px;}
.panel-data td span	{color:#666; font-size:18px;}
.panel-data td a	{color:#333; font-size:18px;}
.panel-info button	{border-radius:4px; padding:4px 10px;}

/** 节点 **/
.namenode		{display:inline-block; background-color:#EFF3F5; color:#B2BFC9; font-family:arial; padding:3px 5px; border-radius:2px; margin-right:4px;}
.namenode:hover	{background-color:#DFE5E9; color:#9AABBF; text-decoration:none;}

/* ---- Alert ---- */
.alert-success	{color:#67c23a; background-color:#f0f9eb;}
.alert-info		{color:#95C3FE; background-color:#EDF5FF;}
.alert-warning	{color:#e6a23c; background-color:#fdf6ec;}
.alert-error	{color:#f56c6c; background-color:#fef0f0;}

/** 文字颜色 **/
.text-success	{color:#67c23a !important;}
.text-info		{color:#95C3FE !important;}
.text-warning	{color:#e6a23c !important;}
.text-error		{color:#f56c6c !important;}
.text-strong	{color:#000;}
.text-gray		{color:#666;}

/** 个人中心 **/
.block	{font-size:42px; font-weight:bold; text-align:center;}

/** 分页 **/
.page		{clear:both; overflow:hidden; padding:10px 10px 0px;}
.page li	{float:left; margin:0 10px 10px 0;}
.page li a	{display:block; padding:8px 16px; border-radius:2px; background-color:#E7EBEE; color:#99A1A7; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.page li a:hover	{background-color:#BDC3C7; color:white; text-decoration:none;}
.page li.disabled a	{background:none; color:#99A1A7; cursor:default;}
.page li.current a	{background-color:#3498db; color:#FFF;}

/** 平台 **/
.pf_ps5, .pf_ps4, .pf_ps3, .pf_ps2, .pf_ps, .pf_psv, .pf_psp,
.pf_xsx, .pf_xb1, .pf_xb360,
.pf_pc, .pf_ios, .pf_android, .pf_md, .pf_ss, .pf_dc, .pf_other,
.pf_switch2, .pf_switch, .pf_3ds, .pf_gb, .pf_gba, .pf_nds,
.pf_fc, .pf_sfc, .pf_n64, .pf_ngc, .pf_wii, .pf_wiiu {font-size:10px; font-family:Hiragino Sans GB; color:white; border-radius:2px; padding:3px 6px; margin-right:4px; font-weight:300; background-color:#333; word-break:keep-all;}
.pf_ps5	{background-color:#5f456b;}
.pf_ps4	{background-color:#1b5c9e;}
.pf_ps3	{background-color:#266eb7;}
.pf_psv	{background-color:#4a89ca;}
.pf_xsx	{background-color:#51903b;}
.pf_xb1	{background-color:#51903b;}
.pf_xb360	{background-color:#51903b;}
.pf_switch2	{background-color:#ac4f51;}
.pf_switch	{background-color:#ac4f51;}
.pf_3ds	{background-color:#40b5e6;}
.pf_pc	{background-color:#2d4fe9;}
.pf_ios		{background-color:#ce708f;}
.pf_android	{background-color:#51903b;}

/** 弹窗 **/
.sai-container	{position:fixed; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; background:rgba(0, 0, 0, .7); z-index:1000; font-size:14px;}
.sai-div		{background:white; position:relative;}
.sai-content	{background:white; padding:40px; line-height:180%; position:relative;}
.sai-confirm	{background:white; position:relative; line-height:180%; width:90%; max-width:480px;}
.sai-confirm button	{width:100%; background-color:#409eff; color:white; padding:14px 18px; outline:none; cursor:pointer; text-align:center; border:none;}
.sai-confirm button:hover		{opacity:0.9; text-decoration:none;}
.sai-msg	{width:auto; max-width:60%; background-color:rgba(0,0,0,.8); color:#fff; padding:14px 20px; pointer-events:auto; opacity:0; transform:translateY(-50px); transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;}
.sai-container.sai-show .sai-msg {opacity:1; transform:translateY(0);}
.sai-trophy	{position:fixed; right:20px; top:20px; width:auto; max-width:60%; background-color:rgba(0,0,0,.8); color:#fff; font-size:16px; padding:18px 24px; pointer-events:auto; border-radius:8px; opacity:0; transform:translateY(-50px); transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;}
.sai-trophy a	{color:#FFCC33;}
.sai-container.sai-show .sai-trophy {opacity:1; transform:translateY(0);}
.sai-close	{background:url("data:image/gif;base64,R0lGODlhFAAUAIAAAAAAAP///yH5BAEHAAEALAAAAAAUABQAAAI0hBGpm+fI4jtRTliVW1vT2jWfZXAjEwZptmZe6ZJY/M7s2YqwbtfmjsIJgbcJTXU5XnqyAgA7") no-repeat center; width:48px; height:48px; cursor:pointer; position:absolute; right:0; top:0; z-index:9999;}
.sai-close-white	{background-image:url("data:image/gif;base64,R0lGODlhFAAUAIAAAP///////yH5BAEHAAEALAAAAAAUABQAAAI0hBGpm+fI4jtRTliVW1vT2jWfZXAjEwZptmZe6ZJY/M7s2YqwbtfmjsIJgbcJTXU5XnqyAgA7");}
.sai-close:hover	{opacity:0.4;}
.sai-loading	{border:10px solid #fff; border-top:10px solid #3890ff; border-radius:50%; width:80px; height:80px; animation:spin 1s linear infinite;}
@keyframes spin	{
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

@media only screen and (max-width:620px) {
	.inner,.min-inner,.m-inner,header nav	{width:100%; margin:0;}
	.main			{margin-right:0;}
	.side			{display:none;}
	.box.mt20		{margin-top:10px;}
	.thumb			{height:68px;}
	.thumb img		{width:64px; height:64px; margin-right:8px;}
	.mr245			{margin-right:134px;}
	.h-p			{display:none !important;}
	.storelist li 		{width:33.3%;}
	.storelist li img	{min-height:70px; max-height:90px;}
	.gamebox img.gamecover		{height:80px;}
	.ml140		{margin-left:100px;}
	.gamelist		{height:108px;}
	.gamelist img 	{width:80px; height:80px;}
	.content .tblicon img	{min-width:60px;}
}