/* CSS Document */
body,
div,
ul,
li,
p,
h3,
h1,
h2,
h5,
h6,
h4,
dl,
dt,
dd,
table,
tr,
td,
img,
span,
b,
form,
input,
span,
video {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	box-sizing: border-box;
}

/* 设置HTML5元素为块 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

img {
	border: none;
	max-width: 100%;
	vertical-align: middle;
	display: block;
}

em,
i {
	font-style: normal;
}

a,
input,
textarea {
	text-decoration: none
}

/*取消边线*/
input,
select,
button,
textarea {
	outline: none;
}

/* 移动端点击a链接出现蓝色背景问题解决 */
a:link,
a:active,
a:visited,
a:hover {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
}

body {
	font-family: "PingFangSC-Regular", "微软雅黑", "Microsoft Yahei";
	background: #aed5e6;
	background-image: url(./6056343432e7e49ac306f90e186470e4.png);
	background-size: cover;
	/* 背景图片铺满整个容器 */
	background-repeat: no-repeat;
	/* 禁止背景图片重复 */
	background-position: center;
	/* 背景图片居中显示 */
	background-attachment: fixed;
	/* 背景图片固定，不随页面滚动 */
}

::-webkit-scrollbar {
	display: none;
}


@keyframes opacityPulse {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}

@keyframes scaleFade {
	0% {
		transform: scale(1);
		opacity: 1;
	}

	100% {
		transform: scale(12);
		opacity: 0;
	}
}

@keyframes leftRight {
	0% {
		right: 1.24rem;
	}

	50% {
		right: 1.64rem;
	}

	100% {
		right: 1.24rem;
	}
}

@keyframes leftRight2 {
	0% {
		right: calc((100% - 750px) / 2 + 1.44rem);
	}

	50% {
		right: calc((100% - 750px) / 2 + 1.64rem);
	}

	100% {
		right: calc((100% - 750px) / 2 + 1.44rem);
	}
}

@keyframes leftRight3 {
	0% {
		right: 0.72rem;
	}

	50% {
		right: 0.92rem;
	}

	100% {
		right: 0.72rem;
	}
}

@keyframes leftRight4 {
	0% {
		right: 0.44rem;
	}

	50% {
		right: 0.62rem;
	}

	100% {
		right: 0.44rem;
	}
}

@keyframes leftRight5 {
	0% {
		right: 0.2rem;
	}

	50% {
		right: 0.4rem;
	}

	100% {
		right: 0.2rem;
	}
}

@keyframes leftRight6 {
	0% {
		right: 0.32rem;
	}

	50% {
		right: 0.52rem;
	}

	100% {
		right: 0.32rem;
	}
}

.click {
	animation: opacityPulse 2s infinite;
	width: 1.04rem;
	height: 1.04rem;
	filter: drop-shadow(0 0 8px #fff);
	background: url("../img/click.png") no-repeat;
	background-size: 1.04rem;
}

.line {
	width: 1.15rem;
	height: 2.18rem;
	background: url("../img/line.png") no-repeat;
	background-size: 1.15rem;
}

#menu {}

#home {
	width: 0.85rem;
	height: 1.72rem;
	position: fixed;
	right: 0.36rem;
	bottom: 1.6rem;
	z-index: 101;
}

#tice {
	width: 1.03rem;
	height: 2.65rem;
	position: fixed;
	right: 1.24rem;
	bottom: 3.1rem;
	z-index: 101;
	animation: leftRight 2.4s infinite;
}

#lift {
	width: 1.13rem;
	height: 2.3rem;
	position: fixed;
	right: 0.24rem;
	bottom: 3.32rem;
	z-index: 101;
}

#lift .prev {
	width: 0.7rem;
	height: 0.7rem;
	position: absolute;
	right: 0.2rem;
	top: 0.4rem
}

#lift .next {
	width: 0.7rem;
	height: 0.7rem;
	position: absolute;
	right: 0.2rem;
	bottom: 0.4rem;
}

#home img,
#lift img,
#tice img {
	width: 100%;
	height: 100%;
}

