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

.page-content {
	max-width: 1160px;
	margin: 0 auto
}

.card,.card-dark {
	padding: 20px 0
}

.card-dark {
	background: #f2f3f5
}

.card .card-title,.card-dark .card-title {
	font-size: 72px;
	font-weight: 700;
	color: #333;
	padding: 10px 0 0 0;
	line-height: 608px;
	text-align: center
}
.card-titlee {
	font-size: 42px;
	font-weight: 700;
	color: #333;
	padding: 240px 0px 20px 0px;
	line-height: 58px;
	text-align: center
}
.card-titleee {
	font-size: 48px;
	font-weight: 700;
	color: #333;
	padding: 80px 0px 40px 0px;
	line-height: 38px;
	text-align: center
}
.button {
	display: inline-block;
	width: 180px;
	height: 46px;
	line-height: 46px;
	border-radius: 1px;
	font-size: 16px;
	text-align: center;
	transition: all .1s linear 0s
}

.button-solid {
	background-color: #ecf2f8;
	color: #0e57a2;
	border: 1px solid #ccc
}

.button-solid:hover {
	background-color: #e9e9e9;
	border: 1px solid #cccccc
}
.button-solid2 {
	background-color: #0061c5;
	color: #fff;
	border: 1px solid #ccc
}
.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: rgba(14,87,162,.5);
	color: #eeeeee;
	border: 2px solid rgba(14,87,162,.5);
	border-radius: .5208rem;
}

.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,#rkCustomeBtn {
	display: none!important
}

.slide-in-up {
	opacity: 0
}

.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: .10rem 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
	}
}