@charset "utf-8";
body{
	background: #fdfcfd;
}
p{
	margin: 0;
}
.show{
	display: block !important;
}
/**header**/
.header{
	width: 1000px;
	height: 80px;
	margin: 0 auto;
}
.table-cell{
	width: 1000px;
	height: 80px;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
.logo{
	width: 225px;
	height: 36px;
	margin: 0 0 0 16px;
	background: url(https://hoya.oss-cn-shanghai.aliyuncs.com/hongbao/gongyin/20190625/logo.png) no-repeat;
}
.nav_link{
	position: absolute;
	right: 15px;
	top: 44px;
}
.nav_link span{
	margin: 0 10px;
}
.nav_link a{
	font-size: 12px;
	color: #666666;
}
.nav_link a:hover{
	color: #c6000b;
	transition: .3s;
}
/**banner**/
.banner{
	min-width:1000px; 
	height:440px;
	background:url(https://hoya.oss-cn-shanghai.aliyuncs.com/hongbao/gongyin/20190625/banner.png) no-repeat center;
}
/**content**/
.contanier{
	min-width: 1000px;
	height: 2740px;
	margin: 0 auto;
	background: #f45655;
	position: relative;
}
.part1{
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	padding: 250px 0 60px 0;
}
.sub1{
	width: 900px;
	height: 417px;
	position: absolute;
	top: -167px;
	left: 50%;
	line-height: 30px;
	margin: 0 0 0 -450px;
	padding: 78px 50px 0;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	background:url(https://hoya.oss-cn-shanghai.aliyuncs.com/hongbao/gongyin/20190625/img01.png) no-repeat center;
}
.sub1 p{
	margin: 0;
	text-align: justify;
}
.sub2 {
	width: 800px;
	height: 220px;
	margin: 40px auto;
	text-align: center;
	position: relative;
	background:url(https://hoya.oss-cn-shanghai.aliyuncs.com/hongbao/gongyin/20190625/img02.png) no-repeat center;
}
.ruleBtn{
	width: 50px;
	height: 148px;
	position: absolute;
	top: 38px;
	right: -100px;
	background:url(https://hoya.oss-cn-shanghai.aliyuncs.com/hongbao/gongyin/20190625/img05.png) no-repeat center;
}
.btn01{
	width: 410px;
	height: 94px;
	display: inline-block;
	margin: 97px auto 0;
	background:url(https://hoya.oss-cn-shanghai.aliyuncs.com/hongbao/gongyin/20190625/btn01.png) no-repeat center;
}
.btn01-1{
	width: 410px;
	height: 94px;
	display: inline-block;
	margin: 97px auto 0;
	background:url(https://hoya.oss-cn-shanghai.aliyuncs.com/hongbao/gongyin/20190625/btn01-1.png) no-repeat center;
}
.btn:active{
	transition: .3s;
	transform: scale(0.95);
	-webkit-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-o-transform: scale(0.95);
}
.sub3{
	width: 900px;
	background: #ffffff;
	margin: 0 auto;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	padding: 50px;
	border: #fef0ec 6px solid;
}
.sub3 .title{
	margin: 0 0 28px 0;
	font-size: 20px;
	line-height: 1;
	color: #1b1b1b;
}
.answerBox{
	width: 100%;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	background: #fef0ec;
	border: #ffd8c1 solid 1px;
	border-radius: 2px;
	margin: 0 0 10px 0;
	position: relative;
}
.answerBox p{
	color: #ed4e49;
	line-height: 48px;
	padding: 0 0 0 50px;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.answerBox input{
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: #ed4e49;
	line-height: 48px;
	border-radius: 50%;
	-webkit-appearance: none;
	outline: medium;
}
.answerBox input + span{
	content:" ";
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -15px 0 0 5px;
	color: #ed4e49;
	line-height: 48px;
	border-radius: 50%;
	-webkit-appearance: none;
	outline: medium;
	background: url(https://hoya.oss-cn-shanghai.aliyuncs.com/hongbao/gongyin/20190625/img06.png) no-repeat;
}
.answerBox input:checked + span:after{
	content: " ";
	width: 29px;
	height: 23px;
	background: url(https://hoya.oss-cn-shanghai.aliyuncs.com/hongbao/gongyin/20190625/icon.png) no-repeat;
	position: absolute;
	top: 2px;
    left: 4px;
}
.mb{
	margin: 0 0 45px 0;
}
.submitAnswer{
	width: 311px;
	height: 91px;
	margin: 50px auto 0;
	background: url(https://hoya.oss-cn-shanghai.aliyuncs.com/hongbao/gongyin/20190625/btn02.png) no-repeat;
}
.part2{
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
	background: #ec4a4a;
	position: relative;
}
.dialBox{
	width: 500px;
	height: 500px;
	margin: 0 auto;
	position: relative;
	background: url(https://hoya.oss-cn-shanghai.aliyuncs.com/hongbao/gongyin/20190625/p0.png) no-repeat;
}
.dialBox img{
	position: absolute;
}
.p1{
	width: 486px;
	height: 486px;
	top: 50%;
	left: 50%;
	margin: -243px 0 0 -243px;
}
.p2{
	width: 466px;
	height: 466px;
	top: 50%;
	left: 50%;
	margin: -233px 0 0 -233px;
}
.p3{
	width: 367px;
	height: 372px;
	top: 70px;
	left: 67px;
}
.p4{
	width: 168px;
	height: 168px;
	top: 50%;
	left: 50%;
	margin: -84px 0 0 -84px;
}
.p5{
	width: 155px;
	height: 155px;
	top: 180px;
	left: 173px;
}
.p6{
	width: 215px;
	height: 215px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -107px 0 0 -107px;
}
.p6Img{
	width: 87px;
	height: 72px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -43px;
}
.myaward{
	width: 50px;
	height: 148px;
	background: url(https://hoya.oss-cn-shanghai.aliyuncs.com/hongbao/gongyin/20190625/img03.png) no-repeat;
	position: absolute;
	right: 0;
	top: 50px;
}
.part3{
	width: 900px;
	margin: 0 auto;
	line-height: 24px;
	color: #fef4d3;
}
.part3 .title{
	width: 194px;
	height: 20px;
	font-size: 22px;
	letter-spacing: 2px;
	color: #fef4d3;
	line-height: 1;
	text-align: center;
	margin: 50px auto 40px;
	background: url(https://hoya.oss-cn-shanghai.aliyuncs.com/hongbao/gongyin/20190625/img04.png) no-repeat;
}
.part3 p{
	margin: 0 0 5px 0;
}
.mask{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.9);
	position: fixed;
	top: 0;
	left: 0;
}
.tipBox{
	width: 660px;
	height: auto;
	border: #fef0ec 6px solid;
	border-radius: 10px;
	background: #ffffff;
	padding: 25px 44px;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -200px 0 0 -330px;
}
.tipClose{
	width: 36px;
	height: 36px;
	background: url(https://hoya.oss-cn-shanghai.aliyuncs.com/hongbao/gongyin/20190625/close.png) no-repeat;
	position: absolute;
	top: -6px;
	right: -6px;
}
.tipContent input{
	width: 560px;
	height: 44px;
	box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	background: url(https://hoya.oss-cn-shanghai.aliyuncs.com/hongbao/gongyin/20190625/img07.png) no-repeat;
	border: 0;
	padding: 0 14px;
	margin: 0 0 8px 0;
	outline: medium;
}
.code{
	width: 402px !important;
	background: url(https://hoya.oss-cn-shanghai.aliyuncs.com/hongbao/gongyin/20190625/img08.png) no-repeat !important;
}
.codeImg{
	width: 150px;
	height: 44px;
	float: right;
	border-radius: 10px;
}
.tipContent input::-webkit-input-placeholder{
	color: #ddb290;
}
.tips{
	font-size: 18px;
	color: #999999;
	text-align: center;
	margin: 10px 0 0 0;
	line-height: 1;
}
.tipRow{
	padding: 25px 0;
}
.tipContent .btn{
	width: 312px;
	height: 80px;
	font-size: 28px;
	color: #fefefe;
	text-shadow: 0px 1px 1px #f34b56;
	text-align: center;
	margin: 20px auto 0;
	line-height: 70px;
	background: url(https://hoya.oss-cn-shanghai.aliyuncs.com/hongbao/gongyin/20190625/btnbg.png) no-repeat !important;
}
.tipTextBox{
	min-height: 100px;
}
.tipText{
	color: #1b1b1b;
	font-size: 22px;
	text-align: center;
	margin: 0 0 15px 0;
	line-height: 36px;
}
.red{
	color: #ed4e49;
}
.award1{
	width: 100px;
	height: 116px;
	display: block;
	margin: 0 auto;
}
.award2{
	width: 140px;
	height: 74px;
	display: block;
	margin: 0 auto;
}
.tipMask{
	display: none;
}
.p1n{
	animation-name: p1n;
	-webkit-animation-name: p1n;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.p2n{
	animation-name: p1n;
	-webkit-animation-name: p1n;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	animation-delay: .5s;
	-webkit-animation-delay: .5s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.pndur{
	animation-duration: .3s !important;
	-webkit-animation-duration: .3s !important;
}
.pndur-delay{
	animation-delay: .15s !important;
	-webkit-animation-delay: .15s !important;
}
@-webkit-keyframes p1n{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0.5;
	}
	100%{
		opacity: 1;
	}
}
@keyframes p1n{
	0%{
		opacity: 1;
	}
	50%{
		opacity: 0.5;
	}
	100%{
		opacity: 1;
	}
}
.p1nt{
	animation: p1nt 1s step-start infinite;
	-webkit-animation: p1nt 1s step-start infinite;
}
@-webkit-keyframes p1nt{
	0%{
		opacity: 1;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	50%{
		opacity: 0.5;
		transform: rotate(30deg);
		-webkit-transform: rotate(30deg);
	}
	100%{
		opacity: 1;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
}
@keyframes p1nt{
	0%{
		opacity: 1;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	50%{
		opacity: 0.5;
		transform: rotate(30deg);
		-webkit-transform: rotate(30deg);
	}
	100%{
		opacity: 1;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
}
.p2nt{
	animation: p2nt 1s step-start infinite;
	-webkit-animation: p2nt 1s step-start infinite;
}
@-webkit-keyframes p2nt{
	0%{
		opacity: 1;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	50%{
		opacity: 0.5;
		transform: rotate(-30deg);
		-webkit-transform: rotate(-30deg);
	}
	100%{
		opacity: 1;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
}
@keyframes p2nt{
	0%{
		opacity: 1;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	50%{
		opacity: 0.5;
		transform: rotate(-30deg);
		-webkit-transform: rotate(-30deg);
	}
	100%{
		opacity: 1;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
}

.loadingbox{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}
.loading{
	width: 100px;
	height: 100px;
	position: fixed;
	left: 50%;
	top: 50%;
	border-radius: 10px;
	margin: -110px 0 0 -50px;
	background: rgba(0,0,0,0.4);
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
}
.weui-loading{
	width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    -webkit-animation: weuiLoading 1s steps(12, end) infinite;
    animation: weuiLoading 1s steps(12, end) infinite;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAiIGhlaWdodD0iMTIwIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxMDB2MTAwSDB6Ii8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTlFOUU5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMwKSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iIzk4OTY5NyIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAxMDUuOTggNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjOUI5OTlBIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDYwIDc1Ljk4IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0EzQTFBMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSg5MCA2NSA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNBQkE5QUEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDU4LjY2IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0IyQjJCMiIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgxNTAgNTQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjQkFCOEI5IiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKDE4MCA1MCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDMkMwQzEiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1MCA0NS45OCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNDQkNCQ0IiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTEyMCA0MS4zNCA2NSkiLz48cmVjdCB3aWR0aD0iNyIgaGVpZ2h0PSIyMCIgeD0iNDYuNSIgeT0iNDAiIGZpbGw9IiNEMkQyRDIiIHJ4PSI1IiByeT0iNSIgdHJhbnNmb3JtPSJyb3RhdGUoLTkwIDM1IDY1KSIvPjxyZWN0IHdpZHRoPSI3IiBoZWlnaHQ9IjIwIiB4PSI0Ni41IiB5PSI0MCIgZmlsbD0iI0RBREFEQSIgcng9IjUiIHJ5PSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtNjAgMjQuMDIgNjUpIi8+PHJlY3Qgd2lkdGg9IjciIGhlaWdodD0iMjAiIHg9IjQ2LjUiIHk9IjQwIiBmaWxsPSIjRTJFMkUyIiByeD0iNSIgcnk9IjUiIHRyYW5zZm9ybT0icm90YXRlKC0zMCAtNS45OCA2NSkiLz48L3N2Zz4=) no-repeat;
    background-size: 100%;
}
.weui-loading.weui-loading_transparent,
.weui-btn_loading.weui-btn_primary .weui-loading,
.weui-btn_loading.weui-btn_warn .weui-loading {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 100 100'%3E%3Cpath fill='none' d='M0 0h100v100H0z'/%3E%3Crect xmlns='http://www.w3.org/2000/svg' width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.56)' rx='5' ry='5' transform='translate(0 -30)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.5)' rx='5' ry='5' transform='rotate(30 105.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.43)' rx='5' ry='5' transform='rotate(60 75.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.38)' rx='5' ry='5' transform='rotate(90 65 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.32)' rx='5' ry='5' transform='rotate(120 58.66 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.28)' rx='5' ry='5' transform='rotate(150 54.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.25)' rx='5' ry='5' transform='rotate(180 50 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.2)' rx='5' ry='5' transform='rotate(-150 45.98 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.17)' rx='5' ry='5' transform='rotate(-120 41.34 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.14)' rx='5' ry='5' transform='rotate(-90 35 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.1)' rx='5' ry='5' transform='rotate(-60 24.02 65)'/%3E%3Crect width='7' height='20' x='46.5' y='40' fill='rgba(255,255,255,.03)' rx='5' ry='5' transform='rotate(-30 -5.98 65)'/%3E%3C/svg%3E");
}
@-webkit-keyframes weuiLoading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}
@keyframes weuiLoading {
  0% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}