@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: #6b4330; 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: #e0e0e0}
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; }
.main{ width: 100%; margin: 0 auto;overflow: hidden; padding-top: 458px;}
.bg{ position: absolute; width: 100%; left: 0; top: 40px; z-index: -1;}
.bg div{ width: 100%; height:192px; background-position: center top;}
.bg1{ background: url(../images/bg_01.jpg) no-repeat;}
.bg2{ background: url(../images/bg_02.jpg) no-repeat;}
.bg3{ background: url(../images/bg_03.jpg) no-repeat;}
.bg4{ background: url(../images/bg_04.jpg) no-repeat;}
.bg5{ background: url(../images/bg_05.jpg) no-repeat;}
.bg6{ background: url(../images/bg_06.jpg) no-repeat;}
.bg7{ background: url(../images/bg_07.jpg) no-repeat;}
.bg8{ background: url(../images/bg_08.jpg) no-repeat;}
.bg9{ background: url(../images/bg_09.jpg) no-repeat;}
.bg10{ background: url(../images/bg_10.jpg) no-repeat;}

.con{ width: 1000px; margin: 0 auto 20px;}
.p50{ padding:20px 50px;}
.mb10{ margin-bottom: 10px;}

.video{ width: 442px; height: 238px; border:4px #1f1f1f solid; float: left;}
.topbtn{ float: left; margin-left: 15px;}
.topbtn a{ display: block;  width: 233px; height: 119px; text-indent: -9999em;background-position:  left center; background-repeat:  no-repeat;background-repeat:  no-repeat; margin-bottom: 6px;}
.topbtn a.gw{ background-image: url(../images/tobBtn1.jpg);}
.topbtn a.zq{ background-image: url(../images/tobBtn2.jpg);}
.topbtn a:hover{ background-position: right center; }

.tit{ font-size: 36px; color: #f49101; font-weight: bold;}
.tit span{ font-size: 60px;}
.mainbg{ width: 1163px; height: 1165px; background: url(../images/nainbg.png) no-repeat; position:relative; left: 50%; margin-left: -500px;}
.imgbox{ position: relative; margin-top: 15px; width: 276px; height: 360px; border:3px #373332 solid; float: left;}
.imgbox-text{ position: absolute; width: 276px; height: 120px; background: url(../images/opa.png) repeat; left: 0; bottom: 0;}
.imgbox-text h3{ font-size: 22px; color: #ca8f3a; padding: 8px 10px 0px; font-weight: bold;}
.imgbox-text p{ font-size: 12px; color: #7b7260; padding: 0 10px; line-height: 1.5}
.messbox{ float: left; padding-left: 30px; padding-top: 30px; width: 425px;}
.messbox h2{ font-size: 24px; color: #a99776;}
.messbox p{ font-size: 16px; color: #a99776; line-height: 2; padding-top: 30px;}
.webobtn{ display: block; width: 203px; height: 84px; background-image: url(../images/webobtn.jpg); background-position: left bottom; margin-top: 30px;}
.webobtn:hover{ background-position: left top;}


.lottery{ width: 1000px;position: relative;}
.lottery ul{ position: relative;  height: 308px; margin-top: 60px;}
.lottery li{ position: absolute;width: 155px; height: 135px; background-image: url(../images/lotterybg.png); background-repeat: no-repeat; background-position: left bottom; text-align: center;}
.lottery li.active{background-image: url(../images/lotterybg-h.png); }
.lottery li img{ display: block; margin:10px auto;}
.lottery li p{ position: absolute; width: 100%; color: #fff; font-size: 12px; left: 0; height: 25px; line-height: 25px; bottom: 0;}
.lottery li.item-1{ top: 0; left: 0;}
.lottery li.item-2{ top: 67px; left: 120px;}
.lottery li.item-3{ top: 0px; left: 240px;}
.lottery li.item-4{ top: 137px; left: 240px;}
.lottery li.item-5{ top:0px; left: 480px;}
.lottery li.item-6{ top:137px; left: 480px;}
.lottery li.item-7{ top:67px; left: 600px;}
.lottery li.item-8{ top:0px; left: 720px;}
.lottery p{ font-size: 16px; color: #a99776; line-height: 2;}
.lottery p span{ display: inline-block;*display: inline;*zoom:1; width: 20px; height: 20px; text-align: center; line-height: 20px; margin-right: 5px; vertical-align: middle; border-radius: 15px; overflow: hidden; background:#a99776; color: #1d1918; font-size: 14px;}
.lottery p.pl80{ padding-left: 80px;}


.btn-lottery{ position: absolute; width: 155px; height: 135px ;left: 360px; top:235px; text-align: center;}
.btn-lottery a{ display: block;width: 155px; height: 135px ;background-image: url(../images/lottery-cj.png);text-indent: -9999em;}
.btn-lottery a:hover{ background-image: url(../images/lottery-cj-h.png);text-indent: -9999em;}
.btn-lottery p{ color: #d88d4f}
.btn-lottery p i{ font-style: normal; display: block; font-size: 30px; height: 50px; line-height: 50px;  font-weight: bold;}