@charset "UTF-8";
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
html, body { width: 100%;height: 100%;overflow: hidden;-webkit-overflow-scrolling: touch;-webkit-user-select: none;user-select: none;}
body { margin: 0; position: relative; font-family: Microsoft Yahei; -webkit-text-size-adjust: 100%; background-color: #fff;}
html,body,div,p,ul,ol,li,em,i,span,a,img,input,h1,h2,h3,h4,h5,p, form, dl, dd, dt, table { margin: 0; padding:0;}
ul,li { list-style: none; }
a, img { -webkit-touch-callout: none; }
img { border: none; vertical-align: middle;  pointer-events: none; -webkit-user-select: none;}
a { text-decoration: none; border: none; }
input, textarea , select{ font-family: Microsoft Yahei; font-size: 18px; -webkit-appearance: none; appearance: none; }
::-webkit-input-placeholder { /* WebKit browsers */
color:  #8C8C8C; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:  #8C8C8C}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color:  #8C8C8C; }
:-ms-input-placeholder { /* Internet Explorer 10+ */
color:  #8C8C8C; }
input[type="search"]::-webkit-search-cancel-button{
    display: none;
}
canvas { pointer-events: none;}

.none{display: none}
.pointAuto{pointer-events: auto;}

.fl { float: left; }
.fr { float: right; }
.clearfix:after { display: block; height: 1%; line-height: 0; font-size: 0; visibility: hidden; clear: both; content: ''; }
.clearfix { zoom: 1; }
.tc { text-align: center; }
.tr { text-align: right; }
.pr { position: relative; }
.pa { position: absolute; }
.clear {clear: both;}
.zIndex12 { z-index: 12;}

/*元素变灰*/
.gray { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
}
/*音乐图标*/
#musicPic {
	pointer-events: auto;
	position: absolute;bottom: 2%;right: 3%;width: 60px;height: 60px;
	z-index: 9999;
}
/* 箭头start */
.next {
	position: absolute;
	top: 97%;
	left: 48%;
	z-index: 11;
	width: 40px;
	height: 50px;
	animation: pound 2s infinite;
	-webkit-animation: pound 2s infinite;
}

@keyframes pound {
	from {
		top: 96%;
		opacity: 0;
	}
	50% {
		top: 94%;
		opacity: 1;
	}
	to {
		top: 96%;
		opacity: 0;
	}
}

@-webkit-keyframes pound {
	from {
		top: 96%;
		opacity: 0;
	}
	50% {
		top: 94%;
		opacity: 1;
	}
	to {
		top: 96%;
		opacity: 0;
	}
}
/* 箭头end */
/*加载*/
/* .pace-progress {
	content: attr(data-progress-text);
	text-align: center;
	color: #bfe1ff;
	font-size: 25px;
	font-weight: bold;
	width: 100%;
	height: 35px;
    line-height: 35px;
	display: block;
	position: absolute;
	top: 48%;
	margin-top: 10px;
	z-index: 1002;
} */
/*输入框*/
.inputK{
	position:absolute;width:404px;height:84px;
	margin:0 auto;left:0;right:0;
}
.kname{
	top:13%;
	-webkit-animation: zoomIn 1s ease .6s 1 both;
}
.ktel{
	top:54%;
	-webkit-animation: zoomIn 1s ease 1.2s 1 both;
}
.kren{
	top:64%;
	-webkit-animation: zoomIn 1s ease 1.4s 1 both;
}
.kuang{
	position: absolute;width: 100%;height: 100%;
}
input {
	position: absolute;left: 0; width: 100%;height: 100%;
	outline: none;border: none;
	background: none;
	color: #333;
	/*border-radius: 12px;*/
	text-align: center;
	font-size: 26px;
	/*-webkit-animation: fadeIn 1s ease 2.5s 1 both;*/
	z-index: 5;
}

.swal2-popup {
    width: 80%;
    padding: 10px;
    border-radius: 10px;
    font-size: 24px;
}
.hei {
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;
	background: #000;
	opacity: 0.8;
	/*display: none;*/
	-webkit-animation: fadeIn1 .5s ease 0s 1 both;
}
.bai {
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;
	background: #fff;
}
.guang {
	position: absolute;
	background-blend-mode: color-dodge;
	mix-blend-mode: color-dodge;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 11;
	-webkit-animation: fadeIn 1.5s ease 0.4s 1 both;
}
.page {
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;margin:auto;
	overflow: hidden;
	display: none;
}
.bg {
	position: absolute;width: 100%;height:100%;top: 0;left: 0;
	overflow: hidden;
}
.bg1 {
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;bottom: 0;right: 0;margin: auto;
	-webkit-animation: suoxiao 2s ease 0s 1 both,pulse 10s linear 2s infinite normal;
}
.bg2 {
	position: absolute;width: 100%;height:100%;top: 0;left: 0;
	overflow: hidden;
	-webkit-animation: fadeIn 1s ease 2s 1 both;
}
/*.bg3 {
	position: absolute;width: 100%;height: 1450px;top: 0;left: 0;bottom: 0;right: 0;margin: auto;
	background: url(../images/bg3.jpg) no-repeat;
	background-size: 100% 100%;
}*/

#myVideo{
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;
	object-fit: fill;
	/* display: none; */
}

/*首页*/
.logoM{
	position:absolute;left:25.6%;top:23.2%;width:373px;height:184px;
	-webkit-animation: zoomIn 1s ease 1s 1 both,shan 1s ease 2s infinite normal;
	z-index: 20;
}
.logoM1{
	position:absolute;left:8.67%;top:3.93%;width:245px;height:121px;
	-webkit-animation: fadeInLeft 1s ease .4s 1 both,shan 1s ease 1.4s infinite normal;
	z-index: 20;
}
.logo{
	position:absolute;left:0;top:0;width:100%;
}
.logo1{
	position:absolute;left: 50px; top: 170px; width: 303px;
	-webkit-animation: fadeInLeft 1.5s ease .2s 1 both;
}
.logo2{
	position:absolute;left:0;right:0;top:8%;margin: 0 auto;width:270px;
	-webkit-animation: zoomIn 1.5s ease .3s 1 both,shan1 1s ease 1.8s infinite normal;
}
.logo1-1{
	position:absolute;left:3%;top:3%;width:96px;
}
.logo2-1{
	position:absolute;right:3%;top:2%;width:148px;
}
/*logo扫光效果*/
.logoMask {
	position:absolute;left:0;top:0;width:100%;
	-webkit-mask: url(../images/mask.png);
	-webkit-mask-size: 418px 280px;
	-webkit-mask-position: -418px 0px;
	-webkit-mask-repeat: no-repeat;
	
	-webkit-animation: maskShine 2s ease-out 2s infinite both;
}

@-webkit-keyframes maskShine {
	0% {
		-webkit-mask-position: -418px 0px;
		mask-position: -418px 0px
	}
	75% {
		-webkit-mask-position: 418px 0px;
		mask-position: 418px 0px
	}
	100% {
		-webkit-mask-position: 418px 0px;
		mask-position: 418px 0px
	}
}

@keyframes maskShine {
	0% {
		-webkit-mask-position: -418px 0px;
		mask-position: -418px 0px
	}
	75% {
		-webkit-mask-position: 418px 0px;
		mask-position: 418px 0px
	}
	100% {
		-webkit-mask-position: 418px 0px;
		mask-position: 418px 0px
	}
}
.shanguang{
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;
	background: #fff;
	-webkit-animation: shanguangdeng .6s ease 2s 1 both;
}

/* .xian {
	position: absolute;left: 0px;right:0;top: 0; bottom: 0;margin:auto;width: 2px;
	-webkit-mask: -webkit-gradient(linear, 50% 0%, 50% 10%, from(rgba(0,0,0,1)), to(rgba(0,0,0,1)));
	-webkit-mask-size: 750px 1450px;
	-webkit-animation: mask_down 2s linear 1s 1 both;
	-webkit-mask-repeat: no-repeat no-repeat;
	-webkit-mask-position-y: -1450px;
	-webkit-mask-clip:border ;
} */
/* 首页 */
.heik{
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;bottom: 0;right: 0;margin: auto;
	background-blend-mode: soft-light;
	mix-blend-mode: soft-light;
	z-index: 20;
}
.p11{
	position:absolute;left:23.6%;top:10.86%;width:401px;height:416px;
	-webkit-animation: rollIn 1s ease 1s 1 both;
}
.p12{
	position:absolute; left: 74px; top: 65px; width: 73px;
	-webkit-animation: zoomIn 1s ease 1.4s 1 both;
}
.p13{
	position:absolute;left: 157px; top: 61px; width: 67px;
	-webkit-animation: zoomIn 1s ease 1.7s 1 both;
}
.p14{
	position:absolute;left: 211px; top: 22px; width: 106px;
	-webkit-animation: zoomIn 1s ease 2s 1 both;
}
.p15{
	position:absolute;left: 74px; top: 143px; width: 158px;
	-webkit-animation: zoomIn 1s ease 2.2s 1 both;
}
.p16{
	position:absolute;left: 199px; top: 275px; width: 126px;
	-webkit-animation: zoomIn 1s ease 2.4s 1 both;
}
.p17{
	position:absolute;left:71.2%;top:17.41%;width:47px;
	-webkit-animation: fadeInDown 1s ease 2.3s 1 both;
}
.p18{
	position:absolute;left:78.13%;top:17.41%;width:30px;
	-webkit-animation: fadeInDown 1s ease 2.6s 1 both;
}
.p19{
	position:absolute;left: 0;bottom: 7.5%; width: 750px;height: 96px;
	
}
.p110{
	position:absolute;left: 0;right: 0; top: 15px;margin:0 auto; width: 650px;
	-webkit-animation: fadeIn 1.5s ease 3s 1 both;
}
.p111{
	position:absolute;left: 0;right: 0; top: 60px;margin:0 auto;width: 298px;
	-webkit-animation: fadeIn 1.5s ease 3.3s 1 both;
}
.p21{
	position: absolute; left: 24px; top: 128px; width: 401px; height: 416px;
	-webkit-animation: rollIn 1s ease 1s 1 both;
}
.p22{
	position:absolute; left: 82px; top: 22px; width: 116px;
	-webkit-animation: zoomIn 1s ease 1.4s 1 both;
}
.p23{
	position:absolute;left: 70px; top: 160px; width: 155px;
	-webkit-animation: zoomIn 1s ease 1.7s 1 both;
}
.p24{
	position:absolute;left: 213px; top: 155px; width: 126px;
	-webkit-animation: zoomIn 1s ease 2s 1 both;
}
.p25{
	position:absolute;left: 200px; top: 281px; width: 135px;
	-webkit-animation: zoomIn 1s ease 2.2s 1 both;
}
.p26{
	position:absolute;left: 0;right: 0; bottom: 13.5%; margin: 0 auto;width: 469px;
	-webkit-animation: fadeInUp 1s ease 2.4s 1 both;
}
.p27{
	position:absolute;left: 0;right: 0; bottom: 10%; margin: 0 auto;width: 485px;
	-webkit-animation: fadeInUp 1s ease 2.7s 1 both;
}
.p28{
	position:absolute;left: 0;right: 0; bottom: 6.5%; margin: 0 auto;width: 705px;
	-webkit-animation: fadeInUp 1s ease 3s 1 both;
}
.p31{
	position: absolute; left: 307px; top: 128px; width: 401px; height: 416px;
	-webkit-animation: rollIn 1s ease 1s 1 both;
}
.p32{
	position:absolute; left: 82px; top: 16px; width: 127px;
	-webkit-animation: zoomIn 1s ease 1.4s 1 both;
}
.p33{
	position:absolute;left: 75px; top: 156px; width: 135px;
	-webkit-animation: zoomIn 1s ease 1.7s 1 both;
}
.p34{
	position:absolute;left: 200px; top: 128px; width: 134px;
	-webkit-animation: zoomIn 1s ease 2s 1 both;
}
.p35{
	position:absolute; left: 205px; top: 256px; width: 121px;
	-webkit-animation: zoomIn 1s ease 2.2s 1 both;
}
/* .p36{
	position:absolute;left: 0;right: 0; bottom: 13.5%; margin: 0 auto;width: 541px;
	-webkit-animation: fadeInUp 1s ease 2.4s 1 both;
}
.p37{
	position:absolute;left: 0;right: 0; bottom: 10%; margin: 0 auto;width: 442px;
	-webkit-animation: fadeInUp 1s ease 2.7s 1 both;
}
.p38{
	position:absolute;left: 0;right: 0; bottom: 6.5%; margin: 0 auto;width: 260px;
	-webkit-animation: fadeInUp 1s ease 3s 1 both;
} */
.p36{
	position:absolute;left: 0;right: 0; bottom: 17%; margin: 0 auto;width: 457px;
	-webkit-animation: fadeInUp 1s ease 2.4s 1 both;
}
.p37{
	position:absolute;left: 0;right: 0; bottom: 13.5%; margin: 0 auto;width: 134px;
	-webkit-animation: fadeInUp 1s ease 2.7s 1 both;
}
.p38{
	position:absolute;left: 0;right: 0; bottom: 10%; margin: 0 auto;width: 575px;
	-webkit-animation: fadeInUp 1s ease 3s 1 both;
}
.p39{
	position:absolute;left: 0;right: 0; bottom: 6.5%; margin: 0 auto;width: 368px;
	-webkit-animation: fadeInUp 1.5s ease 3.3s 1 both;
}
.p41{
	position: absolute; left: 41px; top: 136px; width: 401px;height: 416px;
	-webkit-animation: rollIn 1s ease 1s 1 both;
}
.p42{
	position:absolute; left: 60px; top: 14px; width: 147px;
	-webkit-animation: zoomIn 1s ease 1.4s 1 both;
}
.p43{
	position:absolute; left: 79px; top: 156px; width: 130px;
	-webkit-animation: zoomIn 1s ease 1.7s 1 both;
}
.p44{
	position:absolute;left: 198px; top: 130px; width: 151px;
	-webkit-animation: zoomIn 1s ease 2s 1 both;
}
.p45{
	position:absolute; left: 212px; top: 260px; width: 134px;
	-webkit-animation: zoomIn 1s ease 2.2s 1 both;
}
.p46{
	position:absolute;left: 0;right: 0; bottom: 13.5%; margin: 0 auto;width: 523px;
	-webkit-animation: fadeInUp 1s ease 2.4s 1 both;
}
.p47{
	position:absolute;left: 0;right: 0; bottom: 10%; margin: 0 auto;width: 668px;
	-webkit-animation: fadeInUp 1s ease 2.7s 1 both;
}
.p48{
	position:absolute;left: 0;right: 0; bottom: 6.5%; margin: 0 auto;width: 403px;
	-webkit-animation: fadeInUp 1s ease 3s 1 both;
}
.p51{
	position: absolute;left: 108px; top: 128px; width: 401px; height: 416px;
	-webkit-animation: rollIn 1s ease 1s 1 both;
}
.p52-1{
	position:absolute; left: 58px; top: 16px; width: 288px;
	-webkit-animation: zoomIn 1s ease 1.4s 1 both;
}
.p52{
	position:absolute; left: 65px; top: 14px; width: 146px;
	-webkit-animation: zoomIn 1s ease 1.7s 1 both;
}
.p53{
	position:absolute; left: 68px; top: 146px; width: 141px;
	-webkit-animation: zoomIn 1s ease 2s 1 both;
}
.p54{
	position:absolute; left: 189px; top: 139px; width: 140px;
	-webkit-animation: zoomIn 1s ease 2.2s 1 both;
}
.p55{
	position:absolute; left: 189px; top: 272px; width: 133px;
	-webkit-animation: zoomIn 1s ease 2.4s 1 both;
}
.p56{
	position:absolute;left: 0;right: 0; bottom: 11%; margin: 0 auto;width: 413px;
	-webkit-animation: fadeInUp 1s ease 2.6s 1 both;
}
.p57{
	position:absolute;left: 0;right: 0; bottom: 7.5%; margin: 0 auto;width: 471px;
	-webkit-animation: fadeInUp 1s ease 2.9s 1 both;
}
.p61{
	position: absolute;left: 45px; top: 128px;width: 401px; height: 416px;
	-webkit-animation: rollIn 1s ease 1s 1 both;
}
.p62{
	position:absolute; left: 74px; top: 26px; width: 120px;
	-webkit-animation: zoomIn 1s ease 1.4s 1 both;
}
.p63{
	position:absolute; left: 75px; top: 164px; width: 158px;
	-webkit-animation: zoomIn 1s ease 1.7s 1 both;
}
.p64{
	position:absolute; left: 212px; top: 136px; width: 143px;
	-webkit-animation: zoomIn 1s ease 2s 1 both;
}
.p65{
	position:absolute; left: 205px; top: 271px; width: 132px;
	-webkit-animation: zoomIn 1s ease 2.2s 1 both;
}
.p66{
	position:absolute;left: 0;right: 0; bottom: 11%; margin: 0 auto;width: 292px;
	-webkit-animation: fadeInUp 1s ease 2.4s 1 both;
}
.p67{
	position:absolute;left: 0;right: 0; bottom: 7.5%; margin: 0 auto;width: 367px;
	-webkit-animation: fadeInUp 1s ease 2.7s 1 both;
}
.p71{
	position: absolute;left: 76px; top: 128px;width: 401px; height: 416px;
	-webkit-animation: rollIn 1s ease 1s 1 both;
}
.p72{
	position:absolute; left: 71px; top: 24px; width: 151px;
	-webkit-animation: zoomIn 1s ease 1.4s 1 both;
}
.p73{
	position:absolute; left: 73px; top: 156px; width: 145px;
	-webkit-animation: zoomIn 1s ease 1.7s 1 both;
}
.p74{
	position:absolute; left: 203px; top: 135px; width: 145px;
	-webkit-animation: zoomIn 1s ease 2s 1 both;
}
.p75{
	position:absolute; left: 202px; top: 259px; width: 137px;
	-webkit-animation: zoomIn 1s ease 2.2s 1 both;
}
.p76{
	position:absolute;left: 0;right: 0; bottom: 11%; margin: 0 auto;width: 568px;
	-webkit-animation: fadeInUp 1s ease 2.4s 1 both;
}
.p77{
	position:absolute;left: 0;right: 0; bottom: 7.5%; margin: 0 auto;width: 367px;
	-webkit-animation: fadeInUp 1s ease 2.7s 1 both;
}
.p81{
	position: absolute;left: 308px; top: 128px;width: 401px; height: 416px;
	-webkit-animation: rollIn 1s ease 1s 1 both;
}
.p82{
	position:absolute; left: 79px; top: 18px; width: 129px;
	-webkit-animation: zoomIn 1s ease 1.4s 1 both;
}
.p83{
	position:absolute; left: 63px; top: 147px; width: 150px;
	-webkit-animation: zoomIn 1s ease 1.7s 1 both;
}
.p84{
	position:absolute; left: 191px; top: 153px; width: 161px;
	-webkit-animation: zoomIn 1s ease 2s 1 both;
}
.p85{
	position:absolute; left: 200px; top: 265px; width: 135px;
	-webkit-animation: zoomIn 1s ease 2.2s 1 both;
}
.p86{
	position:absolute;left: 0;right: 0; bottom: 11%; margin: 0 auto;width: 292px;
	-webkit-animation: fadeInUp 1s ease 2.4s 1 both;
}
.p87{
	position:absolute;left: 0;right: 0; bottom: 7.5%; margin: 0 auto;width: 419px;
	-webkit-animation: fadeInUp 1s ease 2.7s 1 both;
}
.p91{
	position: absolute;left: 63px; top: 128px;width: 401px; height: 416px;
	-webkit-animation: rollIn 1s ease 1s 1 both;
}
.p92{
	position:absolute; left: 67px; top: 20px; width: 127px;
	-webkit-animation: zoomIn 1s ease 1.4s 1 both;
}
.p93{
	position:absolute; left: 58px; top: 141px; width: 137px;
	-webkit-animation: zoomIn 1s ease 1.7s 1 both;
}
.p94{
	position:absolute; left: 182px; top: 114px; width: 167px;
	-webkit-animation: zoomIn 1s ease 2s 1 both;
}
.p95{
	position:absolute; left: 190px; top: 122px; width: 148px;
	-webkit-animation: zoomIn 1s ease 2.2s 1 both;
}
.p96{
	position:absolute;left: 0;right: 0; bottom: 11%; margin: 0 auto;width: 509px;
	-webkit-animation: fadeInUp 1s ease 2.4s 1 both;
}
.p97{
	position:absolute;left: 0;right: 0; bottom: 7.5%; margin: 0 auto;width: 384px;
	-webkit-animation: fadeInUp 1s ease 2.7s 1 both;
}
.p101{
	position: absolute; left: 0;right: 0; top:0;bottom:0; margin:auto; width: 669px; height: 1071px;
}
.ban1 {
	position: absolute;width: 100%;height:100%;top: 0;left: 0;
	-webkit-animation: zoomIn1 1s ease .7s 1 both;
}
.ban2 {
	position: absolute;width: 100%;height:100%;top: 0;left: 0;
	-webkit-animation: zoomIn1 1s ease .9s 1 both;
}
.ban3 {
	position: absolute;width: 100%;height:100%;top: 0;left: 0;
	-webkit-animation: zoomIn1 1s ease 1.1s 1 both;
}
.p102{
	position:absolute; left: 44px; top: 234px; width: 157px;
	-webkit-animation: bounceInDown 1s ease 1.4s 1 both,shakeUpDown 1s ease 2.4s infinite normal;
}
.p103{
	position:absolute; left: 166px; top: 327px; width: 111px;
	-webkit-animation: bounceInDown 1s ease 1.6s 1 both,shakeUpDown 1s ease 2.6s infinite normal;
}
.p104{
	position:absolute;left: 273px; top: 279px; width: 190px;
	-webkit-animation: bounceInDown 1s ease 1.8s 1 both,shakeUpDown 1s ease 2.8s infinite normal;
}
.p105{
	position:absolute; left: 454px; top: 270px; width: 172px;
	-webkit-animation: bounceInDown 1s ease 2s 1 both,shakeUpDown 1s ease 3s infinite normal;
}
.p106{
	position:absolute;left: 0;right: 0; top: 50.5%; margin: 0 auto;width: 502px;
	-webkit-animation: fadeInUp 1s ease 2.5s 1 both;
}
.p107{
	position:absolute;left: 0;right: 0; top: 54%; margin: 0 auto;width: 516px;
	-webkit-animation: fadeInUp 1s ease 3.5s 1 both;
}
.p108{
	position:absolute;left: 0;right: 0; top: 57.5%; margin: 0 auto;width: 543px;
	-webkit-animation: fadeInUp 1s ease 4.5s 1 both;
}
.p109{
	position:absolute;left: 0;right: 0; bottom: 5%; margin: 0 auto;width: 371px;
	-webkit-animation: fadeIn 1s ease 4.8s 1 both;
}
/* 海报生成 */ 
#photoWrap{
	position: absolute;width: 750px;height: 1334px;top: 0px;left: -800px;
	display: none;
}
#nickname{
	position: absolute; top: 72.5%; left: 0; right: 0;  margin: 0 auto; width: 100%;
	text-align: center;
	color: #333;
	font-size: 28px;
    /*height: 60px;
    line-height: 60px; 
	font-weight: bold; */
}
.haibao{
	position: absolute;width: 100%; height:100%;top: 0%;left: 0%;
	display: none;z-index: 11;
	
}
.yin{
	position: absolute;width: 72%;top: 0; bottom: 7%;left: 4%;right: 0;margin:auto;
	-webkit-animation: zoomIn 1s ease 0s 1 both;
}
#over{
	pointer-events: auto;
	position: absolute;width: 72%;top: 0; bottom: 10%;left: 0;right: 0;margin:auto;
	/* position:absolute;left:14%;top:6%;width:72%; */
	-webkit-animation: zoomIn 1s ease 0s 1 both;
}
.tt{
	position: absolute; top: 23%; left: 0;right: 0;margin: 0 auto; width: 601px;
}
/* 海报生成end */ 