@media (min-width:750px) {
	#home {
		right: calc((100% - 750px) / 2 + 0.36rem);
	}

	#tice {
		right: calc((100% - 750px) / 2 + 1.44rem);
		animation: leftRight2 2.4s infinite;
	}

	#lift {
		right: calc((100% - 750px) / 2 + 0.24rem);
	}
}

/* 第一页样式 */
#container1 {
	min-width: 360px;
	max-width: 750px;
	height: 76.95rem;
	min-height: 100vh;
	margin: 0 auto;
	background-color: #fffce6;
}

#view_1 {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

#view_1 .view_img_1 {
	width: 100%;
	/* height: 15.5rem; */
}

.view_img_1.startScale {
	animation: scaleFade 2.4s forwards;
	transform-origin: 62% 60%;
}

#view_1 .click {
	position: absolute;
	top: 6.8rem;
	left: 4.12rem;
	z-index: 20;
}

#view_2 {
	width: 100%;
	height: 13.27rem;
	position: relative;
	margin-top: -0.8rem;
	box-sizing: border-box;
}

#view_2 .view_img_2 {
	width: 100%;
	height: 12.07rem;
}

#view_2 .view_img_22 {
	position: absolute;
	top: 2.5rem;
	width: 3.2rem;
	right: 0.2rem;
	z-index: 21;
}

#view_2 .click1 {
	position: absolute;
	top: 3.3rem;
	left: 2.54rem;
	z-index: 20;
}

#view_2 .click2 {
	position: absolute;
	top: 5rem;
	right: 0.6rem;
	z-index: 200;
}

#view_2 .click3 {
	position: absolute;
	top: 7.6rem;
	left: 0.3rem;
	z-index: 20;
}

#view_2 .view_tan_1 {
	width: 4.95rem;
	height: 2.55rem;
	position: absolute;
	left: 0.32rem;
	top: 1.42rem;
	z-index: 30;
	display: none;
}

#view_2 .view_tan_2 {
	width: 4.98rem;
	height: 2.29rem;
	position: absolute;
	left: 0.32rem;
	top: 1.42rem;
	z-index: 28;
	display: none;
}

#view_2 .view_tan_3 {
	width: 5.04rem;
	height: 2.08rem;
	position: absolute;
	left: 0.32rem;
	top: 1.42rem;
	z-index: 26;
	display: none;
}

#view_2 .ani_1_1 {
	width: 5.11rem;
	height: 6.8rem;
	position: absolute;
	left: 1.1rem;
	top: 3.8rem;
	z-index: 20;
}

#view_3 {
	width: 100%;
	height: auto;
	position: relative;
	top: -0.4rem;
}

#view_3 .view_img_3 {
	width: 100%;
	height: 20.76rem;
}

#view_3 .view_tan_4 {
	width: 4.86rem;
	/* height: 4.47rem; */
	position: absolute;
	left: 1.1rem;
	top: 1rem;
	z-index: 15;
	display: none;
}

#view_3 .view_tan_9 {
	width: 6.2rem;
	/* height: 4.47rem; */
	position: absolute;
	left: 0.1rem;
	top: -0.5rem;
	z-index: 15;
}

#view_3 .view_tan_5 {
	width: 2.79rem;
	height: 2.07rem;
	position: absolute;
	left: 3.2rem;
	top: 4.7rem;
	z-index: 15;
}

#view_3 .view_tan_6 {
	width: 2.8rem;
	position: absolute;
	left: 0rem;
	top: 5.5rem;
	z-index: 21;
}

#view_3 .view_tan_7 {
	width: 3.2rem;
	position: absolute;
	right: 0rem;
	top: 6.35rem;
	z-index: 21;
}

#view_3 .view_tan_8 {
	width: 0.4rem;
	/* height: 2.07rem; */
	position: absolute;
	right: 2.5rem;
	top: 9.8rem;
	z-index: 21;
}

#view_3 .click {
	position: absolute;
	top: 4.2rem;
	left: 3rem;
	z-index: 20;
}

#view_3 .line {
	position: absolute;
	top: 3.36rem;
	right: 0.76rem;
	z-index: 25;
	display: none;
}

#view_3 .ani_1_2 {
	width: 7.41rem;
	height: 8.22rem;
	position: absolute;
	left: 0.09rem;
	top: 7rem;
	z-index: 20;
}

