@font-face {
	font-family: NFLBengals;
	src: url('../font/NFLBENGA.TTF');
}

/* 设置滚动条的样式 */

::-webkit-scrollbar {
	width: 0;
}

html {
	font-size: 4.266667vw;
}

body {
	font-family: 'MicrosoftYaHei', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

html,
body,
#__nuxt,
#__layout,
.layout {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
ul,
li {
	list-style: none;
	margin: 0;
	padding: 0;
}
h1,
h3,
h2,
p {
	margin: 0;
	padding: 0;
}

a,
a:link,
a:visited,
a:hover {
	text-decoration: none;
}

html,
body {
	background-color: #18172e;
}

/* 此处是一些通用的样式 */

.op0 {
	opacity: 0;
	animation-fill-mode: forwards;
}

.ad_1s {
	animation-duration: 1s;
}

.ad_4s {
	animation-duration: 4s;
}

.ad_2s {
	animation-duration: 2s;
}

.adl_01s {
	animation-delay: 0.1s;
}

.adl_02s {
	animation-delay: 0.2s;
}

.adl_03s {
	animation-delay: 0.3s;
}

.adl_04s {
	animation-delay: 0.4s;
}

.adl_05s {
	animation-delay: 0.5s;
}

.adl_06s {
	animation-delay: 0.6s;
}

.adl_07s {
	animation-delay: 0.7s;
}

.adl_08s {
	animation-delay: 0.8s;
}

.adl_1s {
	animation-delay: 1s;
}

.adl_1_2s {
	animation-delay: 1.2s;
}

.adl_1_4s {
	animation-delay: 1.4s;
}

.adl_7s {
	animation-delay: 7s;
}

.adl_7_2s {
	animation-delay: 7.2s;
}

.adl_7_4s {
	animation-delay: 7.4s;
}

.page-enter-active,
.page-leave-active {
	transition: opacity 0.5s;
}

.page-enter,
.page-leave-active {
	opacity: 0;
}

.event-disabled {
	pointer-events: none;
}

.cbounceIn {
	animation: cbounceInKf 2s forwards;
}
.livechat_button {
	background: red;
	width: 50px;
	height: 50px;
}
.livechat_button img {
	width: 100%;
	height: 100%;
}
@keyframes cbounceInKf {
	0% {
		opacity: 0;
		transform: scale3d(0, 0, 0);
	}
	20% {
		transform: scale3d(1.2, 1.2, 1.2);
	}
	40% {
		transform: scale3d(0.9, 0.9, 0.9);
	}
	60% {
		transform: scale3d(1.1, 1.1, 1.1);
	}
	80% {
		transform: scale3d(0.97, 0.97, 0.97);
	}
	to {
		opacity: 1;
		transform: scale3d(1, 1, 1);
	}
}

.cfadeInUp {
	animation: cfadeInUp 1s forwards;
	animation-delay: 0.4s;
}

@keyframes cfadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(-50%, 100%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(-50%, 0, 0);
	}
}
.fadeInUp50 {
	animation-name: fadeInUp50;
}

@keyframes fadeInUp50 {
	from {
		opacity: 0;
		transform: translate3d(0, 50%, 0);
	}

	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}
/* 公用按钮放大效果 */

.zm {
	transition: transform 0.3s;
}

.zm:hover,
.zm:active {
	transform: scale(1.05) translateZ(0);
}

.ping {
	animation: pings 3s linear infinite;
}

@keyframes pings {
	0% {
		transform: scale(1.1) translateZ(0);
	}
	50% {
		transform: scale(1) translateZ(0);
	}
	100% {
		transform: scale(1.1) translateZ(0);
	}
}

/**********将antd.css全局改成按需后的兼容代码**********/
::selection {
	color: #fff;
	background: #1890ff;
}
*,
:after,
:before {
	box-sizing: border-box;
}
*,
:after,
:before {
	box-sizing: border-box;
}
html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
	margin: 0;
	color: rgba(0, 0, 0, 0.65);
	font-size: 14px;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC,
		Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial,
		sans-serif;
	font-variant: tabular-nums;
	line-height: 1.5;
	background-color: #fff;
	font-feature-settings: 'tnum';
}