WeiWeiXinNet/Games/Resource/index.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

*{ margin:0px; padding:0px;}
body{ font-family:微软雅黑; font-size:14px; background:#F8DEDF;}
a{ text-decoration:none;}
img{ border:0px; width:100%; height:auto;}
ul{ list-style:none;}
.ui-body-c, .ui-dialog.ui-overlay-c{ background:none; text-shadow:none;}
.ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button{ font-family:微软雅黑; }

/*main*/
.main{ overflow:hidden; width:98%; margin:0% auto 0px;}
.main div a{ display:block; position:relative; color:#fff; font-size:14px;}
.main div:first-child{ float:left;  width:49%; height:170px;}
.main div:first-child a{ background:#6DC2F4; height:100%; width:100%;border-radius:5px;}
.main div:first-child a p.img{ width:55px; height:85px; position:relative; margin:0px auto; top:35px;}
.main div:first-child a p.text{ position:absolute; width:100%; bottom:20%; text-align:center;}

.main div:nth-child(2){ float:right; width:49%; height:170px; margin-bottom:8px;}
.main div:nth-child(2) a{ width:100%; height:81px;border-radius:5px;}
.main div:nth-child(2) a p.img{width:45px; height:35px; position:relative; margin:0px auto; top:10px;}
.main div:nth-child(2) a p.text{ position:absolute; width:100%; bottom:15%; text-align:center;}
.main div:nth-child(2) a:first-child{ background:#FFA800;}
.main div:nth-child(2) a:nth-child(2){ background:#A075B7; margin-top:8px;}

.main div:nth-child(3),.main div:nth-child(4){ clear:right; width:50%; height:80px; float:left;}
.main div:nth-child(3) a:first-child,.main div:nth-child(4) a:first-child{ float:left; width:47%; background:#FF72A7; height:100%;border-radius:5px;}
.main div:nth-child(3) a:nth-child(2),.main div:nth-child(4) a:nth-child(2){ float:left; width:47%; background:#29ABCB; height:100%; margin-left:4%;border-radius:5px;}
.main div:nth-child(3) a p.img,.main div:nth-child(4) a p.img{width:35px; height:42px; position:relative; margin:0px auto; top:10px;}
.main div:nth-child(3) a p.text,.main div:nth-child(4) a p.text{ position:absolute; width:100%; bottom:15%; text-align:center;}
.main div:nth-child(4){ float:right !important}
.main div:nth-child(4) a:first-child{ background:#ED7C73 !important; margin-left:2%;}
.main div:nth-child(4) a:nth-child(2){ background:#85CD5E !important;}

.footer{ line-height:40px; text-align:center;}
.footer-top{ color:#333; font-weight:bold; color:#fff;}
.footer-bottom{ background:#333; color:#FFF; font-weight:bold;}
.footer-bottom a{ color:#fff;}


/*幻灯片*/
header{text-align:center;   position:relative;   height:200px;   overflow:hidden; margin-bottom:8px; }
ul{ margin:0px; padding:0px;}
#nav{ position:absolute; width:100%; height:20px; line-height:20px; bottom:0px; z-index:999;}
#nav{ float:left; margin-right:5%; opacity:1;}
#nav ul li{ float:left; background:#eee; border-radius:10px; width:10px; height:10px; margin-left:10px; margin-top:5px; opacity:0.3;}
#nav ul li.active{ background:#fff;opacity:0.8;}
.black{}
.banner{}
.banner img{
	width:100%;
	min-height:200px;

}
.banner ul li{ float:left; padding:0px 0px;}

 .catemenu {
overflow: hidden;
background-color: #fff;
border-radius: 4px;
margin: 10px 10px 4px 9px;
box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.15);