body {
	font-family: "Droid Sans", Roboto, Arial, sans-serif,;
	background: #000;
	font-size: 0.24rem;
	color: #ffddac;
	padding: 0;
	margin: 0;
	

}

p{
	margin: 0;
	padding: 0;
	}
	
a{
	color: #ffddac;
	text-decoration: none;
}


.on_left{
	float: left !important;
}
.on_right{
	float: right !important;
}

.on_center{
	margin: 0.2rem auto !important;
}

.t_center{
	text-align: center !important;
}



.t_left{
	text-align: left !important;
}

.t_red{color: #ff4d4d !important}


.t_green3{
    color: #66FF00 !important}
	
	
.t_purple{
    color: #FF00FF !important}
	
.t_gold{font-family: "Oswald_Bold";
	text-shadow: rgba(0, 0, 0, 0.5) 0.015rem 0 0, rgba(0, 0, 0, 0.5) 0 0.015rem 0, rgba(0, 0, 0, 0.5) -0.015rem 0 0, rgba(0, 0, 0, 0.5) 0 -0.015rem 0;
	color: #ffeaa5 !important;}

/*外层容器*/
.wrap{
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}



.bg01 {
	background-image: url(../images/bg01.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center 0.8rem;
}

	
/*标题*/
	
.activity_title{
	text-align: center;
	height: auto;
	width: 100%;
	margin: 0.18rem 0;
	overflow: hidden;
}
.activity_title h1 {
	font-size: 0.5rem;
	margin: 0;
	padding: 0;
	background-image: linear-gradient(#e2c052 28%, #fff7d2 42%, #fff7d2 49%, #e4b555 49%, #ffddac 90%);
    -webkit-background-clip: text;
    color: transparent;
	filter: drop-shadow(#894700 0.08rem 0.03rem 0.01rem);

}

.activity_title p{
	color: #FFF;
	text-shadow: 0.025rem 0 0.04rem #ff5559, 0 0.025rem 0.04rem #ff5559,  -0.025rem 0 0.04rem #ff5559, 0 -0.025rem 0.04rem #ff5559;
}



/*标题end*/
	
	

/*头部内容卡*/
	
.card_con {
	width: 100%;
	padding: 1% 0;
	margin: 1% 0;
	height: auto;
	background: linear-gradient(to right, rgba(0,0,0,0) 0%, #cb0010 30%, #cb0010 70%, rgba(0,0,0,0) 100%);
	border-image: linear-gradient(to right,  rgba(0,0,0,0) 0%, #ffe470 30%, #ffe470 70%, rgba(0,0,0,0) 100%) 1;
	text-align: center;
	border-top-width: 0.04rem;
	border-bottom-width: 0.04rem;
	border-top-style: solid;
	border-bottom-style: solid;
	position: relative;
	z-index: 5;
}	



	
	
.card_con h1{
	font-family: "Oswald_Bold";
	font-size: 0.5rem;
	margin: 0;
	padding: 0;
	background-image: linear-gradient(#fbeabd 30%, #ffc600 55%, #e4a900 55%, #fff476 90%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	display: inline;
}
	

.card_con h2{
	color: #fff;
	font-size: 0.24rem;
	font-weight: normal;
	margin: 0 0.1rem 0 0;
	padding: 0;
	display: inline;
	position: relative;
	top: -0.1rem;
}







	
/*头部内容卡end*/


/*Cash Back*/
.cash_back{
	width: 100%;
	height: 3rem;
	padding: 0;
	margin: 0;

}

.cash_back li{
	display: inline-block;
	margin: -1rem 0 0 0;
	padding: 0px;
	float: right;
	transform-origin: top;
	animation: clock 3s infinite ease-in-out;
}

 @keyframes clock {
0% {
    transform: rotate(8deg);
  }
  50% {
    transform: rotate(-8deg);
  }
  100% {
    transform: rotate(8deg);
  }
        }



.discount {
	width: 2rem;
	height: 3rem;
	background-image: url(../images/discount_bg.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
	text-align: center;
	overflow: hidden;
}

.discount p{
	font-size: 0.3rem;
	line-height: 0.4rem;
	margin: 1.5rem 0 0 0;
	padding: 0;
	color: #fff;
}

.discount h1{
	color: #fff;
	font-family: "Oswald_Bold";
	font-size: 0.4rem;
	line-height: 0.5rem;
	margin: 0;
	padding: 0;
}

.discount_red{
	filter: hue-rotate(0deg);}
	
.discount_green{
	filter: hue-rotate(150deg);}
	
.discount_blue{
	filter: hue-rotate(220deg);}		

/*Cash Back end*/



/*倒计时卡*/
	
.timing {
	width: 90%;
	padding: 1%;
	border-radius: 0.18rem;
	margin: 2% 4%;
	height: auto;
	background: rgba(0, 0, 0, 0.2);
  border: 0.02rem solid rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(0.05rem);
	text-align: center;
}	


	
.timing p{
	color: #00ff00;
	line-height: 0.4rem;
		text-shadow:
	0 0 0.01rem #000,
	0 0 0.02rem #000,
	0 0 0.03rem #000,
	0 0 0.06rem #000,
	0 0 0.08rem #000,
	0 0 0.1rem #000;
}

.timing li{
	font-size: 0.3rem;
	color: #00ff00;
	text-align: center;
	text-shadow:
	0 0 0.01rem #000,
	0 0 0.02rem #000,
	0 0 0.03rem #000,
	0 0 0.06rem #000,
	0 0 0.08rem #000,
	0 0 0.1rem #000;
	display: inline-block;
	font-weight: 800;
}






	
/*倒计时卡end*/














.con_box{
	width: 94%;
	margin: 0;
	padding: 3%;
}




/*标题*/

.lucky_cash_title {
	font-size: 0.3rem;
	font-weight: bold;
	width: 100%;
	padding: 1% 0;
	margin: 1% 0;
	height: auto;
	border-image: linear-gradient(to right,  rgba(0,0,0,0) 0%, #ffe470 30%, #ffe470 70%, rgba(0,0,0,0) 100%) 1;
	text-align: center;
	border-top-width: 0.02rem;
	border-top-style: solid;
	text-align: center;
	position: relative;
	z-index: 5;
}	

/*标题end*/






/*表格*/

.winner_table, .winner_table table{margin: 0 0 0.2rem 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

.winner_table table th{
	font-weight: bold;
	color: #ceb45f;
	text-align: center;
	padding: 0.15rem 0.08rem;
	background-color: #000 !important;
}

.winner_table table tr:nth-child(odd){
	background-color: #2d3e50;
}
.winner_table table tr:nth-child(even){
	background-color: #324559;
}
.winner_table table td{
	color: #fff;
	text-align: center;
	font-weight: normal;
	padding: 0.15rem 0.08rem;
}

.winner_table table td:nth-child(1){
    font-size: 0.18rem;
}


.winner_table_1st {
    background-color: #b6822c;
    background: linear-gradient(100deg, #f5c15b 0%, #b6822c 25%, #f5c15b 50%, #b6822c 75%, #f5c15b 100%);
    border: 0.03rem solid #f5c15b !important;
}

.winner_btn{
	font-size: 0.24rem;
	line-height: 0.4rem;
	text-align: center;
	width: 3rem;
	margin: 0 auto;
	text-decoration: underline;
}

/*表格END*/





/*HELP*/

.help_bg{
	background-color: #2d3e50;
}


.help1,.help2{margin: 0 0 0.5rem 0;
	padding: 0;
	width: 100%;
	color: #fff;
	overflow: hidden;
}

.help1 h1,.help2 h1{font-size: 0.3rem;text-align: center;}
.help1 p{
	margin: 0.1rem 0;
}


.help1 a{
	text-decoration: underline;
	float: right;
}

.help1 li{
	width: 94%;
	margin: 2% 0;
	padding: 3%;
	border-radius: 0.18rem;
	overflow: hidden;
	display: block;
	background-color: #000;
}

.help_discount {
	width: 1rem;
	height: 1rem;
	margin: 0 0.2rem 0 0;
	padding: 0;
	background-image: url(../images/discount_bg.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	text-align: center;
	overflow: hidden;
	float: left;
}

.help_discount p{
	font-size: 0.15rem;
	line-height: 0.2rem;
	margin: 0.25rem 0 0 0;
	padding: 0;
	color: #fff;
}

.help_discount h1{
	color: #fff;
	font-family: "Oswald_Bold";
	font-size: 0.2rem;
	line-height: 0.25rem;
	margin: 0;
	padding: 0;
}

	
	
.help2 li{
	list-style-position: inside;
	list-style-type: square;
	margin: 4% 0;
}	


.help2 a{
	text-decoration: underline;
}
/*HELP END*/


/*提示*/

.hint_box{
	width: 85%;
	height: auto;
	margin: 1rem auto;
	padding: 0;
	border: solid 0.04rem #ffddac;
	border-radius: 0.16rem;
	background-color: #000;
	text-align: center;
	overflow: hidden;
}


.hint_box:before {
    content: "";
    position: absolute;
    margin-top: 2.6rem;
    left: 75%;
    border: 0.4rem solid transparent;
    border-top: 0.4rem solid #000;
    z-index: 2;}
	
.hint_box:after {
    content: "";
    position: absolute;
    margin-top: 0;
    left: 75%;
    border: 0.41rem solid transparent;
    border-top: 0.41rem solid #ffddac;
    z-index: 1;}
	


.hint_bg01{	background-image: url(../images/hint_bg01.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.hint_bg02{	background-image: url(../images/hint_bg02.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat;
}	
.hint{
	width:90%;
	height: auto;
	border-radius: 0.12rem;
	display: block;
	padding: 5%;
	margin: 0 auto;
}

.hint h1{
	font-size: 0.3rem;
	line-height: 0.4rem;
	margin: 0.1rem 0;
	font-weight: normal;
}

.hint h3{
	font-size: 0.24rem;
	line-height: 0.3rem;
	margin: 0.2rem 0 0.1rem 0;
	font-weight: normal;
}

.hint p{
	line-height: 0.32rem;
	margin: 0;
	color: #FFF;
}



.hint_close{
	height: 0.8rem;
	width: 0.8rem;
	border-radius: 50%;
	background-color: #000;
	border: solid 4px transparent;
	background-image: linear-gradient(#000, #000),
    linear-gradient(130deg, #dfc572 0%, #916c38 50%, #825c2d 50.1%, #aa884a 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
	margin-top: -0.4rem;
	text-align: center;
	position: absolute;
	display: block;
	z-index: 2;
	margin-left: 78%;
}
.hint_close span{
	display: inline-block;
	width: 0.6rem;
	height: 0.08rem;
	background-color: #aa884a;
	background-image: linear-gradient(130deg, #dfc572 0%, #916c38 50%, #825c2d 50.1%, #aa884a 100%);
	transform: rotate(45deg);
	margin-top: 0.355rem;
    }

.hint_close span::after {
        content: '';
        display: block;
        width: 0.6rem;
        height: 0.08rem;
        background-color: #aa884a;
	background-image: linear-gradient(130deg, #dfc572 0%, #916c38 50%, #825c2d 50.1%, #aa884a 100%);
        transform: rotate(-90deg);
}

.hint h2 {
    font-family: "Oswald_Bold";
    font-size: 0.6rem;
    line-height: 0.7rem;
    margin: 0 0 0.1rem 0;
    padding: 0;
    background-image: linear-gradient(#fbeabd 30%, #ffc600 55%, #e4a900 55%, #fff476 90%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;}

.hint_discount {
	width: 1rem;
	height: 1rem;
	margin: -0.3rem 0 0 55%;
	padding: 0;
	background-image: url(../images/discount_bg.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	text-align: center;
	float: right;
	overflow: hidden;
	position: absolute;
}



.hint_discount h1{
	color: #fff;
	font-family: "Oswald_Bold";
	font-size: 0.3rem;
	line-height: 1rem;
	margin: 0;
	padding: 0;
}



/*提示END*/


/*弹窗*/

.popup_box{
	width: 85%;
	height: auto;
	margin: 1rem auto;
	padding: 0;
	border: solid 0.04rem transparent;
	border-radius: 0.16rem;
	background-color: #000;
	background-image: linear-gradient(#000, #000),
    linear-gradient(130deg, #dfc572 0%, #916c38 50%, #825c2d 50.1%, #aa884a 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
	text-align: center;
	overflow: hidden;
}

.popup_hint_bg {
	height: 3.6rem;
	background-image: url(../images/popup_hint_bg.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: bottom;
}
.popup_box:before {
    content: "";
    position: absolute;
    margin-top: -0.78rem;
    left: 55%;
    border: 0.4rem solid transparent;
    border-bottom: 0.4rem solid #000;
    z-index: 2;}
	
.popup_box:after {
    content: "";
    position: absolute;
    margin-top: -5.08rem;
    left: 54.8%;
    border: 0.41rem solid transparent;
    border-bottom: 0.41rem solid #8f6a36;
    z-index: 1;}
	

.popup{
	width:90%;
	height: auto;
	border-radius: 0.12rem;
	display: block;
	padding: 5%;
	margin: 0 auto;
}

.popup h1{
	font-size: 0.3rem;
	line-height: 0.4rem;
	margin: 0.1rem 0;
	font-weight: normal;
}

.popup h3{
	font-size: 0.24rem;
	line-height: 0.3rem;
	margin: 0.2rem 0 0.1rem 0;
	font-weight: normal;
}

.popup p{
	line-height: 0.32rem;
	margin: 0;
	color: #FFF;
}

.popup_close{
	height: 0.8rem;
	width: 0.8rem;
	border-radius: 50%;
	background-color: #000;
	border: solid 4px transparent;
	background-image: linear-gradient(#000, #000),
    linear-gradient(130deg, #dfc572 0%, #916c38 50%, #825c2d 50.1%, #aa884a 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
	margin-top: -0.4rem;
	text-align: center;
	position: absolute;
	display: block;
	z-index: 2;
	margin-left: 78%;
}
.popup_close span{
	display: inline-block;
	width: 0.6rem;
	height: 0.08rem;
	background-color: #aa884a;
	background-image: linear-gradient(130deg, #dfc572 0%, #916c38 50%, #825c2d 50.1%, #aa884a 100%);
	transform: rotate(45deg);
	margin-top: 0.355rem;
    }

.popup_close span::after {
        content: '';
        display: block;
        width: 0.6rem;
        height: 0.08rem;
        background-color: #aa884a;
	background-image: linear-gradient(130deg, #dfc572 0%, #916c38 50%, #825c2d 50.1%, #aa884a 100%);
        transform: rotate(-90deg);
}



.popup_btn1 {
	font-size: 0.3rem;
	line-height: 0.7rem;
	text-align: center;
	width: 80%;
	margin: 0.2rem auto;
	border-radius: 0.12rem;
	font-weight: 800;
    color:#306108;
	border:0.02rem solid #268a16;
    box-shadow:inset 0px 0.02rem 0px 0px #caefab,inset 0px -0.02rem 0px 0px  #268a16;
	background:linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);
	background-color:#77d42a;
	text-shadow:0 0.02rem 0px #aade7c;
}

/*弹窗END*/