html,
body,
div,
nav,
section,
footer,
p,
h1,
h2,
h3,
h4,
h5,
h6,
span,
img,
a,
ul,
li,
ol,
dl,
dd,
dt,
table,
th,
tr,
td,
form,
input,
select,
option,
textarea,
button {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	outline: none;
	vertical-align: top;
	list-style: none;
	text-decoration: none;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
	-ms-tap-highlight-color: rgba(0, 0, 0, 0);
	-o-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-appearance: none;
}

.clear::after {
	content: "";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}

.clear {
	*zoom: 1;
}

html,
body {
	position: relative;
	height: 100%;
	font-family: zzz;
	color: #fff;
}

a {
	color: #333;
}

@font-face {
	font-family: 'zzz';
	src: url('../i/zzz.ttf') format('truetype')
}

html input[type=button],
html input[type=submit],
html input[type=file],
html button,
body input[type=button],
body input[type=submit],
body input[type=file],
body button,
div input[type=button],
div input[type=submit],
div input[type=file],
div button,
nav input[type=button],
nav input[type=submit],
nav input[type=file],
nav button,
section input[type=button],
section input[type=submit],
section input[type=file],
section button,
footer input[type=button],
footer input[type=submit],
footer input[type=file],
footer button,
p input[type=button],
p input[type=submit],
p input[type=file],
p button,
h1 input[type=button],
h1 input[type=submit],
h1 input[type=file],
h1 button,
h2 input[type=button],
h2 input[type=submit],
h2 input[type=file],
h2 button,
h3 input[type=button],
h3 input[type=submit],
h3 input[type=file],
h3 button,
h4 input[type=button],
h4 input[type=submit],
h4 input[type=file],
h4 button,
h5 input[type=button],
h5 input[type=submit],
h5 input[type=file],
h5 button,
h6 input[type=button],
h6 input[type=submit],
h6 input[type=file],
h6 button,
span input[type=button],
span input[type=submit],
span input[type=file],
span button,
img input[type=button],
img input[type=submit],
img input[type=file],
img button,
a input[type=button],
a input[type=submit],
a input[type=file],
a button,
ul input[type=button],
ul input[type=submit],
ul input[type=file],
ul button,
li input[type=button],
li input[type=submit],
li input[type=file],
li button,
ol input[type=button],
ol input[type=submit],
ol input[type=file],
ol button,
dl input[type=button],
dl input[type=submit],
dl input[type=file],
dl button,
dd input[type=button],
dd input[type=submit],
dd input[type=file],
dd button,
dt input[type=button],
dt input[type=submit],
dt input[type=file],
dt button,
table input[type=button],
table input[type=submit],
table input[type=file],
table button,
th input[type=button],
th input[type=submit],
th input[type=file],
th button,
tr input[type=button],
tr input[type=submit],
tr input[type=file],
tr button,
td input[type=button],
td input[type=submit],
td input[type=file],
td button,
form input[type=button],
form input[type=submit],
form input[type=file],
form button,
input input[type=button],
input input[type=submit],
input input[type=file],
input button,
select input[type=button],
select input[type=submit],
select input[type=file],
select button,
option input[type=button],
option input[type=submit],
option input[type=file],
option button,
textarea input[type=button],
textarea input[type=submit],
textarea input[type=file],
textarea button,
button input[type=button],
button input[type=submit],
button input[type=file],
button button {
	cursor: pointer;
	-webkit-appearance: none;
}

img {
	position: absolute;
}

.swiper-container {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-size: 100% 100%!important;
}

.swiper-slide {
	position: relative;
}

.parallax-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 130%;
	height: 100%;
}

.page1 {
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../i/page1bg.jpg)top center no-repeat;
	background-size: 100% 100%;
	display: none;
}

.page2 {
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
}

.load {
	width: 100%;
	height: 100%;
	background: url(../i/lobg.png)top center no-repeat;
	background-size: 100% 100%;
	position: absolute;
}

