@charset "utf-8";
*{margin:0;padding:0;}
html, body {
    width: 100%;
    max-width: 1080px;
    /* height: 100%; */
    margin: 0 auto;
    position: relative;
}
body{
	-webkit-overflow-scrolling: touch;
}
.main{
	position:relative;
	background-color:#18282e;
	line-height:0;
}
.main>div{
	font-size:0;
	line-height:0;
    border: none;
    outline: none;
}
.main img{
	width:100%;
}
video::-webkit-media-controls-fullscreen-button {
	display: none !important;
}
.title{
	text-align:center;
}
.noscroll{
	overflow: hidden; 
}
/* ************************************** 头部+ICON标题部分 ************************************** */
.top{
	width:100%;
	height:0;
	padding-bottom:148.33%;
	position: relative;
	overflow:hidden;
	background-image:url(../img/p_01.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% 100%;
}
.header-info-wrap{
	width:100%;
	position: absolute;
	left:0;
	bottom:0;
}
.header-info-wrap .icon{
	width:1.6rem;
	margin-left:.42rem;
	float:left;
}
.header-info{
	margin-left:2.32rem;
	display:block;
	font-size:0;
	position:relative;
	bottom:0;
}
.header-info h1{
	font-size:.46rem;
	font-weight:400;
	line-height:1;
	margin-top:.25rem;
	color:#fff;
}
.header-info p{
	display:block;
	font-size:.36rem;
	font-weight:normal;
	line-height:1;
	margin-top:.25rem;
	color:#fff;
}
.header-info a{
	position:absolute;
	right:.42rem;
	bottom:0;
	display:inline-block;
	width:3.57rem;
	height:.94rem;
	background-image:url(../img/btn_right.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:auto 100%;
	font-size:0;
	text-indent:-9999px;
	cursor: pointer;
}
/* ************************************** content ************************************** */
.content1{
	width: 100%;
	height:0;
	/* padding-bottom:317.963%; */
	padding-bottom:258.7%;
	position: relative;
	background-image:url(../img/p_02.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% 100%;
}
.content2{
	width: 100%;
	height:0;
	padding-bottom:527.4074%;
	position: relative;
	background-image:url(../img/p_03.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% 100%;
}
/* ************************************** parts ************************************** */
.part{
	position: relative;
	overflow: hidden;
}
.part-welfare{
	height: 11.81rem;
}
.part-welfare .title{
	margin-top:1.32rem;
}
.part-lottery{
	height: 7.4rem;
}
.part-intro{
	height: 15.13rem;
}
.part-scene{
	height: 25.41rem;
}
.part-magicbooks{
	height: 6.79rem;
}
.part-partner{
	height: 14.6rem;
}
.part-pics{
	height: 8.8rem;
}
/* ******************************************************************************* */

.part-welfare-imgs{
	position: relative;
	height:5.8rem;
	margin-top:-.25rem;
	padding-top:.95rem;
	background-image: url('../img/welfare_shadow.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	text-align: center;
}
.part-welfare-imgs img{
	width: 5.21rem;
	height: 4.76rem;
}
.part-welfare-textimg{
	width:100%;
}
.part-welfare-text{
	padding:0 .1rem 0 .72rem;
	font-size: .38rem;
	line-height: .7rem;
	text-align: left;
	color: #fff3e3;
}
/* ******************************************************************************* */
.part-lottery-prizes{
	margin: .82rem auto .92rem;
}
.part-lottery-prizes ul{
    margin:0 .6rem;
    height:2.5rem;
    position:relative;
    text-align: center;
}
.part-lottery-prizes ul li{
    width:33.3%;
    display: inline-block;
	position:relative;
	text-align: center;
}
.part-lottery-prizes ul li img{
	width: 2.5rem;
	height: auto;
}
.part-lottery .lottery-btn{
    display: block;
    text-decoration: none;
	width: 3.87rem;
	margin:0 auto;
}
/* ******************************************************************************* */
.part-intro-content{
	position: relative;
}
.part-intro-text{
	color: #fff3e3;
	font-size: .38rem;
	line-height: .7rem;
	text-align: center;
	margin-top: .25rem;
	padding:.3rem 1rem;
	background-image: url('../img/intro_line.png');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
.part-intro-birds{
	position: relative;
}
.birds-anim{
	width: 10.8rem;
    height: 9.2rem;
	background-image: url(../img/birds_sprite.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
    animation: fly 2s step-start infinite;
}
@keyframes fly{
	0%{background-position: 0 0;}
	9%{background-position: 0 -9.2rem;}
	18%{background-position: 0 -18.4rem;}
	27%{background-position: 0 -27.6rem;}
	36%{background-position: 0 -36.8rem;}
	45%{background-position: 0 -46.0rem;}
	54%{background-position: 0 -55.2rem;}
	63%{background-position: 0 -64.4rem;}
	72%{background-position: 0 -73.6rem;}
	81%{background-position: 0 -82.8rem;}
	90%{background-position: 0 -92.0rem;}
	100%{background-position: 0 -101.2rem;}
}
@-webkit-keyframes fly{
	0%{background-position: 0 0;}
	9%{background-position: 0 -9.2rem;}
	18%{background-position: 0 -18.4rem;}
	27%{background-position: 0 -27.6rem;}
	36%{background-position: 0 -36.8rem;}
	45%{background-position: 0 -46.0rem;}
	54%{background-position: 0 -55.2rem;}
	63%{background-position: 0 -64.4rem;}
	72%{background-position: 0 -73.6rem;}
	81%{background-position: 0 -82.8rem;}
	90%{background-position: 0 -92.0rem;}
	100%{background-position: 0 -101.2rem;}
}
.part-intro-btn{
	width:1.95rem;
	height:1.95rem;
	position: absolute;
	left: 4.46rem;
	top: 5.34rem;
	z-index: 10;
	display: block;
	outline: none;
	text-decoration: none;
	cursor: pointer;
}
.part-intro-btn span{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width:1.95rem;
	height:1.95rem;
	background-image:url(../img/video_btn.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
	animation:beat 1s infinite ease-in-out;
	-webkit-animation:beat 1s infinite ease-in-out;
	z-index: 12;
}
.part-intro-btn .part-intro-btn-bg{
	width:1.95rem;
	height:1.95rem;
	background-image:url(../img/video_btn_bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
	animation:rotate 4s infinite linear;
	-webkit-animation:rotate 4s infinite linear;
	z-index: 11;
}
@-webkit-keyframes rotate {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0);
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@keyframes rotate {
	0% {
		-webkit-transform:rotate(0);
		transform:rotate(0);
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@-webkit-keyframes beat {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	50% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes beat {
	0% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
	50% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
/* 视频弹窗 */

.popvideo{
	background-color: rgba(0,0,0,0.7);
	display: none;
	z-index: 99;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.popvideo-wrap{
	width:100%;
	max-width:1080px;
	height:100%;
	margin:0 auto;
	position:relative;
}
.popvideo-content{
	width: 100%;
	height: 0;
	padding-bottom:57%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.popvideo-content video{
	width:100%;
	height:auto;
	background:transparent;
	outline:none;
	-webkit-tap-highlight-color: transparent;
	visibility: hidden;
	z-index:99;
	position:absolute;
	left:0;
	top:0;
}
.popvideo-close-btn{
	position: absolute;
	z-index:99;
	bottom:5%;
	left:4.95rem;
	width:1rem;
	height:1rem;
	background-image:url(../img/btn_close.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
} 

/* ******************************************************************************* */
.part-scene-content{
	position: relative;
	margin-top:.94rem;
}
.part-scene-img{
	width:9.06rem;
	height:4.12rem;
	margin:0 auto;
	background-image:url(../img/scene_img_bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% 100%;
	position: relative;
	overflow: hidden;
}
.part-scene-img img{
	width:8.91rem;
	height:3.98rem;
	margin: .07rem .07rem;
}
.part-scene-txt{
	width:100%;
	margin:.5rem auto 1.5rem auto;
}
/* ******************************************************************************* */
.part-partner .title{
	z-index:10;
	position: relative;
}
.part-partner-content{
	position: relative;
	z-index:1;
}
.part-partner-swiper{
	margin-top:-1rem;
}
.part-partner-heads-swiper{
	position: relative;
	margin-top:-2.1rem;
}
.part-partner-heads-swiper .swiper-container{
	margin:0 1rem;
}
.part-partner-heads-swiper .swiper-slide{
	position: relative;
	width:2.16rem;
	height:2.16rem;
}
.part-partner-heads-swiper .swiper-slide::after{
	content: '';
	width:.14rem;
	height: .14rem;
	background: #f1d48e;
	position: absolute;
	right:-.18rem;
	top:1rem;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.part-partner-heads-swiper .swiper-slide .partner-head{
	position: relative;
	width:2.16rem;
	height:2.16rem;
	background-image: url(../img/partner_dot_bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
	margin:0 auto;
}
.part-partner-heads-swiper .swiper-slide.swiper-slide-active .partner-head::before{
	content: '';
	display: block;
	width:2.16rem;
	height:2.16rem;
	background-image: url(../img/partner_dot_current.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
	position: absolute;
	left:0;
	top:0;
}
.part-partner-heads-swiper .swiper-slide img{
	width: 1.65rem;
	height: 1.65rem;
	margin: .25rem 0 0 .25rem;
}
.part-partner-heads-swiper .swiper-button-next{
	width:.74rem;
	height:.74rem;
	top:.68rem;
	right:.40rem;
	margin-top:0;
	background-image: url(../img/partner_dot_btn_next.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
}
.part-partner-heads-swiper .swiper-button-prev{
	width:.74rem;
	height:.74rem;
	top:.68rem;
	left:.40rem;
	margin-top:0;
	background-image: url(../img/partner_dot_btn_prev.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
}
/* ******************************************************************************* */
.part-pics-content{
	position: relative;
	padding-top: .65rem;
	margin-top:.2rem;
	background-image: url(../img/pics_bg.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
}
.part-pics-content .part-pics-swiper{
	position: relative;
}
.part-pics-swiper .swiper-slide{
	position: relative;
	width:100%;
	height:5.97rem;
}
.part-pics-swiper .swiper-slide .pic{
	position: relative;
	width:10.07rem;
	height:5.97rem;
	margin:0 auto;
}
.part-pics-swiper .swiper-button-next{
	width:.99rem;
	height:.99rem;
	top:2.38rem;
	right:.18rem;
	margin-top:0;
	background-image: url(../img/pics_next.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
}
.part-pics-swiper .swiper-button-prev{
	width:.99rem;
	height:.99rem;
	top:2.38rem;
	left:.18rem;
	margin-top:0;
	background-image: url(../img/pics_prev.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100% auto;
}
/* ******************************************************************************* */