@charset "utf-8";
/*@font-face {
	font-family: "hzgb";
	src: url(../font/hzgb.ttf);
}*/

body {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	overflow: hidden;
	font-family: "微软雅黑";
}

h3,
p {
	margin: 0;
	padding: 0;
}

.page {
	position: absolute;
	overflow: hidden;
	display: none;
	left: 0;
	top: 0;
}

.page_outer {
	position: absolute;
}

.page_inner {
	position: absolute;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-ms-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes shine {
	from {
		opacity: 0.5;
	}
	to {
		opacity: 1;
	}
}

@-ms-keyframes shine {
	from {
		opacity: 0.5;
	}
	to {
		opacity: 1;
	}
}

@-moz-keyframes shine {
	from {
		opacity: 0.5;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes shine {
	from {
		opacity: 0.5;
	}
	to {
		opacity: 1;
	}
}

.page_down {
	position: absolute;
	width: 40px;
	left: 50%;
	margin-left: -20px;
	bottom: 3%;
	animation: page_down 1s ease infinite alternate;
	-ms-animation: page_down 1s ease infinite alternate;
	-moz-animation: page_down 1s ease infinite alternate;
	-webkit-animation: page_down 1s ease infinite alternate;
}

@keyframes page_down {
	from {
		margin-bottom: 0px;
	}
	to {
		margin-bottom: 20px;
	}
}

@-ms-keyframes page_down {
	from {
		margin-bottom: 0px;
	}
	to {
		margin-bottom: 20px;
	}
}

@-moz-keyframes page_down {
	from {
		margin-bottom: 0px;
	}
	to {
		margin-bottom: 20px;
	}
}

@-webkit-keyframes page_down {
	from {
		margin-bottom: 0px;
	}
	to {
		margin-bottom: 20px;
	}
}

.music_btn {
	position: fixed;
	width: 30px;
	height: 30px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	top: 15px;
	right: 15px;
}

.music_play {
	background-image: url(../img/music.png);
	animation: music_play 2s 0s linear infinite;
	-ms-animation: music_play 2s 0s linear infinite;
	-moz-animation: music_play 2s 0s linear infinite;
	-webkit-animation: music_play 2s 0s linear infinite;
}

@keyframes music_play {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@-ms-keyframes music_play {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}

@-moz-keyframes music_play {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes music_play {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

.music_pause {
	background-image: url(../img/music_close.png);
}

.page_0 {
	display: block;
	background-color: #330a3b;
}

.preload {
	display: none;
}

.loader_star {
	position: absolute;
	width: 10%;
	height: auto;
	left: 45.2%;
	top: 38%;
	animation: music_play 2s 0s linear infinite;
	-ms-animation: music_play 2s 0s linear infinite;
	-moz-animation: music_play 2s 0s linear infinite;
	-webkit-animation: music_play 2s 0s linear infinite;
}

.loader_shine {
	position: absolute;
	width: 30.3%;
	height: auto;
	left: 35.6%;
	top: 32.8%;
}

.loader_text {
	position: absolute;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	left: 0;
	top: 48%;
	color: #FFC000;
	font-size: 24px;
}

.preload img {
	width: 1px;
	height: 1px;
}

.page_1p {
	background-image: url(../img/bg1.jpg);
	background-size: cover;
	background-position: top center;
}

.p1p_18,
.p1p_18bg {
	position: absolute;
	width: 44%;
	height: auto;
	left: 27%;
	top: 34.4%;
}

.p1p_main {
	position: absolute;
	width: 78%;
	height: auto;
	left: 10.7%;
	top: 48.3%;
}

.p1p_tag {
	position: absolute;
	width: 78%;
	height: auto;
	left: 10.7%;
	top: 56.8%;
	animation: p1p_tag 6s 0s linear infinite;
	-ms-animation: p1p_tag 6s 0s linear infinite;
	-moz-animation: p1p_tag 6s 0s linear infinite;
	-webkit-animation: p1p_tag 6s 0s linear infinite;
}

@keyframes p1p_tag {
	from {
		transform: rotateX(0deg);
	}
	to {
		transform: rotateX(360deg);
	}
}

@-ms-keyframes p1p_tag {
	from {
		-ms-transform: rotateX(0deg);
	}
	to {
		-ms-transform: rotateX(360deg);
	}
}

@-moz-keyframes p1p_tag {
	from {
		-moz-transform: rotateX(0deg);
	}
	to {
		-moz-transform: rotateX(360deg);
	}
}

@-webkit-keyframes p1p_tag {
	from {
		-webkit-transform: rotateX(0deg);
	}
	to {
		-webkit-transform: rotateX(360deg);
	}
}

.page_1 {
	background-color: #330a3b;
}

.p1round_1,
.p1round_2,
.p1round_3 {
	position: absolute;
	width: 66%;
	height: auto;
}

.p1round_1 {
	left: 14%;
	top: -3%;
}

.p1round_2 {
	left: -11%;
	top: 45%;
}

.p1round_3 {
	left: 51.7%;
	top: 48.8%;
}

.p1title {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 28%;
}

.p1_btn_1 {
	position: absolute;
	width: 33%;
	height: auto;
	left: 28%;
	top: 1.7%;
}

.p1_btn_2 {
	position: absolute;
	width: 31.9%;
	height: auto;
	left: 3.3%;
	top: 50.7%;
}

.p1_btn_3 {
	position: absolute;
	width: 49.4%;
	height: auto;
	left: 58.1%;
	top: 46.4%;
}

.p1_btn_shadow,
.p1_btn {
	position: absolute;
	width: 66%;
	height: auto;
	left: 17%;
	bottom: 3.3%;
}

.shine {
	animation: shine 1s 0s ease infinite alternate;
	-ms-animation: shine 1s 0s ease infinite alternate;
	-moz-animation: shine 1s 0s ease infinite alternate;
	-webkit-animation: shine 1s 0s ease infinite alternate;
}

.p1popup {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
}

.p1poptop {
	position: absolute;
	width: 100%;
	height: 82%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center;
}

.p1popup:nth-child(1) .p1poptop {
	background-image: url(../img/p1_ex1.jpg);
}

.p1popup:nth-child(2) .p1poptop {
	background-image: url(../img/p1_ex2.jpg);
}

.p1popup:nth-child(3) .p1poptop {
	background-image: url(../img/p1_ex3.jpg);
}

.p1popbottom {
	position: absolute;
	width: 100%;
	height: 18%;
	left: 0;
	top: 82%;
	background-color: white;
}

.p1popbottom img {
	position: absolute;
	width: 87.1%;
	height: auto;
	left: 6.5%;
	top: 23%;
}

.p1popup_close {
	position: absolute;
	width: 10%;
	height: auto;
	left: 10px;
	top: 10px;
}

.page_2_1,
.page_2_2,
.page_2_3 {
	background-color: #330A3B;
}

.tab_content {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 5%;
}

.tab_content_img {
	display: block;
	width: 100%;
	height: auto;
}

.tab_ar {
	position: absolute;
	width: 82.9%;
	height: auto;
	left: 9.7%;
	bottom: 24.3%;
}

.tab_btn_1 {
	position: absolute;
	width: 33.3%;
	height: auto;
	left: 3.3%;
	bottom: 2.1%;
}

.tab_btn_2 {
	position: absolute;
	width: 33.3%;
	height: auto;
	left: 35.2%;
	bottom: 2.1%;
}

.tab_btn_3 {
	position: absolute;
	width: 30%;
	height: auto;
	left: 66.7%;
	bottom: 2.1%;
}

.p2_1input {
	position: absolute;
	width: 39%;
	height: 9%;
	left: 9.3%;
	text-align: center;
	border: none;
	padding: 0px;
	color: white;
	font-size: 16px;
	font-family: "微软雅黑";
	font-weight: bold;
	background-color: transparent;
	outline: none;
	z-index: 3;
}

.p2_1input_1 {
	top: 36%;
	transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
}

.p2_1input_2 {
	top: 55.5%;
	transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-webkit-text-fill-color: #957aa0;
}

.p2_1text {
	position: absolute;
	width: 69%;
	height: 13%;
	left: 6%;
	top: 79%;
	text-align: left;
	border: none;
	padding: 0px;
	color: white;
	font-size: 18px;
	font-family: "微软雅黑";
	background-color: transparent;
	outline: none;
	z-index: 3;
	font-weight: bold;
	color: #78008f;
}

.go_next {
	position: absolute;
	width: 25.3%;
	height: auto;
	left: 39.1%;
	top: 56%;
	z-index: 100;
	animation: go_next 1s 0s ease infinite alternate;
	-ms-animation: go_next 1s 0s ease infinite alternate;
	-moz-animation: go_next 1s 0s ease infinite alternate;
	-webkit-animation: go_next 1s 0s ease infinite alternate;
}

@keyframes go_next {
	from {
		transform: scale(0.8);
	}
	to {
		transform: scale(1.2);
	}
}

@-ms-keyframes go_next {
	from {
		-ms-transform: scale(0.8);
	}
	to {
		-ms-transform: scale(1.2);
	}
}

@-moz-keyframes go_next {
	from {
		-moz-transform: scale(0.8);
	}
	to {
		-moz-transform: scale(1.2);
	}
}

@-webkit-keyframes go_next {
	from {
		-webkit-transform: scale(0.8);
	}
	to {
		-webkit-transform: scale(1.2);
	}
}

.witch_box {
	position: absolute;
	width: 42.9%;
	height: 29.6%;
	left: 51.7%;
	top: 8.7%;
	z-index: 2;
	background-image: url(../img/witch.png);
	background-size: 100% 100%;
}

.witch_box .witch_star {
	position: absolute;
	width: 12.27%;
	height: auto;
	left: 0;
	top: 57%;
}

.witch_shine_star {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
}

.p2_2input_1 {
	width: 23%;
	top: 31%;
	transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-webkit-transform: rotate(7deg);
}

.p2_2input_2 {
	top: 50%;
	width: 30%;
	transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-webkit-transform: rotate(7deg);
}

.tab2star {
	position: absolute;
	width: 61%;
	height: auto;
	left: 12.7%;
	top: 59.5%;
}

.tab3star {
	position: absolute;
	width: 76.8%;
	height: auto;
	left: 7.7%;
	top: 28.5%;
}

.tab3jump {
	position: absolute;
	width: 32.4%;
	height: auto;
	left: 28.4%;
	top: 37.8%;
}

.tab3realjump {
	position: absolute;
	width: 48.4%;
	height: 56.3%;
	left: 17.4%;
	top: 26.3%;
	z-index: 4;
}

.tab3realjump_hand {
	position: absolute;
	width: 8.4%;
	height: 11.3%;
	left: 55.4%;
	top: 67.8%;
	z-index: 4;
	animation: tab3realjump_hand 1s 0s linear infinite alternate;
	-ms-animation: tab3realjump_hand 1s 0s linear infinite alternate;
	-moz-animation: tab3realjump_hand 1s 0s linear infinite alternate;
	-webkit-animation: tab3realjump_hand 1s 0s linear infinite alternate;
}

@keyframes tab3realjump_hand {
	from {
		transform: scale(0.5);
	}
	to {
		transform: scale(1);
	}
}

@-ms-keyframes tab3realjump_hand {
	from {
		-ms-transform: scale(0.5);
	}
	to {
		-ms-transform: scale(1);
	}
}

@-moz-keyframes tab3realjump_hand {
	from {
		-moz-transform: scale(0.5);
	}
	to {
		-moz-transform: scale(1);
	}
}

@-webkit-keyframes tab3realjump_hand {
	from {
		-webkit-transform: scale(0.5);
	}
	to {
		-webkit-transform: scale(1);
	}
}

.page_3_1,
.page_3_2,
.page_3_3,
.page_3_4,
.page_3_5,
.page_3_6 {
	background-color: #330A3B;
}

.book_light {
	position: absolute;
	width: 93%;
	height: auto;
	left: 3.5%;
	top: 24.7%;
	opacity: 0;
	animation: fadeIn 0.5s 1s cubic-bezier(1, 1, 0.5, -1) forwards;
	-ms-animation: fadeIn 0.5s 1s cubic-bezier(1, 1, 0.5, -1) forwards;
	-moz-animation: fadeIn 0.5s 1s cubic-bezier(1, 1, 0.5, -1) forwards;
	-webkit-animation: fadeIn 0.5s 1s cubic-bezier(1, 1, 0.5, -1) forwards;
}

.magic_stick {
	position: absolute;
	width: 22.9%;
	height: auto;
	left: 7.3%;
	top: 7%;
}

.magic_stick_star {
	position: absolute;
	width: 75.6%;
	height: auto;
	left: 12.9%;
	top: 6.4%;
}

.book_box {
	position: absolute;
	width: 79.4%;
	height: 22.2%;
	left: 10%;
	top: 59%;
	background-image: url(../img/book_01.png);
	background-size: 100% 100%;
	animation: book_box 1s 0s step-end forwards;
	-ms-animation: book_box 1s 0s step-end forwards;
	-moz-animation: book_box 1s 0s step-end forwards;
	-webkit-animation: book_box 1s 0s step-end forwards;
}

@keyframes book_box {
	0% {
		background-image: url(../img/book_01.png);
	}
	20% {
		background-image: url(../img/book_02.png);
	}
	40% {
		background-image: url(../img/book_03.png);
	}
	60% {
		background-image: url(../img/book_04.png);
	}
	80% {
		background-image: url(../img/book_05.png);
	}
	100% {
		background-image: url(../img/book_06.png);
	}
}

@-ms-keyframes book_box {
	0% {
		background-image: url(../img/book_01.png);
	}
	20% {
		background-image: url(../img/book_02.png);
	}
	40% {
		background-image: url(../img/book_03.png);
	}
	60% {
		background-image: url(../img/book_04.png);
	}
	80% {
		background-image: url(../img/book_05.png);
	}
	100% {
		background-image: url(../img/book_06.png);
	}
}

@-moz-keyframes book_box {
	0% {
		background-image: url(../img/book_01.png);
	}
	20% {
		background-image: url(../img/book_02.png);
	}
	40% {
		background-image: url(../img/book_03.png);
	}
	60% {
		background-image: url(../img/book_04.png);
	}
	80% {
		background-image: url(../img/book_05.png);
	}
	100% {
		background-image: url(../img/book_06.png);
	}
}

@-webkit-keyframes book_box {
	0% {
		background-image: url(../img/book_01.png);
	}
	20% {
		background-image: url(../img/book_02.png);
	}
	40% {
		background-image: url(../img/book_03.png);
	}
	60% {
		background-image: url(../img/book_04.png);
	}
	80% {
		background-image: url(../img/book_05.png);
	}
	100% {
		background-image: url(../img/book_06.png);
	}
}

.book_star {
	position: absolute;
	width: 24.0%;
	height: auto;
	left: 69.1%;
	top: 44.5%;
}

.book_btn {
	bottom: 2%;
}

.book_pop {
	position: absolute;
	width: 76%;
	height: auto;
	left: 12%;
	top: 22.5%;
	opacity: 0;
	transform: scale(0.3) translateY(200px);
	-ms-transform: scale(0.3) translateY(200px);
	-moz-transform: scale(0.3) translateY(200px);
	-webkit-transform: scale(0.3) translateY(200px);
	animation: book_pop 1s 1.2s ease forwards;
	-ms-animation: book_pop 1s 1.2s ease forwards;
	-moz-animation: book_pop 1s 1.2s ease forwards;
	-webkit-animation: book_pop 1s 1.2s ease forwards;
}

.book_pop_img {
	display: block;
	width: 100%;
	height: auto;
}

.book_pop_shine {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
}

.book_pop_bbname {
	font-family: "微软雅黑";
	margin-left: -20px;
	color: #0fdda0;
	margin-right: 16px;
}

@keyframes book_pop {
	from {
		opacity: 0;
		transform: scale(0.3) translateY(200px);
	}
	to {
		opacity: 1;
		transform: scale(1) translateY(0px);
	}
}

@-ms-keyframes book_pop {
	from {
		opacity: 0;
		-ms-transform: scale(0.3) translateY(200px);
	}
	to {
		opacity: 1;
		-ms-transform: scale(1) translateY(0px);
	}
}

@-moz-keyframes book_pop {
	from {
		opacity: 0;
		-moz-transform: scale(0.3) translateY(200px);
	}
	to {
		opacity: 1;
		-moz-transform: scale(1) translateY(0px);
	}
}

@-webkit-keyframes book_pop {
	from {
		opacity: 0;
		-webkit-transform: scale(0.3) translateY(200px);
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0px);
	}
}

.first_book_pop {
	position: absolute;
	width: 571px;
	height: 366px;
	left: 12.7%;
	top: 21.4%;
	opacity: 0;
	transform-origin: left top;
	-ms-transform-origin: left top;
	-moz-transform-origin: left top;
	-webkit-transform-origin: left top;
	animation: fadeIn 0.5s 1s ease forwards;
	-ms-animation: fadeIn 0.5s 1s ease forwards;
	-moz-animation: fadeIn 0.5s 1s ease forwards;
	-webkit-animation: fadeIn 0.5s 1s ease forwards;
}

.first_book_pop_text {
	position: absolute;
	width: 100%;
	height: 100%;
	color: #ffc000;
	letter-spacing: 2px;
	font-size: 48px;
	font-weight: bold;
	line-height: 70px;
	/*white-space: nowrap;*/
	text-align: center;
	left: 0;
	top: 25px;
}

.final_book_pop {
	color: white;
	font-size: 32px;
	font-weight: bold;
	line-height: 48px;
	text-align: center;
	position: absolute;
	width: 600px;
	height: 393px;
	left: 10%;
	top: 21.4%;
	opacity: 0;
	transform-origin: left top;
	-ms-transform-origin: left top;
	-moz-transform-origin: left top;
	-webkit-transform-origin: left top;
	animation: fadeIn 0.5s 1s ease forwards;
	-ms-animation: fadeIn 0.5s 1s ease forwards;
	-moz-animation: fadeIn 0.5s 1s ease forwards;
	-webkit-animation: fadeIn 0.5s 1s ease forwards;
}

.final_book_pop_text {
	position: absolute;
	width: 100%;
	height: 100%;
	letter-spacing: 2px;
	color: white;
	font-size: 38px;
	font-weight: bold;
	line-height: 58px;
	/*white-space: nowrap;*/
	text-align: center;
	left: 0;
	top: 0px;
}

.final_pop_img {
	width: 100%;
	height: 100%;
	display: block;
	padding-top: 56px;
}


/*.final_y1 {
	position: absolute;
	left: 342px;
	top: 97px;
	width: 190px;
	height: 36px;
	line-height: 36px;
	font-size: 34px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}*/

.final_y1 label,
.final_y2 label,
.final_y3 label,
.final_y4 label {
	font-size: 38px;
	vertical-align: middle;
    margin-top: 0px;
    margin-right: 6px;
	display: inline-block;
}
.final_y3 label{
	font-family: "微软雅黑";
	font-weight: bold;
	margin-right: 16px;
}


/*.final_y2 {
	position: absolute;
	left: 336px;
	top: 216px;
	width: 156px;
	height: 36px;
	line-height: 36px;
	font-size: 34px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}

.final_y3 {
	position: absolute;
	left: 34px;
	top: 263px;
	width: 110px;
	height: 36px;
	line-height: 36px;
	font-size: 34px;
	font-weight: bold;
	text-align: center;
	color: white;
	white-space: nowrap;
}

.final_y4 {
	position: absolute;
	left: 380px;
	top: 263px;
	width: 190px;
	height: 36px;
	line-height: 36px;
	font-size: 34px;
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
}*/

.holder {
	height: 20px;
}

.final_book_pop .yellowcolor {
	color: #ffc000;
}

.final_small {
	color: #FFC000;
	font-size: 15px;
	font-weight: bold;
}

.final_btn {
	width: 93%;
	left: 3.5%;
	bottom: 0%;
}

.hide {
	display: none;
}

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

.wrong_pop img {
	position: absolute;
	display: block;
	width: 60.5%;
	height: auto;
	left: 29.5%;
	top: 28.7%;
}

.wrong_money img {
	position: absolute;
	display: block;
	width: 78.7%;
	height: auto;
	left: 5.2%;
	top: 24.9%;
}

.page_4 {
	background-image: url(../img/bg4.jpg);
	background-size: cover;
	background-position: center;
}

.door_text_a {
	position: absolute;
	width: 29.2%;
	height: auto;
	left: 36.4%;
	top: 47.8%;
	z-index: 100;
}

.door_text {
	display: block;
	width: 100%;
	height: auto;
}

.door_hand {
	position: absolute;
	width: 26%;
	height: auto;
	left: 37%;
	top: 50%;
	animation: go_next 1s 0s ease infinite alternate;
	-ms-animation: go_next 1s 0s ease infinite alternate;
	-moz-animation: go_next 1s 0s ease infinite alternate;
	-webkit-animation: go_next 1s 0s ease infinite alternate;
}

@keyframes rotate_font {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@-ms-keyframes rotate_font {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}

@-moz-keyframes rotate_font {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes rotate_font {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes rotate_back {
	from {
		transform: rotate(360deg);
	}
	to {
		transform: rotate(0deg);
	}
}

@-ms-keyframes rotate_back {
	from {
		-ms-transform: rotate(360deg);
	}
	to {
		-ms-transform: rotate(0deg);
	}
}

@-moz-keyframes rotate_back {
	from {
		-moz-transform: rotate(360deg);
	}
	to {
		-moz-transform: rotate(0deg);
	}
}

@-webkit-keyframes rotate_back {
	from {
		-webkit-transform: rotate(360deg);
	}
	to {
		-webkit-transform: rotate(0deg);
	}
}

.door_bubble {
	position: absolute;
	width: 83.9%;
	height: auto;
	left: 6.3%;
	top: 27%;
	transform-origin: 55.4% 51.8%;
	-ms-transform-origin: 55.4% 51.8%;
	-moz-transform-origin: 55.4% 51.8%;
	-webkit-transform-origin: 55.4% 51.8%;
	animation: rotate_font 6s 0s linear infinite;
	-ms-animation: rotate_font 6s 0s linear infinite;
	-moz-animation: rotate_font 6s 0s linear infinite;
	-webkit-animation: rotate_font 6s 0s linear infinite;
}

.door_ashe {
	position: absolute;
	width: 67.1%;
	height: auto;
	left: 18.1%;
	top: 41.5%;
	transform-origin: 50.4% 47.9%;
	-ms-transform-origin: 50.4% 47.9%;
	-moz-transform-origin: 50.4% 47.9%;
	-webkit-transform-origin: 50.4% 47.9%;
	animation: rotate_back 6s 0s linear infinite;
	-ms-animation: rotate_back 6s 0s linear infinite;
	-moz-animation: rotate_back 6s 0s linear infinite;
	-webkit-animation: rotate_back 6s 0s linear infinite;
}

.door_btn_shine,
.door_btn {
	position: absolute;
	width: 60%;
	height: auto;
	left: 20%;
	bottom: 3%;
}

.share_pop {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(51, 10, 59, 0.8);
	z-index: 1000;
	display: none;
}

.share_arrow {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
}

.share_star {
	position: absolute;
	width: 54.1%;
	height: auto;
	top: 1.2%;
	left: 42.3%;
}

.share_stick {
	position: absolute;
	width: 18.8%;
	height: auto;
	top: 46.4%;
	left: 44.9%;
}

.tip_pop {
	position: absolute;
	width: 600px;
	height: auto;
	left: 10%;
	top: 5%;
	opacity: 0;
	transform-origin: left top;
	-ms-transform-origin: left top;
	-moz-transform-origin: left top;
	-webkit-transform-origin: left top;
	animation: fadeIn 0.5s 1s ease forwards;
	-ms-animation: fadeIn 0.5s 1s ease forwards;
	-moz-animation: fadeIn 0.5s 1s ease forwards;
	-webkit-animation: fadeIn 0.5s 1s ease forwards;
}
.tip_text h3{
    color: #ffc000;
    font-size: 40px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
}
.tip_text p{
    color: white;
    font-size: 28px;
    line-height: 42px;
    text-align: left;
}