.loadgif {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.p1 {
	width: 2.99rem;
	top: 0rem;
	right: 0rem;
	z-index: 5;
}

.zhonglou {
	width: 1.15rem;
	position: absolute;
	top: 0.85rem;
	left: 0.38rem;
	height: 3.29rem;
}

.p2 {
	width: 1.15rem;
	top: 0;
	left: 0;
	z-index: 1;
}

.p3 {
	width: 0.56rem;
	top: 1.16rem;
	left: 0.22rem;
	z-index: 2;
}

.p4 {
	width: 7.16rem;
	top: 1.32rem;
	left: 50%;
	margin-left: -3.58rem;
	z-index: 2;
}

.p5 {
	width: 7.8rem;
	top: 0.95rem;
	left: -0.1rem;
	z-index: 2;
}

.p6 {
	width: 5.68rem;
	top: 2.2rem;
	left: 0.9rem;
	z-index: 3;
	display: none;
}

.p7 {
	width: 1.25rem;
	top: 2.43rem;
	left: 1.74rem;
	z-index: 3;
	display: none;
}

.p8 {
	width: 0.7rem;
	top: 4.83rem;
	left: 5.53rem;
	z-index: 3;
	display: none;
}

.p9 {
	width: 4.95rem;
	top: 5.42rem;
	left: 1.38rem;
	z-index: 3;
}

.p10 {
	width: 100%;
	top: 8.46rem;
	left: 0;
	z-index: 3;
	display: none;
}

.btn-page1 {
	width: 5.8rem;
	height: 1.17rem;
	background: url(../i/btn-p1.png)top center no-repeat;
	background-size: 100% 100%;
	bottom: 0.55rem;
	left: 0.9rem;
	z-index: 3;
	right: 0;
	top: auto;
	margin-top: 0;
	display: none;
}

.fxbutton {
	width: 5.8rem;
	height: 1.17rem;
	background: url(../i/btn-p1.png)top center no-repeat;
	background-size: 100% 100%;
	bottom: 0.1rem;
	left: 0.9rem;
	z-index: 3;
	right: 0;
	top: auto;
	margin-top: 0;
	display: none;
}

.p11 {
	width: 1.1rem;
	top: 7.9rem;
	right: 0.05rem;
	z-index: 3;
	display: none;
}

.shou {
	width: 1.17rem;
	top: 6rem;
	left: 50%;
	margin-left: -0.58rem;
	z-index: 10;
	display: none;
}

@-webkit-keyframes zhijia {
	0% {
		transform: rotate(-90deg);
		transform-origin: 50% 0%;
	}
	100% {
		transform: rotate(-0deg);
		transform-origin: 50% 0%;
	}
}

@keyframes zhijia {
	0% {
		transform: rotate(-90deg);
		transform-origin: 50% 0%;
	}
	100% {
		transform: rotate(-0deg);
		transform-origin: 50% 0%;
	}
}

.zhijia {
	-webkit-animation: zhijia 1s linear;
}

@-webkit-keyframes shunshizhen {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes shunshizhen {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.shunshizhen {
	-webkit-animation: shunshizhen 30s linear infinite;
}

@-webkit-keyframes nishizhen {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
	}
}

@keyframes nishizhen {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(-360deg);
	}
}

.nishizhen {
	-webkit-animation: nishizhen 10s linear infinite;
	animation: nishizhen 10s linear infinite;
}

.rubberBand {
	-webkit-animation: rubberBand 1s;
	animation: rubberBand 1s;
}

@keyframes gaizhang {
	0% {
		transform: scale(6, 6)
	}
	100% {
		transform: scale(1, 1)
	}
}

@-webkit-keyframes gaizhang {
	0% {
		transform: scale(6, 6)
	}
	100% {
		transform: scale(1, 1)
	}
}

.gaizhang {
	-webkit-animation: gaizhang 0.5s;
	animation: gaizhang 0.5s;
}

.bounceInUp {
	-webkit-animation: bounceInUp 1s;
	animation: bounceInUp 1s;
}

.flash {
	animation: flash 1s infinite;
	-webkit-animation: flash 1s infinite;
}

.p21 {
	width: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}

.hsbg {
	width: 100%;
	height: 20%;
	background: rgba(0, 0, 0, 0.9);
	position: absolute;
	left: 0;
	bottom: 0;
}

.p22 {
	width: 7.38rem;
	top: 0.6rem;
	left: 50%;
	margin-left: -3.69rem;
	z-index: 2;
	display: none;
}

.p23 {
	width: 1.2rem;
	top: 0.8rem;
	left: 50%;
	margin-left: -0.6rem;
	z-index: 2;
	display: none;
}

.p24 {
	width: 5.92rem;
	top: 2rem;
	left: 50%;
	margin-left: -2.96rem;
	z-index: 2;
	display: none;
}

.cp1 {
	width: 2rem;
	top: 3.1rem;
	left: 0.4rem;
	z-index: 5;
	display: none;
}

.cp2 {
	width: 2.55rem;
	top: 3.1rem;
	left: 2.4rem;
	z-index: 5;
	display: none;
}

.cp3 {
	width: 2.53rem;
	top: 4rem;
	left: 4.6rem;
	z-index: 5;
	display: none;
}

.cp4 {
	width: 2.47rem;
	top: 6rem;
	left: 0.9rem;
	z-index: 5;
	display: none;
}

.cp5 {
	width: 2.47rem;
	top: 6.1rem;
	left: 4.2rem;
	z-index: 5;
	display: none;
}

.p25 {
	width: 100%;
	left: 0;
	top: 4.41rem;
	z-index: 2;
	display: none;
}

.yun {
	width: 0.97rem;
	top: 2.85rem;
	left: 0.15rem;
	z-index: 2;
}

.yu1 {
	width: 0.66rem;
	top: 3.45rem;
	left: 0.29rem;
	z-index: 2;
	opacity: 0;
}

.yu2 {
	width: 0.66rem;
	top: 3rem;
	left: 4.9rem;
	z-index: 2;
	opacity: 0;
}

.byf {
	width: 100%;
	top: 2.85rem;
	left: 0;
	z-index: 2;
	display: none;
}

.hyf {
	width: 0.74rem;
	top: 8rem;
	left: 2.5rem;
	z-index: 2;
	display: none;
}

.p26 {
	width: 100%;
	left: 100%;
	top: 9.3rem;
	z-index: 2;
}

.p27 {
	width: 1.1rem;
	left: 0.3rem;
	bottom: 0.2rem;
	z-index: 2;
}

.p28 {
	width: 3.3rem;
	left: 50%;
	bottom: 0.9rem;
	margin-left: -1.65rem;
	z-index: 2;
}

.btn-page2 {
	width: 5.8rem;
	height: 1.17rem;
	background: url(../i/btn-ckjg.png)top center no-repeat;
	background-size: 100% 100%;
	bottom: 0.55rem;
	left: 0.9rem;
	z-index: 3;
	right: 0;
	top: auto;
	margin-top: 0;
	display: none;
}

.btn-page3 {
	width: 3.38rem;
	height: 1.05rem;
	background: url(../i/btn-sccd1.png)top center no-repeat;
	background-size: 100% 100%;
	bottom: 0.5rem;
	left: 0.3rem;
	z-index: 6;
	right: 0;
	top: auto;
	margin-top: 0;
}

.btn-zcyc {
	width: 3.38rem;
	height: 1.05rem;
	background: url(../i/zcyc2.png)top center no-repeat;
	bottom: 0.5rem;
	left: 3.85rem;
	z-index: 6;
	right: 0;
	top: auto;
	margin-top: 0;
	display: none;
	background-size: 100% 100%;
}

.btn-page4 {
	width: 5.8rem;
	height: 1.17rem;
	background: url(../i/btn-sczj.png)top center no-repeat;
	background-size: 100% 100%;
	bottom: 0.55rem;
	left: 0.9rem;
	z-index: 6;
	right: 0;
	top: auto;
	margin-top: 0;
}

.bounceInDown {
	animation: bounceInDown 1s;
	-webkit-animation: bounceInDown 1s;
}

.tada {
	animation: tada 1s;
	-webkit-animation: tada 1s;
}

.tada1 {
	animation: tada 1s infinite;
	-webkit-animation: tada 1s infinite;
}

.bounceInLeft {
	animation: bounceInLeft 1s;
	-webkit-animation: bounceInLeft 1s;
}

.bounceInUp {
	animation: bounceInUp 1s;
	-webkit-animation: bounceInUp 1s;
}

.zzsc {
	width: 3.64rem;
	top: 50%;
	margin-top: -0.25rem;
	left: 50%;
	margin-left: -1.82rem;
	z-index: 10;
}

.loa {
	width: 100%;
	z-index: 5;
	top: 0;
	left: 0;
}

.page_type1 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../i/gudianbg.jpg)top center no-repeat;
	background-size: 100% 100%;
}

