@charset "utf-8";
html{ min-width:1260px;}
body{ margin:0; padding-top:46px; font-size:12px; font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; background-color:#fff; overflow-x:hidden}
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;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
iframe{ display:block;}
a{ font-family:"微软雅黑","宋体",Arial, Helvetica, sans-serif; text-decoration:none;outline:none;}
a:hover{ text-decoration:none}
.clearfix:after {content:"";display:block;height:0;clear:both;} 
.clearfix {zoom:1;}
.page-wrap{width: 100%;height: 1950px;background: url(http://wl.laohu.com/_s/qx/bg.jpg) no-repeat center;}
.rel{width: 1000px;margin:0 auto;position: relative;}
.logo{position: absolute;left: 0;top:10px;}
.logo img{width: 130px;}
.intro-box{position:absolute;left:0;top:746px;width: 1093px;height: 437px;background: url(http://wl.laohu.com/_s/qx/intro-bg.png) no-repeat center;}
.intro-box p{position: absolute;left: 0;top:150px;width:100%;font-size: 16px;color: #826ed4;text-align: center;line-height: 2em;}
.rules-box{position: absolute;top:1252px;left: 50%;margin-left:-464px;width: 929px;height: 327px;background: url(http://wl.laohu.com/_s/qx/rules-bg.png);}
.rules-box ul{position: absolute;top:150px;left: 83px;}
.rules-box ul li{color: #8776cc;font-size: 16px;padding: 6px 0;}
.rules-box ul li span{display: inline-block;width: 22px;height: 22px;background-color: #8e79c6;border-radius: 50%;font-size: 16px;color: #fff;text-align: center;line-height: 22px;margin-right: 15px;}
.top-nav{position: absolute;top:20px;right: 40px;}
.top-nav a{float: left;width: 90px;height: 26px;line-height: 26px;border:1px solid #c7d3f8;color: #c7d3f8;font-size: 16px;line-height: 26px;text-align: center;margin-left: 23px;position: relative;}
.top-nav a img{position: absolute;top:28px;left: -5px;width: 100px;display: none;}
.top-nav a:hover img{display: block;}