@-webkit-keyframes slideInUp {
	0% {
		opacity:0;
		transform:translateY(20%)
	}

	to {
		opacity:1;
		transform:translateY(0)
	}
}

@keyframes slideInUp {
	0% {
		opacity:0;
		transform:translateY(20%)
	}

	to {
		opacity:1;
		transform:translateY(0)
	}
}
@media screen and (min-width: 1024px) {.page-content {
	max-width:1160px;
	margin:0 auto
}}
@media screen and (max-width: 1024px) {.page-content {
	max-width: 1160px;
	margin:0 auto
}}


.card,.card-dark {
	padding:80px 0
}

.card-dark {
	background:#f2f3f5
}

.card .card-title,.card-dark .card-title {
	font-size:32px;
	font-weight:600; padding-bottom:14px;
	color:#333;
	line-height:60px;
	text-align:center
}

.button {
	display:inline-block;margin-right: 14px;
	width:140px;
	height:46px;
	line-height:46px;
	border-radius:1px;
	font-size:16px;
	text-align:center;
	transition:all .1s linear 0s
}

.button-solid {
	background-color:#fff;
	color:#349bf1;
	border:1px solid #fff
}

.button-solid:hover {
	background-color:rgba(255,255,255,.8);
	border:1px solid rgba(255,255,255,.8)
}

.button-ghost {
	background:0 0;
	color:#fff;
	border:1px solid rgba(255,255,255,.5)
}

.button-ghost:hover {
	background:rgba(255,255,255,.35)
}

.button-default {
	background:0 0;
	color:#349bf1;
	border:1px solid rgba(14,87,162,.2)
}

.button-default:hover {
	background:rgba(14,87,162,.1)
}

.clear-fix-top {
	position:absolute!important;
	top:0;
	box-shadow:none!important
}

.fixed-top {
	position:fixed!important;
	top:0;
	left:0;
	right:0;
	z-index:100
}

.hide {
	display:none
}

::-webkit-input-placeholder {
	color:#999
}

:-moz-placeholder,::-moz-placeholder {
	color:#999
}

:-ms-input-placeholder {
	color:#999
}

#kf5-support-btn {
	display:none!important
}

.slide-in-up {
	opacity:1
}

.slideInUp {
	-webkit-animation-name:slideInUp;
	animation-name:slideInUp
}

.done {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both
}

@media screen and (min-width:768px) {
	.pc-hide {
		display:none!important
	}
}

@media screen and (max-width:767px) {
	.mobile-hide {
		display:none!important
	}

	.button,.button-small {
		display:inline-block;
		width:1.36rem;
		height:.4rem;
		line-height:.4rem;
		font-size:.14rem;
		font-weight:500;
		border-radius:.01rem;
		text-align:center
	}

	.button-small {
		width:.88rem;
		height:.32rem;
		line-height:.32rem;
		font-size:.12rem
	}

	.card,.card-dark {
		padding:.48rem 0
	}

	.card .card-title,.card-dark .card-title {
		font-size:.2rem;
		font-weight:700;
		color:#333;
		line-height:.28rem;
		text-align:center
	}

	.common-container {
		width:100vw;
		overflow:hidden
	}

	.button-en {
		width:auto;
		padding:0 .1rem
	}
}