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

.page {
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	overflow: hidden;
	background-size: cover;
	background-position: center;
}

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

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

.loader_train {
	position: absolute;
	width: 100%;
	height: auto;
	left: 100%;
	bottom: 53.3%;
	animation: loader_train 6s 0s linear infinite;
	-ms-animation: loader_train 6s 0s linear infinite;
	-moz-animation: loader_train 6s 0s linear infinite;
	-webkit-animation: loader_train 6s 0s linear infinite;
}

@keyframes loader_train {
	0%,
	100% {
		transform: translateX(0%) rotateY(0deg);
	}
	50% {
		transform: translateX(-200%) rotateY(0deg);
	}
	51% {
		transform: translateX(-200%) rotateY(180deg);
	}
	99% {
		transform: translateX(0%) rotateY(180deg);
	}
}

@-ms-keyframes loader_train {
	0%,
	100% {
		-ms-transform: translateX(0%) rotateY(0deg);
	}
	50% {
		-ms-transform: translateX(-200%) rotateY(0deg);
	}
	51% {
		-ms-transform: translateX(-200%) rotateY(180deg);
	}
	99% {
		-ms-transform: translateX(0%) rotateY(180deg);
	}
}

@-moz-keyframes loader_train {
	0%,
	100% {
		-moz-transform: translateX(0%) rotateY(0deg);
	}
	50% {
		-moz-transform: translateX(-200%) rotateY(0deg);
	}
	51% {
		-moz-transform: translateX(-200%) rotateY(180deg);
	}
	99% {
		-moz-transform: translateX(0%) rotateY(180deg);
	}
}

@-webkit-keyframes loader_train {
	0%,
	100% {
		-webkit-transform: translateX(0%) rotateY(0deg);
	}
	50% {
		-webkit-transform: translateX(-200%) rotateY(0deg);
	}
	51% {
		-webkit-transform: translateX(-200%) rotateY(180deg);
	}
	99% {
		-webkit-transform: translateX(0%) rotateY(180deg);
	}
}

.loader_sign {
	position: absolute;
	width: 5.2%;
	height: auto;
	left: 4.4%;
	top: 42.3%;
}

.preload {
	display: none;
	position: absolute;
	width: 1px;
	height: 1px;
}

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

.page_outer,
.page_inner {
	position: absolute;
}

