html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display: block
}

audio,canvas,progress,video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}[hidden],template {
	display: none
}

a {
	background: 0 0
}

a:active,a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em;
	margin: .67em 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code,kbd,pre,samp {
	font-family: monospace,monospace;
	font-size: 1em
}

button,input,optgroup,select,textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,select {
	text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type=checkbox],input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: 700
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,th {
	padding: 0
}

body,html {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: #ebe1cd
}

body {
	font-size: 14px;
	color: #333;
	font-family: '微软雅黑','宋体';
	background-color: #fff;
	letter-spacing: 1px;
	box-shadow: 0 0 160px 0 #fcedd8;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none
}

a {
	font-family: '微软雅黑','宋体'
}

a,button,form,input,select,textarea {
	-webkit-tap-highlight-color: transparent
}

.app {
	width: 640px;
	margin: 0 auto;
	box-sizing: border-box
}

.app-header {
	position: fixed;
	top: 0;
	width: 640px;
	z-index: 100
}

.app-content {
	position: relative;
	width: 640px;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box
}

.app-footer {
	position: fixed;
	bottom: 0;
	width: 640px;
	z-index: 100
}

.app-pages .page {
	position: relative;
	height: 1000px
}

.app {
	background-size: cover
}

.page {
	border: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-position: top center;
	background-size: cover;
	box-sizing: border-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	z-index: 0;
	display: none;
	-webkit-transform-origin: center center
}

.page.z-active {
	z-index: 2;
	display: block
}

.page.z-current {
	z-index: 1;
	display: block
}

.page-header {
	height: 60px;
	background-color: #183d61;
	overflow: hidden;
	-webkit-box-flex: 0
}

.page-header h2 {
	color: #fff;
	font-size: 32px;
	font-weight: 400;
	margin: 0;
	padding: 0 0 0 30px;
	height: 70px;
	line-height: 70px
}

.page-content {
	overflow: hidden;
	-webkit-box-flex: 100
}

.app-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -48px auto auto -48px;
	width: 95px;
	height: 95px;
	display: block;
	opacity: 1;
	-webkit-transition: all .5s;
	z-index: 99999
}

.app-loading.z-hide,.app-loading2.z-hide {
	opacity: 0;
	visibility: hidden
}

.app-loading .cycleWrap,.app-loading .lineWrap {
	position: absolute;
	width: 94px;
	height: 85px
}

.app-loading .cycle,.app-loading .line {
	display: block;
	position: absolute;
	background: #6eae44
}

.app-loading .cycle {
	z-index: 10;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	transform: scale(0)
}

.app-loading .cycle-1 {
	right: 0;
	bottom: 0
}

.app-loading .cycle-2 {
	left: 0;
	bottom: 0
}

.app-loading .cycle-3 {
	left: 50%;
	top: 0;
	margin-left: -9px
}

.app-loading .cycle-4 {
	right: 18px;
	top: 50%;
	margin-top: -8px
}

.app-loading .line {
	z-index: 9;
	height: 5px;
	border-radius: 3px
}

.app-loading .line-1 {
	right: 9px;
	bottom: 6px;
	width: 78px;
	-webkit-transform: scale(0,1);
	-moz-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0;
	-moz-transform-origin: 0;
	transform-origin: 0
}

.app-loading .line-2 {
	left: 8px;
	bottom: 4px;
	width: 80px;
	-webkit-transform: rotate(-60deg) scale(0,1);
	-moz-transform: rotate(-60deg) scale(0,1);
	transform: rotate(-60deg) scale(0,1);
	-webkit-transform-origin: 0;
	-moz-transform-origin: 0;
	transform-origin: 0
}

.app-loading .line-3 {
	left: 47px;
	top: 7px;
	width: 40px;
	-webkit-transform: rotate(60deg) scale(0,1);
	-moz-transform: rotate(60deg) scale(0,1);
	transform: rotate(60deg) scale(0,1);
	-webkit-transform-origin: 0;
	-moz-transform-origin: 0;
	transform-origin: 0
}

.app-loading .cycle-1 {
	-webkit-animation: cycleChange 3s infinite ease-in-out;
	moz-animation: cycleChange 3s infinite ease-in-out;
	animation: cycleChange 3s infinite ease-in-out
}

.app-loading .cycle-2 {
	-webkit-animation: cycleChange 3s .525s infinite ease-in-out;
	moz-animation: cycleChange 3s .525s infinite ease-in-out;
	animation: cycleChange 3s .525s infinite ease-in-out
}

.app-loading .cycle-3 {
	-webkit-animation: cycleChange 3s 1.05s infinite ease-in-out;
	moz-animation: cycleChange 3s 1.05s infinite ease-in-out;
	animation: cycleChange 3s 1.05s infinite ease-in-out
}

.app-loading .cycle-4 {
	-webkit-animation: cycleChange 3s 1.575s infinite ease-in-out;
	moz-animation: cycleChange 3s 1.575s infinite ease-in-out;
	animation: cycleChange 3s 1.575s infinite ease-in-out
}

.app-loading .line-1 {
	-webkit-animation: lineChange01 3s infinite ease-in-out;
	moz-animation: lineChange01 3s infinite ease-in-out;
	animation: lineChange01 3s infinite ease-in-out
}

.app-loading .line-2 {
	-webkit-animation: lineChange02 3s .525s infinite ease-in-out;
	moz-animation: lineChange02 3s .525s infinite ease-in-out;
	animation: lineChange02 3s .525s infinite ease-in-out
}

.app-loading .line-3 {
	-webkit-animation: lineChange03 3s 1.05s infinite ease-in-out;
	moz-animation: lineChange03 3s 1.05s infinite ease-in-out;
	animation: lineChange03 3s 1.05s infinite ease-in-out
}

@-webkit-keyframes cycleChange {
	0%,100%,24% {
		-webkit-transform: scale(0)
	}

	9% {
		-webkit-transform: scale(1.2)
	}
}

@-moz-keyframes cycleChange {
	0%,100%,24% {
		-moz-transform: scale(0)
	}

	9% {
		-moz-transform: scale(1.2)
	}
}

@keyframes cycleChange {
	0%,100%,24% {
		transform: scale(0)
	}

	9% {
		transform: scale(1.2)
	}
}

@-webkit-keyframes lineChange01 {
	0% {
		-webkit-transform: translate(76px,0) scale(0,1)
	}

	18.75% {
		-webkit-transform: translate(0,0) scale(1,1)
	}

	100%,37.5% {
		-webkit-transform: translate(0,0) scale(0,1)
	}
}

@-moz-keyframes lineChange01 {
	0% {
		-webkit-transform: translate(76px,0) scale(0,1)
	}

	18.75% {
		-webkit-transform: translate(0,0) scale(1,1)
	}

	100%,37.5% {
		-webkit-transform: translate(,0) scale(0,1)
	}
}

@keyframes lineChange01 {
	0% {
		-webkit-transform: translate(76px,0) scale(0,1) scale(0,1)
	}

	18.75% {
		-webkit-transform: translate(0,0) scale(1,1) scale(1,1)
	}

	100%,37.5% {
		-webkit-transform: translate(0,0) scale(0,1) scale(0,1)
	}
}

@-webkit-keyframes lineChange02 {
	0% {
		-webkit-transform: rotate(-60deg) translate(0,0) scale(0,1)
	}

	18.75% {
		-webkit-transform: rotate(-60deg) translate(0,0) scale(1,1)
	}

	100%,37.5% {
		-webkit-transform: rotate(-60deg) translate(78px,0) scale(0,1)
	}
}

@-moz-keyframes lineChange02 {
	0% {
		w-webkit-transform: rotate(-60deg) translate(0,0) scale(0,1)
	}

	18.75% {
		-webkit-transform: rotate(-60deg) translate(0,0) scale(1,1)
	}

	100%,37.5% {
		-webkit-transform: rotate(-60deg) translate(78px,0) scale(0,1)
	}
}

@keyframes lineChange02 {
	0% {
		-webkit-transform: rotate(-60deg) translate(0,0) scale(0,1)
	}

	18.75% {
		-webkit-transform: rotate(-60deg) translate(0,0) scale(1,1)
	}

	100%,37.5% {
		-webkit-transform: rotate(-60deg) translate(78px,0) scale(0,1)
	}
}

@-webkit-keyframes lineChange03 {
	0% {
		-webkit-transform: rotate(60deg) translate(0,0) scale(0,1)
	}

	18.75% {
		-webkit-transform: rotate(60deg) translate(0,0) scale(1,1)
	}

	100%,37.5% {
		-webkit-transform: rotate(60deg) translate(40px,0) scale(0,1)
	}
}

@-moz-keyframes lineChange03 {
	0% {
		-webkit-transform: rotate(60deg) translate(0,0) scale(0,1)
	}

	18.75% {
		-webkit-transform: rotate(60deg) translate(0,0) scale(1,1)
	}

	100%,37.5% {
		-webkit-transform: rotate(60deg) translate(40px,0) scale(0,1)
	}
}

@keyframes lineChange03 {
	0% {
		-webkit-transform: rotate(60deg) translate(0,0) scale(0,1)
	}

	18.75% {
		-webkit-transform: rotate(60deg) translate(0,0) scale(1,1)
	}

	100%,37.5% {
		-webkit-transform: rotate(60deg) translate(40px,0) scale(0,1)
	}
}

.app-loading2 {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -48px auto auto -48px;
	width: 95px;
	height: 95px;
	display: block;
	-webkit-animation: rotataZ 1s linear infinite;
	opacity: 1;
	-webkit-transition: all .5s;
	z-index: 99999
}

.a-bounce,.a-flash,.a-flip,.a-ring,.a-shake,.a-swing,.a-wobble {
	-webkit-animation: 1s ease;
	-moz-animation: 1s ease;
	-ms-animation: 1s ease;
	animation: 1s ease
}

.a-bouncein,.a-bounceinB,.a-bounceinL,.a-bounceinR,.a-bounceinT,.a-fadein,.a-fadeinB,.a-fadeinL,.a-fadeinR,.a-fadeinT,.a-flipin,.a-flipinX,.a-flipinY,.a-rotatein,.a-rotateinLB,.a-rotateinLT,.a-rotateinRB,.a-rotateinRT {
	-webkit-animation: 1s ease-out backwards;
	-moz-animation: 1s ease-out backwards;
	-ms-animation: 1s ease-out backwards;
	animation: 1s ease-out backwards
}

.a-bounceout,.a-bounceoutB,.a-bounceoutL,.a-bounceoutR,.a-bounceoutT,.a-fadeout,.a-fadeoutB,.a-fadeoutL,.a-fadeoutR,.a-fadeoutT,.a-flipout,.a-flipoutX,.a-flipoutY,.a-rotateout,.a-rotateoutLB,.a-rotateoutLT,.a-rotateoutRB,.a-rotateoutRT {
	-webkit-animation: 1s ease-in forwards;
	-moz-animation: 1s ease-in forwards;
	-ms-animation: 1s ease-in forwards;
	animation: 1s ease-in forwards
}

