@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: #000; overflow-x: hidden; }
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%;}
.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}
.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: 80px; line-height: 80px; font-size: 12px; color: #6a5348; text-align: center;}
.footer a{color: #6a5348; }

.wrap{ width: 100%; margin: 0 auto;overflow: hidden; position: relative; }
.main{ width: 1250px; margin: 0 auto 45px;overflow: hidden; padding-top:135px; position: relative;}

.bg{ position: absolute; width: 100%; left: 0; top: 0px; z-index: -1; background: url(../images/bg.png) center top no-repeat;}
.bg div{width: 100%; height: 191px; background-position: center top; background-repeat: no-repeat; }
.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);}

.top_btn{ width: 644px; height: 68px; margin: 0 auto; padding-top: 570px;}
.top_btn a{ display: block;; float: left; text-indent: -9999em;width: 260px; height: 68px; margin-right: 20px; }
.top_btn .btn-1{ background: url(../images/btn-home.png) no-repeat;}
.top_btn .btn-2{ background: url(../images/btn-zq.png) no-repeat;}
.top_btn .btn-1:hover{background: url(../images/btn-home_h.png) no-repeat; }
.top_btn .btn-2:hover{background: url(../images/btn-zq_h.png) no-repeat; }

.box1{ padding-top: 380px;}
.tab-tit{ width: 698px; padding-left: 105px; background: url(../images/nav_topbg.png) left 34px no-repeat;}
.tab-tit a{ display: block; float: left; width: 87px; height: 65px;background-repeat: no-repeat; margin-right: 15px; padding-top: 97px; text-align: center; color: #fff;}
.tab-tit a.tit1{ background-image: url(../images/nav_icon1.png);background-position:center 10px; }
.tab-tit a.tit2{ background-image: url(../images/nav_icon2.png);background-position:center 10px;}
.tab-tit a.tit3{ background-image: url(../images/nav_icon3.png);background-position:center 10px;}
.tab-tit a.tit4{ background-image: url(../images/nav_icon4.png);background-position:center 10px;}
.tab-tit a.tit5{ background-image: url(../images/nav_icon5.png);background-position:center 10px;}
.tab-tit a.tit6{ background-image: url(../images/nav_icon6.png);background-position:center 10px;}
.tab-tit a.tit1_h,.tab-tit a.tit1:hover{background-image: url(../images/nav_icon1_h.png);background-position:center top; color: #f00 }
.tab-tit a.tit2_h,.tab-tit a.tit2:hover{background-image: url(../images/nav_icon2_h.png);background-position:center top;color: #f00 }
.tab-tit a.tit3_h,.tab-tit a.tit3:hover{background-image: url(../images/nav_icon3_h.png);background-position:center top;color: #f00 }
.tab-tit a.tit4_h,.tab-tit a.tit4:hover{background-image: url(../images/nav_icon4_h.png);background-position:center top;color: #f00 }
.tab-tit a.tit5_h,.tab-tit a.tit5:hover{background-image: url(../images/nav_icon5_h.png);background-position:center top;color: #f00 }
.tab-tit a.tit6_h,.tab-tit a.tit6:hover{background-image: url(../images/nav_icon6_h.png);background-position:center top;color: #f00 }
.tabCon-item{display: none; width: 810px; height: 507px; overflow: hidden;position: relative;}
.tab-con .active{display: block;}
.slide { width: 810px; height: 507px; position: relative;}
.prev{ display: block; position: absolute; width: 54px; height:82px;top: 240px; cursor: pointer; background: url(../images/prev.png); left: 20px; z-index: 99}
.next{ display: block; position: absolute; width: 54px; height: 82px;top: 240px; cursor: pointer; background: url(../images/next.png); right: 20px;z-index: 99}
.prev:hover{ background: url(../images/prev_h2.png);}
.next:hover{ background: url(../images/next_h2.png);}

.box2{ width: 895px; height: 567px; padding-top: 400px; margin-left: 330px;}
.slide2{ position: relative; width: 852px; height: 567px;}
.slide2 .prev:hover{ background: url(../images/prev_h.png);}
.slide2 .next:hover{ background: url(../images/next_h.png);}
.slide2 img{display:block; }
.slide2 .poster-list{width:800px;height:270px;}
.slide2 .poster-list .poster-item{ position:absolute;left:0;top:0;width: 290px; height: 567px;}

.box3{ width: 683px; height:383px; background: url(../images/zf_bg.jpg) no-repeat; margin-top: 260px; margin-left: 80px; padding: 50px;}
.box3 p{ padding-bottom: 10px;}
.box3 textarea{ width: 664px; height: 116px; border:1px #126953 solid; background: #33937c; margin: 20px 0; padding: 8px; color: #74dbc0;font:14px/1.42 Microsoft yahei,simsun,sans-serif; }
.xf_list a{ display: block; float: left; width: 221px; height: 67px; margin-right: 15px; font-size: 24px; color: #fff; text-align: center; line-height: 67px;}
.xf_list a.wb_btn{ background:#da5137; border:2px #e76d50 solid;}
.xf_list a.qq_btn{ background:#de8b32; border:2px #e9a74c solid;}
.xf_list .wb_btn:hover{ background: #f17f69;}
.xf_list .qq_btn:hover{ background: #f7b064;}


.box4{ width: 674px; margin-top: 360px; margin-left:522px;}
.ly-plate{ position: relative; width: 674px; height: 662px; background: url(../images/yuanbg.png) no-repeat;margin-bottom: 30px;}
.rotate-bg{ width: 650px; height: 650px; margin: auto; padding: 5px 0;}
.lottery-star{ position: absolute;width: 227px; height: 227px; top: 50%; margin-left: -113px; margin-top: -113px; left: 50%; cursor: pointer;}
.lottery-star img{ margin-top: -24px;}
.box4 p{ font-size: 14px; color: #103c31; line-height: 2;}
.box4 .clearfix span{ display: block; float: left;}
.box4 .clearfix .text{ width: 418px;}
.box4 .clearfix .text em{ display: block; font-size: 14px; font-style: normal;}
.lottery-star p{ position: absolute; font-size: 12px; top: 150px; width: 100%; text-align: center;}
.lottery-text{ padding-left: 175px;}
.tk{  display: none; position: fixed; width: 100%; height: 100%; background: url(../images/png-bg.png) repeat; top: 0; left: 0; z-index: 999;}
.tkcon{ position: fixed; width: 617px; height: 343px; background: url(../images/tkbg.png); top:50%; left: 50%; margin-top: -171px; margin-left: -308px;}
.close{ position: absolute; width: 50px; height: 50px; top: 34px; right: 35px; cursor: pointer;}
.tkcon h2{ text-align: center; font-size: 20px; color: #154a3e; padding-top: 20px; padding-bottom: 20px;}
.formbox{ width: 400px; margin: 0 auto; padding-top:25px; position: relative;}
.formlist{ margin-top: 10px; zoom:1;}
.formlist:after{content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.formlist label{ display: block; float: left; width:88px; font-size: 20px; color: #154a3e; height:40px; line-height: 40px; text-align: right; padding-right: 10px;  }
.js-tip{ position: absolute; font-size: 12px; color: #f00; top: 78px; left: 98px;}
.formlist .inpbox,.formlist .inp_p{ float: left; position:relative; width: 300px; height: 38px; background: #aad2d4; border: 1px #8bb8ba solid;}
.formlist .inp_p{ border:none; line-height: 38px;}
.formlist .inpbox input[type=text]{ width: 90%; height: 20px; line-height: 20px; border:none; background: none; padding: 10px 5%; outline: none; color: #fff;}
.tk-btn{ display: block; width: 209px; height: 54px; font-size: 20px; color: #FFF; background: #d97000; margin: 15px auto 0; text-align: center; line-height: 54px; border-radius: 10px;}
.tk-btn:hover{background: #f38815; color: #FFF}