@charset "utf-8";

/* reset.css */
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline; list-style: none;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
body {line-height:1.5; font-size: 14px; font-family: Microsoft YaHei; }
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
select, input, img { vertical-align: middle; outline: none;border:0 }
a{text-decoration:none;}
a{blur:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0;}
.ovf{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;-moz-binding: url("ellipsis.xml#ellipsis");}
.cl:after { content: ""; display: block; clear: both;visibility: hidden;height: 0 }
.cl { zoom: 1; }
.fl { float: left; }
.fr { float: right;}
.mb2{margin-bottom: 20px;}

body{ background-color: #050404; min-width: 1400px;}
.wrap1000{ width: 1000px; margin:0 auto; position: relative;}
.top{ height: 977px;position: relative; background: url(http://sdxl2.laohu.com/_s/enlist0816/top.jpg) no-repeat center top;}
.top .wrap1000{height: 981px; background: url(http://sdxl2.laohu.com/_s/enlist0816/banner.jpg) no-repeat center top;}
.logo{ display: inline-block; width: 280px; height: 138px; background: url(http://sdxl2.laohu.com/_s/homev2/logo.png) no-repeat center bottom; padding: 18px 0 0 0; margin-left: -120px;}
.button{ width: 156px; height: 43px; display: inline-block; position: absolute; top:28px; text-indent: -99999px; overflow: hidden;}
.btn1{ background: url(http://sdxl2.laohu.com/_s/enlist0816/btn1.png) no-repeat; right:0;}
.btn2{ background: url(http://sdxl2.laohu.com/_s/enlist0816/btn2.png) no-repeat; right:-180px;}
.main{ background: url(http://sdxl2.laohu.com/_s/enlist0816/main.jpg) no-repeat center top; position: relative;}
.mid{ height: 582px;}
.mid .wrap1000{ height: 582px;}
.bot{ height: 960px; position: relative;}
.bot .wrap1000{ height: 960px; position: relative; z-index: 3;}
.bot .tit{ text-align: center; margin-bottom: 116px;}
.line{ height: 24px; background: url(http://sdxl2.laohu.com/_s/enlist0816/line.png) no-repeat center center; position: absolute; left:0; top:947px; width: 100%; z-index: 2;}
.prize{ text-align: center; margin-bottom: 30px;}
.prize img{ margin-left: 28px;}
.desc{ height: 145px; background: url(http://sdxl2.laohu.com/_s/enlist0816/wordDesc.png) no-repeat center top; width: 1036px; margin: 0 0 88px -28px; display: none;}
.desc p{ color: #f6d9a3; font-size: 14px; width: 209px; overflow: hidden; padding: 22px; display: inline-block; float: left; height: 100px; margin-right: 54px;}
.desc .mess1{ margin:0 54px 0 98px; }
.bot .icon{ text-align: center; padding-top: 90px;}
.draw{ width: 1225px; height: 507px; background: url(http://sdxl2.laohu.com/_s/enlist0816/draw.png) no-repeat center top; margin: 0 0 0 -88px; overflow: hidden; }
.draw ul{ width: 813px; height: 363px; overflow: hidden; margin: 44px 0 0 184px; position: relative; overflow: hidden;}
.draw li{ width: 56px; height: 363px; position: relative; float: left; overflow: hidden; background-color: #d8b66e; cursor: pointer;-webkit-transition: width .5s ease 0s;transition: width .5s ease 0s;}
.draw .active{ width: 645px;}
.draw .active .tag{ width: 46px; height: 353px; background-color: #f1dba5; border: 1px solid #a68a4d; left:4px; top:4px;}
.draw .tag{ width: 56px; height: 362px; background-color: #dec07f; border: 1px solid #efd18e; position: absolute; left:0; top:0; z-index: 2; display: block;}
.draw .title{ display: block; width: 56px; height: 362px;line-height: 362px; text-align: center; position: absolute; left:0; top:0; z-index: 3; cursor: pointer;}
.draw .data-img{ display: block; width: 589px; height: 363px; position: absolute; right:0; top:0; position: absolute;}
.enter{ text-align: center; margin-top: -40px; margin-bottom: 90px;}
.enter .tip{ color: #e5cc90; text-decoration: underline;}
.enter .btnEnter{ display: block; width: 239px; height: 65px; background: url(http://sdxl2.laohu.com/_s/enlist0816/btnEnter.png) no-repeat center top; margin: 0 auto; margin-top: 4px;}

.nextPage{ display: inline-block; width: 208px; height: 208px; position: absolute; left:50%; bottom: 5px; margin-left: -104px;}
/***灯笼***/
.lantern{ position:absolute; width: 253px;height:603px;left:0px; top:464px; background:url(http://sdxl2.laohu.com/_s/enlist0816/denglong2.png); z-index:10;}
.dl_weibo{ position:absolute; width:45px; height:37px; left:132px; top:124px; background:url(http://sdxl2.laohu.com/_s/enlist0816/dl_sns.png); text-indent:-9999px;}
.dl_weibo:hover{ background:url(http://sdxl2.laohu.com/_s/enlist0816/dl_sns.png) -45px 0 no-repeat!important;}
.dl_weixin{position:absolute; width:45px; height:37px; left:132px; top:161px; background:url(http://sdxl2.laohu.com/_s/enlist0816/dl_sns.png) 0 -37px no-repeat;}
.dl_weixin:hover{ background:url(http://sdxl2.laohu.com/_s/enlist0816/dl_sns.png) -45px -37px no-repeat!important;}
.dl_ewm{ display:none; position:absolute; width:117px; padding-left:10px; left:44px; top:-36px;}
.dl_weixin:hover .dl_ewm{ display: block;}
.icon_sanjiao{ position:absolute; width:10px; left:0; top:50px;}
.dl_cont{ width:117px;}
.ewm_cont{ width:115px; padding:7px 0; background-color:#c67838;}
.ewm_cont img{ display:block; width:95px; height:95px; margin:0 auto;}
.ewm_cont p{ margin-top:4px; font:normal 12px/12px Microsoft YaHei; color:#fff; text-align:center;}

.dl_qq{position:absolute; width:45px; height:37px; left:132px; top:198px; background:url(http://sdxl2.laohu.com/_s/enlist0816/dl_sns.png) 0 -74px no-repeat;}
.dl_qq:hover{ background:url(http://sdxl2.laohu.com/_s/enlist0816/dl_sns.png) -45px -74px no-repeat!important;}
.dl_qq:hover .dl_qq_wrap{ display: block;}
.dl_qq .icon_sanjiao{ top:40px;}
.dl_qq_wrap{ display:none; position:absolute; width:295px; padding-left:10px; left:44px; top:-30px;}
.qqun_bg{width:265px; padding:11px 15px 1px; background-color:#c67838;}
.qqun_bg p{ height:36px; margin-bottom:14px; font:normal 14px/36px Microsoft YaHei; color:#fff;}
.qqun_bg p a{ float:left; width:88px; height:34px; margin-right:10px; line-height:34px; color:#fff; text-align:center; border:1px solid #f1e4c2; border-radius:10px;}

.link_bbs{ position:absolute; width:45px; height:37px; left:132px; top:235px; background:url(http://sdxl2.laohu.com/_s/enlist0816/dl_sns.png) 0 -111px no-repeat;}
.link_bbs:hover{background:url(http://sdxl2.laohu.com/_s/enlist0816/dl_sns.png) -45px -111px no-repeat}

.drawTit{ position: relative;  width: 58px; height: 363px; float: left;}


.animate .item1{animation:fadeInBigLeft 2s ease 0s forwards;}
.animate .item4 {animation:fadeInLeft 0.6s ease 0s forwards;}
.animate .item3 {animation:fadeInLeft 1.2s ease 0s forwards;}
.animate .item2 {animation:fadeInLeft 1.8s ease 0s forwards;}

@-webkit-keyframes fadeInBigLeft{
    0%{opacity:0;-webkit-transform:translateX(-200px);transform:translateX(-200px)}
    100%{opacity:1;-webkit-transform:translateX(0px);transform:translateX(0px)}}
@keyframes fadeInRight{
    0%{opacity:0;-webkit-transform:translateX(-200px);-ms-transform:translateX(-200px);transform:translateX(-200px)}
    100%{opacity:1;-webkit-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px)}
}

@-webkit-keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px)}
    100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeft{
    0%{opacity:0;-webkit-transform:translateX(-40px);-ms-transform:translateX(-40px);transform:translateX(-40px)}
    100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}