* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	line-height: 1.7;
}

a {
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* 取消链接高亮 */
	text-decoration: none;
	color: #FFFFFF;
	transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, font .5s, transform .5s, box-shadow .5s, top .5s;
	-moz-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, font .5s, transform .5s, box-shadow .5s, top .5s;
	/* Firefox 4 */
	-webkit-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, font .5s, transform .5s, box-shadow .5s, top .5s;
	/* Safari and Chrome */
	-o-transition: color .5s, background .5s, opacity .5s, border .5s, padding .5s, font .5s, transform .5s, box-shadow .5s, top .5s;
	/* Opera */
}

html {
	min-height: 100%;
	padding: 0;
	margin: 0;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background: #031221;
	background-image: url('../img/10.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}

body {
	position: relative;
	min-height: 100%;
	font-size: 15px;
	color: #FFFFFF;
	font-family: Arial, "Microsoft Yahei";
	min-width: 1280px;
	padding: 0 !important;
	margin: 0 !important;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background: #031221;
	background-image: url('../img/10.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}


[v-cloak] {
	display: none !important;
}

@media only screen and (max-width: 1600px) {
	body {
		font-size: 14px;
	}
}


*:focus {
	outline: none !important;
}

* {
	outline: none !important;
}

*:focus {
	outline: none !important;
}

button::-moz-focus-inner {
	border-color: transparent;
}

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


.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.ellipsis-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.ellipsis-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.ellipsis-4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.ellipsis-5 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}


.flex {
	display: flex !important;
}

.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-wrap {
	display: flex;
	flex-flow: wrap;
}

.flex-column {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-justify-between {
	display: flex;
	justify-content: space-between;
}

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

	100% {
		opacity: 0;
	}
}

@keyframes anishow {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}


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

	35% {
		transform: scale(1.20);
		opacity: 1;
	}

	51% {
		transform: scale(0.6);
		opacity: 1;
	}

	65% {
		transform: scale(3);
		opacity: 1;
	}

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




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


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

}



@keyframes oploop {

	0% {
		opacity: 1;
	}

	60% {
		opacity: 0.5;
	}


}



@keyframes rotation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(-360deg);
	}

}

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




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

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

	40% {
		opacity: 1;
		transform: rotate(15deg);
	}

	60% {
		opacity: 1;
		transform: rotate(-15deg);
	}

	80% {
		opacity: 1;
		transform: rotate(15deg);
	}

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

}

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

	}

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

	}

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

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

	30% {
		opacity: 1;
		transform: scale(1);
	}

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

	80% {
		opacity: 1;
		transform: scale(4.5);
	}

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