@charset "gb2312";
/*
* Description: 抽奖活动页面
* Update:      8/13/2015
* Author:      yixiaofang
*/

/* reset css */
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style: none;}
body{font-size: 16px;background: #f9b603; position: relative; color:#333;font-family: "microsoft YaHei";}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{text-decoration: none;}
a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
img{display:block;}
/*-----------------------------------------分隔线------------------------------------------------*/
.autoin{width:980px;margin:0 auto;}


/* banner start */
.banner{width:100%;}
.banner01{height:106px;background:url(../images/banner01.png) top center no-repeat;}
.banner02{height:110px;background:url(../images/banner02.png) top center no-repeat;}
.banner03{height:131px;background:url(../images/banner03.png) top center no-repeat;}
.banner04{height:119px;background:url(../images/banner04.png) top center no-repeat;}


/*chou*/
.chou{ width:100%; height:585px; background:url(../images/bg_03.png) no-repeat top center ; margin-top:-47px;position:relative;}
.chou .autoin{ padding:0 0 0 53px; width:927px; position:relative;}

.cright{ float:left; width:323px; margin:50px 0 0 0; height:430px; background:url(../images/list.png) no-repeat;}
.cright h3,.illustate h3,.money h3{ font-size:24px; font-weight:bold; text-align:center; color:#4f4f4f; padding: 25px 0 0 0;}
.cright ul{ overflow:hidden; padding:32px 0 0 55px; width:245px; height:285px; }
.cright ul li{ line-height:35px; color:#9a7343;}


.turntable-bg { float:left; margin:0 50px 0 0; width: 512px; height:522px; position: relative; background: url(../images/zbg.png);}
.turntable-bg .pointer { cursor:pointer; width: 135px;height: 159px; position: absolute; left: 50%; top: 50%;  margin-left: -67px; margin-top: -96px; z-index: 8;}
.turntable-bg .rotate { width: 422px; height: 438px;  position: absolute; left: 39px;  top: 39px;}

/*landing*/
.landing{ width:460px; height:209px; background:url(../images/landing.png) no-repeat; position:fixed; z-index:100; left:50%; margin:-104px 0 0 -230px; top:50%;}
.landing ul { padding:20px 0 0 50px;}
.landing ul li{ font-size:16px; padding-bottom:10px; overflow:hidden; font-weight:bold; color:#6c3f08;}
.landing ul li .ipt{ width:211px; height:33px; background:#fff; border:1px solid #ed2800;}
.landing ul li .imgbt{ margin:0 21px 0 64px;}
/*ie定位*/
	#landing {
	position: absolute/9; _position: absolute;
	bottom:auto/9;_bottom: auto;
	_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||300)));
	top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||300)))/9;
	 
	} 
	
	*html{
		background-image:url(about:blank);
		background-attachment:fixed;
		}	

/*usage*/
.usage{ width:100%;}
.cList{ width:987px; margin:0 auto;}
.illustate{ height:463px; background:url(../images/illustate.png) no-repeat;}
.illustate h3{ padding-top:52px;}
.illustate dl{ padding:48px 0 0 105px; color:#9a7343;}
.illustate dl dt{ float:left; font-size:18px;  line-height:37px;}
.illustate dl dd{ line-height:37px;  }
.illustate dl .idd{clear:both; }
.illustate dl li{ float:left; width:373px; line-height:41px;}
.illustate dl li em{ padding:0 7px 7px 7px; color:#fff; margin:0 3px 0 0; background:url(../images/dian.png) no-repeat;}

.money{ height:439px; background:url(../images/money.png) no-repeat;}
.money h3{ padding-top:20px;}
.money h3 em{ color:#e4a00e;}
.video{ padding:50px 0 0 95px;}

.videoIn{ width:422px; float:left;}
.number { padding-top:22px;}
.number a{ display:block; height:43px; float:left; font-size:20px; text-align:center; line-height:42px; color:#a67100;}
.number .btn01{ width:194px; margin-right:45px; background:url(../images/btn01_03.png) no-repeat; }
.number .btn02{ width:147px; background:url(../images/btn02.png) no-repeat; }

.vlist{ float:left; color:#a67100; width:347px;}
.vlist h4{ width:347px; display:block;  font-size:20px; border-bottom:1px solid #e8e8e8;}
.vlist ol{ padding-top:15px;}
.vlist li{ padding:0 0 17px 0;*padding:0 0 12px 0; overflow:hidden;}
.vlist li span{ display:block; float:left; line-height:25px;}
.vlist li p{ float:left; width:324px; line-height:25px;}


.ubottom{ width:100%; height:198px;  background:url(../images/ubottom.png) no-repeat top center;}

#login_wrap{   font-size: 14px;
  font-weight: bold;
position: absolute;
  top: 500px;
  left: 50%;
  margin-left: 140px;
    width: 300px;
  text-align: center;
  
}
.result{  background-color: #210607;display:none;position:fixed;left:50%;top:40%;margin-left:-197px;width:395px;height:132px;background-color:rgba(0,0,0,0.75);filter:alpha(opacity=90);z-index:10003;}
#resultBtn{position:absolute;right:5px;top:5px;width:25px;height:25px;text-indent:-100px;background-image:url(http://demo.lanrenzhijia.com/2015/draw0109/images/close.png);overflow:hidden;}
#resultBtn2{position:absolute;right:20px;top:15px;width:18px;height:18px;text-indent:-100px;background-image:url(../images/close.png);overflow:hidden;}
.result p{padding:20px 15px 0;line-height: 1.75;font:16px "Microsoft Yahei";color:#fff;text-align:center;}
.result em{color:#ffea76;font-style:normal;}
#resultTxt a {
  font: 16px "Microsoft Yahei";
  color: #fff;
  text-align: center;
  line-height: 1.75;
}
.result p span {line-height: 80px}
.listname {    display: inline-block;
    width: 50px;}

 .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes flash {
    from, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}
@keyframes flash {
    from, 50%, 100% {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
.landing,.result{
	_margin-top: 200px;
	_position: absolute;
	_bottom: auto;
 _top:expression(eval(document.documentElement.scrollTop));
}