.a-fadein {
	-webkit-animation-name: fadein;
	-moz-animation-name: fadein;
	-ms-animation-name: fadein;
	animation-name: fadein
}

.a-fadeinT {
	-webkit-animation-name: fadeinT;
	-moz-animation-name: fadeinT;
	-ms-animation-name: fadeinT;
	animation-name: fadeinT
}

.a-fadeinR {
	-webkit-animation-name: fadeinR;
	-moz-animation-name: fadeinR;
	-ms-animation-name: fadeinR;
	animation-name: fadeinR
}

.a-fadeinB {
	-webkit-animation-name: fadeinB;
	-moz-animation-name: fadeinB;
	-ms-animation-name: fadeinB;
	animation-name: fadeinB
}

.a-fadeinL {
	-webkit-animation-name: fadeinL;
	-moz-animation-name: fadeinL;
	-ms-animation-name: fadeinL;
	animation-name: fadeinL
}

.a-fadeout {
	-webkit-animation-name: fadeout;
	-moz-animation-name: fadeout;
	-ms-animation-name: fadeout;
	animation-name: fadeout
}

.a-fadeoutT {
	-webkit-animation-name: fadeoutT;
	-moz-animation-name: fadeoutT;
	-ms-animation-name: fadeoutT;
	animation-name: fadeoutT
}

.a-fadeoutR {
	-webkit-animation-name: fadeoutR;
	-moz-animation-name: fadeoutR;
	-ms-animation-name: fadeoutR;
	animation-name: fadeoutR
}

.a-fadeoutB {
	-webkit-animation-name: fadeoutB;
	-moz-animation-name: fadeoutB;
	-ms-animation-name: fadeoutB;
	animation-name: fadeoutB
}

.a-fadeoutL {
	-webkit-animation-name: fadeoutL;
	-moz-animation-name: fadeoutL;
	-ms-animation-name: fadeoutL;
	animation-name: fadeoutL
}

.a-bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-ms-animation-name: bounce;
	animation-name: bounce
}

.a-bouncein {
	-webkit-animation-name: bouncein;
	-moz-animation-name: bouncein;
	-ms-animation-name: bouncein;
	animation-name: bouncein
}

.a-bounceinT {
	-webkit-animation-name: bounceinT;
	-moz-animation-name: bounceinT;
	-ms-animation-name: bounceinT;
	animation-name: bounceinT
}

.a-bounceinR {
	-webkit-animation-name: bounceinR;
	-moz-animation-name: bounceinR;
	-ms-animation-name: bounceinR;
	animation-name: bounceinR
}

.a-bounceinB {
	-webkit-animation-name: bounceinB;
	-moz-animation-name: bounceinB;
	-ms-animation-name: bounceinB;
	animation-name: bounceinB
}

.a-bounceinL {
	-webkit-animation-name: bounceinL;
	-moz-animation-name: bounceinL;
	-ms-animation-name: bounceinL;
	animation-name: bounceinL
}

.a-bounceout {
	-webkit-animation-name: bounceout;
	-moz-animation-name: bounceout;
	-ms-animation-name: bounceout;
	animation-name: bounceout
}

.a-bounceoutT {
	-webkit-animation-name: bounceoutT;
	-moz-animation-name: bounceoutT;
	-ms-animation-name: bounceoutT;
	animation-name: bounceoutT
}

.a-bounceoutR {
	-webkit-animation-name: bounceoutR;
	-moz-animation-name: bounceoutR;
	-ms-animation-name: bounceoutR;
	animation-name: bounceoutR
}

.a-bounceoutB {
	-webkit-animation-name: bounceoutB;
	-moz-animation-name: bounceoutB;
	-ms-animation-name: bounceoutB;
	animation-name: bounceoutB
}

.a-bounceoutL {
	-webkit-animation-name: bounceoutL;
	-moz-animation-name: bounceoutL;
	-ms-animation-name: bounceoutL;
	animation-name: bounceoutL
}

.a-rotatein {
	-webkit-animation-name: rotatein;
	-moz-animation-name: rotatein;
	-ms-animation-name: rotatein;
	animation-name: rotatein
}

.a-rotateinLT {
	-webkit-animation-name: rotateinLT;
	-moz-animation-name: rotateinLT;
	-ms-animation-name: rotateinLT;
	animation-name: rotateinLT
}

.a-rotateinLB {
	-webkit-animation-name: rotateinLB;
	-moz-animation-name: rotateinLB;
	-ms-animation-name: rotateinLB;
	animation-name: rotateinLB
}

.a-rotateinRT {
	-webkit-animation-name: rotateinRT;
	-moz-animation-name: rotateinRT;
	-ms-animation-name: rotateinRT;
	animation-name: rotateinRT
}

.a-rotateinRB {
	-webkit-animation-name: rotateinRB;
	-moz-animation-name: rotateinRB;
	-ms-animation-name: rotateinRB;
	animation-name: rotateinRB
}

.a-rotateout {
	-webkit-animation-name: rotateout;
	-moz-animation-name: rotateout;
	-ms-animation-name: rotateout;
	animation-name: rotateout
}

.a-rotateoutLT {
	-webkit-animation-name: rotateoutLT;
	-moz-animation-name: rotateoutLT;
	-ms-animation-name: rotateoutLT;
	animation-name: rotateoutLT
}

.a-rotateoutLB {
	-webkit-animation-name: rotateoutLB;
	-moz-animation-name: rotateoutLB;
	-ms-animation-name: rotateoutLB;
	animation-name: rotateoutLB
}

.a-rotateoutRT {
	-webkit-animation-name: rotateoutRT;
	-moz-animation-name: rotateoutRT;
	-ms-animation-name: rotateoutRT;
	animation-name: rotateoutRT
}

.a-rotateoutRB {
	-webkit-animation-name: rotateoutRB;
	-moz-animation-name: rotateoutRB;
	-ms-animation-name: rotateoutRB;
	animation-name: rotateoutRB
}

.a-flip {
	-webkit-animation-name: flip;
	-moz-animation-name: flip;
	-ms-animation-name: flip;
	animation-name: flip
}

.a-flipinX {
	-webkit-animation-name: flipinX;
	-moz-animation-name: flipinX;
	-ms-animation-name: flipinX;
	animation-name: flipinX
}

.a-flipin,.a-flipinY {
	-webkit-animation-name: flipinY;
	-moz-animation-name: flipinY;
	-ms-animation-name: flipinY;
	animation-name: flipinY
}

.a-flipoutX {
	-webkit-animation-name: flipoutX;
	-moz-animation-name: flipoutX;
	-ms-animation-name: flipoutX;
	animation-name: flipoutX
}

.a-flipout,.a-flipoutY {
	-webkit-animation-name: flipoutY;
	-moz-animation-name: flipoutY;
	-ms-animation-name: flipoutY;
	animation-name: flipoutY
}

.a-flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-ms-animation-name: flash;
	animation-name: flash
}

.a-shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-ms-animation-name: shake;
	animation-name: shake
}

.a-swing {
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-ms-animation-name: swing;
	animation-name: swing
}

.a-wobble {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-ms-animation-name: wobble;
	animation-name: wobble
}

.a-ring {
	-webkit-animation-name: ring;
	-moz-animation-name: ring;
	-ms-animation-name: ring;
	animation-name: ring
}