/*swiper*/
.swiper-container {
	position: absolute;
	width: 100%;
	top:25%;
	-webkit-animation: bounceInUp 1s ease .4s 1 both;
}

.swiper-wrapper {
	overflow: initial;
}

.swiper-slide {
	width: 100%;
}

.swiper-slide .main-img {
	width: 90%;
	margin: 0 auto;
	display: block
}
/*swiper-end*/

/*微信信息*/
.nickname{
	position: absolute;width: 100%;height: 35px;top: 0;
	line-height: 35px;
	text-align: center;
	color: #738fc0;
	font-size: 25px;
}
.headimg{
	position:absolute;left:0;right:0;top:21%;margin:0 auto;width:138px;height:138px;
	border-radius: 50%;
	border: 3px solid #003ea2;
}

/*-----------------------------------华丽的分割线--------------------------------------------*/
.rotateAm {
	-webkit-animation-name: rotateAm;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes rotateAm {
	from {
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: rotate(360deg);
	}
}
@-webkit-keyframes scaleBigHide {
	from {
		-webkit-transform: scale3d(1, 1, 1);
		opacity: 1
	}
	to {
		-webkit-transform: scale3d(1.5, 1.5, 1.5);
		opacity: 0
	}
}

@-webkit-keyframes xunhuan {
	0% {
		-webkit-transform: translate3d(-49%, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0)
	}
}
@-webkit-keyframes yan {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		opacity: 0
	}
	50% {
		-webkit-transform: translate3d(0, 100%, 0);
		opacity: 1
	}
	100% {
		-webkit-transform: translate3d(0, 200%, 0);
		opacity: 0
	}
}

