@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; }
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight: normal;}
ul, ol {list-style:none;}
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;}
/*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; background: url(../images/link_line.gif) right center no-repeat;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: #60413f; text-align: center; background: #000;}
.footer a{color: #60413f; }


.mt10{ margin-top: 10px;}

.wrap{ position: relative; width: 100%; height: 2880px;}
.main-bg{ position: absolute; width: 100%; left: 0; top: 0px; z-index: -1;}
.main-bg div{ width: 100%; height: 288px; background-position: center top;}
.main-bg1{ background: url(../images/main_bg1.jpg) no-repeat;}
.main-bg2{ background: url(../images/main_bg2.jpg) no-repeat;}
.main-bg3{ background: url(../images/main_bg3.jpg) no-repeat;}
.main-bg4{ background: url(../images/main_bg4.jpg) no-repeat;}
.main-bg5{ background: url(../images/main_bg5.jpg) no-repeat;}
.main-bg6{ background: url(../images/main_bg6.jpg) no-repeat;}
.main-bg7{ background: url(../images/main_bg7.jpg) no-repeat;}
.main-bg8{ background: url(../images/main_bg8.jpg) no-repeat;}
.main-bg9{ background: url(../images/main_bg9.jpg) no-repeat;}
.main-bg10{ background: url(../images/main_bg10.jpg) no-repeat;}

.top-btn{ position:absolute; top: 590px; left: 24%; }
.top-btn a{ display: block; float: left; width: 195px; height: 74px; margin-right: 10px; background-position: left top; text-indent: -999px; }
.top-btn .zc{ background-image: url(../images/top-btn1.jpg);}
.top-btn .qd{ background-image: url(../images/top-btn2.jpg);}
.top-btn .lq{ background-image: url(../images/top-btn3.jpg);}
.top-btn a:hover{background-position: left bottom;}

.main{ padding-top: 763px; width: 1073px; margin: 0 auto; overflow: hidden;}
.title{ width: 356px; height:165px; margin:0 auto 20px; }
.tit1{ background: url(../images/title1.png);}
.tit2{ background: url(../images/title2.png);}
.tit3{ background: url(../images/title3.png);}

.lottery{ position: relative; z-index: 3; width:1073px; height: 479px; margin-bottom: 10px; }
.lottery li{ position: absolute; z-index: 4; width:351px; height: 147px; background: url(../images/cj_bg.jpg); text-align: center; padding-top:6px; }
.lottery .active,.lottery li:hover{ background: url(../images/cj_bg_hover.jpg);}
.item-1{ left: 0; top: 0;}
.item-2{ left: 361px; top: 0;}
.item-3{ left: 722px; top: 0;}
.item-4{ right: 0; top: 163px;}
.item-5{ right: 0; top: 326px;}
.item-6{ right:361px; top: 326px;}
.item-7{ left: 0; top: 326px;}
.item-8{ left: 0; top:163px;}
.btn-lottery{position: absolute; z-index: 4; width:351px; height: 153px; background: url(../images/cj_btn.jpg) no-repeat; left: 361px; top: 163px; background-position: 0 0; }
.btn-lottery-hover,.btn-lottery:hover{background-position: 0 -153px;}
.btn-lottery.gray,.gray:hover{ background-position: 0 -306px !important; cursor: default !important;}
.times{ position: absolute; width: 100%; text-align: center; top: 88px; left: 0; height: 27px; line-height: 27px; font-size: 14px; color: #49211c}
.times .num{ font-style: normal; font-size: 18px; color: #911505;}
.lottery p{ height: 32px; line-height: 32px; color: #f5ded8; font-size: 16px;}

.text-box{ padding: 10px 15px; background: #3b0e09 url(../images/hdsm_bg.jpg) right top no-repeat;margin-bottom: 72px;}
.tit-con{ font-size: 20px; color: #f4cfbe; font-weight: bold; line-height: 35px;}
.text-box p{ font-size:14px; color: #debaa9; line-height: 30px; }
.text-box p span{ display: inline-block; width: 15px; height: 15px; background: #76271e; color: #e1bdb3; text-align: center; line-height: 15px; margin-right: 10px;}

.con2{ margin-bottom: 65px}
.con2-text{ width: 855px; height: 152px; float: left; background: #120303; border: #57130a 1px solid;}
.con2-text p{ padding: 12px; color: #9a7367; line-height:1.8}
.con2-text p a{color: #9a7367;}
.con2-btn{  width: 208px; height: 154px; float: right;}
.con2-btn a{ display: block;width: 208px; height: 73px; text-indent: -9999px }
.con2-btn1{  background-image: url(../images/con-btn1.jpg); background-position: left top; margin-bottom: 8px; }
.con2-btn2{  background-image: url(../images/con-btn2.jpg); background-position: left top; }
.con2-btn a:hover{background-position: left bottom; }


.vedio{ width: 577px; float:left;}
.vedio-box{ width: 577px; height: 374px; margin:10px 0; position: relative; overflow: hidden;}
.vedio-box-con{width: 577px; height: 374px;}
.vedio-mark{ position: absolute; z-index: 3; width: 569px; height: 366px; border: 4px #000 solid; left: 0; top:0;}
.vedio-icon{ display: none; position: absolute;  width: 57px; height: 57px;  background: url(../images/play_icon.png) no-repeat; top: 50% ; left: 50%; margin-left: -28px; margin-top: -28px; z-index: 4;}
.vedio-box:hover .vedio-mark{background: url(../images/video-bg.png) repeat; }
.vedio-box:hover .vedio-icon{ display: block;}
.vedio p{ color: #ad836f; line-height: 1.9}
.game-list{ width: 437px; float: right;}
.game-slide{ width: 437px;height: 500px;  overflow: hidden; position: relative;}
.game-slide ul{ position: absolute; width: 100%; height: 465px; left: 0; overflow: hidden;}
.game-slide ul li{ width: 437px; float: left;}
.game-slide ul li img{margin-top: 10px; cursor: pointer;}
.game-slide-icon{ position: absolute;bottom: 0; right: 0; width: 96px; height: 28px;}
.game-slide-icon a{ display: block; width: 43px; height: 18px; padding: 6px 0; background: #545454;  }
.game-slide-icon a span{ display: block; width: 13px; height: 16px; margin:auto;background-image: url(../images/slide-icon.png); }
.game-slide-icon a:hover{ background: #4e110a;}
.game-slide-icon a:hover span{background-image: url(../images/slide-icon_hover.png);}
.game-slide-icon .perv{ float: left;}
.game-slide-icon .perv span{background-position: left top;}
.game-slide-icon .next{ float: right;}
.game-slide-icon .next span{background-position: right top;}

.tk-box{ display:none;width: 542px; padding: 5px; margin-left: -271px; padding-bottom: 40px; background: #651810; border: 1px #831f15 solid; position: fixed; left: 50%; z-index: 9; top: 20%}
.tk-box .tk-close{ display: block; width: 23px; height: 23px; background: url(../images/xlw_close.jpg); float: right;}
.tk-main{ width: 350px; margin:35px auto 0;}
.tk-main h2{ color: #e7d3d1; font-size: 22px; font-weight: bold; line-height: 2; border-bottom: 1px #79322b solid}
.tk-main .tit-p{ color: #ca9a95; line-height: 2; font-size: 16px;}
.zc-box{ height: 22px; position: relative; background: #e7d3d1; padding: 10px}
.zc-box input{ background: none; border:none; font-family: Microsoft yahei; outline: none;}
.zc-box p{ width: 80%; height:22px; background: none; border:none; color: #49211c }
.zc-box input{ position: absolute; width: 67px; height: 42px; background: #ffb80c; font-size: 16px; color: #000; font-weight: bold; top: 0; right: 0;}
.xx-box{ width: 100%; height: 220px;}
.xx-box li{ height: 22px; padding: 10px; background: #e7d3d1; margin-bottom: 10px;}
.xx-box li label{ color: #4c3c3b}
.xx-box li input{ width:70%; outline: none; background: none; border: none;}
.tk-main .tk-btn{display: block; width: 156px; height: 60px; margin:20px auto; text-indent: -9999em; border: none; background: none}
.tk-main .tk-jh-btn{ background-image: url(../images/tk_btn1.jpg); background-position: left top;}
.tk-main .tk-tj-btn{background-image: url(../images/tk-btn2.jpg); background-position: left top;}
.tk-main input:hover{background-position: left bottom;}

.tk-img-box{ width: 70%; position: fixed; left: 15%; top: 15%; z-index: 9; display: none}
.tk-img-close{  position: absolute; right: -71px; top: 0; padding: 20px; width: 31px; height: 31px; background:#f2513c url(../images/img_close.jpg) center no-repeat;}
.tk-img-box-bg{ width: 99% ; background: #f2513c; padding: 0.5%;}
.tk-img-box img{width:100%; height: auto;  }

.tk-mark{ display: none; position: fixed; top: 0; left: 0; background: url(../images/tk_bg.png) repeat; z-index: 8; width: 100%; height: 100%;}

.error{ height: 25px; line-height: 25px; text-align: center; color: #f00;}