@-webkit-keyframes fadein {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-moz-keyframes fadein {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-ms-keyframes fadein {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadein {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadeinT {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes fadeinT {
	0% {
		opacity: 0;
		-moz-transform: translateY(-100px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

@-ms-keyframes fadeinT {
	0% {
		opacity: 0;
		-ms-transform: translateY(-100px)
	}

	100% {
		opacity: 1;
		-ms-transform: translateY(0)
	}
}

@keyframes fadeinT {
	0% {
		opacity: 0;
		transform: translateY(-100px)
	}

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

@-webkit-keyframes fadeinR {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes fadeinR {
	0% {
		opacity: 0;
		-moz-transform: translateX(100px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0)
	}
}

@-ms-keyframes fadeinR {
	0% {
		opacity: 0;
		-ms-transform: translateX(100px)
	}

	100% {
		opacity: 1;
		-ms-transform: translateX(0)
	}
}

@keyframes fadeinR {
	0% {
		opacity: 0;
		transform: translateX(100px)
	}

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

@-webkit-keyframes fadeinB {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes fadeinB {
	0% {
		opacity: 0;
		-moz-transform: translateY(100px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

@-ms-keyframes fadeinB {
	0% {
		opacity: 0;
		-ms-transform: translateY(100px)
	}

	100% {
		opacity: 1;
		-ms-transform: translateY(0)
	}
}

@keyframes fadeinB {
	0% {
		opacity: 0;
		transform: translateY(100px)
	}

	100% {
		opacity: 1;
		transform: translateY(0)
	}
}

@-webkit-keyframes fadeinL {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes fadeinL {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100px)
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0)
	}
}

@-ms-keyframes fadeinL {
	0% {
		opacity: 0;
		-ms-transform: translateX(-100px)
	}

	100% {
		opacity: 1;
		-ms-transform: translateX(0)
	}
}

@keyframes fadeinL {
	0% {
		opacity: 0;
		transform: translateX(-100px)
	}

	100% {
		opacity: 1;
		transform: translateX(0)
	}
}

@-webkit-keyframes fadeout {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes fadeout {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-ms-keyframes fadeout {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes fadeout {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes fadeoutT {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-100px)
	}
}

@-moz-keyframes fadeoutT {
	0% {
		opacity: 1;
		-moz-transform: translateY(0)
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(-100px)
	}
}

@-ms-keyframes fadeoutT {
	0% {
		opacity: 1;
		-ms-transform: translateY(0)
	}

	100% {
		opacity: 0;
		-ms-transform: translateY(-100px)
	}
}

@keyframes fadeoutT {
	0% {
		opacity: 1;
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		transform: translateY(-100px)
	}
}

@-webkit-keyframes fadeoutR {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(100px)
	}
}

@-moz-keyframes fadeoutR {
	0% {
		opacity: 1;
		-moz-transform: translateX(0)
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(100px)
	}
}

@-ms-keyframes fadeoutR {
	0% {
		opacity: 1;
		-ms-transform: translateX(0)
	}

	100% {
		opacity: 0;
		-ms-transform: translateX(100px)
	}
}

@keyframes fadeoutR {
	0% {
		opacity: 1;
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		transform: translateX(100px)
	}
}

@-webkit-keyframes fadeoutB {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(100px)
	}
}

@-moz-keyframes fadeoutB {
	0% {
		opacity: 1;
		-moz-transform: translateY(0)
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(100px)
	}
}

@-ms-keyframes fadeoutB {
	0% {
		opacity: 1;
		-ms-transform: translateY(0)
	}

	100% {
		opacity: 0;
		-ms-transform: translateY(100px)
	}
}

@keyframes fadeoutB {
	0% {
		opacity: 1;
		transform: translateY(0)
	}

	100% {
		opacity: 0;
		transform: translateY(100px)
	}
}

@-webkit-keyframes fadeoutL {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-100px)
	}
}

@-moz-keyframes fadeoutL {
	0% {
		opacity: 1;
		-moz-transform: translateX(0)
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(-100px)
	}
}

@-ms-keyframes fadeoutL {
	0% {
		opacity: 1;
		-ms-transform: translateX(0)
	}

	100% {
		opacity: 0;
		-ms-transform: translateX(-100px)
	}
}

@keyframes fadeoutL {
	0% {
		opacity: 1;
		transform: translateX(0)
	}

	100% {
		opacity: 0;
		transform: translateX(-100px)
	}
}

@-webkit-keyframes bounce {
	0%,100%,20%,50%,80% {
		-webkit-transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-30px)
	}

	60% {
		-webkit-transform: translateY(-15px)
	}
}

@-moz-keyframes bounce {
	0%,100%,20%,50%,80% {
		-moz-transform: translateY(0)
	}

	40% {
		-moz-transform: translateY(-30px)
	}

	60% {
		-moz-transform: translateY(-15px)
	}
}

@-ms-keyframes bounce {
	0%,100%,20%,50%,80% {
		-ms-transform: translateY(0)
	}

	40% {
		-ms-transform: translateY(-30px)
	}

	60% {
		-ms-transform: translateY(-15px)
	}
}

@keyframes bounce {
	0%,100%,20%,50%,80% {
		transform: translateY(0)
	}

	40% {
		transform: translateY(-30px)
	}

	60% {
		transform: translateY(-15px)
	}
}

@-webkit-keyframes bouncein {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.3)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05)
	}

	70% {
		-webkit-transform: scale(0.9)
	}

	100% {
		-webkit-transform: scale(1)
	}
}

@-moz-keyframes bouncein {
	0% {
		opacity: 0;
		-moz-transform: scale(0.3)
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.05)
	}

	70% {
		-moz-transform: scale(0.9)
	}

	100% {
		-moz-transform: scale(1)
	}
}

@-ms-keyframes bouncein {
	0% {
		opacity: 0;
		-ms-transform: scale(0.3)
	}

	50% {
		opacity: 1;
		-ms-transform: scale(1.05)
	}

	70% {
		-ms-transform: scale(0.9)
	}

	100% {
		-ms-transform: scale(1)
	}
}

@keyframes bouncein {
	0% {
		opacity: 0;
		transform: scale(0.3)
	}

	50% {
		opacity: 1;
		transform: scale(1.05)
	}

	70% {
		transform: scale(0.9)
	}

	100% {
		transform: scale(1)
	}
}

@-webkit-keyframes bounceinT {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(30px)
	}

	80% {
		-webkit-transform: translateY(-10px)
	}

	100% {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes bounceinT {
	0% {
		opacity: 0;
		-moz-transform: translateY(-100px)
	}

	60% {
		opacity: 1;
		-moz-transform: translateY(30px)
	}

	80% {
		-moz-transform: translateY(-10px)
	}

	100% {
		-moz-transform: translateY(0)
	}
}

@-ms-keyframes bounceinT {
	0% {
		opacity: 0;
		-ms-transform: translateY(-100px)
	}

	60% {
		opacity: 1;
		-ms-transform: translateY(30px)
	}

	80% {
		-ms-transform: translateY(-10px)
	}

	100% {
		-ms-transform: translateY(0)
	}
}

@keyframes bounceinT {
	0% {
		opacity: 0;
		transform: translateY(-100px)
	}

	60% {
		opacity: 1;
		transform: translateY(30px)
	}

	80% {
		transform: translateY(-10px)
	}

	100% {
		transform: translateY(0)
	}
}

@-webkit-keyframes bounceinR {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(-30px)
	}

	80% {
		-webkit-transform: translateX(10px)
	}

	100% {
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes bounceinR {
	0% {
		opacity: 0;
		-moz-transform: translateX(100px)
	}

	60% {
		opacity: 1;
		-moz-transform: translateX(-30px)
	}

	80% {
		-moz-transform: translateX(10px)
	}

	100% {
		-moz-transform: translateX(0)
	}
}

@-ms-keyframes bounceinR {
	0% {
		opacity: 0;
		-ms-transform: translateX(100px)
	}

	60% {
		opacity: 1;
		-ms-transform: translateX(-30px)
	}

	80% {
		-ms-transform: translateX(10px)
	}

	100% {
		-ms-transform: translateX(0)
	}
}

@keyframes bounceinR {
	0% {
		opacity: 0;
		transform: translateX(100px)
	}

	60% {
		opacity: 1;
		transform: translateX(-30px)
	}

	80% {
		transform: translateX(10px)
	}

	100% {
		transform: translateX(0)
	}
}

@-webkit-keyframes bounceinB {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateY(-30px)
	}

	80% {
		-webkit-transform: translateY(10px)
	}

	100% {
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes bounceinB {
	0% {
		opacity: 0;
		-moz-transform: translateY(100px)
	}

	60% {
		opacity: 1;
		-moz-transform: translateY(-30px)
	}

	80% {
		-moz-transform: translateY(10px)
	}

	100% {
		-moz-transform: translateY(0)
	}
}

@-ms-keyframes bounceinB {
	0% {
		opacity: 0;
		-ms-transform: translateY(100px)
	}

	60% {
		opacity: 1;
		-ms-transform: translateY(-30px)
	}

	80% {
		-ms-transform: translateY(10px)
	}

	100% {
		-ms-transform: translateY(0)
	}
}

@keyframes bounceinB {
	0% {
		opacity: 0;
		transform: translateY(100px)
	}

	60% {
		opacity: 1;
		transform: translateY(-30px)
	}

	80% {
		transform: translateY(10px)
	}

	100% {
		transform: translateY(0)
	}
}

@-webkit-keyframes bounceinL {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(30px)
	}

	80% {
		-webkit-transform: translateX(-10px)
	}

	100% {
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes bounceinL {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100px)
	}

	60% {
		opacity: 1;
		-moz-transform: translateX(30px)
	}

	80% {
		-moz-transform: translateX(-10px)
	}

	100% {
		-moz-transform: translateX(0)
	}
}

@-ms-keyframes bounceinL {
	0% {
		opacity: 0;
		-ms-transform: translateX(-100px)
	}

	60% {
		opacity: 1;
		-ms-transform: translateX(30px)
	}

	80% {
		-ms-transform: translateX(-10px)
	}

	100% {
		-ms-transform: translateX(0)
	}
}

@keyframes bounceinL {
	0% {
		opacity: 0;
		transform: translateX(-100px)
	}

	60% {
		opacity: 1;
		transform: translateX(30px)
	}

	80% {
		transform: translateX(-10px)
	}

	100% {
		transform: translateX(0)
	}
}

@-webkit-keyframes bounceout {
	0% {
		-webkit-transform: scale(1)
	}

	25% {
		-webkit-transform: scale(0.95)
	}

	50% {
		opacity: 1;
		-webkit-transform: scale(1.1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.3)
	}
}

@-moz-keyframes bounceout {
	0% {
		-moz-transform: scale(1)
	}

	25% {
		-moz-transform: scale(0.95)
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.1)
	}

	100% {
		opacity: 0;
		-moz-transform: scale(0.3)
	}
}

@-ms-keyframes bounceout {
	0% {
		-ms-transform: scale(1)
	}

	25% {
		-ms-transform: scale(0.95)
	}

	50% {
		opacity: 1;
		-ms-transform: scale(1.1)
	}

	100% {
		opacity: 0;
		-ms-transform: scale(0.3)
	}
}

@keyframes bounceout {
	0% {
		transform: scale(1)
	}

	25% {
		transform: scale(0.95)
	}

	50% {
		opacity: 1;
		transform: scale(1.1)
	}

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

@-webkit-keyframes bounceoutT {
	0% {
		-webkit-transform: translateY(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateY(20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(-100px)
	}
}

@-moz-keyframes bounceoutT {
	0% {
		-moz-transform: translateY(0)
	}

	20% {
		opacity: 1;
		-moz-transform: translateY(20px)
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(-100px)
	}
}

@-ms-keyframes bounceoutT {
	0% {
		-ms-transform: translateY(0)
	}

	20% {
		opacity: 1;
		-ms-transform: translateY(20px)
	}

	100% {
		opacity: 0;
		-ms-transform: translateY(-100px)
	}
}

@keyframes bounceoutT {
	0% {
		transform: translateY(0)
	}

	20% {
		opacity: 1;
		transform: translateY(20px)
	}

	100% {
		opacity: 0;
		transform: translateY(-100px)
	}
}

@-webkit-keyframes bounceoutR {
	0% {
		-webkit-transform: translateX(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateX(-20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(100px)
	}
}

@-moz-keyframes bounceoutR {
	0% {
		-moz-transform: translateX(0)
	}

	20% {
		opacity: 1;
		-moz-transform: translateX(-20px)
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(100px)
	}
}

@-ms-keyframes bounceoutR {
	0% {
		-ms-transform: translateX(0)
	}

	20% {
		opacity: 1;
		-ms-transform: translateX(-20px)
	}

	100% {
		opacity: 0;
		-ms-transform: translateX(100px)
	}
}

@keyframes bounceoutR {
	0% {
		transform: translateX(0)
	}

	20% {
		opacity: 1;
		transform: translateX(-20px)
	}

	100% {
		opacity: 0;
		transform: translateX(100px)
	}
}

@-webkit-keyframes bounceoutB {
	0% {
		-webkit-transform: translateY(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateY(-20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(100px)
	}
}

@-moz-keyframes bounceoutB {
	0% {
		-moz-transform: translateY(0)
	}

	20% {
		opacity: 1;
		-moz-transform: translateY(-20px)
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(100px)
	}
}

@-ms-keyframes bounceoutB {
	0% {
		-ms-transform: translateY(0)
	}

	20% {
		opacity: 1;
		-ms-transform: translateY(-20px)
	}

	100% {
		opacity: 0;
		-ms-transform: translateY(100px)
	}
}

@keyframes bounceoutB {
	0% {
		transform: translateY(0)
	}

	20% {
		opacity: 1;
		transform: translateY(-20px)
	}

	100% {
		opacity: 0;
		transform: translateY(100px)
	}
}

@-webkit-keyframes bounceoutL {
	0% {
		-webkit-transform: translateX(0)
	}

	20% {
		opacity: 1;
		-webkit-transform: translateX(20px)
	}

	100% {
		opacity: 0;
		-webkit-transform: translateX(-100px)
	}
}

@-moz-keyframes bounceoutL {
	0% {
		-moz-transform: translateX(0)
	}

	20% {
		opacity: 1;
		-moz-transform: translateX(20px)
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(-100px)
	}
}

@-ms-keyframes bounceoutL {
	0% {
		-ms-transform: translateX(0)
	}

	20% {
		opacity: 1;
		-ms-transform: translateX(20px)
	}

	100% {
		opacity: 0;
		-ms-transform: translateX(-100px)
	}
}

@keyframes bounceoutL {
	0% {
		transform: translateX(0)
	}

	20% {
		opacity: 1;
		transform: translateX(20px)
	}

	100% {
		opacity: 0;
		transform: translateX(-200px)
	}
}

@-webkit-keyframes rotatein {
	0% {
		opacity: 0;
		-webkit-transform: rotate(-200deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: rotate(0)
	}
}

@-moz-keyframes rotatein {
	0% {
		opacity: 0;
		-moz-transform: rotate(-200deg)
	}

	100% {
		opacity: 1;
		-moz-transform: rotate(0)
	}
}

@-ms-keyframes rotatein {
	0% {
		opacity: 0;
		-ms-transform: rotate(-200deg)
	}

	100% {
		opacity: 1;
		-ms-transform: rotate(0)
	}
}

@keyframes rotatein {
	0% {
		opacity: 0;
		transform: rotate(-200deg)
	}

	100% {
		opacity: 1;
		transform: rotate(0)
	}
}

@-webkit-keyframes rotateinLT {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}
}

@-moz-keyframes rotateinLT {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1
	}
}

@-ms-keyframes rotateinLT {
	0% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateinLT {
	0% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1
	}
}

@-webkit-keyframes rotateineftB {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}
}

@-moz-keyframes rotateineftB {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0
	}

	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1
	}
}

@-ms-keyframes rotateineftB {
	0% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(90deg);
		opacity: 0
	}

	100% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateineftB {
	0% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0
	}

	100% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1
	}
}

@-webkit-keyframes rotateinRT {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}
}

@-moz-keyframes rotateinRT {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0
	}

	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1
	}
}

@-ms-keyframes rotateinRT {
	0% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(90deg);
		opacity: 0
	}

	100% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateinRT {
	0% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0
	}

	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1
	}
}

@-webkit-keyframes rotateinRB {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}
}

@-moz-keyframes rotateinRB {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1
	}
}

@-ms-keyframes rotateinRB {
	0% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(0);
		opacity: 1
	}
}

