@charset "UTF-8";
@font-face {
	font-family: 'DigifaceWide';
	src: url('ERASBD.ttf');
}

@font-face {
	font-family: 'BigruixianBlack';
	src: url('BigruixianBlack.ttf');
}
/*手机*/
@media screen and (max-width:600px) {
	.douyinMainItem {
		display: none !important;
		overflow: hidden !important;
	}
}
/*平板*/
@media screen and (min-width:600px) and (max-width:960px) {
	.douyinMainItem {
		display: none !important;
		overflow: hidden !important;
	}
}
/*PC*/
@media screen and (min-width:960px) {
	
}

.section1 {
	background: url('../../../images/topic/midautumn/luckbg1.png') no-repeat center top;
	height:1376px;
}
.section2 {
	background: url('../../../images/topic/midautumn/luckbg2.png') no-repeat center top;
	height: 1281px;
	overflow: hidden;
}
.section3 {
	background: url('../../../images/topic/midautumn/luckbg3.png') no-repeat center top;
	height: 771px;
	overflow: hidden;
}
.section4 {
	background: url('../../../images/topic/midautumn/luckbg4.png') no-repeat center top;
	height: 1105px;
	overflow: hidden;
}
.section5 {
	background: url('../../../images/topic/midautumn/luckbg5.png') no-repeat center top;
	height: 969px;
	overflow: hidden;
}
.section6 {
	background: url('../../../images/topic/midautumn/luckbg6.png') no-repeat center top;
	height: 491px;
	overflow: hidden;
}
.section1>div:first-child { 
	height: 400px;
}
.section1 .mainqrcode {
	height: 180px;
	width: 700px;
	margin: 0 auto;
	text-align: right;
} 
	.section1 .mainqrcode img {
		height: 180px;
		width: 180px;
	}
.btnDyQrcode {
	cursor: pointer;
} 
.section2 >.title {
	background: url('../../../images/topic/midautumn/lucktitle1.png') no-repeat center top;
	height: 125px;
	margin-top:30px;
}
.section2 .lotteryContent {
	width: 1215px;
	height: 890px;
	margin: 0 auto;
	margin-top: 50px;
}
.lotteryContent .lotteryTimeContent {
	width: 175px;
	height: 175px;
	margin: 20px 0 0 58px;
	text-align: center;
	float: left;
}
	.lotteryContent .lotteryTimeContent .ltTop {
		font-size: 20px;
		font-weight: bold;
		color: #193C3C;
		line-height: 50px;
		height: 50px;
		margin-top: 20px;
	}
	.lotteryContent .lotteryTimeContent .ltContent {
		height: 50px;
		font-size: 39px;
		font-family: 'DigifaceWide', serif;
		font-weight: bold;
		color: #2A6363;
		line-height: 50px;
		transform: scale(1, 1.5);
	}
	.lotteryContent .lotteryTimeContent .ltBottom {
		height: 21px;
		font-size: 20px;
		font-weight: bold;
		color: #193C3C;
	}
	.lotteryContent .lotteryTimeContent.activeEnd .ltTop {
		display:none;
	}
	.lotteryContent .lotteryTimeContent.activeEnd .ltContent {
		font-size: 40px;
		font-family: "BigruixianBlack",self;
		text-align: left;
		line-height: normal;
		font-style: oblique;
		margin-left: 15px;
		margin-top: 40px;
	}
	.lotteryContent .lotteryTimeContent .ltBottom {
		display: none;
	}