#view_4 {
	width: 100%;
	height: auto;
	position: relative;
	top: -4rem;
}

#view_4 .view_img_4 {
	width: 100%;
	height: 17.63rem;
}

#view_4 .sanjiahezuo {
	width: 7.5rem;
	/* height: 4.1rem; */
	position: absolute;
	left: 0;
	top: -2.05rem;
	z-index: 20;
}

#view_4 .yibeikaifei {
	width: 5.5rem;
	/* height: 10.1rem; */
	position: absolute;
	left: 50%;
	transform: translateX(-50%) !important;
	top: -0.0rem;
	z-index: 20;
}

#view_4 .ani_1_3 {
	width: 7.5rem;
	/* height: 10.1rem; */
	position: absolute;
	left: 0;
	top: 4.5rem;
	z-index: 20;
}

#view_4 .ani_1_3_1 {
	width: 3.2rem;
	/* height: 10.1rem; */
	position: absolute;
	right: 1.8rem;
	top: 8.8rem;
	z-index: 20;
}

#view_4 .ani_1_3_2 {
	width: 3.2rem;
	/* height: 10.1rem; */
	position: absolute;
	right: 3rem;
	top: 6.8rem;
	z-index: 20;
}

#view_4 .ani_1_3_3 {
	width: 3.2rem;
	/* height: 10.1rem; */
	position: absolute;
	left: 0;
	top: 2.1rem;
	z-index: 20;
}

#view_4 .ani_1_4 {
	width: 7.5rem;
	/* height: 6.57rem; */
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 20;
}

#view_4 .ani_1_4_1 {
	width: 1.5rem;
	/* height: 6.57rem; */
	position: absolute;
	right: 2rem;
	bottom: 0;
	z-index: 20;
}

#view_4 .ani_1_4_2 {
	width: 3.2rem;
	/* height: 6.57rem; */
	position: absolute;
	right: 0;
	bottom: 4.8rem;
	z-index: 20;
}

#view_4 .ani_1_4_3 {
	width: 3.2rem;
	/* height: 6.57rem; */
	position: absolute;
	left: 0;
	bottom: 5.5rem;
	z-index: 20;

}

#view_5 {
	width: 100%;
	height: auto;
	position: relative;
	top: -4.4rem;
}

#view_5 .view_img_5 {
	width: 100%;
	height: 17.16rem;
}

#view_5 .again {
	width: 2.25rem;
	height: 0.75rem;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 1rem;
	display: block;
	z-index: 50;
}

#view_5 .again img {
	width: 100%;
	height: 100%;
}

#view_5 .ani_1_5 {
	width: 5.55rem;
	height: 6.69rem;
	position: absolute;
	right: 0;
	top: 5.9rem;
	z-index: 20;
}

#view_5 .ani_1_6 {
	width: 5.83rem;
	/* height: 11.37rem; */
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 22;
}

#view_5 .ani_1_6_1 {
	width: 3.2rem;
	/* height: 11.37rem; */
	position: absolute;
	left: 0.5rem;
	top: 5.4rem;
	z-index: 22;
}

#view_5 .ani_1_7 {
	width: 7rem;
	/* height: 7.66rem; */
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 24;
}

/* 第二页样式 */
#container2 {
	min-width: 360px;
	max-width: 750px;
	height: 124.32rem;
	min-height: 100vh;
	margin: 0 auto;
	background-color: #fffce6;
}

#view_21 {
	width: 100%;
	height: auto;
	position: relative;
}

#view_21 .view_img_21 {
	width: 100%;
	height: 70.7rem;
}

#view_21 .circle {
	width: 1.04rem;
	height: 1.04rem;
	background: url("../img/circle.png") no-repeat;
	background-size: 1.04rem;
	animation: opacityPulse 2s infinite;
}

#view_21 .cir1 {
	position: absolute;
	top: 8.44rem;
	left: 1.28rem;
	z-index: 10;
}

#view_21 .cir2 {
	position: absolute;
	top: 8.82rem;
	left: 2.84rem;
	z-index: 10;
}

