/*common*/
.clearFix:after{ clear: both; display: block; visibility: hidden; height: 0; line-height: 0; content: ""; }
.clearFix{ *zoom: 1; }
/*html{ background-image: url(''); background-attachment: fixed; }*/
body{ font-family: "Microsoft YaHei"; font-size: 18px; line-height: 28px; background-color: #982025; position: relative; }
a{ text-decoration: none; }

/*main*/
.main{ position: relative; top: 0; width: 960px; margin: 0 auto; overflow: hidden; height: 1400px; text-align: left; }

/*background*/
.bg0{ position: absolute; top: 0; left: 0; width: 100%; height: 540px; background: url("../images/guanggungift/bg0.jpg") no-repeat center; z-index: -1; }
.bg1{ position: absolute; top: 540px; left: 0; width: 100%; height: 440px; background: url("../images/guanggungift/bg1.jpg") repeat-x bottom center; background-color: #ffffff; z-index: -1; }
.bg2{ position: absolute; top: 960px; left: 0; width: 100%; height: 430px; background: url("../images/guanggungift/bg2.jpg") no-repeat bottom center; z-index: -1; }
.bg3{ position: absolute; top: 450px; left: 0; width: 100%; height: 590px; background: url("../images/guanggungift/bg3.png") no-repeat bottom center; z-index: -1; }
.bg4{ position: absolute; top: 532px; left: 34px; width: 34px; height: 232px; background: url("../images/guanggungift/stop.jpg") no-repeat center; z-index: -1; }
.bg5{ position: absolute; top: 532px; left: 592px; width: 34px; height: 232px; background: url("../images/guanggungift/stop.jpg") no-repeat center; z-index: -1; }
/*bg0.png 2099*746*/
/*减去mini-top的32px*/

/*头部内容*/
.header p.back{ padding: 0 0 0 824px; line-height: 32px; text-align: center; }
.header p.back a{ color: #ffe400; display: block; width: 136px; height: 36px; z-index: -1; }
.header p.back a:hover{ text-decoration: underline; }
.header p.time{ margin-top: 230px; line-height: 22px; font-size: 18px; font-weight: bold; color: #ffffff; text-align: center; }
.header p.time em{ color: #ffe400; }

/*尾部内容*/
.footer{ color: #ffffff; font-size: 14px; line-height: 46px; padding-top: 726px; padding-left: 120px; }
.footer span.flag{ display: inline-block; width: 16px; height: 16px; vertical-align: text-top; background: url("../images/guanggungift/flag.png") no-repeat 0 0; }
.footer a{ color: #ffe400; }
.footer a:hover{ text-decoration: underline; }

/*摇杆*/
#yaogan a{ position: absolute; top: 570px; left: 628px; width: 70px; height: 140px; cursor: pointer; background: url("../images/guanggungift/yaogan.png") no-repeat 0 0; }
/*我的物品*/
.btnMygoods a{ position: absolute; top: 782px; left: 100px; width: 196px; height: 70px; cursor: pointer; background: url("../images/guanggungift/mygoods.png") no-repeat 0 0; }
/*剩余次数*/
.btnTimes{ position: absolute; top: 782px; left: 380px; width: 196px; padding-top: 6px; height: 70px; background: url("../images/guanggungift/btn.png") no-repeat 0 0; }
.btnTimes p.p1{ text-align: center; font-size: 16px; line-height: 20px; color: #BF093F; font-weight: bold; }
.btnTimes p.p1 em{ font-size: 20px; padding: 0 4px; vertical-align: top; *vertical-align: middle; }
.btnTimes p.p2{ text-align: center; font-size: 16px; line-height: 16px; }
.btnTimes p.p2 a{ font-size: 14px; line-height: 16px; color: #BF093F; }
.btnTimes p.p2 a:hover{ color: #FF7500; }

/*中奖信息*/
.log{ /*border: red solid 1px;*/ height: 370px; width: 218px; position: absolute; top: 610px; right: 28px; }
.log p{ font-size: 16px; line-height: 24px; color: #BF093F; padding-left: 8px; }
.log div.box{ height: 336px; width: 218px; overflow: hidden; position: relative; }
.log div.box ul{ position: relative; left: 0; top: 0; z-index: -1; }
.log div.box ul li{ line-height: 24px; font-size: 14px; height: 24px; color: #ffffff; }
.log div.box ul li span{ display: inline-block; vertical-align: middle; text-align: center; height: 24px; }
.log div.box ul li span.name{ width: 90px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px; }
.log div.box ul li span.gift{ width: 98px; overflow: hidden; }

/*滚动轴*/
.rollBox{ position: absolute; top: 582px; left: 77px; width: 504px; height: 140px; overflow: hidden; }
.rollBox #roll1{ width: 160px; height: 280px; float: left; position: relative; top: -140px; left: 0; }
.rollBox #roll2{ width: 160px; height: 280px; float: left; position: relative; top: -140px; left: 0; }
.rollBox #roll3{ width: 160px; height: 280px; float: left; position: relative; top: -140px; left: 0; }
.rollBox ul li{ width: 160px; height: 140px; }
.rollBox ul li.guanggun{ background: url("../images/guanggungift/guanggun.png") no-repeat center; }
.rollBox ul li.lianghao5{ background: url("../images/guanggungift/lianghao5.png") no-repeat center; }
.rollBox ul li.lianghao7{ background: url("../images/guanggungift/lianghao7.png") no-repeat center; }
.rollBox ul li.lianghao9{ background: url("../images/guanggungift/lianghao9.png") no-repeat center; }
.rollBox ul li.hongse{ background: url("../images/guanggungift/hongse.png") no-repeat center; }
.rollBox ul li.shuijing{ background: url("../images/guanggungift/shuijing.png") no-repeat center; }

/*遮蔽*/
.overlay{ display: none; position: fixed; left: 0px; top: 0px; opacity: 0.5; filter: alpha(opacity=50);  z-index: 1000; width: 100%; height: 100%; background: none repeat scroll 0 0 #666666; }
.overbody{ display: none; position: fixed; left: 0px; top: 0px; z-index: 1010; width: 100%; height: 100%; }
/*信息*/
#message{ display: none; position: absolute; top: 50%; left: 50%; width: 340px; height: 172px; margin-left: -170px; margin-top: -86px; border: 1px solid #ffffff; background-color: #C8184E; z-index: -1; }
#message a.close{ display: block; float: right; margin-right: 10px; margin-top: 10px; width: 16px; height: 16px; line-height: 16px; font-size: 16px; font-weight: bold; color: #ffffff; }
#message p{ line-height: 24px; font-size: 18px; color: #ffffff; text-align: center; }
#message p a{ color: #ffe400; }
#message p a:hover{ text-decoration: underline; }
#message a.btn{ display: inline-block; width: 54px; height: 32px; line-height: 32px; margin-top: 12px; text-align: center; color: #ffffff; border: 1px solid #ffffff; background-color: #D95E83; cursor: pointer; }
#message a.mygoods{ display: inline-block; width: 134px; height: 32px; line-height: 32px; margin-top: 12px; margin-left: 136px; text-align: center; color: #ffffff;  border: 1px solid #ffffff; background-color: #D95E83; cursor: pointer; }

/*我的物品*/
#mygoods{ display: none; position: absolute; top: 50%; left: 50%; width: 880px; height: 460px; margin-top: -230px; margin-left: -440px; border: 1px solid #ffffff; background-color: #C8184E; z-index: -1; }
#mygoods a.close{ display: block; float: right; margin-right: 10px; margin-top: 10px; width: 16px; height: 16px; line-height: 16px; font-size: 16px; font-weight: bold; color: #ffffff; }
#mygoods p.title{ font-size: 26px; line-height: 54px; padding-left: 20px; text-align: left; color: #ffffff; }
#mygoods p.title span{ display: inline-block; font-size: 12px; line-height: 24px; padding-right: 20px; }
#mygoods p.title span.tit{ padding-left: 50px; }
#mygoods div.exchange{ height: 106px; width: 880px; padding: 10px 0 24px; }
#mygoods div.exchange div{ display: block; float: left; width: 154px; height: 104px; margin-left: 18px; margin-right: 18px; padding: 1px; }
#mygoods div.exchange div.exchange5{ background: url("../images/guanggungift/lianghao5.png") no-repeat center; }
#mygoods div.exchange div.exchange7{ background: url("../images/guanggungift/lianghao7.png") no-repeat center; }
#mygoods div.exchange p.content{ display: block; float: left; width: 226px; height: 106px; font-size: 18px; line-height: 26px; color: #ffffff; }
#mygoods div.exchange p.content a.exchange{ display: inline-block; width: 54px; height: 32px; line-height: 32px; margin-top: 12px; text-align: center; color: #ffffff; border: 1px solid #ffffff; background-color: #867A7D; cursor: default; }
#mygoods #title span,
#mygoods #scroll #content li span{ display: inline-block; text-align: center; font-size: 14px; line-height: 52px; vertical-align: middle; border-right: 2px solid #D34671; color: #ffffff; }
#mygoods #title{ margin-left: 20px; border-left: 2px solid #D34671; }
#mygoods .scroll{ display: block; border: 2px solid #D34671; position: absolute; top:228px; left: 20px; height: 208px; width: 838px; z-index: -1; }
#mygoods #title span{ background-color: #D34671; font-size: 18px; line-height: 34px; border-right: 2px solid #D34671; }
#mygoods span.name{ width: 140px; }
#mygoods span.number{ width: 60px; }
#mygoods span.time{ width: 330px; }
#mygoods span.password{ width: 200px; }
#mygoods span.operate{ width: 100px; }
#mygoods #scroll #content li a{ display: inline-block; width: 54px; height: 32px; line-height: 32px; margin-top: 10px; text-align: center; color: #ffffff; border: 1px solid #ffffff; background-color: #D95E83; cursor: pointer; }
#scroll{ height: 212px; width: 858px; margin-left: 20px; overflow: auto; padding-left: 2px; }

/*footer*/
#footer_link_info p{ color: #ffffff; font-family: Arial; }
#footer_link_info a{ color: #ffffff; }
#footer_link_info a:hover{ color: #ffe400; }

/*aside Share*/
.shareTop{ width: 40px; position: fixed; right: 0; bottom: 150px; z-index: 500; }
.shareTop{ _position: absolute; _bottom: auto; _margin-bottom:150px;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
.shareTop .top,
.shareTop .bdshare_b a.img,
.shareTop .tecentWeibo a{ background: url('../images/guanggungift/share.png') no-repeat center; width: 80px; height: 298px; }
/*share.png 40*296 Top 40*40 Share 40*80 Weibo 40*176*/
.shareTop a.top{ display: inline-block; background-position: 0 0; width: 40px; height: 40px; }
.shareTop a.top:hover{ background-position: -40px 0; }
.shareTop .bdshare_b a.img{ display: inline-block; background-position: 0 -40px; width: 40px; height: 80px; margin-top: 10px;}
.shareTop .bdshare_b a.img:hover{ background-position: -40px -40px; }
.shareTop .tecentWeibo a{ display: inline-block; background-position: 0 -120px; width: 40px; height: 178px; margin-top: 10px; }
.shareTop .tecentWeibo a:hover{ background-position: -40px -120px; }