.lotteryContent .lotteryMain {
	width: 700px;
	height: 890px;
	float: right; 
}
.lotteryMain .prizeCard {
	width: 153px;
	height: 150px;
	background: url('../../../images/topic/midautumn/luckitem.png') no-repeat center top;
	padding: 10px;
	font-size: 19px;
	font-weight: bold;
	color: #E0FFFE;
	text-align: center;
	cursor: pointer;
	position: absolute;
} 
.lotteryMain .prizeCard:hover { 
	background: url('../../../images/topic/midautumn/luckitem-h.png') no-repeat center top;
}
.lotteryMain .prizeCard.selected {
	background: url('../../../images/topic/midautumn/luckitem-h.png') no-repeat center top;
}
	.lotteryMain .prizeCard .prizem {
		width: 38px;
		height: 48px;
		background: url('../../../images/topic/midautumn/luckitemm.png') no-repeat center top;
		margin: 0 auto;
		margin-top: 20px;
	}
	.lotteryMain .prizeCard .prizegift {
		width: 35px;
		height: 40px;
		background: url('../../../images/topic/midautumn/luckitemgift.png') no-repeat center top;
		margin: 0 auto;
		margin-top: 25px;
	}
	.lotteryMain .prizeCard .desc {
		margin-top: 10px; 
	}
	.lotteryMain .prizeCard table {
		font-size: 23px;
		font-weight: 400;
		width: 100%;
		height: 100%; 
		vertical-align: middle;
	}
.lotteryMain .prize1 {
	margin-left: 170px; 
} 
.lotteryMain .prize2 {
	margin-left:360px;
	margin-top:60px;
}
.lotteryMain .prize3 {
	margin-left: 490px;
	margin-top: 190px;
}
.lotteryMain .prize4 {
	margin-left: 540px;
	margin-top: 370px;
}
.lotteryMain .prize5 {
	margin-left: 490px;
	margin-top: 540px;
}
.lotteryMain .prize6 {
	margin-left: 370px;
	margin-top: 680px;
}
.lotteryMain .prize7 {
	margin-left: 190px;
	margin-top: 750px;
}
.lotteryMain .prize8 { 
	margin-top: 690px;
}
.lotteryMain .lotteryBtnMain {
	position: absolute;
	margin-top: 270px;
	margin-left: 200px;
}
.lotteryBtnMain .lotteryTitle {
	font-size: 16px;
	color: #C4E1E0;
	text-align: center;
}
.lotteryBtnMain .lotteryBtn {
	width: 222px;
	height: 222px;
	background: url('../../../images/topic/midautumn/lottery.png') no-repeat center top;
	margin-top:20px;
	cursor:pointer;
}
.lotteryBtnMain .lotteryBtn:hover {
	background: url('../../../images/topic/midautumn/lottery-h.png') no-repeat center top;
}
	.lotteryBtnMain .lotteryBtn.disabled:hover {
		background: url('../../../images/topic/midautumn/lottery.png') no-repeat center top;
	}