.page_type2 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../i/gudianbg.jpg)top center no-repeat;
	background-size: 100% 100%;
}

.page_type3 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../i/gudianbg.jpg)top center no-repeat;
	background-size: 100% 100%;
}

.page_type4 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../i/gudianbg.jpg)top center no-repeat;
	background-size: 100% 100%;
}

.page_type5 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../i/gudianbg.jpg)top center no-repeat;
	background-size: 100% 100%;
}

.gdstar {
	width: 100%;
	top: 0;
	left: 0;
	z-index: 5;
}

.gdbigstar {
	width: 100%;
	top: 1.2rem;
	left: 0;
	z-index: 3;
}

.gdzhong {
	width: 3rem;
	top: 0.7rem;
	left: 4rem;
	z-index: 2;
}

.gdyf {
	width: 0.3rem;
	top: 1.76rem;
	left: 2rem;
	z-index: 3;
}

.gdtext1 {
	width: 3.6rem;
	top: 2.4rem;
	left: 50%;
	margin-left: -1.8rem;
	z-index: 3;
}

.gdtext2 {
	width: 5.3rem;
	top: 6.6rem;
	left: 50%;
	margin-left: -2.65rem;
	z-index: 3;
}

.gdtext3 {
	width: 6.3rem;
	top: 3.4rem;
	left: 50%;
	margin-left: -3.15rem;
	z-index: 3;
}