#view_21 .line2 {
	width: 4.76rem;
	height: 9.03rem;
	background: url("../img/line2.png") no-repeat;
	background-size: 4.76rem;
	position: absolute;
	left: 1.7rem;
	top: 9.12rem;
	z-index: 8;
}

#view_21 .userbox {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	top: 25.2rem;
	z-index: 10;
}

.userbox .peo1 {
	width: 2.48rem;
	height: 2.51rem;
	position: absolute;
	top: 0.4rem;
	left: 0.6rem;
	z-index: 12;
	transition: all 0.3s ease-in-out;
}

.userbox .peo2 {
	width: 2.46rem;
	height: 2.51rem;
	position: absolute;
	top: 0;
	left: 0.24rem;
	z-index: 11;
	transition: all 0.3s ease-in-out;
}

.userbox .zd {
	z-index: 20;
}

.userbox .change {
	width: 1.33rem;
	height: 0.39rem;
	position: absolute;
	top: 0;
	left: 2.2rem;
	z-index: 15;
}

.userbox .peot1 {
	width: 4.33rem;
	height: 2.13rem;
	position: absolute;
	left: 3rem;
	top: 0.52rem;
}

.userbox .peot2 {
	width: 4.51rem;
	height: 1.86rem;
	position: absolute;
	left: 2.8rem;
	top: 0.6rem;
	display: none;
}

#view_21 .click4 {
	position: absolute;
	top: 59rem;
	right: 2.16rem;
	z-index: 20;
}

#view_21 .line3 {
	width: 0.34rem;
	height: 3.3rem;
	background: url("../img/line3.png") no-repeat;
	background-size: 0.34rem;
	position: absolute;
	left: 4.66rem;
	top: 59.92rem;
	z-index: 20;
	display: none;
}

#view_21 .tanbg1 {
	width: 7.16rem;
	height: 3.51rem;
	background: url("../img/swiper_bg_1.png") no-repeat;
	background-size: 7.16rem;
	position: absolute;
	left: 0.17em;
	top: 62.96rem;
	opacity: 0;
	z-index: 50;
}

#view_21 .scr1 {
	width: 0.97rem;
	height: 0.45rem;
	position: absolute;
	right: 0.72rem;
	bottom: 0.52rem;
	z-index: 20;
	animation: leftRight3 2s infinite;
}

#view_21 .swiper1 {
	width: 6.94rem;
	height: 3rem;
	margin: 0.25rem 0.12rem;
	overflow: hidden;
}

#view_21 .swiper1 .simg {
	width: 100%;
	height: 100%;
}

#view_21 .ani_2_1 {
	width: 5.34rem;
	height: 9.04rem;
	position: absolute;
	left: 0.2rem;
	top: 12.66rem;
	z-index: 20;
}

#view_21 .ani_2_2 {
	width: 6.34rem;
	height: 7.7rem;
	position: absolute;
	right: 0;
	top: 17rem;
	z-index: 22;
}

#view_21 .ani_2_3 {
	width: 6.51rem;
	height: 3.61rem;
	position: absolute;
	right: 0.74rem;
	top: 28.8rem;
	z-index: 24;
}

#view_21 .ani_2_4 {
	width: 7.36rem;
	height: 12.52rem;
	position: absolute;
	left: 0;
	top: 33rem;
	z-index: 14;
}

#view_21 .ani_2_5 {
	width: 7.21rem;
	height: 6.7rem;
	position: absolute;
	right: 0;
	top: 44.4rem;
	z-index: 14;
}

#view_21 .ani_2_6 {
	width: 7.5rem;
	height: 12.74rem;
	position: absolute;
	right: 0;
	top: 51.4rem;
	z-index: 14;
}

#view_21 .ani_2_111 {
	width: 4.5rem;
	/* height: 12.74rem; */
	position: absolute;
	left: 32%;
	top: 42rem;
	transform: translateX(-50%) !important;
	z-index: 14;
}

#view_22 {
	width: 100%;
	height: auto;
	position: relative;
	top: -3.2rem;
}

#view_22 .view_img_22 {
	width: 100%;
	height: 56.82rem;
}

#view_22 .click5 {
	position: absolute;
	top: 11.8rem;
	left: 3.44rem;
	z-index: 20;
}