.music_btn {
	position: fixed;
	width: 30px;
	height: 30px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	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_1 {
	background-image: url(../img/bg1.jpg);
}

.p1_logo {
	position: absolute;
	width: 21.5%;
	height: auto;
	right: 3.2%;
	top: 2.3%;
}

.p1_title {
	position: absolute;
	width: 108.9%;
	height: auto;
	left: 2.1%;
	top: 15.6%;
}

.p1_title_sec {
	position: absolute;
	width: 71.2%;
	height: auto;
	left: 10.8%;
	top: 38.5%;
}

.p1_cloud_1 {
	position: absolute;
	width: 30.5%;
	height: auto;
	left: -50%;
	top: 44.1%;
	animation: p1_cloud 3s 0s linear infinite alternate;
	-ms-animation: p1_cloud 3s 0s linear infinite alternate;
	-moz-animation: p1_cloud 3s 0s linear infinite alternate;
	-webkit-animation: p1_cloud 3s 0s linear infinite alternate;
}

.p1_cloud_2 {
	position: absolute;
	width: 40.1%;
	height: auto;
	left: 110%;
	top: 24.7%;
	animation: p1_cloud 3s 2s linear infinite alternate;
	-ms-animation: p1_cloud 3s 2s linear infinite alternate;
	-moz-animation: p1_cloud 3s 2s linear infinite alternate;
	-webkit-animation: p1_cloud 3s 2s linear infinite alternate;
}

@keyframes p1_cloud {
	from {
		left: -50%;
	}
	to {
		left: 110%;
	}
}

@-ms-keyframes p1_cloud {
	from {
		left: -50%;
	}
	to {
		left: 110%;
	}
}

@-moz-keyframes p1_cloud {
	from {
		left: -50%;
	}
	to {
		left: 110%;
	}
}

@-webkit-keyframes p1_cloud {
	from {
		left: -50%;
	}
	to {
		left: 110%;
	}
}

.arrow_next_page {
	position: absolute;
	width: 40px;
	height: 74px;
	right: 3%;
	top: 50%;
	margin-top: -37px;
	animation: arrow_next_page 1s 0s ease infinite alternate;
	-ms-animation: arrow_next_page 1s 0s ease infinite alternate;
	-moz-animation: arrow_next_page 1s 0s ease infinite alternate;
	-webkit-animation: arrow_next_page 1s 0s ease infinite alternate;
}

@keyframes arrow_next_page {
	from {
		transform: translateX(0px);
	}
	to {
		transform: translateX(-20px);
	}
}

@-ms-keyframes arrow_next_page {
	from {
		-ms-transform: translateX(0px);
	}
	to {
		-ms-transform: translateX(-20px);
	}
}

@-moz-keyframes arrow_next_page {
	from {
		-moz-transform: translateX(0px);
	}
	to {
		-moz-transform: translateX(-20px);
	}
}

@-webkit-keyframes arrow_next_page {
	from {
		-webkit-transform: translateX(0px);
	}
	to {
		-webkit-transform: translateX(-20px);
	}
}

.p1_train {
	position: absolute;
	width: 147.6%;
	height: auto;
	left: 100%;
	bottom: 18.3%;
	animation: p1_train 10s 0s linear forwards;
	-ms-animation: p1_train 10s 0s linear forwards;
	-moz-animation: p1_train 10s 0s linear forwards;
	-webkit-animation: p1_train 10s 0s linear forwards;
}

@keyframes p1_train {
	from {
		transform: translateX(0px);
	}
	to {
		transform: translateX(-2000px);
	}
}

@-ms-keyframes p1_train {
	from {
		-ms-transform: translateX(0px);
	}
	to {
		-ms-transform: translateX(-2000px);
	}
}

@-moz-keyframes p1_train {
	from {
		-moz-transform: translateX(0px);
	}
	to {
		-moz-transform: translateX(-2000px);
	}
}

@-webkit-keyframes p1_train {
	from {
		-webkit-transform: translateX(0px);
	}
	to {
		-webkit-transform: translateX(-2000px);
	}
}

.p1_smoke {
	position: absolute;
	width: 29.5%;
	height: 7.3%;
	left: 103%;
	bottom: 23.9%;
	background-image: url(../img/p1_smoke_1.png);
	background-size: 100% 100%;
	animation: p1_smoke 2s 0s step-end infinite, p1_train 10s 0s linear forwards;
	-ms-animation: p1_smoke 2s 0s step-end infinite, p1_train 10s 0s linear forwards;
	-moz-animation: p1_smoke 2s 0s step-end infinite, p1_train 10s 0s linear forwards;
	-webkit-animation: p1_smoke 2s 0s step-end infinite, p1_train 10s 0s linear forwards;
}

@keyframes p1_smoke {
	0%,
	100% {
		background-image: url(../img/p1_smoke_1.png);
	}
	33% {
		background-image: url(../img/p1_smoke_2.png);
	}
	66% {
		background-image: url(../img/p1_smoke_3.png);
	}
}

@-ms-keyframes p1_smoke {
	0%,
	100% {
		background-image: url(../img/p1_smoke_1.png);
	}
	33% {
		background-image: url(../img/p1_smoke_2.png);
	}
	66% {
		background-image: url(../img/p1_smoke_3.png);
	}
}

@-moz-keyframes p1_smoke {
	0%,
	100% {
		background-image: url(../img/p1_smoke_1.png);
	}
	33% {
		background-image: url(../img/p1_smoke_2.png);
	}
	66% {
		background-image: url(../img/p1_smoke_3.png);
	}
}

@-webkit-keyframes p1_smoke {
	0%,
	100% {
		background-image: url(../img/p1_smoke_1.png);
	}
	33% {
		background-image: url(../img/p1_smoke_2.png);
	}
	66% {
		background-image: url(../img/p1_smoke_3.png);
	}
}

.page_2 {
	background-color: #ffd0ab;
}

.p2_main {
	position: absolute;
	width: 100%;
	height: 79.7%;
	left: 0;
	top: 5.5%;
	overflow: hidden;
	background-color: #fef2e0;
}

.p2_title {
	position: absolute;
	width: 75.1%;
	height: auto;
	left: 15.6%;
	top: 0%;
	transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	animation: p2_title 1s 0.5s ease forwards;
	-ms-animation: p2_title 1s 0.5s ease forwards;
	-moz-animation: p2_title 1s 0.5s ease forwards;
	-webkit-animation: p2_title 1s 0.5s ease forwards;
}

@keyframes p2_title {
	from {
		transform: translateY(-100%);
	}
	to {
		transform: translateY(0%);
	}
}

@-ms-keyframes p2_title {
	from {
		-ms-transform: translateY(-100%);
	}
	to {
		-ms-transform: translateY(0%);
	}
}

@-moz-keyframes p2_title {
	from {
		-moz-transform: translateY(-100%);
	}
	to {
		-moz-transform: translateY(0%);
	}
}

@-webkit-keyframes p2_title {
	from {
		-webkit-transform: translateY(-100%);
	}
	to {
		-webkit-transform: translateY(0%);
	}
}

.p2_text {
	position: absolute;
	width: 66.8%;
	height: auto;
	left: 16.5%;
	top: 41.0%;
}

.p2_text img {
	display: block;
	width: 100%;
	height: auto;
	opacity: 0;
}

.p2_text img:nth-child(1) {
	animation: p2_text 1s 1s ease forwards;
	-ms-animation: p2_text 1s 1s ease forwards;
	-moz-animation: p2_text 1s 1s ease forwards;
	-webkit-animation: p2_text 1s 1s ease forwards;
}

.p2_text img:nth-child(2) {
	animation: p2_text 1s 1.5s ease forwards;
	-ms-animation: p2_text 1s 1.5s ease forwards;
	-moz-animation: p2_text 1s 1.5s ease forwards;
	-webkit-animation: p2_text 1s 1.5s ease forwards;
}

.p2_text img:nth-child(3) {
	animation: p2_text 1s 2s ease forwards;
	-ms-animation: p2_text 1s 2s ease forwards;
	-moz-animation: p2_text 1s 2s ease forwards;
	-webkit-animation: p2_text 1s 2s ease forwards;
}

@keyframes p2_text {
	from {
		opacity: 0;
		transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0px);
	}
}

