html,body{
	min-height:100%;
	background-color: #EB2A30
}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
	body{color:#333; font-size:12px;font-family:"Microsoft YaHei"}
	ul,ol{list-style-type:none;}
	select,input,img,select{vertical-align:middle;}
	input{ font-size:12px;}
	a{ text-decoration:none; color:#000;}
	a:hover{color:#c00; text-decoration:none;}
	.clear{clear:both;}

	/* 大转盘样式 */
	.banner .turnplate{display:block;width:85%;position:relative;margin: 0 auto;top: 5vh}
	.banner .turnplate canvas.item{width:100%;}
	.banner .turnplate img.pointer{position:absolute;width:36%;height:40%;left:32%;top:28%;}
	.more{display: block;width: 100%;position: fixed;top: 0;left: 0;height: 150px;}
	.cloud{position: fixed;left: 0;top: 70%;width: 150px;}
	.cloud2{position: fixed;right: 0;top: 32%;width: 50px;}
	.cloud3{position: fixed;left: 0;top: 30%;width: 100px;}
	@media screen and (max-width: 320px) {
		.cloud{position: fixed;left: 0;top: 70%;width: 150px;}
		.cloud2{position: fixed;right: 0;top: 30%;width: 50px;}
		.cloud3{position: fixed;left: 0;top: 23%;width: 100px;}
	}
	@media screen and (min-width: 321px) and (max-width: 375px) {
		.cloud{position: fixed;left: 0;top: 72%;width: 150px;}
		.cloud2{position: fixed;right: 0;top: 32%;width: 50px;}
		.cloud3{position: fixed;left: 0;top: 25%;width: 100px;}
	}
	@media screen and (min-width: 376px) {
		.cloud{position: fixed;left: 0;top: 68%;width: 150px;}
		.cloud2{position: fixed;right: 0;top: 32%;width: 50px;}
		.cloud3{position: fixed;left: 0;top: 25%;width: 100px;}
	}
	@media screen and (max-height: 480px) {
		.cloud{position: fixed;left: 0;top: 81%;width: 150px;}
		.cloud2{position: fixed;right: 0;top: 35%;width: 50px;}
		.cloud3{position: fixed;left: 0;top: 27%;width: 100px;}
	}
	.banner{
		position: relative;
		padding-bottom:  20%;
	}
.banner .top_bg {
	width: 100%;
	position: absolute;
}
	#mark{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;display: none;}
	.red-img{position: fixed;top: 10%;left: 5%;width: 90%;}
	body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
body{color:#333; font-family:"Microsoft YaHei";background: #EB2A30 !important;}
ul,ol{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
input{ font-size:12px;}
a{ text-decoration:none; color:#000;}
a:hover{color:#c00; text-decoration:none;}
.clear{clear:both;}

/*==== 弹窗 =====*/
.cover {
	z-index: 99;
	position: fixed;
	top: 0;
	background: rgba(39,40,34,.6);
}
.covers1,.covers2,.covers3 {
	z-index: 101;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 70%;
	height: 65vw;
	background: white;
	margin: auto;
	border-radius: 7px;
	animation: action_translateY 1s linear;
	/*display: none;*/
}
	.covers_quit {
		position: absolute;
		right: 5vw;
		top: 5vw;
		width: 5%;
	}
		.covers_quit img {
			width: 100%;
		}
	.covers_icon {
		width: 46%;
		margin-left: 27%;
		margin-top: 8vw;
	}
		.covers_icon img {
			width: 100%;
		}
	.covers_font {
		font-size: 4vw;
		text-align: center;
	}
		.covers_font span {
			color: #EA2329;
		}
	.covers_btn,.covers_btn2 {
		width: 86%;
		margin-left: 7%;
		margin-top: 7vw;
		height: 10vw;
		line-height: 10vw;
		color: white;
		font-size: 4.2vw;
		text-align: center;
		background: #F44336;
		border-radius: 90px;
	}

.covers2,.covers3 {
	width: 80%;
	height: 85vw;
	display: none;
}

	.covers_btn1,.covers_btn2 {
		/*height: 12vw;
		line-height: 12vw;*/
		margin-top: 4vw;
		width: 70%;
		margin-left: 15%;
	}
	.covers_btn1 {
		margin-top: 10vw;
	}
	.covers_btn2 {
		background: #4296EB;
	}
	

/*收益跳转*/
.float_btn {
	z-index: 20;
	position: fixed;
	top: 10vw;
	right: 0vw;
	width: 20vw;
	height: 8vw;
	border-radius: 90px 0 0 90px;
	text-align: center;
	line-height: 8vw;
	color: white;
	font-size: 3.7vw;
	background: #B71C1C;
}
/*==== 转盘抽奖 ====*/
.turntable {
	position: relative;
	width: 100%;
	height: auto;
}
	.turntable .turntablebg {
		width: 100%;
	}
.rotate {
	z-index: 10;
	position: absolute;
	width: 70%;
	left: 15%;
	top: 25vw;
}
.pointer {
	z-index: 15;
	position: absolute;
	width: 20%;
	left: 40%;
	top: 41vw;
}
	.rotate img,.pointer img {
		width: 100%;
	}
	.turntable_font {
		position: absolute;
		width: 90%;
		height: 9vw;
    bottom: -20vw;
		left: 5%;
		line-height: 9vw;
	}
		.turn_font_left,.turn_font_right {
			float: left;
			width: 47%;
			height: 100%;
			background: #D50000;
			border-radius: 90px;
			color: white;
			font-size: 3.5vw;
			text-align: center;
		}
		.turn_font_right {
			float: right;
		}
			.turn_font_left img {
				width: 16%;
				margin-top: -1.5%;
				margin-left: 5%;
			}
			.turn_font_right img {
				width: 14%;
				margin-top: -2%;
				/* margin-left: 5%;
				margin-right: 5%; */
			}
			.turn_font_right a{
				color: #fff
			}
			.turn_font_right a:active,.turn_font_right a:link,.turn_font_right a:hover{
				text-decoration: none;
				color: #fff
			}
/*==== task =====*/
.taskRules {
	position: relative;
	width: 100%;
	background: #EB2A30;
	padding-bottom: 10vw;
	padding-top: 1vw;
}
	.task {
		width: 90%;
		height: 104vw;
		background: white;
		border-radius: 10px;
		margin-left: 5%;
	}
		.task_title {
			width: 90%;
			height: 13vw;
			margin-left: 5%;
			text-align: center;
			border-bottom: 1px solid #EDEDED;
		}
			.task_title img {
				width: 70%;
				margin-top: 5.5%;
			}
		.task_read,.task_video {
			width: 90%;
			height: 35vw;
			margin-left: 5%;
			border-bottom: 1px solid #EDEDED;
		}
			.task_r_name {
				padding-top: 3vw;
				font-size: 4.2vw;
				font-weight: bold;
			}
			.task_con {
				position: relative;
				top: 3vw;
				width: 90%;
				margin-left: 7%;
				height: 18vw;
				/*background: red;*/
			}
				.task_con_icon {
					position: relative;
					top: 5vw;
					width: 100%;
					height: 6.5vw;
				}
					.task_con_icon img {
						width: 100%;
					}
					.task_icon1 {
						position: relative;
						float: left;
						width: 8.5%;
						margin-left: 14%;
					}
					.task_line {
						float: left;
						width: 47%;
						height: 1px;
						margin: 4% 3%;
						background: #F4908F;
					}
					.task_icon2 {
						position: relative;
						float: left;
						width: 8.5%;
					}
				.task_fonts {
					position: relative;
					top: 7vw;
					width: 100%;
					height: 6vw;
					line-height: 6vw;
				}
					.task_fonts_left,.task_fonts_right {
						float: left;
						width: 40%;
						height: 100%;
						color: #262626;
						font-size: 3.5vw;
						text-align: center;
					}
					.task_fonts_right {
						float: right;
					}
					.task_video .task_line {
						background: #0DACF5;
					}
					.task_icon_already {
						position: absolute;
						top: -5vw;
						left: 5vw;
						width: 260%;
					}
						.task_icon_already img {
							width: 100%;
						}
		.task_font_footer {
			width: 90%;
			height: 12vw;
			margin-left: 5%;
			margin-top: 3vw;
			color: #8F8F8F;
			font-size: 3.5vw;
			line-height: 5.5vw;
		}

	.rules {
		position: relative;
		width: 90%;
		background: white;
		border-radius: 10px;
		margin-left: 5%;
		margin-top: 10vw;
		padding-bottom: 3vw;
	}
		.rules .task_title img {
			width: 50%;
		}
		.rules_cover {
			z-index: 10;
			position: absolute;
		}
			.rules_cover img {
				width: 100%;
			}
		.rules_con {
			margin-top: 3vw;
			width: 90%;
			margin-left: 5%;
			height: 10vw;
			transition: .3s;
			font-size: 3.5vw;
			line-height: 5.5vw;
			overflow: hidden;
		}
		.rules_footer {
			z-index: 15;
			position: absolute;
			width: 100%;
			height: 10vw;
			font-size: 4.2vw;
			color: #00A7F5;
			/*background: red;*/
			line-height: 10vw;
			text-align: center;
		}
			.rules_li {
				color: gray;
			}
				.rules_con li span {
					color: red;
				}
		.rules_con_footer {
			margin-top: 5vw;
			text-align: center;
			color: gray;
		}
.tips{
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	z-index: 2019;
}
.tips .bg{
	width: 80%;
	height: 30rem;
	margin: 0 auto;
	background-image: url(../images/load_bg.png);
  background-size: 100% 100%;
	background-repeat: no-repeat;
	margin-top: 2rem;
	margin-left: 3.5rem;
	padding-top: 8rem;
	text-align: center;
	position: relative;
}
.tips .bg p:nth-child(1){
	color: #5F121A;
	font-size: 2.6rem;
	width: 93%;
}
.tips .bg p:nth-child(2) {
	color: #B43B48;
	font-size: 1.6rem;
	width: 93%;
}
.tips .bg p:nth-child(3) {
	position: absolute;
	bottom: 2rem;
	font-size: 1.5rem;
	color: #FFFFFF;
	width: 93%;
}
.tips ._close{
	width: 3rem;
	height: 3rem;
	margin: 0 auto;
	margin-top: 2rem;
	color: #fff;
}
._close img{
	width: 100%;
}
		/** 动画 **/
@keyframes action_translateY{  
  0%{transform: scale(.5);opacity: 0;}  
  50%{ transform: scale(.8);opacity: .6;}
  100%{ transform: scale(1);opacity: 1;}   
}