.gdline {
	width: 100%;
	top: 0;
	left: 0;
	z-index: 3;
}

.gdwawa {
	width: 1.84rem;
	top: 2.2rem;
	left: 0.4rem;
	z-index: 3;
}

.bigstar,
.zhong,
.yf,
.star,
.line,
.text1,
.text2,
.wawa,
.text3 {
	display: none;
}

.jsstar {
	width: 100%;
	top: 0;
	left: 0;
	z-index: 5;
}

.jsbigstar {
	width: 100%;
	top: 1.2rem;
	left: 0;
	z-index: 3;
}

.jszhong {
	width: 1.62rem;
	top: 1.2rem;
	left: 5.4rem;
	z-index: 2;
}

.jsyf {
	width: 0.3rem;
	top: 3.55rem;
	left: 0.15rem;
	z-index: 3;
}

.jstext1 {
	width: 3.6rem;
	top: 2.4rem;
	left: 50%;
	margin-left: -1.8rem;
	z-index: 3;
}

.jstext2 {
	width: 5.86rem;
	top: 6.6rem;
	left: 50%;
	margin-left: -2.93rem;
	z-index: 3;
}

.jstext3 {
	width: 6.3rem;
	top: 3.4rem;
	left: 50%;
	margin-left: -3.15rem;
	z-index: 3;
}

.jsline {
	width: 100%;
	top: 0;
	left: 0;
	z-index: 3;
}

.jswawa {
	width: 1.66rem;
	top: 1.5rem;
	left: 0.4rem;
	z-index: 3;
}

.lxstar {
	width: 100%;
	top: 0.4rem;
	left: 0;
	z-index: 5;
}

.lxbigstar {
	width: 100%;
	top: 1.2rem;
	left: 0;
	z-index: 3;
}

.lxzhong {
	width: 6.6rem;
	top: 0.85rem;
	left: 0.55rem;
	z-index: 2;
}

.lxyf {
	width: 0.3rem;
	top: 4.95rem;
	left: 6.96rem;
	z-index: 3;
}

.lxtext1 {
	width: 3.6rem;
	top: 2.4rem;
	left: 50%;
	margin-left: -1.8rem;
	z-index: 3;
}

.lxtext2 {
	width: 6.91rem;
	top: 6.9rem;
	left: 0.44rem;
	z-index: 3;
}

.lxtext3 {
	width: 6.45rem;
	top: 3.4rem;
	left: 50%;
	margin-left: -3.22rem;
	z-index: 3;
}

.lxwawa {
	width: 1.6rem;
	top: 2.3rem;
	left: 5.7rem;
	z-index: 3;
}

.mystar {
	width: 100%;
	top: 0;
	left: 0;
	z-index: 5;
}

.mybigstar {
	width: 100%;
	top: 1.2rem;
	left: 0;
	z-index: 3;
}

.myzhong {
	width: 6.6rem;
	top: 1.3rem;
	left: 0.55rem;
	z-index: 2;
}

.myyf {
	width: 0.3rem;
	top: 1.8rem;
	left: 1.37rem;
	z-index: 3;
}