#view_22 .line4 {
	width: 0.34rem;
	height: 1.54rem;
	background: url("../img/line4.png") no-repeat;
	background-size: 0.34rem;
	position: absolute;
	left: 3.8rem;
	top: 12.72rem;
	z-index: 20;
	display: none;
}

#view_22 .view_tan_21 {
	width: 4.48rem;
	height: 5.04rem;
	position: absolute;
	left: 1.72rem;
	top: 14rem;
	display: none;
	z-index: 20;
}

#view_22 .click6 {
	position: absolute;
	top: 28.4rem;
	left: 3.2rem;
	z-index: 20;
}

#view_22 .line5 {
	width: 0.21rem;
	height: 2.52rem;
	background: url("../img/line5.png") no-repeat;
	background-size: 0.21rem;
	position: absolute;
	left: 3.6rem;
	top: 29.4rem;
	z-index: 20;
	display: none;
}

#view_22 .car {
	width: 0.73rem;
	height: 0.93rem;
	background: url("../img/car.png") no-repeat;
	background-size: 0.73rem;
	position: absolute;
	top: 28.8rem;
	left: 3.76rem;
	z-index: 8;
}

#view_22 .tanbg2 {
	width: 5.57rem;
	height: 2.63rem;
	background: url("../img/swiper_bg_2.png") no-repeat;
	background-size: 5.57rem;
	position: absolute;
	left: 0.36em;
	top: 31.64rem;
	opacity: 0;
	z-index: 20;
}

#view_22 .scr2 {
	width: 0.97rem;
	height: 0.45rem;
	position: absolute;
	right: 0.44rem;
	bottom: 0.52rem;
	z-index: 20;
	animation: leftRight4 2s infinite;
}

#view_22 .swiper2 {
	width: 4.76rem;
	height: 1rem;
	margin: 1rem 0.32rem;
	overflow: hidden;
}

#view_22 .swiper2 .simg {
	width: 100%;
	height: 100%;
}

#view_22 .click7 {
	position: absolute;
	bottom: 12.16rem;
	right: 0.88rem;
	z-index: 20;
}

#view_22 .line6 {
	width: 0.76rem;
	height: 1.27rem;
	background: url("../img/line6.png") no-repeat;
	background-size: 0.76rem;
	position: absolute;
	right: 1.8rem;
	bottom: 12.48rem;
	z-index: 20;
	display: none;
}

#view_22 .view_tan_22 {
	width: 6.05rem;
	height: 2.75rem;
	position: absolute;
	right: 1.04rem;
	bottom: 13.44rem;
	display: none;
	z-index: 15;
}

#view_22 .again {
	width: 2.25rem;
	height: 0.75rem;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 1rem;
	display: block;
	z-index: 50;
}

#view_22 .again img {
	width: 100%;
	height: 100%;
}

#view_22 .ani_2_7 {
	width: 7.5rem;
	height: 14.29rem;
	position: absolute;
	right: 0;
	top: 6.7rem;
	z-index: 14;
}

#view_22 .ani_2_8 {
	width: 3.76rem;
	height: 8.32rem;
	position: absolute;
	left: 0;
	top: 23.7rem;
	z-index: 14;
}

#view_22 .ani_2_9 {
	width: 3.74rem;
	height: 2.67rem;
	position: absolute;
	right: 0.6rem;
	top: 25.7rem;
	z-index: 13;
}

#view_22 .ani_2_10 {
	width: 6.73rem;
	/* height: 9.83rem; */
	position: absolute;
	right: 0;
	top: 35.1rem;
	z-index: 14;
}

#view_22 .ani_2_11 {
	width: 7.41rem;
	height: 10.6rem;
	position: absolute;
	right: 0;
	bottom: 0rem;
	z-index: 14;
}


/* 第三页样式 */
#container3 {
	min-width: 360px;
	max-width: 750px;
	height: auto;
	margin: 0 auto;
	background-color: #fffce6;
	overflow: hidden;
}

#view_31 {
	width: 100%;
	height: auto;
	position: relative;
}

#view_31 .view_img_31 {
	width: 100%;
	height: 102.83rem;
}

#view_31 .click8 {
	position: absolute;
	top: 38.1rem;
	left: 2.5rem;
	z-index: 20;
}

