@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td{margin:0;padding:0;}
body{font:14px/1.42 Microsoft yahei,simsun,sans-serif; color: #fff; background: #363335; margin: auto;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight: normal;}
ul, ol {list-style:none;}
a,a:hover{ text-decoration: none; color: #939393}
a:hover{color: #e0ca62}
img {border:0; vertical-align: middle;}
button, input, select, textarea {font-size:100%;font:14px/1.42 Microsoft yahei,simsun,sans-serif;}
.fl{float:left;}
.fr{float: right;}
.clearfix:after {content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;}
table{width: 100%;border:0;margin:0;border-collapse:collapse;border-spacing:0;}
/*top and foot*/
.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; position: relative; z-index: 1200;}
.topbar-container { *zoom:1;overflow: hidden;margin-left: auto;margin-right: auto;width: 1000px;height: 40px}
.topbar-container:before,.topbar-container:after { content: " ";display: table}
.topbar-container:after {   clear: both}
.topbar-logo {float: left;width: 125px;height: 40px}
.topbar-logo a {display: block; width: 125px;height: 40px;background: url(../images/img_logo_58game.jpg) no-repeat;text-indent: -9999em}
.topbar-nav { float: right;padding: 10px 0 0 0}
.topbar-nav-inner {  *zoom:1}
.topbar-nav-inner:before,.topbar-nav-inner:after { content: " "; display: table}
.topbar-nav-inner:after {   clear: both}
.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}
.footer{ height: 60px; line-height: 60px; font-size: 12px; color: #726e71; text-align: center; overflow: hidden;width: 100%;}
.footer a{color: #726e71; }

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

.topbtn{ width: 605px; height: 124px; margin: 0 auto; padding-top:790px;}
.topbtn a{ display: block; width: 302px; height: 124px; text-indent: -9999em;}
.topbtn .topbtn1{ background: url(../images/top_btn1.png); float: left;}
.topbtn .topbtn2{ background: url(../images/top_btn2.png); float: right;}
.topbtn .topbtn1:hover{ background: url(../images/top_btn1_h.png);}
.topbtn .topbtn2:hover{ background: url(../images/top_btn2_h.png);}

.box1{ width: 1117px; height: 754px; margin: auto;  margin-top: 80px; position: relative; z-index: 3;background: url(../images/videobg.png);}
.video_box{ display: block; width: 827px; height: 475px; float: left; background:url(../images/video_bg.jpg); position: absolute; z-index: 2; top: 150px; left: 181px;}
.video_bg_icon{ position: absolute; width: 70px; height: 60px; background: url(../images/video_j.png) no-repeat; left: 161px; bottom: 127px; z-index: 8;}
.lb_pic{ position: absolute; width: 304px; height: 334px; background: url(../images/lb_pic.png);z-index:9; right: -180px; bottom: -125px;}

.nav_animate{ width: 670px; margin: 0px auto; height: 100px; padding-top: 20px;}
.nav_animate li{ float: left; width: 33.3%; text-align: center; font-size: 20px; color: #9a7842; font-weight: bolder; cursor: pointer; text-shadow:1px 1px 1px #efd380;}
.nav_animate li:hover,.nav_animate li.on{ color:#e95216 }
.pic_animate{ width: 1200px;position: relative; }
.prev,.next{ display: block; width: 27px; height: 37px; top: 200px; position: absolute; cursor: pointer; z-index: 1200;}
.prev{left:0; background: url(../images/slide_prev.png);}
.next{ right:0; background: url(../images/slide_next.png);}
.poster-main{ width: 1140px; margin: 0 auto; display: none;}
.poster-main .poster-list{ width: 1140px; float: left; position: relative;}
.poster-list li{ position: absolute; width: 812px; height:487 ; background: url(../images/lb_bg.png) no-repeat; background-size: 100% auto}
.poster-list li img{ width: 87.5%; height: auto; display: block; margin: 35px auto 0; border-radius: 5px; overflow: hidden;}
.poster-list li p{ font-size: 20px; color: #fff; text-align: center; padding-top: 105px; display:none ;}
.page{ display: block; width: 65px; height: 63px; background: url(../images/lb_test_bg.png); margin: 0 auto; position: relative; margin-top: 20px;}
.page em{ display: block; position: absolute; font-size: 30px; color: #9a6ae6; font-style: normal; font-weight: bolder; bottom: 0; right: 20px;}
.page .page-currnet{ color: #eecf65; right: 40px; bottom: 23px;}

.box3{ height: 716px; margin-top: 223px;}

.cj_box{ float: left; width: 743px;}
.cj{ width:490px; height: 450px; margin-top: 70px; margin-left: 153px; position: relative; }
.lottery-star{ width: 46px; height: 46px; position: absolute; left: 50%; margin-left: -3px; top: 190px;}
.lottery-star img{ position: absolute; bottom: 0; right: 0;}
.cj_btn{ width: 409px; height: 95px; margin-left: 215px; margin-top: 14px; cursor: pointer;}
.cj_btn_hover{background: url(../images/cj_btn_h.png) no-repeat; cursor: default;}
.cj_btn p{ font-size: 13px; color: #793c28; padding-top: 65px; text-align: center;}
.cj_btn p .lottery-num{ color: #ff3f00}

.fx_box{ float: left; margin-left: 55px; width: 310px; padding-top: 125px;}
.fx_box_textarea{ margin-left: 25px; width: 240px; height: 60px; padding:30px 10px; background: none; border:none;outline: none;}
.fx_box .clearfix{ margin-top: 54px; margin-left: 6px;}
.fx_box .clearfix .fx_btn{ cursor: pointer; display: block; float: left; width: 131px; height: 45px; margin-left: 12px; font-size: 18px; color: #e95216; text-align: center; line-height: 45px; font-weight: bolder;}
.fx_box .clearfix .fx_btn:hover{background: url(../images/fx_btn_h.png);}
.fx_info{ padding: 20px;}
.fx_info p{ margin-bottom: 15px; font-size: 14px; color: #793c28; zoom:1; }
.fx_info p:after{ content: ""; display: table; clear: both;}
.fx_info p span{ display: block; float: left;}
.fx_info p .p_tit{ width: 70px; font-weight: bolder;}
.fx_info p .p_info{ width: 200px;}

.tk{ display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000;filter: alpha(opacity=80);-moz-opacity: .8;opacity: .8; z-index: 110}
.tk_con{ display: none; position: fixed; width: 555px; height: 550px; left: 50%; margin-left: -260px; top: 50%; margin-top: -275px; background: url(../images/tkbg.png) no-repeat;z-index: 111}
.tk_close{ position: absolute; width: 60px; height:60px; right: 15px; top: 120px; cursor: pointer;}
.tk_con h2{ padding-top: 200px; font-size: 28px; color: #e93333; font-weight: bolder; text-align: center;}
.tk_con p{ font-size: 16px; color: #793c28; text-align: center; padding-top: 10px;}
.tk_btn{ display: block; width: 250px; height: 82px; margin: 155px auto 0; background: url(../images/tk_btn.png) no-repeat; text-indent: -999em;}
.tk_btn:hover{ background: url(../images/tk_btn_h.png) no-repeat;}

.box2{ height: 773px;}