﻿/*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: #1a2e30; position: relative; }
a{ text-decoration: none; }

/*main*/
.main{ position: relative; top: 0; width: 960px; margin: 0 auto; overflow: hidden; height: 1660px; text-align: left; }

/*background*/
.bg0{ position: absolute; top: 0; left: 0; width: 100%; height: 1695px; background: url("../images/laoyuebing/bg0.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: #4B076F; display: block; width: 136px; height: 36px; background: url("../images/laoyuebing/back.png") no-repeat 0 0; z-index: -1; }
.header p.back a:hover{ background-position: 0 -36px; z-index: -1; }
.header p.time{ margin-top: 266px; line-height: 34px; font-size: 22px; color: #FFEC84; }
.header p.ti{ margin-top: 0; text-indent: 5em; margin-bottom: 18px; }
.header p.gift{ font-size: 16px; color: #A2F7FF; padding-left: 14px; }
.header p.ti2{ text-indent: 4em; }
.header span{ color: #F9EC0A; }

/*尾部内容*/
.footer{ color: #ffffff; font-size: 16px; line-height: 28px; margin-top: 820px; padding-top: 10px;}
.footer p.title{ line-height: 32px; color: #ffffff; font-size: 18px; text-indent: 6px; font-weight: bold; }
.footer a{ color: #FFFF00; }
.footer a:hover{ text-decoration: underline; }

/*捞月饼*/
#laoyuebing{ position: absolute; top: 1020px; left: 440px;/* border: red solid 2px; */}

/*中奖信息*/
.information{ position: absolute; top: 342px; right: 0; width: 318px; height: 686px; /*border: red solid 1px;*/   }
.information .p1{ color: #ffffff; line-height: 50px; font-size: 18px; vertical-align: middle; /*border: red solid 1px; */text-align: center; }
.information .p1 em{ color: #F9EB09; font-size: 40px; vertical-align: middle; display: inline-block; height: 50px; padding: 0 6px; }
.information .p1 a{ display: inline-block; color: #ffffff; margin-left: 24px; }
.information .p1 a:hover{ color: #4125B8; }
.information .p2{ color: #333333; line-height: 18px; font-size: 16px; vertical-align: middle;/* border: red solid 1px;*/ text-align: center; padding-top: 4px; }
.information .p2 em{ display: inline-block; height: 18px; padding: 0 4px; }
.information .p2 a{ display: inline-block; color: #333333; margin-left: 24px; /*text-decoration: underline;*/ }
.information .p2 a:hover{ color: #862AB3; }
/*排名栏*/
.information .leaderboard{ height: 356px;/* border: red solid 1px;*/ margin-top: 14px; }
.information .leaderboard .title{ line-height: 54px; font-size: 24px; color: #F9EB09;/* border: red solid 1px; */text-align: center; /*letter-spacing: 10px;*/ font-weight: bold; }
.information .leaderboard ul{ width: 310px; padding: 0 4px; }
.information .leaderboard ul li{ display: block; float: left; width: 62px; text-align: center; line-height: 40px; }
.information .leaderboard ul li a{ color: #333333; display: inline-block; height: 38px; }
.information .leaderboard ul li a.select{ border-bottom: 2px solid #A778CF; }
/*排名*/
.information .leaderboard .content{ color: #7B2EBF; font-size: 16px; line-height: 40px; }
.information .leaderboard .content span{ display:inline-block; height: 50px; line-height: 50px; text-align: center; vertical-align: middle; }
.information .leaderboard .content span.no{ width: 80px; }
.information .leaderboard .content span.name{ width: 156px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.information .leaderboard .content span.number{ width: 80px; }
.information .leaderboard .content p.title2 span{ font-size: 18px; height: 40px; line-height: 40px; }
/*滚动条*/
.information .log{/* border: red solid 1px;*/ height: 188px; color: #333333; margin: 36px 0 16px 26px; overflow: hidden; width: 280px; position: relative; }
.information .log ul{ position: relative; left: 0; top: 0; }
.information .log ul li{ line-height: 38px; font-size: 16px; height: 38px; }
.information .log ul li span{ display: inline-block; vertical-align: middle; text-align: center; height: 38px; }
.information .log ul li span.l{ padding: 0 10px; }
.information .log ul li span.name{ width: 80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

/*遮蔽*/
#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%; }
/*中奖礼物*/
#gift{ display: none; position: absolute; top: 50%; left: 50%; width: 576px; height: 320px; margin-left: -270px; margin-top: -160px; background: url("../images/laoyuebing/gift.png") no-repeat 0 0; z-index: -1;}
#gift a.close{ display: block; float: right; width: 44px; height: 44px; }
#gift p{ line-height: 24px; font-size: 18px; color: #000000; padding-top: 120px; text-align: center; }
#gift p em{ font-size: 24px; color: #6211C6; display: inline-block; text-indent: 40px;}
#gift a.mygoods{ display: none; width: 176px; height: 50px; color: #ffffff;/* border: red solid 1px; */margin: 52px 0 0 182px; text-align: center; line-height: 50px; background-color: #6211C6; }
/*我的物品*/
#mygoods{ display: none; position: absolute; top: 0; left: 50%; width: 622px; height: 548px; margin-top: 100px; margin-left: -300px; }
#mygoods div.title{ height: 78px; background: url("../images/laoyuebing/title.png") no-repeat 0 0; z-index: -1; }
#mygoods div.title a.close{ display: block; float: right; width: 44px; height: 44px; }
#mygoods div.title p{ color: #F9EB09; font-size: 26px; padding-top: 22px; line-height: 56px; text-align: center; letter-spacing: 10px; font-weight: bold; text-indent: 34px; }
#mygoods span{ display: inline-block; text-align: center; font-size: 16px; padding: 8px 0; line-height: 16px; vertical-align: middle; }
#mygoods span.name{ width: 136px; }
#mygoods span.number{ width: 44px; }
#mygoods span.time{ width: 188px; line-height: 20px; }
#mygoods span.password{ width: 112px; word-wrap: break-word; }
#mygoods span.operate{ width: 120px; }
#mygoods span.yuebing{ width: 100px; }
#mygoods .title2{ display: none; height: 46px; color: #333333; font-size: 16px; font-weight: bold; background: url("../images/laoyuebing/title2.png") no-repeat 0 0; z-index: -1; }
#mygoods ul{ background: url("../images/laoyuebing/body.png") repeat-y 0 0; z-index: -1; }
#mygoods ul li{ height: 72px; width: 600px;}
#mygoods ul li em{ width: 0; }
#mygoods ul a{ display: inline-block; width: 60px; height: 34px; color: #333333; line-height: 34px; background: #F9EB09; }
#mygoods .bottom{ height: 10px; background: url("../images/laoyuebing/bottom.png") no-repeat 0 0; z-index: -1; }
#nogoods{ margin-left: 1px; width: 599px; line-height: 460px; font-size: 18px; color: #000000; text-align: center; background-color: #ffffff; }
#goods2{ display: none; margin-left: 1px; width: 589px;color: #000000; background-color: #ffffff; padding-left: 10px; }
#goods2 span{ display: inline-block; text-align: center; vertical-align: middle; line-height: 66px; font-size: 16px; }
#goods2 span.name{ width: 70px; margin-left: 12px; }
#goods2 span.number{ width: 28px; }
.awardGiftID{ visibility: hidden; width: 0; height: 0; }
#zijin{ display: none; margin-left: 1px; width: 599px; padding-bottom: 22px; font-size: 18px; color: #000000; text-align: center; background-color: #ffffff; }
#zijin a{ display: inline-block; width: 124px; height: 40px; color: #333333; letter-spacing: 6px; font-size: 16px; text-indent: 6px; line-height: 40px; background: #F9EB09; background: url("../images/laoyuebing/zijin.png") no-repeat 0 0; }
#bg{ margin-left: 1px; width: 622px; height: 470px; position: absolute; top: 78px; left: 0px; background: url("../images/laoyuebing/bottom2.png") no-repeat 0 0; z-index: -1; }
#scroll{ height: 450px; overflow: auto; width: 618px;}

/*使用提示框*/
#used{ display: none; position: absolute; width: 230px; height: 50px; top: 300px; left: 50%; margin-left: 70px; background: #F9EB09; padding: 10px 0; font-size: 18px; line-height: 20px; color: #6211C6; text-align: center; }
#used span{ display: inline-block; padding: 0 10px; }

/*diantai*/
#diantai{ position: fixed; left: 50%; margin-left: 480px; bottom: 40px; display: none; width:130px; height: 90px; cursor:pointer; background: url("../images/zhuanti/diantai.png") no-repeat; z-index: 501; }
#diantai{ _position: absolute; _bottom: auto; _margin-bottom:40px;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
#diantai a{ display: block; width: 100%; height: 100%; }
.cube{ height: 14px; width: 14px; float: right; }

/*footer*/
#footer_link_info p{ color: #ffffff; font-family: Arial; }
#footer_link_info a{ color: #ffffff; }
#footer_link_info a:hover{ color: #9DD3FF; }

/*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/laoyuebing/share.png') no-repeat center; width: 80px; height: 270px; }
/*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: 70px; margin-top: 10px;}
.shareTop .bdshare_b a.img:hover{ background-position: -40px -40px; }
.shareTop .tecentWeibo a{ display: inline-block; background-position: 0 -110px; width: 40px; height: 160px; margin-top: 10px; }
.shareTop .tecentWeibo a:hover{ background-position: -40px -110px; }