.mytext1 {
	width: 3.6rem;
	top: 2.4rem;
	left: 50%;
	margin-left: -1.8rem;
	z-index: 3;
}

.mytext2 {
	width: 6.15rem;
	top: 6.9rem;
	left: 0.85rem;
	z-index: 3;
}

.mytext3 {
	width: 6.52rem;
	top: 3.4rem;
	left: 50%;
	margin-left: -3.26rem;
	z-index: 3;
}

.mywawa {
	width: 1.6rem;
	top: 1.83rem;
	left: 0.44rem;
	z-index: 3;
}

.mykf {
	width: 1rem;
	top: 3.83rem;
	left: 6rem;
	z-index: 7;
}

.ygstar {
	width: 100%;
	top: 0.2rem;
	left: 0;
	z-index: 5;
}

.ygbigstar {
	width: 100%;
	top: 1.2rem;
	left: 0;
	z-index: 3;
}

.ygzhong {
	width: 2.62rem;
	top: 0.7rem;
	left: 4.55rem;
	z-index: 2;
}

.ygyf {
	width: 0.3rem;
	top: 1.6rem;
	left: 1.77rem;
	z-index: 3;
}

.ygtext1 {
	width: 3.6rem;
	top: 2.4rem;
	left: 50%;
	margin-left: -1.8rem;
	z-index: 3;
}

.ygtext2 {
	width: 6.29rem;
	top: 6.9rem;
	left: 0.6rem;
	z-index: 3;
}

.ygtext3 {
	width: 6.52rem;
	top: 3.4rem;
	left: 50%;
	margin-left: -3.26rem;
	z-index: 3;
}

.ygwawa {
	width: 1.6rem;
	top: 1.83rem;
	left: 0.44rem;
	z-index: 3;
}