.lotteryBtnMain .lotteryRecode {
	font-size: 17px;
	color: #FFFFFF;
	text-align: center;
	width: 120px;
	margin: 0 auto;
	margin-top: 30px;
	border-radius: 10px; 
	background: -webkit-linear-gradient(to top,#34716e, #60b7b0);
	background: -o-linear-gradient(to top,#34716e, #60b7b0);
	background: -moz-linear-gradient(to top,#34716e,#60b7b0);
	background: linear-gradient(to top, #34716e,#60b7b0);
	cursor: pointer;
}
	.lotteryBtnMain .lotteryRecode:hover {
		background: -webkit-linear-gradient(to bottom,#34716e, #60b7b0);
		background: -o-linear-gradient(to bottom,#34716e, #60b7b0);
		background: -moz-linear-gradient(to bottom,#34716e,#60b7b0);
		background: linear-gradient(to bottom, #34716e,#60b7b0);
	}
.section3 > .title {
	background: url('../../../images/topic/midautumn/lucktitle2.png') no-repeat center top;
	height: 125px;
	margin-top: 30px;
}
.section3 > .title2 {
	font-size: 30px;
	font-family: STZhongsong;
	color: #F8D5AB;
	margin-top: 50px;
	text-align: center;
}
.section3 .gameListContent {
	width: 1200px;
	margin: 0 auto;
	margin-top: 50px;
}
.gameListContent .gameLeft {
	height: 347px;
	width: 71px;
	background: url('../../../images/topic/midautumn/directionleft.png') no-repeat center center;
	cursor: pointer;
	float: left;
}
.gameListContent .gameListMain {
	height: 347px;
	width: 1000px;
	margin: 0 29px;
	float: left;
	position:relative;
	overflow: hidden;
}
.gameListContent .gameListMain>div { 
	position: absolute; 
	width:4080px;
} 
.gameListContent .gameRight {
	height: 347px;
	width: 71px;
	background: url('../../../images/topic/midautumn/directionright.png') no-repeat center center;
	cursor:pointer;
	float: left;
}
.gameListMain .gameCard {
	display: block;
	width: 235px;
	height: 347px;
	background: url('../../../images/topic/midautumn/luckgamebg.png') no-repeat center center;
	padding: 15px 11px 14px 12px;
	cursor: pointer;
	float: left;
}
	.gameListMain .gameCard:not(:first-child) {
		margin-left: 20px;
	}
	.gameListMain .gameCard img {
		width: 212px;
		height: 318px;
	}
.section4 > .title {
	background: url('../../../images/topic/midautumn/lucktitle3.png') no-repeat center top;
	height: 125px;
	margin-top: 30px;
}
.section4 .stepContent {
	width: 950px;
	height: 330px; 
	margin:0 auto;
	margin-top:130px;
}
.stepContent table {
	width: 100%;
	height: 100%;
}
.stepContent .desc { 
	font-size: 25px;  
	color: #FADDBA; 
}
	.stepContent .desc > span { 
		color: #E8B76B; 
	}
.stepContent .operateBtn {
	width: 100px;
	height: 40px;
	background: #FADDBA;
	border-radius: 10px;
	font-size: 20px;
	color: #1C4040;
	line-height: 36px;
	text-align: center;
	font-family: Microsoft YaHei;
	cursor:pointer;
}
	.stepContent .operateBtn:hover {
		background: linear-gradient(0deg, #E9BF84, #FADDBA);
	}
	.stepContent .operateBtn.done {
		background: #244C4C;
		border: 2px solid #FADDBA; 
		font-size: 20px; 
		color: #FADDBA; 
	}
.section5 > .title {
	background: url('../../../images/topic/midautumn/luckwinners.png') no-repeat center top;
	height: 58px;
	width:399px;
	margin:0 auto;
	margin-top: 450px;
}
.winnerListMain {
	width:1100px;
	height:300px;
	margin:0 auto;
}
.winnerListMain .listLeft {
	width: 549px;
	height: 100%;
	text-align: center;
	overflow: hidden;
	float: left;
}

.winnerListMain .listSplitter {
	width: 2px;
	height: 260px;
	background-color: #ffffff;
	float: left;
	margin-top: 20px;
}

.winnerListMain .listRight {
	width: 549px;
	height: 100%;
	text-align: center;
	overflow: hidden;
	float: left;
}

.winnerListMain ul {
	margin-left: 20px;
	font-size: 16px;
	color: #ffffff;
	line-height: 42px;
}

	.winnerListMain ul .userName {
		width: 200px;
		display: inline-block;
		text-align: left;
	}
	.winnerListMain ul .nodata {
		font-size: 20px;
		line-height: 200px;
	} 

	.winnerListMain ul .rewardName {
		width: 200px;
		display: inline-block;
		text-align: center;
	}
.section6 > .title {
	background: url('../../../images/topic/midautumn/lucktip.png') no-repeat center top;
	height:123px;
}
.tipsWrap {
	width:1200px;
	margin:0 auto;
	margin-top: 20px;
}
.tipOrder {
	width: 22px;
	height: 22px;
	background: linear-gradient(0deg, #D1B98C, #F5EFE5);
	border-radius: 50%;
	text-align: center;
}
.tipText {
	font-size: 18px;
	font-family: Microsoft YaHei;
	color: #FFE9C1;
	line-height: 26px;
}
.tipsWrap table tr {
	height: 50px;
} 
	.tipsWrap table tr > td.multiline {
		vertical-align: top;
		padding-top: 5px;
	}

/*抖音二维码浮动框*/
.douyinMainItem {
	height: 420px;
	width: 262px;
	position: fixed;
	left: 0;
	top: 50%;
	margin-top: -240px;
	margin-left: 50px;
	z-index: 2;
	display: none;
	background: url('../../../images/topic/midautumn/dyitembg.png') no-repeat center top;
}
	.douyinMainItem .douyinContent {
		width: 160px;
		height: 320px;
		margin: 48px 0 0 48px;
		overflow: hidden;
	}
	.douyinMainItem .title {
		margin-top:20px;
		width: 160px;  
		font-size: 14px; 
		color: #000000; 
		font-weight:bold;
		text-align:center;
	}
	.douyinMainItem .dycode {
		width: 158px;
		height: 158px;
		margin: 0 auto;
		margin-top: 25px;
	}
	.douyinMainItem img {
		width: 158px;
		height: 158px; 
	}
/*弹窗开始*/
.popLayer {
	display: none;
	background-color: #161616;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.popLayerMessage {
	display: none;
	background-color: #161616;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	-moz-opacity: 0.7;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.popBox {
	display: none;
	position: fixed;
	width: 552px;
	top: 50%;
	left: 50%;
	margin-left: -276px;
	transform: translateY(-50%);
	z-index: 1000;
	padding: 17px 45px;
	height: 178px;
	background: url(../../../images/topic/midautumn/popmsgbg.png) no-repeat center top;
}
.popBox1 {
	z-index: 10000;
}
.popBox .popCloseBtn {
	position: absolute;
	right: 0px;
	top: -30px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	font-size: 37px;
	border: 2px solid #d1b98c;
	border-radius: 50px;
	transform: rotate(45deg);
	color: #d1b98c;
	font-weight: lighter;
	line-height: 21px;
	text-align: center;
}
.popBox1 .popMain {
	overflow: hidden;
	height: 100%;
}
.popBox .popMain table {
	font-size: 25px;
	font-weight:bold;
	width: 100%;
	height: 100%;
	color: #D5AB7E;
	text-align: center;
}
.popBox .popMains table {
	font-size: 17px;
}
	.popBox .popMain table td {
		line-height: 30px;
	}
.popBox2 {
	width: 490px;
	margin-left: -245px;
	height: initial;
	background: #225050;
	padding: 12px;
	border: 1px solid #FADDBA;
}
.popBox2 .popCloseBtn {
	right: -40px;
}
.popBox2 .boxMain {
	overflow: hidden;
	padding: 5px;
	background: #4E9B9B;
	box-shadow: 0px 7px 32px 0px rgba(49,51,51,0.48);
}
	.popBox2 .invitePopMain {
		width: 100%;
		background: #F6F5F3;
		border: 1px solid #FADDBA;
	}
	.popBox2 .popMainTitle { 
		height: 60px;
		font-size: 24px; 
		color: #D5AB7E;
		line-height: 60px;
		text-align:center;
	}
	.popBox2 .shareMain {
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 20px;
	}
.invitePopMain .url {
	width: 290px;
	height: 18px;
	font-size: 13px; 
	font-weight: bold;
	color: #313131; 
	float:left;
}
.invitePopMain .copy {
	display:block;
	width: 63px;
	height: 25px;
	background: #244C4C;
	border: 2px solid #FADDBA;
	border-radius: 10px;
	font-size: 14px;
	color: #FADDBA;
	text-align: center;
	cursor: pointer;
	float: right;
}
.invitePopMain .dycode {
	width: 100px;
	height: 100px; 
	cursor: pointer;
	float: left;
}
.invitePopMain .dycode img{
	width: 100px;
	height: 100px; 
}
.rowSplitter {
	height: 2px !important;
	padding: 0 !important;
}
.invitePopMain .rowSplitter > div {
	width: 400px;
	margin: 0 auto;
	margin-top:30px;
}

	.rowSplitter .rsphead {
		width: 20%;
		height: 2px; 
		background: -webkit-linear-gradient(to left,#d7af85,#ece9e4);
		background: -o-linear-gradient(to left,#d7af85, #ece9e4);
		background: -moz-linear-gradient(to left,#d7af85, #ece9e4);
		background: linear-gradient(to left,#d7af85,#ece9e4);
		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,#d7af85,#ece9e4);
		background: -o-linear-gradient(to right,#d7af85, #ece9e4);
		background: -moz-linear-gradient(to right,#d7af85, #ece9e4);
		background: linear-gradient(to right,#d7af85,#ece9e4);
		float: left;
	}
.popBox3 {
	width: 700px;
	margin-left: -350px;
	background: #225050;
	border: 1px solid #FADDBA;
	padding: 12px;
	height: initial;
}
	.popBox3 .popCloseBtn {
		right: -40px;
	}
	.popBox3 .winningListPopMain {
		overflow: hidden;
		padding: 5px;
		background: #4E9B9B;
		box-shadow: 0px 7px 32px 0px rgba(49,51,51,0.48);
	}
.winningListPopMain table tbody tr:first-child td {
	font-size: 27px;
	color: #D5AB7E;
	text-align: center;
	font-family: "BigruixianBlack", serif;
}
.winningListPopMain > table {
	width: 100%;
	background: #F6F5F3;
	border: 1px solid #FADDBA;
}
.winningListPopMain .rowSplitter > div {
	width: 650px;
}
.winningListMain {
	height: 388px;
	overflow-y: auto;
}
	.winningListMain::-webkit-scrollbar-track, .winningListMain::-webkit-scrollbar-track-piece {
		border-radius: 6px;
		background: #282828;
	}
	.winningListMain table {
		width: 100%;
	}
		.winningListMain table tr {
			height: 40px;
		}
	.winningListMain td {
		text-align: center !important;
		font-size: 20px !important;
		color: #D5AB7E !important;
		font-family: 'Microsoft YaHei' !important;
	}
.colSplitter .csphead {
	height: 70px;
	width: 2px;
	background: -webkit-linear-gradient(to top,#d7af85,#ece9e4);
	background: -o-linear-gradient(to top,#d7af85, #ece9e4);
	background: -moz-linear-gradient(to top,#d7af85, #ece9e4);
	background: linear-gradient(to top,#d7af85,#ece9e4);
}

.colSplitter .cspbody {
	height: 230px;
	width: 2px;
	background-color: #d7af85; 
}

.colSplitter .cspfoot {
	height: 70px;
	width: 2px;
	background: -webkit-linear-gradient(to bottom,#d7af85,#ece9e4);
	background: -o-linear-gradient(to bottom,#d7af85, #ece9e4);
	background: -moz-linear-gradient(to bottom,#d7af85, #ece9e4);
	background: linear-gradient(to bottom,#d7af85,#ece9e4);
}
.popBox4 .popMain {
	height: 80px;
}
.popBox4 .popBtnMain {
	width:266px;
	margin:0 auto;
}
	.popBox4 .popBtnMain .btn {
		width: 113px;
		height: 40px;
		cursor: pointer;
		background: url(../../../images/topic/midautumn/popbtn.png) no-repeat center top;
		font-size: 20px;
		font-size: 18px;
		line-height: 40px;
		color: white;
		display: block;
		float: left;
		text-align: center;
	}
	.popBox4 .popBtnMain .btn:hover {
		background: url(../../../images/topic/midautumn/popbtn-h.png) no-repeat center top;
	}
  
/*弹窗结束*/
/*分享模块*/
.shareMain {
	width: 152px;
}
	.shareMain div:not(.clear) {
		width: 28px;
		height: 28px;
		margin: 5px;
		float: left;
		background-size: contain !important;
	}
	.shareMain .qq {
		background: url('../../../images/topic/midautumn/icon-qq.png');
	}
		.shareMain .qq:hover {
			background: url('../../../images/topic/midautumn/icon-qq-h.png');
		}
	.shareMain .wechat {
		background: url('../../../images/topic/midautumn/icon-wechat.png');
	}
		.shareMain .wechat:hover {
			background: url('../../../images/topic/midautumn/icon-wechat-h.png');
		}
	.shareMain .fb {
		background: url('../../../images/topic/midautumn/icon-fb.png');
	}
		.shareMain .fb:hover {
			background: url('../../../images/topic/midautumn/icon-fb-h.png');
		}
	.shareMain .twitter {
		background: url('../../../images/topic/midautumn/icon-twitter.png');
	}
		.shareMain .twitter:hover {
			background: url('../../../images/topic/midautumn/icon-twitter-h.png');
		}