@-ms-keyframes p2_text {
	from {
		opacity: 0;
		-ms-transform: translateY(100px);
	}
	to {
		opacity: 1;
		-ms-transform: translateY(0px);
	}
}

@-moz-keyframes p2_text {
	from {
		opacity: 0;
		-moz-transform: translateY(100px);
	}
	to {
		opacity: 1;
		-moz-transform: translateY(0px);
	}
}

@-webkit-keyframes p2_text {
	from {
		opacity: 0;
		-webkit-transform: translateY(100px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
}

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

.p2_train {
	position: absolute;
	width: 187.6%;
	height: auto;
	left: 100%;
	bottom: 18.4%;
	animation: p2_train 2s 2.5s ease forwards;
	-ms-animation: p2_train 2s 2.5s ease forwards;
	-moz-animation: p2_train 2s 2.5s ease forwards;
	-webkit-animation: p2_train 2s 2.5s ease forwards;
}

@keyframes p2_train {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-35%);
	}
}

@-ms-keyframes p2_train {
	from {
		-ms-transform: translateX(0);
	}
	to {
		-ms-transform: translateX(-35%);
	}
}

@-moz-keyframes p2_train {
	from {
		-moz-transform: translateX(0);
	}
	to {
		-moz-transform: translateX(-35%);
	}
}

@-webkit-keyframes p2_train {
	from {
		-webkit-transform: translateX(0);
	}
	to {
		-webkit-transform: translateX(-35%);
	}
}

.page_3 {
	background-color: #bb3426;
}