.dq-box {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.dq1 {
	background: url(../i/mybg.jpg)top center no-repeat;
	background-size: 100% auto;
}

.dq2 {
	background: url(../i/lxbg.jpg)top center no-repeat;
	background-size: 100% auto;
}

.dq3 {
	background: url(../i/gdbg.jpg)top center no-repeat;
	background-size: 100% auto;
}

.dq4 {
	background: url(../i/jsbg.jpg)top center no-repeat;
	background-size: 100% auto;
}

.dq5 {
	background: url(../i/ygbg.jpg)top center no-repeat;
	background-size: 100% auto;
}

.dqxing {
	width: 2.78rem;
	top: 0;
	right: 0;
	z-index: 1;
	display: none;
}

.dqzhijia {
	width: 2.99rem;
	top: 0;
	right: .0rem;
	z-index: 6;
	display: none;
}

.changpianbox {
	position: absolute;
	width: 6.8rem;
	height: 6.8rem;
	top: 1.33rem;
	left: 50%;
	margin-left: -3.4rem;
	z-index: 1;
	display: none;
}

.cpbg {
	width: 6.8rem;
	top: 0;
	left: 0;
	z-index: 2;
	display: none;
}

.dqheijiao {
	width: 7rem;
	left: 50%;
	top: 50%;
	margin-top: -3.5rem;
	margin-left: -3.5rem;
	z-index: 3;
	display: none;
}

.dayuan {
	width: 4.84rem;
	top: 50%;
	left: 50%;
	margin-top: -2.42rem;
	margin-left: -2.42rem;
	z-index: 4;
}

.baobao-img {
	display: block;
	width: 4.7rem;
	height: 4.7rem;
	top: 50%;
	left: 50%;
	position: absolute;
	margin-top: -2.34rem;
	margin-left: -2.31rem;
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover!important;
	border-radius: 50%;
	z-index: 5;
}

.cpdp {
	width: 4.7rem;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	margin-top: -2.34rem;
	margin-left: -2.31rem;
	z-index: 4;
	display: none;
}

.jianzhu {
	width: 4.7rem;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	margin-top: -2.34rem;
	margin-left: -2.31rem;
	z-index: 6;
	display: none;
}

.xiaoyuan {
	width: 0.58rem;
	top: 50%;
	left: 50%;
	margin-top: -0.29rem;
	margin-left: -0.29rem;
	z-index: 6;
	border-radius: 50%;
}

.sc-box {
	width: 3.95rem;
	position: absolute;
	top: 8.5rem;
	left: 50%;
	margin-left: -1.97rem;
	height: 0.55rem;
	display: none;
}

.sc-box2 {
	width: 6.8rem;
	margin-left: -3.4rem;
}

.scimg {
	width: 100%;
}

.btn-sc {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.input-name {
	display: block;
	width: 5.76rem;
	height: 1.1rem;
	position: absolute;
	top: 4.27rem;
	left: 50%;
	margin-left: -2.88rem;
	background: url(../i/juxing.png)top center no-repeat;
	background-size: 100% 100%;
	font-size: 0.4rem;
	line-height: 0.4rem;
	color: #fff;
	z-index: 10;
	text-align: center;
	display: none;
	font-family: zzz;
	display: none;
}

input::-webkit-input-placeholder {
	color: #fff;
}

.dqwawa {
	position: absolute;
	z-index: 10;
	display: none;
}

.wawa1 {
	width: 1.67rem;
	height: 2.63rem;
	background: url(../i/mywawa.png)top center no-repeat;
	background-size: 100% 100%;
	top: 5.48rem;
	left: 5.6rem;
}

.wawa2 {
	width: 1.6rem;
	height: 2.6rem;
	background: url(../i/lxwawa.png)top center no-repeat;
	background-size: 100% 100%;
	top: 0.48rem;
	left: 0.42rem;
}

.wawa3 {
	width: 1.84rem;
	height: 2.32rem;
	background: url(../i/gdwawa.png)top center no-repeat;
	background-size: 100% 100%;
	top: 0.48rem;
	left: 0.42rem;
}

.wawa4 {
	width: 1.66rem;
	height: 2.63rem;
	background: url(../i/jswawa.png)top center no-repeat;
	background-size: 100% 100%;
	top: 5.68rem;
	left: 5.6rem;
}

.wawa5 {
	width: 1.87rem;
	height: 2.65rem;
	background: url(../i/ygwawa.png)top center no-repeat;
	background-size: 100% 100%;
	top: 0.48rem;
	left: 0.42rem;
}

.end-name {
	color: #fff;
	font-size: 0.3rem;
	text-align: center;
	font-weight: normal;
	line-height: 1.5;
	font-family: zzz;
}

.end-name span {
	font-size: 0.3rem;
	line-height: 1.5;
	font-family: zzz;
}

.baobao-name {
	font-size: 0.3rem;
	color: #fff;
	display: inline;
	padding: 0 0.1rem;
	line-height: 1.5;
	font-family: zzz;
}

.start,
.end {
	font-size: 0.3rem;
	color: #fff;
	float: left;
	font-family: zzz;
	margin-top: 0.05rem;
}

.progress {
	justify-content: space-between;
	align-items: center;
	width: 7rem;
	margin: 0.5rem auto;
	position: absolute;
	top: 9rem;
	left: 50%;
	margin-left: -3.5rem;
}

.progress-bar {
	position: relative;
	width: 70%;
	height: 5px;
	background-color: #eee;
	vertical-align: 2px;
	border-radius: 3px;
	cursor: pointer;
	float: left;
	margin: 0 0.2rem;
	margin-top: 0.15rem;
}

.now {
	position: absolute;
	left: 0;
	display: inline-block;
	height: 5px;
	width: 0%;
	background: #b39d4d;
}

.now::after {
	content: '';
	position: absolute;
	left: 95%;
	top: -0.15rem;
	width: 0.39rem;
	height: 0.35rem;
	background: url(../i/mxing.png)top center no-repeat;
	background-size: 100% 100%;
}

.loading {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 10;
	display: none;
}

.loading img {
	width: 100%;
}

@media screen and (min-height:720px) {
	.loading img {
		width: 100%;
		height: 100%;
	}
	.loa {
		width: 100%;
		z-index: 5;
		top: 0;
		left: 0;
		height: 100%;
	}
}

.swiper-button-next {
	display: none;
}

.fx-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.85);
	display: none;
}

.erweima-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.85);
	display: none;
}

.back {
	width: 0.6rem;
	top: 0.4rem;
	right: 0.4rem;
	z-index: 999;
}


/*.erweima {
	width: 1.49rem;
	top: 2rem;
	left: 50%;
	margin-left: -0.75rem;
}

.zuhe {
	width: 3.38rem;
	top: 1.5rem;
	left: 50%;
	margin-left: -1.69rem;
}

.text {
	width: 5.88rem;
	top: 4.5rem;
	left: 50%;
	margin-left: -2.94rem;
}*/