@keyframes rotateinRB {
	0% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0
	}

	100% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1
	}
}

@-webkit-keyframes rotateout {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0
	}
}

@-moz-keyframes rotateout {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1
	}

	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(200deg);
		opacity: 0
	}
}

@-ms-keyframes rotateout {
	0% {
		-ms-transform-origin: center center;
		-ms-transform: rotate(0);
		opacity: 1
	}

	100% {
		-ms-transform-origin: center center;
		-ms-transform: rotate(200deg);
		opacity: 0
	}
}

@keyframes rotateout {
	0% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1
	}

	100% {
		transform-origin: center center;
		transform: rotate(200deg);
		opacity: 0
	}
}

@-webkit-keyframes rotateoutLT {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0
	}
}

@-moz-keyframes rotateoutLT {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1
	}

	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0
	}
}

@-ms-keyframes rotateoutLT {
	0% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(0);
		opacity: 1
	}

	100% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(-90deg);
		opacity: 0
	}
}

@keyframes rotateoutLT {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1
	}

	100% {
		transform-origin: left bottom;
		transform: rotate(-90deg);
		opacity: 0
	}
}

@-webkit-keyframes rotateoutLB {
	0% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: left bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0
	}
}

@-moz-keyframes rotateoutLB {
	0% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(0);
		opacity: 1
	}

	100% {
		-moz-transform-origin: left bottom;
		-moz-transform: rotate(90deg);
		opacity: 0
	}
}

@-ms-keyframes rotateoutLB {
	0% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(0);
		opacity: 1
	}

	100% {
		-ms-transform-origin: left bottom;
		-ms-transform: rotate(90deg);
		opacity: 0
	}
}

@keyframes rotateoutLB {
	0% {
		transform-origin: left bottom;
		transform: rotate(0);
		opacity: 1
	}

	100% {
		transform-origin: left bottom;
		transform: rotate(90deg);
		opacity: 0
	}
}

@-webkit-keyframes rotateoutRT {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(90deg);
		opacity: 0
	}
}

@-moz-keyframes rotateoutRT {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1
	}

	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(90deg);
		opacity: 0
	}
}

@-ms-keyframes rotateoutRT {
	0% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(0);
		opacity: 1
	}

	100% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(90deg);
		opacity: 0
	}
}

@keyframes rotateoutRT {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1
	}

	100% {
		transform-origin: right bottom;
		transform: rotate(90deg);
		opacity: 0
	}
}

@-webkit-keyframes rotateoutBR {
	0% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(0);
		opacity: 1
	}

	100% {
		-webkit-transform-origin: right bottom;
		-webkit-transform: rotate(-90deg);
		opacity: 0
	}
}

@-moz-keyframes rotateoutBR {
	0% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(0);
		opacity: 1
	}

	100% {
		-moz-transform-origin: right bottom;
		-moz-transform: rotate(-90deg);
		opacity: 0
	}
}

@-ms-keyframes rotateoutBR {
	0% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(0);
		opacity: 1
	}

	100% {
		-ms-transform-origin: right bottom;
		-ms-transform: rotate(-90deg);
		opacity: 0
	}
}

@keyframes rotateoutBR {
	0% {
		transform-origin: right bottom;
		transform: rotate(0);
		opacity: 1
	}

	100% {
		transform-origin: right bottom;
		transform: rotate(-90deg);
		opacity: 0
	}
}

@-webkit-keyframes flip {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		-webkit-animation-timing-function: ease-out
	}

	40% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-webkit-animation-timing-function: ease-out
	}

	50% {
		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-webkit-animation-timing-function: ease-in
	}

	80% {
		-webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
		-webkit-animation-timing-function: ease-in
	}

	100% {
		-webkit-transform: perspective(400px) scale(1);
		-webkit-animation-timing-function: ease-in
	}
}

@-moz-keyframes flip {
	0% {
		-moz-transform: perspective(400px) rotateY(0);
		-moz-animation-timing-function: ease-out
	}

	40% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-moz-animation-timing-function: ease-out
	}

	50% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-moz-animation-timing-function: ease-in
	}

	80% {
		-moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
		-moz-animation-timing-function: ease-in
	}

	100% {
		-moz-transform: perspective(400px) scale(1);
		-moz-animation-timing-function: ease-in
	}
}

@-ms-keyframes flip {
	0% {
		-ms-transform: perspective(400px) rotateY(0);
		-ms-animation-timing-function: ease-out
	}

	40% {
		-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg);
		-ms-animation-timing-function: ease-out
	}

	50% {
		-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-ms-animation-timing-function: ease-in
	}

	80% {
		-ms-transform: perspective(400px) rotateY(360deg) scale(0.95);
		-ms-animation-timing-function: ease-in
	}

	100% {
		-ms-transform: perspective(400px) scale(1);
		-ms-animation-timing-function: ease-in
	}
}

@keyframes flip {
	0% {
		transform: perspective(400px) rotateY(0);
		animation-timing-function: ease-out
	}

	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg);
		animation-timing-function: ease-out
	}

	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in
	}

	80% {
		transform: perspective(400px) rotateY(360deg) scale(0.95);
		animation-timing-function: ease-in
	}

	100% {
		transform: perspective(400px) scale(1);
		animation-timing-function: ease-in
	}
}

@-webkit-keyframes flipinX {
	0% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateX(-10deg)
	}

	70% {
		-webkit-transform: perspective(400px) rotateX(10deg)
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(0);
		opacity: 1
	}
}

@-moz-keyframes flipinX {
	0% {
		-moz-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	40% {
		-moz-transform: perspective(400px) rotateX(-10deg)
	}

	70% {
		-moz-transform: perspective(400px) rotateX(10deg)
	}

	100% {
		-moz-transform: perspective(400px) rotateX(0);
		opacity: 1
	}
}

@-ms-keyframes flipinX {
	0% {
		-ms-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	40% {
		-ms-transform: perspective(400px) rotateX(-10deg)
	}

	70% {
		-ms-transform: perspective(400px) rotateX(10deg)
	}

	100% {
		-ms-transform: perspective(400px) rotateX(0);
		opacity: 1
	}
}

@keyframes flipinX {
	0% {
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}

	40% {
		transform: perspective(400px) rotateX(-10deg)
	}

	70% {
		transform: perspective(400px) rotateX(10deg)
	}

	100% {
		transform: perspective(400px) rotateX(0);
		opacity: 1
	}
}

@-webkit-keyframes flipinY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-10deg)
	}

	70% {
		-webkit-transform: perspective(400px) rotateY(10deg)
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(0);
		opacity: 1
	}
}

