@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;}
a			{text-decoration:none; color:#3890ff;}
a:hover		{text-decoration:underline;}
em			{font-size:12px; font-style:normal; color:#CCC;}
p			{padding-bottom:10px;}
video		{outline:none;}
hr			{width:38%; height:1px; margin:12px auto; border:0; background-color:#e4e7ed;}
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;}

/* ---- Input & textarea ---- */
input,button,textarea	{font-size:14px; border:none;}
input, textarea	{outline:0; background-color:#EFEFEF;}
input		{padding:10px;}
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-banner			{width:100%;}

/** 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;}

/** 常用属性 **/
.none		{background-color:#F8F8F8; padding:10px; margin:20px; color:#AAA;}
.l			{float:left;}
.r			{float:right;}
.oh			{overflow:hidden;}
.pd10		{padding:10px;}
.pb10		{padding-bottom:10px;}
.lh180		{line-height:180%;}
.mt10		{margin-top:10px;}
.mb10		{margin-bottom:10px;}
.mt20		{margin-top:20px;}
.mb20		{margin-bottom:20px;}
.ml64		{margin-left:64px;}
.ml120		{margin-left:120px;}

/** 返回头部 **/
.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;}

/** 我来组成骨骼 **/
.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);}

/***** 内容 *****/
.content		{line-height:180%; overflow:hidden; text-overflow:ellipsis;}
.content img	{max-width:100%;}

/** 各种的标题 **/
.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;}

/** 头 **/
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;}

/** 图标导航 **/
.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;}

/** 首页热门游戏列表 **/
.gamelist		{position:relative; background-color:#FFF; display:grid; grid-template-columns:repeat(6, 1fr); gap:14px; padding:14px;}
.gamelist a		{display:block; width:100%; width:100%; background-color:#393D49;}
.gamelist img 	{width:110px; height:110px; transition:transform 0.2s;}
.gamelist img:hover	{transform:scale(1.4);}

/** 列表 **/
.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;}

/** wiki导航 **/
.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;}

/** 附加信息 **/
.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;}

/** 分页 **/
.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,header nav	{width:100%; margin:0;}
	.main			{margin-right:0;}
	.side			{display:none;}
	.box.mt20		{margin-top:10px;}
	.h-p			{display:none !important;}
	.gamelist {grid-template-columns:repeat(4, 1fr); gap:6px; padding:6px;}
	.gamelist img {width:100%; height:100%;}
}