.rwmbg {
	width: 6.3rem;
	top: 1.2rem;
	left: 50%;
	margin-left: -3.15rem;
}

.fxtext {
	width: 3.06rem;
	top: 0;
	right: 0;
}

.wyeyaowan {
	width: 5.8rem;
	position: absolute;
	bottom: 0.7rem;
	left: 50%;
	margin-left: -2.9rem;
}

@-webkit-keyframes fangda {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.02);
	}
	100% {
		transform: scale(1);
	}
}

@keyframes fangda {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.02);
	}
	100% {
		transform: scale(1);
	}
}

.fangda {
	animation: fangda 1s infinite;
	-webkit-animation: fangda 1s infinite;
}

.bounce {
	animation: bounce 0.8s linear;
	-webkit-animation: bounce 0.8s linear;
}

@-webkit-keyframes xiayu {
	0% {
		transform: translateY(5px);
		opacity: 0.8;
	}
	50% {
		transform: translateY(10px);
		opacity: 0.4;
	}
	100% {
		transform: translateY(15px);
		opacity: 0;
	}
}

@keyframes xiayu {
	0% {
		transform: translateY(5px);
		opacity: 0.8;
	}
	50% {
		transform: translateY(10px);
		opacity: 0.4;
	}
	100% {
		transform: translateY(15px);
		opacity: 0;
	}
}

.xiayu {
	animation: xiayu 1s infinite linear;
	-webkit-animation: xiayu 1s infinite linear;
}

.btn-music {
	width: 1.2rem;
	top: 4.1rem;
	left: 50%;
	margin-left: -0.6rem;
	z-index: 99;
}

.chez {
	width: 0.94rem;
	top: 3.9rem;
	left: 1.2rem;
	z-index: 3;
	display: none;
}


/*.chez {
	width: 100%;
	top: 3.9rem;
	left: 0;
	z-index: 3;
}*/

.chey {
	width: 0.94rem;
	top: 5.94rem;
	left: 6.2rem;
	z-index: 3;
	display: none;
}

.jz1 {
	width: 1.3rem;
	top: 3.43rem;
	left: 4.9rem;
	z-index: 2;
	display: none;
}

.jz2 {
	width: 1rem;
	top: 6.22rem;
	left: 0;
	z-index: 2;
	display: none;
}

.jz3 {
	width: 0.54rem;
	top: 7.05rem;
	left: 3.21rem;
	z-index: 2;
	display: none;
}

@-webkit-keyframes baidong {
	0% {
		transform: rotate(0deg);
		transform-origin: 50% 100%;
	}
	16% {
		transform: rotate(-5deg);
		transform-origin: 50% 100%;
	}
	32% {
		transform: rotate(0deg);
		transform-origin: 50% 100%;
	}
	48% {
		transform: rotate(5deg);
		transform-origin: 50% 100%;
	}
	64% {
		transform: rotate(0deg);
		transform-origin: 50% 100%;
	}
	82% {
		transform: rotate(-5deg);
		transform-origin: 50% 100%;
	}
	100% {
		transform: rotate(0deg);
		transform-origin: 50% 100%;
	}
}

@keyframes baidong {
	0% {
		transform: rotate(0deg);
		transform-origin: 50% 100%;
	}
	16% {
		transform: rotate(-5deg);
		transform-origin: 50% 100%;
	}
	32% {
		transform: rotate(0deg);
		transform-origin: 50% 100%;
	}
	48% {
		transform: rotate(5deg);
		transform-origin: 50% 100%;
	}
	64% {
		transform: rotate(0deg);
		transform-origin: 50% 100%;
	}
	82% {
		transform: rotate(-5deg);
		transform-origin: 50% 100%;
	}
	100% {
		transform: rotate(0deg);
		transform-origin: 50% 100%;
	}
}

.baidong {
	-webkit-animation: baidong 6s linear infinite;
}

.page2-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 999999;
	background: rgba(0, 0, 0, 0.6);
}

.page2-back {
	width: 0.6rem;
	top: 2rem;
	right: 0.4rem;
	z-index: 999;
}

.res {
	width: 6.1rem;
	top: 3rem;
	left: 50%;
	margin-left: -3.05rem;
}