#view_31 .line7 {
	width: 0.25rem;
	height: 1.24rem;
	background: url("../img/line7.png") no-repeat;
	background-size: 0.25rem;
	position: absolute;
	left: 2.9rem;
	top: 39.1rem;
	z-index: 20;
	display: none;
}

#view_31 .view_tan_31 {
	width: 4.04rem;
	height: 3.86rem;
	position: absolute;
	left: 1rem;
	top: 40.18rem;
	display: none;
	z-index: 20;
}

#view_31 .click9 {
	position: absolute;
	top: 58.5rem;
	left: 2.36rem;
	z-index: 20;
}

#view_31 .line8 {
	width: 0.83rem;
	height: 4.08rem;
	background: url("../img/line8.png") no-repeat;
	background-size: 0.93rem;
	position: absolute;
	left: 2.74rem;
	top: 54.4rem;
	z-index: 20;
	display: none;
}

#view_31 .view_tan_32 {
	width: 3.18rem;
	height: 1.62rem;
	position: absolute;
	left: 2.9rem;
	top: 52.96rem;
	display: none;
}

#view_31 .click10 {
	position: absolute;
	top: 73.44rem;
	left: 1.8rem;
	z-index: 20;
}

#view_31 .line9 {
	width: 0.21rem;
	height: 2.42rem;
	background: url("../img/line9.png") no-repeat;
	background-size: 0.21rem;
	position: absolute;
	left: 2.2rem;
	top: 74.44rem;
	z-index: 20;
	display: none;
}

#view_31 .tanbg3 {
	width: 6.7rem;
	height: 2.48rem;
	background: url("../img/swiper_bg_3.png") no-repeat;
	background-size: 6.7rem;
	position: absolute;
	left: 0.44em;
	top: 76.72rem;
	opacity: 0;
	z-index: 20;
}

#view_31 .scr3 {
	width: 0.97rem;
	height: 0.45rem;
	position: absolute;
	right: 0.2rem;
	top: 0.94rem;
	z-index: 20;
	animation: leftRight5 2s infinite;
}

#view_31 .swiper3 {
	width: 6.6rem;
	height: 2rem;
	margin: 0.24rem 0.04rem;
	overflow: hidden;
}

#view_31 .swiper3 .simg {
	width: 100%;
	height: 100%;
}

#view_31 .tanbg4 {
	width: 6.27rem;
	height: 3.16rem;
	background: url("../img/swiper_bg_4.png") no-repeat;
	background-size: 6.27rem;
	position: absolute;
	left: 0.44em;
	top: 82.82rem;
}

#view_31 .scr4 {
	width: 0.97rem;
	height: 0.45rem;
	position: absolute;
	right: 0.32rem;
	top: 1.84rem;
	z-index: 20;
	animation: leftRight6 2s infinite;
}

#view_31 .swiper4 {
	width: 6.1rem;
	height: 2.5rem;
	margin: 0.33rem 0.08rem;
	overflow: hidden;
}

#view_31 .swiper4 .simg {
	width: 100%;
	height: 100%;
}

#view_31 .back {
	width: 2.25rem;
	height: 0.75rem;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 4.8rem;
	display: block;
	z-index: 50;
}

#view_31 .back img {
	width: 100%;
	height: 100%;
}

#view_31 .ani_3_1 {
	width: 6.52rem;
	height: 5.39rem;
	position: absolute;
	left: 0.2rem;
	top: 17.8rem;
	z-index: 10;
}

#view_31 .ani_3_2 {
	width: 6.14rem;
	height: 4.7rem;
	position: absolute;
	right: 0;
	top: 21.5rem;
	z-index: 11;
}

#view_31 .ani_3_3 {
	width: 4.52rem;
	height: 4.92rem;
	position: absolute;
	left: 0;
	top: 24.3rem;
	z-index: 12;
}

#view_31 .ani_3_4 {
	width: 4.07rem;
	height: 5.81rem;
	position: absolute;
	right: 0;
	top: 26.3rem;
	z-index: 13;
}

