@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: #631b1e; 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: 1000px; margin: 0 auto 45px;overflow: hidden; padding-top:135px; position: relative;}

.bg{ position: absolute; width: 100%; left: 0; top: -40px; z-index: -1; background: url(../images/bg.png) center top no-repeat;}
.bg div{width: 100%; height: 266px; 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; margin: 0 auto; padding-top: 540px;}
.top_btn a{ display: block;; float: left; text-indent: -9999em;}
.top_btn .btn-1{ width: 174px; height: 174px; background: url(../images/top_btn1.png) no-repeat; margin-top: 43px;}
.top_btn .btn-2{ width: 255px; height: 255px; background: url(../images/top_btn2.png) no-repeat; margin: 0 18px;}
.top_btn .btn-3{ width: 177px; height: 177px; background: url(../images/top_btn3.png) no-repeat; margin-top: 43px;}
.top_btn .btn-1:hover{background: url(../images/top_btn1_h.png) no-repeat; }
.top_btn .btn-2:hover{background: url(../images/top_btn2_h.png) no-repeat; }
.top_btn .btn-3:hover{background: url(../images/top_btn3_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: 58px; height: 56px;top: 240px; cursor: pointer; background: url(../images/prev.png); left: 20px; z-index: 99}
.next{ display: block; position: absolute; width: 58px; height: 56px;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: 600px; margin-left: 109px;}
.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: 638px; padding: 116px 87px 0; height:451px; background: url(../images/zf_bg.png); margin-top: 470px; }
.box3 p{  color: #888; padding-bottom: 10px;}
.box3 textarea{ width: 622px; height: 116px; border:1px #631b1e solid; background: #000; margin: 20px 0; padding: 8px; color: #888;}
.xf_list a{ display: block; float: left; width: 210px; height: 63px; text-indent: -5555em; margin-right: 4px;}
.xf_list a.wx_btn{ background: url(../images/fx_btn1.jpg);}
.xf_list a.qq_btn{ background: url(../images/fx_btn2.jpg);}
.xf_list a.wb_btn{ background: url(../images/fx_btn3.jpg); margin-right: 0;}
.xf_list .wx_btn:hover{ background: url(../images/fx_btn1_h.jpg);}
.xf_list .qq_btn:hover{ background: url(../images/fx_btn2_h.jpg);}
.xf_list .wb_btn:hover{ background: url(../images/fx_btn3_h.jpg);}

.box4{ width: 656px; margin-top: 350px; margin-left: 345px;}
.ly-plate{ position: relative; width: 650px; height: 650px; margin-bottom: 30px;}
.rotate-bg{width: 650px; height: 650px; background: url(../images/yuan.png) no-repeat;}
.lottery-star{ position: absolute;width: 200px; height: 200px; top: 50%; margin-left: -100px; margin-top: -100px; left: 50%; cursor: pointer;}
.lottery-star img{ margin-top: -24px;}
.box4 p{ font-size: 16px; color: #ffdf81; line-height: 2;}
.box4 .clearfix span{ display: block; float: left;}
.box4 .clearfix .text{ width: 565px;}
.box4 .clearfix .text em{ display: block; font-size: 14px; font-style: normal;}
.lottery-star p{ position: absolute; font-size: 12px; top: 135px; width: 200px; text-align: center;}

.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: 490px; height: 360px; background: url(../images/tkbg.png); top:50%; left: 50%; margin-top: -180px; margin-left: -245px;}
.close{ position: absolute; width: 50px; height: 50px; top: 10px; right: 10px; cursor: pointer;}
.tkcon h2{ text-align: center; font-size: 20px; color: #ffed24; padding-top: 35px; padding-bottom: 30px;}
.formbox{ width: 300px; 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:75px; font-size: 16px; color: #e7e7e7; height:40px; line-height: 40px;  }
.js-tip{ position: absolute; font-size: 12px; color: #f00; top: 90px;}
.formlist .inpbox,.formlist .inp_p{ float: left; position:relative; width: 200px; height: 38px; border:none; background: none; border: 1px #fff 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: 225px; height: 54px; font-size: 20px; color: #992c2d; background: #eca90b; margin: 15px auto; text-align: center; line-height: 54px; border-radius: 10px; border-bottom: 3px #da8b2a solid}
.tk-btn:hover{background: #fac036; border-bottom: 3px #da8b2a solid; color: #992c2d}

.xf{ position: fixed; z-index: 99; width: 194px; height: 303px; background: url(../images/xf_bg.jpg); top:20%; right: 50px; padding-top: 40px;}
.xf img{ display: block; margin: 10px auto 15px;}
.xf a{ display: block; margin: 0 auto 10px;}
.xf .btn_ios{ width: 154px; height: 51px; background: url(../images/xf_btn1.png);}
.xf .btn_and{ width: 152px; height: 49px; background: url(../images/xf_btn2.png);}