@-webkit-keyframes fadeIn1 {
	0% {
		opacity: 0
	}
	100% {
		opacity: 0.8
	}
}

@-webkit-keyframes flash1 {
	0%,
	100%,
	50% {
		opacity: 1
	}
	25%,
	75% {
		opacity: 0.4
	}
}
@-webkit-keyframes zoomIn1 {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}
	100% {
		opacity: .4;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes puffIn1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(2);
	}
	100% {
		opacity: .6;
		-webkit-transform: scale(1);
	}
}

@-webkit-keyframes suofang {
	0% {
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		-webkit-transform: scale3d(1, 1, 1);
	}
	50% {
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		-webkit-transform: scale3d(1.3, 1.3, 1.3);
	}
	100% {
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		-webkit-transform: scale3d(1, 1, 1);
	}
}

@-webkit-keyframes zishow {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes zishowMc {
	0% {
		height:0px;
	}
	100% {
		height: 797px;
	}
}
@-webkit-keyframes run {
	0% {
		-webkit-transform: translate3d(0, 0, 0)
	}
	50% {
		-webkit-transform: translate3d(-49%, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0)
	}
}
@-webkit-keyframes suoxiao {
	from {
		-webkit-transform: scale3d(3, 3, 3);
		opacity: 0
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		opacity: 1
	}
}

@-webkit-keyframes mask_up {
	from {
		-webkit-mask-position-y: 1100px;
	}
	to {
		-webkit-mask-position-y: -300px;
	}
}

@-webkit-keyframes mask_down {
	from {
		-webkit-mask-position-y: -1450px;
	}
	to {
		-webkit-mask-position-y: 0;
	}
}

@-webkit-keyframes mask_left {
	from {
		-webkit-mask-position-x: -1000px;
	}
	to {
		-webkit-mask-position-x: 0px;
	}
}

@-webkit-keyframes mask_right {
	from {
		-webkit-mask-position-x: 1000px;
	}
	to {
		-webkit-mask-position-x: -300px;
	}
}

@-webkit-keyframes feiji {
	0% {
		-webkit-transform: translate3d(500%, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(-500%, 0, 0)
	}
}

@-webkit-keyframes feiji1 {
	0% {
		-webkit-transform: translate3d(-300%, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(200%, 0, 0)
	}
}

@-webkit-keyframes feiji2 {
	0% {
		-webkit-transform: translate3d(-180%, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(150%, 0, 0)
	}
}

@-webkit-keyframes shan {
	0% {
		-webkit-filter: saturate(1) brightness(1) contrast(1)
	}
	50% {
		-webkit-filter: saturate(1.1) brightness(1.2) contrast(1.1)
	}
	100% {
		-webkit-filter: saturate(1) brightness(1) contrast(1)
	}
}
@-webkit-keyframes shan1 {
	0% {
		-webkit-filter: saturate(1) brightness(1) contrast(1)
	}
	50% {
		-webkit-filter: saturate(1.05) brightness(1.05) contrast(1.05)
	}
	100% {
		-webkit-filter: saturate(1) brightness(1) contrast(1)
	}
}
@-webkit-keyframes shanguangdeng {
	0% {
		opacity: 0;
	}
	30% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes zishowMc1 {
	0% {
		-webkit-transform: translate3d(100%, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes zishowMc2 {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0);
	}
	100% {
		-webkit-transform: translate3d(0, 0, 0);
	}
}