#view_31 .ani_3_5 {
	width: 6.12rem;
	/* height: 9.62rem; */
	position: absolute;
	left: 0.08rem;
	top: 36.5rem;
	z-index: 11;
}

#view_31 .ani_3_5_1 {
	width: 3.8rem;
	/* height: 9.62rem; */
	position: absolute;
	left: 0.08rem;
	top: 34.1rem;
	z-index: 11;
}

#view_31 .ani_3_6 {
	width: 3.56rem;
	/* height: 9.24rem; */
	position: absolute;
	right: 0;
	top: 35rem;
	z-index: 13;
}

#view_31 .ani_3_7 {
	width: 5.15rem;
	height: 5.22rem;
	position: absolute;
	left: 0;
	top: 37rem;
	z-index: 10;
}

#view_31 .ani_3_8 {
	width: 7.27rem;
	height: 8.34rem;
	position: absolute;
	left: 0.16rem;
	top: 55.2rem;
	z-index: 10;
}

#view_31 .ani_3_9 {
	width: 7.39rem;
	height: 9.35rem;
	position: absolute;
	right: 0.08rem;
	top: 66.2rem;
	z-index: 10;
}

#view_31 .ani_3_10 {
	width: 7.5rem;
	height: 8.74rem;
	position: absolute;
	left: 0;
	top: 72rem;
	z-index: 12;
}

#view_31 .ani_3_11 {
	width: 7.5rem;
	height: 13.69rem;
	position: absolute;
	left: 0;
	bottom: 1.7rem;
	z-index: 12;
}


#view_honme {
	width: 100%;
	height: auto;
}

#logo {
	width: 2rem;
	top: 0.1rem;
	margin-top: 0.3rem;
	text-align: center;
	z-index: 12;
	position: absolute;
}

@font-face {
	font-family: 'FZQKBYSJW';
	/* 自定义字体名称 */
	src: url('./FZQKBYSJW.TTF') format('truetype');
	/* 字体文件路径 */
	font-weight: normal;
	font-style: normal;
}

#bt1 {
	width: 8rem;
	top: 0.1rem;
	margin-top: 0.3rem;
	margin-bottom: 0.6rem;
	text-align: center;
	/* 剧中处理 */
	z-index: 12;
}

.textBox_item {
	/* 使用自定义字体，并设置备用字体 */
	font-family: 'FZQKBYSJW', sans-serif;
}

#bt2 {
	width: 100%;
	/* margin-top: 0.5rem; */
	/* margin-bottom: 0.2rem; */
	text-align: center;
	/* 剧中处理 */
	transform: translateX(-0.3rem);
	z-index: 12;
}

#textBox {
	/* 这里的文字要首行缩进两个文字 */
	text-indent: 2em;
	font-size: 0.28rem;
	margin: 0 2rem;
	width: 6.6rem;
	min-height: 4.9rem;
	font-weight: 500;
	font-family: 黑体;
}

#textBox .texbox_item {
	white-space: pre-wrap;
	/* 确保换行符和空格正常显示 */
	text-align: left;
	/* 每行间距 */
	font-weight: 300;

	margin-top: -1rem;
}

#an {
	margin-top: 0.3rem;

	/* bottom: 0.4rem; */
	width: 3rem;
	cursor: pointer;
	margin-bottom: 0.5rem;
}

.click {
	z-index: 22 !important;
}

/*
	音乐播放 
 */

.yinyuebtn {
	position: fixed;
	top: 20px;
	left: 20px;
	min-width: 600px;
	max-width: 750px;
	z-index: 9999999 !important;
	text-align: left;

}

.yinyuebtnbtn {
	width: 50px;
	height: 50px;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.rotate-box {
	/* 旋转中心点 */
	transform-origin: 50% 50%;
	animation: spin 2s linear infinite;

}

#fixedImage_Box {
	width: 100%;
	height: auto;
	position: fixed;
	min-width: 360px;
	max-width: 750px;
	height: 100vh;
	z-index: 19;
}

.fixedImage_yao {
	width: 1rem;
	position: absolute;
	left: 0.5rem;
	top: 40%;
	z-index: 20;
}

.fixedImage_bus {
	width: 1rem;
	position: absolute;
	left: 0.5rem;
	top: 40%;
	z-index: 1;
}