@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: #aaaaaa; background: #304a7d; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight: normal;}
ul, ol {list-style:none;}
a{color: #aaaaaa}
a,a:hover{ text-decoration: none; }
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;}
i,em{ font-style: normal;}
/*top and foot*/
button{background: none; border:none;font:14px/1.42 Microsoft yahei,simsun,sans-serif; outline: none; }

.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: 60px; line-height: 60px; font-size: 12px; color: #fff; text-align: center;}
.footer a{color: #fff; }

.pt120{ padding-top: 120px;}
.pt80{ padding-top: 80px;}
.pt180{ padding-top: 180px;}
.mb30{ margin-bottom: 30px;}

.wrap{ width: 100%; margin: 0 auto;overflow: hidden; }
.main{ width: 100%; margin: 0 auto;overflow: hidden;}
.con{ width: 1000px; margin: 0 auto;}
.bg{ position: absolute; width: 100%; left: 0; top: 40px; z-index: -1;}
.bg div{ width: 100%; height:138px; 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;}
.bg11{ background: url(../images/bg_11.jpg) no-repeat;}
.bg12{ background: url(../images/bg_12.jpg) no-repeat;}
.bg13{ background: url(../images/bg_13.jpg) no-repeat;}
.bg14{ background: url(../images/bg_14.jpg) no-repeat;}
.bg15{ background: url(../images/bg_15.jpg) no-repeat;}
.bg16{ background: url(../images/bg_16.jpg) no-repeat;}
.bg17{ background: url(../images/bg_17.jpg) no-repeat;}
.bg18{ background: url(../images/bg_18.jpg) no-repeat;}
.bg19{ background: url(../images/bg_19.jpg) no-repeat;}
.bg20{ background: url(../images/bg_20.jpg) no-repeat;}

.con1{position: relative; height:1070px;}
.con2{ width: 1200px; height: 800px; margin: 0 auto; position: relative;}
.con1boxbg{ position: fixed; width: 100%; background: url(../images/con1bg.png) repeat; left: 0; bottom: 0;}
.con1boxmain{ width: 1200px; height:120px;margin: 0 auto; position: relative; overflow: hidden;}
.con1text{ width: 515px; float: left; padding: 30px 0;}
.con1text h3{ font-size: 15px;}
.con1text h2{ font-size:24px; color: #fff; padding-bottom: 15px; }
.con1text h2 i{ font-size: 12px; color: #ffd015;}
.con1textp h4{ font-size: 16px; font-weight: bold; color: #7d6c61; padding-top: 20px;}
.con1textp p{ line-height: 2; font-size: 12px;  padding-left: 20px; background: url(../images/p-icon.png) left center no-repeat;}
.con1textp p span{ color: #fff;}
.con1list{  display: none; width: 409px; height: 108px; padding: 10px 10px 10px; margin-top: 80px; background: url(../images/lottery-info.jpg) left bottom no-repeat; float: left; overflow: hidden;}
.con1listconbg,.con2listconbg{ position: relative; top: 0; left: 0;}
.con1list p,.con2list p{ float: left; padding: 8px 10px; width: 389px; height: 21px;}
.con1list p span,.con2list p span{ display: block; float: left; width: 10%; color: #666;}
.con1list p span.name,.con2list p span.name{ width: 20%; color: #cccccc;}
.con1list p span.jp,.con2list p span.jp{ width: 70%; }
.con1list p span.jp i,.con2list p span.jp i{color: #cccccc; padding-right:10px; }
.con1btn{ width: 410px; height: 60px; position: fixed; bottom: 56px;  left: 50%; margin-left: -90px;}
.con1btn a{ display: block;position: absolute; width: 210px; height: 60px; background: url(../images/con1btn.png);}
.con1btnfl{ font-size:18px; color: #000; text-align: center; line-height: 60px; left: 0; top: 25px; font-weight: bold; }
.con1btnfr{ text-align: center; right: 0; top: 25px;}
.con1btnfr h2{font-size:18px; color: #000; font-weight: bold; padding-top: 10px;}
.con1btnfr p{ font-size: 12px; color: #000; height: 12px; line-height: 12px;}
.con1img .big{ position: fixed;right:50%; margin-right: -690px; bottom: -7px;}

.con2btn{ position: absolute; width: 333px; height: 105px; left: 600px; margin-left:-151px; bottom: 80px;}
.btn{ display: block; width: 333px; height: 105px; background: url(../images/btn.png); text-align: center; line-height: 105px; font-size: 30px; color: #000; font-weight: bold;}
.btn:hover{ background: url(../images/btn-h.png);}

.con3{ height:825px; width:892px; margin: 0 auto; position: relative;}
.text-p{ text-align:center; padding-top: 125px;}
.lotterycon{ position: relative;}
.lottery{ position: absolute; width: 892px; height:552px;  top: 20px; left: 0; }
.lottery li{ width: 200px; height: 260px; background: url(../images/lotterybg.jpg); position: absolute;}
.lottery li.active{background: url(../images/lotterybg-h.jpg);}
.lottery li p{ height: 63px; line-height: 63px; font-size: 20px; text-align: center; color: #fff;}
.item-1{ top: 0; left: 0;}
.item-2{ top: 0; left: 230px;}
.item-3{ top: 0; left: 460px;}
.item-4{ top: 0; left: 690px;}
.item-5{ top: 290px; left: 690px;}
.item-6{ top: 290px; left: 0;}
.btn-lottery{ position: absolute; width: 333px; height: 105px; top: 290px; left: 280px;}
.con2list{ position: absolute;width: 409px; height: 108px; background: url(../images/lottery-info.jpg) left bottom no-repeat;overflow: hidden; padding: 10px; top: 442px; left: 230px; }

.tk{ display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: url(../images/tkbgopa.png) repeat;}
.tkcon{ display: none; position: fixed; top: 20%; left: 50%; width: 620px; margin-left:-310px; background: url(../images/tkbg.png) left bottom no-repeat;}
.tkcon1{ height: 570px;}
.tkcon2,.tkcon3{ height:570px; }
.tkcon4,.tkcon5,.tkcon6,.tkcon7{ height: 450px;}
.tkclose{ position: absolute; width: 16px; height: 16px; background: url(../images/tkclose.png); top: 20px; right: 20px; cursor: pointer;}
.tittk{ padding: 30px 0; text-align: center; font-size: 30px; color: #303030; font-weight: bold;}

.form{ width: 370px; margin:0 auto;}
.formlist{ zoom:1; margin-bottom: 10px;}
.formlist:after{content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.formlist span{ display: block; float: left; color: #f00; padding-right: 8px; height: 46px; line-height: 46px;}
.formlist_inp{ width: 330px; float: left; height: 23px; line-height: 23px; padding: 10px; background: #fff; border:1px #e0d1c0 solid;}
.formlist_inp input{ border:none; outline: none; padding-left: 10px;}
.form .red{ font-size: 12px; color: #f00;}
.animate{ width: 370px; margin:10px auto;}
.animate li{ margin-bottom: 30px;}
.animate li h2{ font-size: 16px; color: #000; font-weight: bold;}
.animatebox{ padding-top: 15px; zoom:1;}
.animatebox:after{content:" ";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.animatebox p{ width: 100px; height: 19px; float: left; color: #000; padding-left: 20px; background-image: url(../images/checkbg.jpg); background-position: left center; background-repeat: no-repeat; overflow: hidden; margin-bottom: 20px;}
.animatebox p.w100{ width: 350px;}
.animatebox p.checked{ background-image: url(../images/checkbg-h.jpg);}
.tk-btn{ display: block; width: 259px; height: 65px; text-align:center; line-height: 65px; font-size: 26px; color: #000; font-weight: bold; margin: 30px auto 0; background-image: url(../images/tkbtn.png); background-position: left top;}
.tk-btn:hover{ background-position: left bottom}
.tk-p1{ font-size: 20px; color: #000; font-weight: bold; text-align: center;}
.tk-p2{ font-size: 26px; color: #c83030;font-weight: bold; text-align: center; }
.tkbtnlist{ width: 405px; height:50px; position: relative; margin:80px auto;}
.tkbtnlist a{ display: block; width: 200px; height: 50px; background: url(../images/tkbtn2.png); text-align: center; line-height: 50px; font-size: 20px; color: #000; font-weight: bold;  margin: 0 auto}
.tkbtnlist a.left{ top: 0;left: 0; position: absolute;}
.tkbtnlist a.right{ top: 0;right: 0; position: absolute;}
.t_c{ text-align: center; font-weight:bold; color: #000;}

.xf-right{ position: fixed; top: 200px; right: 0; background: url(../images/xf_bg.png); width: 190px; height: 164px; padding: 10px 0;}
.xf-left{position: fixed; top: 200px; left: 0; background: url(../images/video-btn.png); width: 238px; height: 184px;cursor: pointer;}
.xf-video{ background: #000; cursor: default; width: 60%; height: 60%; top: 20%; left: 20%;}
.xf-video span{ position: absolute; top: -36px; right:0px; width: 16px; height: 16px; padding: 10px; background:#ccc url(../images/tkclose.png) center no-repeat; z-index: 99}
.xf-right a{ display: block; height: 40px; line-height: 40px; font-size:16px; color: #000; font-weight: bolder; text-indent: 90px; }
.form{ position: relative;}
.js-tips{ position: absolute; font-size: 12px; color: #f00;left: 20px;top: -20px;}