@font-face { font-family: 'SourceHanSansCN'; src: url('SourceHanSansCN-Normal.woff2'); }
*:not(input,textarea) { -webkit-touch-callout: unset; -webkit-user-select: unset; }
body { line-height:unset;}
.none { display: none; }
.clear {
	clear:both;
}
.section1 { background: url('../../../images/topic/anniversary8th/bgheader.jpg?vert=1720087662') no-repeat center top; height: 967px; overflow: hidden; }
.section2 { background: url('../../../images/topic/anniversary8th/bgbody.jpg?vert=1720087662'); background-size: cover; overflow: hidden; z-index: 1;min-height:4000px; }
.section2 .topicContent { width: 1200px; margin: 0 auto; padding: 30px 0; font-family: SourceHanSansCN; }
.section2 .topicContent .button { background: #FEF3E2; border: 1px solid #937549; font-weight: bold; font-size: 26px; color: #937549; text-align:center; cursor: pointer; }
.section2 .topicContent .button:hover { background: rgba(254,243,226,0); border: 1px solid #A77830; color: #A77830; }
/* 抽奖 */
.drawContent .remainingPoints { font-weight: bold; font-size: 18px; color: #A77830; line-height: 60px; float: right; }
.drawHeader .button { width: 240px; height: 60px; float: right; margin-left:20px; line-height:60px;}
.drawMain { margin-top:70px;}
.drawMain .drawItem { width: 210px; height: 150px; background: #FEF3E2; border: 1px solid #937549; font-weight: bold; text-align: center; cursor: pointer; }
.drawMain .drawItem:hover { background: rgba(254,243,226,0); border: 1px solid #A77830; color: #A77830; }
.drawMain .drawItem.selected { background: rgba(254,243,226,0); border: 1px solid #A77830; color: #A77830; }

.drawMain .drawItem .amount { font-size: 60px; color: #937549; height:90px; line-height:90px;}
.drawMain .drawItem .desc { width: 101px; height: 31px; margin: 0 auto; }
.drawMain .drawItem .mbean {background: url('../../../images/topic/anniversary8th/mbean.png') no-repeat center top; }
.drawMain .drawItem .points {background: url('../../../images/topic/anniversary8th/points.png') no-repeat center top; }
.drawMain .drawItem .gift-amazon { width: 185px; height: 98px; margin: 0 auto; background: url('../../../images/topic/anniversary8th/gift-amazon.png') no-repeat center top; margin-top: 26px; }
.drawMain .drawItem .gift-xbox { width: 148px; height: 137px; margin: 0 auto; background: url('../../../images/topic/anniversary8th/gift-xbox.png') no-repeat center top; margin-top: 7px; }
.drawMain #drawBtn { width: 280px; height: 70px; margin: 0 auto; font-size: 30px; line-height: 70px; }

.activeCard { margin-top: 80px; }
.activeCard .cardTitle { font-weight: bold; text-align: center; }
.activeCard .cardTitle .cardTitleContent { font-size: 60px; color: #937549; line-height: 80px;  }
.activeCard .cardTitle .cardTitleDesc { font-size: 18px; color: #A77830; margin: 10px 0;}
.activeCard .cardMain .cardMainContent { margin: 50px; }

/* 好运任务 */
#luckTask .bindingItem { width: 1000px; height: 100px; margin:0 auto; background: #FEF3E2; font-weight: bold; }
#luckTask .bindingItem:nth-of-type(2) { margin-top:20px;}
#luckTask .bindingItem .content { width: 630px; font-size: 26px; color: #937549; float: left; margin-top: 30px; margin-left: 40px; }
#luckTask .bindingItem .button { width: 280px; height: 70px; float: right; margin-top: 15px; margin-right:50px; line-height: 70px; }
/*#luckTask .bindingItem .button:hover { background: #FEF3E2FF !important; }*/

/* 每日任务 */
#dailyTask .shareItem{ width: 1000px; height: 100px; margin: 0 auto; background: #FEF3E2; font-weight: bold; }
#dailyTask .gameItem { width: 1000px; height: 100px; margin: 0 auto; background: #FEF3E2; font-weight: bold; margin-top: 20px; }
#dailyTask .shareItem .content { width: 620px; font-size: 26px; color: #937549; float: left; margin-top: 30px; margin-left: 40px; }
#dailyTask .shareItem .shareMain { width: 190px; height: 50px; float: right; margin-top: 25px; margin-right: 50px; }
#dailyTask .shareItem .shareMain .share { width: 50px; height: 50px; float: left; cursor: pointer; }
#dailyTask .shareItem .shareMain .fb { background: url('../../../images/topic/anniversary8th/sharefb.png') no-repeat center top; }
#dailyTask .shareItem .shareMain .fb:hover { background: url('../../../images/topic/anniversary8th/sharefb_h.png') no-repeat center top; }
#dailyTask .shareItem .shareMain .twitter { background: url('../../../images/topic/anniversary8th/sharetw.png') no-repeat center top; margin-left: 20px; }
#dailyTask .shareItem .shareMain .twitter:hover { background: url('../../../images/topic/anniversary8th/sharetw_h.png') no-repeat center top; }
#dailyTask .shareItem .shareMain .wechat { background: url('../../../images/topic/anniversary8th/sharewechat.png') no-repeat center top; margin-left: 20px; }
#dailyTask .shareItem .shareMain .wechat:hover { background: url('../../../images/topic/anniversary8th/sharewechat_h.png') no-repeat center top; }
#dailyTask .shareItem .shareMain .qq { background: url('../../../images/topic/anniversary8th/shareqq.png') no-repeat center top;  }
#dailyTask .shareItem .shareMain .qq:hover { background: url('../../../images/topic/anniversary8th/shareqq_h.png') no-repeat center top; }
#dailyTask .shareItem .shareMain .sina { background: url('../../../images/topic/anniversary8th/sharesina.png') no-repeat center top; margin-left: 20px; }
#dailyTask .shareItem .shareMain .sina:hover { background: url('../../../images/topic/anniversary8th/sharesina_h.png') no-repeat center top; }
#dailyTask .shareItem .shareMain .button { display: none; }
#dailyTask .shareItem .shareMain.shared { width: 280px; height: 70px; margin-top: 15px; line-height: 70px; }
#dailyTask .shareItem .shareMain.shared .share { display: none; }
#dailyTask .shareItem .shareMain.shared .button { display: block; }
#dailyTask .gameItem .content { width: 600px;font-size: 26px; color: #937549; float: left; margin-left: 40px;}
#dailyTask .gameItem .content span { width: 270px; height: 100px; display: grid; align-items: center; float: left; }
#dailyTask .gameItem .button { width: 280px; height: 70px; float: right; margin-top: 15px; margin-right: 50px; line-height: 70px; }
#dailyTask .gameItem .button.done { background: #CDB78B; color: #937549; }
#dailyTask .gameItem .content .game { width: 300px; margin-left:30px; text-align: center; }

/* 祝福 */
#blessingTask .blessingMenu .button { width: 220px; height: 80px; line-height: 80px; }
#blessingTask .blessingMenu .button.selected { background: #CDB78B; color: #FAF3DF; }
#blessingTask .cardTitle .cardTitleDesc { margin: 0; }

/*作品卡片*/
#blessingTask .cardMain { min-height: 435px;background: #FEF3E2; padding:10px 0;}
#blessingTask .cardMain > div { margin-bottom: 20px; }
#blessingTask .cardMain > div .blessingCard:nth-child(n+2) { margin-left: 22px; }
#blessingTask .blessingCard { width: 283px; float: left; }
#blessingTask .blessingCard .blessingContent { height: 311px; background: url('../../../images/topic/anniversary8th/blessingbg.png'); }
#blessingTask .blessingCard .blessingContent img { width: 270px; height: 270px; border: 0; margin-top: 36px; margin-left: 7px; }
#blessingTask .blessingDesc { height: 29px; margin-top: 10px; font-size: 16px; color: #937549; }
.blessingDesc .profile { width: 29px; height: 29px; border-radius: 29px; overflow: hidden; margin-left: 5px; float: left; }
.blessingDesc .profile img { width: 29px; }
.blessingDesc .username { width: 170px; height: 29px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; line-height: 27px; margin-left: 8px; font-size: 16px; color: #D1B98C; float: left; }
.blessingDesc .blessingbtn { width: 25px; height: 25px; margin-top: 2px; margin-right: 8px; background: url('../../../images/topic/anniversary8th/blessingbtn.png'); background-size: contain; float: right;cursor:pointer; }
.blessingDesc .blessingbtn.licked { background: url('../../../images/topic/anniversary8th/blessingbtn-h.png'); background-size: contain; }
.blessingDesc .blessingcount { min-width: 37px; height: 29px; line-height: 29px; font-size: 16px; float: right; }

.rowSplitter { height: 1px !important; padding: 0 !important; }
.rowSplitter > div { width: 1025px; margin: 0 auto; }
.rowSplitter .rsphead { width: 20%; height: 2px; background-color: #D1B98C; background: -webkit-linear-gradient(to left,#D1B98C,#FEF3E2); background: -o-linear-gradient(to left,#D1B98C, #FEF3E2); background: -moz-linear-gradient(to left,#D1B98C, #FEF3E2); background: linear-gradient(to left,#D1B98C,#FEF3E2); float: left; }
.rowSplitter .rspbody { width: 60%; height: 2px; background-color: #D1B98C; float: left; }
.rowSplitter .rspfoot { width: 20%; height: 2px; background: -webkit-linear-gradient(to right,#D1B98C,#FEF3E2); background: -o-linear-gradient(to right,#D1B98C, #FEF3E2); background: -moz-linear-gradient(to right,#D1B98C, #FEF3E2); background: linear-gradient(to right,#D1B98C,#FEF3E2); float: left; }

#firstRowSplitter, #secondBlessingMain { display:none;}
.blessingPagination { height: 30px; margin-top: 25px; margin-bottom: 25px; overflow: hidden; font-size: 0; text-align: center; }
.blessingPagination li { display: inline-block; vertical-align: top; }
.blessingPagination li a { display: inline-block; min-width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 5px; font-size: 14px; color: #937549; background: #FEF3E2; border: 1px solid #937549; margin: 0 2px; padding: 0 10px; }
.blessingPagination a:hover { background: #FEF3E2; color: #A77830; }
.blessingPagination a.current { background: #CDB78B; color: #937549; }

/*温馨提示*/
.rulesTips {font-weight: bold; font-size: 60px; color: #937549;  text-align:center; margin-top:80px;}
.tipsWrap {font-weight: bold; }
.tipOrder { width: 22px; height: 22px; background: #FEF3E2; border-radius: 50%; font-size: 15px; color: #937549; text-align: center; }
.tipTitleOrder { width: 27px; height: 27px; background: #FEF3E2; border-radius: 50%; font-size: 18px; color: #937549; text-align: center; }
.tipText { font-size: 18px; color: #937549; line-height: 26px; }
.tipTitle { font-size: 20px; color: #937549; line-height: 26px; }
.tipText a { vertical-align: baseline; color: #937549; cursor: pointer; }
.tipsWrap table tr { height: 50px; }
.tipsWrap table tr > td.multiline { vertical-align: top; padding-top: 5px; }

.rechargeActivity { width: 170px; height: 380px; background: url(../../../images/topic/anniversary8th/recharge.jpg) no-repeat center top; background-size: contain; position: fixed; right: 0; top: 50%; margin-right: 150px; margin-top: -200px; z-index: 2;/* box-shadow: 0 25px 20px 0.2px rgb(25, 52, 145, 0.25);*/ cursor: pointer; display: none; }

 

/*弹窗开始*/
.popBox .button { background: #FEF3E2; border: 1px solid #937549; font-size: 26px; color: #937549; text-align: center; cursor: pointer; }
.popBox .button:hover { background: rgba(254,243,226,0); border: 1px solid #A77830; color: #A77830; }

.popLayer { display: none; background-color: #0d0d0d; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; -moz-opacity: 0.95; opacity: .95; filter: alpha(opacity=95); }
.popLayerMessage { display: none; background-color: #0d0d0d; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; -moz-opacity: 0.95; opacity: .95; filter: alpha(opacity=95); }
.popBox { display: none; position: fixed; width: 700px; font-family: SourceHanSansCN; font-weight: bold; top: 50%; left: 50%; margin-left: -350px; transform: translateY(-50%); z-index: 1000; line-height: normal; border: 1px solid #F1DEBE; padding: 5px; }
.popBox1 { z-index: 10000; }
.popBox .popCloseBtn { font-family: 'Microsoft YaHei'; position: absolute; right: 10px; top: 2px; cursor: pointer; font-size: 50px; border-radius: 50px; transform: rotate(45deg); color: #937549; font-weight: bold; line-height: 21px; text-align: center; width: 32px; height: 32px; -webkit-text-stroke: 2px #ffffff; }
.popBox1 .boxMain {background: #FEF3E2; border: 1px solid #937549; }
.popBox .msgTitle {font-weight: bold; font-size: 60px; color: #937549; text-align: center; margin-top: 40px; }
.popBox1 .boxMain table { width: 100%; height: 100%; margin: 20px 0 30px 0; font-weight: bold; font-size: 30px; color: #A77830; text-align: center; }
.popBox1 .boxMain table td { line-height: 30px; }
.popBox1 .boxMain table td .fragment { color: #4E52A1; }
.popBox .popBtnMain .popbtn { width: 240px; height: 60px; display: block; background: #FEF3E2; border: 1px solid #937549; line-height: 60px; font-size: 26px; font-weight: bold; color: #937549; text-align: center; cursor: pointer; margin: 0 auto; margin-bottom: 40px; }
.popBox .popBtnMain .popbtn:hover { background: #FEF3E2; border: 1px solid #A77830; color: #A77830; }

/*pop2:参与活动弹窗*/
.popBox2 { background: url('../../../images/topic/anniversary8th/pop2bg.png'); background-size: cover; color: #937549; height: 820px; }
.popBox2 .popCloseBtn { top: 12px; }
.popBox2 .boxMain { margin: 50px 30px 20px 30px; }
.popBox2 .boxMain .worksMain { width: 640px; height: 310px; background: #FFFFFF; border: 1px solid #937549; margin:0 auto;}
.popBox2 .boxMain .worksMain #btnUploadImg { text-align: center; color: #5a5a5a; position: absolute; z-index: 2; top: 50px; width: 640px; height: 310px; display: inline-grid; align-items: end; }
.popBox2 .boxMain .worksMain img { max-width: 320px; max-height: 320px; display: block; margin: 0 auto; }
.popBox2 .boxMain .inputDesc { font-size: 26px; /*margin: 5px 0;*/ }
.popBox2 .boxMain textarea { width: 100%; height: 110px; background-color: #FFFFFF; border: 1px solid #937549; color: #000000; resize: none; }
.popBox2 .boxMain table{ margin-bottom:30px;}
.popBox2 .boxMain table tr { height: 30px; }
.popBox2 .boxMain table .desc { font-size: 22px; width: 100px; height:50px; text-align: right; padding-right: 3px; } 
.popBox2 .boxMain table input { width: 220px; height:40px; background-color: #FFFFFF; border: 1px solid #937549; color: #000000; }
.popBox2 .boxMain input { font-family: SourceHanSansCN; font-weight: normal;font-size:16px; }
.popBox2 .popBtnMain .popbtn { margin-top:10px; margin-bottom:15px;}
 
/*pop3:中奖记录弹窗*/
.popBox3 { background: url('../../../images/topic/anniversary8th/pop3bg.png'); background-size: cover; color: #937549; height: 670px; }
.popBox3 .popCloseBtn { top:12px;}
.popBox3 .boxMain { margin: 50px 30px 20px 30px; }
.popBox3 .boxMain .recordTitle { font-size: 42px; color: #937549; text-align: center; }
.popBox .boxMain .recordTips { width: 543px; height: 18px; margin: 0 auto; background: url('../../../images/topic/anniversary8th/recordTips.png'); }
.popBox3 .boxMain .recordOperat { font-family: "Microsoft YaHei"; margin: 20px 0; }
.popBox3 .boxMain .recordOperat .desc {height: 23px; font-size: 22px; float: left; }
.popBox3 .boxMain .recordOperat select { border: 1px solid #7DA7ED; float: left; margin: 0 10px; font-size: 18px; }
.popBox3 .boxMain .recordOperat #awardRecordSearchBtn { width: 60px; height: 30px; line-height: 30px; float: left; font-size: 16px; text-align: center; }

.popBox3 #awardRecordList thead { font-size: 24px;  border-top: 1px solid #937549; border-left: 1px solid #937549; }
.popBox3 #awardRecordList thead tr { height: 43px; background: #F2E5D0; }
.popBox3 #awardRecordList thead th, .popBox3 #awardRecordList tbody td { text-align: center; border-bottom: 1px solid #937549; border-right: 1px solid #937549;font-weight:bold; }
.popBox3 #awardRecordList tbody td { padding: 5px 0; }
.popBox3 #awardRecordList { border-left: 1px solid #937549; }


/*.popBox3 .boxMain .listHeader { font-size: 24px; font-weight: 800; border-top: 1px solid #937549; border-left: 1px solid #937549; }
.popBox3 .boxMain .listHeader tr { height: 43px; background: #F2E5D0; }
.popBox3 .boxMain .listHeader th, .popBox3 .boxMain #awardRecordList td { text-align: center; border-bottom: 1px solid #937549; border-right: 1px solid #937549; }
.popBox3 .boxMain #awardRecordList td { padding: 5px 0; }
.popBox3 .boxMain #awardRecordList { border-left: 1px solid #937549; }
*/
#awardRecordPagination { height: 28px; overflow: hidden; font-size: 0; text-align: center; width: 100%; }
#awardRecordPagination li { display: inline-block; vertical-align: top; }
#awardRecordPagination li a { display: inline-block; min-width: 28px; height: 28px; line-height: 30px; text-align: center; text-decoration: none; font-size: 14px; color: #937549; margin: 0 2px; padding: 0 10px; border-radius: 5px; }
#awardRecordPagination a.current { background: #CDB78B; border: 1px solid #A77830; color: #A77830; }
.popBox3 .allPoints {float: right; text-align: right; margin-right: 10px; font-size: 16px; overflow: hidden; text-wrap: nowrap; line-height: 30px; }
.popBox3 #btnExchange { float: right; font-size: 16px; height: 30px; width: 120px; line-height: 30px; }

.popBox .boxMain .copy { width: 60px; height: 28px; margin-left: 5px; font-family: 'Microsoft YaHei'; line-height: 28px; background: #FEF3E2; border: 1px solid #937549; color: #937549; border-radius: 5px; font-size: 18px; text-align: center; cursor: pointer; display: inline-block; }
/*弹窗结束*/


@media screen and (max-width: 996px) {
	.section1 { zoom:0.8; } 
	.popBox { zoom: 1.5; } 

	.header .navWrap ul li a { padding: 0 5px !important;}
	.section1 .anniversaryTime .title.coming { font-size: 18px; }
	.rechargeActivity { display:none !important;}
} 

/*@media (max-width: 1919px) and (min-width: 768px) {
	html { zoom: 73%; }
	@-ms-viewport { width: 1920px; }
}
*/
  

.zoomLoop { -webkit-animation-name: zoomLoop; animation-name: zoomLoop; }

@-webkit-keyframes zoomLoop {
	0% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
	}

	50% {
		transform: scale(0.95, 0.95);
		-webkit-transform: scale(0.95, 0.95);
	}

	100% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
	}
}

@keyframes zoomLoop {
	0% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
	}

	50% {
		transform: scale(0.95, 0.95);
		-webkit-transform: scale(0.95, 0.95);
	}

	100% {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
	}
}