.p3_ticket_1 {
	position: absolute;
	width: 103.9%;
	height: auto;
	left: 17.7%;
	top: -2.7%;
	transform: translate(100%, -30%);
	-ms-transform: translate(100%, -30%);
	-moz-transform: translate(100%, -30%);
	-webkit-transform: translate(100%, -30%);
	animation: p3_ticket_1 1s 1.5s ease forwards;
	-ms-animation: p3_ticket_1 1s 1.5s ease forwards;
	-moz-animation: p3_ticket_1 1s 1.5s ease forwards;
	-webkit-animation: p3_ticket_1 1s 1.5s ease forwards;
}

@keyframes p3_ticket_1 {
	from {
		transform: translate(100%, -30%);
	}
	to {
		transform: translate(0%, 0%);
	}
}

@-ms-keyframes p3_ticket_1 {
	from {
		-ms-transform: translate(100%, -30%);
	}
	to {
		-ms-transform: translate(0%, 0%);
	}
}

@-moz-keyframes p3_ticket_1 {
	from {
		-moz-transform: translate(100%, -30%);
	}
	to {
		-moz-transform: translate(0%, 0%);
	}
}

@-webkit-keyframes p3_ticket_1 {
	from {
		-webkit-transform: translate(100%, -30%);
	}
	to {
		-webkit-transform: translate(0%, 0%);
	}
}

.p3_ticket_2 {
	position: absolute;
	width: 103.9%;
	height: auto;
	left: -12.4%;
	top: 21.3%;
	transform: translate(100%, -30%);
	-ms-transform: translate(100%, -30%);
	-moz-transform: translate(100%, -30%);
	-webkit-transform: translate(100%, -30%);
	animation: p3_ticket_2 1s 1s ease forwards;
	-ms-animation: p3_ticket_2 1s 1s ease forwards;
	-moz-animation: p3_ticket_2 1s 1s ease forwards;
	-webkit-animation: p3_ticket_2 1s 1s ease forwards;
}

@keyframes p3_ticket_2 {
	from {
		transform: translate(-100%, -30%);
	}
	to {
		transform: translate(0%, 0%);
	}
}

@-ms-keyframes p3_ticket_2 {
	from {
		-ms-transform: translate(-100%, -30%);
	}
	to {
		-ms-transform: translate(0%, 0%);
	}
}

@-moz-keyframes p3_ticket_2 {
	from {
		-moz-transform: translate(-100%, -30%);
	}
	to {
		-moz-transform: translate(0%, 0%);
	}
}

@-webkit-keyframes p3_ticket_2 {
	from {
		-webkit-transform: translate(-100%, -30%);
	}
	to {
		-webkit-transform: translate(0%, 0%);
	}
}

.p3_ticket_3 {
	position: absolute;
	width: 97.6%;
	height: auto;
	left: 0.9%;
	top: 50.7%;
	transform: translate(100%, -10%);
	-ms-transform: translate(100%, -10%);
	-moz-transform: translate(100%, -10%);
	-webkit-transform: translate(100%, -10%);
	animation: p3_ticket_3 1s 0.5s ease forwards;
	-ms-animation: p3_ticket_3 1s 0.5s ease forwards;
	-moz-animation: p3_ticket_3 1s 0.5s ease forwards;
	-webkit-animation: p3_ticket_3 1s 0.5s ease forwards;
}

@keyframes p3_ticket_3 {
	from {
		transform: translate(100%, -30%);
	}
	to {
		transform: translate(0%, 0%);
	}
}

@-ms-keyframes p3_ticket_3 {
	from {
		-ms-transform: translate(100%, -30%);
	}
	to {
		-ms-transform: translate(0%, 0%);
	}
}

@-moz-keyframes p3_ticket_3 {
	from {
		-moz-transform: translate(100%, -30%);
	}
	to {
		-moz-transform: translate(0%, 0%);
	}
}

@-webkit-keyframes p3_ticket_3 {
	from {
		-webkit-transform: translate(100%, -30%);
	}
	to {
		-webkit-transform: translate(0%, 0%);
	}
}

