body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
address, cite, dfn, em, var {font-style:normal;}
small {font-size:12px;}
ul, ol {list-style:none;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
legend {color:#000;}
fieldset, img {border:0;}
button, input, select, textarea {font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
i, em, cite {font-style:normal;}
.clear {clear:both;width:0px;height:0px;margin:0;padding:0;font-size:0px; overflow:hidden;}
.left {float:left;}
.right {float: right;}
iframe {margin:0;padding:0;}
textarea {resize:none;}
input {outline: none;}
textarea {outline: none;}
.clearfix:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;}

body{ background-color:#020101; background-image:url(../images/bg.jpg); background-repeat: repeat; background-position: 0 0; font:12px/22px \5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-serif;}
a{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out; text-decoration:none;}
.t_idt{ text-indent:-999em; overflow:hidden; display:block;}
.t_elp{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.ps{ position:absolute; display:block; overflow:hidden;}

.wrap{ background: url(../images/wrap_bg.jpg) no-repeat center top;}
.wrap .content{ width:1100px; position:relative; margin: 0 auto; z-index: 0}
.bg{ position: absolute; z-index: -1; width: 1100px; height: 1045px; top: 0; left: 0;}
.bg div{ width: 100%; height: 261px; background-position: center top;}
.bg .bg1{ background-image: url(../images/bg1.jpg);}
.bg .bg2{ background-image: url(../images/bg2.jpg); height: 262px;}
.bg .bg3{ background-image: url(../images/bg3.jpg);}
.bg .bg4{ background-image: url(../images/bg4.jpg);}

.main{ width: 1100px;}
.mod-a{ padding: 421px 0 0 537px; height: 66px;}
.mod-a .btn-1{ background: url(../images/btn-1.jpg) no-repeat 0 0; text-align: center; line-height: 61px; height: 66px; color: #fff; font-size: 24px; width: 192px; margin-right: 56px; float: left;}
.mod-a .btn-1:hover{ background: url(../images/btn-1-hover.jpg) no-repeat 0 0;}
.mod-a .btn-2{ background: url(../images/btn-2.jpg) no-repeat 0 0; text-align: center; line-height: 61px;height: 66px; color: #fff; font-size: 24px; float: left;width: 192px}
.mod-a .btn-2:hover{ background: url(../images/btn-2-hover.jpg) no-repeat 0 0;}

.mod-b{ padding-top: 113px;}
.b-left{ width: 364px; float: left;}
.b-1{ background: #a27747 url(../images/t1.jpg) no-repeat left top; width: 364px; height: 375px;}
.b-1-bd{ width: 228px; height: 288px; margin:0 auto; padding-top: 72px;}

.b-2{ margin-top: 7px; width: 364px; height: 670px; background: url(../images/t2.jpg) no-repeat center top; padding-top: 86px;}
.b-2-game{ height: 545px; width: 364px; margin-top: 1px;}
.b-2-info{ padding-top: 14px; line-height: 18px;}
.b-2-info p{ color: #c6c6c6; padding: 0 18px 16px; font-size: 14px;}
.btn-3{ display: block; width: 258px; margin: 0 auto; font-size: 20px; color: #fff; height: 48px; line-height: 48px; text-align:center;background: #a63036;}
.btn-3:hover{ background: #f7801e;}

.b-right{ width: 729px; float: right;}
.b-3{ background:#423730 url(../images/t3.jpg) no-repeat left top; height: 667px; padding-top: 86px;}

.slot{ width: 707px; height: 487px; background: url(../images/cj_bg.jpg) no-repeat 0 0; margin-left:10px; position: relative; overflow: hidden;}
.slot .inner{ margin: 12px 0 0 12px; position: relative; background: url(../images/inner-bg.jpg) no-repeat 0 0; width: 568px; height:465px; overflow: hidden; padding-left: 22px;}
.slot .item{ float: left; margin-right: 11px; position: relative; width: 163px; background: #fff; padding:0 5px 5px;}
.slot .item li{ margin-top: 5px; width: 163px;}
.slot .item li img{ display: block; width: 163px; height: 217px;}
.slot-mask{ width: 590px; height: 465px; background: url(../images/mark.png) no-repeat 0 0; position: absolute; top: 12px; left: 12px; z-index: 2;}
.slot-btn{ background: url(../images/cj_ygbg.jpg) no-repeat center bottom; position: absolute; width: 80px; height: 228px; right: 12px; bottom: 12px;}
.times{ position: absolute; top: 152px; color: #bdbdbd; font-size: 14px; text-align:center; line-height: 18px; width: 80px;}
.time-num{ position: absolute; top: 178px; left: 6px; width: 68px; vertical-align:baseline; color: #bdbdbd;text-align: center;}
.time-num .num{ color: #f2823a; font-size: 35px; line-height: 28px;}
.btn-cj{ background: url(../images/cj_btn.png) no-repeat 0 0; width: 109px; height: 108px; position: absolute; top:-38px; left:-14px;}
.btn-cj:hover{ background: url(../images/cj_btn_hover.png) no-repeat 0 0;}

.share{ margin: 13px 0 0 10px; height: 77px; width: 706px;}
.share-box{ background: #fff; border: none; width: 560px; *margin-left: -10px; float: left; height: 57px; padding: 10px; line-height: 18px; color: #848484; font-size: 13px;}
.share-qq{ background: #b8333a; width: 125px; color: #fff; margin:0 0 1px 580px; height: 38px; line-height: 38px; font-size: 18px; text-align: center; display: block;}
.share-sina{ background: #b8333a; width: 125px;height: 38px; color: #fff; margin-left: 580px; line-height: 38px; font-size: 18px; text-align: center; display: block;}
.share-qq:hover,.share-sina:hover{ background: #f7801e;}

.rule{ margin: 10px 0 0 10px;}
.rule li{ color: #b8a295; font-size: 14px; line-height: 20px; height: 20px;}
.rule li span{ margin: 3px 5px 0 0; background: url(../images/dot.jpg) no-repeat 0 0; text-align: center; line-height: 14px; width: 14px; height: 14px; font-size: 12px; color: #423730; float: left;}

.b-4{ height: 364px; margin-top: 8px;}
.tab-title{ height: 50px;}
.tab-title a{ width: 120px; height: 50px; float: left; margin-right: 1px; background: #a27747; color: #e9d5a1; font-size: 15px; line-height: 50px; text-align: center;}
.tab-title .current{ background: #a63036;}
.tab-content{ width: 729px; overflow: hidden; height: 314px;}
.tab-content .item{ display: none;}
.tab-content .active{ display: block;}

.tip{ width: 490px; height: 270px; background: #f9f9f9; position: fixed; left: 50%; top: 50%; margin: -135px 0 0 -245px;}
.close{ background: url(../images/close.jpg) no-repeat 0 0; width: 29px; height: 29px; position: absolute; right: 20px; top: 20px; overflow: hidden; text-indent: -999em;}
.tip_bd{ width: 490px; height: 270px; display: table;}
.tip_bd_box{ padding-top: 77px; text-align: center;font-size: 24px; }
.tip_bd_box h3{ color: #d8a368; line-height: 115px; font-weight: normal;}
.tip_bd_box h5{ color: #d8a368; font-weight: normal;line-height: 45px;}
.tip_bd_box h6{ color: #b8333a;font-weight: normal;line-height: 45px;}

.sm{ width: 166px;height: 166px; position: fixed; left: 50%; margin-left: 552px; top: 50%; margin-top: -83px;}
.sm img{ display: block;}

.site-footer {
    padding-top: 26px;
    padding-bottom: 26px;
    color: #eee;
}
.site-footer a{
    color: #eee;
}
.footer-container {   text-align: center;}
.footer-container img {
    vertical-align: middle;
}
.inline-block {
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom:1;
    padding-left: 5px;
    padding-right: 5px;
}