body,ul,h1,h2,h3,h4,h5,h6,form,input,p{
	margin: 0;
	padding: 0;
	font-weight: normal;
}
body{
	position:relative;
	width: 100%;
	font-family: "\5FAE\8F6F\96C5\9ED1";
	background-color: #e6f5fc;
	margin: 0 auto;
	font-size: 0.2rem;
	overflow-x: hidden;
}
.content-bg{
	max-width: 10.8rem;
	overflow: hidden;
	margin: 0 auto;
}
video::-webkit-media-controls-fullscreen-button {
	display: none !important;
}
.db{display: block;text-indent: -9999em;font-size: 0;}
a{
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0); 
	   -moz-tap-highlight-color: rgba(0,0,0,0);  
			tap-highlight-color: rgba(0,0,0,0);  
	-webkit-focus-ring-color: rgba(0,0,0,0);  
	   -moz-focus-ring-color: rgba(0,0,0,0); 
	    		focus-ring-color: rgba(0,0,0,0);   
}
*{
	-webkit-tap-highlight-color: transparent;
}

li{
	list-style: none;
}
img{
	vertical-align: middle;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clear:after{
	content: "";
	display: block;
	clear: both;
}
.clear{
	zoom: 1;
}
.hide{display: none;width: 0;height: 0;}

/*style*/
.content-bg{background: url(../img/bg_01.jpg) no-repeat 50% 0/100% auto,url(../img/bg_02.jpg) no-repeat 50% 15.75rem/100% auto;padding-bottom: 1rem;}

.header{height: 16.51rem;position: relative;}
.game_box{padding: 0 0.8rem 0 0.65rem;position: absolute;box-sizing: border-box;left: 50%;margin-left: -4.97rem;bottom: .6rem;display: flex;justify-content: space-between;align-items: center;background: url(../img/game_box.png) no-repeat 50% 0/100% auto;width: 9.94rem;height: 2.04rem;}
.game_info{display: flex;align-items: center;}
.game_info img{display: block;width: 1.47rem;height: 1.47rem;}
.game_info p{background: url(../img/game_name.png) no-repeat 50% 0/100% auto;width: 3.53rem;height: 1.07rem;margin-left: 0.4rem;}
.pic_cw2{position: absolute;width: 2.14rem;height: 2.63rem;right: .53rem;bottom: 0.32rem;}
.pic_cw2 img{display: block;width: 2.14rem;height: 2.63rem;}

.part1{box-sizing: border-box;}
.tit1{background: url(../img/tit1.png) no-repeat 50% 0/100% auto;width: 10.8rem;height: 2.8rem;margin: 0 auto;}
.pic_gift{background: url(../img/pic_bg.png) no-repeat;width: 10.77rem;height: 7.95rem;background-size: 100% 100%;margin: .34rem auto 0;}
.pic_gift img{display: block;width: 7.96rem;height: 6.32rem;margin-left: 1.32rem;}
.btn_lottery{display: block;background: url(../img/btn_lottery.png) no-repeat 50% 0/100% auto;width: 4.17rem;height: 1rem;margin: 0 auto 0;position: relative;z-index: 3;animation: scaleUp 1.6s infinite linear;}
.txt{display: block;height: .26rem;margin: 0.1rem auto 0;animation: txtanim 1s ease infinite both alternate;background: url(../img/txt.png) no-repeat;background-size: 100% 100%;width: 2.32rem;}
@keyframes txtanim{
	from{transform: translateY(-.04rem);}
	to{transform: translateY(0.06rem);}
}

.part2{padding-top: 0.7rem;box-sizing: border-box;position: relative;}
.tit2{background: url(../img/tit2.png) no-repeat 50% 0/100% auto;width: 10.8rem;height:2.95rem;margin: 0 auto;}
.p2_icon{position: absolute;background: url(../img/pic_rw.png) no-repeat 50% 0/100% auto;width: 1.76rem;height: 2.9rem;left: 0;top:3.31rem;pointer-events: none;}
.yuyue_gift{padding: 0.5rem 0 0;position: relative;z-index: 2;}
.yuyue_gift img{display: block;width: 10.8rem;height: 5.61rem;margin: 0 auto;}

.part3{margin-top: -.8rem;box-sizing: border-box;position: relative;}
.tit3{background: url(../img/tit3.png) no-repeat 50% 0/100% auto;width:10.8rem;height: 2.8rem;margin: 0 auto;}
.list_dc{display: block;width: 10.8rem;position: relative;height: 6.91rem;}
.list_dc:after{background: url(../img/pic_cw1.png) no-repeat;width: 2.67rem;height: 2.04rem;display: block;content: "";position: absolute;top: 0;left: 4.46rem;background-size: 100% 100%; }
.dc_item{position: absolute;}
.dc_item1{top: .13rem;left: .51rem;width: 4.25rem;height: 3.14rem;}
.dc_item2{top: 0;right: 0.04rem;width: 4.25rem;height: 3.93rem;}
.dc_item3{bottom: 0;left: 0;width: 4.14rem;height: 3.8rem;}
.dc_item4{bottom: .22rem;right: .41rem;width: 4.78rem;height: 3.13rem;}
.dc_item img{width: 100%;display: block;}
.dc_box{background: url(../img/wdc.png) no-repeat;width: 1.59rem;height: .37rem;display: block;background-size: 100% 100%;position: absolute;}
.dc_item1 .dc_box{top: .56rem;left: 1.97rem;}
.dc_item2 .dc_box{top: 1.06rem;left: .87rem;}
.dc_item3 .dc_box{top: .2rem;left: 1.67rem;}
.dc_item4 .dc_box{top: .36rem;left: 2.27rem;}
.list_dc div.cur .dc_box{background: url(../img/dc.png) no-repeat;background-size: 100% 100%;}

.dc_item{animation: icon 1.4s linear infinite both alternate;}
.dc_item2{animation-duration: 1s;animation-delay: .2s;}
.dc_item3{animation-duration: 1.2s;animation-delay: .2s;}
.dc_item4{animation-duration: 1.4s;}
@keyframes icon{
	from{transform: translateY(-.1rem);}
	to{transform: translateY(.1rem);}
}




.part4{padding-top: 0.64rem;box-sizing: border-box;position: relative;}
.play_list{width: 10.8rem;margin: 0 auto;}
.play_list li{margin-top: 0.5rem;}
.s_box1{background: url(../img/s_box1.png) no-repeat;width: 8.33rem;height: 4.11rem;background-size: 100% 100%;position: relative;margin: .6rem 0 0 2.13rem;}
.s_box1:after{background: url(../img/pic_rew1.png) no-repeat;width: 10.5rem;height: 5.07rem;background-size: 100% 100%;display: block;position: absolute;content: "";pointer-events: none;top: -.54rem;left:-1.99rem;}
.s_box1 img{height: 3.47rem;width: 7.32rem;position: absolute;top: .29rem;left: .76rem;}
.s_box2{background: url(../img/s_box2.png) no-repeat;width: 7.81rem;height: 3.93rem;background-size: 100% 100%;position: relative;margin: .6rem 0 0 .47rem;}
.s_box2:after{background: url(../img/pic_rew2.png) no-repeat;width: 10.38rem;height: 5.69rem;background-size: 100% 100%;display: block;position: absolute;content: "";pointer-events: none;top: -.74rem;left:-.15rem;}
.s_box2 img{height: 3.47rem;width: 7.32rem;position: absolute;top: .20rem;left: .25rem;}
.s_box3{background: url(../img/s_box3.png) no-repeat;width: 7.89rem;height: 3.99rem;background-size: 100% 100%;position: relative;margin: .6rem 0 0 2.49rem;}
.s_box3:after{background: url(../img/pic_rew3.png) no-repeat;width: 10.12rem;height: 5.36rem;background-size: 100% 100%;display: block;position: absolute;content: "";pointer-events: none;top: -.34rem;left:-2.09rem;}
.s_box3 img{height: 3.46rem;width: 7.32rem;position: absolute;top: .21rem;left: .31rem;}
.play_num1{background: url(../img/num1.png) no-repeat 0 0/100% auto;width: 5.49rem;height: 1.36rem;margin-left: 3.55rem;}
.play_num2{background: url(../img/num2.png) no-repeat 0 0/100% auto;width: 5.51rem;height: 1.36rem;margin: .9rem 0 0 1.86rem;}
.play_num3{background: url(../img/num3.png) no-repeat 0 0/100% auto;width: 5.68rem;height: 1.42rem;margin: 1rem 0 0 3.32rem;}
.play_list li:nth-child(odd){flex-direction: row-reverse;}



.part5{padding-top: 5.1rem;box-sizing: border-box;position: relative;}
.tit5{background: url(../img/tit5.png) no-repeat 50% 0/100% auto;width: 10.8rem;height: 2.91rem;margin: 0 auto;position: relative;z-index: 3;}
.video_box{background: url(../img/video_bg.png) no-repeat 50% 0/100% auto;width: 10.8rem;height: 6.32rem;margin: 0.36rem auto 0;position: relative;}
.vd_box,.btn_vd{width: 8.94rem;height: 4.72rem;position: absolute;top: 1.04rem;left:.79rem;overflow: hidden;display: block;background: url(../img/vd_pic.png) no-repeat 50% 0/100% auto;}
.video_box video{width: 100%;height: 100%;display: none;    background-color: #000;}




.part6{height: 9.22rem;box-sizing: border-box;position: relative;}
.tit6{background: url(../img/tit6.png) no-repeat 50% 0/100% auto;width: 10.8rem;height: 2.82rem;margin: 0 auto;position: relative;z-index: 3;}
.peo_list{background: url(../img/show_bg.png) no-repeat 50% 0;width: 10.8rem;height: 6.8rem;background-size: 100% auto;margin: .6rem auto 0;position: relative;box-sizing: border-box;padding-top: .53rem;}
.peo_list .swiper{width: 8.6rem;height: 4.84rem;margin-left: 1.17rem;;overflow: hidden;}
.peo_list .swiper a,.peo_list .swiper img{display: block;width: 8.6rem;height: 4.84rem;margin: 0 auto;}
.peo_list .peo_pagination{width: 100%;text-align: center;bottom: .2rem;position: absolute;left: 0;}
.peo_list .peo_pagination span{background: url(../img/icon2.png) no-repeat 50% 0;width: .49rem;height: .5rem;background-size: 100% auto;opacity:1;margin: 0 .1rem;}
.peo_list .peo_pagination span.swiper-pagination-bullet-active{background: url(../img/icon1.png) no-repeat 50% 0;background-size: 100% auto;}
.peo_next,.peo_prev{position: absolute;width: 0.57rem;height: 0.83rem;background-repeat: no-repeat;background-size: 100% auto;top: 2.5rem;z-index: 4;}
.peo_prev{background-image: url(../img/prev.png);left: 0.2rem;}
.peo_next{background-image: url(../img/next.png);right: 0.2rem;}

@keyframes scaleUp {
	0% {transform: scale(.95);}
	50% {transform: scale(1);}
	100% {transform: scale(.95);}
}

.pic_gift img{animation: tada 9.4s 0.8s ease infinite both;}
@keyframes tada{
	90%{transform:scale(1)}
	91%,92%{transform:scale(0.98) rotate(-2deg)}
	93%,95%,97%,99%{transform:scale(1.02) rotate(2deg)}
	94%,96%,98%{transform:scale(1.02) rotate(-2deg)}
	100%{transform:scale(1) rotate(0)}
}