@charset "utf-8";
body{margin:0; padding:0; font-family:"Microsoft YaHei",\5b8b\4f53,Arial, Helvetica, sans-serif; background-color:#fff;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
img{border:0;}
ol,ul{list-style:none;}
a{text-decoration:none;color:#656565;}
a{text-decoration:none;outline:none;}
.clearfix:after{content:'';display:block;height: 0;clear: both;visibility: hidden;}
html, body{ min-width: 1200px;}
.wrap{height:3686px;background: url(../images/bg.jpg) no-repeat center top;}
.header{height: 755px; margin: 0 auto; width: 1200px; position: relative;}
.logo_wm{ position: absolute; top: 35px; left: 0px;}
.jumplink{width: 670px; height: 670px; position: absolute; left: 50%; margin-left: -335px; top: 100px; background:url(about:blank);}

.rules-box{width: 945px;height:368px;padding:110px 100px 0;margin:0 auto;position: relative;background: url(../images/rules-box.png) no-repeat center;}
.rules-list{overflow: hidden;}
.rules-list li{float: left;width:456px;margin:0 8px;font-size: 14px;color: #f8dd7f;}
.rules-list li h3{margin:5px 0;color: #180808;background-color: #e7ce77;display: inline-block;padding: 2px 10px 2px 5px;font-size: 14px;}
.rules-list li p{line-height: 30px;position: relative;padding-left: 60px;}
.rules-list li p b{font-weight: bold;position: absolute;left: 0;top:0;}
.rules-list li:last-child p{padding: 0;}
.prize-lunbo{width: 1080px;margin:0 auto;position: relative;}
.title{text-align: center;}
.prize-line{position: absolute;left: 50%;margin-left:-500px;top:0;width: 1000px;height:234px;background: url(../images/prize-bg.png) no-repeat center;z-index: 3;}
.slideBox{ width:1080px;margin:30px auto; height:234px; overflow:hidden; position:relative;  }
.slideBox .bd{ position:relative;width:1000px;margin:0 auto; height:100%; z-index:0;   }
.slideBox .bd li{float:left; zoom:1; vertical-align:middle;width: 250px;height: 234px; }
.slideBox .bd img{ width:250px; height:234px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.prev,
.next{ position:absolute; top:50%; margin-top:-15px; display:block; width:17px; height:31px;filter:alpha(opacity=50);opacity:0.8; z-index: 33;cursor: pointer;  }
.next{right: 0;background: url(../images/next.png); }
.prev{left: 0;background: url(../images/prev.png); }

.prev:hover,
.next:hover{ filter:alpha(opacity=100);opacity:1;  }
.prevStop{ display:none;  }
.nextStop{ display:none;  }
.game-box ul{width:1034px;margin:20px auto 50px;}
.game-box ul li{float: left;margin:10px;width: 495px;height: 292px;border:1px solid #e5b85f;position: relative;}
.game-pic{position: absolute;left:5px;top:5px;width: 485px;height: 282px;}
.game-name{position: absolute;left: 5px;bottom: 5px;width: 485px;padding: 15px 0;text-indent:38px;background: rgba(54,35,21,0.8);}
.game-name h3{font-size: 16px;font-weight: bold;color: #f4d18c;}
.game-name h4{font-size: 16px;color: #e5b85f;}
.code{position: absolute;right: 33px;bottom: -3px;width: 96px;height: 96px;display: block;}
.bigger{animation: bigger 0.5s both;}
.small{animation: small 0.5s both;}

.footer{width:1140px;margin:0 auto;padding:30px 0;text-align: center;}
.footer p{line-height:24px;color:#a1a1a1;}
.footer p{line-height:24px;color:#a1a1a1;}

@keyframes bigger{
	0%{transform: scale(1);}
	100%{transform: scale(1.5);}
}
@keyframes small{
	0%{transform: scale(1.5);}
	100%{transform: scale(1);}
}