.p3_btn {
	position: absolute;
	width: 53.3%;
	height: auto;
	left: 23.3%;
	bottom: 5.6%;
	opacity: 0;
	animation: fadeIn 1s 2.5s ease forwards;
	-ms-animation: fadeIn 1s 2.5s ease forwards;
	-moz-animation: fadeIn 1s 2.5s ease forwards;
	-webkit-animation: fadeIn 1s 2.5s ease forwards;
}

@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;
	}
}

.p3_btn_pointer {
    position: absolute;
    width: 15.6%;
    height: auto;
    left: 47.1%;
    top: 86%;
    opacity: 0;
	animation: tip_pointer 1s 0s ease infinite alternate,fadeIn 1s 2.5s ease forwards;
	-ms-animation: tip_pointer 1s 0s ease infinite alternate,fadeIn 1s 2.5s ease forwards;
	-moz-animation: tip_pointer 1s 0s ease infinite alternate,fadeIn 1s 2.5s ease forwards;
	-webkit-animation: tip_pointer 1s 0s ease infinite alternate,fadeIn 1s 2.5s ease forwards;
}

* {
	-webkit-tap-highlight-color: transparent;
}

.page_4_1 {
	background-image: url(../img/bg4_1.jpg);
}

.page_4_fill_box {
	position: absolute;
	width: 92%;
	height: 53.7%;
	left: 4%;
	top: 14.3%;
}

.page_4_1_fill_box {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	overflow: hidden;
}

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

.page_4_1_fill:nth-child(1) {
	top: 0;
}

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

.p4_1_down {
	position: absolute;
	width: 54px;
	height: 25px;
	left: 50%;
	margin-left: -27px;
	bottom: 12%;
	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;
	}
}

.p4_title {
	position: absolute;
	width: 60.8%;
	height: auto;
	left: 19.2%;
	top: 2.7%;
}

.btn_go {
	position: absolute;
	width: 21.6%;
	height: auto;
	left: 39.2%;
	top: 64.8%;
	animation: btn_go 1.5s 0s ease infinite alternate;
	-ms-animation: btn_go 1.5s 0s ease infinite alternate;
	-moz-animation: btn_go 1.5s 0s ease infinite alternate;
	-webkit-animation: btn_go 1.5s 0s ease infinite alternate;
}
.page_4_1 .btn_go{
	display: none;
}
@keyframes btn_go {
	from {
		transform: scale(0.8);
	}
	to {
		transform: scale(1.2);
	}
}

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

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

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

.current_age,
.die_age,
.money_income,
.money_retire,
.money_other {
	position: absolute;
	width: 150px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	color: #333333;
	font-size: 40px;
	background-color: transparent;
	border: none;
	padding: 0px;
	outline: none;
	transform-origin: left top;
	-ms-transform-origin: left top;
	-moz-transform-origin: left top;
	-webkit-transform-origin: left top;
}

.current_age {
	left: 58%;
	top: 14%;
}

.die_age {
	left: 58%;
	top: 56%;
}

.money_income {
	left: 11%;
	top: 22.4%;
}

.money_retire {
    left: 56.9%;
    top: 44%;
}

.money_other {
	left: 42.9%;
	top: 74.8%;
}

.retire_age {
	position: absolute;
	width: 88%;
	height: 10%;
	left: 10%;
	top: 39%;
}

.retire_age span {
	width: 33%;
	height: 100%;
	display: inline-block;
	float: left;
	background-repeat: no-repeat;
	background-position: 5% 62%;
	background-size: 14% auto;
}

.retire_age span.act {
	background-image: url(../img/p4_1_fill_radio.png);
}

.life_level {
	position: absolute;
	width: 18%;
	height: 44%;
	left: 15.8%;
	top: 35.6%;
}

.life_level span {
	width: 100%;
	height: 20%;
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: 20% auto;
}

.life_level span:nth-child(1) {
	margin-bottom: 45.9%;
}

.life_level span:nth-child(2) {
	margin-bottom: 39%;
}

.life_level span.act {
	background-image: url(../img/p4_1_fill_radio.png);
}

