html, body { font-family: "Microsoft YaHei"; background: #78b82e; width: 100%; height: 100%;}

html body { 
	_background-image: url(about:blank);     /*用浏览器空白页面作为背景*/
    _background-attachment: fixed;     /* prevent screen flash in IE6 确保滚动条滚动时，元素不闪动*/
} 

.wrapper { width: 960px; position: relative; margin: 0 auto; overflow: hidden;}
a { cursor: pointer;}
/* header */
.header { width: 100%; height: 651px; background: #78b82e url("../images/51activity2015/header-bg.jpg") center no-repeat;}
.go-zhuanti-index { display: block; width: 138px; height: 32px; text-align: center; line-height: 32px; background: url(../images/51activity2015/gobackBg.png); font-size: 16px; color: #e24801; position: absolute; top: 0; right: 0;}
.go-zhuanti-index:hover { color: #fd702f;}
.header .avtivity-time { font-size: 24px; font-weight: 700; color: #dd520d; margin-top: 360px; margin-left: 200px;}
.header .sign-in-box { width: 240px; height: 150px; position: absolute; top: 222px; right: 5px;}
.sign-in-box .date { font-size: 18px; color: #fffac0; height: 40px; line-height: 40px; text-align: center;}
.sign-in-box .sign-in-time { font-size: 16px; color: #fff; height: 35px; line-height: 35px; text-align: center;}
.sign-in-box .sign-in-time span { color: #ffde00; padding: 0 10px; font-size: 18px;}
.sign-in-box .sign-in-num-p { font-size: 12px; text-align: center; color: #fff;}
.sign-in-box .sign-in-num-p span { color: #ffde00; padding: 0 3px; font-size: 14px;}
.sign-in-btn-wrap { height: 50px;}
.sign-in-btn-wrap a.sign-in-btn { display: block; width: 137px; height: 47px; line-height: 47px; background: url("../images/51activity2015/sign-in-btn.png") center no-repeat; font-size: 22px; color: #a13901; text-align: center; margin: 0 auto;}
.sign-in-btn-wrap a.sign-in-ed { display: block; width: 137px; height: 47px; line-height: 47px; background: url("../images/51activity2015/sign-in-btn-ed.png") center no-repeat; font-size: 22px; color: #a13901; text-align: center; margin: 0 auto;}
.sign-in-btn-wrap a:hover { background: url("../images/51activity2015/sign-in-btn-h.png") center no-repeat;}


/* container */
.container { margin-top: -237px;}
.activity-wrap { width: 100%; height: 630px; background: url("../images/51activity2015/content-main.jpg") bottom no-repeat; position: relative;}
.activity-wrap .bee { width: 273px; height: 194px; background: url("../images/51activity2015/bee.gif"); position: absolute; top: 12px; left: 0; z-index: 20;}
.activity-main { width: 100%; height: 472px; background: url("../images/51activity2015/content-main-bg.png") center no-repeat; position: relative; z-index: 10;}
.my-integral { width: 550px; height: 40px; line-height: 40px; position: absolute; top: 171px; left: 81px; z-index: 30; font-size: 16px; color: #ffecb4;}
.my-integral .integral-num { float: left; }
.my-integral .in-label { padding-left: 60px; float: left; padding-right: 5px;}
.my-integral .re-label { float: right;}
.my-integral .re-intagral { float: left; width: 24px; height: 24px; background: url("../images/51activity2015/re-integral-btn-bg.png") center no-repeat; position: absolute; top: 9px; left: 155px;}
.my-integral .integral-btn { float: right; width: 104px; height: 36px; font-size: 16px; color: #923f01; line-height: 36px; text-align: center; margin-top: 3px;}
.my-integral .my-goods {  background: url("../images/51activity2015/my-goods-btn-bg.png") center no-repeat; margin-right: 8px;}
.my-integral .my-goods:hover { background: url("../images/51activity2015/my-goods-btn-bg-h.png") center no-repeat; color: #ef7314;}
.my-integral .more-integral { background: url("../images/51activity2015/more-itegral-btn-bg.png") center no-repeat; margin-right: 60px;}
.my-integral .more-integral:hover { background: url("../images/51activity2015/more-itegral-btn-bg-h.png") center no-repeat; color: #ef7314;}
.activity-box { width: 544px; height: 220px; position: absolute; top: 186px; left: 108px; padding-top: 40px;  }
.activity-box .activity-egg { float: left; height: 220px; cursor: url("//www.51vv.com/zhuanti/images/51activity2015/hanmer.cur"), auto; }
.activity-box .activity-egg:active { cursor: url("//www.51vv.com/zhuanti/images/51activity2015/hanmer-h.cur"), auto; }
.activity-box .egg1 { width: 179px; background: url("../images/51activity2015/egg-1.jpg") bottom no-repeat;}
.activity-box .egg2 { width: 176px; background: url("../images/51activity2015/egg-2.jpg") bottom no-repeat;}
.activity-box .egg3 { width: 189px; background: url("../images/51activity2015/egg-3.jpg") bottom no-repeat;}

.activity-box .egg-gif-1 { width: 179px; background: url("../images/51activity2015/egg-1.gif") bottom no-repeat;}
.activity-box .egg-gif-2 { width: 176px; background: url("../images/51activity2015/egg-2.gif") bottom no-repeat;}
.activity-box .egg-gif-3 { width: 189px; background: url("../images/51activity2015/egg-3.gif") bottom no-repeat;}

.awards-msg { width: 240px; height: 340px; float: right; margin: 120px 38px 0 0; _margin-right: 18px;}
.awards-msg h3 { height: 55px; line-height: 55px; font-size: 17px; color: #ffe34e; text-indent: 5px;}
.awards-msg-box { width: 100%; height: 285px; overflow: hidden; position: relative; }
.awards-msg .awards-msg-list { width: 100%; height: auto; position: absolute; top: 0; left: 0; margin-top: -28px;}
.awards-msg-list li { height: 28px; line-height: 28px; font-size: 14px; color: #fff6c4;}
.awards-msg-list li .userName { float: left; width: 100px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.awards-msg-list li .awardName { margin-left: 15px; width: 99px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.direct-activity { width: 187px; height: 90px; margin: 20px 0 0 300px;}
.direct-activity .direct-activity-btn { display: block; width: 100%; height: 69px; line-height: 55px; background: url("../images/51activity2015/direct-activity-btn-bg-h.png"); font-size: 24px; color: #893000; text-indent: 60px;}
.direct-activity .direct-activity-btn:hover { background: url("../images/51activity2015/direct-activity-btn-bg.png");}
.direct-activity p { font-size: 16px; color: #edffbd; text-align: center;}


/* award rule */
.award-rule-box { width: 100%; height: 523px; background: #e2faa0; border-radius: 15px; margin-bottom: 100px;}
.award-box { width: 512px; height: 100%; background: url("../images/51activity2015/border-right.jpg") right no-repeat; float: left;}
.rule-box { width: 445px; height: 100%; float: right;}
.rule-box p { width: 369px; line-height: 28px; margin: 0 0 14px 45px; font-size: 14px; color: #666;}
.rule-box p span { font-size: 14px; color: #66b51c; padding-right: 8px;}
.rule-box p a { font-size: 14px; color: #66b51c; padding: 0 3px;}
.rule-box p a:hover { color: #f5b800; }
.ar-title { width: 277px; height: 70px; margin: 56px auto 38px; }
.ar-title-a { background: url("../images/51activity2015/ar-title-a.png") center no-repeat;}
.ar-title-r { background: url("../images/51activity2015/ar-title-r.png") center no-repeat;}
.award-list { width: 430px; margin-left: 45px; overflow: hidden;}
.award-list li { width: 77px; height: 130px; margin: 0 8px 30px 0; float: left;}
.award-list li p { width: 100%; text-align: center; line-height: 18px; font-size: 14px; color: #759a1a; margin-top: 4px;}

/* popup */
.popup-wrap { width: 100%; height: 100%; position: fixed;  top: 0; left: 0; background: #000; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; filter:alpha(opacity=50);  z-index: 90; zoom: 1; display: none;
	_position: absolute;   /*IE6 用absolute模拟fixed*/
	_top: expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 0)); /*IE6 动态设置相对底部位置*/ 
}

/*  singIn popup */
.sign-in { width: 347px; position: absolute; top: 405px; left: 50%; margin-left: 175px; z-index: 100; display: none;}
.sign-in-header { width: 92%; height: 50px; background: #5ca707; padding: 0 4%; border-radius: 10px; position: relative;}
.sign-in-header p { font-size: 18px; color: #fff; text-align: center; height: 50px; line-height: 40px;}
.sign-in-header p span { font-size: 18px; color: #ffde00; padding: 0 4px;}
.sign-in-header .angle { width: 15px; height: 10px; background: url("../images/51activity2015/angle.png"); position: absolute; top: -10px; left: 50%; z-index: 10;}
.sign-in-container { width: 92%; height: 160px; background: #f3fee0; padding: 0 4%; margin-top: -10px; position: relative; z-index: 20;}
.sign-in-container dl { overflow: hidden; width: 100%;}
.sign-in-container dl dd { display: block; float: left; width: 100%;}
.sign-in-container dl dd p { float: left; width: 45px; height: 38px; font-size: 12px; text-align: center;}
.sign-in-container dl dd p span { padding: 0 2px;}
.sign-in-container dl dd.table-title p { height: 40px; line-height: 40px; font-size:  16px; color:  #75001d; }
.sign-in-container dl dd p.show-able { color: #555;}
.sign-in-container dl dd p.show-disable { color: #ccc;}
.sign-in-container dl dd p.sign-in-state { background: #f3fee0 url("../images/51activity2015/sign-in-state.png") center 18px no-repeat;}
.sign-in-container dl dd p.sign-tody span { background: #fc0000; color: #fff;} 
.sign-in-footer { width: 100%; height: 130px; background: #f3fee0; overflow: hidden; margin-top: -10px; border-radius: 10px; }
.sign-in-footer h3 { width: 100%; height: 30px; line-height: 30px; margin-top: 10px; font-size: 14px; color: #fff; text-indent: 30px; background: #5ca707 url("../images/51activity2015/btn.png") 10px no-repeat;}
.sign-in-list { width: 110%; height: 24px; overflow: hidden; margin-left: 20px;}
.sign-in-list li { width: 54px; float: left; height: 24px; line-height: 24px; font-size: 12px;}
.sign-state li .timers { float: left; width: 24px; height: 24px; line-height: 24px; text-align: center; background: #fff000; color: #dd520d; border-radius: 12px;}
.sign-state li .state { width: 26px; height: 5px; float: left; border: 2px solid #fff000; margin-top: 8px; zoom: 1;}
.sign-state li .curent1 { background: #f00; color: #fff;}
.sign-state li .curent2 { border: 0px solid #f00; background: #f00; width: 30px; margin-top: 9px;}
.sign-label { margin-left: 12px;}
.sing-tiansu { margin-left: 23px;}

/* my goods popup */
.my-goods-popup { width: 960px; height: 610px; background: #f3fee0; border-radius: 15px; position: fixed;  top: 50%; left: 50%; margin: -305px 0 0 -480px; z-index: 100; display: none;
	_position: absolute;   /*IE6 用absolute模拟fixed*/
	_top: expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 400)); /*IE6 动态设置相对底部位置*/ 
}
.close-wrap { width: 100%; height: 51px; margin: 10px 0 0 0;}
.close-wrap a { float: right; width: 51px; height: 51px; margin-right: 20px; background: url("../images/51activity2015/close-wrap.png");}
.close-wrap a:hover { background: url("../images/51activity2015/close-wrap-h.png");}
.my-goods-popup h2 { height: 30px; line-height: 30px; background: url("../images/51activity2015/my-goods-title-bg.png") left no-repeat; font-size: 24px; color: #dd520d; margin-left: 60px; padding-left: 30px;}
.my-goods-box { width: 800px; margin: 0 auto;}
.my-awards-msg { width: 100%; height: 45px; line-height: 45px; border-bottom: 1px dashed #b2b6ac; font-size: 14px;}
.my-awards-msg label,.my-goods-list ul li label { color: #333;}
.my-awards-msg span, .my-goods-list ul li span { color: #de6129; padding-right: 20px;}
.my-awards-msg a { padding-left: 25px; color: #333; background: url("../images/51activity2015/re-btn-bg.png") left no-repeat;}
.my-awards-msg a:hover { color: #de6129; text-decoration: underline;}
.my-goods-list { width: 100%; overflow: hidden; margin: 10px 0;}
.list-flage { display: block; float: left; width: 110px; line-height: 30px; font-size: 14px; color: #de6129;}
.my-goods-list ul { display: block; float: left; width: 680px; overflow: hidden; max-height: 90px; }
.my-goods-list ul li { float: left; line-height: 30px; font-size: 14px;}
.award-list-box { width: 100%; margin-top: 10px;}
.award-list-box dl { display: block; width: 100%; height: 40px; line-height: 40px; overflow: hidden;}
.award-list-box dl dd { overflow: hidden;}
.award-list-box dl dd span { font-size: 14px; color: #333; float: left; text-align: center;}
.award-list-box .award-list-title { background: #daffb5;}
.award-list-box dl dd .award-name { width: 150px;}
.award-list-box dl dd .award-num { width: 30px;}
.award-list-box dl dd .award-user-date { width: 330px;}
.award-list-box dl dd .award-auth-code { width: 140px; height: 40px;}
.award-list-box dl dd .award-operation { width: 150px;}
.my-award-list { width: 100%; overflow: hidden; margin-top: 20px;}
.my-award-list dl { border-bottom: 1px solid #e4e4e4; color: #666;}
.my-award-list dl:hover { background: #e2ffc5; color: #333;}
.my-award-list dl a { float: left; width: 105px; height: 33px; line-height: 28px; font-size: 14px; text-align: center; color: #fad1d1; margin: 4px 0 0 30px;  background: url("../images/51activity2015/award-btn-bg.png");}
.my-award-list dl a:hover { background: url("../images/51activity2015/award-btn-bg-h.png");}
.my-award-list dl a.user-end { background: url("../images/51activity2015/award-btn-bg-ed.png"); cursor: text; color: #fff;}
.no-award-tips { width: 100%; height: 100px; line-height: 100px; font-size: 22px; color: #666; text-align: center; background: url("../images/51activity2015/no-award.png") 115px center no-repeat;}

/*分页组件样式*/
.zt-page-content { width: 100%; height: 28px; margin: 20px 0; font-size: 14px;}
.zt-page-control, .zt-page-wrapper { position: relative; height: 100%; float: left; _display: inline;}
.zt-page-wrapper { left: 50%;}
.zt-page-control { left: -50%; height: 28px;} 		/* 让内容居中 */
.zt-page-control a { float: left; width: 28px; height: 28px; line-height: 28px; text-align: center; font-size: 12px; color: #808479;  margin: 0 3px; background: #e3f1cb;}
.zt-page-control a.zt-page-item:hover, .zt-page-control a.current { background: #C9F57D; color: #7caa0c; cursor: pointer;}
.zt-page-control ul { float: left; display: block; width: auto; height: 28px;}
.zt-page-control ul li { float: left; height: 28px; line-height: 28px;}
.zt-page-control a.zt-page-point { width: 27px; height: 28px; background: url('../images/51activity2015/page-point-bg.png') center no-repeat; display: none;}

/* integral-rule-popup */
.integral-rule-popup { width: 960px; height: 500px; background: #f3fee0; border-radius: 15px; position: fixed;  top: 50%; left: 50%; margin: -280px 0 0 -480px; z-index: 100; display: none;
	_position: absolute;   /*IE6 用absolute模拟fixed*/
	_top: expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 400)); /*IE6 动态设置相对底部位置*/ 
}
.integral-rule-popup h2 { height: 30px; line-height: 30px; background: url("../images/51activity2015/star.png") left no-repeat; font-size: 24px; color: #dd520d; margin-left: 60px; padding-left: 30px;}
.integral-rule-popup p { font-size: 14px; color: #666; width: 830px; padding-left: 10px; margin: 0 auto; line-height: 30px; margin-top: 22px; position: relative;}
.integral-rule-popup p span { color: #de6129; position: absolute; left: -10px;}
.integral-rule-popup .ir-heade { width: 840px; height: 100px; margin: 20px auto; border-bottom: 1px dashed #333; }
.integral-rule-popup .ir-heade p { margin-top: 22px;}

/* tips popup */
.tips-popup { width: 330px; height: 190px; background: #f3fee0; border-radius: 10px; position: fixed;  top: 50%; left: 50%; margin: -95px 0 0 -160px; z-index: 100; display: none;
	_position: absolute;   /*IE6 用absolute模拟fixed*/
	_top: expression(eval(document.documentElement.scrollTop + document.documentElement.clientHeight - 400)); /*IE6 动态设置相对底部位置*/ 
}
.tips-popup-head { width: 100%; height: 50px; line-height: 40px; background: #e1540a; border-radius: 10px; }
.tips-popup-head a { float: right; width: 34px; height: 34px; margin: 3px; background: url("../images/51activity2015/close-wrap-s.png");}
.tips-popup-head a:hover { background: url("../images/51activity2015/close-wrap-s-h.png");}
.tips-popup-head label { font-size: 18px; color: #fff; padding-left: 15px;}
.tips-popup-cont { width: 100%; height: 110px; background: #f3fee0; margin-top: -10px; overflow: hidden;}
.tips-popup-cont h4 { width: 100%; height: 30px; line-height: 30px; margin-top: 10px; font-size: 16px; color: #666; text-align: center;}
.tips-popup-cont h4.curent { width: 100%; line-height: 55px; font-size: 22px; color: #de6129; text-align: center; margin: 15px 0;}
.tips-popup-cont p.curent { width: 100%; height: 40px; line-height: 30px; margin-top: 10px; font-size: 16px; color: #666; text-align: center;}
.tips-popup-cont p { width: 100%; line-height: 30px; font-size: 22px; color: #de6129; text-align: center; margin: 15px 0;}
.tips-popup-cont p.one { line-height: 90px;}
.tips-popup-cont p.three { font-size: 20px; margin: 3px 0;}
.tips-popup-cont p.four { font-size: 16px; color: #666; margin: 3px 0;}
.tips-awars-footer { width: 100%; height: 50px; border-radius: 10px;}
.tips-awars-footer p { display: block; width: auto; margin: 0 auto; height: 33px; text-align: center;}
.tips-awars-footer a.btn { display: inline-block; width: 105px; height: 33px; line-height: 27px; text-align: center; font-size: 14px; color: #fad1d1;  background: url("../images/51activity2015/award-btn-bg.png"); }
.tips-awars-footer a { font-size: 16px; color: #de6129;}
.tips-awars-footer a:hover  { color: #fff;}
.tips-awars-footer a.last { margin-left: 20px;}
.tips-awars-footer a.btn:hover { background: url("../images/51activity2015/award-btn-bg-h.png");}

/* footer */
#footer_link_info a { color: #fff; }
#footer_link_info a:hover { color: #efefef;}
#footer_link_info p { color: #fff; }