*{margin:0;padding:0;}
body {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
}
img{width:100%;height:100%;}
input[type=number] {
	-moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
.hidden{display:none!important;}
.align{text-align:center;}

/*首页*/
.i_main {
	position: relative;
	width:20rem;
	height:110.875rem;
	background:url("../images/bg.jpg");
	background-size:100% 100%;
}
.part1{height:25rem;}
.part1 .logo {
	position: absolute;
	right: 0.3125rem;
	top: 0.15625rem;
	width: 8.75rem;
	height: 3.4375rem;
}
.part1 .logo .logo1{
	width:3.78125rem;
	height:2.21875rem;
}
.part1 .logo .logo2{
	width:4.4375rem;
	height:3.25rem;
	vertical-align: bottom;
}
.part1 .sologan {
	position: absolute;
	left: 50%;
	top: 2.75rem;
	width: 15.65625rem;
	height: 8.3125rem;
	margin-left: -7.828125rem;
}

.part2{height:33.3rem;}
.part2 time{
	display: block;
	width: 15.59375rem;
	height: 2.15625rem;
	line-height: 2.15625rem;
	margin:1.4rem auto;
	font-size: 0.65625rem;
	font-weight: 600;
	color: #0C808E;
	text-align: center;
	background: url(../images/time_bg.png);
	background-size: 100% 100%;
}
.part2 time>span{color:#FF6EAF;}
.part2 .gift_box{
	padding-top: 3rem;
	width: 19rem;
	height: 27.3125rem;
	margin: 0 auto;
	background: url(../images/gift_bg.png);
	background-size: 100% 100%;
}
.part2 .gift_box .gift_img{
	width: 17.53125rem;
	height:8.1875rem;
	margin:0 auto;
	margin-bottom: .9rem;
	text-align: center;
	background: url(../images/gift_bg1.png);
	background-size: 100% 100%;
}
.part2 .gift_box .gift_img .title{
	position:relative;
	top:.9375rem;
	width:12.0625rem;
	height:1.375rem;
	margin: 0 auto;
}
.part2 .gift_box .gift_img .info:nth-of-type(1){margin-left: 1.625rem;}
.part2 .gift_box .gift_img .info{
	position: relative;
	float:left;
	top: 1.5rem;
	width:3.65625rem;
	height:3.5rem;
	margin-right: 1.625rem;
	text-align: center;
	background: url(../images/img_bg.png);
	background-size: 100% 100%;
}
.part2 .gift_box .gift_img .info img{
	position:absolute;
	left:50%;
	top:50%;
	width:2.84375rem;
	height:2.6875rem;
	margin:-1.34375rem 0 0 -1.421875rem;
}
.part2 .gift_box .gift_img .info>span{
	font-size:.625rem;
	color: #005568;
	position: absolute;
	bottom: -1.125rem;
	width: 100%;
	left: 50%;
	white-space: nowrap;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
 }
.part2 .gift_box .gift_img .info.more>span{left:33%;}

.part3 .lottery_box{
	width:20rem;
	height:26.59375rem;
	background: url(../images/lottery_bg.png);
	background-size: 100% 100%;
}
.part3 .lottery_box .user_info{
	padding:4rem 0.625rem 0 0.3125rem;
}
.part3 .lottery_box .user_name{
	display: inline-block;
	width: 10.25rem;
	height: 2.15625rem;
	line-height: 2.15625rem;
	text-align: center;
	background: url(../images/name_bg.png);
	background-size: 100% 100%;
	font-size:0.75rem;
	color:#005568;
}
.part3 .lottery_box .get_btn{
	display: inline-block;
	float: right;
	margin-top: .2rem;
	width: 5.5rem;
	height: 1.8125rem;
	background: url(../images/get_btn.png);
	background-size: 100% 100%;

}
.part3 .lottery_box .lottery_out_box{
	margin: 0.5rem auto 0 auto;
	width:17.71875rem;
	height:17.71875rem;
	border-radius: 17.71875rem;
	background-color: #FFABD2;
	position: relative;
}
.part3 .lottery_box .lottery_middle_box{
	position: absolute;
	top:50%;
	left:50%;
	margin: -8.5rem auto auto -8.5rem;
	width:17rem;
	height:17rem;
	border-radius: 17rem;
	background-color: #FF71A9;
}
.part3 .lottery_box .lottery_inner_box{
	position: absolute;
	top:50%;
	left:50%;
	margin: -8.015625rem auto auto -8.015625rem;
	width:16.03125rem;
	height:16.03125rem;
	overflow: hidden;
	border-radius: 16.03125rem;
}
.part3 .lottery_box .wheelcanvas{
	position: relative;
	width:100%;
	height:100%;
}
.part3 .lottery_box .wheelcanvas.top{
	background: url(../images/lottery_gift_bg1.png) no-repeat;
	background-size: 100% 100%;
}
.part3 .lottery_box .wheelcanvas.right{
	background: url(../images/lottery_gift_bg2.png) no-repeat;
	background-size: 100% 100%;
}
.part3 .lottery_box .wheelcanvas.bottom{
	background: url(../images/lottery_gift_bg3.png) no-repeat;
	background-size: 100% 100%;
}
.part3 .lottery_box .wheelcanvas.left{
	background: url(../images/lottery_gift_bg4.png) no-repeat;
	background-size: 100% 100%;
}
.part3 .lottery_box .wheelcanvas .topgift{
	position: absolute;
	bottom:70%;
	left:50%;
	margin-left: -1.625rem;
	width:3.25rem;
	height:3.71875rem;
	background: url(../images/lottery1.png) no-repeat;
	background-size: 100% 100%;
}
.part3 .lottery_box .wheelcanvas .rightgift{
	position: absolute;
	top:50%;
	left:75%;
	margin-top: -2.015625rem;
	width:2.59375rem;
	height:4.03125rem;
	background: url(../images/lottery2.png) no-repeat;
	background-size: 100% 100%;
}
.part3 .lottery_box .wheelcanvas .bottomgift{
	position: absolute;
	top:70%;
	left:50%;
	margin-left: -1.28125rem;
	width:2.5625rem;
	height:3.71875rem;
	background: url(../images/lottery3.png) no-repeat;
	background-size: 100% 100%;
}
.part3 .lottery_box .wheelcanvas .leftgift{
	position: absolute;
	top:50%;
	right:75%;
	margin-top: -1.859375rem;
	width:2.59375rem;
	height:3.71875rem;
	background: url(../images/lottery4.png) no-repeat;
	background-size: 100% 100%;
}
.part3 .lottery_box .pointer{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -3.453125rem auto auto -3.453125rem;
	width: 6.90625rem;
	height: 6.90625rem;
	background: url(../images/pointer.png) no-repeat;
	background-size: 100% 100%;
}
.part3 .lottery_box .pointer_txt{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -0.921875rem auto auto -0.890625rem;
	width: 1.78125rem;
	height: 1.84375rem;
	background: url(../images/pointer_txt.png) no-repeat;
	background-size: 100% 100%;
}

.part4 .ward_rules{
	position: relative;
	width: 19rem;
	margin: 0 auto;
}
.part4 .ward_rules .title{
	margin-top: 1.8rem;
	font-size:0.875rem;
	font-weight:600;
	color:#005960;
}
.part4 .ward_rules ul li{
	list-style:none;
	position: relative;
	font-size:0.6875rem;
	color:#005960;
	line-height: 1.2rem;
	padding-left: 0.46875rem;
	margin-bottom: 0.3125rem;
}
.part4 .ward_rules ul li>div{
	 padding-left: .5rem;
	 display: inline-block;
 }
.part4 .ward_rules ul li>div>p{font-weight:600;}
.part4 .ward_rules ul li>i{
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0.3125rem;
	width: 0.6875rem;
	height: 0.6875rem;
	font-size: 0.5625rem;
	font-style: normal;
	text-align: center;
	color: #39DADE;
	line-height: 0.6875rem;
	background: #005568;
	border-radius:0.6875rem;
}

/*弹框*/
.co_tips {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.9);
	position: fixed;
	z-index: 9999999;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.co_tips .co_con {
	position: relative;
	top: 50%;
	width:18.3125rem;
	height:20.9375rem;
	margin: 0 auto;
	background: url(../images/tipsbg1.png) no-repeat;
	background-size: 100% 100%;
	transform:  translate(0,-50%);
	-ms-transform:  translate(0,-50%);	/* IE 9 */
	-webkit-transform:  translate(0,-50%);	/* Safari and Chrome */
	-o-transform:  translate(0,-50%);		/* Opera */
	-moz-transform:  translate(0,-50%);		/* Firefox */
}
.co_tips .co_con .co_tips_close {
	z-index: 20;
	position: absolute;
	right: 1rem;
	width: 1.75rem;
	height: 1.75rem;
	top: 3.625rem;
}
.co_tips .co_con .co_form{
	display: inline-block;
	position: relative;
	left:50%;
	top:65%;
	transform: translate(-50%,-50%);
	-ms-transform:  translate(-50%,-50%);	/* IE 9 */
	-webkit-transform:  translate(-50%,-50%);	/* Safari and Chrome */
	-o-transform:  translate(-50%,-50%);		/* Opera */
	-moz-transform:  translate(-50%,-50%);		/* Firefox */
}
/*中奖弹框*/
.co_tips.co_tips_ward .tips_num{
	font-size:1.1071875rem;
	color:#FFF9CE;
	text-align: center;
}
.co_tips.co_tips_ward .tips_num span{
	font-size: 1rem;
	color:#FCFF00;
}
.co_tips.co_tips_ward .info{
	font-size:0.6875rem;
	color:#98B6C2;
	text-align:center;
	margin: .7rem 0 .7rem .35rem;
}
.co_tips.co_tips_ward .copy{
	width:6.59375rem;
	height:2.125rem;
	margin: 0 auto;
	background:url("../images/copy_btn.png");
	background-size:100% 100%;
}
/*中奖记录弹框*/
.co_tips.co_tips_record .co_con .co_form{width:12rem;}
.co_tips.co_tips_record .co_con {
	width:18.3125rem;
	height: 22.1875rem;
	background: url(../images/tipsbg2.png) no-repeat;
	background-size: 100% 100%;
}
.co_tips.co_tips_record .co_form .table_title{
	float: left;
	width: 11.875rem;
	position: relative;
	border:1px solid #24677A;
	border-bottom:none;
}
.co_tips.co_tips_record .co_form .table_title>span{
	float:left;
	display:inline-block;
	width: 5.90625rem;
	font-size: 0.875rem;
	font-weight:600;
	color: #FCFF00;
	height:2.25rem;
	line-height:2.25rem;
	text-align:center;
}
.co_tips.co_tips_record .co_form .table_title>span:first-child{border-right: 1px solid #24677A;}
.co_tips.co_tips_record .co_form .table_list{
	overflow: auto;
	width: 11.875rem;
	height: 7.6875rem;
	border: 1px solid #24677A;
}
.co_tips.co_tips_record .co_form .table_info{
	float: left;
	width: 11.875rem;
	position: relative;
}
.co_tips.co_tips_record .co_form .table_info>span{
	text-align:center;
	float:left;
	display:inline-block;
	width: 5.90625rem;
	height:1.875rem;
	line-height:1.875rem;
	font-size:0.6875rem;
	color:#FFFFFF;
	border-bottom: 1px solid #24677A;
}
.co_tips.co_tips_record .co_form .table_info>span:nth-of-type(1){border-right: 1px solid #24677A;}
.co_tips.co_tips_record .co_form .table_info:last-of-type>span{border-bottom:none;}
.co_tips.co_tips_record .help{
	font-size: 0.5625rem;
	color: #5E8492;
	text-align: center;
	margin: 0.3125rem 0;
}


@keyframes scales{0%{transform: scale(1);opacity:.8; }50% {transform: scale(1.15);opacity:1;}100% {transform: scale(1);opacity:.9;}}
@-webkit-keyframes scales{0%{transform: scale(1);opacity:.8; }50% {transform: scale(1.15);opacity:1;}100% {transform: scale(1);opacity:.9;}}
@-moz-keyframes scales{0%{transform: scale(1);opacity:.8; }50% {transform: scale(1.15);opacity:1;}100% {transform: scale(1);opacity:.9;}}
@-o-keyframes scales{0%{transform: scale(1);opacity:.8; }50% {transform: scale(1.15);opacity:1;}100% {transform: scale(1);opacity:.9;}}
@-ms-keyframes scales{0%{transform: scale(1);opacity:.8; }50% {transform: scale(1.15);opacity:1;}100% {transform: scale(1);opacity:.9;}}