@charset "utf-8";
body{ width: 100%; background-color: #ecfaff; font-family: "Microsoft YaHei"; }
a{ text-decoration: none; }
.head{ width: 100%; height: 756px; margin: 0 auto;  }
.headBg1{ width: 100%; height: 276px; background: url("../images/christmas/bg1.jpg") no-repeat center; }
.headBg1 .alertWrap { position: relative; width: 980px; height: 276px; margin: 0 auto; }
.headBg1 .activityRule{ position: absolute; top: 217px; right: 89px; width: 97px; height: 32px; cursor: pointer; }
.headBg1 .myPrize{ position: absolute; top: 251px; right: 89px; width: 97px; height: 32px; }
.headBg2 { width: 100%; height: 340px; background: url("../images/christmas/bg2.jpg") no-repeat center; overflow: hidden; }
.headBg2 .activeTime { width: 325px; height: 46px; margin: 0 auto; line-height: 36px; text-align: center; color: #dd2537; font-size: 22px; background: url('../images/christmas/timebg.png') no-repeat center; }
.headBg2 .snowmanWrap { width: 980px; height: 340px; margin: 0 auto; margin-top: -40px; *margin-top: -47px; position: relative; }
.headBg2 .snower { text-align: right; cursor: pointer; }
.headBg2 .snowman1 { width: 200px; height: 210px; position: absolute; left: -30px; bottom: 5px;}
.headBg2 .snowman2 { width: 190px; height: 180px; position: absolute; left: 119px; top: 20px;}
.headBg2 .snowman3 { width: 236px; height: 248px; position: absolute; left: 50%; margin-left: -181px; bottom: 13px; }
.headBg2 .snowman4 { width: 190px; height: 182px; position: absolute; right: 220px; top: 44px;}
.headBg2 .snowman5 { width: 200px; height: 205px; position: absolute; right: 40px; bottom: 20px;}
.showman { /*width: 165px; height: 175px; position: absolute; right: 10px; top: 0;*/ background: url("../images/christmas/chrimsman.png") no-repeat left center; }
.showman {_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/christmas/chrimsman.png',sizingMethod='crop'); }
.headBg3{ position: relative; width: 100%; height: 146px; background: url("../images/christmas/bg3.jpg") no-repeat center; overflow: hidden; }
/*积分信息*/
.myIntegralBox{ width: 980px; margin: 0 auto; margin-top: 14px; text-align: center; font-size: 16px; color: #666666; }
.myIntegralBox span{ display: inline-block; }
.myIntegralBox .myIntegral{ color: #e12739; font-size: 16px; font-weight: bold; }
.myIntegralBox a{ color: #e12739; font-size: 16px; text-decoration: underline; margin-left: 35px; }

/*中奖信息*/
.head .awardsInfo{ display: none; /*position: absolute; top: 8px; left: 50%; margin-left: -143px;*/ margin: 0 auto; overflow: hidden; width: 287px; height: 20px; }
.head .awardsInfo .noticeIcon{ float: left; width: 22px; height: 20px; background: url("../images/christmas/noticeIcon.png") no-repeat center; }
.head .awardsInfo ul{ float: left; width: 260px; margin-left: 5px; _margin-left: 15px;}
.head .awardsInfo ul li{ width: 264px; height: 20px; float: left; }
.head .awardsInfo .winnersName,
.head .awardsInfo .awardsDetail{ display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.head .awardsInfo .winnersName,
.head .awardsInfo .awardsDetail span{ font-size: 16px; color: #e12739; }
.head .awardsInfo .winnersName span{ color: #d42024; }
.head .awardsInfo .winnersName{ width: 130px; display: inline-block; }
.head .awardsInfo .awardsDetail{ width: 130px; display: inline-block; /*margin-left: 30px;*/ }
.startgame { width: 286px; height: 72px; margin: 0 auto; margin-top: 20px; font-size: 30px; color: #fff; text-align: center; line-height: 72px; cursor: pointer;}
.livestart { background-color: #e12739; }
.stopdraw { background-color: #9d9d9d; }


.container{ position: relative; width: 1009px; margin: 0 auto; }
.sortTitle{ position: absolute; width: 1010px; height: 155px; line-height: 57px; margin: 0 auto; font-size: 30px; color: #ffffff; font-weight: bold; text-align: center; }
.bgBarTop{ width: 990px; height: 15px; margin: 0 auto; background: url("../images/christmas/bgBarTop.png") no-repeat bottom center; }
.bgBarBottom{ width: 990px; height: 16px; margin: 0 auto; background: url("../images/christmas/bgBarBottom.png") no-repeat top center; }
.musicMain,
.eveningMain,
.baikeMain,
.wishMain{ position: relative; width: 990px; margin: 0 auto; background: url("../images/christmas/bgBar.jpg") repeat left -8px; /*z-index: -1;*/ }
.musicContent,
.eveningContent,
.baikeContent,
.wishContent{ margin: 0 auto; overflow: hidden; background-color: #37673e; border-radius: 5px; }



.evening .eveningTltle,
.wish .wishTltle,
.baike .baikeTltle { left: 0px; top: -123px; _top: -100px; background: url("../images/christmas/sortTitleBg.png") no-repeat center; z-index: 100; }
/*.baike .baikeTltle { left: 0px; top: -123px; _top: -85px; background: url("../images/christmas/sortTitleBg-vp.png") no-repeat center; z-index: 100;  }*/
.evening .eveningTltle span,
.baike .baikeTltle span,
.wish .wishTltle span{ position: absolute; left: 426px; top: 32px; width: 189px; height: 54px; line-height: 54px; }
.evening,
.baike,
.wish{ margin-top: 150px; }


/*圣诞晚会*/
.eveningContent{ width: 970px; }
.eveningContent ul{ width: 840px; margin: 70px auto 35px; }
.eveningContent ul li{ float: left; _display: inline; margin-right: 20px; margin-bottom: 16px; padding-left: 10px; background: url("../images/christmas/brownOval.png") no-repeat left center; }
.eveningContent ul li a{ display: inline-block; width: 250px; font-size: 14px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.eveningContent ul li a:hover{ color: #f9d738; }
.eveningContent .downloadVVvideo { display: block; width: 307px; height: 45px; line-height: 45px; margin: 0 auto 40px; text-align: center; border-radius: 25px; background-color: #db2436; font-size: 18px; color: #fff; }
.eveningContent .downloadVVvideo:hover{ background-color: #f22e41; }


/*圣诞美文*/
.baikeContent { width: 970px; }
.baikeContent ul { width: 816px; margin: 0 auto; margin-top: 53px; margin-bottom: 15px; }
.baikeContent ul li{ float: left; _display: inline; width: 189px; height: 170px; margin-right: 14px; margin-bottom: 28px; background: #4a7550; }
.baikeContent ul li:hover { background: #68936e; }
.baikeContent ul li a{ display: block; width: 181px; height: 106px; margin: 0 auto; margin-top: 4px; }
.baikeContent ul li a img { display: block; width: 100%; height: 100%; }
.baikeContent ul li .introTit  { width: 169px; height: 40px; padding: 10px; line-height: 20px; font-size: 15px; color: #fff;}
.baikeContent ul li .introTit a { display: block; width: 169px; height: 40px; color: #fff; overflow: hidden; }
.baikeContent ul li:hover .introTit a { color: #f9d738; }
.baikeContent .downloadvp  { display: none; width: 307px; height: 45px; line-height: 45px; margin: 0 auto 40px; *margin-top: 20px; text-align: center; border-radius: 25px; background-color: #db2436; font-size: 18px; color: #fff; }
.share-vp { width: 142px; height: 84px; position: absolute; top: 9px; right: 87px; }
.share-vp a { display: block; width: 100%; height: 100%; }
/*圣诞祝福*/
.wishContent{ width: 970px; }
/*遮蔽*/
.overlay{ display: none; position: fixed; left: 0px; top: 0px; opacity: 0.5; filter: alpha(opacity=50);  z-index: 1010; 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%; }
.overlay,
.overbody{ _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); _left:expression(eval(document.documentElement.scrollLeft)); _width:expression(eval(document.documentElement.clientWidth)); _height:expression(eval(window.screen.availHeight)); }

/*活动规则*/
.activityRuleMain{ display: none; position: absolute; top: 50%; left: 50%; width: 486px; height: 330px; font-size: 14px; margin-left: -243px; margin-top: -135px; background: url("../images/christmas/alertbg.png") no-repeat center; z-index: 1010; }
.activityRuleMain .activityRuleCloseBtn{ position: absolute; top: 55px; right: 36px; width: 20px; height: 20px; cursor: pointer; }
.activityRuleMain h3{ height: 89px; line-height: 133px; font-size: 20px; color: #ffff; text-align: center; }
.activityRuleMain .activityRuleContent{ padding: 30px 22px 30px 30px; }
.activityRuleMain .activityRuleContent p{ line-height: 24px; color: #666666; }
.activityRuleMain .activityRuleContent p.interpretation{ margin-top: 20px; color: #93979c; font-size: 12px; }
.activityRuleMain .activityRuleContent p span{ display: inline-block; width: 17px; height: 17px; margin-right: 5px; color: #fff; text-align: center; line-height: 17px; background: url("../images/christmas/cirlenum.png") no-repeat center; }

/*弹窗信息*/
.message{ display: none; position: absolute; top: 50%; left: 50%; width: 446px; height: 363px; text-align: center; margin-left: -223px; margin-top: -181px; z-index: 1010; background: url("../images/christmas/messageBg.png") no-repeat center; }
.message .messageCloseBtn{ float: right; width: 30px; height: 30px; margin: 99px 11px 6px 0; cursor: pointer; }
.message .messageMain{ width: 446px; height: 228px; color: #487451; overflow: hidden; }
/*活动未开始*/
.unstart-networkAnomaly { font-size: 32px; line-height: 212px; margin: 0 auto; color: #487451; }
/*活动过期*/
/*.message .messageMain*/ .timeout-face { width: 60px; height: 60px; margin: 0 auto; margin-top: 40px; background: url("../images/christmas/jiong.png") no-repeat center;}
/*.message .messageMain*/ .timeout-networkAnomaly{ margin: 20px auto 10px; font-size: 18px; }
/*.message .messageMain*/ .timeout-refreshPrompt{ font-size: 16px; color: #575757; }
/*.message .messageMain*/ .timeout-refreshPrompt a{ /*text-decoration: underline;*/ color: #575757; }
/*网络异常*/
.message .messageMain .network-networkAnomaly{ margin: 65px auto 20px; padding-left: 25px; font-size: 32px; color: #487451; }
.message .messageMain .network-networkAnomaly span{ display: inline-block; height: 33px; line-height: 33px; font-size: 32px; padding-left: 35px; background: url("../images/christmas/networkAnomaly.png") no-repeat left center; }
.message .messageMain .network-refreshPrompt{ font-size: 18px; color: #575757; }

/*抽奖弹窗*/
.draw-message {display: none; position: absolute; top: 50%; left: 50%; width: 486px; height: 330px; text-align: center; margin-left: -243px; margin-top: -165px; z-index: 1010; background: url("../images/christmas/alertbg.png") no-repeat center; }
.draw-messageCloseBtn { float: right; width: 20px; height: 20px; margin: 56px 37px 0 0; cursor: pointer; }
.draw-messageMain { width: 486px; height: 238px; color: #487451; font-size: 16px; overflow: hidden; }
.draw-message .draw-messageMain .face{ display: block; width: 60px; height: 60px; margin: 45px auto 25px; }
.draw-message .draw-messageMain .promptWords{ text-align: center; font-size: 16px; }
.draw-message .draw-messageMain .promptWords span{ font-size: 16px; }
.draw-message .draw-messageMain .promptWords .awardName{ color: #db2436; font-weight: bold; }
.draw-message .draw-messageMain .messageBtn{ text-align: center; }
.draw-message .draw-messageMain .messageBtn a{ display: inline-block; width: 134px; height: 40px; line-height: 40px; font-size: 18px; margin-top: 32px; border-radius: 10px; color: #ffffff; text-align: center; }
.draw-message .draw-messageMain .messageBtn .leftBtn{ background: url("../images/christmas/messageLeftBtn.png") no-repeat center; margin-right: 35px; }
.draw-message .draw-messageMain .messageBtn .rightBtn{ background: url("../images/christmas/messageRightBtn.png") no-repeat center; }

.message .messageMain .lightenSuccess{  margin: 40px auto 20px; font-size: 32px; text-align: center; color: #9800fe; }
.message .messageMain .integralWords{ font-size: 18px; text-align: center; color: #e61f67; }
  
.active-notice { width: 100%; margin-top: 20px; text-align: center; font-size: 16px; color: #666668; }

/*底部*/
.bottom-logo{ width: 162px; height:79px; margin: 0 auto; margin-top: 40px; background: url('../images/christmas/bottom-logo.png') no-repeat center; }
#footer_link_info p,
#footer_link_info p a{ color: #666668; }

/*雪花*/
.snow-container{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 100001; *display:none; display:none\0; }