.hide {
	display: none;
}

.page_4_2 {
	background-image: url(../img/bg4_2.jpg);
}

.page_4_3 {
	background-image: url(../img/bg4_3.jpg);
}

.btn_4_3 {
	position: absolute;
	width: 16.5%;
	height: 10%;
	left: 44.9%;
	top: 45.8%;
}

.p4_3_pointer {
	position: absolute;
	width: 15.6%;
	height: auto;
	left: 54.1%;
	top: 51%;
	animation: tip_pointer 1s 0s ease infinite alternate;
	-ms-animation: tip_pointer 1s 0s ease infinite alternate;
	-moz-animation: tip_pointer 1s 0s ease infinite alternate;
	-webkit-animation: tip_pointer 1s 0s ease infinite alternate;
}

@keyframes tip_pointer {
	from {
		transform: translate(0px, 0px);
	}
	to {
		transform: translate(15px, 15px);
	}
}

@-ms-keyframes tip_pointer {
	from {
		-ms-transform: translate(0px, 0px);
	}
	to {
		-ms-transform: translate(15px, 15px);
	}
}

@-moz-keyframes tip_pointer {
	from {
		-moz-transform: translate(0px, 0px);
	}
	to {
		-moz-transform: translate(15px, 15px);
	}
}

@-webkit-keyframes tip_pointer {
	from {
		-webkit-transform: translate(0px, 0px);
	}
	to {
		-webkit-transform: translate(15px, 15px);
	}
}

.page_5 {
	overflow: initial;
	position: relative;
}

.p5_inner {
	display: block;
	width: 100%;
	height: auto;
	position: relative;
}

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

.p5_1 {
	position: absolute;
	width: 300px;
	height: 100px;
	left: 11%;
	top: 11.7%;
	text-align: center;
	line-height: 100px;
	color: #ff732b;
	font-size: 40px;
	transform-origin: left top;
	-ms-transform-origin: left top;
	-moz-transform-origin: left top;
	-webkit-transform-origin: left top;
}

.p5_2 {
	position: absolute;
	width: 300px;
	height: 100px;
	left: 45%;
	top: 11.7%;
	text-align: center;
	line-height: 100px;
	color: #ff732b;
	font-size: 40px;
	transform-origin: left top;
	-ms-transform-origin: left top;
	-moz-transform-origin: left top;
	-webkit-transform-origin: left top;
}

.p5_3 {
	position: absolute;
	width: 300px;
	height: 100px;
	left: 2%;
	top: 13.7%;
	text-align: center;
	line-height: 100px;
	color: #ff732b;
	font-size: 50px;
	transform-origin: left top;
	-ms-transform-origin: left top;
	-moz-transform-origin: left top;
	-webkit-transform-origin: left top;
}

.p5_4 {
	position: absolute;
	width: 300px;
	height: 100px;
	left: 17%;
	top: 17.7%;
	text-align: right;
	line-height: 100px;
	color: white;
	font-size: 80px;
	transform-origin: left top;
	-ms-transform-origin: left top;
	-moz-transform-origin: left top;
	-webkit-transform-origin: left top;
}

.p5_btn_1,
.p5_btn_2 {
	position: absolute;
	width: 37.1%;
	height: auto;
	bottom: 1%;
}

.p5_btn_1 {
	left: 8.7%;
}

.p5_btn_2 {
	right: 8.7%;
}

.share_pop {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.6);
	display: none;
}

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

.btn_to_41,
.btn_to_42 {
	position: absolute;
	width: 30%;
	height: 12.7%;
	bottom: 2%;
}

.btn_to_41 {
	left: 3.6%;
}

.btn_to_42 {
	left: 35%;
}

.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;
}

@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;
	}
}

.bottom_btn_1,
.bottom_btn_2,
.bottom_btn_3 {
	position: absolute;
	width: 33.3%;
	height: auto;
	left: 50%;
	bottom: 2.2%;
}

.bottom_btn_1 {
	left: 3.3%;
}

.bottom_btn_2 {
	left: 35.2%;
}

.bottom_btn_3 {
	left: 66.7%;
}