:root {
	--white: #ffffff;
	--black: #000000;
	--white-fff-3: rgba(255,255,255,0.3);
	--white-fff-4: rgba(255,255,255,0.4);
	--gray-3f4: #fff3f4;
	--gray-5f7: #f5f5f7;
	--gray-4f5f7: #f4f5f7;
	--gray-4f6: #f2f4f6;
	--gray-a74: #dcba74;
	--gray-be1: #d9dbe1;
	--gray-9d9: #d9d9d9;
	--gray-cf0: #eaecf0;
	--gray-ef3: #eceef3;
	--gray-7c2: #b2b7c2;
	--gray-2b3: #98a2b3;
	--gray-085: #667085;
	--brand-11d: #0c111d;
	--brand-c35: #0b1c35;
	--brand-fe3: #046fe3;
	--brand-4cc: #0464cc;
	--brand-24e: #0f224e;
	--brand-de6: #1d7de6;
	--brand-e3c: #272e3c;
	--brand-bba: #305bba;
	--brand-ce9: #368ce9;
	--brand-4e2: #4174e2;
	--brand-aeb: #4f9aeb;
	--brand-178: #566178;
	--brand-ffe: #619ffe;
	--brand-cf9: #e0ecf9;
	--brand-3fd: #ebf3fd;
	--brand-9fb: #f8f9fb;
	--orange-047: #6b6047;
	--orange-d17: #bb8d17;
	--orange-f5d: #d6af5d;
	--orange-071: #eac071;
	--orange-6b5: #fbe6b5;
	--orange-bf0: #fffbf0;
	--orange-c8a: #ffdc8a;
	--red-b54: #e33b54;
	--red-23e: #f4323e;
	--green-d85: #2ebd85;
}
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
html, body {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-moz-tab-size: 4;
	tab-size: 4;
	font-family: Roboto,"PingFang SC","Microsoft Yahei","Heiti SC","WenQuanYi Micro Hei","Helvetica Neue",Helvetica,Arial,sans-serif!important;
	font-feature-settings: normal;
	font-variation-settings: normal;
	-webkit-tap-highlight-color: transparent;
	background-color: var(--white);
}
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {
	display: block;
}
a {
	text-decoration: none;
}
img {
	display: inline-block;
	max-width: 100%;
}
ul, ol {
	list-style: none;
}
video {
	outline: none;
}
.clearfix:after {
	content: "";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}
.clearfix {
	zoom: 1;
}
.show {
	display: block;
}
.hide, .hidden {
	display: none;
}
.no-padding { 
	padding: 0;
}
.pull-left {
	float: left;
}
.pull-right {
	float: right;
}
.text-center { 
	text-align: center !important;
}
.text-left { 
	text-align: left !important;
}
.text-right { 
	text-align: right !important;
}
.align-items {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
} 
/* .h-screen {
	height: 100vh;
} */
.fixed {
	position: fixed;
}
.z-50 {
	z-index: 50;
}
.pointer-events-none { 
	pointer-events: none;
}
.w-full {
	width: 100%;
}
.bg-gray-11d {
	background-color:var(--brand-9fb);
}
.bg-white,
.bg-m-white {
	background-color:var(--white);
}
@keyframes showBox {
	0% {
		-webkit-transform: scale(0.7);
		transform: scale(0.7);
	}
	to {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes fadeInUp {
	0% {
		-webkit-transform: translateY(80px);
		transform: translateY(80px);
		opacity: 0;
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
@keyframes fadeInLeft {
	0% {
		-webkit-transform: translateX(-50px);
		transform: translate(-50px);
		opacity: 0;
	}
	to {
		-webkit-transform: translateX(0);
		transform: translate(0);
		opacity: 1;
	}
}
@keyframes fadeInRight {
	0% {
		-webkit-transform: translateX(50px);
		transform: translate(50px);
		opacity: 0;
	}
	to {
		-webkit-transform: translateX(0);
		transform: translate(0);
		opacity: 1;
	}
}
@keyframes slideInBottomForwards {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		opacity:0
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}
.slideInBottomForwards {
	-webkit-animation: slideInBottomForwards 1s cubic-bezier(.25,.46,.45,.94) both;
	animation: slideInBottomForwards 1s cubic-bezier(.25,.46,.45,.94) both;
}