@-moz-keyframes flipinY {
	0% {
		-moz-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	40% {
		-moz-transform: perspective(400px) rotateY(-10deg)
	}

	70% {
		-moz-transform: perspective(400px) rotateY(10deg)
	}

	100% {
		-moz-transform: perspective(400px) rotateY(0);
		opacity: 1
	}
}

@-ms-keyframes flipinY {
	0% {
		-ms-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	40% {
		-ms-transform: perspective(400px) rotateY(-10deg)
	}

	70% {
		-ms-transform: perspective(400px) rotateY(10deg)
	}

	100% {
		-ms-transform: perspective(400px) rotateY(0);
		opacity: 1
	}
}

@keyframes flipinY {
	0% {
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}

	40% {
		transform: perspective(400px) rotateY(-10deg)
	}

	70% {
		transform: perspective(400px) rotateY(10deg)
	}

	100% {
		transform: perspective(400px) rotateY(0);
		opacity: 1
	}
}

@-webkit-keyframes flipoutX {
	0% {
		-webkit-transform: perspective(400px) rotateX(0);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@-moz-keyframes flipoutX {
	0% {
		-moz-transform: perspective(400px) rotateX(0);
		opacity: 1
	}

	100% {
		-moz-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@-ms-keyframes flipoutX {
	0% {
		-ms-transform: perspective(400px) rotateX(0);
		opacity: 1
	}

	100% {
		-ms-transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@keyframes flipoutX {
	0% {
		transform: perspective(400px) rotateX(0);
		opacity: 1
	}

	100% {
		transform: perspective(400px) rotateX(90deg);
		opacity: 0
	}
}

@-webkit-keyframes flipoutY {
	0% {
		-webkit-transform: perspective(400px) rotateY(0);
		opacity: 1
	}

	100% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@-moz-keyframes flipoutY {
	0% {
		-moz-transform: perspective(400px) rotateY(0);
		opacity: 1
	}

	100% {
		-moz-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@-ms-keyframes flipoutY {
	0% {
		-ms-transform: perspective(400px) rotateY(0);
		opacity: 1
	}

	100% {
		-ms-transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@keyframes flipoutY {
	0% {
		transform: perspective(400px) rotateY(0);
		opacity: 1
	}

	100% {
		transform: perspective(400px) rotateY(90deg);
		opacity: 0
	}
}

@-webkit-keyframes flash {
	0%,100%,50% {
		opacity: 1
	}

	25%,75% {
		opacity: 0
	}
}

@-moz-keyframes flash {
	0%,100%,50% {
		opacity: 1
	}

	25%,75% {
		opacity: 0
	}
}

@-ms-keyframes flash {
	0%,100%,50% {
		opacity: 1
	}

	25%,75% {
		opacity: 0
	}
}

@keyframes flash {
	0%,100%,50% {
		opacity: 1
	}

	25%,75% {
		opacity: 0
	}
}

@-webkit-keyframes shake {
	0%,100% {
		-webkit-transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		-webkit-transform: translateX(-10px)
	}

	20%,40%,60%,80% {
		-webkit-transform: translateX(10px)
	}
}

@-moz-keyframes shake {
	0%,100% {
		-moz-transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		-moz-transform: translateX(-10px)
	}

	20%,40%,60%,80% {
		-moz-transform: translateX(10px)
	}
}

@-ms-keyframes shake {
	0%,100% {
		-ms-transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		-ms-transform: translateX(-10px)
	}

	20%,40%,60%,80% {
		-ms-transform: translateX(10px)
	}
}

@keyframes shake {
	0%,100% {
		transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		transform: translateX(-10px)
	}

	20%,40%,60%,80% {
		transform: translateX(10px)
	}
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate(15deg)
	}

	40% {
		-webkit-transform: rotate(-10deg)
	}

	60% {
		-webkit-transform: rotate(5deg)
	}

	80% {
		-webkit-transform: rotate(-5deg)
	}

	100% {
		-webkit-transform: rotate(0)
	}
}

@-moz-keyframes swing {
	20% {
		-moz-transform: rotate(15deg)
	}

	40% {
		-moz-transform: rotate(-10deg)
	}

	60% {
		-moz-transform: rotate(5deg)
	}

	80% {
		-moz-transform: rotate(-5deg)
	}

	100% {
		-moz-transform: rotate(0)
	}
}

@-ms-keyframes swing {
	20% {
		-ms-transform: rotate(15deg)
	}

	40% {
		-ms-transform: rotate(-10deg)
	}

	60% {
		-ms-transform: rotate(5deg)
	}

	80% {
		-ms-transform: rotate(-5deg)
	}

	100% {
		-ms-transform: rotate(0)
	}
}

@keyframes swing {
	20% {
		transform: rotate(15deg)
	}

	40% {
		transform: rotate(-10deg)
	}

	60% {
		transform: rotate(5deg)
	}

	80% {
		transform: rotate(-5deg)
	}

	100% {
		transform: rotate(0)
	}
}

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: translateX(0)
	}

	15% {
		-webkit-transform: translateX(-100px) rotate(-5deg)
	}

	30% {
		-webkit-transform: translateX(80px) rotate(3deg)
	}

	45% {
		-webkit-transform: translateX(-65px) rotate(-3deg)
	}

	60% {
		-webkit-transform: translateX(40px) rotate(2deg)
	}

	75% {
		-webkit-transform: translateX(-20px) rotate(-1deg)
	}

	100% {
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes wobble {
	0% {
		-moz-transform: translateX(0)
	}

	15% {
		-moz-transform: translateX(-100px) rotate(-5deg)
	}

	30% {
		-moz-transform: translateX(80px) rotate(3deg)
	}

	45% {
		-moz-transform: translateX(-65px) rotate(-3deg)
	}

	60% {
		-moz-transform: translateX(40px) rotate(2deg)
	}

	75% {
		-moz-transform: translateX(-20px) rotate(-1deg)
	}

	100% {
		-moz-transform: translateX(0)
	}
}

@-ms-keyframes wobble {
	0% {
		-ms-transform: translateX(0)
	}

	15% {
		-ms-transform: translateX(-100px) rotate(-5deg)
	}

	30% {
		-ms-transform: translateX(80px) rotate(3deg)
	}

	45% {
		-ms-transform: translateX(-65px) rotate(-3deg)
	}

	60% {
		-ms-transform: translateX(40px) rotate(2deg)
	}

	75% {
		-ms-transform: translateX(-20px) rotate(-1deg)
	}

	100% {
		-ms-transform: translateX(0)
	}
}

@keyframes wobble {
	0% {
		transform: translateX(0)
	}

	15% {
		transform: translateX(-100px) rotate(-5deg)
	}

	30% {
		transform: translateX(80px) rotate(3deg)
	}

	45% {
		transform: translateX(-65px) rotate(-3deg)
	}

	60% {
		transform: translateX(40px) rotate(2deg)
	}

	75% {
		transform: translateX(-20px) rotate(-1deg)
	}

	100% {
		transform: translateX(0)
	}
}

@-webkit-keyframes ring {
	0% {
		-webkit-transform: scale(1)
	}

	10%,20% {
		-webkit-transform: scale(0.9) rotate(-3deg)
	}

	30%,50%,70%,90% {
		-webkit-transform: scale(1.1) rotate(3deg)
	}

	40%,60%,80% {
		-webkit-transform: scale(1.1) rotate(-3deg)
	}

	100% {
		-webkit-transform: scale(1) rotate(0)
	}
}

@-moz-keyframes ring {
	0% {
		-moz-transform: scale(1)
	}

	10%,20% {
		-moz-transform: scale(0.9) rotate(-3deg)
	}

	30%,50%,70%,90% {
		-moz-transform: scale(1.1) rotate(3deg)
	}

	40%,60%,80% {
		-moz-transform: scale(1.1) rotate(-3deg)
	}

	100% {
		-moz-transform: scale(1) rotate(0)
	}
}

@-ms-keyframes ring {
	0% {
		-ms-transform: scale(1)
	}

	10%,20% {
		-ms-transform: scale(0.9) rotate(-3deg)
	}

	30%,50%,70%,90% {
		-ms-transform: scale(1.1) rotate(3deg)
	}

	40%,60%,80% {
		-ms-transform: scale(1.1) rotate(-3deg)
	}

	100% {
		-ms-transform: scale(1) rotate(0)
	}
}

@keyframes ring {
	0% {
		transform: scale(1)
	}

	10%,20% {
		transform: scale(0.9) rotate(-3deg)
	}

	30%,50%,70%,90% {
		transform: scale(1.1) rotate(3deg)
	}

	40%,60%,80% {
		transform: scale(1.1) rotate(-3deg)
	}

	100% {
		transform: scale(1) rotate(0)
	}
}

.u-globalAudio {
	color: #fff;
	text-decoration: none;
	font-size: 24px;
	position: fixed;
	left: 50%;
	margin-left: 248px;
	bottom: 28px;
	display: block;
	z-index: 9999
}

.u-globalAudio span {
	position: absolute;
	left: -60px;
	top: 10px;
	text-shadow: 1px 1px 1px #000;
	letter-spacing: 2px;
	-webkit-transition: all .2s linear;
	opacity: 0;
	-webkit-transform: translateX(-20px)
}

.u-globalAudio .icon-music {
	width: 54px;
	height: 54px;
	background: url("../images/units-icons.png");
	display: block
}

.u-globalAudio.z-play .icon-music {
	-webkit-animation: reverseRotataZ 1.2s linear infinite
}

.u-globalAudio span.z-show {
	opacity: 1;
	-webkit-transform: translateX(0px)
}

.u-globalAudio .coffee-steam-box {
	-webkit-transform: translate(-40px,-40px)
}

@-webkit-keyframes reverseRotataZ {
	0% {
		-webkit-transform: rotateZ(0deg)
	}

	100% {
		-webkit-transform: rotateZ(-360deg)
	}
}

@-webkit-keyframes rotataZ {
	0% {
		-webkit-transform: rotateZ(0deg)
	}

	100% {
		-webkit-transform: rotateZ(360deg)
	}
}

.u-guideTop {
	width: 40px;
	height: 50px;
	background: url("../images/units-icons.png") -67px 0;
	position: absolute;
	left: 50%;
	bottom: 50px;
	margin-left: -20px;
	display: block;
	z-index: 9998
}

.u-guideTop.z-move {
	-webkit-animation: guideTop 1.5s infinite
}

@-webkit-keyframes guideTop {
	0% {
		-webkit-transform: translateY(42px);
		opacity: 0
	}

	60% {
		-webkit-transform: translateY(12px);
		opacity: 1
	}

	100% {
		-webkit-transform: translateY(0px);
		opacity: 0
	}
}

.u-guideNext,.u-guidePrev {
	text-decoration: none;
	position: absolute;
	top: 50%;
	z-index: 9998;
	background: url("../images/units-icons.png") -116px 0;
	display: block;
	width: 46px;
	height: 56px;
	text-indent: 9999px
}

.u-guidePrev {
	left: 18px
}

.u-guidePrev.z-move {
	-webkit-animation: guidePrev 1.5s infinite
}

.u-guideNext {
	right: 18px;
	-webkit-transform: rotateZ(180deg)
}

.u-guideNext.z-move {
	-webkit-animation: guideNext 1.5s infinite
}

@-webkit-keyframes guidePrev {
	0%,20% {
		-webkit-transform: translateX(0px)
	}

	35% {
		-webkit-transform: translateX(12px)
	}

	50% {
		-webkit-transform: translateX(-20px)
	}

	65% {
		-webkit-transform: translateX(0px)
	}

	80% {
		-webkit-transform: translateX(-12px)
	}

	100% {
		-webkit-transform: translateX(0px)
	}
}

@-webkit-keyframes guideNext {
	0%,20% {
		-webkit-transform: translateX(0px) rotateZ(180deg)
	}

	35% {
		-webkit-transform: translateX(-12px) rotateZ(180deg)
	}

	50% {
		-webkit-transform: translateX(20px) rotateZ(180deg)
	}

	65% {
		-webkit-transform: translateX(0px) rotateZ(180deg)
	}

	80% {
		-webkit-transform: translateX(12px) rotateZ(180deg)
	}

	100% {
		-webkit-transform: translateX(0px) rotateZ(180deg)
	}
}

.u-maskLayer {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,.7);
	opacity: 0;
	-webkit-transition: all .5s;
	z-index: 9999
}

.u-maskLayer.z-show,.u-maskLayer.z-showing {
	opacity: 1
}

.u-maskLayer-close {
	width: 100px;
	height: 100px;
	background: rgba(255,0,0,.6);
	border-radius: 50%;
	display: block;
	position: absolute;
	top: -30px;
	right: -30px;
	-webkit-transition: all .6s;
	-webkit-transform: translate(100%,-100%)
}

.u-maskLayer-close::after,.u-maskLayer-close::before {
	width: 42px;
	height: 4px;
	background-color: #fff;
	border-radius: 2px;
	content: '';
	display: block;
	position: absolute;
	bottom: 35px;
	left: 15px;
	-webkit-transform: rotateZ(45deg)
}

.u-maskLayer .u-maskLayer-close::before {
	-webkit-transform: rotateZ(-45deg)
}

.u-maskLayer .u-maskLayer-close::after {
	-webkit-transform: rotateZ(45deg)
}

.u-maskLayer.z-show .u-maskLayer-close {
	-webkit-transform: translate(0%,0)
}

.u-tip {
	background: rgba(0,0,0,.6);
	text-align: center;
	position: fixed;
	z-index: 99999;
	padding: 8px 30px;
	border-radius: 6px;
	top: 45%;
	left: 50%;
	color: #fff;
	font-size: 24px;
	font-family: '微软雅黒';
	font-weight: 400;
	line-height: 28px
}

.u-yunlaiMap {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 12%;
	background: #fff;
	box-shadow: 0 0 500px 100px #333;
	-webkit-transition: all .5s;
	-webkit-transform: translateY(0%);
	z-index: 9999;
	overflow: hidden
}

.u-yunlaiMap.z-hide {
	-webkit-transform: translateY(100%)
}

.u-yunlaiMap .baiduMap {
	width: 640px;
	height: 100%;
	-webkit-transform: scale(1.8)
}

.u-yunlaiMap .baiduMap .BMap_bubble_title {
	font-weight: 700;
	border-bottom: 1px dashed #999;
	padding-bottom: 5px;
	font-size: 16px
}

.u-yunlaiMap .baiduMap .BMap_bubble_content {
	margin-top: 8px;
	font-size: 14px;
	line-height: 25px
}

.u-yunlaiMap .baiduMap .BMap_bubble_content a {
	color: #1686C5
}

.u-yunlaiMap .baiduMap .navigationButtons {
	margin: 12px 0;
	text-align: center
}

.u-yunlaiMap .baiduMap .navigationButtons a {
	font-size: 18px;
	border: 1px solid #666;
	padding: 2px 12px;
	background: #07A326;
	color: #fff;
	text-decoration: none;
	margin: 0
}

.u-yunlaiMap .baiduMap .navigationButtons a:nth-child(1) {
	background: rgba(3,151,221,.8);
	border-radius: 5px 0 0 5px
}

.u-yunlaiMap .baiduMap .navigationButtons a:nth-child(2) {
	background: rgba(221,81,3,.8);
	border-left: none
}

.u-yunlaiMap .baiduMap .navigationButtons a:nth-child(3) {
	background: rgba(7,163,38,.8);
	border-left: none;
	border-radius: 0 5px 5px 0
}

.u-yunlaiMap .baiduMap .navigationButtons a:nth-child(1):active {
	background: #0397DD
}

.u-yunlaiMap .baiduMap .navigationButtons a:nth-child(2):active {
	background: #DD5103
}

.u-yunlaiMap .baiduMap .navigationButtons a:nth-child(3):active {
	background: #07A326
}

.u-yunlaiMap .baiduMap .BMap_noprint {
	-webkit-transform: scale(0.8)
}

.u-yunlaiMap .baiduMap .BMap_cpyCtrl {
	display: none
}

.u-yunlaiMap .mapToolBar {
	font-size: 24px;
	padding-right: 12px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 65px;
	line-height: 65px;
	background: rgba(255,255,255,.7);
	box-shadow: 0 1px 5px 0 #ccc;
	z-index: 1;
	overflow: hidden
}

.u-yunlaiMap .mapToolBar a {
	text-decoration: none;
	color: #333;
	text-align: center
}

.u-yunlaiMap .mapToolBar a.closeMap {
	float: left;
	display: inline-block;
	height: 65px;
	width: 80px;
	margin-right: -80px;
	font-size: 28px;
	background: rgba(255,60,60,.7);
	color: #fff
}

.u-yunlaiMap .mapToolBar a.closeMap:active {
	background: rgba(255,0,0,.7)
}

.u-yunlaiMap .mapToolBar .navigationControl,.u-yunlaiMap .mapToolBar .navigationTip {
	float: right;
	display: none
}

.u-yunlaiMap .mapToolBar .navigationTip i {
	display: inline-block;
	vertical-align: sub;
	width: 24px;
	height: 24px;
	margin-right: 6px
}

.u-yunlaiMap .mapToolBar .navigationTip i.icon-loading {
	width: 27px;
	height: 29px
}

.u-yunlaiMap .mapToolBar .navigationTip i.icon-info {
}

.u-yunlaiMap .mapToolBar .navigationTip i.icon-success {
}

.u-yunlaiMap .mapToolBar .navigationTip i.icon-error {
}

.u-yunlaiMap .mapToolBar .navigationControl a {
	height: 45px;
	line-height: 45px;
	border: 1px solid #999;
	border-left-width: 0;
	padding: 0 15px;
	display: inline-block;
	background: rgba(252,255,229,.6)
}

.u-yunlaiMap .mapToolBar .navigationControl a:first-child {
	border-radius: 5px 0 0 5px;
	border-left-width: 1px
}

.u-yunlaiMap .mapToolBar .navigationControl a:last-child {
	border-radius: 0 5px 5px 0
}

.u-yunlaiMap .mapToolBar .navigationControl a.z-current {
	background: rgba(0,151,0,.7);
	color: #fff
}

.u-yunlaiMap .mapToolBar .navigationControl a:nth-child(1).z-current {
	background: rgba(3,151,221,.7)
}

.u-yunlaiMap .mapToolBar .navigationControl a:nth-child(2).z-current {
	background: rgba(221,81,3,.7)
}

.u-yunlaiMap .mapRoutePanel {
	position: absolute;
	top: 65px;
	bottom: 0;
	left: 0;
	width: 480px;
	background: #fff;
	border-right: 1px solid #DBDBDB;
	box-shadow: 0 2px 4px 0 #ccc;
	z-index: 1;
	-webkit-transition: all .5s;
	-webkit-transform: translateX(-480px)
}

.u-yunlaiMap .mapRoutePanel .routeResult {
	width: 100%;
	height: 100%;
	overflow: auto
}

.u-yunlaiMap .mapRoutePanel .routeResult span {
	display: inline-block;
	font-size: 20px;
	padding: 0 5px
}

.u-yunlaiMap .mapRoutePanel .routeResult div[onclick^=Instance] {
	background: none!important
}

.u-yunlaiMap .mapRoutePanel .routeResult table {
	font-size: 24px!important
}

.u-yunlaiMap .mapRoutePanel .routeResult table td {
	padding: 5px 10px!important;
	line-height: 150%!important
}

.u-yunlaiMap .mapRoutePanel .noRouteInfo {
	margin: 50px 0;
	text-align: center;
	font-size: 28px;
	color: #ccc
}

.u-yunlaiMap .mapRoutePanel .toggle {
	display: block;
	width: 30px;
	height: 54px;
	position: absolute;
	right: -30px;
	top: 45%
}

.u-yunlaiMap .mapRoutePanel.z-show {
	-webkit-transform: translateX(0px)
}

.u-yunlaiMap .mapRoutePanel.z-show .toggle {
	background-position: -30px -30px
}

.f-mb-15 {
	margin-bottom: 15px
}

.f-mb-22 {
	margin-bottom: 22px
}

.f-t-l {
	text-align: left
}

.f-t-c {
	text-align: center
}

.f-t-r {
	text-align: right
}

.f-hide {
	display: none
}

.f-fixed {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.f-fixedTop {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1
}

.f-fixedBottom {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1
}

.m-animationCloudBg {
	height: 100%;
	background:#fcedd8;
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
	overflow: hidden
}

.m-animationCloudBg i {
	width: 640px;
	height: 300px;
	display: block;
	position: absolute;
	opacity: 0;
	z-index: 0!important
}

.m-animationCloudBg i:nth-child(1) {
	background: url("../images/cloud1.png");
	top: 50px;
	left: -100px;
	-webkit-animation: animationCloudBg 1s linear infinite;
	-webkit-animation-delay: 2s
}

.m-animationCloudBg i:nth-child(2) {
	background: url("../images/cloud2.png");
	top: 100px;
	left: -50px;
	-webkit-animation: animationCloudBg 2s linear infinite;
	-webkit-animation-delay: 1s
}

.m-animationCloudBg i:nth-child(3) {
	background: url("../images/cloud3.png");
	top: 150px;
	left: 0;
	-webkit-animation: animationCloudBg 4s linear infinite;
	-webkit-animation-delay: 0s
}

.m-animationCloudBg i:nth-child(4) {
	background: url("../images/cloud4.png");
	top: 200px;
	left: 50px;
	-webkit-animation: animationCloudBg 2s linear infinite;
	-webkit-animation-delay: 2s
}

.m-animationCloudBg i:nth-child(5) {
	background: url("../images/cloud5.png");
	top: 250px;
	left: -50px;
	-webkit-animation: animationCloudBg 1.2s linear infinite;
	-webkit-animation-delay: 3s
}

.m-animationCloudBg i:nth-child(6) {
	background: url("../images/cloud6.png");
	top: 300px;
	left: 20px;
	-webkit-animation: animationCloudBg 3s linear infinite;
	-webkit-animation-delay: 1s
}

.m-animationCloudBg i:nth-child(7) {
	background: url("../images/cloud1.png");
	top: 350px;
	left: 80px;
	-webkit-animation: animationCloudBg 4.5s linear infinite;
	-webkit-animation-delay: 0s
}

.m-animationCloudBg i:nth-child(8) {
	background: url("../images/cloud2.png");
	top: 400px;
	left: -10px;
	-webkit-animation: animationCloudBg 2.8s linear infinite;
	-webkit-animation-delay: 1s
}

.m-animationCloudBg i:nth-child(9) {
	background: url("../images/cloud3.png");
	top: 350px;
	left: 80px;
	-webkit-animation: animationCloudBg 1.6s linear infinite;
	-webkit-animation-delay: 2s
}

.m-animationCloudBg i:nth-child(10) {
	background: url("../images/cloud4.png");
	top: 20px;
	left: -100px;
	-webkit-animation: animationCloudBg 4s linear infinite;
	-webkit-animation-delay: 1s
}

.m-animationCloudBg i:nth-child(11) {
	background: url("../images/cloud5.png");
	top: 60px;
	left: 0;
	-webkit-animation: animationCloudBg 2.5s linear infinite;
	-webkit-animation-delay: 2s
}

.m-animationCloudBg i:nth-child(12) {
	background: url("../images/cloud6.png");
	top: 0;
	left: -50px;
	-webkit-animation: animationCloudBg 3.2s linear infinite;
	-webkit-animation-delay: 0s
}

@-webkit-keyframes animationCloudBg {
	0% {
		-webkit-transform: scale(0.5) translate(-300px,300px) rotateX(0deg) rotateY(0deg);
		opacity: 0
	}

	33% {
		-webkit-transform: scale(1) translate(-80px,80px) rotateX(20deg) rotateY(-20deg);
		opacity: 1
	}

	66% {
		-webkit-transform: scale(1.5) translate(100px,-100px) rotateX(30deg) rotateY(-10deg);
		opacity: .8
	}

	100% {
		-webkit-transform: scale(1.8) translate(300px,-300px) rotateX(0deg) rotateY(0deg);
		opacity: .6
	}
}

.m-meteorShower {
	width: 100%;
	height: 100%;
}

.m-meteorShower .star {
	display: block;
	position: absolute;
	width: 46px;
	height: 46px;
	-webkit-animation: star 1s linear infinite
}

.m-meteorShower .star.style1 {
	width: 20px;
	height: 20px;
	background-position: 0 -137px
}

.m-meteorShower .star.style2 {
	width: 43px;
	height: 43px;
	background-position: -20px -137px
}

.m-meteorShower .star.style3 {
	width: 42px;
	height: 42px;
	background-position: -63px -137px
}

.m-meteorShower .star.style4 {
	width: 50px;
	height: 50px;
	background-position: -105px -137px
}

.m-meteorShower .meteor {
	display: block;
	position: absolute;
	width: 255px;
	height: 50px;
	-webkit-animation: meteor 1s linear infinite
}

.m-meteorShower .meteor.style1 {
	width: 100px;
	height: 20px;
	background-position: 0 0
}

.m-meteorShower .meteor.style2 {
	width: 150px;
	height: 29px;
	background-position: 0 -20px
}

.m-meteorShower .meteor.style3 {
	width: 200px;
	height: 39px;
	background-position: 0 -49px
}

.m-meteorShower .meteor.style4 {
	width: 256px;
	height: 50px;
	background-position: 0 -88px
}

@-webkit-keyframes star {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(1)
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(0.5)
	}
}

@-webkit-keyframes meteor {
	0% {
		opacity: 0;
		-webkit-transform: rotate(40deg) translateX(0px) scale(0.2)
	}

	20% {
		opacity: .7
	}

	80% {
		opacity: 1
	}

	100% {
		opacity: 0;
		-webkit-transform: rotate(40deg) translateX(500px) scale(1)
	}
}

.m-foregroundImg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9997
}

.m-cascadingTeletext {
	width: 640px;
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	box-sizing: border-box
}

.m-cascadingTeletext * {
	overflow: hidden!important
}

.m-cascadingTeletext li {
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0;
	top: 10%;
	right: 0;
	bottom: 0;
	display: block;
}

.m-cascadingTeletext li:nth-child(1) {
	z-index: 9
}
.m-cascadingTeletext li:nth-child(2) {
	z-index: 8
}
.m-cascadingTeletext li:nth-child(3) {
	z-index: 7
}

.m-cascadingTeletext li img {
	box-shadow: 0 0 13px 0 #B8B8B8;
	-webkit-transition: all .8s ease-out;
	-webkit-transform: rotateZ(30deg) scale(3) translate(80%,80%);
	position: absolute;
	left: 50%;
	top: 30px;
	right: 0;
	bottom: 30px;
}

.m-cascadingTeletext.z-viewArea li img {
	-webkit-transform: rotateZ(3.2deg) scale(1) translate(0%,0);
	-webkit-transition-delay: 0s
}
.m-cascadingTeletext.z-viewArea li:nth-child(4) img {
	-webkit-transition-delay: .2s
}
.m-cascadingTeletext.z-viewArea li:nth-child(5) img {
	-webkit-transition-delay: .1s
}
.m-cascadingTeletext.z-viewArea li:nth-child(1) img {
	-webkit-transform: rotateZ(0deg) scale(1) translate(0%,0);
	-webkit-transition-delay: 1s
}

.m-cascadingTeletext.z-viewArea li:nth-child(2) img {
	-webkit-transform: rotateZ(1.6deg) scale(1) translate(0%,0);
	-webkit-transition-delay: .5s
}

.m-cascadingTeletext.z-viewArea li:nth-child(3) img {
	-webkit-transform: rotateZ(3.2deg) scale(1) translate(0%,0);
	-webkit-transition-delay: .3s
}

.m-cascadingTeletext li .imgText {
	font-size: 26px;
	color: #fff;
	padding: 12px 20px;
	margin: 0;
	line-height: 32px;
	box-sizing: border-box;
	background-color: rgba(0,0,0,.6);
	-webkit-transition: all .3s;
	-webkit-transition-delay: .1s;
	-webkit-transform: translateY(100%);
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	visibility: hidden
}

.m-cascadingTeletext li:nth-child(1) .imgText {
	z-index: 3;
	visibility: visible
}

.m-cascadingTeletext li:nth-child(2) .imgText {
	z-index: 2
}

.m-cascadingTeletext li:nth-child(3) .imgText {
	z-index: 1
}

.m-cascadingTeletext li.z-current .imgText {
	-webkit-transform: translateY(0%)
}

.m-cascadingTeletext li.z-hideToLeft img {
	-webkit-animation: cascadingTeletext_hideToLeft .3s linear
}

.m-cascadingTeletext li.z-hideToLeft .imgText,.m-cascadingTeletext li.z-hideToRight .imgText {
	-webkit-transform: translateY(100%)
}

@-webkit-keyframes cascadingTeletext_hideToLeft {
	0% {
		-webkit-transform: translateX(0%)
	}

	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0
	}
}

.m-cascadingTeletext li.z-hideToRight img {
	-webkit-animation: cascadingTeletext_hideToRight .3s linear
}

@-webkit-keyframes cascadingTeletext_hideToRight {
	0% {
		-webkit-transform: translateX(0%)
	}

	100% {
		-webkit-transform: translateX(100%);
		opacity: 0
	}
}

.m-link {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 172px;
	text-align: center
}

.m-link .textLink {
	width: 580px;
	height: 98px;
	line-height: 98px;
	margin: 0 auto;
	color: #fff;
	font-size: 35px;
	text-align: center;
	text-decoration: none;
	background: #ffe401;
	border-radius: 5px;
	display: inline-block;
	-webkit-transition: all .3s
}

.m-link .textLink:active {
	background: #17babc
}

.m-link .imgLink {
	text-decoration: none;
	text-align: center
}

.m-weixinShareLayer {
	text-align: center
}

.m-btnPlay {
	display: block;
	width: 145px;
	height: 145px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -72px;
	z-index: 1
}

.m-btnPlay div,.m-btnPlay i {
	display: block;
	width: 145px;
	height: 145px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0
}


.m-btnPlay div {
	background: rgba(255,255,255,.6);
	z-index: 0;
	-webkit-animation: video_btnPlay 1s linear infinite;
	opacity: 0
}

@-webkit-keyframes video_btnPlay {
	0% {
		-webkit-transform: scale(1);
		opacity: .8
	}

	100% {
		-webkit-transform: scale(2);
		opacity: 0
	}
}

.m-youkuVideo {
	width: 100%;
	height: 460px;
	margin-top: 260px;
	background-color: #000
}

.m-youkuVideo .videoBody {
	background-color: rgba(0,0,0,.7);
	display: none;
	-webkit-transition: all .8s;
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.m-youkuVideo .videoBody>* {
	width: 640px!important;
	height: 480px!important;
	margin-top: 40%;
	margin-bottom: 36%
}

.m-youkuVideo.z-showVideo .btnPlay {
	display: none
}

.m-youkuVideo.z-showVideo .videoBody {
	display: block
}

.m-distributedPoints {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.m-distributedPoints ul {
	width: 100%;
	height: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative
}

.m-distributedPoints ul li {
	position: absolute;
	left: 50%;
	top: 50%;
	text-align: center
}

.m-distributedPoints ul li h3 {
	margin: 5px 0;
	padding: 2px 6px;
	border-radius: 20px;
	color: #fff;
	font-size: 26px;
	font-weight: 400;
	background: rgba(0,0,0,.3)
}

.m-distributedPoints ul li::after {
	content: '';
	display: inline-block;
	width: 51px;
	height: 60px;
}

.m-distributedPoints ul li:nth-child(1)::after {
	background-position: -96px -96px
}

.m-distributedPoints ul li:nth-child(2)::after {
	background-position: -159px -96px
}

.m-distributedPoints ul li:nth-child(3)::after {
	background-position: -222px -96px
}

.m-distributedPoints ul li:nth-child(4)::after {
	background-position: -285px -96px
}

.m-distributedPoints ul li:nth-child(5)::after {
	background-position: -96px -96px
}

.m-distributedPoints ul li:nth-child(6)::after {
	background-position: -159px -96px
}

.m-distributedPoints ul li:nth-child(7)::after {
	background-position: -222px -96px
}

.m-distributedPoints ul li:nth-child(8)::after {
	background-position: -285px -96px
}

.m-distributedPoints ul li:nth-child(9)::after {
	background-position: -96px -96px
}

.m-distributedPoints ul li:nth-child(10)::after {
	background-position: -159px -96px
}

.m-distributedPoints ul li:nth-child(11)::after {
	background-position: -222px -96px
}

.m-distributedPoints ul li:nth-child(12)::after {
	background-position: -285px -96px
}

.m-distributedPoints ul li:nth-child(13)::after {
	background-position: -96px -96px
}

.m-distributedPoints ul li:nth-child(14)::after {
	background-position: -159px -96px
}

.m-distributedPoints ul li:nth-child(15)::after {
	background-position: -222px -96px
}

.m-distributedPoints ul li:nth-child(16)::after {
	background-position: -285px -96px
}

.m-distributedPoints ul li:nth-child(17)::after {
	background-position: -96px -96px
}

.m-distributedPoints ul li:nth-child(18)::after {
	background-position: -159px -96px
}

.m-distributedPoints ul li:nth-child(19)::after {
	background-position: -222px -96px
}

.m-distributedPoints ul li:nth-child(20)::after {
	background-position: -285px -96px
}

.m-distributedPoints ul li a {
	display: inline-block;
	width: 63px;
	height: 76px;
	position: absolute;
	bottom: -3px;
	-webkit-animation: distributedPoints_a 1s infinite
}

.m-distributedPoints ul li:nth-child(1) a {
	background-position: -90px -165px
}

.m-distributedPoints ul li:nth-child(2) a {
	background-position: -153px -165px
}

.m-distributedPoints ul li:nth-child(3) a {
	background-position: -216px -165px
}

.m-distributedPoints ul li:nth-child(4) a {
	background-position: -279px -165px
}

.m-distributedPoints ul li:nth-child(5) a {
	background-position: -90px -165px
}

.m-distributedPoints ul li:nth-child(6) a {
	background-position: -153px -165px
}

.m-distributedPoints ul li:nth-child(7) a {
	background-position: -216px -165px
}

.m-distributedPoints ul li:nth-child(8) a {
	background-position: -279px -165px
}

.m-distributedPoints ul li:nth-child(9) a {
	background-position: -90px -165px
}

.m-distributedPoints ul li:nth-child(10) a {
	background-position: -153px -165px
}

.m-distributedPoints ul li:nth-child(11) a {
	background-position: -216px -165px
}

.m-distributedPoints ul li:nth-child(12) a {
	background-position: -279px -165px
}

.m-distributedPoints ul li:nth-child(13) a {
	background-position: -90px -165px
}

.m-distributedPoints ul li:nth-child(14) a {
	background-position: -153px -165px
}

.m-distributedPoints ul li:nth-child(15) a {
	background-position: -216px -165px
}

.m-distributedPoints ul li:nth-child(16) a {
	background-position: -279px -165px
}

.m-distributedPoints ul li:nth-child(17) a {
	background-position: -90px -165px
}

.m-distributedPoints ul li:nth-child(18) a {
	background-position: -153px -165px
}

.m-distributedPoints ul li:nth-child(19) a {
	background-position: -216px -165px
}

.m-distributedPoints ul li:nth-child(20) a {
	background-position: -279px -165px
}

@-webkit-keyframes distributedPoints_a {
	0% {
		opacity: 0
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.m-contactInfo {
	width: 582px;
	border-radius: 2px;
	background-color: #fff;
	position: absolute;
	bottom: 360px;
	left: 50%;
	margin-left: -291px
}

.m-contactInfo dl {
	height: 138px;
	line-height: 38px;
	border-bottom: 1px solid #3b3b46;
	width: 500px;
	margin: 0 auto;
	overflow: hidden
}

.m-contactInfo dl a {
	word-break: break-all;
	word-wrap: break-word;
}

.m-contactInfo dl:last-child {
	border-bottom: none
}

.m-contactInfo dl dt {
	width: 112px;
	text-indent: -9999px;
	float: left;
	line-height: 48px
}

.m-contactInfo dl dd,.m-contactInfo dl dt {
	margin: 0
}

.m-contactInfo dl dt::after {
	content: '';
	display: block;
	width: 48px;
	height: 48px;
	margin: 0 auto
}

.m-contactInfo dl dt.icon-email::after {
	background-position: 0 0
}

.m-contactInfo dl dt.icon-tel::after {
	background-position: -48px 0
}

.m-contactInfo dl dt.icon-weixin::after {
	background-position: -96px 0
}

.m-contactInfo dl dd {
	padding-left: 22px;
	padding-top: 44px;
	float: left;
	width: 366px;
	overflow: hidden;
}

.m-contactInfo dl dd a {
	text-decoration: none;
	line-height: 38px;
	font-size: 32px;
	color: #000
}

.m-contactUs {
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 200px
}

.m-contactUs a {
	text-decoration: none;
	display: block
}

.m-contactForm {
	width: 582px;
	border-radius: 2px;
	background: rgba(255,255,255,.9);
	margin: 0;
	overflow: hidden
}

.m-contactForm h2 {
	font-size: 30px;
	font-weight: 400;
	width: 495px;
	border: 2px solid #44c9c8;
	border-top: 0;
	margin: 75px auto 0;
	height: 2px;
	padding-top: 3px;
	text-align: center
}

.m-contactForm h2 span {
	-webkit-transform: translateY(-45px);
	display: inline-block
}

.m-contactForm dl {
	width: 495px;
	height: 50px;
	margin: 28px auto 0;
	overflow: hidden
}

.m-contactForm dl dd,.m-contactForm dl dt {
	float: left;
	margin: 0;
	padding: 0
}

.m-contactForm dl dt {
	text-indent: -9999px;
	width: 58px;
	line-height: 4px
}

.m-contactForm dl dt::after {
	content: '';
	display: block;
	width: 48px;
	height: 48px;
}

.m-contactForm dl dt.icon-name::after {
	background-position: 0 -48px
}

.m-contactForm dl dt.icon-sex::after {
	background-position: -48px -48px
}

.m-contactForm dl dt.icon-tel::after {
	background-position: -96px -48px
}

.m-contactForm dl dt.icon-company::after {
	background-position: -144px -48px
}

.m-contactForm dl dt.icon-post::after {
	background-position: -192px -48px
}

.m-contactForm dl dt.icon-email::after {
	background-position: -250px -48px
}

.m-contactForm dl dd {
	width: 436px;
	line-height: 49px;
	border-bottom: 1px solid #9b9b9b;
	font-size: 28px
}

.m-contactForm dl dd input[type=text],.m-contactForm dl dd textarea {
	vertical-align: bottom;
	width: 96%;
	height: 36px;
	border: 0;
	background: 0 0
}

.m-contactForm dl dd input.z-error {
	color: #f85c5d
}

.m-contactForm dl dd label {
	margin: 0 40px 0 20px
}

.m-contactForm dl dd input[type=radio] {
	border: 3px solid #858585;
	-webkit-appearance: none;
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 9px;
	margin-right: 8px;
	border-radius: 50%;
	background: 0 0;
	padding: 2px;
	-webkit-transform: scale(1.5) translateY(1px)
}

.m-contactForm dl dd input[type=radio]::before {
	content: '\2022';
	font-size: 30px;
	display: table;
	padding: 0;
	border: none;
	color: transparent
}

.m-contactForm dl dd input[type=radio]:checked {
	border-color: #43c9ca
}

.m-contactForm dl dd input[type=radio]:checked::before {
	color: #43c9ca
}

.m-contactForm .btn-submit {
	display: block;
	width: 100%;
	height: 98px;
	background-color: #43c9cc;
	border: none;
	border-top: 1px solid #d4d8db;
	border-radius: 0;
	margin: 38px 0 0;
	line-height: 98px;
	font-size: 35px;
	color: #fff;
	letter-spacing: 2px
}

.m-contactForm .btn-submit:disabled {
	background-color: #9e9fa1!important
}

.m-contactForm .btn-submit:active {
	background-color: #2FAEB1
}

.m-contactForm .successTipLayer p {
	width: 498px;
	background: #55e224;
	color: #fff;
	font-size: 30px;
	border-radius: 5px;
	line-height: 36px;
	padding: 32px 20px;
	box-sizing: border-box;
	margin: 30% auto 0
}

.m-contactFormLayer>div {
	width: 582px;
	padding: 1px 1px 15px;
	margin: auto
}

.m-lightAppAd {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.6);
	display: block
}

.m-lightAppAd a {
	display: block;
	width: 560px;
	height: 90px;
	margin: 0 auto
}

.m-lightAppAd a.m-lightAppAd-link-guide,.m-lightAppAd-body {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition: all .6s
}

.m-lightAppAd a.m-lightAppAd-link-guide {
	width: 640px;
	height: 50px;
	background-position: 0 -149px;
	box-shadow: 0 0 18px 0 #000
}

.m-lightAppAd-body {
	background-color: #f5f5f5;
	height: 450px;
	box-sizing: border-box;
	-webkit-transform: translateY(100%)
}

.m-lightAppAd-title {
	width: 640px;
	height: 149px
}

.m-lightAppAd a.m-lightAppAd-link-get {
	background-position: 0 -199px;
	margin-top: 22px
}

.m-lightAppAd a.m-lightAppAd-link-tel {
	background-position: 0 -289px;
	margin-top: 42px
}

.m-lightAppAd.z-showBody {
	top: 0
}

.m-lightAppAd.z-showBody .m-lightAppAd-body {
	-webkit-transform: translateY(0%)
}

.page-content {
	height: 100%
}

.page-teletext .u-guideNext,.page-teletext .u-guidePrev {
	-webkit-transition: all .6s;
	-webkit-transition-delay: 2.2s;
	opacity: 0
}

.page-teletext.z-current .u-guideNext,.page-teletext.z-current .u-guidePrev {
	opacity: 1
}

.page-link .m-link {
	-webkit-animation: flipinX 1s ease-out backwards;
	display: none
}

.page-link.z-current .m-link {
	display: block
}

.page-video .m-btnPlay {
	-webkit-animation: bouncein 1s ease-out backwards;
	display: none
}

.page-video.z-current .m-btnPlay {
	display: block
}

.page-map .m-distributedPoints ul li {
	visibility: hidden
}

.page-map.z-current .m-distributedPoints ul li {
	visibility: visible;
	-webkit-animation: bouncein 1s ease-out backwards
}

.page-map.z-current .m-distributedPoints ul li:nth-child(1) {
	-webkit-animation-delay: .2s
}

.page-map.z-current .m-distributedPoints ul li:nth-child(2) {
	-webkit-animation-delay: .4s
}

.page-map.z-current .m-distributedPoints ul li:nth-child(3) {
	-webkit-animation-delay: .6s
}

.page-map.z-current .m-distributedPoints ul li:nth-child(4) {
	-webkit-animation-delay: .8s
}

.page-map.z-current .m-distributedPoints ul li:nth-child(5) {
	-webkit-animation-delay: 1s
}

.page-map.z-current .m-distributedPoints ul li:nth-child(6) {
	-webkit-animation-delay: 1.2s
}

.page-map.z-current .m-distributedPoints ul li:nth-child(7) {
	-webkit-animation-delay: 1.4s
}

.page-map.z-current .m-distributedPoints ul li:nth-child(8) {
	-webkit-animation-delay: 1.6s
}

.page-map.z-current .m-distributedPoints ul li:nth-child(9) {
	-webkit-animation-delay: 1.8s
}

.page-map.z-current .m-distributedPoints ul li:nth-child(10) {
	-webkit-animation-delay: 2s
}

.page-map.z-current .m-distributedPoints ul li:nth-child(11) {
	-webkit-animation-delay: 2.2s
}

.page-map.z-current .m-distributedPoints ul li:nth-child(12) {
	-webkit-animation-delay: 2.4s
}

.page-map.z-current .m-distributedPoints ul li:nth-child(13) {
	-webkit-animation-delay: 2.6s
}

.page-map.z-current .m-distributedPoints ul li:nth-child(14) {
	-webkit-animation-delay: 2.8s
}

.page-map.z-current .m-distributedPoints ul li:nth-child(15) {
	-webkit-animation-delay: 3s
}

.page-map.z-current .m-distributedPoints ul li:nth-child(16) {
	-webkit-animation-delay: 3.2s
}

.page-map.z-current .m-distributedPoints ul li:nth-child(17) {
	-webkit-animation-delay: 3.4s
}

.page-map.z-current .m-distributedPoints ul li:nth-child(18) {
	-webkit-animation-delay: 3.6s
}

.page-map.z-current .m-distributedPoints ul li:nth-child(19) {
	-webkit-animation-delay: 3.8s
}

.page-map.z-current .m-distributedPoints ul li:nth-child(20) {
	-webkit-animation-delay: 4s
}

.page-form .m-contactInfo,.page-form .m-contactUs {
	-webkit-animation: bounceinT 1s ease-out backwards;
	display: none
}

.page-form.z-current .m-contactInfo,.page-form.z-current .m-contactUs {
	display: block
}

.page-form .u-maskLayer .m-contactForm {
	-webkit-transition: -webkit-transform .5s;
	-webkit-transform: translateY(-120%)
}

.page-form .u-maskLayer.z-show .m-contactForm,.page-form .u-maskLayer.z-showing .m-contactForm {
	-webkit-transform: translateY(0%)
}