body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd,menu,form,fieldset,blockquote,pre,hr,input,textarea,button,select{margin:0}
ul,ol,menu,fieldset,legend,input,textarea,button,caption,th,td,blockquote,dir,address{padding:0}
fieldset,iframe,img,hr{border:none}
html{overflow-x:hidden;font-family:sans-serif;font-size:100%}
a{text-decoration:none;background-color:transparent}
menu,ul,ol{list-style:none}
pre,code,kbd,samp,var{font-family:monospace;font-size:1em}
pre{overflow:auto}
input,textarea,button,select,optgroup,option{font-family:sans-serif;font-size:1em}
input,button,select{overflow:visible;*zoom:1}
textarea{overflow:auto;resize:none}
table{border-collapse:collapse;border-spacing:0}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}
em,i{font-style:normal}
.topbar{height:40px;background-image:-webkit-linear-gradient(top, #fff, #f6f6f6);background-image:linear-gradient(to bottom, #fff, #f6f6f6);color:#333;background-color:#f6f6f6;font-size:12px}
.topbar-container{*zoom:1;overflow:hidden;margin-left:auto;margin-right:auto;width:1000px;height:40px}
.topbar-logo{float:left;width:125px;height:40px}
.topbar-logo a{display:block;width:125px;height:40px;overflow:hidden;text-indent:-999em;background:url("../images/logo-58game.jpg") no-repeat}
.topbar-nav{float:right;padding:10px 0 0 0}
.topbar-nav-inner{*zoom:1}
.topbar-nav li{float:left;line-height:20px;color:#333}
.topbar-nav a{display:block;padding:0 10px;color:#333}
.topbar-nav .nobg{background:none}
.site-footer{padding-top:26px;padding-bottom:26px;color:#555}
.site-footer .footer-container{text-align:center}
.site-footer .footer-container a{color:#555}
.site-footer .footer-container img{vertical-align:middle}
.site-footer .footer-container .inline-block{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding-left:5px;padding-right:5px}


body{font-family:'Microsoft YaHei','\5b8b\4f53',Tahoma,Arial,sans-serif;background-color:#000;color:#777777;font-size:14px;min-width:1200px}

.wrap{position:relative;left:0;top:0;width:100%;height:100%}
.main-bg{width:100%;position:absolute;left:0;top:0;z-index:-1}
.main-bg div{width:100%;position:relative;left:0;top:0;background-position:center top;background-repeat:no-repeat; height: 170px;}
.main-bg1{background-image:url(../images/bg_01.jpg);}
.main-bg2{background-image:url(../images/bg_02.jpg);}
.main-bg3{background-image:url(../images/bg_03.jpg);}
.main-bg4{background-image:url(../images/bg_04.jpg);}
.main-bg5{background-image:url(../images/bg_05.jpg);}
.main-bg6{background-image:url(../images/bg_06.jpg);}
.main-bg7{background-image:url(../images/bg_07.jpg);}
.main-bg8{background-image:url(../images/bg_08.jpg);}
.main-bg9{background-image:url(../images/bg_09.jpg);}
.main-bg10{background-image:url(../images/bg_10.jpg);}
.main-bg11{background-image:url(../images/bg_11.jpg);}
.main-bg12{background-image:url(../images/bg_12.jpg);}
.main-bg13{background-image:url(../images/bg_13.jpg);}
.main-bg14{background-image:url(../images/bg_14.jpg);}
.main-bg15{background-image:url(../images/bg_15.jpg);}
.main-bg16{background-image:url(../images/bg_16.jpg);}
.main-bg17{background-image:url(../images/bg_17.jpg);}
.main-bg18{background-image:url(../images/bg_18.jpg);}
.main-bg19{background-image:url(../images/bg_19.jpg);}
.main-bg20{background-image:url(../images/bg_20.jpg);}
.main{ width:1200px; margin: 0 auto; padding-top: 930px; overflow: hidden;}

.top-btn{ position: absolute; width: 830px; height: 98px; margin: 0 auto; top: 770px;margin-left: -415px; left: 50%;}
.top-btn a{ display: block; float: left; height: 98px; background-image: url(../images/top-btn.png);}
.top-btn a:hover{background-image: url(../images/top-btn-hover.png);}
.top-btn a.move{ width:260px; background-position: 0 0; }
.top-btn a.join{ width:310px; background-position: -260px 0; }
.top-btn a.down{ width:260px; background-position: -573px 0; }

.top-btn a.join p{ font-size: 12px; color: #6d3725; text-align: center; padding-top:60px;}

.con1{ height:520px;padding-top: 135px; }
.con2{ height:650px; padding-top: 425px; }
.con3{ height: 515px; padding-top:215px;}
.slide-box{ width: 1025px; margin: 10px auto; position: relative;}
.slide li{*zoom:1;padding-top: 20px; display: none;}
.slide li.active{ display: block;}
.slide li:after,.slide li:before{content:" ";display:table}
.slide li:after{clear:both}
.slide li .img-fl{ float: left;}
.slide li .text-fr{  margin-left: 597px; width: 400px; padding-top:100px;}
.slide li .text-fr h2{ font-size: 30px; color: #c49f58; font-weight: bold; padding: 10px 0;}
.slide li .text-fr p{ font-size: 16px; line-height: 1.5}
.slide li .text-fr p.f14{ font-size: 14px;}
.slide li .text-fr p span{ color: #c49f58;}
.slide-point{ position: absolute; width: 400px; height: 40px; top: 415px; left: 597px;}
.slide-point li{ width: 38px; height: 38px; margin-right: 10px; font-size: 20px; color: #fff; text-align: center; line-height: 38px; border-radius: 38px; border: 1px #8a8887 solid;  float: left; cursor: pointer; }
.slide-point li:hover,.slide-point li.on{background: #fff; border-color: #fff; color: #000;}
.slide-point .slide-icon{ display: block; width: 40px; height: 40px; float: left; background: url(../images/slide-icon.jpg) center no-repeat; cursor: pointer;}

.lottery ul{ display: block; width: 1161px; height: 263px; position: relative; margin: 0 auto}
.lottery ul li{ position: absolute; width: 200px; height: 154px; padding-top: 20px; background-image: url(../images/lottery-bg.png);  background-position: 0 0;}
.lottery ul li.active{background-image: url(../images/lottery-bg-hover.png); }
.lottery ul li img{ display: block; margin: 0 auto;}
.lottery ul li.item-1{left: 0;top: 0}
.lottery ul li.item-2{left: 160px;top: 90px}
.lottery ul li.item-3{left: 320px;top: 0}
.lottery ul li.item-4{left: 480px;top: 90px}
.lottery ul li.item-5{left: 640px;top: 0}
.lottery ul li.item-6{left: 800px;top: 90px}
.lottery ul li.item-7{left: 960px;top: 0}
.lottery ul li p{ text-align: center; font-size: 16px; color: #f5f6d4; padding-top: 30px;}
.lottery .btn-lottery{ display: block; width:319px; height: 98px; margin: 50px auto; background: url(../images/lottery-btn.png); text-indent: -9999em; }
.lottery .btn-lottery:hover{background: url(../images/lottery-btn-hover.png);}

.fx-btn{ width: 337px; height: 102px; display: block; margin: 190px auto 0; background: url(../images/fx-btn.png);}
.con3 .fx-btn:hover{ background: url(../images/fx-btn-hover.png);}

.tk-bg{ display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/tk-bg.png) repeat; z-index: 10}
.tk-main{ display: none; position: fixed;width: 100%; height: 481px; background: url(../images/tk_bg.png) center center no-repeat;top: 50%; margin-top: -214px; z-index: 12;}
.tk-con{ width: 700px; height: 481px; background: url(../images/tk_con_bg.png) no-repeat; margin: 0 auto; padding-right: 45px; position: relative;}
.tk-close{ position: absolute;top: 0;right: 0; display: block;width: 45px; height: 45px; cursor: pointer;}
.tk-con .tk-con1,.tk-con .tk-con2{ display: none;}
.tk-con .active{display: block; overflow: hidden;}
.tk-con1 h2{ font-size: 40px; color: #fff; text-align: center; padding: 200px 0 40px;}
.tk-btn{ display: block; width: 220px; height: 74px; margin: 0 auto; background: url(../images/tk_btn.jpg); border: none; text-indent: -99999em;}
.tk-con2{ padding-top: 50px;}
.tk-con2 h2{ font-size: 30px; color: #fff; text-align: center;}
.tk-con2 p{ font-size: 20px; color: #f1d79f; text-align: center;}
.tk-con2 .info{ width: 475px; margin: 15px auto 0; zoom:1; height: 40px; overflow: hidden;}
.tk-con2 .info:before,.tk-con2 .info:after{content:" ";display:table}
.tk-con2 .info:after{clear:both}
.tk-con2 .info label{ display: block; float: left; width: 100px; height: 40px; text-align: center; line-height: 40px; color: #f1d79f; font-size: 15px; background: #661d18;}
.tk-con2 .info input{ display: block; float: left; width: 350px; height: 20px; line-height: 20px; padding: 10px; color: #fff; font-size: 16px; border: none; background: #7c1e17; outline: none; font-weight: bold;}
.mt40{ margin-top: 40px;}
.tk-con2 .info-mass{ position: absolute; bottom: 118px;left: 109px; color: #f00; background: url(../images/tk_icon.png) left center no-repeat; font-size: 12px; padding-left: 20px;}

.text-box{ margin: 30px auto; text-align: center;}
.text-box p{ color:#777777; line-height: 1.8; margin-bottom: 20px;}
.text-box p span{ color:#c49f58 }