@charset "utf-8";
body{ width: 100%; background-color: #b51e1f; font-family: "Microsoft YaHei"; }
a{ text-decoration: none; }
.head{ width: 100%; height: 980px; margin: 0 auto;  }
.headBg1{ width: 100%; height: 200px; background: url("../images/christmas/headBg1.jpg") no-repeat center; }
.headBg2{ width: 100%; height: 200px; background: url("../images/christmas/headBg2.jpg") no-repeat center; }
.headBg3{ width: 100%; height: 200px; background: url("../images/christmas/headBg3.jpg") no-repeat center; }
.headBg4{ width: 100%; height: 200px; background: url("../images/christmas/headBg4.jpg") no-repeat center; }
.headBg5{ width: 100%; height: 180px; background: url("../images/christmas/headBg5.png") no-repeat center; position: relative; z-index: 1; }
.head .headContent{ position: relative; width: 980px; margin: -980px auto 0; z-index: 1; }
.head .headContent .logo{ position: absolute; top: 60px; left: 70px; width: 107px; height: 141px; }
.head .headContent .lightenIcon{ position: absolute; top: 50px; right: 10px; width: 110px; height: 92px; }
.head .headContent .lightenIcon .christmasTree{ width: 32px; height: 41px; margin: 0 auto; background: url("../images/christmas/christmasTree.png") no-repeat center; }
.head .headContent .lightenIcon .lightenBtn{ width: 89px; height: 30px; line-height: 26px; margin: 0 auto; font-size: 16px; text-align: center; }
.head .headContent .lightenIcon .lightenBtnDefault{ color: #c3352f; cursor: pointer; background: url("../images/christmas/lightenBtnDefault.png") no-repeat center; }
.head .headContent .lightenIcon .lightenBtnVisited{ color: #c3352f; cursor: default; background: url("../images/christmas/lightenBtnVisited.png") no-repeat center; }
.head .headContent .lightenIcon .lightenBtnDisabled{ color: #707070; cursor: default; background: url("../images/christmas/lightenBtnDisabled.png") no-repeat center; }

.head .headContent .lightenAmountBox{ width: 110px; height: 20px; line-height: 20px; margin: 0 auto; font-size: 12px; color: #ffffff; text-align: center; }
.head .headContent .lightenAmount{ color: #fdf150; }
.head .headContent .activityRule{ position: absolute; top: 375px; right: 104px; width: 110px; height: 40px; cursor: pointer; }
.head .headContent .myPrize{ position: absolute; top: 435px; right: 100px; width: 110px; height: 40px; }
.head .headContent .deerBox{ position: relative; width: 980px; height: 245px; left: 0; top: 534px; cursor: none; }
.head .headContent .deerBox .deer{ position: absolute; top: 0px; width: 176px; height: 234px; background: url("../images/christmas/deer.png") no-repeat center; }
.head .headContent .deerBox .deer1{ left: 30px; }
.head .headContent .deerBox .deer2{ left: 260px; }
.head .headContent .deerBox .deer3{ right: 280px; }
.head .headContent .deerBox .deer4{ right: 35px; }
.head .headContent .deerBox .setDeerPrompt{ position: absolute; top: 5px; left: 145px; width: 143px; height: 138px; font-size: 16px; color: #ffffff; text-align: center; background: url("../images/christmas/setDeerPrompt.gif") no-repeat center; }
.head .headContent .deerBox .setDeerPrompt span{ display: inline-block; width: 48px; margin-top: 10px; margin-left: 10px; }
.myIntegralBox{ width: 980px; position: absolute; top: 810px; left: 0px; text-align: center; font-size: 18px; color: #666666; }
.myIntegralBox span{ display: inline-block; }
.myIntegralBox .myIntegral{ color: #d42024; font-size: 20px; font-weight: bold; }
.myIntegralBox a{ color: #d42024; font-size: 18px; text-decoration: underline; margin-left: 35px; }

#box3{ display: none; width: 120px; height: 107px; cursor: none; position: absolute; left: 0; top: 0; background: url("../images/christmas/lasso.png") no-repeat 0 0; z-index: 100; }

/*中奖信息*/
.head .headContent .awardsInfo{ display: none; position: absolute; top: 860px; left: 50%; margin-left: -440px; overflow: hidden; width: 880px; height: 20px; }
.head .headContent .awardsInfo .noticeIcon{ float: left; width: 22px; height: 20px; background: url("../images/christmas/noticeIcon.png") no-repeat center; }
.head .headContent .awardsInfo ul{ float: left; width: 828px; margin-left: 30px; }
.head .headContent .awardsInfo ul li{ width: 360px; height: 20px; float: left; margin: 0 20px; }
.head .headContent .awardsInfo .winnersName,
.head .headContent .awardsInfo .awardsDetail{ display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.head .headContent .awardsInfo .winnersName,
.head .headContent .awardsInfo .awardsDetail span{ font-size: 16px; color: #d42024; }
.head .headContent .awardsInfo .winnersName span{ color: #666666; }
.head .headContent .awardsInfo .winnersName{ width: 128px; }
.head .headContent .awardsInfo .awardsDetail{ width: 200px; margin-left: 30px; }


.pendant{ position: relative; width: 100%; height: 190px; background: url("../images/christmas/pendant.png") no-repeat center; margin-top: -80px; margin-bottom: 64px; }
.container{ position: relative; width: 1009px; margin: 0 auto; }
.sortTitle{ position: absolute; width: 1009px; height: 127px; 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.jpg") no-repeat bottom center; }
.bgBarBottom{ width: 990px; height: 16px; margin: 0 auto; background: url("../images/christmas/bgBarBottom.jpg") 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: #fef9ed; border-radius: 5px; }

/*歌曲*/
.music .fatherChristmas{ position: absolute; left: 18px; top: -120px; z-index: 1; width: 155px; height: 103px; background: url("../images/christmas/fatherChristmas.png") no-repeat center; }
.music .musicTitle{ left: -2px; top: -86px; _top: -82px; background: url("../images/christmas/musicTitleBg.png") no-repeat center; }
.music .musicTitle span{ position: absolute; left: 298px; top: 0; width: 440px; height: 54px; line-height: 54px; }
.music .musicMain .musicContent{ width: 960px; }
/*活动介绍*/
.music .musicMain .musicContent .activityIntro,
.music .musicMain .musicContent .entryProduction{  padding-top: 5px; background-color: #19720e; }
.music .musicMain .musicContent .activityIntro{ width: 924px; margin: 58px 12px 20px 24px; }
.music .musicMain .musicContent .activityIntro .activityIntroTitle,
.music .musicMain .musicContent .entryProduction .entryProductionTitle{ width: 129px; height: 64px; line-height: 64px; margin-left: -8px; /*margin-top: 5px;*/ font-size: 22px; color: #fffc00; text-align: center; background: url("../images/christmas/activityIntroTitleBg.png") no-repeat center; }
.music .musicMain .musicContent .activityIntro .activityIntroLeft{ float: left; width: 582px; margin-left: 35px; margin-bottom: 25px; }
.music .musicMain .musicContent .activityIntro .activityIntroLeft .activityTime{ font-size: 16px; color: #ffffff; margin: 20px 0; }
.music .musicMain .musicContent .activityIntro .activityIntroLeft .activityTime span{ font-weight: bold; }
.music .musicMain .musicContent .activityIntro .activityIntroLeft .entryWay,
.music .musicMain .musicContent .activityIntro .activityIntroLeft .prize,
.music .musicMain .musicContent .activityIntro .activityIntroLeft .gameRule{ width: 100px; height: 30px; line-height: 30px; margin: 8px 0; background-color: #fff100; text-align: center; font-size: 18px; font-weight: bold; color: #e02500; }
.music .musicMain .musicContent .activityIntro .activityIntroLeft .entryWayIntro{ line-height: 26px; font-size: 16px; color: #fff100; margin: 10px 0; }
.music .musicMain .musicContent .activityIntro .activityIntroLeft .entryWayIntro .gameSongMenu{ display: inline-block; width: 93px; height: 25px; line-height: 25px; padding-left: 15px; margin-left: 35px; margin-top: 3px; font-size: 16px; color: #feff3a; font-weight: bold; background: url("../images/christmas/gameSongMenuBtn.png") no-repeat center; }
.music .musicMain .musicContent .activityIntro .activityIntroLeft .prizeContent .prizeIntro,
.music .musicMain .musicContent .activityIntro .activityIntroLeft .prizeContent .prize1,
.music .musicMain .musicContent .activityIntro .activityIntroLeft .prizeContent .prize2{ float: left; }
.music .musicMain .musicContent .activityIntro .activityIntroLeft .prizeContent .prizeIntro{ width: 344px; color: #ffffff; line-height: 26px; }
.music .musicMain .musicContent .activityIntro .activityIntroLeft .prizeContent .prize1{ width: 46px; height: 77px; margin: 0 48px 0 66px; }
.music .musicMain .musicContent .activityIntro .activityIntroLeft .prizeContent .prize2{ width: 36px; height: 77px; }
.music .musicMain .musicContent .activityIntro .activityIntroLeft .prizeContent .prize1 span,
.music .musicMain .musicContent .activityIntro .activityIntroLeft .prizeContent .prize2 span{ display: block; font-size: 14px; color: #fff100; text-align: center; }
.music .musicMain .musicContent .activityIntro .activityIntroLeft .prizeContent .prize1 img,
.music .musicMain .musicContent .activityIntro .activityIntroLeft .prizeContent .prize2 img{ display: block; }
.music .musicMain .musicContent .activityIntro .activityIntroLeft .prizeContent .prize1 img{ margin-top: 4px; margin-bottom: 8px; }
.music .musicMain .musicContent .activityIntro .activityIntroLeft .gameRuleDetail{ padding-left: 8px; color: #ffffff; font-size: 16px; line-height: 24px; background: url("../images/christmas/yellowOval.png") no-repeat 0 center; }
.music .musicMain .musicContent .activityIntro .activityIntroLeft .gameRuleDetail2{ padding-left: 8px; color: #ffffff; font-size: 16px; line-height: 24px; }
.music .musicMain .musicContent .activityIntro .verticalBar{ float: left; width: 1px; height: 435px; margin-left: 18px; _margin-left: 5px; background: url("../images/christmas/verticalBar.png") no-repeat center; }
.music .musicMain .musicContent .activityIntro .activityIntroRight{ float: left; width: 268px; margin-left: 12px; }
.music .musicMain .musicContent .activityIntro .activityIntroRight .downloadVVmusic{ display: inline-block; font-size: 16px; color: #fff100; margin: 20px 30px 10px 40px; }
.music .musicMain .musicContent .activityIntro .activityIntroRight .downloadVVmusic:hover{ color: #fff799; }
.music .musicMain .musicContent .activityIntro .activityIntroRight .qrCode{ display: block; width: 268px; height: 335px; background: url("../images/christmas/qrCode.png") no-repeat 0 0; }


/*参赛作品*/
.music .musicMain .musicContent .entryProduction{ margin: 0px 12px 28px 24px; padding-bottom: 30px; }
.music .musicMain .musicContent .entryProduction ul{ margin-top: 28px; margin-left: 25px; }
.music .musicMain .musicContent .entryProduction ul li{ float: left; width: 158px; margin-right: 21px; margin-bottom: 28px; }
.music .musicMain .musicContent .entryProduction ul li a{ display: inline-block; }
.music .musicMain .musicContent .entryProduction ul li a img{ width: 150px; height: 150px; border: 4px solid #2d8622; }
.music .musicMain .musicContent .entryProduction ul li a .entryProductionName{ width: 158px; height: 20px; line-height: 20px; font-size: 14px; color: #fff100; margin: 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.music .musicMain .musicContent .entryProduction ul li a .participantNameBox{ width: 158px; height: 20px; line-height: 20px; }
.music .musicMain .musicContent .entryProduction ul li a .participantName{ width: 80px; float: left; font-size: 14px; color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.music .musicMain .musicContent .entryProduction ul li a .popularityAmount{ width: 70px; float: right; font-size: 12px; color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.music .musicMain .musicContent .entryProduction .seeMoreBtnPublic{ display: none; height: 45px; line-height: 45px; margin: 0 auto; cursor: pointer; font-size: 18px; color: #feff3a; }
.music .musicMain .musicContent .entryProduction .seeMoreBtn{ width: 126px; padding-left: 30px; background: url("../images/christmas/seeMoreBtn.png") no-repeat center; }
.music .musicMain .musicContent .entryProduction .seeMoreBtn:hover{ background: url("../images/christmas/seeMoreBtnHover.png") no-repeat center; }
.music .musicMain .musicContent .entryProduction .loadedBtn{ width: 204px; padding-left: 25px; background: url("../images/christmas/loadedBtn.png") no-repeat center; }
.music .musicMain .musicContent .entryProduction .loadedBtn:hover{ background: url("../images/christmas/loadedBtnHover.png") no-repeat center; }

.adImage{ display: block; width: 980px; height: 90px; margin: 35px auto; }

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


/*圣诞晚会*/
.eveningContent{ width: 960px; }
.eveningContent ul{ width: 870px; margin: 70px auto 35px; }
.eveningContent ul li{ float: left; 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: #7d1200; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.eveningContent ul li a:hover{ color: #e02500; }
.eveningContent .downloadVVvideo{ display: block; width: 307px; height: 45px; line-height: 45px; margin: 0 auto 40px; text-align: center; border-radius: 25px; background-color: #ff4716; font-size: 18px; color: #feff3a; }
.eveningContent .downloadVVvideo:hover{ background-color: #fa300f; }


/*圣诞百科*/
.baikeContent{ width: 850px; padding: 48px 55px; }
.baikeContent h3{ font-size: 24px; color: #d33200; }
.baikeContent .festivalDate{ font-size: 16px; color: #d33200; text-indent: 1.7em; margin: 10px 0 5px; }
.baikeContent .festivalIntro{ font-size: 14px; color: #7d1200; text-indent: 2em; }
.baikeContent p{ line-height: 22px; }
.baikeContent .festivalOrigin{ margin: 20px 0 10px; }
.baikeContent .line{ width: 825px; height: 1px; background: url("../images/christmas/line.png") no-repeat center; margin: 25px auto; }
.baikeContent ul li{ float: left; width: 170px; height: 30px; margin-right: 30px; padding-left: 10px; background: url("../images/christmas/brownOval.png") no-repeat left center; }
.baikeContent ul li a{ display: inline-block; width: 170px; height: 30px; line-height: 30px; font-size: 14px; color: #7d1200; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.baikeContent ul li a:hover{ color: #7d1200; }

/*圣诞祝福*/
.wishContent{ width: 960px; }
/*遮蔽*/
.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: 446px; height: 264px; font-size: 14px; margin-left: -223px; margin-top: -132px; z-index: 1010; }
.activityRuleMain .activityRuleCloseBtn{ position: absolute; top: 10px; right: 15px; width: 20px; height: 20px; background: url("../images/christmas/closeBtn.png") no-repeat center; cursor: pointer; }
.activityRuleMain h3{ height: 44px; line-height: 44px; background-color: #bc3333; font-size: 24px; color: #fff100; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.activityRuleMain .activityRuleContent{ padding: 30px 18px 30px 24px; background-color: #fef9ed; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.activityRuleMain .activityRuleContent p{ line-height: 20px; }
.activityRuleMain .activityRuleContent p.interpretation{ margin-top: 20px; }
.activityRuleMain .activityRuleContent p.interpretation,
.activityRuleMain .activityRuleContent p span{ color: #b51e1f; }

/*弹窗信息*/
.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: #e50e46; overflow: hidden; }
.message .messageMain .networkAnomaly{ margin: 65px auto 20px; padding-left: 25px; font-size: 30px; }
.message .messageMain .networkAnomaly span{ display: inline-block; height: 33px; line-height: 33px; font-size: 30px; padding-left: 35px; background: url("../images/christmas/networkAnomaly.png") no-repeat left center; }
.message .messageMain .refreshPrompt{ font-size: 20px;}
.message .messageMain .refreshPrompt a{ text-decoration: underline; color: #e50e46; }

.message .messageMain .face{ display: block; width: 40px; height: 40px; margin: 30px auto 15px; }
.message .messageMain .promptWords{ text-align: center; font-size: 24px; }
.message .messageMain .promptWords span{ font-size: 24px; }
.message .messageMain .promptWords .awardName{ color: #e50e46; font-weight: bold; }
.message .messageMain .messageBtn{ text-align: center; }
.message .messageMain .messageBtn a{ display: inline-block; width: 137px; height: 44px; line-height: 40px; font-size: 22px; margin-top: 22px; border-radius: 10px; color: #ffffff; text-align: center; }
.message .messageMain .messageBtn .leftBtn{ background: url("../images/christmas/messageLeftBtn.png") no-repeat center; margin-right: 35px; }
.message .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; }

/*底部*/
#footer_link_info p,
#footer_link_info p a{ color: #ffffff; }

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

/*vv音乐和晚会暂时隐藏*/
.music,
.adImage,
.evening{ display: none; }